@charset "utf-8";
/****
**var( --color-yellow) - #58585a**
****/
:root{
	--color: rgb(34, 34, 34);
	--color-yellow: rgb(254, 205, 49); /*rgb(255, 224, 22);*/
	--color-green: rgb(130, 165, 61);
	--color-green-bold: rgb(0, 149, 73);
	
	--color-main: rgb(254, 205, 49);
	--color-hover: rgb(254, 205, 49);
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
	--rgb-bg: 45 45 45;
	--bs-light: rgb(248, 249, 250);

	--font: 'Roboto', sans-serif;
}
html{
	overflow-x: hidden;
}
body{
	font:300 14px/24px 'Roboto', sans-serif;
	text-align:justify; color: var( --color);
	background-color: #fff;
	padding-bottom: 0px;
	position: relative;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	}
  }
  @keyframes fadeOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	}
  }
  .animate__fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
  }
  /* Fading entrances  */
@-webkit-keyframes fadeIn {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
  }
  @keyframes fadeIn {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
  }
  .animate__fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
  }
  body.page-intro{
	height: -webkit-fill-available !important;
  }
/*********************************/
.mt-auto{
	margin-top: auto !important;
}
.mt-0{
	margin-top: 0 !important;
}
.mt-1{
	margin-top: .25rem !important;
}
.mt-2{
	margin-top: .5rem !important;
}
.mt-3{
	margin-top: 1rem !important;
}
.mt-4{
	margin-top: 1.5rem !important;
}
.mt-5{
	margin-top: 2rem !important;
}
/*********/
.mb-0{
	margin-bottom: 0 !important;
}
.mb-1{
	margin-bottom: .25rem !important;
}
.mb-2{
	margin-bottom: .5rem !important;
}
.mb-3{
	margin-bottom: 1rem !important;
}
.mb-4{
	margin-bottom: 1.5rem !important;
}
.mb-5{
	margin-bottom: 2rem !important;
}
/*********************************/
.pt-0{
	padding-top: 0 !important;
}
.pt-1{
	padding-top: .25rem !important;
}
.pt-2{
	padding-top: .5rem !important;
}
.pt-3{
	padding-top: 1rem !important;
}
.pt-4{
	padding-top: 1.5rem !important;
}
.pt-5{
	padding-top: 2rem !important;
}
/*********/
.pb-0{
	padding-bottom: 0 !important;
}
.pb-1{
	padding-bottom: .25rem !important;
}
.pb-2{
	padding-bottom: .5rem !important;
}
.pb-3{
	padding-bottom: 1rem !important;
}
.pb-4{
	padding-bottom: 1.5rem !important;
}
.pb-5{
	padding-bottom: 2rem !important;
}
.text-color{
	color: var( --color) !important;
}
.text-yellow{
	color: var( --color-yellow) !important;
}
.text-green{
	color: var( --color-green-bold) !important;
}
/*****/
/******************/
@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

 /**
  * Owl Carousel v2.2.1
  * Copyright 2013-2017 David Deutsch
  * Licensed under  ()
  */
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background-color:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:12px;margin:5px 7px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#fff}
 .owl-theme .owl-dots .owl-dot.active span{
		 width: 28px
 }
 /*********************/
img{
	height: auto; width: auto;
	object-fit: contain; object-position: center top;
}
label{
	font-weight: 400;
}
.d-none{
	display: none !important;
}
.position-relative{
	position: relative !important;
}
.bg,
.bg-gray{
	background-color: var( --bs-light);
}
.bg{
	padding-top: 3rem;
}
.f-title{
}
.page-home{
	background-position:center center; background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
.page-about{
	background: #fff; color: #111;
	position: relative;
}
.mt-post,
.page-contact{
	padding-top:90px;
}
.page-martop{
	margin-top: 60px;
}
.img-full{
	display:block; width:100%;
}
.transition{
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.img-hzoom{
	display:block; width:100%;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img-hzoom:hover{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.text_hide{
    text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
	overflow:hidden;
}
/********
.page-news{
	margin-top:150px;
}
****/
.bold-400{
	font-weight: 400 !important;
}
b, strong, .bold{
	font-weight: 500 !important;
}
.bolder{
	font-weight: 700 !important;
}
.shadow{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.shadow-sm{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.pb-page{
	padding-bottom: 3rem;
}
.pt-0{
	padding-top: 0 !important;
}
.text-main{
	color: var( --color-main);
}
.text-hover{
	color: var( --color-hover);
}
/*****************/
.project-detail-wrapper{
	max-width: 1600px; margin: 0 auto;
}
/*************/
#button-share{
	margin:0px 0 20px;
	background:none ; padding:15px 0px 0;
	border-top: 1px solid rgba( 255, 255, 255, .8);
}
#button-share a{
	display: inline-block;
}
#button-share > b{
	clear: both;	display: inline-block;
	line-height: 18px;	color: rgb(85, 85, 85);
	font-size: 13px;
	margin-bottom: 10px;
}
#button-share .share-item{
	font-size:11px; position:relative; margin-right:10px;
	display:inline-block; padding-right:0px; background: none;
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
#button-share a:last-child .share-item{
	margin-right: 0;
}
#button-share .share-item i{
	display:inline-block; padding:0;
	margin:0 ; color: inherit; border:1px solid #eaeaea;
	text-align:center;
	width:32px; height: 32px; line-height: 30px;
	font-size: 15px;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
	border: none;
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;
}
/********/
#button-share .share-fb:hover{
	background:#5d72a4; color: #FFF !important;
}
#button-share .share-fb:hover i{
	color: #FFF;
}
#button-share .share-fb i{
	color:#5d72a4;
}
#button-share .share-twitter:hover{
	background:#00baff;
}
#button-share .share-twitter:hover i{
	color: #FFF
}
#button-share .share-twitter i{
	color:#00baff;
}
#button-share .share-pinterest:hover{
	background:#f20000;
}
#button-share .share-pinterest:hover i{
	color: #FFF;
}
#button-share .share-pinterest i{
	color:#f20000;
}
#button-share .share-link{
	background:#2f70b0;
}
#button-share .share-link i{
	color:#2f70b0;
}
 #button-share,
.prodetail_info #button-share{
	margin-bottom: 10px;
}
#button-share > b,
.prodetail_info #button-share > b{
	margin-bottom: 3px;
}
#button-share .share-item,
.prodetail_info #button-share .share-item{
	border-radius: 2px;
}
#button-share .share-item i,
.prodetail_info #button-share .share-item i{
 border: none;
}
.prodetail_info #button-share > b{
	display: block;
}
.prodetail_info #button-share{
	border-color: rgb(102, 102, 102);
	padding-top: 10px;
}
/*********************/
.btn_mobile{
	background:none; border:none;
	color:#FFF; font-size:21px;
	display:none;
}
.btn_mobile .fa{
	line-height:20px;
}
/************/
.scroll #header, .bg-page{
	background:rgba(0, 0, 0, 0.95);
}
.scroll #header .logo img{
	height: 30px;
}
.scroll #header .navigation > ul > li > a{
	line-height: 30px;
}
/************/

#header{
	padding:10px 0 0;
	position:fixed;	left:0; top:0; z-index:2999;
	width:100%;
	background:rgba(0, 0, 0, 0.8);
}


#header .logo{
	float:left; width:30%;
	padding-right:30px;
}
#header .logo img{
	display: inline-block;
	height:40px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
#header .navigation{
	float:left; width:70%;
	text-align:right; 
	text-transform:uppercase;
}
#header .navigation ul{
	margin:0; padding:0; list-style-type:none;
}
#header .navigation ul li{
	margin:0 0px 0 5px; padding:0 0 10px; list-style-type:none;
	display:inline-block;
	position:relative;
}
#header .navigation ul li:last-child{
	margin-left:0;
	border-bottom: none;
}
#header .navigation > ul > li > a{
	color:#FEFEFE; display:block;
	padding:0px 2rem; text-decoration:none;
	font-size:12px; 	line-height:40px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
#header .navigation > ul > li.lang > a{
	display:inline-block; padding-left:8px !important; padding-right:8px !important;
	color:#FFF; line-height:20px;
	border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;
	font-size: 11px;
	transform: translateY( -1px);
	margin-left: .5rem;
}
#header .navigation > ul > li.lang > a.selected{
	background-color:var( --color-yellow); color:#000;
}
#header .navigation > ul > li:hover > a,
#header .navigation > ul > li.focus > a{
	color:var( --color-yellow);
}
#header .navigation > ul > li:hover ul{
	display:block;
	opacity:1;
}
#header .navigation ul li ul{
	position:absolute; left:0%; top:100%; width:230px;
	background:rgba(43, 43, 43, 0.6);
	text-align:center; padding:8px 0 5px;
	text-transform:capitalize;
	border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;

	opacity:0; display:none;
	transition:opacity 0.35s ease-in-out;
	text-align: left;

 }
#header .navigation ul li ul::before{
	position:absolute; left:50%; top:-4px;
	color:rgba(43, 43, 43, 0.9);

    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px dashed;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
