@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
list-style-type: none; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}

html, body {-webkit-text-size-adjust: 100%;   scroll-behavior: smooth;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;	}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
font-size: 12px !important;}

/*--------JW Icon PLAYBACK ------------- */
.jw-state-idle .jw-controls, .jw-background-color{background-color:rgba(255,255,255,0) !important;}
.jw-state-idle .jw-svg-icon-play path {	display: none;}

/*This is for a custom icon play button*/
.jw-state-idle .jw-svg-icon-play {
	background-image: url("../images/video-play-button.svg");
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

.jw-state-idle .jw-display-icon-container:hover .jw-svg-icon-play {
background-image: url("../images/video-hover-button.svg");
-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}

.jw-state-idle .jw-controls{background-color: transparent !important;}
.jw-controls-backdrop{background: none !important;}
.jw-state-complete .jw-controls{background-color: transparent !important;}

/*--------END JW Icon PLAYBACK ------------- */

/* HUBSpot Remove outside spacing around the whole form */
.hs-form,
.hs-form form {
  margin: 0 !important;
  padding: 0 !important;
}


/* Optional: tighten space above the submit button */
.hs-form .hs_submit,
.hs-form .actions {
  margin-top: 4px !important; /* or 0 */
}

.legal a:link, .legal a:visited, .legal a:active{
font-size: 25px;
font-weight: 500;
}

body {
	font-family: "poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
}

a, li, button, div.bullets {
	font-family: "poppins", sans-serif;
	text-decoration: none;
}

p { 
	font-family: "poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	letter-spacing: .3px;
}
p.titles { 
	margin: 5px 0 0 0;
	line-height: 20px;
	height: 30px;
	letter-spacing: -.1px;
}
p.header { 
	font-size: 15px;
	line-height: 23px;
	margin: 0px 0px 10px 0px;
}

p.bigger { 
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 25px;
}
.p-small { 
	font-size: 13px!important;
	line-height: 20px!important;
}

.abril-serif{ 
font-family: "abril-display", serif;
font-weight: 400;
font-style: normal;
}

.usa, .usa a:link, .usa a:visited{
	font-family: "poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	color: #122437!important;
	position: absolute;
	top: 8px;
 right: -14px;
 width: 200px;
 height: 0px;
}
.usa a:hover, .usa a:active{
	color: #009247!important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1 {display: none;}

h1.home {
	display: inline!important;
	font-family: "poppins", sans-serif!important;
	font-weight: 600!important;
	font-size: 45px;
	line-height: 55px;
	color: #fff!important;
	padding: 0 20px 0 0;
	margin: 0 0 30px 0!important;
	text-shadow: 2px 2px 6px rgba(40,40,40,1);
}

.bg-home h2 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	color: #dee3e9;
	padding: 0 20px 10px 0;
	letter-spacing: -0.5!important;
}

.bg-home  h2.tradeshows {
	font-size: 30px;
	line-height: 36px;
	padding: 0 0 5px 0!important;
}

.bg-home h3{
	font-size: 20px;
	line-height: 27px;
	font-weight: 600!important;
	color: #BD9250;
	letter-spacing: .5px!important;
	margin: 10px 0 0 0;
}

h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 45px;
}

h2.smartbuild-visualizer {
	font-size: 40px;
	font-weight: 600;
	line-height: 45px;
  margin: 5px 0 5px 0;
}

h2.sml {
	font-size: 38px;
	font-weight: 600;
	line-height: 46px;
}
h2.frontrange {
	font-size: 40px;
	line-height: 46px;
	font-weight: 500!important;
	margin-top: 25px;
	padding-left: 0px;
}

h2.xsml {
	font-size: 30px;
	line-height: 38px;
}
h2.header {
	font-size: 38px;
	font-weight: 500;
	line-height: 50px;
	color: #e6e6e6;
	margin: 0 0 10px 0;
}

h4.homebanner {
	font-size: 23px;
	line-height: 27px;
	letter-spacing: 0!important;
	font-weight: 500;
	margin: 10px 0 0 0;
}

h3 {
	font-size: 23px;
	line-height: 29px;
	letter-spacing: -.2px;
	font-weight: 400;
}
h3.subtitle {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -.2px;
	/*font-weight: 300;*/
  margin: 0 0 35px 0;
  color: #e6e6e6;
}
h3.featured {
	font-size: 20px;
	line-height: 29px;
  font-weight: 400;
  color: #bd9250;
	letter-spacing: -.2px;
	text-transform: uppercase;
}


h3.access {
	font-size: 34px;
	line-height: 37px;
}
h3.access-texas {
	font-size: 30px;
	line-height: 35px;
}
h3.sml {
	font-size: 18px;
	line-height: 26px;
}
h3.lg {
	font-size: 26px;
	line-height: 35px;
}
h3.xlg {
	font-size: 32px;
	line-height: 38px;
}
h3.xlg.frontrange {
	font-size: 55px;
	line-height: 38px;
	padding-bottom: 25px;
}
h3.cta-phone {
	font-size: 30px;
	line-height: 30px;
	font-weight: 600!important;
	letter-spacing: -.3px;
}
h3.titles {
	font-size: 26px;
	line-height: 32px;
	font-weight: 500;
	letter-spacing: -.2px;
	color: #234260;
	padding: 0 0 15px 30px;
}

h3.sitemap {
	font-size: 20px;
	line-height: 30px;
}
h3.header {
	font-size: 22px;
	line-height: 30px;
	color: #e6e6e6;
	margin: 10px 0 10px 0;
	font-weight: 400;
}

h3.home {
	font-size: 20px!important;
	line-height: 28px!important;
	font-weight: 500;
	color: #122437;
	margin-bottom: 10px; 
}
h3.cta {
	margin-bottom: 15px;
	font-weight: 300!important;
	text-shadow: 10px 10px 15px rgb(48 25 12)
}
h3.history {
	font-size: 20px!important;
	line-height: 28px!important;
	font-weight: 300!important;
	color: #dee3e9!important;
	margin-bottom: 10px;
}
h3.videos {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300!important;
}
h4 {
	font-size: 20px;
	line-height: 27px;
}
h4.videos {
	font-size: 16px;
	line-height: 22px;
	color: #e6e6e6;
}
h4.sml {
	font-size: 18px;
	line-height: 24px;
}
h4.md{
	font-size: 23px;
	line-height: 30px;
}
h4.lg {
	font-size: 28px;
	line-height: 36px;
}
h4.xxl {
	font-size: 40px;
	font-weight: 600;
	line-height: 45px;
	padding: 0 20px 0 0;
}
h4.cardtitles {
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
	color: #234260;
	padding: 0 0 8px 0;
}

h4.card {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #234260;
	padding: 15px 10px 15px 20px;
	height: 90px;
}

h4.height {
	height: 55px;
		line-height: 25px;
}
h4.home.height {
	height: 48px;
		line-height: 23px;
}
h4.home{
	font-size: 20px!important;
	line-height: 27px!important;
	font-weight: 500;
	color: #122437;
	margin-bottom: 12px; 
	text-align: center;
}

h4.cta{
	font-size: 28px!important;
	line-height: 34px!important;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 20px; 
	text-align: center;
	padding: 0 35px ;
}

h5 {
	font-size: 20px;
	line-height: 28px;
}

h5.lg {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 5px 0;
}

h5.xlg {
	font-size: 38px;
	line-height: 38px;
	margin: 0 0 0 0;
}
h5.sml {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 5px 0;
}
h5.smartbuild {
				font-size: 60px;
    line-height: 66px;
    font-weight: 600;
    color: #079248;
    margin: 45px 0 10px 0;
    letter-spacing: -0.5px;
}
h5.smartbuild.sm {
				font-size: 50px;
    line-height: 25px;
	   font-weight: 700;
    margin: 20px 20px 0 35px;
	padding: 0 0 30px 0;
		text-align: center;
}
h5.smartbuild-sm {
	font-size: 50px;
 line-height: 25px;
	font-weight: 700;
	color: #079248;
	letter-spacing: -0.5px;
	text-align: center;
}
h5.smartbuild-xsm {
	font-size: 40px;
 line-height: 25px;
	font-weight: 700;
	color: #079248;
	letter-spacing: -0.5px;
	text-align: center;
}
.smartbuild-learn-more {
				font-size: 15px;
    line-height: 20px;
				font-weight: 300;
				color: #fff;
				letter-spacing: 0.3px;
				display: block;
				margin: 10px 0 0 0;
}

h6 {
	font-size: 20px;
	line-height: 28px;
}
h6.sml {
	font-size: 18px;
	line-height: 24px;
}
h6.home {
	font-family: "montserrat", sans-serif;
	font-size: 55px;
	line-height: 60px;
	font-weight: 700;
	color: #dee3e9;
	margin: 100px 0 5px 0;
	text-shadow: 2px 2px 6px rgba(40,40,40,1);
}

blockquote{
  font-size: 15px;
	 line-height:24px;
	font-weight: 300;
  width: 95%;
  margin: 10px 0 10px 0;
  color: #d9d9d9;
  padding: 20px 20px 10px 43px;  
  position: relative;
	letter-spacing: -.2px;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#099046;
  font-size:2.5em;
  position: absolute;
  left: 25px;
  top: 25px;
}

blockquote::after{
	font-family:Arial;
  content: "\201D";
	color:#099046;
	position: relative;
	font-size:2.5em;
	vertical-align: -16px;
	left: 7px;
}

.testimonial-box {
 background-color: #fff;
	border-radius: 15px!important;
	padding: 20px 20px 20px 30px;
}

/*.quote-pullout {
	font-size: 34px;
	font-weight: 600!important;
	line-height: 45px;
	font-style: italic;
	color: #976f32;
}

.pullout-wrap {padding: 30px 20px 0px 30px;}*/

.testimonials blockquote{
  font-size: 15px;
	 line-height:24px;
	font-weight: 300;
  width: 95%;
  margin: 10px 0 10px 0;
  color: #50545a;
  padding: 10px 10px 10px 40px;  
  position: relative;
	letter-spacing: -.2px;
	quotes: "\201C""\201D""\2018""\2019";
}

.testimonials blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#af823d;
  font-size:6.5em;
  position: absolute;
  left: 0px;
  top: 25px;
}

.testimonials blockquote::after{
	font-family:Arial;
  content: "";
	color:#976f32;
	position: relative;
	font-size:6.5em;
	vertical-align: -26px;
	left: 7px;
}
/*--------- end quotes ---------------------*/

.subhead-home {
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #dee3e9;
	letter-spacing: .3px;
	text-shadow: 2px 2px 6px rgba(40,40,40,1);
}

.black { font-weight: 900 !important;}
.bold { font-weight: 600 !important; letter-spacing: 0px;}
.semibold { font-weight: 500 !important;letter-spacing: 0px;}
.light { font-weight: 300 !important;}
.lighter { font-weight: 200 !important;}

.uppercase {text-transform: uppercase!important;}

.homepg .nopointer {
  pointer-events: none !important;
}

.hide { display: none;}
.show { display: block;}

.sidenav-desktop { display: block;}
.sidenav-mobile { display: none;}

sup {
	vertical-align: 20%;
	line-height: 20px;
	font-size: 10px;
	padding: 0px 0px 0px 1px;
}

