@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1.Set default font family to sans-serif.
 * 2.Prevent iOS and IE text size adjust after device orientation change,
 * without disabling user zoom.
 *developed by raheem
 */
html {font-family: "Roboto";
/* 1 */-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;
/* 2 */}
/**
 * Remove default margin.
 */
body {margin: 0px; padding: 0px; background:url(../image/body-bg.jpg) top center no-repeat; top center; font-family: "Roboto" ; }

/*====================HTML5 display definitions==========================*/
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display: block;}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,canvas,progress,video {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {display: none;height: 0;}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],template {display: none;}
.clear{clear: both; padding: 0px; margin:0px;}
/*========================================================================== */
/*Remove the gray background color from active links in IE 10.*/
a {background-color: none;}
a:hover {text-decoration-style: none;}
.clear{clear: both;}

/*=====MAIN CSS===*/


.wrapper{
	padding: 0px;
	margin: auto 0px;
}
.header_menu{padding: 68px 0px 0px 125px; margin:0px;}
.header_menu ul{padding: 0px 0px 0px 0px;margin:0px;list-style: none;}
.header_menu li{padding: 0px 0px 0px 45px;margin:0px;list-style: none; line-height: 15px; float: left;}
.header_menu li a { padding: 0px 0px 0px 0px;margin:0px;list-style: none;
	text-decoration-line: none; color: #00483f;}
	.header_menu li span{color: #7d7d7d;}
}
.header_menu li :first-child {padding-left:0px;}
.header_menu li :last-child {padding-right:0px;}

.header-logo{padding: 68px 0px 0px 0px; margin:0px;}
.header_banner{
	padding: 0px; 
	margin: 0px;height: 720px;
	width: 100%;
}
.header_banner h1{padding: 175px 0px 0px 0px; margin: 0px; 
	font-weight: 100; font-size: 42px; color: #000; font-family: Roboto;
	}
.header_banner p{padding: 25px 0px 15px 0px; margin: 0px; line-height: 18px; font-size: 15px; font-weight: 300px; color: #6b4620;}
.btnknw{padding: 0px; margin: 0px;}
.btnknw a{padding: 0px; margin: 0px; font-weight: 400px; color: #fff;}
.header_banner a{padding: 15px 45px 15px 45px; margin: 0px; font-weight: 600px; 
 color: #fff; text-decoration:none; background: #00483f; font-size: 15px;}
.header_banner a:hover{text-decoration: none; color: #fff;}


/*----BANNER CSS---*/
.banner {
  width: 100%;
  height: 100%; padding-top: 25px;}

.banner_image {
  position: absolute;
  display: block;
  left: -100%;
  right: -100%;
  max-width: 800px;
  margin: 0 auto;
  top: 0;
  bottom: 0; }

.banner_overlay {
  position: absolute;
  z-index: 900;
  width: 800px;
  height: 100%;
  left: 50%;
  margin-left: -400px; }

.banner_overlay_container {
  position: absolute;
  top: 0;
  width: 70%;
  padding-left: 50px; }

.banner_overlay_header {
  color: #000;
  padding-left: 0;
  bottom: 5%; }

.banner_overlay_subhead {
  margin-top: 1em;
  color: #555;
  margin-bottom: 1em; }

.banner-slider {
  position: absolute;
  height: 614px;
  overflow: hidden;
  width: 100%; }

.banner-slider_nav {
  position: absolute;
  z-index: 9999;
  width: 800px;
  bottom: 0;
  text-align: center;
  left: 50%;
  margin-left: -400px;
  padding-left: 0;
  margin-bottom: 0; }

.banner-slider_nav_item {
  display: inline; }
  .banner-slider_nav_item > a {
    display: inline-block;
    font-size: 3em;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
    padding: 8px 3px;
    line-height: 12px; }
    .banner-slider_nav_item > a:hover {
      color: rgba(0, 0, 0, 0.75); }

.banner-slider_nav_item--is-selected > a {
  color: #000; }

.banner_slide {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0; }

.banner_button {
  padding: 20px;
  text-decoration: none;
  background-color: #4d4dff;
  color: #fff;
  display: inline-block; }

.cycle_arrow-wrapper {
  position: absolute;
  height: 50px;
  bottom: 50%;
  left: 0%;

 
}

.cycle_next {
  position: absolute;
  left:75px;
  background: transparent url("../image/next-arrow.jpg") no-repeat center center;
  display: block;
  width:78px;
  bottom:-308px;
  height:72px; 
  z-index: 999;
}

.cycle_prev {
  position: absolute;
  left:0px;
  background: transparent url("../image/left-arrow.jpg") no-repeat center center;
  display: block;
  width:78px;
  bottom:-308px;
  height:72px; 
  z-index: 999;

}

/*----BANNER CSS END---*/

/*----SECTION CSS---*/
.section01{
	padding: 0px 0px 0px 0px; margin: 0px; width: 333px;
	
}
.sectionimg{ padding: 0px; 
	margin: 0px;
	display: inline-block;
	width: 333px; 
	height: 275px;
	overflow: hidden;
}

.sectionimg img{ transition: transform .4s;  display: block;}
.sectionimg:hover img {
  transform: scale(1.3);
  transform-origin: 50% 50%;
}
.section01 p{
	padding: 0px 0px 75px 0px; margin: 0px;
	color: #6f4923;
	font-size: 15px;
	line-height: 17px;
}
.section01 h2{
	padding: 25px 0px 15px 0px; margin: 0px;
	color: #00483f;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.sec-green{padding: 0px; margin: 0px; background: #00483f url(../image/bgs1.jpg) top center no-repeat; height: 212px;}
.sec-green h2{
	padding: 40px 0px 10px 0px; 
	margin: 0px; color: #fff;
	font-size: 22px;
	font-weight: 700;
 	font-family: Roboto;
 	text-align: center;
 	text-transform: uppercase;
}
.sec-green p{
	padding: 8px 0px 55px 0px; 
	margin: 0px; color: #fff;
	font-size: 14px;
	font-weight: 300;
 	font-family: Roboto;
 	text-align: center;
}
.sec-green a{padding: 15px 45px 15px 45px; margin: 0px; font-weight: 600px; 
 color: #fff; text-decoration:none; background: #ff9600; font-size: 15px; text-align: center;}

.btnknw1{padding: 0px; margin: 0px; text-align: center;}
.btnknw1 a{padding: 0px; margin: 0px; font-weight: 400px; color: #fff;text-decoration: none;}
.btnknw1 a:hover{text-decoration: none;}
.loc-map{
	padding: 25px 0px 0px 0px; 
	margin: 0px;
	width: 100%;
	background: url(../image/map.jpg) center top;
	height:415px;
 }
 .connectus{
 	padding: 45px 0px 25px 0px;
 	margin: 0px;
 }
  .connectus h4{
  	padding: 0px 0px 0px 0px;
  	margin: 0px;
  	font-weight:100;
  	line-height:42px;
  	font-family: Roboto;
  	font-size: 45px;
  	color: #000;
  }
  .connectus p{
  	padding: 20px 0px 0px 0px;
  	margin: 0px;
  	font-weight:300;
  	font-size: 14px;
  	font-family: Roboto;
  	color: #000;
  }

.btnknw2{padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; text-align: center; background: #00483f; width: 150px;}
.btnknw2 a{padding: 0px; margin: 0px; font-weight: 400px; color: #fff;text-decoration: none;}
.btnknw2 a:hover{text-decoration: none;}


.footer{padding: 20px 0px 0px 0px; margin: 0px; width: 100%; height:auto; text-align: center; color: #636363; position: absolute; 
z-index: 99; }
.footer a{padding: 25px 10px 0px 10px; margin: 15px 0px 0px 0px; list-style: none; color: #636363; text-decoration: none;}.footer a:hover{color: #636363; text-decoration: none;}
.footer p{font-size: 14px; color: #707070; padding-top: 5px;}
.footer img{}
footer{background: url(../image/footer-bg.jpg) top center; height: 792px; padding:0px; margin: 0px;}