#header .navigation ul li ul li{
	clear:both; display:block; width:100%;
	padding:7px 15px; margin:0; line-height:20px;
}
#header .navigation ul li ul li a{
	display:block; padding:0; text-decoration:none;
	color:#fff; font-size:14px;
}
#header .navigation ul li ul li a:hover{
	color:rgb(254, 205, 49);
}
/*************/
#footer{
	padding: 30px 0 110px;
	margin: 0;
	background-color: rgb(43, 42, 42);
	color: #fff;
}
#footer .social{
	margin-bottom: 0;
}
#footer .social a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: none;
	background-color: rgb( 255, 255, 255, .25);
	height: 32px;
	width: 32px;
	min-width: 0;
	line-height: 32px;
	border-radius: 2px;
	color: #fff;
	font-size: 17px;
}
#footer .social a + a{
	margin-left: 5px;
}
#footer .social a:hover{
	background-color: var( --color-green-bold);
	color: #fff;
}
#footer .dcontent{
	font-size: 13px; line-height: 22px;
}
#footer .dcontent p{
	margin-bottom: 5px;
}
#footer .dcontent p:last-child{
	margin-bottom: 0;
}
/*************/
.fixed-link-bottom{
	position: fixed; left: 0; bottom: 0; z-index: 9;
	width: 100%;
	padding-top: 25px; padding-bottom: 13px;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 13px; line-height: 20px;
	color:#f9f9f9; 

}
.footer-fixedlink{
	position: absolute; left: 15px; top: -50px; z-index: 1;
	margin: 0; padding: 0px 0 0;
	list-style-type: none;
	display: flex; flex-wrap: nowrap;
}
.footer-fixedlink li{
	margin: 0;
	padding: 0 7px; list-style-type: none;
}
.footer-fixedlink button,
.footer-fixedlink a{
	display: flex;
	align-items: center; justify-content: center;
	width: 42px; height: 42px;
	border-radius: 50%; overflow: hidden;
	line-height: 44px;
	padding: 0; border: none;
	text-align: center;
	font-size: 23px;
	color: #fff;
	transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

}
.footer-fixedlink button:hover,
.footer-fixedlink a:hover{
	transform: translateY( -5px);
	text-decoration: none;
}
.footer-fixedlink-hotline button,
.footer-fixedlink-hotline a{
	background-color: #ffe016;
	color: #333;
}
.footer-fixedlink-messenger a,
.footer-fixedlink-zalo a{
	background-color: #82a53d;
}
.footer-fixedlink-download button:focus,
.footer-fixedlink-download button{
	background-color: #009549;
	color: #fff;
}
.footer-fixedlink-hotline{
	display: none;
}
.footer-fixedlink-hotline--pc{
	display: inline-block;
}
/***********************/
.bg-fb {
    background: #58585a  none repeat scroll 0 0;
    color: #fff;
}
.bg-fb:hover{
    background: #3c5899 none repeat scroll 0 0;
}
.bg-google {
    background: #58585a none repeat scroll 0 0;
    color: #fff;
}
.bg-google:hover{
    background: #bd081c none repeat scroll 0 0;
}
.bg-linkedin {
    background: #58585a none repeat scroll 0 0;
    color: #fff;
}
.bg-linkedin:hover{
    background: #5ea9dd none repeat scroll 0 0;
}
.bg-youtube {
    background: #58585a none repeat scroll 0 0;
    color: #fff;
}
.bg-youtube:hover{
    background: #ee1c1b none repeat scroll 0 0;
}
.bg-twitter {
    background: #58585a none repeat scroll 0 0;
    color: #fff;
}
.bg-twitter:hover{
    background: #00baff none repeat scroll 0 0;
}
/*************/
#background_cycler div.bg{
	position:absolute;left:0;top:0;
	width:100vw;height:100vh;
	z-index:1; overflow: hidden;
	background-color:white;background-size:cover;background-position:center center
}
#background_cycler div.active{z-index:3}
/*
.bghome-content{
	height:100vh; width:100%; padding-top:30vh;
	position:absolute; left:0; top:0; z-index:-1;
	color:#F8F8F8;
	background:rgba(0, 0, 0, 0.25);
	font-size:17px; line-height:28px;
}
*/
.bghome-content{
	position: relative;
}
.intro-slide-img{
	display: block;
	width: 100vw; height: 100vh;
	object-fit: cover; object-position: center top;
}
.intro-slide-btn-prev,
.intro-slide-btn-next{
	position: absolute; top: 50%; z-index: 10;
	transform: translateY( -50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: transparent;
	border-radius: 0;
	width: 50px; height: 60px;
	overflow: hidden;
	padding: 0; margin: 0;
	color: rgba(255, 255, 255, 0.5)
}
.intro-slide-btn-prev:active,
.intro-slide-btn-next:active,
.intro-slide-btn-prev:focus,
.intro-slide-btn-next:focus{
	border: none;
	outline: none !important;
	box-shadow: none;
}
.intro-slide-btn-prev:focus,
.intro-slide-btn-next:focus,
.intro-slide-btn-prev:hover,
.intro-slide-btn-next:hover{
	color: var( --color-yellow);
}
.intro-slide-btn-prev,
.intro-slide-btn-next,
.intro-slide-btn-prev svg,
.intro-slide-btn-next svg{
	width: 50px; height: 60px;
}
.intro-slide-btn-prev{
	left: -65px;
}
.intro-slide-btn-next{
	right: -65px;
}
.bghome-content-caption{
	position: absolute; left: 0; top: 43%; z-index: 99;
	width: 100%;
	padding-top: 5rem; padding-bottom: 3rem;
	transform: translateY( -50%);
	background-color: rgba(0, 0, 0, 0.5);
}
.bghome-content-caption-row{
	display: flex; flex-wrap: wrap;
	align-items: center;
}
.bghome-content-caption-row > *{
	flex: 0 0 auto;
}
.bghome-content-caption-link > p{
	margin-bottom: 1.75rem;
}
.bghome-content-caption-linkitem{
	min-width: 320px;
	display: inline-block; clear: both;
	margin-bottom: 0rem;
	padding: .9rem 1.5rem;
	text-align: left;
	color: #fff;
	text-transform: capitalize;
	font-size: 17px;
	transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;
}
.bghome-content-caption-linkitem:hover{
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
.bghome-content-caption-linkitem.border{
	border: 1px solid rgba(255,255,255,.5);
}
.bghome-content-caption-linkitem--text{
	text-align: right;
	font-size: 14px;
	padding-right: 0;
	padding-left: 0;
	font-style: italic;
}
.bghome-content-caption-linkitem--text:hover{
	background: none;
	color: var( --color-yellow)
}
.bghome-content-caption-logo-img{
	display: inline-block;
	object-fit: contain; object-position: center ;
	height: 200px;
}
/*
.bghome-caption{
	height:100vh; width:100%; padding-top:21vh;
	overflow: hidden;
	position:relative; z-index:9;
	background: rgba( 0,0,0, .1);
	font-size:17px; line-height:28px;
	color:#F8F8F8;
}
.bghome-content .col-xs-12{
	padding:0;
}
.bghome-content h1{
	margin:0 0 15px; padding:0;
	font-size:53px; line-height:52px;
}
.bghome-content h2{
	margin:0; padding:0;
	font-size:17px; line-height:28px;
}
.home-content{
	position:relative; margin-top:100vh;
	background:rgb(45 45 45);
	padding-top:50px; padding-bottom:30px;
} */
/**************/
.title-page{
	margin:0 0 1.5rem; padding:0;
	font-size:31px; line-height:32px;
	font-weight: 400;
	text-transform:capitalize;
}
.title-page a{
	color: inherit;
	text-decoration: none;
}
.title-page a:hover{
	color: var( --color-green-bold);
}
.title-thread{
	margin:0; padding:0 0 10px;
	font-size:21px; line-height:32px;
	text-transform: capitalize;
	font-weight: 300;
	color:var( --color-yellow); position:relative;
}
.title-thread a.backto{
	display:inline-block; float:right;
	color:#fff; margin-top:13px;
}
.quote-thread{
	margin:0 0 15px; padding:0;
	font-size:14px; line-height:26px;
}
.title-thread.text-sm{
	font-size:21px; line-height:28px; padding-bottom:12px;
	color:#fff;
	text-transform: capitalize;
}
.page-news #button-share{
	border-color: var( --color);
}
.page-news .title-thread.text-sm{
	color: var( --color);
}
.blogdetail-other{
	padding-top: 20px;
	border-top: 1px solid var( --color);
}
.page-contact .title-thread.text-sm{
	color: var( --color)
}
.page-contact .title-thread.text-sm{
	font-size: 17px;
}
/**************/
.bg-page{
	width:100%; margin-bottom:60px;
	position:relative; left:0; top:0; z-index:-1;
	color:#fff;
	background-attachment:fixed; background-position:center top; background-repeat:no-repeat;
	background-size:100% auto;
}
.bg-page .bg-trans{
	background:rgba(0, 0, 0, 0.25);
}
.bg-page .text{
	display:table; width:100%; height:380px;
	text-align:center; vertical-align:middle;
}
.bg-page .text > .clearfix{
	display:table-cell; vertical-align:middle;
}
.bg-page .text h1{
	display:block;
	margin:0; padding:0;
	font-size:45px; line-height:52px;
	text-transform:uppercase;
	vertical-align:middle;
}
.bg-page .text h2{
	display:block;
	margin:7px 0 0; padding:0;
	font-size:21px; line-height:30px;
	text-transform:capitalize;
	vertical-align:middle;
}
.dcontent{
	font-size: 14px; line-height: 24px;
	font-weight: 300;
	margin-bottom: 25px;
}
.dcontent--lg{
	font-size: 16px; line-height: 28px;
}
.dcontent img{
	display:inline-block; max-width:100%; height:auto !important;
}
.dcontent a{
	color: inherit;
	border-bottom: 1px dotted #fff;
}
.dcontent a:hover{
	text-decoration: none; color: var( --color-main);
}

.dcontent--sm{
	font-size: 14px; line-height: 24px;
}
.dcontent a{
	text-decoration:underline;
}
.dcontent *{
	max-width:100%; height:auto;
}
.dcontent p{
	margin-bottom:15px;
}
.dcontent p:last-child{
	margin-bottom: 0;
}
.dcontent img{
	display:inline-block; 
	height:auto !important;
	max-width: 100%;
}
.dcontent table{
	width:100%; max-width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}
.dcontent table th, .dcontent table td{
	padding:5px 8px;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent h1{
	font-size:150%;
}
.dcontent h2{
	font-size:130%;
}
.dcontent h3{
	font-size:120%;
}
.dcontent h4{
	font-size:110%;
}
.dcontent h5{
	font-size:19px;
}
.dcontent h6{
	font-size:90%;
}
/***********************/
.tocmain__wrapper{
	border: 1px solid #ddd;
	margin-bottom: 2rem;
}
.tocmain__wrapper > .btn{
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 0; font-weight: bold;
}
.tocmain__wrapper > .btn::before{
	display: none;
}
.tocmain__wrapper > .btn:focus,
.tocmain__wrapper > .btn:hover{
	border-color: transparent;
	color: var( --color-red);
	box-shadow: none; outline: none;
}
#toccontent__wrapper{
	border-top: 1px solid #ddd;
	font-size: 14px; line-height: 22px;
	padding-top: 15px;
	background-color: #EEE;
}
#toccontent__wrapper a{
	color: #000;
	text-decoration: none;
	border: none;
}
#toccontent__wrapper a:hover{
	color: var( --color-green-bold)
}
#toccontent__wrapper ul{
	padding-bottom: 1.25rem;
	margin-bottom: 0;
}
#toccontent__wrapper li{
	margin-bottom: .45rem;
}
/*********************/



