/*****  
	Web Designer: Karoline Dassie

	COLORS:
	- Yellow: #ffd101
	- White: #fff
	- Black: #000
	
*****/

/***** BEGIN RESET *****/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

hr{background-color:#EBEBEB; height: 1px; border: 0;}

/* Make HTML 5 elements display block-level for consistent styling */  

/***** END RESET *****/

/***** TEXT/LINK FORMATTING *****/


::-moz-selection {
    background: #ffd101;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fff;
    color: #ffd101;
    text-shadow: none;
	font-weight: 800;
}

h1 {
	color: #fff; 
	font-size:86px; 
}

h2{ 
	font-family: 'Roboto Condensed', sans-serif;
}

h3{
	font-size:34px;
	color:#000;
	text-align:center;
}
.main-title h3{
	
	font-family: 'Oswald', sans-serif;
}
h4{ 
	color: #000; 
	font-size:28px;  
	margin:0 0 20px 0;
	font-weight:500;
}

p { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px; 
	line-height: 28px;
}

a.whitelink:link{
	color:#fff;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

a.whitelink:hover{
	color: #ffd101;
}

a{
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	color: #fff;
}

a:hover{
	color: #ffd101;
}

a .engspan {
	color:#fff;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}
	
.engspan a:hover {
	color: #ffd101;
	font-weight:bold;
}

a.ie7-links{
	*position: relative;
	*top: -75px;
}

strong { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	color: #ffd101; 
	font-weight:bold;
	font-size: 18px;
}

.center{text-align:center;}

.white{background:#fff}
/***** INVENTORY *****/

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#ffd101 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #ffd101 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.page-nav{background-color:#ffd101!important}
.dealer-btns-bottom a {background: #ffd101 !important;}
.search-results {color:#ffd101!important}
button.button {width: 13%!important;}
.view-listing-details-link{color:#FFF!important;}
.detail-content h3, .detail-content-mobile h3{text-align:left!important;}

/***** SITE FRAMEWORK *****/

html, body{
	font-family: 'Oswald', sans-serif;
	background: #000;
	-webkit-text-size-adjust: none; 
}

.ql-header {
	padding: 17px 0;
	width:100%;
	background:#fff;
	position: relative;
	z-index: 500;
	font-family: 'Oswald', sans-serif !important;
}

.header-home {
	padding: 17px 0;
	width:100%;
	border-bottom: .5em #fff solid;
	background: rgba(255,255,255,0.72);
	position: absolute;
	z-index: 500;
}

.wrapper{
	max-width: 1100px;
	margin: 0 auto;
}

.attachment-wrapper{
	width: 1100px;
	margin: 0 auto;
}

#yellowbg{background:#ffd101; padding:1em 0; text-align:center}
#yellowbg iframe{margin:0 auto; width:70%; height: auto; min-height: 500px}

.pad{padding:3em 0}

.column1 {width:100%;}
.column2 {width:50%; float:left;}
.column3 {width:33.33333%; *width: 32%; float:left;}
.column4 {width:33.3%; float:left; }
.column5 {width:20%; float:left; }
.column6 {width:16.66666%; float:left;}

.column4 a {
	color: #000;
	padding: 0 10px;
	}
	 
.column4 a:hover {
	color: #ffd101;
	}
	
.hosted-content h1 {
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-size: 45px;
	text-transform: uppercase;
	}
	
.hosted-content h2 {
	font-family: 'Oswald', sans-serif;
	color:#ffd101!important;
	font-size:25px!important;
	text-transform: uppercase;
	}
	
.hosted-content h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	color: #000;
	}
	
.hosted-content .listings-wrapper .listings-list .listing-banner {
	font-family: 'Oswald', sans-serif;
	}
	 
.hosted-content .bold {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	}	 
	.hosted-content .listings-wrapper .listings-list .listing-banner{background:#000!important} 
	 

/***** HEADER *****/

.engspan {
	color: #ffd101;
	} 

/***** QUICK SEARCH *****/

#footer-quick-search-wrap{ position:relative; float:right;}

#footer-quick-search-wrap form{
	position:relative;
	display:block;
	margin:0 10px 0 0 ;
}

#footer-quick-search-wrap form input{
	font-family:'Roboto Condensed', sans-serif;
	width:196px;
	background: #FFF;
	float:left;
	border: 1px #dadada solid;
	border-right:none;
	color: #8a8a8a ;
	height: 25px;
	padding:0 0 0 10px;
	position:relative;
	font-size: 14px;
	margin:20px 0 0 0; 
	letter-spacing:1px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right:none;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#footer-quick-search-wrap form .button{
	cursor:pointer;
	position:relative;
	height:27px;
	color: #8a8a8a;
	background:#fff;
	float:right;
	padding:0 10px;
	margin:20px 0 0 0;
	border:1px #dadada solid;
	border-left:none;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	z-index: 9999;
	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#footer-quick-search-wrap form .button:hover{
	color:#ffcd11;
}
#searchbarfoot{}
#footer-quick-search-wrap2{  display:none;}

#darkbg{background:#ffd101; width:100%; padding:1.5em 0;}
#footer-quick-search-wrap3{ position:relative; margin:0 auto; width:100%;max-width:770px;}

#footer-quick-search-wrap3 form{
	position:relative;
	display:block;
	margin:0 10px 0 0 ;
}

#footer-quick-search-wrap3 form input{
	width:710px;
	background: #FFF;
	float:left;
	border: 1px #dadada solid;
	border-right:none;
	color: #dadada ;
	height: 45px;
	padding:0 0 0 10px;
	position:relative;
	font-size: 20px;
	letter-spacing:1px;
	margin:0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#footer-quick-search-wrap3 form .button{
	cursor:pointer;
	position:relative;
	height:47px;
	font-size:23px;
	color: #dadada;
	background:#fff;
	float:left;
	padding:0 3px;
	margin:0 ;
	border:1px #dadada solid;
	border-left:none;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	z-index: 9999;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#footer-quick-search-wrap3 form .button:hover{
	color:#ffcd11;
}

/***** NAV *****/

#ql-nav{
	float: right;
	margin:33px 0 0 0;
}

#ql-nav ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;
	z-index: 9999;
}

#ql-nav ul a{
	display:block;
	color: #000;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 18px;
	padding: 5px 18px;
	margin: auto;
}

