@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(http://fonts.googleapis.com/css?family=Share);
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%;min-height: 100%;}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:20px;
  color:#919191;
  min-height: 100%;
  min-width:960px;
  background:  50% 0 no-repeat;
  background-size: cover;
  -webkit-text-size-adjust: none;
}
.extra {
  min-height:100%;
  margin: 0 auto -102px;
  position:relative;
  overflow: hidden;
}
.block{
  height: 102px;
}
/*********************************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;}
.bd_n{border: none !important;}
/*==================================== Links ======================================================== */
a {
  color:#919191;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#6ea42b;
  text-decoration:none;
}

.button{
  display:inline-block;
  padding:5px 12px 4px;
  margin: 0 0 0;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 25px;
  background: #fff;
  color:#000;
 }
.button:hover{
  background:#6ea42b;
  color:#fff;
}
.but_wrap{text-align: right;padding-top: 26px;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/
  
header {
  width: 313px;
  margin: 48px auto 23px;
  position: relative;
  z-index: 99;
  padding: 24px 0 27px;
  box-shadow: 0 0 10px rgba(0,0,0,0.75);
  background: url('../img/splash_nav.jpg') repeat;
}
header:before, header:after{
  display: block;
  height: 1px;
  left: 7px;
  right: 7px;
  position: absolute;
  background: url('../img/stripe.png') repeat-x;
  content: "";
}
header:before{
  top: 5px;
}
header:after{
  bottom: 6px;
}

header h1{
  width: 231px;
  height: 134px;
  margin: 0 auto;
}
header h1 a {
  display:block;
  width:231px;
  height:134px;
  background:url(../img/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}

/*********************************content*************************************/
#content {
  padding:40px 0px 53px;
  position: relative;
  z-index: 99;
  margin-bottom: 150px;
  background: url('../img/content_bg.png') repeat;
}
.cont_pad{padding:0 0 0 0 !important;}

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

p {margin-bottom:20px}
.p2{ margin-bottom:34px;}
.p3{ margin-bottom:28px;}
.p4{ margin-bottom:25px;}
.p5{ margin-bottom:26px;}
/*================================>> H <<========================================*/
h2,h3,h4{
  font-weight:normal;
}
h2{
  font-size: 39px;
  line-height: 45px;
  color:#fff;
  text-transform: uppercase;
  margin-bottom: 21px;
}

h2.ind{ margin-bottom:26px;}

/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu a, #footer{font-family: 'Cabin Condensed', sans-serif;}
h2, .spec_list>li>figure, .button{font-family: 'Share', cursive;}
/*================================>> hovers <<========================================*/
.sf-menu a, #footer a, .button{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************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;}

.font1{color: #fff;}

#bgNav{
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  
  background-size: cover;
}

.spec_list>li{
  margin-bottom: 13px;
}
.spec_list>li>div{
  padding: 9px 0 22px;
  border-bottom: 1px solid #5a5a5a;
}
.spec_list>li>figure{
  width: 81px;
  font-size: 59px;
  line-height: 66px;
  color: #fff;
  text-transform: uppercase;
	margin: 0 0 0 0;
}

.link1{text-decoration: underline;}
.link1:hover{text-decoration: none;color: #fff;}
/*********************************page_2*************************************/
.testimonials{}
.testimonials>li{
  margin-bottom: 43px;
  background: url('../img/quotes.png') no-repeat;
  padding: 7px 0 0 35px;
}
.testimonials blockquote{
  font-style: italic;
  margin-bottom: 24px;
}
.testimonials .author span{color: #fff;}
/*********************************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:13px;
  border:1px solid #262626;
  color:#919191;
  padding:11px 10px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#000;
  width: 439px;
}
#contact-form textarea {
  overflow:auto;
  height:140px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:inline-block;
  position: relative;
  min-height:50px;
  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:35px;
}
#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;
  display:block;
  margin-bottom:29px;
}
#map_canvas {
   width:100%;
   height:259px;
}
.adress{}
.adress span{
  display:inline-block;
  width:74px;
}
.adress dt{}

.demo{font-style: italic;color: #fff;}
/****************************footer************************/
footer {
}
footer .social{
  overflow:hidden;
}
footer .social a{
  display:block;
  float:left;
  width:32px;
  height:32px;
  overflow:hidden;
  margin-left:8px;
}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{
  margin-top:-32px;
}

#footer, footer{
  height: 101px;
  width: 100%;
  position: relative;
  text-align: center;
  background: url('../img/body_bg.png') repeat;
}

.footer_menu{
  padding: 35px 0 10px;
}
.footer_menu>li{
  display: inline-block;
  font-size: 13px;
  margin: 0 15px;
  text-transform: uppercase;
}
.footer_menu a{
  color: #fff;
  letter-spacing: 4px;
}
.footer_menu a:hover, .footer_menu .current a{
  color: #6ea42b;
}

.privacy{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 #contact-form textarea, #contact-form input{width: 341px;}
 #splash header{margin-top: 30%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .footer_menu>li{margin: 0 5px;font-size: 11px;}
 footer{position: relative;}
 #content{margin-bottom: 160px;}
 .img{width: 100%;}
 #contact-form textarea, #contact-form input{width: 398px;}
 .bg_stretch div{display: none;}
 .bg_stretch{background: url('../img/back1.jpg') 50% 0 no-repeat;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
 
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 header{width: 300px;}
 .footer_menu{display: none;}
 .privacy{padding-top: 30px;}
 #contact-form textarea, #contact-form input{width: 278px;}
}