/*************/
#pagination{
	display:block; text-align:center;
}
#pagination *{
	margin:0 6px 20px;
	border:none;
	background: var( --color);
	color: #fff;
}
#pagination a, #pagination span{
	border:none;
	color: #fff;
}
#pagination a:hover{
	color:#fff; background-color:#1a1a1a;
}
#pagination b{
	background:var( --color-green-bold); color:#FFF;
}
/*****************/
.home-project{
	margin-bottom:32px;
	position:relative;
}
.page-home .home-project:last-child{
	margin-bottom:0px;
}
.home-project .img span{
	display:block; overflow:hidden;
}
.home-project .img img{
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.home-project .img:hover img{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.home-project time{
	color:#EEE;
	font-size:12px; text-transform:capitalize;
}
.home-project h3{
	margin:0px 0 10px; padding:0;
	font-size:21px; text-transform:uppercase;
	line-height:32px; color: var( --color-main);
}
.home-project .des{
	position:static;
	line-height: 24px;
}
.home-project .readmore{
	display:inline-block; margin-top:20px;
	font-size:12px; line-height:22px; text-transform:capitalize;
	color:inherit; text-decoration:none;
	padding:5px 25px;
	background:rgba(0, 0, 0, 0.8); color: #FFF;
	border-radius: 4px;
	/*****/
	position:absolute; bottom:0;
}
.home-project .readmore:hover{
	background:var( --color-yellow); color:#FFF;
}
.home-project a{
	color:inherit; text-decoration:none;
	overflow:hidden; display:block;
}
.home-project a:hover{
	color:var( --color-yellow);
}
/********
*******
******/
.blog_content{
	padding-right: 50px;
}
.blogdetail-title{
	font-size: 25px;
	color: var( --color);
	font-weight: 500;
}
.blog_content_img{
	margin-bottom: 15px;
}
.newslist .item{
	margin-bottom: 20px;	 padding-bottom:30px;
	border-bottom: 1px solid #999;
}
.newslist .newslist-title{
	margin:0 0 5px; padding:0;
	font-size: 25px; line-height:1.35;
	font-weight: 500;
	color: var( --color);
}
.newslist .item time{
	font-size:12px; color: rgb(117, 117, 117);
	margin-bottom:10px; display:block;
}
.newslist--list .des{
	margin-top:0;
	display: flex; flex-direction: column;
}
.newslist .des-text{
	--line-clamp: 11;
	--line-height: 29px;
	/* --line-height */
	font-size: 16px; line-height:26px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	max-height:calc( var( --line-height, 24px ) * var( --line-clamp ) );
	line-height: var( --line-height, 24px);
}
.newslist .item a{
	color:inherit; text-decoration:none;
}
.newslist .item a:hover{
	color:var( --color-green-bold);
}
.newslist .readmore{
	display:inline-block; margin-top:20px;
	font-size:13px; line-height:24px; text-transform:capitalize;
	color:#FFF !important; 
	text-decoration:none;
	padding: 4px 20px;
	background:rgba(0, 0, 0, 0.75);
	border-radius: 3px;
}
.newslist .readmore:hover{
	background:var( --color-yellow); color:#FFF;
}
/***************/
.newslist--other .item{
	border-bottom: none;
	padding-bottom: 0;
}
/***************/

.title-right{
	margin: 0 0 15px; padding:0 0 3px;
	font-size:17px; line-height:32px;
	font-weight: 400;
	text-transform:capitalize;
	color: var( --color);
	position:relative;
	display:block;
}
.title-right::before{
	position:absolute; left:0; bottom:0;
	content:"";
	height:2px; width:50px;
	background: var( --color);
}
.right-nav ul{
	margin:0; padding:0; list-style-type:none;
	display:block;
}
.right-nav ul li{
	margin:0 0 5px; padding:0; list-style-type:none;
	display:block; clear:both;
}
.right-nav ul li a{
	color: var( --color);
	font-size:15px; line-height:28px;
	text-decoration:none;
}
.right-nav ul li a:hover, .right-nav ul li.focus a{
	color:var( --color-green-bold);
}
/**********/
.right-recent ul{
	margin:10px 0 0; padding:0; list-style-type:none;
}
.right-recent ul li{
	margin:0 0 20px 0; padding:0 0 20px 0; list-style-type:none;
	display:block; clear:both; float:left; width:100%;
	border-bottom:1px solid #999;
}
.right-recent ul li:last-child{
	border-bottom: none;
}
.right-recent ul li a{
	color: var( --color); 
	display:block; width:100%;
	text-decoration:none; overflow:hidden;
	position:relative;
}
.right-recent ul li .img{
	float:left;		width:32%;
}
.right-recent ul li .des{
	position:absolute; right:0; top:0;
	float:left;	width:68%;
	padding:0 0 0 15px; margin:0;
	font-size:13px; line-height:20px;
	font-weight: 300;
}
.right-recent ul li a:hover{
	color:var( --color-yellow);
}
/*****************/
.newslist--other .des-text{
	--line-clamp: 5
}
/*********************/
body.page-contact .pagemain-wrapper hr{
	margin-top: 30px;
	margin-bottom: 40px;
	border-color: #999;
}
#google-map{
	display:block; margin-bottom:50px;
}
#google-map iframe{
	display:block; width:100%; height:360px;
}
.contact__info{
	font-size:14px; line-height:28px;
	text-align: center;
	margin-bottom: 30px;
}
.contact__info > .col-xs-12{
	padding-left: 30px; padding-right: 30px;
}
.contact__info a{
	color: inherit;
}
.contact__info .fa{
	font-size: 37px;
}
.contact__info__item{
	border-top: 3px double rgba(255, 255, 255, 0.5);
	border-bottom: 3px double rgba(255, 255, 255, 0.5);
	padding: 17px 15px 15px;
	min-height: 140px;
}
.contact__info,
.contact__info address{
	font-size:14px; line-height:24px;
}
.contact__info__title{
	color:var( --color-yellow);
	margin: 0 0 15px;	padding: 0;
	font-size: 31px;	line-height: 1.55;
	text-transform: uppercase;
}
.contact__info__title-sm{
	color: var( --color);
	margin: 0 0 5px;	padding: 0;
	font-size: 17px;	line-height: 1.55;
	text-transform: capitalize;
}
.page-contact .info address,
.page-contact .info p{
	margin-bottom:15px
}
.page-contact .info a{
	color:inherit; text-decoration:none;
}
.page-contact .info a:hover{
	color:var( --color-yellow);
}
.contact_boxsupprt .contact-maps{
	padding-left: 30px;
}
.contact_boxsupprt .contact-form{
	padding-right: 30px;
}
form.contact-form label{
	padding-top:0 !important;
	font-size:13px; line-height:28px;
	text-align: left !important;
}
form.contact-form .form-group{
	margin-bottom: 10px;
}
form.contact-form .form-control{
	font-size:13px;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	background-color: var( --bs-light);
	height: 40px; line-height: 40px;
	border-color: rgb(208, 208, 208);
}
form.contact-form textarea.form-control{
	height: 110px;
	resize: none;
}
form.contact-form .btn{
	background: var( --color-green-bold); 
	color:#FFF;
	border:none;
	text-transform: uppercase;
	padding:10px 30px;
}
form.contact-form .btn:hover{
	background:var( --color-yellow);
}
form.contact-form .text-danger{
	color:#f00;
}
.page-contact .social{
	padding-top: 0px;
}
.page-contact .social a{
	display: inline-block; margin-bottom: 0 !important;
	margin-bottom: 6px;
	min-width: 36px; text-align: center;
	background: none;
	font-size: 17px;
}
.page-contact .social a:last-child{
	margin-right: 0;
}
.page-contact .social a:hover{
	color: var( --color-green-bold);
}
.contact-dcontent{
	font-size: 13px; line-height: 22px;
}
.contact-dcontent p{
	margin-bottom: .75rem;
}
/*******************/
#services-package .item{
	margin-bottom:15px;
}
#services-package .item:nth-child( 3n + 1){
	clear:both;
}
#services-package .item a{
	color:inherit; text-decoration:none;
}
#services-package .item a:hover{
	text-decoration:underline;
}

