@font-face { font-family: TradeGothic; src: url('/net_market/speed_queen/fonts/TradeGothicLTStd.otf?ccid=x4bd07a6e'), url('/net_market/speed_queen/fonts/TradeGothicLTStd.woff?ccid=x4bd07a6e'); }
@font-face { font-family: TradeGothicBold; src: url('/net_market/speed_queen/fonts/TradeGothicLTStd-Bold.otf?ccid=x4bd07a6e'), url('/net_market/speed_queen/fonts/TradeGothicLTStd-Bold.woff?ccid=x4bd07a6e'); }

#speed_queen { font-family: TradeGothic, sans-serif; background: url(/net_market/speed_queen/images/speed_queen_texture.jpg?ccid=x4bd07a6e) no-repeat 100% 100% #fff; background-size: cover; color: #FFF; max-height: 325px;  position: relative; z-index: 0; }
.tgb {  font-family: TradeGothicBold, sans-serif; }
.superscript { font-size: 0.5em; line-height: 100%; vertical-align: super; }

#speed_queen .branding-bg { overflow: hidden; }
#speed_queen .relative-pos { position: relative; z-index: 1; }
#speed_queen .spq_product { width: auto; max-height: 100%; }
#speed_queen .spq_logo { position: absolute;  z-index: 1; left: auto; bottom: 0; }
#speed_queen .spq_calculator { background: url(/net_market/speed_queen/images/speed_queen_red_concrete.jpg?ccid=x4bd07a6e) no-repeat 100% 100% #ec4623; float: right; background-size: cover; padding-bottom: 1em; }

#show_user_results { margin: 35px 20px 0 30px; }
#show_user_results p.spq_result {  font-family: TradeGothicBold, sans-serif; font-size: 26px; line-height: 28px; font-weight: bold; text-transform: uppercase; }
#show_user_results p.spq_result span.spq_yr_results { color: #ec4623; }

