.reviews .top-banner .top-banner-inner p{
	font-size: 22px;
	text-align: center;
	font-family: 'Rubik', sans-serif;	
}

/* Float Tabs */

.floats section { 
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd; 
}

input {
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

#tabsd1:checked ~ #contentsd1,
#tabsd2:checked ~ #contentsd2,
#tabsd3:checked ~ #contentsd3,
#tabsd4:checked ~ #contentsd4 {
  display: block;
}



/* .Float Tabs */


/*after removing enquiry form*/
.content.contact {
    padding-top: 0px;
}

.center{
	text-align:center;
}
.video-center{
	text-align: center;
	margin-top: 0;
}
.dimensions iframe{
	padding-top: 15px;
}

.address-bottom  a:link, .address-bottom a:visited {
    color: #ffffff;
    text-decoration: none;
}


.social-bottom img {
    vertical-align: bottom;
}

.thankyou .content{
	padding-top: 50px;
	padding-top: 15px;
}

.float-promo{
	float: left;
	width: 100%;
	display: none;
}

.floats .content .float-promo h3{
	font-size: 22px;
	color: #F5232C;
	font-weight: 500;
	line-height: 30px;
	letter-spacing:2px;
	margin-bottom: 10px;
}
.floats .content .float-promo h4{
	font-size: 22px;
	color: #F5232C;
	font-weight: 400;
	line-height: 30px;
	letter-spacing:2px;
	margin-top: 0;
	text-align: center;
}

.floats .content .float-promo h3::before{
	content: none;
}

.dimensions p.photo-extra{
	font-style:italic;
	font-size: 12px;
	margin-top: 0;	
}

.dimensions p{
	margin-bottom: 0;	
}


.dimensions.luxury,
.dimensions.angle-load{
	float: left;
	width: 100%;
	text-align: center;
}


.social-bottom a:link, .social-bottom a:visited,
.website-by a:link, .website-by a:visited{
	color: #ffffff;
	font-weight: 400;
	font-size: 14px;
}


.content{
	width: 960px;
	margin: 0 auto;
	padding-top: 50px;
	font-size: 14px;
	line-height: 30px;
	/* margin-bottom: 80px; */ 
	font-weight: 600;
}

.top-banner-inner{
	width: 960px;
	margin: 0 auto;
}

body{
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 12px;
	color: #4A4849;
}	

.main{
	/*	width: 1366px; */
	width: 100%;
	margin:0 auto;
}	

.header{
	width: 960px;
	margin: 0 auto;
}

.logo{
	float: left;
	padding-top: 14px;
}

.top-right{
	float: right;	
	width: 745px;
	text-align: right;
}

.nav-top{
	float: right;
	width: 100%;
	margin-right: -15px;
}
.nav-top a:link, .nav-top a:visited{
	color: #919496;
	text-decoration: none;
	padding-top: 80px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	padding-bottom: 20px;
	font-weight: 600;
}
.nav-top a:hover, .nav-top a.active{
	color: #ffffff;
	text-decoration: none;
	background-color: #F5232C;
}

.social-top{
	float: right;
	width: 100%;
	margin-top: 5px; 
}

.top-banner{
	padding-top: 10px;
	clear: both;
	text-align: center;
}

.home .top-banner{
	padding-top: 0;
}

/* FRONT PAGE */

