/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap");

body {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	color: #000000;
}

.img, img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

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

.m-img img {
	max-width: 100%;
}

a, .btn, button, span, p, i, input, select, textarea, li, img, svg path, *::after, *::before, .transition-3, h1, h2, h3, h4, h5, h6 {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

button {
	background: transparent;
	outline: none;
	border: none;
}

.f-left {
	float: left;
}

.f-right {
	float: center;
}

.fix {
	overflow: hidden;
}

a {
	text-decoration: none;
}

a, .button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus, .button:focus {
	text-decoration: none;
	outline: none;
}

a:focus, a:hover {
	color: inherit;
	text-decoration: none;
}

a, button {
	color: inherit;
	outline: medium none;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
	outline: 0;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
	margin-top: 0px;
	font-weight: 700;
	text-transform: normal;
	line-height: 1.16;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

h1 {
	font-size: 72px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h1 {
		font-size: 54px;
	}
}

h2 {
	font-size: 60px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	h4 {
		font-size: 22px;
	}
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #272727;
	margin-bottom: 20px;
}

hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}

label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}

*::-moz-selection {
	background: #11111f;
	color: #ffffff;
	text-shadow: none;
}

::-moz-selection {
	background: #11111f;
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background: #11111f;
	color: #ffffff;
	text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
	color: #b9b9b9;
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: #b9b9b9;
	font-size: 14px;
	opacity: 1;
}

/*--
    - select
-----------------------------------------*/
select {
	color: #b9b9b9;
	font-size: 14px;
	opacity: 1;
	appearance: none;
}

#scrollUp {
	background: #12121f;
	height: 40px;
	width: 40px;
	right: 15px;
	bottom: 15px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}

#scrollUp:hover {
	background: #777777;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
	overflow: hidden;
}

.clear {
	clear: both;
}

.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

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

.pb-280 {
	padding-bottom: 280px;
}

.ml--40 {
	margin-left: -40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.ml--40 {
		margin-left: 0;
	}
}

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

.pt-315 {
	padding-top: 315px;
}

.pt-440 {
	padding-top: 440px;
}

.pt-215 {
	padding-top: 215px;
}

.pt-290 {
	padding-top: 290px;
}

.pt-210 {
	padding-top: 210px;
}

.ph-75 {
	padding: 0 75px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.ph-75 {
		padding-left: 0;
		padding-right: 0;
	}
}

.z-index-1 {
	z-index: 1;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
	background: #f8f8f8;
}

.grey-light-bg {
	background: #f9f9f9;
}

.white-bg {
	background: #ffffff;
}

.black-bg {
	background: #11111f;
}

.black-bg-3 {
	background: #222222;
}

.red-bg {
	background: #ff5e14;
}

.theme-bg {
	background: #ff5e14;
}

.footer-bg {
	background: #222222;
}

.footer-bg2 {
	background: #12121f;
}

.blue-bg {
	background: #1f61a7;
}

.copyright-bg {
	background: #111111;
}

.copyright-bg2 {
	background: #0b0b15;
}

/*--
    - color
-----------------------------------------*/
.white-color {
	color: #ffffff;
}

.black-color {
	color: #11111f;
}

