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

body{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	/*font-family: 'Cinzel', serif;*/
	font-size: 16px;
	font-weight:400;
}
p,h1,h2,h3,h4,a.button{
	transform:scale(1,.8);
}
li a{
	transform:scale(1,.9);
}
row{
	clear:both;
}
.page_container{
	position:relative;
	width:100%;
	max-width: 1440px;
	margin: 0 auto;
	overflow-x:hidden;
}
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
}
.anchor-below-header{
	display: block;
	margin-bottom: 84px;
	margin-top: -50px;
	padding: 1px;
}


/********************************************/
header{
	position:fixed;
	top:0;
	width:100%;
	height:100px;
	max-width: 1440px;
	margin: 0 auto;
	background:rgba(255,255,255,0.8);
	z-index:10;
	transition: height .5s ease, background .5s ease;
}
header a.logo{
	float:left;
	display:block;
	margin:0;
	margin-top:13px;
	transition:margin-top .5s ease;
}

@media screen and (min-width: 520px){
	header a.logo{
		margin-left:30px;
	}
}

@media screen and (min-width: 0px) and (max-width: 350px){
	header a.logo{
		margin-left:0px;
	}
	.menu-btn{
		margin:30px 5px 0 !important;
	}
}
/********************************************/
.nav {
	float:right;
	margin:0;
	margin-top:22px;
	margin-right:50px;
	transition: margin-top .5s ease;
}
.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.nav ul li{
	position: relative;
	display:inline;
	float:right;
	margin:0;
	padding:0;
	font-size:20px;
	text-align:center;
	transition:margin-top .5s ease;
	transition:background .2s ease;
}
.nav ul li#lastchild{
	margin-right:0;
	padding: 10px 0 10px 25px;
	color: #888;
  border-left: 1px solid #ccc;
}
.nav ul li#firstchild{
	margin-left:0;
}
.nav ul li a{
	padding: 10px 25px;
}

.nav a, .mobile-nav a{
	color:#111;
	display: block;
	-webkit-transition: color .1s; /* For Safari 3.1 to 6.0 */
	transition: color .1s;
}
.nav a:hover, .mobile-nav a:hover{
	color:#0173d1;
	display: block;
}
.nav ul ul a:hover{
	background: #f55139;
}
.nav ul ul{
	display: none;
	position: absolute;
	top: 52px;
	left:0;
	/*background:rgba(255,255,255,1);*/
	background: #225b8b;
	padding: 20px 15px;
	width: 200px;
	/*transition:opacity .2s ease;*/
}
.nav ul ul li{
	float:none;
	width:200px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	height: auto;
	text-align:left;
}
.nav ul ul a{
	line-height:120%;
	padding:10px 15px;
}
.nav ul li#addsub:hover{
	/*background:rgba(255,255,255,1);*/
	background: #225b8b;
}
.nav ul li#addsub:hover a{
	color: #fff !important;
}
.nav ul li:hover > ul {
	display: block;
	color: #fff !important;
	opacity: 1;
	z-index: 98;
	-webkit-animation: fadein .2s; /* Safari and Chrome */
	-moz-animation: fadein .2s; /* Firefox */
	-ms-animation: fadein .2s; /* Internet Explorer */
	-o-animation: fadein .2s; /* Opera */
	animation: fadein .2s;
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/* Mobile navigation***************/
.mobile-nav{
	position:fixed;
	top:0;
	right:0;
	width: calc(100% - 15px);
	color: #0073d1;
	font-size: 20px;
	font-weight: 400;
	line-height: 16px;
	padding-bottom:25px;
}
.mobile-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 110px 30px 0;
	transition:padding .5s ease;
}
#drop-down{
	display:none;
}

.menu-btn{
	position:relative;
	display:block;
	float:right;
	width: calc(50% + 15px);
	height:45px;
	margin: 30px 15px 0px;
	background:url(../images/graphics/menu-btn.png) no-repeat right;
	transition:margin .5s ease, background .1s ease;
	cursor:pointer;
}
.menu-btn.on{
	background:url(../images/graphics/menu-btn-on.png) no-repeat right;
}
.menu-btn img{
	display: none;
}


