@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'AvenirRegular';
    src: url('../fonts/avenir_85_heavy.eot');
    src: url('../fonts/avenir_85_heavy.eot') format('embedded-opentype'),
         url('../fonts/avenir_85_heavy.woff') format('woff'),
         url('../fonts/avenir_85_heavy.ttf') format('truetype'),
         url('../fonts/avenir_85_heavy.svg#AvenirRegular') format('svg');
}
@font-face {
	font-family: 'avenir45book';
	src: url('../fonts/avenir45book.eot');
	src: local('../fonts/avenir45book'), url('../fonts/avenir45book.woff') format('woff'), url('../fonts/avenir45book.ttf') format('truetype');
}

@font-face {
    font-family: 'abraham_lincolnregular';
    src: url('../fonts/abrahamlincoln-webfont.eot');
    src: url('../fonts/abrahamlincoln-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abrahamlincoln-webfont.woff') format('woff'),
         url('../fonts/abrahamlincoln-webfont.ttf') format('truetype'),
         url('../fonts/abrahamlincoln-webfont.svg#abraham_lincolnregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{margin:0; padding:0;}
ul, li{margin:0; padding:0; list-style:none;}
.clear, .spacer{display:table; clear:both;}
img{border:0; max-width:100%; height:auto;}
a{color:#195d87; text-decoration: none; 
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;
 }
a:hover{color: #0094CC;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}

p{padding:0 0 20px 0;}

body
{
	margin:0px 0 0 0; padding:0; font-size:18px; color:#050505; 
	font-family: 'abraham_lincolnregular';
	font-family: 'AvenirRegular';
	font-family: 'avenir45book';
	background:#cdcdcd url(../images/bg.png) 0 0;
	line-height: 1.2;
	overflow-x:hidden;
	
}
body.phone-fixedtop.{margin:44px 0 0 0;}
h1, h2{font-family: 'abraham_lincolnregular', Arial, sans-serif; line-height:1; margin:0 0 15px 0; }
 h3, h4, h5, h6{font-family: 'AvenirRegular', Arial, sans-serif;  margin:0 0 10px 0;}
h1{font-size:50px; margin:0; padding:0;}
h2{font-size:40px; text-transform:uppercase;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px; }

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row:before, .row:after, section:before, section:after, header:before, header:after, nav:before, nav:after, footer:before, footer:after {
content: " ";
display: table;
}
label{font-family: 'AvenirRegular', Arial, sans-serif; font-size:14px; text-transform:uppercase;}
label span{font-size:14px; text-transform: none;}
header, footer, nav, section, aside, article{display:block; position:relative;}
.container{max-width:980px; padding:0 20px; margin:0 auto; position:relative;}
.content{top:0; right:0; left:0; z-index:2; padding:20px 0;}
#top{text-align:center; clear:both;}
.logo_cont{position:absolute; z-index:100; top:0; right:0; left:0; bottom:0; margin:auto; width:160px; height:142px; }
#top .est{font-size: 20px; padding:0px 0 6px 0; display:block;}
#header{background:#000; display:none; background: rgba(0, 0, 0, 0.95); clear:both; text-align:center; padding: 8px 0; position:fixed; top:0; left:0; right:0; bottom: auto;  z-index:1000;   transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;}
#nav {/*float:right;*/ clear:both;  padding:0px 0 0 0; font-family: 'abraham_lincolnregular', Arial, sans-serif; font-size:24px;}
#nav ul{display:none;}
#nav ul li{display:block; /*float:left;*/}
#nav ul li a{padding:8px 15px; display:block; color:#e3e3e3;}
#nav ul li a:hover, #nav ul li a.active, #nav ul li.active a{color:#0094CC;}
#footer{ bottom:10px; left:0; right:0; z-index:999; position:static;  padding: 0 0 45px;}
.social ul li{float:left; display:inline; margin:0 0 0 5px;}
.social ul li a{background:url(../images/social_icon.png) no-repeat 0 0; width:35px; height:35px; display:block; font-size:0; }
.social ul li a.fb{background-position:0 0;}
.social ul li a.twet{background-position:100% 0;}
.social ul li a:hover{opacity:0.8;}
.box{background:#c8cbcd; background: rgba(200, 203, 205, 0.96); padding:20px; clear:both; margin:0 0 20px 0; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
#portfolio h2{text-align:center;}
#portfolio .box {background: rgba(200, 203, 205, 0.87); }
.gallery{margin:0; padding:0; text-align:center;}
.gallery img{display:inline; padding:0 15px 15px 0px; width:100%;}	
form li{clear:both; margin:0 0 8px 0;}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], select, textarea
{border:0; width:200px; padding:2px 4px; font-family:inherit; line-height:1;  width:99%; max-width:99%}
#quote label{text-align:right; line-height: 1.8; display:block; float:none; text-align:left; padding:0;}

input[type="submit"], input[type="button"], button{background:#f4f4f4; padding:4px 8px; border:0; cursor:pointer; font-family:inherit; color: #474747; font-family: 'avenir45book';}
#contact .box{background:#ffffff; clear:both;}
#contact input[type="email"], #contact input[type="number"], #contact input[type="password"], #contact input[type="tel"], #contact input[type="url"], #contact input[type="text"], #contact  select
{border:1px solid #e9e9e9; width:285px; padding: 4px 4px; }
#contact textarea
{border:1px solid #e9e9e9; width:385px;}
#contact label{ font-family: 'avenir45book'; text-transform:inherit;}
.address {color:#fff; text-align:right; width:100%; }
.address p{padding-top: 15px;}
.feture_img{position:absolute; left:0; top:0; z-index:-1; width:100%;}
#top .feture_img{min-height: 251px; display:block; position:static; height:100%;}
#top .feture_img + .content{position:absolute;}
#logo {
/*min-width: 200px;
width: 35%;*/


}

#gototop {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
width: 31px;
height: 31px;
display: block;
font-size: 0;
margin-bottom: 7px;
background: url(../images/MovetoTop.png) no-repeat center center;
opacity: .5;
background-size:100%;
}
#gototop:hover{opacity: .8;}
.feture_img, .small_logo, #portfolio .large-4{display:none;}
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
#responsive_nav{width:100px; margin:0 auto; padding:0 0 5px 0; background:none; outline:0;}		
.icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
margin: 3px auto 0 auto;
}

body.fixedtop{margin:0px 0 0 0;}
.error, textarea.error {
border:1px solid rgb(252, 121, 121) !important
background: #F3F3F3;
}
.error, textarea.error {
border: 1px solid red !important;
background: #F3F3F3 !important;
}
#con_response, #response{text-align:center; color:green; font-size: 14px;}
	
@media only screen and (min-width:480px) {
#top .feture_img {display: block;}
.gallery li{width:33.33%; float:left;}	

/*#top .feture_img{height:320px;}*/
#top .est{padding:40px 0 6px 0;}
}
@media only screen and (min-width: 520px) {
.gallery img{}
/*#top .feture_img{height:inherit;}*/
.logo_cont{width:200px; height:208px; }
}
@media only screen and (min-width: 768px) {
body{margin:0 0 0px 0;}
.gallery li{width:25%;}
#header{display:block;}
#quote label{width: 33.33333%; float: left;}
#quote input[type="text"], #quote input[type="email"], #quote textarea, #quote select {
width: 300px;
}	
#nav ul li a{padding:17px 15px;}
.social ul {float: right;}
#top .est{padding:0 0 25px 0;}
#top h1{padding:0px 0 0 0;}
.gallery{margin:inherit; padding:0;}
#footer{position:fixed; padding:0;}
#top .feture_img{display:block;}
.small_logo{float:left; margin: 3px 0 0 0;;}
#nav{clear:inherit; float:right;}
#nav ul li{float:left;}
#contact .box{clear:inherit;}
#gototop {

bottom: 60px;
right: 15px;
width: 41px;
height:41px;

}
#header{padding:0; position:fixed; bottom:0; top:auto; height:62px;  z-index:1000;}
.feture_img, .small_logo{display:block;}
#responsive_nav{display:none;}
#nav ul{display:block;}
.logo_cont{width:270px; height:244px;  }
.logo_cont h1{margin:-60px 0 0 0; position:relative;}
#top .est{font-size: 30px;}
#header.fixedtop{ bottom:100%; bottom: 100%;
margin: 0 0 -62px 0;}
}

@media only screen and (min-width: 900px) {
.gallery{ padding:inherit;}
	
.left{float:left;}
.right{float:right;}
.center{float:none; margin:0 auto; display:block;}
 #portfolio .large-4{display:block;}
.content {position: absolute; padding: 60px 0; top: 0;
right: 0;
left: 0;
z-index: 2;}
.feture_img{position:static; margin: -4px 0 0 0;}
h2 .full{display:block;}

  .column,
  .columns {
    float: left; }
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }
#quote label{float:left; text-align:right; padding-right: 0.9375rem;}
#quote input, #quote  textarea, #quote  select{/*width: 200px;*/}
.address p{padding:5px 0 0 0;}
}

@media only screen and (min-width:1024px) {
.content {padding: 100px 0;}

}

}


@media only screen and (min-width:1150px) {
.logo_cont{width: 300px; height: 200px;}
}

@media only screen and (min-width:1150px) {
.logo_cont{width: 370px; height: 242px;}
}