@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;/*font-family: 'robotoregular';*/font-family: 'Lato', sans-serif;;font-size:17px;line-height:24px;/*text-align:justify;*/}
/* Webfont: Lato-Regular */
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'archiaregular';
    src: url('../fonts/archia-regular-webfont.eot');
    src: url('../fonts/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archia-regular-webfont.woff2') format('woff2'),
         url('../fonts/archia-regular-webfont.woff') format('woff'),
         url('../fonts/archia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*--------base css------*/
.wrapper{width:1200px; margin:0 auto;}

h1, h2, h3, h4, h5, h6{margin:0 !important; }
img{max-width:100%;}
ul{float:left;width:100%;list-style:none;margin:0;padding: 0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{margin-bottom:5px;}


/*----css------*/

/*--------------*/
header {
	position: relative;
	z-index: 999;
	display: block;
}
.header_top_right {text-align:right;}
.header_logos {width:100%;float:left;position:relative;}
.header_left {
	display: table;
	float: left;
	vertical-align: middle;
	padding: 0;
	font-size: 36px;
	color: #1bbce8;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	width: 220px;
	height: 90px;
	position: relative;
	z-index: 9;}

.header_left::before, .header_left::after {
	background-color: #fff;
	content: "";
	position: absolute;
	bottom: -11px;
	height: 200%;
	z-index: -1;
	border-bottom: 0px solid #fff;
}

.header_left::before {
	border-right: 2px solid #304771;
	right: -50px;
	width: 120%;
	-webkit-transform: skew( -30deg);
	-moz-transform: skew( -30deg);
	-o-transform: skew( -30deg);
	-ms-transform: skew( -30deg);
	transform: skew(-30deg);
}
.header_left::after {
	right: 10%;
	width: 2000px;
}





/*--------------*/
.header_top {width:100%;float:left;}
.header_left {width:25%;float:left;padding:10px 0px;}
.header_left img {max-width:100%;}
.header_right {width:75%;float: left;text-align: right;position: relative;z-index: 2;padding: 0px 0px;padding-top:20px;}
/*.header_right::before {
	position: absolute;
	content: "";
	background:transparent;
	width: 5000px;
	height: 80px;
	top: 0;
	left: 0;
	transform: skew(-40deg);
	z-index: -2;
	border-left:2px solid #091126;}
*/

.header_top_right {width:100%;float:left;background:#7e6b27;}
.header_top_right ul li {display:inline-table;padding:10px 0px 10px 5px;}
.header_top_right ul li a {color:#fff;font-size: 15px;}
.header_top_right ul li .btn-group a.consultation{
   font-weight: 500;
   font-size:17px;
   color:#fff;
   text-align:center;
}
.header_right_menu {width:100%;float:left;padding:10px 0px;}
.header_right_menu ul li {display:inline-table;padding-left:20px;} 
.header_right_menu ul li:first-child {padding-left:0px;}
.header_right_menu ul li a {color:#091126;font-size:16px;font-weight:600} 
.header_right_menu ul li .active {color:#7e6b27;}
.header_right_menu ul li a:hover {color: #7e6b27;}

.header-dropdown-menu a:hover {
    color: #fff !important;
}
.slidess {width:100%;float:left;}
.slidess .banner {width:100%;float:left;position:relative;}
.slidess .banner_img {width:100%;float:left;position:relative;}
.slidess .banner_img img {width:100%;}
.slidess .banner_img:after {content:""; 

}

.left.carousel-control.next_top {width: 46px;left: 0px;top: 45%;height: 70px;background:rgba(0,0,0,.3);border-radius:0px 5px 5px 0px;}
.left.carousel-control.next_top i {line-height:70px;}
.left.carousel-control.next_top:hover {background: #74C89E;}

.right.carousel-control.pre_top {width: 46px;right: 0px;top: 45%;height: 70px;background:rgba(0,0,0,.3);border-radius:5px 0px 0px 5px;}
.right.carousel-control.pre_top i {line-height:70px;}
.right.carousel-control.pre_top:hover {background: #74C89E;}

.banner_text_posi {position:absolute;left:0px;top:0%;right:0px;padding-top:250px;height:100%;width:100%;
/*
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(66,191,129,0.65) 100%); 
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(66,191,129,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(66,191,129,0.65) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a642bf81',GradientType=1 );
*/
}
.banner_text {width:50%;float:left;}
.banner_text h2 {font-size:28px;line-height:40px;color:#fff;text-align:left;width:100%; background: rgba(0, 0, 0, 0.8);
    padding: 10px; min-height:100px;}

.about_service {width:100%;float:left;}
.about_service_left {width:100%;float:left;padding:40px 0px;}
.about_service_right {width:100%;float:left;padding:40px 0px;}

.about_service_left h3 {font-size:28px;font-family: 'robotobold';color:#304771;padding-bottom:15px;}
.about_service_left hp {font-size:13px;color:#2C3345;}
.about_service_left_more {width:100%;float:left;padding-top:10px;}
.about_service_left_more a {font-size:15px;color:#fff;display:inline-table;background-color:#7e6b27;padding:5px 10px;border-radius:3px;font-weight:500;}
.about_service_left_more a:hover {background:#bfbfbf;}

.about_service_right h2 {width:100%;float:left;font-size:28px;font-family: 'robotobold';color:#304771;padding-bottom:15px;}
.about_service_right_content {width:100%;float:left;position:relative;padding-right:10px;/*padding-left:60px;*/min-height:50px;margin-bottom:10px;}
.about_service_right_content h4 {color:#2A3552;font-size:14px;font-family: 'robotomedium';}
.about_service_right_img {position:absolute;left:0px;top:0px;background-color:#74c89e;border-radius:4px;padding:8px;width:40px;height:40px;}


/*------footer------*/

.footer_bottom {width:100%;float:left;text-align:center;color:#ffdb58/*#304771*/;background-color:#0a152a;font-size:13px;padding:15px 0px;border-top:1px solid rgba(37,45,64,.4);}

.footer_top {width:100%;float:left;background-color:#0a152a/*#c8ac48*/;padding:40px 0px;}
.footer_logo {width:100%;float:left;padding:5px 0px 5px 0px;}
.footer_logo img {max-width:100%;}

.footer_head {width:100%;float:left;padding:20px 20px 20px 0px;}
.footer_branch {width:100%;float:left;padding:20px 20px 20px 0px;}

.footer_top h3 {color:#ffdb58/*#304771*/;font-size:18px;font-family: 'robotomedium';padding-bottom:10px;}
.footer_top ul li {color:#ffdb58/*#304771*/;font-size:15px;width:100%;float:left;position:relative;padding-left:25px;line-height:25px;}
.footer_top ul li i {font-size:15px;position:absolute;left:0px;top:3px;}
.footer_top ul li a{font-size:15px;color:#ffdb58;}

.footer_top ul li a:hover{color: #ddd;}
.footer_top a:hover{color: #ddd;}
.footer_bottom a{color:#ffdb58;}
.footer_bottom a:hover{color:#ddd;}


/*--------------------*/

.about_service_left {/*text-align:center;*/}
.about_service_right ul li {width:25%;float:left;}
.servicss {width:100%;float:left;padding:20px 0px;background-color:rgba(0,0,0,.04);}
.about_service_right h2 {/*text-align:center;*/padding-bottom:10px;}

.archia_font {/*font-family: 'archiaregular' !important;font-weight:700;*/}
.slidess .carousel-indicators {margin:0px;}

.slidess .next_top {width: 46px;left: 0px;top: 45%;height: 70px;background:rgba(0,0,0,.3);border-radius:0px 5px 5px 0px;}
.slidess .next_top i {line-height:70px;font-size:26px;}
.slidess .next_top:hover {background: #3498db;}

.slidess .pre_top {width: 46px;right: 0px;top: 45%;height: 70px;background:rgba(0,0,0,.3);border-radius:5px 0px 0px 5px;}
.slidess .pre_top i {line-height:70px;font-size:26px;}
.slidess .pre_top:hover {background: #3498db;}


/*-----------*/
/*
.about_service_right_content {
	width: 100%;
	float: left;
	position: relative;
	padding: 5px 10px;
	min-height: inherit;
	margin-bottom: 0px;padding-left:0px;}*/
.about_service_right_content h4 { border-radius: 5px;padding:15px 10px;background-color:#7e6b27;min-height: 60px;color:#fff;font-size:17px;font-weight: 500 !important;/*font-family: 'archiaregular' !important;*/font-family: 'Lato', sans-serif !important;text-align:center;}
.about_service_right ul li {width:50%;}
.about_service_right_content h4:hover {background:#bfbfbf;color:#000;}

.banner_text_posi {
	top: 40%;
	padding-top: 0px;
}

.footer_top h3 {font-family: 'Libre Baskerville', serif !important;}
.about_service_right h2 {font-family: 'Libre Baskerville', serif; !important;font-weight:600;}
.about_service_left h3 {font-family: 'Libre Baskerville', serif; !important;font-weight:600;}


.banner_text h2 {font-family: 'Lato-Regular', sans-serif;}




/*-----------------------------------*/


.header_right .dropdown {
  position: relative;
  display: inline-block;
}

.header_right .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;border-top:2px solid #c8ac48;
  min-width:200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;text-align:left;right:0px;
}

.header_right .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.header_right .dropdown-content a:hover {background-color: #ddd;}

.header_right .dropdown:hover .dropdown-content {display: block;}

.header_right .dropdown:hover .dropbtn {color: #c8ac48;}



.about_service_right_img {
	position: absolute;
	left: 5px;
	top: 15px;
	background-color: inherit;
	border-radius: 0px;
	padding: 0px;
	width: 40px;
	height: inherit;
}

.footer_top h3 {
    border-top: 1px solid #ffdb58;
    position: relative;
    margin-bottom: 9px !important;
    padding-top: 16px;
}

.footer_top h3::before {
    content: "";
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: 42px;
    left: 0px;
    background-color: #ffdb58;
}
/*
.footer_top h3 {border-top:1px solid #ffdb58;position:relative;margin-bottom:10px !important;}
.footer_top h3::before {content:"";width:100px;height:1px;position:absolute;bottom:3px; left:0px;background-color:#ffdb58;}*/


.footer_top contactus2 h3 {border-bottom:1px solid #0a152a;position:relative;margin-bottom:10px !important;}
.footer_top contactus2 h3::after {content:"";width:100px;height:1px;position:absolute;bottom:3px; left:0px;background-color:#0a152a;}
/*
.about_service_right_img {
	position: inherit;
	left: inherit;
	top: inherit;
	background-color: inherit;
	border-radius: 0px;
	padding: 0px;
	width: 100%;text-align:center;
}
.about_service_right_img img {width:40px;}*/



.footer_branch.ftr-address p {
    color: #ffdb58;
    margin-bottom: 10px;
    font-size: 15px;
}
.footer_branch.ftr-address p span {
    padding-left: 10px;
}

@media screen and (max-width: 1024px){
h1 {font-size: 1.7em;}
.header_top_right ul li a {color:#fff;font-size: 14px;}
.header_top_right ul li .btn-group a.consultation{
   font-weight: 600;
   font-size:14px;
   color:#ffdb58;
   text-align:center;
}

}