#circle {
  width: 13px;
  height: 13px;
  background: #009d4c;
  border-radius: 50%;
	margin: 3px 8px 0 0;
	float: left;
	vertical-align: 30px;
	position: relative;
}
#circle-sm {
  width: 11px;
  height: 11px;
  background: #009d4c;
  border-radius: 50%;
	margin: 7px 8px 0 0;
	float: left;
	vertical-align: 30px;
	position: relative;
}
.circle-xsm {
  width: 10px;
  height: 10px;
  background: #009d4c;
  border-radius: 50%;
	margin: 6px 8px 0 0;
	float: left;
	vertical-align: 30px;
	position: relative;
}
.circle-xsm.gold {
  background: #665234!important;
}
.circle-sm {
  width: 11px;
  height: 11px;
  background: #009d4c;
  border-radius: 50%;
	margin: 7px 8px 0 0;
	float: left;
	vertical-align: 30px;
	position: relative;
}
.circle-sm.gold {
  background: #665234!important;
}
/*--------- COLORS---------------------*/
.bg-blue { background-color: #1f2d3a!important; color: #e6e6e6!important;}
.bg-blue-darker { background-color: #1f2934!important; color: #e6e6e6!important;}
.bg-blue-blue { background-color: #1a3651!important; color: #e6e6e6!important;}
.bg-blue-mid { background-color: #173048!important; color: #e6e6e6!important;}
.bg-blue-dark { background-color: #122437!important; color: #e6e6e6!important;}
.bg-blue-copyright { background-color: #1b2733!important; color: #e6e6e6!important;}

.bg-darkgreen { background-color: #004b3d!important; color: #e6e6e6!important;}
.bg-darkergreen { background-color: #013e32!important;}
.bg-greener { background-color: #01362b!important;}   
.bg-green { background-color: #079248!important; color: #e6e6e6!important;}

.bg-beige {background-color: #b1ad92!important;}
.bg-lightbeige {background-color: #d9d1c0!important;} 
.bg-lighterbeige {background-color: #dfd9cb!important;} 

.bg-lightbrown {background-color: #543726!important; color: #e8e3dd;}
.bg-brown { background-color: #2b221c!important; color: #ddd1c5!important;}
.bg-gold { background-color: #a98040!important; color: #fff!important;}

.bg-white { background-color: #fff!important; color: #50545a!important;}
.bg-lightgray { background-color: #e6e4e4!important; color: #50545a!important;}
.bg-lightergray { background-color: #f0f0f0!important; color: #50545a!important;}
.bg-gray  { background-color: #50545a!important; color: #e6e6e6!important;}
.bg-darkgray  { background-color: #484745!important; color: #e6e6e6!important;}

.txt-purewhite {	color: #fff!important;}
.txt-white {	color: #e6e6e6!important;}
.txt-lightgray { color: #e6e4e4!important;}
.txt-beige { color: #d9d1c0!important;}
.txt-gold { color: #BD9250!important;}
.txt-lightergold { color: #af823d!important;}
.txt-brown { color: #372003!important;}
.txt-orange { color: #d29a4b!important;}

.txt-blue {	color: #234260!important;}
.txt-blue-dark {	color: #122437!important;}
.txt-green {	color: #079248!important;}
.txt-darkgreen {	color: #004b3d!important;}
.txt-lightergreen {	color: #02c457!important;}
.txt-black { color: #50545a!important;}
.txt-dark { color: #231f20!important;}
/*--------- Links---------------------*/
a {  text-decoration: none;	cursor: pointer;}

a:link, a:active, a:visited {	color: #50545a; text-decoration: none;}
a:hover, a:focus {color: #079248; text-decoration: none; }

a:link.dark, a:active.dark, a:visited.dark {	color: #353535!important; text-decoration: none;}
a:hover.dark, a:focus.dark {color: #079248!important; text-decoration: none; }


a:link.white, a:active.white, a:visited.white {	
	color: #e6e6e6!important; 
	text-decoration: underline!important;
 text-underline-offset: 3px; text-decoration-thickness: .8px; text-decoration-color: #A98040!important;
}
a:hover.white, a:focus.white {
	color: #A98040!important; 
	text-decoration: none!important; 
}

a:hover.white.gold, a:focus.white.gold {
	color: #BD9250!important; 
	text-decoration: none; 
}

a:link.white.nounderline, a:active.white.nounderline, a:visited.white.nounderline {	
	color: #e6e6e6!important; 
	text-decoration: none!important;
}
a:hover.white.nounderline, a:focus.white.nounderline {
	color: #A98040!important; 
	text-decoration: none!important; 
}

a:link.underline, a:active.underline, a:visited.underline {	
	color: #50545a!important; 
	text-decoration: underline;
 text-underline-offset: 3px; text-decoration-thickness: .8px; text-decoration-color: #A98040;
}
a:hover.underline, a:focus.underline {
	color: #079248!important; 
	text-decoration: none; 
}
a:focus-visible.underline {
	color: #079248!important; 
	text-decoration: none; 
	outline: 1px solid #079248!important;
	outline-offset: 3px;
}
a:link.underline-white, a:active.underline-white, a:visited.underline-white {	
	color: #e6e6e6!important; 
	text-decoration: underline;
 text-underline-offset: 3px; text-decoration-thickness: .8px; text-decoration-color: #A98040;
}
a:hover.underline-white, a:focus.underline-white {
	color: #c2944e!important; 
	text-decoration: none; 
}

a:link h3 , a:active h3, a:visited h3 {
	color: #BD9250!important;
}
a:hover h3 {
	color: #fff!important;
}
a:link h4.cardtitles, a:active h4.cardtitles, a:visited h4.cardtitles  {
	color: #234260!important;
}
a:hover h4.cardtitles   {
	color: #079248!important;
} 

a:link h5.smartbuild.sm , a:active h5.smartbuild.sm , a:visited h5.smartbuild.sm  {
	color: #079248!important;
}
a:hover h5.smartbuild.sm   {
	color: #BD9250!important;
}

.icon-12 {	color: #079248!important; 	font-size: 12px; padding-right: 3px; vertical-align: 1px;}
.icon-gold {	color: #af823d!important; 	font-size: 12px; padding-right: 3px; vertical-align: 1px;}


/**** hover svg social media icons  ******/
.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: cover;
		margin: 5px 0 0 0;
}

.icon-facebook:hover,
.icon-facebook:focus {
filter: invert(43%) sepia(12%) saturate(4908%) hue-rotate(107deg) brightness(91%) contrast(94%);
}

.icon-linkedin:hover,
.icon-linkedin:focus {
filter: invert(43%) sepia(12%) saturate(4908%) hue-rotate(107deg) brightness(91%) contrast(94%);
}

.icon-instagram:hover,
.icon-instagram:focus {
filter: invert(43%) sepia(12%) saturate(4908%) hue-rotate(107deg) brightness(91%) contrast(94%);
}

.icon-youtube:hover,
.icon-youtube:focus {
filter: invert(43%) sepia(12%) saturate(4908%) hue-rotate(107deg) brightness(91%) contrast(94%);
}
/**********/

.aside-cta a:link, .aside-cta a:active,.aside-cta a:visited {
	color: #fff!important;
}
.aside-cta a:hover {	color: #004b3d!important;}

footer a:link, footer a:active, footer a:visited {color: #e6e6e6;	line-height: 18px!important; text-decoration: none!important; padding-right: 10px;}

a.phone, a.phone:hover, a.phone:focus{
	text-decoration: none!important;
	color: #e6e6e6!important;
	cursor: default!important;
}

.shrink img {
transition: 1s ease;
} 

.shrink img:hover{
-webkit-transform: scale(0.97);
-ms-transform: scale(0.97);
transform: scale(0.97);
transition: 1s ease;
}

.enlarge {
transition: 0.5s ease;
}
.enlarge:hover{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
transition: 1s ease;
}

.shadow-svg {
  -webkit-filter: drop-shadow( 2px 2px 3px rgba(0, 0, 0, .4));
  filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .4));
 }
.shadowdark-svg {
  -webkit-filter: drop-shadow( 1px 1px 6px rgba(0, 0, 0, 1));
  filter: drop-shadow( 1px 1px 6px rgba(0, 0, 0, 1));
 }

.txt-shadow {	text-shadow: 1px 0px 2px rgba(98,18,23,0.3);}
.txt-shadow-blur {	text-shadow: 1px 1px 5px rgba(13,13,13,0.8);}

.shadowed {
    -webkit-filter: drop-shadow(3px 3px 10px rgba(0,0,0,0.3));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.dropshadow-txt {
	text-shadow: 2px 2px 10px rgb(51 62 72);
}
.dropshadow-txt-dark {
	text-shadow: 2px 2px 10px rgb(2 3 3);
}

.dropshadow{
-moz-box-shadow: 5px 5px 10px rgba(0, 0,0,0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}

.dropshadow-box{
-moz-box-shadow: 0px 2px 8px rgba(0, 0,0,0.5);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.4);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}

img.shadowed { 
    -webkit-filter: drop-shadow(8px 8px 8px rgba(0,0,0,0.6));
    filter:         drop-shadow(8px 8px 8px rgba(0,0,0,0.6)); 
}

img.fade-in-image { animation: fadeIn 5s; }

.fade-in { animation: fadeIn 5s; }

img, object{	max-width: 100%;}

.responsive {
  width: 100%;
	display: block;
	object-fit: contain;
}
img.quotes {
  width: 80%;
		margin: 30px 0 30px 30px;
}

.roundedge {
	border-radius: 5px!important;
}
.roundedge-none {
	border-radius: 0!important;
}
.roundedge-top {
	border-top-left-radius: 5px!important;
	border-top-right-radius: 5px!important;
}
.roundedge-top-right {
	border-top-right-radius: 15px!important;
}
.roundedge-btm {
	border-bottom-left-radius: 5px!important;
	border-bottom-right-radius: 5px!important;
}

img.objectfit{
  object-fit: contain;
  width: 100%;
		display: block;
}

img.img-center{
		margin: auto;
}
.guide-lpg {
  object-fit: contain;
  width: 380px;
		display: block;
		margin: auto;
}
.infografik-icons{
  object-fit: contain;
  width: 100px;
		display: block;
	margin: auto;
	padding: 10px 0 10px 0;
}
.logos-finance{
  object-fit: contain;
  width: 180px;
		display: block;
	margin: auto;
	padding: 0 0 20px 0;
}
.logo-front-range {
	display: block;
	float: center!important;
	width: 280px;
}
.logo-front-range-thanks {
 width: 300px;
	display: block;
	object-fit: contain;
	margin: 0 0 25px 0;
}
.burrows-logo-lpg {
	width: 280px;
	display: block;
	object-fit: contain;
	margin: 0 0 35px 0;
}
.burrows-logo-lpg.thanku {
	width: 350px;
	margin: 0 0 0 0;
}
		.home-banner {
			width: 430px;
			display: block;
			object-fit: contain;
		}
.sl-book {
	width: 220px;
	display: block;
	object-fit: contain;
	margin: 0 auto;
}

.headshot {
	width: 80px;
	display: block;
	object-fit: contain;
	float: left;
}
.headshot-thanku {
	width: 80px;
}
.sl-dbl-logo {
	width: 200px;
	display: block;
	object-fit: contain;
	float: left;
	margin: 0 0 0 20px;
	padding: 30px 0 0 0;
}
.gj-gjd-logo {
		width: 180px;
	display: block;
	object-fit: contain;
	float: left;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;
}
.dbl-logo {
	width: 370px;
	display: block;
	object-fit: contain;
}
.gjd-logo {
	width: 370px;
	display: block;
	object-fit: contain;
	margin: 0 0 0 0;
}
.map-locations {
	width: 75%;
	display: block;
	object-fit: contain;
	margin: 0 auto 0 auto;
}

.img-portrait {
 position: relative;
 float: left;
	width: 80%;
	display: block;
	object-fit: contain;
}

.img-barndo-kit {
	width: 60%;
	margin: 30px 0 30px 0;
	display: block;
	object-fit: contain;
}

/**** barnodo floor landing page ***/
div.sl-portrait {
  position: relative;
		top: 0%;
		width: 100%;
} 
div.sl-drawinginset { 
  position: absolute;
  top: 70%;
  left: 70%;
		width: 60%;
}

div.gj-portrait {
  position: relative;
		top: 0%;
		width: 100%;
} 
div.gj-drawinginset { 
  position: absolute;
  top: 70%;
  right: 70%;
		width: 60%;
}
/**** end barnodo floor landing page */

.smartbuild {
	width: 70%;
	display: block;
	object-fit: contain;
	margin: auto;
}
.smartbuild.sm {
	width: 340px;
}
.smartbuild.xsm {
	width: 260px;
}
.smartbuild.left {
	margin: 0;
}
.smartbuild-box-wrap {
	background-color: #fff;
	padding: 65px 0 30px 0;
	border: solid 1px #ececec;
}
.smartbuild-box-wrap-green {
	background-color: #079248;
	padding: 65px 0 30px 0;
	border: solid 1px #ececec;
}
.smartbuild-box-wrap-blue {
	background-color: #173048;
	padding: 55px 0 30px 0;
	border: solid 1px #ececec;
	color: #fff;
	text-align: center;
	border-radius: 6px;
}

.icon-play {
position: absolute; 
  max-height: 65px;
  top: 20px;
  left: 200px;
  width: 80px;
		opacity: .6;
}
.icon-play-home {
  max-height: 45px;
  width: 35px;
  opacity: .6;
  margin-left: 10px;
}
.icon-play-1{
  font-size: 40px;
  line-height: 58px;
  margin: 0 auto;
  opacity: .7;
}
.icon-vision {
 max-height: 35px;
}
.icon-handshake {
 max-height: 45px;
}
.icon-home {
 max-height: 40px;
	margin: 15px 0 5px 0;
}
.icon-warehouse {
max-height: 40px;
	margin: 15px 0 5px 0;
}
.info-design {
	width: 320px;
	display: block;
	object-fit: contain;
	margin: auto;
}
.info-testimonials {
	width: 310px;
	display: block;
	object-fit: contain;
	margin: auto;
}
.map-proudlyserving {
	width: 50%;
	display: block;
	object-fit: contain;
	margin: auto;
}
.title-wrap{
	padding: 50px 0 50px 0;
	 
}
.floating-title {
	position: absolute;
	display: block;
	margin-top: -5%;
}
.header-spacer {
	margin-top: 162px;
	}
.gradient-top-training {
background: -moz-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: -webkit-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: linear-gradient(3deg,rgb(92 126 160) 0,rgb(132 167 196) 35%,rgb(29 62 92) 78%);
	}

.gradient-top-history {
background: -moz-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: -webkit-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: linear-gradient(3deg,rgb(92 126 160) 0,rgb(132 167 196) 35%,rgb(29 62 92) 78%);
	}

.gray-gradient-top {
   background: rgb(91,93,96);
background: -moz-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 55%,rgb(29 62 92) 81%);
background: -webkit-linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 55%,rgb(29 62 92) 81%);
background: linear-gradient(3deg,rgb(92 126 160) 0,rgb(152 191 220) 55%,rgb(29 62 92) 81%);
	}


.bg-home.banner {
	background-image: url("../images/burrows-post-frame-wood-truss-load.jpg") ; 
	clear:both;
	width:100%;
	height: 1000px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	 animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
		 background-position: bottom right;
} 


.bg-quality {
	background: url("../images/burrows-craftsmanship.jpg") no-repeat right top; 
	background-color: #2b221c;
	padding-bottom: 0px;
	clear:both;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain !important;
} 
.bg-orderaccuracy {
	background: url("../images/Order-accuracy.jpg") no-repeat right top; 
	padding-bottom: 0px;
	clear:both;
	width:100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain !important;
} 

.bg-estimate {
	background-image: url("../images/bg-estimate.gif") ; 
	clear:both;
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover!important;
}

.bg-design {
	background-image: url("../images/bg-design.gif") ; 
	clear:both;
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover!important;
}

.bg-smartbuild {
	background-image: url("../images/SMARTBUILD-barndominium-design.gif") ; 
	clear:both;
	width:100%;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
}
.bg-drawing.home {
	background-image: url("../images/SMARTBUILD-grid-header.svg") ; 
	clear:both;
	width:100%;
	padding: 50px 0 35px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
		background-repeat: no-repeat;	
		background-position: center; 	
	 animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}
.bg-drawing {
	background-image: url("../images/SMARTBUILD-grid-header.svg") ; 
	clear:both;
	width:100%;
	padding: 50px 0 35px 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
		background-repeat: no-repeat;	
		background-position: center; 	
	 animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

.bg-smartbuild-visualizer-overlay {
  background-color:  rgba(2, 14, 26, .8);
}

  .bg-smartbuild-visualizer {
    background-image: url("../images/fast-estimating-smartbuild.jpg") ; 
    clear:both;
    width:100%;
    padding: 0 0 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover !important;
      background-repeat: no-repeat;	
      background-position: center; 	
     animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
  }

.bg-drawing-cta {
	background-image: url("../images/SMARTBUILD-grid-cta.svg") ; 
	clear:both;
	width:100%!important;
	padding: 50px 0 35px 0;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain !important;
}

.bg-experience {
	background-image: url("../images/coil-coated-steel.jpg") ; 
	clear:both;
	width:100%;
	height: 475px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	 animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

.bg-front-range {
	background-image:	linear-gradient(0deg, rgba(7,15,28,0.8) 0%, rgba(0,0,0,0) 37%), 	url("../images/front-range-post-frame-support.jpg") ; 
	clear:both;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;				
} 

.img-fade{
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/*--------- Commonly used ---------------------*/

hr {
	border: 0;
	height: 2px;
	margin: 20px auto 20px auto;
	width: 25%;
}
hr.dash {
	margin: 10px auto 10px auto;
	width: 100%;
	border-bottom: dashed 1px #c4c4c4;
}
hr.sm {	margin: 10px auto 20px auto!important;	width: 10%!important;}
hr.md { 	margin: 25px auto 25px auto!important;	width: 15%!important;}

hr.gold {	background: #a98040;}
hr.green {	background: #009d4c;}
hr.darkgreen {	background: #004b3d;}

.clear {	clear: both;}

.display-none {	display: none;}

.float-right {float: right!important;}
.float-left {float: left!important;}
.float-none {float: none!important;}

img.float-left {
	float: left;
	width: 50%;
	margin: 0 30px 15px 0;
}

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

.exclusive-wrap { 
	display: block; 
	text-align: center;
	margin: 30px 0 0 0;
}

.center { display: block; text-align: center!important;}
.right { display: block; text-align: right!important;}
.left { display: block; text-align: left!important;}

.center.block { margin: auto;}

.container { max-width: 1400px; margin: auto;}
.container.within { max-width: 1300px; margin: auto;}
.container.sm { max-width: 1280px; margin: auto;}
.container.xsm { max-width: 1150px; margin: auto;}
.container.top { padding-top: 30px}

.content {	padding: 0 50px 0 50px;}

.bg-home.content {	padding: 0 50px 0 50px;}

.content.inner {	padding: 0 0 0 50px;}
.content.mb {	padding: 0 50px 50px 50px;}
.content-xsm {	padding: 0 30px 0 30px;}
.content-sm {	padding: 0 40px 0 40px;}

.content-left {	padding: 0 0 0 35px;}
.content-right {	padding: 0 35px 0 0;}

.content-box {	padding: 25px 30px 30px 30px;}
.content-box-title {	padding: 15px 25px 10px 20px;}
.content-box-sm {	padding: 20px 25px 15px 25px;}
.content-box-home {	padding: 20px 25px 15px 25px;}

.divider-hr { padding: 30px 0px 50px 0px; }

.divider { padding: 40px 0px 40px 0px; }
.divider-sm { padding: 30px 0px 30px 0px; }
.divider-med { padding: 40px 0px 40px 0px; }
.divider-md { padding: 50px 0px 50px 0px; }
.divider-lg { padding: 70px 0px 70px 0px; }

.page-title-intro {
	margin: 30px 0 0 0;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #009D4C;
}


.order-accuracy-wrap {
	 position: absolute;
	 top: 80px;
		right: 40px;
}
.order-accuracy {
  width: 350px;
	margin-right: 50px;
	background-color: rgba(0, 26, 47, 0.8);
	border-radius: 5px;
	padding: 30px;
}

.fast-estimate-wrap {
	 position: absolute;
	 top: 80px;
		right: 40px;
}
.fast-estimate {
  width: 450px;
	margin-right: 50px;
	background-color: rgba(9, 30, 47, 0.8);
	border-radius: 5px;
	padding: 10px;
}
.content-homebb{	padding: 20px  20px 20px 0;}

/*------- decorative dividers ------*/

.dividers {
	position: relative;
	margin-top: 0px;
	height: 1px;
}

.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(240,240,240), transparent);
}

.div-arrow-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: #f0f0f0;
	border-bottom: 1px solid rgb(240,240,240);
	border-right: 1px solid rgb(240,240,240);
}
.div-arrow-down-blue:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background-color: #173048;
}


.div-transparent-darkergreen:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, #013e32, transparent);
}
.div-transparent-beige:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, #d9d1c0, transparent);
}

.div-transparent-blue:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, #173048, transparent);
}


.div-arrow-down-darkergreen:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 25px;
	height: 25px;
	transform: rotate(45deg);
	background-color: #013e32;
}
.div-arrow-down-blue:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background-color: #173048;
}
.div-arrow-down-beige:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background-color: #d9d1c0;
}
.div-arrow-down-big:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -17px;
	left: calc(50% - 7px);
	width: 24px;
	height: 24px;
	transform: rotate(45deg);
	background-color: #f0f0f0;
	border-bottom: 1px solid rgb(240,240,240);
	border-right: 1px solid rgb(240,240,240);
}
.div-arrow-down-big-blue:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 24px;
	height: 24px;
	transform: rotate(45deg);
	background-color: #173048;
}
.div-arrow-down-big-white:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -12px;
	left: calc(50% - 7px);
	width: 24px;
	height: 24px;
	transform: rotate(45deg);
	background-color: #fff;
}

/*------- end decorative dividers ------*/

.txt-wrap-left {	padding: 0px 0px 0px 30px;}	
.txt-wrap-right {	padding: 0px 50px 20px 0px;}
.txt-wrap-right.home {	padding: 20px 40px 40px 0;}

.spacer10 { clear:both; height:10px;}
.spacer15 { clear:both; height:15px;}
.spacer25 { clear:both; height:25px;}
.spacer35 { clear:both; height:35px;}
.spacer50 { clear:both;	height:50px;}

.p-0 {padding: 0!important;}
.pr-5 {padding-right: 5px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-30.mobile {padding-right: 30px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-15 {padding-left: 15px !important;}

.pt-0 {padding-top: 0px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-80 {padding-top: 80px !important;}

.pb-0 {padding-bottom: 0px!important;}
.pb-5 {padding-bottom: 5px!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-15 {padding-bottom: 15px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-30 {padding-bottom: 30px!important;}
.pb-40 {padding-bottom: 40px!important;}
.pb-50 {padding-bottom: 50px!important;}

.p-10 {padding: 10px !important;}
.p-15 {padding: 15px !important;}
.p-20 {padding: 20px !important;}
.p-30 {padding: 30px !important;}
.p-35 {padding: 35px !important;}
.p-40 {padding: 40px !important;}

.m-0 {margin: 0!important;}
.ml-5 {margin-left: 5px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-30 {margin-left: 30px !important;}

.mr-5 {margin-right: 5px !important;}
.mr-3 {margin-right: 3px !important;}
.mr-20 {margin-right: 20px !important;}


.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;} 
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;} 
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}

.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}

.text-block {
 font-size: 16px!important;
 line-height: 22px;
 font-style: normal;
	color: #e6e6e6;
	display: block;
	text-align: center;
	height: auto;
}

.text-block a:link {
	color: #e6e6e6;
	background-color: #0d314a;
	display: block;
	text-align: center;
	height: auto;
	padding: 15px 20px 15px 20px;
}
.text-block a:hover {
	color: #fff;
		display: block;
	background-color: #079248;
}

.last {	margin: 0;}

.border-none {border: none!important;}

.border-dashed {	border: dashed 1px #f2f2f2;}
.border {	border: solid 1px #ececec;}
.border-white {	border: solid 6px #fff;}
.border-blue {	border: solid 1px #23313e;}

.border-right {	
	border-right:  1px solid #cecece;
} 
.border-right-btm {	
	border-right:  1px solid #004b3d;
	border-bottom:  1px solid #fff;
} 
.border-left {	
	border-left:  1px solid #ececec;
}
.border-left-right {	
	border-left:  1px solid #ececec;
	border-right:  1px solid #ececec;
}
.border-left-gold {	
	border-left:  1px solid #BD9250;
} 
.border-left-gold-darker {	
	border-left:  1px solid #4D4539;
} 

.img-border-right {	
	border-right:  3px solid #ececec;
}

.border-bottom-none {	border-bottom: none!important;}

.border-btm {	border-bottom: solid 20px #36424f;}

.border-top-btm {	
	margin: 20px 0 20px 0;
	padding: 10px 0 20px 0;
	border-top: solid 3px #8d6f3f;
 border-bottom: solid 3px #8d6f3f;
}

.border-top-gold {	
	padding: 10px 0 20px 0;
 border-top: solid 3px #8d6f3f;
}
.border-btm-gold {	
	padding: 10px 0 20px 0;
 border-bottom: solid 3px #8d6f3f;
}

.border-top-dash {	border-top: dashed 1px #ece8de;}
.border-btm-dash {	border-bottom: dashed 1px #fff;}
.border-btm-solid {	border-bottom: solid 1px #fff;}
.border-btm-dash-blue {	border-bottom: dashed 1px #3e4f5b;}

.border-btm-dash-blue.mobile {	
display: none!important;
border-bottom: dashed 1px #3e4f5b;
}

/*--------- BUTTONS  -----------------------------*/

.btn-cont-left {
	margin-top: auto;
	align-self: left;padding-left: 30px;
}
.btn-cont { 
	margin-top: auto;
	align-self: center;
	margin-bottom: 40px;
}
.btn-cont.mb { 
	margin-top: auto;
	align-self: center;
	margin-bottom: 50px;
}

/*------- GENERIC BUTTON ------*/
.btn {
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 10px 18px 8px 18px;
  border: none;
  cursor: pointer;
	transition: all 0.5s;
	border-radius: 0px; 
	display: inline-block;
	margin: 0 0 0 0; 
	text-transform: uppercase;
}
.btn.sm {
	padding: 8px 15px 8px 15px;
	margin: 0 5px 0 0; 
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}
.btn.lg {
	padding: 15px 15px 15px 15px;
	margin: 0 0 0 0; 
	margin-top: 0px;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
}
.btn.xlg {
	padding: 15px 25px 10px 25px;
	margin: 0 0 0 0; 
	margin-top: 0px;
	color: #fff;
	font-size: 22px;
	line-height: 26px;
}
.btn.full {
	width: 100%;
}
/*-------COLOR white BUTTON ------*/
.white-btn {
	background-color: #fff;
	border: 1px solid #079248;
	color: #19334d!important;
}
.white-btn:hover{
	background-color: #079248;
	color: #fff!important;
}
.white-btn:focus {
	background-color: #079248;
	color: #fff!important;
}
.white-btn:focus-visible {
	outline: 1px solid #079248!important;
	outline-offset: 3px;
}

/*-------COLOR GREEN BUTTON ------*/
.green-btn {
	background-color: #079248;
	color: #fff!important;
}
.green-btn:hover{
	background-color: #976f32;
	color: #fff!important;
}
.green-btn:focus {
	background-color: #079248;
	color: #fff!important;
}
.green-btn:focus-visible {
	outline: 1px solid #079248!important;
	outline-offset: 3px;
}

/*-------gold button ------*/
.gold-btn {
	background-color: #976f32;
	color: #fff!important;
}
.gold-btn:hover{
	background-color: #079248;
	color: #fff!important;
}
.gold-btn:focus {
	background-color: #079248;
	color: #fff!important;
}
.gold-btn:focus-visible {
	outline: 1px solid #079248!important;
	outline-offset: 3px;
}

/*-------COLOR DARK GREEN  BUTTON ------*/
.darkgreen-btn {	
	background-color: #004b3d;
	color: #fff;
}

.darkgreen-btn:hover, .darkgreen-btn:focus {
	background-color: #079248;
	color: #fff;
}
.darkgreen-btn:focus-visible {
outline: 1px solid #079248!important;
outline-offset: 3px;
}
/*-------COLOR BLUE BUTTON ------*/
.blue-btn {	
	background-color: #173048;
	color: #fff;
}

.blue-btn:hover {
	background-color: #079248;
	color: #fff;
}
.blue-btn:focus {
	background-color: #004b3d;
	color: #fff;
	outline: .5px dashed #1f2d3a;
}
.blue-btn:focus-visible {
outline: 1px solid #079248!important;
outline-offset: 3px;
}

/*-------SMARTBUILD  BUTTON ------*/
.smartbuild-btn {
	font-weight: 500!important;
	background-color: #079248;
	color: #fff!important;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
}
.smartbuild-btn:hover{
	background-color: #a98040;
	color: #fff!important;
}
.smartbuild-btn:focus {
	background-color: #004b3d;
	color: #fff!important;
}
.smartbuild-btn:focus-visible {
	background-color: #a98040;
	outline: 2px solid #079248!important;
	outline-offset: 3px;
}
/*-------COLOR DARK GREEN  BUTTON ------*/

.buildsmarter-btn {	
	background-color: #004b3d;
	color: #fff;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
}
.buildsmarter-btn.green {	
	background-color: #079248;
}
.buildsmarter-btn.gold {	
	background-color: #a98040;
}

.buildsmarter-btn:hover {
	background-color: #a98040;
	color: #fff;
}
.buildsmarter-btn.gold:hover {
	background-color: #079248;
	color: #fff;
}
.buildsmarter-btn:focus {
	background-color: #a98040;
	color: #fff;
	outline: .5px dashed #079248;
}
.buildsmarter-btn:focus-visible {
	background-color: #a98040;
	outline: 2px solid #079248!important;
	outline-offset: 3px;
}
/*--------- Sidenav layout ---------------------*/

aside {
	display:flex;
  flex-direction:row;
  align-items:flex-start;
  height:100%;
  width:100%; 
}
aside .content {
	width: 80%;
	padding: 15px 70px 0 0;
	margin-right: 35px;
}
aside .content.full {
	width: 80%;
	padding: 0 20px 0 0;
	margin: 0 0 30px 0;
}

.sidebar {
	height:100%;
	width: 20%;
	padding: 0px;
}
.sidebar.full {
	width: 25%;
}
.sidebar.full.headspace {
	margin-top: 50px;
}

.sidebar .cta {
	height:100%;
	width: 100%;
	padding: 30px 30px 35px 30px;
	color: #f8f8f8!important;
}

.sidebar .cta .gold {
	height:100%;
	width: 100%;
	padding: 35px 35px 35px 35px;
	background-color: #079248!important;
	color: #f8f8f8!important;
	border-radius: 8px;
}
.sidebar .asidemenu {
	height:100%;
	width: 100%;
}
.asidemenu h5 {
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 8px;
	padding: 20px 15px 0 18px;
	color: #173048;
}

.sidenav {
	padding-bottom: 5px;
	padding-left: 0px;
}

.content-aside {
   display:flex;
   flex-direction:column;
	width:100%;
	margin-top: 0px;
}

.content-main {
  flex:1;
	padding: 0 0 0 0;
}
.sidebar .txt-block {
 font-size: 17px!important;
 line-height: 23px;
 font-style: normal;
	color: #e6e6e6;
	background-color: #21384f;
	display: block;
	text-align: left;
	height: auto;
	padding: 10px 20px 8px 20px;
}

.sidebar .sidenav ul {
	margin-bottom: 0px;
}
.sidebar .sidenav ul li {
	margin: 0px;
	display: block;
	padding-top: 0px;
}
.sidebar .sidenav ul.list {
	list-style: outside none none;
	padding-right: 0px;
	margin: 0!important;
}
.sidebar .sidenav ul.list li {
	padding-left: 0!important;
}
.sidebar .sidenav ul.list li a {
	font-size: 15px!important;
	line-height: 20px;
	color: #040707;
	text-decoration: none;
	padding: 10px 20px 7px 20px!important;
	-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; 
}
.sidebar .sidenav ul.list li.videos a {
font-size: 15px!important;
line-height: 20px;
color: #e6e6e6;
text-decoration: none;
padding: 10px 20px 7px 20px!important;
-webkit-transition: all 0.5s ease;  
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; 
}

.sidebar .sidenav ul.list li.videos a:hover {
background-color: #014c3e;
color: #fff;
border-bottom: solid 1px #525b67;
-webkit-transition: all 0.5s ease;  
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; 
}
					
.sidebar .sidenav ul.list-border-dashed li a {
	border-bottom: dashed 1px #c4c4c4;
	display: block;
		-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; 
}
 .sidebar .sidenav ul.list-border-dashed-dg li a {
	border-bottom: dashed 1px #595959;
	display: block;
		-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; 
}
 .sidebar .sidenav ul.list-border-dashed li a:hover {
	 background-color: #014c3e;
	 color: #fff;
	 border-bottom: solid 1px #525b67;
		-webkit-transition: all 0.5s ease;  
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; 
}

.sidebar .sidenav ul.list-border-dashed li.last a{
	border-bottom: none;
}
/*-- END Sidenav--*/


.main-image-wrap {
	position: relative;
}
.main-image-text {
  position: absolute;
  top: 80px;
}
.main-image-text-center {
  position: absolute;
  top: 80px;
		left: 200px;
}
.training-wrap {	position: relative;}

.training { 
  width: 100%;
  height: auto;
	display: block;
	object-fit: contain;
	position: absolute;
}

.bg-training {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 680px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position: center; 
  background-color: #0f2446;
} 

.whoweserve-wrap {
	position: relative;
}

.bg-whoweserve {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header-wide.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 680px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
  background-position-y: 0px!important;
  background-color: #0f2446;
	box-shadow: inset 0 300px 200px -85px #122437;
} 

.employeeowned-wrap {
	position: relative;
}
.bg-employeeowned {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/employee-owned-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 780px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position-x: center!important;
  background-position-y: 0px!important;
  background-color: #0f2446;
	box-shadow: inset 0 300px 200px -80px #122437;
} 

.bg-videos {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/bg-post-frame-house.jpg") ; 
	background-repeat: no-repeat;	
	background-color: #0f2446;
	clear:both;
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	box-shadow: inset 0 300px 200px -85px #122437;
	background-position: top left;
} 
/*--------- history page styles ---------------------*/
.truss-wrap {
	position: relative;
	margin-top: -100px;
}
.truss { 
  width: 100%;
  height: auto;
	display: block;
	object-fit: contain;
}

.badge-wrap {
  position: absolute;
  top: 80px;
}
.badge {
 	margin-left: 45px;
	width: 280px;
}

.divider-history {	
	padding: 55px 0px 10px 0px;
	width: 100%;
	background-color: #543726;
	color: #e8e3dd!important;
}

.bg-staceelynn {
	position: relative;
	background-image: url("../images/staceelynn-barndo.jpg") ; 
	clear:both;
	width:100%;
	height: 1050px;
	padding-top:20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-repeat: no-repeat;
  background-position-x: 50%; 
		background-position-y: 0;
} 
.bg-staceelynn.thankyou {
	height:1200px!important;
} 

.bg-texas {
	position: relative;
	background-image: url("../images/texas-barndo.jpg") ; 
	clear:both;
	width:100%;
	height: 1000px;
	padding-top:70px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-repeat: no-repeat;
  background-position-x: 0; 
		background-position-y: 0;
}

.bg-texas.thankyou {
	height:960px!important;
} 

.bg-barndo-kit {
	position: relative;
	background-image: url("../images/barndo-kit.jpg") ; 
	clear:both;
	width:100%;
	height: 1000px;
	padding-top:70px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-repeat: no-repeat;
  background-position-x: 0; 
		background-position-y: 0;
		overflow: auto;
}

.bg-barndo-kit.thankyou {
	height:960px!important;
} 

.success-kit {
  width: 450px;
	display: block;
	object-fit: contain;
	margin: 10px 0 0 0;
}
/*--------- FLEXBOX layout ---------------------*/

.flex-wraps {
	display: flex;
	box-sizing: border-box;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
}

.flex-wraps.left {
	justify-content: left!important;
}
.flex-wraps.top {
	align-items: flex-start!important;
}
.flex-wraps.end {
	align-items: flex-end!important;
}

.gap { 
		display: flex;
		column-gap: 45px;
}

.wrap-end-bottom {
display: flex;
}
.wrap-end-bottom.front-range {
height: 660px;
}
.end-bottom {
width: 100%;
align-self: flex-end;
}

.flex-wraps.home-banner-inset {
		align-items: flex-end;
		justify-content: left!important;
		height: 600px;
		padding: 220px 0 0px 55px;
} 

.flex-wraps > div.one, 
.flex-wraps > div.two-third,
.flex-wraps > div.two,
.flex-wraps > div.three,
.flex-wraps > div.four,
.flex-wraps > div.five {
	position: relative;
	display: flex;
	flex-direction: column;
}

.flex-wraps > div.one{
	width:100%;
}
.flex-wraps > div.one.map{
	width:95%;
}
.flex-wraps > div.one.box{
	width:100%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.two{
	width:50%;
}
.flex-wraps > div.two.box.sm{
	width:40%;
}
.flex-wraps > div.two.promo{
	width:50%;
}
.flex-wraps > div.two.headerinfo{
	width:55%;
}
.flex-wraps > div.two.infographic{
	width:40%;
	margin: 0 0 0 3%;
}
.flex-wraps > div.two.box {
	width:48%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.two.box.image {
	width:48%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.two.box-testimonials{
	width:45%;
	margin: 0 3% 0 1%;
}
.flex-wraps > div.two.box.sml{
	width:45%;
	margin: 0 1% 2% 4%;
}
.flex-wraps > div.two.box.thankyou{
	padding: 0 30px 0 0;
}
.flex-wraps > div.two.box.video{
	width:46%;
	margin: 0 2% 2% 2%;
}
.flex-wraps > div.three.box.slphoto{
	order: 1;
}
.flex-wraps > div.two.box.slcontent {
	order: -1;
	padding: 0 0 0 20px!important;
}

.flex-wraps > div.two.box.inner{
	width:48%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.two.box.first{
	margin: 0 2% 2% 0;
}

.flex-wraps > div.two.box.mid{
	margin: 0 2% 2% 0;
  padding: 0 25px 0 0 ;
}

.flex-wraps > div.three {
	width: 30%;
}
.flex-wraps > div.three.smartbuild-intro {
	width: 38%;
  padding: 65px 0 0 0;
  margin: 0 0 35px 0;
}
.flex-wraps > div.three.smartbuild-body {
	width: 38%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.flex-wraps > div.three.wrap {
	padding: 35px 30px 10px 30px;
}

 .bg-home .flex-wraps > div.three  {
	width: 35%!important;
	background: rgba(31, 45, 58, 1); 
	padding: 30px;
}

/* home page intro video box */
 .bg-home .flex-wraps > div.three.home-intro  {
	width: 60%!important;
	padding: 20px 30px 25px 30px;
}

 .bg-home .flex-wraps > div.three.tradeshows  {
	width: 35%!important;
	background: rgba(31, 41, 52, 1); 
	padding: 30px;
}
.flex-wraps > div.three.txtpadding {
	width: 30%;
	padding: 35px 0 0 0;
}
.flex-wraps > div.three.bigger {
	width: 35%;
	padding: 35px 0 0 0;
}
.flex-wraps > div.three.less {
	width: 30%;
	margin: 0 3% 0 3%;
}
.flex-wraps > div.three.inner {
	width: 30%;
}
.flex-wraps > div.three.cta {
	width: 28%;
	margin: 0 0 0 2%;
}
.flex-wraps > div.three.header {
	width: 33%;
}
.flex-wraps > div.three.header.bg {
	width: 40%;
}
.flex-wraps > div.three.box {
	width: 31%;
	margin: 0 1% 2% 1%;
}

.flex-wraps > div.three.box.slphoto{
	order: -1;
}
.flex-wraps > div.three.box.slcontent {
	order: 1;
}
.flex-wraps > div.three.box.lit {
	margin: 0 1% 2% 1%!important;
}
/**** landing page header form layout ****/
.flex-wraps > div.boxleft {
	width: 23%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.boxmiddle {
	width: 48%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.boxright {
	width: 23%;
	margin: 0 1% 2% 1%;
}

.flex-wraps > div.two.main-img{
	width:50%;
	margin: 50px 0 50px 0;
} 
.flex-wraps > div.two.main-img.texas{
	width:45%;
	margin: 50px 0 50px 0;
} 
.main-img-box{
	color: #FFFFFF!important;
 background-color: rgba(9, 30, 47, 0.8);
	margin: 50px 0 50px 0;
	padding: 50px 50px 60px 50px;
	border-radius: 5px 0 0 5px;
} 
.main-img-box.texas{
	color: #FFFFFF!important;
 background-color: #173048;
	margin: 50px 0 50px 0;
	padding: 50px 50px 60px 50px;
	border-radius: 5px 0 0 5px;
} 
.flex-wraps > div.two.main-img-form{
	width:50%;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 50px 0 40px 0;
	padding: 50px 40px 20px 40px;
	border-radius: 5px;
} 
.flex-wraps > div.two.main-img-form.texas{
	padding: 40px 40px 20px 40px;
} 
.stacee-barndoimg {
display: none;
}
.texas-barndoimg {
display: none;
}
.kit-barndoimg {
display: none;
}
.flex-wraps > div.two.lpg-form{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-right: 20px;
	width:50%;
}
/**** end landing page header form layout ****/

.flex-wraps > div.three.box.cta {
	width: 26%;
	margin: 0 0 0 4%;
}

.flex-wraps > div.four.box.first.home {
	width: 25%;
	margin: 0 0 0 0;
		background-color: #f0f0f0;
}
.flex-wraps > div.four.box.second.home {
	width: 25%;
	margin: 0 0 0 0;
}
.flex-wraps > div.four.box.third.home {
	width: 25%;
	margin: 0 0 0 0;
	background-color: #f0f0f0;
}
.flex-wraps > div.four.box.fourth.home {
	width: 25%;
	margin: 0 0 0 0;
}
.flex-wraps > div.three.box.tworows {
	width: 31%;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.three.sitemap {
	width: 31%;
	margin: 1% 1% 3% 1%;
}


.bg-home .flex-wraps > div.two-third {
	width:55%;
} 

.flex-wraps > div.two-third {
	width:70%;
} 
.flex-wraps > div.two-third.smartform {
	width:85%!important;
} 

.flex-wraps > div.two-third.smartbuild-intro {
	width:60%;
  padding: 0 55px 0 0;
} 
.flex-wraps > div.two-third.smartbuild-body {
	width:60%;
  padding: 0 55px 0 0;
} 
.flex-wraps > div.two-third.frontrange {
	width:70%;
	text-align: center!important;
} 
.flex-wraps > div.two-third.map{
	width:70%;
} 
.flex-wraps > div.two-third.social {
	width:79%;
} 
.flex-wraps > div.three.social {
	width:21%;
} 

.flex-wraps > div.three.homebanner {
	width: 31%;
	margin: 0 1% 2% 0%;
}
.flex-wraps > div.two-third.homebanner {
	width:65%;
} 
.flex-wraps > div.one.homebanner {
	width: 92%;
	margin-bottom: 20px;
}
.flex-wraps > div.two.homebanner {
	width: 45%;
}

.flex-wraps > div.two-third.video {
	width:85%!important;
} 
.flex-wraps > div.two-third.bigger {
	width:75%;
} 

.flex-wraps > div.two-third.smaller {
	width:65%;
	padding: 0 65px 0 0;
} 
.flex-wraps > div.two-third.homebb {
	width:60%;
	padding: 0 15px 0 0;
} 
.flex-wraps > div.three.homebb {
	width: 35%;
	padding: 0 0 20px 0;
	margin: 0 1% 2% 1%;
}
.flex-wraps > div.two-third.barndos {
	width:60%;
	padding: 0 65px 0 0;
} 
.flex-wraps > div.three.barndos {
	width: 40%;
	padding: 30px 30px 40px 30px;
}
.flex-wraps > div.two-third.less {
	width:63%;
	padding: 0 30px 0 0;
} 
.flex-wraps > div.two-third.txtpadding {
	width:68%;
	padding: 0 50px 0 0;
} 

.flex-wraps > div.two-third.inner {
	width:70%;
} 
.flex-wraps > div.two-third.sml {
	width:60%;
} 
.flex-wraps > div.two-third.box {
	padding: 0 10px;
} 
.flex-wraps > div.two-third.header {
	width:60%;
} 
.flex-wraps > div.two-third.header.bg {
	width:58%;
	background-color: rgba(9,30,47,.8);
	padding: 25px 25px 25px 20px;
} 
.flex-wraps > div.four{
	width:25%;
}
.flex-wraps > div.four.sm{
	width:15%;
}
.flex-wraps > div.four.map{
	width:25%;
}
.flex-wraps > div.four.box {
	width: 23%;
	margin: 0 1% 0 0;
}
.flex-wraps > div.four.box.lit {
	width: 21%;
		margin: 0 3% 3% 0!important;
}
.flex-wraps > div.four.box.lightbox {
	width: 23%;
	margin: 1% 1% 1% 1%;
}
.flex-wraps > div.five{
	width:20%;
}
.flex-wraps > div.five.box{
	width:18%;
	margin: 0 1% 0 0;
}
.flex-wraps > div.five.box.last{
	margin: 0 0 0 0!important;
}
footer .flex-wraps > div.two{
	width:60%;
}
footer .flex-wraps > div.two.nav{
	width: 60%;
	text-align: center!important;
	margin: 0!important;
	padding: 0!important;
}
footer .flex-wraps > div.four{
	width: 20%;
}
footer .flex-wraps > div.four.social{
	display: block; 
	text-align: right;
}

/*----- flex container --------------*/

.justify-content-end{	justify-content: flex-end!important;}
.justify-content-start{	justify-content: flex-start!important;}

.flex-container.middle{
		display: flex;
		flex-direction: row;
		box-sizing: border-box;
		width: 100%;
}	

.flex-container{
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	width: 100%;	
}
.flex-container > div.full, 
.flex-container > div.one,
.flex-container > div.two-third,
.flex-container > div.two,
.flex-container > div.three,
.flex-container > div.four,
.flex-container > div.five{
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.flex-container > div.full{
	width:100%;
}
.flex-container > div.one{
	width:90%;
}
.flex-container > div.two-third {
	width:70%;
}
.flex-container > div.two-third-three {
	width:30%;
}

.flex-container > div.full.lpg-form {
	width:100%;
}
.flex-container > div.two-third.lpg-form {
	width:75%;
}
.flex-container > div.two-third.contact-form {
	width:75%;
}
.flex-container > div.two{
	width:50%;
}
.flex-container > div.two.img{
	padding: 0 10px 0 0;
}
.flex-container > div.two.quality{
	width:60%;
	margin: 50px 0 50px 0;
	padding: 35px 0px 35px 0px;
} 

.flex-container > div.two.strech{
	width:100%;
	max-width: 600px;
	height: 300px;
	padding: 40px 30px 40px 30px;
}

.flex-container > div.two.column{
	width:48%;
	margin: 1% 1% 1% 1%;
}

.flex-container > div.three{
	width:34%;
}
.flex-container > div.three.box{
	width:33%;
	margin: 0 1% 0 0;
}

.flex-container > div.three.contact-form{
	width:25%;
	padding: 40px 0 0 0;
}
.flex-container > div.three.main-img{
	color: #FFFFFF!important;
	width:38%;
		background-color: rgba(9, 30, 47, 0.8);
	margin: 50px 0 50px 0;
	padding: 35px;
	border-radius: 5px;
} 

.flex-container > div.three.main-img.order{
	width:35%;
	margin: 0;
	padding: 35px;
} 
.flex-container > div.four{
	width:25%;
}

.flex-container > div.five{
	width:20%;
}

.arrow-down {
	width: 8px;
	display: inline-block;
	vertical-align: 2px;
	margin-right: 6px;
}

/********lists **********/

ul.breadcrumb {
  padding: 30px 5px 5px 50px;;
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
	font-family: "poppins", sans-serif;
  font-style: normal;
	font-size: 13px;
	line-height: 20px;
	font-weight: 200;
	color: #fff;
}
ul.breadcrumb li+li:before {
  padding: 10px;
  color: #665234;
  content: "|";
	font-size: 14px;
	vertical-align: -1px;
	font-weight: 300;
}
ul.breadcrumb li a {
  color: #DFDFDF;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #a98040;
  text-decoration: none;
} 

ul.inline li {
 display: inline-block;
	font-family: "poppins", sans-serif;
 font-style: normal;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	padding: 0 40px 15px 0 ;
}

ul.list {
	font-family: "poppins", sans-serif;
	font-style: normal;
	margin: 14px 0 0 0;
	padding-left:  0;
}
.pdf ul.list {
	margin: 0 0 0 0;
	padding-left:  0;
}
.pdf ul.list li{
	margin: 0 0 8px 8px;
	padding-top: 0px;
	list-style-position: outside;
 	text-indent: -8px;
 	padding-left: 10px;
}
.pdf ul.list li.last{
	margin: 0 0 0 8px!important;
}
 ul.list li{
		position: relative;
	 width: 100%;
	 list-style-position: outside;
  text-indent: -1px;	
	 margin: 0 0 10px 8px;
		padding: 0 0 0 10px;
 	font-size: 15px;
	 line-height: 23px;
	 font-weight: 300;
}
 ul.list.sm li{
 	font-size: 14px;
	 line-height: 22px;
}
 ul.list.lg li{
 	font-size: 20px;
	 line-height: 26px;
}
 ul.list-border li{
		position: relative;
	 width: 100%;
	 list-style-position: outside;
  text-indent: -1px;	
	 margin: 9px 0 10px 8px;
		padding: 0 0 9px 10px;
 	font-size: 15px;
	 line-height: 20px;
	 font-weight: 300;
		border-bottom: 1px dashed #8d6f3f;
}
 ul.list-border-thick li{
		position: relative;
	 width: 100%;
	 list-style-position: outside;
  text-indent: -1px;	
	 margin: 9px 0 10px 8px;
		padding: 0 0 9px 0px;
 	font-size: 15px;
	 line-height: 22px;
	 font-weight: 400;
		border-bottom: 1px dashed #8d6f3f;
}
 
ul.list li a {
	text-decoration: none;
	transition: all 30ms ease-in;
}
ul.list li a:hover, ul.list li a:focus {
	text-decoration: none;
	transition: all 30ms ease-in;
	color: #079248;
}

ul.list.white li a {
  color: #e6e6e6;
}
ul.list.white li a:hover, ul.list.white li a:focus {
	text-decoration: none;
	transition: all 30ms ease-in;
	color: #bd9250;
}
/**************/

.bullet-list ul li {
 list-style: none;
 position: relative; 
	list-style-position: inside;
 text-indent: -1px;
 padding-left: 10px;
}
.bullet-list ul li:before {
 content: "\FFED";
	font-size: 16px;
 position: absolute;
 left: -5px;
 display: inline-block;
 background-size: contain;
	color: #8d6f3f;
	margin: 0px 0px 0px 0px;
}
.bullet-list.green ul li:before {
 content: "\FFED";
	font-size: 16px;
 position: absolute;
 left: -5px;
 display: inline-block;
 background-size: contain;
	color: #079248 !important;
	margin: 0px 0px 0px 0px;
}

.bullet-list.round ul li:before {
 content: "\•";
	font-size: 16px;
 position: absolute;
 left: -5px;
 display: inline-block;
 background-size: contain;
	color: #8d6f3f;
	margin: 0px 0px 0px 0px;
}
.bullet-list ul li a {
	margin: 0px 0px 0px 0px;
	font-style: normal;
	text-decoration: none;
}

.bullet-checklist ul li {
 list-style: none;
 position: relative; 
	list-style-position: inside;
 text-indent: -1px;
 padding-left: 15px!important;
}
.bullet-checklist ul li:before {
	color: #8d6f3f;
 content: '\2713';
 position: absolute;
 left: -3px;
 display: inline-block;
}
.bullet-checklist ul li a {
	margin: 0px 0px 0 0;
	font-style: normal;
	text-decoration: none;
	letter-spacing: .6px;
}

/*--------- global back to top button ---------------------*/

#topBtn {
  display: none;
  position: fixed; 
  bottom: 40px;
  right: 20px;
  z-index: 99; /* Make sure it does not overlap */
  background-color: rgba(169, 128, 64, 0.8); 
  cursor: pointer; 
  padding-top: 8px; 
	width: 40px;
  height: 40px;
  border-radius: 50%; 
	border: none;
  outline: none;
	  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#topBtn:before {
	content: "\2303";
  position:relative;
	color: #f0f0f0;
	font-size: 20px;
}
#topBtn:hover {
  background-color: #37923e; 
}

/*------FOOTER  ------------------------*/

footer {
	background-color: #5b6471;
	color: #dee3e9;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

ul.footer-nav {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

ul.footer-nav li {
	display: inline; 
}

ul.footer-nav li a {
	padding: 0 35px 0 0;
	font-family: "poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 13px;
	line-height: 26px!important;
	color: #dee3e9;
	text-decoration: none;
	letter-spacing: .6px;
}
ul.footer-nav li a:hover, ul.footer-nav li a:focus {
	padding-bottom:  5px;
	color: #40af49;
}
ul.footer-nav li a:focus-visible {
 color: #dee3e9;
	padding: 7px 15px!important;
	margin: 0 20px;
	outline: 1px solid #40af49!important;
 outline-offset: 3px;
}
/*********  social icons *********/
ul.footer-nav .social {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

ul.footer-nav.social li {
	display: inline; 
}

ul.footer-nav.social li a {
	padding: 0 15px 0 0;
	color: #dee3e9;
	text-decoration: underline;
}
ul.footer-nav.social li a:hover, ul.footer-nav.social li a:focus {
	padding-bottom:  0px;
	color: #40af49;
}
/********* end social icons *********/


address p{
	color: #dee3e9;
	font-size: 14px!important;
	font-weight: 200!important;
	line-height: 20px!important;
	margin: 0 0 0 0;
	padding-left: 0px;
}
footer p {
	font-family: "poppins", sans-serif;
	color: #dee3e9!important;
	font-size: 14px!important;
	line-height: 20px;
	font-weight: 200!important;
	letter-spacing: .5px;
}
footer .copyright {
	font-family: "poppins", sans-serif;
	font-weight: 200!important;
  font-size: 12px;
	line-height: 18px;
  color: #73787d!important;
  padding: 10px 10px 10px 30px;
	background-color: #1b2733;
	letter-spacing: .5px;
}
footer .copyright .flex-container {
	direction: row;
  display: flex;
  width: 100%;
}
footer .copyright .flex-item-left {
  flex: 60%;
}
footer .copyright .flex-item-right {
  flex: 40%;
	text-align: right;
}
footer .copyright ul li {
   display: inline;
	list-style: none;
	padding-right: 15px;
}
footer .copyright ul li a {
 color: #73787d;
}
footer .copyright ul li a:hover, ul.copyright li a:focus {
 color: #bd9250;
}
/*------FOOTER END ------------*/

@media screen and (min-width: 2120px){

.order-accuracy-wrap, .fast-estimate-wrap {right: 300px;}
}

@media screen and (min-width: 1980px){

	.bg-whoweserve {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header-wide.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 720px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
  background-position-y: 35%!important;
  background-color: #0f2446;
} 

.bg-training {
	position: relative;
	background-image: linear-gradient(to bottom, rgba(14,35,68, 0.95), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	clear:both;
	width:100%;
	height: 720px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position: center; 
	background-position-y: 35%!important; 
} 
}

@media screen and (min-width: 1771px){

	.bg-employeeowned {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/employee-owned-header-wide.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 780px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: center; 
 background-position-y: 0px!important;
  background-color: #0f2446;
} 
}

@media screen and (max-width: 1770px){
	.bg-employeeowned {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/employee-owned-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 750px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: center; 
 background-position-y: 0px!important;
  background-color: #0f2446;
} 
}

@media screen and (min-width: 1620px){
.bg-front-range {
	background-image:	linear-gradient(0deg, rgba(7,15,28,0.8) 0%, rgba(0,0,0,0) 37%), 	url("../images/front-range-post-frame-support.jpg") ; 
	clear:both;
	background-position: 0% 25%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;				
} 

	.bg-whoweserve {
				position: relative;
					background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header.jpg") ; 
				background-repeat: no-repeat;	
				clear:both;
				width:100%;
				height: 720px;
				padding-top:0px;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover !important;
				animation: fadeIn 2s;
				background-position: center; 
				background-color: #0f2446;
} 

}

@media screen and (max-width: 1619px){

.order-accuracy-wrap, .fast-estimate-wrap {
right: 40px;	
}
	.bg-whoweserve {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 600px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: 0%; 
  background-position-y: 0px;
  background-color: #0f2446;
} 

	.bg-training {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 600px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
			background-position: center; 
  background-position-y: 0px!important;
  background-color: #0f2446;
}


.bg-home .flex-wraps > div.two-third {
	width: 70%;
} 
  
.bg-home .flex-wraps > div.three  {
	width: 40%!important;
}
.bg-home .flex-wraps > div.three.tradeshows  {
	width: 40%!important;
}

}

@media screen and (max-width: 1300px){

h3.cta-phone {
	font-size: 22px;
}
	
.flex-container > div.two.quality{
	background-color: rgba(32, 22, 15, 0.6);
	margin: 50px 0 50px 0;
	padding: 40px 45px 40px 45px;
	border-radius: 10px;
} 


}

@media screen and (max-width: 1212px){

.bg-training {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 500px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: 50%; 
  background-position-y: 80px!important;
  background-color: #0f2446;
} 
	
	h4.height {
	height: auto;
}

.flex-wraps > div.two-third.box {
	padding: 0 10px;
} 

.flex-wraps > div.two.box.sm{
	width:48%;
}

.content.boxes {	padding: 0 25px 0 50px;}
.content.boxes.home {	padding: 0 25px 0 40px;}

.badge-wrap {  top: 20px;}
.badge {	width: 260px;}


.flex-wraps > div.three.box{
	width:48%!important;
	margin: 0% 1% 2% 1%!important;
}

.flex-wraps > div.three.box.first{
	background-color: #f0f0f0;
	margin: 0% 1% 2% 1%!important;
}
.flex-wraps > div.three.box.first{
	background-color: #f0f0f0;
	margin: 0% 1% 2% 1%!important;
}
.flex-wraps > div.three.box.last{
	width:100%!important;
	margin: 2% 1% 2% 1%!important;
	background-color: #f0f0f0;
}
	.flex-wraps > div.three.box.last.order{
			margin: 2% 0% 2% 0%!important;
		order: 1;
}
		.flex-wraps > div.three.box.cta.order{
			width:100%!important;
			margin: 2% 0% 2% 0%!important;
		order: 1;
}
.flex-wraps > div.three.last{
	width:100%!important;
}	
.bg-experience {
	background-image: url("../images/coil-coated-steel.jpg") ; 
	clear:both;
	width:100%;
	height: 330px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
}

	
/*------- Sidenav layout --------*/
aside {
	display:flex;
   flex-direction:row;
   align-items:flex-start;
   height:100%;
   width:100%;
}
.sidebar {
	margig: 0 0 0 20px;
}	

/*-------- END Sidenav layout ---------*/
	
	
ul.inline li {
 display: block;
	text-align: left;
}

.flex-wraps > div.four.box.first.home {
	width: 48%!important;
	margin: 2% 1% 0% 1%!important;
		background-color: #f0f0f0!important;
}
.flex-wraps > div.four.box.second.home {
width: 48%!important;
	margin: 2% 1% 0% 1%!important;
}
.flex-wraps > div.four.box.third.home {
width: 48%!important;
	margin: 0% 0% 2% 1%!important;
		background-color: #fff!important;
}	
.flex-wraps > div.four.box.fourth.home {
width: 48%!important;
	margin: 0% 1% 2% 0%!important;
	background-color: #f0f0f0!important;
}	

/*** barndo floor landing page***/
div.sl-portrait {
		width: 80%;
} 
div.sl-drawinginset { 
  top: 70%;
  left: 60%;
}
div.gj-portrait {
		width: 80%;
		margin: 0 0 0 50px;
} 

div.gj-drawinginset { 
  top: 80%;
  right: 70%;
}
.flex-wraps > div.one.map{
	width:100%;
}

/* home page intro video box */
 .bg-home .flex-wraps > div.three.home-intro  {
	width: 75%!important;
} 
}

@media (max-width: 1100px) { 

.flex-wraps > div.two-third.video {
	width:100%!important;
} 
  
  
  
.bg-staceelynn {
	position: relative;
	background-image: url("../images/staceelynn-barndo.jpg") ; 
	clear:both;
	width:100%;
	height: 1350px;
	padding-top:0px!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
} 
.bg-texas {
	position: relative;
	background-image: url("../images/texas-barndo.jpg") ; 
	clear:both;
	width:100%;
	height: 1100px;
	padding-top:0px!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
}

.bg-barndo-kit {
	position: relative;
	background-image: url("../images/barndo-kit.jpg") ; 
	clear:both;
	width:100%;
	height: 1100px;
	padding-top:0px!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
}


div.gj-drawinginset { 
  top: 73%;
  right: 58%;
		width: 60%!important;
}

.content.mb {	padding: 0 50px 15px 50px;}

.txt-wrap-right.home {	padding: 20px 0 20px 0!important;}
	
h5.smartbuild.sm {
	font-size: 40px;
 margin: 35px 0 0 0;
	padding: 0 0 0 30px;
}
	
.smartbuild-learn-more {
				font-size: 14px;
    line-height: 20px;
				margin: 8px 0 15px 0;
}
	
.flex-wraps > div.three.sitemap {
	width: 48%;
	margin: 1% 1% 2% 1%;
}
	
.flex-container.resources > div.two-third,
.flex-container.resources > div.four	{
	width:100%;
}
.flex-container > div.two.quality{
	width:80%;
	padding-right: 50px;
} 	
	
.flex-container > div.three.main-img{
	width:58%;
	padding: 30px 30px 30px 30px;
} 
	
	.main-image-text {
  top: 30px;
}
h2.header {
	font-size: 34px;
	line-height: 40px;
	padding: 0 30px 0 0;
}	

	aside .content {
		width: 75%;
		padding: 15px 80px 0 0;
	 margin-right: 0px;
	}
	
	aside .content.full {
	width: 70%;
	padding: 0 0 0 0!important;
	margin: 0 20px 30px 0!important;
}
	
.sidebar {
	width: 25%;
}
.sidebar.full {
	width: 30%;
}

.flex-wraps > div.two.contact-form{
	position: relative;
	display: flex;
	flex-direction: column;
	width:100%;
}
.flex-container > div.three.contact-form{
	position: relative;
	display: flex;
	flex-direction: column;
	width:50%;
}	
.flex-wraps > div.two-third.sml {
	width:90%;
} 
.flex-wraps > div.five.box{
	width:31%;
	margin: 1% 1% 2% 1%;
}
.flex-wraps > div.five.box.last{
	margin: 1% 1% 2% 1%!important;
}
	
.flex-wraps > div.three.cta {
	width: 100%;
	margin: 2% 0 0 0;
	order: 1;
}	

	.flex-wraps > div.three.inner{
	width:40%;
}
.flex-wraps > div.two-third.inner{
	width:60%;
}	
	
.flex-wraps > div.two-third.less {
	width: 55%;
	padding: 0 0 0 0;
} 
.flex-wraps > div.three.less {
		width:38%;
} 
	
.flex-wraps > div.two.box.inner{
	width:100%;
	margin: 1% 1% 2% 1%;
}
	.flex-wraps > div.two-third.bigger {
	width:100%;
}	
	
	.flex-wraps > div.two-third.smaller {
	width:60%;
	padding: 0 45px 0 0;
} 

.flex-wraps > div.two-third.homebb {
	width:50%;
	padding: 0 15px 0 0;
} 
.flex-wraps > div.three.homebb {
	width: 45%;
	padding: 0 0 20px 0;
	margin: 0 1% 2% 1%;
}

.flex-wraps > div.two-third.barndos {
	width:50%;
	padding: 0 65px 0 0;
} 
.flex-wraps > div.three.barndos {
	width: 50%;
	padding: 30px 30px 0px 30px;
}

.flex-wraps > div.three.bigger {
	width:40%;
	padding: 0 0 0 0;
}
.flex-wraps > div.three.bigger.frontrange {
	width:50%;
	padding: 0 0 0 0;
}
/**** barndo floor plans landig page styles  ****/
.flex-wraps > div.boxleft {
	width: 48%;
	margin: 0 1% 2% 1%;
	order: 1;
}
.flex-wraps > div.boxmiddle {
	width: 100%;
	margin: 0 1% 2% 1%;
	order: 0;
}
.flex-wraps > div.boxright {
	width: 48%;
	margin: 0 1% 2% 1%;
	order: 1;
}
/**** end barndo floor styles  ****/
.flex-wraps > div.two.lpg-form{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-right: 0px;
	width:100%;
}

.bg-staceelynn.thankyou {
	height:1150px!important;
} 
.bg-texas.thankyou {
	height:890px!important;
}

h2.homebanner {
	font-size: 23px;
	line-height: 27px;
}

h3.homebanner {
	font-size: 16px;
	line-height: 21px;
}
.flex-wraps > div.three.homebanner {
	width: 33%;
	margin: 0 2% 0 0;
}
.flex-wraps > div.two-third.homebanner {
	width: 60%;
} 
.flex-wraps > div.one.homebanner {
	width: 99%;
}
.flex-wraps > div.two.homebanner {
	width: 48%;
}
.flex-wraps > div.four.box.lit {
	width: 48%;
	margin: 0 1% 8% 0 !important;
}

h2.frontrange {
	font-size: 30px;
	line-height: 36px;
	margin-top: 25px;
	padding: 0 0 0 30px;
}

.bg-home .flex-wraps > div.three  {
	width: 65%!important;
}
  
/* home page intro video box */
 .bg-home .flex-wraps > div.three.home-intro  {
	width: 80%!important;
}  
  
.bg-home .flex-wraps > div.three.tradeshows  {
	width: 65%!important;
}
.flex-wraps.home-banner-inset {
		height: 600px;
		padding: 210px 0 0px 55px;
} 

h1.home {
	font-size: 40px!important;
	line-height: 48px!important;
	margin: 0 0 30px 0!important;
}


 
} 


@media (max-width: 987px) { 

.img-barndo-kit {
	width: 80%;
	margin: 30px 0 30px 0;
}
  
.flex-wraps > div.two-third.smartbuild-intro {
	width:100%;
  padding: 0 0 0 0;
}
  .flex-wraps > div.two-third.smartbuild-body {
	width:100%;
  padding: 0 0 0 0;
}
.flex-wraps > div.three.smartbuild-intro {
	width:100%;
  padding: 30px 0 0 0!important;
}
.flex-wraps > div.three.smartbuild-body {
  width:100%;
  padding: 30px 0 0 0!important;
}
  
.flex-wraps > div.two.box.sml{
	width:100%;
	margin: 4% 1% 1% 0%!important;
}
.flex-wraps > div.two.box.sml.nm{
	width:100%;
	margin: 0 1% 1% 0%!important;
}
.flex-wraps > div.four.mid{
	width:50%;
}

.map-locations {
	width: 300px;
	display: block;
	object-fit: contain;
	margin: 0 auto 0 auto;
} 
.flex-wraps > div.two.promo{
	width:100%;
	margin: 10px 0 0 0;
}
.content-homebb{	padding: 0 20px 20px 0;}
	
.flex-wraps > div.two.headerinfo{
	width: 60%;
}
.flex-wraps > div.two.infographic{
	width: 40%;
	margin: 0 0 0 0!important;
	padding: 0 0 0 35px;
}	

.header-spacer {
	margin-top: 135px;
	}
	
h3 {
	font-size: 24px;
	line-height: 30px;
}

h4 {
	font-size: 18px;
	line-height: 25px;
}

h2.home {
	font-size: 28px;
	line-height: 36px;
	padding: 30px 0 20px 0;
}
h4.home{
	font-size: 18px!important;
	line-height: 25px!important;
	margin-bottom: 10px; 
}
	
h5.home {
	font-size: 50px;
	line-height: 58px;
	margin: 35px 20px 10px 0;
}
	
p.box { margin: 0px 0px 20px 0px;}		
	
.icon-home {
	max-height: 40px;
	margin: 35px 0 5px 0;
}	
	
.txt-wrap-right {	padding: 20px 20px 20px 0px;}	
	
	
.bg-home.banner {
	background-image: url("../images/burrows-post-frame-wood-truss-load.jpg") ; 
	clear:both;
	width:100%;
	height: 940px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	 background-position: 73% 100%;
} 
ul.footer-nav li {
	display: block; 
}

.flex-wraps > div.four.box {
	width: 48%;
	margin: 1% 1% 1% 1%;
}

.flex-wraps > div.four.box.lightbox {
	width: 48%;
	margin: 1% 1% 1% 1%;
}
.flex-wraps > div.five.box{
	width:46%;
	margin: 1% 1% 2% 1%;
}

h2.sml {
	font-size: 30px;
	line-height: 36px;
}

.flex-wraps > div.four.map{
	width:25%;
}
.flex-wraps > div.three.map{
	width:100%;
	padding: 20px 0 0 0;
}
.flex-wraps > div.two-third.map{
	width:100%;
} 

.wrap-end-bottom.front-range {
height: 460px;
}

.quote-pullout {
	font-size: 30px;
	line-height: 40px;
	color: #976f32;
}
.pullout-wrap {padding: 30px 0px 0px 20px;}

.testimonials blockquote{
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 5px 10px 10px 30px;  
}

.testimonials blockquote::before {
  font-family:Arial;
  content: "\201C";
  color:#976f32;
  font-size:5em;
  position: absolute;
  left: -3px;
  top: 18px;
}
  
 
  
}

@media (max-width: 890px) {
.bg-home .flex-wraps > div.two-third {
	width:100%;
}

  
	/**** landing page header form layout ****/
.flex-wraps > div.two.lpg-form{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-right: 30px;
	width:50%;
}
	.content.mobile {	padding: 0 0 0 0;}
	
.bg-staceelynn {
	position: relative;
	background-image: url("none") ; 
	height: 1380px;
} 
.bg-texas {
	position: relative;
	background-image: url("none") ; 
	height: 1380px;
} 
.bg-barndo-kit {
	position: relative;
	background-image: url("none") ; 
	height: 1380px;
} 

.flex-wraps > div.two.main-img{
	width:100%;
	margin: 0 0 0 0!important;
} 
.flex-wraps > div.two.main-img.texas{
	width:100%;
	margin: 0 0 0 0!important;
} 
.main-img-box{
	color: #FFFFFF!important;
 background-color: #173048;
	margin: 0 0 0 0!important;
	padding: 38px!important;
	border-radius: 0!important;
} 
.main-img-box.texas{
	border-radius: 0!important;
} 
.flex-wraps > div.two.main-img-form{
	width:100%;
	background-color: rgba(255, 255, 255, 1);
	margin: 0px 0 0px 0!important;
	padding: 40px 40px 0px 40px!important;
	border-radius: 0!important;
} 
.stacee-barndoimg {display: block;}
.texas-barndoimg {display: block;}
.kit-barndoimg {display: block;}

/**** end landing page header form layout ****/

	.order-accuracy-wrap, .fast-estimate-wrap {
	 top: 40px;
		right: 0px;
}
	.order-accuracy {
  width: 320px;
	margin-right: 50px;
}	

.divider-md { padding: 40px 0px 40px 0px; }
	
h5.smartbuild.sm {
  margin: 0 0 20px 10px;
		padding: 0 0 0 0;
	text-align: left;
}
	
.flex-container > div.two.quality{
	width: 100%;
	background-color: #2B221C;
	padding: 0 0 0 0;
	margin: 45px 0 30px 0;
}	
.truss-wrap {
	margin-top: 70px;
}

.badge-wrap {
  top: -70px;
	right: 35px;
}
.badge {
	margin-left: 30px;
	width: 260px;
}
	
.flex-wraps > div.two-third.header {
	width:95%;
} 	
.txt-wrap-left {	padding: 0 0 0 0;}	
	
.divider-lg { padding: 40px 0px 40px 0px; }
	
.flex-wraps > div.two-third {
	width:90%;
} 
.flex-wraps > div.two-third.smartform {
	width:100%!important;
} 

.flex-wraps > div.two-third.full {
	width:100%;
} 
	
.bg-quality {
	background: url("../images/burrows-craftsmanship-t.jpg") no-repeat center bottom; 
	background-color: #372003;
	padding-bottom: 515px;
	clear:both;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain !important;
} 
	
.flex-wraps > div.four{
	width:50%;
}
	
aside {
   flex-direction:column;
}
aside .content, aside .content.full {
	width: 100%;
	padding: 0 0 0 0;
}
	
.content-main {
	padding: 0 0 0 0;
}
.sidebar, .sidebar.full {
	width: 100%;
	margin: 0 0 0 0;
	text-align: center;
}	
.sidebar.full.headspace {
	margin: 0 0 40px 0;
	
}
.sidenav-desktop { display: none;}
.sidenav-mobile { display: block;}


.bg-staceelynn.thankyou {
	height: 1400px!important;
} 
.bg-texas.thankyou {
	height: 1200px!important;
} 
.sl-book {
	margin: 0 30px 0 40px!important;
}
.sl-book.sm {
	width: 130px;
	margin: 15px auto;
}

h2.header.mobile {
	margin: 0 0 10px 0;
	padding: 0 30px 0 30px!important;
}

}
	
@media (max-width: 876px) { 

h2.frontrange {
	font-size: 28px;
	line-height: 34px;
	margin-top: 5px;
	padding: 0 0 0 0;
}
.flex-wraps > div.three.header.bg {
	width: 100%;
}

.flex-wraps > div.two-third.header.bg {
	width:100%;
	background-color: rgba(9,30,47,.8);
	padding: 0 30px 20px 30px;
}

.bg-employeeowned {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/employee-owned-header-t.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 750px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position: center;  
	 background-position-x: 0;
  background-position-y: 100px;
  background-color: #0f2446;
} 

ul.breadcrumb {
  padding: 30px 5px 5px 40px;;
}

h3.cta-phone {
	font-size: 30px;
}
	
.content-xsm {	padding: 0 0 0 0;}
	
.bg-quality {
	padding-bottom: 505px;
} 	
	
h6.home {
	font-size: 35px;
	line-height: 40px;
	margin: 100px 0 5px 0;
}
.subhead-home {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0;
}
	
.bg-experience {
	background-image: url("../images/coil-coated-steel.jpg") ; 
	clear:both;
	width:100%;
	height: 260px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
}
	
.content {	padding: 0 35px 0 35px;}
.content.mobile {	padding: 0 0 0 0;}

.flex-wraps {
	display: flex;
	box-sizing: border-box;
	flex-flow: row wrap;
}
.flex-wraps > div.one, 
.flex-wraps > div.two-third,
.flex-wraps > div.two,
.flex-wraps > div.two-state,
.flex-wraps > div.three,
.flex-wraps > div.four,
.flex-wraps > div.five {
	position: relative;
	display: flex;
	flex-direction: column;
}
	

.flex-wraps > div.three.box {
	width: 48%;
	margin: 1% 1% 1% 1%;
}	

.flex-wraps > div.three {
	width: 48%;
}

	.flex-wraps > div.four.bigger{
	width:25%!important;
}
	
.flex-wraps > div.three.txtpadding {
	width: 32%;
}
	
.flex-wraps > div.three.header {
	width: 100%;
}

p { 
	font-size: 15px;
	line-height: 23px;
}	

.flex-wraps > div.three.box.lit {
	margin: 2% 1% 2% 1%!important;
}

footer a:link, footer a:active, footer a:visited {padding-right: 5px;}	

}
	

@media (max-width: 799px) { 

.bg-home .flex-wraps > div.three  {
		width: 80%!important;	
		padding: 20px;
}
  
/* home page intro video box */
/* .bg-home .flex-wraps > div.three.home-intro  {
	width: 100%!important;
	padding: 20px 20px 20px 20px;
}
  */
  
  
   /* home page intro video box */
 .bg-home .flex-wraps > div.three.home-intro  {
    width: 100%!important;
		padding: 25px!important;
		background: #1F2934!important;
}
   
  
.bg-home .flex-wraps > div.three.tradeshows  {
		width: 80%!important;	
		padding: 20px;
}

.flex-wraps > div.three.txtpadding {
	width: 100%;
	padding: 25px 0 0 0;
}
	
.flex-wraps > div.two-third.txtpadding {
	width:100%;
	padding: 0 0 0 0;
} 
	.flex-wraps > div.two-third.smaller {
	width:100%;
	padding: 0 0 0 0;
} 
.flex-wraps > div.two-third.barndos {
	width:100%;
	padding: 0 0 0 0;
} 
.flex-wraps > div.three.barndos {
	width: 100%;
		padding: 30px 30px 30px 30px;
}

.flex-wraps > div.three.bigger {
	width:100%;
	padding: 0 0 0 0;
}
.flex-wraps > div.three.bigger.frontrange {
	width:50%!important;
	padding: 0 0 0 0;
}
	
.flex-wraps > div.two-third.box {
	width: 100%;
	padding: 0 5px;
} 
	
.mobile-img-divider {	border-bottom: solid 3px #fff;}
	
.divider-md { padding: 30px 0px 30px 0px; }
	
.divider-hr { padding: 20px 0px 30px 0px; }
	
.flex-container{
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	min-height: 0 !important;
}
	
.flex-container > div.full,
.flex-container > div.one,
.flex-container > div.two-third,
.flex-container > div.two,
.flex-container > div.three,
.flex-container > div.four,
.flex-container > div.five	{
	width:100%;
}
	.flex-container > div.two-third.contact-form{
		width:100%;
		padding: 0 0 0 0;
}	
.flex-container > div.three.contact-form{
		width:100%;
		padding: 0 0 0 0;
}	
.flex-container > div.three.box{
	width:100%;
	margin: 0 0 2% 0;
}
.flex-container > div.two.img{
	padding: 0 8px 0 8px!important;
	margin-bottom: 2%;
} 
.main-image-text {  top: 0px;}
	
h2.home {
	font-size: 22px;
	line-height: 30px;
	padding: 25px 0 10px 0;
}	

.bg-smartbuild {
	background-image: url("../images/SMARTBUILD-barndominium-design.gif") ; 
	clear:both;
	width:100%;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	height: 360px;
}

footer .copyright .flex-item-right {
  flex: 100%;
	text-align: left;
	margin-top: 15px;
}
.right { display: block; text-align: left!important;}
	
.bg-quality {	padding-bottom: 455px;} 	
	
h5.smartbuild-sm {	font-size: 40px;}
	
.order-accuracy-wrap, .fast-estimate-wrap {
	 position: relative;
	 top: 0;
		right: 0;
}
.order-accuracy, .fast-estimate {
	width: 100%;
	margin-right: 0;
	background-color: #1f2d3a;
	border-radius: 0;
	text-align: left!important;
}

.flex-wraps > div.two.headerinfo{	width:100%;}

.flex-wraps > div.two.infographic{
	width:100%;
	margin: 20px 0 20px 0!important;
	padding: 0 0 0 0;
}		

.flex-wraps > div.one.box{
	margin: 2% 0 2% 0;
}
.flex-wraps > div.three.homebanner {
	width: 100%;
	margin: 2% 0  2% 0;
}
.flex-wraps > div.two-third.homebanner {
	width: 100%;
} 
.flex-wraps > div.one.homebanner {
	margin: 10px 0 10px 0;
}
.flex-wraps > div.two.homebanner {
	width: 100%!important;
}

h2.homebanner {
	font-size: 20px;
	line-height: 26px;
}

h4.homebanner {
	font-size: 21px;
	line-height: 25px;
	margin: 5px 0 0 0;
}
.border-btm-dash-blue.mobile {	
display: block!important;
border-bottom: dashed 1px #3e4f5b;
margin: 0px 0 15px 0;
}

h4.homebanner {
	font-size: 20px;
	line-height: 25px;
}
h2.homebanner {	margin-bottom: 8px;}
.wrap-end-bottom.front-range {height: 500px;}

.testimonial-box {
	border-radius: 10px!important;
	padding: 10px 10px 0px 18px;
}

img.quotes {
  width: 100%;
		margin: 20px 0 0px 20px;
}

}

@media (max-width: 700px) { 
.flex-wraps.home-banner-inset {
	height: auto;
	padding: 200px 0 0 0;
} 


 hr.md { 	margin: 20px auto 20px auto!important;	width: 15%!important;}

	h4.home.height {	height: auto;}

.bg-videos {		background-image: none; } 

.content-homebb{	padding: 15px 0 20px 0;}

.content-pr {	padding: 0 0 0 0;}
.pr-30.mobile {padding-right: 0 !important;}

img.float-left {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}

.content.inner {	padding: 0 50px 0 50px;}
	
.bg-whoweserve {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header-m.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 520px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: 0%;
  background-position-y: 0px!important;
  background-color: #0f2446;
} 

.bg-training {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 520px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position: center; 
	 background-position-x: 50%; 
  background-position-y: 140px!important;
  background-color: #0f2446;
} 
	
	.content.boxes {	padding: 0 25px 0 50px;}
	.content.boxes.home {	padding: 0 25px 0 40px;}
	
	h3.history {
	font-size: 18px!important;
	line-height: 26px!important;
}
	

.content-left, .content-right {	padding: 0 0 0 0;}

img.img-center{		margin: 0;}

.floating-title {
	position: absolute;
	display: block;
	margin-top: -20%;
}
	
h6.home {
	font-size: 35px;
	line-height: 40px;
	margin: 100px 0 5px 0;
}
.subhead-home {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0;
}
	
.flex-wraps > div.full,
.flex-wraps > div.one,
.flex-wraps > div.two-third,
.flex-wraps > div.two,
.flex-wraps > div.three,
.flex-wraps > div.four,
.flex-wraps > div.five	{
	width:100%;
}		
	.flex-wraps > div.two.box {
	width: 100%;
	margin: 0 0 2% 0;
}
  .flex-wraps > div.two.box.mid{
  width: 100%;
	margin: 0 0 2% 0;
  padding: 0 0 0 0 ;
}

  
.flex-wraps > div.two.box-testimonials{
	width:100%;
	margin: 0 0 4% 0;
}

.flex-wraps > div.two.box.sm{
	width:100%;
		margin: 0 0 2% 0;
}
.flex-wraps > div.two.box.thankyou{
	padding: 0 0 0 0;
}
.flex-wraps > div.two.box.video{
	width:100%;
	margin: 0 0 4% 0;
}
.flex-wraps > div.three {
	width:100%;
}
.flex-wraps > div.three.wrap {
	padding: 25px 30px 5px 30px;
}
.flex-wraps > div.three.box{
	width:100%!important;
	margin: 2% 0% 2% 0%!important;
}

.flex-wraps > div.two-third.box {
	width: 100%;
	padding: 0 0;
} 
	
.flex-wraps > div.four.box.first.home{
width: 100%!important;
	margin: 4% 2% 2% 0%!important;
		background-color: #f0f0f0!important
}
.flex-wraps > div.four.box.second.home {
width: 100%!important;
	margin: 2% 2% 2% 0%!important;
		background-color: #f0f0f0!important;
}
.flex-wraps > div.four.box.third.home {
width: 100%!important;
	margin: 2% 2% 2% 0%!important;
		background-color: #f0f0f0!important;
}	
.flex-wraps > div.four.box.fourth.home {
width: 100%!important;
	margin: 2% 2% 4% 0%!important;
		background-color: #f0f0f0!important;
}	

.flex-wraps > div.three.sitemap {
	width: 100%;
	margin: 1% 1% 2% 1%;
}
.flex-wraps > div.two-third.homebb {
	width:100%;
	padding: 0 0 0 0;
} 
.flex-wraps > div.three.homebb {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 1% 4% 1%;
}

.bg-quality {
	padding-bottom: 390px;
} 
	
.main-image-text {
		position: relative;
  top: 0px;
		background-color: rgba(31, 44, 58);
}
.flex-container > div.three.main-img{
	color: #FFFFFF!important;
	width: 100%;
	background-color: rgba(31, 44, 58);
	margin: 0 0 0 0;
	padding: 35px 0px 35px 0px;
}	
.bg-drawing.cta.smartbuild {
	padding: 20px 0 10px 0;
}
	.flex-container > div.two.img{
	padding: 0 0 0 0!important;
} 
	
.flex-wraps > div.three.inner, .flex-wraps > div.two-third.inner {
	width:100%;
}	
	
.flex-wraps > div.two-third.less {
	width: 100%;
	padding: 0 0 0 0;
} 
.flex-wraps > div.three.less {
		width: 100%;
	padding: 0 35px 0 35px;
} 
	.flex-wraps > div.four.bigger{
	width:50%!important;
}

div.sl-drawinginset { 
  	display: none;
}

div.gj-drawinginset { 
		display: none;
}
.flex-wraps > div.three.box.slphoto{
	order: 1;
}
.flex-wraps > div.two.box.slcontent {
	order: -1;
	padding: 0 0 0 0!important;
}

.center-mobile {
display: block;
text-align: center!important;
}

.bg-staceelynn.thankyou {	height: 1900px!important;} 
.bg-texas.thankyou {	height: 1500px!important;} 

.sl-book {	margin: 0 auto!important;}


h1.home {
	margin: 30px 0 30px 0!important;
}

.flex-wraps > div.two-third.social {	width:100%;} 
.flex-wraps > div.three.social {	width:100%;} 
.flex-wraps > div.four.map{	width:50%;}

.flex-wraps > div.two-third.frontrange {
	width:100%;
	text-align: left!important;
} 

.logo-front-range {
	display: block;
	float: center!important;
	width: 280px;
}

.flex-wraps > div.three.bigger.frontrange {
	width:100%!important;
	padding: 0 0 0 0;
}

h4.xxl {
	font-size: 24px;
	line-height: 28px;
	padding: 0 15px 0 0!important;
	margin: 0 0 15px 0!important;
}

.testimonial-box {	padding: 20px 20px 10px 25px;}

.divider-md { padding: 30px 0px 25px 0px; }
.divider-lg { padding: 30px 0px 25px 0px; }

}


@media (max-width: 640px) {
.bg-home .content  {	padding: 0 0 0 0!important; }
	
.bg-home.banner {
    background-image: url("../images/burrows-post-frame-wood-truss-load-m.jpg");
    clear: both;
    width: 100%;
    height: auto;
    padding-top: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain!important;
				background-repeat: no-repeat;
				background-position: top right!important;
				background-color: #1F2934!important;
  }

h1.home {
	font-size: 38px!important;	line-height: 48px!important;
	  margin: 0 0 30px 0!important;
			padding: 0 20px 0 30px;
}


.icon-play {
position: absolute; 
  max-height: 60px;
  top: 20px;
  left: 200px;
  width: 80px;
		opacity: .6;
}


.bg-home .flex-wraps > div.three,	.bg-home .flex-wraps > div.three.tradeshows   {
		width: 100%!important;
		padding: 25px!important;
	 background: #1F2934!important;
}	
}


@media (max-width: 585px) {
h1.home {	margin: 0 0 30px 0!important;}
}

@media (max-width: 560px) {

	/**** home page header promos ****/

		
.flex-wraps.home-banner-inset {	padding: 40px 0 0 0;} 

h1.home {	margin: 0 0 30px 0!important;}

.bg-home h2 {
	font-size: 24px;
	line-height: 28px;
}

.bg-home  h2.tradeshows {
	font-size: 22px;
	line-height: 28px;
	padding: 0 0 5px 0!important;
}

.bg-home h3 {
	font-size: 18px;
	line-height: 24px;
}

	.bg-home .flex-wraps > div.three  {
		width: 100%!important;
		padding: 25px!important;
			background: #1F2934!important; 
}	


  
	.bg-home .flex-wraps > div.three.tradeshows {
		width: 100%!important;
		padding: 25px!important;
			background: #1F2934!important; 
}	
	/**** end home page header promos ****/


.flex-wraps > div.four.mid{	width:100%;	}
	
.flex-wraps > div.four.box.lit {
	width: 100%;
	margin: 1% 0 8% 0!important;
}
		
.flex-wraps > div.two.lpg-form{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-right: 0px;
	width:100%;
}

.bg-drawing {
	background-image: url("../images/SMARTBUILD-grid-header.svg") ; 
	clear:both;
	width:100%;
	padding: 0 0 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
		background-repeat: no-repeat;	
		background-position: center; 
	 animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;
}

.bg-drawing.home {
	background-image: url("../images/SMARTBUILD-grid-header.svg") ; 
	clear:both;
	width:100%;
	padding: 30px 0 35px 0!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
		background-repeat: no-repeat;	
		background-position: center; 
}

.content.boxes {	padding: 15px 35px 15px 40px;}
	
h3.titles {
	font-size: 22px;
	line-height: 28px;
	padding: 0 0 10px 0;
}

h3.videos {
	font-size: 16px;
	line-height: 20px;
}

.flex-wraps > div.four.box, .flex-wraps > div.four.box.lightbox {
	width: 100%;
}

.flex-wraps > div.five.box{
	width:100%;
	margin: 0 4% 4% 4%;
}

	.flex-wraps > div.five.box.last{
	width:100%;
	margin: 0 4% 4% 4%!important;
}

.flex-wraps > div.two-third.sml {
	width:100%;
}

p.titles { height: auto!important;}
	
.divider-history {		padding: 45px 0 0 0;}

.gradient-top-history {
background: -moz-linear-gradient(0deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: -webkit-linear-gradient(0deg,rgb(92 126 160) 0,rgb(152 191 220) 35%,rgb(29 62 92) 78%);
background: linear-gradient(0deg,rgb(255 255 255) 0,rgb(108 130 149) 35%,rgb(23 48 72) 78%);
	}
	
.bg-quality {
	background: url("../images/burrows-craftsmanship-m.jpg") no-repeat center bottom; 
	padding-bottom: 320px;
	clear:both;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain !important;
} 
	
.truss-wrap {	margin-top: 100px;}

.badge-wrap {
  top: -100px;
	left: 20px;
}
	
.badge {	width: 200px;}

.flex-wraps > div.two-third.header {
	width:100%;
} 	

.header-spacer {	margin-top: 0;	}
		
h2.title {
	font-size: 30px;
	line-height: 40px;
}

.bg-smartbuild {
	background-image: url("../images/SMARTBUILD-barndominium-design.gif") ; 
	clear:both;
	width:100%;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	height: 260px;
}

#topBtn {
  bottom: 10px;
  right: 10px;
}
	
p {
		font-size: 15px;
		line-height: 24px;
}

p.header {
		font-size: 15px;
		line-height: 23px;
}

h2 {
	font-size: 38px;
	line-height: 48px;
}

h2.sml {
	font-size: 26px;
	line-height: 30px;
}

h2.frontrange {
	font-size: 20px;
	line-height: 26px;
	padding-left: 0 !important;
	margin: 0 0 0 0;
}

h2.header {
	font-size: 30px;
	line-height: 38px;
	padding: 0!important;
}	
h3 {
	font-size: 20px;
	line-height: 30px;
}

h3.header {
	font-size: 20px;
	line-height: 28px;
		font-weight: 300;
}

h3.xlg.frontrange {
	font-size: 35px;
	line-height: 42px;
	padding-bottom: 0px;
}

h5 {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 10px;
}

h5.xlg {
	font-size: 30px;
	line-height: 27px;
}

h6 {
	font-size: 17px;
	line-height: 23px;
}	

.bg-staceelynn {
	position: relative;
	background-image: url("none") ; 
	height: 1540px!important;
} 

.bg-staceelynn.thankyou {
	height: 1780px!important;
} 

.bg-texas {
	position: relative;
	background-image: url("none") ; 
	height: 1540px!important;
} 

.bg-barndo-kit {
	position: relative;
	background-image: url("none") ; 
	height: 1540px!important;
} 

.headshot {	width: 70px;}

.sl-dbl-logo {
	width: 200px;
	margin: 0 0 0 20px;
	padding: 30px 0 0 0;
}

.bg-front-range {
	background-image:   
 linear-gradient(180deg, rgba(18,63,127,1) 0%, rgba(0,139,255,0) 41%),
	linear-gradient(0deg, rgba(7,15,28,0.8) 0%, rgba(0,0,0,0) 37%), url("../images/front-range-post-frame-support-m.jpg") ; 
	
	padding-bottom: 0px;
	clear:both;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	max-width:1400px; 
margin-right:auto; 
margin-left:auto;

animation: fadeIn 2s;
  -webkit-animation: fadeIn 2s;
  -moz-animation: fadeIn 2s;
  -o-animation: fadeIn 2s;
  -ms-animation: fadeIn 2s;				
} 

.wrap-end-bottom.front-range {height: 550px;}

.guide-lpg {  width: 240px;}

.usa, .usa a:link {
		font-size: 13px!important;
		position: absolute;
		width: 145px;
		top: 5px;
		right: 0px;
}

}
	
	@media (max-width: 520px) { 
h1.home {	margin: 0 0 30px 0!important;}
	}
	
	
@media (max-width: 480px) { 

/**** home page header promos ****/
.bg-home .content  {	padding: 0 0 0 0!important; }
	
.flex-wraps.home-banner-inset {	padding: 30px 0 0 0;} 

.icon-play {
position: absolute; 
  max-height: 40px;
  top: 20px;
  left: 200px;
  width: 80px;
		opacity: .6;
}


h1.home {
	font-size: 30px!important;
	line-height: 40px!important;
	margin: 0 0 30px 0!important;
}

.border-btm-gold {	
	padding: 10px 0 20px 0;
 border-bottom: solid 2px #8d6f3f!important;
}

	/**** end home page header promos ****/


.headshot {	width: 70px;}

.sl-dbl-logo {
	width: 150px;
	margin: 0 0 0 10px;
	padding: 30px 0 0 0;
}

.flex-wraps > div.four.bigger{	width:100%!important;}

.bg-whoweserve {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/who-we-serve-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 550px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: 5%; 
  background-position-y: 50px!important;
	background-color: #0E2242;
} 

.bg-employeeowned {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.99), rgba(14,35,68, 0)), 	 url("../images/employee-owned-header-m.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 730px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	 background-position-x: center!important; 
  background-position-y: 50px!important;
	background-color: #0E2242;
}

.bg-training {
	position: relative;
		background-image: linear-gradient(to bottom, rgba(14,35,68, 0.85), rgba(14,35,68, 0)), 	 url("../images/training-header.jpg") ; 
	background-repeat: no-repeat;	
	clear:both;
	width:100%;
	height: 600px;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	animation: fadeIn 2s;
	background-position-x: 45%; 
 background-position-y: 150px!important;
}

.bg-quality {	padding-bottom: 275px;} 

h5.smartbuild {
				font-size: 40px;
    line-height: 48px;
    margin: 5px 0 0 0;
}
  h2.smartbuild-visualizer {
	font-size: 38px;
	line-height: 42px;
  margin: 5px 0 5px 0;
}
}
	
	@media (max-width: 440px) { 	
	h1.home {	margin: 0 0 30px 0!important;}
	}
	
	
@media (max-width: 390px) { 	
.bg-quality {	padding-bottom: 230px;}  

.headshot {	width: 50px;}


	/**** home page header promos ****/	
h1.home {	margin: 0 0 30px 0!important;}

.border-btm-gold {	
	padding: 10px 0 20px 0;
 border-bottom: solid 1px #8d6f3f!important;
}
	/**** end home page header promos ****/
}

@media (max-width: 360px) { 	

	/**** home page header promos ****/
h1.home {
	font-size: 26px!important;
	line-height: 34px!important;
	margin: 0 0 30px 0!important;
}

.bg-home h3{
	font-size: 16px;
	line-height: 22px;
}

	/**** end home page header promos ****/

.bg-staceelynn {
	height: 1490px!important;
} 
.bg-staceelynn.thankyou {
	height: 1670px!important;
} 
.bg-texas {
	height: 1490px!important;
} 
.bg-barndo-kit {
	height: 1490px!important;
} 

h3.xlg.frontrange {
	font-size: 30px;
	line-height: 38px;
	padding-bottom: 0px;
}
}


@media (max-width: 340px) { 	

	/**** home page header promos ****/
h1.home {
	margin: 0 0 100px 0!important;
}
}