#ql-nav ul li:hover > a {
	background: #ffd101;
	border-radius: 5px;
	color: #fff;
}

#ql-nav ul li {
	position:relative;
	float:left;
	zoom: 1;
	*display: inline;
}

#ql-nav ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
}

#ql-nav ul ul a {
	padding: 10px 20px;
	font-size: 18px;
	text-transform: none;
    color: #000;
	background:#fff;
	border: 1px #ffd101 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 200px;
	margin:1px auto;
}

#ql-nav ul ul a:hover {
	background: #000;
    color: #fff;
}

#ql-nav ul li:hover > ul {
	display:block
}

#navicon {
	float: left;
	font-size: 32px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	color: #000;
	padding: 5px;
	margin-top:7%;
}

#navicon:hover {
	background: #ffd101;
	color: #fff;
	border-radius: 5px;
}

/***** STYLES *****/

.full-width-banner img {
    width: 100%;
    height: auto;
    display: block;
}

#ql-logo{float:left}
	
.secondary-picture{
	position: relative;
	background: #333333;
	width: 100%;
	padding: 15px 0;
	border-bottom: 2px #ffd101 solid;
}

.secondary-message{
	font-size: 36px;
	color: #fff;
	text-align: center;
}

#infotop {
	background: #ffd101;
	color: #fff;
	text-transform: uppercase;
	text-align:right;
	padding:0.5%
}

#infotop .ql-header {
	background: #ffd101;
	color: #fff;
	text-transform: uppercase;
}

#infotop a:hover {
	color: #000;
}

#infotop a{
	padding: 0 5px;
}