.mobile-nav ul li{
	padding:5px 0;
	font-size: 20px;
}
.mobile-nav ul li a{
	color:#fff;
}
.mobile-nav ul li a:hover{
	color: #f55139;
}
.mobile-nav #top-line{
	font-size: 20px;
}
.mobile-nav #btm-line{
	font-size: 16px;
	margin-top:-10px;
}
.mobile-nav ul li#list-header{
	color: #999; border-bottom:1px solid #ccc;
	padding: 10px 0 0;
}

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

}

@media screen and (max-width: 1024px){
.nav{
	display:none;
}
}
@media screen and (min-width: 1025px){
.mobile-nav{
	display:none;	
}
}

.clicked {
	/*background:rgba(255,255,255,1);*/
	background:#225b8b;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.clicked img{
	display: block;
}



/* Code for shrinking the menu***************/
header.shrink{
	background:#ddd;
}
.shrink{
	height:52px !important;
}
.shrink a.logo{
	margin-top:3px !important;
}
.shrink .nav{
	margin-top:0px !important;
}
.shrink .nav ul li{
	margin-top:0px !important;
}
.shrink .menu-btn{
	margin:3px 15px 10px !important;
	position: relative;
	right:0;
}
.shrink .mobile-nav ul {
	list-style-type: none;
	margin: 0;
	padding-top: 70px;
}

@media screen and (min-width: 520px){
	.shrink a.logo {
		margin-top: 2px !important;
	}
	.shrink .menu-btn{
		margin:0 auto 10px !important;
	}
}
	

	
/********************************************/
.splash{
	position: relative;
	height:100vh;
	max-height: 575px;
	width:100%;
	margin:0 auto;
	text-align: right;
	font-family: 'Open Sans', sans-serif;
}
#homesplash{
	background:url(../images/photos/elephant-tightrope-newyork.jpg) no-repeat;
	background-size:cover;
	background-position:calc(100% + 115px) top;
}

@media only screen and (min-width: 768px){
	.splash{
		height:90vh;
		min-height: 768px;
		max-height: 1200px;
		max-width: 1440px;
	}
	#homesplash{
		background-size:cover;
		background-position: right 50%;
	}
}

@media only screen and (min-width: 1226px){
	#homesplash{
		background-position: 50% 50%;
	}
}

#homesplash p{
	transform: none;
	line-height: 1.2;
}
#samplesplash{
	background:url(../images/photos/geologists.jpg) no-repeat bottom center;
	background-size:cover;
}
#familysplash{
	background:url(../images/photos/father-son-ladder.jpg) no-repeat bottom center;
	background-size:cover;
	/*margin-bottom:100px;*/
}
#safetysplash{
	background:url(../images/photos/man-woman-ladder.jpg) no-repeat top center;
	background-size:cover;
	height: 550px;
	min-height: 550px;
}
#toolsplash{
	background:url(../images/photos/lineman-web.jpg) no-repeat top center;
	background-size:cover;
	height: 550px;
	min-height: 550px;
}


.splash-text-box {
	position: relative;
	margin: 132px 10px 0;
	width: calc(100% - 20px);
	float: right;
	text-align: right;
	color: white;
}
.splash-text{
	font-size:1.5rem;
	margin:0 10px !important;
	color: white;
}
.splash-subtext{
	font-size: 5vw;
	margin: 0 5vw !important;
	color: rgba(0,71,130,1);
	padding: 2vw 0 0;
}
.splash-bodytext{
	display:none;
}
.splash-text-box a{
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	margin: 8px 10px 0;
	padding-right:1.4rem !important;
	padding-left:1.4rem !important;
}

#familysplash .splash-text{
	padding: 10vw 8vw 0 0;
	margin-right: 0;
	font-size: 12vw;
	line-height: 3vw;
}
.button.small{
	background:rgba(0,71,130,.6);
}
#splash-button{
	font-size:24px;
	width:200px;
	margin:0;
	margin-left:5%;
}
.button.small:hover{
	background:rgba(0,71,130,1);
}
button.secondary, .button.secondary{
	background-color: #fff;
	border: #616161 1px solid;
}
button.secondary:hover, .button.secondary:hover{
	background-color: #ddd;
}

@media screen and (min-width: 768px){
	#familysplash .splash-text{
		padding: 10vh 10vh 0;
		margin-right: 0;
		font-size: 60px;
		line-height: 8px;
	}
	.splash-subtext{
		font-size: 1.1rem;
		margin: 0 10px !important;
		padding: 5px 0 0;
	}
}