#services-package .item .des{
	display:block;
	font-size:13px; line-height:24px;
}
#services-package .item h2{
	margin:15px 0 10px; padding:0;
	font-size:21px; text-transform:uppercase;
	line-height:32px;
	color:var( --color-yellow)
}
#services-package .item .des > div.clearfix{
	height:140px; overflow:hidden;
}
#services-package .item .readmore{
	display:block; margin-top:20px; text-align:center;
	font-size:12px; line-height:24px; text-transform:capitalize;
	color:inherit; text-decoration:none;
	padding:5px 30px; text-decoration:none;
	background:rgba(0, 0, 0, 0.8);
}
#services-package .item .readmore:hover{
	background:var( --color-yellow); color:#FFF;
	text-decoration:none;
}
#services-package .item .img{
	overflow:hidden;
}
#services-package .item img{
	display:block; width:100%;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#services-package .item:hover img{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
/***************************/
#project-header-sticky-wrapper{
	height: auto !important;
}
.is-sticky #project-header{
	padding-top: .15rem; padding-bottom: .15rem;
	background-color: rgba(0, 0, 0, 0.76);
	border-top: 1px solid rgba( 255, 255, 255, .25);
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.project-header-label{
	background-color: rgb(60, 60, 60);
	color: #fff;
	margin-bottom: 0;
	padding: .5rem 35px .5rem 10px;
	border-radius: 3px;
	border: 1px solid rgb( 255, 255, 255, .25);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	width: 100%;
	position: relative;
}
.project-header-label::before{
	position: absolute; right: 10px; top: 10px; z-index: 1;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0c9";
	font-size: 15px;
	color: #fff;
}
#project-header{
	display: block;
	border: none;
	background-color: rgb( var( --rgb-bg) );
	width: 100%;
	margin-bottom: 35px;
	padding-top: 5px;
	padding-bottom: 3px;
}
#project-header #projects-nav{
	line-height:32px;
}
/***********/
#projects-nav{
	margin:0px 0 0; padding:0; list-style:none;
}
#projects-nav li{
	margin:0 30px 0 0; padding:0 30px 0 0; list-style:none;
	position:relative;
	display: inline-block;
	line-height:34px
}
#projects-nav li::after{
	content:"";
	position:absolute; right:0; top:8px;
	width: 1px; height:16px;
	background: rgba(255, 255, 255, 0.5);
}
#projects-nav li:last-child::after{
	display:none;
}
#projects-nav li a{
	color: #fff; text-transform: uppercase;
	font-size: 12px; text-decoration:none;
}
#projects-nav li a:hover, #projects-nav li.focus a{
	color:var( --color-yellow)
}
/**************/
#projectlist{
	padding:0 0rem; overflow:hidden;
	margin-bottom: 15px;
}
#projectlist .projectitem{
	float:left; display:inline-block;
	position:relative;
	margin-bottom: 35px;
}
#projectlist .projectitem:nth-child(2n + 1){
	clear: both;
}
#projectlist .projectitem a{
	position:relative; display:block;
	text-decoration: none;
}
#projectlist .projectitem a .des{
	padding: 1.5rem 0 0;
	vertical-align:middle; text-align:left;
	color:var( --color-yellow); font-size:30px;
}
#projectlist .projectitem a:hover .des{
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
#projectlist .projectitem img{
	display: block; background: #FFF;
	width: 100%;
	transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;
}
#projectlist .projectitem a .des .text{
    display: block;
    overflow: hidden;
    vertical-align: middle;
}
#projectlist .projectitem .protitle{
	margin:0 0 5px; padding:0;
	font-size: 17px; text-transform: uppercase; line-height:1.4;
	color: var( --color);
	letter-spacing: .5px;
	font-weight: 500;
}
#projectlist .projectitem .pro_textinfo,
#projectlist .projectitem .pro_address{
	margin:0; padding:0; text-transform: none;
	font-size: 13px; line-height: 20px;
	color: var( --color);
}
#projectlist .projectitem .pro_textinfo{
	margin-top: .5rem;
}
#projectlist .projectitem .pro_textinfo > b{
	font-weight: 400 !important;
}
#projectlist .projectitem .img{
	overflow:hidden; width:100%;
	position:relative;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
	box-shadow: 0 .35rem 1rem rgba(255, 255, 255, 0.075);
	border-radius: 3px ;

}
#projectlist .projectitem .img span{
	position:absolute;
	overflow:hidden; width:100%; height:100%;
}
#projectlist .projectitem:hover img{
	transform:scale(1.025); -moz-transform:scale(1.025); -webkit-transform:scale(1.025);
	filter: grayscale(100%);


}
#projectlist .projectitem:hover .protitle{
	color: var( --color-yellow);
}
/****************/
.page-project .container a.backto{
	color:var( --color-yellow); font-size:13px; margin-bottom:0; line-height:20px;
	text-decoration:none; text-transform:capitalize;
}
.page-project .container a.backto .fa{
	font-size:17px; position:relative; top:1px;
	margin-right:5px;
}
.page-project .container a.backto:hover{
	color:#fff
}
#project-owl{
	margin-bottom:15px;
}
#project-owl .owl-nav [class*="owl-"]{
	position:absolute; top:40%;
	height:100px; width:50px; padding:0; margin:0;
	vertical-align:middle; text-align:center;
	background:rgba(89, 89, 91, 0.5); color:#FFF;
	font-size:35px; line-height:100px;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
#project-owl .owl-nav [class*="owl-"]:hover{
	background:rgba(254, 205, 49, 0.8)
}
#project-owl .owl-nav [class*="owl-"] .fa{
	line-height:100px;
}
#project-owl .owl-nav .owl-prev{
	left:0;
}
#project-owl .owl-nav .owl-next{
	right:0;
}
#project-owl .owl-dots .owl-dot span{
	width:12px; height:12px; background:EEE;
}
#project-owl .owl-dots .owl-dot.active span{
	background:rgba(254, 205, 49, 1)
}
/*********/
/***************************/
.prodetail_info__container{
	background-size: auto 45px;
	padding-top: 0;
}
.project-info p{
	margin-bottom: 15px;
}
.project-info > p > b{
	clear: both; display: block;
	line-height: 18px;
	color: #555; font-size: 13px;
}
.prodetail_info__list li,
.prodetail_info__list{
	margin: 0; padding: 0; list-style-type: none;
}
.prodetail_info .dcontent,
.prodetail_info__list{
		margin-bottom: 15px;
}
.prodetail_info__list li{
	margin-bottom: 8px; 	display: flex;
	line-height: 22px;
}
.prodetail_info__list li > b{
	display: inline-block;
	width: 85px; text-align: left;
	font-weight: 400 !important;
}
.prodetail_info__list li > span{
	display: inline-block; text-align: left;
	width: calc( 100% - 85px);
	padding-left: 10px;
}
.prodetail_info__list li:last-child{
	margin-bottom: 0;
}
.prodetail_tags a{
	display: inline-block;
	padding-left: 5px; padding-right: 5px;
	color: inherit;	color: #666;
	font-size: 12px;
}
.prodetail_tags span a:first-child{
	padding-left: 0;
}
.prodetail_tags a:hover{
	color: rgb(254, 205, 49);
	text-decoration: none;
}
/******/
.prodetail_info__content_img{
	margin-bottom: .75rem;
	display: none;
	box-shadow: 0 0.25rem 0.35rem rgba(0,0,0,.075);
	border-radius: .25rem;
	overflow: hidden;
}
.prodetail_info__content_img--none{
	border: none;
	box-shadow: none;
}
.prodetail_info__content_img a{
	display: block;
	border: none;
}
/*************************/
.prodetail_img{
	padding-top: 0;
}
.prodetail_info{
	padding-top: 10px;
}
.prodetail_img{
	position: sticky; position: -webkit-sticky;
	top: 70px;
}
.prodetail_info{
	padding-right: 30px;
	font-size: 13px; line-height: 20px;
	color: #222;
}
.prodetail_info .dcontent{
}
.prodetail_info__title{
	margin: 0 0 10px; padding: 0;
	font-size: 23px;	line-height: 1.4;
	text-transform: uppercase;
	color: #000;	text-align: left;
}
.prodetail_info__location{
	margin-bottom: 0px;
}
/*******************************/
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

