/*inpage all banner css images*/
.services_bg{background:url(../images/services-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.applications_bg{background:url(../images/application-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.aboutus_bg{background:url(../images/about-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.contactus_bg{background:url(../images/contact-us-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.inquiry_bg{background:url(../images/inquiry-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.products_bg{background:url(../images/products-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}

	
.auto-header{max-width:100%; margin:0 auto; position: relative;padding-bottom:10px;}
.nav{width:100%; position: absolute; z-index: 9999; /*background-color: #F2F2F2;*/}
.logo{width:250px; position: absolute;left:10px;top:10px; border:0px; height:70px;z-index: 100;}
.logo a{display:block;}
/*search-css*/
#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:5000px;background-color:#3aa589;z-index:1001;-moz-opacity:0.9;opacity:0.90;filter:alpha(opacity=90);margin-top:-45px;overflow:hidden;}
#code{width:1000px;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:45%;z-index:1002;text-align:center;top:10%;}
.close1{width:100%;height:60px;}
#closebt{float:right;}
.close1 a{text-decoration: none;}
#closebt:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    cursor: pointer;
    color: #fff; 
	display: block;
	text-align:center;
	font-size: 18px;
	border: 2px #fff solid;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
/*input*/
.searchtxt{width:100%; height:auto; overflow:hidden; margin:0 auto;border-left:0px;border-right:0px;border-top:0px;font-size:0px;}
.search-input{border:0;outline:none;font-size:16px;height:45px;padding-left:20px; min-width: 50%;background-color:rgba(58,165,137,0);color:#fff;color:#fff;}
.searchtxt input{margin:0px !important;font-size:16px;border-left:0px;border-right:0px;border-top:0px;border-bottom:1px solid #fff;}
.searchtxt select{height:46px; font-size:16px; color:444; outline:none; padding:0 10px;background-color:rgba(58,165,137,0);color:#fff;border-left:0px;border-right:0px;border-top:0px;border-bottom:1px solid #fff;}
.searchtxt select option{color:#000;}
.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;;outline:none; cursor: pointer; background-color:rgba(58,165,137,0);height:47px; position: relative;}
.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#3b8176;}

.searchtxt input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : #eee;
}
.searchtxt  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : #eee;
}
.searchtxt ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : #eee;
}
.searchtxt input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : #eee;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color : #eee;
}

.submit_search a{text-decoration:none; float:right; margin:10px 10px 0 0;  position:relative; cursor:pointer; /*background:var(--btn-color);*/ border-radius: 100%; line-height: 38px; height: 38px; width: 38px; text-align: center; margin-top: 25px; z-index: 999;}
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }

/*menu 1*/
.fixed > .auto-header > #cssmenu > ul > li > a {color:var(--blue-color);}
.fixed > .auto-header > #cssmenu > ul > li a::after {border-color:var(--blue-color);}
.fixed > .auto-header > #cssmenu > ul > li.has-sub:hover > a::after{border-color:var(--blue-color);}

.fixed > .auto-header .submit_search a:before{color:var(--blue-color);}   

/*menu 2*/
.fixed > .auto-header >.menu > ul > li a {text-decoration: none; padding: 1em 1em 1em 1em; color:var(--blue-color); display:inline-block;}
.fixed > .auto-header >.menu > ul >.menu-dropdown-icon a:before {
    content: "\f0dd";
    font-family: "FontAwesome";
    cursor: pointer;
    float: right;
    padding: 0 0 0 1em;
    color:var(--blue-color); 
	display: block;
	font-size:14px; 	
}
.fixed > .auto-header > .menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.5em 0; font-weight:normal;
	color:#444;
}
.fixed > .auto-header > .menu > ul > li > ul.normal-sub > li a:before{content:""}
.fixed > .auto-header >.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
	display:inline-block;
}

.fixed > .auto-header >.menu > ul > li > ul > li a {
    padding: .4em 0 .4em 0;
    width: 100%;
    border-bottom: 1px solid #ccc; 
	color: #3b5998;
	font-size:16px; 
}
.fixed > .auto-header > .menu > ul > li > ul.navi-menu-2 > li a:before{content:""}
.fixed > .auto-header >.menu > ul > li > ul > li a span{float:right; text-align:right;}

.fixed > .auto-header >.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin:0;
    list-style: none;
    box-sizing: border-box; font-weight:normal;
	
}

.fixed > .auto-header >.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px; font-weight:normal;
}

.fixed > .auto-header >.menu > ul > li > ul > li > ul > li a {
    border: 0;
	color:#444;  width:auto;
	display: block;
}
.fixed > .auto-header >.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
	color:#195ea3;
}

.photomobile{width: 80px;}

/*banner bottom*/
	.sit_section{width: 954px; height: auto; overflow: hidden;  margin:-120px auto 0 auto; background: #fff; position: relative; 
	-webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
	}
	.sit_list{width: 33.333%; float: left; padding: 20px 0;}
	.sit_list img{text-align: center;}
	.sit_list h2{ font-size: 22px; text-align: center;font-family:"Comfortaa";}
	.sit_list h2 a{color: #000; text-decoration: none;}
	.sit_sist h2 a:hover{ color:var(--blue-color);}
	.sit_list p{text-align: center; line-height: 26px;}
.sitbg,.sitbg h2 a,.sitbg p{background:var(--green-color); color: #fff;}

.flaticon-donation-1{text-align: center; position: absolute;z-index: 99; width: 100%; display: block; height: 90px; padding-top: 15px;}
.single-feature-item i {
	position: relative;
}

.single-feature-item i:after {
	position: absolute;
	content: "";
	top: 5px;
	left: 100px;
	width: 70px;
	height: 70px;
	background:var(--yellow-color);
	border-radius: 50%;
	z-index: -1;
	opacity: .9;
	transition: .3s;
}


.feature-icon:hover i:after {
	width: 90px;
	height: 90px;
	opacity: .8;
	left: 110px;
	top: 5px;
}


.titlebg p{color:var(--green-color);/*text-transform: uppercase;*/ text-align: center; font-size: 18px!important; font-weight: bold; margin-top: 50px; display: block;}
.titlebg h2{text-align: center; font-size: 36px !important; color: #000!important;}
.titlebg h2 span{color:var(--yellow-color);}

	

/*index products*/
.container{width:100%; height:auto; overflow:hidden; position:relative; margin:30px auto 0 auto; border-top: 1px #eeeeee solid;}

.index_container,.index_container p{line-height:28px; font-size:16px;}
.index_container h2{/*color: #fff; text-align: center; */font-size: 26px; line-height:36px;}
.index_container p a,.index_container a{ color:#3aa589; text-decoration: none;}
.index_container p a:hover,.index_container a:hover{ color: #3b8176;}


.index_container h3 a{ color:var(--blue-color); text-decoration: none;}
.index_container h3 a:hover{ color: #f84949;}

.advantages_bg{
	 background: #efefef;
	background-image: url("../images/ad_bg.jpg");
	 background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color:#fff !important;
	padding-top:30px;
	padding-bottom:50px;
}
.advantages_bg h2{
	color:#fff;
	text-align: center;
	font-size:36px;
}

.services-block{position:relative; display:inline-block; margin:10px 0;}
.services-block .lower-box{position:relative;padding:10px; text-align: center !important;}
.services-block .lower-box img{
	margin:auto;
	width:180px;
	height:174px;

}
	
.services-block .lower-box h3{position:relative;color:#fff;font-size:24px;font-weight:700;line-height:1.2em; text-decoration:none; text-align: center;  margin: 0;}
.services-block .lower-box p{color:#fff; line-height:24px; padding: 0 15px; text-align: justify;}
.row-4{ min-height:1px; width:33%; vertical-align:top;}

.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px);
	}
.advantages_bg_2{
	 background: #efefef;
	background-image: url("../images/ad_bg_2.jpg");
	 background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color:#fff !important;

}
	
.app_lation{padding-top:50px;padding-bottom:50px;line-height:28px;  /*height:380px;width:100%;*/}
/*.app_lation .col-md-3{ display:table-cell; vertical-align: middle;height:380px;}*/
.app_lation img{max-width:100%;display: block;width:200px;height:202px;margin:auto;}
.app_lation h3{
	 text-align: center;
	min-height:60px;
}
@media (min-width: 1921px){	
	.app_lation{ 
		display: flex; 
		align-content:center;
	}
}
@media (min-width: 1367px) and (max-width: 1920px){	
	.app_lation{ 
		display: flex;
		align-content:center;
	}
}
@media (min-width: 1280px) and (max-width: 1366px){	
	.app_lation{ 
		display: flex; 
		align-content:center;
	}
}
@media (min-width: 769px) and (max-width: 1279px){
.app_lation{ }

}
@media (max-width: 768px){	
.app_lation{ }
}

	.single-program-item {
	background:var(--green-color);
	color: #fff;
	padding: 15px;
	text-align: center;
	margin-top: 30px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 15px;
	margin-bottom: 40px;
}

.single-program-item h5 {
	font-size: 18px;
	margin: 28px 0;
	position: relative;
}


.single-program-item h5:after {
	position: absolute;
	content: "";
	width: 70px;
	height: 3px;
	bottom: -18px;
	left: 50%;
	margin-left: -35px;
	background:var(--yellow-color);
}

.single-program-item i::before {
	font-size: 60px;
	color: #fff;
}


.about-us-content-area h5 {
	margin: 25px 0;
}


.single-program-item i {
	position: relative;
	z-index: 1;
}

.program-area.theme-3 img {
	border-radius: 10px;
}


.single-program-item:before {
	background-image: url(../images/program-before-bg.jpg);
}

.single-program-item:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	background-size: cover;
	background-position: center;
	border-radius: 15px;
}


.single-program-item:hover::before {
	visibility: visible;
	opacity: 1;
}

.single-program-item:hover::after {
	visibility: visible;
	opacity: .8;
}


.single-program-item.yellow-bg {
	background:var(--yellow-color);
}

.single-program-item.yellow-bg h5::after {
	background:var(--green-color);
}


/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#444444; color:#D8D8D8;}
.contact_bottom h3{font-weight:bold !important;}
.contact_bottom .all_note{ background-color:#444444;color:#D8D8D8; text-align: center;padding:15px;line-height:24px;margin-top:0px;}
.contact_bottom i{font-size:22px;margin-right:5px;}
.contact_container b{font-size:16px;  margin: 0;line-height: 26px;text-transform: uppercase; font-weight: bold;display: inline-block;}
.contact_container p{color:#D8D8D8; text-decoration:none; line-height:28px; padding: 5px 0; margin: 0;}
.contact_container a{ text-decoration: none;}
.contact_container a:hover{color:#ffffff !important;}
.contact_bottom a:hover{color:var(--btn-color);}
.contact_icon .fa{color:var(--btn-color);font-size:20px;display: inline-block;width:23px;line-height:28px;}

.bottom_sub{ position: relative;margin-top:20px;margin-bottom:20px;width:350px;}
.bottom_sub .bottom_sub_input{border:1px solid #50bcad;position: relative;height:50px;line-height:50px;width:100%;padding-left:15px;padding-right:15px;background:#444444;color:#fff;}
.bottom_sub .sub_but{background:#3b8276;height:48px;width:70px; text-align: center; position: absolute;right:1px;top:1px;line-height:45px;font-size:30px !important; cursor: pointer;}
.bottom_sub .sub_but:hover{background:#50bcad;}
.bottom_sub .bottom_sub_input:focus { outline: none; } 

.typelink{display: table;width:100%;}
.typelink a{margin-top:3px;margin-bottom:3px; display: inline-block;}
	
.list-style-two{position:relative;margin:0; padding:0;}
.list-style-two a{margin-right:10px;color:#50bcad;font-size:20px;}
.list-style-two a:hover{color:#3b8276 !important;}


.list-style-left{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-left li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#333; line-height:36px}
.list-style-left li .icon{position:absolute;left:0px; width:25px; height:25px; color:#fff;font-size:12px;line-height:1em;text-align:center; background-color:var(--green-color); padding-top:5px; margin-top:4px; border-radius: 100%; }
.list-style-left li a{color:var(--green-color); text-decoration:none;}

.social-icon-two{padding-top:10px;list-style-type:none; margin:0; padding:0; height:auto; overflow:hidden;}
.social-icon-two li{margin-right:15px;margin-left:0px; display:inline-block;}
.social-icon-two li a{color:#fff;font-size:22px;}


.cop{border-top: 1px #898b8e solid; height: auto; overflow: hidden; width: 100%; padding-top: 10px;}
.footer-item p a{color: #90919a; text-decoration: none;	-webkit-transition: .5s all ease;	transition: .5s all ease; display: block;}
.footer-item p a:hover{color:var(--yellow-color); margin-left: 10px;transition:margin-left .5s;}
.footer-item p a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    cursor: pointer;
	text-align:left;
	padding-right: 5px;
	color: #90919a;
}
.footer-item p a:hover:before{color:var(--yellow-color);}

/*in page css */
.banner_inpage{width:100%; min-height:320px; margin:0 auto; 
	display: flex;
    flex-direction: column;
    justify-content:flex-end;
    align-items: center;
    padding-bottom:50px;
}
/*h1,h2{font-family:"gilroy-regular";}*/
.auto-container h2,.auto-container h1{color:#FFF;text-align:left;font-size:36px;width:100%; margin:0;line-height:44px;font-weight:400; position: relative;padding-right:13%; z-index: 10;}
.auto-container h2 span,.auto-container h1 span{ position: absolute;z-index: 100; display: inline-block;right:0px;top:0px;font-size:18px;line-height:36px;height:36px; border-radius: 30px;border:1px solid #ffffff;padding:0px 10px; text-align: center;color:#fff !important;}
.auto-container h2 span:hover,.auto-container h1 span:hover{border:2px solid #3aa589; background-color: #3aa589;color:#ffffff !important;transition:background-color .3s;}
.auto-container h2 span a,.auto-container h1 span a{ display: block; text-decoration: none;color:#ffffff !important;}
.auto-container p{text-align:center; font-size:18px; color:#FFF; padding: 10px 0;}
.auto-container p a{color: #fff; text-decoration: none;}
.auto-container p a:hover{color:var(--green-color);}
.auto-container{width:100%; margin:0 auto;}

.bread-crumb{position:relative;font-size:15px;margin-left:0px;padding-left:0px;}
.bread-crumb li{position:relative;display:inline-block;font-size:16px;margin-right:16px;color:#888;line-height:24px;}
.bread-crumb li:last-child{margin-right:0px;}
.bread-crumb li:after{content:'\f105';font-family:'FontAwesome';position:absolute;right:-14px;width:8px;line-height:26px;font-size:14px;color:#888;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#888;font-weight:400;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;}
.bread-crumb li a:hover{color:var(--green-color);}

.bread-center{text-align: center; border:0px red solid;}
.inpage_container{width:100%; margin:0 auto 40px auto; /*padding-bottom: 40px; */height: auto; /*overflow: hidden; */ vertical-align: bottom;}

.pic_line{display: table;width:100%;margin-top:30px; position: relative;padding:30px 0px 30px 0px;margin:0px;}
.pic_line div[class*="col"]{padding:0px;margin:0px; text-align: center;}
.pic_line div[class*="col"] img{ position: relative;}
@media (min-width: 992px){	
.pic_line div[class*="col"] img{width:100%;height:100%;}
.pic_line div[class*="col"]{height:496px;}
	.pic_line div[class*="col"]:nth-of-type(2),.pic_line div[class*="col"]:nth-of-type(3),.pic_line div[class*="col"]:nth-of-type(1){padding-right:10px;}
}
@media (max-width: 992px){	
.pic_line div[class*="col"] img{max-width: 100%;margin:auto;}
}

.do_for{
	display:table;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
}
.do_for p
{
	font-size:38px;
	text-align: center;
	color:#838383;
	margin-bottom:30px;
}
.do_for_form{
	position: relative;
}
.do_for_form input{
	padding:10px;
	width:100%;
	height:60px;
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.do_for_form input:focus { 
	outline: none; 
} 
.do_for_form input[type="text"]{
	border:1px solid #eaeaea;
	color:#b5b5b5;
}
.do_for_form input[type="button"]{ 
	background-color: #3aa589;
	border:1px solid #3aa589;
	color:#fff;
	border-radius: 30px;
	cursor: pointer;
}
.do_for_form input[type="button"]:hover{
	background-color: #3b8176;
	border:1px solid #3b8176;
}
.do_for_form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : #b5b5b5;
}
.do_for_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : #b5b5b5;
}
.do_for_form::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : #b5b5b5;
}
.do_for_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : #b5b5b5;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color : #b5b5b5;
}

.loc_quote_wrapper {
    padding: 20px 0 20px 0;
	margin: 0px auto 0 auto;
    position: relative;
	display: table;
	width:100%;
}
.services_area{
	padding-top:40px;
	padding-bottom:40px;
}
.services_area div[class*="col-md"]{/*padding:0px;margin:0px;*/}
.services_area div[class*="col-md"] h2{font-size:26px;}
.services_area img{max-width: 100%;display: block;}
.services_img{ position: relative;height:330px;overflow: hidden; /*background-position: center center; background-size: 101% 101%; background-repeat: no-repeat;*/transition: 300ms all;}
.services_img img{ position: absolute;top:0px;left:0px;width:100%;}

.services_area div[class*="col-md"] h2{margin-top:0px;}
.services_area div[class*="col-md"] p{line-height:28px;text-align:justify;}
.services_area div[class*="col-md"]:hover .services_img img{ transform: scale(1.2,1.2);transition: 500ms all;}
.services_area div[class*="col-md"]:hover .cont_area{background-color: rgba(242,242,242,1);top:78%; box-shadow:5px 5px #ccc 5px;}
@media (min-width: 1921px){	
	.services_area div[class*="col-md"] .cont_area{
       top:80%;left:5%;
		position:absolute;
			width:90%;
	}
	.site_right{ text-align: right;}
	.services_area{
	display: flex;
	align-items: center;
}
}
@media (min-width: 1367px) and (max-width: 1920px){	
	.services_area div[class*="col-md"] .cont_area{
       top:80%;left:5%;
		min-height:600px;
		position:absolute;
		width:90%;
	}
	.site_right{ text-align: right;}
		.services_area{
	display: flex;
	align-items: center;
}
}
@media (min-width: 1280px) and (max-width: 1366px){	
	.services_area div[class*="col-md"] .cont_area{
       top:80%;left:5%;
		position:absolute;
		width:90%;
	}
	.site_right{ text-align: right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.services_area div[class*="col-md"] .cont_area{
     top:90%;left:5%;
	position:relative;
	width:90%;
	}
	.site_right{ text-align: right;}

}
@media (max-width: 768px){	
.services_area div[class*="col-md"] .cont_area{
    top:100%;left:0;
position:relative;
	}
	.site_right{ text-align: left;}
	.services_area div[class*="col-md"] h2{margin-top:30px;}
}


/*inpage right*/
.inpage_right{
	width: 98%; padding: 20px; margin-bottom: 30px; margin-top: 40px;
-webkit-box-shadow: 0 0 10px 0 #eee; box-shadow: 0 0 10px 0 #eee;
}
.inpage_right h3{font-size: 24px; font-weight: bold; color:var(--green-color);}



.inquiry_form_public{width: 100%; margin: 0 auto 20px auto;} 
.inquiry_form_public h3{color: #333;font-size: 28px;}
.inquiry_form_public ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.inquiry_form_public li{position:relative; width:49%;display:inline-block;padding-right:10px;}
.inquiry_form_public label{width:100%;display:inline-block;text-align:left;padding:10px 0px 0px 0px; font-size:16px; color:#000; }
.inquiry_form_public input{height:40px; width:100%; /*border-radius: 5px;*/ border-bottom: 1px solid #000;border-top:0px;border-left:0px;border-right:0px; padding-left:0px; outline:none; color:#444;  background-color: rgba(0,0,0,0);}
.inquiry_form_public textarea{padding-left:0px;width:100%; outline:none;  border-bottom: 1px solid #000;border-top:0px;border-left:0px;border-right:0px;color:#444; background-color: rgba(0,0,0,0);}

.inquiry_form_public .submit{display:inline-block;text-align:center;clear:both;color:#fff;text-decoration:none;border:0px;cursor:pointer;margin:20px 0;
	height: 40px;
	line-height: 40px;
	background:#003399;
	float: left;
	border-radius: 30px;
	padding:0em 3em;
	font-size:1em;
	outline:none;
}
.inquiry_form_public .submit:hover{background:#f84949;color:#fff;transition:background-color .3s;}
.inquiry_form_public textarea{font-family:'Proxima Nova Rg', sans-serif; padding-top:10px;}


.inquiry_form{width: 100%; margin: 0 auto 20px auto;} 
.inquiry_form h3{color: #333;font-size: 28px;}
.inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.inquiry_form li{position:relative; width:49.5%;display:inline-block;padding-right:10px;}
.inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0px 0px 0px; font-size:16px; color:#000;margin-bottom:10px;}
.inquiry_form input{height:50px; width:100%; border-radius: 5px; border:1px solid #ddd; padding-left:10px; outline:none; color:#444; font-family: 'gilroy-regular', sans-serif;}
.inquiry_form textarea{padding-left:10px;width:100%; outline:none; border-radius: 5px; border: 0px solid #ddd;}
.inquiry_form .submit{display:inline-block;text-align:center;clear:both;color:#fff;text-decoration:none;border:0px;cursor:pointer;margin:20px 0; 
	height: 50px;
	line-height: 50px;
	/*background:#003399;*/
	float: left;
	border-radius: 30px;
	padding:0em 3em;
	font-size:1em;
	outline:none;
}
.inquiry_form .submit:hover{background:#f84949;color:#fff;transition:background-color .3s;}
.inquiry_form .btn{background-color: #ffffff;}
.inquiry_form textarea{font-family:'gilroy-regular', sans-serif; padding-top:10px; border:1px solid #ddd; padding-left:10px; outline:none; color:#444;}

.hot{position:absolute;top:3px;right:0;}
.hot:after{content: url(../images/hot.gif);margin-left:5px;}

.ServiceShowPic,.serviceshowpic {font-size:1em;text-align:center;line-height:1.7em !important;color:#666666; display: block;}
.ServiceShowPic img,.serviceshowpic img {margin:auto; display: block;max-width:100%;}
.serviceshowleftpic {float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block;}
.serviceshowrightpic {float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block;}
.ServiceShowPic,.serviceshowpic,.serviceshowrightpic,.serviceshowleftpic {font-size:1em;text-align:center;line-height:1.7em !important;}
.ServiceShowPic img,.serviceshowpic img,.serviceshowrightpic img,.serviceshowleftpic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}

ul.accordion-menu {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 20px auto;
  /*box-shadow: 0px 0px 10px #00000070;*/
  clear: both;
  display: table;
}
ul.accordion-menu .list {
  border-bottom: 1px solid #eee;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  vertical-align: sub;
 /* background: #3e5165;*/
  clear: both;
}
ul.accordion-menu .list:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color:var(--green-color);
  font-weight: bold;
}
ul.accordion-menu .list:before {
  content: '\f07b';
	/*content: '\f055';*/
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:var(--green-color);
}
ul.accordion-menu .list a {
  text-decoration: none;
  color:var(--green-color);
  padding: 17px 0px 17px 25px;
  height: 100%;
  box-sizing: border-box;
	line-height: 50px;
}
ul.accordion-menu .list a:hover {
  /*background-color: #eee;*/
  transition: 300ms all;
  color: #c53131;
}
ul.accordion-menu .list .items {
  height: 0px;
  overflow: hidden;
}
ul.accordion-menu .list .items a {
  padding: 17px;
}
ul.accordion-menu .list .items a:hover {
  /*background-color: #ccc;*/
  color: #c53131;
  transition: 300ms all;
}
ul.accordion-menu .list:last-child {
  border-bottom: none;
}
ul.accordion-menu .active:after {
  content: "\f106";
  font-family: FontAwesome;
  position: absolute;
  right: 17px;
  top: 17px;
  padding: 0px 5px;
  color:#c53131;
}
ul.accordion-menu .active:before {
  /*content: '\f07c';*/
	content: '\f056';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:#c53131;
}
ul.accordion-menu .active > .items {
  display: block;
  background: #fff;
  padding: 0px;
  height: auto;
  color:var(--green-color);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
}
ul.accordion-menu .active > .items li {
  padding: 0px;
  border-bottom: 1px solid #eee;
  list-style: none;
}
ul.accordion-menu .active > .items li:last-child {
  border-color: transparent;
  padding-bottom: 0px;
}
ul.accordion-menu .active > .items .active > .items {
  background-color: #fff;
}
ul.accordion-menu .active > a {
  color: #c53131;
  text-transform: uppercase;
  font-weight: bold;
}
ul.accordion-menu .active .list {
  background: #fff;
}
ul.accordion-menu .active .list a {
  padding: 17px 0px 17px 25px;
}

.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 98%; z-index: 99999; top: 0px;
box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2); 
}

@media (min-width: 1280px){
	.index_container{max-width:75%; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:75%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;
		box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);}
	
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 98%; z-index: 99999; top: 0px;
box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2); 
}
}

@media (min-width: 1024px) and (max-width: 1280px){
	.index_container{max-width:90%; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 98%; z-index: 99999; top: 0px;
box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2); 
}
	
}

@media (max-width: 1023px){
	.auto-header{max-width:100%; margin:0 auto;}
	.index_container{max-width:95%; margin:0 auto 0 auto; height: auto; overflow: hidden;}
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	
	.on{display: block!important; border: 1px #d9d9d9 solid; position: absolute;  background: #fff; width: 100%!important; left: 0; z-index: 99999; top: 30px;
box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2); 
}

	.fixed{position: relative; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	.fixed > .auto-header > #cssmenu > ul > li > a {color:var(--white-color);}
	.fixed > .auto-header >.menu > ul > li a {text-decoration: none; padding: 1em 1em 1em 1em; color:var(--white-color); display:inline-block;}
	.fixed > .auto-header >.menu > ul >.menu-dropdown-icon a:before{content:""!important;}
	.fixed > .auto-header > .menu > ul > li > ul.navi-menu-2 > li a:before{content:""}

	#code{width:100%;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:0;z-index:1002;text-align:center;}
	.search-input{border:0;outline:none;font-size:16px;height:46px; margin-bottom: 20px; min-width: 90%;}
	.searchtxt select{height:46px; border:0; font-size:16px; color:444; outline:none; padding:0 10px; width: 90%; margin-bottom: 20px;}
	.searchtxt .btnx{/*padding:15px 40px;*/clear:both;color:#fff;font-size:16px;text-decoration:none;/*background-color:var(--green-color);*/border:0px;outline:none; cursor: pointer; width: 90%;height:46px;}
	.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; }

    
	.sit_section{width: 90%; height: auto; overflow: hidden;  margin:-120px auto 0 auto; background: #fff; position: relative; 
	-webkit-transition: color .2s ease;
  	-moz-transition: color .2s ease;
  	-ms-transition: color .2s ease;
  	-o-transition: color .2s ease;
  	transition: color .2s ease;
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
	}
	.sit_list{width: 100%; float: left; padding: 20px 0;}
	.sit_list_p{width: 100%; float: left; background:var(--green-color); padding:20px 0;}
	.row-4{ min-height:1px; width:100%;vertical-align:top;}
	.hvr-float{margin: 0 auto; text-align: center; display: block;}
	
	.auto-container{width:95%; margin:0 auto;}
	.inquiry_form li{position:relative; width:100%;display:inline-block;}
	
	
	.single-feature-item i:after {
	position: absolute;
	content: "";
	top: 5px;
	left: 40%;
	width: 70px;
	height: 70px;
	background:var(--yellow-color);
	border-radius: 50%;
	z-index: -1;
	opacity: .9;
	transition: .3s;
}


.feature-icon:hover i:after {
	width: 90px;
	height: 90px;
	opacity: .8;
	left: 42%;
	top: 5px;
}
}
@media (max-width: 768px){
	.auto-container h2{padding-right:0px;}
	.auto-container h2 span{position: relative; display: block;margin-top:20px;}
}
.advancing_Modern{margin-top:30px;}
.advancing_Modern ul{padding:0px;margin:0px;}
/*.advancing_Modern ul li{
	padding:0px;margin:0px;
	list-style: none;
	position: relative;
}*/


.application_list .list-unit{
	background-color: #ffffff;
}
.application_list .col-md-4{
	margin-bottom:35px;
}
.list-unit .small_img{width:100%;height:200px; overflow: hidden;position: relative;border:1px solid #ccc;}
.list-unit .small_img a{ display:block;
    width: 100%;
    height: 200px;
    transition: all ease .5s;
	position: relative;
}
.list-unit img{max-width:100%; display: block;}

.list-unit .small_img{
    display:block;
    width: 100%;
    height: 200px;
    transition: all ease .5s;
	position: relative;
}

.list-unit:hover .small_img a{
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.list-unit .small_img img{
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.application_list p,.application_list h3{padding:15px 0 0 0;margin-bottom:0px;margin-top:0px;}
.application_list h3{min-height:70px;line-height:26px;}
.application_list p:last-child{padding-bottom:20px !important;}
.application_list .cont{min-height:50px;}

.contact-page{line-height:24px; background-color: #ffffff; display:table;width:100%;padding:0px;margin:0px;}
.contact-page .col-md-6{padding:30px 50px 30px 50px;}

.pronote {margin-top:15px;font-size:14px;color:#888;}
.pronote i{font-size:16px;color:#ff0000;margin-right:10px;}

.page-box{
    border: .5px solid #4bbbbf;
    border-radius: 32px;
    padding: 20px 25px 10px;
    background-color: #DAFAFB;
    margin-bottom: 15px;
}

.page-title{
    text-align: center;
}
.page-title span{
    display: inline-block;
    padding: 11px 30px 7px;
    font-size: 19px;
    border: 2px solid #4bbbbf;
    margin-top: 10px;
}

.page-box2{
    border: .5px solid #003399;
    border-radius: 20px;
    padding:20px 30px 10px;
    margin-bottom: 20px;
   /* text-align: center;*/
    position: relative;
    margin-top: 40px;
}

.page-box2 h3{
    display: inline-block;
    margin: 0 auto;
    background-color: #003399;
    color: #fff;
    font-size: 18px !important;
    border-radius: 10px;
    position: absolute;
    top: -21px;
    left: 30px;
    /*right: 0;*/
    width: 400px;
    padding: 10px 30px;
}

.page-box2 p{
    text-align: left;
}

.page-box2 p.ServiceShowPic{
    text-align: center; 
}

.page-box2 li{
    text-align: left;
}

.page-box3{
    text-align: center;
    margin-bottom: 10px;
}

.page-box3{
    
}

.page-box3 ul{
    border: .5px solid #4bbbbf;
    border-radius: 32px;
    padding: 10px 50px;
    margin-bottom: 20px;
    margin: auto;
    text-align: left;
    display: inline-block;
}

.page-box3 strong{
    border: .5px solid #4bbbbf;
    border-radius: 32px;
    padding: 10px 50px;
    margin-bottom: 20px;
    display: inline-block;
    margin: auto;
}

.sharp:before{
         content:"";　
         width:0;
         border-bottom:60px solid transparent;
         border-top:60px solid transparent;
         border-right:30px solid #3b8276;
         position:absolute;
         left:-30px;
         top:0px;
	cursor: pointer;
     }
     .sharp{
         min-width:90px;
         height:120px;
         background:#3b8276;
         display: inline-block;
         position: absolute;
         line-height: 120px;
         color:#FFFFFF;
         font-size: 18px;
         text-align: center;
     }
     .sharp:after{
         content:"";　　
         width:0;
         border-bottom:60px solid transparent;
         border-top:60px solid transparent;
         border-left:30px solid #3b8276;
         position:absolute;
         right:-30px;
         top:0px;
		 cursor: pointer;
     }
.sharp a{display: block;color:#fff !important;width:180%;height:100%; position: absolute;top:0;left:-40%; text-align: center;}
.sharp:hover{ background:var(--btn-color);}
.sharp:hover:before{
         border-right:30px solid var(--btn-color);
}
.sharp:hover:after{
         border-left:30px solid var(--btn-color);
}

.sharpContainer{position: relative; width:700px;height: 550px;margin:auto;}
.sharpContainer .center{top:210px;left:300px;}
.sharpContainer .top{top:70px;left:300px;}
.sharpContainer .top-left{top:140px;left:160px;}
.sharpContainer .top-right{top:140px;left:440px;}
.sharpContainer .bottom{ top:350px;left:300px;}
.sharpContainer .bottom-left{top:280px;left:160px;}
.sharpContainer .bottom-right{top:280px;left:440px;}

.sharpContainer .left-top-1{top:0px;left:160px;}
.sharpContainer .left-top-2{top:70px;left:20px;}
.sharpContainer .left-top-3{top:210px;left:20px;}
.sharpContainer .left-top-4{top:350px;left:20px;}
.sharpContainer .left-top-5{top:420px;left:160px;}

.sharpContainer .right-top-1{top:0px;left:440px;}
.sharpContainer .right-top-2{top:70px;left:580px;}
.sharpContainer .right-top-3{top:210px;left:580px;}
.sharpContainer .right-top-4{top:350px;left:580px;}
.sharpContainer .right-top-5{top:420px;left:440px;}

.index_container .row .col-md-12 a{color:var(--btn-color);text-decoration: none;}
.index_container .row .col-md-12 a:hover{color: #f84949;}

.advancing_area h2{margin-top:0px;padding-top:0px;}

.applaication_c{position: relative; width:420px;height: 450px;margin:auto;}
.applaication_c span a,.applaication_c .c_site_7 a{color:#fff !important; display: block;}
.applaication_c span,.applaication_c .c_site_7{ display: inline-block;padding:10px;width:120px;height:120px; border-radius:100px; background-color: #ff0000; position: absolute;line-height:18px; text-align: center;color:#fff; display:flex;align-items:center; background:#8faadc;cursor: pointer;}
.applaication_c span:after{content:"";background-image: url("../img/pic-arrow.png");width:100px;height:74px;position: absolute; background-repeat:no-repeat;}
.applaication_c .c_site_1{left:150px;top:0px;background-color: #cd3b38; background-image: linear-gradient(#cd3b38, #9d2e2b);}
.applaication_c .c_site_2{left:0px;top:70px;background-color: #948a54; background-image: linear-gradient(#948a54, #948a54);}
.applaication_c .c_site_3{right:0px;top:70px;background-color: #9cc646; background-image: linear-gradient(#9cc646, #789736);}
.applaication_c .c_site_4{left:0px;top:220px;background-color: #ff8f27; background-image: linear-gradient(#ff8f27, #cb6c1d);}
.applaication_c .c_site_5{right:0px;top:220px;background-color: #34b3d6; background-image: linear-gradient(#34b3d6, #288aa4);}
.applaication_c .c_site_6{left:150px;bottom:0px;background-color: #8b6bb2; background-image: linear-gradient(#8b6bb2, #5e427f);}
.applaication_c .c_site_7{left:150px;top:165px; background-color: #3a7cca; background-image: linear-gradient(#3a7cca, #2d5f9b);}
.applaication_c span:hover,.applaication_c .c_site_7:hover{ background:#003399;}
.applaication_c span.c_site_1:after{left:-15px;top:90px;transform:rotate(180deg);}
.applaication_c span.c_site_2:after{left:55px;top:90px;transform:rotate(120deg);}
.applaication_c span.c_site_3:after{left:-60px;top:45px;transform:rotate(-120deg);}
.applaication_c span.c_site_4:after{left:75px;top:25px;transform:rotate(70deg);}
.applaication_c span.c_site_5:after{left:-40px;top:-15px;transform:rotate(-70deg);}
.applaication_c span.c_site_6:after{left:40px;top:-40px;}