@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* =================================================================== 
							GLOBAL STYLES
======================================================================*/
body{
	font-family: 'Kanit', sans-serif;
}
section{
	padding:100px 0 50px;
	overflow:visible;
}
h1,h2,h3,h4,h5,h6{
	color: #202020;
	-webkit-font-smoothing:antialiased !important;
}
a:hover, a:focus{
	outline:none;
	text-decoration:none;
}
p,#working .tooltip-inner{
	color: #343434;
	font-size: 16px;
    font-weight: 300;
    /*letter-spacing: 1px;*/
	line-height:25px;
	-webkit-font-smoothing:antialiased !important;
}
section.color{
	background:#F2F2F2;
}
.color-white-text{
	color: #fff;
}
.container{
	max-width:1170px;
	width:100%;
}
.title{
	text-align:center;
	margin-bottom:60px;
}
.title h1{
    font-size: 36px;
    font-weight: 400;
	margin:0 0 25px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.title h2{
	font-size: 32px;
    font-weight: 400;
	margin:0 0 5px;
	color:#343434;
}
.title p{
    /*font-weight: 400;*/
	margin:0;
	font-size:18px;
	line-height:150%;
	text-align:left;
}
.title.white h1,.title.white h2,.title.white p{
	color:#fff;
}
.img-responsive,.thumbnail > img{
	width:100%;
}
.btn{
	border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	padding: 10px 25px;
	color:#fff;
	text-transform:uppercase;
}
.btn:hover, .btn:focus, .btn.focus{
	color:#fff;
	background:#fff;
}
.animated {
	visibility:hidden; 
}
.visible {
	visibility:visible;
}
.pattern-overlay{
	background:url(../img/pattern.png) repeat rgba(0,0,0,0.5);
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
  
/*---------------Common Styles---------------------*/
.navbar-default,.btn,.we-are-block i,#features i,.contact-details{
	background:#fff;
}
.we-are-block:hover i,.we-are-block:hover h2,.we-are-block:hover h3,.btn:hover,#working li:hover,#portfolio .item ul > li i:hover,#features .feature:hover i,#features .feature:hover h3,#team .thumbnail .caption li > a:hover,#footer li > a:hover,.service-block:hover div.fa,.service-block:hover h4,.service-block:hover h3,.service-block:hover i{
	transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
}

/*---------------Page Loader---------------------*/	

#preloader{
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	background:#FFF;
	height:100%;
	width:100%;
	-webkit-transition:all .5s .5s ease;
	-moz-transition:all .5s .5s ease;
	transition:all .5s .2s ease;
}
.loader{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:90px;
	height:90px;
	display:block;
	margin:auto;
	margin-top:-45px;
}
body.loaded #preloader{
	opacity:0;
	visibility:hidden;
}
/* =================================================================== 
						NAVIGATION MENU	
======================================================================*/
#navigation-menu .navbar-default .navbar-brand{padding:0; padding:12px 15px 0 15px; display:block; height:80px;}
#navigation-menu .navbar-default .navbar-brand img{width:200px;}
.navbar-default{
	border-color: #ddd;
	margin-bottom:0;
	z-index: 9999;
}
/*.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color: #ffffff;
    font-size: 36px;
	text-transform:uppercase;
    font-weight: 700;
	padding: 25px 15px;
}*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:transparent;
}
.navbar-default .navbar-header p{
	color: #ffffff;
	font-size: 13px;
    font-weight: 500;
	letter-spacing: 0;
}
.navbar-default .navbar-nav > li > a{
	color: #053a30;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
	padding-bottom: 25px;
    padding-top: 25px;
	line-height: 30px;
	outline:none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color:#568e30;
	letter-spacing: 1px;
	border-bottom:5px solid #005f4c;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:#005f4c;
}
.navbar-toggle{
	position:absolute;
	top:15px;
	right:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#053c31;
}
.navbar{border-bottom:0px solid #ddd;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
/* =================================================================== 
						TEXT SLIDER SECTION
======================================================================*/
.text-slider{
	background:url(../img/slider/4.jpg) repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	border-color: #000000;
	position:relative;
	overflow:hidden;
}
.text-slider .slider-container{
	position:absolute;
	right:0;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.slider-text .item{
	display: block;
	width: 100%;
	height: auto;
}
.slider-text .item h3{
	color: #01205d;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
	margin-bottom:25px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.slider-text .item p{
	color:rgba(0,0,0,.8);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
	margin-bottom:15px;
}
.slider-text .item h4{
	color:rgba(0,0,0,.8);
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
	margin-bottom:15px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

/* ---- */
.text-slider-life{
	background:url(../img/slider/1.jpg) repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	border-color: #000000;
	position:relative;
	overflow:hidden;
}

.text-slider-health{
	background:url(../img/slider/2.jpg) repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	border-color: #000000;
	position:relative;
	overflow:hidden;
}

.text-slider-corporate{
	background:url(../img/slider/3.jpg) repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	border-color: #000000;
	position:relative;
	overflow:hidden;
}
/* ---- */

.owl-pagination{
	text-align:center;
}
.owl-controls .owl-page{
	display:inline-block;
	height:20px;
}
.owl-page > span {
    background:#fff;
    display: block;
    height: 10px;
    margin:0 15px;
    width: 10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
}	
.owl-page.active > span {
    background:#000;
	border:7px solid #fff;
	height:25px;
	width:25px;
	margin:-7px 8px;
}	
.scroll-down{
	text-align:center;
	position:absolute;
	right:0;
	left:0;
	top:110%;
}
.scroll-down > a{
	text-align:center;
	color:#fff;
	font-size:40px;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-animation-name: hover;
	animation-name: hover;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	display: inline-block;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* ---------------- Background Slider --------------------- */
.text-slider-container p {
    padding: 0 33%;
}
.text-slider-container a.btn i{
	margin-right: 5px;
}
.slides-container{
	z-index: -1;
}
.wide-container{
	height: 700px;
}
.bg-slider{
	position: relative;
}
.z-index-99{
	z-index: 99;
}
.vertical-center-section{
	margin:0;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.text-slider-container .element, .typed-cursor{
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
}
.typed-cursor{
	animation:fadeIn 0.6s alternate infinite;
	-o-animation:fadeIn 0.6s alternate infinite;
	-moz-animation:fadeIn 0.6s alternate infinite;
	-webkit-animation:fadeIn 0.6s alternate infinite;
}
/* -------------- Video Bg ------------------ */
.video-bg{
	min-height: 650px;
	position: realtive;
}
.text-slider.video-bg-section{
	background-image: none;
}
.video-bg .movie{
	z-index: -1;
}
/* =================================================================== 
						WE ARE SECTION
======================================================================*/
#we-are .title{
	margin-bottom:128px;
}
#we-are .title p{
	margin:0;
}
.we-are-blockh4{
	font-size: 24px;
    font-weight: 300;
    text-align: left;
	margin:2px 0 8px;
}
.we-are-block h3{
	font-size: 24px;
    font-weight: 500;
    text-align: left;
	margin:0 0 10px;
	color:#0138aa;
}
.we-are-block p{
	margin: 18px 0 50px;
}
.we-are-block i,#features i{
	font-size:40px;
	text-align:center;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #fff;
    height: 70px;
    padding: 12px 0;
    width: 70px;
	position:relative;
	background:#00634f;
}
.we-are-block i:after,#features i:after{
	content:"";
	background-color: #939393;
    height: 60px;
    position:absolute;
    width: 1px;
	right:-16px;
	top:5px;
}
.icon-title{
	display:inline-block;
	margin-left:29px;
}

/* =================================================================== 
						FEATURES SECTION
======================================================================*/
#features{
	background:url(../img/marble_bg.jpg) fixed; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;
	-webkit-background-size:cover;
}
#features .title{
	margin-bottom:45px;
}
#features .features-left,#features .features-right{
	width:35%;
	padding:50px 15px;
	float:left;
}
#features .features-image{
	width:30%;
	padding:0 15px;
	float:left;
} 
#features .features-left{
	text-align:right;
}
#features .features-right{
	text-align:left;
}
#features .features-left .feature-icon{
	float:right;
}
#features .features-right .feature-icon{
	float:left;
}
#features .feature{
	margin-top:75px;
}
.features-title{
	display:table;
}
#features h3{
	font-size: 23px;
    font-weight: 400;
	margin: 0 0 6px;
	color:#00634f;
}
#features .features-left i{
	margin:5px 0 0 25px;
}
#features .features-left i:after{
	left:-14px;
	background:rgba(0,0,0,.3);
}
#features .features-right i{
	margin:5px 25px 0 0;
}
#features .features-right i:after{
	right:-14px;
	background:rgba(0,0,0,.3);
}

