/* ========== */
/* = RESETS = */
/* ========== */
* { margin: 0; padding: 0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }
a img, fieldset { border: 0; }
body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #333; } /*issue*/
img { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.accessible { display: none; }
button, label { cursor: pointer; }
textarea, input, button, legend { outline: none; font-family: Arial, Helvetica, sans-serif; }
legend { display: block; }
table { border-spacing: 0; width: 100%; }
a, a:visited, a:link, a:active { color: #4C99B2; text-decoration: none; }
button { overflow: visible; }
.clearfix:before, .row:before, .secondary_nav:before, .m-heading-xsmall:before, .m-contactme:before, .m-steps ol:before, .m-steps_table ol:before, .m-features_table thead p:before, .car_model_form .fields:before, .find_product .find_tools:before, .clearfix:after, .row:after, .secondary_nav:after, .m-heading-xsmall:after, .m-contactme:after, .m-steps ol:after, .m-steps_table ol:after, .m-features_table thead p:after, .car_model_form .fields:after, .find_product .find_tools:after { content: "."; display: block; height: 0; overflow: hidden; }
.clearfix:after, .row:after, .secondary_nav:after, .m-heading-xsmall:after, .m-contactme:after, .m-steps ol:after, .m-steps_table ol:after, .m-features_table thead p:after, .car_model_form .fields:after, .find_product .find_tools:after { clear: both; }
.clearfix, .row, .secondary_nav, .m-heading-xsmall, .car_model_form .fields, .find_product .find_tools { zoom: 1; }
.reset-inline-block, [role="banner"] [role="navigation"], .content_brands ul { letter-spacing: -0.31em; word-spacing: -0.43em; }
.no_text, .m-steps .prev, .m-steps .next { text-indent: 100%; white-space: nowrap; overflow: hidden; }
/* ======== */
/* = GRID = */
/* ======== */
.wrapper { margin: 0 auto; width: 992px; background: #fff; }
.lineheader { background: none repeat scroll 0 0 #f15b06; display: block; height: 5px; width: 100%; }
div#SG_sub_header { background: #f15b06; display: block; height: 30px; position: relative; top: -9px; z-index: 1; }
#lineTop, #lineBottom { background: none repeat scroll 0 0 #f15b06; display: block; height: 5px; width: 100% }
#other_button a, #other_button a { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #ccc; border-radius: 0; box-shadow: none; margin: 0; padding: 11px 4px; transition: background-color 300ms ease-out 0s; width: 98.9% }
#other_button a:hover, #other_button a:active, #other_button a:hover { background: none repeat scroll 0 0 #FFF; outline: 0 none }
#SG_cookiesAdvice { background: none repeat scroll 0 0 #f0f0f0; border-top: 1px solid #dadada; bottom: 0; display: block; font-size: 11px; height: 30px; padding: 2px 0; position: fixed; text-align: left; width: 100%; z-index: 1000 }
#SG_cookiesAdvice input { background: none repeat scroll 0 0 #f26522; border: 1px solid #e05310; color: #fff; display: inline-block; margin: 3px 8px 2px; padding: 3px 7px }
#SG_cookiesAdvice .container { display: block; margin: 0 auto; text-align: center; width: 100% }
#SG_cookiesAdvice input:hover { background-color: #fe763c; -moz-box-shadow: 0 0 1px 0 #ffba8a inset; -webkit-box-shadow: 0 0 1px 0 #ffba8a inset; box-shadow: 0 0 1px 0 #ffba8a inset; cursor: pointer }
#SG_cookiesAdvice p { color: #000; display: inline-block; font-size: 11px }
header { display: block; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.column, .columns { position: relative; padding-left: 10px; padding-right: 10px; }
/* ============== */
/* = GRID UNITS = */
/* ============== */
.row { display: block; clear: both; }
.col, .col_sls, .col_srs, .col_slm, .col_srm, .col_shs, .col_shm, .col_srb { float: left; margin-left: 0%; }
.col_r { float: right; }
/* ================= */
/* = COLUMN WIDTHS = */
/* ================= */
.sh { width: 50%; }
.s1of1 { width: 100%; *width: 99.999%;
}
/* =================== */
/* = COLUMNS SPACING = */
/* =================== */

.col > .row, .col_sls > .row, .col_srs > .row, .col_slm > .row, .col_srm > .row, .col_shs > .row, .col_shm > .row, .col_srb > .row { margin-left: 0; margin-right: 0; }
/* ============== */
/* = STRUCTURES = */
/* ============== */
.item { zoom: 1;/* needed if .item is a <li> for example */ }
.item_media { float: left; }
.item_media img { display: block; }
.item_body { display: table; zoom: 1; }
/* ================== */
/* = DEFAULT LAYOUT = */
/* ================== */
[role="main"] { background: #fff; padding-top: 0px; min-height: 400px; }
.logo { background: url(/ImgCdn/Common/logo.png) no-repeat 0px 0px; display: block; width: 250px; height: 82px; text-indent: -9990px; margin-top: 20px; } /* issue */
[role="banner"] { min-height: 115px; }
[role="banner"] .wrapper { padding-top: 5px; }
[role="banner"] .wrapper { *zoom: expression(this.runtimeStyle.zoom="1", (eb = this[ 'insertBefore']( document.createElement("small"), this.firstChild ) ), eb.innerHTML=" ", eb.className="before pseudo-element" );
}
[role="banner"] .wrapper:before { content: " "; }
[role="banner"] .logo { float: left; }
.content { background-color: #fff; padding-bottom: 20px; }
.content.line { background: white url(/ImgCdn/Common/bg_main-content.png) repeat-y 727px top; }
/* wait page */

.SG_bubble { background-color: #fff; border: 1px solid #e9e4e4; -webkit-box-shadow: 0 1px 5px #f0f0f0 inset; -moz-box-shadow: 0 1px 5px #f0f0f0 inset; box-shadow: 0 1px 5px #f0f0f0 inset; margin: 6px; position: relative; z-index: 1 }
.SG_Box { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; -moz-box-shadow: 0 2px 3px -1px #d0d0d0, 0 0 1px #fff inset; -webkit-box-shadow: 0 2px 3px -1px #d0d0d0, 0 0 1px #fff inset; box-shadow: 0 2px 3px -1px #d0d0d0, 0 0 1px #fff inset; font-size: 11px; margin-bottom: 11px; position: relative }
#SG_resultados { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px 0 10px }
#SG_Footer { display: none }
#SG_left p, #SG_right p { margin: 20px 0; text-align: center }
#SG_left { float: left; width: 65% }
#SG_right.SG_bubble { border-radius: 0; padding: 10px; font-size: 12px; float: right; margin: 28px 28px 25px 0; padding: 5px; width: 270px; min-height: 217px; }
#SG_right .SG_advice { text-align: center; font-size: 13px; margin: 0 0 10px }
#SG_left .upper_title { color: #666; font-size: 50px; padding: 45px 0 0; margin: 0px; text-align: left; padding: 20px 0px 10px 33px; }
.SG_bigbull { margin: 30px 0 0 30px; padding: 0 }
.SG_bigbull li { background: url("/ImgCdn/Common/bull_red.png") no-repeat scroll left top transparent; font-size: 15px; font-weight: normal; margin-bottom: 10px; padding-left: 30px; line-height: 20px; list-style: none; }
.SG_bubble { font-size: 12px; padding-bottom: 20px }
#secondsLeft { color: #e34713; float: left; font-size: 50px; font-weight: normal; padding-left: 40px }
#SG_right.SG_stripe h2 { border-bottom: 1px dotted #dedede; color: #666666; font-size: 16px; margin-bottom: 5px; margin-left: 0; padding-bottom: 5px; }
.SG_greets { color: #7f7f7f; font-size: 16px; margin: 20px 0 35px }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.m-selectable_list { border: 1px solid #ffffff; display: block; font-size: 14px; margin-bottom: 1px; min-height: 19px; padding: 5px 5px 5px 20px; }
.m-selectable_list input[type="radio"] { display: none; }
.m-selectable_list:hover { background-color: #ffd0b6; cursor: pointer; border: 1px solid #ff9329; }
.m-selectable_list.active { background-color: #ffd0b6; cursor: pointer; border: 1px solid #ff9329; }


.custom_field { float: left; background: url(/ImgCdn/Common/bg_custom_input.png) left top repeat; background-clip: padding-box; border-style: solid; border-color: #999999; *background-color: #999999;
border-color: rgba(153, 153, 153, 0.17); border-color: #eee\9; border-width: 5px 5px 5px 5px; *background: none;
}
/* ? */
.checkbox, .radio, .select .select_button_icon { background-image: url('/ImgCdn/Common/custom_forms_sprite.png'); background-repeat: no-repeat; }

.custom_field input, .custom_field textarea, .custom_field { border-radius: 5px; }
.custom_field input, .custom_field textarea { border: 1px solid #999999; padding: 10px 12px 8px 12px; color: #666666; font-size: 13px; width: 100%; margin-left: 0px; }
a.btn { color: #fff; float:left; margin-left:5px; margin-top:5px; }

.btn { min-width: 193px; padding: 12px 18px 11px; /*--change here */ font-size: 16px; border-color: #697910; border-style: solid; border-width: 1px 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; background: #bfd255; /* Old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(50%, #8eb92a), color-stop(51%, #72aa00), color-stop(100%, #9ecb2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* IE10+ */ background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0 ); /* IE6-9 */
}
.btn:hover { background: #78ad09;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ad09', endColorstr='#78ad09', GradientType=0 ); /* IE6-9 */
}
.btn.medium { padding: 9px 10px; min-width: 0; }
.m-heading-mini {
	float: left;
	font-size: 23px;
	line-height: normal;
	min-height: 48px;
	padding-top: 9px;
}
.custom_field .post-textnew { width: 210px; }
.WaitPageQues {   
	color: #666666;
	font-size: 15px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom: 5px; padding-top:10px; float:left;}
	
.set-thanku-message { margin-top: 87px; display:block; }
.thanku-text { float: left; white-space: nowrap; width:70%; margin-top:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.tick_icon { float: left; background: url('/ImgCdn/Common/bg_check.png') no-repeat scroll 0px 0px; height: 31px; width: 31px; }

/* ========================================= Media query ================================================ */



@media screen and (max-width:900px) {
/*WRAPPER STYLES*/

.wrapper { width: 100%; }
.col_shm > * { margin: 0px 10px; }
}

@media screen and (max-width:800px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
#SG_left { width: 56%; }
#SG_left .upper_title { font-size: 38px; }
.SG_bigbull { margin-bottom: 30px; }
}

@media screen and (max-width:768px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
}

@media screen and (max-width:750px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
/* pbar */

.control-buttons { width: 22% }
#SG_flowbar_header { width: 54.5%; }
}

@media screen and (max-width:667px) {
#SG_right.SG_bubble { margin-left: 30px; width: 90%; }
#SG_left { width: 100%; }
}

@media screen and (max-width:640px) {
.header_sec { height: 65px; }
[role="banner"] .logo { float: none; margin: 0 auto; text-align: center; background-position: 2px -85px; }
/* footer */
#SG_cookiesAdvice { height: 55px; }
#SG_Footer { padding-top: 5px; }
}

@media screen and (max-width:568px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
.m-steps ol { width: 86%; }
[role="banner"] { min-height: 77px; }
}

@media screen and (max-width:480px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
.m-steps ol { width: 83%; }
}

@media screen and (max-width:414px) {
/* pbar */
#SG_flowbar_header { width: 50%; }
.row-fluid [class*="span"]:first-child { padding: 4px 2px; }
.control-buttons { width: 24%; }
.track-btn { font-size: 11px; }
[class^="icon-"], [class*=" icon-"] { margin-top: -1px; width: 11px; }
}

@media screen and (max-width:384px) {
#SG_left .upper_title { font-size: 30px; }
#SG_right.SG_bubble { width: 88%; margin: 0px 20px 35px 0; }
}

@media screen and (max-width:320px) {
/*WRAPPER STYLES*/
.wrapper { width: 100%; }
.SG_bigbull { margin-left: 15px; }
#SG_left .upper_title { padding: 20px 0px 10px 15px; }
#SG_right.SG_bubble { width: 90%; }
#SG_right.SG_bubble { margin: 20px 15px 20px 0; }
/* footer */
#SG_Footer { padding-top: 0px; }
}