html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video,details,summary
{
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  margin:0;
  padding:0;
}

html
{
  overflow-y:scroll;
  height:100%;
  font-size:62.5%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}

ol,ul
{
  list-style:none;
}

blockquote,q
{
  quotes:none;
}

a
{
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  color:#999;
  text-decoration:none;
  margin:0;
  padding:0;
}

del
{
  text-decoration:line-through;
}

abbr[title],dfn[title]
{
  border-bottom:1px dotted #000;
  cursor:help;
}

table
{
  border-collapse:collapse;
  border-spacing:0;
  font-size:inherit;
  font:100%;
}

td
{
  font-weight:400;
  vertical-align:top;
}

hr
{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

input,select
{
  vertical-align:middle;
}

pre
{
  white-space:pre-line;
  word-wrap:break-word;
}

input[type="radio"]
{
  vertical-align:text-bottom;
  margin:0 5px 0 0;
}

.ie7 input[type="checkbox"]
{
  vertical-align:baseline;
}

.ie6 input
{
  vertical-align:text-bottom;
}

select,input,textarea
{
  font:100% sans-serif;
}

td,td img
{
  vertical-align:top;
}

sub,sup
{
  position:relative;
  font-size:75%;
  line-height:0;
}

sup
{
  top:-.5em;
}

sub
{
  bottom:-.25em;
}

pre,code,kbd,samp
{
  font-family:monospace,sans-serif;
}

button
{
  width:auto;
  overflow:visible;
  -webkit-appearance:none;
  display:block;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  color:#FFF;
  background:#999;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:7px 26px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


.ie7 img
{
  -ms-interpolation-mode:bicubic;
}

.ie6 html
{
  filter:expression(document.execCommand("BackgroundImageCache",false,true));
}

*
{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

code
{
  cursor:text;
}

audio,canvas,video
{
  display:inline-block;
}

@font-face
{
  font-family:'Eurostile Regular';
  src:url(../fonts/eurostile.eot?#iefix) format(embedded-opentype),url(../fonts/eurostile.woff2) format(woff2),url(../fonts/eurostile.woff) format(woff),url(../fonts/eurostile.ttf) format(truetype),url(../fonts/eurostile.svg#eurostileregular) format(svg);
  font-weight:400;
  font-style:normal;
}

body
{
  height:100%;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#FFF;
  background:#383533;
}

h1
{
  margin-bottom:1.16667em;
  font-weight:400;
  display:none;
}

ul li:before
{
  content:"> ";
}

img
{
  display:block;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="password"]
{
  -webkit-appearance:none;
  display:block;
  width:100%;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#000;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:5px 10px;
  background-color: rgba(255,255,255,.8)
}

input[type="button"],input[type="submit"]
{
  -webkit-appearance:none;
  display:block;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  color:#FFF;
  background:#999;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:7px 26px;
}

textarea
{
  -webkit-appearance:none;
  display:block;
  min-height:10px;
  max-height:500px;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#000;
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:5px 10px;
  background-color: rgba(255,255,255,.8)
}

.left
{
  float:left;
  display:block;
  margin:0 15px 15px 0;
}

.right
{
  float:right;
  display:block;
  margin:0 0 15px 15px;
}

.move
{
  overflow:hidden;
  position:absolute;
  clip:rect(0000);
  height:1px;
  width:1px;
  border:0;
  margin:-1px;
  padding:0;
}

.move.focusable:active,.move.focusable:focus
{
  position:static;
  clip:auto;
  height:auto;
  width:auto;
  overflow:visible;
  margin:0;
}

.hide
{
  display:none!important;
  visibility:hidden;
}

.required
{
  color:#ff634a;
}

.flexslider .slides>li
{
  display:none;
  -webkit-backface-visibility:hidden;
}

.flexslider .slides img
{
  display:block;
  width:100%;
}

.flex-pauseplay span
{
  text-transform:capitalize;
}

.slides:after
{
  content:"\0020";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

* html .slides
{
  height:1%;
}

body.dev
{
  padding-bottom:30px;
}

#dev
{
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  height:30px;
  font-size:1.2rem;
  line-height:1.16667em;
  font-family:Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  color:#FFF;
  background:#d4b0ff;
  z-index:9999999;
  padding:8px 10px 0;
}

body#home
{
  background-image:url(../img/background.jpg);
  background-size: auto 100%;
  background-size: 2500px 2064px;
  background-position:center center;
  background-repeat:no-repeat;
  background-position: left top;
  background-size:cover;
}

body#hometest
{
  background-image:url(../image/background2.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}

#content
{
  padding:0 0 50px;
}

#header .wrap
{
  position:relative;
  height:162px;
}

#logo
{
  position:absolute;
  right:24px;
  top:28px; /*29px *18px*/
  text-indent:-9999px;
  white-space:nowrap;
  overflow:hidden;
  z-index:1;
}

#logo a
{
  display:block;
  width:270px;
  height:50px;
  background:url(../img/logo5.png);
}



#nav
{
  position:absolute;
  left:50px;
  top:62px;
  top:62px;
  z-index:1;
}

#nav li
{
  position:relative;
  float:left;
  font-size:1.4rem;
  font-family:"Calibri Bold","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:lowercase;
  letter-spacing:2px;
  margin:0 85px 0 0;
}

/*#nav li:hover .submenu
{
  top:15px;
  opacity:1;
}*/

#nav .submenu
{
  position:absolute;
  top:-99999px;
  left:0;
  width:auto;
  opacity:0;
  -webkit-transition:opacity .35s;
  -moz-transition:opacity .35s;
  -ms-transition:opacity .35s;
  -o-transition:opacity .35s;
  transition:opacity .35s;
  -webkit-font-smoothing:antialiased;
  z-index:1;
  padding:12px 0 0;
}

#nav .submenu li
{
  float:none;
  white-space:nowrap;
  margin:0 0 2px;
}

#nav .submenu a:before
{
  position:relative;
  top:1px;
  content:"> ";
}

#nav .projects .submenu
{
  width:360px;
}

#nav .projects .submenu:before
{
  float:left;
  content:"> ";
  font-size:1.1rem;
  color:#999;
  margin:0 4px 0 0;
}

#nav .projects .submenu li
{
  float:left;
  font-size:1.1rem;
  letter-spacing:0;
  margin:0 7px 0 0;
}

#about #nav .about .submenu,
#mission #nav .about .submenu,
#our-story #nav .about .submenu,
#services #nav .building .submenu,
#building #nav .building .submenu,
#process #nav .building .submenu,
#projects #nav .projects .submenu,
#join #nav .join .submenu,
#superintendent #nav .join .submenu,
#projectengineer #nav .join .submenu,
#journeyman #nav .join .submenu,
#project #nav .projects .submenu
{
  display:block;
  top:15px;
  opacity:1;
}

#main
{
  width:100%;
  /* margin:0 0 30px;
  padding:16px 30px 0;*/
}

#main .inner-wrap
{
  width:100%;
  max-width:566px;
}

body.two-cols #main .inner-wrap {
  max-width: none;
  width: auto;
}


#main>h2
{
  margin-top:0;
}

.samples ul
{
  height:500px;
  overflow-y:hidden;
}

.samples li
{
  float:left;
}

.samples .sample a
{
  position:relative;
  display:block;
}

.samples .sample a img
{
  opacity:1;
  -webkit-transition:opacity .35s;
  -moz-transition:opacity .35s;
  -ms-transition:opacity .35s;
  -o-transition:opacity .35s;
  transition:opacity .35s;
}

.samples .sample a .overlay
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:opacity .35s;
  -moz-transition:opacity .35s;
  -ms-transition:opacity .35s;
  -o-transition:opacity .35s;
  transition:opacity .35s;
  -webkit-font-smoothing:antialiased;
  z-index:1;
}

.samples .sample a .inner-wrap
{
  display:table;
  width:100%;
  height:100%;
  text-align:center;
  color:#FFF;
}

.samples .sample a .title
{
  display:table-cell;
  vertical-align:middle;
}

.samples .sample a h2
{
  margin-bottom:.35714em;
  font-size:1.4rem;
  line-height:1.14286em;
}

.samples .sample a p
{
  font-size:1.4rem;
  line-height:1.14286em;
}

.samples .sample a:hover img
{
  opacity:0.2;
}

.samples .sample a:hover .overlay
{
  opacity:1;
}

.testimonials blockquote
{
  float:left;
  width:600px;
  height:500px;
}

.testimonials blockquote .inner-quote
{
  display:table;
  width:100%;
  height:100%;
}

.testimonials blockquote .inner-quote div
{
  display:table-cell;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  vertical-align:middle;
  padding:0 100px;
}

.testimonials blockquote p
{
  text-align:center;
}

.testimonials blockquote cite
{
  display:block;
  text-align:center;
  margin:50px 0 0;
}

/*.testimonials blockquote:nth-child(2n+1) {
  background-color: rgba(206, 206, 206, 0.8);
  color: #383533;
}*/

form>fieldset
{
  width:100%;
}

form>fieldset:last-of-type
{
  margin-bottom:20px;
}

form li
{
  margin:0 0 20px;
}

form li fieldset label
{
  position:relative;
  top:3px;
  float:left;
  margin:0 25px 0 0;
}

form li fieldset input
{
  width:auto;
  max-width:none;
}

form input
{
  width:100%;
  max-width:100%;
}

#secondary
{
  height:500px;
  padding:0 30px;
}

.hero
{
  position:relative;
  width:100%;
}

.hero img
{
  /*position:absolute;*/
  right:0;
  top:0;
  z-index:1;
  max-width: 100%;
  height: auto !important;
}

#copyright
{
  display:none;
}

article,aside,figure,footer,header,hgroup,nav,section,details,summary,article,aside,details,fig caption,figure,footer,header,group,nav,section,.line,html[xmlns] .slides,.no-js .slides>li:first-child,#nav .submenu a
{
  display:block;
}

blockquote:before,blockquote:after,q:before,q:after,#nav li:before,#nav .projects .submenu a:before,.samples li:before
{
  content:none;
}

th,input[type="checkbox"]
{
  vertical-align:bottom;
}

.clickable,label,input[type=button],input[type=submit],button,a,label,button,input[type="radio"],input[type="submit"],input[type="checkbox"]
{
  cursor:pointer;
}

.submit1{
  width: 10em;
  padding:25px;
}

button,input,select,textarea,#nav li:last-of-type,#nav .submenu li:last-of-type,#nav .projects .submenu li:last-of-type,#contact #main,.testimonials blockquote p:last-of-type
{
  margin:0;
}

html,body,button[disabled],input[disabled]
{
  cursor:default;
}

h2,h3
{
  margin-top:1.16667em;
  margin-bottom:1.16667em;
  font-weight:400;
}

label,form legend
{
  display:block;
  font-size:1.2rem;
  line-height:1.25em;
  font-family:"Calibri Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  margin:0 0 10px;
}

.group:after,#nav ul:after,.samples ul:after,.testimonials .inner-testimonials:after,form:after,form li fieldset:after
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  font-size:0;
}

.lt-ie8 .group,.lt-ie8 #nav ul,.lt-ie8 .samples ul,.lt-ie8 .testimonials .inner-testimonials,.lt-ie8 form,.lt-ie8 form li fieldset
{
  zoom:1;
}

.caps,.upper
{
  text-transform:uppercase;
}

/*.flexslider,#home #main,#building #main,#projects #main,#project #main,#testimonials #main*/
.flexslider,#home #main,#projects #main,#project #main,#testimonials #main
{
  margin:0;
  padding:0;
}

#home #nav a,#home #nav .projects .submenu:before
{
  color:#FFF;
}
#home #nav a:hover
{
  color: #383533 !important;
}

#nav a:hover,#home #nav a:hover,#nav a.current
{
  color:#FFF;
}

@media (min-width: 1000px) {
  #content
  {
    min-height:530px;
  }

  #home #content,#building #content,#projects #content,#project #content,#testimonials #content,#contact #content
  {
    min-height:none;
  }

  #content .wrap
  {
    position:relative;
  }

  #content .wrap:after
  {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
  }

  .lt-ie8 #content .wrap
  {
    zoom:1;
  }

  #nav
  {
    left:98px;
  }

  #main
  {
    float:left;
    padding-left:80px;
    padding-right:60px;
    margin:0;
  }
  body.two-cols #main {
    float: left;
    width: 50%;
  }

 /*#home #main,#building #main,#projects #main,#project #main,#testimonials #main*/
 #home #main,#projects #main,#project #main,#testimonials #main
  {
    float:none;
    width:auto;
    max-width:none;
  }

  #contact #main
  {
    float:none;
    width:auto;
    max-width:none;
    padding:30px 120px 0;
    float: left;
    width: 66%;
    padding:25px 30px 0 122px;
	margin-top: -20px;
  }

  #secondary
  {
    position:absolute;
    right:0;
    top:0;
    width:100%;
    max-width:576px;
    z-index:1;
    padding:0;
  }
  body.two-cols #secondary {
    height: auto;
    float: right;
    width: 50%;
    max-width: none;
    position: static;
  }

 body.two-cols #secondary .hero {
    text-align: right;

  }

/*
  body.two-cols #secondary img {
    max-width: 100%;
    display: inline;
  }
 */


  #contact #secondary {
    float: left;
    width: 34%;


  }
  #contact-info {
    background-color: rgba(255,255,255,0.8);
    color: rgba(0,0,0,1);
	font-weight: bold;
    padding: 20px;
    /* margin-top: 52px;*/
  }
  #contact-info p {
    width: 48%;
	margin: 0;
	padding: 1%;
	float: left;
  }





}

