/* ==========================================================================
   Common Initialization
   ========================================================================== */
   
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body {
	position:relative;
	min-height:100vh;
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	
}
main {
	line-height:1;
	margin-bottom:80px;
	max-width: 100vw;
    overflow: hidden;
}
main.home{
	margin-bottom:0;
}
.clear-both {
    clear: both;
}
.clear::after {
	content: '';
	clear: both;
	display: table;
}
b,.bold {
    font-weight: bold;
}
em,.italic {
    font-style: italic;
}
.text-center{
	text-align:center;
}
p{
	margin-bottom:0;
	line-height:1.5em;
}
dl, ol, ul{
	margin-bottom:0;
}
.rotate-180{
	transform:rotate(-180deg);
}
.common-wrapper{
	width:90%;
	max-width:1360px;
	margin:0 auto;
}

/* ==========================================================================
   Header
   ========================================================================== */

header{
	padding-top:30px;
	padding-bottom:20px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:110px;
	z-index: 999;
    background-color: white;
}
header .top-header{
	position:relative;
	max-width:1360px;
	width:95%;
}   
header .top-header .logo-area{
	display:inline-block;
	width:250px;
	vertical-align:middle;
}
header .top-header .logo-area img{
	width:250px;
}
header .top-header .menu-area{
	display:inline-block;
	width:calc(100% - 260px);
	vertical-align:bottom;
	text-align:right;
	padding-left:0;
}
header .top-header .menu-area a{
	text-transform: uppercase;
	letter-spacing: -0.5px;
	color:#333;	
	text-decoration:none;
}
header .top-header .menu-area > li > a{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:1.07em;
}
header .top-header .menu-area a.current_page{
	color:#85ab2b;
}

header .top-header .menu-area > li{
	position:relative;
	display:inline-block;
	padding:10px 0;
	margin-left:3.5rem;
}
header .top-header .menu-area li.has_sub:after{
	content: '';
    position: absolute;
    left: calc(100% + 7px);
    top: 50%;
    transform: translateY(-35%);
    background-image: url(../images/common/menu_arrow.png);
    background-size: 100%;
    width: 11.5px;
    height: 7px;
    background-repeat: no-repeat;
}
header .top-header .menu-area li .sub{
	position:fixed;
	left:0;
	top:110px;
	
	background: #f9f9f9;
	text-align:left;
	width:100%;
	
	padding:30px 0;
	
	visibility: hidden;
	opacity: 0;
	/*transition: visibility 0s, opacity 0.5s linear;*/
	
	list-style:none;
	border-top:1px solid #ccc;
}
header .top-header .menu-area li .sub.open_menu{
	transition: visibility 0s, opacity 0.5s linear;
	visibility: visible;
	opacity: 1;
}
header .top-header .menu-area li .sub .sub-container{
	width:95%;
	max-width:1360px;
	margin:0 auto;
	vertical-align:top;
}

header .top-header .menu-area li .sub .sub-container .show-img-outer{
    position: relative;
    overflow: hidden;
    display:inline-block;
	width:22.5%;
	vertical-align:top;
	margin-right:7.5%;
}
header .top-header .menu-area li .sub .sub-container .show_img{
    transition: .1s;
}

header .top-header .menu-area li .sub .sub-container .show_img.blur{
    filter: blur(20px);
    transform: scale(1.1);
}

header .top-header .menu-area li ul{
	max-width:1360px;
	width:calc(70% - 5px);
	margin:0 auto;
	padding-left:0;
	display:inline-block;	
}
header .top-header .menu-area li ul li {
	position:relative;
	display:inline-block;
	
	margin-bottom:20px;
	width:calc(100% / 3 - 3.5px);
	
}
header .top-header .menu-area li ul li:last-child {
	border-bottom:0px;
}
header .top-header .menu-area li ul li a{
	text-transform: none;
	color:#333;
	padding:5px 0;
	position:relative;
}
header .top-header .menu-area li ul li a:after {
	content:'';
	position:absolute;
	left:0;
	top:calc(100% + 2px);
	width:40px;
	height:2px;
	background-color:#85ab2b;
	transition:all 0.5s;
}
header .top-header .menu-area li ul li a:hover:after {
	width:100%;
}
header .top-header .menu-area li ul li a.current_page{
    color: #999;
}
header .top-header .menu-area li:hover .sub{
	/* visibility: visible;
	opacity: 1; */
}
header .top-header .menu-area li:hover ul li{
	/* display:block; */
}
header .top-header .menu-area .icon{
	height:35px;
	width:auto;
}
header .mobile-menu{
	position:fixed;
	left:0;
	top:0;
	max-height:100vh;
	overflow:auto;
	background-color:rgba(255,255,255,.9);
	width:100%;
	overflow:auto;
	display:none;
}
header .top-header .mobile-menu a{
	padding:15px 0;
	font-size:1.2em;
	text-transform: uppercase;
	text-decoration:none;
	color:#666;
	position:relative;
}
header .top-header .mobile-menu li.has_sub > a:after{
	content: '';
    position: absolute;
    left: calc(100% + 7px);
    top: 50%;
    transform: translateY(-35%);
    background-image: url(../images/common/menu_arrow.png);
    background-size: 100%;
    width: 11.5px;
    height: 7px;
    background-repeat: no-repeat;
}
header .top-header .mobile-menu li.has_sub.active > a:after{
	transform:rotate(180deg);
}
header .top-header .mobile-menu ul{
	padding-left:0;
}
header .top-header .mobile-menu li{
	position:relative;
	list-style:none;
	text-align:center;
}
header .top-header .mobile-menu li ul{
	background-color:rgba(153,153,153,0.7);
	display:none;
}
header .top-header .mobile-menu li ul a{
	color:white;
}
header .top-header .mobile-menu li ul li{
	
}
.menu-button{
	display:none;
}
.menu-button{
	cursor:pointer;
}
.menu-button .open_btn{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	min-width:26px;
	width:4vw;
	display:block;
	cursor:pointer;
}
.menu-button.open_menu .open_btn{
	display:none;
}
.menu-button .close_btn{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:26px;
	display:none;
}
.menu-button.open_menu .close_btn{
	display:block;
}
/* ==========================================================================
   Video Modal
   ========================================================================== */

