@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=BenchNine:700);
@import url(http://fonts.googleapis.com/css?family=Philosopher:700italic);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #907f7b;
	min-width: 960px;
	background: #395a34;
	-webkit-text-size-adjust: none;
}

.main_bg{
  background:url(../images/body_bg.jpg) 50% 0 no-repeat #9fb339;
}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.rel{position: relative;}

/*==================================== Links ======================================================== */
a {
  color:#907f7b;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#9fb339;
  text-decoration:none;
}

.button{
  display:block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -53px;
  font-size: 24px;
  line-height: 29px;
  color:#f9f9f2;
  text-transform: uppercase;
  font-weight: bold;
  width: 107px;
  text-align: center;
 }
 .button span{
  position: relative;
  display: block;
  z-index: 10;
  background: url('../images/button.jpg') repeat-x;
  padding:30px 0 15px;
 }
 .button:after{
  display: block;
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 100%;
  height: 22px;
  background: url('../images/button_tail.png') 50% 0 no-repeat;
  content: "";
 }
.button:hover{
  color:#010101;
}

.button1{
  font-size: 24px;
  color: #f9f9f2;
  line-height: 30px;
  background: #c7bbbb;
  display: inline-block;
  padding: 13px 25px;
  text-transform: uppercase;
}
.button1:hover{
  background: url('../images/button1_bg.jpg') repeat-x #395a34;
  color: #fff;
}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {
  background: url('../images/header_bg.png') 0 bottom repeat-x;
  position: relative;
}
header:after{
  display: block;
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 40px;
  background: url('../images/header_shadow.png') 50% 0 no-repeat;
  background-size: contain;
  content: "";
}
header h1{
  margin-left: -6px;
  float: left;
}
header h1 a {
  display:block;
  width:504px;
  height:114px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}

.header_top{
  padding: 31px 0 42px;
  background: url('../images/header_top_bg.png') 50% bottom no-repeat;
  background-size: contain;
  overflow: hidden;
}

