@import url('global.css');

@import url('font-awesome.css');

@import url('flaticon.css');

@import url('animate.css');

@import url('owl.css');

@import url('slick.css');

@import url('preloader.css');

@import url('animation.css');

@import url('jquery-ui.css');

@import url('custom-animate.css');

@import url('magnific-popup.css');

@import url('odometer-theme-default.css');

@import url('jquery.mCustomScrollbar.min.css');



/*** 



====================================================================

	Main Header style

====================================================================



***/



.big-text {

    display: none;

}

.main-header{

	position:relative;

	z-index:999;

	width:100%;

}

.logo {

    width:500px!important;

	height: auto;

}

/* Header Top */



.header-top{

	position:relative;

	background-color:var(--color-two);

}



.header-top .top-left{

	position: relative;

	float:left;

	padding:11px 0px 0;

}



.header-top .top-left .text{

	font-size:var(--font-15);

	color:var(--color-three);

}



.header-top .top-left .text a{

	position:relative;

    color: rgb(208 157 10);

}



.header-top .top-right{

	position: relative;

}

.sec-title.alternate h2 {
    padding-bottom: var(--padding-zero);
    line-height: 48px;
    font-weight: 800;
    color: rgb(15 52 90);
    /* margin-bottom: var(--margin-bottom-10); */
    font-size: 39px;
}

.header-top .top-right .clock{

	position: relative;

	float:left;

	margin:14px 0px;

	padding-left:25px;

	display:inline-block;

	color:var(--color-three);

	font-size:var(--font-15);

	margin-right:var(--margin-right-30);

}



.header-top .top-right .clock:before{

	position:absolute;

	content:'\f017';

	left:0px;

	top:0px;

	color:var(--color-three);

	font-family: 'FontAwesome';

}
a.iso-sec.btn-style-one.theme-btn {
    margin-top: 30px;
}

a.iso-sec.btn-style-one.theme-btn span {
    font-size: 21px;
}
.header-top .top-right .social-box{

	position:relative;

	float:left;

	padding:13px 0px 13px 15px;

}
h2.t-cent {
    text-align: center;
    padding-bottom: 26px;
}
img.img-cen {
    display: block;
    margin: auto;
    position: relative;
    /* left: 50%; */
    background: white;
    padding: 10px;
    border: 2px solid #d09d09;
    width: 383px;
}


.header-top .top-right .social-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	bottom:0px;

	width:1px;

	opacity:0.50;

	transform:rotate(20deg);

	background-color:var(--color-three);

}



.header-top .top-right .social-box a{

	position:relative;

	display:inline-block;

	color:var(--color-three);

	font-size:var(--font-18);

	margin-left:var(--margin-left-15);

}



.header-top .top-right .social-box a:hover{

	color:var(--white-color);

}



.main-header .main-box{

	position:relative;

	padding:0px 0px;

	left:0px;

	top:0px;

	width:100%;

	background:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-box .outer-container{

	position:relative;

	padding:0px 40px;

}



.main-header .main-box .logo-box{

	position:relative;

	float:left;

	left:0px;

	z-index:10;

	padding:30px 0px;

}



.main-header .main-box .logo-box .logo img{

	display:inline-block;

	max-width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;	

}



.main-header .header-upper{

	position: relative;

    background-color: var(--white-color);

    padding-top: 8px;

    padding-bottom: 1px;

}



.main-header .header-upper .logo-box{

	position: relative;

	padding:11px 0px;

}



.main-header .header-upper .logo-box .logo{

	position:relative;

}



.main-header .header-upper .upper-right{

	position:relative;

	padding-top:var(--padding-top-15);

	padding-bottom: 37px;

}

.cta-style{

	padding: 0px;

    margin: 0px;

}

.main-header .info-box{

	position:relative;

	float:left;

	z-index:1;

	text-align:left;

	color:var(--color-five);

	font-size:var(--font-15);

	padding: 3px 23px 2px 55px;

	/* margin-left:var(--margin-left-50); */

}

.tit-slide{

	font-size: 36px!important;

    line-height: 50px;

}

.why_list_1sa {padding:0;margin:0;list-style:none;line-height: 28px;}

.why_list_1sa li{display:block;font-size:17px;color:rgb(22 22 22);padding:4px 15px;position:relative;border-bottom:0;float:left;width:100%;}

.why_list_1sa li span {display:block;float:left;width:100%;background:#1c1f26;padding:20px 20px 20px 20px;}

.why_list_1sa li strong {

    color: #fff;margin-bottom:6px;

    display: block;

    font-weight: 600;

    font-size: 17px;}

.why_list_1sa li img {max-width:40px;margin:0 0 10px;}

.why_list_1sa li:last-child{border-bottom:0 solid #373d42}

.why_list_1sa li i{position:absolute;left:0;font-size:20px;margin-top:1px;color:#e49715}

.main-header .info-box .icon-box{

	position:absolute;

	left:0px;

	top:3px;

	font-size:36px;

	line-height:1em;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

	color: rgb(208 157 10);

	font-family: "Flaticon";

}

.contlogo{

	padding-left: 0%!important;

}

.main-header .info-box ul li{

    position: relative;

    line-height: 21px;

    margin-bottom: 2px;

    font-weight: 400;

    color: #000;

    font-size: var(--font-15);

    /* text-transform: capitalize; */

}



.main-header .info-box strong{

	position:relative;

	font-weight:500;

	font-size:var(--font-15);

	color:var(--color-four);

	text-transform:capitalize;

	font-family:var(--font-family-BeVietnam);

}



.main-header .header-lower{

	position:absolute;

	left:0px;

	right:0px;

	bottom: -44px;

}



.main-header .header-lower:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	right:0px;

	top:0px;

	/* background-color: rgb(208 157 10); */

	background-color: rgb(31 84 139);

}



.main-header .header-lower .inner-container{

	position:relative;

}



.main-header .header-lower .inner-container:after{

	display:none;

}



.main-header .nav-outer{

	position:relative;

	float:right;

}



.main-header .nav-outer:before{

	position:absolute;

	content:'';

	left:-2%;

	bottom:0px;

	right:0px;

	top:0px;

	transform: skewX(-30deg);

	/* background-color: rgb(208 157 10); */

	background-color: rgb(31 84 139);

}



.main-header .outer-box{

	position: relative;

	float:right;

	padding: 23px 0px 20px;

}



/* Search Box Outer */







.main-header .btn-box{

	position:relative;

	float:left;

}



/* Main Menu */



.main-header .main-menu{

	position:relative;

	float:left;

	margin-left:var(--margin-left-40);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-header .main-menu .navbar-collapse{

	padding:0px;

	float: left;

	display:block !important;

	margin-top: -6px;	

}

.logo-mar{

margin-top: 3px;

}

.main-header .main-menu .navigation{

	position:relative;

	margin:0px;

	margin-top: 13px;

	margin-bottom: 9px;

	

}



.main-header .main-menu .navigation > li{

	position:relative;

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	margin-right:var(--margin-right-35);

}



.main-header .sticky-header .main-menu .navigation > li > a{

	padding:23px 0px;

	color:var(--dark-color);

}



.main-header .sticky-header .main-menu .navigation > li:hover > a,

.main-header .sticky-header .main-menu .navigation > li.current > a{

	color: rgb(104 76 15);

	background-color:inherit !important;

}



.main-header .sticky-header .nav-outer .options-box{

	margin-top:45px;

}



/* Sticky Header */



.main-header .sticky-header{

	position:fixed;

	opacity:0;

	visibility:hidden;

	left:0px;

	top:0px;

	width:100%;

	padding:0px 0px;

	background:#ffffff;

	z-index:0;

	border-bottom: 0px solid #e8f1f7;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .sticky-header .mobile-nav-toggler{

	float:right;

	color:#000000;

	font-size:24px;

	padding:20px 0px;

	display:none;

	font-family: "Flaticon";

}



.main-header .sticky-header .logo{

	padding:7px 0px 6px;

}



.main-header.fixed-header .sticky-header{

	z-index:999;

	opacity:1;

	visibility:visible;

	-ms-animation-name: fadeInDown;

	-moz-animation-name: fadeInDown;

	-op-animation-name: fadeInDown;

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-ms-animation-duration: 500ms;

	-moz-animation-duration: 500ms;

	-op-animation-duration: 500ms;

	-webkit-animation-duration: 500ms;

	animation-duration: 500ms;

	-ms-animation-timing-function: linear;

	-moz-animation-timing-function: linear;

	-op-animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-ms-animation-iteration-count: 1;

	-moz-animation-iteration-count: 1;

	-op-animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;	 

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);

    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);

    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);

}



.main-header .main-menu .navigation > li > a{

	position:relative;

	font-size: 16px;

	display:block;

	color:#ffffff;

	text-align:center;

	line-height:30px;

	text-transform: capitalize;

	letter-spacing:0px;

	opacity:1;

	font-weight:500;

    padding: 11px 0px;

	font-size:var(--font-17);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-Poppins);

}



.main-header .main-menu .navigation > li.dropdown > a{

	padding-right:15px !important;

}



.main-header .main-menu .navigation > li.dropdown > a:before{

	font-family: 'FontAwesome';

    content: "\f107";

    position: absolute;

    right: 0px;

    font-size: 13px;

    line-height: 34px;

}



.main-header .main-menu .navigation > li:before{

	position:absolute;

	content:'';

	left:50%;

	bottom:0px;

	opacity:0;

	margin-left:-7px;

	border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 10px solid var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li:hover::before,

.main-header .main-menu .navigation > li.current::before{

	opacity:1;

	z-index:1;

}



.main-header .sticky-header .main-menu .navigation > li{

	position:relative;

	margin-left:25px;

	margin-right:0px;

}



.main-header .main-menu .navigation > li:hover > a,

.main-header .main-menu .navigation > li.current > a{

	opacity:1;

	color:#ffffff;

}



.main-header .main-menu .navigation > li > ul{

	position:absolute;

	width:15rem;

	transform: perspective(300px) scaleY(0) translateZ(30px);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	opacity: 0;

	visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

	border-radius:0px;

	background-color: rgb(31 84 139);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-header .main-menu .navigation > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-header .main-menu .navigation > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid rgba(255,255,255,0.20);

}



.main-header .main-menu .navigation > li > ul > li:last-child{

	border-bottom:none;

}



.main-header .main-menu .navigation > li > ul > li > a{

	position:relative;

	display:block;

	padding:13px 18px;

	line-height:24px;

	font-weight:500;

	font-size:var(--font-14);

	text-transform:capitalize;

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-Poppins);

}



.main-header .sticky-header .main-menu .navigation > li > a{

	padding:19px 0px;

}



.main-header .main-menu .navigation > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:13px;

	opacity:0;

	font-size:var(--font-10);

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li > ul > li:hover > a::before{

	opacity:1;

}



.main-header .sticky-header .main-menu .navigation > li > a:before{

	top:18px !important;

}



.main-header .main-menu .navigation > li > ul > li:hover > a{

	padding-left:30px;

}



.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position:absolute;

	right:15px;

	top:13px;

	width:10px;

	height:20px;

	z-index:5;

	display:block;

	line-height:20px;

	font-weight:normal;

	text-align:center;

	font-size:var(--font-20);

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li > ul > li.dropdown:hover > a:after{

	color:#222222;

}



.main-header .main-menu .navigation > li > ul > li > ul{

	position:absolute;

	left:100%;

	top:0px;

	width:15rem;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	-o-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: top;

	-ms-transform-origin: top;

	-o-transform-origin: top;

	transform-origin: top;

	opacity: 0;

	visibility: hidden;

    visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

	border-radius:0px;

	background-color:var(--main-color);

	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);

}



.main-header .main-menu .navigation > li > ul > li > ul.from-right{

	left:auto;

	right:0px;	

}



.main-header .main-menu .navigation > li > ul > li > ul > li{

	position:relative;

	width:100%;

	border-bottom:1px solid rgba(255,255,255,0.20);

}



.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{

	border-bottom:none;	

}



.main-header .main-menu .navigation > li > ul > li > ul > li > a{

	position:relative;

	display:block;

	padding:13px 18px;

	line-height:24px;

	font-weight:500;

	font-size:var(--font-16);

	text-transform:capitalize;

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: var(--font-family-Poppins);

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	

}



.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{

	position:absolute;

	content:'//';

	left:10px;

	top:13px;

	opacity:0;

	font-size:var(--font-10);

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{

	opacity:1;

}



.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{

	padding-left:30px;

}



.main-header .main-menu .navigation > li.dropdown:hover > ul{

	transform: perspective(300px) scaleY(1) translateZ(0);

	opacity: 1;

	visibility: visible;

}



.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	-o-transform: scaleY(1);

	transform: scaleY(1);

	opacity: 1;

	visibility: visible;

}



.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{

	position:absolute;

	right:10px;

	top:6px;

	width:30px;

	height:30px;

	text-align:center;

	color:#ffffff;

	line-height:28px;

	border:1px solid #ffffff;

	background-size:20px;

	cursor:pointer;

	z-index:5;

	display:none;

}



.main-header .search-box{

	position:relative;

	float:left;

	width:160px;

	padding:33px 0px;

}



.main-header .search-box .form-group{

	position:relative;

	margin:0px;	

}



.main-header .search-box .form-group input[type="text"],

.main-header .search-box .form-group input[type="search"]{

	position:relative;

	line-height:38px;

	padding:10px 50px 10px 20px;

	background:none;

	display:block;

	font-size:14px;

	width:100%;

	height:30px;

	color:#ffffff;

	border-radius:0px;

	font-weight:600;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	border-left:1px solid #005df7;

}



.main-header .search-box .form-group textarea::-webkit-input-placeholder,