/***** FOUR ICONS *****/

a.four-icons i{
	font-size: 60px;
	display:block;
	color: #ffd101;
	margin:0 auto 10px auto
}

a.four-icons:active, a.four-icons:link, a.four-icons:visited {
	transition:background-color 300ms ease, background-color 300ms ease, all 300ms ease;
	color:#000;
	font-size: 18px;
	text-align:center;
	text-transform:uppercase
}

a.four-icons:hover{
	color: #ffd101;
}

/***** LOGISTICS PAGE STYLES *****/

.dividermobile{display:none;}

.onehalf{
	width:45%;
	float:left;
	margin:0 2%;
	text-align:center;
}

.main-picture{
	position: relative;
	width: 100%;
	z-index:9999;
	height:auto;
}

.main-title{
	position: relative;
	width: 100%;
	background:#fff url(../siteart/cream-pixels.png) repeat;
	border-bottom: 5px #ffd101 solid;
	border-top: 5px #ffd101 solid;
	padding:10px 0;
	text-transform: uppercase;
}

.onehalf p { 
	font-size: 14px; 
	line-height: 24px;
	text-align:center;
}

.onehalf strong { 
	font-weight: normal; 
	font-size: 19px;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/***** CONTACT PAGE/GOOGLE MAP *****/

.onethird{
	width:25%;
	float:left;
	margin: 0 0 0 5%;
	text-align:left;
}

.twothirds{
	width:70%;
	float:left;
	margin:0;
}

.onethird p a{ 
	font-size: 16px; 
	line-height: 24px;
	text-align:left;
	width: 95%;
	color: #000;
}

.onethird p a:hover{ 
		color: #ffd101;
}

.onethird strong { 
	font-weight: 600; 
	font-size: 19px;
}

.google-maps {
    float:left;
    position: relative;
	height:300px;
    width: 100%;
    margin: 0 auto 2em auto;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 300px !important;
    pointer-events: none;
}

/***** FORM STYLES *****/

#formpage{
	font-weight: bold;
	font-size: 16px;
	width:100%;
	text-transform: uppercase;
}

#formpage input {
	padding:6px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color: #ffd101;
	font-size:12px;
	width: 100%;
	margin: 10px 0;
}

#formpage textarea {
	padding:6px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color:#ffd101;
	font-size:12px;
	width: 100%;
	height: 90px;
	margin: 10px 0;
}

#formpage select {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #8e8d8d;
	color:#ffd101;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width: 100%;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
}
 
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#ffd101; 
	color:#000;
	font-weight: bold;
	border:1px solid #000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}

#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus { 
    margin:20px auto 0 auto;
	width:300px;
    padding:10px 20px;
    background:#ffd101;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family: 'Roboto Condensed', sans-serif;
	transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;
	border-radius:5px;
    font-size:23px;
    color:#fff;
	border:none;
	text-transform: uppercase;
}

#formpage input.button:hover {
	background:#000;
	text-shadow:none;
	border:none;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#formpage label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}

#footer-quick-search-wrap  .search input:focus{ outline : none; }
#footer-quick-search-wrap form input:focus{ outline : none; }


/*control the Captcha */

.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {color:#000;}

.CaptchaWhatsThisPanel a:hover {text-decoration:none;}   

/***** INVENTORY ICONS *****/

#inventory-grid ul {list-style: none;}

#inventory-grid ul li {
    display: block;
    position: relative;
    float: left;
	text-align:left;
	width:216px;
	height:64px;
	margin:1em 1.8em;
}

#inventory-grid ul li a {
    display: block;
    text-decoration: none;
	font-family: 'Oswald', sans-serif; 
    color: #000;
	font-size:21px;
	text-transform:uppercase;
	line-height:43px;
	padding-left:6px;
	font-weight: 300;
}

#inventory-grid ul.spanish li a {font-size:18px}

#inventory-grid ul.spanish li.change a {line-height:normal; font-size:18px;padding-top:10px; padding-bottom:10px}