@media (min-width: 895px) {
  #logo
  {
    right:61px;
  }
}

@media (min-width: 1090px) {
  #nav li
  {
    margin:0 95px 0 0;
  }
}

@media (min-width: 1060px) {
  #main
  {
    padding-left:120px;
  }
}

@media (min-width: 540px) {
  form>fieldset
  {
    max-width:300px;
  }
}

@media (min-width: 790px) {
  form>fieldset
  {
    float:left;
    margin:0 0 20px;
  }

  form>fieldset:first-of-type
  {
    margin-right:50px;
  }

  form li fieldset
  {
    margin:0 0 30px;
  }

  form button
  {
    clear:both;
    margin:0 0 0 390px;
  }

}

@media only screen and (max-width:1000px){
  #content {
    padding: 30px;
  }
   #main {
    margin-bottom: 30px;
  }
  #secondary{
    padding: 0px;
  }
}

@media only screen and (max-width:768px){
  /*#secondary{
    height:0px;
    padding: 0px;
    width: 113%;
    margin-left: -20px;
  }*/

  .hero
  {
    position:relative;
    width:100%;
  }
  
  /*.hero img {
    position:absolute;
    width: 100%;
    right:0;
    top:0;
    z-index:1;
  }*/
  
  .extra-margin-top {
    margin-top: 560px;
  }
}


