html {
	scroll-behavior: smooth;
}

/*--=====================================
        start top menu
    -========================================*/
.header-top-area {
	background: #cb7931;
	padding: 13px 68px;
}
.top-address ul li {
	display: inline-block;
}
.top-right-social-address ul li {
	display: inline-block;
}
.ailata-social-address {
	text-align: right;
}
.ailata-social-address ul li {
	display: inline-block;
}
.top-address ul li {
	margin-right: 18px;
}
.top-address ul li span {
	color: #fff;
	font-size: 14px;
}
.top-address ul li a i {
	margin-right: 10px;
	font-size: 15px;
}
.top-address ul li a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
}
.ailata-social-address ul li a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin-left: 14px;
}
.header-top-address ul li a i {
	color: #fff;
	display: inline-block;
	margin-right: 8px;
}
.header-top-address ul li a {
	color: #fff;
}
.header-top-address ul li {
	display: inline-block;
	margin-right: 20px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0px;
}
#scrollUp {
	bottom: 30px;
	color: #fff;
	font-size: 34px;
	height: 60px;
	line-height: 60px;
	right: 30px;
	text-align: center;
	width: 60px;
	border-radius: 100%;
	background: #279e64;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.header-top-addres-icon i {
	color: #fff;
	font-size: 24px;
	display: inline-block;
}
.header-top-address ul {
	display: inline-block;
}

.header-top-address ul li a span {
	margin-right: 9px;
	font-size: 20px;
	display: inline-block;
	color: #e4f1f9;
}
.header-top-address ul li span i {
	margin-right: 8px;
}
.header-top-social span {
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.7px;
}
.header-top-icon i {
	color: #fff;
	margin-right: 10px;
}
.header-top-social-time span {
	color: #fff;
}

/*--==========================================
	start-header-area
	-=========================================*/