#VideoModal .modal-dialog{
	top:40%;
	transform:translateY(-50%);
	max-width:1000px;
	margin:0 auto;
}

#VideoModal .modal-content{
	padding:10px;
}

@media (max-width: 1200px){
	#VideoModal .modal-dialog{
		max-width:90%;
	}
}	
/* ==========================================================================
   Footer
   ========================================================================== */
.footer-menu::after,.footer-bottom::after{
	content: '';
	clear: both;
	display: table;
}
.footer-menu{
	display:table;
	width:100%;
}
.footer-menu .left{
	padding:40px 0;
	padding-left:10vw;
	display:table-cell;
	background-color:#e9e9e9;
}
.footer-menu .left .row{
	display:inline-block;
	vertical-align:top;
	margin-left:0;
}
.footer-menu .left .row.no_sub{
	width:20%;
	margin-right:20px;	
}
.footer-menu .left .row.has_sub{
	width:calc(80% / 2 - 35px);
	margin-right:20px;	
}
.footer-menu .left a{
	display:block;
	width:100%;
	padding:5px 0;
	color:#333;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
}
.footer-menu .right a{
	color:#85ab2b;
}
.footer-menu .left .sub a{
	color:#85ab2b;
	font-weight:normal;
}
.footer-menu .right{
	padding:60px 0;
	padding-left:5vw;
	padding-right:3vw;
	display:table-cell;
	width:40%;
	background-color:#efefef;
	vertical-align:top;
}
.footer-bottom{
	background-color:#85ab2b;
	padding:20px 0;
	font-size:0.8em;
}
.footer-bottom a{
	color:#333;
	text-decoration:underline;
}
.footer-bottom .left{
	float:left;
}
.footer-bottom .right{
	float:right;
}
.footer-menu .right .contact-area{
	display: flex;
}
.footer-menu .right .contact-area > div{
	width: 50%;
}
/* ==========================================================================
   Left Right Container
   ========================================================================== */
   .lr-container{
		max-width:1360px;
		width:90%;
		margin:0 auto;
		
   }
   .lr-container.left-short{
	   background-color:white;
   }
   .lr-container.left-short .right-container{
	   background-color:#f9f9f9;
   }
   .lr-container .left-container{
		width:calc(72% - 5px);
		padding-right:30px;
		display:inline-block;
		vertical-align:top;
		background-color:#fff;
   }
   .lr-container .right-container{
		width:calc(28% - 5px);
		padding:0 25px;
		padding-top:40px;
		display:inline-block;
        background-color:#f9f9f9;
   }
/* ==========================================================================
   Gallery
   ========================================================================== */   
   .gallery{
	   width:100%;
	   margin:20px 0;
	   display:inline-block;
   }
   .gallery img{
	   width:100%;
	   margin-bottom:20px;
   }
   
   .gallery .slide{
	   width:100%;
	   min-width:33vw;
	   display:block;
   }
   
/* ==========================================================================
   Breadcrumb
   ========================================================================== */
   .breadcrumb{
		background-color:transparent;
		margin:20px auto;
		margin-top:30px;
		padding:0;
		width:90%;
		margin-bottom:35px;
		max-width:1360px;
		color:#ccc;
		padding-bottom:15px;
		border-bottom:1px solid #ccc;
		border-radius:0;
   }
   .lr-container .breadcrumb{
	   max-width:none;
	   width:100%;
   }
   .breadcrumb .current{
		color:#85ab2b;
   }