@media screen and (min-width: 1000px){
	.splash-text-box{
		position: relative;
		top: auto;
		margin: 250px 65px 0;
		width: 308px;
		text-align: left;
	}
	.splash-text{
		font-size:43px;
	}
	.splash-subtext{
		font-size:29px;
	}
	.splash-bodytext{
		display: block;
		font-size: 18px;
		padding: 20px 10px 0;
		border-top: 1px solid #fff;
		margin: 20px 0 0;
		line-height: 1.3 !important;
	}
	.splash-text-box a{
		font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
		margin: 20px 0 0 6px;
		padding-right:2rem !important;
		padding-left:2rem !important;
	}
}



/********************************************/
/*------ Above the Fold --------*/
#above-fold-container{
	padding: 10px 0;
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
	font-family: 'Open Sans', 'Roboto Condensed', sans-serif;
	transform: scale(1,1);
}
#above-fold-container::after {
    content: "";
    clear: both;
    display: table;
}
#above-fold-container h2{
	text-align: center;
	color: #333;
	font-weight: 200;
	padding: 25px 0 10px;
	transform: scale(1,1);
}
ul.above-fold{
	position: relative;
	clear: both;
	list-style: none;
	width: 100%;
	max-width:1240px;
	text-align: center;
	margin:0 auto;
	height: 500px;
}
ul.above-fold li{
	position: relative;
	float: left;
	margin: 0 15px 30px;
	width: calc(100% - 30px);
	max-width:none;
	padding: 0 0 10px;
	border:1px solid #ddd;
}
ul.above-fold li .title-link{
	margin: 20px 0 0;
	display: block;
	font-weight: 200;
	font-size:5vw;
	transform: scale(1,1);
}
ul.above-fold li p{
	padding: 15px 5vw 0;
	color: #333;
	transform: scale(1,1);
	font-size: 3.5vw;
}

@media only screen and (min-width: 520px){
	ul.above-fold li .title-link{
		font-size:4vw;
	}
	ul.above-fold li p{
		padding: 2vw 11vw;
		font-size: 3vw;
	}
}

@media only screen and (min-width: 769px){
	ul.above-fold{
		margin: 0 auto;
	}
	ul.above-fold li{
		width: calc(50% - 30px);
		max-width:none;
	}
	ul.above-fold li .title-link{
		font-size:3vw;
	}
	ul.above-fold li p{
		padding: 15px 2vw;
		font-size: 2vw;
		min-height: 150px;
	}
}