.social{
  overflow:hidden;
  float: right;
  margin-right: -3px;
  padding: 46px 0 0 ;
}
.social a{
  display:block;
  float:left;
  width:31px;
  height:31px;
  overflow:hidden;
  margin-left:2px;
}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{
  margin-top:-32px;
}
/*********************************content*************************************/
#content {padding:70px 0px 73px;}
.cont_pad{padding:0 0 0 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:20px}
.p2{ margin-bottom:25px;}
.p3{ margin-bottom:34px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{
  background:url(../images/marker1.png) 1px 0px no-repeat;
  padding:3px 0 3px 38px;
  font-size: 14px;
  margin-bottom: 6px;
}
.list1 a{
  color: #907f7b;
}
.list1 a:hover{color: #de4a36;}

.list2{}
.list2 li{
  margin-bottom: 10px;
  background:url(../images/marker2.png) 1px 7px no-repeat;
  padding-left:14px;
}
.list2 a{color: #9fb339;}
.list2 a:hover{color: #010101;}


/*================================>> H <<========================================*/

h2{
  font-size: 40px;
  line-height: 50px;
  color:#635452;
  text-transform: uppercase;
  letter-spacing: 0px;
}

h2.ind{ margin-bottom:22px;}
h2.ind1{ margin-bottom:px;}
h2.ind2{ margin-bottom:px;}

h3{
  font-size: 25px;
  line-height: 29px;
  text-transform: uppercase;
  color:#9fb339;
  margin-bottom: 17px;
}
h3 span{display: block;margin-top: -3px;}
h3.ind1{ margin-bottom:px;}
h3.ind2{ margin-bottom:px;}
h3.ind3{ margin-bottom:px;}

h4{
  font-size: 25px;
  line-height: 29px;
  color: #635452;
  text-transform: uppercase;
}
h4.ind{
  margin-bottom: 30px;
}
h4.ind1{
  margin-bottom: 38px;
}
h4.ind2{
  margin-bottom: 33px;
}
h4.var1{color: #c7bbbb;margin-bottom: 17px;}
h5{
  font-size: 14px;
  color: #907f7b;
  font-weight: normal;
}
/*================================>> GOOGLE FONTS  <<========================================*/
.bench, .sf-menu, .button, h2, h3, h4,.button1{font-family: 'BenchNine', sans-serif;}
.phil, .font3, .flexslider1 blockquote{font-family: 'Philosopher', sans-serif;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.box, .box1{
  background: #fffefe;
  position: relative;
}
.box:after, .box1:after{
  display: block;
  position: absolute;
  height: 40px;
  width: 100%;
  bottom: -40px;
  background: url('../images/box_shadow.png') 50% 0 no-repeat;
  content: "";
}
.box1{
  padding: 58px 0;
}
.p_bot1{
  padding-bottom: 99px;
}
.box1:after{
 display: none;
}
.greeting{
  width: 50%;
  background: url('../images/greeting.jpg') no-repeat;
  height: 616px;
  float: left;
  position: relative;
}
.greeting .inner{
  padding: 89px 0 0;
  text-align: center;
}

.font1{
  font-size: 25px;
  line-height: 31px;
  color: #c7bbbb;
  margin-bottom: 26px;
  text-transform: uppercase;
}
.font2{
  font-size: 85px;
  line-height: 105px;
  color: #e2583c;
  text-transform: uppercase;
  letter-spacing: -3px;
  margin-bottom: -29px;
}
.font2 span{
  display: block;
  margin-top: -35px;
}
.font3{
  font-size: 50px;
  line-height: 62px;
  color: #635452;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 9px;
}
.font4{
  font-size: 30px;
  line-height: 36px;
  color: #c7bbbb;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 21px;
}
.font5{
  font-size: 40px;
  line-height: 48px;
  color: #635452;
  font-weight: bold;
  text-transform: uppercase;
}
/*********************************page_2*************************************/
.my_site{
  text-align: center;
}
.my_site .description{
  padding: 0 40px 0;
}
.img_wrap1{
  padding: 5px;
  display: block;
  background: #f1eae5;
}
.img_wrap1 img{
  width: 100%;
}
a.img_wrap1:hover{background: #e86944;}
.p_top1{padding-top: 5px;}

.bot_stripe{
  padding-bottom: 14px;
  border-bottom: 1px solid #edeae7;
  margin-bottom: 24px;
}

.demo:hover{color: #e56241;}

.v_stripe{
  background: url('../images/vert_stripe.jpg') 560px 0 repeat-y;
}
.v_stripe1{
  background: url('../images/vert_stripe.jpg') 360px 0 repeat-y;
}
.v_stripe2{
  background: url('../images/vert_stripe.jpg') 600px 0 repeat-y;
}
/*********************************page_3*************************************/

.menu_list{
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu_list li{
  background: #c7bbbb;
  border-radius: 13px;
  margin-bottom: 13px;
}
.menu_list li:hover{background: #9fb339;}
.menu_list li a{
  color: #fcfcfc;
  display: block;
  padding: 9px 19px 8px;
}

.menu_detail{
  padding: 16px 0 0;
}
.menu_detail dd{
  overflow: hidden;
  margin-bottom: 10px;
}
.menu_detail dd span, .menu_detail dd strong{
  display: block;
}
.menu_detail dd span{
	float: left;
	max-width: 80%;
}
.menu_detail dd strong{float: right;color: #635452;}
/*********************************page_4*************************************/

.referernces{
  
}
.references>li{
  overflow: hidden;
  margin-bottom: 34px;
}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left:0;
  z-index: 99;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 20px 0;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:14px;
  border:1px solid #f1eae5;
  color:#907f7b;
  padding:10px 12px;
  outline:none;
  width: 284px;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#fff;
}
#contact-form input {
}
#contact-form textarea {
  overflow:auto;
  height:197px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:inline-block;
  position: relative;
  min-height:45px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .button {
  margin-left:8px;
}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:9px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.map_wrapper{
  overflow:hidden;
  margin-bottom:24px;
}
#map_canvas {
   width:100%;
   height:326px;
}
.adress{}
.adress span{
  display:inline-block;
  width:74px;
}
.adress dt{ margin-bottom:14px;}

.demo1{color: #9fb339;}
.demo1:hover{ text-decoration:underline;}
/*


*/
/****************************footer************************/
footer {
  padding:19px 0 22px;
  background: url('../images/footer_bg.jpg') 50% 0 repeat-x;
  font-size: 11px;
  text-transform: uppercase;
}
footer, footer a{color: #9fb339;}
footer a:hover{color: #fff;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px){
  header:after, .box:after{display: none;}
}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .flexslider{width: 339px;}
 .greeting .inner{padding-top: 50px;}
.greeting{height: 530px;}
header h1, .social{margin: 0;}
.v_stripe, .v_stripe2{background-position: 450px 0;}
.v_stripe1{background-position: 280px 0;}
#contact-form textarea, #contact-form input{width: 220px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 header h1, .social{float: none;}
 .flexslider{width: 100%;border: none;border-top: 10px solid #fff;padding-bottom: 40px;}
 .flex-control-nav{bottom: 10px;}
 .box{padding: 0px 10px 0px;}
 .box1{padding: 30px 10px;}
 .greeting{width: 100%;}
.my_site .description{padding: 0 20px;}
.services .grid_6{margin-bottom: 70px;}
.v_stripe1{background:none;}
#contact-form textarea, #contact-form input{width: 373px;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header h1 a{width: auto;background-size: contain;}
 .social{padding-top: 20px;}
 #contact-form textarea, #contact-form input{width: 253px;}
}