/* ==========================================================================
   Icon List
   ========================================================================== */
   
.icon-list{
	width:100%;	
	margin:0px auto;
}
.icon-list::after {
	content: '';
	clear: both;
	display: table;
}
.icon-list .icon{
	position:relative;
	width:24%;
	margin:0.5%;
	float:left;
	border:1px solid #333;
	padding-top:20%;
	transition:all 0.5s;
}
.icon-list .icon:nth-child(2),.icon-list .icon:nth-child(4),.icon-list .icon:nth-child(5),
.icon-list .icon:nth-child(7),.icon-list .icon:nth-child(10),.icon-list .icon:nth-child(12){
	border:1px solid #85ab2b;
}
.icon-list .icon .overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.35);
	opacity:0;
	transition:all 1s;
}
.icon-list .icon .overlay .title{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	text-align:center;
	color:white;
}
.icon-list .icon .overlay .details{
	background-color:#85ab2b;
	padding:10px 27.5px;
	color:white;
	font-weight:bold;
	border-radius:15px;
	font-size:0.75em;
	position:absolute;
	left:50%;
	bottom:5%;
	transform:translateX(-50%);
	text-decoration:none;
	cursor:pointer;
}
.icon-list .icon .overlay:hover{
	opacity:1;
}
.icon-list .icon img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:70%;
}

/* ==========================================================================
   Banner
   ========================================================================== */
   
   .banner{
	   width:100%;
   }
   .banner img{
	   width:100%;
   }
   .banner .banner-block{
	   position:relative;
   }
   .banner .banner-block .center-title{
	   position:absolute;
	   top:55%;
	   left:50%;
	   transform:translate(-50%,-50%);
	   font-size:2.75em;
	   color:rgba(255,255,255,.8);
	   text-transform: uppercase;
	   font-weight:300;
	   text-align:center;
   }
   .banner .banner-block .title-area{
	   position:absolute;
	   left:5%;
	   bottom:10%;
   }
   .banner .banner-block .title-area .title{
	   font-size:2.9vw;
	   color:white;
	   margin-bottom:20px;
	   line-height:1.2em;
	   font-weight:700;
   }
   .banner .banner-block .title-area .desc{
	   font-size:1.5vw;
	   color:white;
   }