@media only screen and (min-width: 1025px){
	ul.above-fold li{
		width: calc(33% - 30px);
		max-width: calc(1440px/3 - 30px);
	}
	ul.above-fold li .title-link{
		font-size:5vw;
		font-size: 1.7vw;
	}
	ul.above-fold li p{
		padding: 15px 40px;
		font-size: inherit;
		min-height: 150px;
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 1440px){
	ul.above-fold li .title-link{
		font-size: 23px;
	}
	ul.above-fold li p{
		padding: 15px 40px 0;
		margin-bottom: 0;
	}
}

/*ul.above-fold li#me{
	border-left:0;
	background:url('../images/photos/convince-me.jpg') no-repeat center center;
	color: #000;
}
ul.above-fold li#techs{
	background:url('../images/photos/win-over-techs.jpg') no-repeat center center;
	color: #fff;
}
ul.above-fold li#mgt{
	background:url('../images/photos/impress-mgt.jpg') no-repeat center center;
	color:#000;
}
ul.above-fold li#buy{
	border-right:0;
	background:url('../images/photos/how-to-buy.jpg') no-repeat center center;
	color:#fff;
}*/




/********************************************/
/*------ Video Background Section --------*/
.video-container{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.video-container img{
}
video{
	object-fit:contain;
}

.video {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 100%;
	height: auto;
	transform: translate(-50%, 0%);
}

@media screen and (min-width:800px){
	.video-container {
		display: block;
		height: 800px;
		
		background: white; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#ddd 0px, white 200px, white 600px,#ddd 800px); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#ddd 0px, white 200px, white 600px,#ddd 800px); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#ddd 0px, white 200px, white 600px,#ddd 800px); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#ddd 0px, white 200px, white 600px,#ddd 800px); /* Standard syntax */
	}
	.video-container img{
		position: absolute;
		top: calc(50% - 200px);
		left: calc(50% - 275px);
		max-width: 1440px;
		max-height: 710px;
	}
	.video {
		bottom:0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
	}
}




/**************** Divider ****************************/
.divider{
	position:relative;
	width:calc(100% - 10vw);
	display:block;
	height:75px;
	margin:25px 5vw;
	clear: both;
}
.div-container{
	position:relative;
	height:75px;
	width: 100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}
span.lt, span.rt{
	border-bottom:#111 1px solid;
	transform:scale(1,.8);
	font-size:4.5vw;
	padding-top:13px;
	width:41%;
}
span.lt{
	text-align:right;
	float:left;
}
span.rt{
	text-align:left;
	float:left;
}
.logo-center{
	display:block;
	height:15vw;
	width:15vw;
	max-width: 75px;
	max-height: 75px;
	background:url(../images/graphics/leveler-logo-75x75.jpg) no-repeat;
	float:left;
	margin-top: -3vw;
	background-size:contain;
}


@media screen and (min-width:500px){
	span.lt, span.rt{
		font-size:20px;
	}
}

@media screen and (min-width:768px){
	.div-container {
		width: 85%;
	}
	span.lt, span.rt{
		font-size:25px;
		width:45%;
	}
	.logo-center {
		display: block;
		height: 7vw;
		width: 7vw;
		margin-top: -1vw;
	}
}

@media screen and (min-width:1125px){
	.divider{
		width:100%;
		height:75px;
		margin:25px 0;
	}
	span.lt, span.rt{
		font-size:25px;
		width:45%;
	}
	.logo-center{
		height:75px;
		width:75px;
		margin-top: -12px;
	}
}

/**************** Ticker ****************************/
.ticker-block{
	clear: both;
	width: calc(100% - 10vw);
	max-width: 1440px;
	text-align: center;
	padding: 25vh 0;
	margin: 5vw;
}
h1.ticker {
	margin: 40px 0;
	transform: scale(1,1);
	border: 1px solid #ccc;
}
h1.ticker #ticker-text{
	font-size: 9vw;
	line-height: 13vw;
	margin: 15px 0 0;
}

@media screen and (min-width:768px){
	h1.ticker {
		border: 0;
	}
	h1.ticker #ticker-text {
		font-size: 35px;
		line-height: 30px;
		margin: 15px 0 0;
		display: inline-block;
		border: 0;
	}
}




/**************** Claims (big text sections) ****************************/
.claim-block{
	width: 100%;
}


.lg-claim{
	font-size:30px;
	text-align:center;
}
#giant-claim{
	position:relative;
	color:#225b8b;
	font-size:8vw;
	margin-top:-3px !important;
}


.auto-claim{
	position: relative;
	font-size:1.3rem;
	text-align:center;
}
.auto-claim #top-line{
	position: relative;
	left:-16vw;
	font-family: 'Roboto Condensed', cursive;
}
.auto-claim #giant-claim{
	line-height: 1.2;
}
.auto-claim #last-line{
	position: relative;
	line-height: .7;
	font-family: 'Roboto Condensed', cursive;
}
.auto-claim #bold-claim{
	color:#6dbe0a;
	font-size:11vw;
	position: relative;
	top: 5px;
}

@media screen and (min-width: 768px){
	.claim-block{
		height: 77vh;
		padding: 25vh 0;
	}
	.claim-block{
		height: 700px;
		padding: 165px 0;
	}
	.claim-block #automatic-text{
		padding: 70px 0;
	}
	#giant-claim{
		font-size:50px;
		margin-top:-3px !important;
	}
	.auto-claim{
		font-size:30px;
	}
	.auto-claim #top-line{
		left:-130px;
	}
	.auto-claim #giant-claim{
		line-height: 1.2;
	}
	.auto-claim #last-line{
		left: 53px;
		line-height: .7;
	}
	.auto-claim #bold-claim{
		font-size:55px;
		top: 5px;
	}
}


.spread-claim{
	position: relative;
	font-size:9vw;
	text-align:center;
}
.spread-claim #giant-claim{
	top: -13px;
	left: 55px;
}
.sm-claim{
	font-size:17px;
	text-align:justify;
	width:46%;
	margin:0 auto;
}