#speed_queen #questions, #speed_queen_results #questions { margin: 25px 12px 12px 12px; }
#speed_queen #answers, #speed_queen_results #answers { margin: 6px 12px; }
.spq_calculator .branding_orange { color: #ec4623; }

.spq_calculator a.link_decor { color: #FFF;  }
.spq_calculator .spq_heading { font-size: 20px; letter-spacing: -0.5px; font-family: TradeGothicBold, sans-serif; text-transform: uppercase; margin-bottom: 0; }
.spq_calculator .spq_secondary_heading { font-size: 16px; padding-bottom: 12px; }
.spq_calculator input { font-size: 20px; /*width: 60px;  margin-left: 5px; display: inline-block; */ padding: 5px !important; border: 1px solid #999; background: white; float: right; color: #333 !important; }
.spq_calculator input.error { border: 1px solid #FFF; }
.spq_calculator .input_section { margin-bottom:10px; }
.spq_calculator button:hover, .spq_calculator a.button:hover, a.button { cursor: pointer; text-decoration: none; }
.spq_calculator button, .spq_calculator a.button { border: none; background: #FFF; padding: 8px 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; float: right; display: inline-block; margin-top: 5px; text-align: center; color: #F04923; border: 1px solid #F04923; font-family: TradeGothicBold, sans-serif; }

#questions span {  font-size: 13px; }
#speed_queen_offer { color: #000; font-family:TradeGothic, sans-serif; }
#speed_queen_offer h1 { font-size: 30px; line-height: 32px; color: #000;  text-transform: uppercase; }
#speed_queen_offer h2 { font-size: 20px; line-height: 24px; color: #000; text-transform: uppercase; }
#speed_queen_offer h4 { text-align: center; color: #000; font-size: 12px; }
#speed_queen_offer .large { font-size: 20px; color: #333; }
#speed_queen_offer .spq_calculator_wrap { padding-top: 10px;  color: #000; }
#speed_queen_offer #answers div.chart { width: 100%; background: #ffffff; padding-top: 20px; padding-bottom: 20px; border: 1px solid #CCC; }
#speed_queen_offer .spq_calculator { float: none; display: block; margin: 0; width: 100%; }
#speed_queen_offer #show_user_results { margin: 25px 0 0 0;}
#speed_queen_offer #answers div.back { float: none; width: auto; padding-top: 5px; }
#speed_queen_offer #answers div.back p { font-size: 12px; line-height: 15px; margin: 0px; }
#speed_queen_offer #answers div.note { padding-top: 2px; font-size: 10px; }
#speed_queen_offer a#backinline { color: #000; }
#brand-page.SPQ #fsearch-header { display: none; }
#speed_queen_offer #show_user_results p.spq_result { font-size: 34px; line-height: 38px; }
#speed_queen_offer #calcChart { margin-left: 0px; }

/* product */
.spq-product-wrap { margin-top: 2em; }
/* .spq-product { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: row;  -ms-flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.spq-product { display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; flex-grow: 1; } */
.spq-product:hover { transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; }
.spq-product .spq-product { background-color: #fff; margin-top: 2rem; margin-bottom: 2rem; padding: 2em; position: relative; overflow: hidden; color: #333; }
.spq-product .spq-product p { margin-bottom: 0px; }
.spq-product .spq-product .model-brand-logo { margin: 20px auto 0; max-width: 140px; width: 70%; }
.spq-product .spq-product .related-item-desc { display: block; width: 100%; font-weight: bold; height: auto; margin-bottom: 4px; }
.spq-product .spq-product .model-price-label-sale { display: block; }
.spq-product .spq-product .model-price-savings { color: ; }
.spq-product .spq-product:hover { border-color: ; }
.spq-product .spq-product:hover, .spq-product:active, .spq-product:focus { color: inherit; text-decoration: none; }
.spq-product .model-display-price-box { display: none; }
.spq-product .btn { border: none; background-color: #ec4623; color: #fff !important; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-top: 2.5rem; }

@media (max-width: 575px) {
	#speed_queen .spq_logo { max-width: 100px; }
}

@media (min-width: 576px) {
	#speed_queen .spq_logo { max-width: 120px; }
}

@media (min-width: 677px) {
	#speed_queen .spq_logo { max-width: 150px; }
	#answers  { padding-right: 0 !important; padding-left: 0 !important; }
	.chart canvas { font-size: 11px; font-weight: normal; }
}

@media (min-width: 768px) {
	#speed_queen .spq_logo { max-width: 200px; }
}

/* calculator revamp*/
.gray-bg { background: #f4f4f4; }

.why-sq-calculator .overlay { display:table;width:100%;height:100%; }
.why-sq-calculator .calculator { display:table-cell;vertical-align:middle; }
.why-sq-calculator input { background:#fff;border:1px solid #ddd;padding:10px;display:block;margin:15px auto;text-align:center; }
.why-sq-calculator .btn { padding:10px;width:140px;margin:0 5px;margin-top:20px; }
.why-sq-calculator .chart { position:relative;height:208px;width:75%;border-bottom:1px solid #ddd;margin:0 auto 65px; }
.why-sq-calculator .axes-label { position:absolute;left:-50px;top:50%;text-transform:uppercase;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;margin-top:-18px;font-family:"TradeGothicLT-BoldTwo",Arial,Helvetica,sans-serif; }
.why-sq-calculator .row { clear:both; }
.why-sq-calculator .row div { position:relative;height:32px; }
.why-sq-calculator .row div::after { content:' ';background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent)) 0 100%; background: -webkit-linear-gradient(left, transparent, #ccc, transparent) 0 100%; background: linear-gradient(to right, transparent, #ccc, transparent) 0 100%; height:1px;width:90%;position:absolute;left:50%;margin-left:-45%;display:block;top:50%; }
.why-sq-calculator .row span { float:right;width:30px;text-align:center;line-height:200%; }
.why-sq-calculator .row span:first-child { float:left; }
.why-sq-calculator .bars { overflow:auto;margin:0 15px;position:absolute;left:50%;bottom:0;margin-left:-87px; }
.why-sq-calculator .bars > div { position:relative;width:174px;height:192px; }
.why-sq-calculator .bar { width:57px;height:0;float:left;margin:0 15px;position:absolute;bottom:0;right:0;background:#f04923;-webkit-transition:1s all;transition:1s all; }
.why-sq-calculator .bar:first-child { left:0;background:#959595; }
.why-sq-calculator label { position:relative;top:24px;text-transform:uppercase;font-size:12px;width:86px;text-align:center;font-family:"TradeGothicLT-Bold",Arial,Helvetica,sans-serif;font-weight:400; }
.why-sq-calculator .calculator-chart { display:none; }
.why-sq-calculator .btn.btn-cross { width:18px;height:18px;position:absolute;top:18px;left:78%;display:block;background:url(../img/svg/close.svg?ccid=x4bd07a6e);-webkit-background-size:100% 100%;background-size:100%;padding:0; }
.why-sq-calculator .btn.btn-cross:hover { cursor:pointer; }
.calculator-disclaimer { font-size:11px; }