.rvc{max-width:100%; position: relative; margin: auto; margin-top: 50px;}
.rvc .rvc-wrapper{margin:auto;overflow:hidden;}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative;}
.rvc .rvc-wrapper ul li{float:left;width:100%;position:relative;}
.rvc .rvc-wrapper ul li a{display:block;height:auto;text-decoration:none;}
.rvc .rvc-wrapper ul li a .img-wrapper img{ max-width:100%;border-radius:75px 0 75px 0; box-shadow:15px 0 #a7c44c;
	max-height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:left;padding-top:10px;color:#444; font-size:18px; display:block;}
.rvc .rvc-wrapper ul li p{color:#444; font-size:14px; display:block;}
.rvc-prv,.rvc-next{
	position: absolute;
	height: 100%;
	top: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc-prv{left:0; cursor:pointer}
.rvc-next{right:0; cursor:pointer}

.margin_bottom{margin-bottom:30px; height:auto; overflow:hidden;}
.leftmap img{max-width:100%;}
.leftmap p{text-align:center; font-weight:bold; color:#6b8d00;}
.leftmap p .btn{padding:0.5em 2.2em;clear:both;color:#FFF;background-color:#a7c44c;text-decoration:none;border-radius:30px;font-size:16px;margin-top:10px;display:inline-block;}
.leftmap p .btn:hover{color:#FFF;transition:background-color .3s;border-radius:30px;background:#94ae44;}

/*inpage all banner css images*/
.services_bg{background:url(../images/services_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.abouts_bg{background:url(../images/abouts_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.inquiry_bg{background:url(../images/inquiry_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.products_bg{background:url(../images/products_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.promotion_bg{background:url(../images/banner-school-promotion-2021.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.promotion_bgs{background:url(../images/promotion-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}

@media (min-width: 1280px){	
.menu{font-family: 'Lato', sans-serif; width:80%; margin:0 auto;}
.auto-header{max-width:80%;margin:0 auto;}
.nav{width:100%;background-color:#363636;}
.logo{width:296px; height:100px; float:left; border:0px; margin:10px 0;}

/*search-css*/
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.anchor{display: block;position: relative; top: -160px;visibility: hidden;}
.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#363636; }

.search_index_input_left{width:100%; float:left; margin-top:10px; padding:10px 0;}
.search_index_input_right{width:100%; float:left; background:#fff; border: 2px solid #ccc; margin-top:5px;}
.search_index_input label{ color:#FFF; font-size:16px; padding-right:5px;}
.searchinput2{border: 0px; color: #666666; height: 35px; line-height: 35px; width: 90%;outline-style:none; padding-left:10px; background:#fff; font-size:14px;}
.searchButton2{background: url(../images/search.png) center center #fff no-repeat; border: 0px; cursor: pointer; height: 40px; width: 7%; float:right; padding: 0px 0px 0px 5px;outline-style:none}
.search_index_input input[type="radio"] {
display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  background-color: #cfcfcf;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  }
  
/*About css*/
.container{max-width:70%;margin:60px auto; padding:0; position:relative; }
.section_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.section_title h1{font-size:36px;}
.section_title hr{height:4px;width:70px;text-align:center;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0;}
.section_title p{font-family: 'Lato', sans-serif;}
.index_about_left{width:35%; display:inline-block; float:left;}
.index_about_left img {display: inline-block; border-radius: 100px 0 100px 0; box-shadow: -15px 0 #a7c44c; margin-left:15px; max-width: 92%; height: auto;}
.index_about_right{width:60%; display:inline-block; vertical-align:top; padding-left:4%;}
.index_about_right p{line-height:30px; margin:0; padding-bottom:10px;}

/*index products*/
.products_container{width:100%; height:auto; overflow:hidden; background:#FFF; position:relative; margin:0 auto;}
.index_products{max-width:80%; margin:60px auto;}
.index_products p{line-height:24px; font-size:16px;}
/*index services*/
.portfolio-item{margin:30px 0;}
.portfolio-item .hover-bg{overflow:hidden;position:relative;}
.portfolio-item img{border-radius:0 50px 0 50px;}
.hover-bg .hover-text{position:absolute;text-align:center;margin:0 auto;color:#333;background:rgba(255,255,255,0.75);padding:20% 0 0 0;height:100%;width:100%;opacity:0;transition:all 0.5s;border-radius:0 50px 0 50px;}
.hover-bg .hover-text>h4{opacity:0;color:#333;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;font-size:18px;font-weight:600;width:95%;}
.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-bg:hover .hover-text{opacity:1;}

/*RESOURCE css*/
.resource_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.resource_title p{font-family: 'Lato', sans-serif; color:#FFF;}
.resource_title h1{font-size:36px; color:#FFF;}
.resource_title hr{height:4px;width:70px;text-align:center;position:relative;background:#FFF;margin:0 auto;margin-bottom:20px;border:0;}

.resource_container{width:100%; height:auto; overflow:hidden; background:#FFF;  margin:0 auto; background:url(../images/res_bg.png);background-repeat:no-repeat; background-size:cover; background-position:center; padding-bottom:30px;}
.resource_index img{max-width:100%;border-radius:0 50px 0 50px;}
.resource_item{margin:50px 0;}
.r_titile{ color:#FFF; text-align:center; font-weight:bold; padding:10px 0;}
.r_titile a{ color:#FFF; text-decoration:none;}

/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f6f6f6;}
.contact_container{max-width:80%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
.contact_item p{font-weight:bold; margin:0;}
.contact_item input{border:1px #727f1c solid; line-height:35px; width:90%; margin:10px 0; padding-left:10px;}
.contact_item .btn{clear:both;color:#FFF;background-color:#a7c44c;text-decoration:none; font-size:14px;margin-bottom:10px;display:inline-block;}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s; background:#94ae44;}

.customer_bottom img{ text-align:center;}
.customer_bottom p{text-align:center; font-size:14px;}

.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#444; line-height:36px}
.list-style-two li .icon{position:absolute;left:0px; width:30px; height:30px; color:#FFF;font-size:18px;line-height:1em;text-align:center; background-color:#727f1c; border-radius:100%; padding-top:5px; }
.list-style-two li a{color:#1c447f; 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:20px;margin-left:0px; float:left;}
.social-icon-two li a{color:#727f1c;font-size:22px;}
.social-icon-two li a:hover{color:#bbbbbb;}

.bottom_cop{width:100%;  padding:20px 0; text-align:center; color:#FFF; background-color:#363636;font-size:14px;}

/***==================================================================== In page Css style ====================================================================***/
/*inpage css*/
.auto-container{max-width:80%; margin:0 auto; position:relative;}
.auto-container p{line-height:28px;}
.auto-container p a{color:#2751a3; text-decoration:none;}

.banner_inpage{width:100%; height:250px; margin:0 auto; position:relative;}
.banner_inpage h1{color:#FFF;text-align:center;font-size:32px;width:100%; padding-top:5%; margin:0; font-family:"Century Gothic";}
.banner_inpage p{color:#FFF; margin:0; padding:10px 0; font-weight:bold; padding-top:5%;}
.banner_inpage p a{color:#FFF; text-decoration:none; padding:0 5px;}
.banner_inpage p a:hover{color:#a7c44c; text-decoration:none;}

.services-container{position:static; max-width:80%; margin:50px auto;}
.services-container p{line-height:30px; margin:0; padding-bottom:10px;}
.services-container p a{color:#6b8d00; text-decoration:none; font-weight:bold;}
.inpage_left{height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; font-family:"Century Gothic"; text-align:left;}
.inpage_section_title h1{font-size:28px;}
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}

.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services{margin-top:10px;}
.related_services li{width:100%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#6b8d00; text-decoration:none;}

.related_products{margin-bottom:10px;}
.related_products li{width:50%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_products li a{color:#2751a3;text-decoration:none;}
.related_products li a:hover{color:#6b8d00; text-decoration:none;}

.nav_related_products{margin-bottom:20px;}
.nav_related_products li{width:32%; display:inline-block; float:left;  padding:10px 0 10px 20px; font-size:14px;   background:#f6f6f6; margin:0 10px 10px 0;}	
.nav_related_products li a{color:#333;text-decoration:none;}
.nav_related_products li a:hover{color:#6b8d00; text-decoration:none;}
.nav_related_products li:hover{background:#eeeeee;}	


.Inquiry_container{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.Inquiry_container h1{font-size:36px; color:#a7c44c; font-family:"Century Gothic";}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;width:48%;display:inline-block;}
.Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
.Inquiry_form input{height:38px;width:96%; background:#f0f0f0; border:0; padding-left:10px;outline:none;}
.Inquiry_form textarea{padding-left:10px;width:96%; background:#f0f0f0; border:0;outline:none;}
.Inquiry_form .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;background-color:#a7c44c;border:0px;cursor:pointer;border:2px #a7c44c solid; font-weight:bold; margin-top:10px;}
.Inquiry_form .submit:hover{background:#fff;color:#444;transition:background-color .3s;border:2px #a7c44c solid; font-weight:bold;}
.Inquiry_form .Code{width:48%;}
.Inquiry_form textarea{font-family:'Raleway', sans-serif; padding-top:10px;}
.Inquiry_form .red{ color:#F00;}

/*inpage css right*/
.inpage_right{height:auto; overflow:hidden; display:inline-block;}
.right_nav{width:100%; height:auto; overflow:hidden;  margin:30px 0; background:#f9f9f9; padding:0 20px 20px 20px;border-radius:60px 0 60px 0;}

.featured_ser_pro{ margin:30px 20px 0 20px; border-top:2px #6b8d00 solid; height:auto; overflow:hidden;}
.featured_ser_pro_title{width:100%;font-family:"Century Gothic"; margin:0 auto; font-size:24px; padding-top:20px;}
.featured_pro{width:100%; padding-top:20px;}
.featured_left{width:30%; display:inline-block; height:auto; overflow:hidden;}
.featured_left img{border-radius:30px 0 30px 0; height:90px; width:110px;}
.featured_right{width:60%; display:inline-block; height:auto; overflow:hidden; vertical-align:top;}
.featured_right p{ font-weight:bold; line-height:26px; padding-left:10px;}
.featured_right p a{color:#444; text-decoration:none;}
.featured_right p a:hover{color:#6b8d00;}

/*right nav css*/
.s-side{min-width:90%;}
.s-side .s-firstItem i{font-size:18px;}
.s-side .first{padding:10px 0;}
.s-side .d-firstNav i.fr{font-size:16px; padding-top:3px;}
.s-side .d-firstNav a{color:#444; text-decoration:none; font-weight:bold; font-size:15px;}
.s-side .d-firstNav a:hover{color:#6b8d00;}
.s-side .s-secondNav,.s-side .s-secondItem{margin-left:10px; padding:5px 0;}
.s-side .s-secondNav a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondNav a:hover{color:#444;}
.s-side .s-secondItem a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondItem a:hover{color:#444;}
.s-secondNav:hover,.d-firstNav:hover{cursor:pointer}
.s-side .d-secondDrop{margin-left:20px; padding:5px 0;}
.s-side .d-secondDrop a{color:#6b8d00; text-decoration:none; font-size:15px; display:block; padding:5px 0;}
.s-side .d-secondDrop a:hover{color:#444;}
.iconRotate{transform:rotate(90deg);transition:transform .5s;}
.s-firstDrop,.s-secondDrop{display:none}
.fr{float:right}

.Product-list {
	margin-top: 20px;
	margin-left:-40px;
	margin-right:-40px;
		height:auto; overflow:hidden; width:100%;

}

.Product-list li {
	display: inline-block;
	vertical-align: top;
	margin:0 0 40px 0;
	width: 33.33%;
    height: 350px; padding:0 40px; float:left;
}

.Product-list li .Product-list-c {
	width: 100%;
	height: 300px;
/*	display:inline-table; 
	border-collapse: collapse;
*/}

.Product-list li .Product-list-d {
	width: 100%;
	padding: 15px 0;
	background: #55565a;
	text-align: center;
}

.Product-list li .Product-list-d:hover {
	background: #6b8d00;
}

.Product-list li .Product-list-c p {
	font-size: 16px;
	line-height: 26px;
	height:300px;
	width:100%;
	color: #fff;
	text-align: left;
/*	display: table-cell;
*/	vertical-align: middle;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
}


.Product-list li:hover .Product-list-c p {
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
	/*box-shadow: 1px 1px 5px #ccc;*/
}

.Product-list li .Product-list-d a {
	font-size: 16px;
	color: #fff;text-decoration: none;
}

.Product-list li .Product-list-d:hover a {
	text-decoration: underline;
}


}

@media (min-width: 769px) and (max-width: 1279px){	
.menu{font-family: 'Lato', sans-serif; width:80%; margin:0 auto;}
.auto-header{max-width:80%;margin:0 auto;}
.nav{width:100%;background-color:#363636;}
.logo{width:296px; height:100px; float:left; border:0px; margin:10px 0;}

/*search-css*/
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.anchor{display: block;position: relative; top: -160px;visibility: hidden;}
.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#363636; }

.search_index_input_left{width:100%; float:left; margin-top:10px; padding:10px 0;}
.search_index_input_right{width:100%; float:left; background:#fff; border: 2px solid #ccc; margin-top:5px;}
.search_index_input label{ color:#FFF; font-size:16px; padding-right:5px;}
.searchinput2{border: 0px; color: #666666; height: 35px; line-height: 35px; width: 90%;outline-style:none; padding-left:10px; background:#fff; font-size:14px;}
.searchButton2{background: url(../images/search.png) center center #fff no-repeat; border: 0px; cursor: pointer; height: 40px; width: 7%; float:right; padding: 0px 0px 0px 5px;outline-style:none}
.search_index_input input[type="radio"] {
display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  background-color: #cfcfcf;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  }
  
/*About css*/
.container{max-width:70%;margin:60px auto; padding:0; position:relative; }
.section_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.section_title h1{font-size:36px;}
.section_title hr{height:4px;width:70px;text-align:center;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0;}
.section_title p{font-family: 'Lato', sans-serif;}
.index_about_left{width:50%; display:inline-block; float:left;}
.index_about_left img {display: inline-block; border-radius: 100px 0 100px 0; box-shadow: -15px 0 #a7c44c; margin-left:15px; max-width: 92%; height: auto;}
.index_about_right{width:60%; display:inline-block; vertical-align:top; padding-left:4%;}
.index_about_right p{line-height:30px; margin:0; padding-bottom:10px;}

/*index products*/
.products_container{width:100%; height:auto; overflow:hidden; background:#FFF; position:relative; margin:0 auto;}
.index_products{max-width:80%; margin:60px auto;}
.index_products p{line-height:24px; font-size:16px;}
/*index services*/
.portfolio-item{margin:30px 0;}
.portfolio-item .hover-bg{overflow:hidden;position:relative;}
.portfolio-item img{border-radius:0 50px 0 50px;}
.hover-bg .hover-text{position:absolute;text-align:center;margin:0 auto;color:#333;background:rgba(255,255,255,0.75);padding:20% 0 0 0;height:100%;width:100%;opacity:0;transition:all 0.5s;border-radius:0 50px 0 50px;}
.hover-bg .hover-text>h4{opacity:0;color:#333;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;font-size:18px;font-weight:600;width:95%;}
.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-bg:hover .hover-text{opacity:1;}

/*RESOURCE css*/
.resource_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.resource_title p{font-family: 'Lato', sans-serif; color:#FFF;}
.resource_title h1{font-size:36px; color:#FFF;}
.resource_title hr{height:4px;width:70px;text-align:center;position:relative;background:#FFF;margin:0 auto;margin-bottom:20px;border:0;}

.resource_container{width:100%; height:auto; overflow:hidden; background:#FFF;  margin:0 auto; background:url(../images/res_bg.png);background-repeat:no-repeat; background-size:cover; background-position:center; padding-bottom:30px;}
.resource_index img{max-width:100%;border-radius:0 50px 0 50px;}
.resource_item{margin:50px 0;}
.r_titile{ color:#FFF; text-align:center; font-weight:bold; padding:10px 0;}
.r_titile a{ color:#FFF; text-decoration:none;}

/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f6f6f6;}
.contact_container{max-width:80%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
.contact_item p{font-weight:bold; margin:0;}
.contact_item input{border:1px #727f1c solid; line-height:35px; width:90%; margin:10px 0; padding-left:10px;}
.contact_item .btn{clear:both;color:#FFF;background-color:#a7c44c;text-decoration:none; font-size:14px;margin-bottom:10px;display:inline-block;}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s; background:#94ae44;}

.customer_bottom img{ text-align:center;}
.customer_bottom p{text-align:center; font-size:14px;}

.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#444; line-height:36px}
.list-style-two li .icon{position:absolute;left:0px; width:30px; height:30px; color:#FFF;font-size:18px;line-height:1em;text-align:center; background-color:#727f1c; border-radius:100%; padding-top:5px; }
.list-style-two li a{color:#1c447f; 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:20px;margin-left:0px; float:left;}
.social-icon-two li a{color:#727f1c;font-size:22px;}
.social-icon-two li a:hover{color:#bbbbbb;}

.bottom_cop{width:100%;  padding:20px 0; text-align:center; color:#FFF; background-color:#363636;font-size:14px;}

/***==================================================================== In page Css style ====================================================================***/
/*inpage css*/
.auto-container{max-width:80%; margin:0 auto; position:relative;}
.auto-container p{line-height:28px;}
.auto-container p a{color:#2751a3; text-decoration:none;}

.banner_inpage{width:100%; height:250px; margin:0 auto; position:relative;}
.banner_inpage h1{color:#FFF;text-align:center;font-size:32px;width:100%; padding-top:5%; margin:0; font-family:"Century Gothic";}
.banner_inpage p{color:#FFF; margin:0; padding:10px 0; font-weight:bold; padding-top:5%;}
.banner_inpage p a{color:#FFF; text-decoration:none; padding:0 5px;}
.banner_inpage p a:hover{color:#a7c44c; text-decoration:none;}

.services-container{position:static; max-width:80%; margin:50px auto;}
.services-container p{line-height:30px; margin:0; padding-bottom:10px;}
.services-container p a{color:#6b8d00; text-decoration:none; font-weight:bold;}
.inpage_left{height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; font-family:"Century Gothic"; text-align:left;}
.inpage_section_title h1{font-size:28px;}
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}

.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services{margin-top:10px;}
.related_services li{width:100%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#6b8d00; text-decoration:none;}

.related_products{margin-bottom:10px;}
.related_products li{width:50%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_products li a{color:#2751a3;text-decoration:none;}
.related_products li a:hover{color:#6b8d00; text-decoration:none;}

.nav_related_products{margin-bottom:20px;}
.nav_related_products li{width:32%; display:inline-block; float:left;  padding:10px 0 10px 20px; font-size:14px;   background:#f6f6f6; margin:0 10px 10px 0;}	
.nav_related_products li a{color:#333;text-decoration:none;}
.nav_related_products li a:hover{color:#6b8d00; text-decoration:none;}
.nav_related_products li:hover{background:#eeeeee;}	

.Inquiry_container{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.Inquiry_container h1{font-size:36px; color:#a7c44c; font-family:"Century Gothic";}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;width:48%;display:inline-block;}
.Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
.Inquiry_form input{height:38px;width:96%; background:#f0f0f0; border:0; padding-left:10px;outline:none;}
.Inquiry_form textarea{padding-left:10px;width:96%; background:#f0f0f0; border:0;outline:none;}
.Inquiry_form .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;background-color:#a7c44c;border:0px;cursor:pointer;border:2px #a7c44c solid; font-weight:bold; margin-top:10px;}
.Inquiry_form .submit:hover{background:#fff;color:#444;transition:background-color .3s;border:2px #a7c44c solid; font-weight:bold;}
.Inquiry_form .Code{width:48%;}
.Inquiry_form textarea{font-family:'Raleway', sans-serif; padding-top:10px;}
.Inquiry_form .red{ color:#F00;}

/*inpage css right*/
.inpage_right{height:auto; overflow:hidden; display:inline-block;}
.right_nav{width:100%; height:auto; overflow:hidden;  margin:30px 0; background:#f9f9f9; padding:0 20px 20px 20px;border-radius:60px 0 60px 0;}

.featured_ser_pro{ margin:30px 20px 0 20px; border-top:2px #6b8d00 solid; height:auto; overflow:hidden;}
.featured_ser_pro_title{width:100%;font-family:"Century Gothic"; margin:0 auto; font-size:24px; padding-top:20px;}
.featured_pro{width:100%; padding-top:20px;}
.featured_left{width:30%; display:inline-block; height:auto; overflow:hidden;}
.featured_left img{border-radius:30px 0 30px 0; height:90px; width:110px;}
.featured_right{width:60%; display:inline-block; height:auto; overflow:hidden; vertical-align:top;}
.featured_right p{ font-weight:bold; line-height:26px; padding-left:10px;}
.featured_right p a{color:#444; text-decoration:none;}
.featured_right p a:hover{color:#6b8d00;}

/*right nav css*/
.s-side{min-width:90%;}
.s-side .s-firstItem i{font-size:18px;}
.s-side .first{padding:10px 0;}
.s-side .d-firstNav i.fr{font-size:16px; padding-top:3px;}
.s-side .d-firstNav a{color:#444; text-decoration:none; font-weight:bold; font-size:15px;}
.s-side .d-firstNav a:hover{color:#6b8d00;}
.s-side .s-secondNav,.s-side .s-secondItem{margin-left:10px; padding:5px 0;}
.s-side .s-secondNav a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondNav a:hover{color:#444;}
.s-side .s-secondItem a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondItem a:hover{color:#444;}
.s-secondNav:hover,.d-firstNav:hover{cursor:pointer}
.s-side .d-secondDrop{margin-left:20px; padding:5px 0;}
.s-side .d-secondDrop a{color:#6b8d00; text-decoration:none; font-size:15px; display:block; padding:5px 0;}
.s-side .d-secondDrop a:hover{color:#444;}
.iconRotate{transform:rotate(90deg);transition:transform .5s;}
.s-firstDrop,.s-secondDrop{display:none}
.fr{float:right}

.Product-list {
	margin-top: 20px;
	margin-left:-40px;
	margin-right:-40px;
		height:auto; overflow:hidden; width:100%;

}

.Product-list li {
	display: inline-block;
	vertical-align: top;
	margin:0 0 40px 0;
	width: 33.33%;
    height: 350px; padding:0 40px; float:left;
}

.Product-list li .Product-list-c {
	width: 100%;
	height: 300px;
/*	display:inline-table; 
	border-collapse: collapse;
*/}

.Product-list li .Product-list-d {
	width: 100%;
	padding: 15px 0;
	background: #55565a;
	text-align: center;
}

.Product-list li .Product-list-d:hover {
	background: #6b8d00;
}

.Product-list li .Product-list-c p {
	font-size: 16px;
	line-height: 26px;
	height:300px;
	width:100%;
	color: #fff;
	text-align: left;
/*	display: table-cell;
*/	vertical-align: middle;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
}


.Product-list li:hover .Product-list-c p {
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
	/*box-shadow: 1px 1px 5px #ccc;*/
}

.Product-list li .Product-list-d a {
	font-size: 16px;
	color: #fff;text-decoration: none;
}

.Product-list li .Product-list-d:hover a {
	text-decoration: underline;
}


}

@media (max-width: 768px){
.menu{font-family: 'Lato', sans-serif; width:100%; margin:0 auto;}
.auto-header{max-width:100%;margin:0 auto;}
.nav{width:100%;background-color:#363636;}
.logo{width:296px; height:100px; float:left; border:0px; margin:10px 0;}

/*search-css*/
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.anchor{display: block;position: relative; top: -160px;visibility: hidden;}
.fixed{position: fixed; z-index: 999; display:inline-block;  width:100%; margin:0 auto; background-color:#363636; }

.search_index_input_left{width:90%; float:left; margin-top:10px; padding:10px 0;}
.search_index_input_right{width:90%; float:left; background:#fff; border: 2px solid #ccc; margin-top:5px; margin-bottom:10px;}
.search_index_input label{ color:#FFF; font-size:16px; padding-right:5px;}
.searchinput2{border: 0px; color: #666666; height: 35px; line-height: 35px; width: 90%;outline-style:none; padding-left:10px; background:#fff; font-size:14px;}
.searchButton2{background: url(../images/search.png) center center #fff no-repeat; border: 0px; cursor: pointer; height: 40px; width: 7%; float:right; padding: 0px 0px 0px 5px;outline-style:none}
.search_index_input input[type="radio"] {
display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  background-color: #cfcfcf;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  }
  
/*About css*/
.container{max-width:90%;margin:60px auto; padding:0; position:relative; }
.section_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.section_title h1{font-size:36px;}
.section_title hr{height:4px;width:70px;text-align:center;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0;}
.section_title p{font-family: 'Lato', sans-serif;}
.index_about_left{width:90%; display:inline-block; float:left;}
.index_about_left img {display: inline-block; border-radius: 100px 0 100px 0; box-shadow: -15px 0 #a7c44c; margin-left:15px; max-width: 100%; height: auto;}
.index_about_right{width:90%; display:inline-block; vertical-align:top; padding-left:4%;}
.index_about_right p{line-height:30px; margin:0; padding-bottom:10px;}

/*index products*/
.products_container{width:100%; height:auto; overflow:hidden; background:#FFF; position:relative; margin:0 auto;}
.index_products{max-width:90%; margin:60px auto;}
.index_products p{line-height:24px; font-size:16px;}
/*index services*/
.portfolio-item{margin:30px 0; text-align:center;}
.portfolio-item .hover-bg{overflow:hidden;position:relative; text-align:center;}
.portfolio-item img{border-radius:0 50px 0 50px;}
.hover-bg .hover-text{position:absolute;text-align:center;margin:0 auto;color:#333;background:rgba(255,255,255,0.75);padding:20% 0 0 0;height:100%;width:100%;opacity:0;transition:all 0.5s;border-radius:0 50px 0 50px;}
.hover-bg .hover-text>h4{opacity:0;color:#333;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.3s;font-size:18px;font-weight:600;width:95%;}
.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-bg:hover .hover-text{opacity:1;}

/*RESOURCE css*/
.resource_title{margin:0 auto; font-family:"Century Gothic"; text-align:center;}
.resource_title p{font-family: 'Lato', sans-serif; color:#FFF;}
.resource_title h1{font-size:36px; color:#FFF;}
.resource_title hr{height:4px;width:70px;text-align:center;position:relative;background:#FFF;margin:0 auto;margin-bottom:20px;border:0;}

.resource_container{width:100%; height:auto; overflow:hidden; background:#FFF;  margin:0 auto; background:url(../images/res_bg.png);background-repeat:no-repeat; background-size:cover; background-position:center; padding-bottom:30px;}
.resource_index img{max-width:100%;border-radius:0 50px 0 50px;}
.resource_index{text-align:center;}
.resource_item{margin:50px 0;}
.r_titile{ color:#FFF; text-align:center; font-weight:bold; padding:10px 0;}
.r_titile a{ color:#FFF; text-decoration:none;}

/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f6f6f6;}
.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
.contact_item p{font-weight:bold; margin:0;}
.contact_item input{border:1px #727f1c solid; line-height:35px; width:90%; margin:10px 0; padding-left:10px;}
.contact_item .btn{clear:both;color:#FFF;background-color:#a7c44c;text-decoration:none; font-size:14px;margin-bottom:10px;display:inline-block;}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s; background:#94ae44;}

.customer_bottom img{ text-align:center;}
.customer_bottom p{text-align:center; font-size:14px;}

.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#444; line-height:36px}
.list-style-two li .icon{position:absolute;left:0px; width:30px; height:30px; color:#FFF;font-size:18px;line-height:1em;text-align:center; background-color:#727f1c; border-radius:100%; padding-top:5px; }
.list-style-two li a{color:#1c447f; 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:20px;margin-left:0px; float:left;}
.social-icon-two li a{color:#727f1c;font-size:22px;}
.social-icon-two li a:hover{color:#bbbbbb;}

.bottom_cop{width:100%;  padding:20px 0; text-align:center; color:#FFF; background-color:#363636;font-size:14px;}

/***==================================================================== In page Css style ====================================================================***/
/*inpage css*/
.auto-container{max-width:90%; margin:0 auto; position:relative;}
.auto-container p{line-height:28px;}
.auto-container p a{color:#2751a3; text-decoration:none;}

.banner_inpage{width:100%; height:250px; margin:0 auto; position:relative;}
.banner_inpage h1{color:#FFF;text-align:center;font-size:32px;width:100%; padding-top:5%; margin:0; font-family:"Century Gothic";}
.banner_inpage p{color:#FFF; margin:0; padding:10px 0; font-weight:bold; padding-top:5%;}
.banner_inpage p a{color:#FFF; text-decoration:none; padding:0 5px;}
.banner_inpage p a:hover{color:#a7c44c; text-decoration:none;}

.services-container{position:static; max-width:90%; margin:50px auto;}
.services-container p{line-height:30px; margin:0; padding-bottom:10px;}
.services-container p a{color:#6b8d00; text-decoration:none; font-weight:bold;}
.inpage_left{height:auto; overflow:hidden; display:inline-block;}
.inpage_section_title{margin:0 auto; font-family:"Century Gothic"; text-align:left;}
.inpage_section_title h1{font-size:28px;}
.inpage_section_title hr{height:4px;width:70px;text-align:left;position:relative;background:#a7c44c;margin:0 auto;margin-bottom:20px;border:0; display:inline-block;}

.related_title{ font-size:18px; font-weight:bold; padding:20px 0;}
.related_services{margin-top:10px;}
.related_services li{width:100%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_services li a{color:#2751a3;text-decoration:none;}
.related_services li a:hover{color:#6b8d00; text-decoration:none;}

.related_products{margin-bottom:10px;}
.related_products li{width:90%; display:inline-block; float:left; padding:8px 0; font-size:14px; background:url(../images/content.png); background-repeat:no-repeat; padding-left:20px;background-position:0 12px;}	
.related_products li a{color:#2751a3;text-decoration:none;}
.related_products li a:hover{color:#6b8d00; text-decoration:none;}

.nav_related_products{margin-bottom:20px;}
.nav_related_products li{width:100%; display:inline-block; float:left;  padding:10px 0 10px 20px; font-size:14px;   background:#f6f6f6; margin:0 0 10px 0;}	
.nav_related_products li a{color:#333;text-decoration:none;}
.nav_related_products li a:hover{color:#6b8d00; text-decoration:none;}
.nav_related_products li:hover{background:#eeeeee;}	

.Inquiry_container{width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.Inquiry_container h1{font-size:36px; color:#a7c44c; font-family:"Century Gothic";}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;width:90%;display:inline-block;}
.Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
.Inquiry_form input{height:38px;width:96%; background:#f0f0f0; border:0; padding-left:10px;outline:none;}
.Inquiry_form textarea{padding-left:10px;width:96%; background:#f0f0f0; border:0;outline:none;}
.Inquiry_form .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;background-color:#a7c44c;border:0px;cursor:pointer;border:2px #a7c44c solid; font-weight:bold; margin-top:10px;}
.Inquiry_form .submit:hover{background:#fff;color:#444;transition:background-color .3s;border:2px #a7c44c solid; font-weight:bold;}
.Inquiry_form .Code{width:90%;}
.Inquiry_form textarea{font-family:'Raleway', sans-serif; padding-top:10px;}
.Inquiry_form .red{ color:#F00;}

/*inpage css right*/
.inpage_right{height:auto; overflow:hidden; display:inline-block;}
.right_nav{width:100%; height:auto; overflow:hidden;  margin:30px 0; background:#f9f9f9; padding:0 20px 20px 20px;border-radius:60px 0 60px 0;}

.featured_ser_pro{ margin:30px 20px 0 20px; border-top:2px #6b8d00 solid; height:auto; overflow:hidden;}
.featured_ser_pro_title{width:100%;font-family:"Century Gothic"; margin:0 auto; font-size:24px; padding-top:20px;}
.featured_pro{width:100%; padding-top:20px;}
.featured_left{width:30%; display:inline-block; height:auto; overflow:hidden;}
.featured_left img{border-radius:30px 0 30px 0; height:90px; width:110px;}
.featured_right{width:60%; display:inline-block; height:auto; overflow:hidden; vertical-align:top;}
.featured_right p{ font-weight:bold; line-height:26px; padding-left:10px;}
.featured_right p a{color:#444; text-decoration:none;}
.featured_right p a:hover{color:#6b8d00;}

/*right nav css*/
.s-side{min-width:90%;}
.s-side .s-firstItem i{font-size:18px;}
.s-side .first{padding:10px 0;}
.s-side .d-firstNav i.fr{font-size:16px; padding-top:3px;}
.s-side .d-firstNav a{color:#444; text-decoration:none; font-weight:bold; font-size:15px;}
.s-side .d-firstNav a:hover{color:#6b8d00;}
.s-side .s-secondNav,.s-side .s-secondItem{margin-left:10px; padding:5px 0;}
.s-side .s-secondNav a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondNav a:hover{color:#444;}
.s-side .s-secondItem a{color:#6b8d00; text-decoration:none; font-size:15px;}
.s-side .s-secondItem a:hover{color:#444;}
.s-secondNav:hover,.d-firstNav:hover{cursor:pointer}
.s-side .d-secondDrop{margin-left:20px; padding:5px 0;}
.s-side .d-secondDrop a{color:#6b8d00; text-decoration:none; font-size:15px; display:block; padding:5px 0;}
.s-side .d-secondDrop a:hover{color:#444;}
.iconRotate{transform:rotate(90deg);transition:transform .5s;}
.s-firstDrop,.s-secondDrop{display:none}
.fr{float:right}

.Product-list {
	margin-top: 20px;
	margin-left:-15px;
	margin-right:-15px;
}

.Product-list li {
	display: inline-block;
	vertical-align: top;
	margin:0 0 30px 0;
	width: 100%;
    height: 350px; padding:0 15px; float:left;
}

.Product-list li .Product-list-c {
	width: 100%;
	height: 300px;
	display: table;
}

.Product-list li .Product-list-d {
	width: 100%%;
	padding: 20px 0;
	background: #55565a;
	text-align: center;
}

.Product-list li .Product-list-d:hover {
	background: #6b8d00;
}

.Product-list li .Product-list-c p {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 10px 10px 10px 30px;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
}

/*.Product-list li:hover {
	box-shadow: 1px 1px 5px #ccc;
}*/

.Product-list li:hover .Product-list-c p {
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
}

.Product-list li .Product-list-d a {
	font-size: 16px;
	color: #fff;text-decoration: none;
}

.Product-list li .Product-list-d:hover a {
	text-decoration: underline;
}

}

.page_bottom{margin-bottom:10px; height:auto; overflow:hidden; border-bottom:1px #f6f6f6 solid;}
.ref{color:#999;}.ref strong{color:#999;}.ref em{color:#999;}
ol.ls-dot{ padding-left:16px; margin-left:5px; margin-top:0;}
ol.ls-dot li{ list-style:disc; line-height:28px;}
ol.ls-dot li a{ color:#6b8d00; text-decoration:none; font-weight:bold;}

.searchunit h4 a{ color:#6b8d00; text-decoration:none; font-size:18px; padding:0; margin:0;}
.searchunit h4 p{padding:0; margin:0;}
.product-list-opl{ color:#fff; background:#a7c44c; border-radius:5px; padding:8px 15px; text-decoration:none; margin-top:10px; display:inline-block;}
.product-list-opl:hover{background:#94ae44;}
.product-hr{padding:0; margin-bottom:20px; background:#f6f6f6; border:0; height:4px;}

.row_tar{width:100%; height:auto; overflow:hidden; padding:10px 0;}
.col-md-left{float:left; margin-right:20px; width:15%;}
.col-md-right{float:left; width:80%;}
.crumbs-handle{border:1px #a7c44c dashed; text-decoration:none; color:#000; margin-right:10px; float:left;padding:10px;}
.crumbs-handle a{text-decoration:none; color:#000; margin-left:10px; text-align:center; padding:5px;}
.crumbs-handle a:hover{background:#a7c44c; color:#FFF;}
.handle-right a{text-decoration:none; color:#000; padding:0 15px 20px 0;display:inline-block;}
.handle-right a:hover{color:#a7c44c;}


.p_c_s{width:100%; height:auto; overflow:hidden;}
.p_c_s_l{display:inline-block;}