.claim-block#claim{
	height: auto;
	width: 100%;
	padding: 25vh 0 30vh;
}
.claim-container{
	width: 100%;
}
.claim-container h2{
	color:#225b8b;
	text-align: center;
}
.claim-text{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 0 35px;
}

.claim-block#safety-icon{
	height: auto;
	width: 100%;
	padding: 20vh 0 30vh;
}
.claim-block img{
	display: block;
	height: 250px;
	margin: 0 auto;
}
.claim-text h2{
	margin: 10px 0;
	position: relative;
	top: 5px;
}
.claim-text .lg-claim{
    margin: 25px 0 15px;
	font-size:20px;
}
.claim-text p{
	display: block;
	text-align: left;
	font-size: 20px;
	padding: 0;
	width: 100%;
	margin: -10px 0 0;
}
.claim-text a{
	text-align: left;
}
#u{
	border-bottom:#225b8b 1px solid;
	padding-bottom:0 !important;
	line-height:1.6;
}
#last-line{
	line-height:1.8;
}


@media screen and (min-width: 768px){
	.spread-claim{
		font-size:30px;
		left: -62px;
	}
	.spread-claim #giant-claim{
		top: -26px;
		left: 85px;
	}
	.claim-block#claim{
		padding: 15vh 0 20vh;
	}
	.claim-container{
		width: 100%;
		max-width: 715px;
		height: 330px;
		margin: 0 auto;
	}
	.claim-block img{
		height: 300px;
		display: inline-block;
		vertical-align: top;
		margin: 0 20px;
	}
	.claim-text{
		display: inline-block;
		width: 410px;
		margin: 0 auto;
		padding: 0;
	}
	.claim-text .lg-claim{
		display: inline-block;
		border-left: 1px solid #ccc;
		margin: 15px 0 25px;
	}
	.claim-text p{
		text-align: justify;
		padding: 0 25px;
		width: 400px;
		margin: 0;
	}
}



.hidden{
	display: none;
	visibility: hidden;
}





/********************************************/
/*------ Manufacturer Section --------*/
div.buy-header{
	color: #225b8b;
	text-align: left;
	font-size: 15px;
	width: 100%;
	max-width: 1000px;
	margin: -35px auto 0;
	padding: 0 25px 5px;
}
ul.mfg_logos{
	position: relative;
	list-style: none;
	width: 100%;
	max-width:1440px;
	padding: 0 0 50px;
	clear: both;
	text-align: center;
	margin: -10px auto;
}
ul.ladder-types{
	position: relative;
	list-style: none;
	width: 100%;
	max-width:1440px;
	padding: 0 0 100px;
	clear: both;
	text-align: center;
	margin:15px auto 0;
}
ul.ladder-types #fg-group, ul.ladder-types #al-group {
	position:relative;
}
ul.ladder-types .type-group-label{
	position: absolute;
	width: 100%;
	/* background: rgba(0, 140, 186,.7); */
	color: #999;
	transform: scale(1,.8);
	margin-top: 25vw;
}

ul.ladder-types li{
	width: 22vw;
	max-width: 120px;
	float: left;
}
ul.ladder-types #fg-group, ul.ladder-types #al-group{
	display: inline-block;
	margin-bottom:15px;
}
ul.ladder-types #al-group{
	padding:35px 0 0;
}


ul.mfg_logos li.mfg_company{
	display: inline-block;
	vertical-align: top;
}
ul.mfg_logos li.mfg_company{
	padding: 0 0 75px;
}
ul.mfg_logos img{
	max-height: 150px;
	max-width: 95%;
}
/*ul.ladder-types img{
	height:100px;
}*/
.mfg_logo{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 150px;
	width: 350px;
}
ul.ladder-types li.left-divider{
	border-left: 1px solid #ccc;
	margin-left: 20px;
	padding-left: 20px;
}