.top-banner{
	background-image: url(../images/banner/hatton-and-lilly-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;	
	background-position-y: -60px;
	background-position-x: 40%;
	/* height: 455px;	 */
	height: 455px;
}



.home .top-banner { background-image: none;}

/* TO DISABLE ROTATING GALLERY */

.home .top-banner { background-image: url(../images/banner/hatton-and-lilly-banner.jpg);}

.slide_text{ 
	display: inline-block;
}

/* .TO DISABLE ROTATING GALLERY */

.top-banner h1::before {
	display: none;
}

.top-banner h1{
	font-size: 50px;
	letter-spacing: 0px;
	font-weight: 500;
	margin-top: 7%;
}

.home .top-banner h1{
	margin-top: 16%;
}

.top-banner h2{
	font-size: 34px;
	letter-spacing: -1px;
	font-weight: 500;
	color: #F5232C
}

.content.welcome{
	padding-top: 40px;
}


/*

.content.welcome{
	padding-top: 0;
}

.top-banner .slide_text{
	margin-top: -423px;
	height: 340px;
}

.top-banner .slide_title h1{
	font-size: 52px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 0;
}

.top-banner .slide_byline h2{
	font-size: 32px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #F5232C;
}

.top-banner .slide_title h1::before {
	display: none;
}*/

.welcome h2, .review h2{
	font-size: 49px;
	letter-spacing: -2px;
	font-weight: 200;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
}
.welcome h2:before, .review h2:before{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 20px;
	vertical-align: -50%;
}
.welcome h4, .review h4{
		font-size: 18px;
		font-weight: 400;
}
.welcome p, .review p{
		font-size: 16px;
}

.review p{
	text-align: center;
}

.float-banner{
	height: 300px;
	margin-bottom: 75px;
	margin-top: 50px;
}

.float-banner img{
	width: 25%;	
	height: auto;
}
.about-article{
	clear: both;
}
.about-article h3{
	font-size: 27px;
	letter-spacing: 1px;
	font-weight: 200;
	text-align: center;
	margin-bottom:0;
}
.about-article h4{
	font-size: 27px;
	letter-spacing: 1px;
	font-weight:600;
	text-align: center;
	margin-top:0;
	margin-bottom:0px;
	
}
.about-article .col1, .about-article .col2, .about-article .col3{
	float:left; 
	width: 32%;
	font-size: 12px; 
	line-height: 19px;
}
.about-article .col1{clear:both;}
.about-article .col2{margin-left:2%; margin-right: 2%;}
.about-article .col1-p1{
	font-weight: 400;
	font-size: 15px; 
	font-style: italic;
	line-height: 19px;
}
.about-article .col3-p1{
	font-weight: 400; 
	font-size: 20px; 
	font-style: italic; 
	line-height: 31px;
	margin-bottom: 0;
	margin-top: 12px;
}
.about-article hr{
	height:1px; 
	border: 1px solid #000;
}
.about-article .link{
	text-align:center;
	padding-top:30px;
	font-size:20px;
}

.why-us{
	background-image: url(../images/welder.jpg);
	background-size: cover;
	padding-bottom: 50px;
	clear: both;
}
.why-us .content{
	background-color: transparent;	
}

.why-us h2{
	font-size: 49px;
	letter-spacing: -2px;
	font-weight: 200;
	text-align: center;
}
.why-us h2:before{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 20px;
	vertical-align: -50%;
}
.why-us h3{
	font-size: 27px;
	letter-spacing: 1px;
	font-weight: 200;
	text-align: center;
}

.why-us ul{
	font-size: 18px;
	margin-left: 16%;
	margin-right: 16%;
}



.experience h3{
	font-size: 32px;
	letter-spacing: 0px;
	font-weight: 200;
}
.experience .content{
	margin-bottom: 0;
}
.experience p{
	font-size: 18px;
	line-height: 34px;
	font-weight: 400;
}


/* END FRONT PAGE */

/* FLOATS PAGE */

.div-luxury,
.div-angle-load{
	width: 46%;
	float: left;
}
.div-luxury{ margin-right: 2%; }
.div-angle-load{ margin-left: 2%; }

.floats .content .div-luxury h3,
.floats .content .div-angle-load h3{
	font-size: 36px;
}


.div-luxury h6,
.div-angle-load h6{
	margin-bottom: 0px;
}


.floats .top-banner p,
.gallery .top-banner p,
.nextgeneration .top-banner p,
.floorsafety .top-banner p{
	font-size: 28px;
	line-height: 56px;
	margin-top: 0;
}


.floats .top-banner h1,
.gallery .top-banner h1,
.nextgeneration .top-banner h1{
	margin-top: 80px;
	margin-bottom: 20px;
}

.floorsafety  .top-banner h1{
	margin-top: 120px;
}


.floats .content h2{
	font-size: 29px;
	letter-spacing: 2px;
	font-weight: 200;
	text-align: center;
	line-height: 38px;
	padding-bottom: 0px;
}

.floats .content h3,
.nextgeneration .content h3,
.floorsafety .content h3{
	font-size: 49px;
	letter-spacing: -2px;
	font-weight: 200;
	text-align: center;	
}

.floats .content h3:before{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 20px;
	vertical-align: -50%;
}

.floats h5{
	text-align: center;
	font-size: 26px;
	letter-spacing: 0px;
	font-weight: 200;
	margin-bottom: 15px;
}
.floats h6{
	color: #F5232C;
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: 600;
	margin-top: 0;	
	margin-bottom: 70px;
}

.features{
	width: 45%;
	float: left;
}
.features.extras{
	width: 100%;
}

.features h4,
.dimensions h4{
	font-size: 22px;
}
.dimensions h4{
	margin-bottom: 14px;
}

.features li{
	width: 90%;
	font-size: 16px;
	box-sizing: border-box;
}
.features p,
.dimensions p{
	font-size: 18px;
	font-weight: 400;
}

.dimensions{
	width: 55%;
	float: left;	
}


.dimensions .left .price,
.dimensions .right .price{
	margin-top: 20px;
	font-size: 22px;
	margin-bottom: 20px;
	/*display: none;*/
}

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

.dimensions .left{
	width: 50%;
	float: left;	
}

.dimensions .left.extend,
.dimensions .right.extend{
	width: 100%;
}

.dimensions .left p,
.dimensions .right p{
	margin-top: 0;
	margin-bottom: 0;	
}

.dimensions .left.full{
	width: 100%;
}

.dimensions .right{
	width: 50%;
	float: left;	
}
.number{
	color: #F5232C;
}
.red{
	float: right;
	margin-right: -14%;
	color: #F5232C;
}

.extras hr{
	display: none;
}


.finance{
	text-align: center;
	background-image: url(../images/welder.jpg);
	background-size: cover;
	margin-top: 80px;
	padding-bottom: 60px;
	margin-bottom: 75px;
}
.finance .content{
	background-color: transparent;
}

.finance .content h3:before{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 20px;
	vertical-align: -50%;
}
.finance .content h4{
	font-size: 30px;
	letter-spacing: 0px;
	font-weight: 200;
	line-height: 50px;
}

/* END FRONT PAGE */

/* nextgeneration */
.top-banner-inner li{
	color: #ffffff;
}

/* END nextgeneration */

/* ABOUT PAGE */
.about .top-banner, .gallery .top-banner, .floats .top-banner, .nextgeneration .top-banner{
	background-image: url(../images/top-banner.jpg);
	background-size: cover;
	height: 450px;
}

.floorsafety .top-banner{
	background-image: url(../images/top-banner-floor-safety.jpg);
	background-size: cover;
	height: 450px;
}
.about .top-banner p{
	text-align: left;	
}

.about .content h2{
	font-size: 29px;
	letter-spacing: -2px;
	font-weight: 200;
	margin-top: 0;
}

.about .image{
	text-align: center;	
}



.about .left{
	width: 45%;
	margin-left: 0%;
	margin-right: 5%;	
	font-weight: 400;		
}
.about .right{	
	width: 45%;
	margin-left: 5%;
	margin-right: 0%;	
	font-weight: 400;		
}
.about .right img,
.about .left img{
	display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
.about .right .image,
.about .left .image{
	width: 250px;
	height: 250px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	margin-left: 7%;
}
	
 /* END ABOUT PAGE */
 
 /* GALLERY PAGE */
 
.gallery .content{
	padding-top: 85px;	  
}

.gallery .bottom-contact-us{
	margin-top: 50px;	
}

 
 .col1, .col2, .col3{
	 width: 30%;
	 display: inline-block;
 }
.col1 img, .col2 img, .col3 img{
	max-width: 100%;
    height: auto; 
  }
  
 .col1.video,  .col2.video{
	 width:45%;
 }
.video p{
	font-weight: 500;
}
 
/* END GALLERY PAGE */

 /* CONTACT PAGE */
.contact .form .content .left,
.contact .form .content .right
{
	margin-bottom: 0;
}

 .contact .content .left{
	 width: 35%;
	 margin-bottom: 50px;
	 font-weight: 400;
 }
  .contact .content .left p{
	  margin-top: 0px;
	  margin-bottom: 0px;
  }
  .contact .content .left h3{  
 	 margin-bottom: 0;
	 font-size: 22px;
  }
  .contact .content .left a:link,
  .contact .content .left a:visited{
	  color: #282525;
  }
 
 .contact .content .right{
	 width: 65%;
	 margin-bottom: 50px;
 } 
 
 .contact h1{
	font-size: 49px;
	letter-spacing: -2px;
	font-weight: 200;  
 }
 .contact h1:before{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 20px;
	vertical-align: -50%;
}

.form, .form .content{
	background-color: #A6A7AB;
}
.form{
	padding-bottom: 15px;
}
 
.form input[type="text"], .form input[type="email"], .form textarea, .form select {
    border: none;
    color: #525252;
    height: 45px;
    line-height: 15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
	padding: 0px 0px 10px 10px;
    width: 100%;
    background: #F1F2F2;
    font: 18px 'Rubik', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 30px;
	padding-left: 5%;
	margin-left: 2%;
	box-sizing: border-box;
	height: 48px;
	padding-top: 17px;
}
.form textarea{
	height: 246px;
	margin-left: 20px;
	padding-top: 12px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left: 20px;
}
.contact-page-form .button {
    text-align: center;
    color: #FFF;
    margin: 10px auto;
    /* border-radius: 4px; */
    padding: 10px;
    font-size: 12px;
    font-weight: 600;
    min-width: 300px;
    text-transform: uppercase;
    cursor: pointer;
    border: 3px solid #F5232C;
    transition: all 0.3s ease 0s;
    letter-spacing: 1px;
    background-attachment: scroll;
    background-color: #F5232C;
    background-image: none;
    background-repeat: repeat;
    background-position: 0% 0%;
	margin-top: 7px;
}

.content .contact-page-form .left{
	background-color: transparent;
}
.content .contact-page-form .right{
	background-color: transparent;
}
.contact-page-form .submit{
	clear: both;
	margin-left: 50%;
	width: 50%;
	text-align: center;
	padding-left: 20px;
}

.contact .map{
	height: 262px;
}
.addressmap{
	margin-bottom: 80px;
}

 /* END CONTACT PAGE */

.top-banner h1{
	font-size: 52px;
	letter-spacing: -2px;
	font-weight: 200;
	text-align: center;
	color: #ffffff;
}

.top-banner p{
	/* width: 70%;
	margin-left: 15%;
	margin-right: 15%; */
	font-size: 18px;
	line-height: 35px;
	color: #ffffff;
	text-align: center;
}


.top-banner h1:before
{
	content: url(../images/horse-transparent-hatton-and-lilly.png);
	padding-right: 23px;
	vertical-align: -14%;
}

.content .contact{
	color: #F6232D;
	text-transform: uppercase;	
	font-size: 16px;
	font-weight: 400;
}

.content .contact .number{
	font-weight: 400;
	color: #4A4849;
}

.bottom-contact-us{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	margin-bottom: 40px;
}
.home .bottom-contact-us{
	padding-top: 40px;
}

.bottom-contact-us h2{
	color: #ffffff;
	font-size: 31px;
	background-color: #F5232C;
	padding: 17px;	
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.bottom-contact-us h3{
	color: #4A4848;
	font-size: 18px;
	padding-top: 0px;	
	display: inline-block;
	width: 100%;
	letter-spacing: 1px;
}

.footer{
	width: 100%;
	height: 300px;
	margin: 0 auto;
	background-color: #000000;
	clear: both;
}
.bottom-right{
	background-color: #000000;
}

.inner{
	width: 960px;
	margin: 0 auto;
}

.bottom-left{
	width: 300px;	
	float: left;
}

.nav-bottom{
	float: right;
	width: 100%;
	margin-right: -15px;
}
.nav-bottom a:link, .nav-bottom a:visited{
	color: #ffffff;
	text-decoration: none;
	padding-top: 80px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	padding-bottom: 20px;
	font-weight: 400;
	font-size: 14px;	
}
.nav-bottom a:hover, .nav-bottom a.active{
	color: #ffffff;
	text-decoration: none;
	background-color: #F5232C;
}

.logo-bottom{
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
}

.bottom-right{
	float: right;
	width: 525px;
	padding-top: 0;
	color: #ffffff;
	text-align: right;
}

.social-bottom,
.website-by
{
	float: right;
	width: 100%;
	margin-top: 5px; 
}
.website-by{
	padding-top: 10px;
}

.address-bottom{
	float: left;
	padding-top: 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 14px;
	padding-top: 2px;
}

.address-bottom p{
	margin-top: 4px;
	margin-bottom: 2px;
}

.bottom-right h3{
	display: inline-block;
	font-size: 35px;
	letter-spacing: -2px;
	font-weight: 200;	
	vertical-align: super;	
	padding-right: 16px;
}

.home .bottom-right h3{
	margin-top: 27px;
	padding-top: 0px;
}
 .bottom-right h3{	 
	padding-top: 18px
}

.content{
	background-color: #ffffff;	
	font-weight: 200;
}

.content .left, .content .right{
	background-color: #ffffff;	
	font-size: 16px;
	padding-top: 30px;
}

.content .image {
	
}

.clear{
	clear: both;
}


a:link, a:visited{
	color: #919496;
	text-decoration: none;
}
.top-banner h2 a:link, .top-banner h2 a:visited{
	color: #F5232C
	}
a:hover{
	color: #919496;
	text-decoration: underline;
} 
a.email,a.email:visited{
	color: #FFF;
	text-decoration: none;
}
a.email:hover{
	color: #FFF;
	text-decoration: underline;
}
a.email{
	padding-right: 7px;
}

.under-container{
	float: left;
	width: 100%;
	padding-top: 8%;
	text-align: center;
}
.under-container h2{
	font-weight: 200;	
}

.text{
	padding-top: 20px;;
}
.left{
	float: left;
	width: 50%;
}
.right{
	float: left;
	width: 50%;
}

li {
    padding-left: 10px;
	font-weight: 400;
}

/* RESPONSIVE */
@media screen and (max-width: 960px) {
	
	.about-article {
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}
	.about-article hr {
   		 margin-bottom: 32px;
	}
	
	.about-article .col1, .about-article .col2, .about-article .col3{
		width: 100%;
		box-sizing:border-box;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.about-article img, .image img{
		width: 100%;
		height : auto;
	}
	.review {
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}

	.main{
		width: 100%;
		margin:0 auto;
	}
	.logo{
		float: none;
		text-align: center;
	}
	.left-container{
		float: left;
		width: 100%;
		padding-top: 17%;
	}
	.left-container img{
	   max-width: 100%;
   	   height: auto;    		
	}
	
	.left, .right{
		width: 100%;
	}
	.content,
	.header,
	.top-right,
	.content.welcome,
	.why-us,
	.bottom-contact-us,
	.inner,
	.bottom-left,
	.bottom-right,
	.logo-bottom,
	.address-bottom,
	.footer,
	.footer h3,
	.about .left,
	.about .right,
	.top-banner-inner,
	.contact .form .content .left,
	.contact .form .content .right,
	.contact .content .left,
	.contact .content .right,
	.features,
	.dimensions,
	.dimensions .left,
	.dimensions .right,
	.div-luxury,
	.div-angle-load
	{
		width: 100%;
	}
	div-luxury,
	.div-angle-load{
		margin-left: 0;
		margin-right: 0;
	}
		
	
	.dimensions .right{
		padding-top: 15px;
	}
	
	.dimensions img{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;		
		height: auto;
		padding-bottom: 0px;
	}
	.review .image img{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		height: auto;
	}
	.review h2 {
    	font-size: 26px;
    	line-height: 34px;
	}
	.review h2::before {
   	 padding-right: 0;
   	 display: block;
	}

	.red {
  	  margin-right: 0;
  	  display: block;
	}
	
	.form textarea {
  	  margin-left: 0;
	}
	.form input[type="text"], .form input[type="email"], .form textarea, .form select{
		font: 14px 'Rubik', sans-serif;
		margin-right: 0;
		padding-left: 0;
		margin-left: 0;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	
	.contact .content .left,
	.contact .content .right{
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	.contact-page-form {
		padding:0px;
	}
	
	.contact-page-form .submit {
		margin-left: 0;
		width: 100%;
	}
	
	.top-banner-inner
	{
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	.about .right{
		padding-top: 20px;
		
	}
	
	.top-right,
	.bottom-left{
		text-align: center;
	}
	
	.bottom-right{
		text-align: center;
	}
	.float-banner{
		height: auto;
	}
	
	.float-banner img {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;		
		height: auto;
		padding-bottom: 15px;
	}

	.footer{
		padding-bottom: 20px;
	}
	.footer .address-bottom{
		padding-bottom: 20px;
	}	
	
	.footer h3{
		width: 100%;
	}
	.nav-bottom {
	    margin-right: 0;
		padding-bottom: 10px;
	}
	.nav-bottom a:link{
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.experience,
	.bottom-contact-us h3,
	.welcome p,
	.about .left p,
	.about .right p,
	.finance .content,
	.top-banner-inner{
		box-sizing: border-box;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.about .right{
		margin-left: 0;
		margin-right: 0;
	}
	
	.floats .top-banner h1{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.floats .top-banner p,
	.gallery .top-banner p{
		font-size: 18px;
		line-height: 31px;
		margin-top: 13px;
	}
	.about .top-banner p{
		font-size: 16px;
		line-height: 27px;
		margin-top: 13px;
	}
	.about .top-banner{
		height: 450px;
	}
	
	.gallery .top-banner, .floats .top-banner{
		height: 250px;
	}
	.floats .content h3{
		line-height: 44px;
	}
	
	.nav-top, .nav-bottom {
   		margin-right:0;
	}
	.bottom-right h3{
		padding-right: 0;
	}

	
}


@media screen and (max-width: 900px) {
	body {text-align: center;}
	.right-container{ display: none;}
	.left-container{ width: 100%; margin:0 auto;}
	
	.red{
		width: 100%;
	}
	
}

@media screen and (max-width: 769px) {
	
	iframe{
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.floats .content h3:before{
		display: block;
	}
	
	.about .top-banner{
		height: 700px;
	}
	
	.about .outer {
		margin: auto 0;
		display: inline-block;
	}
	
	
	.col1, .col2, .col3,
	.col1.video,
	.col2.video{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
	
	.top-banner{
		height: 245px;
	}
	
	.top-banner h1 {
	    font-size: 24px;
	}
	.top-banner h2 {
	    font-size: 20px;
	}
	.content.welcome {
   		padding-top: 0;
	}

	.inside-cotent-wrapper .left{
			width: 100%;
	}
	.why-us h2::before,
	.contact h1::before,
	.finance .content h3::before{
		display: block;
		padding-bottom: 13px;
		padding-right: 0;
	}
	.contact h1 {
	    font-size: 32px;
	}
	.float-banner{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 600px) {
	
.extras hr {
    display: block;
    margin-top: 30px;
}
	
.bottom-right {
    padding-bottom: 30px;
}
}


/* ********************** */
/* TOP NAV */
/* ********************** */

/* Style the links inside the navigation bar */
 .nav-top a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the color of links on hover */
/* .nav-top a:hover {
    background-color: #ddd;
    color: black;
}  */

/* Hide the link that should open and close the topnav on small screens */
.top-right .icon {
    display: none;
}

/* ********************** */
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	
.top-right .icon{
	display: block;
}
	
#myTopnav {
	width: 100%;
}

.social-top {
    margin-top: 22px;
}
.logo {
    margin-bottom: 22px;
}
	
.nav-top a{
	float: left;
}
#myTopnav.nav-top .icon {
    display: block;
	margin-top: 10px;
}
 
#myTopnav{
		width: 100%;
}
  .nav-top a:link{display: none;}
  .nav-top a.icon {
    float: right;
    display: block;
  }
  

  a:link.icon{
	  text-decoration: none;
	  color:#F5232C;
  }
  a:hover.icon{
	  color:#272424;	  
  }
  .nav-top a:link{
	  padding-top: 20px;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
	
	
	a:link.icon{		
	  font-weight: 400;
	  font-size: 20px
	}
	.nav-top {
		background-color: #fff;
		overflow: hidden;
	}

  .nav-top.responsive {position: relative;}
  .nav-top.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .nav-top.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/* July Promo */

/* Home Page */
.welcome .floats-promo-home h3 {
  font-size: 49px;
  letter-spacing: -2px;
  font-weight: 200;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: 400;
  color: #F5232C;
  padding-top: 20px;
  padding-bottom: 20px;
}

.welcome .floats-promo-home a{
	color: #F5232C;
}
/* Home Page */

/* Floats Page */
.top-banner .floats-promo h2{
	font-size: 26px;
}
.top-banner .floats-promo p{
	font-size: 16px;
}
.floats .top-banner p{
    font-size: 18px;
}
.floats .top-banner h1{
	margin-top: 48px;
}

.floats-promo-small{
	display: none;
}


@media screen and (max-width: 900px) {
	.top-banner .floats-promo{
		display: none;	
	}
	
	.floats-promo-small{	
		display: block;	
	}
	.floats .content .floats-promo-small h2{
		font-size: 20px;
		letter-spacing: 2px;
		font-weight: 200;
		text-align: center;
		line-height: 37px;
		padding-bottom: 5px;
		color: #F5232C;
		font-weight: 600;
	}


}
/* Floats Page */


.floats-promo-home,
.floats-promo,
.floats-promo-small{
	display:block;
}

.floats-promo-small {
    margin-bottom: 80px;
}

.floats .content .floats-promo-small h3{
	font-size: 49px;
	letter-spacing: -2px;
	font-weight: 200;
	line-height: 54px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	font-weight: 400;
	color: #F5232C;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.floats .content .floats-promo-small h3::before {
    content: none;
}

/* economy-model */
.model .features{
	width: 100%;
}

.model .features ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.model .features.extras ul{
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;	
}

.model .features{
	margin-bottom: 20px;
}

.model .dimensions #content1,
.model .dimensions #content2{ 
	display: block; 
	float: left;
	width: 50%;
}
.model .dimensions {
    width: 100%;
}

.model h4{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.model .finance h4{ border-bottom: none; }

.floats.model section{ border-top: none; }
.floats.model section{ padding: 10px 0 0;}

.model .gallery h4{
	font-size: 22px;
}