.main-header .search-box .form-group input::-webkit-input-placeholder{

	color:#ffffff;

}



.main-header .search-box .form-group button{

	position:absolute;

	right:0px;

	top:8px;

	display:block;

	font-size:16px;

	color:#ffffff;

	cursor:pointer;

	line-height:100%;

	font-weight:normal;

	background:none;

}



.main-header .header-lower .options-box{

	position:relative;

	float:right;

	padding:10px 15px 10px;

}



.main-header .header-lower .options-box .option-inner:before{

	position:absolute;

	content:'';

	left:-10px;

	top:-10px;

	bottom:-10px;

	width:110%;

	background-color:#005df7;

	border-radius:50px 50px 50px 50px;

}



.main-header .header-lower .options-box .option-inner{

	position:relative;

	padding-left:70px;

}



.main-header .header-lower .options-box .option-inner .icon{

	position:absolute;

	left:0px;

	top:0px;

	color:#ffffff;

	font-size:50px;

	line-height:1em;

}



.main-header .header-lower .options-box .option-inner .number{

	position:relative;

}



.main-header .header-lower .options-box .option-inner .number span{

	position:relative;

	display:block;

	color:#ffffff;

	margin-bottom:3px;

	text-transform:uppercase;

}



.main-header .header-lower .options-box .option-inner .number a{

	position:relative;

	font-weight:800;

	font-size:22px;

	color:#ffffff;

}



.main-header .info-box .social-nav{

	position:relative;

	margin-top:4px;

}



.main-header .info-box .social-nav li{

	position:relative;

	margin-left:8px;

	display:inline-block;

}



.main-header .info-box .social-nav li a{

	position:relative;

	width:40px;

	height:40px;

	color:#222222;

	line-height:38px;

	font-size:16px;

	text-align:center;

	display:inline-block;

	-moz-transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	transition:all 300ms ease;

	border:1px solid #222222;

}



.main-header .info-box .social-nav li a:hover{

	color:#ffffff;

	background-color:#222222;

}







/*** 



====================================================================

	Mobile Menu

====================================================================



***/



.main-header .nav-outer .mobile-nav-toggler{

	position: relative;

	float: right;

	font-size: 26px;

	line-height: 50px;

	cursor: pointer;

	color:#ffffff;

	display: none;

	font-family: "Flaticon";

}



.main-header .mobile-menu{

	position: fixed;

	right: 0;

	top: 0;

	width: 300px;

	padding-right:30px;

	max-width:100%;

	height: 100%;

	visibility: hidden;

	z-index: 999999;

}



.main-header .mobile-menu .nav-logo{

	position:relative;

	padding:20px 20px;

	text-align:left;	

}



.main-header .mobile-menu .nav-logo img{

	max-width:200px;

}



.mobile-menu-visible{

	overflow: hidden;

}



.mobile-menu-visible .mobile-menu{

	visibility: visible;

}