.mfg_brand_detail{
	position: relative;
	width: 100%;
	text-align: center;
}
.brand_title{
	color: #225b8b;
	font-size: 20px;
	line-height: 1;
}
.brand_title sup{
	font-size: .7em;
	padding: 0 4px;
}
.prod_code_title{
	color: #111;
	font-size: 15px;
	margin-top: 15px;
	line-height: 1;
}
.prod_code{
	color: #111;
	font-size:20px;
	margin-bottom: 15px;
}
.out_of_stock{
	color: #aaa;
	margin: 12px 0 40px;
}
.mfg_brand_ladder_types{
	display: inline-block;
	position: relative;
	left: 0;
	padding: 10px;
	text-align: left;
}
.mfg_brand_ladder_types li{
	text-align: center;
	display: inline-block;
	vertical-align: top;
	padding: 25px 30px 50px;
}
.mfg_brand_ladder_types span, .ladder_types span{
	color: #999;
	text-align: left;
	font-size: 15px;
}
.mfg_brand_ladder_types ul{
	margin:22px 0;
}
.mfg_brand_ladder_types ul li{
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
.mfg_brand_ladder_types ul li img{
	width:12vh;
	height: 12vh;
}


#mfg-list-box{
	padding: 0 25px;
}
#mfg-list-box h4{
	border-bottom:1px solid #111;
	transform: scale(1,1);
}
#mfg-list-box ul li{
	margin: 0 15px;
	padding: 0;
	line-height: 1.4;
}


@media screen and (min-width:768px){
	div.buy-header{
	}
	ul.mfg_logos{
		position: relative;
		margin:0 auto;
	}
	
	ul.ladder-types #fg-group, ul.ladder-types #al-group {
		display: inline-block;
	}
	ul.ladder-types li{
		float: left;
	}
	ul.ladder-types{
		position: relative;
		list-style: none;
		width: 100%;
		max-width:1440px;
		padding: 0 0 100px;
		clear: both;
		text-align: center;
		margin:0 0 0 -20px;
	}
	
	ul.ladder-types .type-group-label{
		margin-top: 125px;
	}
	
	ul.mfg_logos li.mfg_company{
		text-align: center;
		display: inline-block;
		vertical-align: top;
		padding: 25px 0 50px;
	}
	.mfg_brand_detail{
		position: relative;
		left: 0;
		float: right;
		width: 245px;
		min-height: 190px;
		text-align: left;
		padding: 10px 25px 0;
		border-left: 1px solid #ccc;
	}
	.mfg_brand_ladder_types{
		display: block;
		position: relative;
		left: 0;
		float: right;
		height:150px;
		padding: 10px;
		text-align: left;
	}
	.mfg_brand_ladder_types ul li{
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: center;
		vertical-align: top;
	}
	.mfg_brand_ladder_types span{
		color: #999;
		text-align: left;
		font-size: 15px;
	}
	.mfg_brand_ladder_types ul li img{
		width: 100px;
		height: 100px;
	}
	ul.mfg_logos img{
		max-height: 150px;
		max-width: 300px;
	}
	.mfg_logo{
		float: left;
	}
	.mfg_info{
		float:left;
	}
	.mfg_info img{
		float: left;
	}
	
	#mfg-list-box{
		max-width: 1000px;
		margin: 0 auto;
	}
	.list-column{
		width: 45%;
		float: left;
	}
}



/********************************************/
.buy_direct{
	background: #225b8b;
	padding: 35px 25px 25px;
	color: #fff;
	font-size: 8vw;
	text-align: center;
}
.buy_direct #diy{
	position: relative;
	top: -13px;
	font-size: .6em;
	padding: 0;
}

@media screen and (min-width:768px){
	.buy_direct{
		padding: 50px 0 30px;
		font-size: 2.4vw;
	}
	.buy_direct a{
		position: relative;
		top: -3px;
	}
	.buy_direct #diy{
		top: 0;
		font-size: .7em;
		padding: 10px 25px 10px 10px;
	}
}

@media only screen and (min-width: 1440px){
	.buy_direct{
		font-size: 35px;
	}
}




/******************* Body Text *************************/
.body_text{
	position: relative;
	top: -25px;
	padding: 0 20px;
	text-align: justify;
	margin: 0 auto;
}
.body_text .inset-block{
	float: right;
	width: 100%;
	padding: 15px 35px 10px 25px;
	margin: 0 0 25px;
	background: #ddd;
	border: 1px solid #111;
}
.body_text p{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.2;
	transform: scale(1,1);
}
.body_text ul li{
	line-height: 1.2;
	text-align: left;
	margin:10px;
}
.body_text img{
	width: 100%;
	margin: 0 0 25px;
}