#inventory-grid ul li a:hover {
	color:#ffd101;
	border:2px solid #ffd101;
}

/***** FOOTER STYLES *****/

.fifty {
	width: 50%;
	float: left;
	}
	
#manuwrap{
	padding:0 0 4em 0;
	margin:0 auto;
	background:#f4f4f4;
	text-align:center;
}

#manuwrap p{
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	color:#aaaaaa;
	padding:2em 0;
}

#manuwrap img{
	display:inline-block;
	/*	float:left;*/
	padding:0 2.3em;
	vertical-align:middle;
}

#footwrap {
	background: #000;
	color:#fff;
	margin: 0 auto;
}
#footwrap p{
	font-size:15px;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{  color:#dadada; font-size:12px;}

a.footerlink:hover {color:#dadada; text-decoration:none; }

.footertext{ font-size:12px; color:#dadada;}

.smallfootertext{font-size:11px; color:#fff; }

.divfooter {max-width:435px; text-align:right; margin: 0 auto; float:right;line-height: 20px; font-family: 'Roboto Condensed', sans-serif;}
 
.clear{clear:both;}	

/***** RESPONSIVE STYLES *****/

.show-menu-for-mobile {display:none;}  
.mobile-break{display: inline;}



@media screen and (max-width:1100px){
	.pad{padding:3em 15px;}
	#footwrap{padding:0;}
	#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
}

@media screen and (max-width:1085px){
	h4{text-align:center}
	#footer-quick-search-wrap{float:none; max-width:240.5px; margin:0 auto}
	#footer-quick-search-wrap form{margin:auto}
	
	#ql-logo{
		float :none;
		max-width: 200px;
		margin: 20px auto 0 auto;
	}
	
	#ql-logo img{
		width: 100%;
		height: auto;
		display:block
	}
	
	.ql-header {
		padding: 0;
		border-bottom: none;
	}

	.header-home {
		padding: 0;
		width:100%;
		border-bottom: none;
		background: rgba(255,255,255,0.72);
		position: relative;
		z-index: 500;
	}
	
	#ql-nav ul ul a {
		font-size: 16px;
		width: 100%;
		padding:10px 0;
		margin:0 auto
	}
	
	#ql-nav ul ul li{margin:0 auto; float:left; width:33.25%}

	#formpage{width:100%}
	
	.fifty {
		width: 100%;
		text-align: center;
		float: none;
		margin: 0 auto;
	}
	
	.main-title{padding:5px 0;}
	.divfooter {
		width: 100%;
		text-align: center;
		float: none;
		margin:2em auto  0 auto;
	}
	#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
}



@media screen and (max-width: 900px) and (min-width:800px) {
#ql-nav ul a {
	font-size: 16px;
}

#ql-nav {
	margin: 10px 0 0 0;
	float: none;
}
#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
}
	
@media screen and (max-width: 800px) and (min-width:700px) {
#ql-nav ul a {
	font-size: 18px;
}

#ql-nav {
	margin: 10px 0 0 0;
	float: none;
}
#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
}

@media screen and (max-width: 700px) and (min-width:600px) {
#ql-nav ul a {
	font-size: 18px;
}	

#ql-nav {
	margin: 10px 0 0 0;
	float: none;
}

.p {
	width: 100%;
	text-align: center;
	float: none;
	line-height: 24px;
	font-size: 14px;
}

#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}	
	
}

@media screen and (max-width: 1085px) and (min-width: 501px) {
.divfooter {max-width:90%}

#infotop {
	float:none;
	text-align:center;
	line-height:1.5em;
	margin:0;
}

#idiomas{
	float:none;
	text-align:center;
}

#manuwrap img{
	display:block;
	float:none;
	padding:1.7em 0;
	margin:0 auto;
	}
	#manuwrap{padding:0 0 2em 0;}
	#manuwrap p{padding:2em 0 }
		
.column4{ width: 33%; padding:1em 0}

.hi-icon-wrap {padding: 20px 0 30px !important;}