.lSSlideOuter .lSPager.lSGallery li{
	opacity: .8;
	padding-right: 0px;
	border: 2px solid #FFF;
}
.lSSlideOuter .lSPager.lSGallery li.active{
	opacity: 1;
	border-color: rgb(254, 205, 49)
}
.lSSlideOuter .lSPager.lSGallery img{
	height: 100%; width: 100%;
	object-fit: cover; object-position: center;
}
#lightSlider img{
	height: auto; width: auto;
}
/*****************************/
.aboutitem__box{
	margin-bottom: 50px;
}
.aboutitem__box .dcontent{
	text-align: justify;
}
.aboutteam__title-sm,
.aboutteam__title{
	margin: 0 0 12px; padding: 0;
	font-size: 25px;	line-height: 1.4;
	text-transform: uppercase;
	color: #111;
}
.aboutteam__title-sm{
		font-size: 19px;
		text-transform: none;
}
.aboutteam__created{
	margin-bottom: 25px;
	font-size: 13px; line-height: 22px;
}
.teamimg_container{
	display: flex;
}
.teamimg_bg{
	background: rgb(254, 205, 49);
	min-height: 100%;
}
.teamimg_bg img{
	border-bottom: 15px solid #FFF;
}
.row-flex{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start{
	align-self: flex-start;
}
.flex-center{
	align-self: center ;
}
.flex-end{
	align-self: flex-end;
}
.about_difference_line{
	font-size: 11px; text-transform: uppercase;
	color: #FFF;
	line-height: 1.1;
	background: rgb(254, 205, 49);
}
.about_difference_line > span{
	display: inline-block;
	background: #FFF; padding-right: 10px;
	color: #111;
}
.aboutproject__container{
	position: relative;
	margin: 0 0 15px; padding: 8px 30px 8px 36px;
	font-size: 13px; line-height: 20px;
	background: rgb(254, 205, 49);
}
.aboutproject__container::after{
	position: absolute; left: 50%; top: 0; z-index: 1;
	width: 50%; height: 100%;
	background: #f6f6f6;
	content: ""; display: block;
}
.aboutproject__container > *{
	z-index: 2;
}
.aboutproject__container .aboutteam__title{
	text-transform: none; margin: 0;
	color: #FFF;
	font-size: 23px;
}
.aboutproject__container p{
	margin-bottom: 5px; cursor: pointer;
}
.aboutproject__container span p:last-child{
	margin-bottom: 0;
}
.aboutproject__container p:hover{
	color: rgb(254, 205, 49);
}
.aboutproject__container a{
	color: inherit;
}
.aboutproject__container a:hover{
	text-decoration: none;
}
/***********************/
.about-projects .aboutproject__item:nth-child(2n + 1){
	clear: both;
}
.aboutproject__item{
	margin: 0 0 15px;
}
.aboutproject__item__des{
}
.aboutproject__caption{
	padding: 10px 0;
}
.aboutproject__title{
	margin: 0 0 5px; padding: 0;
	font-size: 15px;	line-height: 1.4;
	text-transform: uppercase;	color: #111;
}
.aboutproject__caption .dcontent{
	font-size: 13px; line-height: 20px;
	text-align: justify;
	margin-bottom: 25px;
	min-height: 60px; overflow: hidden;
}
.aboutproject__readmore{
	display: inline-block;
	padding: 6px 15px 5px;
	font-size: 11px; line-height: 16px; text-transform: capitalize;
	background: rgb(254, 205, 49, .7); color: #FFF;
	border-radius: 4px;
	transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s;
}
.aboutproject__item a{
	color: inherit; text-decoration: none;
}
.aboutproject__caption a:hover{
	color: rgb(254, 205, 49, 1);
}
.aboutproject__readmore:hover{
	background: #111 !important; color: #FFF;
}
.dcontent p:last-child{
	margin-bottom: 0;
}
/**********************/
body.project-detail #header > .container{
	width: 100%;
	max-width: 1600px;
}
.project-other{
	border-top: 1px solid rgb(102, 102, 102);
	padding-top: 15px;
}
.project-other #projectlist .projectitem .pro_textinfo, 
.project-other #projectlist .projectitem .pro_address,
.project-other #projectlist .projectitem .protitle{
	color: var( --color);
}
.project-other #projectlist{
	margin-left: -6px;
	margin-right: -6px;
}
.project-other #projectlist .projectitem{
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 20px;
}
.project-other #projectlist .projectitem .img{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.project-other #projectlist .pro_textinfo{
	margin-top: .15rem;
}
.project-other #projectlist .pro_textinfo + .pro_textinfo{
	display: none;
}
.project-other #projectlist .projectitem:nth-child(3n+1){
	clear: none;
}
.project-other #projectlist .projectitem:nth-child(2n+1){
	clear: both;
}	
.project-other #projectlist .projectitem .protitle{
	font-size: 15px;
}
.project-other #projectlist .projectitem:hover .protitle{
	color: var( --color-yellow );
}
.pro_other__title{
	clear: both;	display: block;
	line-height: 22px;	color: var( --color);
	font-size: 19px; 	margin-bottom: 1rem;
	font-weight: 300;
}
.prodetail_info iframe{
	max-width: 100%;
	max-height: 198px;
}
.aboutitem__fheight{
	display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap;	flex-wrap: wrap;
	-ms-flex-align: center;	align-items: center;
	min-height: 78vh;
}
.aboutitem__fheight > .aboutitem__fheight__item{
	-ms-flex-preferred-size: 0;	flex-basis: 0;
	-ms-flex-positive: 1;	flex-grow: 1;
	max-width: 100%;
}
/*********************/

.aboutfloat_left{
	position: fixed; left: 0px; top: 50%;
	transform: translateY( -50%);
	background: #FFF; text-align: left;
	max-width: 150px; width: auto;
}
.aboutfloat_left > ul{
	margin: 0; padding: 0;list-style-type: none;
}
.aboutfloat_left li{
	border-top: 1px solid rgb(102 102 102); display: block;
	padding: 10px 5px 10px 0;
	font-size: 13px; line-height: 20px;
	cursor: pointer;
}
.aboutfloat_left li:first-child{
	border-top-color: #FFF;
}
.aboutfloat_left li:first-child{
	border-bottom: none;
}
.aboutfloat_left li p{
	padding-top: 5px; padding-bottom: 5px; margin-bottom: 0;
}
.aboutfloat_left li p:last-child{
	padding-bottom: 0; margin-bottom: 5px;
}
.aboutfloat_left li:hover{
	color: var( --color-main)
}
.aboutfloat_left .nav li a{
	padding: 3px 0; display: inline-block; line-height: 18px;
	color: #000;
	text-decoration: none;
}
.aboutfloat_left .nav li.active > a,
.aboutfloat_left .nav li a:hover{
	background: none !important;
	color: var( --color-yellow)
}
.aboutfloat_left .nav li a:focus{
	background: none !important;
}
#scrollitem__about{
	padding-top: 90px;
}
.aboutfloat_left .nav li p a{
	padding-left: 10px !important;
}
/************************/