.body_text table, .body_text table th, .body_text table td{
	border: 1px solid #ccc;
}
.body_text table th{
	background: #ddd;
}
.body_text table td{
	width: 33%;
	background: #fff;
}
.body_text table img{
	width: 22vw !important;
	margin: 0;
}

@media screen and (min-width:768px){
	.body_text{
		position: relative;
		top: -25px;
		padding: 0 50px;
		text-align: justify;
		max-width: 1100px;
		margin: 0 auto;
	}
	.body_text .inset-block{
		position: relative;
		top: 0;
		right: 0;
		float: right;
		width: 50%;
		max-width: 400px;
		padding: 35px 35px 15px;
		margin: 4px 0 25px 25px;
		background: #ddd;
		border: 1px solid #111;
	}
	.body_text p{
		font-size: 16px;
		margin-bottom: 10px;
		line-height: normal;
		transform: scale(1,1);
	}
	.body_text img{
		width: 42%;
		float: left;
		margin: 0 20px 20px;
	}
}




/********************* Tools ***********************/
#tools_nav{
	display: none;
	width: 100%;
	max-width: 1440px;
	clear: both;
}
#tools_nav ul{
	position: relative;
	background: #225b8b;
	list-style: none;
	margin: 0;
	padding: 10px 0 13px;
	text-align: center;
}
#tools_nav ul li{
	display: inline-block;
	padding: 0 20px;
}
#tools_nav ul li a{
	color: #fff;
	display: block;
	padding: 10px 20px;
	transition: background .2s;
}
#tools_nav ul li a:hover, #tools_nav ul li a.selected{
	background: #f55139;
}

@media screen and (min-width:768px){
	#tools_nav{
		display: block;
	}
}


section h3{
	border-bottom: 1px solid #ccc; 
	margin-bottom: 25px;
	padding: 20px 10px 5px;
}
section#installation{
	display: block;
	width: 100%;
	padding: 0 25px;
	margin: 0 auto;
}
section#installation iframe{
	display: block;
	width: 320px;
	height: 180px;
	margin: 0 auto;
}
.part-list{
	width: calc(100% - 40px);
	margin: 20px;
	border-bottom: 1px solid #ccc;
	padding:0 0 5px;
}
.install-instructions{
	width: calc(100% - 40px);
	margin: 20px;
}


@media screen and (min-width:400px){
	section#installation iframe{
		width:400px;
		height:225px;
	}
}

@media screen and (min-width:768px){
	section#installation iframe{
		width:700px;
		height:394px;
		margin: 0 auto;
	}
	.part-list{
		width: calc(100% - 40px);
		margin: 20px;
		border-bottom: 1px solid #ccc;
		padding:0 0 25px;
	}
}

@media screen and (min-width:1100px){
	section#installation{
		width: calc(100% - 50px);
		max-width: 1390px;
		padding: 0 25px;
	}
	section#installation iframe{
		width:1080px;
		height:608px;
		margin: 0 auto 25px;
	}
	section#installation ul, section#installation ol, section#installation p{
		max-width: 1000px;
		margin: 0 auto;
		padding: 5px 0;
	}
	section#installation ul, section#installation ol{
		padding-left: 25px;
	}
}



/********************* FAQ ***********************/
.faq_container{
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding: 30px 40px 0 20px;
	transform: scale(1,1) !important;
	line-height: 1.3rem;
	margin: 0 auto;
}
.faq_container h4{
	font-size: 25px;
	border-bottom: 1px solid #ccc;
	color: rgba(0,71,130,1);
}
.faq{
	font-size:20px;
}
.content{
	font-size:17px;
	margin: 20px 0 30px 20px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}



/********************* Buy Page ***********************/
.buy-fullpage{
	margin: 100px 20px;
}



/********************* Footer ***********************/
footer{
	position:relative;
	height:auto;
	background:#ddd;
	width:100%;
	padding:50px 10%;
}
.footer-logo{
	display: inline-block;
}
.contact{
    transform: scale(1,.9);
    display: inline-block;
    margin: 50px 0 0;
    text-align: center;
    width: 100%;
}
@media screen and (min-width:768px){
	footer{
		height:190px;
	}
	.footer-logo{
		float:left;
	}
	.contact{
		float:right;
		display: block;
		margin: 0;
		text-align: left;
		width: auto;
	}
}
#copyright{
	font-size:13px;
	color:#767773;
}