/* ==========================================================================
   Others
   ========================================================================== */
   .bigtitle{
	   color:#85ab2b;
	   font-size:1.3em;
   }
   .subtitle{
	   color:#85ab2b;
	   font-size:1.1em;
	   margin-bottom:30px;
	   font-family: 'Lato', sans-serif;
   }
   .nm-desc{
		line-height:2em;
		margin-bottom:30px;
		text-align:justify;
   }
   .nm-desc.small{
	   font-size:0.8em;
   }
   .nm-desc a{
	   color:#85ab2b;
   }
   .center-text{
	   padding:120px 0;
   }
   .center-text p{
	   text-align:center;
   }
   .center-text .title{
		color:#84aa2b;
		margin-bottom:30px;
		font-size:2.45em;
   }
   .center-text .desc{
	   font-size:1.3em;
   }
   .content-slider{
	   max-width: 100vw;
		overflow: hidden;
		z-index: 1;
   }
   .content-slider.mobile{
	   display:none;
   }
   .content-slider .slide{
	   margin:0 10px;
	   background-color:white;
	   transform: translateX(13.46vw);
   }
   .content-slider .content,.slider-mobile-content .content{
	   padding:5%;
	   padding-top:10%;
   }
   .content-slider .content .green-line,.slider-mobile-content .content .green-line{
	   width:40%;
	   background-color:#84aa2b;
	   height:2px;
	   margin-bottom:30px;
   }
   .content-slider .content .title,.slider-mobile-content .content .title{
	   font-size:2.3em;
	   font-weight:bold;
	   margin-bottom:20px;
   }
   .content-slider .content .desc,.slider-mobile-content .content .desc{
	   line-height:1.7em;
	   margin-bottom:30px;
   }
   .content-slider .details, .slider-mobile-content .details{
	   padding:10px 15px;
	   font-size:0.9em;
	   background-color:#84aa2b;
	   color:#fff;
	   display:inline-block;
	   border-radius:20px;
   }
   .content-slider .slide:focus{
	   outline: none !important;
   }
   .content-slider div{
	   outline: none !important;
   }
   .content-slider{
	   position:relative;
   }
   .content-slider .slide.slick-active{
   }
   
   .content-slider .overlay{
	   width:calc(35vw + 5px);
	   height:35vw;
	   position:absolute;
	   background-color:white;
	   z-index:2;
	   top:0;
	   transform:translateX(48.46vw) translateX(17.5px);
   }
   .content-slider .slide{
	   width:35vw;
	   height:35vw;
   }
   
	@media (min-width: 992px){
	   .slider-mobile-content{
		   display:none !important;
	   }
	}
	
   .content-slider .slide .image{
	   width:35vw;
	   height:35vw;
       object-fit: contain;
   }
   .content-slider .left-arrow{
		display:inline;
		position:absolute;
		right:50%;
		bottom:0px;
		z-index:5;
		background-color:#fff;
		border:1px solid #999;
		padding:25px;
   }
  .content-slider.mobile .left-arrow{
	   display:none;
   }
   .content-slider .right-arrow{
		display:inline;
		position:absolute;
		left:50%;
		bottom:0px;
		z-index:5;
		background-color:#fff;
		border:1px solid #999;
		padding:25px;
   }
   .content-slider.mobile .right-arrow{
	   display:none;
   }
   .content-slider .slide .content{
	   display:none;
	   width:35vw;
	   height:35vw;
	   background-color:white;
   }
   .icon-slider{
	   max-width:80%;
	   margin:80px auto;
   }
   .table-row{
	   display:table;
	   margin-bottom:20px;
   }
   .table-row img{
	   width:20px;
   }
   .table-row img,.table-row a,.table-row p{
	   display:table-cell;
	   text-align:left;
	   vertical-align:middle;
	   line-height:20px;
   }
   .table-row p{
	   padding-left:20px;
   }
   .input-control{
	   margin-bottom:35px;
	   margin-right:20px;
	   
	   width:calc(100% / 2 - 22.5px);
	   display:inline-block;
   }
   .input-control.full{
	   width:calc(100% - 20px);
	   margin-right:0;
   }
   .input-control label{
	   width:100%;
	   color:#85ab2b;
	   margin-bottom: 25px;
   }
   .input-control input,.input-control textarea{
	   width:100%;
	   color:#000;
	   padding:5px 0;
	   border:0;
	   border-top:2px solid #ccc;
	   box-shadow:inset 0 6px 7px -8px #999;
	   border-bottom:2px solid #85ab2b;
   }
   .slick-list {
		outline: none !important;
	}
	.green-point-list{
		padding-left:17.5px;
	}
	.green-point-list li{
		list-style:none;
		margin: 12.5px 0;
		line-height:1.7em;
	}
	.green-point-list li:before{
		  content: "\2022";
		  color: #85ab2b;
		  font-weight: bold;
		  display: inline-block;
		  width: 1em;
		  margin-left: -1em;
	}

    .contact-us-sub-btn{
        background-color: #85ab2b;
        padding: 13px 29px;
        border-radius: 15px;
        color: white;
        border: 0;
        cursor: pointer;
    }

/* ==========================================================================
   Scroll Bar
   ========================================================================== */
   
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* ==========================================================================
   Mobile Menu Open Button  (navTrigger)
   ========================================================================== */
   
.navTrigger {
    cursor: pointer;
    width: 30px; 
    height: 25px;
	display:none;
	margin-top:6px;
	vertical-align:middle;
}
.navTrigger i {
    background-color: #000;
    /*border-radius: 2px;*/
    content: '';
    display: block;
    width: 100%;
    height: 3px;
}
@media (max-width: 992px){
	.navTrigger{
		display:inline-block;
		position:absolute;
		right:20px;
		top:50%;
		transform:translateY(-50%);
	}
}
.navTrigger i:nth-child(1) {
    -webkit-animation:outT 0.8s backwards;
    animation:outT 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
}
.navTrigger i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation:outM 0.8s backwards;
    animation:outM 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
}
.navTrigger i:nth-child(3) {
    -webkit-animation:outBtm 0.8s backwards;
    animation:outBtm 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
}
.navTrigger.active i:nth-child(1) {
    -webkit-animation:inT 0.8s forwards;
    animation:inT 0.8s forwards;
}
.navTrigger.active i:nth-child(2) {
    -webkit-animation:inM 0.8s forwards;
    animation:inM 0.8s forwards;
}
.navTrigger.active i:nth-child(3) {
    /*-webkit-animation:inBtm 0.8s forwards;
    animation:inBtm 0.8s forwards;*/
    display: none;
}
@-webkit-keyframes inM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes inM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes outM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes outM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes inT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(8px) rotate(134.5deg);}
}
@keyframes inT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(8px) rotate(134.5deg);}
}

@-webkit-keyframes outT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes outT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes inBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(134.5deg);}
}
@keyframes inBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(134.5deg);}
}

@-webkit-keyframes outBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes outBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(135deg);}
}

@-webkit-keyframes opacity-to-1 {
  from {opacity:0;}
  to {opacity:1;}
}

.img-grp-div{
    display: flex;
}

.img-grp-div img{
    width: 25%;
    object-fit: contain;
}

.captcha-reload{
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: 1%;
}

.contact-a{
    color: #85ab2b;
}