/************************/
.aboutquote__container{
	position: relative;
	padding-top: 50px; padding-bottom: 35px;
	background-color: #FFF;
	background-repeat: no-repeat; background-size: cover;
	color: #FFF;
}
.aboutquote__container::after{
	position: absolute; left: 0; top: 0;
	content: ""; display: block;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, .25);
}
.aboutquoate__item{
	text-align: center;
	padding: 50px 10%;
	font-size: 15px;
	line-height: 1.4;
}
.aboutquoate__item .fas{
	font-size: 31px;
}
.aboutquoate__text{
	margin-bottom: 15px;
	padding-top: 15px;
}
.aboutquoate__title{
	margin: 0; padding: 0;
	font-size: 17px; 	text-transform: capitalize
}
.home__about__content{
	line-height: 30px; font-size: 16px;
}
.home__about__content > p{
	margin-bottom: 10px;
}
.aboutquoate__img{
	display: inline-block;
	height: 100px;	width: auto !important;
	margin: 0 auto 8px;
	object-fit: cover; object-position: center;
}
/****************/
body.page-about .mt-post{
	padding-top: 68px;
}
#scrollitem__testimonials{
	background: var( --color-main);
	margin-bottom: 9vh;
}
.btn-brochure{
	border: 1px solid var( --color-green-bold); color: #FFF;
	background: var( --color-green-bold);
	border-radius: 0; margin-top: 0px;
	padding: 7px 15px; min-width: 180px; text-align: center;
	font-size: 14px; 	line-height: 22px;
	text-transform: capitalize;
	border-radius: 3px;
}
.btn-brochure:hover{
	background: #111; color: #FFF;
	border-color: #111;
}
#scrollitem__profile{
		text-align: center;
		min-height: auto;
		padding-top: 4vh; padding-bottom: 8vh;
}
#scrollitem__profile .dcontent{
	text-align: center;
	margin-bottom: 10px;
}
.scrollitem__profile_title{
	margin: 0 0 15px;
	font-size: 29px;
	line-height: 1.5;
	text-transform: capitalize;
	color: var( --color-main);
}
.aboutproject__img{
		margin: 0 0 10px;
}
.aboutproject_readmore_box{
	text-align: center;
	padding-top: 30px; margin-bottom: 45px;
}
.aboutproject_readmore{
	display: inline-block;
	padding: 5px 15px;
	min-width: 160px; text-align: center;
	border: 2px solid var( --color-main);
	border-radius: 6px;
	font-size: 13px; 	line-height: 20px;
	color: #444; text-transform: capitalize;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.aboutproject_readmore:hover{
	color: #FFF; text-decoration: none;
	background: var( --color-main);
}
/*************************/
.intro_header{
	position: fixed; left: 0; top: 0; z-index: 99;
	background: rgb(0 0 0 / 80%); color: #FFF;
	font-size: 13px;
	width: 100%;
}
.intro_header_row{
	display: flex; flex-wrap: wrap;
	align-items: center;
}
.intro_header_row > *{
	flex: 0 0 auto;
}
.intro_header_nav{
	margin: 0; padding: 0; list-style-type: none;
	text-transform: uppercase;
	font-size: 12px;
}
.intro_header_nav li{
	display: inline-block;
	margin: 0; padding: 7px 15px; list-style-type: none;
}
.intro_header_nav > li:first-child{
	padding-left: 0;
}
.intro_header_nav > li:last-child{
	padding-right: 0;
}
.intro_header_nav a{
	color: rgba( 255, 255, 255, .9);
}
.intro_header_nav a:hover{
	color: var( --color-main); text-decoration: none;
}
.intro_header_social{
	text-align: right;
}
.intro_header_social a{
		position: relative;
		display: inline-block;
		margin-left: 13px; padding: 3px 5px;
		color: rgba( 255, 255, 255, .9);
}
.intro_header_social a:first-child{
	margin-left: 0;
}
.intro_header_social a:last-child{
	margin-right: 0;
}
.intro_header_social a::before{
	position: absolute; left: -6px; top: 50%;
	content: ""; display: block;
	width: 1px; height: 12px;
	background: rgba( 255, 255, 255, .9);
	transform: translateY( -50%);
}
.intro_header_social a:hover{
	color: var( --color-main); text-decoration: none;
}
.intro_header_social a:first-child::before{
	display: none;
}
.intro_header_social .langitem.selected{
	color: var( --color-main)
}
.page-intro .bghome-content h1{
	background: url( ../img/icon.png?230627 ) no-repeat left 5px;
	background-size: 60px auto;
	padding-left: 75px;
}
.bgnavigation{
	margin: 0; padding: 20px 0 0; list-style-type: none;
	font-size: 13px; line-height: 18px; font-weight: bold;
	text-align: left;
}
.bgnavigation li{
	display: inline-block;
	margin: 0 15px 0 0; padding: 0; list-style-type: none;
}
.bgnavigation li:last-child{
	margin-right: 0;
}
.bgnavigation a{
	display: block;	padding:10px 15px 12px;
	min-width: 190px; text-align: center;
	color: #fff;
	border: 1px solid rgba( 255, 255, 255, .8);
	text-transform: capitalize;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.bgnavigation a:hover{
	text-decoration: none;
	border-color: var( --color-main); color: var( --color-main)
}
body.page-intro{
	width: 100vw; height: 100vh; overflow: hidden;
	padding-bottom: 0;
}

/************************/
.fixedpage-wrapper{
	position: fixed; right: 1rem; bottom: 80px; z-index: 1500;
}
.fixedpage-list{
	margin: 0; padding: 0; list-style: none;
	display: flex; flex-direction: column;
}
.fixedpage-item{
	width: 100%;
	flex: 0 0 auto;
	margin-bottom: .75rem;
	font-size: 10px; font-weight: normal;
	line-height: 1.2;
}
.fixedpage-link{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	padding: .45rem;
	background-color: #fff;
	border-radius: .25rem;
	border: 1px solid #ddd;
	box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075);
	color: #666;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
	text-decoration: none;
}
.fixedpage-link > svg{
	flex: 0 0 auto;
	width: 28px; height: 28px;
}
.fixedpage-link > span{
	flex: 1 0 0%;
	padding-left: .35rem;
}
.fixedpage-link small{
	display: block;
	font-size: 10px;
	color: #333;
}
.fixedpage-link b{
	display: block;
	margin-bottom: .25rem;
	font-weight: bold; font-size: 9px;
	color: #111;
	text-transform: capitalize;
	transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
}
.fixedpage-link:hover{
	text-decoration: none;
	border-color: var( --color-hover);
}
.fixedpage-link:hover b{
	color: var( --color-hover);
}
/************************/
#projectlist.projectlist-film .projectitem .protitle{
	color: var( --color);
	font-weight: 300;
}
#projectlist.projectlist-film .projectitem:hover .protitle{
	color: var( --color-yellow);
}
#projectlist.projectlist-film .projectitem:nth-child(2n +1){
	clear: none;
}
#projectlist.projectlist-film .projectitem:nth-child(3n + 1){
	clear: both;
}
.prodetail-film{
	margin-bottom: 10px;
}
.prodetail-film a{ 
	display: block;
	line-height: 20px;
	text-align: left;
	color: #000;
	background-color: rgba(254, 205, 49, 0.5);
	padding: 12px;
	transition:all 0.3s ease-in 0s;
	border-radius: 3px;
	overflow: hidden;
}
.prodetail-film a:hover{ 
	background-color: var( --color-hover);
}
.prodetail-film .img{ 
	position: relative;
	margin-bottom: 8px;
}
.prodetail-film .img::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block;
	width: 100%; height: 100%;
	background: url( ../img/icon-play.png) no-repeat center center rgb(0, 0, 0, .5);
	background-size: auto 42px;
	content: "";
	transition:all 0.3s ease-in 0s;

}
.prodetail-film a:hover .img::before{
	background-size: auto 50px;
}
.prodetail-film-title{
	margin: 0; padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.4;
	color: rgb(0, 0, 0);
	font-weight: 500;
}
.prodetail-film-title > i{
	margin-right: .35rem;
}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

 /**
  * Owl Carousel v2.2.1
  * Copyright 2013-2017 David Deutsch
  * Licensed under  ()
  */
 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background-color:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: var( --color-main)}
 .lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:1px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:var( --color-main)}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content: "\f09a";}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\f099"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\f0d5"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\f0d2"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
 .lg-outer .lg-image{
	max-height: 90vh;
	object-fit: contain;
	object-position: center center;
 }
/********************/
.lg-backdrop,
.lg-outer{
	z-index:9999;
}
.lg-outer .lg-thumb-outer{
	text-align:center;	
}
.lg-outer .lg-thumb{
	margin:auto;	
	transition: transform 0.3s ease-in-out;
}
.lg-icon{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-outer .lg-toogle-thumb::after{
	content: "\f103";	
}
.lg-actions .lg-next::before{
	content: "\f101";
}
.lg-actions .lg-prev::after{
	content: "\f100";
}
.lg-toolbar .lg-close::after{
	content: "\f00d";
}
.lg-autoplay-button::after{
	content: "\f01d";	
}
.lg-show-autoplay .lg-autoplay-button::after{
	content: "\f04c";	
}
.lg-fullscreen::after{
	content: "\f0b2";
}
#lg-zoom-in::after{
	content: "\f00e";
}
#lg-zoom-out::after{
	content: "\f010";
}
#lg-actual-size{
	display:none;
}
.lg-outer #lg-share::after{
	content: "\f1e1";
}
/***********************/