#header-contact{
	font-size: 14px;
	text-align: center;
	float: right;
	margin-bottom: 0;
}

.slider-quote{padding:4% 0;}

.onehalf{
	width:90%;
	float:none;
	margin:0 auto;
}

.dividermobile{margin:2em auto; display:block;}

.onethird{
	width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
}

.twothirds{
	width:100%;
	float:none;
	margin:0 auto;
}

.onethird p { text-align:center;}

#ql-nav ul a {
	font-size: 18px;
}

#ql-nav ul li {
	float: none;
	text-align: center;
	border-bottom: thin #7A7A7A solid;
	border-top: thin #7A7A7A solid;
}
	
#ql-nav {
	margin: 10px 0 0 0;
	float: none;
}

#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
	
}

@media screen and (max-width: 1000px){
	#yellowbg iframe{margin:0 auto; width:90%; height: auto; min-height: 400px}
}

@media screen and (max-width: 500px){
h1,h2{font-size:40px; line-height:1.1em;}

.hide {display:none;}

.pad{padding:2em 15px;}
	
.divfooter {max-width:90%}

#infotop {
	float:none;
	text-align:center;
	line-height:1.5em;
	margin:0;
}

#idiomas{
	float:none;
	text-align:center;
}
	
#yellowbg iframe{min-height: 300px}
	
.column4{ float: none; width: 100%;  padding:0.5em 0}

.hi-icon-wrap {padding: 20px 0 30px !important;}

.fa-phone {
    margin-left: 0;
}

#manuwrap img{
	display:block;
	float:none;
	padding:1em 0;
	margin:0 auto;
	}
	#manuwrap{padding:0 0 1em 0;}
	#manuwrap p{padding:1em 0 }
	

.slider-quote{padding:3% 0;}

.onehalf{
	width:90%;
	float:none;
	margin:0 auto;
}

.dividermobile{margin:2em auto; display:block}

#formpage input.button, #formpage input.button:focus{width:200px;}

.onethird{
	width:100%;
	float:none;
	margin:0 auto;
	text-align:center;
}

.twothirds{
	width:100%;
	float:none;
	margin:0 auto;
}

.onethird p { text-align:center;}

#ql-nav ul a {
	font-size: 18px;
	padding: 5px;
	display: list-item;
}

#ql-nav ul li {
	float: none;
	text-align: center;
	border-bottom: thin #7A7A7A solid;
	border-top: thin #7A7A7A solid;	
	}

#ql-nav {
	margin: 10px 0 0 0;
	float: none;
	}

#ql-nav ul ul { 
	width: 50%;
    left: 50%;
    transform: translateX(-50%);
}
#ql-nav ul ul li{margin:0 auto; float:none; width:100%}
#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
}

@media screen and (max-width: 400px){
#ql-nav ul li {
	float: none;
	text-align: center;
	border-bottom: thin #7A7A7A solid;
	border-top: thin #7A7A7A solid;		
	}
	
#ql-nav {
	font-size: 18px;
	padding: 5px;
	display: list;
	float: none;
	margin: 10px 0 0 0;
}

#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}
	
}

@media screen and (max-width: 350px){
#ql-nav ul li {
	float: none;
	text-align: center;
	border-bottom: thin #7A7A7A solid;
	border-top: thin #7A7A7A solid;	
	}
	
#ql-nav {
	font-size: 18px;
	padding: 5px;
	display: list;
	float: none;
	margin: 10px 0 0 0;
}

#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}

}
@media screen and (max-width: 300px){
#ql-nav ul li {
	float: none;
	text-align: center;
	border-bottom: thin #7A7A7A solid;
	border-top: thin #7A7A7A solid;
	}
	
#ql-nav {
	font-size: 18px;
	padding: 5px;
	display: list;
	float: none;
	margin: 10px 0 0 0;
}


.h4 {
	font-size: 30px;
	}
#formpage input.button, #formpage input.button:focus {
	-webkit-appearance: none; 
	}	
		
}