.theme-color {
	color: #c22c2d;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/
.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

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

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-85 {
	margin-bottom: 85px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-95 {
	margin-bottom: 95px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-105 {
	margin-bottom: 105px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-115 {
	margin-bottom: 115px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-125 {
	margin-bottom: 125px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-135 {
	margin-bottom: 135px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-145 {
	margin-bottom: 145px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-165 {
	margin-bottom: 165px;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-185 {
	margin-bottom: 185px;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-195 {
	margin-bottom: 195px;
}

.mb-200 {
	margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}

.ml-55 {
	margin-left: 55px;
}

.ml-60 {
	margin-left: 60px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-70 {
	margin-left: 70px;
}

.ml-75 {
	margin-left: 75px;
}

.ml-80 {
	margin-left: 80px;
}

.ml-85 {
	margin-left: 85px;
}

.ml-90 {
	margin-left: 90px;
}

.ml-95 {
	margin-left: 95px;
}

.ml-100 {
	margin-left: 100px;
}

.ml-105 {
	margin-left: 105px;
}

.ml-110 {
	margin-left: 110px;
}

.ml-115 {
	margin-left: 115px;
}

.ml-120 {
	margin-left: 120px;
}

.ml-125 {
	margin-left: 125px;
}

.ml-130 {
	margin-left: 130px;
}

.ml-135 {
	margin-left: 135px;
}

.ml-140 {
	margin-left: 140px;
}

.ml-145 {
	margin-left: 145px;
}

.ml-150 {
	margin-left: 150px;
}

.ml-155 {
	margin-left: 155px;
}

.ml-160 {
	margin-left: 160px;
}

.ml-165 {
	margin-left: 165px;
}

.ml-170 {
	margin-left: 170px;
}

.ml-175 {
	margin-left: 175px;
}

.ml-180 {
	margin-left: 180px;
}

.ml-185 {
	margin-left: 185px;
}

.ml-190 {
	margin-left: 190px;
}

.ml-195 {
	margin-left: 195px;
}

.ml-200 {
	margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-55 {
	margin-right: 55px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-65 {
	margin-right: 65px;
}

.mr-70 {
	margin-right: 70px;
}

.mr-75 {
	margin-right: 75px;
}

.mr-80 {
	margin-right: 80px;
}

.mr-85 {
	margin-right: 85px;
}

.mr-90 {
	margin-right: 90px;
}

.mr-95 {
	margin-right: 95px;
}

.mr-100 {
	margin-right: 100px;
}

.mr-105 {
	margin-right: 105px;
}

.mr-110 {
	margin-right: 110px;
}

.mr-115 {
	margin-right: 115px;
}

.mr-120 {
	margin-right: 120px;
}

.mr-125 {
	margin-right: 125px;
}

.mr-130 {
	margin-right: 130px;
}

.mr-135 {
	margin-right: 135px;
}

.mr-140 {
	margin-right: 140px;
}

.mr-145 {
	margin-right: 145px;
}

.mr-150 {
	margin-right: 150px;
}

.mr-155 {
	margin-right: 155px;
}

.mr-160 {
	margin-right: 160px;
}

.mr-165 {
	margin-right: 165px;
}

.mr-170 {
	margin-right: 170px;
}

.mr-175 {
	margin-right: 175px;
}

.mr-180 {
	margin-right: 180px;
}

.mr-185 {
	margin-right: 185px;
}

.mr-190 {
	margin-right: 190px;
}

.mr-195 {
	margin-right: 195px;
}

.mr-200 {
	margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-55 {
	padding-top: 55px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-65 {
	padding-top: 65px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-75 {
	padding-top: 75px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-85 {
	padding-top: 85px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-95 {
	padding-top: 95px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-105 {
	padding-top: 105px;
}

.pt-110 {
	padding-top: 110px;
}

.pt-115 {
	padding-top: 115px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-125 {
	padding-top: 125px;
}

.pt-130 {
	padding-top: 130px;
}

.pt-135 {
	padding-top: 135px;
}

.pt-140 {
	padding-top: 140px;
}

.pt-145 {
	padding-top: 145px;
}

.pt-150 {
	padding-top: 150px;
}

.pt-155 {
	padding-top: 155px;
}

.pt-160 {
	padding-top: 160px;
}

.pt-165 {
	padding-top: 165px;
}

.pt-170 {
	padding-top: 170px;
}

.pt-175 {
	padding-top: 175px;
}

.pt-180 {
	padding-top: 180px;
}

.pt-185 {
	padding-top: 185px;
}

.pt-190 {
	padding-top: 190px;
}

.pt-195 {
	padding-top: 195px;
}

.pt-200 {
	padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-55 {
	padding-bottom: 55px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-65 {
	padding-bottom: 65px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-85 {
	padding-bottom: 85px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-95 {
	padding-bottom: 95px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-105 {
	padding-bottom: 105px;
}

.pb-110 {
	padding-bottom: 110px;
}

.pb-115 {
	padding-bottom: 115px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-125 {
	padding-bottom: 125px;
}

.pb-130 {
	padding-bottom: 130px;
}

.pb-135 {
	padding-bottom: 135px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pb-145 {
	padding-bottom: 145px;
}

.pb-150 {
	padding-bottom: 150px;
}

.pb-155 {
	padding-bottom: 155px;
}

.pb-160 {
	padding-bottom: 160px;
}

.pb-165 {
	padding-bottom: 165px;
}

.pb-170 {
	padding-bottom: 170px;
}

.pb-175 {
	padding-bottom: 175px;
}

.pb-180 {
	padding-bottom: 180px;
}

.pb-185 {
	padding-bottom: 185px;
}

.pb-190 {
	padding-bottom: 190px;
}

.pb-195 {
	padding-bottom: 195px;
}

.pb-200 {
	padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-55 {
	padding-left: 55px;
}

.pl-60 {
	padding-left: 60px;
}

.pl-65 {
	padding-left: 65px;
}

.pl-70 {
	padding-left: 70px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-80 {
	padding-left: 80px;
}

.pl-85 {
	padding-left: 85px;
}

.pl-90 {
	padding-left: 90px;
}

.pl-95 {
	padding-left: 95px;
}

.pl-100 {
	padding-left: 100px;
}

.pl-105 {
	padding-left: 105px;
}

.pl-110 {
	padding-left: 110px;
}

.pl-115 {
	padding-left: 115px;
}

.pl-120 {
	padding-left: 120px;
}

.pl-125 {
	padding-left: 125px;
}

.pl-130 {
	padding-left: 130px;
}

.pl-135 {
	padding-left: 135px;
}

.pl-140 {
	padding-left: 140px;
}

.pl-145 {
	padding-left: 145px;
}

.pl-150 {
	padding-left: 150px;
}

.pl-155 {
	padding-left: 155px;
}

.pl-160 {
	padding-left: 160px;
}

.pl-165 {
	padding-left: 165px;
}

.pl-170 {
	padding-left: 170px;
}

.pl-175 {
	padding-left: 175px;
}

.pl-180 {
	padding-left: 180px;
}

.pl-185 {
	padding-left: 185px;
}

.pl-190 {
	padding-left: 190px;
}

.pl-195 {
	padding-left: 195px;
}

.pl-200 {
	padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-55 {
	padding-right: 55px;
}

.pr-60 {
	padding-right: 60px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-70 {
	padding-right: 70px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-80 {
	padding-right: 80px;
}

.pr-85 {
	padding-right: 85px;
}

.pr-90 {
	padding-right: 90px;
}

.pr-95 {
	padding-right: 95px;
}

.pr-100 {
	padding-right: 100px;
}

.pr-105 {
	padding-right: 105px;
}

.pr-110 {
	padding-right: 110px;
}

.pr-115 {
	padding-right: 115px;
}

.pr-120 {
	padding-right: 120px;
}

.pr-125 {
	padding-right: 125px;
}

.pr-130 {
	padding-right: 130px;
}

.pr-135 {
	padding-right: 135px;
}

.pr-140 {
	padding-right: 140px;
}

.pr-145 {
	padding-right: 145px;
}

.pr-150 {
	padding-right: 150px;
}

.pr-155 {
	padding-right: 155px;
}

.pr-160 {
	padding-right: 160px;
}

.pr-165 {
	padding-right: 165px;
}

.pr-170 {
	padding-right: 170px;
}

.pr-175 {
	padding-right: 175px;
}

.pr-180 {
	padding-right: 180px;
}

.pr-185 {
	padding-right: 185px;
}

.pr-190 {
	padding-right: 190px;
}

.pr-195 {
	padding-right: 195px;
}

.pr-200 {
	padding-right: 200px;
}

.s-btn {
	height: 50px;
	background: #ff5e14;
	padding: 0 40px;
	margin-right: 20px;
	display: inline-block;
	line-height: 50px;
	border-radius: 25px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 20px;
}

.s-btn:hover {
	background: #ffffff;
	color: #1a1a2b;
}

.s-btn.circle, .s-btn.circle.black {
	background: none;
	position: relative;
}

.s-btn.circle:hover:before, .s-btn.circle.black:hover:before {
	width: 100%;
	background-color: #ffffff;
	opacity: 1;
}

.s-btn.circle::before, .s-btn.circle.black::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 50px;
	height: 100%;
	background-color: #c22c2d;
	border-radius: 25px;
	z-index: -1;
	opacity: 0.2;
	transition: 0.3s;
}

.s-btn.circle.black {
	color: #1a1a2b;
}

.s-btn.circle.black:hover {
	color: #ffffff;
}

.s-btn.circle.black:hover:before {
	background-color: #ff5e14;
}

.s-btn.circle.black:before {
	background-color: #f4f4f4;
	opacity: 1;
}

button.subscribe {
	border: none;
	padding: 0 40px;
	background: #164b83;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

button.subscribe:hover {
	color: #ffffff;
}

button.subscribe i {
	margin-right: 5px;
	font-size: 14px;
	line-height: 60px;
}

.company-icon {
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}

.company-icon:before, .company-icon:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 2px;
	background: #e5e5e5;
	top: 19px;
}

.company-icon:before {
	left: -40px;
}

.company-icon:after {
	right: -40px;
}

.section-title {
	position: relative;
}

.section-title-2 {
	font-size: 25px;
	font-weight: 600;
	color: #222222;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-title-2 {
		font-size: 30px;
	}
}

@media ( max-width : 575px) {
	.section-title-2 {
		font-size: 30px;
	}
}

.section-title-3 {
	font-size: 68px;
}

@media ( max-width : 575px) {
	.section-title-3 {
		font-size: 35px;
	}
}

.section-title span {
	font-size: 16px;
	color: #1f61a7;
	margin-bottom: 15px;
	display: inline-block;
	line-height: 1;
}

.section-title span i {
	margin-right: 5px;
}

.section-title span.category {
	font-size: 14px;
	font-weight: 700;
	color: #ff5e14;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.section-title h2 {
	font-size: 54px;
	font-weight: 700;
	margin-bottom: 34px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title h2 {
		font-size: 46px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-title h2 {
		font-size: 45px;
	}
}

@media ( max-width : 575px) {
	.section-title h2 {
		font-size: 32px;
	}
}

.section-title h2.mb-20 {
	margin-bottom: 20px;
}

.section-title .back-text {
	position: absolute;
	left: 0;
	bottom: -10px;
	z-index: -3;
}

.section-title .back-text span {
	font-size: 160px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	color: #f4f4fa;
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title .back-text span {
		font-size: 130px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-title .back-text span {
		font-size: 120px;
	}
}

@media ( max-width : 575px) {
	.section-title .back-text span {
		display: none;
	}
}

.section-title.white span {
	color: #ffffff;
}

.section-title.white h2 {
	color: #ffffff;
}

.section-title.text-center .back-text {
	right: 0;
}

.section-pre-title {
	font-size: 14px;
	font-weight: 500;
	color: #ff5e14;
	display: inline-block;
	margin-bottom: 5px;
}

.section-title-pl-55 {
	padding-left: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.section-title-pl-55 {
		padding-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title-pl-55 {
		padding-left: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-title-pl-55 {
		padding-left: 0;
	}
}

@media ( max-width : 575px) {
	.section-title-pl-55 {
		padding-left: 0;
	}
}

.shutter-btn {
	position: relative;
	z-index: 1;
}

.shutter-btn::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	background: #1a1a2b;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.shutter-btn:hover::before {
	left: 0;
	right: 0;
	opacity: 1;
}

.v-btn {
	display: inline-block;
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0 35px;
	color: #ffffff;
	font-weight: 700;
	background: #ff5e14;
	position: relative;
	z-index: 1;
}

.v-btn::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 100%;
	background: #11111f;
	z-index: -1;
}

.v-btn i {
	padding-left: 15px;
}

.v-btn:hover {
	background: #222222;
	color: #ffffff;
}

.v-btn:hover::before {
	width: 100%;
}

.v-btn-big {
	padding: 0 144px;
	background: #1f61a7;
}

.v-btn-big i {
	padding-left: 20px;
}

.v-btn-2 {
	background: #ffffff;
	color: #f02830;
}

.link-btn {
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding: 0 40px;
	height: 60px;
	line-height: 60px;
	background: transparent;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	z-index: 1;
}

.link-btn::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 60px;
	background: rgba(255, 94, 20, 0.2);
	z-index: -1;
}

.link-btn:hover {
	color: #ffffff;
}

.link-btn:hover::before {
	width: 100%;
	background: #ff5e14;
}

.link-btn-3 {
	color: #1a1a2b;
}

.link-btn-3::before {
	background: #f4f4f4;
}

.link-btn-2 {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #777777;
	text-transform: capitalize;
	position: relative;
}

.link-btn-2::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -5px;
	width: 100%;
	height: 1px;
	background: #777777;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.link-btn-2:hover {
	color: #ff5e14;
}

.link-btn-2:hover::after {
	bottom: 0;
	background: #ff5e14;
	visibility: visible;
	opacity: 1;
}

/*
*****
04. Overlay
*************************
*/
[data-overlay] {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

[data-overlay]::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
}

/*-- Overlay Color --*/
[data-overlay=light]::before {
	background-color: #ffffff;
}

[data-overlay=dark]::before {
	background-color: #11111f;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
	opacity: 0.1;
}

[data-opacity="2"]::before {
	opacity: 0.2;
}

[data-opacity="3"]::before {
	opacity: 0.3;
}

[data-opacity="4"]::before {
	opacity: 0.4;
}

[data-opacity="5"]::before {
	opacity: 0.5;
}

[data-opacity="6"]::before {
	opacity: 0.6;
}

[data-opacity="7"]::before {
	opacity: 0.7;
}

[data-opacity="8"]::before {
	opacity: 0.8;
}

[data-opacity="9"]::before {
	opacity: 0.9;
}

/*
*****
05. Header
*************************
*/
.transparent-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.transparent-header-2 {
	top: 20px;
}

.color-header {
	height: 100px;
	border-bottom: 2px solid #3977b8;
	background: #1f61a7;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.color-header {
		padding-top: 24px;
	}
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.color-header {
		padding-top: 15px;
		height: 80px;
	}
}

.color-header .main-menu ul li a {
	padding: 14px 20px 14px 0;
}

.color-header .main-menu ul li a:hover {
	color: #1a1a2b;
}

.color-header .main-menu ul li:hover>a {
	color: #1a1a2b;
}

.color-header .main-menu ul li .submenu {
	border-color: #104e90;
}

.color-header.sticky nav>ul>li:hover>a {
	color: #1a1a2b;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.color-header-2 {
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}
}

@media ( max-width : 575px) {
	.color-header-2 {
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
	}
}

.color-header.c2 .main-menu ul li:hover>a {
	color: #ffffff;
}

.color-header.c2 .main-menu ul li .submenu li:hover>a {
	color: #11111f;
}

.color-header.c2 .main-menu ul li .submenu li:hover>a:before {
	background: #1a1a2b;
}

.color-header.c2 .main-menu ul li .submenu li:hover>a:hover {
	color: inherit;
}
.logo {
	line-height: 110px;
	display: flex;
}

@media ( max-width : 575px) {
	.logo-1 {
		padding-right: 10px;
	}
}

.main-menu ul li {
	display: inline-block;
	margin-right: 20px;
	position: relative;
}

.main-menu ul li:hover>a {
	color: #ff5e14;
}

.main-menu ul li:hover .submenu {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.main-menu ul li a {
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	display: block;
	line-height: 70px;
	padding: 20px 20px 20px 0;
}

.main-menu ul li a:hover {
	color: #ff5e14;
}

.main-menu ul li a i {
	padding-left: 5px;
	opacity: 0.5;
}

.main-menu ul li .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 230px;
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 4px solid #ff5e14;
	transform: scale(0.7);
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 400;
}

.main-menu ul li .submenu li {
	display: block;
	margin-right: 0;
	padding: 0px 20px;
}

.main-menu ul li .submenu li a {
	display: inline-block;
	padding-top: 17px;
	padding-bottom: 5px;
	padding-right: 0;
	line-height: 1;
	color: #1a1a2b;
	position: relative;
}

.main-menu ul li .submenu li a:hover {
	color: #ff5e14;
}

.main-menu ul li .submenu li a:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}

.main-menu ul li .submenu li a::before {
	content: "";
	width: 0;
	height: 1px;
	bottom: 0;
	position: absolute;
	left: auto;
	right: 0;
	z-index: -1;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background: #ff5e14;
}

.main-menu-2 ul li {
	display: inline-block;
}

.main-menu-2 ul li:not (:last-child ) {
	margin-right: 30px;
}

.main-menu-2 ul li a {
	color: #777777;
	display: inline-block;
	font-size: 14px;
	padding: 35px 0;
	font-weight: 600;
	line-height: 1;
}

.main-menu-2 ul li a i {
	padding-left: 5px;
	opacity: 1;
}

.main-menu-2 ul li:hover>a {
	color: #222222;
}

.main-menu-2 ul li:hover>a i {
	color: #222222;
}

.main-menu-2 ul li .submenu {
	border-color: #ff5e14;
}

.main-menu-2 ul li .submenu li a:hover {
	color: #ff5e14;
}

.main-menu-2 ul li .submenu li a:hover::before {
	background: #ff5e14;
}

.header__icons li {
	display: inline-block;
}

@media ( max-width : 575px) {
	.header__icons li:not (:last-child ) {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header__icons li:not (:last-child ) {
		display: inline-block;
	}
}

.header__icons li a {
	font-size: 24px;
	color: #ffffff;
	margin-left: 25px;
}

.header__icons li a:hover {
	color: #1a1a2b;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__icons li a {
		margin-left: 15px;
	}
}

.header__icons.c2 li a:hover {
	color: #ffffff;
	opacity: 0.7;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.header__action {
		float: left;
	}
}

.header__action .language {
	padding-right: 17px;
	position: relative;
	display: inline-block;
}

.header__action .language:after {
	position: absolute;
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	top: 8px;
	right: 0;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.5;
}

.header__action .language li:hover ul.submenu {
	opacity: 1;
	visibility: visible;
}

.header__action .language>li {
	padding: 5px 0;
}

.header__action .language>li>a {
	color: white;
	font-weight: 700;
	font-size: 14px;
}

.header__action .language .submenu {
	width: 100px;
	padding: 15px 20px;
	background: white;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.header__action .language .submenu li {
	display: block;
}

.header__action .language .submenu li a {
	font-size: 14px;
}

.header__action .language .submenu li a:hover {
	color: #1f61a7;
}

.header__action-location {
	display: inline-block;
	margin-left: 30px;
}

.header__action-location .location-btn {
	font-size: 14px;
	color: #ffffff;
	background: #104e90;
	line-height: 50px;
	font-weight: 700;
	height: 50px;
	padding: 0 30px;
	display: inline-block;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.header__action-location .location-btn:hover {
	background: #ffffff;
	color: #104e90;
}

.header__action-location .location-btn i {
	margin-right: 5px;
}

.header__action-2 ul li a {
	font-size: 40px;
	color: #1a1a2b;
	display: inline-block;
	height: 90px;
	width: 90px;
	line-height: 95px;
	text-align: center;
	background: #f2f2f2;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header__action-3 {
		float: none;
	}
}

.header__search button {
	font-size: 24px;
	color: #222222;
	background: transparent;
}

.header__cta {
	width: 85.4%;
	background: #1a1a2b;
	padding: 34px 60px;
	height: 127px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__cta {
		width: 80%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header__cta {
		padding: 34px 40px;
		width: 100%;
	}
}

@media ( max-width : 575px) {
	.header__cta {
		width: 100%;
		padding: 34px 15px;
	}
}

.header__cta .logo {
	line-height: 62px;
	margin-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__cta .logo {
		margin-right: 60px;
	}
}

.header__cta .cta__content ul li {
	margin-left: 0;
	margin-right: 50px;
}

.header__cta .cta__content ul li:last-child {
	margin-right: 0;
}

.header__cta .cta__content ul li .support-img::before {
	background: #ff5e14;
}

.color-header.c3 {
	width: 85.4%;
	background: #11111f;
	padding: 0 60px;
	height: 60px;
	border-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.color-header.c3 {
		width: 80%;
	}
}

.color-header.c3 .main-menu ul li .submenu {
	border-color: #ff5e14;
}

.color-header.c3 .main-menu nav>ul>li {
	margin-right: 33px;
}

.color-header.c3 .main-menu nav>ul>li:hover>a {
	color: #ff5e14;
}

.color-header.c3 .main-menu nav>ul>li>a {
	line-height: 32px;
}

.header__login {
	position: absolute;
	top: 0;
	right: 0;
	width: 14.6%;
	height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__login {
		width: 20%;
	}
}

.header__login-title {
	background: #f7f7f7;
}

.header__login-title i {
	font-size: 14px;
	color: #ff5e14;
	margin-right: 10px;
}

.header__login-title h5 {
	font-size: 14px;
	display: inline-block;
	line-height: 65px;
	margin-bottom: 0;
}

.header__login-title h5 a:hover {
	color: #ff5e14;
}

.header__login-social {
	padding: 21px 20px;
	display: flex;
	justify-content: space-between;
	background: #ffffff;
}

.header__login-social li {
	line-height: 20px;
}

.header__login-social li a {
	line-height: 20px;
	display: inline-block;
}

.header__login-social li a i {
	font-size: 14px;
	color: #424141;
	line-height: 1;
}

.header__login-social li a i:hover {
	color: #ff5e14;
}

.header__login-number {
	background: #f02830;
}

.header__login-number img {
	margin-right: 15px;
}

.header__login-number span {
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	line-height: 60px;
}

.header__login-number span a:hover {
	opacity: 0.5;
}

.sticky {
	position: fixed;
	top: 0;
	background: #11111f;
	z-index: 800;
	right: 0;
	left: 0;
	width: 100%;
	transition: 0.4s;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.5);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

.sticky.sticky-2 {
	background: #11111f;
}

.sticky.sticky-3 {
	background: #fff;
}

.sticky .logo {
	line-height: 80px;
}

.sticky .header__icons li a:hover {
	color: #ff5e14;
}

.sticky .header__icons.c2 li a:hover {
	color: #ffffff;
	opacity: 0.5;
}

.sticky.color-header.c2 {
	background: #1f61a7;
	border-bottom: 0;
}

.hidden-menu {
	display: none;
}

.hidden-menu.sticky {
	display: block;
}

.side-toggle {
	background: none;
	border: none;
	padding: 0;
}

.side-info.info-open {
	right: 0;
}

.side-info {
	background: #10101b;
	height: 100%;
	position: fixed;
	z-index: 950;
	right: -100%;
	top: 0;
	width: 465px;
	padding: 45px;
	transition: 0.6s;
	overflow-y: scroll;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.side-info {
		width: 300px;
		padding: 15px 25px;
	}
}

.offcanvas-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 900;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.offcanvas-overlay.overlay-open {
	opacity: 0.6;
	visibility: visible;
}

.side-info-close {
	background: none;
	border: 0;
	color: #fff;
	font-size: 20px;
	padding: 0;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.side-info-close:hover {
	color: #ff5e14;
}

.menu-sidebar {
	top: 54%;
	position: absolute;
	right: 15px;
	transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.menu-sidebar {
		right: 40px;
	}
}

.menu-sidebar .side-toggle:hover {
	color: #ff5e14;
}

.offset-logo {
	border-bottom: 1px transparent;
}

.offset_search_content {
	position: relative;
}

.offset_search_content input {
	width: 100%;
	border: 0;
	padding: 5px 15px;
	padding-right: 15px;
	font-weight: 300;
	background: none;
	border: 1px solid #868686;
	padding-right: 40px;
	color: #ffffff;
	height: 40px;
}

.offset_search_content input::-webkit-input-placeholder {
	color: #ffffff;
	font-weight: 400;
	opacity: 0.7;
}

.offset_search_content input::-moz-placeholder {
	color: #ffffff;
	font-weight: 400;
	opacity: 0.7;
}

.offset_search_content input:-ms-input-placeholder {
	color: #ffffff;
	font-weight: 400;
	opacity: 0.7;
}

.offset_search_button {
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	color: #f8f8f8;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.offset_search_button:hover {
	color: #fff;
}

.info-widget p {
	font-size: 16px;
	color: #ffffff;
	opacity: 0.7;
}

.side-map iframe {
	width: 100%;
	height: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.side-gallery {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.contact-infos {
		margin-top: 20px;
	}
}

.contact-infos h4 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #ffffff;
	border-bottom: 1px solid #f8f8f8;
	padding-bottom: 10px;
}

.contact-list>a {
	text-decoration: none;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	opacity: 0.7;
	font-size: 16px;
	display: flex;
	align-items: center;
	color: #ffffff;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.contact-list>a:hover {
	opacity: 1;
}

.contact-list>a i {
	width: 30px;
	line-height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	font-size: 16px;
	flex: 0 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.contact-list>a i {
		width: 20px;
	}
}

.footer__social.offset-social li a {
	height: 45px;
	width: 45px;
	line-height: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.footer__social.offset-social li a {
		width: 40px;
		height: 40px;
	}
}

.side-image img {
	width: 100%;
}

/* mean menu */
.side-menu-icon.d-lg-none.f-right {
	margin: 20px 0;
}

.mean-container .mean-nav>ul {
	display: block !important;
}

.mean-container a.meanmenu-reveal {
	display: none !important;
}

.mean-container .mean-nav ul li a {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	border-top: 1px solid #28283f;
	font-size: 16px;
	text-transform: none;
	opacity: 0.7;
}

.mean-container .mean-nav ul li a i {
	display: none;
}

.mean-container .mean-nav {
	background: none;
	margin-bottom: 40px;
}

.mean-container .mean-nav ul li a.mean-expand {
	height: 34px;
	border: none;
}

.contact__list h4 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
}

.contact__list p {
	color: #d0d0d0;
	margin-bottom: 2px;
}

.side-portfolio a {
	width: 33.33%;
	float: left;
	padding: 0 3px;
	margin-bottom: 6px;
	display: block;
	position: relative;
}

.side-portfolio a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #c22c2d;
	opacity: 0;
	visibility: hidden;
}

.side-portfolio a:hover:before {
	opacity: 0.7;
	visibility: visible;
}

.side-portfolio img {
	width: 100%;
}

/*
*****
06. Slider
*************************
*/
.slider__area {
	min-height: 850px;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.slider__area {
		min-height: 650px;
	}
}

.slider__area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 62.35%;
	height: 100%;
	background: #1a1a2b url("../img/slider/slider-map.png") no-repeat left center;
	background-size: cover;
	z-index: -1;
}

@media ( max-width : 575px) {
	.slider__area:before {
		width: 100%;
	}
}

.slider__area::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 37.65%;
	height: 100%;
	background: #ff5e14;
	z-index: -1;
}

@media ( max-width : 575px) {
	.slider__area::after {
		width: 0;
	}
}

.slider__area-2 {
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media ( max-width : 575px) {
	.slider__area-2 {
		height: 500px;
	}
}

.slider__area-2 .slider__content p {
	font-size: 20px;
	color: #ffffff;
	opacity: 0.8;
}

@media ( max-width : 575px) {
	.slider__area-2 .slider__content p {
		font-size: 16px;
	}
}

.slider__area-2 .slider__content h1 {
	font-size: 80px;
	margin-bottom: 38px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider__area-2 .slider__content h1 {
		font-size: 55px;
	}
}

@media ( max-width : 575px) {
	.slider__area-2 .slider__content h1 {
		font-size: 34px;
	}
}

.slider__content {
	position: relative;
	z-index: 55;
}

@media ( max-width : 575px) , only screen and (min-width: 1200px) and (max-width: 1400px) {
	.slider__content {
		padding-right: 0;
	}
}

.slider__content p {
	font-size: 20px;
	color: #ffffff 0.6;
	font-family: "Roboto", sans-serif;
	line-height: 55px;
	margin-bottom: 0;
}

@media ( max-width : 575px) {
	.slider__content p {
		font-size: 16px;
	}
}

.slider__content h1 {
	color: #ffffff;
	margin-bottom: 33px;
}

@media ( max-width : 575px) {
	.slider__content h1 {
		font-size: 34px;
	}
}

.slider__img {
	position: absolute;
	right: 0;
	transform: scale(1);
	transform-origin: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 1200px) and (max-width: 1400px) {
	.slider__img {
		transform: scale(0.8);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider__img {
		transform: scale(0.6);
	}
}

@media ( max-width : 575px) {
	.slider__img {
		display: none;
	}
}

.slider__btn a {
	margin-bottom: 20px;
}

.slider-overlay {
	position: relative;
}

.slider-overlay:before {
	position: absolute;
	content: "";
	background-image: -moz-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(-90deg, #286bb2 0%, rgba(0, 0, 0, 0) 100%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.track__order {
	width: 720px;
	height: 120px;
	border: 2px solid #717273;
	padding: 28px 38px 28px 156px;
	background: rgba(0, 0, 0, 0.3);
	display: inline-block;
}

.track__order-icon {
	height: 120px;
	width: 120px;
	background: #1f61a7;
	display: inline-block;
	text-align: center;
	line-height: 120px;
	position: absolute;
	top: -2px;
	left: -2px;
}

.track__order form input {
	border: none;
	background: none;
	line-height: 48px;
	border-bottom: 2px solid #4f5051;
	width: 420px;
	color: #ffffff;
}

.track__order form input ::-moz-placeholder {
	color: #ffffff;
	opacity: 0.8;
}

.track__order form input ::placeholder {
	color: #ffffff;
	opacity: 0.8;
}

.track__order form a {
	font-size: 24px;
	height: 60px;
	width: 60px;
	background: #1f61a7;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	color: #ffffff;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.track__order form a:hover {
	color: #1f61a7;
	background: #ffffff;
}

.service__number {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
}

.service__number-inner {
	display: flex;
	justify-content: space-between;
}

@media ( max-width : 575px) {
	.service__number-inner {
		display: inherit;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.service__number-inner {
		display: flex;
	}
}

.service__number-inner li span {
	color: #add4e5;
	display: block;
	margin-bottom: 10px;
	line-height: 1;
}

.service__number-inner li .number {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
}

.service__number-inner li .number a:hover {
	opacity: 0.5;
}

/*
*****
07. Hero
*************************
*/
.hero__area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

@media ( max-width : 575px) {
	.hero__area {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

.hero__icon {
	height: 120px;
	width: 120px;
	line-height: 120px;
	text-align: center;
	background: #f02830;
	float: left;
}

@media ( max-width : 575px) {
	.hero__icon {
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
}

.hero__content {
	width: 610px;
	padding: 60px 70px 70px 65px;
	background: #ffffff;
	overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__content {
		width: 550px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__content {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( max-width : 575px) {
	.hero__content {
		width: 100%;
		padding: 30px 20px;
	}
}

.hero__content h1 {
	font-size: 78px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__content h1 {
		font-size: 70px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__content h1 {
		font-size: 54px;
	}
}

@media ( max-width : 575px) {
	.hero__content h1 {
		font-size: 40px;
	}
}

.hero__content h1 span {
	font-weight: 100;
}

.hero__content h1 span span {
	color: #f02830;
}

.hero__content ul li {
	width: 50%;
	float: left;
	line-height: 34px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__content ul li {
		width: 100%;
		float: none;
	}
}

@media ( max-width : 575px) {
	.hero__content ul li {
		width: 100%;
	}
}

.hero__content ul li i {
	color: #f02830;
	margin-right: 15px;
	margin-left: 6px;
}

.hero__content-2 {
	position: relative;
	padding-right: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__content-2 {
		padding-right: 0;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.hero__content-2 {
		padding-right: 0px;
	}
}

@media ( max-width : 575px) {
	.hero__content-2 {
		padding-right: 0px;
	}
}

.hero__content-2 span {
	font-size: 20px;
	color: #ffffff;
	opacity: 0.6;
	display: inline-block;
	margin-bottom: 10px;
}

.hero__title-2 {
	font-size: 72px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__title-2 {
		font-size: 39px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__title-2 {
		font-size: 55px;
	}
}

@media ( max-width : 575px) {
	.hero__title-2 {
		font-size: 28px;
	}
}

.hero__height {
	min-height: 850px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__height {
		min-height: 780px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__height {
		min-height: 680px;
	}
}

.hero__bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 830px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__bg {
		width: 540px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__bg {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.hero__bg {
		display: none;
	}
}

@media ( max-width : 575px) {
	.hero__bg {
		display: none;
	}
}

.hero__bg::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 94, 20, 0.7);
}

.hero__thumb {
	position: relative;
	margin-left: -95px;
	margin-bottom: -135px;
	z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__thumb {
		margin-left: -165px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__btn a {
		margin-bottom: 15px;
	}
}

@media ( max-width : 575px) {
	.hero__btn a {
		margin-bottom: 15px;
	}
}

/*
*****
08. Services
*************************
*/
@media ( max-width : 575px) {
	.services__area-2 {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

.services__item {
	padding: 20px;
	background: #ffffff;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
	position: relative;
	z-index: 5;
}

.services__item-2 {
	padding: 48px 60px 43px 48px;
	border: 2px solid #eaeaea;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	background: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services__item-2 {
		padding: 30px 30px 30px 30px;
	}
}

@media ( max-width : 575px) {
	.services__item-2 {
		padding: 20px;
	}
}

.services__item-2:hover {
	border-color: #ffffff;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}

.services__item-2:hover .icon i {
	font-size: 70px;
}

.services__item-2:hover .icon:before {
	background: #1f61a7;
}

.services__item-2:hover .services__meta .services__btn {
	display: inline-block;
	opacity: 1;
	visibility: visible;
}

.services__item-2 .icon {
	float: left;
	margin-right: 40px;
	position: relative;
	width: 80px;
	height: 80px;
}

@media ( max-width : 575px) {
	.services__item-2 .icon {
		float: none;
		margin-bottom: 20px;
	}
	.services__item-2 .icon:before {
		display: none;
	}
}

.services__item-2 .icon:before {
	position: absolute;
	content: "";
	width: 68px;
	height: 4px;
	background: #dcedff;
	top: 112px;
	left: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.services__item-2 .icon i {
	font-size: 80px;
	color: #286bb2;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.services__item-2 .services__meta {
	overflow: hidden;
}

.services__item-2 .services__meta h4 {
	margin-bottom: 16px;
	line-height: 1;
}

.services__item-2 .services__meta p {
	margin-bottom: 0;
}

.services__item-2 .services__meta .services__btn {
	color: #ffffff;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	padding: 0 35px;
	background: #1f61a7;
	margin-top: 25px;
	display: none;
	opacity: 0;
	visibility: hiddens;
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.services__item-2 .services__meta .services__btn {
		display: inline-block;
		opacity: 1;
		visibility: visible;
	}
}

.services__item-3 {
	padding: 20px;
	background: #ffffff;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.02);
	margin-top: 30px;
	perspective: 1000px;
}

.services__item-3:hover {
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}

.services__item-3:hover .services__inner-3 {
	border-color: #ff5e14;
}

.services__item-middle {
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.08);
}

.services__item-middle .services__icon-3 {
	margin-top: -125px;
}

.services__item-middle .services__icon-3 i {
	width: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	background-color: #ff5e14;
	color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.services__item-middle .services__inner-3 {
	border-color: #ff5e14;
}

.services__item-middle .link-btn-2 {
	padding-top: 30px;
}

.services__item-4 {
	border: 1px solid #eaeaea;
	padding: 60px 50px;
	padding-bottom: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services__item-4 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.services__item-4 {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__item-4 {
		margin-bottom: 30px;
	}
}

@media ( max-width : 575px) {
	.services__item-4 {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
	}
}

.services__item-4:hover {
	border-color: #ffffff;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.services__inner {
	background: #ffffff;
	border: 2px solid #f3f3f3;
	padding: 48px 40px 40px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , only screen and (min-width: 576px) and (max-width: 767px) ,
		( max-width : 575px) {
	.services__inner {
		padding: 24px 24px 20px;
	}
}

.services__inner:hover {
	border-color: #ff5e14;
}

.services__inner:hover i {
	animation-name: animation-pulse-shrink;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.services__inner i {
	font-size: 80px;
	color: #ff5e14;
	line-height: 1;
	margin-bottom: 38px;
}

.services__inner h4 {
	margin-bottom: 20px;
}

@media ( max-width : 575px) {
	.services__inner h4 {
		font-size: 22px;
	}
}

.services__inner p {
	margin-bottom: 30px;
}

.services__inner a {
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	color: #cccccc;
}

.services__inner a:hover {
	color: #ff5e14;
}

.services__inner-3 {
	background: #ffffff;
	border: 2px solid #f3f3f3;
	padding: 48px 40px 40px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.services__inner-3 {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media ( max-width : 575px) {
	.services__inner-3 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.services__icon-no {
	position: absolute;
	top: 67%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

.services__icon-no h4 {
	-webkit-text-fill-color: transparent;
	font-size: 200px;
	color: #e6e6e6;
	-webkit-text-stroke-color: #e6e6e6;
	-webkit-text-stroke-width: 1px;
	-moz-text-stroke-color: #e6e6e6;
	-moz-text-stroke-width: 1px;
	-moz-text-fill-color: transparent;
	line-height: 90px;
	display: inline-block;
}

.services__icon-3 i {
	color: #ff5e14;
	font-size: 80px;
}

.services__icon-4 {
	position: relative;
	z-index: 1;
}

.services__title-3 {
	font-size: 24px;
	font-weight: 600;
	color: #222222;
	margin-bottom: 15px;
}

.services__title-3 a:hover {
	color: #ff5e14;
}

.services__title-4 {
	font-size: 24px;
	color: #1a1a2b;
	margin-bottom: 15px;
}

.services__title-4 a:hover {
	color: #1f61a7;
}

.services__content-3 p {
	margin-bottom: 0;
}

.services__content-4 {
	position: relative;
	z-index: 1;
}

.services__content-4 p {
	margin-bottom: 0;
}

.services__top {
	margin-top: -85px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.services__top {
		margin-top: -85px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__top {
		margin-top: 30px;
	}
}

.services__btn {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	visibility: hidden;
	opacity: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__btn {
		bottom: 60px;
	}
}

@media ( max-width : 575px) {
	.services__btn {
		bottom: 60px;
	}
}

.services__btn .v-btn {
	width: 100%;
	padding: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.services__btn .v-btn {
		padding-left: 115px;
		padding-right: 115px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services__btn .v-btn {
		padding-left: 85px;
		padding-right: 85px;
	}
}

.services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
	bottom: 0;
	visibility: visible;
	opacity: 1;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
		bottom: 30px;
	}
}

@media ( max-width : 575px) {
	.services__wrapper-4:hover .services__btn, .services__wrapper-4.active .services__btn {
		bottom: 30px;
	}
}

.services__card {
	max-width: 100%;
	position: relative;
	perspective: 1000px;
	transform-style: preserve-3d;
}

.services__card:hover {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.services__front {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.services__back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.services__wrapper2 {
	position: relative;
}

.services__wrapper2 .services__item-2:hover {
	position: absolute;
	z-index: 500;
	left: 0;
	right: 0;
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.services__wrapper2 .services__item-2:hover {
		position: static;
	}
}

@media ( max-width : 575px) {
	.services__area-display {
		padding-top: 45px;
	}
}

.services__area-display .section-title {
	margin-bottom: 0;
	z-index: 5;
}

.services__area-display .section-title h2 {
	margin-bottom: 4px;
}

.services__area-display .section-title .back-text {
	bottom: -50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__area-display .section-title .back-text {
		bottom: 0;
	}
}

.services__area-display .section-title .back-text span {
	font-size: 200px;
	color: #eeeeee;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__area-display .section-title .back-text span {
		font-size: 100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.services__area-display .section-title .back-text span {
		font-size: 160px;
	}
}

.services__area-display p {
	position: relative;
	z-index: 6;
}

@media ( max-width : 575px) {
	.services__area-display p br {
		display: none;
	}
}

.services__box {
	position: relative;
	z-index: 1;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

.services__box-left {
	width: 220px;
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services__box-left {
		width: 170px;
	}
}

@media ( max-width : 575px) {
	.services__box-left {
		width: 100%;
		height: 100%;
	}
}

.services__box-left:hover .services__box-content i {
	position: relative;
	transform: scale(1.2);
}

.services__box-content {
	height: 270px;
	z-index: 5;
	position: relative;
	padding: 40px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.services__box-content {
		padding: 40px 20px;
	}
}

@media ( max-width : 575px) {
	.services__box-content {
		height: 200px;
	}
}

.services__box-content:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #1a1a2b;
	opacity: 0.9;
	z-index: -1;
}

.services__box-content i {
	margin-bottom: 25px;
	font-size: 60px;
	color: #f02830;
	line-height: 1px;
	display: inline-block;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.services__box-content h4 {
	font-size: 20px;
	color: #ffffff;
	line-height: 1.2;
	font-weight: 600;
}

.services__box-link a {
	width: 100%;
	height: 60px;
	text-align: center;
	display: block;
	line-height: 60px;
	background: #ececec;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	color: #1a1a2b;
}

.services__box-link a:hover {
	background: #f02830;
	color: #ffffff;
}

.services__box-link a i {
	margin-left: 15px;
}

.services__box-list {
	position: relative;
	z-index: 1;
	padding: 55px 50px;
	padding-bottom: 35px;
	overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.services__box-list {
		padding: 37px 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.services__box-list {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.services__box-list {
		padding: 37px 30px;
	}
}

@media ( max-width : 575px) {
	.services__box-list {
		height: 100%;
	}
}

.services__box-list ul li {
	margin-bottom: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.services__box-list ul li {
		font-size: 15px;
	}
}

.services__box-list ul li i {
	color: #f02830;
	font-size: 18px;
	margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.services__box-list ul li i {
		margin-right: 10px;
	}
}

.services__box-icon {
	position: absolute;
	bottom: -35%;
	right: -5%;
}

@media ( max-width : 575px) {
	.services__box-icon {
		bottom: -22%;
	}
}

.services__box-icon i {
	font-size: 150px;
	color: #f2f2f2;
}

.services__overlay {
	position: relative;
}

.services__overlay::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 70%;
	background: #f8f8f8;
}

@media ( max-width : 575px) {
	.service-details {
		padding-top: 50px;
		padding-bottom: 10px;
	}
}

.service-details-content h4 {
	font-size: 30px;
	margin-bottom: 18px;
	line-height: 1;
}

@media ( max-width : 575px) {
	.service-details-content h4 {
		font-size: 24px;
	}
}

.service-details-content p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 17px;
	margin-right: 15px;
}

.sdm-img {
	margin-bottom: 45px;
}

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

.sd-play {
	font-size: 16px;
	color: #ff5e14;
	width: 100px;
	height: 100px;
	background: #ffffff;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 100px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.sd-play:hover {
	background: #f8f8f8;
}

.overview-list {
	padding-right: 140px;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.overview-list {
		padding-right: 50px;
	}
}

@media ( max-width : 575px) {
	.overview-list {
		padding-right: 0;
	}
}

.overview-list.contain-img {
	padding-right: 0;
	display: flex;
	align-items: center;
}

@media ( max-width : 575px) {
	.overview-list.contain-img {
		display: inherit;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.overview-list.contain-img .overview-list-img img {
		max-width: 92%;
	}
}

@media ( max-width : 575px) {
	.overview-list.contain-img .overview-list-img img {
		margin-bottom: 30px;
	}
}

.overview-list-img {
	width: 50%;
	float: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.overview-list-img {
		margin-right: 40px;
	}
}

@media ( max-width : 575px) {
	.overview-list-img {
		width: 100%;
	}
}

.overview-list ul {
	width: 50%;
	float: left;
}

@media ( max-width : 575px) {
	.overview-list ul {
		width: 100%;
	}
}

.overview-list ul li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 16px;
}

.overview-list ul li:before {
	position: absolute;
	content: "\f00c";
	font-size: 18px;
	color: #dadada;
	font-family: "Font Awesome 5 Pro";
	left: 0;
	top: 0;
}

.sd-services {
	margin-bottom: 40px;
}

.sd-image {
	position: relative;
	overflow: hidden;
}

@media ( max-width : 575px) {
	.sd-image {
		margin-bottom: 30px;
	}
}

.sd-image:hover .sd-content {
	opacity: 1;
	visibility: visible;
}

.sd-image:hover .sd-content a.sd-icon {
	top: 50px;
	opacity: 1;
	visibility: visible;
}

.sd-image:hover .sd-content h6 {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}

.sd-image:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.sd-image img {
	width: 100%;
}

.sd-content a.sd-icon {
	color: #c22c2d;
	font-size: 30px;
	height: 80px;
	width: 80px;
	background: #ffffff;
	display: inline-block;
	text-align: center;
	line-height: 80px;
	position: absolute;
	top: -80px;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.sd-content a.sd-icon:hover {
	color: #ffffff;
	background: #ff5e14;
}

.sd-content h6 {
	color: #ffffff;
	margin-bottom: 0;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	font-size: 16px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.sd-box {
	margin-top: 46px;
	margin-bottom: 13px;
}

.sd-box-content {
	padding: 32px 34px 32px 38px;
	border: 2px solid #e8e8e8;
	margin-bottom: 30px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.sd-box-content {
		padding: 32px 24px 32px 28px;
	}
}

@media ( max-width : 575px) {
	.sd-box-content {
		padding: 20px;
	}
}

.sd-box-content i {
	font-size: 60px;
	color: #d3d3dc;
	margin-bottom: 8px;
	display: inline-block;
}

.sd-box-content h6 {
	margin-bottom: 0;
	line-height: 26px;
}

.sd-box-content p {
	font-size: 14px;
	margin-right: 0;
	margin-bottom: 0;
}

.sd-form h4 {
	margin-top: 38px;
	margin-bottom: 24px;
}

.sd-form input {
	width: 100%;
	height: 70px;
	border: 2px solid #e8e8e8;
	padding: 0 26px;
	margin-bottom: 15px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.sd-form input::placeholder {
	color: #999999;
	font-size: 16px;
}

.sd-form input::-moz-placeholder {
	color: #999999;
	font-size: 16px;
}

.sd-form textarea {
	width: 100%;
	height: 220px;
	border: 2px solid #e8e8e8;
	padding: 0 26px;
	margin-bottom: 20px;
	padding-top: 22px;
	resize: none;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.sd-form textarea::placeholder {
	color: #999999;
	font-size: 16px;
}

.sd-form textarea::-moz-placeholder {
	color: #999999;
	font-size: 16px;
}

.sd-form button {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	height: 60px;
	width: 200px;
	text-align: center;
	display: inline-block;
	background: #ff5e14;
	border: none;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.sidebar-widget {
	border: 2px solid #eeeeee;
	padding: 50px 50px 48px 50px;
	box-shadow: 0px 8px 16px 0px rgba(26, 26, 43, 0.04);
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.sidebar-widget {
		padding: 40px 35px 38px 35px;
	}
}

.sidebar-title h4 {
	font-size: 20px;
	margin-bottom: 30px;
	border-bottom: 2px solid #eeeeee;
	padding-bottom: 16px;
	line-height: 1;
}

.sidebar-title h4 span {
	color: #ff5e14;
}

.widget-services li {
	font-size: 16px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 16px;
	margin-bottom: 17px;
	position: relative;
	line-height: 1;
}

.widget-services li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.widget-services li:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "\f178";
	font-size: 14px;
	color: #d4d4d4;
	font-family: "Font Awesome 5 Pro";
}

.widget-services li a:hover {
	color: #ff5e14;
}

.widget-services li i {
	font-size: 14px;
	color: #ff5e14;
	margin-right: 0;
	width: 38px;
}

.widget-services.downloads li {
	border: none;
}

.widget-services.downloads li:after {
	content: "\f0ed";
}

.widget-form .input-field {
	position: relative;
}

.widget-form .input-field i {
	position: absolute;
	top: 18px;
	right: 30px;
	font-size: 14px;
	color: #999999;
}

.widget-form input {
	height: 50px;
	width: 100%;
	margin-bottom: 10px;
	border: none;
	background: #f8f8f8;
	padding: 0 30px;
	font-size: 14px;
}

.widget-form input:placeholder {
	font-size: 14px;
	color: #bdbdbd;
}

.widget-form input:-moz-placeholder {
	font-size: 14px;
	color: #bdbdbd;
}

.widget-form textarea {
	height: 180px;
	width: 100%;
	padding: 13px 30px;
	border: none;
	background: #f8f8f8;
	margin-bottom: 18px;
	resize: none;
	font-size: 14px;
}

.widget-form textarea:placeholder {
	font-size: 14px;
	color: #bdbdbd;
}

.widget-form textarea:-moz-placeholder {
	font-size: 14px;
	color: #bdbdbd;
}

.widget-form button {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	height: 60px;
	width: 200px;
	text-align: center;
	display: inline-block;
	background: #ff5e14;
	border: none;
	text-transform: uppercase;
}

.sidebar-contact {
	background: #1a1a2b;
	padding: 60px 55px 53px 55px;
	border: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.sidebar-contact {
		padding: 50px 35px 33px 35px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.sidebar-contact {
		padding: 50px 70px 33px 70px;
	}
}

.sidebar-contact img {
	margin-bottom: 25px;
}

.sidebar-contact p {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	font-family: "Poppins", sans-serif;
	margin-bottom: 0;
	line-height: 30px;
}

.sidebar-contact span {
	font-size: 36px;
	font-family: "Poppins", sans-serif;
	color: #ff5e14;
	font-weight: 700;
	line-height: 1;
	display: inline-block;
	margin-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sidebar-contact span {
		font-size: 32px;
	}
}

@media ( max-width : 575px) {
	.sidebar-contact span {
		font-size: 28px;
	}
}

.sidebar-contact span a:hover {
	opacity: 0.7;
}

/*
*****
09. About
*************************
*/
@media ( max-width : 575px) {
	.about__area {
		padding-bottom: 20px;
		padding-right:15px;
		padding-left:15px;
	}
}

@media ( max-width : 575px) {
	.about__area.t-50 {
		padding-top: 50px;
		padding-right:15px;
		padding-left:15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.about__content {
		padding-left: 0;
	}
}

.about__content .company-icon:before {
	display: none;
}

.about__content>p {
	padding-right: 30px;
	margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.about__content>p {
		padding-right: 250px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about__content>p {
		padding-right: 0;
	}
}

@media ( max-width : 575px) {
	.about__content>p {
		padding-right: 0;
	}
}

.about__content .learn-more .s-btn {
	margin-bottom: 0;
}

.about__content.pp>p {
	padding-right: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , ( max-width : 575px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width:
	768px) and (max-width: 991px) {
	.about__content.pp>p {
		padding-right: 0;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.about__content-wrapper {
		padding-right: 195px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about__content-wrapper {
		padding-right: 0;
	}
}

@media ( max-width : 575px) {
	.about__content-wrapper {
		padding-right: 0;
	}
}

.about__content-thumb img {
	width: 140px;
}

.about__content-text p {
	line-height: 26px;
}

.about__img {
	position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.about__img {
		float: left;
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__img {
		margin-bottom: 90px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__area-display {
		padding-top: 640px;
	}
}

@media ( max-width : 575px) {
	.about__area-display {
		padding-bottom: 20px;
	}
}

.about__left {
	float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.about__left {
		float: left;
	}
}

.about__left-img {
	overflow: hidden;
}

.about__left-img:hover>img {
	transform: scale(1.1);
}

.about__experience {
	width: 200px;
	background: #ffffff;
	padding: 48px 30px;
	box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
	position: absolute;
	top: 50%;
	left: -109px;
	transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.about__experience {
		top: 0;
		left: 0;
		transform: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__experience {
		right: -100px;
		left: auto;
	}
}

.about__experience i {
	margin-bottom: 2px;
	display: block;
	color: #f02830;
	font-size: 60px;
	line-height: 1;
}

.about__experience span {
	font-size: 60px;
	font-weight: 700;
	color: #1a1a2b;
	line-height: 1;
}

.about__experience span span {
	font-size: 20px;
}

.about__experience p {
	font-size: 14px;
	color: #777777;
	margin-bottom: 0;
	line-height: 1;
	margin-top: 3px;
}

.about__content-display {
	padding-left: 40px;
	padding-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about__content-display {
		padding-left: 30px;
		padding-right: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.about__content-display {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.about__content-display {
		padding-left: 0;
	}
}

@media ( max-width : 575px) {
	.about__content-display {
		padding: 0;
	}
}

.about__content-display h2 {
	font-size: 56px;
	line-height: 1.2;
	margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.about__content-display h2 {
		font-size: 46px;
	}
}

@media ( max-width : 575px) {
	.about__content-display h2 {
		font-size: 32px;
	}
}

.about-circle {
	margin-top: 45px;
	display: flex;
	align-items: center;
}

@media ( max-width : 575px) {
	.about-circle {
		display: inherit;
	}
}

.about-circle .skill-circle {
	float: left;
}

@media ( max-width : 575px) {
	.about-circle .skill-circle {
		float: none;
	}
}

.about-circle .skill-circle .success-stroke {
	stroke: #f02830;
}

.about-circle .skill-circle .circle-chart-text .percentage span {
	color: #f02830;
}

.about-circle h5 {
	line-height: 1.55;
	overflow: hidden;
	padding-right: 100px;
}

@media ( max-width : 575px) {
	.about-circle h5 {
		padding-right: 0;
	}
}

.delivered {
	position: absolute;
	width: 205px;
	height: 227px;
	background: #ff5e14;
	padding: 40px 37px 35px;
	left: -205px;
	bottom: -5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.delivered {
		right: -132px;
		bottom: -8px;
		z-index: 2;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.delivered {
		left: auto;
		right: -205px;
		bottom: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.delivered {
		left: auto;
		right: 0;
		bottom: 0;
	}
}

.delivered i {
	font-size: 64px;
	color: #ffffff;
	margin-bottom: 16px;
	line-height: 1;
	display: inline-block;
}

.delivered span {
	font-size: 38px;
	font-family: "Poppins", sans-serif;
	color: #ffffff;
	line-height: 1;
	font-weight: 700;
}

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

.delivered.bl {
	bottom: -50px;
	left: -70px;
	right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.delivered.bl {
		bottom: -58px;
		left: 0;
	}
}

.founder {
	position: absolute;
	width: 205px;
	height: 227px;
	background: #ffffff;
	padding: 40px 40px 35px;
	left: 0;
	bottom: 110px;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.founder {
		bottom: 0;
	}
}

@media ( max-width : 575px) {
	.founder {
		padding: 20px 20px 15px;
		width: 165px;
		height: 185px;
	}
}

.founder img {
	margin-bottom: 20px;
}

.founder h6 {
	font-weight: 600;
	margin-bottom: 2px;
}

.founder h6 a:hover {
	color: #ff5e14;
}

.founder span {
	color: #ff5e14;
	font-size: 14px;
}

.founder.tr {
	top: -40px;
	right: -40px;
	left: auto;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.founder.tr {
		top: 0;
		right: 0;
	}
}

/*
*****
10. Form
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.form__area {
		padding-bottom: 100px;
	}
}

@media ( max-width : 575px) {
	.form__area {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

.form__quote blockquote {
	position: relative;
	padding-left: 30px;
}

.form__quote blockquote::after {
	position: absolute;
	content: "";
	left: 0;
	top: 2px;
	width: 1px;
	height: 50px;
	background: #ff5e14;
}

.form__quote blockquote p {
	font-style: italic;
	margin-bottom: 0;
}

.form__overlay {
	position: relative;
}

.form__overlay::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 62%;
	background: #f8f8f8;
	z-index: -1;
}

.order__form-button {
	height: 88px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.order__form-button {
		display: inherit;
		height: auto;
		padding-bottom: 10px;
	}
}

.order__form-button i {
	font-size: 56px;
	font-weight: 700;
	margin-right: 20px;
	color: #ff5e14;
	margin-top: 12px;
	line-height: 1g;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.order__form-button i {
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.order__form-button i {
		font-size: 46px;
		margin-right: 15px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.order__form-button i {
		margin-right: 3px;
	}
}

.order__form-button span {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
	font-weight: 700;
	display: inline;
	margin-bottom: 0;
}

.order__form-details {
	padding: 50px;
	background: #ffffff;
	box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}

@media ( max-width : 575px) {
	.order__form-details {
		padding: 20px;
	}
}

.order__form .nav-tabs {
	border: none;
}

.order__form .nav-link {
	width: 33.33%;
	padding: 0;
	border: 0;
	background: #fff;
	border-radius: 0;
	margin-bottom: 0;
}

@media ( max-width : 575px) {
	.order__form .nav-link {
		width: 100%;
	}
}

.order__form .nav-link:hover {
	background: #ffffff;
}

.order__form .nav-link.active {
	background: #ff5e14;
}

.order__form .nav-link.active i {
	color: #ffffff;
}

.order__form .nav-link.active span {
	color: #ffffff;
}

.order__counter {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.order__counter {
		min-height: 270px;
	}
}

.order__counter-chart {
	position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.order__counter-chart .circle-chart {
		width: 220px;
		height: 220px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.order__counter-chart .circle-chart {
		width: 200px;
		height: 200px;
	}
}

.circle-chart-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.circle-chart-text .miles {
	font-size: 50px;
	margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.circle-chart-text .miles {
		font-size: 45px;
	}
}

.circle-chart-text .miles span {
	font-size: 16px;
	font-weight: 400;
	color: #ff5e14;
}

.product__data label {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 18px;
	line-height: 1;
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
}

.product__data input, .product__data select, .product__data textarea {
	width: 100%;
	padding: 0 18px;
	height: 51px;
	border: 2px solid #eaeaea;
	margin-bottom: 20px;
}

.product__data .pr-select {
	position: relative;
}

.product__data .pr-select:before {
	position: absolute;
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	top: 14px;
	right: 20px;
	color: #9b9b9b;
	opacity: 0.4;
}

.product__data textarea {
	height: 150px;
	resize: none;
	padding: 15px 18px;
}

.product__check {
	margin-top: 7px;
	margin-bottom: 27px;
}

.product__check input {
	margin-right: 7px;
}

.product__check input:checked {
	color: #ff5e14;
}

.product__check .check-item {
	font-size: 12px;
	color: #9b9b9b;
	margin-right: 32px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product__check .check-item {
		padding-left: 30px;
		margin-right: 26px;
	}
}

.product__check .check-item:checked, .product__check .check-item:hover {
	color: #ff5e14;
}

.product__check input[type=checkbox]:checked {
	color: #ff5e14;
}

.product__check input:checked+label {
	color: #ff5e14;
}

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

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

.request-quote {
	font-size: 16px;
	font-weight: 700;
	height: 51px;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 51px;
	color: #ffffff;
	background: #ff5e14;
}

.request-quote:hover {
	background: #962e2e;
	color: #ffffff;
}

/* The container */
.check-item {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.check-item input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #ffffff;
	border: 2px solid #eaeaea;
}

/* On mouse-over, add a grey background color */
.check-item:hover input ~ .checkmark {
	background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.check-item input:checked ~ .checkmark {
	border-color: #ff5e14;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
	width: 7px;
	height: 7px;
	right: 0;
	top: 48%;
	transform: translate(-50%, -50%);
	background: #ff5e14;
}

/* Show the checkmark when checked */
.check-item input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
/*
*****
11. Features
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.features__area {
		padding-top: 100px;
	}
}

@media ( max-width : 575px) {
	.features__area {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

@media ( max-width : 575px) {
	.features__area-display {
		padding-top: 45px;
		padding-bottom: 20px;
	}
}

.features__icon {
	float: left;
	margin-right: 22px;
	line-height: 1;
}

@media ( max-width : 575px) {
	.features__icon {
		margin-right: 15px;
	}
}

.features__icon i {
	font-size: 75px;
	color: #ff5e14;
	display: block;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.features__icon i {
		font-size: 56px;
	}
}

.features__about {
	overflow: hidden;
	padding-top: 10px;
}

@media ( max-width : 575px) {
	.features__about {
		padding-top: 0;
	}
}

.features__about h4 {
	margin-bottom: 18px;
	line-height: 1;
}

@media ( max-width : 575px) {
	.features__about h4 {
		font-size: 20px;
	}
}

.features__about p {
	margin-bottom: 0;
	line-height: 1;
}

.features__content .company-icon:before {
	display: none;
}

.features__content p {
	margin-bottom: 40px;
}

@media ( max-width : 575px) {
	.features__author-signature {
		margin-bottom: 30px;
	}
}

.features__author-img img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.features__author-text h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 4px;
}

.features__author-text span {
	color: #f02830;
}

@media ( max-width : 575px) {
	.features-box-area {
		padding-top: 40px;
		padding-bottom: 50px;
	}
}

.features-box-wrapper {
	padding: 0 30px;
	background: #ffffff;
	box-shadow: 0px 80px 160px 0px rgba(97, 97, 97, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px)
		, ( max-width : 575px) {
	.features-box-wrapper {
		padding: 0 0;
	}
}

.features-box-single {
	padding: 60px 60px 55px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.features-box-single {
		padding: 50px 40px 45px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.features-box-single {
		padding: 60px 80px 55px;
	}
}

@media ( max-width : 575px) {
	.features-box-single {
		padding: 30px 15px 30px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.features-box-single {
		padding: 50px 40px 45px;
	}
}

.features-box-single:hover {
	background: #ff5e14;
	box-shadow: 0px 30px 60px 0px rgba(194, 44, 45, 0.2);
}

.features-box-single:hover .features-box-icon {
	background: #ffffff;
}

.features-box-single:hover .features-box-icon i {
	color: #ff5e14;
	transform: rotateY(360deg);
	display: inline-block;
}

.features-box-single:hover h4, .features-box-single:hover p {
	color: #ffffff;
}

.features-box-single h4 {
	line-height: 1;
	margin-bottom: 18px;
	letter-spacing: -0.6px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media ( max-width : 575px) {
	.features-box-single h4 {
		font-size: 21px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.features-box-single h4 {
		font-size: 24px;
	}
}

.features-box-single p {
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.features-box-icon {
	height: 100px;
	width: 100px;
	background: #ff5e14;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 36px;
	display: inline-block;
}

.features-box-icon i {
	font-size: 40px;
	color: #ffffff;
	line-height: 100px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.features__area-display .features__content {
	padding-right: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) , only screen and (min-width:
	576px) and (max-width: 767px) {
	.features__area-display .features__content {
		padding-right: 0;
	}
}

.features__area-display .features__content h2 {
	font-size: 54px;
	line-height: 1.2;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width:
	991px) {
	.features__area-display .features__content h2 {
		font-size: 46px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.features__area-display .features__content h2 {
		font-size: 50px;
	}
}

@media ( max-width : 575px) {
	.features__area-display .features__content h2 {
		font-size: 29px;
	}
}

.features__area-display .features__content p {
	margin-bottom: 53px;
}

.features__area-display .features__content a.features-btn {
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	background: #f02830;
	display: inline-block;
	color: #ffffff;
	font-weight: 700;
}

.features__right {
	margin-left: -93px;
	padding-right: 105px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.features__right {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.features__right {
		padding-right: 75px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.features__right {
		padding-right: 0;
	}
}

.features__right-content {
	background: #ffffff;
	padding-left: 50px;
	width: 300px;
	position: absolute;
	right: 0;
	top: 128px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.features__right-content {
		top: 30px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.features__right-content {
		top: 70px;
	}
}

@media ( max-width : 575px) {
	.features__right-content {
		display: none;
	}
}

.features__right-content li {
	padding: 48px 50px 40px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.features__right-content li {
		padding: 30px 0 23px 0;
	}
}

.features__right-content li:first-child {
	border-bottom: 1px solid #ededed;
}

.features__right-content li i {
	font-size: 74px;
	color: #f02830;
	margin-bottom: 13px;
	line-height: 1;
	display: inline-block;
}

.features__right-content li h4 {
	margin-bottom: 0;
	line-height: 1.426;
}

.features__right-img {
	overflow: hidden;
}

.features__right-img:hover img {
	transform: scale(1.1);
}

.special-features {
	padding-right: 110px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.special-features {
		padding-right: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.special-features {
		margin-bottom: 50px;
	}
}

@media ( max-width : 575px) {
	.special-features {
		padding-right: 0;
		margin-bottom: 50px;
	}
}

.special-features ul li:hover .features__icon i {
	margin-top: -10px;
}

.special-features ul li:not (:last-child ) {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 50px;
	margin-bottom: 42px;
}

@media ( max-width : 575px) {
	.special-features ul li:not (:last-child ) {
		padding-bottom: 30px;
		margin-bottom: 25px;
	}
}

.support {
	border: 6px solid #ffeeee;
	padding: 45px 54px 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.support {
		padding: 25px 25px 20px;
	}
}

.support__icon {
	float: left;
	margin-right: 30px;
}

@media ( max-width : 575px) {
	.support__icon {
		margin-right: 15px;
	}
}

.support__icon i {
	font-size: 40px;
	color: #ff5e14;
}

.support__about {
	overflow: hidden;
}

.support__about p {
	margin-bottom: 10px;
}

.support__about span {
	font-size: 50px;
	font-weight: 700;
	color: #ff5e14;
	line-height: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.support__about span {
		font-size: 44px;
	}
}

@media ( max-width : 575px) {
	.support__about span {
		font-size: 25px;
	}
}

.support__about span a:hover {
	color: #777777;
}

.support::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	border: 6px solid #ffeeee;
	top: 50%;
	left: -12px;
	transform: translateY(-50%) rotate(45deg);
	border-top: #fff;
	border-right: #fff;
	z-index: 3;
	background: #fff;
}

/*
*****
12. Users
*************************
*/
.brand-line li {
	padding-bottom: 50px;
	padding-top: 5px;
}

@media ( max-width : 575px) {
	.brand-line li {
		padding-bottom: 20px;
	}
}

.brand-line.second:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 89%;
	height: 1px;
	background: #e1e1e1;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.brand-line.second:before {
		width: 92%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brand-line.second:before {
		width: 84%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.brand-line.second:before {
		width: 90%;
	}
}

@media ( max-width : 575px) {
	.brand-line.second:before {
		width: 100%;
	}
}

.brand-line.second li {
	padding-top: 50px;
	padding-bottom: 20px;
}

@media ( max-width : 575px) {
	.brand-line.second li {
		padding-top: 20px;
	}
}

@media ( max-width : 575px) {
	.brand-line .slick-slide {
		text-align: center;
	}
	.brand-line .slick-slide img {
		display: inline-block;
	}
}

.brands {
	position: relative;
	margin-top: 60px;
}

.brands:before, .brands:after {
	position: absolute;
	content: "";
	top: 0;
	left: 28%;
	width: 1px;
	height: 100%;
	background: #e1e1e1;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.brands:before, .brands:after {
		left: 29%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brands:before, .brands:after {
		left: 25%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.brands:before, .brands:after {
		display: none;
	}
}

@media ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.brands:before, .brands:after {
		display: none;
	}
}

.brands:after {
	left: 61%;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.brands:after {
		left: 63%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.brands:after {
		left: 58%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.brands:after {
		display: none;
	}
}

@media ( max-width : 575px) {
	.brands {
		padding-right: 0;
	}
}

@media ( max-width : 575px) {
	.users__area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.users .company-icon:before {
	display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.users {
		margin-bottom: 50px;
	}
}

.users .company-icon {
	margin-bottom: 15px;
}

/*
*****
13. Testimonial
*************************
*/
.testimonial {
	padding-top: 44px;
}

@media ( max-width : 575px) {
	.testimonial-area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.testimonial__content {
	padding: 50px 40px 50px 46px;
	background: #ffffff;
	z-index: 2;
}

@media ( max-width : 575px) {
	.testimonial__content {
		padding: 18px 20px;
	}
}

.testimonial__content:before {
	position: absolute;
	content: "";
	left: 65px;
	bottom: -20px;
	width: 20px;
	height: 20px;
	clip-path: polygon(0 0, 0 100%, 100% 0);
	background: #ffffff;
}

.testimonial__content .star {
	margin-bottom: 22px;
	line-height: 1;
}

.testimonial__content .star li {
	display: inline;
	margin-right: 2px;
}

.testimonial__content .star li i {
	font-size: 14px;
	color: #3a78ba;
}

.testimonial__content .star.st-red li i {
	color: #ff5e14;
}

.testimonial__content p {
	font-size: 20px;
	margin-bottom: 0;
}

@media ( max-width : 575px) {
	.testimonial__content p {
		font-size: 16px;
	}
}

.testimonial__content .quote {
	display: inline-block;
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: -1;
}

.testimonial__author {
	background: #ffffff;
	overflow: hidden;
}

.testimonial__author-1 {
	padding-top: 35px;
	padding-left: 40px;
	background: transparent;
}

@media ( max-width : 575px) {
	.testimonial__author-1 {
		padding-left: 20px;
	}
}

.testimonial__author-img {
	float: left;
	overflow: hidden;
	width: 64px;
	height: 64px;
	border: 2px solid #ff5e14;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 3px;
}

@media ( max-width : 575px) {
	.testimonial__author-img {
		margin-right: 16px;
	}
}

.testimonial__author-img img {
	width: 54px;
	height: 54px;
}

.testimonial__author-img-1 {
	margin-right: 25px;
}

.testimonial__author-img-2 {
	margin-right: 25px;
	border-color: #1f61a7;
}

.testimonial__author-img-3 {
	margin-right: 40px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	height: 80px;
	width: 80px;
}

@media ( max-width : 575px) {
	.testimonial__author-img-3 {
		margin-right: 20px;
	}
}

.testimonial__author-img-3 img {
	height: 80px;
	width: 80px;
}

.testimonial__author-about {
	overflow: hidden;
	padding-top: 10px;
}

.testimonial__author-about h4 {
	font-size: 20px;
	margin-bottom: 0;
	line-height: 1;
}

@media ( max-width : 575px) {
	.testimonial__author-about h4 {
		font-size: 18px;
	}
}

.testimonial__author-about h4 a:hover {
	color: #ff5e14;
}

.testimonial__author-about span {
	font-size: 14px;
	color: #ff5e14;
}

.testimonial__active .slick-dots li button {
	text-indent: -5555px;
	height: 4px;
	width: 20px;
	border: 0;
	background: #ececec;
}

.testimonial__active .slick-dots {
	position: absolute;
	top: 0;
	left: 0;
}

.testimonial__active .slick-dots .slick-active button {
	width: 30px;
	background: #ff5e14;
}

.testimonial__active .slick-dots li {
	display: inline-block;
	margin-right: 10px;
}

.testimonial-box__active .slick-dots li button {
	text-indent: -5555px;
	height: 4px;
	width: 20px;
	border: 0;
	background: #ececec;
	font-size: 0;
}

.testimonial-box__active .slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	right: 0;
	line-height: 0;
}

.testimonial-box__active .slick-dots .slick-active button {
	width: 30px;
	background: #1f61a7;
}

.testimonial-box__active .slick-dots li {
	display: inline-block;
	margin-right: 10px;
	line-height: 0;
}

.testimonial__content.testimonial-box {
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
	background: #ffffff;
	max-width: 400px;
	padding: 40px 35px 38px 40px;
	margin: auto;
	margin-bottom: 54px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.testimonial__content.testimonial-box {
		max-width: 350px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.testimonial__content.testimonial-box {
		max-width: 330px;
		padding: 23px;
	}
}

@media ( max-width : 575px) {
	.testimonial__content.testimonial-box {
		border: 1px solid #f8f8f8;
	}
}

.testimonial__content.testimonial-box:before {
	display: none;
}

.testimonial__content.testimonial-box .testimonial__author {
	margin-left: 0;
	margin-top: 36px;
}

.testimonial__content.testimonial-box p {
	font-size: 18px;
	line-height: 32px;
	color: #9b9b9b;
}

.testimonial__content.testimonial-box .quote {
	top: 20px;
	right: 20px;
}

.testimonial__content.testimonial-box .testimonial__author-about h4 a:hover {
	color: #1f61a7;
}

.testimonial__content.testimonial-box .testimonial__author-about span {
	color: #1f61a7;
}

.testimonial-border-area {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media ( max-width : 575px) {
	.testimonial-border-area {
		padding-top: 45px;
		padding-bottom: 120px;
	}
}

.testimonial-border-area:before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #f02830;
	opacity: 0.8;
}

.testimonial-border-area .section-title {
	position: relative;
	z-index: 5;
}

.testimonial-border-area .section-title h2 {
	margin-bottom: 5px;
	color: #ffffff;
}

.testimonial-border-area p {
	color: #ffffff;
	opacity: 0.7;
	position: relative;
	z-index: 6;
	margin-bottom: 55px;
}

@media ( max-width : 575px) {
	.testimonial-border-area p br {
		display: none;
	}
}

.testimonial-border__content {
	background: none;
	padding: 48px 48px 45px;
}

@media ( max-width : 575px) {
	.testimonial-border__content {
		padding-left: 25px;
		padding-right: 25px;
	}
}

.testimonial-border__content::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1a1a2b;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	visibility: hidden;
}

.testimonial-border__content p {
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	opacity: 1;
	margin-bottom: 0;
}

.testimonial-border__content .testimonial__author-about {
	padding-top: 17px;
}

.testimonial-border__content .testimonial__author-about h4 a:hover {
	color: #ff5e14;
}

.testimonial-border__content .testimonial__author-about span {
	color: #f02830;
}

.testimonial-border__content .star {
	margin-bottom: 22px;
	line-height: 1;
}

.testimonial-border__content .star li {
	display: inline;
	margin-right: 2px;
}

.testimonial-border__content .star li i {
	color: #ffffff;
	font-size: 14px;
}

.testimonial-border-slider .testimonial-single {
	border: 2px solid #ffffff;
}

.testimonial-wrapper:hover .testimonial-border__content::before {
	opacity: 0;
	visibility: visible;
}

.testimonial-border__active .slick-slide {
	padding: 0 15px;
}

/*
*****
14. Blog
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog__area {
		padding-top: 190px;
	}
}

@media ( max-width : 575px) {
	.blog__area {
		padding-top: 50px;
		padding-bottom: 0;
	}
}

.blog__post:hover .blog__img img {
	transform: scale(1.1);
}

.blog__thumb {
	overflow: hidden;
}

.blog__img img {
	width: 100%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.blog__date {
	position: absolute;
	right: 40px;
	bottom: -20px;
	background: #ff5e14;
	height: 80px;
	width: 80px;
	clip-path: polygon(0 0, 100% 22.22%, 100% 100%, 0% 100%);
	padding-top: 25px;
	text-align: center;
}

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

.blog__date p span {
	font-size: 38px;
	display: block;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
}

.blog__date i {
	font-size: 40px;
	color: white;
}

.blog__item-2:hover {
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

.blog__content {
	padding: 40px 30px;
}

.blog__content span {
	font-size: 14px;
	color: #ff5e14;
	margin-bottom: 15px;
	display: block;
}

.blog__content h4 {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 30px;
}

.blog__content h4 a:hover {
	color: #ff5e14;
}

.blog__content p {
	font-size: 15px;
	margin-bottom: 10px;
	padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.blog__content p {
		padding-right: 0;
	}
}

.blog__content>a {
	font-size: 14px;
	color: #1a1a2b;
	font-weight: 700;
}

.blog__content>a:hover {
	color: #ff5e14;
}

.blog__content-2 {
	position: relative;
	padding: 35px 40px;
	padding-right: 32px;
	border: 1px solid #f1f1f1;
	border-top: 0;
}

@media ( max-width : 575px) {
	.blog__content-2 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.blog__title-2 {
	text-transform: capitalize;
	font-size: 19px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.blog__title-2 a:hover {
	color: #1f61a7;
}

.blog__tag-2 {
	margin-bottom: 5px;
}

.blog__tag-2 a {
	font-size: 14px;
	color: #1f61a7;
}

.blog__meta-2 span {
	font-size: 14px;
	color: #999999;
}

.blog__meta-2 span:hover {
	color: #1a1a2b;
}

.blog__author {
	position: absolute;
	top: -25px;
	right: 40px;
	padding: 10px;
	background: #ffffff;
	border-radius: 25px;
	min-width: 140px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
}

.blog__author-img img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.blog__author-content span {
	font-size: 14px;
	color: #999999;
}

.blog__author-content span a {
	color: #1a1a2b;
	font-weight: 600;
}

.blog__sm-thumb img {
	width: 104px;
	height: 70px;
}

.blog__sm-title {
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 0;
	line-height: 20px;
}

.blog__sm-meta span {
	display: inline-block;
	font-size: 12px;
	color: #999999 !important;
}

.blog__post.b-2 {
	border: 2px solid #f1f1f1;
}

.blog__post.b-2 .blog__date {
	background: #1f61a7;
	height: 90px;
	padding-top: 30px;
}

.blog__post.b-2 .blog__content {
	padding: 40px 28px 48px;
}

.blog__post.b-2 .blog__content span {
	color: #1f61a7;
}

.blog__post.b-2 .blog__content h4 {
	margin-bottom: 0;
	line-height: 1.5;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.blog__post.b-2 .blog__content h4 {
		letter-spacing: -0.5px;
	}
}

.blog__post.b-2 .blog__content h4 a:hover {
	color: #1f61a7;
}

.blog__post.b-2 .blog__content>p {
	display: none;
}

.blog__post.b-2 .blog__content>a {
	display: none;
}

.blog__post.b-3:hover .blog__date {
	bottom: -50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog__post.b-3:hover .blog__date {
		bottom: -30px;
	}
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.blog__post.b-3:hover .blog__date {
		bottom: -10px;
	}
}

.blog__post.b-3 .blog__date {
	background: #ff5e14;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.blog__post.b-3 .blog__content {
	padding: 30px 32px 30px 38px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.blog__post.b-3 .blog__content {
		padding: 30px 22px 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.blog__post.b-3 .blog__content {
		padding: 20px 25px;
	}
}

.blog__post.b-3 .blog__content h4 {
	margin-bottom: 10px;
}

.blog__post.b-3 .blog__content h4 a:hover {
	color: #ff5e14;
}

.blog__post.b-3 .blog__content>p {
	display: block;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0;
}

@media ( max-width : 575px) {
	.n-blog__area {
		padding-top: 50px;
		padding-bottom: 10px;
	}
}

@media ( max-width : 575px) {
	.n-blog__left {
		padding-right: 0;
	}
}

.n-blog__single {
	border: 2px solid #f3f3f3;
}

.n-blog__img {
	position: relative;
}

.n-blog__img .sd-play {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.n-blog__img.bl-overlay img {
	height: 100%;
	width: 100%;
}

@media ( max-width : 575px) {
	.n-blog__img.bl-overlay {
		height: 100px;
	}
}

.n-blog__content {
	padding: 60px 48px 42px 48px;
}

@media ( max-width : 575px) {
	.n-blog__content {
		padding: 50px 20px 20px 20px;
	}
}

.n-blog__content.nt {
	padding-top: 42px;
}

.n-blog__content h4 {
	font-size: 30px;
	line-height: 42px;
	margin-bottom: 18px;
	letter-spacing: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.n-blog__content h4 {
		font-size: 26px;
	}
}

@media ( max-width : 575px) {
	.n-blog__content h4 {
		font-size: 18px;
		line-height: 26px;
		letter-spacing: 0;
	}
}

.n-blog__content h4 a:hover {
	color: #ff5e14;
}

.n-blog__content p {
	margin-bottom: 0;
	line-height: 26px;
}

.n-blog__content .b-tag {
	font-size: 14px;
	font-weight: 700;
	width: 98px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background: #ff5e14;
	display: inline-block;
	position: absolute;
	top: -15px;
	left: 48px;
}

@media ( max-width : 575px) {
	.n-blog__content .b-tag {
		top: 0;
		left: 0;
	}
}

.n-blog__meta {
	border-top: 1px solid #e7e7e7;
	padding-top: 22px;
	margin-top: 23px;
}

.n-blog__meta li {
	display: inline-block;
	padding-right: 28px;
	margin-right: 30px;
	position: relative;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.n-blog__meta li {
		padding-right: 18px;
		margin-right: 20px;
	}
}

.n-blog__meta li:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #bdbdbd;
	top: 6px;
	right: 0;
}

@media ( max-width : 575px) {
	.n-blog__meta li:after {
		display: none;
	}
}

.n-blog__meta li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.n-blog__meta li:last-child:after {
	display: none;
}

.n-blog__meta li i {
	margin-right: 7px;
	color: #ff5e14;
}

.n-blog__meta li a:hover {
	color: #ff5e14;
}

.n-blog__author {
	display: inline-block;
	position: absolute;
	height: 60px;
	top: -30px;
	right: -2px;
	background: #ffffff;
	padding: 10px 45px 10px 10px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}

@media ( max-width : 575px) {
	.n-blog__author {
		padding: 10px;
		top: -15px;
		right: 0;
	}
}

.n-blog__author img {
	margin-right: 13px;
}

.n-blog__author span {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a2b;
}

.n-blog__author span a:hover {
	color: #ff5e14;
}

.play_btn:after, .play_btn:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid #cccccc;
	animation-name: popupBtn;
	animation-duration: 1.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.play_btn:before {
	animation-delay: 0.8s;
}

@
keyframes popupBtn { 0% {
	transform: scale(1);
	opacity: 0.6;
}

50%
{
transform
:
 
scale
(1
.6
);

    
opacity
:
 
0
.3
;

  
}
100%
{
transform
:
 
scale
(2
.2
);

    
opacity
:
 
0;
}
}
.blog-logo {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bl-overlay {
	position: relative;
}

.bl-overlay:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.7;
}

.n-quote {
	background: #ff5e14;
	padding: 68px 50px;
}

@media ( max-width : 575px) {
	.n-quote {
		display: none;
	}
}

.n-quote i {
	font-size: 80px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 28px;
	float: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.n-quote i {
		font-size: 60px;
	}
}

.n-quote h4 {
	font-size: 34px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 0;
	letter-spacing: -1px;
	overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.n-quote h4 {
		font-size: 26px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.n-quote h4 {
		font-size: 31px;
	}
}

.news-pagination .page-item .page-link {
	width: 50px;
	height: 50px;
	border: 0;
	background: #f6f6f6;
	margin: 0 5px;
	display: inline-block;
	line-height: 50px;
	padding: 0;
	color: #777777;
}

@media ( max-width : 575px) {
	.news-pagination .page-item .page-link {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
}

.news-pagination .page-item .page-link:hover, .news-pagination .page-item .page-link.active {
	background: #ff5e14;
	color: #ffffff;
}

.news-pagination .page-item .page-link:focus {
	box-shadow: none;
}

.news-pagination .page-item:first-child .page-link, .news-pagination .page-item:last-child .page-link {
	border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.news-sidebar {
		margin-top: 50px;
	}
}

.n-sidebar-widget {
	padding: 35px 38px;
	border: 2px solid #f3f3f3;
	margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.n-sidebar-widget {
		padding: 20px 15px;
	}
}

.featured-author {
	padding: 0 20px;
}

.featured-author img {
	margin-bottom: 20px;
}

.featured-author h6 {
	font-size: 18px;
	margin-bottom: 12px;
}

.featured-author h6 a:hover {
	color: #ff5e14;
}

.featured-author p {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 20px;
}

.featured-author-social li {
	display: inline-block;
}

.featured-author-social li a {
	font-size: 14px;
	color: #d4d4d4;
	display: inline-block;
	margin: 0 10px;
}

.featured-author-social li a:hover {
	color: #ff5e14;
}

.n-sidebar-search {
	position: relative;
}

.n-sidebar-search input {
	padding-left: 30px;
	padding-right: 80px;
	background: #f5f5f5;
	height: 60px;
	width: 100%;
	border: 0;
}

.n-sidebar-search input::placeholder {
	color: #828282;
	font-size: 14px;
}

.n-sidebar-search input::-moz-placeholder {
	color: #828282;
	font-size: 14px;
}

.n-sidebar-search a {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #ff5e14;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}

.n-sidebar-feed ul li {
	padding-bottom: 34px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 34px;
}

.n-sidebar-feed ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}

.n-sidebar-feed ul li:hover .feed-number span {
	background: #ff5e14;
	border-color: #ff5e14;
	color: #ffffff;
}

.feed-number {
	float: left;
	margin-right: 20px;
}

@media ( max-width : 575px) {
	.feed-number {
		float: none;
		margin-bottom: 15px;
	}
}

.feed-number span {
	color: #ff5e14;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 46px;
	border: 2px solid #f3f3f3;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
	background: #ffffff;
	display: inline-block;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.feed-content {
	overflow: hidden;
}

.feed-content h6 {
	font-size: 16px;
	margin-bottom: 12px;
}

.feed-content h6:hover {
	color: #ff5e14;
}

.feed-date i {
	color: #ff5e14;
	font-size: 14px;
	margin-right: 5px;
}

.single-category {
	font-size: 14px;
	width: 100%;
	height: 50px;
	padding: 0 80px 0 30px;
	line-height: 50px;
	background: #f8f8f8;
	display: inline-block;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.single-category:hover {
	color: #ffffff;
	background: #ff5e14;
}

.single-category:hover .category-number {
	color: #1a1a2b;
}

.category-number {
	width: 50px;
	height: 50px;
	display: inline-block;
	font-size: 14px;
	background: #efefef;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 50px;
	text-align: center;
}

.single-feed a {
	display: inline-block;
	position: relative;
}

.single-feed a::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1a1a2b;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.single-feed a:hover:before {
	opacity: 0.5;
	visibility: visible;
}

.single-feed a img {
	width: 100%;
}

.single-feed a {
	width: 100%;
}

.tags ul li {
	display: inline-block;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}

.single-tag {
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f4f4f4;
	padding: 0 25px;
}

.single-tag:hover {
	background: #ff5e14;
	color: #ffffff;
}

.n-sidebar-widget.sponsor h4 {
	border-bottom: 0;
	margin-bottom: 15px;
}

.sponsor-img {
	position: relative;
}

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

.ad-width {
	width: 150px;
	height: 60px;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	line-height: 60px;
	background: #ff5e14;
	position: absolute;
	bottom: 0;
	right: 0;
}

.n-blog__content.blog-details {
	padding: 48px 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.n-blog__content.blog-details {
		padding: 30px;
	}
}

@media ( max-width : 575px) {
	.n-blog__content.blog-details {
		padding: 15px;
	}
}

.n-blog__content.blog-details .b-tag {
	position: static;
	margin-bottom: 25px;
}

.n-blog__content.blog-details .n-blog__meta {
	border-top: 0;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
}

.n-blog__content.blog-details>p {
	margin-bottom: 15px;
}

.blog-d-img {
	margin-top: 45px;
	margin-bottom: 45px;
}

.set-mood {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding-top: 33px;
	padding-bottom: 35px;
	margin-top: 45px;
	margin-bottom: 45px;
}

.mood-img {
	float: left;
	margin-right: 30px;
	margin-top: 7px;
}

@media ( max-width : 575px) {
	.mood-img {
		float: none;
		margin-bottom: 20px;
	}
}

.mood-text {
	overflow: hidden;
}

.overview-list.b-details {
	padding-right: 0;
	margin-top: 23px;
}

.overview-list.b-details ul li {
	padding-left: 28px;
	margin-bottom: 8px;
}

.overview-list.b-details ul li::before {
	font-size: 16px;
	color: #ff5e14;
}

.blog-details-quote {
	text-align: center;
	position: relative;
	background: #f6f6f6;
	padding: 54px 100px;
	margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.blog-details-quote {
		padding: 54px 45px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.blog-details-quote {
		padding: 30px 35px;
	}
}

@media ( max-width : 575px) {
	.blog-details-quote {
		display: none;
	}
}

.blog-details-quote:before {
	position: absolute;
	content: "\f10d";
	font-size: 190px;
	color: #ffffff;
	top: 25px;
	right: 35px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	line-height: 1;
}

.blog-details-quote span {
	font-size: 14px;
	font-weight: 700;
	color: #ff5e14;
	display: inline-block;
	margin-bottom: 15px;
}

.blog-details-quote h4 {
	font-size: 28px;
	margin-bottom: 0;
	line-height: 38px;
	position: relative;
	z-index: 3;
}

.related-tags h5 {
	font-size: 20px;
	margin-bottom: 24px;
}

.social-share h5 {
	font-size: 20px;
	margin-bottom: 24px;
}

.social-share .featured-author-social li a {
	margin: 0;
	margin-left: 24px;
}

@media ( max-width : 575px) {
	.social-share .featured-author-social li a {
		margin-left: 0;
		margin-right: 24px;
	}
}

.bb-1 {
	border-bottom: 1px solid #f3f3f3;
}

.ps span {
	font-size: 14px;
}

.ps h4 {
	font-size: 28px;
	margin-bottom: 0;
}

.tns {
	margin-top: 40px;
	padding-bottom: 35px;
	margin-bottom: 43px;
	display: flex;
	justify-content: space-between;
}

@media ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.tns {
		display: inherit;
	}
}

.tns .social-share {
	text-align: end;
	display: inline-block;
}

@media ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.tns .social-share {
		text-align: left;
		margin-top: 30px;
	}
}

.pwb {
	padding-bottom: 40px;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}

@media ( max-width : 575px) {
	.pwb {
		display: inherit;
	}
}

.pwb .nx-post {
	text-align: end;
	display: inline-block;
}

@media ( max-width : 575px) {
	.pwb .nx-post {
		text-align: left;
		margin-top: 30px;
	}
}

.single-related-post {
	box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}

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

.rl-post-meta {
	padding: 37px 40px 40px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.rl-post-meta {
		padding: 20px;
	}
}

.rl-post-meta h5 {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 30px;
	letter-spacing: -1px;
}

.rl-post-meta h5:hover {
	color: #ff5e14;
}

.rl-post-meta p {
	font-size: 14px;
	margin-bottom: 0;
}

.rl-post-meta .feed-date {
	margin-bottom: 8px;
	display: inline-block;
}

.writer {
	border: 2px solid #f3f3f3;
	padding: 38px;
}

@media ( max-width : 575px) {
	.writer {
		padding: 18px;
	}
}

.writer-img {
	float: left;
	margin-right: 40px;
}

@media ( max-width : 575px) {
	.writer-img {
		float: none;
	}
}

.writer-about {
	overflow: hidden;
	padding-top: 10px;
}

.writer-about span {
	color: #ff5e14;
	font-size: 12px;
}

.writer-about h4 {
	margin-bottom: 10px;
}

.comments-section h4 {
	font-size: 26px;
	margin-bottom: 28px;
	margin-top: 38px;
}

.comment {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.comment.reply {
	margin-left: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.comment.reply {
		margin-left: 80px;
	}
}

@media ( max-width : 575px) {
	.comment.reply {
		margin-left: 30px;
	}
}

.comment-img {
	float: left;
	margin-right: 30px;
}

@media ( max-width : 575px) {
	.comment-img {
		float: none;
	}
}

.comment-text {
	overflow: hidden;
	padding-top: 15px;
	position: relative;
}

@media ( max-width : 575px) {
	.comment-text {
		padding-bottom: 50px;
	}
}

.comment-text h5 {
	font-size: 18px;
	margin-bottom: 5px;
}

.comment-text .feed-date {
	margin-bottom: 20px;
	display: inline-block;
}

.comment-text .reply-btn {
	height: 40px;
	width: 102px;
	border: 2px solid #f3f3f3;
	text-align: center;
	display: inline-block;
	line-height: 36px;
	background: none;
	position: absolute;
	top: 20px;
	right: 0;
}

@media ( max-width : 575px) {
	.comment-text .reply-btn {
		right: auto;
		top: auto;
		bottom: 0px;
		left: 0;
	}
}

.comment-text .reply-btn i {
	font-size: 14px;
	color: #ff5e14;
	margin-right: 5px;
}

.post-comment-form h4 {
	font-size: 26px;
	margin-bottom: 28px;
	margin-top: 38px;
}

.post-comment-form form {
	background: #f8f8f8;
	padding: 50px;
}

@media ( max-width : 575px) {
	.post-comment-form form {
		padding: 15px;
	}
}

.post-comment-form form .input-field {
	position: relative;
	margin-bottom: 20px;
}

.post-comment-form form .input-field i {
	font-size: 14px;
	color: #ff5e14;
	position: absolute;
	top: 23px;
	right: 30px;
}

.post-comment-form form textarea {
	height: 150px;
	padding: 20px 30px;
	background: #ffffff;
	font-size: 14px;
	width: 100%;
	border: 0;
	resize: none;
}

.post-comment-form form input {
	height: 60px;
	width: 100%;
	background: #ffffff;
	padding: 0 30px;
	font-size: 14px;
	border: 0;
}

.post-comment {
	width: 235px;
	height: 60px;
	background: #ff5e14;
	text-align: center;
	line-height: 60px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	border: 0;
	margin-top: 10px;
	font-weight: 700;
}

@media ( max-width : 575px) {
	.post-comment {
		width: 100%;
	}
}

.post-comment i {
	margin-right: 7px;
}

/*
*****
15. CTA
*************************
*/
.cta__area {
	padding: 30px 0 28px;
}

.cta__content {
	display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.cta__content {
		float: left;
	}
}

.cta__content ul li {
	display: inline-block;
	margin-left: 50px;
	padding-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.cta__content ul li {
		margin-left: auto;
		margin-right: 50px;
	}
}

@media ( max-width : 575px) {
	.cta__content ul li {
		padding-top: 13px;
	}
}

.cta__content ul li .support-img {
	float: right;
	margin-left: 15px;
	margin-top: -10px;
	position: relative;
}

.cta__content ul li .support-img:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	background: #ffffff;
	bottom: 4px;
	right: 4px;
	border-radius: 50%;
}

@media ( max-width : 575px) {
	.cta__content ul li:last-child {
		display: none;
	}
}

.cta__icon {
	float: left;
	margin-right: 12px;
}

.cta__icon i {
	font-size: 35px;
	color: #ffffff;
	opacity: 0.4;
	line-height: 1;
}

.cta__meta {
	overflow: hidden;
}

.cta__meta P {
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 3px;
	line-height: 1;
}

.cta__meta span {
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 5px;
	display: inline-block;
}

.cta__meta a:hover {
	opacity: 0.5;
}

.cta__meta.c3 p {
	color: #77778d;
}

.cta__area-2 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media ( max-width : 575px) {
	.cta__area-2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.cta__area-2::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #1f61a7;
	opacity: 0.94;
}

.cta__area-2.rb:before {
	background: #ff5e14;
}

.cta__area-2.rb .icons-line ul li i {
	color: #c75657;
}

.cta__area-2.rb .cta__form ul li a {
	background: #fff;
	color: #11111f;
}

.cta__area-2.rb .cta__form ul li a:hover {
	color: #ffffff;
}

.cta__area-2.rb .icons-line ul li.trp-icon i {
	color: #ffffff;
}

.cta__form {
	position: relative;
	z-index: 5;
}

.cta__form ul {
	display: flex;
	justify-content: space-between;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.cta__form ul {
		display: block;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.cta__form ul {
		display: block;
		text-align: center;
	}
}

.cta__form ul li {
	display: inline-block;
	width: 236px;
	height: 60px;
	background: #ffffff;
	margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.cta__form ul li {
		width: 200px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.cta__form ul li {
		margin-right: 25px;
	}
}

@media ( max-width : 575px) {
	.cta__form ul li {
		width: 100%;
	}
}

.cta__form ul li select, .cta__form ul li input {
	width: 100%;
	height: 100%;
	line-height: 60px;
	border: 0;
	padding: 0 30px;
	color: #777777;
	font-size: 16px;
}

.cta__form ul li input::-moz-placeholder {
	font-size: 16px;
	color: #777777;
}

.cta__form ul li input::placeholder {
	font-size: 16px;
	color: #777777;
}

.cta__form ul li button {
	padding: 0 55px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	font-weight: 700;
	color: #ffffff;
	background: #104e90;
	width: 100%;
}

.cta__form ul li button i {
	margin-left: 25px;
}

.cta__form ul li.selection, .cta__form ul li.shipment-date {
	position: relative;
}

.cta__form ul li.selection::before, .cta__form ul li.shipment-date::before {
	position: absolute;
	content: "\f107";
	top: 23px;
	right: 30px;
	font-family: "Font Awesome 5 Pro";
	line-height: 1;
}

.cta__form ul li.shipment-date::before {
	content: "\f073";
}

.cta__form ul li.get-estimate {
	width: 266px;
}

.cta__form ul li.get-estimate-2 button {
	background: #ffffff;
	color: #11111f;
}

.cta__form ul li.get-estimate-2 button:hover {
	color: #ffffff;
}

.mail-address {
	border-bottom: 4px solid #de4600;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mail-address {
		margin-bottom: 20px;
	}
}

.mail-address input {
	width: 100%;
	height: 60px;
	padding: 0px 30px;
	padding-right: 50px;
	border: none;
}

.mail-address button {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 14px;
	color: #ff5e14;
}

.mail-address a:hover {
	color: #1a1a2b;
}

.icons-line {
	padding: 0 40px;
	position: relative;
	z-index: 5;
}

.icons-line ul {
	display: flex;
	justify-content: space-between;
}

.icons-line ul li i {
	color: #4882c0;
	line-height: 60px;
}

.icons-line ul li.trp-icon i {
	font-size: 60px;
	color: #ffffff;
}

@media ( max-width : 575px) {
	.icons-line ul li.trp-icon i {
		font-size: 34px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.icons-line ul li.h-rule {
		display: none;
	}
}

@media ( max-width : 575px) {
	.icons-line ul li.h-rule {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.icons-line ul li.h-rule i {
		font-size: 12px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.icons-line ul li.h-rule i:nth-child(3n) {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.icons-line ul li.h-rule i:nth-child(2n) {
		display: none;
	}
}

.cta__box-content {
	position: relative;
	top: 120px;
}

@media ( max-width : 575px) {
	.cta__box-content {
		top: 0;
	}
}

.cta__box-area {
	background: #f9f9f9;
	min-height: 300px;
	width: 100%;
	position: relative;
}

.cta__box-inner {
	padding: 58px 50px 60px;
	height: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.cta__box-inner {
		padding-top: 75px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.cta__box-inner {
		padding: 40px 23px;
	}
}

@media ( max-width : 575px) {
	.cta__box-inner {
		text-align: center;
	}
}

.cta__box-inner:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3a78ba;
	opacity: 0.9;
}

.cta__box-inner h4 {
	color: #ffffff;
	margin-bottom: 27px;
}

.cta__box-inner form input {
	height: 60px;
	background: #ffffff;
	padding: 0 30px;
	line-height: 60px;
	border: none;
	width: calc(100% - 217px);
}

@media ( max-width : 575px) {
	.cta__box-inner form input {
		width: 100%;
		margin-bottom: 20px;
	}
}

.cta__box-inner form input::-moz-placeholder {
	color: #999999;
	font-size: 16px;
	opacity: 1;
	font-style: italic;
}

.cta__box-inner form input::placeholder {
	color: #999999;
	font-size: 16px;
	opacity: 1;
	font-style: italic;
}

.cta__box-inner form button {
	float: right;
}

@media ( max-width : 575px) {
	.cta__box-inner form button {
		width: 100%;
		margin-bottom: 10px;
	}
}

.cta__box-inner>i {
	position: absolute;
	color: white;
	font-size: 250px;
	opacity: 0.05;
	bottom: 0;
	right: 0;
}

.cta__box-form {
	position: relative;
	z-index: 55;
}

.cta__box-form span {
	font-size: 18px;
	color: #ffffff;
	margin-top: 20px;
	display: block;
}

.work-time {
	background: #1a1a2b;
	padding: 50px;
	overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.work-time {
		padding: 23px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.work-time {
		margin-bottom: 30px;
	}
}

.work-time img {
	position: absolute;
	bottom: -60px;
	right: -52px;
	z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.work-time img {
		bottom: -90px;
		right: -70px;
	}
}

.work-time h4 {
	color: #ffffff;
}

.work-time p {
	font-size: 18px;
	color: #ffffff;
	opacity: 0.5;
	margin-bottom: 30px;
}

.work-time ul li {
	font-size: 18px;
	color: #9898b8;
	line-height: 1;
	margin-bottom: 16px;
}

.work-time ul li:last-child {
	margin-bottom: 0;
}

.work-time ul li span {
	color: #ffffff;
	font-weight: 700;
	margin-right: 10px;
}

.work-meta {
	position: relative;
	z-index: 22;
}

/*
*****
16. Footer
*************************
*/
@media ( max-width : 575px) {
	.footer__area {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.footer__area .ph-75 {
		padding: 0 15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.footer__widget {
		padding-left: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__widget {
		padding-left: 0;
	}
}

@media ( max-width : 575px) {
	.footer__widget {
		padding-left: 0;
		margin-left: 0;
	}
}

.footer__widget:hover .footer__widget-title h5:after {
	width: 100px;
}

.footer__widget-title {
	margin-bottom: 28px;
}

.footer__widget-title h5 {
	color: #ffffff;
	position: relative;
	padding-bottom: 18px;
	line-height: 1;
}

.footer__widget-title h5:before, .footer__widget-title h5:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100px;
	height: 2px;
	background: #333333;
}

.footer__widget-title h5:after {
	width: 30px;
	background: #ff5e14;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.footer__widget-title.nb {
	margin-bottom: 22px;
}

.footer__widget-title.nb h5:before, .footer__widget-title.nb h5:after {
	display: none;
}

.footer__widget p {
	font-size: 15px;
	color: #ffffff;
	opacity: 0.5;
}

.footer__widget span {
	color: #ffffff;
}

.footer__social li {
	display: inline-block;
}

.footer__social li a {
	font-size: 14px;
	color: #aaaaaa;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	background: #2b2b2b;
	margin-right: 4px;
	display: block;
}

.footer__social li a:hover {
	color: #ffffff;
	background: #ff5e14;
}

.footer__address {
	margin-bottom: 25px;
}

.footer__address img {
	margin-right: 5px;
}

.footer__address i {
	font-size: 18px;
	color: #ff5e14;
	margin-right: 5px;
}

.footer__address-2 i {
	color: #1f61a7;
}

.footer__list li {
	margin-bottom: 10px;
}

.footer__list li a {
	font-size: 15px;
	color: #ffffff;
	opacity: 0.5;
	padding-left: 20px;
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.footer__list li a:hover {
	opacity: 1;
}

.footer__list li a:hover:before {
	background: #ff5e14;
	opacity: 1;
}

.footer__list li a:before {
	position: absolute;
	content: "";
	top: 6px;
	left: 0;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #ffffff;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.footer__list-contact li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.footer__list-contact li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}

.footer__list-contact li i {
	float: left;
	margin-right: 22px;
	margin-left: 8px;
	font-size: 35px;
	line-height: 1;
	color: #ff5e14;
}

@media ( max-width : 575px) {
	.footer__list-contact li i {
		float: none;
		margin-bottom: 8px;
		display: inline-block;
	}
}

.footer__list-contact.c-2 li i {
	color: #3a78ba;
}

.footer__list.nc li a {
	padding-left: 0;
	color: #a8a8a8;
	opacity: 1;
}

.footer__list.nc li a:before {
	display: none;
}

.footer__list.nc li a:hover {
	color: #ffffff;
}

.footer__list.liw-50 {
	overflow: hidden;
}

.footer__list.liw-50 li {
	width: 50%;
	float: left;
	margin-bottom: 16px;
}

.footer__news li {
	margin-bottom: 20px;
	overflow: hidden;
}

.footer__news-img {
	float: left;
	margin-right: 20px;
	display: inline-block;
}

.footer__news-meta {
	overflow: hidden;
}

.footer__news-meta span {
	line-height: 1;
	color: #555555;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 12px;
	margin-top: 12px;
}

.footer__news-meta span a {
	color: #999999;
}

.footer__news-meta span a:hover {
	color: #ffffff;
}

.footer__news-meta h5 {
	line-height: 1;
	margin-bottom: 0;
	font-size: 18px;
	color: #ffffff;
}

.footer__news-meta h5 a:hover {
	opacity: 0.5;
}

.footer__gallery li {
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
}

.footer__gallery li:nth-child(3n) {
	margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.footer__gallery li:nth-child(3n) {
		margin-right: 15px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__gallery li:nth-child(3n) {
		margin-right: 15px;
	}
}

.footer__gallery li a {
	display: inline-block;
	position: relative;
}

.footer__gallery li a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1a1a2b;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.footer__gallery li a:hover:before {
	opacity: 0.3;
	visibility: visible;
}

.ftc-desc {
	overflow: hidden;
	margin-right: 25px;
}

@media ( max-width : 575px) {
	.ftc-desc {
		margin-right: 0;
	}
}

.ftc-desc p {
	margin-bottom: 3px;
	line-height: 1;
}

.ftc-desc span {
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
}

.ftc-desc span a:hover {
	color: #ff5e14;
}

.footer__widget.grey-light .footer__widget-title h5 {
	color: #1a1a2b;
}

.footer__widget.grey-light .footer__widget-title h5:before {
	background: #ededed;
}

.footer__widget.grey-light .footer__widget-title h5:after {
	background: #3a78ba;
}

.footer__widget.grey-light p {
	color: #777777;
	opacity: 1;
}

.footer__widget.grey-light .footer__list li a {
	color: #777777;
	opacity: 1;
}

.footer__widget.grey-light .footer__list li a:before {
	background: #d6d6d6;
	opacity: 1;
}

.footer__widget.grey-light .footer__list li a:hover {
	color: #3a78ba;
}

.footer__widget.grey-light .footer__list li a:hover:before {
	background: #3a78ba;
}

.footer__widget.grey-light .footer__address span {
	color: #777777;
}

.footer__widget.grey-light .footer__social li a {
	color: #aaaaaa;
	background: none;
}

.footer__widget.grey-light .footer__social li a:hover {
	background: #3a78ba;
	color: #f4f8fb;
}

.footer__widget.grey-light .footer__list-contact li .ftc-desc span {
	font-size: 16px;
	font-weight: 700;
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
}

.footer__widget.grey-light .footer__list-contact li .ftc-desc span a:hover {
	color: #777777;
}

/*
*****
17. Copyright
*************************
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.copyright__area .ph-75 {
		padding: 0 15px;
	}
}

@media ( max-width : 575px) {
	.copyright__text {
		text-align: center;
	}
}

@media ( max-width : 575px) {
	.copyright__text {
		margin-bottom: 15px;
	}
}

.copyright__text p {
	color: #a1a1ad;
	margin: 0;
	line-height: 30px;
}

.copyright__text p a {
	color: #ffffff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.copyright__text p a:hover {
	color: #ff5e14;
}

.copyright__text.c2 p {
	color: #7fa2c8;
}

.copyright__text.c2 p a:hover {
	color: #ffffff;
	opacity: 0.5;
}

.copyright__text.c3 p {
	color: #ffffff;
}

.copyright__text.c3 p a {
	font-weight: 700;
}

.copyright__logo {
	height: 100%;
}

.copyright__logo a {
	width: 300px;
	height: 120px;
	background: #1b1b1b;
	line-height: 120px;
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.copyright__logo a:hover {
	background: #11111f;
}

.copyright__logo.c2 a {
	background: #3a78ba;
}

.copyright__logo.c3 a {
	background: #0b0b15;
	height: 100px;
	line-height: 100px;
}

.copyright__tos li {
	display: inline-block;
	margin-left: 32px;
}

.copyright__tos li:first-child {
	margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.copyright__tos li {
		margin-left: 25px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.copyright__tos li {
		margin-left: 15px;
	}
}

@media ( max-width : 575px) {
	.copyright__tos li {
		margin-left: 0;
		display: block;
		text-align: center;
	}
}

.copyright__tos li a {
	color: #ffffff;
	opacity: 0.5;
}

.copyright__tos li a:hover {
	color: #ff5e14;
	opacity: 1;
}

.copyright__tos.c2 li a:hover {
	color: #ffffff;
	opacity: 1;
}

.copyright__social {
	float: right;
	display: inline-block;
}

.copyright__social li {
	float: left;
	margin-left: 30px;
}

.copyright__social li a {
	font-size: 16px;
	color: #ffffff;
}

.copyright__social li a:hover {
	color: #ff5e14;
}

@media ( max-width : 575px) {
	.fs-position {
		text-align: center;
	}
	.fs-position .copyright__social {
		float: none;
		margin-bottom: 30px;
	}
	.fs-position .copyright__social li {
		margin: 0 10px;
	}
}

/*
*****
18. Menu Search
*************************
*/
.nav-search {
	position: relative;
	display: block;
	color: inherit;
}

.nav-search:hover {
	color: inherit;
}

.search-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.9);
}

.search-wrap .search-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.search-wrap .search-cell {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}

.search-wrap .search-field-holder {
	width: 50%;
	margin: auto;
	position: relative;
	animation: slideInUp 0.3s;
}

.search-wrap .main-search-input {
	width: 100%;
	height: 70px;
	border: 0;
	padding: 0 50px;
	text-transform: uppercase;
	background: transparent;
	font-size: 25px;
	color: #fff;
	border-bottom: 2px solid #898989;
	text-align: center;
	letter-spacing: 2px;
}

.search-wrap input.form-control, .search-wrap input.form-control:focus {
	background-color: #fff;
}

input.main-search-input::placeholder {
	color: #fff;
	opacity: 1;
	font-size: 25px;
}

.search-close {
	position: absolute;
	top: 50px;
	right: 50px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

/*
*****
19. Coverage
*************************
*/
@media ( max-width : 575px) {
	.coverage__area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.coverage__division {
	padding: 0 62px;
	overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.coverage__division {
		padding: 0;
	}
}

.coverage__division>div {
	width: 50%;
	float: left;
}

.coverage__division>div ul {
	padding-top: 25px;
}

.coverage__division>div ul li {
	line-height: 1;
	margin-bottom: 33px;
}

.coverage__division>div ul li a {
	position: relative;
	padding-left: 26px;
}

.coverage__division>div ul li a:before {
	position: absolute;
	content: "";
	top: 5px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #1f61a7;
	border-radius: 50%;
}

.coverage__division>div ul li a.cont-1:before, .coverage__division>div ul li a.cont-5:before {
	background: #286bb2;
}

.coverage__division>div ul li a.cont-2:before, .coverage__division>div ul li a.cont-6:before {
	background: #4e8ac9;
}

.coverage__division>div ul li a.cont-3:before, .coverage__division>div ul li a.cont-7:before {
	background: #91b8e1;
}

.coverage__division>div ul li a.cont-4:before {
	background: #bdd4ec;
}

.coverage__text p {
	padding-right: 140px;
	margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.coverage__text p {
		padding-right: 70px;
	}
}

@media ( max-width : 575px) {
	.coverage__text p {
		padding-right: 0;
	}
}

.coverage__map {
	text-align: center;
	margin-top: 65px;
}

.dot {
	position: absolute;
	width: 20px;
	height: 20px;
	background: transparent;
	border-radius: 50%;
	transition: 0.3s;
	cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dot {
		width: 15px;
		height: 15px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.dot {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.dot {
		display: none;
	}
}

.dot:hover .dot-inner {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.dot.active .dot-inner {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.dot-1 {
	top: 14%;
	left: 36%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dot-1 {
		left: 35.9%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dot-1 {
		left: 36%;
	}
}

@media ( max-width : 575px) {
	.dot-1 {
		display: none;
	}
}

.dot-2 {
	top: 22.5%;
	left: 28.7%;
}

.dot-3 {
	top: 41%;
	left: 20%;
}

.dot-4 {
	top: 31%;
	right: 31%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dot-4 {
		display: none;
	}
}

.dot-5 {
	top: 43%;
	right: 20%;
}

.dot-5 .dot-inner {
	right: 28px;
	left: auto;
}

.dot-6 {
	top: 63%;
	left: 49.5%;
}

.dot-7 {
	bottom: 7%;
	right: 6%;
}

.dot-7 .dot-inner {
	right: 28px;
	left: auto;
}

.dot-inner {
	position: absolute;
	width: 350px;
	height: 100px;
	top: -46px;
	left: 28px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	transform: translateY(10px);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.dot-inner {
		left: -45px;
	}
}

.dot-inner img {
	float: left;
	height: 100%;
}

.dot-inner .dot-contact {
	overflow: hidden;
	padding: 25px 30px 20px;
	background: #ffffff;
	text-align: left;
	height: 100%;
}

.dot-inner .dot-contact li:first-child {
	margin-bottom: 15px;
	line-height: 1;
}

.dot-inner .dot-contact li i {
	color: #1f61a7;
	margin-right: 20px;
}

.dot-inner .dot-contact li a:hover {
	color: #1f61a7;
}

.dot-inner .dot-contact.clr li a:hover {
	color: #ff5e14;
}

.dot-inner.dot-inner-team {
	visibility: visible;
	opacity: 1;
}

.sector-coverage {
	background: #1f61a7;
}

.sector-coverage-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sector-coverage-img {
		width: 40%;
		height: 66%;
		margin: auto;
	}
}

.sector-coverage-img img {
	width: 100%;
	height: 100%;
}

.sector-coverage-content {
	padding-left: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.sector-coverage-content {
		padding-left: 70px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sector-coverage-content {
		padding-left: 0;
	}
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.sector-coverage-content {
		padding-left: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.sector-coverage-content {
		padding-left: 0;
	}
}

@media ( max-width : 575px) {
	.sector-coverage-content {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

.sector-coverage-content .section-title h2 {
	margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sector-coverage-items li {
		padding: 20px;
	}
}

.sector-coverage-items li:hover .sector-coverage-icon:after {
	background-color: #bac3dc;
}

.sector-coverage-icon {
	float: left;
	position: relative;
	padding-right: 32px;
	margin-right: 30px;
	position: relative;
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.sector-coverage-icon {
		display: inline-block;
		margin-bottom: 20px;
		margin-top: 10px;
	}
}

.sector-coverage-icon::after {
	position: absolute;
	content: "";
	width: 2px;
	height: 50px;
	top: 45%;
	transform: translateY(-50%);
	right: 0;
	background-color: #3a78ba;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.sector-coverage-icon i {
	font-size: 70px;
	color: #ffffff;
	opacity: 0.4;
}

.sector-coverage-text {
	overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sector-coverage-text {
		padding-right: 200px;
	}
}

.sector-coverage-text h4 {
	color: #ffffff;
	line-height: 1;
	margin-bottom: 10px;
}

.sector-coverage-text p {
	color: #ffffff;
	opacity: 0.7;
	margin-bottom: 0;
	letter-spacing: -0.1px;
}

/*
*****
20. Portfolio
*************************
*/
.portfolio__area {
	min-height: 735px;
	background-repeat: no-repeat;
	background-position: left;
}

@media ( max-width : 575px) {
	.portfolio__area {
		min-height: 450px;
	}
}

.portfolio__content {
	padding: 58px 48px;
	border: 2px solid #eaeaea;
	background: #ffffff;
}

@media ( max-width : 575px) {
	.portfolio__content {
		padding: 20px;
	}
}

.portfolio__content span {
	font-size: 16px;
	color: #286bb2;
	margin-bottom: 3px;
	display: block;
}

.portfolio__content h4 {
	font-size: 30px;
	line-height: 1.33;
	margin-bottom: 33px;
	letter-spacing: -1px;
}

@media ( max-width : 575px) {
	.portfolio__content h4 {
		font-size: 24px;
	}
}

.portfolio__content ul li {
	font-size: 18px;
	color: #777777;
	line-height: 1;
	margin-bottom: 20px;
}

.portfolio__content ul li i {
	color: #286bb2;
	margin-right: 20px;
	width: 20px;
}

.portfolio__content a {
	height: 60px;
	padding: 0 47px;
	color: #ffffff;
	font-weight: 700;
	line-height: 60px;
	background: #286bb2;
	display: inline-block;
	margin-top: 20px;
}

.portfolio__active .slick-dots li button {
	text-indent: -5555px;
	height: 4px;
	width: 20px;
	border: 0;
	background: #ececec;
	font-size: 0;
}

.portfolio__active .slick-dots {
	position: absolute;
	top: 50%;
	text-align: center;
	right: -106px;
	line-height: 0;
	transform: translateY(-50%) rotate(90deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__active .slick-dots {
		right: auto;
		left: -106px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__active .slick-dots {
		right: -90px;
	}
}

.portfolio__active .slick-dots .slick-active button {
	width: 30px;
	background: #1f61a7;
}

.portfolio__active .slick-dots li {
	display: inline-block;
	margin-right: 10px;
	line-height: 0;
}

/*
*****
21. FAQ
*************************
*/
.v-faq .nav-tabs {
	border-bottom: 0;
	transform: rotate(90deg);
	position: relative;
	top: 2px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.v-faq .nav-tabs {
		transform: rotate(0deg);
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.v-faq .nav-tabs {
		transform: none;
		position: static;
		margin-bottom: 30px;
	}
}

.v-faq .nav-tabs .nav-link {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 0;
	background: #1a1a2b;
	color: #ffffff;
	font-size: 20px;
	width: 570px;
	height: 70px;
	margin-top: 10px;
	padding: 0 30px;
	text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq .nav-tabs .nav-link {
		height: 60px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , only screen and (min-width: 576px) and (max-width:
	767px) {
	.v-faq .nav-tabs .nav-link {
		width: 100%;
	}
}

.v-faq .nav-tabs .nav-link.active {
	background: #286bb2;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.v-faq .nav-item {
		width: 100%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.v-faq .nav-item {
		width: 100%;
	}
}

.v-faq .tab-pane {
	max-width: 980px;
	padding: 60px 55px 60px 60px;
	background: #ffffff;
	height: 570px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.v-faq .tab-pane {
		padding: 60px 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq .tab-pane {
		padding: 25px;
		height: 500px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.v-faq .tab-pane {
		padding: 20px;
		height: auto;
	}
}

.v-faq-img {
	float: left;
	margin-right: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq-img {
		margin-right: 25px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.v-faq-img {
		float: none;
	}
}

.v-faq-content {
	overflow: hidden;
	padding-top: 36px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.v-faq-content {
		padding-top: 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq-content {
		padding-top: 0;
	}
}

.v-faq-content i {
	font-size: 70px;
	color: #1f61a7;
	display: inline-block;
	line-height: 1;
	margin-bottom: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq-content i {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.v-faq-content i {
		display: none;
	}
}

.v-faq-content h3 {
	font-size: 40px;
	line-height: 1.25;
	margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.v-faq-content h3 {
		font-size: 35px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.v-faq-content h3 {
		font-size: 26px;
	}
}

@media ( max-width : 575px) {
	.faq-area {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

.faq-accordion {
	border-top: 1px solid #e6e6e6;
}

.faq-accordion .accordion-item {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
}

.faq-accordion .accordion-button {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a2b;
	font-family: "Poppins", sans-serif;
	padding: 21px 30px 14px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.faq-accordion .accordion-button:focus {
	border: 0;
	background: none;
	box-shadow: none;
}

.faq-accordion .accordion-button.collapsed {
	padding: 21px 30px;
}

@media ( max-width : 575px) {
	.faq-accordion .accordion-button.collapsed {
		padding: 20px 0;
	}
}

.faq-accordion .accordion-body {
	font-size: 16px;
	line-height: 28px;
	padding: 0 30px 16px;
}

@media ( max-width : 575px) {
	.faq-accordion .accordion-body {
		padding: 0 0 16px;
	}
}

.faq-accordion .accordion-button:not (.collapsed ) {
	background-color: #ffffff;
	box-shadow: none;
}

@media ( max-width : 575px) {
	.faq-accordion .accordion-button:not (.collapsed ) {
		padding: 20px 0;
	}
}

.faq-accordion .accordion-button::after {
	content: "\f055";
	font-size: 20px;
	color: #ff5e14;
	font-weight: 300;
	font-family: "Font Awesome 5 Pro";
	background-image: none;
}

.faq-accordion .accordion-button:not (.collapsed )::after {
	content: "\f056";
	font-family: "Font Awesome 5 Pro";
	background-image: none;
}

.faq-button {
	height: 70px;
	border: 2px solid #e8e8e8;
	padding: 0 28px;
	display: inline-block;
	width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.faq-button {
		padding: 0 12px;
	}
}

.faq-button:hover {
	background: #ff5e14;
	border-color: #ff5e14;
	color: #ffffff;
}

.faq-button:hover i {
	color: #ffffff;
}

.faq-button:hover i.right-icon {
	color: #ffffff;
}

.faq-button i {
	font-size: 18px;
	margin-right: 12px;
	color: #ff5e14;
	line-height: 66px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.faq-button i.right-icon {
	font-size: 16px;
	color: #c6c6c6;
	float: right;
	margin-right: 0;
}

/*
*****
22. Gallery
*************************
*/
.grid-item {
	margin-bottom: 40px;
}

@media ( max-width : 575px) {
	.gallery__area {
		padding-top: 45px;
		padding-bottom: 10px;
	}
}

.gallery__area .section-title {
	margin-bottom: 0;
	z-index: 5;
}

.gallery__area .section-title h2 {
	margin-bottom: 4px;
}

.gallery__area .section-title .back-text {
	bottom: -50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.gallery__area .section-title .back-text {
		bottom: 0;
	}
}

.gallery__area .section-title .back-text span {
	font-size: 200px;
	color: #eeeeee;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.gallery__area .section-title .back-text span {
		font-size: 100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.gallery__area .section-title .back-text span {
		font-size: 150px;
	}
}

.gallery__area p {
	position: relative;
	z-index: 6;
	margin-bottom: 55px;
}

@media ( max-width : 575px) {
	.gallery__area p br {
		display: none;
	}
}

.gallery__btn {
	position: absolute;
	left: 50%;
	top: -30px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.g-single-image:hover:before {
	opacity: 0.9;
}

.g-single-image:hover .g-hover {
	opacity: 1;
	visibility: visible;
}

.g-single-image::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #1a1a2b;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.g-single-image img {
	width: 100% !important;
}

.g-hover {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.g-hover-content {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.g-hover-content span {
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
}

.g-hover-content h4 {
	color: #ffffff;
	margin-bottom: 0;
	line-height: 1;
}

.g-hover-icon {
	font-size: 18px;
	background: #f02830;
	text-align: center;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #ffffff;
}

.g-hover-icon:hover {
	color: #ffffff;
}

.gallery-slider .owl-stage-outer {
	overflow: visible;
}

/*
*****
23. Brand
*************************
*/
.brand__inner {
	padding: 50px 0;
	background: #ffffff;
}

.brand__position {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -100px;
}

.single-brand {
	text-align: center;
	height: 100px;
	line-height: 100px;
}

.single-brand img {
	display: inline-block;
}

/*
*****
24. Pricing
*************************
*/
@media ( max-width : 575px) {
	.pricing__area {
		padding-top: 150px;
		padding-bottom: 20px;
	}
}

.pricing__area .section-title {
	margin-bottom: 0;
	z-index: 5;
}

.pricing__area .section-title h2 {
	margin-bottom: 4px;
}

.pricing__area .section-title .back-text {
	bottom: -50px;
}

.pricing__area .section-title .back-text span {
	font-size: 200px;
	color: #eeeeee;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.pricing__area .section-title .back-text span {
		font-size: 160px;
	}
}

.pricing__area p {
	position: relative;
	z-index: 6;
	margin-bottom: 55px;
}

@media ( max-width : 575px) {
	.pricing__area p br {
		display: none;
	}
}

.pricing__item-single {
	padding: 60px 60px;
	background: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.pricing__item-single {
		padding: 40px;
	}
}

@media ( max-width : 575px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.pricing__item-single {
		padding: 30px;
	}
}

.pricing__item-single:hover .service-price span {
	color: #1a1a2b;
}

.pricing__item-single.trending {
	box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
	position: relative;
}

.service-price {
	padding-bottom: 22px;
	border-bottom: 1px solid #eee;
	margin-bottom: 38px;
}

.service-price span {
	color: #f02830;
	font-size: 60px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 8px;
	display: block;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.service-price span {
		font-size: 52px;
	}
}

.service-price p {
	color: #777777;
	margin-bottom: 0;
	line-height: 1;
	font-style: italic;
}

.service-list {
	margin-bottom: 50px;
}

.service-list li {
	font-size: 18px;
	margin-bottom: 27px;
	line-height: 1;
}

.service-list li:hover {
	color: #ff5e14;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.service-list li {
		font-size: 16px;
	}
}

.service-list li i {
	margin-right: 20px;
}

.service-list li.unavailable {
	color: #bababa;
}

.service-btn {
	font-size: 18px;
	text-align: center;
	width: 100%;
	display: block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #1a1a2b;
	font-weight: 700;
}

.service-btn:hover, .service-btn.active {
	color: #ffffff;
}

.service-btn.shutter-btn:before {
	background: #f02830;
}

.service-btn.active.shutter-btn:before {
	opacity: 1;
	left: 0;
	right: 0;
}

.trending-plan {
	height: 30px;
	background: #f02830;
	line-height: 30px;
	text-align: center;
	width: 100%;
}

.trending-plan p {
	font-size: 14px;
	color: #ffffff;
}

.trending-plan p i {
	margin-right: 7px;
}

/*
*****
25. Team
*************************
*/
@media ( max-width : 575px) {
	.team__area {
		padding-top: 45px;
		padding-bottom: 0;
	}
}

.team__area .section-title {
	margin-bottom: 0;
	z-index: 5;
}

.team__area .section-title h2 {
	margin-bottom: 10px;
	line-height: 1;
}

.team__area .section-title .back-text {
	bottom: -50px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.team__area .section-title .back-text {
		bottom: 0;
	}
}

.team__area .section-title .back-text span {
	font-size: 200px;
	color: #eeeeee;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.team__area .section-title .back-text span {
		font-size: 100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.team__area .section-title .back-text span {
		font-size: 160px;
	}
}

.team__area p {
	position: relative;
	z-index: 6;
	margin-bottom: 55px;
}

@media ( max-width : 575px) {
	.team__area p br {
		display: none;
	}
}

.team__member-single {
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.team__member-single {
		margin-top: 0;
	}
}

.team__member-single:hover .team__member-img img {
	transform: scale(0.88);
}

.team__member-single:hover .circle-more {
	opacity: 1;
	visibility: visible;
}

.team__member-single span {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-bottom: 15px;
}

.team__member-single h4 {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 17px;
}

.team__member-single h4 a:hover {
	color: #ff5e14;
}

.team__member-img {
	position: relative;
	margin-bottom: 33px;
}

.circle-more {
	width: 200px;
	height: 200px;
	border: 2px solid #f02830;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.circle-more a {
	font-size: 16px;
	height: 50px;
	width: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	background: #ffffff;
	border-radius: 50%;
	position: absolute;
	right: -2px;
	top: -2px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}

.circle-more a:hover {
	color: #ffffff;
	background: #f02830;
}

@media ( max-width : 575px) {
	.team-member-area {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

.team-member-single {
	border: 2px solid #f1f1f1;
}

.team-member-single:hover .tc i {
	color: #ff5e14;
	transform: rotateY(360deg);
}

.team-member-single:hover .team-member-content {
	bottom: -2px;
}

.team-member-img {
	margin: -2px -2px 0 -2px;
	padding-bottom: 128px;
}

.team-member-img img {
	width: 100%;
}

.team-member-content {
	padding-top: 37px;
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	background: white;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.team-member-content h4 {
	margin-bottom: 8px;
}

.team-member-content h4 a:hover {
	color: #ff5e14;
}

.team-member-content span {
	color: #ff5e14;
	margin-bottom: 32px;
	display: inline-block;
}

.team-member-social li {
	display: inline-block;
	margin: 0 3px;
}

.team-member-social li a {
	font-size: 14px;
	color: #777777;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 48px;
	background: #f1f1f1;
	display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.team-member-social li a {
		width: 40px;
		height: 40px;
	}
}

.team-member-social li a:hover {
	background: #ff5e14;
	color: #ffffff;
}

.tc {
	display: inline-block;
	height: 80px;
	width: 80px;
	background: white;
	border-radius: 50%;
	text-align: center;
	line-height: 80px;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
}

.tc i {
	font-size: 40px;
	color: #e3e3e3;
	display: inline-block;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.approch__img {
	width: 50%;
	float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.approch__img {
		width: 100%;
		float: none;
	}
}

.approch__content {
	padding-top: 140px;
	padding-left: 120px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.approch__content {
		padding-top: 40px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.approch__content {
		padding-top: 0;
		padding-left: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.approch__content {
		padding-left: 0;
		padding-top: 40px;
	}
}

.approch__content .section-title h2 {
	margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.approch__content .section-title h2 {
		font-size: 50px;
	}
}

.approch__text p {
	padding-right: 35px;
	margin-bottom: 40px;
}

@media ( max-width : 575px) {
	.approch__text p {
		padding-right: 10px;
	}
}

.approch__text ul {
	padding-right: 60px;
	display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.approch__text ul {
		padding-right: 0;
	}
}

.approch__text ul li {
	width: 50%;
	float: left;
	margin-bottom: 16px;
}

@media ( max-width : 575px) {
	.approch__text ul li {
		width: 100%;
	}
}

.approch__text ul li:hover i {
	color: #ff5e14;
}

.approch__text ul li i {
	color: #dfdfdf;
	font-size: 16px;
	margin-right: 14px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mission__area {
		margin-top: 50px;
	}
}

.mission__img {
	width: 50%;
	float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.mission__img {
		width: 100%;
		float: none;
	}
}

.mission__content {
	padding-top: 140px;
	padding-right: 90px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.mission__content {
		padding-top: 40px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) {
	.mission__content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.mission__content {
		padding-left: 0;
		padding-top: 40px;
		padding-right: 0;
	}
}

.mission__content .section-title h2 {
	margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.mission__content .section-title h2 {
		font-size: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) , only screen and (min-width: 576px) and (max-width: 767px) {
	.mission__text {
		margin-bottom: 30px;
	}
}

.mission__text p {
	padding-right: 60px;
	margin-bottom: 45px;
}

@media ( max-width : 575px) {
	.mission__text p {
		padding-right: 0;
	}
}

@media ( max-width : 575px) {
	.mission__text p {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.mission__text p {
		margin-bottom: 45px;
	}
}

.mission__text .dot-inner {
	position: static;
}

.mission__text .dot-inner .dot-contact i {
	color: #ff5e14;
}

.go-icon {
	font-size: 40px;
	margin-left: 20px;
	color: #ff5e14;
}

@media ( max-width : 575px) {
	.skills-area {
		padding-top: 40px;
		padding-bottom: 0;
	}
}

.skill-items {
	position: relative;
}

.skill-items .center-arrow {
	position: absolute;
	font-size: 20px;
	color: #ff5e14;
	font-weight: 300;
	left: 47.5%;
	top: 44%;
	width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.skill-items .center-arrow {
		left: 46.5%;
		top: 43%;
	}
}

@media ( max-width : 575px) {
	.skill-items.gx-5 { -
		-bs-gutter-x: 30px;
	}
}

.single-skill {
	background: #ffffff;
	padding: 40px 60px 40px 60px;
	border-radius: 10px;
	border: 1px solid #ffffff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: flex;
	align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 576px) and (max-width:
	767px) {
	.single-skill {
		padding: 40px 25px 40px 25px;
	}
}

@media ( max-width : 575px) {
	.single-skill {
		display: inherit;
		padding: 30px 20px;
	}
}

.single-skill:hover {
	box-shadow: 0px 16px 32px 0px rgba(26, 26, 43, 0.08);
	border-color: #ff5e14;
}

.skill-text {
	overflow: hidden;
}

.skill-text p {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
	font-weight: 700;
	margin-bottom: 0;
}

.skill-circle {
	float: left;
	margin-right: 25px;
	display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.skill-circle {
		margin-right: 20px;
	}
}

@media ( max-width : 575px) {
	.skill-circle {
		float: none;
		margin-bottom: 20px;
	}
}

.skill-circle .circle-chart {
	width: 130px;
	height: 130px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.skill-circle .circle-chart {
		width: 120px;
		height: 120px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.skill-circle .circle-chart {
		width: 110px;
		height: 110px;
	}
}

@media ( max-width : 575px) {
	.skill-circle .circle-chart {
		width: 100px;
		height: 100px;
	}
}

.skill-chart {
	position: relative;
}

.circle-chart-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.circle-chart-text .percentage {
	font-size: 40px;
	margin-bottom: 0;
}

.circle-chart-text .percentage span {
	font-size: 16px;
	font-weight: 400;
	color: #ff5e14;
}

@media ( max-width : 575px) {
	.team-details {
		padding-top: 50px;
		padding-bottom: 20px;
	}
}

.tmd-img {
	margin-bottom: 105px;
}

@media ( max-width : 575px) {
	.tmd-img {
		margin-bottom: 50px;
	}
}

.tmd-img:before {
	position: absolute;
	content: "";
	width: 92.5%;
	height: 93.3%;
	background: #ff5e14;
	clip-path: polygon(0 0, 100% 100%, 0 100%);
	bottom: -30px;
	left: -30px;
	z-index: -1;
}

@media ( max-width : 575px) {
	.tmd-img:before {
		bottom: -10px;
		left: -10px;
	}
}

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

.about-member-details {
	padding: 60px 30px 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.about-member-details {
		padding: 20px 30px 0 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.about-member-details {
		padding: 0;
		margin-bottom: 50px;
	}
}

.about-member-details>span {
	font-size: 14px;
	color: #ff5e14;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}

.about-member-details h2 {
	line-height: 1;
	margin-bottom: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about-member-details h2 {
		font-size: 50px;
	}
}

@media ( max-width : 575px) {
	.about-member-details h2 {
		font-size: 36px;
	}
}

.about-member-details p {
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 45px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 45px;
}

.about-member-details ul li {
	margin-bottom: 16px;
}

.about-member-details ul li span {
	color: #1a1a2b;
}

.about-member-details ul li a:hover {
	color: #ff5e14;
}

.member-qualification {
	margin-bottom: 52px;
}

.member-qualification h4 {
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 33px;
}

.member-qualification h4 span {
	color: #ff5e14;
}

.member-qualification p {
	padding-right: 10px;
	margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.member-qualification p {
		padding-right: 0;
	}
}

.member-skill .progress {
	height: 6px;
	background-color: #f6f6f6;
	border-radius: 0;
}

.member-skill .progress-bar {
	background-color: #ff5e14;
}

.skill-wrapper {
	margin-bottom: 27px;
}

.skill-title {
	display: flex;
	justify-content: space-between;
}

.skill-title span {
	float: right;
	font-size: 14px;
	font-weight: 700;
	color: #ff5e14;
}

.skill-category {
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	display: inline-block;
	margin-bottom: 16px;
}

.member-education {
	padding-bottom: 32px;
}

.member-education ul li {
	margin-bottom: 23px;
}

.edu-icon {
	float: left;
	margin-right: 20px;
}

.edu-icon i {
	font-size: 30px;
	color: #dddddd;
}

.edu-text {
	overflow: hidden;
}

.edu-text h5 {
	font-size: 16px;
	margin-bottom: 8px;
	line-height: 1;
}

.edu-text p {
	font-size: 14px;
	margin-bottom: 0;
}

/*
*****
26. News
*************************
*/
@media ( max-width : 575px) {
	.news__area {
		padding-top: 45px;
		padding-bottom: 20px;
	}
}

.news__area .section-title {
	z-index: 5;
}

.news__area .section-title h2 {
	margin-bottom: 10px;
	line-height: 1;
}

.news__area .section-title .back-text {
	bottom: -50px;
	left: -12px;
}

.news__area .section-title .back-text span {
	font-size: 200px;
	color: #eeeeee;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.news__area .section-title .back-text span {
		font-size: 160px;
	}
}

.news__area p {
	position: relative;
	z-index: 6;
	margin-bottom: 55px;
}

@media ( max-width : 575px) {
	.news__area p br {
		display: none;
	}
}

.news__post {
	background: #ffffff;
	margin-top: 30px;
}

.news__post:hover .news__thumb img {
	transform: scale(1.2);
}

.news__thumb {
	overflow: hidden;
}

.news__thumb img {
	width: 100%;
	-webkit-transition: all 2s ease-out 0s;
	-moz-transition: all 2s ease-out 0s;
	-ms-transition: all 2s ease-out 0s;
	-o-transition: all 2s ease-out 0s;
	transition: all 2s ease-out 0s;
}

.news__content {
	padding: 40px 38px 35px 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.news__content {
		padding: 40px 25px 35px 25px;
	}
}

.news__content>span {
	margin-bottom: 12px;
	font-size: 14px;
	color: #1a1a2b;
	display: block;
	line-height: 1;
}

.news__content>span a:hover {
	color: #ff5e14;
}

.news__content h4 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0;
	letter-spacing: -0.6px;
}

.news__content h4 a:hover {
	color: #ff5e14;
}

.news__date {
	height: 60px;
	width: 60px;
	text-align: center;
	padding-top: 12px;
	display: inline-block;
	background: white;
	position: absolute;
	top: -30px;
	right: 40px;
	z-index: 5;
}

.news__date span {
	font-size: 14px;
	display: block;
	line-height: 1;
}

.news__date span span {
	font-size: 24px;
	font-family: "Poppins", sans-serif;
	color: #1a1a2b;
	font-weight: 700;
}

.transport {
	position: absolute;
	top: 0;
	right: 40px;
}

.transport span {
	display: inline-block;
	padding: 0 14px;
	background: #ff5e14;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 0;
}

/*
*****
27. Page Title
*************************
*/
.page-title-area {
	min-height: 465px;
	position: relative;
}

.page-title-area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 72.5%;
	height: 100%;
	background: #1a1a2b url("../img/slider/slider-map.png") no-repeat left center;
	background-size: cover;
	z-index: -1;
}

@media ( max-width : 575px) {
	.page-title-area:before {
		width: 100%;
	}
}

.page-title-area::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 27.5%;
	height: 100%;
	background: #ff5e14;
	z-index: -1;
}

@media ( max-width : 575px) {
	.page-title-area::after {
		width: 0;
	}
}

.page-title-content {
	position: relative;
	z-index: 55;
}

@media ( max-width : 575px) , only screen and (min-width: 1200px) and (max-width: 1400px) {
	.page-title-content {
		padding-right: 0;
	}
}

.page-title-content p {
	font-size: 20px;
	color: #ffffff 0.6;
	font-family: "Roboto", sans-serif;
	line-height: 55px;
	margin-bottom: 0;
}

@media ( max-width : 575px) {
	.page-title-content p {
		font-size: 16px;
	}
}

.page-title-content h1 {
	color: #ffffff;
	margin-bottom: 33px;
}

@media ( max-width : 575px) {
	.page-title-content h1 {
		font-size: 34px;
		letter-spacing: -1px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.page-title-img {
		position: absolute;
		right: 0;
		bottom: 70px;
		transform: scale(0.7);
		transform-origin: right;
	}
}

.breadcrumb-menu {
	position: absolute;
	bottom: 0;
	right: 22.9%;
}

/* .breadcrumb {
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 35px;
  background: white;
} */
.breadcrumb-item.active {
	color: #ff5e14;
}

.breadcrumb-item+.breadcrumb-item::before {
	color: #777777;
	content: "|";
}

/*
*****
28. History
*************************
*/
.history__area {
	background-repeat: no-repeat;
	background-position: center center;
}

@media ( max-width : 575px) {
	.history__area {
		padding-top: 45px;
		padding-bottom: 50px;
	}
}

.history__slider {
	max-width: 1520px;
	left: 0;
	right: 0;
	margin: auto;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) {
	.history__slider {
		max-width: 1290px;
	}
}

.history__slider-active {
	position: relative;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) {
	.history__slider-active {
		padding: 0 60px;
	}
}

.history__slider-active::before {
	position: absolute;
	content: "";
	width: 105%;
	height: 6px;
	background: #11111f;
	top: 128px;
	left: -30px;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) , only screen and (min-width: 1200px) and (max-width:
		1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active::before {
		width: 100%;
		left: 0;
		right: 0;
	}
}

.history__slider-active .slick-arrow {
	font-size: 16px;
	color: #11111f;
	border: 0;
	padding: 0;
	background: #ffffff;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active .slick-arrow {
		width: 50px;
		height: 50px;
	}
}

@media ( max-width : 575px) {
	.history__slider-active .slick-arrow {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.history__slider-active .slick-arrow {
		display: block;
	}
}

.history__slider-active .slick-arrow:hover {
	color: #ffffff;
	background: #11111f;
}

.history__slider-active .slick-next {
	position: absolute;
	right: -90px;
	top: 100px;
	z-index: 10;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) , only screen and (min-width: 1200px) and (max-width:
		1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active .slick-next {
		right: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active .slick-next {
		top: 106px;
	}
}

.history__slider-active .slick-prev {
	position: absolute;
	left: -90px;
	top: 100px;
	z-index: 10;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) , only screen and (min-width: 1200px) and (max-width:
		1400px) , only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active .slick-prev {
		left: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.history__slider-active .slick-prev {
		top: 106px;
	}
}

.history__year {
	text-align: center;
	max-width: 380px;
}

@media only screen and (min-width: 1601px) and (max-width: 1750px) , only screen and (min-width: 1400px) and (max-width: 1600px) {
	.history__year {
		max-width: 390px;
	}
}

@media ( max-width : 575px) {
	.history__year {
		max-width: 510px;
	}
}

.history__year-text {
	background: #ffffff;
	border-radius: 10px;
	width: 300px;
	height: 100px;
	padding: 0 33px;
	margin-bottom: 56px;
	display: inline-block;
}

@media ( max-width : 575px) {
	.history__year-text {
		width: 280px;
	}
}

.history__year-text::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 9px;
	background: #ffffff;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
}

.history__year-text p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 0;
	padding-top: 20px;
}

.history__year .year {
	text-align: center;
}

.history__year .year span {
	font-size: 50px;
	font-family: "Poppins", sans-serif;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	line-height: 1;
}

.history__year.flip {
	margin-top: 55px;
}

.history__year.flip .history__year-text {
	margin-bottom: 0;
	margin-top: 56px;
}

.history__year.flip .history__year-text:before {
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
	top: -9px;
	bottom: auto;
}

/*
*****
29. Projects
*************************
*/
@media ( max-width : 575px) {
	.projects__area {
		padding-top: 30px;
		padding-bottom: 50px;
	}
}

.project__img {
	position: relative;
	overflow: hidden;
}

.project__img:hover:before {
	opacity: 1;
	visibility: visible;
	left: 0;
	bottom: 0;
}

.project__img:hover .project__img-content {
	opacity: 1;
	visibility: visible;
}

.project__img:hover .project__img-content-inner {
	margin-bottom: 0;
	opacity: 1;
	visibility: visible;
}

.project__img:before {
	position: absolute;
	content: "";
	bottom: -50px;
	left: -50px;
	width: 350px;
	height: 350px;
	background: #ff5e14;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.project__img img {
	width: 100%;
}

.project__img-content {
	padding: 30px 30px;
	height: 320px;
	width: 320px;
	background: #1a1a2b;
	position: absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media ( max-width : 575px) {
	.project__img-content {
		padding: 15px 15px;
		height: 100%;
		width: 100%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.project__img-content {
		padding: 30px 30px;
		height: 320px;
		width: 320px;
	}
}

.project__img-content-inner {
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.project__img-content-inner span {
	font-size: 14px;
	color: #a2a2ae;
	display: inline-block;
	margin-bottom: 4px;
}

.project__img-content-inner h4 {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 0;
}

.project__img-content-inner h4 a:hover {
	color: #ff5e14;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) , only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 768px) and (max-width:
		991px) , ( max-width : 575px) {
	.project__img-content-2 {
		height: 100%;
	}
}

.project-search {
	font-size: 20px;
	color: #1a1a2b;
	height: 60px;
	width: 60px;
	background: #ffffff;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 0;
	right: 0;
}

.project-search:hover {
	color: #ff5e14;
	background: #f8f8f8;
}

.load-more {
	border: none;
	height: 60px;
	width: 200px;
	text-align: center;
	color: #ffffff;
	background: #ff5e14;
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
}

.project-menu {
	text-align: center;
}

.project-menu button {
	font-size: 16px;
	font-weight: 700;
	padding: 0 25px;
	height: 60px;
	color: #777777;
	border: none;
	background: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project-menu button {
		padding: 0 15px;
	}
}

@media ( max-width : 575px) {
	.project-menu button {
		padding: 0 15px;
		height: 50px;
	}
}

.project-menu button:hover {
	background: #f8f8f8;
	color: #ff5e14;
}

.project-menu button.active {
	background: #ff5e14;
	color: #ffffff;
}

@media ( max-width : 575px) {
	.project__details {
		padding-top: 50px;
		padding-bottom: 10px;
	}
}

.project__meta {
	padding: 40px 40px 50px 40px;
	width: 410px;
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
	background: #ffffff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project__meta {
		padding: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.project__meta {
		position: static;
		transform: unset;
		width: 100%;
	}
}

.project__client ul {
	overflow: hidden;
}

.project__client ul.second li {
	border-top: 1px solid #ededed;
	padding-top: 20px;
	padding-bottom: 10px;
}

.project__client ul li {
	width: 50%;
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
}

.project__client ul li:last-child {
	border-left: 1px solid #ededed;
	padding-left: 40px;
}

.project__client ul li h6 {
	font-family: "Roboto", sans-serif;
	margin-bottom: 4px;
}

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

.project__social li {
	display: inline-block;
	margin: 0 5px;
}

.project__social li a {
	font-size: 14px;
	color: #777777;
	width: 60px;
	height: 60px;
	background: none;
	border: 2px solid #f1f1f1;
	display: inline-block;
	text-align: center;
	line-height: 56px;
}

.project__social li a:hover {
	color: #ffffff;
	background: #ff5e14;
	border-color: #ff5e14;
}

.project__content-title .stroke-text {
	-webkit-text-fill-color: transparent;
	font-size: 120px;
	color: #ff5e14;
	-webkit-text-stroke-color: #ff5e14;
	-webkit-text-stroke-width: 1px;
	-moz-text-stroke-color: #ff5e14;
	-moz-text-stroke-width: 1px;
	-moz-text-fill-color: transparent;
	line-height: 90px;
	display: inline-block;
}

@media ( max-width : 575px) {
	.project__content-title .stroke-text {
		font-size: 80px;
	}
}

.project__content-title .bold-text {
	font-size: 60px;
	color: #ffffff;
	font-weight: 600;
}

@media ( max-width : 575px) {
	.project__content-title .bold-text {
		font-size: 44px;
	}
}

.project__content-2 {
	position: relative;
	z-index: 99;
	padding-left: 305px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.project__content-2 {
		padding-left: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.project__content-2 {
		padding-left: 45px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.project__content-2 {
		padding-left: 35px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project__content-2 {
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project__content-2 {
		margin-bottom: 50px;
		padding-left: 40px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.project__content-2 {
		margin-bottom: 50px;
		padding-left: 30px;
	}
}

@media ( max-width : 575px) {
	.project__content-2 {
		margin-bottom: 50px;
		padding-left: 15px;
	}
}

.project__content-2 p {
	color: #afafaf;
	padding-right: 155px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.project__content-2 p {
		padding-right: 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.project__content-2 p {
		padding-right: 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.project__content-2 p {
		padding-right: 0px;
	}
}

.project__slider {
	position: relative;
}

.project__slider-2 {
	position: relative;
}

.project__slider-2 .owl-nav .owl-arrow {
	position: absolute;
	bottom: 30px;
	left: -660px;
	font-size: 16px;
	color: #ffffff;
	background: #343434;
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 50%;
	z-index: 99;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.project__slider-2 .owl-nav .owl-arrow {
		bottom: -60px;
		left: -615px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.project__slider-2 .owl-nav .owl-arrow {
		bottom: -60px;
		left: -470px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.project__slider-2 .owl-nav .owl-arrow {
		bottom: 30px;
		left: -480px;
	}
}

.project__slider-2 .owl-nav .owl-arrow:hover {
	background: #ff5e14;
	color: #ffffff;
}

.project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
	left: -600px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
		left: -555px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
		left: -410px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.project__slider-2 .owl-nav .owl-arrow.owl-arrow-next {
		left: -420px;
	}
}

.pd-slider {
	padding-bottom: 34px;
	margin-bottom: 43px;
	padding-top: 28px;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) , only screen and (min-width: 768px) and (max-width: 991px) {
	.pd-slider .slider-item img {
		max-width: 95%;
	}
}

@media ( max-width : 575px) {
	.pd-slider .slider-item img {
		width: 100%;
	}
}

.pd-slider .slick-dots li button {
	text-indent: -5555px;
	height: 4px;
	width: 20px;
	border: 0;
	background: #ececec;
}

.pd-slider .slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	max-height: 4px;
}

.pd-slider .slick-dots .slick-active button {
	width: 30px;
	background: #ff5e14;
}

.pd-slider .slick-dots li {
	display: inline-block;
	margin-right: 10px;
}

/*
*****
30. Contact
*************************
*/
.office-area {
	background: #f7f7f7;
}

@media ( max-width : 575px) {
	.office-area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.office-location .nav-tabs {
	border-bottom: 0;
}

.office-location .nav-link {
	width: 150px;
	height: 60px;
	border: none;
	padding: 0;
	background: white;
	color: #1a1a2b;
	margin-right: 10px;
	border-radius: 0;
}

@media ( max-width : 575px) {
	.office-location .nav-link {
		width: 86px;
		height: 50px;
	}
}

.office-location .nav-link:hover {
	background: #ff5e14;
	color: #ffffff;
}

.office-location .nav-link.active {
	color: #ffffff;
	background: #1a1a2b;
}

.office-address {
	padding: 60px 60px;
	background: #ffffff;
	height: 100%;
}

@media ( max-width : 575px) {
	.office-address {
		padding: 25px;
	}
}

.office-address li {
	padding-bottom: 35px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 30px;
}

.office-address li:last-child {
	padding-bottom: 0;
	border: 0;
	margin-bottom: 0;
}

.office-address-icon {
	float: left;
	margin-right: 22px;
}

@media ( max-width : 575px) {
	.office-address-icon {
		float: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.office-address-icon {
		float: left;
		padding-top: 10px;
	}
}

.office-address-icon i {
	font-size: 60px;
	color: #ff5e14;
	line-height: 1;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

@media ( max-width : 575px) {
	.office-address-icon i {
		font-size: 40px;
		margin-bottom: 10px;
	}
}

.office-address-meta {
	padding-left: 85px;
}

@media ( max-width : 575px) {
	.office-address-meta {
		padding-left: 0;
	}
}

.office-address-meta h5 {
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 1;
	padding-top: 5px;
}

.office-address-meta span {
	font-size: 16px;
}

.office-address-meta span a:hover {
	color: #ff5e14;
}

.office-img {
	height: 100%;
}

.office-img img {
	height: 100%;
}

@media ( max-width : 575px) {
	.contact-form {
		padding-top: 50px;
	}
}

.contact-form-inner {
	background: white;
	position: relative;
	z-index: 5;
	max-width: 1490px;
	left: 0;
	right: 0;
	margin: auto;
}

.contact-map {
	height: 700px;
	margin-top: -120px;
}

.contact-map iframe {
	width: 100%;
	height: 100%;
}

/*
*****
31. Newsletter
*************************
*/
.newsletter-area {
	padding: 70px 0;
	background: #ff5e14;
}

.newsletter-text {
	float: left;
	max-width: 460px;
}

.newsletter-text h3 {
	font-size: 36px;
	line-height: 46px;
	color: #ffffff;
	margin-bottom: 0;
	letter-spacing: -1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.newsletter-text h3 {
		font-size: 34px;
	}
}

.newsletter-icon {
	float: right;
	display: inline-block;
	position: relative;
	height: 100px;
	width: 100px;
	background: #ffffff;
	text-align: center;
	line-height: 100px;
	margin-right: 45px;
}

.newsletter-icon::before, .newsletter-icon::after {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	opacity: 0.1;
	content: "";
	width: 100%;
	height: 100%;
}

.newsletter-icon:before {
	transform: rotate(30deg);
}

.newsletter-icon:after {
	transform: rotate(-30deg);
}

.newsletter-icon:hover:before {
	animation: spin 4s linear infinite;
}

.newsletter-icon:hover:after {
	animation: spin-back 4s linear infinite;
}

.newsletter-icon i {
	font-size: 36px;
	color: #ff5e14;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) , ( max-width : 575px) {
	.newsletter-icon {
		display: none;
	}
}

@
keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
@
keyframes spin-back { 100% {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

}
.newsletter-mail {
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) , ( max-width : 575px) {
	.newsletter-mail {
		margin-top: 40px;
	}
}

.newsletter-mail input {
	height: 70px;
	padding: 0 190px 0 60px;
	width: 100%;
	border: 1px solid #d44a4b;
	background: none;
	font-size: 16px;
	color: #ffffff;
}

.newsletter-mail input::placeholder {
	color: #ffffff;
	font-size: 16px;
}

.newsletter-mail input::-moz-placeholder {
	color: #ffffff;
	font-size: 16px;
}

@media ( max-width : 575px) {
	.newsletter-mail input {
		padding: 0 120px 0 25px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.newsletter-mail input {
		padding: 0 190px 0 60px;
	}
}

.newsletter-mail i {
	font-size: 16px;
	color: #d05a5b;
	position: absolute;
	top: 27px;
	left: 38px;
	display: inline-block;
}

@media ( max-width : 575px) {
	.newsletter-mail i {
		left: 5px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.newsletter-mail i {
		left: 38px;
	}
}

.newsletter-mail span, .newsletter-mail button {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	width: 170px;
	background: #ae1e1f;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #ffffff;
}

@media ( max-width : 575px) {
	.newsletter-mail span, .newsletter-mail button {
		width: 110px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.newsletter-mail span, .newsletter-mail button {
		width: 170px;
	}
}

.newsletter-mail-2 input {
	border-color: #ffffff;
}

.newsletter-mail-2 i {
	left: 27px;
	color: #ffffff;
}

.newsletter-mail-2 button {
	background-color: #ffffff;
	color: #11111f;
}

.newsletter-mail-2 button:hover {
	color: #ffffff;
}

/*# sourceMappingURL=main.css.map */