/********************************/ 
/********************************/ 
#prodimg_carousel{
	margin-bottom: .75rem;
}
#prodimg_carousel .owl-nav{
	margin: 0;
	position: absolute; left: 50%;
	bottom: 1.5rem; z-index: 10;
	transform: translateX(-50%);
}
#prodimg_carousel .owl-next,
#prodimg_carousel .owl-prev{
	width: 30px; height: 30px;
	border: 1px solid var( --color-main);
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: 28px;
	padding: 0;
	background-color: transparent;
	color: var( --color-main);
	margin: 0 .5rem;
}
#prodimg_carousel .owl-next:hover,
#prodimg_carousel .owl-prev:hover{
	background-color: var( --color-main);
	color: #fff;
}
.prodimg_carousel_imgthumb,
.prodimg_carousel_img{
	display: block;
	width: 100%;
	aspect-ratio: 2/1;
	object-fit: contain; object-position: center;
}
.prodimg_carousel_imglink{
	display: inline-block;
}
/**************************/
body.page-media{
	color: var( --color);
}
.media-hr{
	border-color: #777;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.media-film-boxlg{
	font-size: 15px;
}
.media-film-lg-title{
	margin: 0 0 1rem; padding: 0;
	font-size: 25px; line-height: 1.5;
	font-weight: 500;
	text-align: left;
}
.media-film-boxlg a{
	color: var( --color);
	text-decoration: none;
}
.media-film-boxlg a:hover{
	color: var( --color-yellow);
}
.media-film-boxthumb-item{
	margin-bottom: 2rem;
}
.media-film-boxthumb .media-film-boxthumb-item:last-child{
	margin-bottom: 0;
}
.media-film-boxthumb-item-link{
	display: flex; flex-wrap: nowrap;
	color: var( --color);
	text-decoration: none;
}
.media-film-boxthumb-item-link:hover{
	color: var( --color-yellow);
	text-decoration: none;
}
.media-film-boxthumb-item-img{
	position: relative;
	flex: 0 0 auto;
	width: 160px;
	margin: 0;
}
.media-film-boxthumb-item-img::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	display: block;
	width: 100%; height: 100%;
	background: url( ../img/icon-play.png) no-repeat center center rgb(0, 0, 0, .25);
	background-size: auto 22px;
	content: "";
	transition:all 0.3s ease-in 0s;
}
.media-film-boxthumb-item-img img{
	display: block;
	height: 100%; width: 100%;
	object-fit: cover; object-position: center top;
}
.media-film-boxthumb-item-des{
	flex: 0 0 auto;
	width: calc( 100% - 160px);
	padding-left: 1.75rem;
}
.media-film-boxthumb-title{
	margin: 0; padding: 0;
	font-size: 15px; line-height: 22px;
	font-weight: 300;
}
/*****************/
.newslist--grid{
	display: flex; flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.newslist--grid > .item{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 35px;
	flex: 0 0 auto;
	width: calc( 100% /3 );
	display: flex; flex-direction: column;
	border: none;
	padding-top: 0; padding-bottom: 0;
}
.newslist--grid figure{
	margin-bottom: 15px;
	display: block;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.newslist--grid figure img{
	display: block;
	width: 100%; 
	aspect-ratio: 5/3.25;
	object-fit: cover; object-position: center top;
}
.newslist--grid .newslist-title{
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: var( --color);
	text-transform: uppercase;
}
.newslist--grid  .des{
	flex-direction: column;
}
.newslist--grid .item .readmore{
	margin-top: auto;
	margin-right: auto;
	padding: 3px 15px;
	color: #fff !important;
	background-color: var( --color);
}
.newslist--grid a{
	color: inherit;
	text-decoration: none;
}
.newslist--grid .item:hover a,
.newslist--grid .item a:hover{
	color: var( --color-yellow);
}
.newslist--grid .readmore:hover{
	background-color: var( --color-yellow);
}
.newslist--grid .des-text{
	--line-clamp: 4;
	--line-height: 26px;
	margin-bottom: 20px;
	font-size: 15px;
}
.media-readmore{
	display: inline-block;
	padding: 8px 30px;
	font-size: 14px; line-height: 20px;
	text-transform: uppercase;
	font-weight: 300;
	background-color: var( --color);
	color: #fff;
	border-radius: 26px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.media-readmore:hover{
	text-decoration: none;
	color: var( --color);
	background-color: var( --color-yellow);

}
.media-readmore--film{
	font-size: 13px;
	padding: 5px 25px;
}
/*********************/
.pagenews-dflex{
	display: flex;
}
.pagenews-dflex > *{
	flex: 0 0 auto;
}
.pagenews-dflex-rightbox{
	position: sticky;
	top: 60px; z-index: 199;
	background-color: var( --bs-light);
}
.filmdetail-title{
	font-size: 19px; font-weight: 400;
}
/*********************/
.project-widget-title{
	margin: 0 0 1.25rem;
	padding: 0;
	font-size: 25px; line-height: 26px;
	font-weight: 300;
	text-transform: uppercase;
}
.project-widget-title-lg{
	margin: 0 0 30px;
	padding: 0;
	font-size: 29px; line-height: 26px;
	font-weight: 300;
	text-transform: uppercase;
}
.project-widget-title--small{
	font-size: 15px;
	font-weight: 300;
	margin-left: .5rem;
	cursor: pointer;
	font-style: italic;
	text-transform: none;
}
/*********************/
.project-widget-customer-row{
	margin-bottom: 1.5rem;
}
/*********************/
.project-widget-partners-list{
	margin-left: -10px;
	margin-right: -10px;
}
.project-widget-partners-item{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}
.project-widget-partners-img{
	display: block;
	width: 100%; aspect-ratio: 5/2.5;
	object-fit: contain; object-position: center;
	background: #fff;
	padding: 7px;
}
/*********************/
.project-widget-customer{
	margin-bottom: 60px;
}
.project-widget-customer .project-widget-title-lg{
	padding-left: 50px;
	text-align: left !important;
}
#owl_widgetfeedback{
	padding-left: 50px;
	padding-right: 50px;
}
#owl_widgetfeedback .owl-stage{
	display: flex; flex-wrap: nowrap;
}
#owl_widgetfeedback .owl-stage > .owl-item{
	flex: 0 0 auto;
	width: auto;
}
#owl_widgetfeedback .owl-next,
#owl_widgetfeedback .owl-prev{
	position: absolute; top: 50%; z-index: 99;
	transform: translateY( -50%);
	margin: 0; padding: 0;
	border-radius: 0;
	background: none;
}
#owl_widgetfeedback .owl-next,
#owl_widgetfeedback .owl-prev,
#owl_widgetfeedback .owl-next svg,
#owl_widgetfeedback .owl-prev svg{
	width: 50px; height: 60px;
	color: #000;
}
#owl_widgetfeedback .owl-next{
	right: 0px;
}
#owl_widgetfeedback .owl-prev{
	left: 0px;
}
#owl_widgetfeedback .owl-next:hover,
#owl_widgetfeedback .owl-prev:hover,
#owl_widgetfeedback .owl-next:hover svg,
#owl_widgetfeedback .owl-prev:hover svg{
	color: var( --color-green);
	fill: var( --color-green);
}
.owl_widgetfeedback-item{
	height: 100%;
	display: flex; flex-wrap: wrap;
	background-color: #f6f0f0;
	position: relative;
}
.owl_widgetfeedback-figure{
	flex: 0 0 auto;
	width: 30%;
	margin: 0;
}
.owl_widgetfeedback-figure img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center top;
}
.owl_widgetfeedback-caption{
	flex: 0 0 auto;
	width: 70%;
	padding: 20px 40px;
}
.owl_widgetfeedback-text{
	position: relative;
	font-size: 13px; line-height: 20px;
	font-weight: 300;
	margin-bottom: 0;
	padding-top: 30px;
}
.owl_widgetfeedback-text > p:last-child{
	margin-bottom: 0;
}
.owl_widgetfeedback-text::before{
	position: absolute; left: 45px ; top: 00px; z-index: 1;
	display: inline-block;
	background: url( ../img/quote-down.png) no-repeat center top;
	background-size: contain;
	content: "";
	width: 35px; height: 35px;
}
.owl_widgetfeedback-text ol,
.owl_widgetfeedback-text ul{
	padding-left: 20px;
}
.owl_widgetfeedback-text li{
	margin-bottom: 5px;
}
.owl_widgetfeedback-header{
	margin-bottom: 10px;
}
.owl_widgetfeedback-name{
	display: block;
	font-size: 17px; font-weight: bold !important;
}
.owl_widgetfeedback-info{
	color: var( --color-yellow);
}
/*********************/
.project-widget-step-text,
.project-widget-customer-text,
.project-widget-service-text{
	font-size: 15px;
}
.project-widget-step-text p,
.project-widget-service-item-text p,
.project-widget-service-text p,
.project-widget-customer-text p{
	margin-bottom: 5px;
}
.project-widget-step-text,
.project-widget-service-text,
.project-widget-customer-text{
	padding: 20px 30px;
}
/*********************/
.project-widget-service{
	margin-bottom: 15px;
}
.project-widget-service-warpper{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 60px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.project-widget-service-warpper::before{
	position: absolute; left: 0; top: 0; z-index: 1;
	content: ""; display: block;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.65)
}
.project-widget-service-warpper > *{
	position: relative;
	z-index: 2;
}
.project-widget-service-list{
	display: flex; flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.project-widget-service-item{
	flex: 0 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.project-widget-service-figure{
	margin-bottom: 15px;
}
.project-widget-service-img{
	display: inline-block;
	width: 80px;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
}
.project-widget-service-item-title{
	margin: 0 0 10px; padding: 0;
	font-size: 17px; line-height: 24px;
	font-weight: 500;
	color: #fff;
}
.project-widget-service-item-text{
	font-size: 13px; line-height: 19px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.9);
}
.project-widget-service-list--doanhnghiep{
	margin-bottom: 30px;
}
.project-widget-service-list--canhan{
	margin-bottom: 30px;
}
.project-widget-step-list--canhan{
	margin-bottom: 30px;
}
/*********************/
.project-widget-service-text{
	background-color: var( --color-green-bold);
	color: #fff;
}
.project-widget-step-list{
	display: flex; flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.project-widget-step-item{
	flex: 0 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 35px;
}
.project-widget-step-figure{
	display: flex ; flex-wrap: nowrap;
	margin: 0;
}
.project-widget-step-img{
	flex: 0 0 auto;
	width: 70px;
}
.project-widget-step-item-caption{
	flex: 0 0 auto;
	width: calc( 100% - 70px);
	padding-left: 15px;
}
/*********************/
.project-widget-step-text{
	position: relative;
	margin-top: 31px;
	padding: 30px 40px;
	font-size: 16px;
	line-height: 28px;
	border: 2px solid #333;
}
.project-widget-step-text::before{
	content: '';
	position: absolute; top: -20px; left: 30px;
	display: inline-block;
	background: url( ../img/quote-down.png )no-repeat center top #fff;
	background-size: 50px auto;	
	width: 80px; height: 60px;
}

.project-widget-step-text > *{
	position: relative; z-index: 3;
}
/*********************/
.project-widget-step-partners{
	float: right;
}
.project-widget-step-partners .project-widget-title{
	border-bottom: 2px solid rgb(51, 51, 51);
	padding-bottom: 5px;
}
/*********************/
.btn-modalcontact{
	background-color: var( --color-yellow);
	color: #000;
	padding: 8px 30px;
	font-size: 14px; text-transform: capitalize;
	font-weight: 400;
}
.btn-modalcontact:hover{
	background-color: var( --color);
	color: #fff;
}
/*********************/
body.project-service .project-widget-title-lg{
	font-size: 35px;
	margin-bottom: 30px;
}
.project-widget-service-warpper .project-widget-title-lg{
	color: #fff;
	margin-bottom: 50px !important;
}
.project-widget-partners-list{
	margin-bottom: 20px;
}
/* .owl_widgetfeedback--doanhnghiep{
	margin-bottom: 35px;
}
.owl_widgetfeedback-item--doanhnghiep{
	width: 52rem;
}
.owl_widgetfeedback-item--doanhnghiep::before{
	width: 40px; height: 35px;
} */
/*********************/
/***********************/
.mymodal{
	z-index: 3599;
}
.mymodal .modal-dialog{
	width: 660px;
}
.mymodal .modal-content{
	overflow: hidden;
	color: var( --color);
}
.mymodal .modal-header{
	background-color: var( --color-yellow);
	color: #000;
	padding: 10px 15px;
}
.mymodal .modal-title{
	margin: 0;
	font-size: 17px;
}
.mymodal hr{
	border-color: rgb(159, 159, 159);
}
.ferror{
	font-size: 12px; font-weight: 300;
	line-height: 20px;
	color: rgb(200, 0, 0);
}
.modalContact-btn{
	font-size: 15px; text-transform: capitalize;
	background-color: var( --color);
	color: #fff;
	border-radius: 26px;
	width: 100%;
	padding: 6px 15px;
	font-weight: 300;
}
.modalContact-btn:hover{
	background-color: var( --color-yellow);
	color: var( --color);
	text-decoration: none;
}
/*********************/
#modalContact .modal-content{
	--color: #272c32;
	border-radius: 0;
}
#modalContact .modal-dialog{
 width: 750px;
 margin-top: 15vh;
}
.modalContact-form{
	position: relative;
	display: flex; flex-wrap: wrap;
	padding: 0;
	background-color: #ffeeb8;

}
.modalContact-form .close{
	position: absolute;
	right: 0; top: 0; z-index: 1;
	background-color: var( --color);
	width: 30px; height: 30px;
	color: #fff;
	opacity: 1;
}
.modalContact-form-img{
	flex: 0 0 auto;
	width: 220px;
}
.modalContact-form-img img{
	display: block;
	height: 100%;
	object-fit: cover; 
	object-position: center top;
}
.modalContact-form-caption{
	flex: 0 0 auto;
	width: calc( 100% - 220px);
	padding: 20px 0 0 30px ;
}
.modalContact-form-title{
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 23px;
	line-height: 28px;
}
.modalContact-form-captiontext{
	display: flex; flex-wrap: wrap;
	border-top: 2px solid var( --color);
	border-left: 2px solid var( --color);
	padding: 20px 30px 25px;
}
.modalContact-form-captiontext-text{
	flex: 0 0 auto;
	width: 50%;
	margin-bottom: 15px;
	font-size: 14px; line-height: 24px;
	order: 2;
	padding-left: 15px;
}
.modalContact-form-input{
	flex: 0 0 auto;
	width: 50%;
	order: 1;
	padding-right: 15px;
}
.modalContact-form-input label{
	display: block;
	margin: 0;
	line-height: 20px;
}
.modalContact-form-input input{
	background: none;
	border-radius: 0;
	border: none;
	padding: 0;
	box-shadow: none;
	border-bottom: 1px solid var( --color);
	color: var( --color);
	font-size: 14px; font-weight: 400;
	line-height: 30px;
}	
.modalContact-form-input input::placeholder{
	color: var( --color);
	font-size: 14px; font-weight: 400;
	line-height: 26px;
}
.modalContact-form-input input:active,
.modalContact-form-input input:focus{
	box-shadow: none;
	border-color: var( --color);
}
.modalContact-form-input .form-group{
	margin-bottom: 25px;
}
.modalContact-form .social{
	margin-top: 15px;
	display: flex; align-items: center;
	margin-bottom: 0;
}
.modalContact-form .social a{
	display: inline-block;
	flex: 0 0 auto;
	width: 32px; height: 32px;
	line-height: 32px;
	padding: 0;
	text-align: center;
	background-color: var( --color);
	border-radius: 50%;
	color: #fff;
	font-size: 17px;
	transition:all 0.15s ease-in 0s;
	-moz-transition:all 0.15s ease-in 0s;
	-webkit-transition:all 0.15s ease-in 0s;

}
.modalContact-form .social a:not( :first-child){
	margin-left: 8px;
}
.modalContact-form .social a:hover{
	background-color: var( --color-yellow);
	color: var( --color);
}
.modalContact-form .social a:hover path,
.modalContact-form .social a:hover svg{
	fill: var( --color);
}
/*********************/
.freg-action-response{
	margin-left: 15px;
	margin-right: 15px;
	color: var( --color);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	margin-bottom: 0;
}
.freg-action-response .mb-15{
	margin-bottom: 15px;
}
.btn-downloadfile{
	font-size: 13px; text-transform: capitalize;
	background-color: var( --color-green-bold);
	color: #fff;
	min-width: 135px;
	padding: 8px 15px;
	font-weight: 300;
}
.btn-downloadfile:hover{
	background-color: var( --color-green);
	color: #fff;
	text-decoration: none;

}
/*************/
@keyframes loaderimg {
	0% {
	  width: 100%;
	}
	20% {
		width: 80%;
	}
	40% {
		width: 50%;
	}
	65% {
		width: 20%;
	}
	80% {
		width: 0%;
	}
	100% {
		width: 0%;
	}
}
@keyframes home-bg-img-Animation-new {  /* sandeep home bg image animation sandeep */
	/* 0%   {opacity: 0;}
	 90%  {opacity: 1;}
	 100% {opacity: 1;}*/
	 0% {
   /* -webkit-filter: grayscale(100%);
   filter: grayscale(100%); */
   -webkit-transform-origin:45% 6.5%;
   transform-origin:45% 6.5%;
   }
	25% {
   /* -webkit-filter: grayscale(85%);
   filter: grayscale(85%); */
   -webkit-transform-origin:45% 6%;
   transform-origin:45% 6%;
   }
	50% {
   /* -webkit-filter: grayscale(75%);
   filter: grayscale(75%); */
   -webkit-transform-origin:45% 5.5%;
   transform-origin:45% 5.5%;
   }
	70% {
   /* -webkit-filter: grayscale(65%);
   filter: grayscale(65%); */
   -webkit-transform-origin:45% 4.5%;
   transform-origin:45% 4.5%;
   }
	80% {
   /* -webkit-filter: grayscale(55%);
   filter: grayscale(55%); */
   -webkit-transform-origin:45% 4%;
   transform-origin:45% 4%;
   }
	90% {
   /* -webkit-filter: grayscale(35%);
   filter: grayscale(35%); */
   -webkit-transform-origin:45% 3.5%;
   transform-origin:45% 3.5%;
   }

	100% {
	/* -webkit-filter: grayscale(0%);
	filter: grayscale(0%); */
	visibility: visible;
   }
   from {
	   opacity: 0;
	   -webkit-transform-origin:45% 7%;
	   transform-origin:45% 7%;
	   -webkit-transform: scale3d(1.065, 1.065, 1);
	   transform: scale3d(1.065, 1.065, 1);
	   visibility: visible;

   }
   to {
	transform-origin:0 0;
	visibility: visible;	  
   }
	50% {
	opacity: 1;
   }
}