.header-menu {
	text-align: right;
}
.sticky-nav .header-button a {
	background: transparent;
	border: 1px solid #fff;
}
.header-menu ul {
	display: inline-block;
}
.header-menu ul li {
	list-style: none;
	display: inline;
	position: relative;
}
.header-menu ul li a {
	display: inline-block;
	font-size: 16px;
	margin: 41px 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #57575b;
	transition: 0.5s;
	position: relative;
	padding-right: 50px;
}
.header-menu ul li a:before {
	position: absolute;
	content: '';
	height: 100px;
	width: 100px;
	border: 1px solid#f00;
	top: -41px;
	left: -20px;
	border-radius: 5px;
	background: #ff532f;
	z-index: -1;
	opacity: 0;
	transition: 0.5s;
}
.header-menu ul li a:hover:before {
	opacity: 1;
}
.header-menu ul li a:hover {
	color: #fff;
}
.sticky-nav .header-menu ul li a {
	color: #2d476c !important;
}
.sticky-nav .header-menu ul li a:hover {
	color: #fff;
}
.sticky-nav .header-menu .sub-menu ul li a {
	color: #000;
}
.header-menu ul li a i {
	opacity: 0.5;
	font-size: 10px;
}
.header-button {
	display: inline-block;
	margin-left: 69px;
}
.header-button a {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 0;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.5s;
	margin-left: 2px;
	background: #d0312c;
	padding: 20px 47px;
	font-weight: 500;
}
.header-button a:hover {
	background: #00247e;
	color: #fff;
}
/*style-two*/
.header-area.style-two {
	position: relative;
	z-index: 2;
	padding-left: 68px;
	padding-right: 83px;
	background: #fff;
	margin-bottom: 0;
}
.header-area.style-two .header-menu ul li a {
	color: #03396b;
}
.header-area.style-two .header-menu ul li a:before {
	border: 1px solid#fff;
	background: #fff;
}
.header-area.style-two .header-menu ul li a:hover {
	color: #0a2769;
}
.header-area.style-two .search-box-btn.search-box-outer i {
	color: #fff;
}
.header-area.style-two .header-icon a {
	background: #fff;
}
.header-area.style-two .header-icon a {
	background: #fff;
	color: #0a2769;
}
.header-area.style-two .sticky-nav {
	background: #fff;
	z-index: 333;
}
.header-area.style-two.sticky-nav .header-menu ul li a {
	color: #2d476c;
}
/*=================================//
   start header area
===================================*/
.header-area {
	position: relative;
	padding-left: 68px;
	padding-right: 83px;
	margin-bottom: -117px;
	z-index: 9;
}
.header-area .header-menu ul li a {
	display: inline-block;
	font-size: 16px;
	margin: 48px 15px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	transition: 0.5s;
	position: relative;
	padding-right: 0;
	letter-spacing: 2px;
}
.header-area .header-menu ul li span i {
	font-size: 14px;
	margin-left: 3px;
}
.header-area .sub-menu ul li {
	position: relative;
}
.header-area .sub-menu ul li:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 2%;
	width: 10%;
	background: #cc7a31;
	transition: 0.5s;
	opacity: 0;
	transition: 0.5s;
}
.header-area .sub-menu ul li:hover:before {
	opacity: 1;
	width: 90%;
}
.header-area .sub-menu ul li a {
	margin: 7px 14px;
	position: relative;
	z-index: 1;
	font-size: 14px;
	z-index: 1;
}
.header-area .header-menu .sub-menu ul li a:hover {
	margin-left: 30px;
}
.header-contact {
	float: right;
	right: -14px;
	position: relative;
}
.header-contact a {
	display: inline-block;
	background: #1c3b57;
	color: #fff;
	padding: 18px 38px;
	transition: 0.5s;
	font-family: 'Roboto';
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 5px;
	font-size: 17px;
}
.header-area .header-contact a:hover {
	background: #cb7931;
	color: #fff;
}
.header-area .search-box-btn.search-box-outer i {
	font-size: 20px;
	background: #fff;
	line-height: 58px;
	color: #cb7931;
	border-radius: 5px;
	height: 58px;
	width: 58px;
}
.header-area .header-src-btn {
	right: 339px;
	margin-top: -27px;
}
.header-menu ul li a:before {
	display: none;
}
.header-menu .sub-menu {
	height: auto;
	width: 230px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	position: absolute;
	text-align: left;
	top: 80px;
	transition: 0.5s;
	opacity: 0;
	left: 0;
	visibility: hidden;
	border-radius: 7px;
	padding: 15px 7px;
	border-bottom: 4px solid#CC7A31;
	overflow: hidden;
}
.header-area .sub-menu ul li {
	display: block;
	margin-bottom: -40px;
}
.header-area .sub-menu ul li a {
	position: relative;
	color: #616161 !important;
	margin: 5px 8px 5px 20px;
	font-weight: 500;
	font-size: 12px;
	padding-top: 10px;
}
.header-menu ul li:hover .sub-menu {
	top: 66px;
	opacity: 1;
	visibility: visible;
	z-index: 9;
}
.header-menu ul li {
	padding-bottom: 40px;
}
.header-area .sub-menu ul li a::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 15px;
	background: #5a49f8 !important;
	left: -18px;
	top: 18px;
	opacity: 0;
	visibility: hidden;
}
.header-area .sub-menu ul li a:hover {
	margin-left: 30px;
	color: #d18848 !important;
	opacity: 1;
}
.sticky-nav.header-area .sub-menu ul li a:hover {
	margin-left: 30px;
	color: #cc7a31;
}
.header-area .sub-menu ul li a:hover::before {
	opacity: 1;
	visibility: visible;
}
.sticky-nav {
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
	position: fixed !important;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	-webkit-animation: 300ms running fadeInDown;
	animation: 500ms running fadeInUp;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	transition: 0.5s !important;
	background: #fff;
	z-index: 333;
}
.sticky-nav .header-button a {
	color: #279e64;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 0;
	text-align: center;
	text-transform: capitalize;
	transition: all 0.5s;
	margin-left: 2px;
	background: #fff;
	padding: 20px 47px;
	font-weight: 500;
	transition: 0.5s;
}
.sticky-nav .header-button a:hover {
	background: #00247e;
	color: #fff;
}
.header-area.transparent {
	position: relative;
	z-index: 2;
	margin-bottom: -88px;
}
/* Mobile Menu */
.logo-txt::before {
	content: 'LITFIX';
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	top: 17px;
	left: 20px;
	display: none;
}
.menu-toggle {
	display: none;
}
.menu-toggle .open_bar,
.menu-toggle .close_bar {
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	right: 30px;
	position: absolute;
	top: 16px;
	cursor: pointer;
}
.menu-toggle .close_bar {
	display: none;
}
.menu-toggle.closee .open_bar {
	display: none !important;
}
.menu-toggle.closee .close_bar {
	display: block !important;
}
span.mobile-menu-icon {
	display: none;
}
.header-icon a {
	height: 61px;
	width: 60px;
	line-height: 60px;
	background: #ff532f;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	margin-right: 5px;
}
.stiky-logo {
	display: none;
}
.sticky-nav .stiky-logo {
	display: block;
}
.sticky-nav .main-logo {
	display: none;
}
img.active {
	/*filter: brightness(000) invert(0);*/
}
.sticky-nav .search-box-btn.search-box-outer i {
	color: #cb7931;
}
/*====================================*
    slider area
/*====================================*/
.slider-area {
	background: url(assets/images/bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 980px;
	padding-left: 172px;
	padding-right: 76px;
	position: relative;
	margin-top: -110px;
}
.slider-content {
	position: relative;
	margin-top: 84px;
}
.slider-content h1 {
	font-size: 60px;
	font-weight: 700;
	color: #2f4870;
	line-height: 1.2;
	margin: 0;
}
.slider-content span {
	color: #ff5230;
}
.slider-content p {
	color: #707175;
	font-size: 18px;
	line-height: 1.7;
	margin: 12px 0 42px;
	width: 73%;
}
.slider-button a {
	display: inline-block;
	padding: 22px 68px;
	background: #ff532f;
	text-transform: capitalize;
	letter-spacing: 1.4px;
	border-radius: 5px;
	transition: 0.5s;
	position: relative;
	color: #fff;
}
.slider-button a:hover {
	background-image: linear-gradient(to right, #02b4fe, #27395d);
}
.slider-thumb {
	position: relative;
}
.slider-img {
	position: absolute;
}
.slider-img.shape1 {
	top: 38%;
	left: -131px;
}
.slider-img.shape2 {
	right: 7%;
	top: 70%;
}
.slider-img.shape3 {
	top: -5%;
	right: 17%;
}
.slider-img.shape4 {
	right: 26px;
	top: 30%;
}
.slider-img.shape5 {
	bottom: 49px;
	left: -23%;
}
.slider-img.shape6 {
	top: 14px;
	left: -74px;
}
.social-address {
	position: relative;
	margin-left: -97px;
	top: 123px;
}
.social-address ul li {
	display: inline-block;
	margin-right: 64px;
}
.social-address ul li a {
	color: #24436f;
	display: inline-block;
	transition: 0.5s;
}
.social-address ul li a:hover {
	color: #ff5027;
}
/* ==========================================
            start banner area
=========================================*/
.banner-area {
	background: url(assets/images/02-iot.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 980px;
	position: relative;
}
.banner-content h1 {
	font-size: 90px;
	font-weight: 700;
	color: #fff;
	position: relative;
	text-shadow: 3px 8px 0px #000;
	line-height: 1.2;
	letter-spacing: 1px;
}
.banner-content p {
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
	margin: 14px 0 33px;
	width: 88%;
	letter-spacing: 1px;
	font-weight: 400;
}
.banner-button {
	position: relative;
	display: inline-block;
}
.banner-button a {
	padding: 23px 53px;
	border-radius: 0;
	position: relative;
	z-index: 1;
	color: #002f59;
	font-weight: 700;
	display: inline-block;
	background: #fff;
	letter-spacing: 1px;
	transition: 0.5s;
}
.banner-button:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	right: -5px;
	bottom: -5px;
	background: #042e68;
	transition: 0.5s;
}
.banner-button:hover:after {
	right: 0px;
	bottom: 0px;
}
/*sstyle-two*/
.banner-area.style-two {
	background: url(assets/images/hero-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 980px;
	position: relative;
	margin-top: -110px;
	padding-left: 190px;
	padding-right: 223px;
}
.banner-area.style-two .banner-content h1 {
	font-size: 60px;
	line-height: 1.2;
	text-shadow: none;
	letter-spacing: 2.7px;
}
.banner-area.style-two .banner-content p {
	margin: 26px 0 42px;
	width: 87%;
	font-weight: 300;
}
.banner-area.style-two .banner-button:after {
	display: none;
}
.banner-area.style-two .banner-button a {
	padding: 29px 59px;
	color: #fff;
	font-weight: 400;
	background: none;
	letter-spacing: 2px;
	background-image: linear-gradient(to right, #7d4bd0, #02b8dd);
	font-size: 18px;
	transition: 0.5s;
}
.banner-area.style-two .banner-button a:hover {
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
}
/*style three*/
.banner-area.style-three {
	width: 100%;
	background: url(assets/images/it.png);
	height: 870px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner-content {
	text-align: left;
}
.banner-area.style-three .banner-content h1 {
	font-size: 54px;
	text-shadow: none;
}
.banner-area.style-three .banner-button a {
	padding: 18px 37px;
	color: #fff;
	background: #1c3b57;
	letter-spacing: 1px;
	font-size: 17px;
}
.banner-area.style-three .banner-button a:hover {
	background: #cc7a31;
	color: #fff;
}
.banner-area.style-three .banner-button:hover:after {
	display: none;
}
.banner-area.style-three .banner-content p {
	font-size: 22px;
	margin: 13px 0 50px;
	width: 51%;
}
.banner-area.style-three .banner-button:after {
	display: none;
}
/*style four*/
.banner-area.style-four {
	background: url(assets/images/banner2.png);
	height: 870px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}
.banner_list .owl-prev {
	right: 343px;
	top: -304px;
	background: #275275;
}
.banner_list .owl-next {
	right: 284px;
	top: -304px;
	background: #275275;
}
.banner_list .owl-prev:hover {
	background: #cc7a31;
}
.banner_list .owl-next:hover {
	background: #cc7a31;
}
.banner-area.style-four .banner-button:after {
	display: none;
}
.banner-area.style-four .banner-content h1 {
	font-size: 72px;
	text-shadow: none;
}
.banner-area.style-four .banner-content p {
	margin: 13px 0 56px;
	width: 52%;
}
.banner-area.style-four .banner-button a {
	padding: 20px 37px;
	color: #fff;
	background: #1c3b57;
	letter-spacing: 1px;
	font-size: 17px;
	display: inline-block;
	margin-right: 49px;
}
.banner-area.style-four .banner-button a:hover {
	background: #cc7a31;
	color: #fff;
}
.banner-video {
	display: inline-block;
}
/*--=====================================
        start swiper slider
 -========================================*/
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*--=====================================
    start ailata flipx box
-========================================*/
.dreamit-filepx-area {
	padding: 0px 0 52px;
}
.row.flipx-box {
	position: relative;
	margin-top: -156px;
	z-index: 1;
}
.flip-box {
	width: 100%;
	border: none;
	perspective: 1000px;
	margin-bottom: 30px;
	height: 303px;
}
.feature-single-box {
	padding: 41px 22px 0;
}
.box-title h3 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 13px 0 16px;
}
.flip-content p {
	line-height: 1.6;
	color: #fff;
}
.dreamit-filepx-area.style-two .flip-box {
	height: 248px;
}
.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	/* 	transition: transform 0.8s;
	transform-style: preserve-3d; */
}

.price-box {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
}

.flip-box:hover .flip-box-inner {
	/* transform: rotateY(180deg); */
}
.flip-box-front,
.flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.box-title h3 {
	color: #232323;
	font-size: 22px;
	font-weight: 700;
	text-transform: capitalize;
	color: #fff;
}
.box-icon {
	padding-top: 20px;
}
.flip-box-back {
	background: #cc7a31;
	border-radius: 0px;
	color: white;
	transform: rotateY(180deg);
	padding: 60px 0 0;
	transition: 0.5s;
}
.back-title h2 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0 0 14px;
	color: #fff;
	font-weight: 700;
	text-transform: capitalize;
}
.des p {
	width: 72%;
	margin: 0 auto;
	padding-bottom: 34px;
	line-height: 1.6;
}
.des a {
	font-weight: 400;
	text-transform: capitalize;
	color: #fff;
	background: #1c3b56;
	border-radius: 0;
	padding: 10px 22px;
	display: inline-block;
	font-size: 15px;
	letter-spacing: 2px;
	transition: 0.5s;
}
.des a:hover {
	background: #1f1c51;
	color: #fff;
}
.flip-box-front.two {
	background-color: #1c3b56;
	box-shadow: 0 10px 35px rgb(0 0 0 /18%);
}
.flip-box-front.three {
	background: #cc7a31;
	box-shadow: 0 10px 35px rgb(0 0 0 /18%);
}
.flip-box-front.three .flip-icon i {
	color: #fff;
}
.flip-icon i {
	font-size: 55px;
	color: #cb7931;
}
.flip-icon-back i {
	font-size: 55px;
	color: #fff;
}
/* ==========================================
            start feature area
=========================================*/
.feature-area {
	position: relative;
}
.single-feature-box {
	text-align: center;
	transition: 0.5s;
	margin-bottom: 30px;
	position: relative;
}
.feature-thumb {
	height: 149px;
	width: 138px;
	line-height: 165px;
	text-align: center;
	background: #c6cad3;
	border-radius: 33% 66% 70% 30%/52% 62% 47% 51%;
	margin: auto;
	background-image: linear-gradient(160deg, #e7e8ec 0%, #bdc1cc 100%);
	position: relative;
}
.feature-thumb:before {
	content: '';
	position: absolute;
	left: -18px;
	top: -6px;
	height: 163px;
	width: 166px;
	border: 1px dashed #c9cdd4;
	border-radius: 100%;
}
.feature-content {
	padding: 0 39px;
}
.feature-title h2 {
	font-size: 18px;
	color: #2a466b;
	margin: 43px 0 13px;
	transition: 0.5s;
}
.feature-title h2:hover {
	color: #ee5438;
}
.feature-content-text p {
	line-height: 1.9;
	font-size: 14px;
	color: #353535;
}
.single-feature-box:hover .feature-thumb {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.single-feature-box:hover .feature-thumb img {
	filter: brightness(0) invert(1);
}
.single-feature-box:hover .feature-thumb:before {
	border: 1px dashed #fe846b;
}
.single-feature-box:hover .feature-title h2 {
	color: #ee5438;
}
.feature-img.shape {
	position: absolute;
	top: 63px;
	left: -40px;
}
.feature-img.shape2 {
	position: absolute;
	right: 61px;
	top: 45%;
}
/* ==========================================
            start about area
=========================================*/
.about-area {
	position: relative;
}
.about-thumb {
	position: relative;
}
.about-img {
	position: absolute;
}
.about-thumb img {
	width: 80%;
}
img.rotate {
	left: -64px;
	width: 100%;
	top: -64px;
	position: absolute;
}
.about-img.shap1 {
	top: 55px;
	left: -89px;
}
.about-img.shap2 {
	top: -26px;
	right: 13px;
}
.about-img.shap3 {
	right: -16%;
	bottom: 30%;
}
.about-img.shap4 {
	right: 21%;
	bottom: -29%;
}
.about-img.shap3 img {
	width: 50%;
}
.about-img.shap4 img {
	width: 63%;
}
.about-img.shap5 img {
	width: 41%;
}
.about-img.shap5 {
	left: -15%;
	top: 39%;
}
.about-img.shap6 img {
	width: 18%;
}
.about-img.shap6 {
	top: 0%;
	left: 14%;
}
.about-img.shap7 img {
	width: 18%;
}
.about-img.shap7 {
	top: 21%;
	right: -6%;
}
.about-img.shap9 {
	left: 0%;
	bottom: 0%;
}
.about-img.shap9 img {
	width: 18%;
}
.about-img.shap9 img {
	width: 18%;
}
.about-img.shap9 {
	left: 0%;
	bottom: 12%;
}
.about-img.shap10 {
	top: -7%;
	left: 33%;
}
.about-img.shap10 img {
	width: 35%;
}
.about-img.shap11 {
	left: -40%;
	top: 44%;
}
.about-img.shap11 img {
	width: 100%;
}
.about-shape.img {
	position: absolute;
	top: 62px;
	right: 114px;
	z-index: -1;
}
.progress {
	display: flex;
	height: 5px;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
	margin-bottom: 10px;
	background: #fd532f;
}
.dreamit-section-sub-title h5 {
	color: #ff522e;
	letter-spacing: 5px;
	font-family: 'Roboto';
	font-size: 18px;
	margin: 0;
}
.dreamit-section-main-title h2 {
	color: #2a466b;
	font-size: 48px;
	margin: 12px 0 2px;
	letter-spacing: 3px;
	font-weight: 700;
}
.dreamit-section-content-text p {
	line-height: 1.7;
	color: #303030;
	width: 83%;
	margin-bottom: 30px;
}
/*procces bar*/
.barfiller-title h3 {
	font-size: 18px;
	color: #e19b5d;
	margin: 0 0 12px;
	text-transform: capitalize;
	letter-spacing: 0;
}
.barfillr-content-text p {
	font-size: 14px;
	line-height: 1.8;
	color: #5e4737;
	margin-bottom: 23px;
}
.barfiller {
	width: 100%;
	height: 5px;
	background: #eeeeee;
	border: none;
	position: relative;
	margin-bottom: 22px;
	border-radius: 30px;
}
.barfiller .fill {
	display: block;
	position: relative;
	width: 0px;
	height: 100%;
	background: #333;
	z-index: 1;
}
.barfiller .tipWrap {
	display: none;
}
.barfiller .tip {
	margin-top: -23px;
	padding: 2px 4px;
	font-size: 11px;
	color: #fff;
	left: 0px;
	position: absolute;
	z-index: 1;
	background: #cc7a31;
}
.barfiller .tip:after {
	border: solid;
	border-color: rgba(204, 122, 49, 0.8) transparent;
	border-width: 6px 6px 0 6px;
	content: '';
	display: block;
	position: absolute;
	left: 9px;
	top: 100%;
	z-index: 9;
}
element.style {
	background: #fc532a;
	width: 331.2px;
	transition: width 1s ease-in-out 0s;
}
span.fill {
	background: #cc7a31 !important;
	margin-bottom: 31px !important;
}
.dreamit-section-title {
	position: relative;
}
.about-bg-bar {
	position: relative;
}
/*about-area*/
.about-area.style-two .dreamit-section-sub-title h5 {
	color: #147ee4;
	letter-spacing: 5px;
	font-family: 'Roboto';
	font-size: 18px;
	margin: 0;
}
.about-area.style-two .dreamit-section-main-title h2 {
	margin: 0px 0 11px;
}
.dreamit-section-main-title h3 {
	font-size: 48px;
	font-weight: 800;
	margin: 20px 0 0;
	line-height: 1;
}
.about-area.style-two .dreamit-section-content-text p {
	width: 87%;
	margin-bottom: 26px;
	font-size: 14px;
	line-height: 1.9;
}
.about-title h2 {
	font-size: 18px;
	color: #264772;
}
.about-content-text p {
	line-height: 1.8;
	color: #313131;
	font-size: 14px;
	width: 82%;
}
.about-button {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin-top: 26px;
}
.about-button a {
	display: inline-block;
	padding: 24px 50px;
	background: #0b2653;
	color: #fff;
	letter-spacing: 2px;
	transition: 0.5s;
	position: relative;
	z-index: 1;
}
.about-button:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background: #39a0ff;
	top: 4px;
	left: 4px;
	z-index: -1;
	transition: 0.5s;
}
.about-button:hover:after {
	top: 0px;
	left: 0px;
}
/*style-three*/
.about-area.style-three .dreamit-section-sub-title h5 {
	color: #d94396;
	letter-spacing: 5px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	margin: 0 0 24px;
}
.about-area.style-three .about-thumb {
	position: relative;
	left: 82px;
}
.about-area.style-three .dreamit-section-main-title h3 {
	color: #4a1f88;
}
.about-area.style-three .dreamit-section-main-title span {
	color: #00b7e1;
}
.about-area.style-three .dreamit-section-main-title h2 {
	margin: 0px 0 2px;
}
.about-area.style-three .dreamit-section-content-text p {
	line-height: 1.9;
	color: #353535;
	width: 79%;
	margin-bottom: 30px;
	margin-top: 9px;
	font-weight: 400;
	font-size: 14px;
}
.about-area.style-three .about-title h2 {
	color: #d4419a;
}
.about-area.style-three .about-button:after {
	background: transparent;
	border: 1px solid#7D4BCE;
}
.about-area.style-three .about-button a {
	background-image: linear-gradient(to right, #7d4bd0, #02b8dd);
}
.about-area.style-three .about-button a:hover {
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
}
.about-area.style-three .about-button {
	margin-top: 18px;
}
/*style four*/
.about-area.style-four.pt-65.pb-100 {
	background: #fff;
}
.about-area.style-four .dreamit-section-sub-title h5 {
	color: #cd7d35;
}

.faq-area.style-three .faq-section-sub-title h5 {
	color: #cd7d35;
	letter-spacing: 5px;
	font-family: 'Roboto';
	font-size: 18px;
	margin: 0;
}

.about-area.style-four .dreamit-section-main-title h2 {
	margin: 0px 0 16px;
	letter-spacing: 1px;
	color: #27395d;
}
.about-area.style-four .dreamit-section-content-text p {
	line-height: 1.9;
	margin-bottom: 39px;
	font-size: 14px;
}
.about-area.style-four .about-title h2 {
	color: #cc7a31;
}
.about-area.style-four .about-button a {
	padding: 21px 50px;
	background: #cc7a31;
}
.about-area.style-four .about-button:after {
	background: #0b2653;
}
.about-area.style-four .about-thumb {
	position: relative;
	left: 95px;
}
/*about sevtion*/
.about-area.style-four.upper {
	background: #fff;
}
/*--==============================================->
    <!--Start inteltgnecy servece area-->
    ==================================================-*/
.inteltgency-servive-area .dreamit-section-sub-title h5 {
	color: #d94496;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
}
.inteltgency-servive-area .dreamit-section-main-title h2 {
	color: #492182;
}
.intelegency-servie-icon span {
	color: #d94395;
	font-size: 66px;
	display: inline-block;
	float: left;
	margin-right: 26px;
	top: -6px;
	position: relative;
}
.intelegency-single-servive-box {
	padding: 35px 2px 16px 8px;
	margin-bottom: 30px;
	box-shadow: 0 0px 19px rgb(0 0 0 / 5%);
	border: 1px solid#EEEEEE;
	transition: 0.7s;
}
.intelegency-single-servive-box:hover {
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
}
.intelegency-service-title h2 {
	font-size: 18px;
	color: #482380;
	letter-spacing: 2px;
	margin: 0 0 14px;
}
.intelegency-servie-icon {
	padding-left: 21px;
}
.intelegency-content-text p {
	font-size: 14px;
	line-height: 1.8;
	width: 91%;
	color: #303030;
}
.intelegency-single-servive-box:hover .intelegency-servie-icon span,
.intelegency-single-servive-box:hover .intelegency-service-title h2,
.intelegency-single-servive-box:hover .intelegency-content-text p {
	color: #fff;
}
/*--==============================================->
    <!--Start animation-->
    ==================================================-*/
/* bounce-animate */
.bounce-animate {
	animation-name: float-bob;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
.bounce-animate2 {
	animation-name: float-bob2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob2;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob2;
	-ms-animation-duration: 3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob2;
	-o-animation-duration: 3s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
.bounce-animate3 {
	animation-name: float-bob3;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob3;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob3;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob3;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
.bounce-animate4 {
	animation-name: float-bob4;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob4;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob4;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob4;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
.bounce-animate5 {
	animation-name: float-bob5;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: float-bob5;
	-moz-animation-duration: 6s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: float-bob5;
	-ms-animation-duration: 6s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: float-bob5;
	-o-animation-duration: 6s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob {
	0% {
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	50% {
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}
	100% {
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
}
@-webkit-keyframes float-bob2 {
	0% {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}
	50% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100% {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px);
	}
}
@-webkit-keyframes float-bob3 {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	50% {
		-webkit-transform: translateY(-25px);
		transform: translateY(-25px);
	}
	100% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}
@-webkit-keyframes float-bob4 {
	0% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
	}
	50% {
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	100% {
		-webkit-transform: translateY(-70px);
		transform: translateY(-70px);
	}
}
@-webkit-keyframes float-bob5 {
	0% {
		-webkit-transform: translateY(-75px);
		transform: translateY(-75px);
	}
	50% {
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	100% {
		-webkit-transform: translateY(-75px);
		transform: translateY(-75px);
	}
}
@-webkit-keyframes movebounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes movebounce {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes moveleftbounce {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}

@keyframes moveleftbounce {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	50% {
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
}
.rotateme {
	animation-name: rotateme;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes rotateme {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes alltuchtopdown {
	0% {
		-webkit-transform: rotateX(0deg) translateY(0px);
		-ms-transform: rotateX(0deg) translateY(0px);
		transform: rotateX(0deg) translateY(0px);
	}
	50% {
		-webkit-transform: rotateX(0deg) translateY(-20px);
		-ms-transform: rotateX(0deg) translateY(-20px);
		transform: rotateX(0deg) translateY(-20px);
	}
	100% {
		-webkit-transform: rotateX(0deg) translateY(0px);
		-ms-transform: rotateX(0deg) translateY(0px);
		transform: rotateX(0deg) translateY(0px);
	}
}
.alltuchtopdown {
	-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
	animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}
/* ==========================================
        start service area
=========================================*/
.service-area {
	position: relative;
}
.single-service-box {
	text-align: center;
	margin-bottom: 30px;
	border-radius: 10px;
	padding: 30px 0 0;
	transition: 0.5s;
	margin-right: 20px;
}
.single-service-box:hover {
	background: #f0f5f9;
}
.service-area .dreamit-section-sub-title h5 {
	color: #ff522e;
	letter-spacing: 5px;
	font-family: 'Roboto';
	font-size: 18px;
	margin: 0 0 30px;
}
.service-area .dreamit-section-main-title h2 {
	color: #2a466b;
	letter-spacing: 0.1px;
}
.service-thumb img {
	width: 100%;
}
.service-btn {
	margin-top: 46px;
}
.service-btn a {
	display: block;
	background: #f0f5f9;
	padding: 21px 29px;
	color: #293e69;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 18px;
	border-radius: 10px;
	transition: 0.5s;
}
.single-service-box:hover .service-btn a {
	background: #ff532f;
	color: #fff;
}
.service-btn a:hover {
	background: #ff532f;
	color: #fff;
}
/*style-two*/
.service-area.style-two {
	padding: 119px 163px 231px 125px;
	background: url(assets/images/service5.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.service-area .dreamit-section-sub-title h5 {
	letter-spacing: 5.3px;
	font-weight: 500;
}
.service-area.style-two .single-service-box {
	background: #1585eb;
	padding: 44px 0 56px;
	border-radius: 0;
	margin-bottom: 30px;
	margin-right: 20px;
	box-shadow: 0 10px 25px rgb(0 0 0/13%);
	transition: 0.5s;
	margin-top: 10px;
}
.service-area.style-two .single-service-box:hover {
	background: #fff;
	transform: translateY(-8px);
}
.service-area.style-two .single-service-box:hover .service-title h3,
.service-area.style-two .single-service-box:hover .service-icon span {
	color: #0a88ef;
}
.service-icon span {
	color: #fff;
	font-size: 100px;
	display: inline-block;
}
.service-title h3 {
	font-size: 18px;
	color: #fff;
	margin: 15px 0 0;
	letter-spacing: 1px;
}
.service-area.style-two .dreamit-section-title {
	position: relative;
	margin-left: 88px;
}
.service-area.style-two .center .single-service-box {
	background: #fff;
}
.service-area.style-two .center .service-icon span,
.service-area.style-two .center .service-title h3 {
	color: #1287ee;
}
.service_list2 .owl-prev {
	position: absolute;
	left: 222px;
	top: 30px;
	height: 50px;
	width: 50px;
	background: #042c67;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
}
.service_list2 .owl-prev:hover {
	background: #fff;
	color: #4aa1f0;
}
.service_list2 .owl-next {
	position: absolute;
	left: 281px;
	top: 30px;
	height: 50px;
	width: 50px;
	background: #042c67;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
}
.service_list2 .owl-next:hover {
	background: #fff;
	color: #4aa1f0;
}
/*owl nav*/
.owl-nav {
	position: relative;
}
.owl-prev {
	position: absolute;
	right: 153px;
	top: -569px;
	height: 50px;
	width: 50px;
	background-image: linear-gradient(160deg, #eff2f4 0%, #31506c 100%);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
}
.owl-next {
	position: absolute;
	right: 98px;
	top: -569px;
	height: 50px;
	width: 50px;
	background-image: linear-gradient(160deg, #eff2f4 0%, #31506c 100%);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
}

.service_list .owl-prev:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.service_list .owl-next:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.service-img.service {
	position: absolute;
	right: 72px;
	top: 10px;
}
/*style three*/
.service-area.style-three {
	background: url(assets/images/service2.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 130px 127px 144px;
	position: relative;
	z-index: 1;
}
.service-area.style-three .single-service-box {
	border-radius: 0px;
	padding: 41px 0 54px;
	transition: 0.5s;
	margin-right: 10px;
	background: rgba(27, 59, 85, 0.7);
	margin-top: 10px;
	position: relative;
	margin-left: 10px;
}
.service-area.style-three .single-service-box:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 0%;
	width: 100%;
	transition: 0.5s;
	background: rgba(203, 122, 49, 0.5);
	opacity: 0;
	z-index: -1;
}
.service-area.style-three .single-service-box:hover:before {
	height: 100%;
	opacity: 1;
}
.service-area.style-three .single-service-box:hover {
	transform: translateY(-8px);
}
.service-area.style-three .service-title h3 {
	margin: 8px 0 0;
}
.service-area.style-three .dreamit-section-sub-title h5 {
	font-weight: 700;
	margin-bottom: 14px;
}
.service-area.style-three .service-icon i {
	font-size: 100px;
	color: #fff;
	display: inline-block;
}
.service-area.style-three .service_list2 .owl-next {
	left: 50%;
	top: 11px;
	height: 50px;
	width: 50px;
	background: #042c67;
}
.service-area.style-three .service_list2 .owl-prev {
	left: 46%;
	top: 11px;
	height: 50px;
	width: 50px;
	background: #042c67;
}
.service-area.style-three .service_list2 .owl-prev:hover {
	background: #cc7a31;
	color: #fff;
}
.service-area.style-three .service_list2 .owl-next:hover {
	background: #cc7a31;
	color: #fff;
}
/* ==========================================
        start service upper area
=========================================*/
.service-area.style-three.upper {
	padding: 125px 116px;
}
.service-area.style-three.upper .single-service-box {
	margin-right: 0px;
	margin-bottom: 10px;
}
/* ==========================================
        start service  style four area
=========================================*/
.service-area.style-four {
	background: url(assets/images/service2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 131px 0 114px;
	z-index: 1;
}
.prices-area.style-four {
	background: url(assets/images/prices.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 131px 0 114px;
	z-index: 1;
}
canvas.particles-js-canvas-el {
	position: absolute;
	top: 0;
	z-index: -1;
}

canvas.particles1-js-canvas-el {
	position: absolute;
	top: 0;
	z-index: -1;
}
.service-area.style-four .dreamit-section-sub-title h5 {
	margin: 0 0 14px;
}
.service-area.style-four .flip-content p {
	line-height: 1.8;
	font-size: 14px;
}
.service-area.style-four .box-title h3 {
	margin: 13px 0 11px;
}
.service-area.style-four .flip-box {
	height: 275px;
}
.service-area.style-four .des p {
	width: 82%;
	font-size: 14px;
}
.service-area.style-four .flip-box-back {
	padding: 52px 0 0;
}
.service-area.style-four .feature-single-box {
	padding: 40px 37px 0;
}
/* ==========================================
start ailata about area
=========================================*/
.ailata-about-area .dreamit-section-sub-title h5 {
	color: #178ae7;
	font-size: 16px;
}
.ailata-about-area .dreamit-section-content-text p {
	line-height: 1.9;
	color: #303030;
	width: 96%;
	margin-bottom: 30px;
	font-size: 14px;
}
.ailata-about-area .dreamit-section-main-title h2 {
	margin: 12px 0 12px;
	letter-spacing: 0;
}
.ailata-about-area .proces-title h3 {
	margin-bottom: 11px;
}
.ailata-about-area .progress {
	margin-bottom: 31px;
	background: #fd532f;
}
/*style two*/
.ailata-about-area.style-two .progress {
	background: #cc7a31;
}
.ailata-about-area.style-two .proces-title h3 {
	margin-bottom: 3px;
}
.ailata-about-area.style-two .proces-title h3 {
	color: #da8438;
	font-weight: 700;
}
.ailata-about-area.style-two .bg-success {
	background-color: #eeeeee !important;
}
.ailata-about-area.style-two .bg-info {
	background-color: #eeeeee !important;
}
.ailata-about-area.style-two .dreamit-section-content-text p {
	margin-top: 21px;
}
.ailata-about-area.style-two .dreamit-section-sub-title h5 {
	color: #cc7a31;
	font-size: 16px;
	margin-bottom: 15px;
}
.ailata-about-area.style-two .ailata-about-thumb {
	position: relative;
	left: 39px;
}
.about-video {
	position: absolute;
	top: 48%;
	left: 40%;
}
/*ailata about section area upper*/
.ailata-about-area.style-two.upper .proces-title h3 {
	font-size: 20px;
}
/*style-three*/
.ailata-about-area.style-three .dreamit-section-sub-title h5 {
	color: #da4295;
	font-size: 16px;
	font-family: 'Josefin Sans', sans-serif;
	margin-bottom: 24px;
}
.ailata-about-area.style-three .dreamit-section-main-title h2 {
	margin: 2px 0 12px;
	letter-spacing: 3px;
	color: #4a2086;
}
.ailata-about-area.style-three .dreamit-section-main-title h3 {
	color: #4b2089;
}
.dreamit-section-main-title span {
	color: #01bed2;
}
.ailata-about-area.style-three .progress {
	background: #00b8da;
}
.ailata-about-area.style-three .ailata-about-thumb {
	margin-left: 51px;
	position: relative;
}
.bd-video {
	position: absolute;
	left: 42%;
	top: 44%;
}
/* ==========================================
        about topper
=========================================*/
.ailata-about-area.style-two.topper .ailata-about-thumb img {
	width: 95%;
}
/* ==========================================
start priching area
=========================================*/
.ailata-priching-area {
	position: relative;
}
.single-priching-box {
	box-shadow: 0 1px 2px rgb(0 0 0 / 16%);
	text-align: center;
	margin-bottom: 30px;
	padding: 55px 0 61px;
	position: relative;
	transition: 0.5s;
}
.ailata-priching-area .dreamit-section-sub-title h5 {
	color: #1885ee;
	margin: 0 0 35px;
}
.single-priching-box:hover {
	background: rgb(19, 132, 236, 0.9);
}
.ailata-priching-area .dreamit-section-main-title h2 {
	color: #2a466b;
	font-size: 48px;
	margin: 12px 0 2px;
	letter-spacing: 3px;
	font-weight: 700;
}
.priching-title h1 {
	position: absolute;
	right: 0;
	left: 0;
	opacity: 0.2;
	top: 166px;
	font-size: 100px;
	color: #1384ec;
	font-weight: 600;
	font-family: 'Roboto';
}
.priching-title h2 {
	font-size: 24px;
	margin: 0 0 6px;
}
.priching-title span {
	color: #218eed;
}
.priching-body {
	margin-top: 42px;
}
.priching-body ul li {
	margin-bottom: 17px;
	font-size: 14px;
	color: #33383c;
}
.priching-btn a {
	display: inline-block;
	background: #1384ec;
	color: #fff;
	padding: 15px 50px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 17px;
	transition: 0.5s;
}
.single-priching-box:hover .priching-btn a {
	background: #fff;
	color: #1480ed;
}
.single-priching-box:hover .priching-title h1 {
	color: #fff;
}
.priching-icon {
	position: absolute;
	right: 0%;
	top: 45%;
	opacity: 0;
	z-index: -1;
	transform: 0.5s;
}
.single-priching-box:hover .priching-title h2,
.single-priching-box:hover .priching-title span,
.single-priching-box:hover .priching-body ul li {
	color: #fff;
}
.priching-icon span {
	font-size: 180px;
	transform: 0.5s;
}
.single-priching-box:hover .priching-icon {
	opacity: 0.1;
	color: #fff;
	z-index: 1;
}
.single-priching-box:hover .priching-icon span {
	color: #fff;
}
.single-priching-box.active .priching-title h1 {
	top: 71px;
}
.single-priching-box.active {
	background: rgb(19, 132, 236, 0.9);
}
.single-priching-box.active .priching-title h2,
.single-priching-box.active .priching-title span,
.single-priching-box.active .priching-body ul li {
	color: #fff;
}
.single-priching-box.active .priching-btn a {
	background: #fff;
	color: #1480ed;
}
.single-priching-box.active .priching-icon {
	opacity: 0.1;
	color: #fff;
	z-index: 1;
}
.single-priching-box.active .priching-title h1 {
	color: #fff;
}
.priching-img.shape {
	position: absolute;
	left: -26%;
	top: 44%;
}
/* priching style  two*/
.ailata-priching-area.style-two .single-priching-box {
	box-shadow: 0 1px 8px rgb(0 0 0 / 11%);
}
.ailata-priching-area.style-two .priching-title h1 {
	color: #d18745;
}
.ailata-priching-area.style-two .single-priching-box:hover .priching-title h1 {
	color: #fff;
}
.ailata-priching-area.style-two .single-priching-box:hover {
	background: rgb(204, 122, 49, 0.9);
}
.ailata-priching-area.style-two .single-priching-box:hover .priching-btn a {
	background: #fff;
	color: #d59054;
}
.ailata-priching-area.style-two .single-priching-box:hover .priching-title span {
	color: #fff !important;
}
.ailata-priching-area.style-two .single-priching-box.active {
	background: rgb(204, 122, 49, 0.9);
}
.ailata-priching-area.style-two .single-priching-box.active .priching-title h2,
.ailata-priching-area.style-two .single-priching-box.active .priching-title span,
.ailata-priching-area.style-two .single-priching-box.active .priching-body ul li {
	color: #fff;
}
.ailata-priching-area.style-two .single-priching-box.active .priching-title h1 {
	color: #fff;
}
.ailata-priching-area.style-two .single-priching-box.active .priching-btn a {
	background: #fff;
	color: #d59054;
}
.ailata-priching-area.style-two .dreamit-section-sub-title h5 {
	color: #cc7a31;
	margin: 0 0 16px;
}
.ailata-priching-area.style-two .priching-body ul li {
	font-size: 16px;
}
.ailata-priching-area.style-two .priching-btn a {
	background: #d18745;
}
.ailata-priching-area.style-two .priching-title span {
	color: #d18745;
}
.ailata-priching-area.style-two .priching-icon i {
	font-size: 147px;
}
.ailata-priching-area.style-two .priching-icon {
	right: 5%;
}
/*priching upper area*/
.ailata-priching-area.upper {
	background: #fff;
}
/* ==========================================
start testimonial area
=========================================*/
.testimonial-area {
	position: relative;
}
.testimonial-thumb {
	float: left;
	margin-right: 86px;
}
.testimonial-content {
	top: 64px;
	position: relative;
}
.testimonial-content-text p {
	font-size: 24px;
	color: #2a466b;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	width: 90%;
	letter-spacing: 1.3px;
}
.testimonial-title h2 {
	color: #f1573e;
	font-size: 18px;
	margin: 32px 0 10px;
}

.testimonial_list .owl-prev {
	position: absolute;
	right: 211px;
	top: -73px;
}
.testimonial_list .owl-next {
	position: absolute;
	right: 153px;
	top: -73px;
}
.testimonial_list .owl-prev:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.testimonial_list .owl-next:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.testi-img {
	position: absolute;
}
.testi-img.test {
	right: 0;
	top: -225px;
}
.testi-img.test2 {
	bottom: 0;
}
/*style-two*/
.testimonial-area.style-two {
	padding: 85px 240px 0 253px;
}
.testimonial-area.style-two .testimonail-single-box {
	padding-left: 107px;
	padding-right: 20px;
}
.row.margin-upper {
	background: url(assets/images/testi-bg.png);
	padding: 92px 0 90px;
	position: relative;
}
.testimonial-area.style-two .testimonial-thumb {
	float: right;
}
.testi-icon {
	position: absolute;
	top: -65%;
	left: 8%;
}
.testi-icon span {
	font-size: 200px;
	color: #fff;
	opacity: 0.2;
}
.testimonial-area.style-two .testimonial-content-text p {
	font-size: 24px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	width: 63%;
	letter-spacing: 1.3px;
}
.testimonial-area.style-two .testimonial-title h2 {
	color: #032e72;
	margin: 32px 0 10px;
}
.testimonial-area.style-two .testimonial-title span {
	color: #fff;
	font-size: 14px;
}
/*nav*/
.testimonial_list2 .owl-prev {
	position: absolute;
	right: 211px;
	top: -133px;
	left: -131px;
	background: #fff;
	color: #e0ac7f;
}
.testimonial_list2 .owl-next {
	position: absolute;
	right: -117px;
	top: -133px;
	background: #fff;
	color: #e0ac7f;
}
.testimonial_list2 .owl-prev:hover {
	background: #042c67;
	color: #fff;
}
.testimonial_list2 .owl-next:hover {
	background: #042c67;
	color: #fff;
}
/* ==========================================
    testimonal style three
=========================================*/
.testimonial-area.style-three {
	padding: 100px 254px 100px;
}
.testimonial-area.style-three .row.margin-upper {
	background: url(assets/images/testi-bg-1.png);
	padding: 102px 34px 122px 140px;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.testimonial-area.style-three .testimonial-thumb {
	margin-right: 64px;
}
.testimonial-area.style-three .testimonial-title h2 {
	color: #02296c;
	font-size: 20px;
	margin: 12px 0 4px;
}
.testimonial-area.style-three .testimonial-title span {
	color: #fff;
}
.testimonial-area.style-three .testi-icon {
	top: -65%;
	left: 40%;
	z-index: -1;
	opacity: 0.2;
}
.testimonial-area.style-three .testimonial_list2 .owl-prev {
	left: -121px;
}
.testimonial-area.style-three .testimonial_list2 .owl-next {
	right: -16px;
}
.testimonial-area.style-three .testimonial_list2 .owl-prev:hover {
	background: #042c67;
}
.testimonial-area.style-three .testimonial_list2 .owl-next:hover {
	background: #042c67;
}
.testimonial-area.style-three .testi-icon i {
	font-size: 150px;
	color: #fff;
}
/* ==========================================
        start testtimonial topper area
=========================================*/
.testimonial-area.style-three.topper .testimonial_list2 .owl-prev {
	left: -118px;
}
.testimonial-area.style-three.topper .testimonial_list2 .owl-next {
	position: absolute;
	right: -11px;
	top: -133px;
	background: #fff;
}
.testimonial-area.style-three.topper .testimonial_list2 .owl-prev:hover {
	background: #042c67;
}
.testimonial-area.style-three.topper .testimonial_list2 .owl-next:hover {
	background: #042c67;
}
/* ==========================================
start about tab Css
=========================================*/
.accordion-button.collapsed {
	border-bottom-width: 0;
	box-shadow: 0 0px 22px rgb(0 0 0 / 6%);
	margin-bottom: 11px;
	border: 1px solid#F3F3F3;
	height: 59px;
	font-family: 'Roboto';
	color: #032b66;
}
.accordion-button:not(.collapsed) {
	color: #fff;
	border-radius: 5px;
}
button:focus:not(:focus-visible) {
	outline: 0;
	border-color: #39a0ff;
	box-shadow: none;
}
.accordion-body {
	padding: 1rem 1.25rem;
	border: none !important;
}
/*style-two*/
.faq-area.style-two {
	position: relative;
}
.faq-area.style-three button:focus:not(:focus-visible) {
	outline: 0;
	border-color: #cc7a31;
	box-shadow: none;
}
.faq-area.style-two .dreamit-section-sub-title h5 {
	color: #dd69a8;
	font-family: 'Josefin Sans', sans-serif;
	margin: 0 0 24px;
	position: relative;
}
.faq-area.style-two .accordion-button:not(.collapsed) {
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
}
.faq-area.style-two .accordion-button.collapsed {
	color: #46228e;
}
.dreamit-faq-single-box {
	background: url(assets/images/faq2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.faq-single-box {
	padding-left: 127px;
	padding-bottom: 149px;
	padding-top: 236px;
}
.faq-icon {
	position: absolute;
	top: 26%;
	left: 33%;
	z-index: -1;
}
.faq-icon span {
	color: #fff;
	font-size: 170px;
	opacity: 0.2;
}
.faq-content-text p {
	color: #fff;
	width: 59%;
	line-height: 1.9;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.faq-title h2 {
	font-size: 18px;
	margin: 18px 0 9px;
	color: #432f90;
}
.faq-title span {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}
/* ==========================================
        start style three
=========================================*/
.faq-area.style-three {
	background: #fff;
}
.faq-thumb img {
	width: 100%;
}
.faq-area.style-three .accordion-button:not(.collapsed) {
	background-image: linear-gradient(55deg, #534841, #cc7a31 63%);
	padding: 19px 22px;
	font-weight: 700;
	font-size: 18px;
}
.faq-area.style-three .accordion-button.collapsed {
	box-shadow: 0 0px 22px rgb(0 0 0 / 12%);
	border-radius: 5px;
	padding: 33px 23px;
	font-weight: 700;
	letter-spacing: 1px;
}
..faq-area.style-three button:focus:not(:focus-visible) {
	outline: 0;
	border-color: #cb7931;
	box-shadow: none;
}
/*nav*/
.faq_list .owl-prev {
	right: 163px;
	top: -476px;
	background-image: linear-gradient(160deg, #4a2285 0%, #31506c 100%);
}
.faq_list .owl-prev:hover {
	background: #fff;
	color: #4a2285;
}
.faq_list .owl-next {
	right: 101px;
	top: -476px;
	background-image: linear-gradient(160deg, #4a2285 0%, #31506c 100%);
}
.faq_list .owl-next:hover {
	background: #fff;
	color: #4a2285;
}
.faq-ahape.img {
	position: absolute;
	top: -35%;
	left: -15%;
}
/*faq are upper*/
.faq-area.style-three.upper {
	background: no-repeat;
}
/* ==========================================
            start brand area
=========================================*/
.brand-thumb {
	text-align: center;
}
/*Ailata brand area style two*/
.brand-area.style-two {
	padding: 83px 217px;
}
/* ==========================================
start about tab Css
=========================================*/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #2b4264;
	background-color: #f0f5f9;
	font-family: 'Josefin Sans', sans-serif;
	text-transform: capitalize;
	padding: 20px 33px;
	border-radius: 10px;
	font-weight: 700;
	letter-spacing: 0.4px;
	margin-bottom: 20px;
	background: #ff532f;
	color: #fff;
	box-shadow: 0 5px 43px rgb(0 0 0 / 15%);
}
.nav-pills .nav-link {
	background: 0 0;
	border: 0;
	border-radius: 10px;
	padding: 20px 33px;
	background-color: #f0f5f9;
	margin-right: 10px;
	font-family: 'Josefin Sans', sans-serif;
	color: #2b4264;
	text-transform: capitalize;
	font-weight: 700;
	letter-spacing: 0.4px;
	box-shadow: 0 0 7px rgb(0 0 0 /17%);
}
.tab-content-text p {
	color: #555555;
	line-height: 1.5;
	width: 85%;
}
.tab-icon-content {
	margin-bottom: 10px;
}
.tab-content-text-inner p {
	color: #555555;
	line-height: 1.5;
	width: 87%;
	margin-bottom: 38px;
}
.tab-icon span {
	color: #ff6e50;
	font-size: 30px;
	margin-right: 22px;
	position: relative;
	top: -10px;
}
.tab-icon-content-text p {
	color: #555555;
	font-size: 14px;
}
/*nav*/
.case_list .owl-prev {
	right: 176px;
	top: -569px;
	height: 50px;
	left: 46%;
	top: 49px;
}
.case_list .owl-next {
	right: 153px;
	top: -569px;
	height: 50px;
	left: 50%;
	top: 49px;
}
.case_list .owl-prev:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.case_list .owl-next:hover {
	background-image: linear-gradient(360deg, #fe5f3f 0%, #ffe8e2 100%);
}
.case-shape.img2 {
	position: absolute;
	right: 0;
	bottom: 53px;
}
.case-shape.img {
	position: absolute;
	left: 0;
	bottom: 47px;
}
/* ==========================================
         case study area
=========================================*/
.case-section-area {
	background: url(assets/images/case.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 132px 0 282px;
}
.case-section-area .dreamit-section-sub-title h5 {
	color: #cc7a31;
}
.case-section-area .dreamit-section-main-title h2 {
	letter-spacing: 0px;
	font-weight: 800;
	line-height: 1.2;
}
/*case study area*/
.case-study-area {
	padding: 0 111px 60px;
}
.case-study-area .owl-dots {
	top: -11px;
}
.case-study-single-box {
	margin-bottom: 30px;
	margin-right: 10px;
	margin-left: 15px;
}
.row.case {
	position: relative;
	margin-top: -218px;
}
.case-study-thumb {
	position: relative;
	z-index: 1;
}
.case-study-thumb:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
	top: 25px;
	content: '';
	opacity: 1;
	transition: 0.5s;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.case-study-thumb img {
	width: 100%;
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
.case-catagories span {
	color: #cc7a31;
	font-size: 17px;
	font-family: 'Josefin Sans', sans-serif;
}
.case-study-cotent {
	text-align: center;
	padding: 31px 0 30px;
	box-shadow: 0 0 15px rgb(0 0 0 /15%);
	background: #fff;
	z-index: 1;
	opacity: 1;
	position: relative;
	top: -20px;
	width: 87%;
	border-radius: 5px;
	margin: auto;
}
.case-study-title h2 {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	margin: 7px 0 0;
}
.case-study-title h2 a {
	font-weight: 700;
	letter-spacing: 1px;
}
.owl-dots {
	text-align: center;
	position: relative;
	top: 6px;
}
.owl-dot {
	height: 6px;
	width: 40px;
	background: #bfcadc;
	margin-right: 13px;
	display: inline-block;
	border-radius: 8px;
}
.owl-dot.active {
	background: #cb7931;
	width: 45px;
	transition: 0.5s;
}
/* ==========================================
            start counter
=========================================*/
.single-counter-box {
	background: url(assets/images/counter.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f5f9;
}
.single-counter-box.two {
	background: url(assets/images/counter2.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f5f9;
}
.single-counter-box.three {
	background: url(assets/images/counter3.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f5f9;
}
.single-counter-box.four {
	background: url(assets/images/counter4.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f5f9;
}
.single-counte {
	text-align: center;
	margin-bottom: 30px;
	padding: 50px 16px 52px;
	transition: 0.5s;
}
.counter-title h1 {
	color: #2a466b;
	font-size: 60px;
	margin: 0;
	letter-spacing: 2px;
}
span.coun {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #f15a47;
	font-weight: 600;
}
/*style-two*/
.counter-area.style-two .single-counter-box {
	background: url(assets/images/count3.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 13px rgb(0 0 0 / 18%);
	transition: 0.5s;
	background-color: #1384eb;
}
.counter-area.style-two .single-counter-box.two {
	background: url(assets/images/count.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 13px rgb(0 0 0 / 18%);
	transition: 0.5s;
	background-color: #1384eb;
}
.counter-area.style-two .single-counter-box.three .counter-title h1,
.counter-area.style-two .single-counter-box.three span.coun {
	color: #1286eb !important;
}
.counter-area.style-two .single-counter-box.three {
	background: url(assets/images/count4.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.counter-area.style-two .single-counter-box.four {
	background: url(assets/images/count2.png);
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 2px 13px rgb(0 0 0 / 18%);
	transition: 0.5s;
	background-color: #1384eb;
}
.counter-area.style-two .counter-title h1 {
	color: #1683ea;
}
.counter-area.style-two span.coun {
	color: #1683ea;
}
.counter-area.style-two .counter-title h1,
.counter-area.style-two span.coun {
	color: #fff !important;
}
/*style three*/
.counter-area.style-three .single-counter-box:hover {
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
}
.counter-area.style-three .single-counter-box:hover .counter-title h1,
.counter-area.style-three .single-counter-box:hover span.coun {
	color: #fff !important;
}
/*style four*/
.counter-area.style-four .single-counter-box {
	/* background: url(assets/images/counter1.png); */
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1c3b56;
}
.counter-area.style-four .counter-title h1 {
	color: #fff;
}
.counter-area.style-four span.coun {
	color: #fff;
}
.counter-area.style-four .single-counte {
	padding: 46px 16px 52px;
}
.counter-area.style-four .single-counter-box.two {
	/* background: url(assets/images/count.png); */
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1c3b56;
}
.counter-area.style-four .single-counter-box.three {
	/* background: url(assets/images/counter7.png); */
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #cc7a31;
}
.counter-area.style-four .single-counter-box.four {
	/* background: url(assets/images/counter6.png); */
	background-position: center-center;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1c3b56;
}
/*counter topper*/
.counter-area.style-four.topper {
	background: #fff;
}
/* ==========================================
        start team member area
=========================================*/
.team-area {
	background: #fff;
}
.team-area .dreamit-section-sub-title h5 {
	color: #cc7a31;
}
.team-area .dreamit-section-main-title h2 {
	letter-spacing: 0;
}
.tean-single-box {
	text-align: center;
	margin-bottom: 30px;
	transition: 0.5s;
}
.tean-single-box:hover {
	transform: translateY(-10px);
}
.team-thumb img {
	width: 100%;
	border-radius: 50%;
}
.team-title h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 44px 0 8px;
	color: #2a466b;
}
.team-title span {
	color: #cc7a31;
	font-size: 15px;
}
.team-social-address {
	padding-top: 18px;
}
.team-social-address ul li {
	display: inline-block;
	margin-right: 10px;
}
.team-social-address ul li a {
	height: 32px;
	width: 32px;
	line-height: 32px;
	border: 1px solid #29456c;
	display: inline-block;
	transition: 0.5s;
	color: #2a466b;
}
.team-social-address ul li a:hover {
	background: #cb7931;
	border-color: #cb7931;
	color: #fff;
}
/*team area upper*/
.team-area.upper {
	background: no-repeat;
}
/* ==========================================
        start blog
=========================================*/
.blog-area {
	position: relative;
}
.blog-area .dreamit-section-sub-title h5 {
	margin: 0 0 36px;
}
.blog-area .dreamit-section-main-title h2 {
	letter-spacing: 2.5px;
	line-height: 1.1;
}
.blog-thumb {
	float: left;
	margin-right: 39px;
	margin-bottom: 30px;
	position: relative;
}
.blog-single-box {
	margin-bottom: 30px;
}
.blog-content {
	top: 20px;
	overflow: hidden;
	position: relative;
	transition: 0.5s;
}
.blog-title h2 a {
	font-size: 20px;
	display: inline-block;
	color: #21405f;
	font-weight: 600;
	letter-spacing: 0px;
	transition: 0.5s;
}
.blog-title h2 a:hover {
	color: #cb7931;
}
.blog-meta a {
	color: #fc5c3a;
	margin-right: 27px;
}
.blog-meta span {
	color: #ff7652;
}
.blog-title h2 a:hover {
	color: #0056b3;
}
.blog-shape.img {
	position: absolute;
	top: -181px;
	z-index: -1;
}
.blog-shape.img2 {
	position: absolute;
	right: 0;
	top: 64px;
	z-index: -1;
}
/*style two*/
.blog-area.style-two .dreamit-section-sub-title h5 {
	margin: 0 0 36px;
	color: #1083ee;
}
.blog-area.style-two .blog-meta a {
	color: #54a6f8;
	font-size: 14px;
}
.blog-area.style-two .blog-meta span {
	color: #54a6f8;
	font-size: 14px;
}
.blog-shape.img3 {
	position: absolute;
	right: 4%;
	top: -38%;
	z-index: -1;
}
/*style three*/
.blog-area.style-three .dreamit-section-sub-title h5 {
	margin: 0 0 22px;
	color: #da4996;
	font-family: 'Josefin Sans', sans-serif;
}
.blog-area.style-three .dreamit-section-main-title h2 {
	color: #482383;
}
.intelegency-blog-content {
	position: absolute;
	top: 40%;
	width: 72%;
	padding-left: 43px;
	z-index: 1;
	transition: 0.5s;
	opacity: 0;
}
.blog-area.style-three .intelegency-blog-title h2 a {
	font-size: 24px;
	line-height: 1.3;
	color: #fff;
	letter-spacing: 2px;
}
.intelegency-blog-title h2 {
	font-size: 21px;
	margin: 0 0 6px;
}
.intelegency-blog-meta a {
	font-size: 14px;
	margin-right: 24px;
	color: #fff;
	letter-spacing: 1px;
}
.intelegency-blog-meta span {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}
.intelegency-blog-thumb {
	position: relative;
	z-index: 1;
}
.intelegency-blog-thumb img {
	position: relative;
	width: 100%;
}
.intelegency-blog-thumb:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: linear-gradient(to right, #02b8dd, #7d4bd0);
	z-index: 1;
	opacity: 0;
	transition: 0.5s;
}
.intelegency-blog-single-box:hover .intelegency-blog-thumb:before {
	opacity: 0.6;
}
.intelegency-blog-single-box:hover .intelegency-blog-content {
	top: 15%;
	opacity: 1;
}
.blog-area.style-three .blog-title h2 a {
	color: #452684;
}
.blog-area.style-three .blog-meta a {
	color: #d24b86;
	font-size: 14px;
}
.blog-area.style-three .blog-meta span {
	font-size: 14px;
	color: #e2669a;
}
.blog-shape.img4 {
	position: absolute;
	right: -9%;
	top: -40%;
}
/* ==========================================
        start blog topper
=========================================*/
.blog-area.style-two.topper .dreamit-section-sub-title h5 {
	margin: 0 0 21px;
	color: #d67c31;
	letter-spacing: 2px;
}
.blog-area.style-two.topper .dreamit-section-main-title h2 {
	letter-spacing: 0;
}
.blog-title h2 a:hover {
	color: #cc7a31;
}
.blog-area.style-two.topper .blog-thumb {
	margin-right: 21px;
}
.blog-area.style-two.topper .blog-content {
	top: 28px;
}
.blog-area.style-two.topper .blog-meta {
	position: relative;
	top: -13px;
}
.blog-area.style-two.topper .blog-title h2 a {
	font-weight: 700;
}
.blog-area.style-two.topper .blog-meta a {
	color: #cc7a31;
}
.blog-area.style-two.topper .blog-meta span {
	color: #cc7a31;
}
/* ==========================================
        start call do action
=========================================*/
.row.margin-topper {
	position: relative;
	box-shadow: 0 21px 45px rgb(0 0 0 / 29%);
	padding: 66px 0 63px 105px;
	border-radius: 10px;
	background: url(assets/images/call-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	opacity: 0.78;
	margin-bottom: -42px;
}
.call-do-action-title h1 {
	font-size: 48px;
	margin: 0;
}
.call-do-action-btn {
	position: relative;
	left: 54px;
	z-index: 1;
	display: inline-block;
}
.call-do-action-btn a {
	background: #ff532f;
	padding: 23px 60px;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	letter-spacing: 1.5px;
	transition: 0.5s;
}
.call-do-action-btn a:hover {
	background: #2a466b;
	color: #fff;
}
/*style two*/
.call-do-action-area.style-two .row.margin-topper {
	position: relative;
	box-shadow: none;
	padding: 81px 0 82px 93px;
	border-radius: 0;
	background: url(assets/images/call.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	margin-bottom: -88px;
}
.call-do-action-area.style-two .call-do-action-btn a {
	background: #ffffff;
	padding: 28px 60px;
	color: #1785e7;
	border-radius: 0;
	font-weight: 600;
}
.call-do-action-area.style-two .call-do-action-btn {
	left: 76px;
	display: inline-block;
	z-index: 1;
}
.call-do-action-area.style-two .call-do-action-btn:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background: #052c65;
	left: 2%;
	top: 4px;
	z-index: -1;
	transition: 0.5s;
}
.call-do-action-area.style-two .call-do-action-btn:hover:after {
	top: 0;
	left: 0;
}
/* call do action style three*/
.call-do-action-area.style-three {
	padding: 0 266px;
}
.call-do-action-area.style-three .row.margin-topper {
	box-shadow: none;
	padding: 80px 0px 80px 70px;
	border-radius: 0;
	background: url(assets/images/call-bg-it.png);
	opacity: 1;
	margin-bottom: -97px;
}
.call-do-action-area.style-three .call-do-action-btn {
	left: 147px;
}
.call-do-action-area.style-three .call-do-action-btn:after {
	position: absolute;
	content: '';
	top: 5px;
	left: 5px;
	height: 100%;
	width: 100%;
	transition: 0.5s;
	background: #0b2653;
	z-index: -1;
}
.call-do-action-area.style-three .call-do-action-btn:hover:after {
	top: 0;
	left: 0;
}
.call-do-action-area.style-three .call-do-action-btn a {
	background: #fff;
	padding: 21px 47px;
	color: #cc7a31;
	border-radius: 0;
}
/*==========================================
        start contact area
=========================================*/
.single-contact-box {
	text-align: center;
	margin-bottom: 30px;
}
.contact-title h2 {
	font-size: 24px;
	margin: 0 0 11px;
}
.contact-content-text p {
	line-height: 1.6;
	color: #33336e;
}
.contact-area .quote_btn.text_center {
	text-align: center;
}
.contact-area .contact_from .form-control {
	display: block;
	width: 100%;
	padding: 17px 17px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin-bottom: 2px;
}
.contact-area .form-control:focus {
	border-color: #cc7a31 !important;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 3%);
}

/* ==========================================
start search Popup Css
=========================================*/
.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}
.search-popup {
	width: 100%;
}
.search-active .search-popup {
	transform: translateY(0%);
	margin-top: 0;
}
.search-popup .close-search {
	position: absolute;
	left: 0;
	right: 0;
	top: 75%;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #cc7a31;
	width: 70px;
	cursor: pointer;
	box-shadow: 0 0 10px rgb(0 0 0 / 8%);
	border-bottom: 4px solid #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.search-popup .close-search i {
	position: relative;
	font-size: 30px;
	color: #ffffff;
}
.search-active .search-popup .close-search {
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
.search-popup form {
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin: -35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.search-active .search-popup form {
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}
.search-popup .form-group {
	position: relative;
	margin: 0px;
	overflow: hidden;
}
.search-popup .form-group input[type='text'],
.search-popup .form-group input[type='search'] {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #000000;
	height: 70px;
	width: 100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-weight: 500;
	text-transform: capitalize;
}
.search-popup .form-group input[type='submit'],
.search-popup .form-group button {
	position: absolute;
	right: 30px;
	top: 0px;
	height: 70px;
	line-height: 70px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	color: #000000;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
}
.search-popup .form-group input[type='submit']:hover,
.search-popup .form-group button:hover {
	color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
	color: #000000;
}
.search-popup .close-search.style-two {
	position: absolute;
	right: 25px;
	left: auto;
	color: #ffffff;
	width: auto;
	height: auto;
	top: 25px;
	margin: 0px;
	border: none;
	background: none !important;
	box-shadow: none !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.search-popup .close-search.style-two i {
	font-size: 20px;
	color: #ffffff;
}
.header-src-btn {
	position: absolute;
	margin-top: -20px;
	right: 194px;
}
.header-icon {
	float: right;
}
.search-box-btn.search-box-outer {
	margin-top: 27px;
	margin-left: 25px;
}
.search-box-btn.search-box-outer i {
	font-size: 35px;
	display: inline-block;
	background: transparent;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
	color: #31476e;
	cursor: pointer;
	border-radius: 100%;
}
.search-box-btn.search-box-outer i {
	background: transparent;
}
/*video*/
.video-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding-top: 8px;
}
.about-video-icon a,
.about-icon a {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	position: relative;
	color: #fff;
	-webkit-animation: ripple-white 1s linear infinite;
	animation: ripple-blue 1s linear infinite;
	-webkit-transition: 0.5s;
	background: #cc7a31;
	font-size: 28px;
	z-index: 1;
}
.about-video-icon a {
	color: #fff;
}
@-webkit-keyframes ripple-blue {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3),
			0 0 0 20px rgba(255, 255, 255, 0.3);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3),
			0 0 0 20px rgba(255, 255, 255, 0.3);
	}
	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3),
			0 0 0 30px rgba(255, 255, 255, 0.3);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3),
			0 0 0 30px rgba(255, 255, 255, 0.3);
	}
}
.dreamit-section-bar {
	background: #0874d7;
	height: 2px;
	width: 100px;
	border-radius: 30px;
	position: relative;
	margin-top: 16px;
}
.dreamit-section-bar::before {
	content: '';
	position: absolute;
	left: 0;
	top: -4.7px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #cb7931;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(88px);
		transform: translateX(88px);
	}
}
/*--==============================================->
  <!--Start animation Area-->
 ==================================================-*/
/*animation dance*/
.dance3 {
	-webkit-animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
	0% {
		-webkit-transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
.dance {
	-webkit-animation: dance 2s alternate infinite;
}
@keyframes dance {
	0% {
		-webkit-transform: scale(0.5);
	}
	100% {
		-webkit-transform: scale(1.2);
	}
}
.dance2 {
	-webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(25px, -25px, 0);
	}
	100% {
		-webkit-transform: translate3d(0, -25px, 25px);
	}
}
.watermark-animate {
	-webkit-animation: watermark-animate 8s infinite;
	animation: watermark-animate 8s infinite;
	animation-direction: alternate-reverse;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
@keyframes watermark-animate {
	0% {
		left: 0;
	}
	100% {
		left: 100%;
	}
}
/*==============================
    start breatcome area
==============================*/
.breatcome-area {
	background: url(assets/images/it.png);
	height: 610px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.breatcome-content-title h1 {
	font-size: 72px;
	margin: 0 0 29px;
	letter-spacing: 3px;
	text-transform: capitalize;
}
.breatcome-area.stylr-two .breatcome-content-title h1 {
	font-size: 55px;
	letter-spacing: 1px;
}
.breatcome-content-text ul li a {
	color: #fff;
	letter-spacing: 2px;
	font-size: 18px;
	display: inline-block;
}
.breatcome-content-text ul li i {
	margin: 0 8px 0;
	color: #fff;
	font-size: 13px;
}
.breatcome-content-text span {
	color: #fff;
	letter-spacing: 2px;
	font-weight: 500;
	text-transform: capitalize;
}
/*==============================
             footer
==============================*/
.ailata-footer-area {
	background: url(assets/images/footer-back.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.footer-title h2 {
	font-size: 24px;
	margin: 0 0 23px;
	color: #052c67;
	letter-spacing: 1px;
	position: relative;
}
.contact-box.d-flex p {
	margin-bottom: 4px;
}
.ailata-footer-address p b {
	color: #fb5233;
	font-size: 14px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}
.ailata-footer-address span {
	color: #fff;
	font-size: 14px;
	margin-bottom: 21px !important;
	display: inline-block;
}
.footer-menu ul li a {
	color: #626f91;
	font-size: 14px;
	font-weight: 400;
	transition: 0.5s;
	display: inline-block;
}
.footer-menu ul li a:hover {
	color: #fe6043;
}
.footer-menu ul li {
	margin-bottom: 21px;
}
/*footer style four*/
.ailata-footer-area {
	background: url(assets/images/footer-bg-it.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
input.subscribe-mail-box {
	font-size: 14px;
	position: relative;
	width: 61%;
	background: transparent;
	border: 0;
	border-radius: 0;
	margin-bottom: 14px;
	margin: auto;
	border: 0;
	border-radius: 0;
	height: 40px;
	border-bottom: 1px solid #2a466b;
}
.subscribe-area button {
	border: none;
	background: transparent;
	position: relative;
	right: 62px;
}
.ailata-footer-area .ailata-footer-content-text p {
	width: 100%;
	line-height: 1.9;
	color: #2b446c;
	margin-bottom: 18px;
	font-size: 14px;
	margin-top: 22px;
}
.ailata-footer-area input.subscribe-mail-box {
	width: 83%;
	border-bottom: 1px solid #cb7931;
}
.ailata-footer-area .footer-menu ul li a {
	color: #fff;
}
.ailata-footer-area .footer-menu ul li a:hover {
	color: #cb7931;
}
.ailata-footer-area .ailata-footer-address p b {
	color: #fff;
	font-family: 'Roboto';
}
.ailata-footer-area.style-four .ailata-footer-address span {
	color: #fff;
	margin-bottom: 21px !important;
}
.ailata-footer-area .contact-box.d-flex p {
	margin-bottom: 7px;
}
.ailata-footer-area .resent-post-title a h2 {
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 3px;
	letter-spacing: 0px;
}
.ailata-footer-area .resent-post-title span {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
}
.ailata-footer-area .resent-post-content {
	padding-left: 23px;
}
.ailata-footer-area .resent-post-box {
	border-bottom: 1px solid#fff;
	padding-bottom: 19px;
}
.ailata-footer-area .resent-post-box.two {
	border-bottom: none;
	padding-top: 23px;
}
.ailata-footer-area .resent-post-thumb img {
	border-radius: 5px;
}
.ailata-footer-area .subscribe-area ::placeholder {
	color: #cb7931 !important;
}
/*==============================
    blog grid
==============================*/
.single-blog-grid-box {
	margin-bottom: 30px;
}
.grid-thumb a img {
	width: 100%;
}
.grid-content {
	padding: 15px 31px 10px 0;
}
.grid-meta a {
	color: #d57931;
	font-size: 13px;
	letter-spacing: 1px;
	margin-right: 26px;
}
.grid-title h2 a {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	display: inline-block;
	transition: 0.5s;
	margin: 13px 0 0;
}
.grid-title h2 a:hover {
	color: #cb7931;
}
.grid-meta span {
	color: #d57b4c;
	font-size: 14px;
}
.blog-grid-pagination ul li {
	display: inline-block;
	margin-right: 7px;
}
.blog-grid-pagination ul li a {
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	text-align: center;
	color: #9990b8;
	font-size: 16px;
	transition: 0.5s;
}
.blog-grid-pagination ul li a:hover {
	background: #cb7931;
	border-color: #cb7931;
	color: #fff;
}
a.active {
	background: #cc7a31;
	color: #fff !important;
}
/*==============================
    sidber area
==============================*/
.blog-grid-area .form-control {
	display: block;
	width: 100%;
	padding: 17px 17px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #03396b;
}
.sidebar-search {
	position: relative;
}
.blog-grid-area button {
	position: absolute;
	right: 0;
	top: 21px;
	right: 10px;
	background: transparent;
	border: none;
}
.blog-grid-area button i {
	color: #03396b;
	font-size: 18px;
	display: inline-block;
}
.sidebar-title h2 {
	font-size: 24px;
	text-transform: capitalize;
	display: inline-block;
	position: relative;
	color: #03396b;
	margin: 0 0 27px;
}
.sidebar-title h2:before {
	position: absolute;
	content: '';
	top: 13px;
	right: -113px;
	height: 1px;
	width: 92px;
	background: #cb7931;
	transition: 0.5s;
}
.sidebar-content-text p {
	font-size: 14px;
	line-height: 1.8;
	color: #333333;
	width: 90%;
}
.sidebar-category ul li {
	margin-bottom: 18px;
	border-top: 1px solid#E8E8E8;
	padding-top: 18px;
}
.sidebar-category ul li a {
	color: #555;
	font-size: 14px;
	display: inline-block;
	transition: 0.5s;
}
.sidebar-category ul li a:hover {
	color: #cb7931;
}
.sidebar-thumb-title a h2 {
	color: #03396b;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	transition: 0.5s;
	margin: 0 0 6px;
}
.sidebar-thumb-title a h2:hover {
	color: #e4ac4c;
}
.sidebar-thumb img {
	border-radius: 5px;
}
.sidebar-thumb {
	float: left;
	margin-right: 26px;
}
.resent-post-single-box {
	margin-bottom: 15px;
	border-bottom: 1px solid#E8E8E8;
	display: inline-block;
	padding-bottom: 14px;
}
.sidebar-thumb-title span {
	color: #cb7b59;
	font-size: 13px;
}
.resent-post-single-box.two {
	border-bottom: none;
}
/*==============================
    blog details area
==============================*/
.blog-details-area .blog-detail-thumb {
	width: 100%;
}
.blog-details-area .form-control {
	display: block;
	width: 100%;
	padding: 17px 17px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #03396b;
	margin-bottom: 23px;
}
.sidebar-search-box button {
	position: absolute;
	right: 13px;
	top: 17px;
	background: transparent;
	border: none;
}
.blog-details-area .contact_from .form-control {
	margin-bottom: 13px;
}
.blog-details-area .contact_from label {
	margin: 10px 0 20px;
}
.blog-details-area .form-control:focus {
	border-color: #cc7a31;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 3%);
}
.blog-detail-thumb a img {
	width: 100%;
}
.blog-details-content {
	padding: 37px 52px 0 0;
}
.blog-details-meta a {
	font-size: 16px;
	color: #cb7931;
	font-weight: 500;
	margin-right: 17px;
	letter-spacing: 0;
	display: inline-block;
}
.blog-details-meta span {
	color: #cb7931;
	font-size: 16px;
	font-weight: 500;
}
.blog-details-title h2 a {
	display: inline-block;
	color: #03396b;
	font-size: 48px;
	font-weight: 800;
	transition: 0.5s;
	letter-spacing: 1px;
	line-height: 1.3;
	margin: 10px 0 4px;
}
.blog-details-content-text p {
	color: #333333;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 21px;
}
.blog-details-content-text-inner p {
	color: #333333;
	font-size: 14px;
	line-height: 1.8;
}
.blog-details-social-address {
	border-top: 1px solid#E6E6E6;
	padding-top: 38px;
}
.blog-details-social-address ul li {
	display: inline-block;
	margin-right: 6px;
}
.blog-details-social-address ul li a {
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	color: #565872;
	border: 1px solid #e6e6e6;
	transition: 0.5s;
}
.blog-details-social-address ul li a:hover {
	background: #cb7931;
	border-color: #cb7931;
	color: #fff;
}
/*contact_form*/
.contact_title h1 {
	font-size: 24px;
}
.blog-details-area .dreamit-section-bar {
	background: #aec6ef;
	height: 3px;
	top: -9px;
}
.contact_from .form-control {
	display: block;
	width: 100%;
	padding: 15px 17px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin-bottom: 23px;
}
.contact_from .btn {
	display: inline-block;
	background: #cb7931;
	border: 1px solid transparent;
	padding: 4px 20px;
	font-size: 14px;
	border-radius: 0;
}
button.btn i {
	font-size: 14px;
	display: inline-block;
	color: #fff;
}
.quote_btn.text_center {
	margin-top: 15px;
}
.contact_from .btn {
	display: inline-block;
	background: #cb7931;
	border: 1px solid transparent;
	padding: 18px 43px;
	font-size: 14px;
	border-radius: 0;
	color: #fff;
	transition: 0.5s;
}
.contact_from .btn:hover {
	background: #1a4264;
}
.contact_from label {
	color: #616161;
	font-size: 14px;
	cursor: pointer;
}

/*ailata color section area*/
.body {
	position: relative;
}
.wrapper {
	position: fixed;
	z-index: 22;
	bottom: 115px;
	transition: 0.5s;
}
.wrapper .theme ul li {
	border-radius: 3px;
}
.active-color {
	background: blue;
}
.wrapper .content {
	text-align: center;
}
.wrapper .color-option {
	position: relative;
	z-index: 2;
}
.wrapper .color-option .colors {
	float: left;
	padding: 16px 0 14px 21px;
	width: 336px;
	transition: 0.5s;
	border-bottom-right-radius: 5px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.wrapper .color-option .colors:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	transition: 0.5s;
	background: rgb(0, 36, 124, 0.8);
	z-index: -1;
	top: 0;
	left: 0;
}
.wrapper .color-option .colors ul li {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0px 0px;
	cursor: pointer;
	background: #f00;
}
.resent-box {
	position: relative;
	transition: 0.5s;
	display: inline-block;
}
.reset {
	cursor: pointer;
	color: #d0312c;
	padding: 6px 50px;
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 3px;
	position: relative;
	z-index: 1;
	transition: 0.5s;
}
.reset:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	height: 100%;
	width: 0;
	transition: 0.5s;
	background: #f12a02;
	z-index: -1;
	border-radius: 4px;
	transition: 0.5s;
}
.resent-box:hover .reset:before {
	width: 100%;
	left: 0;
}
.resent-box:hover .reset {
	color: #fff;
}
.custom {
	transform: rotate(-90deg) !important;
	position: relative;
	top: 52px;
	right: 28px;
	color: #fff;
	display: inline-block;
}
.wrapper .color-option .themes-btn {
	float: left;
	color: #fff;
	background: #359ed2;
	height: 169px;
	width: 56px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.5s;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-left: 14px;
	padding-top: 24px;
}
span.themes-btn p {
	transform: rotate(90deg);
	position: relative;
	top: 10px;
	right: 6px;
	color: #fff;
}
.wrapper .theme ul li.one {
	background: #ff8303;
}
.wrapper .theme ul li.two {
	background: #f7ea00;
}
.wrapper .theme ul li.three {
	background: #81b214;
}
.wrapper .theme ul li.four {
	background: #7a434b;
}
.wrapper .theme ul li.five {
	background: #81b214;
}
.wrapper .theme ul li.six {
	background: #ff522e;
}
.wrapper .theme ul li.seven {
	background: #0c5adb;
}
.wrapper .theme ul li.orange.eight {
	background: #0da21a;
}
.wrapper .theme ul li.nine {
	background: #9dd2b5;
}
.wrapper .theme ul li.ten {
	background: #bee4cf;
}
.wrapper .theme ul li.eleven {
	background: #f984ff;
}
.wrapper .theme ul li.twelve {
	background: #b1f4ef;
}
.wrapper .theme ul li.therteen {
	background: #daecfe;
}
.wrapper .theme ul li.fourteen {
	background: #f8eef6;
}
.wrapper .theme ul li.fiveteen {
	background: #f1e9ff;
}
.wrapper .theme ul li.orange.sixteen {
	background: #e6f2bf;
}
.wrapper .theme ul li.seventeen {
	background: #ffadd7;
}
.wrapper .theme ul li.eighteen {
	background: #f9e4bc;
}
.wrapper .theme ul li.nineteen {
	background: #f2c1bb;
}
.wrapper .theme ul li.twenty {
	background: #bcecac;
}
/*orange2*/
.wrapper .theme ul li.orange2.one {
	background: #ff8303 !important;
}
.wrapper .theme ul li.orange2.two {
	background: #f7ea00 !important;
}
.wrapper .theme ul li.orange2.three {
	background: #81b214 !important;
}
.wrapper .theme ul li.orange2.four {
	background: #000 !important;
}
.wrapper .theme ul li.orange2.five {
	background: #fff !important;
}
.wrapper .theme ul li.orange2.six {
	background: #ff522e !important;
}
.wrapper .theme ul li.orange2.seven {
	background: #0c5adb !important;
}
.wrapper .theme ul li.orange2.eight {
	background: #0da21a !important;
}
.wrapper .theme ul li.orange2.nine {
	background: #f2c1bb;
}
.wrapper .theme ul li.orange2.ten {
	background: #7a434b;
}
/*orange3*/
.wrapper .theme ul li.orange3.one {
	background: #ff8303 !important;
}
.wrapper .theme ul li.orange3.two {
	background: #f7ea00 !important;
}
.wrapper .theme ul li.orange3.three {
	background: #81b214 !important;
}
.wrapper .theme ul li.orange3.four {
	background: #fff !important;
}
.wrapper .theme ul li.orange3.five {
	background: #fe6cd1 !important;
}
.wrapper .theme ul li.orange3.six {
	background: #f853af !important;
}
.wrapper .theme ul li.orange3.seven {
	background: #000 !important;
}
.wrapper .theme ul li.orange3.eight {
	background: #ff522e !important;
}
.wrapper .theme ul li.orange3.nine {
	background: #d9b5df;
}
.wrapper .theme ul li.orange3.ten {
	background: #7a434b;
}
/*orange4*/
.wrapper .theme ul li.orange4.one {
	background: #d10bdb !important;
}
.wrapper .theme ul li.orange4.two {
	background: #ff5bff !important;
}
.wrapper .theme ul li.orange4.three {
	background: #ff5c5c !important;
}
.wrapper .theme ul li.orange4.four {
	background: #fff !important;
}
.wrapper .theme ul li.orange4.five {
	background: #ff00ff !important;
}
.wrapper .theme ul li.orange4.six {
	background: #adff2f !important;
}
.wrapper .theme ul li.orange4.seven {
	background: #000 !important;
}
.wrapper .theme ul li.orange4.eight {
	background: #0c5adb !important;
}
.wrapper .theme ul li.orange4.nine {
	background: #ff8303 !important;
}
.wrapper .theme ul li.orange4.ten {
	background: #f7ea00 !important;
}
/*orange5*/
.wrapper .theme ul li.orange5.one {
	background: #fc9a98 !important;
}
.wrapper .theme ul li.orange5.two {
	background: #fda0f2 !important;
}
.wrapper .theme ul li.orange5.three {
	background: #fdc4e2 !important;
}
.wrapper .theme ul li.orange5.four {
	background: #fff !important;
}
.wrapper .theme ul li.orange5.five {
	background: #bcecac !important;
}
.wrapper .theme ul li.orange5.six {
	background: #000 !important;
}
.wrapper .theme ul li.orange5.seven {
	background: #0c5adb !important;
}
.wrapper .theme ul li.orange5.eight {
	background: #0da21a !important;
}
.wrapper .theme ul li.orange5.nine {
	background: #9dd2b5 !important;
}
.wrapper .theme ul li.orange5.ten {
	background: #f7ea00 !important;
}
.wrapper.active {
	transform: translate(-334px);
	transition: 0.5s;
}
.theme {
	height: 100%;
	width: 88%;
}
.theme h2 {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 4px !important;
}
.title h2 {
	margin-bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
}
/*slick slider*/
.slider,
.slide {
	height: 870px;
}
.slide {
	position: relative;
}
.slide .slide__img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
@media (min-width: 992px) {
	.slide .slide__img {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
}
.slide .slide__img img {
	width: 1920px;
	height: 900px;
	opacity: 1 !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	transition: all 1s ease;
}
.slide .slide__content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.slide .slide__content.slide__content__left {
	left: 15%;
	transform: translate(-15%, -50%);
}
.slide .slide__content.slide__content__right {
	right: 15%;
	left: auto;
	transform: translate(5%, -50%);
}
.slide__content--headings.text-right {
	text-align: right;
}
.slide .slide__content--headings {
	color: #fff;
}
.slide .slide__content--headings h2 {
	font-size: 4.5rem;
	margin: 10px 0;
	color: #fff;
}
.slide .slide__content--headings .animated {
	transition: all 0.5s ease;
}
.slide .slide__content--headings .top-title {
	font-size: 17px;
	width: 63%;
	margin: 20px auto 45px;
	line-height: 1.6;
}
.slide .slide__content--headings .title {
	font-size: 72px;
	line-height: 1.1;
}
.slick-btn a {
	padding: 20px 37px;
	color: #fff;
	background: #1c3b57;
	letter-spacing: 1px;
	font-size: 17px;
	display: inline-block;
	margin-right: 49px;
}
.slick-btn a:hover {
	background: #cc7a31;
	color: #fff;
}
.slick-btn {
	display: inline-block;
}
.slider [data-animation-in] {
	opacity: 0;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	transition: opacity 0.5s ease 0.3s;
}
.slick-dotted .slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	display: block;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.simple-dots .slick-dots li {
	width: 20px;
	height: 20px;
}
.simple-dots .slick-dots li button {
	border-radius: 50%;
	background-color: white;
	opacity: 0.25;
	width: 20px;
	height: 20px;
}
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
	opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
	color: white;
	opacity: 0.75;
}
.stick-dots .slick-dots li {
	height: 3px;
	width: 50px;
}
.stick-dots .slick-dots li button {
	position: relative;
	background-color: white;
	opacity: 0.25;
	width: 50px;
	height: 3px;
	padding: 0;
}
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
	opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
	color: white;
	opacity: 0.75;
}
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
	opacity: 1;
}
/*style-two*/
.slide.style-two .slide__content--headings .top-title {
	width: 63%;
	margin: 13px 0 40px auto;
}
.slide.style-two .slick-btn a {
	margin-right: 0;
}
.slick-button {
	position: relative;
}
.slide.style-two .banner-video {
	position: absolute;
	left: 46%;
}
/*style three slider*/
.slide.style-three .slide__content--headings .top-title {
	font-size: 17px;
	width: 63%;
	margin: 15px 0 45px 0;
	line-height: 1.6;
}
/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
	from {
		transform: scale3d(2, 2, 2);
	}
	to {
		transform: scale3d(2.1, 2.1, 1.1);
	}
}
@keyframes zoomInImage {
	from {
		transform: scale3d(1, 1, 1);
	}
	to {
		transform: scale3d(1.1, 1.1, 1.1);
	}
}
.zoomInImage {
	-webkit-animation-name: zoomInImage;
	animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		transform: scale3d(2, 2, 3);
	}
}

@keyframes zoomOutImage {
	from {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}
.zoomOutImage {
	-webkit-animation-name: zoomOutImage;
	animation-name: zoomOutImage;
}
.slick-nav {
	--active: #fff;
	--border: rgba(255, 255, 255, 0.12);
	width: 44px;
	height: 44px;
	position: absolute;
	cursor: pointer;
	top: calc(50% - 44px);
}
.slick-nav.prev-arrow {
	left: 3%;
	transform: scaleX(-1);
	z-index: 999;
}
.slick-nav.next-arrow {
	left: auto;
	right: 3%;
}
.slick-nav i {
	display: block;
	position: absolute;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
}
.slick-nav i:before,
.slick-nav i:after {
	content: '';
	width: 10px;
	height: 2px;
	border-radius: 1px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--active);
	margin: -1px 0 0 -5px;
	display: block;
	transform-origin: 9px 50%;
}
.slick-nav i:before {
	transform: rotate(-40deg);
}
.slick-nav i:after {
	transform: rotate(40deg);
}
.slick-nav:before,
.slick-nav:after {
	content: '';
	display: block;
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 50%;
	border: 2px solid var(--border);
}
.slick-nav svg {
	width: 44px;
	height: 44px;
	display: block;
	position: relative;
	z-index: 1;
	color: var(--active);
	stroke-width: 2px;
	stroke-dashoffset: 126;
	stroke-dasharray: 126 126 0;
	transform: rotate(0deg);
}
.slick-nav.animate svg {
	-webkit-animation: stroke 1s ease forwards 0.3s;
	animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
	-webkit-animation: arrow 1.6s ease forwards;
	animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
	-webkit-animation: arrowUp 1.6s ease forwards;
	animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
	-webkit-animation: arrowDown 1.6s ease forwards;
	animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}
	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}
	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}

@keyframes stroke {
	52% {
		transform: rotate(-180deg);
		stroke-dashoffset: 0;
	}
	52.1% {
		transform: rotate(-360deg);
		stroke-dashoffset: 0;
	}
	100% {
		transform: rotate(-180deg);
		stroke-dashoffset: 126;
	}
}
@-webkit-keyframes arrow {
	0%,
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	23% {
		transform: translateX(17px);
		opacity: 1;
	}
	24%,
	80% {
		transform: translateX(-22px);
		opacity: 0;
	}
	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}
@keyframes arrow {
	0%,
	100% {
		transform: translateX(0);
		opacity: 1;
	}
	23% {
		transform: translateX(17px);
		opacity: 1;
	}
	24%,
	80% {
		transform: translateX(-22px);
		opacity: 0;
	}
	81% {
		opacity: 1;
		transform: translateX(-22px);
	}
}
@-webkit-keyframes arrowUp {
	0%,
	100% {
		transform: rotate(-40deg) scaleX(1);
	}
	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}
@keyframes arrowUp {
	0%,
	100% {
		transform: rotate(-40deg) scaleX(1);
	}
	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}
@-webkit-keyframes arrowDown {
	0%,
	100% {
		transform: rotate(40deg) scaleX(1);
	}
	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}
@keyframes arrowDown {
	0%,
	100% {
		transform: rotate(40deg) scaleX(1);
	}
	20%,
	80% {
		transform: rotate(0deg) scaleX(0.1);
	}
}

/*==============================
    footer bottom
==============================*/
.footer-bottom-area {
	background-image: linear-gradient(to right, #fb7a64, #cb7931);
	padding: 22px 0 11px;
}
.footer-social-address {
	float: right;
}
.footer-social-address ul li {
	display: inline-block;
	margin-left: 22px;
}
.footer-social-address ul li a {
	color: #fff;
	display: inline-block;
	letter-spacing: 1.6px;
	transition: 0.5s;
	font-size: 14px;
}
.footer-social-address ul li a:hover {
	color: #1a4264;
}
.footer-bottom-content p {
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
}
/*subscribe-area subscribe-area */
.subscribe-area ::-moz-placeholder {
	/* Firefox 19+ */
	color: #a0a1a2 !important;
	font-size: 16px;
	font-weight: 400;
}
.subscribe-area :-ms-input-placeholder {
	/* IE 10+ */
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
}
.subscribe-area :-moz-placeholder {
	color: #a0a1a2 !important;
	font-size: 16px;
	font-weight: 400;
}
.footer-text-menu {
	text-align: right;
}
.footer-text-menu ul li {
	list-style: none;
	display: inline-block;
}
.footer-text-menu ul li a {
	display: inline-block;
	margin-left: 19px;
	color: #f8f9fe;
}
/*scrollup section*/
.scroll-area {
	position: relative;
	z-index: 999;
}
.scroll-area .go-top {
	position: fixed;
	cursor: pointer;
	top: 0;
	right: 30px;
	color: #ffffff;
	background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	z-index: 9999;
	width: 45px;
	text-align: center;
	height: 45px;
	line-height: 42px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.9s ease-out 0s;
	-moz-transition: all 0.9s ease-out 0s;
	-ms-transition: all 0.9s ease-out 0s;
	-o-transition: all 0.9s ease-out 0s;
	transition: all 0.9s ease-out 0s;
	border-radius: 10px;
}
.scroll-area .go-top i {
	position: absolute;
	top: 50%;
	left: -4px;
	right: 0;
	margin: 0 auto;
	font-size: 15px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-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;
}
.scroll-area .go-top i:last-child {
	opacity: 0;
	visibility: hidden;
	top: 60%;
}
.scroll-area .go-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	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;
	border-radius: 100%;
}
.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
	color: #fff;
}
.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
	opacity: 1;
	visibility: visible;
}
.scroll-area .go-top:focus i:first-child,
.scroll-area .go-top:hover i:first-child {
	opacity: 0;
	top: 0;
	visibility: hidden;
}
.scroll-area .go-top:focus i:last-child,
.scroll-area .go-top:hover i:last-child {
	opacity: 1;
	visibility: visible;
	top: 50%;
}
.scroll-area .go-top.active {
	top: 95%;
	-webkit-transform: translateY(-98%);
	-moz-transform: translateY(-98%);
	-ms-transform: translateY(-98%);
	-o-transform: translateY(-98%);
	transform: translateY(-97%);
	opacity: 1;
	visibility: visible;
	border-radius: 0;
	right: 58px;
	border-radius: 100%;
}
.top-wrap {
	position: relative;
}
.top-wrap .go-top-button {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	top: 3px;
	z-index: 1;
	background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background: #cb7931;
	background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
}
.top-wrap .go-top-button i {
	font-size: 20px;
	font-weight: 700;
	padding-left: 4px;
	color: #fff;
}
.top-wrap .go-top-button::after {
	z-index: -1;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	-webkit-animation: ripple 1.6s ease-out infinite;
	-moz-animation: ripple 1.6s ease-out infinite;
	-o-animation: ripple 1.6s ease-out infinite;
	animation: ripple 1.6s ease-out infinite;
	opacity: 0;
	background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
	border-radius: 100%;
}
.top-wrap .go-top-button:hover {
	background-color: #222;
	color: #fff;
}
@keyframes ripple {
	0%,
	35% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
	}
}

/*Loader*/

.loader-wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: 0.8s 1s ease;
	z-index: 666;
}
.loader {
	position: relative;
	display: block;
	z-index: 201;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border-radius: 50%;
	transition: all 1s 1s ease;
	border: 3px solid transparent;
	border-top-color: #9a241c;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
.loader:before {
	position: absolute;
	content: '';
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-left-color: #ff3c00;
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	-o-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.loader:after {
	position: absolute;
	content: '';
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-right-color: #fff;
	-webkit-animation: spin 2.5s linear infinite;
	-moz-animation: spin 2.5s linear infinite;
	-o-animation: spin 2.5s linear infinite;
	animation: spin 2.5s linear infinite;
}
/* Here comes the Magic */

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loader-wrapper .loder-section {
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	background: #111;
	z-index: 2;
}
.loader-wrapper .loder-section.left-section {
	left: 0;
	transition: 1s 1.4s ease;
}
.loader-wrapper .loder-section.right-section {
	right: 0;
	transition: 1s 1.4s ease;
}

/* When page loaded */
.loaded .loder-section.left-section {
	left: -100%;
}
.loaded .loder-section.right-section {
	right: -100%;
}
.loaded .loader-wrapper {
	visibility: hidden;
}
.loaded .loader {
	top: -100%;
	opacity: 0;
}