#features i{background:#00634f;}
#features .feature:hover h3{color:#568e30 !important;}
#features .feature:hover i{background:#568e30 !important;}
/* =================================================================== 
						COUNTER SECTION
======================================================================*/
#้highlight{
	background:url(../img/highlight_bg.jpg) fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
#counter{
	background:url(../img/about_stat_bg.jpg) fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.counter-section{
	position:relative;
	padding:100px 0 60px;
}
.counter-section .counter,.counter-section i,.counter-section p{
	color:#fff;
	text-align:center;
}
.counter-section i{
	font-size:75px;
	display:block;
}
.counter-section .counter{
	font-size: 60px;
    font-weight: 500;
}
.counter-section p{
	font-size: 24px;
    font-weight: 700;
	margin-bottom:50px;
}
/* =================================================================== 
						TEAM SECTION
======================================================================*/
#team .title{
	margin-bottom:75px;
}
#team .thumbnail{
	border:none;
	padding:0;
	position:relative;
	margin-bottom:75px;
}
#team .thumbnail h3{
	font-size: 18px;
	margin-bottom: 0;
    margin-top: 10px;
	font-weight:300;
}
#team .thumbnail p{
	color:#000;
	line-height: 25px;
}
#team .thumbnail img{
	position: relative;
    z-index: 99;
}
#team .thumbnail .caption{
	background-color: #fff;
	position:absolute;
	top:100%;
	right:0;
	left:0;
	text-align:center;
    border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	min-height: 188px;
	content: attr(data-hover);
	-webkit-transform: rotateX(240deg);
	-moz-transform: rotateX(240deg);
	transform: rotateX(240deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index:0;
}
#team .thumbnail:hover .caption,#team .thumbnail .caption:hover{
	-webkit-transform: rotateX(-10deg);	
	-moz-transform: rotateX(-10deg);
	transform: rotateX(-10deg);
	border: 1px solid;
	border-top:5px solid;
}
#team .thumbnail .caption ul{
	padding:0;
	margin:18px 0;
}
#team .thumbnail .caption li{
	display:inline-block;
	font-size:18px;
	margin:0 5px;
}
#team .thumbnail .caption li > a{
	color:#000;
}
#team .thumbnail .caption li > a.fa-facebook:hover{
	color:#3B5998;
}
#team .thumbnail .caption li > a.fa-twitter:hover{
	color:#5EA9DD;
}
#team .thumbnail .caption li > a.fa-google-plus:hover{
	color:#DD4B39;
}
#team .thumbnail .caption li > a.fa-youtube:hover{
	color:#C2191E;
}
/* =================================================================== 
						SKILLS SECTION
======================================================================*/
#skills .title{
	margin-bottom:60px;
}
#skills p{
	margin-bottom:0;
}
.progress{
	border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
    box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	height:13px;
	background:#fff;
	border:1px solid #000;
	margin-bottom:35px;
	overflow:visible;
}
.progress-bar{
	background:#000;
	position:relative;
}
.progress .tooltip{
	opacity:1;
	right: -20px;
    top: -40px;
	font-family:inherit;
}
.progress .tooltip-inner{
	padding: 6px 10px;
	border-radius: 0;
}
/* =================================================================== 
						RESPONSIVE SECTION
======================================================================*/
#responsive{
	background:url(../img/bg/hd_responsive_4.jpg) fixed;
	padding:0;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.responsive-section{
	position:relative;
	padding:60px 0 80px 0;
}
#responsive div{
	z-index:9;	
}
#responsive h2{
	font-size: 40px;
	color:#01205d;
	font-weight: 400;
	line-height: 110%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive p{
	color:rgba(0,0,0,.7);
	margin-bottom:25px;
	font-size:20px;
	font-weight:300;
	line-height:140%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive img{
	margin-top: 35px;
}

/**/
#responsive_2{
	background:url(../img/bg/hd_responsive_3.jpg) fixed;
	padding:0;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.responsive-section{
	position:relative;
	padding:60px 0 80px 0;
}
#responsive_2 div{
	z-index:9;	
}
#responsive_2 h2{
	font-size: 40px;
	color:#01205d;
	font-weight: 400;
	line-height: 110%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_2 p,