/*
  Projects page
*/

#project #content,
#projects #content {
  padding-bottom: 0;
}
#project #content .samples ul,
#projects #content .samples ul {
  height: auto;
}

#mCSB_1_container li:not(:last-child) {
  padding-right: 2px;
}

#mCSB_1_container li div:first-child {
  padding-bottom: 2px;
}

/*
  Bubbles
*/

.bubbles {
  background: #444;
}
.bubbles .bubble {
  padding: 40px 30px;
  text-align: center;
  position: relative;
}
.bubbles .bubble.second {
  background: #555;
}

.bubbles .bubble h3 {
  color: rgba(255,255,255,.5);
  font-size: 18px;
  line-height: 30px;
  margin: 0;
}
.bubbles .bubble:after {
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #555;
  width: 0;
  height: 0;
  margin-left: -20px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  z-index: 999;
}
.bubbles .bubble:first-child:after {
  border-top-color: #444;
}

.bubbles .bubble:last-child:after {
  content: none;
}

#testimonials .mCSB_container {
  border-top: 1px solid rgba(255, 255, 255, 1);
}

#testimonials .mCSB_dragger_bar,
#projects .mCSB_dragger_bar,
#project .mCSB_dragger_bar {
  margin-top: 5px;
  background-color: rgb(150, 150, 150);
}

#testimonials .mCSB_draggerRail,
#projects .mCSB_draggerRail,
#project .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 1);
  height: 1px;
}

#projects .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#projects .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#project .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
#project .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -20px;
}
#fb { height: 50px; width: 50px; }


.address-details {
    position: absolute;
    top: 0;
    background-color: rgba(202, 197, 194, 0.9);
    height: 110px !important;
    width: 570px;
    font-size: large;
}

.right-address {
    float: right;
    margin-top: 20px;
    line-height: 1.2em;
    margin-right: 20px;
}

.left-address {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    line-height: 1.2em;
}
.aftername {
    margin-top: 240px;
}

/* WordPress Contact Page Template - matching #contact styles */
@media (min-width: 790px) {
  .page-template-page-contact #main {
    float: left;
    width: 66%;
    padding: 25px 30px 0 122px;
    margin-top: -20px;
  }
  
  .page-template-page-contact #secondary {
    height: auto;
    float: right;
    width: 34%;
    max-width: none;
    position: static;
  }
}