.mobile-menu .menu-backdrop{

	position: fixed;

	right: 0;

	top: 0;

	width: 0%;

	height: 100%;

	z-index: 1;

	background: rgba(0,0,0,0.90);

	-webkit-transform: translateX(101%);

	-ms-transform: translateX(101%);

	transform: translateX(101%);

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.mobile-menu-visible .mobile-menu .menu-backdrop{

	opacity: 1;

	width:100%;

	visibility: visible;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	-webkit-transform: translateX(0%);

	-ms-transform: translateX(0%);

	transform: translateX(0%);

}



.mobile-menu .menu-box{

	position: absolute;

	right: -400px;

	top: 0px;

	width: 100%;

	height: 100%;

	max-height: 100%;

	overflow-y: auto;

	background: #ffffff;

	padding: 0px 0px;

	z-index: 5;

	border-radius: 0px;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.mobile-menu-visible .header-style-five .mobile-menu{

	right:0px;

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.mobile-menu-visible .mobile-menu .menu-box{

	right:0px;

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.mobile-menu .close-btn{

	position: absolute;

	right: 15px;

	top: 15px;

	line-height: 30px;

	width: 30px;

	text-align: center;

	font-size: 14px;

	color: #202020;

	cursor: pointer;

	z-index: 10;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	transition:all 0.5s ease;

	-webkit-transform: translateY(-50px);

	-ms-transform: translateY(-50px);

	transform: translateY(-50px);

}



.mobile-menu-visible .mobile-menu .close-btn{

	-webkit-transform: translateY(0px);

	-ms-transform: translateY(0px);

	transform: translateY(0px);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.mobile-menu .close-btn:hover{

	opacity: 0.50;

}



.mobile-menu .navigation{

	position: relative;

	display: block;

	width:100%;

	border-top: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li{

	position: relative;

	display: block;

	border-bottom: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > ul > li:last-child{

	border-bottom: none;

}



.mobile-menu .navigation li > ul > li:first-child{

	border-top: 1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > a{

	position: relative;

	display: block;

	line-height: 24px;

	padding: 10px 20px;

	font-size: 15px;

	color: #404040;

	text-transform: capitalize;

}



.mobile-menu .navigation li:hover > a,

.mobile-menu .navigation li.current > a{

	color:#111111;

}



.mobile-menu .navigation li.dropdown .dropdown-btn{

	position:absolute;

	right:0px;

	top:0px;

	width:44px;

	height:44px;

	text-align:center;

	font-size:16px;

	line-height:44px;

	color:#404040;

	cursor:pointer;

	z-index:5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn:after{

	content:'';

	position:absolute;

	left:0px;

	top:10px;

	width:1px;

	height:24px;

	border-left:1px solid rgba(0,0,0,0.10);

}



.mobile-menu .navigation li > ul,

.mobile-menu .navigation li > ul > li > ul{

	display: none;

}



.main-header .sticky-header .navbar-header,

.header-style-five .sticky-header .navbar-header{

	display:none;

}







.close-side-widget,

.close-side-widget:hover{

	color:#ffffff;

	font-size:24px;

}



.main-header .header-upper .outer-box .nav-btn{

	position:relative;

	float:left;

	font-size:25px;

	color:#222222;

	cursor:pointer;

	margin-top:19px;

	margin-left:25px;

}



.main-header .sticky-header .outer-box .nav-btn{

	position:relative;

	float:right;

	font-size:28px;

	color:#000000;

	cursor:pointer;

	margin-top:9px;

	margin-left:30px;

}



.main-header .sticky-header .outer-box .mobile-nav-toggler{

	position:relative;

	float:right;

	font-size:28px;

	color:#000000;

	cursor:pointer;

	margin-top:9px;

	margin-left:30px;

}



/*** 



====================================================================

	Main Slider

====================================================================



***/



.main-slider{

	position:relative;

	overflow:hidden;

	z-index:10;

	background-color:var(--color-seven);

}



.main-slider .image-layer{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	-webkit-transition: all 6000ms linear;

	-moz-transition: all 6000ms linear;

	-ms-transition: all 6000ms linear;

	-o-transition: all 6000ms linear;

	transition: all 6000ms linear;

}

.news-block-two h4 {

    font-size: 16px;

    font-weight: 600;

}

.main-slider .slide:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	z-index:1;

	background:url(../images/background/shadow-layer.png);

	background-repeat:repeat-y;

	background: rgb(18 18 17 / 43%);

}



.main-slider .slide{

	position:relative;

	overflow:hidden;

	background-size:cover;

	padding:140px 0px 500px;

	height: 600px;

}



.main-slider .active .slide .image-layer{

	-webkit-transform:scale(1.15);

	-ms-transform:scale(1.15);

	transform:scale(1.15);

}



.main-slider .slide .pattern-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	z-index:1;

}



.main-slider .slide .pattern-layer-two{

	position:absolute;

	left:0px;

	top:60px;

	width:253px;

	height:297px;

	z-index:1;

}



.main-slider .content-column{

	position:relative;

	z-index:2;

}



.main-slider .content-column .inner-column{

	position:relative;

}



.main-slider h1{

	opacity: 0;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--white-color);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-30);

}



.main-slider .active h1{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.main-slider .text{

	opacity: 0;

	max-width:580px;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--color-six);

	font-size:var(--font-18);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-35);

}



.main-slider .active .text{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

	font-size: 17px!important;

}



.main-slider .button-box{

	opacity:0;

	transform: scaleY(0);

	transform-origin: top;

	display:inline-block;

	-webkit-transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.main-slider .active .button-box{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.main-slider .owl-dots{

	display:none;

}



.main-slider .owl-nav{

	position:absolute;

	right:30px;

	top:50%;

	width:60px;

	transform:translateY(-50%);

}



.main-slider .owl-nav .owl-prev,

.main-slider .owl-nav .owl-next{

	position:relative;

	width:50px;

	height:50px;

	line-height:52px;

	text-align:center;

	border-radius:50%;

	display:inline-block;

	font-size:var(--font-18);

	color:var(--black-color);

	background-color:var(--white-color);

	margin-bottom:var(--margin-bottom-15);

	-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-family: "Flaticon";

}



.main-slider .owl-nav .owl-prev:hover,

.main-slider .owl-nav .owl-next:hover{

	color:var(--white-color);

    background-color: rgb(214 170 42);

}



/*** 



====================================================================

	Main Slider Two

====================================================================



***/



.main-slider-two{

	position:relative;

	overflow:hidden;

	z-index:10;

	background-color:var(--color-seven);

}



.main-slider-two .social-box{

	position:absolute;

	left:30px;

	bottom:150px;

	z-index:10;

	width:30px;

	writing-mode: vertical-rl;

	transform:rotate(180deg);

}



.main-slider-two .social-box li{

	position:relative;

	display:inline-block;

	margin-top:var(--margin-top-40);

}



.main-slider-two .social-box li a{

	position:relative;

	font-size:var(--font-16);

	color:var(--white-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.main-slider-two .social-box li a:hover{

	color:var(--color-twentyeight);

}



.main-slider-two .social-box li a::before{

	transform:rotate(90deg);

	display:inline-block;

}



.main-slider-two .social-box li span{

	position:relative;

	display:inline-block;

	margin-left:var(--margin-left-5);

	font-family:var(--font-family-BeVietnam);

}



.main-slider-two .image-layer{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	-webkit-transition: all 6000ms linear;

	-moz-transition: all 6000ms linear;

	-ms-transition: all 6000ms linear;

	-o-transition: all 6000ms linear;

	transition: all 6000ms linear;

}



.main-slider-two .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	width:100%;

	bottom:0px;

	z-index:1;

	opacity:0.50;

	background: var(--color-twentynine);

}



.main-slider-two .image-layer:after{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	width:60%;

	bottom:0px;

	z-index:1;	

	background: var(--main-color);

	background: -webkit-linear-gradient(to right, var(--color-twentynine) 0%, rgba(255,255,255,0) 100%);

	background: -moz-linear-gradient(to right, var(--color-twentynine) 0%, rgba(255,255,255,0) 100%);

	background: linear-gradient(to right, var(--color-twentynine) 0%, rgba(255,255,255,0) 100%);

}



.main-slider-two .slide{

	position:relative;

	overflow:hidden;

	background-size:cover;

	padding:200px 0px 270px;

}



.main-slider-two .active .slide .image-layer{

	-webkit-transform:scale(1.15);

	-ms-transform:scale(1.15);

	transform:scale(1.15);

}



.main-slider-two .content-column{

	position:relative;

	z-index:2;

}



.main-slider-two .content-column .inner-column{

	position:relative;

}



.main-slider-two .title{

	position:relative;

	opacity: 0;

	font-weight:700;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--white-color);

	font-size:var(--font-30);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-30);

	font-family:var(--font-family-BeVietnam);

}



.main-slider-two .title span{

	color:var(--color-twentyeight);

}



.main-slider-two .active .title{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.main-slider-two h1 span{

	color:var(--color-twentyeight);

}



.main-slider-two h1{

	opacity: 0;

	font-weight:800;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--white-color);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-30);

}



.main-slider-two .active h1{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.main-slider-two .text{

	opacity: 0;

	max-width:580px;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--color-six);

	font-size:var(--font-18);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-35);

}



.main-slider-two .active .text{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.main-slider-two .button-box{

	opacity:0;

	transform: scaleY(0);

	transform-origin: top;

	display:inline-block;

	-webkit-transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.main-slider-two .active .button-box{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.main-slider-two .phone-box{

	position:relative;

	margin-left:var(--margin-left-30);

	

	opacity:0;

	transform: scaleY(0);

	transform-origin: top;

	-webkit-transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.main-slider-two .phone-box .box-inner{

	position:relative;

	font-weight:700;

	color:var(--white-color);

	font-size:var(--font-16);

	padding-top:var(--padding-top-50);

	padding-left:var(--padding-left-110);

}



.main-slider-two .phone-box .box-inner:before{

	position:absolute;

	content:'';

	left:40px;

	top:40px;

	width:64px;

	height:59px;

	background:url(../images/icons/slider-icon.png) no-repeat;

}



.main-slider-two .phone-box .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:50px;

	height:50px;

	line-height:50px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	color:var(--white-color);

	font-size:var(--font-20);

	background-color:var(--color-twentyseven);

}



.main-slider-two .phone-box strong{

	position:relative;

	display:block;

	font-weight:700;

	color:var(--white-color);

	font-size:var(--font-24);

	margin-top:var(--margin-top-10);

	font-family: var(--font-family-Poppins);

}



.main-slider-two .active .phone-box{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.main-slider-two .pattern-layer{

	position:absolute;

	left:0px;

	bottom:0px;

	right:0px;

	height:206px;

	z-index:10;

	background-position:center bottom;

	background-size:cover;

}



.main-slider-two .owl-dots{

	display:none;

}



.main-slider-two .owl-nav{

	position:absolute;

	right:60px;

	top:50%;

	width:60px;

	transform:translateY(-50%);

}



.main-slider-two .owl-nav .owl-prev,

.main-slider-two .owl-nav .owl-next{

	position:relative;

	width:50px;

	height:50px;

	line-height:46px;

	text-align:center;

	border-radius:50%;

	display:inline-block;

	font-size:var(--font-18);

	color:var(--color-thirty);

	border:2px solid var(--color-thirty);

	margin-bottom:var(--margin-bottom-15);

	-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-family: "Flaticon";

	background-color: rgba(var(--black-color-rgb), 0.1);

}



.main-slider-two .owl-nav .owl-prev:hover,

.main-slider-two .owl-nav .owl-next:hover{

	color:var(--white-color);

	border-color:var(--main-color);

	background-color:var(--main-color);

}



/*** 



====================================================================

	Main Slider Three

====================================================================



***/



.main-slider-three{

	position:relative;

	overflow:hidden;

	z-index:10;

}



.main-slider-three .social-box{

	position:absolute;

	right:30px;

	top:120px;

	z-index:10;

	width:30px;

	writing-mode: vertical-rl;

	transform:rotate(180deg);

}



.main-slider-three .social-box li{

	position:relative;

	display:inline-block;

	margin-top:var(--margin-top-40);

}



.main-slider-three .social-box li a{

	position:relative;

	font-size:var(--font-16);

	color:var(--white-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.main-slider-three .social-box li a:hover{

	color:var(--color-fourtytwo);

}



.main-slider-three .social-box li a::before{

	transform:rotate(90deg);

	display:inline-block;

}



.main-slider-three .social-box li span{

	position:relative;

	display:inline-block;

	margin-left:var(--margin-left-5);

	font-family:var(--font-family-BeVietnam);

}



.main-slider-three .image-layer{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	-webkit-transition: all 6000ms linear;

	-moz-transition: all 6000ms linear;

	-ms-transition: all 6000ms linear;

	-o-transition: all 6000ms linear;

	transition: all 6000ms linear;

}



.main-slider-three .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	width:100%;

	bottom:0px;

	z-index:1;

	opacity:0.70;

	background: var(--color-fourty);

}



.main-slider-three .slide{

	position:relative;

	overflow:hidden;

	background-size:cover;

	padding:80px 0px 270px;

}



.main-slider-three .active .slide .image-layer{

	-webkit-transform:scale(1.15);

	-ms-transform:scale(1.15);

	transform:scale(1.15);

}



.main-slider-three .content-column{

	position:relative;

	z-index:2;

}



.main-slider-three .content-column .inner-column{

	position:relative;

	padding-top:var(--padding-top-110);

}



.main-slider-three .title{

	position:relative;

	opacity: 0;

	font-weight:700;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--white-color);

	font-size:var(--font-24);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	text-transform:uppercase;

	margin-bottom:var(--margin-bottom-25);

}



.main-slider-three .active .title{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.main-slider-three h1 span{

	color:var(--color-fourtytwo);

}



.main-slider-three h1{

	opacity: 0;

	font-weight:800;

	line-height:75px;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--white-color);

	font-size:var(--font-65);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-30);

}



.main-slider-three .active h1{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.main-slider-three .text{

	opacity: 0;

	max-width:540px;

	line-height:30px;

	transform: scaleY(0);

	transform-origin: top;

	color:var(--color-six);

	font-size:var(--font-18);

	-webkit-transition: all 1000ms ease;

	-moz-transition: all 100ms ease;

	-ms-transition: all 1000ms ease;

	-o-transition: all 1000ms ease;

	transition: all 1000ms ease;

	margin-bottom:var(--margin-bottom-35);

}



.main-slider-three .active .text{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.main-slider-three .button-box{

	opacity:0;

	transform: scaleY(0);

	transform-origin: top;

	display:inline-block;

	-webkit-transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.main-slider-three .active .button-box{

	opacity: 1;

	transform: scaleY(1);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.main-slider-three .image-column{

	position:relative;

	z-index:10;

}



.main-slider-three .image-column .inner-column{

	position:relative;

}



.main-slider-three .image-column .image{

	position:relative;

	border-radius:5px;

	margin-right:-50px;

	border:6px solid var(--color-thirtytwo);

	

	opacity:0;

	transform: scaleX(0);

	transform-origin: top;

	display:inline-block;

	-webkit-transition: all 900ms ease;

	-moz-transition: all 900ms ease;

	-ms-transition: all 900ms ease;

	-o-transition: all 900ms ease;

	transition: all 900ms ease;

}



.main-slider-three .active .image-column .image{

	opacity: 1;

	transform: scaleX(1);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.main-slider-three .pattern-layer{

	position:absolute;

	left:-6px;

	top:0px;

	bottom:0px;

	right:0px;

	z-index:1;

	background-position:left bottom;

	background-size:cover;

}



.main-slider-three .client-thumb-outer{

	position:absolute;

	left:-100px;

	right:15px;

	bottom:55px;

	z-index:999;

	max-width:330px;

	margin:0 auto;

	overflow:hidden;

	text-align:center;

}



.main-slider-three .client-thumb-outer .owl-item.active .thumb-item .thumb-box{

	z-index:999;

}



.main-slider-three .client-thumb-outer .owl-item.active .thumb-item .author-info{

	opacity:1;

}



.main-slider-three .client-thumb-outer .client-thumbs-carousel{

	position: relative;

    max-width: 90px;

    margin: 0 auto;

	text-align:center;

}



.main-slider-three .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{

	overflow:visible;

}



.main-slider-three .client-thumb-outer .thumb-item .thumb-box{

	width:90px;

	height:90px;

	cursor:pointer;

	border-radius:50%;

	margin: 0 auto;

	overflow:hidden;

	border:4px solid var(--white-color);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	transform:scale(0.9,0.9);

}



.main-slider-three .client-thumb-outer .owl-item{

	z-index:0;	

}



.main-slider-three .client-thumb-outer .owl-item.active .thumb-box{

	border-color:var(--color-fourtytwo);

}



.main-slider-three .client-thumb-outer .client-thumbs-carousel .thumb-item img{

	overflow:hidden;

	width:100%;

	height:100%;

	display:block;

	border-radius:0%;

}



.main-slider-three .owl-dots,

.main-slider-three .owl-nav{

	display:none;

}



/*** 



====================================================================

	Service Section

====================================================================



***/



.progress-wrap.active-progress {

    

    display: none!important;

}



/*** 



====================================================================

	Service Section

====================================================================



***/



.service-section{

	position:relative;

	z-index:10;

}



.service-section .inner-container{

	position:relative;

	/* margin-top:-385px; */

}



.service-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.service-block .inner-box{

	position:relative;

	overflow:hidden;

	border-radius:5px;

	padding:50px 40px 40px;

}



.service-block .inner-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-color: rgba(var(--black-color-rgb), 0.90);

}



.service-block .inner-box .icon{

	position:relative;

	line-height:1em;

	font-family: "Flaticon";

	font-size:var(--font-66);

	color:var(--white-color);

	display:inline-block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block .inner-box:hover .icon{

	transform:rotateY(180deg);

}



.service-block .inner-box h5{

	font-size:var(--font-22); 

	margin-bottom:var(--margin-bottom-35);

	padding-bottom:var(--padding-bottom-15);

}



.service-block .inner-box h5 a{

	position:relative;

	color:var(--white-color);

}



.service-block .inner-box h5:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:60px;

	height:3px;

	background-color: rgb(208 157 10);

}



.service-block .inner-box .read-more{

	position:relative;

	padding:14px 22px;

	border-radius:4px;

	font-weight:700;

	display:inline-block;

	font-size:var(--font-14);

	color:var(--white-color);

	text-transform:uppercase;

	background-color: rgb(208 157 10);

	font-family:var(--font-family-BeVietnam);

}



.service-block .inner-box .read-more span{

	position:relative;

	top:2px;

	font-family: "Flaticon";

	font-size:var(--font-16);

	margin-left:var(--margin-left-5);

}



.service-block .inner-box .shape-one{

	position:absolute;

	right:0px;

	top:40px;

	width:62px;

	height:86px;

	background-repeat:no-repeat;

}



.service-block .inner-box .shape-two{

	position:absolute;

	right:0px;

	top:20px;

	width:120px;

	height:166px;

	opacity:0;

	z-index:2;

	background-repeat:no-repeat;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.service-block .inner-box:hover .shape-two{

	opacity:1;

}



.service-block .inner-box:hover .image-layer{

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transform-origin: right center;

	-ms-transform-origin: right center;

	transform-origin: right center;

}



.service-block .inner-box .image-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	filter: blur(10px);

	-webkit-filter: blur(10px);

	background-repeat:no-repeat;

	border:1px solid rgba(255,255,255,1);

	

	transition: -webkit-transform 0.4s ease;

	transition: transform 0.4s ease;

	transition: transform 0.4s ease,-webkit-transform 0.4s ease;

	-webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center;

}



.service-block .inner-box .text{

	color:var(--color-seven);

	display:none;

	margin-bottom:var(--margin-bottom-40);

}





/*** 



====================================================================

	About Section

====================================================================



***/



.about-section{

	position:relative;

	overflow:hidden;

	

	padding: 57px 0px 21px;



}



.about-section .content-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.about-section .content-column .inner-column{

	position:relative;

	padding-left:var(--padding-left-30);

}



.about-section .content-column .lower-box{

	position:relative;

	margin-top:var(--margin-top-15);

	padding-top:var(--padding-top-40);

	margin-right:var(--margin-right-60);

	border-top:1px solid var(--color-nine);

}



.feature-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.feature-block .inner-box{

	position:relative;

	padding-left:var(--padding-left-75);

}



.feature-block .inner-box .icon{

	position:absolute;

	left:0px;

	top:-4px;

	line-height:1em;

	display:inline-block;

	color: rgb(212 163 24);

	font-size:var(--font-56);

	font-family: "Flaticon";

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.feature-block .inner-box:hover .icon{

	-webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.feature-block .inner-box h5{

	text-transform:uppercase;

	color:var(--black-color);

	line-height:24px;

}



.about-section .content-column .button-box{

	position:relative;

	float:left;

}



.about-section .content-column .phone-box{

	position:relative;

	float:left;

	margin-left:var(--margin-left-40);

}



.about-section .content-column .phone-box .box-inner{

	position:relative;

	font-size:var(--font-15);

	color:var(--color-eight);

	padding-top:var(--padding-top-5);

	padding-left:var(--padding-left-80)

}



.about-section .content-column .phone-box .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:60px;

	height:60px;

	line-height:60px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	font-size:var(--font-26);

	background-color:var(--color-ten);

}



.about-section .content-column .phone-box strong{

	position:relative;

	display:block;

	color:var(--black-color);

	font-size:var(--font-20);

	margin-top:var(--margin-top-5);

	font-family:var(--font-family-BeVietnam);

}



.about-section .image-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.about-section .image-column .inner-column{

	position:relative;

	z-index:10;

	padding-left:var(--padding-left-30);

	padding-right:var(--padding-right-60);

}



.about-section .image-column .counter-box{

	position:relative;

}



.about-section .image-column .counter-box .counter-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.about-section .image-column .counter-box h2{

	font-weight:700;

	color: rgb(211 153 13);

	font-size:var(--font-44);

	font-family:var(--font-family-BeVietnam);

}



.about-section .image-column .counter-box .counter-text{

	position:relative;

	font-weight:700;

	color:var(--black-color);

	font-size:var(--font-18);

	margin-top:var(--margin-top-5);

}



.about-section .image-column .image{

	position:relative;

	margin-top:var(--margin-top-20);

}



.about-section .image-column .image img{

	position:relative;

	width:100%;

	display:block;

	overflow:hidden;

	border-radius:25px;

}



.about-section .image-column .image .circle-layer{

	position:absolute;

	left:-30px;

	top:-20px;

	width:194px;

	height:194px;

	z-index:1;

	border-radius:50%;

	box-shadow:0px 5px 15px rgba(0,0,0,0.10);

}



.about-section .image-column .image .gear-icon-one{

	position:absolute;

	left:-70px;

	top:-70px;

	line-height:1em;

	font-size:280px;

	color:var(--white-color);

	font-family: "Flaticon";

}



.about-section .image-column .image .gear-icon-two{

	position:absolute;

	right:-100px;

	bottom:-100px;

	line-height:1em;

	font-size:350px;

	color:var(--white-color);

	font-family: "Flaticon";

}



/*** 



====================================================================

	Services Section

====================================================================



***/



.service-section-two{

	position:relative;

	padding: 58px 0px 58px;

}



.service-section-two .image-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	height:500px;

	background-size:cover;

}



.service-section-two .pattern-layer-one{

	position:absolute;

	left:7%;

	top:0%;

	width:405px;

	height:394px;

}



.service-section-two .pattern-layer-two{

	position:absolute;

	right:4%;

	top:40%;

	width:232px;

	height:235px;

}



.service-section-two .pattern-layer-three{

	position:absolute;

	left:0px;

	bottom:-80px;

	width:344px;

	height:281px;

	background-repeat:no-repeat;

}



.service-block-two{

	position:relative;

	z-index:20;

	margin-bottom:var(--margin-bottom-30);

}



.service-block-two .inner-box{

	position:relative;

	border-radius:6px;

	overflow:hidden;

	box-shadow:0px 10px 15px rgba(0,0,0,0.10);

}



.service-block-two .inner-box .image{

	position:relative;

}



.service-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.service-block-two .inner-box .overlay-box{

	position:absolute;

	left: -125px;

    bottom: 0px;

    right: -51px;

	z-index:1;

	padding-left:110px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-two .inner-box:hover .overlay-box{

	bottom:-120px;

}



.service-block-two .inner-box .overlay-box .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:100px;

	height:90px;

	line-height:90px;

	text-align:center;

	font-size:var(--font-44);

	color:var(--white-color);

	font-family: "Flaticon";

	color: rgb(29 82 138);

}



.service-block-two .inner-box .overlay-box .content{

	position:relative;

	padding:18px 25px 14px;

	background-color: rgb(255 255 255 / 70%);

}



.service-block-two .inner-box .overlay-box h5{

	font-size:var(--font-17);

}



.service-block-two .inner-box .overlay-box .title{

	position:relative;

	display:block;

	font-size:var(--font-15);

	margin-top:var(--margin-top-5);

}



.service-block-two .inner-box:hover .overlay-box-two{

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transform-origin: right center;

	-ms-transform-origin: right center;

	transform-origin: right center;

}



.service-block-two .inner-box .overlay-box-two{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	z-index:1;

	transition: -webkit-transform 0.4s ease;

	transition: transform 0.4s ease;

	transition: transform 0.4s ease,-webkit-transform 0.4s ease;

	-webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center;

}



.service-block-two .inner-box .overlay-box-two:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:30px;

	bottom:0px;

	opacity:0.90;

	background-color: rgba(255, 255, 255, 0.904)

}



.service-block-two .inner-box .overlay-box-two .icon-two{

	position:absolute;

	right:0px;

	top:0px;

	width:100px;

	height:90px;

	line-height:90px;

	text-align:center;

	font-size:var(--font-44);

	color:var(--white-color);

	font-family: "Flaticon";

	background-color:var(--color-eleven);

}



.service-block-two .inner-box .overlay-box-two .icon-two:after{

	position:absolute;

	content:'';

	right:0px;

	bottom:-18px;

	border-top: 18px solid var(--color-twelve);

	border-right: 30px solid transparent;

}



.service-block-two .inner-box .overlay-box-two .overlay-inner{

	position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: table;

    vertical-align: middle;

    padding: 10px 40px;

}



.service-block-two .inner-box .overlay-box-two .overlay-inner .overlay-content{

	position: relative;

    display: table-cell;

    vertical-align: middle;

}



.service-block-two .inner-box .overlay-box-two h5{

	line-height:26px;

	max-width:190px;

	font-size:var(--font-17);

}



.service-block-two .inner-box .overlay-box-two h5 a{

	position:relative;

	color:var(--black-color);

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

}



.service-block-two .inner-box .overlay-box-two h5 a:hover{

	color:var(--color-eleven);

}



.service-block-two .inner-box .overlay-box-two .text{

	line-height:28px;

	color:var(--color-eight);

	margin-top:var(--margin-top-15);

	margin-bottom:var(--margin-bottom-20);

	font-size: 14px;

}



.service-block-two .inner-box .overlay-box-two .read-more{

	position:relative;

	padding:14px 22px;

	border-radius:4px;

	font-weight:700;

	display:inline-block;

	font-size:var(--font-14);

	color:var(--white-color);

	text-transform:uppercase;

	background: #20548b;

	font-family:var(--font-family-BeVietnam);

}



.service-block-two .inner-box .overlay-box-two .read-more span{

	position:relative;

	top:1px;

	font-family: "Flaticon";

	font-size:var(--font-12);

	margin-left:var(--margin-left-5);

}



.service-block-two.style-two .inner-box .overlay-box .icon,

.service-block-two.style-two .inner-box .overlay-box-two .read-more,

.service-block-two.style-two .inner-box .overlay-box-two .icon-two{

	background: #20548b;

}



.service-block-two.style-two .inner-box .overlay-box-two h5 a:hover{

	color:var(--main-color);

}



.service-block-two.style-three .inner-box .overlay-box .icon,

.service-block-two.style-three .inner-box .overlay-box-two .read-more,

.service-block-two.style-three .inner-box .overlay-box-two .icon-two{

	background: #20548b;

}



.service-block-two.style-three .inner-box .overlay-box-two h5 a:hover{

	color:var(--color-thirteen);

}



.service-section-two .owl-nav .owl-prev{

	position: absolute;

    background: url(../images/left-arrow.png) no-repeat scroll 0 0;

	left: -63px;

    width: 82px;

    height: 87px;

}



.service-section-two .owl-nav .owl-next{

	position: absolute;

    background: url(../images/arrow-right.png) no-repeat scroll 0 0;

	right: -106px;

    width: 82px;

    height: 87px;

}



.service-section-two .owl-nav{

	position:absolute;

	left:50%;

	bottom:27px;

	width:100%;

	z-index:1;

	max-width:140px;

	transform:translateX(-50%);

}



.service-section-two .owl-dots{

	position: relative;

	display: block;

	text-align:center;

	counter-reset:slides-num;

	margin-top:var(--margin-top-15)

}



.service-section-two .owl-dots .owl-dot{

	position:relative;

	display: inline-block;

	vertical-align: top;

	counter-increment: slides-num;

}



.service-section-two .owl-dots .owl-dot span{

	position: relative;

	content:"0" counter(slides-num) "";

	display: block;

	font-size: var(--font-16);

	font-weight: 700;

	margin:0px 10px;

	color:var(--black-color);

	padding-bottom:5px;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

	font-family:var(--font-family-BeVietnam);

}



.service-section-two .owl-dots .owl-dot span:after{

	position:absolute;

	content:'/';

	right:-14px;

	top:0px;

	opacity:0;

	font-size: var(--font-14);

	color:var(--black-color);

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.service-section-two .owl-dots .owl-dot:hover span:after,

.service-section-two .owl-dots .owl-dot.active span:after{

	opacity:1;

}



.service-section-two .owl-dots .owl-dot span:before{

	position: relative;

	content:"0" counter(slides-num) "";

}



.service-section-two .owl-dots .owl-dot:hover span,

.service-section-two .owl-dots .owl-dot.active span{

	color: rgb(208 156 7);

	opacity:1;

}



.service-section-two .owl-dots .owl-dot:last-child span::after{

	display:none;

}





/*** 



====================================================================

	Project Section

====================================================================



***/



.products-section{

	position:relative;

	overflow:hidden;

	padding: 75px 0px;

	background-color: rgb(239 239 239 / 31%);

}



.products-section .sec-title{

	margin-bottom:var(--margin-bottom-60);

}



.products-section .pattern-layer{

	position:absolute;

	left:12%;

	top:0%;

	width:404px;

	height:393px;

	background-repeat:no-repeat;

}



.products-section .pattern-layer-two{

	position:absolute;

	right:8%;

	top:8%;

	width:86px;

	height:142px;

	background-repeat:no-repeat;

}



.products-section .pattern-layer-three{

	position:absolute;

	left:1%;

	bottom:10%;

	width:212px;

	height:196px;

	background-repeat:no-repeat;

}



.products-section .pattern-layer-four{

	position:absolute;

	right:-10px;

	top:25%;

	width:320px;

	height:312px;

	background-repeat:no-repeat;

}



.products-section .pattern-layer-five{

	position:absolute;

	right:0px;

	bottom:30px;

	width:359px;

	height:505px;

	background-repeat:no-repeat;

}



.products-section .owl-nav .owl-prev{

	position:absolute;

	left:0px;

	font-family: "Flaticon";

	font-size: var(--font-20);

}



.products-section .owl-nav .owl-next{

	position:absolute;

	right:0px;

	font-family: "Flaticon";

	font-size: var(--font-20);

}



.products-section .owl-nav{

	position:absolute;

	left:50%;

	bottom:27px;

	width:100%;

	z-index:1;

	max-width:180px;

	transform:translateX(-50%);

}



.products-section .owl-dots{

	position: relative;

	display: block;

	text-align:center;

	counter-reset:slides-num;

	margin-top:var(--margin-top-15)

}



.products-section .owl-dots .owl-dot{

	position:relative;

	display: inline-block;

	vertical-align: top;

	counter-increment: slides-num;

}



.products-section .owl-dots .owl-dot span{

	position: relative;

	content:"0" counter(slides-num) "";

	display: block;

	font-size: var(--font-16);

	font-weight: 700;

	margin:0px 10px;

	color:var(--black-color);

	padding-bottom:5px;

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

	font-family:var(--font-family-BeVietnam);

}



.products-section .owl-dots .owl-dot span:after{

	position:absolute;

	content:'/';

	right:-14px;

	top:0px;

	opacity:0;

	font-size: var(--font-14);

	color:var(--black-color);

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;

}



.products-section .owl-dots .owl-dot:hover span:after,

.products-section .owl-dots .owl-dot.active span:after{

	opacity:1;

}



.products-section .owl-dots .owl-dot span:before{

	position: relative;

	content:"0" counter(slides-num) "";

}



.products-section .owl-dots .owl-dot:hover span,

.products-section .owl-dots .owl-dot.active span{

	color: var(--main-color);

	opacity:1;

}



.products-section .owl-dots .owl-dot:last-child span::after{

	display:none;

}



.products-section .owl-carousel .owl-stage-outer{

	padding:15px 0px 0px;

}



/* Product Block */



.product-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}

.product-block p{

	margin-top: 20px;

	padding: 15px;

}

.product-block .inner-box{

	position:relative;

	text-align:center;

}



.product-block .inner-box .color-layer{

	position:absolute;

	left:0px;

	top:90px;

	right:0px;

	bottom:25px;

	border-radius:7px;

	background: #ffc1071f;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}









.product-block .inner-box .image-box{

	position:relative;

	display:inline-block;

}



.product-block .inner-box .image-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0;

	border-radius:50%;

	background-color: rgb(211 162 20);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.product-block .inner-box:hover .image-box:before{

	transform:translateY(-15px);

	opacity:1;

}



.product-block .inner-box .image{

	position:relative;

	width:190px;

	height: auto;

	margin:0 auto;

	overflow:hidden;

	border-radius:50%;

	background-color:var(--white-color);

	box-shadow:0px 10px 15px rgba(0,0,0,0.10);

}



.product-block .inner-box h5{

	font-weight:700;

	line-height:34px;

	font-size:var(--font-22);

	margin-top:var(--margin-top-20);

}



.product-block .inner-box h5 a{

	position:relative;

	color:var(--black-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.product-block .inner-box:hover h5 a{

	color:black;

}

.service-section {

    position: relative;

    overflow: hidden;

    /* padding: 130px 0px 100px!important; */

	/* margin-top: 100px!important; */



	margin-top: -113px; 

}



.product-block .inner-box .lower-box{

	position:relative;

	margin:0px 25px;

	padding-top:var(--padding-top-20);

	border-top:1px solid var(--color-fifteen);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.product-block .inner-box:hover .lower-box{

	border-color:rgba(255,255,255,0.15);

}



.product-block .inner-box .price{

	position:relative;

	font-weight:700;

	font-size:var(--font-16);

	color:var(--black-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.product-block .inner-box .price span{

	position:relative;

	color:var(--color-seventeen);

	text-decoration:line-through;

	margin-right:var(--margin-right-5);

}



.product-block .inner-box:hover .price{

	color:var(--white-color);

}



.product-block .inner-box .rating{

	position:relative;

	font-size:var(--font-16);

	color:var(--color-sixteen);

}



.product-block .inner-box .btn-box{

	margin-top:var(--margin-top-25);

}



.product-block .inner-box .read-more{

	position:relative;

	padding:16px 26px 14px;

	border-radius:4px;

	font-weight:700;

	display:inline-block;

	font-size:var(--font-14);

	color:var(--white-color);

	text-transform:uppercase;

    background-color: rgb(165 133 45);

	font-family:var(--font-family-BeVietnam);

}



.product-block .inner-box .read-more span{

	position:relative;

	top:-1px;

	font-family: "Flaticon";

	font-size:var(--font-10);

	margin-left:var(--margin-left-5);

}



/* main footer */



.main-footer{

	position:relative;

	z-index:10;

	padding:44px 0px 0px;

	background-position:center center;

	background-repeat:no-repeat;

	background-color:var(--color-twentyone);

}



.main-footer .footer-widget{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

	line-height: 33px;

}



.main-footer .widgets-section{

	position:relative;

	/* padding-bottom:var(--padding-bottom-60); */

}

ul.list a {

    color: #888988!important;

}

.main-footer .logo-widget{

	position:relative;

}



.main-footer .logo-widget .logo{

	position:relative;

	margin-bottom:25px;

}



.main-footer .logo-widget .text{

	line-height:1.8em;

	color:var(--color-twentytwo);

	margin-bottom:var(--margin-bottom-30);

}



.main-footer .logo-widget .about-btn{

	position: relative;

    padding: 11px 27px;

    font-weight: 700;

	margin-top:0px;

	border-radius:5px;

	display:inline-block;

	font-size:var(--font-14);

	text-transform:uppercase;

	color:var(--white-color);

	background-color: rgb(173 125 11);

}



.main-footer .footer-widget h4{

	font-weight:700;

	margin-top:10px;

	margin-bottom:30px;

	color:var(--white-color);

	text-transform:capitalize;

	padding-bottom:var(--padding-bottom-20);

}



.main-footer .footer-widget h4:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	width:50px;

	height:2px;

	background-color: rgb(208 157 9);

}



.main-footer .newsletter-widget .text{

	line-height:1.8em;

	color:var(--color-twentytwo);

	margin-bottom:var(--margin-bottom-30);

}



/* Email Box */



.main-footer .email-box{

	position:relative;

	margin-bottom:22px;

}



.main-footer .email-box .form-group{

	position:relative;

	margin:0px;

	width:100%;

	max-width:100%;

}



.main-footer .email-box .form-group input[type="text"],

.main-footer .email-box .form-group input[type="email"]{

	position:relative;

	line-height:43px;

	padding:10px 55px 10px 25px;

	background-color:rgba(255,255,255,0.20);

	display:block;

	font-size:14px;

	height:50px;

	width:100%;

	border-radius:0px;

	box-shadow:inherit;

	color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.main-footer .email-box .form-group input::placeholder,

.main-footer .email-box .form-group textarea::placeholder{

	color:#ffffff;

}



.main-footer .email-box .form-group button{

	position:absolute;

	right:0px;

	top:0px;

	height:50px;

	width:64px;

	display:block;

	cursor:pointer;

	line-height:100%;

	font-weight:normal;

	text-align:center;

	color:var(--white-color);

	font-size:var(--font-18);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	font-family: "Flaticon";

	background-color: rgb(116 91 42);

}



.main-footer .email-box .form-group button:hover{

	color:#ffffff;

}



.newsletter-widget .social-box{

	position:relative;

}



.newsletter-widget .social-box li{

	position:relative;

	margin-right:15px;

	display:inline-block;

}



.newsletter-widget .social-box li a{

	position:relative;

	color:var(--white-color);

	font-size:var(--font-18);

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.newsletter-widget .social-box li a:hover{

	color: var(--main-color);

}



.main-footer .contact-widget .contact-list{

	position:relative;

}



.main-footer .contact-widget .contact-list li{

	position:relative;

	line-height:1.8em;

	font-size:var(--font-14);

	color:var(--color-twentytwo);

	padding-left:var(--padding-left-30);

	margin-bottom:var(--margin-bottom-15);

}



.main-footer .contact-widget .contact-list li .icon{

	position:absolute;

	left:0px;

	top:-1px;

	color:var(--white-color);

}



.main-footer .contact-widget .contact-list li:last-child{

	margin-bottom:0px;

}



.main-footer .contact-widget .timing{

	position:relative;

	line-height:1.8em;

	font-size:var(--font-15);

	color:var(--color-twentytwo);

	margin-top:var(--margin-top-20);

}



.main-footer .contact-widget .timing strong{

	position:relative;

	font-weight:700;

	display:block;

	color:var(--white-color);

	text-decoration:underline;

	margin-bottom:var(--margin-bottom-10);

}



.main-footer .instagram-widget .images-outer{

	position:relative;

	margin:0px -3px;

}



.main-footer .instagram-widget .image-box{

	position:relative;

	float:left;

	width:33.333%;

	padding:0px 3px;

	margin-bottom:var(--margin-bottom-5);

}



.main-footer .instagram-widget .image-box img{

	position:relative;

	display:block;

	width:100%;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.main-footer .instagram-widget .image-box img:hover{

	opacity:0.70;	

}



.main-footer .footer-bottom{

	position:relative;

	padding:22px 0px;

	text-align:center;

	border-top:1px solid rgba(255,255,255,0.10);

}



.main-footer .footer-bottom .copyright{

	position:relative;

	font-size:var(--font-15);

	color:var(--color-twentytwo);

}



.main-footer .footer-bottom .copyright a{

	color:var(--main-color);

}



/* 34. vertical lines */



.vertical-lines-wrapper {

	position: fixed;

	width: 100%;

	height: 100%;

	overflow: hidden;

	left: 0;

	top: 0;

	margin: 0;

	-webkit-pointer-events: none;

	-moz-pointer-events: none;

	pointer-events: none;

	z-index: 1;

}



.vertical-lines {

	position: fixed;

	max-width: 1170px;

	width:100%;

	height: 100%;

	left: 50%;

	top: 0;

	opacity: 1;

	-moz-opacity: 1;

	-webkit-opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	transform: translateX(-50%);

}



.vertical-effect{

	position: relative;

	width: 20%;

	height: 100%;

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border-left: 1px solid var(--color-twentythree);

}



.vertical-effect:nth-child(6){

	position:absolute;

	right:0px;

	top:0px;

	bottom:0px;

	width:2px;

}



.vertical-effect::before {

	content: "";

	position: absolute;

	display: block;

	width: 3px;

	-webkit-animation-direction: normal;

	-moz-animation-direction: normal;

	-ms-animation-direction: normal;

	-o-animation-direction: normal;

	animation-direction: normal;

}



.vertical-effect:first-child::before,

.vertical-effect:nth-child(6)::before,

.vertical-effect:nth-child(5)::before,

.vertical-effect:nth-child(3)::before,

.vertical-effect:nth-child(4)::before,

.vertical-effect:nth-child(5)::before{

	content: "";

	position: absolute;

	left: -2px;

}



.vertical-effect:first-child::before {

	top: 0;

	-webkit-animation: raindrop 6s ease-out infinite;

	-moz-animation: raindrop 6s ease-out infinite;

	-ms-animation: raindrop 6s ease-out infinite;

	-o-animation: raindrop 6s ease-out infinite;

	animation: raindrop 6s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

}



.vertical-effect:nth-child(2)::before {

	bottom: 0;

	-webkit-animation: raindrop-reverse 6s ease-out infinite;

	-moz-animation: raindrop-reverse 6s ease-out infinite;

	-ms-animation: raindrop-reverse 6s ease-out infinite;

	-o-animation: raindrop-reverse 6s ease-out infinite;

	animation: raindrop-reverse 6s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

}



.vertical-effect:nth-child(3)::before {

	top: 0;

	-webkit-animation: raindrop 12s ease-out infinite;

	-moz-animation: raindrop 12s ease-out infinite;

	-ms-animation: raindrop 12s ease-out infinite;

	-o-animation: raindrop 12s ease-out infinite;

	animation: raindrop 12s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

}



.vertical-effect:nth-child(4)::before {

	bottom: 0;

	-webkit-animation: raindrop-reverse 6s ease-out infinite;

	-moz-animation: raindrop-reverse 6s ease-out infinite;

	-ms-animation: raindrop-reverse 6s ease-out infinite;

	-o-animation: raindrop-reverse 6s ease-out infinite;

	animation: raindrop-reverse 6s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

}



.vertical-effect:nth-child(5)::before {

	top: 0;

	-webkit-animation: raindrop 6s ease-out infinite;

	-moz-animation: raindrop 6s ease-out infinite;

	-ms-animation: raindrop 6s ease-out infinite;

	-o-animation: raindrop 6s ease-out infinite;

	animation: raindrop 6s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

	background: linear-gradient(top, rgba(225, 225, 225, 0), rgba(225, 225, 225, 1));

}



.vertical-effect:nth-child(6)::before {

	bottom: 0;

	-webkit-animation: raindrop-reverse 6s ease-out infinite;

	-moz-animation: raindrop-reverse 6s ease-out infinite;

	-ms-animation: raindrop-reverse 6s ease-out infinite;

	-o-animation: raindrop-reverse 6s ease-out infinite;

	animation: raindrop-reverse 6s ease-out infinite;

	background: -webkit-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: -ms-linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

	background: linear-gradient(top, rgba(225, 225, 225, 1), rgba(225, 225, 225, 0));

}



@-webkit-keyframes raindrop {

  0% {

    top: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    top: 100%;

    height: 35%;

  }

}

@-ms-keyframes raindrop {

  0% {

    top: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    top: 100%;

    height: 35%;

  }

}

@keyframes raindrop {

  0% {

    top: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    top: 100%;

    height: 35%;

  }

}



@-webkit-keyframes raindrop-reverse {

  0% {

    bottom: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    bottom: 100%;

    height: 35%;

  }

}

@-ms-keyframes raindrop-reverse {

  0% {

    bottom: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

  }

  100% {

    bottom: 100%;

    height: 35%;

  }

}

@keyframes raindrop-reverse {

  0% {

    bottom: -10%;

    opacity: 0;

    height: 0;

  }

  50% {

    opacity: 1;

   }

  100% {

    bottom: 100%;

    height: 35%;

  }

}



/*** 



====================================================================

	Testimonial Section

====================================================================



***/



.testimonial-section-three{

	position:relative;

	padding: 50px 0px 72px;

	background-position:center center;

}



 

.testimonial-section-three .owl-theme .testimonial-block-two{

	margin:0px 15px;

}



.testimonial-section-three .owl-carousel{

	margin:0px -15px;

	width:auto;

}



.testimonial-section-three .owl-nav{

	display:none;

}



.testimonial-section-three .owl-dots{

	position:relative;

	text-align:center;

	margin-top:var(--margin-top-20);

}



.testimonial-section-three .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:10px;

	margin:0px 12px;

	border-radius:50%;

	display:inline-block;

	background-color:var(--color-fourty);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.testimonial-section-three .owl-dots .owl-dot:before{

	position:absolute;

	content:'';

	left:-7px;

	top:-7px;

	right:-7px;

	bottom:-7px;

	opacity:0;

	border-radius:50px;

	display:inline-block;

	border:1px solid var(--color-fourtytwo);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.testimonial-section-three .owl-dots .owl-dot.active,

.testimonial-section-three .owl-dots .owl-dot:hover{

	background-color: rgb(207 155 5);

}



.testimonial-section-three .owl-dots .owl-dot.active::before,

.testimonial-section-three .owl-dots .owl-dot:hover::before{

	opacity:1;

}



.testimonial-block-two{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.testimonial-block-two .inner-box{

	position:relative;

	padding:0px 30px 30px;

}



.testimonial-block-two .inner-box:before{

	position:absolute;

	content:'';

	left:0px;

	right:0px;

	top:44px;

	bottom:0px;

	border-radius:4px;

	background: #1f1a17;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.testimonial-block-two .inner-box .text:hover::before{

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

	color: wheat!important;

}



.testimonial-block-two .author-box{

	position:relative;

	border-radius:4px;

	padding:17px 20px 15px;

	

	/* background-color: rgb(141 101 5); */

}



.testimonial-block-two .author-box .author-inner{

	position:relative;

	padding-top:var(--padding-top-5);

	padding-left:var(--padding-left-75);

}



.testimonial-block-two .author-box .author-image{

	position:absolute;

	left:0px;

	top:2px;

	width:52px;

	height:52px;

	overflow:hidden;

	border-radius:50%;

}



.testimonial-block-two .author-box strong{

	position:relative;

	line-height:1em;



	font-size:var(--font-18);

	font-family:var(--font-family-BeVietnam);

}



.testimonial-block-two .author-box .designation{

	position:relative;

	font-weight:500;

	color: rgb(207 205 205);

	font-size:var(--font-16);

	margin-top:var(--margin-top-5);

}



.testimonial-block-two .inner-box .text{

	line-height:30px;

    color: rgb(193 193 193);

	margin-top:var(--margin-top-25);

}

/* .testimonial-block-two .inner-box .text:hover{

	line-height:30px;

    color: rgb(10, 10, 10);

	margin-top:var(--margin-top-25);

} */



.testimonial-block-two .inner-box .rating{

	position:relative;

	margin-top:var(--margin-top-15);

}



.testimonial-block-two .inner-box .rating .fa{

	position:relative;

	font-size: var(--font-20);

    color: var(--color-thirtyeight);

}





/*** 



====================================================================

	CTA Section Two

====================================================================



***/



.cta-section-two{

	position:relative;

	z-index:1;

	/* margin-bottom: 30px; */

	margin-top: 10%;

}



.cta-section-two .inner-container:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.78;

	background-color:var(--color-fourty);

}



.cta-section-two .inner-container{

	position:relative;

    padding: 20px 35px 30px;

	border-radius:5px;

	overflow:hidden;

	margin-top:-157px;

	background-size:cover;

	background-color:var(--color-twentyseven);

}



.cta-section-two .pattern-layer{

	position:absolute;

	left:0px;

	top:0px;

	width:522px;

	height:173px;

	background-repeat:no-repeat;

}



.cta-section-two .pattern-layer-two{

	position:absolute;

	right:0px;

	bottom:0px;

	width:277px;

	height:298px;

	background-repeat:no-repeat;

}



.cta-section-two h2{

	line-height:50px;

	color:var(--white-color);

	padding-top:var(--padding-top-45);

	margin-bottom:var(--margin-bottom-15);

}



.cta-section-two .play-box{

	position:relative;

	font-weight:700;

	float:left;

	font-size:var(--font-16);

	color:var(--white-color);

	margin-top:var(--margin-top-20);

	padding-left:var(--padding-left-90);

}



.cta-section-two .play-box .play-button{

	position:absolute;

	left:0px;

	top:0px;

	width:60px;

	height:60px;

	line-height:60px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	font-size:var(--font-16);

	color:var(--white-color);

	padding-left:var(--padding-left-5);

	background-color: rgb(7 116 10);

}



.cta-section-two .play-box .play-button:before{

	position:absolute;

	content:'';

	left:-10px;

	top:-10px;

	right:-10px;

	bottom:-10px;

	border-radius:50px;

	border:2px dashed var(--white-color);

}



.cta-section-two .play-box strong{

	position:relative;

	display:block;

	font-weight:700;

	font-size:20px;

	margin-top:var(--margin-top-10);

	font-family:var(--font-family-BeVietnam);

}



.cta-section-two .button-box{

	position:relative;

	float:left;

	margin-top:var(--margin-top-15);

	margin-right:var(--margin-right-20);

}



.cta-section-two .button-box .theme-btn{

	display:block;

}



.cta-section-two .side-image{

	text-align:right;

}



.cta-section-two.style-two .inner-container{

	margin-top:var(--margin-zero);

}



.cta-section-two.style-two .play-box .play-button{

	background-color:var(--main-color);

}

/*** 



====================================================================

	Project Section

====================================================================



***/



.project-section{

	position:relative;

	overflow:hidden;

	padding-bottom:140px;

	padding-top:var(--padding-top-40);

}



.project-section .auto-container{

	position:relative;

}



.project-section .gear-pattern-layer{

	position:absolute;

	right:-160px;

	bottom:-100px;

	width:345px;

	height:344px;

	background-repeat:no-repeat;

}



.project-section .tabs-box{

	position:relative;

	z-index:1;

}



.project-section .btns-outer{

	position:absolute;

	right:0px;

	top:0px;

	width:100%;

	max-width:510px;

	padding-left:170px;

	padding-top:var(--padding-top-80);

	padding-bottom:var(--padding-bottom-40);

}



.project-section .btns-outer .tab-buttons{

	position: relative;

	max-width: 180px;

    z-index: 10;

}



.project-section .btns-outer .title-box{

	position:relative;

	margin-bottom:var(--margin-bottom-55);

}



.project-section .btns-outer .title-box h2{

	color:var(--white-color);

	font-size:var(--font-40);

}



.project-section .btns-outer .btns-pattern-layer{

	position:absolute;

	right:0px;

	top:0px;

	left:0px;

	bottom:0px;

}



.project-section .tab-btns .tab-btn{

	position:relative;

	cursor:pointer;

	font-weight:500;

	display:inline-block;

	font-size: 19px;

	transition:all 0.3s ease;

	color:var(--white-color);

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	font-family:var(--font-family-Inter);

	margin-bottom:var(--margin-bottom-30);

	line-height: 30px;

}



.project-section .tab-btns .tab-btn:hover,

.project-section .tab-btns .tab-btn.active-btn{

	color: rgb(216 173 48);

	transform:translateX(50px);

}



.project-section .tab-btns .tab-btn:before{

	position:absolute;

	content:'';

	left:-180px;

	bottom:9px;

	width:165px;

	height:2px;

	opacity:0;

	display:block;

	background-color: rgb(216 173 48);

	transform:scale(0.2,1);

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-section .tab-btns .tab-btn:hover::before,

.project-section .tab-btns .tab-btn.active-btn::before{

	opacity:1;

	transform:scale(1,1);

}



.project-section .tab-btns .tab-btn:after{

	position:absolute;

	content:'';

	right:-25px;

	bottom:4px;

	opacity:0;

	display:block;

	transform:scale(0.2,1);

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	border-top: 7px solid transparent;

    border-left: 12px solid rgb(141 104 25);

    border-bottom: 7px solid transparent;

}



.project-section .tab-btns .tab-btn:hover::after,

.project-section .tab-btns .tab-btn.active-btn::after{

	opacity:1;

	transform:scale(1,1);

}



.project-section .tabs-content{

	position:relative;

	padding-right:410px;

}



.project-section .tabs-content .image{

	position:relative;

	margin-left:-180px;

	padding-top:var(--padding-top-60);

}



.project-section .prod-tabs .tabs-content .tab{

	position:relative;

	display:none;

	z-index:1;

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

	-webkit-transform:scaleY(0);

	-ms-transform:scaleY(0);

	-o-transform:scaleY(0);

	-moz-transform:scaleY(0);

	transform:scaleY(0);	

}



.project-section .prod-tabs .tabs-content .tab.active-tab{

	display:block;

	-webkit-transform:scaleY(1);

	-ms-transform:scaleY(1);

	-o-transform:scaleY(1);

	-moz-transform:scaleY(1);

	transform:scaleY(1);

}



.project-section .content{

	position:absolute;

	right:0px;

	bottom:0px;

	width:100%;

	max-width:420px;

	padding:45px 35px;

	transition:all 0.7s ease;

	-moz-transition:all 0.7s ease;

	-webkit-transition:all 0.7s ease;

	-ms-transition:all 0.7s ease;

	-o-transition:all 0.7s ease;

}



.project-section .content .pattern-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	filter: blur(5px);

	-webkit-filter: blur(8px);

	background-repeat:no-repeat;

}



.project-section .content h5{

	position:relative;

	line-height:32px;

	font-weight:700;

}



.project-section .content h5 a{

	position:relative;

	color:var(--white-color);

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-section .content h5 a:hover{

	color: rgb(255 206 77);

}



.project-section .content .category{

	position:relative;

	font-weight:500;

	letter-spacing:2px;

	color:var(--white-color);

	text-transform:uppercase;

	font-size:var(--font-14);

	margin-top:var(--margin-top-20);

}



.project-section .content .arrow{

	position:absolute;

	right:0px;

	bottom:0px;

	width:65px;

	height:75px;

	line-height:75px;

	text-align:center;

	font-size:var(--font-24);

	color:var(--white-color);

	font-family: "Flaticon";

	background-color: rgb(209 159 14);

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.project-section .content .arrow:hover{

	color:var(--main-color);

	background-color:var(--white-color);

}







/***



====================================================================

	Page Title

====================================================================



***/



.page-title{

	position:relative;

	overflow:hidden;

	padding: 56px 0px 55px;

	background-size:cover;

}



.page-title:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.70;

	background: rgb(18 18 17 / 78%);

}



.page-title h2{

	color:var(--white-color);

	padding-top:var(--padding-top-25);

}



.page-title .bread-crumb{

	position: relative;

}



.page-title .bread-crumb li{

	position: relative;

	font-weight: 500;

	display:inline-block;

	text-transform: capitalize;

	font-size: var(--font-18);

	color: var(--white-color);

	margin-right: var(--margin-right-15);

	padding-right: var(--padding-right-15);

}



.page-title .bread-crumb li:before{

	position: absolute;

	right: -5px;

	top:0px;

	color: #ffffff;

    content: "\f101";

	font-weight:400;

	font-size: var(--font-16);

	color: var(--white-color);

	font-family: 'FontAwesome';

}



.page-title .bread-crumb li:last-child{

	padding-right: 0;

	margin-right: 0;

}



.page-title .bread-crumb li:last-child:before{

	display: none;

}



.page-title .bread-crumb li a{

	font-weight: 500;

	color: var(--white-color);

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;	

}



.page-title .bread-crumb li a:hover{

	color: var(--main-color);

}





/*** 



====================================================================

	Why Choose us

====================================================================



***/



.service-section-four{

	position:relative;

    padding: 5px 0px 17px;

	/* background-color:var(--color-thirtytwo); */

}



.service-section-four .sec-title-three .text{

	margin-top:var(--margin-top-45);

}



.service-block-four{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.service-block-four .inner-box{

	position:relative;

	padding:30px 22px;

	border-radius:6px;

	overflow:hidden;

	background-color: rgb(247 230 193);

}



.service-block-four .inner-box .image-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	background-position:center bottom;

	background-repeat:no-repeat;

	transition: -webkit-transform 0.4s ease;

	transition: transform 0.4s ease;

	transition: transform 0.4s ease,-webkit-transform 0.4s ease;

	-webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: left center;

	-ms-transform-origin: left center;

	transform-origin: left center;

}



.service-block-four .inner-box .image-layer:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.85;

	background-color: #212529;

}



.service-block-four .inner-box:hover .image-layer{

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

	-webkit-transform-origin: right center;

	-ms-transform-origin: right center;

	transform-origin: right center;

}







.service-block-four .inner-box:hover .post-number{

	color:var(--white-color);

}



.service-block-four .inner-box:hover .icon-box{

	color:var(--white-color);

	/* background: var(--color-fourtyone); */

	/* background: linear-gradient(to right, rgb(235 234 231) 0%, rgb(255 255 254) 100%); */

}



.service-block-four .inner-box .icon-box{

	position: relative;

    width: 92px;

    height: 86px;

    line-height: 56px;

    text-align: center;

    border-radius: 50px;

    display: inline-block;

    font-family: "Flaticon";

    font-size: var(--font-34);

    color: rgb(218 177 57);

    background: #e2a92324;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box:hover .icon-box{

	-webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.service-block-four .inner-box h5{

	font-weight:800; 

	color:var(--color-fourty);

}



.service-block-four .inner-box h5 a{

	position:relative;

	color:var(--color-fourty);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box:hover h5 a,

.service-block-four .inner-box:hover .text{

	color: var(--white-color);

}

.service-block-four .inner-box:hover h5,

.service-block-four .inner-box:hover .text{

	color: var(--white-color);

}



.service-block-four .inner-box .text{

	position:relative;

	color:var(--color-five);

	font-size:var(--font-16);

	margin-top:var(--margin-top-15);

	margin-bottom:var(--margin-bottom-20);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.service-block-four .inner-box .arrow{

	position:relative;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	border-radius:50px;

	display:inline-block;

	font-family: "Flaticon";

	font-size:var(--font-18);

	/* color: var(--color-fourtytwo); */

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color: rgba(var(--color-fourtytwo-rgb), 0.1);

	margin-top: 22px;

}



.service-block-four .inner-box:hover .arrow{

	color: rgb(176 134 15);

	background-color: var(--white-color);

}

/*** 



====================================================================

	About Section Two

====================================================================



***/



.about-section-two{

	position:relative;

	padding: 82px 0px 17px;

	background-position:right bottom;

	background-repeat:no-repeat;

}



.about-section-two .image-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.about-section-two .image-column .inner-column{

	position:relative;

	padding-right:var(--padding-right-70);

	padding-bottom:var(--padding-bottom-20);

}



.about-section-two .image-column .year-box{

	position:absolute;

	right:0px;

	top:45px;

	z-index:1;

	width:136px;

	height:136px;

	border-radius:5px;

	text-align:center;

	font-weight:700;

	font-size:var(--font-32);

	color:var(--white-color);

	padding-top:var(--padding-top-15);

	background-color: rgb(211 153 12);

}



.about-section-two .image-column .year-box h2{

	position:relative;

	font-weight:800;

	font-size:var(--font-54);

	color:var(--white-color);

	margin-bottom:var(--margin-bottom-5);

	font-family:var(--font-family-BeVietnam);

}



.about-section-two .image-column .image{

	position:relative;

	border-radius:5px;

	overflow:hidden;

}



.about-section-two .image-column .image img{

	position:relative;

	width:100%;

	display:block;

}



.about-section-two .image-column .image-two{

	position:absolute;

	right:0px;

	bottom:0px;

	width:255px;

	border-radius:5px;

	border:15px solid var(--white-color);

}



.about-section-two .content-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.about-section-two .content-column .inner-column{

	position:relative;

}



.feature-block-two{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.feature-block-two .inner-box{

	position:relative;

	padding:0px 20px 25px;

}



.feature-block-two .inner-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:25px;

	right:0px;

	bottom:0px;

	background-color:var(--color-thirtytwo);

}



.feature-block-two .inner-box:hover .icon{

	transform:rotateY(180deg);

}



.feature-block-two .inner-box .icon{

	position:relative;

	width:50px;

	height:50px;

	line-height:50px;

	border-radius:3px;

	text-align:center;

	display:inline-block;

	color:var(--white-color);

	font-family: "Flaticon";

	font-size:var(--font-32);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color: rgb(33 85 140);

	box-shadow:0px 0px 15px rgba(var(--color-twentyseven-rgb), 0.5)

}



.feature-block-two .inner-box h6{

	font-weight:800;

	margin-top:var(--margin-top-20);

	color:var(--color-thirtyone);

}



.feature-block-two .inner-box{

	position:relative;

}



.feature-block-two .inner-box .text{

	position:relative;

	margin-top:var(--margin-top-10);

}



.feature-block-two:nth-child(2) .inner-box .icon{

	background-color: rgb(208 157 7);

	box-shadow:0px 0px 15px rgba(var(--color-twentyeight-rgb), 0.5)

}





/* activities */





/*** 



====================================================================

	Services Section Three

====================================================================



***/



.service-section-three{

	position:relative;

	margin-top:-110px;

	padding: 95px 0px 86px;

	background-attachment:fixed;

	background-size:cover;

	    margin-top: 0px;

}



.service-section-three .btn-box{

	position:relative;

	margin-top:var(--margin-top-30);

}



.service-section-three:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.80;

	background-color:var(--color-twentynine);

}



.service-block-three{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.service-block-three .inner-box{

	position: relative;

    border-radius: 5px;

    text-align: center;

    border-radius: 3px;

    overflow: hidden;

	padding: 29px 13px 36px;

    background-color: rgb(227 233 239 / 32%);

    height: 230px;

}



.service-block-three .inner-box .icon-box{

	position:relative;

	display:inline-block;

}

.s-1 .in-1 {

    position: relative;

    border-radius: 5px;

    text-align: center;

    border-radius: 3px;

    overflow: hidden;

    padding: 29px 13px 36px;

    background-color: rgb(227 233 239 / 32%);

    height: 149px!important;

}

.h2-ser{

	line-height: 26px!important;

	font-size: 19px!important;

}

.service-block-three .inner-box .icon-box:before{

	position:absolute;

	content:'';

	left:-10px;

	top:-10px;

	right:-10px;

	bottom:-10px;

	border-radius:50px;

	border:2px dashed var(--white-color);

}



.service-block-three .inner-box:hover .icon-box .icon{

	background-color:var(--color-thirtyfour);

	-webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



.service-block-three .inner-box .icon-box .icon{

	position:relative;

	width:70px;

	height:70px;

	line-height:70px;

	border-radius:50px;

	display:inline-block;

	color:var(--white-color);

	font-size:var(--font-36);

	font-family: "Flaticon";

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color:var(--color-thirtyone);

}



.service-block-three .inner-box h5{

	margin-top:var(--margin-top-40);

}



.service-block-three .inner-box h5 a{

	color:var(--white-color);

}



.s-home .inner-box{

		position: relative;

		border-radius: 5px;

		text-align: center;

		border-radius: 3px;

		overflow: hidden;

		padding: 0 15px;

		background-color: rgb(227 233 239 / 32%);

		height: 59px!important;

}

.newpp{ color:#fff!important}

.service-block-three .inner-box .text{

	color:var(--white-color);

	font-size: 18px;

	margin-top:var(--margin-top-15);

	margin-bottom:var(--margin-bottom-25);

}

.service-block-three .inner-box h1 {

    color: var(--white-color);

    font-size: 20px;

	padding-bottom: 20px;

}

.service-block-three .inner-box p {

    color: var(--white-color);

    font-size: 16px;

	padding-bottom: 20px;

}



.service-block-three .inner-box .plus-icon{

	position:relative;

	width:40px;

	height:40px;

	line-height:40px;

	border-radius:4px;

	display:inline-block;

	font-family: "Flaticon";

	color:var(--white-color);

	font-size:var(--font-16);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	background-color:var(--color-twentyseven);

}



.service-block-three .inner-box:hover .plus-icon{

	background-color:var(--white-color);

	color:var(--color-twentyeight);

}



.service-block-three .inner-box .color-layer{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

}



.service-block-three .color-one{

	position:absolute;

	left:0px;

	top:0px;

	width:25%;

	height:0%;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	background-color: rgb(211 162 22);

}



.service-block-three .inner-box:hover .color-one{

	height:100%;

}



.service-block-three .color-two{

	position:absolute;

	left:25%;

	top:0px;

	width:25%;

	height:0%;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	background-color: rgb(211 162 22);

}



.service-block-three .inner-box:hover .color-two{

	height:100%;

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-ms-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	transition-delay: 300ms;

}



.service-block-three .color-three{

	position:absolute;

	left:50%;

	top:0px;

	width:25%;

	height:0%;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	background-color: rgb(211 162 22);

}



.service-block-three .inner-box:hover .color-three{

	height:100%;

	-webkit-transition-delay: 600ms;

	-moz-transition-delay: 600ms;

	-ms-transition-delay: 600ms;

	-o-transition-delay: 600ms;

	transition-delay: 600ms;

}



.service-block-three .color-four{

	position:absolute;

	left:75%;

	top:0px;

	width:25%;

	height:0%;

	transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

	background-color: rgb(211 162 22);

}



.service-block-three .inner-box:hover .color-four{

	height:100%;

	-webkit-transition-delay: 900ms;

	-moz-transition-delay: 900ms;

	-ms-transition-delay: 900ms;

	-o-transition-delay: 900ms;

	transition-delay: 900ms;

}



/*** 



====================================================================

	Project Section Three

====================================================================



***/



.process-section{

	position:relative;

	padding:100px 0px 70px;

}



.process-section .content-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.process-section .content-column .inner-column{

	position:relative;

}



.process-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.process-block .inner-box{

	position:relative;

	font-size:var(--font-16);

	color:var(--color-five);

	line-height:1.7em;

	

}



.process-block .inner-box .number{

	position:absolute;

	left:0px;

	top:12px;

	opacity:0.30;

	font-weight:800;

	line-height:1em;

	font-size:var(--font-72);

	

	 -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

	font-family:var(--font-family-BeVietnam);

	

	-webkit-text-stroke-width: 1px;

	-webkit-text-stroke-color: linear-gradient(to bottom, var(--color-fourtysix) 0%, var(--color-fourtysix) 100%);

}



.process-block .inner-box:hover .number{

	opacity:1;

}



.process-block .inner-box strong{

	position:relative;

	display:block;

	font-weight:800;

	font-size:var(--font-24);

	color:var(--color-fourty);

	margin-bottom:var(--margin-bottom-15);

	font-family:var(--font-family-BeVietnam);

}



.process-section .images-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.process-section .images-column .inner-column{

	position:relative;

}



.process-section .images-column .image{

	position:relative;

	border-radius:5px;

	overflow:hidden;

	padding:10px 10px;

	display:inline-block;

	background-color:var(--white-color);

	margin-bottom:var(--margin-bottom-90);

	box-shadow:0px 10px 25px rgba(0,0,0,0.10);

}



.process-section .images-column .image img{

	position:relative;

	border-radius:5px;

	overflow:hidden;

}



.process-section .images-column .image-two{

	position:absolute;

	right:0px;

	top:150px;

	overflow:hidden;

	padding:10px 10px;

	display:inline-block;

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.process-section .images-column .image:first-child{

	position:relative;

	z-index:1;

}



.process-section .images-column .image:nth-child(2){

	margin-bottom:var(--margin-zero);

}





/*** 



====================================================================

	Workshop

====================================================================



***/



.project-section-two{

	position:relative;

	overflow:hidden;

	padding-bottom:var(--padding-bottom-70);

}



.project-section-two:before{

	position:absolute;

	content:'';

	left:0px;

	bottom:0px;

	right:0px;

	height:520px;

	background-color: rgb(139 106 31);

}



.project-section-two .title-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.project-section-two .title-column .inner-column{

	position:relative;

}



.project-section-two .title-column h3{

	color:var(--white-color);

	margin-top:var(--margin-top-100);

}



.project-section-two .title-column .text{

	color:var(--white-color);

	font-weight:500;

	line-height:30px;

	font-size:var(--font-16);

	margin-top:var(--margin-top-25);

	margin-bottom:var(--margin-bottom-40);

}



.project-section-two .carousel-column{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.project-section-two .carousel-column .inner-column{

	position:relative;

}



.project-section-two .carousel-column .inner-column:before{

	position:absolute;

	content:'';

	right:-30px;

	bottom:35px;

	width:70px;

	height:70px;

	border-radius:50px;

	background-color: rgb(223 188 84);

}



.project-section-two .carousel-column .owl-nav{

	display:none;

}



.project-section-two .carousel-column .owl-dots{

	position:relative;

	text-align:center;

	margin-top:var(--margin-top-40);

}



.project-section-two .carousel-column .owl-dots .owl-dot{

	position:relative;

	width:10px;

	height:10px;

	margin:0px 5px;

	border-radius:50px;

	display:inline-block;

	background-color:var(--white-color);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.project-section-two .carousel-column .owl-dots .owl-dot:hover,

.project-section-two .carousel-column .owl-dots .owl-dot.active{

	width:40px;

	background-color: rgb(223 188 84);

}



.ws-1 li{

	list-style-type: circle!important;

	color: white;

}





/*** 



====================================================================

	Project Page Section

====================================================================



***/



.project-page-section{

	position:relative;

	overflow:hidden;

	padding:100px 0px 100px;

}



.project-page-section .pattern-layer{

	position:absolute;

	right:-100px;

	bottom:-35%;

	width:484px;

	height:664px;

}



.project-page-section .btn-box{

	position:relative;

	margin-top:var(--margin-top-20);

}



.project-page-section .btn-box .load-btn{

	position:relative;

	font-weight:600;

	border-radius:50px;

	padding:15px 36px 13px;

	color:var(--white-color);

	background-color:var(--main-color);

}



.project-page-section .btn-box .load-btn:hover{

	color:var(--white-color);

	background-color:var(--color-two);

}



.project-page-section .filters{

	position:relative;

	text-align:center;

	margin-bottom:var(--margin-bottom-40);

}



.project-page-section .filters .filter-tabs{

	position:relative;

}



.project-page-section .filters li{

	position: relative;

    cursor: pointer;

	font-weight: 600;

	padding:11px 28px;

	margin:0px 7px 10px;

	border-radius:50px;

	display: inline-block;

	color: rgb(0 0 0);

    font-size: var(--font-15);

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

	background-color:var(--color-fiftyfour);

	font-family:var(--font-family-BeVietnam);

}



.project-page-section .filters .filter.active,

.project-page-section .filters .filter:hover{

	color: var(--white-color);

	background-color: rgb(116 91 42);

}



.project-block-two{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.project-block-two .inner-box{

	position:relative;

}



.project-block-two .inner-box .image{

	position:relative;

	overflow:hidden;

	border-radius:5px;

}



.project-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-block-two .inner-box .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	

    -webkit-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    -webkit-transform-origin: 50% -50%;

    -ms-transform-origin: 50% -50%;

    transform-origin: 50% -50%;

    z-index: 1;

    opacity: 0;

	

	-webkit-transition: all 600ms ease;

	-moz-transition: all 600ms ease;

	-ms-transition: all 600ms ease;

	-o-transition: all 600ms ease;

	transition: all 600ms ease;

}



.project-block-two .inner-box:hover .overlay-box{

	-webkit-transform: rotateX(0deg);

    transform: rotateX(0deg);

    opacity: 1;

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.project-block-two .inner-box .overlay-box:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	bottom:0px;

	opacity:0.70;

	background-color: rgb(26, 25, 25);

}



.project-block-two .inner-box .overlay-box .plus{

	position:absolute;

	right:20px;

	top:20px;

	width:44px;

	height:44px;

	border-radius:3px;

	text-align:center;

	line-height:44px;

	font-size: var(--font-18);

	color:var(--white-color);

	font-family: "Flaticon";

	background-color: rgb(175 137 49);

}



.project-block-two .inner-box .overlay-box .plus:hover{

	color:var(--main-color);

	background-color:var(--white-color);

}



.project-block-two .inner-box .content{

	position:absolute;

	left:35px;

	bottom:30px;

}



.project-block-two .inner-box .content .title{

	position:relative;

	font-weight:500;

	color:var(--main-color);

	font-size: var(--font-16);

}



.project-block-two .inner-box .content h4{

	line-height:36px;

	margin-top:var(--margin-top-10);

}



.project-block-two .inner-box .content h4 a{

	position:relative;

	color:var(--white-color);

	transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.project-block-two .inner-box .content h4 a:hover{

	color:var(--main-color);

}

/* 

.project-block-two.mix{

	display:none;

} */



/*** 



====================================================================

	Project Detail Section

====================================================================



***/



.project-detail-section{

	position:relative;

	overflow:hidden;

	padding:110px 0px 110px;

}



.project-detail-section  .pattern-layer{

	position:absolute;

	right:-80px;

	top:42%;

	width:484px;

	height:664px;

	background-repeat:no-repeat;

}



.project-detail-section  .pattern-layer-two{

	position:absolute;

	left:0px;

	bottom:-300px;

	width:337px;

	height:652px;

	background-repeat:no-repeat;

}



.project-detail-section .upper-box{

	position:relative;

	padding-right:300px;

}



.project-detail-section .upper-box .image{

	position:relative;

	overflow:hidden;

	border-radius: 10px;

}



.project-detail-section .upper-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.project-detail-section .upper-box .info-box{

	position:absolute;

	right:0px;

	top:70px;

	z-index:1;

	width:100%;

	border-radius:6px;

	overflow:hidden;

	max-width:370px;

	background-color:var(--white-color);

	box-shadow:0px 0px 35px rgba(0,0,0,0.10);

}



.project-detail-section .upper-box .info-box .title{

	position:relative;

	font-weight:700; 

	padding:18px 15px;

	text-align:center;

	font-size:25px;

	color:var(--white-color);

	font-family:var(--font-family-BeVietnam);

	line-height: 35px;

	background: linear-gradient(to right, rgb(30 101 174) 0%, rgb(36 79 124) 100%);

}



.project-detail-section .upper-box .info-list{

	position:relative;

	padding:30px 40px;

}



.project-detail-section .upper-box .info-list li{

	position:relative;

	font-weight:700;

	color:var(--color-five);

	font-size:var(--font-17);

	margin-bottom:var(--margin-bottom-15);

	font-family: var(--font-family-Roboto);

}



.project-detail-section .upper-box .info-list li span{

	/* position:absolute; */

	right:0px;

	font-weight:400;

}



.project-detail-section .upper-box .info-list li:last-child{

	margin-bottom:var(--margin-zero);

}



.project-detail-section .value-box{

	position:relative;

	padding:20px 40px;

	border-top:1px solid var(--color-twentythree);

}



.project-detail-section .value-box .price{

	position:relative;

	font-weight:700; 

	line-height:1em;

	font-size:var(--font-26);

	color:var(--color-fiftyfive);

	font-family:var(--font-family-BeVietnam);

}



.project-detail-section .value-box .rating{

	position:relative;

	margin-top:var(--margin-top-15);

}



.project-detail-section .value-box .rating .fa{

	position:relative;

	font-size:var(--font-18);

	color:var(--color-sixteen);

}



.project-detail-section .middle-box{

	position:relative;

	padding-top:var(--padding-top-35);

}



.project-detail-section .middle-box h3{

	font-weight:800;

	font-size:var(--font-36);

	color: rgb(29 82 138);

	margin-bottom:var(--margin-bottom-15);

}

.bg-pro{

	background-image: url(images/bg-1.jpg);

	background-size: cover;

	/* background-color: #000000; */

}

.project-detail-section .middle-box p{

	position:relative;

	line-height:30px;

	color: rgb(22 22 22);

	font-size:var(--font-17);

}



.project-detail-section .gallery-box{

	position:relative; 

	margin-bottom:var(--margin-bottom-30);

}



.project-detail-section .middle-box h4{

	font-weight:800;

	color:var(--color-fourty);

	margin-bottom:var(--margin-bottom-15);

}



.project-detail-section .blocks-outer{

	position:relative;

	margin-top:var(--margin-top-40);

	margin-bottom:var(--margin-bottom-10);

}



/* Feature Block Three */



.feature-block-three{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.feature-block-three .block-inner{

	position:relative;

	padding:25px 25px;

	border-radius:3px;

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.05);

}

 

.feature-block-three .block-content{

	position:relative;

	padding-left:var(--padding-left-85);

}



.feature-block-three .block-content .icon{

	position:absolute;

	left:0px;

	top:12px;

	width:60px;

	height:60px;

	line-height:60px;

	border-radius:3px;

	text-align:center;

	font-size:var(--font-30);

	font-family: "Flaticon";

	color:var(--main-color);

	background-color: rgba(var(--main-color-rgb), 0.05);

}



.feature-block-three .block-inner .block-text{

	position:relative;

	line-height:28px;

	color:var(--color-five);

	font-size:var(--font-16);

	margin-top:var(--margin-top-5);

}



.project-detail-section .option-list{

	position:relative;

	margin-top:var(--margin-top-15);

}



.project-detail-section .option-list li{

	position:relative;

	line-height:30px;

	color:var(--color-five);

	font-size:var(--font-16);

	padding-left:var(--padding-left-35);

	margin-bottom:var(--margin-bottom-15);

}



.project-detail-section .option-list li:before{

    position: absolute;

    left: 0px;

    top: -1px;

    content: "\f1b8";

    font-size: var(--font-18);

	color:var(--color-fiftysix);

    font-family: "Flaticon";

}



.project-detail-section .more-posts{

	position:relative;

	margin-top:var(--margin-top-20);

	padding-top:var(--padding-top-50);

	border-top:1px solid var(--color-twentythree);

}



.project-detail-section .more-posts .prev-post{

	position:relative;

	padding-left:130px;

	min-height:100px;

	font-size:var(--font-16);

	color:var(--color-fourty);

	padding-top:var(--padding-top-20);

}



.project-detail-section .more-posts .prev-post .thumb-image{

	position:absolute;

	left:0px;

	top:0px;

	overflow:hidden;

	border-radius:6px;

	background-color:var(--black-color);

}



.project-detail-section .more-posts .prev-post .thumb-image img{

	opacity:0.80;

}



.project-detail-section .more-posts .prev-post .arrow{

	position:absolute;

	left:50%;

	top:50%;

	width:38px;

	height:38px;

	text-align:center;

	line-height:38px;

	border-radius:50px;

	display:inline-block; 

	font-family: "Flaticon";

	color:var(--white-color);

	background-color:var(--color-fourty);

	transform:translateX(-50%) translateY(-50%);

	transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.project-detail-section .more-posts .prev-post h6{

	margin-top:var(--margin-top-5);

}



.project-detail-section .more-posts .prev-post h6 a{

	position:relative;

	color:var(--color-fourty);

}









.project-detail-section .more-posts .next-post{

	position:relative;

	padding-right:130px; 

	text-align:right;

	min-height:100px;

	font-size:var(--font-16);

	color:var(--color-fourty);

	padding-top:var(--padding-top-20);

}



.project-detail-section .more-posts .next-post .thumb-image{

	position:absolute;

	right:0px;

	top:0px;

	overflow:hidden;

	border-radius:6px;

	background-color:var(--black-color);

}



.project-detail-section .more-posts .next-post .thumb-image img{

	opacity:0.80;

}



.project-detail-section .more-posts .next-post .arrow{

	position:absolute;

	left:50%;

	top:50%;

	width:38px;

	height:38px;

	text-align:center;

	line-height:38px;

	border-radius:50px;

	display:inline-block; 

	font-family: "Flaticon";

	color:var(--white-color);

	background-color:var(--color-fourty);

	transform:translateX(-50%) translateY(-50%);

	transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.project-detail-section .more-posts .next-post h6{

	margin-top:var(--margin-top-5);

}



.project-detail-section .more-posts .next-post h6 a{

	position:relative;

	color:var(--color-fourty);

}



.project-detail-section .more-posts .prev-post:hover .arrow,

.project-detail-section .more-posts .next-post:hover .arrow{

	background-color:var(--main-color);

	color:var(--white-color);

}

/*** 



====================================================================

	News Section Two

====================================================================



***/



.news-section-two{

	position:relative;

	overflow:hidden;

	padding:70px 0px 80px;

   

}



.news-section-two .owl-dots{

	display:none;

}



.news-section-two .owl-nav{

	position:absolute;

	right:20px;

	top:-70px;

}



.news-section-two .owl-nav .owl-prev,

.news-section-two .owl-nav .owl-next{

	position:relative;

	width:40px;

	height:40px;

	line-height:40px;

	display:inline-block;

	font-size:var(--font-18);

	color:var(--white-color);

	font-family: "Flaticon";

	border-radius:5px;

	text-align:center;

	margin-left:var(--margin-left-10);

	background-color:var(--color-thirtyone);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-section-two .owl-nav .owl-prev:hover,

.news-section-two .owl-nav .owl-next:hover{

	background-color:var(--color-twentyeight);

}



.news-section-two .sec-title-two{

	margin-bottom:var(--margin-bottom-20);

}



.news-section-two .sec-title-two .title:before{

	background: url(../images/background/pattern-22.png) no-repeat;

}



.news-section-two .owl-carousel .owl-stage-outer{

	padding:20px 0px 20px;

}



.news-section-two .owl-theme .news-block-two{

	margin:0px 15px;

	background: white;

}



.news-section-two .owl-carousel{

	margin:0px -15px;

	width:auto;

}



.news-block-two{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.news-block-two .inner-box{

	position:relative;

	border-radius:5px;

	padding:15px 15px 30px;

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.news-block-two .inner-box .image{

	position:relative;

	border-radius:5px;

	overflow:hidden;

	background-color:var(--color-twentyseven);

}



.news-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-block-two .inner-box:hover .image img{

	opacity:0.80;

	transform:scale(1.05,1.05);

}



.news-block-two .inner-box .lower-content{

	position:relative;

	padding-top:var(--padding-top-30);

}.news-block-two .inner-box .lower-content1{

	position:relative;

	padding-top:var(--padding-top-10); text-align:center

}

.news-block-two .inner-box .lower-content1 h4{ font-size:20px;}

.news-block-two .post-date{

	position:relative;

	font-weight:500;

	padding:10px 12px 8px;

	border-radius:3px;

	display:inline-block;

	font-size:var(--font-18);

	color:var(--color-twentyseven);

	background-color: rgba(var(--color-twentyseven-rgb), 0.10);

}



.news-block-two .inner-box h4{

	font-weight:800;

	/* margin-top:var(--margin-top-20); */

}



.news-block-two .inner-box h4 a{

	position:relative;

	color:var(--color-thirtyone);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.news-block-two .inner-box h4 a:hover{

	color:var(--color-twentyeight);

}



.news-block-two .inner-box .plus-icon{

	position:relative;

	width:40px;

	height:40px;

	line-height:40px;

	border-radius:4px;

	text-align:center;

	display:inline-block;

	font-family: "Flaticon";

	color:var(--white-color);

	font-size:var(--font-16);

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	margin-top:var(--margin-top-20);

	background-color:var(--color-twentyseven);

}

.pt1 {

    padding-top: 40px!important;

    padding-bottom: 30px!important;

}

.news-block-two .inner-box:hover .plus-icon{

	background-color:var(--color-twentyeight);

	color:var(--white-color);

}

.lower-content p{

    margin-top: 8px;

    font-size: 15px;

    line-height: 26px;

}



/* gallery */

.gallery-row{

	margin: 15px;

	margin-top: 20px;

}



.gallery-top{

	padding-top: 80px;

	padding-bottom: 90px;

}



.rounded{

	border: 2px solid rgba(248, 228, 46, 0.767);

}



.bg-gal{

	background-image: url(../images/background/pattern-13.png);



	background-repeat: no-repeat;

	background-size: cover;

}





/*** 



====================================================================

	Contact Page Section

====================================================================



***/



.contact-page-section{

	position:relative;

	padding:90px 0px 70px;

}



.location-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.location-block .inner-box{

	position:relative;

	padding:30px 30px;

	border-radius:5px;

	line-height:1.8em;

	font-size:var(--font-16);

	color:var(--color-sixty);

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.location-block .inner-box .content{

	position:relative;

	min-height:70px;

	padding-top:var(--padding-top-10);

	padding-left:80px;

	margin-bottom:var(--margin-bottom-20);

	font-size: 14px;

}



.location-block .inner-box .content .icon{

	position:absolute;

	left:0px;

	top:0px;

	width:70px;

	height:70px;

	text-align:center;

	border-radius:50px;

	line-height:70px;

	color: rgb(167 122 17);

	font-size:var(--font-34);

	font-family: "Flaticon";

	background-color:rgba(var(--main-color-rgb), 0.10);

}



.location-block .inner-box strong{

	position:relative;

	font-weight:800;

	display:block;

	font-size:var(--font-24);

	font-family:var(--font-family-BeVietnam);

}



/*** 



====================================================================

	Map Section

====================================================================



***/



.map-section{

	position:relative;

	z-index:1;

}



.map-section .inner-container{

	position:relative;

	padding:20px 20px;

	border-radius:5px;

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.map-section iframe{

	position:relative;

	width:100%;

	height:500px;

}



/*** 



====================================================================

	Contact Page Section

====================================================================



***/



.contact-form-section{

	position:relative;

	padding:100px 0px 100px;

}



.contact-form-section .inner-container{

	position:relative;

	max-width:970px;

	margin:0 auto;

}



.contact-form-section .pattern-layer{

	position:absolute;

	right:0px;

	bottom:90%;

	width:484px;

	height:664px;

}



/*** 



====================================================================

	Contact Form

====================================================================



***/



.contact-form .form-group{

	margin-bottom:var(--margin-bottom-20);

}



.contact-form .form-group:last-child{

	margin-bottom:var(--margin-zero);

}



.contact-form .form-group input[type="text"],

.contact-form .form-group input[type="password"],

.contact-form .form-group input[type="tel"],

.contact-form .form-group input[type="email"],

.contact-form .form-group select{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 20px;

	color:var(--color-thirtyseven);

	height:54px;

	font-size:var(--font-16);

	border-radius:3px;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	font-family: var(--font-family-Roboto);

	background-color: rgb(215 203 62 / 25%);

}



.contact-form .form-group input[type="text"]:focus,

.contact-form .form-group input[type="password"]:focus,

.contact-form .form-group input[type="tel"]:focus,

.contact-form .form-group input[type="email"]:focus,

.contact-form .form-group select:focus,

.contact-form .form-group textarea:focus{

	border-color:var(--main-color);

}



.contact-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:24px;

	padding:15px 20px 25px;

	color:var(--color-thirtyseven);

	height:220px;

	font-size:var(--font-16);

	border-radius:3px;

	resize:none;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

	font-family: var(--font-family-Roboto);

	background-color: rgb(215 203 62 / 25%);

}



.contact-form .form-group button{

	margin-top:var(--margin-top-15);

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

	border-color:#ff0000 !important;	

}



.contact-form label.error{

	display:block;

	line-height:24px;

	padding:5px 0px 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:12px;

	color:#ff0000;

	font-weight:500;	

}



/* about us product profile */

/***



====================================================================

	Approach Section

====================================================================



***/



.approach-section{

	position:relative;

	padding:70px 0px 40px;

}



.approach-section:before{

	position:absolute;

	content:'';

	left:0px;

	top:0px;

	right:0px;

	height:555px;

	background-color:var(--color-thirtytwo);

}



.approach-block{

	position:relative;

	margin-bottom:var(--margin-bottom-30);

}



.approach-block .inner-box{

	position:relative;

	border-radius:3px;

	padding:20px 20px 28px;

	background-color:var(--white-color);

	box-shadow:0px 0px 15px rgba(0,0,0,0.10);

}



.approach-block .inner-box .image{

	position:relative;

}



.approach-block .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

}



.approach-block .inner-box .lower-content{

	position:relative;

	padding-top:var(--padding-top-25);

}



.approach-block .inner-box h4{

	position:relative;

	font-weight:700;

}

.s-main .inner-box {

    position: relative;

    padding: 34px 14px;

    border-radius: 6px;

    overflow: hidden;

    background-color: rgb(247 230 193);

    height: 111px;

}

.ap-1 .inner-box .lower-content {

    position: relative;

    padding-top: var(--padding-top-25);

    text-align: center;

}

.ap-1 .inner-box .text {

    position: relative;

    line-height: 1.7em;

    color: rgb(48, 47, 47);

    margin-top: var(--margin-top-10);

    margin-bottom: var(--margin-bottom-15);

    font-weight: 600;

}

.c-1{

	background: white;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 30px;

    border: 1px solid #d59d18;

}

.s-main .inner-box h5 a {

    position: relative;

    color: rgb(21 21 22 / 78%);

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    font-size: 18px;

}

.approach-block .inner-box h4 a{

	position:relative;

    color: rgb(32 84 139);

}



.approach-block .inner-box .text{

	position:relative;

	line-height:1.7em;

	color:var(--color-five);

	margin-top:var(--margin-top-10);

	margin-bottom:var(--margin-bottom-15);

}



.approach-block .inner-box .explore{

	position:relative;

	font-weight:700;

	font-size:var(--font-15);

	color:var(--color-fourty);

}



.approach-block .inner-box h4 a:hover,

.approach-block .inner-box .explore:hover{

	color: rgb(210 160 18);

}

.gall{ text-align:center; font-size:17px; font-weight:bold; padding-top:5px;margin-bottom:0!important; color:#000;}

.clinic-img{ width: 100%;

    height: 220px;

    transition: all ease-in-out 0.4s;

    object-fit: cover; }

.clinic-gallery-indi{ padding-bottom:0px; padding-top:0px;}

.clinic-gallery-indi p{ text-align:center}

.clinic-gallery-indi a{ 

    padding:10px; border:1px solid rgb(243 243 243 / 40%);

     display:block; background-color:rgba(255, 255, 255, 0.8);

      box-shadow:0 0 10px #e2e2e2; position:relative; margin-bottom:20px;    z-index: 0;

  }

.clinic-gallery-indi a:before{ content:"\26F6";font-family: 'Linearicons-Free'; speak: none; font-style: normal;  font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.3); z-index:2000;transition:all ease-in-out 0.4s; transform:scale(0); font-size:40px; text-align:center; padding-top:30%; color:#fff;}

.clinic-gallery-indi a:hover:before{transform:scale(1);}

.clinic-gallery-indi a:hover img{ transform:scale(1.05);}