#responsive_2 ul
{
	color:#fff;
	margin-bottom:15px;
	font-size:18px;
	font-weight:300;
	line-height:140%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_2 ul{list-style-type: none;}
#responsive_2 img{
	margin-top: 35px;
}
/**/
#responsive_3{
	background:url(../img/bg/hd_responsive_3.jpg) fixed;
	padding:0;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
.responsive-section{
	position:relative;
	padding:60px 0 80px 0;
}
#responsive_3 div{
	z-index:9;	
}
#responsive_3 h2{
	font-size: 40px;
	color:#01205d;
	font-weight: 300;
	line-height: 110%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_3 p, #responsive_3 ul{
	color:#fff;
	margin-bottom:15px;
	font-size:18px;
	font-weight:300;
	line-height:140%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_3 ul{list-style-type: none;}
#responsive_3 img{
	margin-top: 35px;
}

/**/
#responsive_5{
	background:url(../img/front_motto_bg.jpg) fixed; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;
	-webkit-background-size:cover;
	padding:0;
}
#responsive_5 .responsive-section{position:relative; padding:40px 0 60px 0;}
#responsive_5 div{
	z-index:9;	
}
#responsive_5 h2{
	font-size: 40px;
	color:#01205d;
	font-weight: 400;
	line-height: 110%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_5 p{
	color:rgba(0,0,0,.7);
	margin-bottom:25px;
	font-size:18px;
	font-weight:300;
	line-height:140%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#responsive_5 img{
	margin-top: 35px;
}
/**/
/* =================================================================== 
						SERVICES SECTION
======================================================================*/
#services{
	background:url(../img/marble_bg.jpg) fixed; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;
	-webkit-background-size:cover;
}
#services .title{
	margin-bottom:80px;
}
.service-block{
	text-align:center;
	padding:95px 37px 40px;
}
.services-bottom .service-block{
	padding-top:60px;
}
.service-block div.fa, .service-block div.fas{
	color:#F2F2F2;
	font-size:120px;
	position:relative;
}
.service-block i.fa, .service-block i.fas{
	color: #00614e;
    display: block;
    font-size: 75px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
}
.service-block h4{
	font-size: 26px;
    font-weight: 300;
}
.service-block p{
	font-size:16px;
}
.services-bottom .service-block p{
	margin-bottom:60px;
}
.service-block h3{
	font-size: 26px;
    font-weight: 700;
	margin:0 0 20px;;
}
.services-top,.services-bottom{
	margin-left:110px;
	margin-right:110px;
}
.service-block.left{
	border-right:2px solid;
}
.middle-line{
	background: none repeat scroll 0 0 transparent;
    border-top: 2px solid;
    height: 0px;
    margin: 0 110px;
    position: relative;
}
.middle-line:before,.middle-line:after,.services-top .service-block.left:before,.services-bottom .service-block.left:after{
    border-radius: 50%;
    content: "";
    height: 20px;
    position: absolute;
    width: 20px;
	left:0;
	margin-top:-10px;
}
.middle-line:after{
	left:auto;
	right:-1px;
	top:0;
}
.services-top .service-block.left:before,.services-bottom .service-block.left:after{
	left:auto;
	right:-11px;
	top:0;
}
.services-bottom .service-block.left:after{
	top:auto;
	bottom:0;
}
.middle-line > span{
	color: #fff;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -18px;
    width: 100%;
    z-index: 9;
}
.middle-line > span:before{
	content: "";
    height: 50px;
    left: -1px;
    margin: -8px auto 0;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    width: 50px;
    z-index: -1;
}
/* =================================================================== 
						WORKING SECTION
======================================================================*/
#working{
	background:url(../img/bg/benefits_bg.jpg) fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	padding-bottom:80px;
}
#working .title{
	margin-bottom:20px;
}
#working .working-circle{
	height:140px;
	width:140px;
	border:1px solid #fff;
	border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	color:#000;
	margin:0 auto;
	position:relative;
	text-align:center;
	margin-bottom:70px;
}
#working .working-circle:after{
	border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
	background:#fff;
	left: -2px;
    padding: 2px;
    top: -2px;
	transform: scale(0.92);
	-moz-transform: scale(0.92);
	-ms-transform: scale(0.92);
	-o-transform: scale(0.92);
	-webkit-transform: scale(0.92);
}
#working .working-circle:hover:after{
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	background:red !important;
}
#working .working-circle i{
	font-size:60px;
	position:relative;
	line-height: 140px;
	z-index:9;
}
#working .working-circle > p{
	color: #f2f2f2;
    font-weight: 400;
	font-size:18px;
	position:absolute;
	left:0;
	right:0;
	top:100%;
	margin-top:20px;
}
#working .working-circle:hover:after{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
	-moz-transition: -moz-transform 0.5s, opacity 0.2s;
	transition: transform 0.5s, opacity 0.2s;
}
#working .working-circle:hover{
	-ms-box-shadow:0px 0px 0px 3px #fff;
	-moz-box-shadow:0px 0px 0px 3px #fff;
	-o-box-shadow:0px 0px 0px 3px #fff;
	-webkit-box-shadow:0px 0px 0px 3px #fff;
	color: #fff;
	border-color:#0099CC;
}
#working .tooltip{
	opacity:1;
}
#working .tooltip-inner{
	padding:10px;
	line-height:unset;
	color:#fff;
	background:#00287a !important;
}
/* =================================================================== 
						PRICINGS SECTION
======================================================================*/
#pricings .title{
	margin-bottom:65px;
}
#pricings .pricing-table{
	border:1px solid;
	border-color:#202020;
	text-align:center;
	margin-bottom:40px;
}
.category{
	position:relative;
	background:#4c4c4c;
}
.category h3{
	font-size: 30px;
    font-weight: 700;
	line-height: 100px;
	color:#fff;
	margin:0;
	text-transform:uppercase;
}
.price{
	padding:20px 0;
}
.price h4,.price p{
	margin:0;
	letter-spacing: 1px;
	color:#4c4c4c;
}
.price h4{
	font-size: 45px;
    font-weight: 700;
   
}
.price p{
	font-size: 14px;
    font-weight: 400;
}
.pricing-table ul{
	padding:0 20px;
}
.pricing-table ul > li{
	list-style:none;
	padding:15px 0;
	color: #4c4c4c;
    font-weight: 400;
    letter-spacing: 1px;
	border-bottom:1px solid #cacaca;
	-webkit-font-smoothing:antialiased !important;
}
.pricing-table .btn{
	font-size: 22px;
	background:#4C4C4C;
    font-weight: 700;
    letter-spacing: 1px;
	padding: 20px 25px;
	margin:15px 0 0;
	display:block;
	border:none;
	width:100%;
}
.pricing-table .btn:hover,#pricings .pricing-table.premium .btn:hover{
	color:#fff;
	background:#202020;
}
/*====================premium=======================*/
#pricings .pricing-table.premium{
	transform: scaleY(1.05);
	-ms-transform: scaleY(1.05);
	-moz-transform: scaleY(1.05);
	-o-transform: scaleY(1.05);
	-webkit-transform: scaleY(1.05);
}
#pricings .pricing-table.premium .price{
	transform: scaleY(0.95);
	-ms-transform: scaleY(0.95);
	-moz-transform: scaleY(0.95);
	-o-transform: scaleY(0.95);
	-webkit-transform: scaleY(0.95);
}