@-webkit-keyframes home-bg-img-Animation-new { /*sandeep*/
	0% {
   /* -webkit-filter: grayscale(100%);
   filter: grayscale(100%); */
   -webkit-transform-origin:45% 6.5%;
   transform-origin:45% 6.5%;
   }
	25% {
   /* -webkit-filter: grayscale(85%);
   filter: grayscale(85%); */
   -webkit-transform-origin:45% 6%;
   transform-origin:45% 6%;
   }
	50% {
   /* -webkit-filter: grayscale(75%);
   filter: grayscale(75%); */
   -webkit-transform-origin:45% 5.5%;
   transform-origin:45% 5.5%;
   }
	70% {
   /* -webkit-filter: grayscale(65%);
   filter: grayscale(65%); */
   -webkit-transform-origin:45% 4.5%;
   transform-origin:45% 4.5%;
   }
	80% {
   /* -webkit-filter: grayscale(55%);
   filter: grayscale(55%); */
   -webkit-transform-origin:45% 4%;
   transform-origin:45% 4%;
   }
	90% {
   /* -webkit-filter: grayscale(35%);
   filter: grayscale(35%); */
   -webkit-transform-origin:45% 3.5%;
   transform-origin:45% 3.5%;
   }

	100% {
   /* -webkit-filter: grayscale(0%);
   filter: grayscale(0%); */
   }
   	from {
	   opacity: 0;
	   -webkit-transform: scale3d(1.065, 1.065, 1);
	   transform: scale3d(1.065, 1.065, 1)
   	}
	50% {
	opacity: 1;
   }
}
.loading-process {
	position: fixed;	left: 0px;	top: 0px;
    width: 100%; height: 100%;
    z-index: 9999;
    opacity: 1;
	background: #fff;
    display:flex; flex-wrap: nowrap;
	align-items: center; justify-content: center;
}
.loading-process-img{
	position: relative;
	display: inline-block;
	margin-bottom: 7vh;
}
.loading-process-img::before{
	position: absolute;
	right: 0; top: 0; z-index: 1;
	content: "";
	width: 100%; height: 100%;
	background-color: #fff;
	/* animation:  3s linear infinite loaderimg; */
	animation:  2.75s linear loaderimg;
}
.loading-process-img > img{
	display: inline-block;
	height: 150px; width: auto;
}
body.loading-success{
	-webkit-animation: home-bg-img-Animation-new 2s ease;
	animation: home-bg-img-Animation-new 2s ease;
} 
/*******************/
body.project-service{
	background-color: #fff;
}
.khcanhan-title-page{
	position: relative;
	font-size: 21px;
	line-height: 1.5;
	font-weight: 300;
	margin-bottom: 3rem;
	color: rgb(70 70 70);
	text-align: center;
}
.khcanhan-title-page-quote::before{
	position: absolute; left: 0; top: 0px;
	display: inline-block;
	background: url( ../img/quote-right-down.png) no-repeat center top;
	background-size: contain;
	content: "";
	width: 32px; height: 32px;
}
.khcanhan-title-page-quote{
	position: relative;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	text-align: left;
	text-transform: none;
}
.popover{
	color: #000;
	font-family: var( --font);
	border-color: var( --color-green-bold);
	padding: 0;
}
.popover-title{
	background-color: var( --color-green-bold);
	color: #fff;
	font-size: 13px; font-weight: bold;
	line-height: 18px;
	padding: 6px 10px;
}
.popover.top > .arrow{
	border-top-color: var( --color-green-bold);
}
.tooltip-inner{
	min-width: 100px;
}
.pagemain-wrapper{
	margin-bottom: 30px;
}