/*--------------------------------------------------------
* Template Name    : Trendo - multipurpose html template
* Author           : MouriThemes 
* Version          : 1.0.0
* File Description : Main css file of the template
*---------------------------------------------------------
*/


/*----------- table of content --------------- 


1. DEFAULT
2. NAVBAR
3. HOME
4. ABOUT
5. SERVICES
6. PORTFOLIO
7. STATISTICS
8. TESTIMONIALS
9. TEAM
10. PRICING
11. BLOG
12. CONTACT
13. PARTNER
14. FOOTER TOP
15. FOOTER BOTTOM
16. SINGLE BLOG
17. RESPONSIVE


*/


/*==============
    1. DEFAULT
================*/

body {
	letter-spacing: 1px;
	color: #323232;
	font-size: 14px;
	font-family: poppins;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: poppins;
	font-weight: 700;
}

a {
	text-decoration: none !important;
	outline: none;
}

p {
	font-size: 14px;
	line-height: 1.6;
}

hr {
	margin-bottom: 0px;
	margin-top: 0px;
	border-top: 1px solid #f1f1f1;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.btn,
.btn:focus,
button,
.form-control:focus,
button:focus {
	outline: none !important;
	box-shadow: none !important;
}

.xs-mb-30 {
	margin-bottom: 30px;
}

.mt-30 {
	margin-top: 30px;
}

.btn:hover {
	color: #fff;
}

.section-header p {
	width: 75%;
	margin: 15px auto 40px auto;
}

.section-padding {
	padding-bottom: 110px;
	padding-top: 110px;
	position: relative;
}

/******************
2. NAVBAR
*******************/

.navbar {
	display: block;
}

.cus-navbar {
	padding: 0;
	width: 100%;
	border-radius: 0px;
	z-index: 999;
	margin-bottom: 0px;
	transition: all 0.5s ease-in-out;
}

.cus-navbar .navbar-nav li a {
	line-height: 26px;
	font-size: 12px;
	margin: 0 15px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	font-weight: 600;
	color: #ffffff;
}

.cus-navbar .navbar-nav .nav-link {
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-toggler {
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ffffff;
}

.logo .logo-one {
	display: inline-block;
}

.logo .logo-two {
	display: none;
}

.nav-sticky .logo .logo-two {
	display: inline-block;
}

.nav-sticky .logo .logo-one {
	display: none;
}

.navbar-toggle {
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #ffffff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: transparent;
	border-color: #337ab7;
}

.cus-navbar .navbar-toggles {
	padding: .25rem .75rem;
	font-size: 18px;
	background: 0 0;
	border: 1px solid transparent;
	color: #fff;
	outline: 0;
}

.cus-navbar .navbar-toggles-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}

.cus-navbar {
	transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

/* Wordmark in the navbar */
.bw-logo-text {
	font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.95rem;
	color: #ffffff;
	opacity: 0;
	/* hidden at top */
	transform: translateY(-4px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

/* base navbar – transparent at top */
.cus-navbar {
	background: transparent;
	transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
}

/* Barder Works text in the navbar */
.bw-logo-text {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 16px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* Base navbar (at top of page) */
.cus-navbar {
	background: transparent;
	box-shadow: none;
	padding: 20px 0;
	transition: background-color 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}

/* Links at the very top sit over the hero image, so keep them light */
.cus-navbar .nav-link {
	color: #ffffff;
}

/* Text logo: hidden at the very top */
.bw-logo-text {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 14px;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease;
}



.menu-toggle {
	padding: 4.5px 10px !important;
}

.menu-toggle span {
	line-height: 27px;
}

.nav-sticky.cus-navbar {
	margin-top: 0px;
	background-color: #FFF;
	box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
	color: #000 !important;
}

.nav-sticky.cus-navbar.cus-bg {
	background-color: #fff;
}

.nav-sticky .navbar-nav li a {
	color: rgba(50, 50, 50, 0.7) !important;
}

.nav-sticky.cus-navbar .navbar-nav li.active a,
.nav-sticky.cus-navbar .navbar-nav li a:hover,
.nav-sticky.cus-navbar .navbar-nav li a:active {
	color: #dc3545 !important;
}

.nav-sticky.cus-navbar .navbar-toggles {
	padding: .25rem .75rem;
	border: 1px solid transparent;
	outline: 0;
}

.nav-sticky .navbar-nav {
	margin-top: 0px;
}

.navbar.nav-sticky .bw-logo-text {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	color: #111;

	font-weight: 600;
	/* not as heavy as hero */
	letter-spacing: 0.18em;
	/* THIS is the secret */
	font-size: 13px;
	/* smaller, but still confident */
	text-transform: uppercase;
}

.logo {
	padding-top: 2px;
}

.navbar.nav-sticky .bw-logo-text {
	transition:
		opacity 0.25s ease,
		transform 0.25s ease,
		letter-spacing 0.25s ease;
}




.navbar.nav-sticky {
	background-color: #ffffff;
	/* or #111 */
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}



/******************
3. HOME
*******************/

.banner-text {
	display: table;
	width: 100%;
	height: 100%;
}

.welcome-content {
	display: table-cell;
	vertical-align: middle;
}

/* === Cleaned + Merged HERO Background System === */

.home-area {
	position: relative;
	height: 100vh;

	/* Fallback color (shows if image fails) */
	background-color: #e62020;

	/* Main hero image */
	background-image: url("../img/home/18.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Single elegant overlay */
.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background: linear-gradient(rgba(0, 0, 0, 0.35),
			rgba(0, 0, 0, 0.55));

	pointer-events: none;
}


.banner-text-two {
	font-size: 50px;
	font-weight: 800;
}

.banner-text-one {
	font-size: 38px;
}

.banner-text-three {
	max-width: 600px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
}

.btn-custom {
	border: 0;
	border-radius: 0;
	color: #fff;
	padding: 12px 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 2px solid #dc3545;
	margin: 0 10px;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	border-radius: 50px;
}

.btn.btn-custom.cus-b {
	background: transparent;
	border: 2px solid #fff;
	border-radius: 50px;
}

/* Barder Works wordmark in navbar */
.bw-logo-text {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	letter-spacing: 0.12em;
	font-size: 22px;
	color: #ffffff;
	text-transform: uppercase;
}

/* === Barder Works hero logo === */

.bw-hero-logo {
	font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 700;
	font-size: clamp(2.8rem, 4.5vw, 4rem);
	line-height: 0.88;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fdf4ea;
	margin: 0 0 1.5rem 0;
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

.bw-hero-line1,
.bw-hero-line2 {
	display: block;
}

.bw-hero-line2 {
	margin-left: 0.2em;
}

.hero-tagline {
	font-size: clamp(1.1rem, 1.8vw, 1.6rem);
	font-weight: 500;
	opacity: 0.9;
	margin-top: 1.2rem;
}


/******************
4. ABOUT
*******************/

.about-text h2 span {
	color: #dc3545;
}

.about-img img {
	width: 100%;
}

.features {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.features li {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}

.features li::before {
	color: #dc3545;
	content: "\f101";
	font-family: "FontAwesome";
	left: 0;
	position: absolute;
	top: 0;
}

.about-btn a {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
	padding: 15px 25px;
	border-radius: 50px;
}

/******************
5. SERVICES
*******************/

.section-header h2 {
	text-transform: uppercase;
	font-weight: 700;
}

.section-header h2 span {
	color: #dc3545;
}

.services-area {
	background: #f2f2f2;
}

.single-services {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
	padding: 35px 30px;
	transition: all .5s ease;
}

.single-services:hover {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
}

.single-services:hover i {
	color: #fff;
}

.border-one {
	border-top: 0 solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0 solid #ccc;
}

.border-two {
	border-top: 0 solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0 solid #ccc;
}

.border-three {
	border-top: 0 solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0 solid #ccc;
	border-left: 0 solid #ccc;
}

.services-icon i {
	font-size: 32px;
	color: #dc3545;
}

.services-content h3 {
	font-size: 20px;
	padding: 20px 0;
	font-weight: 500;
}


/******************
6. PORTFOLIO
*******************/

.project-item img {
	width: 100%;
}

.project-item {
	margin: 15px;
}

.overlay {
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.9);
	opacity: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: crosshair;
}

.overlay .overlay-inner {
	position: absolute;
	top: 35%;
	width: 100%;
	text-align: center;
}

.overlay .overlay-inner h4 {
	color: #dc3545 !important;
	margin-bottom: 0 !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	font-size: 18px;
	text-transform: uppercase;
}

.overlay .overlay-inner p {
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);
	margin-top: 10px;
	font-size: 15px;
	font-weight: 600;
}

.project-item:hover .overlay .overlay-inner h4 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.project-item:hover .overlay .overlay-inner p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.project-item a:hover .overlay {
	opacity: 1;
}

.port-items {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.portfolio-items .port-items .single-port {
	overflow: hidden;
}

.single-port {
	padding: 0;
}

ul.port-nav-list {
	padding: 0 0 50px 0;
	list-style: none;
	text-align: center;
}

ul.port-nav-list li {
	display: inline-block;
	margin-right: 10px;
}

ul.port-nav-list li a {
	display: block;
	cursor: pointer;
	color: rgb(73, 73, 73);
	font-size: 18px;
	padding: 8px 20px;
	text-decoration: none;
	text-transform: capitalize;
	font-weight: 500;
}

ul.port-nav-list li a.active {
	color: #fff;
	border: 1px solid #fff;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
}

.port-items {
	width: 100%;
}

.portfolio-items .port-items .single-port {
	overflow: hidden;
	margin-bottom: 25px;
}

.project-card {
	background: #ffffff;
	border-radius: 8px;
	padding: 24px 26px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
	border: 1px solid #f1f1f1;
	height: 100%;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.project-card h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

.project-card h4 a {
	color: #222222;
}

.project-card h4 a:hover {
	color: #ff3158;
	/* your pink accent */
}

.project-card p {
	font-size: 13px;
	margin-bottom: 0;
	color: #666666;
}

.project-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.project-card.disabled {
	opacity: 0.55;
	cursor: default;
}

.project-card.disabled h4 {
	color: #999;
}

.project-meta {
	display: inline-block;
	margin-top: 8px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #999;
}

.project-card.active .project-meta {
	color: #ff3158;
}


/******************
7. STATISTICS
*******************/

.statistic-area {
	text-align: center;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
}

.single-count i {
	color: #ffffff;
	font-size: 35px;
	margin-bottom: 30px;
}

.single-count h2 {
	font-size: 50px;
	color: #fff;
}

.single-count p {
	font-size: 18px;
	color: #ffffff;
}


/******************
8. TESTIMONIALS
*******************/

.testimonial-area .section-title h2 {
	color: #fff;
}

.single-testimonial {
	background: #ffffff;
	border-radius: 5px;
	padding: 30px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	margin: 5px;
	transition: all 0.5s ease;
}

.single-testimonial:hover {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
}

.single-testimonial p {
	margin-bottom: 30px;
}

.single-testimonial h2 {
	margin: 10px 0 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #dc3545;
}

.testi-comment i {
	font-size: 30px;
	color: #dc3545;
}

.single-testimonial:hover h2,
.single-testimonial:hover i {
	color: #fff;
}

.single-testimonial h3 {
	margin: 10px 0 0;
	font-weight: 100;
	font-size: 15px;
}

.testi-img {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
}

.testi-img img {
	width: 100%;
	height: 100%;
}

.owl-theme .owl-controls {
	margin-top: 50px;
	margin-left: 30px;
}

.owl-dots {
	text-align: center;
	margin-top: 30px;
}

.owl-dot {
	display: inline-block;
	height: 15px !important;
	width: 15px !important;
	background-color: #262626 !important;
	opacity: 0.8;
	border-radius: 50%;
	margin: 0 5px;
}

.owl-dot.active {
	background-color: #dc3545 !important;
}

/******************
9. TEAM
*******************/

.team-area {
	background: #f2f2f2;
}

.single-team-item img {
	border: 2px solid #e8e8e8;
	width: 100%;
}

.team-social-icons {
	/*! background: #569a35; */
	text-align: center;
	padding: 5px;
}

.team-social-icons a {
	color: #fff;
	display: inline-block;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	margin: 5px;
}

.single-team-item h4 {
	text-align: center;
	font-weight: 500;
	margin-top: 15px;
}

.single-team-item h4 span {
	color: #727272;
	display: block;
	font-weight: 300;
	font-size: 65%;
	margin-top: 10px;
}

.team-social-icons {
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	position: relative;
	z-index: 2;
	border-radius: 5px;
}

/******************
10. PRICING
*******************/

.pricing-area {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
}

.pricing-area .section-header h2 {
	color: #fff;
}

.pricing-area .section-header p {
	color: #fff;
}

.pricing-area .section-header h2 span {
	color: #fff;
}

.pricing_table {
	position: relative;
	color: #262626;
	margin: 10px 0;
	text-align: center;
	background: #fff;
	transition: all 0.30s linear 0s;
}

.pricing_table::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 40px;
	width: 30%;
	border: 20px solid #333;
	border-right: 20px solid transparent;
}

.pricing_table::after {
	content: "";
	position: absolute;
	top: 30px;
	left: -10px;
	border: 5px solid #333;
	border-left: 5px solid transparent;
	border-top: 5px solid transparent;
}

.pricing_table_header {
	padding: 40px;
}

.pricing_table_header .title {
	display: block;
	margin-bottom: 20px;
	text-transform: capitalize;
	color: #dc3545;
}

.pricing_table_header .price-plan {
	display: block;
	margin: 0 auto;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
	border-radius: 50px;
}

.pricing_table_header .price {
	font-size: 40px;
}

.pricing_table_header .monthly_plan {
	font-size: 20px;
}

.pricing_table .pricing_table_plan {
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	padding: 0 20px 30px;
}

.pricing_table .pricing_table_plan ul {
	margin: 0 0 50px;
	padding: 0;
}

.pricing_table .pricing_table_plan ul li {
	list-style: none;
	margin: 15px 0;
}

.pricing_table .pricing_table_plan .btn-info {
	padding: 8px 40px;
	border: 0 none;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	transition: all 0.30s linear 0s;
	text-transform: uppercase;
	border-radius: 50px;
}


/******************
11. BLOG
*******************/

.blog-area {
	background: #fff;
}

.blog-text h2 a {
	font-size: 20px;
	text-decoration: none;
	color: #333333;
	transition: 0.2s;
}

.single-blog:hover .blog-text h2 a {
	color: #dc3545;
}

.blog-text h2 {
	margin: 20px 0 20px;
}

.blog-img img {
	width: 100%;
}

.blog-text .meta {
	margin-bottom: 15px;
}

.blog-text .meta span {
	margin-right: 15px;
	font-weight: 700;
}

.blog-text .meta span i {
	margin-right: 10px;
	color: #dc3545;
}

.single-blog .blog-img {
	position: relative;
	overflow: hidden;
}

.single-blog:hover .blog-img img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
}

/******************
12. CONTACT
*******************/

.contact-area {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
}

.contact-area .section-header h2 {
	color: #fff;
}

.contact-area .section-header h2 span {
	color: #fff;
}

.contact-area .section-header p {
	color: #fff;
}

.contact-area .form-group input {
	padding: 15px;
}

.contact-area .form-group textarea {
	padding: 15px;
	height: 250px;
}

.form-control {
	display: inline-block;
	height: 38px;
	padding: 10px 2px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 0px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .00);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, .00);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-bottom: 2px solid #ddd;
}

.form-control:focus {
	border-color: #E67E22 !important;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

form .btn.btn-lg {
	background: #E67E22;
	color: #fff;
	border-radius: 0;
	display: inline-block;
	margin-top: 30px;
}

#contact-form .btn.btn-send {
	background: #fff;
	color: #000;
	border-radius: 0;
	padding: 10px 15px;
	display: inline-block;
	margin-top: 30px;
	border-radius: 50px;
}

.contact-area .list-unstyled li {
	color: #fff !important;
}

/******************
13. PARTNER
*******************/

.client-area .item {
	cursor: e-resize;
}

.client-area {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #EFEFEF;
}

/******************
14. FOOTER TOP
*******************/

.footer-top-area {
	background: #1A1A1A;
	padding: 50px 0;
}

.footer-top-area h4 {
	color: #fff;
	letter-spacing: 1.8px;
	font-weight: 400;
	text-transform: none;
}

.footer-top-area h6 {
	text-transform: none;
	font-weight: 400;
	font-size: 13px;
}

.footer-top-area h6 a {
	color: #d4d4d4;
	font-weight: 700;
}

.footer-top-area p {
	color: #d4d4d4;
	font-weight: 300;
	margin-bottom: 35px;
	line-height: 1.7;
	font-size: 13px;
	width: 90%;
}

ul.social-list {
	padding: 0;
	list-style: none;
}

ul.social-list li {
	display: inline-block;
	margin-right: 9px;
	margin-bottom: 3px;
}

ul.social-list li a {
	display: inline-block;
	text-decoration: none;
	color: #ffffff !important;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	width: 40px;
	height: 40px;
	border: 1px solid #dc3545;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.foot-tags li a:hover {
	border-color: #dc3545;
	color: #dc3545;
	transition: .5s;
}

ul.social-list li a:hover i {
	color: #ffffff;
}

ul.social-list li a:hover {
	background: #dc3545;
}

ul.social-list li a:hover i {
	color: #fff;
}

ul.social-list li a:hover {
	border: 1px solid #dc3545;
}

ul.social-list li a i {
	font-size: 14px;
	padding: 10px;
}

.footer-logo {
	margin-top: -10px;
}

.latest-news ul {
	margin: 0;
	padding: 0;
}

.latest-news ul li {
	list-style: none;
	padding-top: 15px;
	border-top: 1px solid #535353;
}

.latest-news ul li:first-child {
	padding-top: 0;
	border-top: none;
}

.latest-news ul li span {
	line-height: 1.8;
	margin: 0 0 15px;
	display: inline-block;
	font-size: 13px;
	color: #b4b4b4;
	margin-bottom: 10px;
}

.foo-no-padding {
	padding: 0;
}

.single-footer-top.photo-galleries h4 {
	margin-left: -15px;
}

.single-footer-top ul {
	padding: 0;
}

/******************
15. FOOTER BOTTOM
*******************/

.footer-bottom {
	padding: 30px 0;
	background: #2A2A2A;
}

.footer-bottom p {
	font-size: 15px;
	margin: 0;
	color: #ffffff;
}

.single-footer-top h4 {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 18px;
}

.foot-navs {
	margin-top: 15px;
	list-style: none;
}

.foot-navs li a {
	color: #d4d4d4;
	display: inline-block;
	font-family: "montserratlight", sans-serif;
	padding: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
}

.single-footer-top h4 b span {
	color: #e74c3c;
}

.foot-tags li {
	display: inline-block;
	margin-bottom: 5px;
}

.foot-tags li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 10px;
	color: #999999;
	margin: 0;
	padding: 8px;
	border: 1px solid #999999;
}

/******************
16. SINGLE BLOG
*******************/

.single-post-blog img {
	width: 100%;
}

.blog-img-area {
	padding: 100px 0 80px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
	color: #fff;
	background-image: url(../img/blog/4.jpg);
	background-position: center center;
}

.blog-img-area:before {
	background-color: #000;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.blog-img-area h2 {
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}

.blog-img-area h1 {
	font-size: 46px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 700;
	margin-top: 0;
}

.breadcrumb {
	background-color: transparent;
	color: #ffffff;
	justify-content: center;
	font-size: 18px;
	font-weight: 900;
}

.breadcrumb a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 8px;
}

.breadcrumb a.thin {
	color: #dc3545;
}

.single-blog-area {
	background: #f6f6f6;
}

.single-post-text {
	padding: 0 20px 20px;
	border: 1px solid #dddddd;
}

.compliment-area .meta {
	margin-bottom: 15px;
}

.single-post-text h2 {
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0;
	text-transform: capitalize;
	color: #333333;
}

.discussion-area {
	margin-top: 30px;
}

blockquote {
	font-size: 17px;
	line-height: 1.8;
}

.compliment-area .meta span {
	margin-right: 25px;
	font-weight: 700;
}

.compliment-area .meta i {
	margin-right: 10px;
	color: #dc3545;
}

.discussion-area .custom-button-4 {
	color: #fff;
}

.dis-form-title {
	margin-bottom: 30px;
}

.widget.tags ul {
	padding: 20px 0;
}

.widget {
	border: 1px solid #ddd;
	padding: 15px 20px;
	margin-bottom: 30px;
}

.widget.search {
	padding: 0;
}

.widget.category li,
.widget.recent-post li {
	position: relative;
}

.widget.category li:before,
.widget.recent-post li:before {
	position: absolute;
	left: -15px;
	top: 0;
	content: "-";
	color: #222;
	font-size: 18px;
}

.widget.category ul,
.widget.recent-post ul {
	list-style: none;
	padding: 15px;
}

.widget.category ul li a,
.recent-post ul li a {
	margin-left: 10px;
	color: #333333;
	font-weight: 500;
}

.widget.category ul li a span,
.recent-post ul li a span {
	float: right;
}

.widget.category ul li,
.recent-post ul li {
	margin-bottom: 10px;
}

.widget.tags a {
	background-color: transparent;
	border: 1px solid #222222;
	display: block;
	font-size: 13px;
	margin-right: 4px;
	padding: 6px 13px;
	transition: 0.3s;
	color: #222222;
	text-decoration: none;
	font-weight: 600;
}

.widget.tags a:hover {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	border-color: #dc3545;
	color: #ffffff;
}

.widget.tags li {
	display: inline-block;
}

.widget.category ul li,
.widget.tags ul li {
	margin-bottom: 8px;
}

.widget ul li {
	line-height: 1.7;
}

h3.widget-title {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 700;
	letter-spacing: 1px;
}

.widget .widget-current-post li .recent-blog-text {
	font-size: 14px;
}

.widget .widget-current-post li a {
	font-weight: 500;
	text-decoration: none;
	color: #333333;
	margin: 0;
	text-transform: capitalize;
}

.recent-blog-text a p {
	color: #dc3545;
}

.search-area {
	width: 100%;
}

.search-area button[type="submit"] {
	position: absolute;
	right: 15px;
	padding: 11px 15px;
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
	top: 0px;
	border: 0px solid;
}

.search-area input[type="search"] {
	padding: 10px;
	border: 0px solid;
	background: transparent;
}

.discussion-area #contact-form .btn.btn-send {
	background: -webkit-linear-gradient(0deg, #bd1ec7, #f92542 100%);
	color: #fff;
}

/*=============================
  17. RESPONSIVE
===============================*/

/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner-text-two {
		font-size: 45px;
	}

	.pricing_table_header .price {
		font-size: 25px;
	}

	.pricing_table_header .title {
		font-size: 20px;
		margin-top: 8px;
	}

	.pricing_table .pricing_table_plan .btn-info {
		padding: 8px 20px;
	}

	.pricing_table .pricing_table_plan ul li {
		margin: 8px 0;
	}

	.overlay .overlay-inner {
		top: 40%;
	}

	.about-img {
		margin-bottom: 30px;
	}

	.blog-img img {
		width: 100%;
	}

	.overlay .overlay-inner h4 {
		font-size: 30px;
	}

	.imgg-area::before {
		width: 90%;
	}

	.contact_info_content h3 {
		font-size: 14px;
	}

	.single_info_text h4 {
		font-size: 12px;
	}

	.border-one {
		border: none;
	}

	.border-two {
		border: none;
	}

	.widget.tags ul {
		padding: 20px 0;
	}

	.blog-img-area {
		padding: 140px 0 80px;
	}

	#contact-form .btn.btn-send {
		margin-bottom: 30px;
	}
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.pricing_table_header .title {
		font-size: 20px;
		margin-top: 8px;
	}

	.pricing_table_header .price {
		font-size: 25px;
	}

	.pricing_table .pricing_table_plan .btn-info {
		padding: 8px 25px;
	}

	.testi-img {
		margin-top: 25px;
	}

	.banner-text-one {
		font-size: 25px;
	}

	.banner-text-two {
		font-size: 16px;
	}

	.btn-custom {
		padding: 12px 10px;
		font-size: 12px;
		letter-spacing: 0;
		margin: 0 5px;
	}

	.about-area .owl-dots {
		margin-top: 0;
	}

	.about-text {
		margin-top: 30px;
	}

	.about-text h2 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.border-one {
		border: none;
	}

	.border-two {
		border: none;
	}

	ul.port-nav-list li {
		margin-bottom: 15px;
	}

	.project-item {
		margin: 0;
	}

	.contact_info_content h3 {
		font-size: 16px;
	}

	.single_info_text h4 {
		font-size: 12px;
	}

	.imgg-area::before {
		border: 0;
	}

	.blog-img-area {
		padding: 140px 0 80px;
	}

	.blog-img-area h2 {
		font-size: 26px;
	}

	.blog-img img {
		width: 100%;
	}

	.compliment-area .meta span {
		margin-right: 9px;
	}

	.widget.tags ul {
		padding: 20px 0;
	}

	#contact-form .btn.btn-send {
		margin-bottom: 30px;
	}
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.banner-text-two {
		font-size: 30px;
	}

	.btn-custom {
		padding: 12px 20px;
		font-size: 14px
	}

	.about-text h2 {
		font-size: 30px;
	}

	.blog-img img {
		width: 100%;
	}
}

@media (min-width: 200px) and (max-width: 991px) {
	.cus-navbar {
		margin-top: 0px;
		padding: 10px 0px !important;
		background-color: #fff !important;
		box-shadow: 0 10px 33px rgba(0, 0, 0, .1);
		color: #fff !important;
	}

	.cus-navbar .navbar-nav li a {
		transition: all 0.4s;
		color: rgba(50, 50, 50, 0.7) !important;
		margin: 0px;
	}

	.cus-navbar>.container {
		width: 90%;
	}

	.cus-navbar .navbar-nav li.active a {
		border-color: transparent;
	}

	.navbar-nav {
		margin-top: 0px;
	}

	.navbar-toggler {
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #323232;
		padding: 0px;
	}

	.logo .logo-two {
		display: inline-block;
	}

	.logo .logo-one {
		display: none;
	}
}

/* Honeypot anti-bot field on contact form */
.hp-field {
	position: absolute;
	left: -9999px;
	/* off-screen, but still in the DOM */
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hp-field {
	position: absolute;
	left: -9999px;
}