/* =================================================================== 
						TESTIMONIALS SECTION
======================================================================*/
#testimonials{
	text-align:center;
	background:url(../img/bg/testimonial.jpg)fixed;
	background-size:cover;
	z-index:0;
	position:relative;
	padding-bottom:80px;
}
#testimonials p{
	font-weight:500;
	font-size:14px;
	color:#fff;
	margin-bottom:20px;
}
#testimonials .img-circle{
	height:100px;
	width:100px;
	border:4px solid #fff;
	border-radius:50%;
	-ms-border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
}
#testimonials h3{
	margin-bottom:0;
}
/* =================================================================== 
						CLIENTS SECTION
======================================================================*/
#clients{
	padding-bottom:100px;
	background:url(../img/about_partner_bg.jpg) fixed;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
#clients .img-responsive,#testimonials .img-responsive{
	width:auto;
	margin:0 auto;
}

#partners{
	padding-bottom:100px;
	background:#fff;
	background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}
#partners .img-responsive,#testimonials .img-responsive{
	width:auto;
	margin:0 auto;
}
/* =================================================================== 
						PORTFOLIO SECTION
======================================================================*/
#portfolio{
	padding-bottom:80px;
}
#portfolio ul,#portfolio .item ul{
	text-align:center;
	padding:0;
	list-style:none;
}
#portfolio .item {
  float: left;
  cursor:pointer;
  overflow:hidden;
  position:relative;
  background:#000;
}
#portfolio .item h3{
	color:#fff;
	font-size:20px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 0;
	padding:0 0 15px 15px;
	opacity:0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
#portfolio ul > li{
	display:inline-block;
	padding:0 5px;
	cursor:pointer;
	position:relative;
}
#portfolio ul > li:after{
	position:absolute;
	content:"/";
	right:0;
}
#portfolio ul > li:last-child:after{
	content:"";
}
#portfolio ul > li a{
	font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
	text-transform:capitalize;
	color:#000;
	padding-right:10px;
}
#portfolio .item img {
	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   position:relative;
}
.project-grid .grid-sizer { width: 25%; }
.project-grid .mini-item { width: 25%; border: 5px solid #fff; }
.project-grid .mini-item.w2 { width: 50%; }	
#portfolio .item{
	position: relative;
	display: block;
	overflow:hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.item-caption{
	 -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   position:absolute;
   top:100%;
   height:50px;
   width:100%;
}
#portfolio .item ul{
	height: 100%;
    margin-bottom: 0;
    padding: 10px 0;
}
#portfolio .item ul > li a{
	padding:0;
	font-size:20px;
	color:#fff;
	padding:0 10px;
}
/*====================Hover effects====================*/
#portfolio .item:hover .item-caption {
   -webkit-transform: translatey(-50px);
   -moz-transform: translatey(-50px);
   -o-transform: translatey(-50px);
   -ms-transform: translatey(-50px);
   transform: translatey(-50px);
}
#portfolio .item:hover img {
   -webkit-transform: translateY(-50px);
   -moz-transform: translateY(-50px);
   -o-transform: translateY(-50px);
   -ms-transform: translateY(-50px);
   transform: translateY(-50px);
   opacity:0.5;
}
#portfolio .item:hover h3 {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
	opacity:1;
}

/* =================================================================== 
						CONTACT SECTION
======================================================================*/
#contact-front{padding-bottom:0;}
#contact{
	background:url(../img/bg/contact.jpg); 
	background-size:cover; background-position:center; background-repeat:repeat; background-attachment:fixed;
	padding-bottom:0;
	position:relative;
}
.input-group{
	width:100%;
}
.form-group{
	margin-bottom:30px;
}
.form-control{
	background-color:transparent;
	border:none;
	border-bottom:1px solid #fff;
	border-color:#fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	color:#fff;
	border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
}
.form-control::-moz-placeholder{
	color:#fff;
}
.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus{
	box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	font-style:normal;
}
.has-error .form-control:focus,.has-error .form-control{
	border-color: #a94442;
}
#contact .btn{
	margin:45px 0 60px;
	float:right;
	background:transparent;
	font-weight:300;
	font-size:20px;
	padding: 10px 80px;
	text-transform:none;
	border:1px solid #fff;
	-webkit-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;
}
#contact .btn:hover{border:1px solid #fff; font-weight:300; color:#fff; background:#015847; -webkit-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.message-box i{
	padding-right:37px;
}

.form-message{
	color: white;
}
.form-msg{
	background-color: #3b5a3b;
	padding: 14px;
}

.form-msg-error{
	background-color: red;
	padding: 14px;
}



/*==================Contact details====================*/
.contact-details{
	padding:50px 20px;
	background:#013f33;
	text-align:center;
	position:relative;
}
.contact-details .icon-circle{
	position:relative;
	background-color: #ffffff;
	width: 70px;
	height:70px;
	border-radius: 50%;
	padding: 18px 0;
	margin:0 auto;
	color:#013f33;
	overflow:hidden;
}
.contact-block:hover .icon-circle{
	color:#fff;
	background:#568e30 !important;
}
.contact-block{
	margin-bottom:30px;
}
.contact-block i{
	font-size:34px;
    position:absolute;
	left:0;
	right:0;
	display:block;
}
.contact-block:hover i{
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
.contact-details h3{
	font-size: 28px;
    font-weight: 300;
	color:#fff;
	margin-bottom:15px;
}
.contact-details p,.contact-details p a{
	color:#fff;
	font-size:14px;
	line-height:14px;
}
p.hot-quick-em{font-size:24px; font-weight:300;}

/*===================Map==========================*/
.map #map_canvas {
    height: 240px;
    width: 100%;
}

/*===================Footer======================*/
#footer{
	background:#053a2f;
}
#footer p{
	color:#fff;
	margin:32px 0;
	font-size:14px;
	font-weight:200;
}
#footer ul{
	float: right;
    margin: 0;
    padding: 24px 0;
    text-align: center;
}
#footer li{
    display: inline-block;
    font-size: 24px;
    padding: 0 5px;
}
#footer li > a {
	color: #fff;
	/*background:#4a4a4a;*/
	height:40px;
	width:40px;
	font-size:40px;
	/*border-radius:50%;
	padding:8px 0;*/
}
#footer a.fa-facebook:hover{
	background:#3B5998;
}
#footer a.fa-twitter:hover{
	background:#5EA9DD;
}
#footer a.fa-google-plus:hover{
	background:#DD4B39;
}
#footer a.fa-youtube:hover{
	background:#C2191E;
}
#footer a.fa-line:hover{
	color:#00bd00;
}
#footer a.fa-facebook-square:hover{
	color:#3B5998;
}

/*/////////////////////////////////*/
.para-b-mg{margin-bottom:15px !important;}
.stat-ctn{padding:100px 0 60px;}

footer{ 
	background: rgb(5,58,48);
	background: linear-gradient(180deg, rgba(5,58,48,1) 0%, rgba(0,97,77,1) 100%);
	min-height:350px;
}
footer ul, footer li{padding:0; margin:0; color:#b8b8b8;}
footer li{list-style-type:none;}

.footer-col { margin-top:50px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footer-col p { color:#fff; font-size:14px; margin-bottom:15px; line-height:175%; font-weight:200;}
.footer-col p i { width:20px; color:#b08961;}

.footer-ul { list-style-type:none;  padding-left:0; margin-left:2px;}
.footer-ul li {font-size:14px; margin-bottom:5px; font-weight:300;}
.footer-ul li a { color:#fff; transition: color 0.2s linear 0s, background 0.2s linear 0s; font-weight:200;}
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#b08961; }

 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0;}
 .heading7 { font-size:18px; font-weight:300; color:#b08961; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}
.customer-services{font-size:26px !important; font-weight:300;}
.customer-services-form{margin-top:20px;}
.customer-services-form p{font-size:14px; font-weight:200; line-height:150%; margin-bottom:20px;}
.customer-services-form .customer-contact-form .form-control{height:40px; background:#fff; color:#000; font-size:14px; border-radius:3px; box-shadow:none; -webkit-box-shadow:none; border:none; font-weight:300;}
.customer-services-form .customer-contact-form textarea.form-control{height:inherit !important;}
.customer-services-form .customer-contact-form .form-group{margin-bottom:15px;}
.customer-services-form .customer-contact-form .customer-services-btn{background:#a57e56 !important; color:#fff; transition: color 0.2s linear 0s, background 0.2s linear 0s; font-size:18px; font-weight:400;}
.customer-services-form .customer-contact-form .customer-services-btn:hover{background:#956e46 !important; transition: color 0.2s linear 0s, background 0.2s linear 0s;}

.customer-services-form .customer-contact-form .form-control::placeholder{color:#00246d !important;}
.customer-services-form .customer-contact-form .form-control::-webkit-input-placeholder{color:#00246d !important;}
.customer-services-form .customer-contact-form .form-control:-ms-input-placeholder{color:#00246d !important;}

#iden_about a#nav_about{color:#568e30; border-bottom:5px solid #005f4c;}
#iden_home a#nav_home{color:#568e30; border-bottom:5px solid #005f4c;}
#iden_contact a#nav_contact{color:#568e30; border-bottom:5px solid #005f4c;}
#iden_insurance a#nav_insurance{color:#568e30; border-bottom:5px solid #005f4c;}
#iden_join a#nav_join{color:#568e30; border-bottom:5px solid #005f4c;}

/* ======================================= */
.jumbotron-muted{position:relative; background-color:#e3e5e6;}
.jumbotron-muted::before{content:''; position:absolute; left:0; right:0; bottom:0; top:0; /*background:rgba(0,0,0,.6);*/
}
.jumbotron-muted h1{color:#01205d; font-weight:400; font-size:44px; margin-bottom:0;}
.jumbotron-muted h2{color:#fff; font-weight:300; font-size:36px; margin-bottom:25px; line-height:140%; margin-top:0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
.jumbotron-muted p,
.jumbotron-muted ul
{color:rgba(255,255,255,1); font-weight:300; font-size:20px; line-height:140%; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
.jumbotron-muted ul{list-style-type: none;}

.bg-img-1{background-image:url(../img/main_src_bg.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment:fixed;}
.bg-img-2{background-image:url(../img/main_src_bg_2.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment:fixed;}
.bg-img-3{background-image:url(../img/main_src_bg_3.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment:fixed;}
.bg-img-4{background-image:url(../img/main_src_bg_4.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment:fixed;}
.bg-img-5{background-image:url(../img/main_src_bg_5.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; background-attachment:fixed;}

/* ======================================= */

/* ======================================= */
.login-signup{padding:0;}
article[role="searching"]{
	/*background:#568e30;*/
	background: rgb(5,58,48);
	background: linear-gradient(180deg, rgba(5,58,48,1) 0%, rgba(0,97,77,1) 100%);
	
	transition:all 400ms cubic-bezier(0.4, 0, 0.2, 1); padding:20px 30px 30px 30px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px;}
article[role="searching"] input[type="submit"]{padding:10px 15px; font-size:16px;}
article[role="searching"] h3{font-size:24px; font-weight:300; color:#fff; margin:0 0 30px 0; line-height:130%;}
article[role="searching"] p{font-size:16px; padding:5px 15px;}
.b-r-top{border-top-left-radius:10px; border-top-right-radius:10px;}
.nav-tab-holder{padding:0 0 0 30px; float:right;}
.nav-tab-holder .nav-tabs{border:0; float:none; display:table; table-layout:fixed; width:100%;}
.nav-tab-holder .nav-tabs > li{margin-bottom:-3px; text-align:center; padding:0; display:table-cell; float:none; padding:0;}
.nav-tab-holder .nav-tabs > li > a{background:rgba(158,173,206,.3); color:#262626; margin:0; font-size:18px; font-weight:300; border:none;}
.nav-tab-holder .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#FFF; background-color:rgba(0,26,78,.9); border:0; border:none;}
.nav-tab-holder a.tb-a:focus{border-top-left-radius:10px;}
.nav-tab-holder .nav-tabs > li.active > a.tb-a{border-top-left-radius:10px;}
.nav-tab-holder .nav-tabs > li > a.tb-a{border-top-left-radius:4px;}
.nav-tab-holder a.tb-b:focus{border-top-right-radius:10px;}
.nav-tab-holder .nav-tabs > li.active > a.tb-b{border-top-right-radius:10px;}
.nav-tab-holder .nav-tabs > li > a.tb-b{border-top-right-radius:10px;}
.mobile-pull{float:right;}
@media only screen and (max-width: 767px){
	.mobile-pull{float: none;}
	.nav-tab-holder{float:none; overflow:hidden;}
	.nav-tabs > li > a{font-size:13px; font-weight:600; padding:10px 5px; overflow:hidden; text-overflow:ellipsis;}
	.nav-tabs > li{width:50%;}
}
.nav-tab-holder .nav-tabs>li>a{border-radius:0;}

.front-search .form-group .form-control{height:44px; line-height:44px; background:rgba(0,40,122,0.1); color:#000; font-size:16px; border-radius:3px; box-shadow:none; -webkit-box-shadow:none; border:none; font-weight:300;}

.front-search .form-control::placeholder{color:#00246d !important;}
.front-search .form-control::-webkit-input-placeholder{color:#00246d !important;}
.front-search .form-control:-ms-input-placeholder{color:#00246d !important;}
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||| */
.dark-search-frm .form-group{position:relative; margin-bottom:25px;}
.dark-search-frm .form-control{background-color:rgba(255,255,255,.1); height:50px; padding:7px 20px 0px; border:none; -webkit-box-shadow:none; box-shadow:none; color:#fff;}
.dark-search-frm select.form-control{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.dark-search-frm select.form-control option{color:#0a2762; font-weight:300;}

.dark-search-frm select.form-control+.select-arrow{position:absolute; right:0; bottom:0; width:24px; text-align:center; pointer-events:none; height:50px; line-height:50px; color:#a0a0a0; font-size:14px;}
.dark-search-frm select.form-control+.select-arrow:after{content:'\279C'; display:block; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.dark-search-frm .form-label{position:absolute; top:15px; left:15px; color:rgba(255,255,255,.5); font-weight:400; line-height:24px; height:24px; font-size:16px; pointer-events:none;
-webkit-transition:0.2s all; transition:0.2s all;}
.dark-search-frm .form-group.input-not-empty .form-label{top:-13px; color:#fff; font-size:16px;}
.dark-search-frm .form-group:not(.input-not-empty) .form-control:not(:focus){color:transparent;}
.dark-search-frm .label-curr-right{position:absolute; top:15px; right:15px; color:rgba(255,255,255,.5); font-weight:400; line-height:24px; height:24px; font-size:16px; pointer-events:none; -webkit-transition:0.2s all; transition:0.2s all;}

.dark-search-frm .form-group .form-control:focus+.form-label{top:-13px; color:#fff; font-size:16px;}
.dark-search-frm .form-group .form-control:focus{color:#fff; font-weight:200; font-size:16px;}
.dark-search-frm .form-group .form-control{font-weight:200; padding-left:15px; font-size:16px;}
.dark-search-frm .form-group .form-control.dt-picker{cursor:default;}

.dark-search-frm .form-checkbox{margin-bottom:20px; margin-bottom:10px;}
.dark-search-frm .form-checkbox input{position:absolute !important; margin-left:-9999px !important; visibility:hidden !important;}
.dark-search-frm .form-checkbox label{position:relative; padding-top:4px; padding-left:30px; color:#fff; font-weight:400; cursor:pointer;}

.dark-search-frm .form-checkbox label+label{margin-left:15px;}
.dark-search-frm .form-checkbox input+span{position:absolute; left:2px; top:4px; width:20px; height:20px; border:2px solid #1c2126; background:#1c2126; border-radius:50%;}
.dark-search-frm .form-checkbox input:checked+span{border-color:#f7c411;}
.dark-search-frm .form-checkbox input+span:after{content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background-color:#f7c411; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:0.2s all; transition:0.2s all;}
.dark-search-frm .form-checkbox input:not(:checked)+span:after {opacity:0;}
.dark-search-frm .form-checkbox input:checked+span:after{opacity:1; width:10px; height:10px;}
.dark-search-frm .submit-btn{color:#fff; background-color:#a57e56; font-weight:400; font-size:20px; height:50px; border:none; transition: color 0.2s linear 0s, background 0.2s linear 0s; border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;}
.dark-search-frm .submit-btn:hover{color:#fff; background-color:#956e46; transition: color 0.2s linear 0s, background 0.2s linear 0s;}

/*************************************************/
h3.rec-products{font-size:34px; font-weight:400; margin-bottom:40px; text-align:center;}
#feature_products .col-item{border-radius:10px; background:#fff; box-shadow:0 2px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 15px rgba(0,0,0,0.1); -ms-box-shadow:0 2px 15px rgba(0,0,0,0.1); -o-box-shadow:0 2px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.1);}
#feature_products .col-item .photo img{margin:0 auto; width:100%; border-top-left-radius:10px; border-top-right-radius:10px;}

#feature_products .rec-pro-item .col-item .photo{overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
#feature_products .rec-pro-item .col-item .photo img{transition: transform .25s, visibility .25s ease-in;}
#feature_products .rec-pro-item .col-item:hover .photo img{transform: scale(1.3);}

#feature_products .col-item .info{padding:15px; border-radius:0 0 10px 10px;}
#feature_products .col-item:hover .info{background-color:rgba(10,39,98,1); cursor:default;}
#feature_products .col-item:hover .info h5{color:#fff; transition: color 0.2s linear 0s, background 0.2s linear 0s;}
#feature_products .col-item:hover .info p{color:#d1d1d2; font-weight:300; transition: color 0.2s linear 0s, background 0.2s linear 0s;}
#feature_products .col-item:hover .separator a{color:#ffd234;}
#feature_products .rec-pro-item{margin-bottom:25px;}

#feature_products .col-item .feature-t-1{float:left; margin-top:5px;}
#feature_products .col-item .feature-t-1 h5{margin:0; font-size:18px; font-weight:400; line-height:140%; color:#0138aa;}
#feature_products .col-item .feature-t-1 p{margin:15px 0 30px 0; line-height:135%;}

#feature_products .col-item .info .rating{color:#777;}
#feature_products .col-item .rating{float:left; font-size:17px; text-align:right; line-height:52px; margin-bottom:10px; height:52px;}

#feature_products .col-item .separator p{margin-bottom:3px; text-align:center;}
#feature_products .col-item .separator p a{color:#0138aa;}
#feature_products .col-item .separator p a:hover{color:#ffd234;}

#feature_products .col-item .btn-details{width:100%;}
#feature_products .controls{text-align:center;}
#feature_products .controls a.product-direct{font-size:40px; color:#aeaeae; transition: color 0.2s linear 0s, background 0.2s linear 0s;}
#feature_products .controls a.product-direct:hover{color:#00287a; transition: color 0.2s linear 0s, background 0.2s linear 0s;}
[data-slide="prev"]{margin-right:10px;}

/* **************************************************** */
@keyframes ldio-6ss2b3mdf59 {
	0% { transform: rotate(0) }
	100% { transform: rotate(360deg) }
}
.ldio-6ss2b3mdf59 div { box-sizing: border-box!important }
.ldio-6ss2b3mdf59 > div {position: absolute; width: 72px; height: 72px; top: 14px; left: 14px; border-radius: 50%; border: 8px solid #000; border-color: #00735c transparent #00735c transparent; animation: ldio-6ss2b3mdf59 1s linear infinite;}
.ldio-6ss2b3mdf59 > div:nth-child(2), .ldio-6ss2b3mdf59 > div:nth-child(4) {width: 54px; height: 54px; top: 23px; left: 23px; animation: ldio-6ss2b3mdf59 1s linear infinite reverse;}
.ldio-6ss2b3mdf59 > div:nth-child(2) {border-color: transparent #1be767 transparent #1be767}
.ldio-6ss2b3mdf59 > div:nth-child(3) { border-color: transparent }
.ldio-6ss2b3mdf59 > div:nth-child(3) div {position: absolute; width: 100%; height: 100%; transform: rotate(45deg);}
.ldio-6ss2b3mdf59 > div:nth-child(3) div:before, .ldio-6ss2b3mdf59 > div:nth-child(3) div:after { content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 24px; background: #00735c; border-radius: 50%; box-shadow: 0 64px 0 0 #00735c;}
.ldio-6ss2b3mdf59 > div:nth-child(3) div:after {left: -8px; top: 24px; box-shadow: 64px 0 0 0 #00735c;}
.ldio-6ss2b3mdf59 > div:nth-child(4) { border-color: transparent; }
.ldio-6ss2b3mdf59 > div:nth-child(4) div {position: absolute; width: 100%; height: 100%; transform: rotate(45deg);}
.ldio-6ss2b3mdf59 > div:nth-child(4) div:before, .ldio-6ss2b3mdf59 > div:nth-child(4) div:after {content: ""; display: block; position: absolute; width: 8px; height: 8px; top: -8px; left: 15px; background: #1be767; border-radius: 50%; box-shadow: 0 46px 0 0 #1be767;}
.ldio-6ss2b3mdf59 > div:nth-child(4) div:after {left: -8px; top: 15px; box-shadow: 46px 0 0 0 #1be767;}
.loadingio-spinner-double-ring-3ph5upq6qt3 {width: 77px; height: 77px; display: inline-block; overflow: hidden; background: none;}
.ldio-6ss2b3mdf59 {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.77); backface-visibility: hidden; transform-origin: 0 0;}
.ldio-6ss2b3mdf59 div { box-sizing: content-box; }

/* ********************************************** */
figure.p-box{position:relative; overflow:hidden; width:100%; background:#f7f7f7; color:#00246d; margin-bottom:20px; -webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2); box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);}
figure.p-box *{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
figure.p-box .image{width:50%; overflow:hidden; z-index:1; -webkit-transform:skewX(-15deg); transform:skewX(-15deg);}
figure.p-box .image img{position:relative; display:block; left:-15%; z-index:1; -webkit-transform:skew(15deg); transform:skew(15deg);}
figure.p-box:before{position:absolute; content:''; height:100%; width:45%; background:rgba(0, 0, 0, 0.2); -webkit-transform:skewX(-17deg); transform:skewX(-17deg);
	-webkit-box-shadow:15px 0px 25px rgba(0, 0, 0, 0.7); box-shadow:15px 0px 25px rgba(0, 0, 0, 0.7);}
figure.p-box figcaption{padding:20px 30px 20px 20px; position:absolute; right:0; bottom:80px; width:50%;}
figure.p-box figcaption h2, figure.p-box figcaption p{margin:0; text-align:right; padding:10px 0; width:100%;}
figure.p-box figcaption h2{font-size:1.3em; font-weight:300; text-transform:uppercase;}
figure.p-box figcaption h2 span{font-weight:500; color:#00634f;}
figure.p-box figcaption p{font-size:0.9em; opacity:1;}
figure.p-box .position{position:absolute; bottom:0; width:100%; text-align:right; padding:15px 30px; font-size:1.5em; font-weight:300; color:#fff;}
figure.p-box.blue .position{background:#00634f; line-height:120%;}
figure.p-box:hover figcaption, figure.p-box.hover figcaption{bottom:70px;}
figure.p-box:hover .icons i, figure.p-box.hover .icons i{opacity:1; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
figure.p-box:hover:before, figure.p-box.hover:before{-webkit-animation:shadow 0.6s ease-in-out; animation:shadow 0.6s ease-in-out;}
@-webkit-keyframes shadow {
	0% {left:0px;}
	50% {left:-5px;}
	100% {left:0px;}
}
@keyframes shadow {
	0% {left: 0px;}
	50% {left: -5px;}
	100% {left: 0px;}
  }
ul.type-insure-list{list-style:none; font-size:18px; padding-left:0; text-align:right;}
ul.type-insure-list li{margin-bottom:10px; line-height:100%;}

/* ************************************** */
#front_headline{background:url(../img/front_motto_bg.jpg) fixed; background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;
	-webkit-background-size:cover;}
.front-headline-section{position:relative;padding:150px 0;}

/* **************************************** */
.contact-form-horizontal .form-group input.form-control,
.contact-form-horizontal .form-group textarea.form-control{font-size:20px; color:#fff; font-weight:300;}

.contact-form-horizontal .form-group input.form-control:focus{color:#fff !important; border-bottom:1px solid #fff;}
.contact-form-horizontal .form-group textarea.form-control:focus{color:#fff !important; border-bottom:1px solid #fff;}

.contact-form-horizontal .form-control::placeholder{color:rgba(255,255,255,.8) !important;}
.contact-form-horizontal .form-control::-webkit-input-placeholder{color:rgba(255,255,255,.8) !important;}
.contact-form-horizontal .form-control:-ms-input-placeholder{color:rgba(255,255,255,.8) !important;}
/* **************************************** */

#type_intro{
	padding:0;
}
.type_intro-section{
	position:relative;
	padding:60px 0 80px 0;
}
#type_intro div{
	z-index:9;	
}
#type_intro h2{
	font-size: 40px;
	color:#01205d;
	font-weight: 400;
	line-height: 110%;
}
#type_intro p{
	color:rgba(0,0,0,.7);
	margin-bottom:25px;
	font-size:18px;
	font-weight:400;
	line-height:140%;
}
#type_intro img{
	margin-top: 0;
}
/* ********************************** */
#working h1{color:#202020;}
.icon-box{position:relative; margin-top:20px; padding:0 0 0 80px;}
.icon-box h3{color:#00287a; font-weight:400; font-size:22px; margin-top:0;}
.icon-box p{color:#343434; line-height:140%; font-weight:400;}
.icon-left{display:block; position:absolute; width:64px; height:64px; top:0; left:0; color:#fff;}
.icon-left i{font-size:50px; color:#019f01;}

.fa-rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}

.checkbox {
	padding-left: 20px; }
	.checkbox label {
	  display: inline-block;
	  position: relative;
	  padding-left: 5px; }
	  .checkbox label::before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 17px;
		height: 17px;
		left: 0;
		margin-left: -20px;
		border: 1px solid #cccccc;
		border-radius: 3px;
		background-color: #fff;
		-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
		transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
	  .checkbox label::after {
		display: inline-block;
		position: absolute;
		width: 16px;
		height: 16px;
		left: 0;
		top: 0;
		margin-left: -20px;
		padding-left: 3px;
		padding-top: 1px;
		font-size: 11px;
		color: #000; }
	.checkbox input[type="checkbox"] {
	  opacity: 0; }
	  .checkbox input[type="checkbox"]:focus + label::before {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px; }
	  .checkbox input[type="checkbox"]:checked + label::after {
		font-family: 'FontAwesome';
		content: "\f00c"; }
	  .checkbox input[type="checkbox"]:disabled + label {
		opacity: 0.65; }
		.checkbox input[type="checkbox"]:disabled + label::before {
		  background-color: #eeeeee;
		  cursor: not-allowed; }
	.checkbox.checkbox-circle label::before {
	  border-radius: 50%; }
	.checkbox.checkbox-inline {
	  margin-top: 0; }

.inputBox .input{font-size:22px !important;}

.seewho2{
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	text-align: center;
	font-weight: 300;
	font-size:18px;
	color:#fff;
	text-decoration: none;
	background-color: #568e30;
	padding:10px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  transition: all 0.2s ease 0s;
  }
  
  .seewho2:hover{
	background-color: #498123;
	color:#fff;
	font-weight: 300;
  }

.we-are-block h3{color:#00634f;}
.we-are-block:hover h3{color:#00634f;}

.services-top{border-color:#a89667 !important;}
.services-top .service-block.left::before{background:#a89667 !important;}
.services-bottom .service-block.left::after{background:#a89667 !important;}
.middle-line{border-color:#a89667 !important;}
.middle-line::after{background:#a89667 !important;}
.middle-line::before{background:#a89667 !important;}
.middle-line > span::before{background:#a89667 !important;}
.service-block.left{border-color:#a89667 !important;}
  
#team .thumbnail h3{color:#00634f !important; font-weight:400 !important;}

.footer-fa-ul > ul > li{margin-bottom:1.25rem; padding-left:1rem; font-weight:200; color:#fff;}
.footer-fa-ul > ul > li > span.fa-li{color:#b08961;}

.product-cat-en{font-size:.85em;}
.parsley-custom-error-message{color:orange; padding-top:5px;}

.parsley-errors-list{list-style-type:none; padding-left:0;}
#contact_form_contact_page .message-box i{padding-right:0 !important; margin-top:5px;}

#recruit_form li.parsley-custom-error-message{text-align:left !important;}