@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
/*
* This is a manifest file that includes stylesheets for spree_frontend
* Spree_bootstrap_frontend overrides all spree’s default css and resets here in favour of bootstrap
*/
/* STRIPE */
/**
* The CSS shown here will not be introduced in the Quickstart guide, but shows
* how you can use CSS to style your Element's container.
*/
.StripeElement {
background-color: white;
height: 40px;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 1px 3px 0 #e6ebf1;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
/* END STRIPE */
/* line 1, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container {
max-width: 1074px;
border-bottom: solid 1px #efefef;
padding: 23px 23px 36px 23px;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000;
}
@media (max-width: 1023px) {
/* line 1, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container {
padding: 23px 8px 36px 8px;
}
}
@media (max-width: 1023px) {
/* line 18, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product-quantity-select-container {
height: 32px;
}
}
@media (max-width: 1023px) {
/* line 24, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product-quantity-select {
width: 46px;
font-size: 18px;
padding-top: 5px;
}
}
@media (max-width: 1023px) {
/* line 32, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .cash-price-container .credit-price-subtitle {
font-size: 18px;
}
}
@media (max-width: 1023px) {
/* line 38, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .cash-price-container {
font-size: 10px;
}
}
@media (max-width: 1023px) {
/* line 44, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .cash-price-container b.credit-price-name {
font-size: 10px;
}
}
@media (max-width: 1023px) {
/* line 50, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .accessory-extend-plans {
text-align: center;
}
}
@media (max-width: 1023px) {
/* line 56, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .btnwrap {
width: 100%;
}
}
/* line 62, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product-brand {
font-size: 22px;
font-weight: 600;
}
@media (max-width: 1023px) {
/* line 62, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product-brand {
font-size: 18px;
}
}
/* line 71, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .credit-price-bottom-container {
display: flex;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
}
@media (max-width: 1023px) {
/* line 71, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .credit-price-bottom-container {
display: block;
white-space: unset;
}
}
/* line 83, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container
.credit-price-bottom-container
.credit-price-subtitle {
padding: 0 8px;
}
/* line 89, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .credit-price-bottom-container .cash-price-value {
padding-right: 8px;
}
@media (max-width: 1023px) {
/* line 93, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .search-results-populate-container .quantity {
width: 100%;
}
}
/* line 99, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product-model {
font-size: 12px;
}
/* line 103, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .search-results-title-with-price-mobile {
display: none;
}
@media (max-width: 1023px) {
/* line 107, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .accessory-extend-plans-benefit {
font-size: 12px;
}
}
/* line 113, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-brand-with-logo {
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0;
}
@media (max-width: 1023px) {
/* line 113, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-brand-with-logo {
padding-left: unset;
}
}
/* line 124, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-brand-with-logo .accessory-product-logo {
height: 32px;
}
/* line 128, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans {
position: relative;
}
@media (max-width: 1023px) {
/* line 128, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans {
margin: 24px 0 16px 0;
}
}
/* line 136, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans .accessory-extend-plans-title {
font-size: 14px;
}
@media (max-width: 1023px) {
/* line 136, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans .accessory-extend-plans-title {
justify-content: center;
}
}
/* line 144, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans .checkbox-input {
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1023px) {
/* line 144, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans .checkbox-input {
position: initial;
margin-right: 12px;
margin-bottom: 0 !important;
}
}
/* line 158, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-extend-plans .extend-logo {
height: 12px;
}
/* line 162, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-result-container .product_block-with-image .product_image-container {
height: 200px;
max-width: 190px;
}
/* line 167, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-fitment-mobile {
font-size: 8px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.4px;
color: #515052;
}
/* line 176, app/assets/stylesheets/spree/frontend/accessories.css.scss */
.accessory-fitment-mobile img {
height: 12px;
margin-right: 8px;
}
/* line 1, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 7, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--flexshopper {
background-color: #2279ed;
}
/* line 11, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--tempoe {
background-color: #002d4a;
}
/* line 15, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--aff {
background-color: #3a5dae;
}
/* line 19, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--uown {
background-color: #31c3e7;
}
/* line 23, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--paytomorrow {
background-color: #152456;
}
/* line 27, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--okinus {
background-color: #00a4e4;
}
/* line 31, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header--affirm {
background-color: #4a4af4;
}
/* line 36, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo {
height: 14px;
}
/* line 39, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--flexshopper {
height: 21px;
}
/* line 43, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--aff {
height: 24px;
}
@media (max-width: 1023px) {
/* line 43, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--aff {
height: 18px;
}
}
/* line 51, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--uown {
height: 30px;
}
/* line 55, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--paytomorrow {
height: 36px;
}
@media (max-width: 1023px) {
/* line 55, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--paytomorrow {
height: 32px;
}
}
/* line 63, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--okinus {
height: 21px;
}
/* line 67, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--affirm {
height: 29.2px;
margin-top: -4px;
}
@media (max-width: 1023px) {
/* line 67, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-logo--affirm {
height: 30.4px;
}
}
/* line 77, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__header-separator {
content: '';
height: 33px;
margin: 0 18px 0 18px;
border: solid 1px #ffffff;
}
/* line 84, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__title {
margin: 40px auto 20px auto;
padding: 0;
font-size: 40px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.11px;
text-align: center;
color: #000000;
}
@media (max-width: 1023px) {
/* line 84, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__title {
font-size: 26px;
margin: 16px auto 20px auto;
width: calc(100% - 40px);
}
}
/* line 102, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__title .paytomorrow-logo-text {
color: #122659;
}
/* line 105, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__title .paytomorrow-logo-text .pay {
color: #18a0fb;
}
/* line 111, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__title::before {
content: none;
}
/* line 115, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle {
margin-bottom: 54px;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #2279ed;
}
/* line 126, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--tempoe {
color: #002d4a;
}
/* line 130, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--aff {
color: #3a5dae;
}
/* line 134, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--uown {
color: #31c3e7;
}
/* line 138, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--paytomorrow {
color: #152456;
}
/* line 142, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--okinus {
color: #00a4e4;
}
/* line 146, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle--affirm {
color: #4a4af4;
}
@media (max-width: 1023px) {
/* line 115, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__subtitle {
font-size: 18px;
margin-bottom: 20px;
}
}
/* line 156, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-container {
max-width: 964px;
margin: 0 auto 20px auto;
padding: 12px;
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(163, 163, 163, 0.1);
background-color: #ffffff;
}
@media (max-width: 1023px) {
/* line 156, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-container {
max-width: calc(100% - 40px);
}
}
/* line 169, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title {
width: 100%;
text-align: center;
border-bottom: 1px solid #efefef;
padding-bottom: 12px;
font-size: 24px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
}
/* line 180, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--flexshopper {
color: #2279ed;
}
/* line 184, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--tempoe {
color: #002d4a;
}
/* line 188, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--aff {
color: #3a5dae;
}
/* line 192, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--uown {
color: #31c3e7;
}
/* line 196, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--paytomorrow {
color: #152456;
}
/* line 200, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--okinus {
color: #00a4e4;
}
/* line 204, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title--affirm {
color: #4a4af4;
}
@media (max-width: 1023px) {
/* line 169, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-title {
font-size: 22px;
padding-bottom: 10px;
}
}
/* line 214, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 35px;
margin-bottom: 6px;
}
@media (max-width: 767px) {
/* line 214, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits {
margin-bottom: 0;
}
}
/* line 226, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit {
text-align: center;
max-width: 192px;
}
@media (max-width: 767px) {
/* line 226, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit {
max-width: 240px;
width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
/* line 237, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit:last-child {
margin-bottom: 6px;
}
}
/* line 243, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-icon {
max-height: 32px;
}
@media (max-width: 767px) {
/* line 243, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-icon {
max-height: 28px;
}
}
/* line 251, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-description {
font-size: 18px;
font-weight: 600;
text-align: center;
color: #000;
margin-top: 8px;
position: relative;
line-height: normal;
}
/* line 261, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-description-subtitle {
font-size: 12px;
font-style: italic;
font-weight: normal;
margin-left: -30px;
margin-right: -30px;
}
/* line 268, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-description-subtitle--uown {
margin-left: -35px;
margin-right: -35px;
}
/* line 273, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-description-subtitle--paytomorrow {
margin-left: -35px;
margin-right: -35px;
}
/* line 278, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefit-description-subtitle:nth-of-type(1) {
margin-top: 8px;
}
/* line 283, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__mark {
font-style: normal;
font-weight: 600;
font-size: 8px;
position: relative;
top: -8px;
left: -3px;
}
/* line 291, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__mark--inside {
font-size: 6px;
top: -6px;
left: 0;
}
/* line 298, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-notes {
counter-reset: section;
max-width: 858px;
margin: 0 auto;
}
/* line 303, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-notes--okinus {
max-width: 964px;
}
@media (max-width: 1023px) {
/* line 298, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-notes {
max-width: calc(100% - 40px);
}
}
/* line 312, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note {
position: relative;
padding-left: 8px;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #000000;
}
/* line 324, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note:last-child {
margin-top: 10px;
}
/* line 328, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note::before {
counter-increment: section;
content: counter(section);
position: absolute;
left: 0;
font-size: 8px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #000000;
}
/* line 341, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark {
text-align: center;
}
/* line 344, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark--uown {
text-align: left;
}
@media (min-width: 1023px) {
/* line 344, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark--uown {
margin-left: -7%;
}
}
/* line 352, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark--okinus {
text-align: right;
font-size: 10px;
}
/* line 356, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark--okinus:last-child {
margin-top: 5px;
}
@media (max-width: 1024px) {
/* line 352, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark--okinus {
text-align: center;
}
}
/* line 366, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__benefits-note--without-mark:before {
content: none;
}
/* line 370, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.finance-main .affiliate-finance__shop-now {
background-color: #64c57d;
font-size: 20px;
text-transform: uppercase;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
font-weight: 700;
width: 400px;
margin: 50px 0 102px 0;
}
/* line 383, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.finance-main .affiliate-finance__shop-now--bottom {
margin: 40px 0 70px 0;
}
/* line 387, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.finance-main .affiliate-finance__shop-now:hover {
background-color: #64c57d;
}
@media (max-width: 1023px) {
/* line 370, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.finance-main .affiliate-finance__shop-now {
display: none;
}
}
/* line 396, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits {
width: 100%;
height: 360px;
padding: 48px 0 48px 12%;
background-color: #f5f8ff;
position: relative;
display: flex;
justify-content: space-between;
counter-reset: section;
}
/* line 406, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits--paytomorrow {
background-color: #fef4de;
}
@media (max-width: 1023px) {
/* line 396, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits {
margin-top: 70px;
padding-left: 0;
height: auto;
padding: 12px;
}
}
@media (min-width: 1023px) and (max-width: 1200px) {
/* line 396, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits {
padding-left: 10px;
height: auto;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
/* line 396, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits {
padding-left: 5%;
height: auto;
}
}
/* line 428, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-image {
position: absolute;
top: -30px;
}
@media (max-width: 1023px) {
/* line 428, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-image {
display: none;
}
}
@media (min-width: 1023px) and (max-width: 1200px) {
/* line 428, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-image {
top: -15px;
height: 350px;
}
}
/* line 442, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-container {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1023px) {
/* line 442, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-container {
padding: 12px 48px;
width: 100%;
}
}
@media (min-width: 1600px) {
/* line 442, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-container {
width: 60%;
}
}
/* line 458, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-container .affiliate-finance__title {
margin: 0 auto;
}
@media (max-width: 1200px) {
/* line 458, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefits-container .affiliate-finance__title {
font-size: 26px;
}
}
/* line 466, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit {
position: relative;
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.06;
letter-spacing: normal;
color: #000000;
margin-top: 48px;
display: flex;
align-items: center;
padding-left: 60px;
}
@media (max-width: 1200px) {
/* line 466, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit {
margin-top: 32px;
margin-bottom: 16px;
font-size: 16px;
}
}
/* line 487, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit::before {
width: 44px;
height: 44px;
counter-increment: section;
content: counter(section);
position: absolute;
left: 0;
font-weight: bold;
background-color: #2279ed;
border-radius: 50%;
color: #fff;
font-size: 18px;
display: flex;
align-items: center;
justify-content: space-around;
}
/* line 504, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--tempoe::before {
background-color: #002d4a;
}
/* line 508, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--aff::before {
background-color: #3a5dae;
}
/* line 512, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--uown::before {
background-color: #31c3e7;
}
/* line 516, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--paytomorrow::before {
background-color: #152456;
}
/* line 520, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--okinus::before {
background-color: #ffd204;
}
/* line 524, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__leasing-benefit--affirm::before {
background-color: #4a4af4;
}
/* line 528, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing {
max-width: 1200px;
margin: 114px auto 118px auto;
display: flex;
}
@media (max-width: 1200px) {
/* line 528, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing {
padding: 0 20px;
}
}
@media (max-width: 1023px) {
/* line 528, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing {
flex-direction: column;
margin: 28px auto 58px auto;
}
}
/* line 543, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question {
width: 50%;
text-align: left;
margin-top: 40px;
}
@media (max-width: 1023px) {
/* line 543, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question {
width: 100%;
text-align: center;
margin-top: 0;
}
}
/* line 555, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question p {
font-size: 16px;
font-weight: normal;
line-height: 1.38;
color: #000000;
}
@media (max-width: 1023px) {
/* line 555, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question p {
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 1.43;
margin-bottom: 20px;
}
}
/* line 570, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question .affiliate-finance__title {
text-align: left;
}
@media (max-width: 1023px) {
/* line 570, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-question .affiliate-finance__title {
text-align: center;
}
}
/* line 578, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table {
width: 45%;
margin-left: 5%;
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(163, 163, 163, 0.1);
background-color: #ffffff;
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
/* line 578, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table {
width: 100%;
margin-left: 0;
}
}
/* line 593, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__row {
width: 100%;
display: flex;
flex-direction: row;
font-size: 16px;
line-height: 1.2;
}
@media (max-width: 1023px) {
/* line 593, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__row {
font-size: 14px;
}
}
/* line 604, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__row--grey {
background-color: #efefef;
}
/* line 608, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__row:first-child {
font-size: 18px;
}
@media (max-width: 1023px) {
/* line 608, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__row:first-child {
font-size: 16px;
}
}
/* line 617, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__column {
width: 164px;
height: 64px;
text-align: center;
border-right: solid 1px #dfe5f6;
display: flex;
align-items: center;
justify-content: space-around;
padding: 16px 18px;
font-weight: bold;
color: #000;
}
@media (max-width: 1023px) {
/* line 617, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__column {
padding: 12px 10px;
width: 25%;
height: 52px;
}
}
/* line 635, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__column--first {
width: 195px;
}
@media (max-width: 1023px) {
/* line 635, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__column--first {
width: 50%;
}
}
/* line 643, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__column:last-child {
border-right: none;
}
/* line 648, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__comparing-table__icon {
-o-object-fit: none;
object-fit: none;
height: 26px;
width: 26px;
}
/* line 654, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs {
max-width: 765px;
margin: 0 auto;
}
/* line 658, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--paytomorrow {
margin-top: 100px;
}
@media (max-width: 1023px) {
/* line 658, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--paytomorrow {
padding: 0 20px;
margin-top: 50px;
}
}
/* line 667, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--okinus {
margin-top: 100px;
}
@media (max-width: 1023px) {
/* line 667, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--okinus {
margin-top: 50px;
}
}
/* line 675, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--affirm {
margin-top: 100px;
}
@media (max-width: 1023px) {
/* line 675, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs--affirm {
margin-top: 50px;
}
}
@media (max-width: 1023px) {
/* line 654, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs {
padding: 0 20px;
}
}
/* line 688, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item {
margin-bottom: 8px;
padding: 11px 13px 15px 11px;
border-radius: 3px;
border: solid 1px #efefef;
}
/* line 695, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-question {
font-size: 16px;
font-weight: bold;
}
/* line 700, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer {
margin-top: 8px;
font-size: 14px;
line-height: 1.36;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
color: #000000;
}
/* line 710, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer--next {
margin-top: 24px;
}
/* line 715, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer-list {
list-style: initial;
font-size: 14px;
font-weight: normal;
padding-left: 18px;
padding-top: 8px;
}
/* line 723, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer-list-item {
position: relative;
left: -5px;
}
/* line 728, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer--with-mark {
padding-left: 24px;
position: relative;
margin-top: 0;
}
/* line 734, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-item-answer--with-mark .affiliate-finance__faqs-item-answer__mark {
position: absolute;
left: 8px;
}
/* line 739, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-phone {
font-weight: bold;
color: var(--blue) !important;
}
/* line 744, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note {
margin-top: 20px;
font-weight: normal;
font-size: 12px;
font-style: italic;
line-height: 1.25;
color: #000000;
}
/* line 752, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note--uown {
font-style: normal;
font-size: 10px;
}
/* line 758, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note--under-benefit {
margin-top: 8px;
padding-left: 60px;
}
@media (max-width: 1023px) {
/* line 758, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note--under-benefit {
margin-top: -8px;
}
}
/* line 767, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note--with-mark {
padding-left: 8px;
position: relative;
}
/* line 771, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__note--with-mark .affiliate-finance__mark {
position: relative;
top: 0;
left: 2px;
position: absolute;
font-size: 6px;
}
/* line 780, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-list {
margin-top: 6px;
list-style: unset;
padding-left: 40px;
}
/* line 786, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__faqs-list li {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.36;
padding: 4px 0 4px 0;
}
/* line 795, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__bottom-note {
max-width: 1116px;
margin: 0 auto;
}
@media (max-width: 1023px) {
/* line 795, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__bottom-note {
margin: 55px 20px 0 20px;
}
}
@media (max-width: 1200px) {
/* line 795, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__bottom-note {
margin: 0 20px 0 20px;
}
}
/* line 808, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__bottom-note .affiliate-finance__note--with-mark {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.25px;
}
/* line 817, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__bottom-note
.affiliate-finance__note--with-mark
.affiliate-finance__mark {
font-size: 7px;
}
/* line 823, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.affiliate-finance__shop-now-container {
display: flex;
justify-content: space-around;
}
/* line 828, app/assets/stylesheets/spree/frontend/affiliate-finance.css.scss */
.fico-registered-mark {
font-size: 7px;
position: relative;
top: -5px;
}
@media (min-width: 1024px) {
/* line 6, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-desktop {
display: block;
}
}
@media (max-width: 1023px) {
/* line 6, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-desktop {
display: none;
}
}
@media (min-width: 1024px) {
/* line 16, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-mobile {
display: none;
}
}
@media (max-width: 1023px) {
/* line 16, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-mobile {
display: flex;
flex-wrap: wrap;
width: calc(100% - 40px);
margin: -32px auto 0 auto;
justify-content: space-between;
}
}
@media (max-width: 1023px) {
/* line 30, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-mobile-item {
width: 50%;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
display: flex;
justify-content: center;
}
}
@media (max-width: 1023px) {
/* line 40, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-mobile-item figure {
margin-bottom: 40px;
}
}
/* line 46, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-we-carry-mobile-bottom-note {
font-size: 24px;
width: 100%;
text-align: center;
padding-bottom: 32px;
font-weight: bold;
font-style: normal;
}
/* line 55, app/assets/stylesheets/spree/frontend/brands.css.scss */
.popularbrands h1 {
margin-bottom: 20px;
}
/* line 59, app/assets/stylesheets/spree/frontend/brands.css.scss */
.popularbrands-subtitle {
text-align: center;
margin-bottom: 60px;
}
/* line 64, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-title {
text-align: center;
font-size: 36px;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 0px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #1f271b;
font-family: 'Raleway', sans-serif;
}
/* line 65, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-title:before {
content: unset;
}
/* line 85, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-title-small {
width: unset;
text-align: left;
margin: 35px 0 0 0;
padding-bottom: 10px;
font-size: 20px;
font-weight: 800;
font-style: normal;
line-height: 1.38;
letter-spacing: 0.57px;
color: #1f271b;
}
/* line 86, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-title-small:before {
content: unset;
}
/* line 103, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-filters {
width: 470px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
/* line 103, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-filters {
width: calc(100% - 42px);
}
}
/* line 113, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-filters--sort {
padding-bottom: 22px;
}
@media (max-width: 1023px) {
/* line 113, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-filters--sort {
position: sticky;
top: 80px;
background: #fff;
z-index: 1300;
}
}
/* line 125, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort-items {
display: flex;
margin-top: 10px;
}
/* line 130, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-search {
margin: 9px 0 25px 0;
}
/* line 131, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-search::before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 21px 21px;
background-position: 12px center;
position: absolute;
z-index: 2;
top: 16px;
left: 16px;
}
/* line 144, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-search__control {
padding-left: 44px;
}
/* line 148, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-search__menu {
z-index: 1301 !important;
}
/* line 153, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort {
display: flex;
align-items: baseline;
justify-content: space-between;
}
@media (max-width: 1023px) {
/* line 153, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort {
display: block;
}
}
/* line 163, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort-title {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.375 6.125h12.25M4.375 10.5h8.75M4.375 14.875h5.25' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
padding-left: 22px;
}
/* line 169, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort-item {
width: 116px;
height: 40px;
flex-grow: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
margin-left: 10px;
padding-left: 8px 12px;
border-radius: 6px;
border: solid 2px rgba(62, 112, 252, 0.2);
background-color: #f5f8ff;
font-size: 14px;
font-weight: normal;
letter-spacing: -0.33px;
text-align: center;
color: #000;
cursor: pointer;
}
@media (max-width: 1023px) {
/* line 190, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort-item:first-child {
margin-left: 0;
}
}
/* line 196, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-sort-item--active {
font-weight: 600;
color: #fff;
border: solid 2px var(--blue);
background-color: var(--blue);
cursor: default;
pointer-events: none;
}
/* line 206, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-container {
flex-wrap: wrap;
display: flex;
max-width: 1008px !important;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 206, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-container {
justify-content: space-between;
width: calc(100% - 42px);
}
}
/* line 218, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brand-item {
position: relative;
width: 154px;
height: 79px;
flex-grow: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
margin: 5px;
padding: 8px 12px;
border-radius: 6px;
background-color: rgba(62, 112, 252, 0.02);
}
/* line 233, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brand-item .brand-img {
max-width: calc(100% - 20px) !important;
}
@media (max-width: 1023px) {
/* line 218, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brand-item {
margin: 5px 0 5px 0;
}
}
/* line 242, app/assets/stylesheets/spree/frontend/brands.css.scss */
.brands-deals-container {
max-width: 1008px !important;
margin: 80px auto 0 auto;
text-align: center;
}
/* line 248, app/assets/stylesheets/spree/frontend/brands.css.scss */
.deals-items {
display: flex;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 248, app/assets/stylesheets/spree/frontend/brands.css.scss */
.deals-items {
flex-direction: column;
}
}
/* line 257, app/assets/stylesheets/spree/frontend/brands.css.scss */
.deals-card {
width: 235px;
height: auto;
margin: 8px;
}
@media (max-width: 1023px) {
/* line 257, app/assets/stylesheets/spree/frontend/brands.css.scss */
.deals-card {
margin: 10px auto;
width: 321px;
}
}
/* line 268, app/assets/stylesheets/spree/frontend/brands.css.scss */
.all-deals-button {
width: calc(100% - 42px);
text-align: center;
font-size: 16px !important;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.33px;
text-transform: uppercase;
margin-top: 48px !important;
padding-top: 16px !important;
height: 50px;
max-width: 320px;
}
/* line 2, app/assets/stylesheets/spree/frontend/order_reviews.css.scss */
.review-form-wrapper {
display: flex;
justify-content: center;
}
/* line 6, app/assets/stylesheets/spree/frontend/order_reviews.css.scss */
.review-form-wrapper .header {
display: flex;
flex-direction: column;
}
/* line 11, app/assets/stylesheets/spree/frontend/order_reviews.css.scss */
.review-form-wrapper .pr-rating-date {
border: 2px solid var(--blue-500);
background: var(--blue-500);
font-size: 15px;
color: white;
border-radius: 5px;
}
/* line 2, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form input::-moz-placeholder {
color: #777;
}
#plans-changes-form input::placeholder {
color: #777;
}
/* line 5, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios {
height: 63px;
}
/* line 8, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios label {
line-height: unset;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1023px) {
/* line 8, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios label {
font-size: 13px;
}
}
/* line 19, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios input + label {
background-color: white;
}
/* line 23, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios input:checked + label {
background-color: initial;
}
/* line 27, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .switch-ios .bordered-label {
border-left: 2px solid #e1e1e1;
border-right: 2px solid #e1e1e1;
}
/* line 34, app/assets/stylesheets/spree/frontend/plans-changes-form.scss */
#plans-changes-form .highlight-advice {
font-weight: 700;
background-color: yellow;
padding: 6px;
border-radius: 5px;
color: var(--blue);
}
/* line 1, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.margin-top-15 {
margin-top: 15px;
}
/* line 5, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-form-error {
position: relative;
bottom: 13px;
font-size: 12px;
color: red;
}
/* line 12, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-form-submit {
width: 100%;
height: 50px;
font-size: 18px !important;
font-weight: bold !important;
text-transform: uppercase;
color: #ffffff !important;
margin-top: 30px !important;
}
/* line 22, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.returns .field {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: 0.5rem;
border: solid 1.5px rgba(81, 80, 82, 0.5);
border-radius: 3px;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 40, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-title {
font-size: 22px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #27187e;
margin: 12px 0;
}
@media (max-width: 1023px) {
/* line 40, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-title {
font-size: 23px;
}
}
/* line 56, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-note {
height: 49px;
padding: 0 120px;
margin: 10px -10px 0 -10px;
background-color: #fff3aa;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
/* line 56, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-note {
padding: 0 12px;
}
}
/* line 77, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* line 83, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-item {
padding: 12px;
width: 33%;
text-align: center;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
text-align: center;
color: #000000;
}
/* line 96, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-item img {
padding-bottom: 8px;
}
@media (max-width: 1023px) {
/* line 83, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-item {
width: calc(100% - 50px);
font-size: 16px;
}
}
/* line 106, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-button {
width: 340px;
height: 50px;
margin: 16px auto 0 auto;
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(62, 112, 252, 0.25);
background-color: var(--blue);
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff !important;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 106, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-button {
width: 100%;
}
}
/* line 129, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-button:hover {
color: #ffffff !important;
}
/* line 133, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-popup-benefits-cancel-link {
font-size: 14px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: var(--blue);
margin: 16px auto 16px auto;
border-bottom: 1px solid var(--blue);
display: flex;
}
/* line 147, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-link {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
text-align: right;
margin: 12px 0;
}
/* line 157, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-schedule-link a {
text-decoration: underline;
color: var(--blue) !important;
}
/* line 163, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-textarea {
padding: 8px;
}
/* line 167, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-label {
margin: 12px 0;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #000;
}
/* line 178, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-title {
padding: 0;
margin: 0;
margin: 24px 0;
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.11px;
text-align: center;
color: #000;
}
/* line 191, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-title::before {
content: none !important;
}
@media (max-width: 1023px) {
/* line 178, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-title {
font-size: 30px;
}
}
/* line 200, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-text {
width: 720px;
margin: 0 auto 12px auto;
}
@media (max-width: 1023px) {
/* line 200, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-text {
width: calc(100% - 40px);
}
}
/* line 209, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-field-container {
width: 320px;
margin: 0 auto;
}
@media (max-width: 1023px) {
/* line 209, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-field-container {
width: calc(100% - 40px);
}
}
/* line 217, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-field-container input,
.cancellation-field-container select {
min-height: 45px;
}
/* line 222, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-field-container textarea {
min-height: 80px;
}
/* line 227, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-button-container {
width: 340px;
margin: 0 auto;
}
@media (max-width: 1023px) {
/* line 227, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-button-container {
width: calc(100% - 20px);
}
}
/* line 236, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-checkbox {
position: absolute;
top: unset;
}
/* line 241, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-checkbox {
margin: 0;
cursor: pointer;
left: 0px;
top: 0px;
width: 24px;
height: 24px;
}
/* line 250, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-checkbox:disabled {
cursor: default;
}
/* line 254, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-checkbox-container {
position: relative;
font-size: 16px;
}
/* line 258, app/assets/stylesheets/spree/frontend/returns-form.css.scss */
.cancellation-checkbox-container span {
padding-left: 40px;
display: block;
}
/* line 2, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box .header {
background-color: #0074C8;
color: white;
padding: 10px 20px;
}
/* line 7, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box .header h3 {
float: left;
margin-right: 20px;
}
/* line 13, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box #klarna_container {
text-align: center;
padding: 20px;
}
/* line 18, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box .klarna_error {
display: none;
margin: 15px;
}
/* line 23, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box #klarna-payment-submit.disabled {
background-color: #aedbba;
}
/* line 27, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box .klarna-finance-option.expanded {
margin-bottom: 20px;
font-weight: bold;
font-style: normal;
}
@media only screen and (max-width: 767px) {
/* line 38, app/assets/stylesheets/spree/frontend/solidus_klarna_payments.css.scss */
.klarna_credit_box #klarna_container {
padding-left: 5px;
padding-right: 5px;
}
}
/* line 1, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.page-title::before {
content: none;
}
/* line 5, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.page-title {
margin: 0;
padding: 0;
margin-top: 20px;
font-size: 40px;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1.11px;
text-align: center;
color: #000000;
}
@media (max-width: 1024px) {
/* line 5, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.page-title {
margin-top: 25px;
font-size: 26px;
letter-spacing: normal;
}
}
/* line 24, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties-tabs {
margin: 30px auto 22px auto;
display: flex;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 24, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties-tabs {
margin: 20px auto;
}
}
/* line 34, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties-tab {
padding: 15px 35px;
border-radius: 100px;
color: #636363;
background-color: #efefef;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
/* line 43, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties-tab:last-child {
margin-left: 10px;
}
/* line 47, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties-tab--selected {
color: #ffffff;
background-color: var(--blue);
}
/* line 53, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranties {
margin: 0 auto;
display: flex;
flex-direction: row;
max-width: 74rem;
}
@media (max-width: 1023px) {
/* line 53, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranties {
flex-direction: column;
align-items: center;
}
}
/* line 65, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty {
width: 33%;
padding: 4px 4px 14px;
border-radius: 3px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
border: solid 1px #ffffff;
background-color: #ffffff;
margin: 6px;
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
/* line 65, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty {
width: calc(100% - 32px);
}
}
/* line 81, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-header {
height: 60px;
margin: 0 0 21px;
padding: 10px 19px 10px 24px;
border-radius: 3px;
background-color: #f5f8ff;
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 92, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-header__text {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.11;
letter-spacing: normal;
text-align: right;
color: #27187e;
max-width: 210px;
}
/* line 104, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-content {
padding-left: 18px;
padding-right: 8px;
}
/* line 109, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-explanation-title {
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #27187e;
}
/* line 119, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-explanation {
margin: 9px 0 20px 0;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.29;
letter-spacing: normal;
color: #323232;
}
/* line 130, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-notes-title {
font-size: 12px;
font-weight: bold;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
color: #27187e;
}
@media (max-width: 1023px) {
/* line 130, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-notes-title {
font-size: 11px;
}
}
/* line 143, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-note {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1.36;
letter-spacing: normal;
color: #323232;
}
/* line 152, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-note::before {
content: '- ';
font-weight: bold;
}
@media (max-width: 1023px) {
/* line 143, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__tires-warranty-note {
font-size: 11px;
}
}
/* line 162, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title {
padding: 0;
margin: 0;
margin: 25px 25px 0 25px;
font-size: 26px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: 1.12;
letter-spacing: normal;
text-align: center;
color: #000000;
}
/* line 175, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title::before {
content: none;
}
@media (min-width: 1024px) {
/* line 162, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title {
font-size: 40px;
}
}
/* line 183, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title--blue {
color: #27187e;
}
@media (min-width: 1024px) {
/* line 183, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title--blue {
font-size: 30px;
}
}
/* line 192, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-extend-logo {
height: 17px;
margin: 10px auto 4px auto;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
/* line 200, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-note {
width: 100%;
height: 30px;
margin-top: 14px;
padding: 4px 0 7px 0;
background-color: #f5f8ff;
font-size: 16px;
text-align: center;
}
/* line 210, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-note__products {
margin-left: 16px;
font-weight: bold;
}
/* line 215, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-note__dot::before {
margin: 4px;
color: #27187e;
content: '\2022';
font-size: 14px;
}
/* line 222, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-content {
padding: 18px;
text-align: center;
}
/* line 227, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-description {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.31;
letter-spacing: normal;
text-align: center;
color: #000000;
}
/* line 238, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-available-note {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #000000;
margin: 20px;
}
@media (max-width: 1023px) {
/* line 238, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-available-note {
font-size: 14px;
}
}
/* line 254, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage {
padding: 16px 18px 18px 18px;
background-color: #f5f8ff;
}
@media (min-width: 1024px) {
/* line 254, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage {
display: flex;
width: 100%;
min-height: 366px;
align-items: flex-start;
padding-top: 70px;
}
}
/* line 267, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage .warranties__accessories-description {
margin: 20px auto 18px auto;
}
@media (min-width: 1024px) {
/* line 271, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__items {
display: flex;
}
}
/* line 277, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item {
padding: 0px 28px 0px 6px;
border-radius: 5px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
background-color: #ffffff;
margin-top: 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1024px) {
/* line 277, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item {
flex-direction: column;
width: 158px;
margin: 12px;
padding: 12px;
}
}
/* line 295, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item-year {
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #27187e;
}
/* line 305, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item-year-word {
margin-left: 20px;
font-size: 28px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #27187e;
}
@media (min-width: 1024px) {
/* line 305, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item-year-word {
display: block;
margin-left: 0;
}
}
/* line 321, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item-year-container {
width: 106px;
text-align: left;
}
@media (min-width: 1024px) {
/* line 321, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item-year-container {
text-align: center;
margin-top: -24px;
}
}
@media (min-width: 1024px) {
/* line 331, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage__item img {
margin-top: -24px;
}
}
/* line 337, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-benefits {
margin-top: 18px;
padding-left: 8px;
text-align: left;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
}
@media (min-width: 1200px) {
/* line 337, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-benefits {
width: 40%;
margin-left: calc(50% + 40px);
display: flex;
flex-wrap: wrap;
}
}
/* line 357, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-benefit {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
}
@media (min-width: 1024px) {
/* line 357, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-benefit {
width: 50%;
}
}
/* line 368, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-benefit__icon-container {
width: 40px;
text-align: left;
margin-right: 12px;
}
/* line 374, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim-info-link {
font-weight: bold;
color: var(--blue) !important;
}
/* line 379, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim .warranties__accessories-description {
line-height: 1.5;
}
@media (min-width: 1024px) {
/* line 379, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim .warranties__accessories-description {
text-align: left;
width: 30%;
}
}
/* line 388, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim {
margin-top: 12px;
padding: 17px 20px 20px 18px;
background-color: #efefef;
}
@media (min-width: 1024px) {
/* line 388, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim {
margin-top: 55px;
padding: 24px 20px 24px 240px;
}
}
/* line 399, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim .warranties__accessories-title {
margin-top: 0;
margin-bottom: 20px;
}
@media (min-width: 1024px) {
/* line 399, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim .warranties__accessories-title {
text-align: left;
margin-left: 0;
}
}
/* line 409, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-wheels-image {
position: absolute;
top: 50%;
left: 150px;
z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
/* line 409, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-wheels-image {
left: 60px;
}
}
@media (max-width: 1199px) {
/* line 409, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-wheels-image {
display: none;
}
}
@media (min-width: 1200px) {
/* line 424, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-title--benefits {
width: 40%;
margin-left: calc(50% + 40px);
text-align: left;
}
}
@media (min-width: 1400px) {
/* line 432, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-title {
width: 45%;
margin-left: 140px;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
/* line 432, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-title {
width: 44%;
margin-left: 40px;
}
}
/* line 444, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-title .warranties__accessories-title {
text-align: left;
margin-left: 0;
margin-top: 0;
}
/* line 450, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-coverage-title .warranties__accessories-description {
text-align: left;
margin-left: 0;
}
@media (max-width: 1023px) {
/* line 455, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranty-process {
width: calc(100% - 32px) !important;
margin: 0 auto;
float: none !important;
}
}
/* line 463, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__how-to-start {
margin-top: 60px;
}
@media (max-width: 1023px) {
/* line 463, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__how-to-start {
margin-top: 20px;
}
}
/* line 471, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties .process-header h3 {
text-transform: uppercase;
}
@media (max-width: 1023px) {
/* line 471, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties .process-header h3 {
font-size: 20px;
letter-spacing: -0.3px;
transform: translate(0px, 50px) !important;
}
}
@media (max-width: 1023px) {
/* line 481, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties #dir-first {
margin-top: 55px !important;
}
}
/* line 487, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn {
max-width: 400px;
margin: 0 auto;
font-size: 20px;
font-weight: bold;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
background: var(--blue);
border-radius: 3px;
text-align: center;
}
/* line 501, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn:hover {
cursor: pointer;
background: #3763df;
}
@media (max-width: 1023px) {
/* line 487, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn {
font-size: 16px;
height: 45px;
}
}
/* line 511, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn a {
color: #fff;
}
/* line 515, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn a:hover {
color: #fff;
}
/* line 519, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn i {
font-size: 18px;
margin-left: 6px;
}
@media (max-width: 1023px) {
/* line 519, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-return-btn i {
font-size: 16px;
}
}
/* line 529, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties .return-btn {
width: 290px;
height: 45px;
display: flex;
align-items: center;
padding: 8px;
margin-left: auto;
margin-right: auto;
}
/* line 539, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim-content {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1023px) {
/* line 539, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim-content {
flex-direction: column;
}
}
/* line 549, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim-content .warranties__accessories-return-btn {
width: 400px;
margin-bottom: 0;
}
@media (max-width: 1023px) {
/* line 549, app/assets/stylesheets/spree/frontend/warranties.css.scss */
.warranties__accessories-claim-content .warranties__accessories-return-btn {
width: 100%;
margin-top: 20px;
}
}
/**
* Foundation for Sites by ZURB
* Version 6.4.2
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@media print, screen and (min-width: 40em) {
.reveal, .reveal.tiny, .reveal.small, .reveal.large {
right: auto;
left: auto;
margin: 0 auto; } }
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* Add the correct display in IE.
*/
main {
display: block; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
*/
button {
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
button,
[type="button"],
[type="reset"],
[type="submit"] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Show the overflow in Edge.
*/
input {
overflow: visible; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
color: inherit;
/* 2 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/*
* Add the correct display in IE 9-.
*/
menu {
display: block; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
html {
box-sizing: border-box;
font-size: 100%; }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic; }
textarea {
height: auto;
min-height: 50px;
border-radius: 3px; }
select {
box-sizing: border-box;
width: 100%;
border-radius: 3px; }
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 3px;
background: transparent;
line-height: 1;
cursor: auto; }
[data-whatinput='mouse'] button {
outline: 0; }
pre {
overflow: auto; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility; }
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #cacaca; }
h1, .h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h2, .h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h3, .h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h5, .h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem; }
h2, .h2 {
font-size: 2.5rem; }
h3, .h3 {
font-size: 1.9375rem; }
h4, .h4 {
font-size: 1.5625rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; } }
a {
line-height: inherit;
color: #2ba6cb;
text-decoration: none;
cursor: pointer; }
a:hover, a:focus {
color: #258faf; }
a img {
border: 0; }
hr {
clear: both;
max-width: 73.125rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0; }
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6; }
li {
font-size: inherit; }
ul {
margin-left: 1.25rem;
list-style-type: disc; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca; }
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a; }
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
content: "— "; }
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none; }
figure {
margin: 0; }
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a; }
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
border-radius: 3px; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a; }
.lead {
font-size: 125%;
line-height: 1.6; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
ul.no-bullet, ol.no-bullet {
margin-left: 0;
list-style: none; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.print-break-inside {
page-break-inside: auto; } }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #cacaca; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: #cacaca; }
input::placeholder,
textarea::placeholder {
color: #cacaca; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 3px; }
input[type='search'] {
box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a; }
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0; }
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a; }
.input-group {
display: flex;
width: 100%;
margin-bottom: 1rem;
align-items: stretch; }
.input-group > :first-child {
border-radius: 3px 0 0 3px; }
.input-group > :last-child > * {
border-radius: 0 3px 3px 0; }
.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
margin: 0;
white-space: nowrap; }
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: flex;
flex: 0 0 auto;
align-items: center; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
height: auto;
min-width: 0; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: flex;
flex: 0 0 auto; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: auto;
align-self: stretch;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
legend {
max-width: 100%;
margin-bottom: 0.5rem; }
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca; }
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem; }
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
.is-invalid-input:not(:focus) {
border-color: #c60f13;
background-color: #f8e6e7; }
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #c60f13; }
.is-invalid-input:not(:focus)::placeholder {
color: #c60f13; }
.is-invalid-label {
color: #c60f13; }
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #c60f13; }
.form-error.is-visible {
display: block; }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-right: auto;
margin-left: auto; }
.clearfix::before, .clearfix::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.clearfix::after {
clear: both; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important; } }
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important; } }
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0; }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
clip-path: none; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 3px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #2ba6cb;
color: #fefefe; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: #258dad;
color: #fefefe; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button.primary {
background-color: #2ba6cb;
color: #0a0a0a; }
.button.primary:hover, .button.primary:focus {
background-color: #2285a2;
color: #0a0a0a; }
.button.secondary {
background-color: #e9e9e9;
color: #0a0a0a; }
.button.secondary:hover, .button.secondary:focus {
background-color: #bababa;
color: #0a0a0a; }
.button.alert {
background-color: #c60f13;
color: #fefefe; }
.button.alert:hover, .button.alert:focus {
background-color: #9e0c0f;
color: #fefefe; }
.button.success {
background-color: #5da423;
color: #0a0a0a; }
.button.success:hover, .button.success:focus {
background-color: #4a831c;
color: #0a0a0a; }
.button.warning {
background-color: #ffae00;
color: #0a0a0a; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #0a0a0a; }
.button.body-font {
background-color: #222222;
color: #fefefe; }
.button.body-font:hover, .button.body-font:focus {
background-color: #1b1b1b;
color: #fefefe; }
.button.header {
background-color: #222222;
color: #fefefe; }
.button.header:hover, .button.header:focus {
background-color: #1b1b1b;
color: #fefefe; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
background-color: #2ba6cb;
color: #fefefe; }
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #2ba6cb;
color: #0a0a0a; }
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e9e9e9;
color: #0a0a0a; }
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #c60f13;
color: #fefefe; }
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #5da423;
color: #0a0a0a; }
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #ffae00;
color: #0a0a0a; }
.button.disabled.body-font, .button[disabled].body-font {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.body-font, .button.disabled.body-font:hover, .button.disabled.body-font:focus, .button[disabled].body-font, .button[disabled].body-font:hover, .button[disabled].body-font:focus {
background-color: #222222;
color: #fefefe; }
.button.disabled.header, .button[disabled].header {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.header, .button.disabled.header:hover, .button.disabled.header:focus, .button[disabled].header, .button[disabled].header:hover, .button[disabled].header:focus {
background-color: #222222;
color: #fefefe; }
.button.hollow {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent; }
.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
border-color: #165366;
color: #165366; }
.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.hollow.primary {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #165366;
color: #165366; }
.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.hollow.secondary {
border: 1px solid #e9e9e9;
color: #e9e9e9; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #757575;
color: #757575; }
.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
border: 1px solid #e9e9e9;
color: #e9e9e9; }
.button.hollow.alert {
border: 1px solid #c60f13;
color: #c60f13; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #63080a;
color: #63080a; }
.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
border: 1px solid #c60f13;
color: #c60f13; }
.button.hollow.success {
border: 1px solid #5da423;
color: #5da423; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #2f5212;
color: #2f5212; }
.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
border: 1px solid #5da423;
color: #5da423; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700; }
.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.body-font {
border: 1px solid #222222;
color: #222222; }
.button.hollow.body-font:hover, .button.hollow.body-font:focus {
border-color: #111111;
color: #111111; }
.button.hollow.body-font:hover.disabled, .button.hollow.body-font:hover[disabled], .button.hollow.body-font:focus.disabled, .button.hollow.body-font:focus[disabled] {
border: 1px solid #222222;
color: #222222; }
.button.hollow.header {
border: 1px solid #222222;
color: #222222; }
.button.hollow.header:hover, .button.hollow.header:focus {
border-color: #111111;
color: #111111; }
.button.hollow.header:hover.disabled, .button.hollow.header:hover[disabled], .button.hollow.header:focus.disabled, .button.hollow.header:focus[disabled] {
border: 1px solid #222222;
color: #222222; }
.button.clear {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.clear, .button.clear:hover, .button.clear:focus {
background-color: transparent; }
.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
background-color: transparent; }
.button.clear:hover, .button.clear:focus {
border-color: #165366;
color: #165366; }
.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
border-color: transparent; }
.button.clear.primary {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.clear.primary:hover, .button.clear.primary:focus {
border-color: #165366;
color: #165366; }
.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
border: 1px solid #2ba6cb;
color: #2ba6cb; }
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
border-color: transparent; }
.button.clear.secondary {
border: 1px solid #e9e9e9;
color: #e9e9e9; }
.button.clear.secondary:hover, .button.clear.secondary:focus {
border-color: #757575;
color: #757575; }
.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
border: 1px solid #e9e9e9;
color: #e9e9e9; }
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
border-color: transparent; }
.button.clear.alert {
border: 1px solid #c60f13;
color: #c60f13; }
.button.clear.alert:hover, .button.clear.alert:focus {
border-color: #63080a;
color: #63080a; }
.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
border: 1px solid #c60f13;
color: #c60f13; }
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
border-color: transparent; }
.button.clear.success {
border: 1px solid #5da423;
color: #5da423; }
.button.clear.success:hover, .button.clear.success:focus {
border-color: #2f5212;
color: #2f5212; }
.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
border: 1px solid #5da423;
color: #5da423; }
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
border-color: transparent; }
.button.clear.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.clear.warning:hover, .button.clear.warning:focus {
border-color: #805700;
color: #805700; }
.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
border: 1px solid #ffae00;
color: #ffae00; }
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
border-color: transparent; }
.button.clear.body-font {
border: 1px solid #222222;
color: #222222; }
.button.clear.body-font:hover, .button.clear.body-font:focus {
border-color: #111111;
color: #111111; }
.button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
border: 1px solid #222222;
color: #222222; }
.button.clear.body-font, .button.clear.body-font.disabled, .button.clear.body-font[disabled], .button.clear.body-font:hover, .button.clear.body-font:hover.disabled, .button.clear.body-font:hover[disabled], .button.clear.body-font:focus, .button.clear.body-font:focus.disabled, .button.clear.body-font:focus[disabled] {
border-color: transparent; }
.button.clear.header {
border: 1px solid #222222;
color: #222222; }
.button.clear.header:hover, .button.clear.header:focus {
border-color: #111111;
color: #111111; }
.button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
border: 1px solid #222222;
color: #222222; }
.button.clear.header, .button.clear.header.disabled, .button.clear.header[disabled], .button.clear.header:hover, .button.clear.header:hover.disabled, .button.clear.header:hover[disabled], .button.clear.header:focus, .button.clear.header:focus.disabled, .button.clear.header:focus[disabled] {
border-color: transparent; }
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em; }
.button.dropdown.hollow::after {
border-top-color: #2ba6cb; }
.button.dropdown.hollow.primary::after {
border-top-color: #2ba6cb; }
.button.dropdown.hollow.secondary::after {
border-top-color: #e9e9e9; }
.button.dropdown.hollow.alert::after {
border-top-color: #c60f13; }
.button.dropdown.hollow.success::after {
border-top-color: #5da423; }
.button.dropdown.hollow.warning::after {
border-top-color: #ffae00; }
.button.dropdown.hollow.body-font::after {
border-top-color: #222222; }
.button.dropdown.hollow.header::after {
border-top-color: #222222; }
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0; }
a.button:hover, a.button:focus {
text-decoration: none; }
.close-button {
position: absolute;
color: #8a8a8a;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #0a0a0a; }
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1; }
.close-button, .close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1; }
.button-group {
margin-bottom: 1rem;
display: flex;
flex-wrap: nowrap;
align-items: stretch; }
.button-group::before, .button-group::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.button-group::after {
clear: both; }
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem;
flex: 0 0 auto; }
.button-group .button:last-child {
margin-right: 0; }
.button-group.tiny .button {
font-size: 0.6rem; }
.button-group.small .button {
font-size: 0.75rem; }
.button-group.large .button {
font-size: 1.25rem; }
.button-group.expanded .button {
flex: 1 1 0px; }
.button-group.primary .button {
background-color: #2ba6cb;
color: #0a0a0a; }
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: #2285a2;
color: #0a0a0a; }
.button-group.secondary .button {
background-color: #e9e9e9;
color: #0a0a0a; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #bababa;
color: #0a0a0a; }
.button-group.alert .button {
background-color: #c60f13;
color: #fefefe; }
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: #9e0c0f;
color: #fefefe; }
.button-group.success .button {
background-color: #5da423;
color: #0a0a0a; }
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #4a831c;
color: #0a0a0a; }
.button-group.warning .button {
background-color: #ffae00;
color: #0a0a0a; }
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #cc8b00;
color: #0a0a0a; }
.button-group.body-font .button {
background-color: #222222;
color: #fefefe; }
.button-group.body-font .button:hover, .button-group.body-font .button:focus {
background-color: #1b1b1b;
color: #fefefe; }
.button-group.header .button {
background-color: #222222;
color: #fefefe; }
.button-group.header .button:hover, .button-group.header .button:focus {
background-color: #1b1b1b;
color: #fefefe; }
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
flex-wrap: wrap; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
flex: 0 0 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
flex: 1 1 0px;
margin-bottom: 0; } }
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
flex: 1 1 0px;
margin-bottom: 0; } }
@media screen and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block; }
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0; } }
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none; }
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
transition: all 0s linear; }
.slider-handle {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 3px;
background-color: #2ba6cb;
transition: all 0.2s ease-in-out;
touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
background-color: #258dad; }
.slider-handle.is-dragging {
transition: all 0s linear; }
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
transform: scale(1, -1); }
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%; }
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
transform: translateX(-50%); }
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #fefefe;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0; }
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 3px;
background: #cacaca;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer; }
input + .switch-paddle {
margin: 0; }
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
transform: translate3d(0, 0, 0);
border-radius: 3px;
background: #fefefe;
transition: all 0.25s ease-out;
content: ''; }
input:checked ~ .switch-paddle {
background: #2ba6cb; }
input:checked ~ .switch-paddle::after {
left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0; }
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.switch-active {
left: 8%;
display: none; }
input:checked + label > .switch-active {
display: block; }
.switch-inactive {
right: 15%; }
input:checked + label > .switch-inactive {
display: none; }
.switch.tiny {
height: 1.5rem; }
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem; }
.switch.small {
height: 1.75rem; }
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem; }
.switch.large {
height: 2.5rem; }
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem; }
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem; }
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap; }
[data-whatinput='mouse'] .menu li {
outline: 0; }
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu input {
display: inline-block; }
.menu, .menu.horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.expanded li {
flex: 1 1 0px; }
.menu.simple {
align-items: center; }
.menu.simple li + li {
margin-left: 1rem; }
.menu.simple a {
padding: 0; }
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.medium-vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.medium-expanded li {
flex: 1 1 0px; }
.menu.medium-simple li {
flex: 1 1 0px; } }
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
flex-wrap: wrap;
flex-direction: row; }
.menu.large-vertical {
flex-wrap: nowrap;
flex-direction: column; }
.menu.large-expanded li {
flex: 1 1 0px; }
.menu.large-simple li {
flex: 1 1 0px; } }
.menu.nested {
margin-right: 0;
margin-left: 1rem; }
.menu.icons a {
display: flex; }
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: flex; }
.menu.icon-left li a {
flex-flow: row nowrap; }
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
margin-right: 0.25rem; }
.menu.icon-right li a {
flex-flow: row nowrap; }
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
margin-left: 0.25rem; }
.menu.icon-top li a {
flex-flow: column nowrap; }
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu.icon-bottom li a {
flex-flow: column nowrap; }
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu .is-active > a {
background: #2ba6cb;
color: #fefefe; }
.menu .active > a {
background: #2ba6cb;
color: #fefefe; }
.menu.align-left {
justify-content: flex-start; }
.menu.align-right li {
display: flex;
justify-content: flex-end; }
.menu.align-right li .submenu li {
justify-content: flex-start; }
.menu.align-right.vertical li {
display: block;
text-align: right; }
.menu.align-right.vertical li .submenu li {
text-align: right; }
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0; }
.menu.align-center li {
display: flex;
justify-content: center; }
.menu.align-center li .submenu li {
justify-content: flex-start; }
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit; }
.menu-centered > .menu {
justify-content: center; }
.menu-centered > .menu li {
display: flex;
justify-content: center; }
.menu-centered > .menu li .submenu li {
justify-content: flex-start; }
.no-js [data-responsive-menu] ul {
display: none; }
.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block; }
.is-drilldown.animate-height {
transition: height 0.5s; }
.drilldown a {
padding: 0.7rem 1rem;
background: #fefefe; }
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
transition: transform 0.15s linear; }
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
transform: translateX(-100%); }
.drilldown .is-drilldown-submenu.is-closing {
transform: translateX(100%); }
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem; }
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0; }
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%; }
.drilldown .is-drilldown-submenu-parent > a {
position: relative; }
.drilldown .is-drilldown-submenu-parent > a::after {
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; }
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
left: auto;
right: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; }
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
right: auto;
left: 1rem;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent; }
.drilldown .js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0; }
.accordion-menu li {
width: 100%; }
.accordion-menu a {
padding: 0.7rem 1rem; }
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem; }
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem; }
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #2ba6cb transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem; }
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
left: auto;
right: 1rem; }
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem; }
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
transform: rotate(180deg);
transform-origin: 50% 50%; }
.is-accordion-submenu-parent {
position: relative; }
.has-submenu-toggle > a {
margin-right: 40px; }
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 40px;
height: 40px; }
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #2ba6cb transparent transparent;
top: 0;
bottom: 0;
margin: auto; }
.submenu-toggle[aria-expanded='true']::after {
transform: scaleY(-1);
transform-origin: 50% 50%; }
.submenu-toggle-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #2ba6cb transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
.dropdown.menu a {
padding: 0.7rem 1rem; }
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }
.dropdown.menu .is-active > a {
background: transparent;
color: #2ba6cb; }
.no-js .dropdown.menu ul {
display: none; }
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.vertical > li > a::after {
right: 14px; }
.dropdown.menu.vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent; }
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; }
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #2ba6cb transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; } }
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #2ba6cb transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto;
top: 0; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto; }
.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }
.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #fefefe; }
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
right: auto;
left: 5px;
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #2ba6cb transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #2ba6cb; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
display: block; }
.title-bar {
padding: 0.5rem;
background: #0a0a0a;
color: #fefefe;
display: flex;
justify-content: flex-start;
align-items: center; }
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem; }
.title-bar-left,
.title-bar-right {
flex: 1 1 0px; }
.title-bar-right {
text-align: right; }
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold; }
.top-bar {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0.5rem;
flex-wrap: wrap; }
.top-bar,
.top-bar ul {
background-color: #e6e6e6; }
.top-bar input {
max-width: 200px;
margin-right: 1rem; }
.top-bar .input-group-field {
width: 100%;
margin-right: 0; }
.top-bar input.button {
width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
flex: 0 0 100%;
max-width: 100%; }
@media print, screen and (min-width: 40em) {
.top-bar {
flex-wrap: nowrap; }
.top-bar .top-bar-left {
flex: 1 1 auto;
margin-right: auto; }
.top-bar .top-bar-right {
flex: 0 1 auto;
margin-left: auto; } }
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium {
flex-wrap: wrap; }
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
flex: 0 0 100%;
max-width: 100%; } }
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large {
flex-wrap: wrap; }
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
flex: 0 0 100%;
max-width: 100%; } }
.top-bar-title {
flex: 0 0 auto;
margin: 0.5rem 1rem 0.5rem 0; }
.top-bar-left,
.top-bar-right {
flex: 0 0 auto; }
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
font-size: 0.6875rem;
color: #0a0a0a;
cursor: default;
text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
position: relative;
margin: 0 0.75rem;
opacity: 1;
content: "/";
color: #cacaca; }
.breadcrumbs a {
color: #2ba6cb; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed; }
.pagination {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .pagination::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.pagination::after {
clear: both; }
.pagination li {
margin-right: 0.0625rem;
border-radius: 3px;
font-size: 0.875rem;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 3px;
color: #0a0a0a; }
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6; }
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #2ba6cb;
color: #fefefe;
cursor: default; }
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed; }
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: '\2026';
color: #0a0a0a; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: '\00ab'; }
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: '\00bb'; }
.accordion {
margin-left: 0;
background: #fefefe;
list-style-type: none; }
.accordion[disabled] .accordion-title {
cursor: not-allowed; }
.accordion-item:first-child > :first-child {
border-radius: 3px 3px 0 0; }
.accordion-item:last-child > :last-child {
border-radius: 0 0 3px 3px; }
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #2ba6cb; }
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0 0 3px 3px; }
.accordion-title:hover, .accordion-title:focus {
background-color: #e6e6e6; }
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: '+'; }
.is-active > .accordion-title::before {
content: '\2013'; }
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
background-color: #fefefe;
color: #0a0a0a; }
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6; }
.dropdown-pane {
position: absolute;
z-index: 10;
width: 300px;
padding: 1rem;
visibility: hidden;
display: none;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
font-size: 1rem; }
.dropdown-pane.is-opening {
display: block; }
.dropdown-pane.is-open {
visibility: visible;
display: block; }
.dropdown-pane.tiny {
width: 100px; }
.dropdown-pane.small {
width: 200px; }
.dropdown-pane.large {
width: 400px; }
.is-off-canvas-open {
overflow: hidden; }
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(254, 254, 254, 0.25);
opacity: 0;
visibility: hidden;
overflow: hidden; }
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible; }
.js-off-canvas-overlay.is-closable {
cursor: pointer; }
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute; }
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed; }
.off-canvas-wrapper {
position: relative;
overflow: hidden; }
.off-canvas {
position: fixed;
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas {
outline: 0; }
.off-canvas.is-transition-push {
z-index: 12; }
.off-canvas.is-closed {
visibility: hidden; }
.off-canvas.is-transition-overlap {
z-index: 13; }
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas.is-open {
transform: translate(0, 0); }
.off-canvas-absolute {
position: absolute;
z-index: 12;
transition: transform 0.5s ease;
backface-visibility: hidden;
background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas-absolute {
outline: 0; }
.off-canvas-absolute.is-transition-push {
z-index: 12; }
.off-canvas-absolute.is-closed {
visibility: hidden; }
.off-canvas-absolute.is-transition-overlap {
z-index: 13; }
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas-absolute.is-open {
transform: translate(0, 0); }
.position-left {
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 250px;
transform: translateX(-250px); }
.off-canvas-content .off-canvas.position-left {
transform: translateX(-250px); }
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
transform: translate(0, 0); }
.off-canvas-content.is-open-left.has-transition-push {
transform: translateX(250px); }
.position-left.is-transition-push {
box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }
.position-right {
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 250px;
transform: translateX(250px); }
.off-canvas-content .off-canvas.position-right {
transform: translateX(250px); }
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
transform: translate(0, 0); }
.off-canvas-content.is-open-right.has-transition-push {
transform: translateX(-250px); }
.position-right.is-transition-push {
box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }
.position-top {
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
transform: translateY(-250px); }
.off-canvas-content .off-canvas.position-top {
transform: translateY(-250px); }
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
transform: translate(0, 0); }
.off-canvas-content.is-open-top.has-transition-push {
transform: translateY(250px); }
.position-top.is-transition-push {
box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
transform: translateY(250px); }
.off-canvas-content .off-canvas.position-bottom {
transform: translateY(250px); }
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
transform: translate(0, 0); }
.off-canvas-content.is-open-bottom.has-transition-push {
transform: translateY(-250px); }
.position-bottom.is-transition-push {
box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }
.off-canvas-content {
transform: none;
transition: transform 0.5s ease;
backface-visibility: hidden; }
.off-canvas-content.has-transition-push {
transform: translate(0, 0); }
.off-canvas-content .off-canvas.is-open {
transform: translate(0, 0); }
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-left.reveal-for-medium .close-button {
display: none; }
.off-canvas-content .position-left.reveal-for-medium {
transform: none; }
.off-canvas-content.has-reveal-left {
margin-left: 250px; }
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-right.reveal-for-medium .close-button {
display: none; }
.off-canvas-content .position-right.reveal-for-medium {
transform: none; }
.off-canvas-content.has-reveal-right {
margin-right: 250px; }
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px; }
.position-top.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-top.reveal-for-medium .close-button {
display: none; }
.off-canvas-content .position-top.reveal-for-medium {
transform: none; }
.off-canvas-content.has-reveal-top {
margin-top: 250px; }
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 250px; }
.position-bottom.reveal-for-medium {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-bottom.reveal-for-medium .close-button {
display: none; }
.off-canvas-content .position-bottom.reveal-for-medium {
transform: none; }
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px; }
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 250px; } }
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-left.reveal-for-large .close-button {
display: none; }
.off-canvas-content .position-left.reveal-for-large {
transform: none; }
.off-canvas-content.has-reveal-left {
margin-left: 250px; }
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-right.reveal-for-large .close-button {
display: none; }
.off-canvas-content .position-right.reveal-for-large {
transform: none; }
.off-canvas-content.has-reveal-right {
margin-right: 250px; }
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px; }
.position-top.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-top.reveal-for-large .close-button {
display: none; }
.off-canvas-content .position-top.reveal-for-large {
transform: none; }
.off-canvas-content.has-reveal-top {
margin-top: 250px; }
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 250px; }
.position-bottom.reveal-for-large {
transform: none;
z-index: 12;
transition: none;
visibility: visible; }
.position-bottom.reveal-for-large .close-button {
display: none; }
.off-canvas-content .position-bottom.reveal-for-large {
transform: none; }
.off-canvas-content.has-reveal-bottom {
margin-bottom: 250px; }
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 250px; } }
@media print, screen and (min-width: 40em) {
.off-canvas.in-canvas-for-medium {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit; }
.off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
box-shadow: none;
transform: none; }
.off-canvas.in-canvas-for-medium .close-button {
display: none; } }
@media print, screen and (min-width: 64em) {
.off-canvas.in-canvas-for-large {
visibility: visible;
height: auto;
position: static;
background: inherit;
width: inherit;
overflow: inherit;
transition: inherit; }
.off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
box-shadow: none;
transform: none; }
.off-canvas.in-canvas-for-large .close-button {
display: none; } }
.tabs {
margin: 0;
border: 1px solid #e6e6e6;
background: #fefefe;
list-style-type: none; }
.tabs::before, .tabs::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.tabs::after {
clear: both; }
.tabs.vertical > li {
display: block;
float: none;
width: auto; }
.tabs.simple > li > a {
padding: 0; }
.tabs.simple > li > a:hover {
background: transparent; }
.tabs.primary {
background: #2ba6cb; }
.tabs.primary > li > a {
color: #0a0a0a; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #299ec1; }
.tabs-title {
float: left; }
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #2ba6cb; }
.tabs-title > a:hover {
background: #fefefe;
color: #258faf; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #e6e6e6;
color: #2ba6cb; }
.tabs-content {
border: 1px solid #e6e6e6;
border-top: 0;
background: #fefefe;
color: #0a0a0a;
transition: all 0.5s ease; }
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0; }
.tabs-panel {
display: none;
padding: 1rem; }
.tabs-panel.is-active {
display: block; }
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 3px;
background-color: white;
color: #0a0a0a; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #def2f8;
color: #0a0a0a; }
.callout.secondary {
background-color: #fcfcfc;
color: #0a0a0a; }
.callout.alert {
background-color: #fcd6d6;
color: #0a0a0a; }
.callout.success {
background-color: #e6f7d9;
color: #0a0a0a; }
.callout.warning {
background-color: #fff3d9;
color: #0a0a0a; }
.callout.body-font {
background-color: #dedede;
color: #0a0a0a; }
.callout.header {
background-color: #dedede;
color: #0a0a0a; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }
.card {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-bottom: 1rem;
border: 1px solid #e6e6e6;
border-radius: 3px;
background: #fefefe;
box-shadow: none;
overflow: hidden;
color: #0a0a0a; }
.card > :last-child {
margin-bottom: 0; }
.card-divider {
flex: 0 1 auto;
display: flex;
padding: 1rem;
background: #e6e6e6; }
.card-divider > :last-child {
margin-bottom: 0; }
.card-section {
flex: 1 0 auto;
padding: 1rem; }
.card-section > :last-child {
margin-bottom: 0; }
.card-image {
min-height: 1px; }
.media-object {
display: flex;
margin-bottom: 1rem;
flex-wrap: nowrap; }
.media-object img {
max-width: none; }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small {
flex-wrap: wrap; } }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
flex-basis: 100%;
max-width: 100%; }
.media-object.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section {
flex: 0 1 auto; }
.media-object-section:first-child {
padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem; }
.media-object-section > :last-child {
margin-bottom: 0; }
.media-object-section.main-section {
flex: 1 1 0px; }
body.is-reveal-open {
overflow: hidden; }
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll; }
.reveal {
z-index: 1006;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 3px;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 73.125rem; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 73.125rem; } }
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 73.125rem; } }
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 73.125rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; }
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 3px; }
table thead,
table tbody,
table tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe; }
table caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold; }
table thead {
background: #f8f8f8;
color: #0a0a0a; }
table tfoot {
background: #f1f1f1;
color: #0a0a0a; }
table thead tr,
table tfoot tr {
background: transparent; }
table thead th,
table thead td,
table tfoot th,
table tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left; }
table tbody th,
table tbody td {
padding: 0.5rem 0.625rem 0.625rem; }
table tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1; }
table.unstriped tbody {
background-color: #fefefe; }
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe; }
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }
table.scroll {
display: block;
width: 100%;
overflow-x: auto; }
table.hover thead tr:hover {
background-color: #f3f3f3; }
table.hover tfoot tr:hover {
background-color: #ececec; }
table.hover tbody tr:hover {
background-color: #f9f9f9; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
overflow-x: auto; }
.table-scroll table {
width: auto; }
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #2ba6cb;
color: #fefefe; }
.badge.primary {
background: #2ba6cb;
color: #0a0a0a; }
.badge.secondary {
background: #e9e9e9;
color: #0a0a0a; }
.badge.alert {
background: #c60f13;
color: #fefefe; }
.badge.success {
background: #5da423;
color: #0a0a0a; }
.badge.warning {
background: #ffae00;
color: #0a0a0a; }
.badge.body-font {
background: #222222;
color: #fefefe; }
.badge.header {
background: #222222;
color: #fefefe; }
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 3px;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #2ba6cb;
color: #fefefe; }
.label.primary {
background: #2ba6cb;
color: #0a0a0a; }
.label.secondary {
background: #e9e9e9;
color: #0a0a0a; }
.label.alert {
background: #c60f13;
color: #fefefe; }
.label.success {
background: #5da423;
color: #0a0a0a; }
.label.warning {
background: #ffae00;
color: #0a0a0a; }
.label.body-font {
background: #222222;
color: #fefefe; }
.label.header {
background: #222222;
color: #fefefe; }
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 3px;
background-color: #cacaca; }
.progress.primary .progress-meter {
background-color: #2ba6cb; }
.progress.secondary .progress-meter {
background-color: #e9e9e9; }
.progress.alert .progress-meter {
background-color: #c60f13; }
.progress.success .progress-meter {
background-color: #5da423; }
.progress.warning .progress-meter {
background-color: #ffae00; }
.progress.body-font .progress-meter {
background-color: #222222; }
.progress.header .progress-meter {
background-color: #222222; }
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #2ba6cb;
border-radius: 3px; }
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fefefe;
white-space: nowrap;
border-radius: 3px; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
cursor: help; }
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 3px;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe; }
.tooltip::before {
position: absolute; }
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
bottom: 100%; }
.tooltip.bottom.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto; }
.tooltip.top.align-center::before {
left: 50%;
transform: translateX(-50%); }
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
left: 100%; }
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto; }
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
transform: translateY(-50%); }
.tooltip.align-top::before {
bottom: auto;
top: 10%; }
.tooltip.align-bottom::before {
bottom: 10%;
top: auto; }
.tooltip.align-left::before {
left: 10%;
right: auto; }
.tooltip.align-right::before {
left: auto;
right: 10%; }
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%; }
.orbit {
position: relative; }
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden; }
.orbit-slide {
width: 100%; }
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0; }
.orbit-figure {
margin: 0; }
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0; }
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #fefefe; }
.orbit-previous, .orbit-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
background-color: rgba(10, 10, 10, 0.5); }
.orbit-previous {
left: 0; }
.orbit-next {
left: auto;
right: 0; }
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center; }
[data-whatinput='mouse'] .orbit-bullets {
outline: 0; }
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
border-radius: 50%;
background-color: #cacaca; }
.orbit-bullets button:hover {
background-color: #8a8a8a; }
.orbit-bullets button.is-active {
background-color: #8a8a8a; }
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #fefefe;
border-radius: 3px;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0; }
a.thumbnail {
transition: box-shadow 200ms ease-out; }
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
a.thumbnail image {
box-shadow: none; }
.sticky-container {
position: relative; }
.sticky {
position: relative;
z-index: 0;
transform: translate3d(0, 0, 0); }
.sticky.is-stuck {
position: fixed;
z-index: 5;
width: 100%; }
.sticky.is-stuck.is-at-top {
top: 0; }
.sticky.is-stuck.is-at-bottom {
bottom: 0; }
.sticky.is-anchored {
position: relative;
right: auto;
left: auto; }
.sticky.is-anchored.is-at-bottom {
bottom: 0; }
.row {
max-width: 73.125rem;
margin-right: auto;
margin-left: auto; }
.row::before, .row::after {
display: table;
content: ' ';
flex-basis: 0;
order: 1; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0; }
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem; }
@media print, screen and (min-width: 40em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem; } }
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row:not(.expanded) .row {
max-width: none; }
.column, .columns {
width: 100%;
float: left;
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
width: 8.33333%; }
.small-push-1 {
position: relative;
left: 8.33333%; }
.small-pull-1 {
position: relative;
left: -8.33333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.66667%; }
.small-push-2 {
position: relative;
left: 16.66667%; }
.small-pull-2 {
position: relative;
left: -16.66667%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-3 {
width: 25%; }
.small-push-3 {
position: relative;
left: 25%; }
.small-pull-3 {
position: relative;
left: -25%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-4 {
width: 33.33333%; }
.small-push-4 {
position: relative;
left: 33.33333%; }
.small-pull-4 {
position: relative;
left: -33.33333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.66667%; }
.small-push-5 {
position: relative;
left: 41.66667%; }
.small-pull-5 {
position: relative;
left: -41.66667%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-6 {
width: 50%; }
.small-push-6 {
position: relative;
left: 50%; }
.small-pull-6 {
position: relative;
left: -50%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-7 {
width: 58.33333%; }
.small-push-7 {
position: relative;
left: 58.33333%; }
.small-pull-7 {
position: relative;
left: -58.33333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.66667%; }
.small-push-8 {
position: relative;
left: 66.66667%; }
.small-pull-8 {
position: relative;
left: -66.66667%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-9 {
width: 75%; }
.small-push-9 {
position: relative;
left: 75%; }
.small-pull-9 {
position: relative;
left: -75%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-10 {
width: 83.33333%; }
.small-push-10 {
position: relative;
left: 83.33333%; }
.small-pull-10 {
position: relative;
left: -83.33333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.66667%; }
.small-push-11 {
position: relative;
left: 91.66667%; }
.small-pull-11 {
position: relative;
left: -91.66667%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.33333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.66667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.28571%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.small-centered {
margin-right: auto;
margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; }
@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%; }
.medium-push-1 {
position: relative;
left: 8.33333%; }
.medium-pull-1 {
position: relative;
left: -8.33333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.66667%; }
.medium-push-2 {
position: relative;
left: 16.66667%; }
.medium-pull-2 {
position: relative;
left: -16.66667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-3 {
width: 25%; }
.medium-push-3 {
position: relative;
left: 25%; }
.medium-pull-3 {
position: relative;
left: -25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-4 {
width: 33.33333%; }
.medium-push-4 {
position: relative;
left: 33.33333%; }
.medium-pull-4 {
position: relative;
left: -33.33333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.66667%; }
.medium-push-5 {
position: relative;
left: 41.66667%; }
.medium-pull-5 {
position: relative;
left: -41.66667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
width: 50%; }
.medium-push-6 {
position: relative;
left: 50%; }
.medium-pull-6 {
position: relative;
left: -50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-7 {
width: 58.33333%; }
.medium-push-7 {
position: relative;
left: 58.33333%; }
.medium-pull-7 {
position: relative;
left: -58.33333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.66667%; }
.medium-push-8 {
position: relative;
left: 66.66667%; }
.medium-pull-8 {
position: relative;
left: -66.66667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-9 {
width: 75%; }
.medium-push-9 {
position: relative;
left: 75%; }
.medium-pull-9 {
position: relative;
left: -75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-10 {
width: 83.33333%; }
.medium-push-10 {
position: relative;
left: 83.33333%; }
.medium-pull-10 {
position: relative;
left: -83.33333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.66667%; }
.medium-push-11 {
position: relative;
left: 91.66667%; }
.medium-pull-11 {
position: relative;
left: -91.66667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.33333%; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.66667%; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.28571%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.medium-centered {
margin-right: auto;
margin-left: auto; }
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%; }
.large-push-1 {
position: relative;
left: 8.33333%; }
.large-pull-1 {
position: relative;
left: -8.33333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.66667%; }
.large-push-2 {
position: relative;
left: 16.66667%; }
.large-pull-2 {
position: relative;
left: -16.66667%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-3 {
width: 25%; }
.large-push-3 {
position: relative;
left: 25%; }
.large-pull-3 {
position: relative;
left: -25%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-4 {
width: 33.33333%; }
.large-push-4 {
position: relative;
left: 33.33333%; }
.large-pull-4 {
position: relative;
left: -33.33333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.66667%; }
.large-push-5 {
position: relative;
left: 41.66667%; }
.large-pull-5 {
position: relative;
left: -41.66667%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-6 {
width: 50%; }
.large-push-6 {
position: relative;
left: 50%; }
.large-pull-6 {
position: relative;
left: -50%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-7 {
width: 58.33333%; }
.large-push-7 {
position: relative;
left: 58.33333%; }
.large-pull-7 {
position: relative;
left: -58.33333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.66667%; }
.large-push-8 {
position: relative;
left: 66.66667%; }
.large-pull-8 {
position: relative;
left: -66.66667%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-9 {
width: 75%; }
.large-push-9 {
position: relative;
left: 75%; }
.large-pull-9 {
position: relative;
left: -75%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-10 {
width: 83.33333%; }
.large-push-10 {
position: relative;
left: 83.33333%; }
.large-pull-10 {
position: relative;
left: -83.33333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.66667%; }
.large-push-11 {
position: relative;
left: 91.66667%; }
.large-pull-11 {
position: relative;
left: -91.66667%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.33333%; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.66667%; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.28571%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.large-centered {
margin-right: auto;
margin-left: auto; }
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
.column-block {
margin-bottom: 1.875rem; }
.column-block > :last-child {
margin-bottom: 0; }
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
content: ''; }
.menu-icon:hover::after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: ''; }
.menu-icon.dark:hover::after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(-100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(-100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(90deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(90deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(0.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(-0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
.shake {
animation-name: shake-7; }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
.spin-cw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(1turn); } }
.wiggle {
animation-name: wiggle-7deg; }
@keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
animation-duration: 500ms; }
.infinite {
animation-iteration-count: infinite; }
.slow {
animation-duration: 750ms !important; }
.fast {
animation-duration: 250ms !important; }
.linear {
animation-timing-function: linear !important; }
.ease {
animation-timing-function: ease !important; }
.ease-in {
animation-timing-function: ease-in !important; }
.ease-out {
animation-timing-function: ease-out !important; }
.ease-in-out {
animation-timing-function: ease-in-out !important; }
.bounce-in {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
animation-delay: 300ms !important; }
.long-delay {
animation-delay: 700ms !important; }
/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px;}
/**************************************************************************************/
a {color:#000; text-decoration:none; outline:0 none;}
a:hover {color:#000; text-decoration:none;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
/*----------------------------------------------------------------------------------*/
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
body { font-family: 'Open Sans', sans-serif; color:#515052; width:100%;}
.wrapper{margin:0 auto; width:100%;}
a:hover{ text-decoration: none !important; outline: none !important;}
/*--------for iphone or mobile or ipad ---------*/
a[href^=tel] {
color:#fff;
text-decoration:none;
}
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://d19pbi8vkdue6m.cloudfront.net/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/**************************************************************************
* @name Zozo UI Tabs
* @descripton Create awesome tabbed content area
* @version 6.5
* @Licenses: http://codecanyon.net/licenses/
* @requires jQuery v1.7 or later
* @copyright Copyright (c) 2013 Zozo UI
* @author Zozo UI
* @URL: http://www.zozoui.com
*
***************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}.z-tabs,.z-tabs > ul,.z-tabs > ul > li,.z-tabs > ul > li > a,.z-tabs > .z-container,.z-tabs > .z-container > .z-content,.z-tabs > .z-container > .z-content > .z-content-inner { box-sizing: content-box;} .z-tabs, .z-tabs:before, .z-tabs:after { box-sizing: content-box;} .z-tabs, .z-tabs > ul, .z-tabs > ul > li, .z-tabs > ul > li > a {position: relative; margin: 0; padding: 0; border: 0; outline: 0; display: block; outline: 0 none; text-decoration: none; list-style: none; list-style-type: none;} .z-tabs > .z-container > .z-content::after, .z-tabs > .z-container > .z-content > .z-content-inner::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .z-tabs > .z-container > .z-content, .z-tabs > .z-container > .z-content > .z-content-inner {zoom: 1;}.z-tabs {clear: both; color: #333; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;} .z-tabs > ul > li > a {color: #111; line-height: 18px; font-weight: inherit; font-size: 12px; padding: 13px 24px; background: #fff; cursor: pointer;} .z-tabs > ul > li.z-active > a {cursor: default;} .z-tabs > ul, .z-tabs > ul > li > a, .z-tabs > .z-container {border-color: #CECECE; border-style: solid;} .z-tabs > .z-container {padding: 0; margin: 0; border-width: 1px; background: #fff; position: relative; overflow: hidden;} .z-tabs > .z-container > .z-content {position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; z-index: 7; display: none;} .z-tabs > .z-container > .z-content.z-active {z-index: 8;} .z-tabs > .z-container > .z-content > .z-content-inner {padding: 18px 24px; height: auto;} .z-tabs.mini > ul > li > a {font-size: 11px;padding: 7px 16px;}.z-tabs.small > ul > li > a {font-size: 11px;padding: 10px 16px;}.z-tabs.medium > ul > li > a {font-size: 12px;padding: 15px 20px;}.z-tabs.large > ul > li > a {font-size: 13px;padding: 16px 24px;}.z-tabs.xlarge > ul > li > a {font-size: 14px;padding: 19px 28px;}.z-tabs.xxlarge > ul > li > a {font-size: 15px;padding: 22px 32px;}.z-tabs.mini.vertical > ul > li > a {padding: 7px 13px;}.z-tabs.small.vertical > ul > li > a {padding: 10px 16px;}.z-tabs.medium.vertical > ul > li > a {padding: 13px 19px;}.z-tabs.large.vertical > ul > li > a {padding: 16px 22px;}.z-tabs.xlarge.vertical > ul > li > a {padding: 19px 25px;}.z-tabs.xxlarge.vertical > ul > li > a {padding: 22px 28px;}.z-tabs.white.z-bordered > ul > li.z-active > a {color: #D13636;}.z-tabs.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 3px solid #D13636;}.z-tabs.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 3px solid #D13636;}.z-tabs.mini.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 1px solid #D13636;}.z-tabs.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 1px solid #D13636;}.z-tabs.small.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 2px solid #D13636;}.z-tabs.small.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 2px solid #D13636;}.z-tabs.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 10px;}.z-tabs.small.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 13px;}.z-tabs.medium.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 16px;}.z-tabs.large.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 19px;}.z-tabs.xlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 22px;}.z-tabs.xxlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a {padding-left: 25px;}.z-tabs.horizontal.top.white.z-bordered > ul > li.z-active > a {border-top: 3px solid #F44343;margin-top: 0;margin-bottom: 0;}.z-tabs.mini.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 7px; border-top-width: 1px}.z-tabs.small.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 9px;border-top-width: 2px}.z-tabs.medium.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 13px;}.z-tabs.large.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 14px;}.z-tabs.xlarge.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 17px;}.z-tabs.xxlarge.horizontal.top.white.z-bordered > ul > li.z-active > a {padding-top: 20px;}.z-tabs.horizontal.bottom.white.z-bordered > ul > li.z-active > a {border-bottom: 3px solid #D13636;margin-top: 0;margin-bottom: 0;}.z-tabs.mini.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 5px;}.z-tabs.small.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 8px;}.z-tabs.medium.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 11px;}.z-tabs.large.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 14px;}.z-tabs.xlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 17px;}.z-tabs.xxlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a {padding-bottom: 20px;}.z-tabs.white.mobile.z-bordered > ul > li.z-active > a{border-bottom: 3px solid #D13636 !important;} .z-tabs-loading {position: relative;width: 100%;min-height: 120px;}.z-tabs-loading ul, .z-tabs-loading div {display: none;}.z-tabs .z-container {position: relative;}.z-tabs span.z-spinner, .z-tabs-loading .z-spinner {position: absolute; top: 50%; left: 50%; z-index: 1000; text-indent: -999em; width: 55px; height: 55px; margin: -28px 0 0 -50px; padding: 24px; background: rgb(255, 255, 255) url(/../img/loading-image.gif) no-repeat 50% 50%;}.z-tabs.z-rounded span.z-spinner { border-radius: 5px;} .z-tabs .z-video {position: relative; padding-bottom: 46.25%; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}.z-tabs .z-video.z-wide-screen {padding-bottom: 56.25%;}.z-tabs .z-video.z-four-by-three {padding-bottom: 75%;}.z-tabs .z-video.z-top-padding {padding-top: 30px;}.z-tabs .z-video iframe,.z-tabs .z-video object,.z-tabs .z-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 50;} .z-tabs > ul > li > a i {font-size: 1.125em; display: inline; width: auto; height: auto; line-height: normal; width: 24px; display: inline-block; margin-top: 0.015em;} .z-tabs > ul.z-tabs-mobile > li > a i {display: none;} .z-tabs.z-icons-large > ul > li > a i {font-size: 2.25em; display: block; margin: 0 auto; padding-bottom: 0.65em; text-align: center; line-height: 0; margin-top: 0.65em;} .z-tabs.mini > ul > li > a i, .z-tabs.small > ul > li > a i {font-size: 1.25em;} .z-tabs.z-icons-large > ul > li > a {text-align: center;} .z-tabs > ul > li > a > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon {width: 20px; display: inline-block; font-size: inherit; font-weight: normal; text-transform: initial; text-align: left;} .z-tabs.vertical > ul.z-tabs-nav > li > a > span.z-icon, .z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon, .z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon {width: 24px;} .z-tabs.center > ul > li > a, .z-tabs.center.mobile > ul > li > a {text-align: center !important;} .z-tabs.right > ul > li > a, .z-tabs.right.mobile > ul > li > a {text-align: right !important;} .z-tabs.left > ul > li > a, .z-tabs.left.mobile > ul > li > a {text-align: left !important;} .z-tabs.vertical > .z-container > .z-content.z-nopadding > .z-content-inner, .z-tabs.horizontal > .z-container > .z-content.z-nopadding > .z-content-inner, .z-tabs > .z-container > .z-content.z-nopadding > .z-content-inner {padding: 0 !important;}.clearfix {*zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;} .clearfix:after {clear: both;} .z-tabs.vertical > ul {float: left; border-width: 1px 0 1px 1px; min-width: 200px; width: 25%;}.z-tabs.vertical > ul > li > a {border-width: 0 0 1px 0;}.z-tabs.vertical > ul > li.z-last > a {border-bottom-width: 0;}.z-tabs.vertical > ul > li.z-active > a {border-right-width: 0; z-index: 10;}.z-tabs.vertical > ul > li.z-active.z-first > a {border-bottom-width: 1px;}.z-tabs.vertical.top-left > ul{margin-left:0; margin-right: -1px;}.z-tabs.vertical.top-right > ul{margin-right:0; margin-left: -1px;}.ie7 body .z-tabs.vertical.top-left > ul{margin-right: 0;}.ie7 body .z-tabs.vertical.top-right > ul{margin-left: 0;}.ie7 body .z-tabs.vertical.top-left > ul > li, .ie7 body .z-tabs.vertical.top-left > ul > li > .z-link,.ie7 body .z-tabs.vertical.top-left > ul {z-index: 10 !important;}.ie7 body .z-tabs.vertical.top-left > ul > li.z-active > a {border-right: 1px solid #fff !important;}.z-tabs.vertical.top-right > ul{float: right;border-width: 1px 1px 1px 0;}.ie7 body .z-tabs.vertical.top-right > ul > li.z-active > a{border-right-width: 0 !important; border-left: 1px solid #fff !important; left:-1px;}.ie7 body .z-tabs.vertical.top-right > ul > li, .ie7 body .z-tabs.vertical.top-right > ul {z-index: 10 !important;}.ie7 body .z-tabs.vertical.top-right > .z-container {} .z-tabs.vertical.z-rounded > .z-container { border-radius: 0 6px 6px 0;} .z-tabs.vertical.z-rounded > ul { border-radius: 6px 0 0 6px;} .z-tabs.vertical.z-rounded > ul > li.z-first, .z-tabs.vertical.z-rounded > ul > li.z-first > a { border-radius: 5px 0 0 0;} .z-tabs.vertical.z-rounded > ul > li.z-last, .z-tabs.vertical.z-rounded > ul > li.z-last > a { border-radius: 0 0 0 5px;} .z-tabs.vertical.z-rounded.top-right > ul { border-radius: 0 6px 6px 0;} .z-tabs.vertical.z-rounded.top-right > ul > li.z-first, .z-tabs.vertical.z-rounded.top-right > ul > li.z-first > a { border-radius: 0 5px 0 0;} .z-tabs.vertical.z-rounded.top-right > ul > li.z-last, .z-tabs.vertical.z-rounded.top-right > ul > li.z-last > a { border-radius: 0 0 5px 0;} .z-tabs.vertical.z-rounded.top-right > .z-container { border-radius: 6px 0 0 6px;}.z-tabs.vertical.z-shadows > ul,.z-tabs.vertical.z-shadows > .z-container{ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);} .z-tabs.vertical.z-shadows > ul > li > a{ box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);}.z-tabs.horizontal > ul > li{float: left;} .z-tabs.horizontal > ul > li.z-active {background: none; z-index: 1;} .z-tabs.horizontal > ul > li > a {margin-right: -1px; min-height: 1px;} .z-tabs.top-compact > ul > li > a, .z-tabs.bottom-compact > ul > li > a{padding-left: 0; padding-right: 0;}.z-tabs.horizontal.top > ul > li.z-active{top: 2px; margin-top: -2px; padding-bottom: 2px;}.z-tabs.horizontal.top > ul > li > a{top: 1px; border-width: 1px 1px 0 1px;}.z-tabs.horizontal > ul > li.z-last > a,.z-tabs.horizontal > ul > li.z-last-col > a{margin-right: 0 !important;}.z-tabs.horizontal > .z-container{clear: both; zoom: 1;}.z-tabs.horizontal.top-center > ul.z-tabs-desktop{clear: left; float: left; left: 50%; text-align: center;} .z-tabs.horizontal.top-center > ul > li {right: 50%;}.z-tabs.horizontal.top-right > ul{float: right; margin: 0 -1px 0 0;} .z-tabs.horizontal.top-right > ul > li.z-last {margin-right: 1px;}.ie7 body .z-tabs.horizontal.top-right > ul > li.z-last{margin-right: -1px;}.ie7 body .z-tabs.horizontal > .z-container{clear: none; width: 100%;}.z-tabs.horizontal.bottom > ul > li.z-active{top: -1px; padding-top: 1px; z-index: 9;}.z-tabs.horizontal.bottom > .z-container{z-index: 7;}.z-tabs.horizontal.bottom > ul > li > a{top: -1px; border-width: 0 1px 1px 1px;}.z-tabs.horizontal.bottom-center > ul{float: left; left: 50%; text-align: center;} .z-tabs.horizontal.bottom-center > ul > li {right: 50%;}.z-tabs.horizontal.bottom-right > ul{float: right;}.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-desktop > li.z-last{margin-right: 0;}.ie7 .z-tabs.horizontal.bottom-compact > ul.z-tabs-desktop > li.z-last{margin-right: 0;}.z-tabs.horizontal.responsive > ul > li > a,.z-tabs.horizontal.top-compact > ul > li > a,.z-tabs.horizontal.bottom-compact > ul > li > a,.z-tabs.horizontal.top-center > ul > li > a,.z-tabs.horizontal.bottom-center > ul > li > a{text-align: center;}.z-tabs.horizontal.top.z-rounded > ul > li.z-first,.z-tabs.horizontal.top.z-rounded > ul > li.z-first > a{ border-radius: 5px 0 0 0;}.z-tabs.horizontal.top.z-rounded > ul > li.z-last,.z-tabs.horizontal.top.z-rounded > ul > li.z-last > a{ border-radius: 0 5px 0 0;}.z-tabs.horizontal.top-left.z-rounded > .z-container{ border-radius: 0 6px 6px 6px;}.z-tabs.horizontal.top-center.z-rounded > .z-container{ border-radius: 6px 6px 6px 6px;}.z-tabs.horizontal.top-right.z-rounded > .z-container{ border-radius: 6px 0 6px 6px;}.z-tabs.horizontal.z-rounded.top-compact > .z-container{ border-radius: 0 0 6px 6px;}.z-tabs.horizontal.z-rounded.bottom > ul > li.z-first,.z-tabs.horizontal.z-rounded.bottom > ul > li.z-first > a{ border-radius: 0 0 0 5px;}.z-tabs.horizontal.z-rounded.bottom > ul > li.z-last,.z-tabs.horizontal.z-rounded.bottom > ul > li.z-last > a{ border-radius: 0 0 5px 0;}.z-tabs.horizontal.z-rounded.bottom-left > .z-container{ border-radius: 6px 6px 6px 0;}.z-tabs.horizontal.z-rounded.bottom-center > .z-container{ border-radius: 6px;}.z-tabs.horizontal.z-rounded.bottom-right .z-container{ border-radius: 6px 6px 0 6px;}.z-tabs.horizontal.z-rounded.bottom-compact > .z-container{ border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.top.z-rounded > .z-container{ border-radius: 0 0 6px 6px;}.z-tabs.horizontal.responsive.bottom.z-rounded > .z-container{ border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile,.z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile > li{ border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile,.z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile > li{ border-radius: 0 0 6px 6px;}.z-tabs.horizontal.z-shadows > .z-container{ box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);}.z-tabs.horizontal.z-shadows > ul > li > a{box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);}.z-tabs.horizontal.z-shadows > ul > li.z-first > a{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}.z-tabs.horizontal.z-shadows > ul > li.z-last > a{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);} .z-tabs.black > ul, .z-tabs.black > ul > li > a, .z-tabs.black > .z-container{border-color: #343232; border-style: solid;}.z-tabs.black > ul > li > a{color: white; background: #333333; background: -o-linear-gradient(top, #333333, #555555); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );}.z-tabs.black > ul > li > a{color: white;-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black > ul > li > a:hover {background: #353434;} .z-tabs.black > ul > li.z-active > a{background: #fff; color: #3E3E3E; text-shadow: none; box-shadow: none; filter: none;}.z-tabs.black2 {color: #F7F7F7;text-shadow: none;}.z-tabs.black2 > .z-container {background: #222;}.z-tabs.black2 > ul, .z-tabs.black2 > ul > li > a, .z-tabs.black2 > .z-container{border-color: #191919; border-style: solid;}.z-tabs.black2 > ul > li > a{color: #F7F7F7; background: #454545; background: -o-linear-gradient(top, #303030, #262626); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#262626',GradientType=0 );}.z-tabs.black2 > ul > li a{color: #F7F7F7;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black2 > ul > li.z-active > a {text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black2 > ul > li > a:hover {background: #353434;} .z-tabs.black2 > ul > li.z-active > a{background: #222; color: #dadada; text-shadow: none; box-shadow: none; filter: none;} .z-tabs.blue > ul, .z-tabs.blue > ul > li > a, .z-tabs.blue > .z-container{border-color: #0487BD;border-style: solid;}.z-tabs.blue > ul > li > a{background: #1abde7; background: linear-gradient(to bottom, #1abde7 0%,#1c9dd1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abde7', endColorstr='#1c9dd1',GradientType=0 );} .z-tabs.blue > ul > li a {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}.z-tabs.blue > ul > li.z-active > a {text-shadow: 0 1px 1px white;color: Black}.z-tabs.blue > ul > li > a:hover {background: #21ADDF;} .z-tabs.blue > ul > li.z-active > a{background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none;} .z-tabs.crystal > ul, .z-tabs.crystal > ul > li > a, .z-tabs.crystal > .z-container{border-color: #ddd; border-color: #b4b4b4; border-style: solid;}.z-tabs.crystal > ul > li > a{background: rgb(255,255,255); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}.z-tabs.crystal > ul > li > a:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); background: whiteSmoke; background: linear-gradient(to bottom, #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);} .z-tabs.crystal > ul > li.z-active > a{background: #fff; text-shadow: 0 1px 1px white; color: Black; filter: none;} .z-tabs.deepblue > ul, .z-tabs.deepblue > ul > li > a, .z-tabs.deepblue > .z-container{border-color: #1E69DE;border-style: solid;}.z-tabs.deepblue > ul > li > a{background: #479fed; background: linear-gradient(to bottom, #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479fed', endColorstr='#1e69de',GradientType=0 );} .z-tabs.deepblue > ul > li > a {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}.z-tabs.deepblue > ul > li.z-active > a {text-shadow: 0 1px 1px white;color: Black}.z-tabs.deepblue > ul > li > a:hover {background: #238dea; background: linear-gradient(to bottom, #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dea', endColorstr='#065cdd',GradientType=0 );} .z-tabs.deepblue > ul > li.z-active > a{background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none;} .z-tabs.gray > ul, .z-tabs.gray > ul > li > a, .z-tabs.gray > .z-container{border-color: #B3B3B3; border-style: solid;}.z-tabs.gray > ul > li > a{background: whiteSmoke; background: linear-gradient(to bottom, #dbdbdb 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f2f2f2',GradientType=0 );}.z-tabs.gray > ul > li > a:hover {background: #e8e8e8; background: linear-gradient(to bottom, #e8e8e8 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7',GradientType=0 );} .z-tabs.gray > ul > li.z-active > a{background: #fff; box-shadow: none; text-shadow: 0 1px 1px white; filter:none;} .z-tabs.green > ul, .z-tabs.green > ul > li > a, .z-tabs.green > .z-container{border-color: #336c2b; border-style: solid;}.z-tabs.green > ul > li > a{color: white; background: #5fae53; background: -o-linear-gradient(top, #5fae53, #3b7c33);}.z-tabs.green > ul > li > a {color: white;text-shadow: 0 1px 0 #387031;}.z-tabs.green > ul > li.z-active > a{text-shadow: 0 1px 1px white;color: Black}.z-tabs.green > ul > li > a:hover {background: #3b7c33;} .z-tabs.green > ul > li.z-active > a{background: #fff; color: #2C3F0A; text-shadow: none; box-shadow: none; filter: none;} .z-tabs.orange > ul, .z-tabs.orange > ul > li > a, .z-tabs.orange > .z-container{border-color: #D64817; border-style: solid;}.z-tabs.orange > ul > li > a{background: #F2825B; background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );}.z-tabs.orange > ul > li > a:hover {background: #F2825B; background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );} .z-tabs.orange > ul > li.z-active > a{background: #fff;text-shadow: 0 1px 1px white;color: Black;filter: none;}.z-tabs.orange > ul > li > a {color: white;text-shadow: 0 1px #5E1902;}.z-tabs.orange > ul > li.z-active > a {color: black;text-shadow: 0 1px white;} .z-tabs.red > ul, .z-tabs.red > ul > li > a, .z-tabs.red > .z-container{border-color: #951100; border-style: solid;}.z-tabs.red > ul > li > a{color: #fff; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8); background: #d84a38; background: linear-gradient(to bottom, #dd4b39 0%,#d14836 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836',GradientType=0 );} .z-tabs.red > ul > li > a:hover {background: #d34332; background: linear-gradient(to bottom, #dd4b39 0%,#c53727 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 );} .z-tabs.red > ul > li.z-active > a{background: white; color: #951100; text-shadow: none; filter: none;}.z-tabs.red > ul > li > a {color: white;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.red > ul > li.z-active > a {text-shadow: 0 1px 1px white;color: Black} .z-tabs.silver > ul, .z-tabs.silver > ul > li > a, .z-tabs.silver > .z-container{border-color: #CECECE;border-style: solid;}.z-tabs.silver > ul > li > a{filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9'); background-color: #F2F0F0; background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}.z-tabs.silver > ul > li > a{color:#444;text-shadow: 0 1px #eee;}.z-tabs.silver > ul > li > a:hover {background: #fcfcfc; background: linear-gradient(to bottom, #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9',GradientType=0 );} .z-tabs.silver > ul > li.z-active > a{filter: none;background: #fff;box-shadow: none;}.z-tabs.silver > ul > li.z-active > a{color:black;text-shadow: 0 1px #fff;} .z-tabs.white > ul, .z-tabs.white > ul > li > a, .z-tabs.white > .z-container{border-color: #CECECE; border-style: solid;}.z-tabs.white > ul > li > a{background: #fff;color:#333;text-shadow: 0 1px #f5f5f5;}.z-tabs.white > ul > li.z-active > a {text-shadow: 0 1px 1px white;color: #333;} .z-tabs.white.mobile > ul > li.z-active > a {font-weight: bold;} .z-tabs.underlined,.z-tabs.underlined > ul,.z-tabs.underlined > ul > li,.z-tabs.underlined > ul > li.z-first,.z-tabs.underlined > ul > li.z-last,.z-tabs.underlined > ul > li.z-first.z-active,.z-tabs.underlined > ul > li.z-last.z-active,.z-tabs.underlined > ul > li.z-active,.z-tabs.underlined > ul > li:hover,.z-tabs.underlined > ul > li > a.z-link,.z-tabs.underlined > ul > li > a:hover,.z-tabs.underlined > .z-container{border-width: 0; border-radius: 0 !important; box-shadow: none !important; background: none; filter: none;} .z-tabs.underlined > ul > li {top: 0; padding: 0;} .z-tabs.underlined.horizontal > ul > li.z-active {top: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;} .z-tabs.underlined.horizontal > ul > li > a {top: 0; text-shadow: 0 1px 1px white; color: #333; opacity: 0.80; filter: none; margin-left: 16px;} .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-active, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li:hover, .z-tabs.underlined.horizontal.top-left > ul.z-tabs-nav > li.z-first > a, .z-tabs.underlined.horizontal.bottom-left > ul.z-tabs-nav > li.z-first > a {margin-left: 0;} .z-tabs.underlined.horizontal.top-right > ul.z-tabs-nav > li.z-last > a, .z-tabs.underlined.horizontal.bottom-right > ul.z-tabs-nav > li.z-last > a {margin-right: 0;} .z-tabs.underlined.horizontal > .z-container > .z-content > .z-content-inner {padding: 1.4em 0;} .z-tabs.underlined.horizontal.top > ul > li > a:hover,.z-tabs.underlined.horizontal.top> ul > li.z-active > a{font-weight: normal; margin-bottom: 0; border-width: 0 0 3px 0; opacity: 1;}.z-tabs.underlined.horizontal.top > .z-container{border-width: 1px 0 0 0;}.z-tabs.underlined.horizontal.bottom > .z-container{border-width: 0 0 1px 0;}.z-tabs.underlined.horizontal.bottom > ul > li > a{margin-top: 3px;}.z-tabs.underlined.horizontal.bottom > ul > li > a:hover,.z-tabs.underlined.horizontal.bottom > ul > li.z-active > a{font-weight: normal; margin-bottom: 0; border-width: 3px 0 0 0; margin-top: 0;}.z-tabs.underlined.vertical > ul{border-width: 0;}.z-tabs.underlined.vertical > .z-container > .z-content > .z-content-inner{padding: 0 2em;}.z-tabs.vertical.underlined > ul > li > a{filter: none; background: transparent; margin: 0; text-shadow: 0 1px 1px white; color: #333; margin-left: 3px;}.z-tabs.vertical.underlined.top-left > ul{border-width: 0 1px 0 0;}.z-tabs.vertical.underlined.top-right > ul{border-width: 0 0 0 1px;}.z-tabs.vertical.underlined > ul.z-tabs-nav > li.z-active > a,.z-tabs.vertical.underlined > ul.z-tabs-nav > li > a:hover{font-weight: normal; margin-bottom: 0; border-width: 0; background: #FAFAFA;}.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active > a,.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li > a:hover{border-width: 0 3px 0 0;}.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active > a,.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li > a:hover{border-width: 0 0 0 3px; margin-left: 0;}.ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active {border-right-width: 0 !important; border-left: 3px solid #444 !important; left:-1px;}.ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active {border-right: 3px solid #444 !important;}.z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li > a.z-link {padding: 6px 6px;}.z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li > a.z-link{padding: 8px 8px;}.z-tabs.underlined.horizontal.medium > ul.z-tabs-nav > li > a.z-link{padding: 10px 10px;}.z-tabs.underlined.horizontal.large > ul.z-tabs-nav > li > a.z-link{padding: 10px 12px;}.z-tabs.underlined.horizontal.xlarge > ul.z-tabs-nav > li > a.z-link{padding: 12px 14px;}.z-tabs.underlined.horizontal.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 14px 16px;}.z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li:hover, .z-tabs.underlined.horizontal.mini > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li:hover, .z-tabs.underlined.horizontal.small > ul.z-tabs-nav > li.z-active {border-bottom-width: 2px;}.z-tabs.underlined > .z-container,.z-tabs.underlined > ul.z-tabs-nav,.z-tabs.underlined > ul.z-tabs-nav > li > a{border-color: #e6e6e6;}.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.red > ul.z-tabs-nav > li > a:hover{border-color:#DD4B39;}.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.blue > ul.z-tabs-nav > li > a:hover{border-color:#00B0D8;}.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover{border-color:#1E69DE;}.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.orange > ul.z-tabs-nav > li > a:hover{border-color:#FD9C00;}.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.green > ul.z-tabs-nav > li > a:hover{border-color:#093;}.z-tabs.underlined.white > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.white > ul.z-tabs-nav > li > a:hover{border-color:#D8D8D8;}.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.crystal > ul.z-tabs-nav > li > a:hover{border-color:#999;}.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.silver > ul.z-tabs-nav > li > a:hover{border-color:#777;}.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.gray > ul.z-tabs-nav > li > a:hover{border-color:#333;}.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active > a,.z-tabs.underlined.black > ul.z-tabs-nav > li > a:hover{border-color:black;}.z-tabs.underlined.mobile > ul.z-tabs-mobile,.z-tabs.underlined.mobile > ul.z-tabs-desktop{border-width: 0; margin-top: 0;}.z-tabs.mobile.underlined> .z-container > .z-content > .z-content-inner {padding: 0;} .z-tabs.mobile.underlined > .z-container{border-width: 0; margin-top: 0; margin-bottom: 0;}.z-tabs.underlined.mobile > ul.z-tabs-mobile.z-state-closed{border-width: 0;}.z-tabs.underlined.mobile.vertical > .z-container > .z-content .z-content-inner{padding: 2em;}.z-tabs.underlined.mobile > ul.z-tabs-nav > li > a{text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}.z-tabs.underlined.mobile > ul.z-tabs-desktop > li > a{ transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;}.z-tabs.underlined.mobile > ul.z-tabs-nav > li > a{border-color: #E6E6E6; background: #fff; border-width: 0 0 1px 0 !important; opacity: 1; border-style: dotted;} .z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li:hover > a{background: #FAFAFA;color: #333;text-shadow: 1px 0px 1px rgba(175, 175, 175, 0.25);} .z-tabs.underlined.mobile.m-red > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-red > ul.z-tabs-desktop > li:hover > a{color: #DD4B39;}.z-tabs.underlined.mobile.m-blue > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-blue > ul.z-tabs-desktop > li > a:hover{color: #00B0D8;}.z-tabs.underlined.mobile.m-deepblue > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-deepblue > ul.z-tabs-desktop > li:hover > a{color: #1E69DE;}.z-tabs.underlined.mobile.m-orange > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-orange > ul.z-tabs-desktop > li:hover > a{color: #FD9C00;}.z-tabs.underlined.mobile.m-green > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-green > ul.z-tabs-desktop > li:hover > a{color: #093;} .z-tabs.z-multiline.white > ul > li.z-active, .z-tabs.z-multiline.white > ul > li:hover {opacity: 1;}.z-tabs.z-multiline > ul > li > a{line-height: 18px; display: block; text-transform: uppercase; letter-spacing: 1px;}.z-tabs.z-multiline > ul.z-tabs-desktop > li > a.z-link > span,.z-tabs.z-multiline > ul.z-tabs-mobile > li > a.z-link > span > span{display: block; font-size: .9em; font-weight: normal; text-transform: none; line-height: 1.65em; opacity: 1; margin-top: 0.05em; letter-spacing: 0px;}.z-tabs.z-multiline > ul.z-tabs-desktop > li > a > span.z-icon,.z-tabs.z-multiline > ul.z-tabs-mobile > li > a > span > span.z-icon{line-height: 1em;} .z-tabs.clean.horizontal > ul > li.z-active{top: 0; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}.z-tabs.clean > ul > li.z-active > a {font-weight: bold;}.z-tabs.clean.white.z-bordered > ul > li.z-active > a {color:inherit;}.z-tabs.clean > .z-container{border-width: 0; background: none;}.z-tabs.clean.horizontal > .z-container > .z-content > .z-content-inner{padding: 24px 0;}.z-tabs.clean.horizontal.top > ul > li > a{border-bottom-width: 1px;}.z-tabs.clean.horizontal.bottom > ul > li > a{border-top-width: 1px;}.z-tabs.clean.z-shadows > ul > li.z-active > a { box-shadow: inset 0px 0px 1.143em 0px rgba(0, 0, 0, 0.13); background: #F3F3F3;}.z-tabs.clean.z-shadows.black2 > ul > li.z-active > a { box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.35); background: #242424;}.z-tabs.clean.vertical.z-shadows > ul,.z-tabs.clean.z-shadows > .z-container { box-shadow: none;}.z-tabs.clean.z-rounded.top > ul > li.z-first > a,.z-tabs.clean.z-rounded.bottom > ul > li.z-first > a{ border-radius: 5px 0 0 5px;}.z-tabs.clean.top.z-rounded > ul > li.z-last > a,.z-tabs.clean.bottom.z-rounded > ul > li.z-last > a{ border-radius: 0 5px 5px 0;}.z-tabs.clean.horizontal.top.z-rounded > ul > li.z-last-row.z-first-col > a{ border-radius: 0 0 0 5px;}.z-tabs.clean.responsive.horizontal.top.z-rounded > ul > li.z-last-row.z-last-col > a{ border-radius: 0 0 5px 0;}.z-tabs.clean.vertical > ul.z-tabs-desktop{border-width: 1px 1px 1px 1px;}.z-tabs.clean.vertical > ul > li.z-active{z-index: 7;}.z-tabs.clean.vertical > .z-container > .z-content > .z-content-inner{padding: 0 2em;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop{ border-radius: 6px;}.z-tabs.clean.vertical.mobile.z-rounded > ul.z-tabs-desktop{ border-radius: 0;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-first,.z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-first > a{ border-radius: 5px 5px 0 0;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-last,.z-tabs.clean.vertical.z-rounded > ul.z-tabs-desktop > li.z-last > a{ border-radius: 0 0 5px 5px;}.z-tabs.horizontal.clean.responsive.top > ul > li > a{border-bottom-width: 0;}.z-tabs.clean.responsive.horizontal.bottom > ul > li > a{border-top-width: 0;}.z-tabs.clean.responsive.horizontal.bottom > ul > li.z-first-row > a{border-top-width: 1px;}.z-tabs.clean.responsive.horizontal.bottom > ul > li.z-first-row > a,.z-tabs.clean.responsive.horizontal.top > ul > li.z-last-row > a,.z-tabs.clean.responsive.horizontal.bottom > ul > li.z-last-row > a{border-bottom-width: 1px;}.z-tabs.horizontal.clean.responsive.z-rounded.top > ul > li.z-first > a{ border-bottom-left-radius: 0;}.z-tabs.clean.responsive.horizontal.z-rounded.top > ul > li.z-last > a{ border-radius: 0 5px 5px 0;}.z-tabs.clean.white.mobile > ul > li.z-active > a{ box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); background: #F3F3F3;}.z-tabs.clean.horizontal.mobile.top > ul > li,.z-tabs.clean.horizontal.mobile.bottom > ul > li{border-bottom-width: 0;} .z-grid {margin : 0 auto; padding : 0 0 0 1%;}.z-grid-1200 {max-width : 1220px;}.z-grid-1000 {max-width : 1020px;}.z-row {clear : both; padding : 0 10px;} .z-row:after {content: " "; height: 0; clear: both; visibility: hidden;}.z-row {zoom : 1;} .z-row > [class*="col"] {margin-left: 1.81818%; float: left; display: block; margin: 1% 0 1% 1.6%; margin: 0 0 0 1.6%; min-height: 1px; position: relative; box-sizing: border-box; padding-bottom: 20px;}.col12 {width : 100%;}.col11 {width : 91.46%;}.col10 {width : 83%;}.col9 {width : 74.54%;}.col8 {width : 66.08%;}.col7 {width : 57.62%;}.col6 {width : 49.16%;}.col5 {width : 40.7%;}.col4 {width : 32.24%;}.col3 {width : 23.78%;}.col2 {width : 15.32%;}.col1 {width : 6.86%;}.z-row > [class*="col"]:first-child {margin-left : 0;}.z-row > [class*="col"] img {width : 100%; height : auto; display : block;}@media all and (min-width: 1024px) {.z-grid-1000 {max-width: 1000px;} .z-grid-1000 .z-row {padding: 0;}}@media all and (max-width: 768px){.z-row > [class*="col"]{float : none; width : auto; margin : 10px 0 10px 0;}} .z-tabs > ul.z-tabs-mobile{display: none;}.z-tabs.responsive.horizontal.responsive > ul{display: block; width: 100%;}.z-tabs.responsive.horizontal > ul.z-tabs-mobile,.z-tabs.responsive.horizontal > ul.z-tabs-mobile > li{width: 100%; float: none;}.z-tabs.responsive.horizontal.mobile > ul > li > a{margin: 0 !important;}.z-tabs.responsive.horizontal > ul > li.z-last-col > a{margin-right: 0 !important;}.z-tabs.responsive.horizontal.top > ul > li.z-active{top: 0; margin-top: 0; padding-bottom: 0; z-index: initial;}.z-tabs.responsive.horizontal.top > ul > li.z-last-row.z-active{top: 2px; margin-top: -2px; padding-bottom: 1px; z-index: 1;}.z-tabs.horizontal.top.responsive > ul.z-tabs-desktop > li > a,.z-tabs.horizontal.top.z-stacked > ul.z-tabs-desktop > li > a{border-bottom-width: 0;}.z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a{margin: 0 -2px 0 0;}.ie7 .z-tabs.horizontal.responsive > ul.z-tabs-desktop > li{margin-right: -3px;}.z-tabs.responsive.horizontal.bottom > ul > li.z-active{top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; z-index: initial;}.z-tabs.responsive.horizontal.bottom > ul > li.z-first-row.z-active{top: 0; padding-top: 0; z-index: 9;}.z-tabs.horizontal.responsive > ul.z-tabs-desktop{display: block; width: 100%;}.z-tabs.horizontal.responsive.underlined > ul{border-width: 0;} .z-tabs.horizontal.responsive.underlined > ul > li.z-active, .z-tabs.horizontal.responsive.underlined > ul > li:hover {border-top-width: 0; border-bottom-width: 0;}.z-tabs.underlined.horizontal > ul.z-tabs-mobile > li{margin-left: 0;} .z-tabs.underlined.horizontal > ul.z-tabs-mobile > li a {padding-left: 0;}.z-tabs.responsive.top.z-rounded > ul > li.z-last-col > a{ border-radius: 0 5px 0 0;}.z-tabs.responsive.bottom.z-rounded > ul > li.z-first > a{ border-radius: 0 0 0 0;}.z-tabs.responsive.z-rounded.bottom > ul > li.z-left > a{ border-radius: 0 0 0 5px;}.z-tabs.responsive.z-rounded.bottom-left > ul > li.z-right > a{ border-radius: 0 0 5px 0;}.z-tabs.responsive.horizontal.top.z-rounded > ul > li.z-last > a{ border-radius: 0;}.z-tabs.horizontal.z-stacked > ul.z-tabs-desktop > li{width: 100%; float: none;}.z-tabs.horizontal.z-stacked.responsive > ul.z-tabs-desktop > li.z-last > a,.z-tabs.horizontal.z-stacked.z-stacked > ul.z-tabs-desktop > li.z-last > a{border-bottom-width: 1px;}.z-tabs.horizontal.z-stacked.responsive > ul.z-tabs-desktop > li.z-first > a{border-top-width: 1px;}.z-tabs.horizontal.z-stacked > ul.z-tabs-desktop > li > a{margin: 0;}.z-tabs.flat.horizontal.z-stacked > ul.z-tabs-desktop > li > a{border-width: 0 !important;}.z-tabs.z-stacked.horizontal > ul > li > a{margin-right: 0 !important;}.z-tabs.flat.z-stacked.z-spaced.horizontal.responsive > ul.z-tabs-nav > li > a{margin: 2px 0 0 0 !important;}.z-tabs.mobile > ul.z-tabs-nav,.z-tabs.mobile > ul.z-tabs-nav > li,.z-tabs.mobile > ul.z-tabs-nav > li.z-active,.z-tabs.mobile > .z-container,.z-tabs.mobile > .z-container > .z-content { box-shadow: none; text-shadow: none;}.z-tabs.mobile {position: relative;} .z-tabs.mobile > ul.z-tabs-nav, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile > li, .z-tabs.mobile > .z-container {width: 100%; float: none; display: block; width: 100%;} .z-tabs.mobile > ul.z-tabs-nav {border-width: 1px 1px 1px 1px;} .z-tabs.mobile > ul.z-tabs-nav > li > .z-link {margin: 0 !important;} .z-tabs.mobile > ul.z-tabs-desktop {position: absolute; top: inherit; margin-top: 8px; left: 0; z-index: 1000; width: 100%; box-shadow: 0 2px 1px rgba(51, 51, 51, 0.1);} .z-tabs.mobile > ul > li {overflow: visible;} .z-tabs.mobile > ul.z-tabs-nav > li > a {top: 0;} .z-tabs.mobile > ul > li.z-active > a {font-weight: bold;} .z-tabs.mobile.top > ul.z-tabs-desktop > li > a, .z-tabs.mobile.bottom > ul.z-tabs-desktop > li > a {border-width: 1px 0px 0 0px;} .z-tabs.mobile > ul.z-tabs-nav > li.z-first > a {border-width: 0;} .z-tabs.mobile.z-shadows > ul.z-tabs-mobile { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset;} .z-tabs.mobile > ul.z-tabs-desktop > li {float: none; display: block;} .z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {opacity: 0; height: 0; visibility: hidden;} .z-tabs.mobile.top > .z-container {margin-top: 8px;} .z-tabs.mobile.bottom > .z-container {margin-bottom: 8px;} .z-tabs.mobile > .z-container, .z-tabs.mobile > .z-container > .z-content.z-active {overflow: visible;} .z-tabs.mobile > .z-container.z-animating, .z-tabs.mobile > .z-container.z-animating > .z-content.z-active {overflow: hidden;} .z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a > span.z-arrow { transform: rotate(0deg); opacity: 1;} .z-tabs.mobile > ul.z-tabs-mobile > li > a > span.z-arrow {position: absolute; top: 50%; background: url(/../img/z-tabs-icons.png) no-repeat top left; background-position: -1470px -3px; width: 30px; height: 30px; margin-top: -25px; margin-left: -0.75em; display: inline-block; right: 1.125em; background-position: -1470px -60px;}.z-tabs.z-icons-dark > ul.z-tabs-mobile > li > a > span.z-arrow {background-position: -1470px -3px;}.z-tabs.mobile > ul.z-tabs-nav > li.z-active {margin: 0; padding: 0; top: 0; bottom: 0;} .z-tabs.mobile > ul.z-tabs-nav > li.z-active > a {margin: 0; top: 0; bottom: 0; width: auto;}.z-tabs.mobile > ul.z-tabs-nav > li {border-width: 0px;} .z-tabs.mobile > ul.z-tabs-nav > li > a {text-align: left;}.z-tabs.mobile > ul.z-tabs-desktop > li.z-last {border-bottom-width: 0;}.z-tabs.mobile.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a { border-radius: 5px;}.z-tabs.mobile.z-rounded > ul.z-tabs-mobile,.z-tabs.mobile.z-rounded > ul.z-tabs-desktop { border-radius: 6px;} .z-tabs.mobile.z-rounded > ul.z-tabs-mobile > li > a { border-radius: 5px;}.z-tabs.mobile.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last > a.z-link { border-radius: 0 0 5px 5px;}.z-tabs.mobile.z-rounded > ul.z-tabs-nav > li.z-first > a { border-radius: 5px 5px 0 0;}.z-tabs.mobile.z-rounded > .z-container { border-radius: 6px;}.z-tabs .z-tabs *,.z-tabs ul,.z-tabs ul li,.z-tabs ul li a,.z-tabs .z-container .z-content {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; outline: none;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
/*
* This combined file was created by the DataTables downloader builder:
* https://datatables.net/download
*
* To rebuild or modify this file with the latest versions of the included
* software please visit:
* https://datatables.net/download/#dt/dt-1.10.18/r-2.2.2
*
* Included libraries:
* DataTables 1.10.18, Responsive 2.2.2
*/
/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
/*
* Header and footer styles
*/
/*
* Body styles
*/
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
*cursor: hand;
background-repeat: no-repeat;
background-position: center right;
}
table.dataTable thead .sorting {
background-image: url(/DataTables-1.10.18/images/sort_both.png);
}
table.dataTable thead .sorting_asc {
background-image: url(/DataTables-1.10.18/images/sort_asc.png);
}
table.dataTable thead .sorting_desc {
background-image: url(/DataTables-1.10.18/images/sort_desc.png);
}
table.dataTable thead .sorting_asc_disabled {
background-image: url(/DataTables-1.10.18/images/sort_asc_disabled.png);
}
table.dataTable thead .sorting_desc_disabled {
background-image: url(/DataTables-1.10.18/images/sort_desc_disabled.png);
}
table.dataTable tbody tr {
background-color: #ffffff;
}
table.dataTable tbody tr.selected {
background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a5b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap;
}
/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;
border: 1px solid #979797;
background-color: white;
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* FF3.6+ */
/* IE10+ */
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111;
background-color: #585858;
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* FF3.6+ */
/* IE10+ */
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* FF3.6+ */
/* IE10+ */
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
border-bottom: none;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
top: 9px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-';
background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-';
background-color: #d33333;
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
div.dtr-modal div.dtr-modal-display {
width: 95%;
}
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.hinge {
animation-duration: 2s;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
animation-name: bounce;
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
transform: translateX(10px);
}
}
.shake {
animation-name: shake;
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
0% {
transform: scale(1);
}
10%, 20% {
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada {
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble {
animation-name: wobble;
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
animation-name: rollOut;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;border-radius:0;padding:0!important}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url('https://d19pbi8vkdue6m.cloudfront.net/svg/crossbtn.svg') no-repeat center center}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px;background:url('https://d19pbi8vkdue6m.cloudfront.net/svg/crossbtn.svg') center center no-repeat!important}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:visible!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.8);}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(/fancybox_loading@2x.gif);background-size:24px 24px}}
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.irs-disabled {
opacity: 0.4;
}
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40);
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! jQuery UI - v1.12.1 - 2018-07-18
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(/images/ui-icons_777777_256x240.png);
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
box-shadow: 0px 0px 5px #666666;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
/* background: url(/assets/loading.gif) no-repeat; */
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
/* background: url(/assets/prev.png) left 48% no-repeat; */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
/* background: url(/assets/next.png) right 48% no-repeat; */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
/* background: url(/assets/close.png) top right no-repeat; */
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#lightboxOverlay { position: fixed !important; top: 0; left: 0; height: 100% !important; width: 100% !important; }
#lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%); }
/* colors */
@font-face {
font-family: 'FAS';
src: url(/assets/fa-solid-900-690be61fe58020511558ce4b04375178872629f6c737ed1b332aec65855fd937.eot);
src: url(/assets/fa-solid-900-7798165ee5a3c6809310d8261dcbe7c8d0c12d795b7b09a71af3eb86ec8f33f2.woff2) format('woff2'),
url(/assets/fa-solid-900-22f6af77ffeeb267c5270fa1e50681ae01a9a19f8e9ef976798e0196c941ade6.svg) format('svg'),
url(/assets/fa-solid-900-8fb19633f125ca466a45da9e4cf291d8b9519dd74c214f99dde835ef83f3ab96.woff) format('woff'),
url(/assets/fa-solid-900-b97adad7ece9792af4122ae88103cad8fab54558a529c4ba79b5224c2b02ebe9.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.blackfriday {
text-align: center;
font-size: 1.25rem;
background-color: #2e2b2a;
color: #fff;
margin-top: 10px;
font-weight: 700;
}
.blackfriday div p span {
color: #3e70fc;
}
header {
padding: 35px 0 20px 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 999;
}
@media screen and (max-width: 1024px) {
header {
padding: 35px 0 38px 0;
}
}
@media screen and (max-width: 767px) {
header {
padding: 35px 0 20px 0;
}
}
header .row {
position: relative;
}
header a.mobutton {
display: block;
width: 20px;
position: absolute;
left: 15px;
top: 3px;
}
@media screen and (max-width: 480px) {
header a.mobutton {
top: -18px;
}
}
header a.mobutton span {
display: block;
width: 100%;
height: 2px;
background: #3e70fc;
margin: 0 0 5px;
}
header a.mobutton span:last-child {
margin-bottom: 0;
}
header .headleft {
display: block;
position: absolute;
top: 3px;
}
@media screen and (max-width: 480px) {
header .headleft {
top: -18px;
}
}
header .headleft span {
display: block;
width: 100%;
height: 2px;
background: #3e70fc;
margin: 0 0 5px;
}
header .headleft span:last-child {
margin-bottom: 0;
}
header .logo {
width: 250px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
header .logo {
margin: 0 0 0 50px;
}
}
@media screen and (max-width: 767px) {
header .logo {
margin: 18px auto 0;
}
}
@media screen and (max-width: 480px) {
header .logo {
width: 200px;
margin: 18px auto 0;
}
}
header .logo a {
display: block;
}
header .logo a img {
display: block;
width: 100%;
height: auto;
}
header .headright {
position: absolute;
right: 15px;
top: 0;
}
header .headright .mpTrack i {
color: #3e70fc;
}
header .headright .mpTrack:hover {
text-decoration: underline !important;
}
@media screen and (max-width: 767px) {
header .headright {
top: -20px;
}
}
@media screen and (max-width: 480px) {
header .headright {
right: 0;
width: auto;
padding: 0 10px;
}
}
header .headright ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
@media screen and (max-width: 480px) {
header .headright ul {
float: right;
}
}
header .headright ul li {
float: left;
margin: 0 25px 0 0;
}
@media screen and (max-width: 480px) {
header .headright ul li:nth-child(2) {
display: none;
}
}
header .headright ul li:last-child {
margin-right: 0;
}
header .headright ul li a {
display: block;
font-size: 13px;
line-height: normal;
color: #515052;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
position: relative;
}
header .headright ul li a span {
color: #8d8d8d;
}
header .headright ul li a em {
display: inline-block;
font-style: normal;
width: 25px;
height: 25px;
background: #3e70fc;
text-align: center;
line-height: 25px;
color: #fff;
border-radius: 50%;
vertical-align: top;
margin: -3px 0 0 5px;
}
body.stick {
overflow: hidden;
}
.main-nav {
position: fixed;
width: 100%;
top: 0;
height: 100vh;
background: #3e70fc;
z-index: 9999;
display: none;
}
.main-nav .row1 {
margin: 30px 0 100px;
position: relative;
}
@media screen and (max-width: 599px) {
.main-nav .row1 {
margin: 30px 0 50px;
}
}
.main-nav .row1 a.closemenu {
display: block;
width: 22px;
height: 22px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/png/closebtn.png')
no-repeat center center;
position: absolute;
left: 15px;
top: 0;
}
.main-nav .row1 a.navlogo {
display: block;
width: 250px;
margin: 0 auto;
}
@media screen and (max-width: 599px) {
.main-nav .row1 a.navlogo {
width: 195px;
}
}
.main-nav .row1 a.navlogo img {
display: block;
width: 100%;
height: auto;
}
.main-nav .row2 {
margin: 0 0 50px;
}
.main-nav .row2 nav {
text-align: center;
}
.main-nav .row2 nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav .row2 nav ul li {
margin: 0 0 30px;
}
@media screen and (max-width: 599px) {
.main-nav .row2 nav ul li {
margin: 0 0 12px;
}
}
.main-nav .row2 nav ul li:last-child {
margin-bottom: 0;
}
.main-nav .row2 nav ul li a {
display: inline-block;
font-size: 24px;
line-height: 29px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
color: #fff;
}
@media screen and (max-width: 599px) {
.main-nav .row2 nav ul li a {
font-size: 16px;
}
}
.main-nav .row3 .social {
text-align: center;
}
.main-nav .row3 .social ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.main-nav .row3 .social ul li {
float: left;
margin: 0 20px 0 0;
}
.main-nav .row3 .social ul li:last-child {
margin-right: 0;
}
.main-nav .row3 .social ul li a {
color: #fff;
font-size: 20px;
line-height: normal;
}
.main-nav .row3 .copyright p {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 30px;
color: rgba(255, 255, 255, 0.5);
font-weight: 600;
}
.switch-ios.switch-toggle {
height: 50px;
display: flex;
align-items: center;
background-color: #fff !important;
border: 2px solid #e1e1e1 !important;
border-radius: 3px;
}
@media screen and (max-width: 1024px) {
.switch-ios.switch-toggle {
height: 39px;
margin: 0 0 1rem;
}
}
.switch-ios.switch-toggle a {
border: none;
border-radius: 0px;
background-color: #3e70fc;
}
.switch-toggle input:focus ~ span a,
.switch-toggle input:focus + label {
outline: none !important;
}
.search-toggle-wheels,
.small-search-toggle-wheels {
border-left: 3px solid #e1e1e1;
border-right: 3px solid #e1e1e1;
}
.switch-ios.switch-toggle label {
color: #2e2b2a !important;
font-size: 1rem;
height: 100%;
line-height: 2rem;
}
@media screen and (min-width: 64em) {
.switch-ios.switch-toggle label {
line-height: 3rem;
}
}
.switch-ios input:checked + label {
color: #fff !important;
}
.bf-body {
padding-top: 75px;
}
@media screen and (max-width: 767px) {
.bf-body {
padding-top: 100px;
}
}
@media screen and (max-width: 480px) {
.bf-body {
padding-top: 165px;
}
}
.fa-paypal {
color: #253b80 !important;
}
.order-summary-row-checkout .accordion-title {
font-family: 'Open Sans', sans-serif;
text-align: center !important;
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 1rem;
line-height: 1;
color: #3e70fc;
}
.order-summary-row-checkout :last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0 0 3px 3px;
}
.order-summary-row-checkout .accordion-title:hover,
.order-summary-row-checkout .accordion-title:focus {
background-color: #3e70fc;
color: #ffffff;
}
.order-summary-row-checkout .accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
font-family: FontAwesome;
content: '\f063';
}
.order-summary-row-checkout .is-active > .accordion-title::before {
font-family: FontAwesome;
content: '\f062';
}
.order-summary-row-checkout .accordion-content {
padding: 0.75rem;
}
.order-summary-row-checkout {
padding-top: 20px;
}
.mobile-summary-select {
width: 50px !important;
}
#mobile-checkout-header {
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (max-width: 599px) {
#mobile-checkout-header {
padding-top: 10px;
padding-bottom: 10px;
}
}
#mobile-checkout-logo {
margin-top: 0;
margin-bottom: 8px;
}
.header-phone-row {
text-align: center;
}
@media screen and (max-width: 480px) {
.header-phone-row {
font-size: 14px;
}
}
.header-phone {
color: #3e70fc !important;
}
.header-button-left .header-returns p {
cursor: pointer;
float: left;
height: 25px;
width: none;
padding: 0 10px;
}
.header-button-right {
text-align: right;
}
.header-button-right .header-shipping p {
cursor: pointer;
float: right;
height: 25px;
width: none;
padding: 0 10px;
}
div.summary-delete-text {
margin-top: 15px;
}
div.summary-delete-text p .summary-delete-text {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 10px;
text-decoration: underline;
}
.continue-shopping-desktop-center {
text-align: center;
}
.continue-shopping-desktop-center p {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
margin-top: 10px;
}
.continue-shopping-desktop-center p a {
text-decoration: none;
color: #3e70fc;
}
.continue-shopping-mobile-left {
text-align: left;
}
.continue-shopping-mobile-left span {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-top: 5px;
}
.continue-shopping-mobile-left span a {
text-decoration: none;
color: #3e70fc;
}
.continue-shopping-mobile-center {
text-align: center;
}
.continue-shopping-mobile-center span {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-top: 5px;
}
.continue-shopping-mobile-center span a {
text-decoration: none;
color: #3e70fc;
}
.continue-shopping-mobile-right {
text-align: right;
}
.continue-shopping-mobile-right span {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-top: 5px;
}
.continue-shopping-mobile-right span a {
text-decoration: none;
color: #3e70fc;
}
.continue-shopping-row {
margin-bottom: 16px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
.continue-shopping-row a {
color: #3e70fc;
text-decoration: none;
}
#custom_fc_button {
width: 15%;
position: fixed;
right: 1px;
bottom: 15px;
}
@media screen and (max-width: 1024px) {
#custom_fc_button {
width: 20%;
}
}
@media screen and (max-width: 767px) {
#custom_fc_button {
width: 20%;
}
}
@media screen and (max-width: 599px) {
#custom_fc_button {
width: 30%;
}
}
@media screen and (max-width: 480px) {
#custom_fc_button {
width: 35%;
}
}
#imageicon {
height: 60%;
width: 60%;
}
/* Spinner Slices */
.sp {
width: 64px;
height: 64px;
clear: both;
margin: 25px auto;
}
.sp.sp-slices {
border-radius: 50%;
border-top: 16px rgba(62, 112, 252, 0.75) solid;
border-left: 16px rgba(62, 112, 252, 0.25) solid;
border-bottom: 16px rgba(62, 112, 252, 0.25) solid;
border-right: 16px rgba(62, 112, 252, 0.25) solid;
animation: spSlices 1s infinite linear;
}
@keyframes spSlices {
0% {
border-top: 16px rgba(62, 112, 252, 0.75) solid;
border-right: 16px rgba(62, 112, 252, 0.25) solid;
border-bottom: 16px rgba(62, 112, 252, 0.25) solid;
border-left: 16px rgba(62, 112, 252, 0.25) solid;
}
25% {
border-top: 16px rgba(62, 112, 252, 0.25) solid;
border-right: 16px rgba(62, 112, 252, 0.75) solid;
border-bottom: 16px rgba(62, 112, 252, 0.25) solid;
border-left: 16px rgba(62, 112, 252, 0.25) solid;
}
50% {
border-top: 16px rgba(62, 112, 252, 0.25) solid;
border-right: 16px rgba(62, 112, 252, 0.25) solid;
border-bottom: 16px rgba(62, 112, 252, 0.75) solid;
border-left: 16px rgba(62, 112, 252, 0.25) solid;
}
75% {
border-top: 16px rgba(62, 112, 252, 0.25) solid;
border-right: 16px rgba(62, 112, 252, 0.25) solid;
border-bottom: 16px rgba(62, 112, 252, 0.25) solid;
border-left: 16px rgba(62, 112, 252, 0.75) solid;
}
100% {
border-top: 16px rgba(62, 112, 252, 0.75) solid;
border-right: 16px rgba(62, 112, 252, 0.25) solid;
border-bottom: 16px rgba(62, 112, 252, 0.25) solid;
border-left: 16px rgba(62, 112, 252, 0.25) solid;
}
}
.yield-wrapper {
min-height: 70vh;
position: relative;
}
@media screen and (min-width: 1024px) {
.yield-wrapper {
min-height: 100%;
}
}
.yield-wrapper .flash {
padding-top: 10px;
padding-bottom: 5px;
background-color: #3e70fc;
font-family: 'Raleway', sans-serif;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #fff;
}
@media screen and (max-width: 480px) {
.yield-wrapper .flash {
padding: 0 5px;
}
}
.mobile-only .summary {
padding: 15px;
border: solid 1px #e2e2e2;
border-radius: 5px;
background: #fff;
}
.mobile-only .summary p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #8d8d8d;
margin: 0 0 8px;
}
.mobile-only .summary p strong {
font-weight: 600;
color: #515052;
}
.mobile-only .summary ul li {
border-bottom: solid 1px #e2e2e2;
margin: 0 0 10px;
}
.mobile-only .summary ul li:last-child {
border-bottom: none;
}
h1 {
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
h1 {
font-size: 22px;
}
}
h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.webp .banner {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)),
url('https://d19pbi8vkdue6m.cloudfront.net/png/headbg.webp') no-repeat
center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
.no-webp .banner {
background: url('https://d19pbi8vkdue6m.cloudfront.net/png/headbg.png')
no-repeat center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
.banner {
padding: 45px 0 0;
height: 900px;
}
@media screen and (max-width: 599px) {
.banner {
height: 725px;
}
}
@media screen and (max-width: 480px) {
.banner {
height: 725px;
}
}
.banner .easyway {
text-align: center;
}
@media screen and (max-width: 1024px) {
.banner .easyway {
margin: 0 0 20px;
}
}
.banner .easyway h1 {
font-family: 'Raleway', sans-serif;
font-size: 48px;
line-height: 60px;
color: #2e2b2a;
font-weight: 900;
margin: 0;
text-transform: none;
}
@media screen and (max-width: 1024px) {
.banner .easyway h1 {
font-size: 35px;
line-height: 40px;
padding: 0;
}
}
@media screen and (max-width: 599px) {
.banner .easyway h1 {
font-size: 25px;
line-height: 35px;
padding: 0;
text-align: center;
}
}
.banner .easyway h1 span {
color: #3e70fc;
}
.banner .easyway h1:before {
display: none;
}
.banner .easyway p {
font-size: 18px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
margin: 0 0 20px;
}
@media screen and (max-width: 599px) {
.banner .easyway p {
font-size: 15px;
line-height: normal;
text-align: center;
margin: 0 0 12px;
}
}
.banner .blackfriday-header h2 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 24px;
text-align: center;
color: #fff;
text-transform: uppercase;
background-color: #3e70fc;
border-radius: 3px;
width: auto !important;
margin-top: 0.25em;
margin-bottom: 0.25em;
}
@media screen and (min-width: 640px) {
.banner .blackfriday-header h2 {
font-size: 36px;
width: auto !important;
}
}
@media screen and (min-width: 1024px) {
.banner .blackfriday-header h2 {
width: auto !important;
}
}
@media screen and (min-width: 1146px) {
.banner .blackfriday-header h2 {
font-size: 36px;
margin-top: 0em;
}
}
.banner .blackfriday-header #sale {
margin-top: 3px;
width: auto !important;
margin-bottom: 0.5em;
}
.banner .sale-info .ten-percent {
background: url('https://i.ibb.co/tp0chxd/Combined-Shape-mobile.png');
background-size: cover;
}
@media screen and (min-width: 640px) {
.banner .sale-info .ten-percent {
background: url('https://i.ibb.co/znFjrYC/Combined-Shape-large.png');
background-size: cover;
width: 540px !important;
}
}
@media screen and (min-width: 1024px) {
.banner .sale-info .ten-percent {
background-size: 100%;
background-repeat: no-repeat;
}
}
.banner .sale-info .ten-percent p {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding-right: 1em;
color: #3e70fc;
font-weight: 700;
}
@media screen and (min-width: 640px) {
.banner .sale-info .ten-percent p {
font-size: 30px;
}
}
.banner .sale-info .ten-percent img {
padding-bottom: 10px;
}
.banner .sale-info .five-percent {
text-align: right;
text-transform: uppercase;
}
.banner .sale-info .five-percent p {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 800;
}
@media screen and (min-width: 640px) {
.banner .sale-info .five-percent p {
font-size: 15px;
text-align: right;
}
}
@media screen and (min-width: 1024px) {
.banner .sale-info .five-percent p {
font-size: 18px;
}
}
.banner .cta {
margin-top: -45px;
text-align: center;
background: #3e70fc;
height: 30px;
}
@media screen and (min-width: 640px) {
.banner .cta {
margin-bottom: 1em;
height: 32px;
}
}
@media screen and (min-width: 1024px) {
.banner .cta {
margin-bottom: 2em;
height: 32px;
}
}
@media screen and (min-width: 1146px) {
.banner .cta {
width: 100% !important;
height: 32px;
}
}
.banner .cta .fa-piggy-bank {
display: inline-block;
color: #fff;
margin-left: 4px;
margin-right: 4px;
margin-top: 4px;
}
.banner .cta span {
color: #fff;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
@media screen and (min-width: 640px) {
.banner .cta span {
font-size: 14px;
}
}
@media screen and (min-width: 640px) {
.banner .cta .cta-text {
padding-top: 3px;
}
}
@media screen and (min-width: 1024px) {
.banner-bf .sale-info .five-percent p {
font-size: 18px;
}
}
.banner-bf .cta {
margin-top: -45px;
text-align: center;
background: #3e70fc;
height: 30px;
}
@media screen and (min-width: 640px) {
.banner-bf .cta {
margin-bottom: 1em;
height: 32px;
}
}
@media screen and (min-width: 1024px) {
.banner-bf .cta {
margin-bottom: 2em;
height: 32px;
}
}
@media screen and (min-width: 1146px) {
.banner-bf .cta {
width: 100% !important;
height: 32px;
}
}
.banner-bf .cta .fa-piggy-bank {
display: inline-block;
color: #fff;
margin-left: 4px;
margin-right: 4px;
margin-top: 4px;
}
.banner-bf .cta span {
color: #fff;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
@media screen and (min-width: 640px) {
.banner-bf .cta span {
font-size: 14px;
}
}
@media screen and (min-width: 640px) {
.banner-bf .cta .cta-text {
padding-top: 3px;
}
}
.banform {
background: #fff;
border-radius: 8px;
box-shadow: 0px 0px 10px 1px #ccc;
}
.banform .btab ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
}
.banform .btab ul li {
float: left;
width: 50%;
background: #c0bec1;
}
.banform .btab ul li a {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-align: center;
line-height: 60px;
}
@media screen and (max-width: 1024px) {
.banform .btab ul li a {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.banform .btab ul li a {
font-size: 12px;
}
}
.banform .btab ul li:first-child {
border-top-left-radius: 8px;
}
.banform .btab ul li:last-child {
border-top-right-radius: 8px;
}
.banform .btab ul li.active {
background: #fff;
}
.banform .btab ul li.active a {
color: #515052;
}
.banform .tabwraper {
z-index: 8;
padding: 30px 20px;
}
.banform .tabwraper #tb1 {
display: block;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper {
padding: 20px 10px;
}
}
.banform .tabwraper .tabsec {
position: relative;
display: none;
}
.banform .tabwraper .tabsec ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
}
.banform .tabwraper .tabsec ul li {
width: 50%;
box-sizing: border-box;
padding: 0 10px;
float: left;
margin: 0 0 10px;
}
@media screen and (max-width: 599px) {
.banform .tabwraper .tabsec ul li {
width: 100% !important;
float: none;
}
}
.banform .tabwraper .tabsec ul li .select {
position: relative;
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.banform .tabwraper .tabsec ul li .select select {
border: solid 2px #e1e1e1;
height: 50px;
background-image: none;
font-size: 14px;
font-weight: 600;
color: #515052;
margin: 0;
}
.banform .tabwraper .tabsec ul li .select:before {
content: '';
position: absolute;
right: 10px;
top: 20px;
width: 12px;
height: 8px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/png/arrow-down.jpg')
no-repeat center center;
pointer-events: none;
}
.banform .tabwraper .tabsec ul li .select span {
display: block;
border: solid 2px #e1e1e1;
line-height: 48px;
height: 50px;
padding: 0 10px;
border-radius: 3px;
}
.banform .tabwraper .tabsec ul li .select .yearwrap {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
}
.banform .tabwraper .tabsec ul li .select .yearwrap .yearlist {
width: 33.3%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .yearwrap .yearlist ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .yearwrap .yearlist ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-4 {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
width: 720px;
right: 0;
left: -480px;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-4 .menubox {
width: 25%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-4 .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-4 .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-3 {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
width: 560px;
right: 0;
left: -320px;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-3 .menubox {
width: 33%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-3 .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-3 .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-2 {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
width: 400px;
right: 0;
left: -160px;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-2 .menubox {
width: 50%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-2 .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-2 .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-1 {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
width: 240px;
right: 0;
left: 0px;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-1 .menubox {
width: 100%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-1 .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .model-column-count-1 .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .modelwrap .mega {
width: 720px;
}
}
.banform .tabwraper .tabsec ul li .select .trimwrap {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
}
.banform .tabwraper .tabsec ul li .select .trimwrap .menubox {
width: 25%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .trimwrap .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .trimwrap .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .width_wrap,
.banform .tabwraper .tabsec ul li .select .rear_width_wrap {
width: 400px;
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
top: 100%;
background: #fff;
z-index: 9;
display: none;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .width_wrap,
.banform .tabwraper .tabsec ul li .select .rear_width_wrap {
right: -25px;
width: 100%;
left: 0;
overflow: auto;
}
}
.banform .tabwraper .tabsec ul li .select .width_wrap .menubox,
.banform .tabwraper .tabsec ul li .select .rear_width_wrap .menubox {
width: 25%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .width_wrap .menubox ul,
.banform .tabwraper .tabsec ul li .select .rear_width_wrap .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .width_wrap .menubox ul li,
.banform .tabwraper .tabsec ul li .select .rear_width_wrap .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .aspect_wrap,
.banform .tabwraper .tabsec ul li .select .rear_aspect_wrap {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
}
.banform .tabwraper .tabsec ul li .select .aspect_wrap .menubox,
.banform .tabwraper .tabsec ul li .select .rear_aspect_wrap .menubox {
width: 100%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .aspect_wrap .menubox ul,
.banform .tabwraper .tabsec ul li .select .rear_aspect_wrap .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .aspect_wrap .menubox ul li,
.banform .tabwraper .tabsec ul li .select .rear_aspect_wrap .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .diameter_wrap,
.banform .tabwraper .tabsec ul li .select .rear_diameter_wrap {
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 10px;
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #fff;
z-index: 9;
display: none;
}
.banform .tabwraper .tabsec ul li .select .diameter_wrap .menubox,
.banform .tabwraper .tabsec ul li .select .rear_diameter_wrap .menubox {
width: 100%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .diameter_wrap .menubox ul,
.banform .tabwraper .tabsec ul li .select .rear_diameter_wrap .menubox ul {
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .diameter_wrap .menubox ul li,
.banform .tabwraper .tabsec ul li .select .rear_diameter_wrap .menubox ul li {
padding: 0;
margin: 0 0 2px;
float: none;
width: 100%;
text-align: center;
}
.banform .tabwraper .tabsec ul li .select .container {
display: block;
position: relative;
padding: 0px;
margin-bottom: 0px;
cursor: pointer;
font-size: 12px;
line-height: 20px !important;
font-weight: 600;
color: #515052;
font-family: 'Open Sans', sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 0;
}
.banform .tabwraper .tabsec ul li .select .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.banform .tabwraper .tabsec ul li .select em {
position: relative;
z-index: 99;
font-size: 12px;
line-height: 20px;
font-weight: 600;
color: #515052;
font-family: 'Open Sans', sans-serif;
display: block;
font-style: normal;
}
.banform .tabwraper .tabsec ul li .select .checkmark {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
border: none;
}
.banform .tabwraper .tabsec ul li .select .container:hover input ~ .checkmark {
background-color: #ccc;
}
.banform
.tabwraper
.tabsec
ul
li
.select
.container
input:checked
~ .checkmark {
background-color: #3e70fc;
}
.banform
.tabwraper
.tabsec
ul
li
.select
.container
input:checked
~ .checkmark
~ em {
color: #fff;
}
.banform .tabwraper .tabsec ul li .select .checkmark:after {
content: '';
position: absolute;
display: none;
}
.banform
.tabwraper
.tabsec
ul
li
.select
.container
input:checked
~ .checkmark:after {
display: none;
}
.banform .tabwraper .tabsec ul li .select .container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.banform .tabwraper .tabsec ul li .select .megamenu {
position: absolute;
top: 100%;
display: flex;
background: #fff;
z-index: 99;
width: 985px;
padding: 15px 10px;
border-radius: 8px;
display: none;
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
left: -480px;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu {
overflow: auto;
width: 720px;
right: auto;
left: -20px;
}
}
@media screen and (max-width: 767px) {
.banform .tabwraper .tabsec ul li .select .megamenu {
overflow: auto;
width: 560px;
right: auto;
left: -25px;
}
}
@media screen and (max-width: 599px) {
.banform .tabwraper .tabsec ul li .select .megamenu {
overflow: auto;
width: 445px;
right: auto;
left: -25px;
}
}
@media screen and (max-width: 480px) {
.banform .tabwraper .tabsec ul li .select .megamenu {
overflow: auto;
width: 285px;
right: auto;
left: -25px;
}
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu .mega {
width: 980px;
}
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox {
width: 16.66%;
float: left;
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox ul {
margin: 0;
padding: 0;
list-style: none;
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox ul li {
float: none;
margin: 0 0 2px;
padding: 0px;
width: 100%;
float: none;
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox ul li a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
line-height: 24px;
color: #515052;
font-weight: 600;
display: inline-block;
padding: 0 10px;
border-radius: 4px;
transition: ease-in all 0.3s;
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox ul li a:hover {
background: #3e70fc;
color: #fff;
}
.banform .tabwraper .tabsec ul li .select .megamenu .menubox ul li em {
display: block;
line-height: 20px;
padding-left: 10px;
}
.banform .tabwraper .tabsec ul li .select .megamenu.cars {
width: 720px;
right: 0;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu.cars {
right: -25px;
width: 720px;
overflow: auto;
}
}
@media screen and (max-width: 767px) {
.banform .tabwraper .tabsec ul li .select .megamenu.cars {
right: -25px;
width: 560px;
overflow: auto;
}
}
@media screen and (max-width: 599px) {
.banform .tabwraper .tabsec ul li .select .megamenu.cars {
right: -25px;
width: 445px;
overflow: auto;
}
}
@media screen and (max-width: 480px) {
.banform .tabwraper .tabsec ul li .select .megamenu.cars {
right: -25px;
width: 280px;
overflow: auto;
}
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu.cars .mega {
width: 720px;
}
}
.banform .tabwraper .tabsec ul li .select .megamenu.models {
width: 720px;
right: 0;
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu.models {
right: -25px;
width: 720px;
overflow: auto;
}
}
@media screen and (max-width: 767px) {
.banform .tabwraper .tabsec ul li .select .megamenu.models {
right: -25px;
width: 560px;
overflow: auto;
}
}
@media screen and (max-width: 599px) {
.banform .tabwraper .tabsec ul li .select .megamenu.models {
right: -25px;
width: 445px;
overflow: auto;
}
}
@media screen and (max-width: 480px) {
.banform .tabwraper .tabsec ul li .select .megamenu.models {
right: -25px;
width: 280px;
overflow: auto;
}
}
@media screen and (max-width: 1024px) {
.banform .tabwraper .tabsec ul li .select .megamenu.models .mega {
width: 720px;
}
}
.banform .tabwraper .tabsec ul li.zip {
float: none;
width: 96% !important;
margin: 0 auto;
clear: both;
background: #fff;
padding: 20px 0 0;
position: relative;
}
.banform .tabwraper .tabsec ul li.zip input[type='text'] {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
height: 50px;
line-height: 48px;
border: solid 1px #e1e1e1;
border-radius: 5px;
-webkit-appearance: none;
outline: none;
box-shadow: none;
}
.banform .tabwraper .tabsec ul li.zip:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 100%;
height: 1px;
background: #e1e1e1;
}
.banform .tabwraper .tabsec .index-button {
display: block;
width: 96%;
cursor: pointer;
text-align: center;
height: 60px;
border-radius: 5px;
background: #3e70fc;
padding: 0;
margin: 10px auto 0;
color: #fff;
-webkit-appearance: none;
outline: none;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
border: none;
}
@media screen and (max-width: 480px) {
.banform .tabwraper .tabsec .index-button {
height: 45px;
}
}
.banform .tabwraper .tabsec .index-button:disabled {
display: block;
width: 96%;
text-align: center;
height: 60px;
border-radius: 5px;
background: #3e70fc;
padding: 0;
margin: 10px auto 0;
color: #fff;
-webkit-appearance: none;
outline: none;
box-shadow: none;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
border: none;
cursor: not-allowed;
opacity: 0.3;
}
@media screen and (max-width: 480px) {
.banform .tabwraper .tabsec .index-button:disabled {
height: 45px;
}
}
.banform .tabwraper #tb2 ul li {
width: 33.33%;
}
.banform .tabwraper #tb2 ul .rear {
width: 100% !important;
margin: 0;
}
.banform .tabwraper #tb2 ul .rear .diffsize {
cursor: pointer;
position: relative;
display: table;
width: 100%;
}
.banform .tabwraper #tb2 ul .rear .diffsize div {
display: table-cell;
vertical-align: middle;
border: none;
height: 55px;
outline: none;
font-size: 16px;
font-weight: 700;
padding-left: 60px;
}
@media screen and (max-width: 480px) {
.banform .tabwraper #tb2 ul .rear .diffsize div {
font-size: 11px;
}
}
.banform .tabwraper #tb2 ul .rear .diffsize:before {
content: '';
position: absolute;
left: 15px;
top: 10px;
width: 33px;
height: 33px;
filter: invert(50%);
background: url('https://d19pbi8vkdue6m.cloudfront.net/png/plus.png')
no-repeat center center;
pointer-events: none;
}
.howitwork {
background: #fff;
text-align: center;
}
.howitwork .howork {
padding: 50px 0;
border-radius: 5px;
box-shadow: 0px 0px 40px 1px #ccc;
margin: -380px 0 60px;
background: #fff;
position: relative;
}
@media screen and (max-width: 1024px) {
.howitwork .howork {
margin: -110px 0 60px;
}
}
@media screen and (max-width: 599px) {
.howitwork .howork {
margin: -10px 0 60px;
}
}
.howitwork .howork h1 {
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
}
@media screen and (max-width: 1024px) {
.howitwork .howork h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.howitwork .howork h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.howitwork .howork h1 {
font-size: 22px;
}
}
.howitwork .howork h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
.howitwork .howork .box {
margin: 0 0 20px;
}
}
.howitwork .howork .box figure {
margin: 0 0 20px;
display: block;
}
.howitwork .howork .box .count {
position: relative;
}
.howitwork .howork .box .count span {
display: block;
font-size: 120px;
line-height: normal;
text-align: center;
color: #f6f6f6;
font-weight: 700;
}
.howitwork .howork .box .count h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
text-transform: uppercase;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
text-align: center;
width: 100%;
}
.howitwork .howork a.btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 60px;
line-height: 60px;
border-radius: 5px;
color: #fff;
font-size: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
width: 540px;
margin: 90px auto 0;
}
@media screen and (max-width: 599px) {
.howitwork .howork a.btn {
width: 96%;
margin: 20px auto 0;
}
}
@media screen and (max-width: 480px) {
.howitwork .howork a.btn {
width: 96%;
height: 45px;
line-height: 45px;
margin: 20px auto 0;
}
}
.whychooseus .whyus {
margin: 0 auto;
}
.whychooseus .whyus .box .count h3 {
transform: none;
-moz-transform: none;
-webkit-transform: none;
position: static;
margin: 0 0 30px;
}
.tiredel {
margin: 0 0 100px;
}
.tiredel .tabwrap {
width: 720px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.tiredel .tabwrap {
width: 100%;
}
}
.tiredel .tabwrap .tab {
text-align: center;
margin: 0 0 50px;
}
.tiredel .tabwrap .tab ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-shadow: 0px 0px 40px 1px #ccc;
float: left;
border-radius: 5px;
overflow: hidden;
}
.tiredel .tabwrap .tab ul li {
float: left;
width: 50%;
}
.tiredel .tabwrap .tab ul li a {
display: block;
line-height: 60px;
text-align: center;
font-size: 20px;
font-weight: 700;
color: #b6b6b6;
}
@media screen and (max-width: 767px) {
.tiredel .tabwrap .tab ul li a {
font-size: 17px;
}
}
@media screen and (max-width: 599px) {
.tiredel .tabwrap .tab ul li a {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.tiredel .tabwrap .tab ul li a {
font-size: 13px;
line-height: 18px;
padding: 8px 0;
}
}
.tiredel .tabwrap .tab ul li.active a {
color: #2e2b2a;
}
.tiredel .tabwrap .tabsection .tabcont {
display: none;
}
.tiredel .tabwrap .tabsection .tabcont img {
display: block;
margin: 0 auto 50px;
max-width: 100%;
height: auto;
}
.tiredel .tabwrap .tabsection #tab1 {
display: block;
}
.tiredel .tabwrap p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
text-align: center;
}
.popularbrands {
padding: 100px 0 0px;
margin: -90px 0 0;
}
.popularbrands .brands figure {
margin: 0 0 70px;
line-height: 0;
}
.popularbrands .brands figure img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.popularbrands a.btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 60px;
line-height: 60px;
border-radius: 5px;
color: #fff;
font-size: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
width: 540px;
display: block;
}
@media screen and (max-width: 599px) {
.popularbrands a.btn {
width: 96%;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
.popularbrands a.btn {
width: 96%;
margin: 0 auto;
height: 45px;
line-height: 45px;
}
}
@media screen and (max-width: 1023px) {
.bigscreen-form {
display: none;
}
}
@media screen and (min-width: 1024px) {
.smallscreen-form {
display: none;
}
}
ul#smallscreen-select {
padding: 0 15px 0 15px !important;
}
#smallscreen-select select {
border: solid 2px #e1e1e1 !important;
}
.smallscreen-select {
padding: 0 15px 0 15px !important;
}
.smallscreen-select select {
border: solid 2px #e1e1e1 !important;
}
footer {
min-height: 100vh;
}
footer #footer-payment {
border-bottom: solid 2px #464342;
font-family: 'Open Sans', sans-serif;
color: #f5f8fa;
text-align: center;
line-height: normal;
padding-bottom: 5px;
padding-top: 5px;
}
footer #footer-payment .seals {
display: inline-block;
padding-bottom: 5px;
}
footer #footer-payment .footer-h {
font-size: 16px;
font-weight: 700;
}
footer #footer-payment .footer-p {
font-size: 14px;
font-weight: 400;
}
footer #footer-payment .card-brands {
font-size: 3.5em;
}
@media screen and (max-width: 480px) {
footer #footer-payment .card-brands {
font-size: 2.75em;
}
}
footer #footer-payment .card-brands i {
padding: 3px;
}
footer .helpcont {
padding: 80px 0 0;
}
footer .helpcont .helpsec {
width: 720px;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 1024px) {
footer .helpcont .helpsec {
width: 100%;
}
}
footer .helpcont .helpsec p {
margin: 0 0 30px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: #515052;
font-weight: 400;
}
footer .helpcont .helpsec p a {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 24px;
line-height: normal;
color: #2e2b2a;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 480px) {
footer .helpcont .helpsec p a {
font-size: 15px;
}
}
footer .helpcont .helpsec p span {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
}
@media screen and (max-width: 480px) {
footer .helpcont .helpsec p span {
display: block;
text-align: center;
}
}
footer .footerlast {
border-top: solid 10px #3e70fc;
background: #2e2b2a;
}
footer .footerlast .footcont {
padding: 15px 0;
border-bottom: solid 2px #464342;
}
footer .footerlast .footcont .footer-logo {
padding-bottom: 20px;
}
footer .footerlast .footcont .flogo {
margin: 0 auto;
width: 300px;
}
@media screen and (max-width: 1024px) {
footer .footerlast .footcont .flogo {
width: 150px;
}
}
@media screen and (max-width: 767px) {
footer .footerlast .footcont .flogo {
width: 150px;
margin: 0 auto 10px;
}
}
footer .footerlast .footcont .flogo a {
display: block;
}
footer .footerlast .footcont .flogo a img {
display: block;
width: 100%;
height: auto;
}
footer .footerlast .footcont .links {
text-align: center;
}
footer .footerlast .footcont .links ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
footer .footerlast .footcont .links ul li {
text-align: center;
display: block;
margin: 0 20px 0 0;
}
footer .footerlast .footcont .links ul li h3 {
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 18px;
line-height: normal;
color: #f5f8fa !important;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding: 0 0 10px;
}
footer .footerlast .footcont .links ul li h3:before {
content: '';
position: absolute;
width: 50px;
height: 3px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
@media screen and (max-width: 480px) {
footer .footerlast .footcont .links ul li {
margin: 0 12px 0 0;
}
}
footer .footerlast .footcont .links ul li a {
display: block;
color: #f5f8fa;
line-height: 32px;
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 1024px) {
footer .footerlast .footcont .links ul li a {
font-size: 15px;
}
}
@media screen and (max-width: 480px) {
footer .footerlast .footcont .links ul li a {
font-size: 12px;
}
}
footer .footerlast .footcont .social {
text-align: center;
}
footer .footerlast .footcont .social ul {
margin-left: -40px;
padding: 0;
list-style: none;
display: inline-block;
}
footer .footerlast .footcont .social li {
float: left;
margin: 20px 20px 0px 20px;
}
footer .footerlast .footcont .social li:last-child {
margin-right: 0;
}
footer .footerlast .footcont .social li a {
color: #fff;
font-size: 20px;
line-height: normal;
}
footer .footerlast .footcont .social li a:hover {
color: #3e70fc;
}
footer .copyright p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: rgba(255, 255, 255, 0.5);
font-weight: 600;
text-align: center;
margin: 0;
padding: 30px 0;
}
@media screen and (max-width: 480px) {
footer .copyright p {
padding: 12px 0;
font-size: 12px;
}
}
.ourmission {
padding: 70px 0 45px;
text-align: center;
}
.ourmission h1 {
margin: 0 0 35px;
}
.pillars {
background: #3e70fc;
padding: 55px 0 85px;
}
.pillars h1 {
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #fff;
font-weight: 900;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.pillars h1 {
font-size: 25px;
}
}
.pillars h1:before {
background: rgba(255, 255, 255, 0.5);
}
.pillars figure {
margin: 0 0 20px;
padding: 0;
line-height: 0;
}
.pillars figure img {
display: block;
margin: 0 auto;
}
.pillars .count {
position: relative;
}
.pillars .count span {
display: block;
font-size: 120px;
line-height: normal;
text-align: center;
color: rgba(255, 255, 255, 0.1);
font-weight: 700;
}
.pillars .count h3,
.pillars .count h2 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
color: #fff;
font-weight: 700;
text-transform: uppercase;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
text-align: center;
width: 100%;
}
.tireindus {
background: #f6f6f6;
}
.tireindus .tireindustry {
padding: 50px 0;
background: #fff;
border-radius: 8px;
margin: -30px 0 0;
box-shadow: 0px 15px 50px 2px #999;
}
.tireindus .tireindustry .datacont {
text-align: justify;
width: 800px;
margin: 0 auto;
}
@media screen and (max-width: 1024px) {
.tireindus .tireindustry .datacont {
width: 100%;
padding: 0 20px;
}
}
.tireindus .tireindustry .datacont h1 {
margin: 0 0 35px;
}
.tireindus .tireindustry .datacont p {
margin: 0 0 24px;
}
.tireindus .tireindustry .datacont a.video {
display: block;
margin: 85px auto 0;
}
.tireindus .tireindustry .datacont a.video img {
display: block;
width: 100%;
height: auto;
}
.ourhistory {
padding: 105px 0;
box-shadow: 0 12px 135px 0 #ccc inset;
margin: -45px 0 0;
}
.ourhistory p {
max-width: 900px;
margin: 0 auto 24px;
text-align: justify;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
font-weight: 400;
color: #515052;
}
.leadership {
padding: 60px 0 20px;
}
.leadership .medium-4:nth-child(4n) {
float: left;
}
.leadership .teamember {
text-align: justify;
margin: 0 0 60px;
}
.leadership .teamember h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
text-transform: uppercase;
margin: 0 0 15px;
}
.leadership .teamember h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
font-weight: 600;
color: #515052;
margin: 0 0 15px;
}
.leadership .teamember p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #515052;
font-weight: 400;
}
.popularbrands.nomargin {
margin: 0;
}
.search-reset {
display: inline-block;
background: #3e70fc;
padding: 0 12px;
line-height: 45px;
border-radius: 5px;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
width: 162px;
padding: 0 12px;
}
.oe-spec-product {
text-align: center;
font-family: 'Open Sans', sans-serif, sans-serif;
font-size: 20px;
line-height: 40px;
font-weight: 600;
color: #fff;
background-color: #6c6b6d;
margin-top: -25px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 10px;
}
@media screen and (max-width: 39.9375em) {
.oe-spec-product {
font-size: 14px;
}
}
.bmw {
background: #ededed;
}
.bmw .make-logo-container {
text-align: center;
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
.bmw .make-logo-container img {
height: 60px;
}
.bmw .banner-row {
padding-top: 5px;
padding-bottom: 5px;
}
.bmw .equipmentsize {
text-align: center;
position: relative;
}
@media screen and (min-width: 40em) {
.bmw .equipmentsize {
top: 50%;
transform: perspective(1px) translateY(-50%);
}
}
.bmw .equipmentsize h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #8d8d8d;
}
@media screen and (max-width: 39.9375em) {
.bmw .equipmentsize h6 {
margin-top: 5px;
}
}
.bmw .equipmentsize h5 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
text-transform: uppercase;
}
@media screen and (max-width: 39.9375em) {
.bmw .equipmentsize h5 {
margin-bottom: 5px;
}
}
.bmw .changecar {
text-align: center;
}
@media screen and (max-width: 39.9375em) {
.bmw .changecar {
margin-bottom: 10px;
}
}
@media screen and (min-width: 40em) {
.bmw .changecar {
padding-right: 10px;
text-align: right;
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
}
.bmw .changecar a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #3e70fc;
}
.recomended {
padding: 30px 0;
}
.recomended .viewall {
display: block;
text-align: center;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #3e70fc;
}
@media screen and (max-width: 1024px) {
.recomended .viewall {
margin-top: 20px;
}
}
.tireslider {
margin: 0 -10px;
}
.tireslider .slick-slide {
padding: 0 10px;
border: none;
outline: none;
}
.tireslider .slick-dots {
text-align: center;
margin: 10px 0 0 0px;
}
.tireslider .slick-dots li {
display: inline-block;
margin: 0 10px 0 0;
}
.tireslider .slick-dots li:last-child {
margin: 0;
}
.tireslider .slick-dots li button {
width: 15px;
height: 15px;
padding: 0;
margin: 0;
border: none;
outline: none;
box-shadow: none;
-webkit-appearance: none;
border-radius: 50%;
background: #efefef;
font-size: 0;
}
.tireslider .slick-dots li.slick-active button {
background: #3e70fc !important;
}
.tiretitle h2 {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
text-transform: uppercase;
margin: 0 0 18px;
}
.tiretype {
overflow: hidden;
border-radius: 5px;
border: solid 1px #ececec;
}
.tiretype .title {
text-align: center;
background: #6c6b6d;
}
.tiretype .title h4 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: 40px;
font-weight: 600;
color: #fff;
display: inline-block;
}
.tiretype .title .prev-slide {
color: #fff;
float: left;
padding-left: 20px;
display: inline-block;
cursor: pointer;
}
.tiretype .title .next-slide {
color: #fff;
float: right;
padding-right: 20px;
display: inline-block;
cursor: pointer;
}
.tiretype .about-tire {
position: relative;
padding: 15px;
}
.tiretype .about-tire div:hover h3,
.tiretype .about-tire div:hover h6 {
color: #3e70fc;
}
.tiretype .about-tire .topicons {
position: absolute;
right: 15px;
top: 10px;
}
.tiretype .about-tire .topicons ul li {
float: left;
margin: 0 10px 0 0;
}
.tiretype .about-tire .topicons ul li img {
margin: 0;
}
.tiretype .about-tire .topicons ul li:last-child {
margin-right: 0;
}
.tiretype .about-tire h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
text-transform: uppercase;
}
.tiretype .about-tire h3 {
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.tiretype .about-tire h3 {
font-size: 20px;
}
}
.tiretype .about-tire img.tire {
display: block;
max-height: 170px;
}
.tiretype .about-tire .tirepricing ul {
margin: 0;
padding: 0 0 15px;
}
.tiretype .about-tire .tirepricing ul li {
margin: 0 0 5px;
}
.tiretype .about-tire .tirepricing ul li .price {
float: left;
position: relative;
top: -4px;
}
.tiretype .about-tire .tirepricing ul li .price label {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
line-height: 1;
font-weight: 700;
color: #2e2b2a;
padding-bottom: 4px;
}
.tiretype .about-tire .tirepricing ul li .price span {
display: block;
font-size: 12px;
line-height: normal;
color: rgba(43, 48, 61, 0.5);
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.tiretype .about-tire .tirepricing ul li .quantity {
float: right;
position: relative;
}
.tiretype .about-tire .tirepricing ul li .quantity:before {
content: '';
position: absolute;
right: 6px;
top: 13px;
width: 13px;
height: 13px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-downarrow.svg')
no-repeat center center;
pointer-events: none;
}
.tiretype .about-tire .tirepricing ul li .quantity select {
background: none;
}
.tiretype .about-tire .tirepricing ul li:last-child {
margin: 0;
}
/* .alltires.allwheels {
margin-top: 30px;
} */
.alltires h1 {
margin: 0 0 45px;
}
.alltires .filterwrap {
display: block;
padding: 30px 20px;
background: #fff;
border: solid 1px #e2e2e2;
border-radius: 5px;
position: relative;
}
@media screen and (max-width: 1024px) {
.alltires .filterwrap {
display: none;
margin-bottom: 20px;
padding: 15px 20px;
clear: both;
font-size: 22px;
}
}
.alltires .filterwrap .sortby {
margin: 0 0 30px;
}
@media screen and (max-width: 1024px) {
.alltires .filterwrap .sortby {
margin-bottom: 10px;
}
}
.alltires .filterwrap .sortby select {
height: 55px;
border: solid 1px #e2e2e2;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 600;
color: #515052;
}
.alltires .filterwrap .filterby {
margin: 0 0 40px;
}
@media screen and (max-width: 1024px) {
.alltires .filterwrap .filterby {
margin-bottom: 10px;
}
}
.alltires .filterwrap .filterby .range {
margin: 0;
}
.alltires .filterwrap .filterby .range h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #8d8d8d;
margin: 0 0 25px;
}
.alltires .filterwrap .filterby .filterlist {
/* Customize the label (the container) */
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.alltires .filterwrap .filterby .filterlist ul {
margin: 0;
padding: 0;
list-style: none;
}
.alltires .filterwrap .filterby .filterlist ul li {
border-radius: 3px;
border: solid 0.8px #e2e2e2;
margin-bottom: 8px;
}
.alltires .filterwrap .filterby .filterlist ul li a {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #2e2b2a;
line-height: normal;
padding: 10px;
position: relative;
}
.alltires .filterwrap .filterby .filterlist ul li a:before {
content: '';
position: absolute;
right: 10px;
top: 14px;
width: 15px;
height: 15px;
background: url(https://d19pbi8vkdue6m.cloudfront.net/svg/icon-rightangle.svg)
no-repeat center center;
transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.alltires .filterwrap .filterby .filterlist ul li a:before {
top: 16px;
}
}
@media screen and (max-width: 767px) {
.alltires .filterwrap .filterby .filterlist ul li a {
padding: 14px 0 14px 18px;
}
}
.alltires .filterwrap .filterby .filterlist ul li .chkcont {
display: none;
}
.alltires .filterwrap .filterby .filterlist ul li.openacc .chkcont {
display: block;
padding-left: 10px;
}
.alltires .filterwrap .filterby .filterlist ul li.openacc a:before {
transform: rotate(90deg);
}
.alltires .filterwrap .filterby .filterlist .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 8px;
cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #2e2b2a;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.alltires .filterwrap .filterby .filterlist .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.alltires .filterwrap .filterby .filterlist .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 4px;
box-shadow: 0px 0px 1px 0px #ccc;
}
.alltires
.filterwrap
.filterby
.filterlist
.container:hover
input
~ .checkmark {
background-color: #fff;
}
.alltires
.filterwrap
.filterby
.filterlist
.container
input:checked
~ .checkmark {
background-color: #3e70fc;
}
.alltires .filterwrap .filterby .filterlist .checkmark:after {
content: '';
position: absolute;
display: none;
}
.alltires
.filterwrap
.filterby
.filterlist
.container
input:checked
~ .checkmark:after {
display: block;
}
.alltires .filterwrap .filterby .filterlist .container .checkmark:after {
left: 7px;
top: 3px;
width: 6px;
height: 11px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.alltires .filterwrap .havequest p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
margin: 0 0 24px;
}
.alltires .filterwrap .havequest p a {
color: #2e2b2a;
}
.alltires a.loadmore {
display: table !important;
margin: 0 auto !important;
padding: 0 0 0 28px !important;
position: relative !important;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-round-arrow.svg')
no-repeat left center !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
line-height: 25px !important;
font-weight: 400 !important;
color: #3e70fc !important;
}
.alltires .alltirewrap .tireinfo {
background: #fff;
padding: 25px 20px;
position: relative !important;
border-radius: 5px;
border: solid 1px #e2e2e2;
overflow: hidden;
margin: 0 0 22px;
min-height: 240px;
position: relative;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo {
padding-bottom: 15px;
}
}
.alltires .alltirewrap .tireinfo .product-search-link:hover {
color: #3e70fc;
cursor: pointer;
}
.alltires .alltirewrap .tireinfo .product-search-link:hover p {
text-decoration: underline;
}
.alltires .alltirewrap .tireinfo .shipping-image {
text-align: right;
}
.alltires .alltirewrap .tireinfo .small-shipping-image {
margin-top: 10px;
text-align: center;
}
.alltires .alltirewrap .tireinfo .wheel-image-container {
text-align: center;
}
@media screen and (max-width: 39.9375em) {
.alltires .alltirewrap .tireinfo .wheel-image-container img {
max-width: 50%;
}
}
.alltires .alltirewrap .tireinfo .wheel-zoom {
width: 80%;
margin: 20px auto;
padding: 5px;
font-size: 12px;
color: #3f70fb;
background-color: white;
text-align: center;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.alltires .alltirewrap .tireinfo .wheel-zoom {
width: 60%;
}
}
@media screen and (max-width: 39.9375em) {
.alltires .alltirewrap .tireinfo .wheel-zoom {
width: 35%;
}
}
.alltires .alltirewrap .tireinfo .wheel-brand {
font-size: 1rem;
}
.alltires .alltirewrap .tireinfo .wheel-name {
font-size: 1.5rem;
font-weight: 700;
}
.alltires .alltirewrap .tireinfo .wheel-property {
font-size: 0.8rem;
}
.alltires .alltirewrap .tireinfo .price-row {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (max-width: 39.9375em) {
.alltires .alltirewrap .tireinfo .price-row {
margin-top: 10px;
margin-bottom: 10px;
}
}
.alltires .alltirewrap .tireinfo .wheel-price {
color: #2e2b2a;
font-family: 'Open Sans', sans-serif;
text-align: right;
padding-right: 10px;
}
.alltires .alltirewrap .tireinfo .wheel-price .price-cost {
font-weight: 700;
font-size: 24px;
line-height: 33px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.alltires .alltirewrap .tireinfo .wheel-price .price-cost {
font-size: 16px;
}
}
.alltires .alltirewrap .tireinfo .wheel-price .price-subtext {
font-size: 12px;
line-height: 17px;
}
@media screen and (max-width: 39.9375em) {
.alltires .alltirewrap .tireinfo .wheel-price {
text-align: left;
}
}
.alltires .alltirewrap .tireinfo .wheel-quantity select {
float: right;
width: auto !important;
margin: 0 !important;
height: 100% !important;
}
.alltires .alltirewrap .tireinfo .wheel-search-cart {
text-align: center;
}
.alltires .alltirewrap .tireinfo .wheel-search-cart button {
display: inline-block;
background: #3e70fc;
padding: 0 12px;
line-height: 45px;
border-radius: 5px;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
width: 100%;
}
@media screen and (max-width: 39.9375em) {
.alltires .alltirewrap .tireinfo .wheel-search-cart button {
width: 75%;
font-size: 16px;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.alltires .alltirewrap .tireinfo .wheel-search-cart button {
width: 65%;
float: right;
padding: 0;
font-size: 12px;
}
}
@media screen and (min-width: 64em) {
.alltires .alltirewrap .tireinfo .wheel-search-cart button {
width: 80%;
float: right;
}
}
.alltires .alltirewrap .tireinfo .wheel-search-cart button img {
display: inline-block;
margin: 0 5px 0 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.alltires .alltirewrap .tireinfo .wheel-search-cart button img {
transform: scale(0.6);
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.alltires .alltirewrap .tireinfo .wheel-finance .payment-plans {
width: 65%;
float: right;
}
}
@media screen and (min-width: 64em) {
.alltires .alltirewrap .tireinfo .wheel-finance .payment-plans {
width: 80%;
float: right;
}
}
.alltires .alltirewrap .tireinfo .wheel-finance #affirm-amount {
padding-top: 10px !important;
}
.alltires .alltirewrap .tireinfo figure {
margin: 0 0 -60px -25px;
padding: 12px;
line-height: 0;
width: 30%;
float: left;
}
@media screen and (max-width: 767px) {
.alltires .alltirewrap .tireinfo figure {
float: none;
margin: 0 0 15px -35px;
}
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo figure {
float: none;
margin: 0 0 5px 0px;
width: 100%;
}
}
.alltires .alltirewrap .tireinfo figure img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo figure img {
width: 30%;
margin: 0 auto;
}
}
.alltires .alltirewrap .tireinfo .tireabout {
padding-top: 0px;
width: 70%;
float: right;
}
@media screen and (max-width: 767px) {
.alltires .alltirewrap .tireinfo .tireabout {
width: auto;
float: none;
}
}
@media screen and (min-width: 600px) {
.alltires .alltirewrap .tireinfo .tireabout {
padding-top: 15px;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing:hover .spec h4,
.alltires .alltirewrap .tireinfo .tireabout .rowpricing:hover .spec h5 {
color: #3e70fc;
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing {
border-bottom: solid 1px #e2e2e2;
margin: 0 0 15px;
padding: 0 0 15px;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing {
padding-top: 0px;
padding-bottom: 10px;
margin-bottom: 10px;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec h6 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #8d8d8d;
line-height: normal;
}
@media screen and (max-width: 1194px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec {
width: 55%;
}
}
@media screen and (max-width: 1024px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec {
width: 60%;
}
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec {
width: auto;
float: none;
padding-bottom: 0px;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec + .column {
padding-left: 0;
}
@media screen and (max-width: 1194px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec + .column {
width: 45%;
}
}
@media screen and (max-width: 1024px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec + .column {
width: 40%;
}
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .spec + .column {
width: auto;
float: none;
padding-left: 0.9375rem;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .tirepricing ul {
margin: 0;
padding: 0 0 0;
}
.alltires .alltirewrap .tireinfo .tireabout .rowpricing .tirepricing ul li {
margin: 0 0 5px;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.price {
float: left;
position: relative;
}
@media screen and (max-width: 1194px) {
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.price {
margin-bottom: 5px;
}
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.price
label {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.price
span {
display: block;
font-size: 14px;
line-height: normal;
color: rgba(43, 48, 61, 0.5);
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.quantity {
float: right;
position: relative;
top: 8px;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.quantity:before {
content: '';
position: absolute;
right: 6px;
top: 13px;
width: 13px;
height: 13px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-downarrow.svg')
no-repeat center center;
pointer-events: none;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li
.quantity
select {
background: none;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
ul
li:last-child {
margin: 0;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
button.cart {
display: inline-block;
background: #3e70fc;
padding: 0 12px;
line-height: 45px;
border-radius: 5px;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
width: 162px;
}
.alltires
.alltirewrap
.tireinfo
.tireabout
.rowpricing
.tirepricing
button.cart
img {
display: inline-block;
margin: 0 10px 0 0;
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart #affirm-amount {
padding-top: 10px !important;
}
@media screen and (max-width: 1194px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .list {
width: 60%;
}
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .list {
width: auto;
float: none;
font-size: 12px;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap {
text-align: center !important;
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap .spec h6 {
padding-top: 5px;
font-family: 'Open Sans', sans-serif;
padding-top: 3px;
font-size: 14px;
font-weight: 700;
color: #8d8d8d;
line-height: normal;
text-align: center;
padding-right: 0.9375rem;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap .spec h6 {
padding-left: 0.9375rem;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap .ship-cart {
text-align: center !important;
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap .ship-cart img {
float: none;
max-height: 60px;
padding-top: 12px;
padding-right: 0.9375rem;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap .ship-cart img {
padding-left: 0.9375rem;
}
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap button.cart {
display: inline-block;
background: #3e70fc;
padding: 0 12px;
line-height: 45px;
border-radius: 5px;
color: #fff;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
cursor: pointer;
width: 162px;
margin: 0 0 0 -10px;
text-align: center;
}
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap button.cart img {
display: inline-block;
margin: 0 10px 0 0;
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap button.cart {
margin-left: 0;
}
}
@media screen and (max-width: 1194px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap {
width: 40%;
}
}
@media screen and (max-width: 1024px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap {
text-align: right;
}
}
@media screen and (max-width: 480px) {
.alltires .alltirewrap .tireinfo .tireabout .rowcart .btnwrap {
width: auto;
float: none;
text-align: left;
}
}
.filter_btn {
display: none;
height: 40px;
line-height: 40px;
-webkit-appearance: none;
box-shadow: none;
background: #515052
url('https://d19pbi8vkdue6m.cloudfront.net/svg/toggle-lines.svg') no-repeat
10px center;
background-size: 20px auto;
color: #fff;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 0 15px;
padding-left: 40px;
cursor: pointer;
margin-top: 0px;
}
@media screen and (max-width: 1024px) {
.filter_btn {
display: block;
clear: both;
}
}
.range {
padding-bottom: 40px;
color: #2e2b2a;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.range .irs-grid {
display: none;
}
.range .irs-bar {
height: 3px;
background: #3e70fc;
border-radius: 2px;
top: 0;
}
.range .irs-line {
height: 3px;
background: #e5e5e5;
border-radius: 2px;
}
.range .irs-min,
.range .irs-max {
display: none;
}
.range .irs-slider.from {
width: 15px;
height: 15px;
border-radius: 50%;
background: #3e70fc;
position: absolute;
left: -15px;
top: -6px;
}
.range .irs-slider.to {
width: 15px;
height: 15px;
border-radius: 50%;
background: #3e70fc;
position: absolute;
right: -15px;
top: -6px;
}
.range .irs-from,
.range .irs-to {
display: none;
}
.range .irs-single {
display: block !important;
visibility: visible !important;
right: 0 !important;
left: auto !important;
top: -46px !important;
}
.mobile-sidebar {
margin-top: -25px;
}
.overlay {
position: sticky;
top: 0px;
padding: 0;
margin-top: 0;
height: 40px;
}
.overlay .overlay-content {
height: 40px;
overflow: scroll;
}
@media only screen and (max-width: 769px) {
.mobile_padding {
margin-top: 15px;
}
.mobile-recommended {
margin-top: 30px;
}
.bmw-mobile-margin {
margin-top: 40px;
}
}
#mobile-filter {
position: sticky;
z-index: 999;
top: 146.55px;
}
#mobile-filter .filterwrap {
box-shadow: 0px 2px #515052;
display: none;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
max-height: 300px;
overflow: auto;
}
#mobile-filter.wheel-mobile-filter-top {
top: 91.55px;
}
#mobile-filter-caret {
padding-left: 5px;
}
.shipping {
padding: 30px 0 50px;
}
.shipping .address-text {
font-family: 'Open Sans', sans-serif;
padding-bottom: 10px;
text-align: center;
}
@media screen and (max-width: 480px) {
.shipping .lastrow {
margin-top: 0px;
}
}
.shipping .lastrow .back {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
background: #fff;
font-size: 16px;
color: #b6b6b6;
font-weight: 700;
border: solid 1px #e2e2e2;
line-height: 53px;
width: 280px;
text-align: center;
transition: ease-in all 0.3s;
}
.shipping .lastrow .back:hover {
background: #3e70fc;
color: #fff;
border: solid 1px #3e70fc;
}
.shipping .field label {
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 45px;
font-weight: 600;
color: #2e2b2a;
text-align: right;
width: 30%;
float: left;
}
@media screen and (max-width: 1194px) {
.shipping .field label {
width: 25%;
}
}
@media screen and (max-width: 480px) {
.shipping .field label {
width: auto;
line-height: normal;
padding-bottom: 6px;
text-align: left;
float: none;
}
}
.shipping .field .back {
width: 100%;
}
.shipping .field .submit {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
width: 280px;
padding: 0;
margin-left: auto;
display: block;
cursor: pointer;
}
.shipping .summary {
padding: 15px;
border: solid 1px #e2e2e2;
border-radius: 5px;
background: #fff;
}
.shipping .summary p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #8d8d8d;
margin: 0 0 8px;
}
.shipping .summary p strong {
font-weight: 600;
color: #515052;
}
.shipping .summary ul li {
border-bottom: solid 1px #e2e2e2;
margin: 0 0 10px;
}
.shipping .summary ul li:last-child {
border-bottom: none;
}
@media screen and (max-width: 480px) {
.shipping {
padding: 20px 0;
}
}
.shipping h1 {
margin: 0 0 30px;
}
.shipping .methods {
text-align: center;
margin: 0 0 16px;
}
.shipping .methods ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.shipping .methods ul li {
float: left;
position: relative;
padding: 0 0 0 50px;
margin: 0 20px 0 0;
}
.shipping .methods ul li img {
display: block;
position: absolute;
left: 0;
top: -8px;
}
@media screen and (max-width: 480px) {
.shipping .methods ul li img {
width: 30px;
}
}
.shipping .methods ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 480px) {
.shipping .methods ul li {
font-size: 10px;
padding-left: 32px;
margin-right: 12px;
}
}
.shipping .shipform {
/* Customize the label (the container) */
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.shipping .shipform .field label {
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 45px;
font-weight: 600;
color: #2e2b2a;
text-align: right;
width: 30%;
float: left;
}
@media screen and (max-width: 1194px) {
.shipping .shipform .field label {
width: 25%;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .field label {
width: auto;
line-height: normal;
padding-bottom: 6px;
text-align: left;
float: none;
}
}
.shipping .shipform .field .iptext {
width: 100%;
float: right;
height: 45px;
background: #fff;
border-radius: 5px;
box-shadow: none;
outline: none;
-webkit-appearance: none;
padding: 0 10px;
box-sizing: border-box;
line-height: 43px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #515052;
}
@media screen and (max-width: 1194px) {
.shipping .shipform .field .iptext {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.shipping .shipform .field .iptext {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .field .iptext {
width: 100%;
float: none;
}
}
.shipping .shipform .field .checkwrap label {
width: 100%;
float: none;
text-align: left;
margin: 0;
line-height: 55px;
}
@media screen and (max-width: 767px) {
.shipping .shipform .field .checkwrap label {
line-height: normal;
}
}
.shipping .shipform .field .back {
width: 100%;
}
.shipping .shipform .field .submit {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
width: 100%;
padding: 0;
margin-left: auto;
display: block;
cursor: pointer;
}
.shipping .shipform h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #515052;
margin: 0 0 15px;
}
.shipping .shipform .lastrow {
margin-top: 10px;
}
@media screen and (max-width: 480px) {
.shipping .shipform .lastrow {
margin-top: 0px;
}
}
.shipping .shipform .lastrow .back {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
background: #fff;
font-size: 16px;
color: #b6b6b6;
font-weight: 700;
border: solid 1px #e2e2e2;
line-height: 53px;
width: 100%;
text-align: center;
transition: ease-in all 0.3s;
}
.shipping .shipform .lastrow .back:hover {
background: #3e70fc;
color: #fff;
border: solid 1px #3e70fc;
}
.shipping .shipform .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 8px;
cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #2e2b2a;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.shipping .shipform .container input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.shipping .shipform .checkmark {
position: absolute;
top: 17px;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
box-shadow: 0px 0px 1px 0px #000;
}
@media screen and (max-width: 767px) {
.shipping .shipform .checkmark {
top: 0;
}
}
.shipping .shipform .container:hover input ~ .checkmark {
background-color: #fff;
}
.shipping .shipform .container input:checked ~ .checkmark {
background-color: #3e70fc;
}
.shipping .shipform .checkmark:after {
content: '';
position: absolute;
display: none;
}
.shipping .shipform .container input:checked ~ .checkmark:after {
display: block;
}
.shipping .shipform .container .checkmark:after {
left: 7px;
top: 3px;
width: 6px;
height: 11px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
.shipping .shipping_btn {
width: 100%;
max-width: 370px;
margin: 0 auto;
}
}
.tooltip {
max-width: rem-calc(300px) !important;
min-width: 200px !important;
}
.fedex-logo {
margin-bottom: 3px;
height: 2em;
width: 7.2em;
}
.fedex-office {
margin-bottom: 3px;
height: 3.9em;
width: 7.2em;
}
.building-icon {
color: #3e70fc;
font-size: 52px;
fill: #3e70fc;
}
@media screen and (max-width: 480px) {
.building-icon {
font-size: 32px;
}
}
.checkmark2 .tooltip {
width: 300px;
}
.store-info {
float: right;
}
.loc {
width: 100%;
display: inline-block;
vertical-align: middle;
height: 100%;
}
.loc img {
float: right;
}
.loc label.checked {
border: 2px solid #3e70fc;
border-radius: 10px;
}
.loc input[type='radio'] {
display: none;
}
.loc label {
background-color: #f8f8f8;
border-radius: 10px;
padding: 10px;
margin: 10px;
}
.loc label a {
text-decoration: none;
color: #8d8d8d;
}
#location-p,
#preferred-p {
font-weight: 700;
}
.full-location {
display: inline-block;
width: 50%;
}
@media screen and (max-width: 1024px) {
.full-location {
display: inline-block;
width: 100%;
}
}
.installer-full-location {
display: inline-block;
width: 49%;
}
@media screen and (max-width: 1024px) {
.installer-full-location {
display: inline-block;
width: 100%;
}
}
.location-search input {
width: inherit;
height: inherit;
}
.shipping .shipform .radiowrap {
/* Hide the browser's default radio button */
/* Create a custom radio button */
/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
/* Create the indicator (the dot/circle - hidden when not checked) */
/* Show the indicator (dot/circle) when checked */
/* Style the indicator (dot/circle) */
}
.shipping .shipform .radiowrap .method .method1 {
border-radius: 5px;
margin: 0 0 20px;
position: relative;
}
.shipping .shipform .radiowrap .method .method1 .addr {
float: left;
width: 400px;
}
.shipping .shipform .radiowrap .method .method1 .addr img {
max-width: 73px;
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .addr img {
max-width: 100%;
}
}
.shipping .shipform .radiowrap .method .method1 .addr img,
.shipping .shipform .radiowrap .method .method1 .addr h3 {
display: inline-block;
}
.shipping .shipform .radiowrap .method .method1 .addr h3 {
margin-right: 5px;
}
.shipping .shipform .radiowrap .method .method1 .addr p {
text-align: justify;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .addr {
width: auto;
float: none;
padding-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.shipping .shipform .radiowrap .method .method1 .addr .content {
overflow: hidden;
}
}
.shipping .shipform .radiowrap .method .method1 .onsite {
width: 500px;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .onsite {
width: auto;
}
}
.shipping .shipform .radiowrap .method .method1 .pricecont {
float: right;
text-align: right;
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .pricecont h3 {
font-size: 16px;
}
}
.shipping .shipform .radiowrap .method .method1 .fedex-locations {
position: absolute;
left: 135px;
bottom: 0;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .fedex-locations {
left: 18px;
}
}
.shipping .shipform .radiowrap .method .method1 .fedex-locations h4 {
color: #515052;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
padding-bottom: 6px;
}
.shipping .shipform .radiowrap .method .method1 .fedex-locations .locations {
position: relative;
}
.shipping
.shipform
.radiowrap
.method
.method1
.fedex-locations
.locations.open {
position: relative;
z-index: 999999;
display: inline-block;
float: left;
margin: 0 30px 0 0;
position: relative;
width: 100%;
}
.shipping
.shipform
.radiowrap
.method
.method1
.fedex-locations
.locations.open:before {
content: '';
position: absolute;
right: 10px;
top: 16px;
width: 12px;
height: 8px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-downarrow.svg')
no-repeat center center;
pointer-events: none;
}
.shipping
.shipform
.radiowrap
.method
.method1
.fedex-locations
.locations.open
input[type='text'] {
padding: 0 0 0 45px;
background: #ffffff
url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-calendar.svg') no-repeat
8px center;
box-shadow: none;
display: inline-block;
}
.shipping
.shipform
.radiowrap
.method
.method1
.fedex-locations
.locations.open
button {
display: inline-block;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .fedex-locations .locations {
margin-right: 20px;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .fedex-locations .locations {
margin-right: 0;
float: none;
}
}
.shipping .shipform .radiowrap .method .method1 .timedate {
position: absolute;
left: 135px;
bottom: 0;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .timedate {
left: 18px;
}
}
.shipping .shipform .radiowrap .method .method1 .timedate h4 {
color: #515052;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
padding-bottom: 6px;
}
.shipping .shipform .radiowrap .method .method1 .timedate .prefdate {
float: left;
margin: 0 30px 0 0;
width: 220px;
}
.shipping .shipform .radiowrap .method .method1 .timedate .prefdate .cal {
position: relative;
width: 100%;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.prefdate
.cal:before {
content: '';
position: absolute;
right: 10px;
top: 16px;
width: 12px;
height: 8px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-downarrow.svg')
no-repeat center center;
pointer-events: none;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.prefdate
.cal
input[type='text'] {
padding: 0 0 0 45px;
background: #ffffff
url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-calendar.svg') no-repeat
8px center;
box-shadow: none;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .timedate .prefdate {
width: 180px;
margin-right: 20px;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .timedate .prefdate {
width: 220px;
margin-right: 0;
float: none;
}
}
.shipping .shipform .radiowrap .method .method1 .timedate .timerange {
float: left;
width: 220px;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method .method1 .timedate .timerange {
width: 180px;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .timedate .timerange {
width: 220px;
margin-right: 0;
float: none;
}
}
.shipping .shipform .radiowrap .method .method1 .timedate .timerange .time {
position: relative;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time.open {
position: relative;
z-index: 999999;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
span.value {
position: relative;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-time.svg')
no-repeat 8px center;
width: 250px;
padding: 3px 0 0 45px;
display: block;
width: 100%;
border: solid 1px #cacaca;
height: 45px;
border-radius: 5px;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
span.value:before {
content: '';
position: absolute;
right: 10px;
top: 16px;
width: 12px;
height: 8px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-downarrow.svg')
no-repeat center center;
pointer-events: none;
}
.shipping .shipform .radiowrap .method .method1 .timedate .timerange .time ul {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
position: absolute;
top: 100%;
left: 0;
width: 100%;
box-shadow: 0px 0px 4px 1px #ccc;
display: none;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li {
padding: 5px 10px;
border: solid 1px #fff;
margin: 0;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
label {
padding: 10px;
margin: 0;
border-radius: 5px;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
label
span.checkmark {
top: 0;
left: 0;
height: 100%;
width: 100%;
box-shadow: none;
border: solid 1px #fff;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
label
h5 {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #8d8d8d;
font-weight: 400;
position: relative;
z-index: 99;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
label
h5
strong {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #2e2b2a;
font-weight: 600;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
.container
input:checked
~ .checkmark {
background: #3e70fc;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
.container
input:checked
~ .checkmark:after {
display: none;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
.container
input:checked
~ .checkmark
~ h5 {
color: #fff;
position: relative;
z-index: 99;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
.container
input:checked
~ .checkmark
~ h5
strong {
color: #fff;
}
.shipping .shipform .radiowrap .method figure {
position: relative;
float: left;
margin: 0 40px 55px 0;
}
.shipping .shipform .radiowrap .method figure:before {
content: '';
position: absolute;
right: -20px;
top: 0;
height: 100%;
width: 1px;
background: #e2e2e2;
}
.shipping .shipform .radiowrap .method p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #515052;
}
.shipping .shipform .radiowrap .method h3 {
margin: 0 0 5px;
}
.shipping .shipform .radiowrap .summary {
padding: 15px;
border: solid 1px #e2e2e2;
border-radius: 5px;
background: #fff;
}
.shipping .shipform .radiowrap .summary p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #8d8d8d;
margin: 0 0 8px;
}
.shipping .shipform .radiowrap .summary p strong {
font-weight: 600;
color: #515052;
}
.shipping .shipform .radiowrap .summary ul li {
border-bottom: solid 1px #e2e2e2;
margin: 0 0 10px;
}
.shipping .shipform .radiowrap .summary ul li:last-child {
border-bottom: none;
}
.shipping .shipform .radiowrap .summary.free {
display: block;
}
.shipping .shipform .radiowrap .summary.install {
display: none;
}
.shipping .shipform .radiowrap .container2 {
display: block;
position: relative;
padding: 20px 15px;
margin-bottom: 0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: ease-in all 0.3s;
}
.shipping .shipform .radiowrap .on-site {
padding-bottom: 105px;
}
.shipping .shipform .radiowrap .container2 input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.shipping .shipform .radiowrap .checkmark2 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 5px;
transition: ease-in all 0.3s;
border: solid 1px #e2e2e2;
}
.shipping .shipform .radiowrap .container2:hover input ~ .checkmark2 {
border: solid 1px #a7a4a7;
}
.shipping .shipform .radiowrap .container2 input:checked ~ .checkmark2 {
border: solid 3px #3e70fc;
}
.shipping .shipform .radiowrap .checkmark2:after {
content: '';
position: absolute;
display: none;
}
.shipping .shipform .radiowrap .container2 input:checked ~ .checkmark2:after {
display: block;
}
.summary.free {
display: none !important;
}
.summary.install {
display: none !important;
}
.showfree .summary.free {
display: block !important;
}
.showpaid .summary.install {
display: block !important;
}
.ui-datepicker .ui-datepicker-title {
text-align: left;
margin: 0 0 0 12px;
}
.ui-datepicker .ui-datepicker-header {
background: #fff;
border: none;
}
.ui-datepicker-calendar {
border: none;
}
.ui-datepicker-calendar table,
.ui-datepicker-calendar thead,
.ui-datepicker-calendar tbody {
border: none;
}
.ui-datepicker td {
text-align: left !important;
padding: 0.5rem 0.625rem 0.625rem !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
.ui-datepicker-unselectable,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: none;
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
}
table tbody tr:nth-child(even) {
background: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #3e70fc !important;
color: #fff !important;
border-radius: 50%;
padding: 0;
font-weight: bold;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active {
color: #3e70fc !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
color: #3e70fc !important;
}
.ui-datepicker-year {
display: none;
}
.ui-datepicker th {
color: #b6b6b6;
}
.ui-datepicker table thead {
background: none;
border: none;
}
.ui-widget-header .ui-icon {
background: none;
}
.ui-widget-header .ui-icon {
background: none;
}
.ui-datepicker .ui-datepicker-prev {
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/prevarrow.svg')
no-repeat center center !important;
right: 35px !important;
left: auto !important;
}
.ui-datepicker .ui-datepicker-next {
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/nextarrow.svg')
no-repeat center center !important;
}
.ui-state-hover {
border: none !important;
}
.ui-datepicker-next-hover {
right: 2;
}
.ui-datepicker-prev-hover {
left: 2;
}
.timerange .time .value {
color: #8d8d8d;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
}
.timerange .time .value strong {
display: block;
color: #2e2b2a;
font-weight: 600;
line-height: 1;
}
.timerange .time ul {
border-radius: 0 0 5px 5px !important;
border: none !important;
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2) !important;
overflow: hidden;
}
.shipping .shipform .radiowrap .method .method1 .timedate {
visibility: hidden;
opacity: 0;
transition: 0.2s linear;
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .timedate {
bottom: 15px;
}
}
.shipping .shipform .radiowrap .method .method1 .fedex-locations {
visibility: hidden;
opacity: 0;
transition: 0.2s linear;
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method .method1 .fedex-locations {
bottom: 15px;
}
}
.shipping .shipform .radiowrap .on-site {
padding-bottom: 20px;
}
.shipping .shipform .radiowrap .method1.open .on-site {
padding-bottom: 125px;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method1.open .on-site {
padding-bottom: 165px;
}
}
.shipping .shipform .radiowrap .method1.open .on-site.extended {
padding-bottom: 475px;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method1.open .on-site.extended {
padding-bottom: 750px;
}
}
.fedex-locations.extended {
top: 145px;
}
@media screen and (max-width: 1024px) {
.fedex-locations.extended {
top: 230px;
padding-bottom: 720px;
}
}
.shipping .shipform .radiowrap .method1.open .timedate {
visibility: visible;
opacity: 1;
}
.shipping .shipform .radiowrap .method1.open .fedex-locations {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 1024px) {
.shipping .shipform .radiowrap .method p {
overflow: hidden;
}
}
@media screen and (max-width: 1024px) {
.shipping .shipform h3 {
margin-bottom: 10px;
}
}
@media screen and (max-width: 767px) {
.lastrow .field {
margin-bottom: 20px;
text-align: center;
}
}
.shipping .field .submit {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
width: 100%;
padding: 0;
margin-left: auto;
display: block;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.shipping .shipform .field .submit {
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.shipping .shipform .radiowrap .method figure {
width: 60px;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform .radiowrap .method figure {
width: 40px;
}
}
@media screen and (max-width: 480px) {
.shipping .shipform h3 {
font-size: 18px;
}
}
.hide-installer-locations {
display: none;
}
i.tooltip {
padding: 0px 5px;
position: relative;
background: #ffbb99;
cursor: pointer;
}
.tooltip-info {
position: absolute;
top: -9999px;
left: -9999px;
}
i.tooltip::before {
content: attr(data-tooltip);
position: absolute;
top: 1.5em;
font-size: 0.9em;
padding: 1px 5px;
display: none;
color: white;
background: rgba(0, 0, 0, 0.75);
border-radius: 4px;
transition: opacity 0.1s ease-out;
z-index: 99;
text-align: left;
}
i:hover::before {
display: inline-block;
}
[class*='caCheckoutDecline'] {
display: none !important;
}
[class*='caCheckoutPoweredBy'] {
display: none !important;
}
@media screen and (max-width: 39.9375em) {
[class*='caModalBoxHeaderMerchantLogo'] {
height: 26px !important;
}
}
#llapp-container {
z-index: 1300 !important;
height: 100vh !important;
}
@media screen and (max-width: 39.9375em) {
#llapp-container {
height: 90vh !important;
}
}
.row.no-ca-row {
margin-right: auto !important;
margin-left: auto !important;
}
#mobile-checkout-header .row {
margin-right: auto !important;
margin-left: auto !important;
}
.ca-logos {
width: 25%;
text-align: center;
}
@media screen and (max-width: 39.9375em) {
.ca-logos {
width: 50%;
}
}
.ca-text {
text-align: center;
margin-top: 10px;
font-weight: 700;
color: #a8a8a8;
}
.finance-option {
border: 1px solid #a1a1a1;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
border-radius: 5px;
}
.finance-sub-header {
margin-top: 5px;
margin-bottom: 5px;
}
.finance-sub-header .finance-checkout {
padding-left: 5px;
padding-right: 5px;
}
.finance-sub-header .finance-checkout .finance-checkout-button {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
float: right;
width: 75%;
background-color: #3e70fc;
color: #fff;
padding: 5px;
border-radius: 5px;
text-align: center;
}
.finance-sub-header .finance-checkout .finance-checkout-button :hover {
cursor: pointer;
}
@media screen and (max-width: 63.9375em) {
.finance-sub-header .finance-checkout .finance-checkout-button {
width: 100%;
}
}
.finance-sub-header .finance-checkout .finance-checkout-text {
font-weight: 700;
font-size: 14px;
}
.finance-learn-more-content1,
.finance-learn-more-content2,
.finance-learn-more-content3,
.finance-learn-more-content4,
.finance-learn-more-content8 {
display: none;
}
@media screen and (max-width: 39.9375em) {
.finance-learn-more-content1,
.finance-learn-more-content2,
.finance-learn-more-content3,
.finance-learn-more-content4,
.finance-learn-more-content8 {
font-size: 12px;
}
}
.finance-learn-more i {
color: #3e70fc;
}
.finance-learn-more .finance-learn-more-header1,
.finance-learn-more .finance-learn-more-header2,
.finance-learn-more .finance-learn-more-header3,
.finance-learn-more .finance-learn-more-header4,
.finance-learn-more .finance-learn-more-header8 {
margin-top: 5px;
margin-bottom: 5px;
font-size: 14px;
color: #a1a1a1;
font-weight: 700;
text-align: center;
}
.finance-learn-more .finance-learn-more-header1 img,
.finance-learn-more .finance-learn-more-header2 img,
.finance-learn-more .finance-learn-more-header3 img,
.finance-learn-more .finance-learn-more-header4 img,
.finance-learn-more .finance-learn-more-header8 img {
transition: 0.2s ease-in;
position: relative;
top: -1px;
transform: rotate(-90deg);
}
.finance-learn-more .finance-learn-more-header1:hover,
.finance-learn-more .finance-learn-more-header2:hover,
.finance-learn-more .finance-learn-more-header3:hover,
.finance-learn-more .finance-learn-more-header4:hover,
.finance-learn-more .finance-learn-more-header8:hover {
color: #0c4bfb;
}
.finance-learn-more .finance-learn-more-header1.open img,
.finance-learn-more .finance-learn-more-header2.open img,
.finance-learn-more .finance-learn-more-header3.open img,
.finance-learn-more .finance-learn-more-header4.open img,
.finance-learn-more .finance-learn-more-header8.open img {
transform: rotate(0deg);
}
.finance-header {
color: #fff;
text-align: center;
background-color: rgba(62, 112, 252, 0.75);
}
.radiowrap .callout.medium {
padding: 12px;
text-align: justify;
}
.radiowrap .callout.medium .affirm-logo {
padding-top: 35.12px;
padding-bottom: 35.12px;
}
.radiowrap .callout.medium .center {
text-align: center;
}
.radiowrap .callout.medium .center div {
font-weight: bold;
background-color: #3e70fc;
color: #fff;
border-radius: 15px;
padding: 10px;
margin: 3px;
}
@media screen and (max-width: 1024px) {
.radiowrap .callout.medium .center div {
font-size: 0.75em;
}
}
.radiowrap .callout.medium .info {
height: 205px;
}
.radiowrap .callout.medium .info li {
list-style-position: inside;
list-style-type: circle;
}
@media screen and (max-width: 1024px) {
.radiowrap .callout.medium {
padding: 0.5rem;
margin: 0.5rem;
}
.radiowrap .callout.medium .sezzle-logo {
width: 162px;
}
.radiowrap .callout.medium .affirm-logo {
width: 147px;
padding-top: 19.305px !important;
padding-bottom: 19.305px !important;
}
}
.question-header {
text-align: left;
}
@media screen and (max-width: 1024px) {
.question-header {
font-size: 16px;
text-align: center;
}
}
.fa-cc-apple-pay:before {
content: '\f416';
}
.stripe-payment .card-details ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 430px;
position: relative;
}
.stripe-payment .card-details ul:before {
content: '';
position: absolute;
width: 1px;
height: 260px;
right: -80px;
top: 0;
background: #e2e2e2;
}
@media screen and (max-width: 1194px) {
.stripe-payment .card-details ul:before {
right: -15px;
}
}
@media screen and (max-width: 1024px) {
.stripe-payment .card-details ul:before {
display: none;
}
}
@media screen and (max-width: 1024px) {
.stripe-payment .card-details ul {
width: auto;
}
}
@media screen and (max-width: 480px) {
.stripe-payment .card-details ul li .cvv {
padding: 0;
}
}
.stripe-payment .card-details .cardno {
position: relative;
}
.stripe-payment .card-details .cardno:before {
content: '';
position: absolute;
right: 10px;
top: 10px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-visa.svg')
no-repeat center center;
}
.stripe-payment .card-details .iptext {
display: block;
background: #fff;
box-shadow: none;
outline: none;
font-size: 14px;
color: #2b303d;
font-weight: 600;
line-height: 45px;
padding: 0 10px;
}
.stripe-payment .card-details i {
color: #b7b7b7;
}
.stripe-payment .card-details .lock {
padding: 20px 0 0;
}
.stripe-payment .card-details .lock figure img {
margin: 0 0 30px;
}
@media screen and (max-width: 1024px) {
.stripe-payment .card-details .lock figure img {
margin-right: 20px;
}
}
.field2 .submit {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
width: 100%;
margin: 20px 0 0;
}
.shipping .shipform .field .submit {
width: 100%;
transition: 0.25s ease-in;
}
.shipping .shipform .field .submit:hover {
background: #255dfc;
}
@media screen and (max-width: 767px) {
.shipping .shipform .field .submit {
width: 100%;
max-width: 280px;
}
}
@media screen and (max-width: 767px) {
.shipping .shipform .lastrow .back {
width: 100%;
max-width: 280px;
}
}
@media screen and (max-width: 480px) {
.summary .text-right {
padding-left: 0;
}
}
#chex {
margin-bottom: 20px;
}
#chex input[type='radio'] {
display: none;
}
#chex input[type='radio']:not(:disabled) ~ label {
cursor: pointer;
}
#chex label {
font-weight: 700;
color: #3e70fc;
display: inline-block;
background: white;
border: 1px solid #3e70fc;
padding: 0.5rem 1rem;
margin: 0 !important;
text-align: center;
position: relative;
}
@media screen and (max-width: 39.9375em) {
#chex label {
padding: 0.5rem;
}
}
#chex input[type='radio']:checked + label {
background: #3e70fc;
color: #fff;
}
#affirm-payment:hover {
cursor: pointer;
}
#affirm-payment-mobile {
height: 55px !important;
}
.payment-buffer {
padding-bottom: 10px;
}
.cards-list {
margin: 10px 0 !important;
text-align: center;
}
.cards-list img {
height: 2.5em;
}
#radio-apple {
display: none;
}
#radio-google {
display: none;
}
#radio-sezzle {
display: none;
}
.wallet-payment {
display: none;
padding: 30px 0;
}
.paypal-payment {
display: none;
}
.affirm-payment {
float: left !important;
}
.zibby-payment {
float: left !important;
}
.cc-payment {
display: none !important;
}
#sezzle-payment {
float: left !important;
}
.payment_row {
margin-top: 15px;
}
.select-an-option {
margin: 0.5rem;
}
.reviewsection h3 {
border-bottom: solid 1px #f5f5f5;
padding: 0 0 20px;
}
.reviewsection ul {
margin: 0;
padding: 0;
list-style: none;
}
.reviewsection ul li {
border-bottom: solid 1px #f5f5f5;
padding: 0 0 10px;
margin: 0 0 15px;
}
.reviewsection ul li:last-child {
border-bottom: none;
}
.reviewsection ul li .field .back {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
background: #fff;
font-size: 16px;
color: #b6b6b6;
font-weight: 700;
border: solid 1px #e2e2e2;
line-height: 53px;
width: 280px;
text-align: center;
transition: ease-in all 0.3s;
}
.reviewsection ul li .field .back:hover {
background: #3e70fc;
color: #fff;
border: solid 1px #3e70fc;
}
.reviewsection ul li label {
display: block;
font-size: 14px;
line-height: 30px;
color: #b6b6b6;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.reviewsection ul li p {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 30px;
color: #515052;
}
.reviewsection ul li span {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 30px;
color: #515052;
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.reviewsection .card_no {
text-align: left;
}
}
.review-img-box img {
max-height: 150px;
width: auto;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.review-img-box img {
max-height: 125px;
}
}
@media screen and (max-width: 39.9375em) {
.review-img-box img {
max-height: 75px;
}
}
.review-item-details {
text-align: right;
}
.review-item-details .item-brand {
display: block;
font-size: 0.9rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.review-item-details .item-brand {
font-size: 0.8rem;
}
}
@media screen and (max-width: 39.9375em) {
.review-item-details .item-brand {
font-size: 0.7rem;
}
}
.review-item-details .item-model {
display: block;
font-size: 1rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.review-item-details .item-model {
font-size: 0.9rem;
}
}
@media screen and (max-width: 39.9375em) {
.review-item-details .item-model {
font-size: 0.8rem;
}
}
.review-item-details .item-size {
font-size: 1.1rem;
font-weight: 700;
background-color: rgba(62, 112, 252, 0.2);
border-radius: 5px;
display: inline-block;
margin-top: 5px;
padding: 3px;
color: #3e70fc;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.review-item-details .item-size {
font-size: 1rem;
}
}
@media screen and (max-width: 39.9375em) {
.review-item-details .item-size {
font-size: 0.9rem;
}
}
.review-item-details .item-vehicle {
display: block;
font-size: 0.9rem;
margin-top: 10px;
font-weight: 300;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.review-item-details .item-vehicle {
font-size: 0.8rem;
}
}
@media screen and (max-width: 39.9375em) {
.review-item-details .item-vehicle {
font-size: 0.7rem;
}
}
.review-title-border {
position: absolute;
font-size: 24px;
text-align: center;
background-color: #fff;
margin: 10px;
transform: translate(10px, -30px);
padding-left: 10px;
padding-right: 10px;
}
.review-title-text {
border: 2px solid #ececec;
padding: 20px;
border-radius: 5px;
margin-bottom: 24px;
}
.sensor-container {
display: flex;
align-items: center;
}
.sensor-checkbox {
height: 100%;
width: 100%;
}
.sensor-label {
display: inline;
}
@media screen and (max-width: 39.9375em) {
.package-modal-h1 {
margin-top: 160px;
}
}
.disclaimer-rim {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
padding: 5px;
}
@media screen and (max-width: 480px) {
.disclaimer-rim {
font-size: 10px;
}
}
div .payment-plans {
text-align: center;
}
.button {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
background: #3f70fb;
border-radius: 4px;
}
.button:hover,
.button:focus {
background: #3262ec;
}
.button.large {
font-size: 16px;
height: 55px;
line-height: 55px;
padding: 0 15px;
}
.button.large img {
margin-right: 4px;
}
.button.secondary {
background-color: #515052;
color: #fff;
}
.button.secondary:hover {
color: #fff;
background: #383738;
}
.tire_main_info_wrapper {
padding-top: 25px;
padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper {
padding-top: 40px;
padding-bottom: 10px;
}
}
.tire_main_info_wrapper figure {
width: 31%;
float: left;
padding-right: 20px;
}
@media screen and (max-width: 1194px) {
.tire_main_info_wrapper figure {
padding-right: 30px;
}
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper figure {
width: 34%;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper figure {
width: auto;
float: none;
max-width: 240px;
margin: 0 auto;
padding-right: 0;
margin-bottom: 20px;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper figure {
width: 70%;
text-align: center;
}
}
.tire_main_info_wrapper figure .disclaimer-rim {
font-size: 12px;
text-align: left;
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper figure .disclaimer-rim {
font-size: 10px;
text-align: center;
}
}
.tire_main_info_wrapper .info_box {
width: 43%;
float: left;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper .info_box {
width: 62%;
float: right;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper .info_box {
width: auto;
float: none;
margin-bottom: 20px;
}
}
.tire_main_info_wrapper .info_box h6 {
color: #2e2b2a;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
padding-bottom: 6px;
}
.tire_main_info_wrapper .info_box h1 {
color: #2e2b2a;
font-size: 36px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
line-height: normal;
text-align: left;
text-transform: none;
margin: 0;
padding: 0;
padding-bottom: 12px;
}
.tire_main_info_wrapper .info_box h1:before {
display: none;
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper .info_box h1 {
font-size: 32px;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper .info_box h1 {
font-size: 30px;
}
}
.tire_main_info_wrapper .info_box p {
text-align: justify;
color: #515052;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
padding-bottom: 18px;
}
.tire_main_info_wrapper .buy_box {
width: 20%;
float: right;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 1194px) {
.tire_main_info_wrapper .buy_box {
width: 20%;
}
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper .buy_box {
width: auto;
float: none;
clear: both;
height: auto !important;
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper .buy_box {
padding-top: 10px;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper .buy_box {
padding-top: 0;
}
}
.tire_main_info_wrapper .wheel_buy_box {
float: right;
display: flex;
flex-direction: column;
justify-content: center;
}
.tire_main_info_wrapper .wheel_buy_box .tyre_list ul li {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper .wheel_buy_box {
width: auto;
float: none;
clear: both;
height: auto !important;
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper .wheel_buy_box {
padding-top: 10px;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper .wheel_buy_box {
padding-top: 0;
}
}
.inc_benefit_box {
display: flex;
justify-self: flex-end;
margin-top: auto;
padding-top: 20px;
}
@media screen and (max-width: 480px) {
.inc_benefit_box {
flex-direction: column;
}
}
.inc_benefit_box h4 {
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding-bottom: 24px;
text-align: center;
}
@media screen and (max-width: 480px) {
.inc_benefit_box h4 {
font-size: 18px;
padding-bottom: 15px;
}
}
.inc_benefit_box .benefit_box {
width: 81.62%;
float: left;
}
@media screen and (max-width: 480px) {
.inc_benefit_box .benefit_box {
width: 100%;
float: none;
margin-bottom: 20px;
}
}
.inc_benefit_box .benefit_box ul {
justify-content: space-evenly;
padding-right: 25px;
}
@media screen and (max-width: 1194px) {
.inc_benefit_box .benefit_box ul {
padding-right: 15px;
}
}
@media screen and (max-width: 480px) {
.inc_benefit_box .benefit_box ul {
padding-right: 0;
}
}
.inc_benefit_box .type {
width: 18%;
float: right;
text-align: center;
border-left: 1px solid #efefef;
padding-bottom: 8px;
}
@media screen and (max-width: 480px) {
.inc_benefit_box .type {
width: 100%;
float: none;
border: none;
text-align: left;
}
}
.inc_benefit_box .type ul li {
flex: 1;
}
@media screen and (max-width: 480px) {
.inc_benefit_box .type ul li {
display: inline-block !important;
text-align: center;
}
}
.inc_benefit_box ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.inc_benefit_box ul li {
text-align: center;
}
.inc_benefit_box ul li strong {
display: block;
color: #8d8d8d;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
padding-top: 12px;
}
.tyre_list ul {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.tyre_list ul:after {
display: block;
content: '';
clear: both;
}
}
.tyre_list ul li {
border-bottom: 1px solid #efefef;
padding-bottom: 8px;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.tyre_list ul li {
width: 35%;
float: left;
padding-right: 40px;
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.tyre_list ul li {
width: 46%;
float: left;
padding-right: 0;
margin-right: 8%;
}
.tyre_list ul li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.tyre_list ul li {
width: auto;
float: none;
margin-right: 0;
margin-bottom: 15px !important;
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
}
}
.tyre_list ul li:last-child {
border-bottom: none;
margin-bottom: 6px;
}
.tyre_list ul li .in-stock {
padding-bottom: 5px;
}
.tyre_list ul li .model {
padding-bottom: 5px;
}
@media screen and (max-width: 480px) {
.tyre_list ul li .model {
padding-bottom: 5px;
}
}
.tyre_list ul li .model h6 {
color: #2b303d;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 1;
padding-bottom: 0;
}
.tyre_list ul li .model span {
color: rgba(43, 48, 61, 0.5);
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1;
}
.tyre_list ul li .price .content {
float: left;
}
.tyre_list ul li .price strong {
display: block;
color: #2b303d;
font-size: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 1;
padding-bottom: 4px;
}
.tyre_list ul li .price span {
display: block;
color: rgba(43, 48, 61, 0.5);
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1;
}
.tyre_list ul li .price .quantity {
width: 52px;
float: right;
}
.tyre_list ul li .price .quantity select {
margin-bottom: 0;
}
.tyre_list ul li:after {
display: block;
content: '';
clear: both;
}
.tyre_list .button {
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.tyre_list .button {
width: 30%;
float: right;
margin-top: 46px;
}
}
@media screen and (max-width: 767px) {
.tyre_list .button {
float: none;
margin-bottom: 15px;
margin-top: 40px;
width: 300px;
}
}
@media screen and (max-width: 480px) {
.tyre_list .button {
width: 100%;
margin-top: 30px;
}
}
.z-tabs-nav {
text-align: center !important;
position: static !important;
margin-bottom: 36px !important;
}
.z-tabs-nav:after {
display: block;
content: '';
clear: both;
}
.z-tabs-nav li {
display: inline-block !important;
padding: 0 32px !important;
float: none !important;
margin: 0 !important;
top: 0 !important;
position: static !important;
}
@media screen and (max-width: 767px) {
.z-tabs-nav li {
padding: 0 20px !important;
position: relative !important;
margin-bottom: 15px !important;
}
.z-tabs-nav li:after {
display: none;
content: '';
border-bottom: 5px solid #3e70fc;
position: absolute;
width: 100px;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
}
}
.z-tabs-nav li a {
display: block !important;
color: rgba(43, 48, 61, 0.5) !important;
font-size: 20px !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 700 !important;
line-height: 1.95 !important;
background: none !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
transition: 0.2s ease-in;
text-decoration: none;
top: 0 !important;
margin: 0 !important;
}
@media screen and (max-width: 767px) {
.z-tabs-nav li a {
font-size: 18px !important;
}
}
.z-tabs-nav li a:hover {
color: #2b303d !important;
}
.z-tabs-nav li.z-active a {
color: #2b303d !important;
}
@media screen and (max-width: 767px) {
.z-tabs-nav li.z-active:after {
display: block;
}
}
.z-tabs-nav .indicator {
border-bottom: 5px solid #3e70fc;
position: absolute;
width: 100px;
opacity: 0;
margin-top: 44px;
}
@media screen and (max-width: 767px) {
.z-tabs-nav .indicator {
display: none;
}
}
.z-container {
background: none !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
.z-content {
padding: 0 !important;
border: none !important;
box-shadow: none !important;
box-sizing: border-box;
}
.z-content-inner {
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
.specs_box {
background: #f6f6f6;
padding-top: 38px;
overflow: hidden;
}
.specs_box .z-container,
.specs_box .z-content {
overflow: visible !important;
}
.size_table {
box-sizing: border-box;
padding-bottom: 55px;
}
.size_table table {
border: none;
background: none;
margin-bottom: 0;
width: 100% !important;
}
.size_table table thead {
border: none;
background: none;
}
.size_table table thead tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
background: none;
}
.size_table table thead th {
color: #8d8d8d;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400 !important;
line-height: normal;
height: 50px !important;
padding: 4px 8px !important;
min-width: 82px !important;
}
.size_table table thead th:first-child {
padding-left: 32px !important;
width: 170px !important;
}
@media screen and (max-width: 1194px) {
.size_table table thead th:first-child {
padding-left: 8px !important;
width: auto !important;
}
}
.size_table table thead th:nth-child(2) {
width: 110px !important;
}
@media screen and (max-width: 1194px) {
.size_table table thead th:nth-child(2) {
width: auto !important;
}
}
.size_table table thead th:nth-child(5) {
width: 120px !important;
}
@media screen and (max-width: 1194px) {
.size_table table thead th:nth-child(5) {
width: auto !important;
}
}
.size_table table thead th:nth-child(6) {
width: 206px !important;
}
@media screen and (max-width: 1194px) {
.size_table table thead th:nth-child(6) {
width: auto !important;
}
}
@media screen and (max-width: 1194px) {
.size_table table thead th {
width: auto !important;
}
}
.size_table table tbody {
border: none;
background: none;
}
.size_table table tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
background: none;
}
.size_table table tbody tr td {
color: #2e2b2a;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: normal;
height: 50px;
padding: 4px 8px !important;
}
.size_table table tbody tr td:first-child {
padding-left: 32px !important;
}
@media screen and (max-width: 1194px) {
.size_table table tbody tr td:first-child {
padding-left: 8px !important;
}
}
.size_table table tbody tr td span {
color: #8d8d8d;
}
.size_table .q_price {
min-width: 358px;
}
@media screen and (max-width: 480px) {
.size_table .q_price {
min-width: 1px;
}
}
.size_table .q_price .quantity {
width: 50px;
float: left;
margin-right: 14px;
}
@media screen and (max-width: 480px) {
.size_table .q_price .quantity {
float: none;
margin-bottom: 15px;
}
}
.size_table .q_price .quantity select {
margin-bottom: 0;
}
.size_table .q_price .button {
min-width: 142px;
float: left;
margin-left: 10px;
margin-bottom: 0;
}
.size_table .q_price .button:first-of-type {
margin-left: 0;
}
@media screen and (max-width: 1194px) {
.size_table .q_price .button {
min-width: 140px;
}
}
@media screen and (max-width: 480px) {
.size_table .q_price .button {
min-width: 120px;
padding-left: 10px;
padding-right: 10px;
}
}
.size_table .q_price:after {
display: block;
content: '';
clear: both;
}
.title h2 {
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin-bottom: 40px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.title h2 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.title h2 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.title h2 {
font-size: 22px;
}
}
.title h2:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.features_box {
padding-top: 70px;
padding-bottom: 12px;
}
@media screen and (max-width: 480px) {
.features_box {
padding-top: 50px;
}
}
.feature_list figure {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 5px;
float: left;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.feature_list figure {
margin-top: 5px;
}
}
@media screen and (max-width: 480px) {
.feature_list figure {
margin-right: 15px;
}
}
.feature_list figure img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feature_list .content {
overflow: hidden;
}
.feature_list .content h4 {
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.feature_list .content p {
text-align: justify;
color: #515052;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
padding-right: 30px;
}
@media screen and (max-width: 1024px) {
.feature_list .content p {
padding-right: 0;
}
}
.tabs-box {
position: static !important;
}
.helpcont h1 {
margin-bottom: 40px;
}
.front_specs {
box-sizing: border-box;
}
.front_specs h6 {
color: #8d8d8d;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
padding-bottom: 2px;
}
.front_specs h6 img {
margin-left: 2px;
position: relative;
top: -2px;
}
.front_specs strong {
display: block;
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
padding-bottom: 20px;
}
@media screen and (max-width: 1194px) {
.front_specs strong {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.front_specs strong {
font-size: 16px;
padding-bottom: 15px;
}
}
.detailed_specs h5 {
display: inline-block;
color: #3e70fc;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
padding: 10px;
margin-bottom: 12px;
cursor: pointer;
}
.detailed_specs h5 img {
transition: 0.2s ease-in;
position: relative;
top: -1px;
transform: rotate(-90deg);
}
.detailed_specs h5:hover {
color: #0c4bfb;
}
.detailed_specs h5.open img {
transform: rotate(0deg);
}
.detailed_specs .specs_list {
background: #fbfbfb;
position: relative;
padding: 30px 0;
}
.detailed_specs .specs_list ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
@media screen and (max-width: 1194px) {
.detailed_specs .specs_list ul {
display: block !important;
text-align: center;
}
}
.detailed_specs .specs_list ul li {
flex: 1;
border-right: 1px solid #efefef;
}
@media screen and (max-width: 1194px) {
.detailed_specs .specs_list ul li {
display: inline-block;
vertical-align: top;
width: 10%;
min-height: 110px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 1024px) {
.detailed_specs .specs_list ul li {
width: 13%;
}
}
@media screen and (max-width: 767px) {
.detailed_specs .specs_list ul li {
width: 19%;
}
}
@media screen and (max-width: 480px) {
.detailed_specs .specs_list ul li {
width: 30%;
}
}
.detailed_specs .specs_list ul li:last-child {
border-right: none;
}
.detailed_specs .specs_list ul li h6 {
color: #b6b6b6;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: normal;
height: 55px;
display: flex;
justify-content: center;
align-items: flex-end;
margin-bottom: 8px;
}
.detailed_specs .specs_list ul li strong {
display: block;
color: #2e2b2a;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: normal;
padding-bottom: 10px;
}
.toggle-content {
display: none;
}
@media screen and (max-width: 1194px) {
.tiretype .about-tire .tirepricing ul li {
text-align: right;
margin-bottom: 15px;
}
}
@media screen and (max-width: 1194px) {
.tiretype .about-tire .tirepricing ul li .price {
float: none;
margin-right: 0;
margin-bottom: 5px;
}
.tiretype .about-tire .tirepricing ul li .price span br {
display: none;
}
}
@media screen and (max-width: 1194px) {
.tiretype .about-tire .tirepricing ul li .price.recommended-price {
float: left;
margin-right: 0;
margin-bottom: 5px;
}
.tiretype .about-tire .tirepricing ul li .price.recommended-price span br {
display: none;
}
}
@media screen and (max-width: 1194px) {
.tiretype .about-tire .tirepricing ul li .quantity {
display: inline-block;
float: none;
width: 50px;
}
.tiretype .about-tire .tirepricing ul li .quantity select {
margin-bottom: 0;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
table.dataTable {
border-collapse: collapse;
}
table.dataTable .dtr-title {
color: #2e2b2a;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400 !important;
line-height: normal;
padding-bottom: 5px;
}
table.dataTable .dtr-data {
color: #2e2b2a;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: normal;
}
table.dataTable .dtr-details {
padding-top: 5px !important;
}
table.dataTable.collapsed th:first-child {
padding-left: 32px !important;
}
table.dataTable.collapsed td:first-child {
padding-left: 32px !important;
}
table.dataTable.collapsed td:first-child:before {
top: 15px !important;
}
table.dataTable.dtr-inline.collapsed
> tbody
> tr[role='row']
> td:first-child::before,
table.dataTable.dtr-inline.collapsed
> tbody
> tr[role='row']
> th:first-child:before {
background-color: #3e70fc;
}
table.dataTable.dtr-inline.collapsed
> tbody
> tr.parent
> td:first-child::before,
table.dataTable.dtr-inline.collapsed
> tbody
> tr.parent
> th:first-child:before {
background-color: #d33333;
}
.wow {
visibility: hidden;
}
header {
position: sticky;
top: 0;
z-index: 1299;
}
.card-details i {
margin-left: 4px;
}
.cart {
transition: 0.25s ease-in;
}
.cart:hover {
background: #255dfc !important;
}
@media screen and (max-width: 1024px) {
.recomended {
padding-bottom: 40px;
}
}
@media screen and (max-width: 1024px) {
.recomended .boxwraper .column {
margin-bottom: 25px;
}
.recomended .boxwraper .column:last-child {
clear: both;
float: left;
margin-bottom: 0;
}
}
.field2 .submit {
transition: 0.25s ease-in;
cursor: pointer;
}
.field2 .submit:hover {
background: #255dfc !important;
}
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
border-color: #e2e2e2;
background-color: #ffffff !important;
}
.ui-widget.ui-widget-content {
border: none;
border-radius: 5px;
box-shadow: 0 2px 100px 0 rgba(0, 0, 0, 0.2);
}
.ui-datepicker {
width: 380px;
padding: 20px;
z-index: 999;
}
@media screen and (max-width: 480px) {
.ui-datepicker {
width: 85%;
max-width: 380px;
}
}
.ui-datepicker td {
text-align: center;
}
.ui-datepicker td a {
display: inline-block;
color: #515052;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
.ui-datepicker th {
color: #b6b6b6;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
opacity: 0.65;
}
.ui-datepicker .ui-datepicker-month {
color: #2b303d;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li {
padding: 2px 10px;
}
.shipping
.shipform
.radiowrap
.method
.method1
.timedate
.timerange
.time
ul
li
label
span.checkmark {
border: none;
border-radius: 5px;
}
#datepicker {
height: 45px;
line-height: 43px;
}
.tooltip {
background: #ffffff;
border: 1px solid #e5e5e5 !important;
border-radius: 5px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
color: #515052;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: normal;
padding: 6px 10px;
text-align: center;
}
.tooltip:before {
width: 0;
height: 0;
border-style: solid !important;
border-width: 6px 6px 0 6px !important;
border-color: #ffffff transparent transparent transparent !important;
}
.has-tip {
border-bottom: none;
}
.tiretype .about-tire .topicons ul li a .icon {
display: none;
}
.tiretype .about-tire .topicons ul li a:hover .icon {
display: inline-block;
}
.tiretype .about-tire .topicons ul li a:hover .icon_h {
display: none;
}
.rowcart .row ul li a .icon {
display: none;
}
.rowcart .row ul li a:hover .icon {
display: inline-block;
}
.rowcart .row ul li a:hover .icon_h {
display: none;
}
.tiretype .about-tire .topicons ul li {
margin-right: 8px;
}
.banform .tabwraper .tabsec .submit {
cursor: pointer;
transition: 0.25s ease-in;
}
.banform .tabwraper .tabsec .submit:hover {
background: #255dfc;
}
.learn-how {
text-decoration: underline;
color: #3e70fc;
font-size: 0.8rem;
}
.prod-page-btnwrap {
text-align: center !important;
}
.prod-page-btnwrap .prod-page-spec h6 {
margin-top: 5px;
font-family: 'Open Sans', sans-serif;
padding-top: 16px;
font-size: 14px;
font-weight: 700;
color: #8d8d8d;
line-height: normal;
text-align: center;
}
.prod-page-btnwrap .prod-page-spec .prod-page-ship-cart {
text-align: center !important;
margin-top: 10px !important;
}
.prod-page-btnwrap .prod-page-spec .prod-page-ship-cart img {
float: none;
max-height: 60px !important;
margin-top: 12px !important;
}
.tire_main_info_wrapper.wheel_page {
padding-top: 25px;
padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper.wheel_page .wheel-image {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .wheel-image {
width: 50%;
}
}
.tire_main_info_wrapper.wheel_page .tyre_list ul {
list-style: none;
margin-bottom: 10;
padding: 0;
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul:after {
display: block;
content: '';
clear: both;
}
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li {
border-bottom: 1px solid #efefef;
padding-bottom: 8px;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul li {
width: 100%;
font-size: 12px;
float: left;
padding-right: 40px;
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul li {
width: 100%;
float: left;
padding-right: 0;
margin-right: 8%;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul li {
width: auto;
float: none;
margin-right: 0;
margin-bottom: 15px !important;
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
}
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li:last-child {
border-bottom: none;
margin-bottom: 6px;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .in-stock {
padding-bottom: 5px;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .model {
padding-bottom: 15px;
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul li .model {
padding-bottom: 5px;
}
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .model h6 {
color: #2b303d;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 1;
padding-bottom: 0;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .model span {
color: rgba(43, 48, 61, 0.5);
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price .content {
float: left;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price strong {
display: block;
color: #2b303d;
font-size: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 1;
padding-bottom: 4px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price strong {
font-size: 16px;
}
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price span {
display: block;
color: rgba(43, 48, 61, 0.5);
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price .quantity {
width: 52px;
float: right;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li .price .quantity select {
margin-bottom: 0;
}
.tire_main_info_wrapper.wheel_page .tyre_list ul li:after {
display: block;
content: '';
clear: both;
}
.tire_main_info_wrapper.wheel_page .tyre_list .button {
margin-top: 10px;
margin-bottom: 15px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper.wheel_page .tyre_list .button {
width: 100%;
font-size: 12px;
float: right;
margin-top: 46px;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .tyre_list .button {
float: none;
font-size: 12px;
margin-bottom: 15px;
margin-top: 40px;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .tyre_list .button {
width: 100%;
font-size: 12px;
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page {
padding-top: 40px;
padding-bottom: 10px;
}
}
.tire_main_info_wrapper.wheel_page .info_box {
float: left;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .info_box {
width: auto;
float: none;
margin-bottom: 20px;
}
}
.tire_main_info_wrapper.wheel_page .info_box h6 {
color: #2e2b2a;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
padding-bottom: 6px;
}
.tire_main_info_wrapper.wheel_page .info_box h1 {
color: #2e2b2a;
font-size: 36px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
line-height: normal;
text-align: left;
text-transform: none;
margin: 0;
padding: 0;
padding-bottom: 12px;
}
.tire_main_info_wrapper.wheel_page .info_box h1:before {
display: none;
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .info_box h1 {
font-size: 32px;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .info_box h1 {
font-size: 30px;
}
}
.tire_main_info_wrapper.wheel_page .info_box p {
text-align: justify;
color: #515052;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
padding-bottom: 18px;
}
.tire_main_info_wrapper.wheel_page .wheel_buy_box {
float: right;
display: flex;
flex-direction: column;
justify-content: center;
}
.tire_main_info_wrapper.wheel_page .wheel_buy_box .tyre_list ul li {
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.tire_main_info_wrapper.wheel_page .wheel_buy_box {
width: auto;
float: none;
clear: both;
height: auto !important;
padding-top: 30px;
}
}
@media screen and (max-width: 767px) {
.tire_main_info_wrapper.wheel_page .wheel_buy_box {
padding-top: 10px;
}
}
@media screen and (max-width: 480px) {
.tire_main_info_wrapper.wheel_page .wheel_buy_box {
padding-top: 0;
}
}
.congrats .successmsg {
padding-top: 45px;
}
.congrats .successmsg .fa-check-circle {
color: #3e70fc;
font-size: 40px;
margin-top: 10px;
}
@media screen and (min-width: 40em) {
.congrats .successmsg .fa-check-circle {
font-size: 50px;
font-weight: 400;
margin-top: 0;
margin-left: 5px;
}
}
@media screen and (min-width: 64em) {
.congrats .successmsg .fa-check-circle {
font-size: 70px;
margin-left: 0;
}
}
.congrats .successmsg h2 {
font-family: 'Raleway', sans-serif;
font-size: 26px;
color: #2e2b2a;
font-weight: 700;
}
@media screen and (min-width: 40em) {
.congrats .successmsg h2 {
margin-left: 25px;
margin-top: 8px;
}
}
@media screen and (min-width: 64em) {
.congrats .successmsg h2 {
font-size: 36px;
}
}
.congrats .successmsg p {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #323232;
margin-bottom: 20px;
text-align: justify;
}
@media screen and (min-width: 40em) {
.congrats .successmsg p {
margin-left: 25px;
}
}
@media screen and (min-width: 64em) {
.congrats .successmsg p {
font-size: 18px;
margin-left: 30px;
}
}
.congrats .successmsg a.return {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
line-height: 44px;
text-align: center;
height: 44px;
margin-top: 25px;
margin-bottom: 54px;
width: 100%;
box-shadow: 0 0 25px 0 rgba(62, 112, 252, 0.25);
transition: 0.25s ease-in;
}
.congrats .successmsg a.return:hover {
cursor: pointer;
background: #255dfc;
}
.congrats .info-background {
background-color: #f7f9ff;
margin-bottom: -15px;
}
.congrats .info-background .faqheader {
text-align: center;
}
.congrats .info-background .faqheader h2 {
font-family: 'Raleway', sans-serif;
color: #3e70fc;
font-size: 26px;
font-weight: 700;
padding-top: 20px;
padding-bottom: 18px;
}
@media screen and (min-width: 64em) {
.congrats .info-background .faqheader h2 {
font-size: 30px;
}
}
.congrats .info-background .whiteboxes {
background-color: #fff;
border-radius: 5px;
margin: 8px auto;
margin-bottom: 8px;
padding-bottom: 8px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
}
.congrats .info-background .whiteboxes h4 {
font-family: 'HelveticaNeue', sans-serif;
font-size: 20px;
font-weight: 600;
padding-top: 10px;
padding-bottom: 8px;
}
.congrats .info-background .whiteboxes p,
.congrats .info-background .whiteboxes li {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding-bottom: 8px;
text-align: justify;
}
@media screen and (min-width: 64em) {
.congrats .info-background .whiteboxes p,
.congrats .info-background .whiteboxes li {
margin-bottom: 10px;
}
}
@media screen and (min-width: 40em) {
.congrats .info-background .whiteboxes p {
margin-left: 15px;
}
}
.congrats .info-background a.paymentsite {
display: inline-block;
background: #3e70fc;
height: 55px;
border-radius: 5px;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: 'Open Sans', sans-serif !important;
-webkit-appearance: none;
border: none;
outline: none;
width: auto;
padding: 0 20px;
line-height: 40px;
text-align: center;
height: 40px;
width: 100%;
transition: 0.25s ease-in;
/*margin-top: 32px;*/
}
.congrats .info-background a.paymentsite:hover {
cursor: pointer;
background: #255dfc;
box-shadow: 0 0 28px 0 rgba(152, 157, 171, 0.45);
}
.congrats .info-background a.paymentsite span {
padding-right: 10px;
font-weight: 600;
}
@media screen and (min-width: 64em) {
.congrats .info-background a.paymentsite {
/*width: 160px !important;
margin-left: -15px;*/
}
}
.congrats .info-background .contactnumb {
text-align: right;
margin-bottom: 32px;
margin-top: 5px;
}
@media screen and (min-width: 64em) {
.congrats .info-background .contactnumb {
width: 150px !important;
padding-left: 0;
text-align: left;
}
}
.congrats .info-background .contactnumb span {
font-family: 'HelveticaNeue', sans-serif;
font-size: 15px;
font-weight: 600;
color: #323232;
}
@media screen and (min-width: 64em) {
.congrats .info-background .contactnumb span {
font-size: 14px;
}
}
.congrats .info-background .contactnumb .fa-phone,
.congrats .info-background .contactnumb .fa-envelope {
color: #818181;
font-size: 15px;
padding-right: 5px;
}
@media screen and (min-width: 64em) {
.congrats .info-background .contactnumb .fa-phone,
.congrats .info-background .contactnumb .fa-envelope {
font-size: 14px;
/*padding-right: 1.25px;*/
padding-right: 3px;
}
}
.congrats .info-background p > .TAsite {
color: #3e70fc;
}
.congrats .info-background ul {
margin-left: 25px;
}
.congrats .info-background li > .fa-arrow-right {
color: #bdbdbd;
font-size: 15px;
padding-right: 8px;
}
.bottom-row .photo {
text-align: center;
}
.bottom-row a.why {
display: block;
color: #3e70fc;
font-size: 14px;
line-height: normal;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.bottom-row span.why {
color: #3e70fc;
font-size: 14px;
line-height: normal;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.tiresizewrap {
padding: 30px 0 60px;
}
.tiresizewrap .altsize .oem-icon {
color: #3e70fc;
}
.tiresizewrap .altsize h6 {
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
margin: 0 0 8px;
}
.tiresizewrap .altsize p {
text-align: justify;
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
line-height: normal;
font-weight: 400;
color: #2e2b2a;
margin: 0 0 18px;
}
.tiresizewrap .altsize p strong {
font-weight: 900;
}
@media screen and (max-width: 480px) {
.tiresizewrap .altsize p {
font-size: 15px;
}
}
.tiresizewrap .tirehalf {
text-align: right;
}
.tiresizewrap .tirehalf img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
}
.tiresizewrap .leftcont .aboutiresize {
cursor: grab;
border: solid 1px #ececec;
border-radius: 8px;
padding: 10px;
background: #fafafa;
margin: 0 0 20px;
position: relative;
}
.tiresizewrap .leftcont .aboutiresize img.arrow {
margin: 18px 0 0 0;
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize img.arrow {
margin: 6px 0 0 0;
font-size: 18px;
}
}
.tiresizewrap .leftcont .aboutiresize span {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 40px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
position: relative;
}
.tiresizewrap .leftcont .aboutiresize span:before {
content: '';
position: absolute;
right: -15px;
top: 0;
width: 2px;
height: 100%;
background: #ececec;
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize span {
font-size: 24px;
}
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .single-fitting span {
font-size: 24px;
}
}
.tiresizewrap .leftcont .aboutiresize .single-fitting h3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
}
@media screen and (min-width: 481px) {
.tiresizewrap .leftcont .aboutiresize .single-fitting h3 {
position: relative;
top: 50%;
transform: translateY(50%);
}
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .single-fitting h3 {
position: relative;
top: 50%;
transform: translateY(50%);
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .double-fitting span {
position: relative;
top: 50%;
transform: translateY(50%);
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .double-fitting span {
font-size: 18px;
}
}
.tiresizewrap .leftcont .aboutiresize .double-fitting h3 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
display: inline-block;
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .double-fitting h3 {
font-size: 14px;
}
}
.tiresizewrap .leftcont .aboutiresize .double-fitting h4 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: #8d8d8d;
font-weight: 600;
padding-left: 20px;
}
@media screen and (max-width: 480px) {
.tiresizewrap .leftcont .aboutiresize .double-fitting h4 {
font-size: 12px;
}
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-200%, 0, 0);
}
}
.slideOutLeft {
animation-duration: 1.5s;
animation-name: slideOutLeft;
}
@keyframes slideInLeft {
from {
transform: translate3d(-200%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(200%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-duration: 1.5s;
animation-name: slideInRight;
}
.cart_list .close_btn {
float: right;
margin-right: 10px;
}
.cart-image {
text-align: center;
}
.cart-image img {
max-width: 50%;
}
@media screen and (max-width: 767px) {
.checkout_box {
text-align: center;
}
}
.checkout_box button {
min-width: 230px;
margin-bottom: 20px;
}
.checkout_box button img {
margin-right: 6px;
position: relative;
top: -2px;
}
.button.submit.cart-wheel-find-tire {
margin-bottom: 0;
margin-top: 10px;
padding: 0.5rem;
}
@media screen and (max-width: 39.9375em) {
.button.submit.cart-wheel-find-tire {
width: 100%;
padding: 0.4rem;
}
}
.reveal.tiny {
max-width: 460px;
}
@media screen and (max-width: 1194px) {
.reveal.tiny {
width: 80%;
margin: 0 auto;
height: auto;
min-height: 1px;
}
}
@media screen and (max-width: 767px) {
.reveal.tiny {
width: 90%;
}
}
@media screen and (max-width: 480px) {
.reveal.tiny {
padding: 45px 20px 40px;
}
}
.shopping_cart {
padding-top: 70px;
}
.shopping_cart h1 {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.shopping_cart h1 {
margin-bottom: 20px;
}
}
.cart_list ul {
list-style: none;
margin: 0;
padding: 0;
}
.cart_list ul li {
border: 1px solid #ececec;
border-radius: 5px;
min-height: 256px;
overflow: hidden;
position: relative;
padding-left: 202px;
padding-right: 30px;
padding-top: 34px;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.cart_list ul li {
padding-left: 190px;
padding-right: 20px;
}
}
@media screen and (max-width: 767px) {
.cart_list ul li {
padding-left: 20px;
padding-top: 20px;
}
}
.cart_list ul li figure {
width: 180px;
float: left;
position: absolute;
left: 0;
}
@media screen and (max-width: 767px) {
.cart_list ul li figure {
text-align: center;
position: static;
}
}
@media screen and (max-width: 480px) {
.cart_list ul li figure {
max-width: 70%;
text-align: center;
}
}
.cart_list ul li figure img {
max-height: 160px;
}
.cart_list ul li:after {
display: block;
content: '';
clear: both;
}
.cart_list ul li table {
border: none;
margin-bottom: 0;
background: none;
}
.cart_list ul li table tbody {
border: none;
background: none;
}
.cart_list ul li table tr {
background: none !important;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 480px) {
.cart_list ul li table tr {
display: block;
}
}
.cart_list ul li table tr td {
padding: 0;
width: 50%;
padding-bottom: 20px;
padding-top: 20px;
padding-right: 15px;
}
@media screen and (max-width: 1024px) {
.cart_list ul li table tr td {
width: auto;
}
}
@media screen and (max-width: 480px) {
.cart_list ul li table tr td {
display: block;
width: 100%;
padding: 15px 0;
text-align: left !important;
}
.cart_list ul li table tr td:first-child {
padding-bottom: 0;
}
}
.cart_list ul li table tr td h6 {
color: #2e2b2a;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
padding-bottom: 1px;
}
.cart_list ul li table tr td h3 {
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
}
@media screen and (max-width: 1024px) {
.cart_list ul li table tr td h3 {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.cart_list ul li table tr td h3 {
font-size: 16px;
line-height: normal;
}
}
.cart_list ul li table tr td p {
color: #8d8d8d;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
}
.cart_list ul li table tr td .price .cart-price-center {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
}
.cart_list ul li table tr td .price .quantity {
width: 50px;
float: right;
}
@media screen and (max-width: 1024px) {
.cart_list ul li table tr td .price .quantity {
margin-right: 20px !important;
}
}
.cart_list ul li table tr td .price .quantity select {
margin-bottom: 0;
}
@media screen and (max-width: 39.9375em) {
.cart_list ul li table tr td .price .quantity {
float: left;
}
}
.cart_list ul li table tr td .price span {
display: block;
color: #484848;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
padding-bottom: 1px;
}
.cart_list ul li table tr td .price strong {
display: block;
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 1;
}
@media screen and (max-width: 1024px) {
.cart_list ul li table tr td .price strong {
width: auto;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.cart_list ul li table tr td .price strong {
font-size: 16px;
}
}
.cart_list ul li table tr td .price:after {
display: block;
content: '';
clear: both;
}
.cart_list ul li table tr td .total_price span {
display: block;
color: #484848;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: normal;
padding-bottom: 2px;
}
.cart_list ul li table tr td .total_price strong {
display: block;
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 1;
}
@media screen and (max-width: 1024px) {
.cart_list ul li table tr td .total_price strong {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.cart_list ul li table tr td .total_price strong {
font-size: 16px;
}
}
.cart_list ul li table tr td:last-child {
text-align: right;
padding-right: 0;
}
.cart_list ul li table tr:last-child {
border-bottom: none;
}
.cart_list ul li .close_btn {
position: absolute;
right: 30px;
top: 20px;
}
@media screen and (max-width: 480px) {
.cart_list ul li .close_btn {
right: 15px;
top: 15px;
}
}
.total_box {
padding-top: 4px;
padding-bottom: 20px;
}
.total_box .ext_links {
width: 50%;
float: left;
}
@media screen and (max-width: 767px) {
.total_box .ext_links {
width: auto;
float: none;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.total_box .ext_links {
padding-bottom: 20px;
}
}
.total_box .ext_links ul {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
.total_box .ext_links ul {
text-align: center;
display: inline-block;
}
}
.total_box .ext_links ul li {
float: left;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.total_box .ext_links ul li {
float: none;
text-align: center;
display: inline-block;
margin-right: 20px;
}
.total_box .ext_links ul li:last-child {
margin-right: 0;
}
}
.total_box .ext_links ul li a {
display: block;
color: #3e70fc;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 40px;
text-decoration: none;
}
@media screen and (max-width: 480px) {
.total_box .ext_links ul li a {
display: inline-block;
line-height: normal;
}
}
.total_box .ext_links ul li a:hover {
color: #0c4bfb;
}
.total_box .sub_total {
width: 100%;
float: right;
text-align: right;
padding-right: 30px;
}
@media screen and (max-width: 767px) {
.total_box .sub_total {
width: auto;
float: none;
text-align: center;
}
}
.total_box .sub_total .name h6 {
padding: 4px;
}
.total_box:after {
display: block;
content: '';
clear: both;
}
.total_box + .checkout_box button {
margin-bottom: 0;
}
.close_btn {
display: block;
width: 28px;
height: 28px;
background-color: #3e70fc;
border-radius: 50%;
background-image: url('https://d19pbi8vkdue6m.cloudfront.net/svg/icon-cross.svg');
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
transition: 0.25s ease-out;
}
.close_btn:hover {
background-color: #0c4bfb;
}
.reveal-overlay {
background-color: rgba(255, 255, 255, 0.45);
}
@media screen and (max-width: 39.9375em) {
#header-returns.reveal,
#header-shipping.reveal,
#promo_code.reveal {
margin-top: 30px !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
#header-returns.reveal,
#header-shipping.reveal,
#promo_code.reveal {
margin-top: 100px !important;
}
}
@media screen and (min-width: 64em) {
#header-returns.reveal,
#header-shipping.reveal,
#promo_code.reveal {
margin-top: 30px !important;
}
}
.reveal {
margin-top: 30px !important;
background: #fff;
border: none;
border-radius: 5px;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
padding: 35px 30px 40px;
}
.reveal .header-button-text {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
}
.reveal p {
font-size: 16px;
text-align: justify;
}
@media screen and (max-width: 63.9375em) {
.reveal p {
font-size: 12px;
}
}
.reveal h3 {
color: #2e2b2a;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: normal;
letter-spacing: 0.4px;
padding-bottom: 5px;
}
@media screen and (max-width: 63.9375em) {
.reveal h3 {
font-size: 16px;
}
}
.reveal .close_btn {
position: absolute;
right: 20px;
top: 20px;
}
@media screen and (max-width: 480px) {
.reveal .close_btn {
right: 15px;
top: 15px;
}
}
.std_input {
width: 100%;
height: 50px;
background: #f5f5f5 !important;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 0 20px;
box-shadow: none;
-webkit-appearance: none;
outline: none !important;
color: #2e2b2a;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 48px;
margin-bottom: 30px;
}
.promo_code .button {
min-width: 280px;
margin-bottom: 0;
}
@media screen and (max-width: 480px) {
.promo_code .button {
min-width: 1px;
width: 100%;
}
}
.std_input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999999;
opacity: 1;
}
.std_input::-moz-placeholder {
/* Firefox 19+ */
color: #999999;
opacity: 1;
}
.std_input:-ms-input-placeholder {
/* IE 10+ */
color: #999999;
opacity: 1;
}
.std_input:-moz-placeholder {
/* Firefox 18- */
color: #999999;
opacity: 1;
}
h1 {
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
h1 {
font-size: 22px;
}
}
h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.contact.row {
max-width: none !important;
padding-top: 50px;
}
@media screen and (max-width: 1024px) {
.contact.row {
padding-top: 0;
}
}
.contact-banner {
opacity: 0.85;
}
.contact-us {
z-index: 99;
opacity: 1 !important;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium_Large.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
padding: 70px 0 45px;
text-align: center;
padding: 45px 0 0;
height: 900px;
}
.contact-us h1 {
margin: 0 0 35px;
}
.contact-us a {
color: #515052 !important;
}
@media screen and (max-width: 1024px) {
.contact-us {
height: 800px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.contact-us {
height: 700px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
@media screen and (max-width: 480px) {
.contact-us {
height: 650px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
.contact-us .text-box {
padding: 25px;
}
.accordion-faq {
margin: 20px 0;
}
.accordion-faq ul a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
}
.accordion-faq ul p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
text-align: justify;
}
.accordion-faq ul ul li {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
color: #2e2b2a;
font-weight: 400;
}
.faq-main {
z-index: 99;
opacity: 1 !important;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium_Large.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
padding: 70px 0 45px;
text-align: center;
padding: 45px 0 0;
height: 1400px;
}
.faq-main h1 {
margin: 0 0 35px;
}
.faq-main a {
color: #515052 !important;
}
@media screen and (max-width: 1024px) {
.faq-main {
height: 1400px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.faq-main {
height: 1400px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
@media screen and (max-width: 480px) {
.faq-main {
height: 1800px;
background: url('https://d19pbi8vkdue6m.cloudfront.net/media/Tire_Road_Medium.jpg')
no-repeat center top;
background-attachment: fixed;
background-size: cover;
}
}
.returns .steps-container {
background: linear-gradient(#f7f9ff, white);
}
.returns .steps {
text-align: center;
margin-bottom: 2em;
margin-top: 1em;
}
.returns .steps p {
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
text-transform: uppercase;
color: #3e70fc;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.returns .steps p {
font-size: 30px;
}
}
@media only screen and (min-width: 1024px) {
.returns .steps p {
font-size: 35px;
}
}
.returns .steps-boxes {
background: #fff;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
margin-bottom: 1.5em;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.returns .steps-boxes {
margin-left: 2.5em;
margin-bottom: 2em;
}
}
@media screen and (min-width: 1024px) and (max-width: 1145px) {
.returns .steps-boxes {
width: 321px !important;
margin-left: 1em;
}
}
@media screen and (min-width: 1146px) and (max-width: 1159px) {
.returns .steps-boxes {
width: 361px !important;
margin-left: 1.25em;
}
}
@media only screen and (min-width: 1200px) {
.returns .steps-boxes {
width: 370px !important;
margin-left: 1.25em;
margin-bottom: 4em;
}
}
.returns .steps-header {
background: #f7f9ff;
margin-top: 8px;
margin-bottom: 1.5em;
}
.returns .steps-header .numb {
font-family: 'Open Sans', sans-serif;
font-size: 44px;
font-weight: 700;
color: #3e70fc;
border-bottom: 4px solid #ebebeb;
}
.returns .steps-header .text {
text-align: right;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 800;
color: #3e70fc;
padding-top: 21px;
}
@media screen and (max-width: 767px) {
.returns .steps-header .text {
font-size: 18px;
padding-top: 5px;
}
}
.returns .return-btn {
background: #3e70fc;
border-radius: 3px;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 1.25em;
}
.returns .return-btn:hover {
cursor: pointer;
background: #3763df;
}
.returns .return-btn span {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.returns .return-btn span {
font-size: 13.5px;
}
}
@media screen and (max-width: 767px) {
.returns .return-btn span {
font-size: 14px;
}
}
.returns .info {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 550;
color: #323232;
text-align: center;
padding-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
.returns .info {
font-size: 12px;
}
}
.returns .info p {
padding-bottom: 1em;
}
.returns .info span {
font-size: 12px;
}
.returns .refund-time {
text-align: center;
border: 1.4px solid #e1e1e1;
border-radius: 5px;
font-weight: 500;
font-size: 13px;
margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
.returns .refund-time {
font-weight: 550;
margin-bottom: 4em;
}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.returns .refund-time {
margin-top: 2em;
margin-bottom: 4em;
}
}
@media only screen and (min-width: 1024px) {
.returns .refund-time {
margin-top: 2em;
margin-bottom: 4em;
}
}
.returns .refund-time p {
font-size: 12.4px;
font-family: 'Open Sans', sans-serif;
padding-top: 10px;
padding-bottom: 10px;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.returns .refund-time p {
font-size: 13px;
font-weight: 600;
}
}
@media only screen and (min-width: 1024px) {
.returns .refund-time p {
font-size: 16px;
font-weight: 600;
padding-top: 1em;
padding-bottom: 1em;
}
}
.returns .r-boxes {
border: 1.5px solid #e1e1e1;
border-radius: 5px;
margin-bottom: 1em;
margin-left: 1em;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.returns .r-boxes {
margin-left: 1.75em;
}
}
@media screen and (min-width: 1024px) {
.returns .r-boxes {
margin-left: 2.5em;
}
}
.returns .returns h2 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 24px;
font-weight: 800;
color: #323232;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
width: 204px;
}
@media only screen and (min-width: 1024px) {
.returns .returns h2 {
width: 400px;
}
}
.returns .collapsible {
background: none;
color: #000;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
@media only screen and (min-width: 1024px) {
.returns .collapsible {
cursor: default;
}
}
.returns .collapsible:after {
content: '\002B';
color: #3e70fc;
font-weight: bold;
font-size: 30px;
float: right;
margin-left: 5px;
margin-top: 0.4em;
}
@media only screen and (min-width: 1024px) {
.returns .collapsible:after {
display: none;
}
}
.returns .active:after {
content: '\2212';
}
.returns .moreContent {
max-height: 0;
overflow: hidden;
height: auto;
transition: max-height 0.2s ease-out;
background-color: #fff;
}
.returns .moreContent p {
font-size: 16px;
color: #323232;
padding-bottom: 1em;
}
@media only screen and (min-width: 1024px) {
.returns .moreContent {
max-height: none;
}
}
.returns .learn-more {
background: #3e70fc;
border-radius: 3px;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 1.75em;
width: 100%;
}
.returns .learn-more:hover {
cursor: pointer;
background: #3763df;
}
.returns .learn-more span {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
}
@media only screen and (min-width: 1024px) {
.returns .learn-more {
width: 300px;
height: 50px;
}
}
.returns .align {
text-align: center;
margin-top: 1em;
}
.returns a {
line-height: inherit;
color: #2ba6cb;
text-decoration: none;
cursor: pointer;
}
.privacy h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.privacy h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.privacy h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.privacy h1 {
font-size: 22px;
}
}
.privacy h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.privacy a {
color: #515052 !important;
}
.privacy .row {
padding-bottom: 20px;
}
.privacy h3,
.privacy p,
.privacy ul {
padding-bottom: 10px;
}
.privacy ul {
list-style-type: disc;
padding-left: 40px;
}
.privacy-center {
text-align: center;
}
.privacy-justify {
text-align: justify;
}
.terms h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.terms h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.terms h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.terms h1 {
font-size: 22px;
}
}
.terms h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.terms a {
color: #515052 !important;
}
.terms .row {
padding-bottom: 20px;
}
.terms h3,
.terms h2,
.terms p,
.terms ul {
padding-bottom: 10px;
}
.terms h2 {
font-size: 18px;
}
.terms ul {
list-style-type: disc;
padding-left: 40px;
}
.terms-center {
text-align: center;
}
.terms-justify {
text-align: justify;
}
.stripe-payment {
/* html {
height: 100%;
}
body {
background: #E6EBF1;
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
}
*/
}
.stripe-payment * {
font-family: 'Raleway', sans-serif, 'Open Sans', sans-serif;
font-size: 15px;
font-variant: normal;
padding: 0;
margin: 0;
}
.stripe-payment form {
width: 480px;
margin: 20px 0;
}
.stripe-payment .group {
background: white;
box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1),
0 3px 6px 0 rgba(0, 0, 0, 0.08);
border-radius: 4px;
margin-bottom: 20px;
}
.stripe-payment label {
position: relative;
color: #3e70fc;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-left: 20px;
display: flex;
flex-direction: row;
}
.stripe-payment .group label:not(:last-child) {
border-bottom: 1px solid #f0f5fa;
}
.stripe-payment label > span {
width: 100px;
text-align: right;
margin-right: 30px;
}
.stripe-payment .field {
box-shadow: unset;
background: transparent;
font-weight: 500;
border: 0;
color: #31325f;
outline: none;
flex: 1;
padding-right: 10px;
padding-left: 10px;
cursor: text;
}
.stripe-payment .field::-webkit-input-placeholder {
color: #cfd7e0;
}
.stripe-payment .field::-moz-placeholder {
color: #cfd7e0;
}
.stripe-payment button {
float: left;
display: block;
background: #666ee8;
color: white;
box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1),
0 3px 6px 0 rgba(0, 0, 0, 0.08);
border-radius: 4px;
border: 0;
margin-top: 20px;
font-size: 15px;
font-weight: 400;
width: 100%;
height: 40px;
line-height: 38px;
outline: none;
}
.stripe-payment button:focus {
background: #555abf;
}
.stripe-payment button:active {
background: #43458b;
}
.stripe-payment .outcome {
float: left;
width: 100%;
padding-top: 8px;
min-height: 24px;
text-align: center;
}
.stripe-payment .success,
.stripe-payment .error {
display: none;
font-size: 13px;
}
.stripe-payment .success.visible,
.stripe-payment .error.visible {
display: inline;
}
.stripe-payment .error {
color: #e4584c;
}
.stripe-payment .success {
color: #666ee8;
}
.stripe-payment .success .token {
font-weight: 500;
font-size: 13px;
}
.mobile-only {
display: none !important;
}
@media screen and (max-width: 599px) {
.mobile-only {
display: block !important;
}
}
.desktop-only {
display: none;
}
@media screen and (min-width: 600px) {
.desktop-only {
display: block;
}
}
.brands h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.brands h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.brands h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.brands h1 {
font-size: 22px;
}
}
.brands h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.brand-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px !important;
}
@media screen and (max-width: 767px) {
.brand-img {
max-width: 150px !important;
}
}
@media screen and (max-width: 1024px) {
.brand-img {
max-width: 125px !important;
}
}
@media screen and (max-width: 599px) {
.brand-img {
max-width: 100px !important;
}
}
@media screen and (max-width: 480px) {
.brand-img {
max-width: 75px !important;
}
}
#brand-block.brand-block {
float: left !important;
}
.brand-block {
position: relative !important;
height: 200px !important;
}
@media screen and (max-width: 767px) {
.brand-block {
height: 175px !important;
}
}
@media screen and (max-width: 1024px) {
.brand-block {
heighth: 150px !important;
}
}
@media screen and (max-width: 599px) {
.brand-block {
height: 120px !important;
}
}
@media screen and (max-width: 480px) {
.brand-block {
height: 80px !important;
}
}
.brand-block:hover {
border: 1px solid #3e70fc;
border-radius: 10px;
cursor: pointer;
}
.models h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.models h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.models h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.models h1 {
font-size: 22px;
}
}
.models h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.model-list-center {
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
}
.model-name {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.model-name {
font-size: 20px !important;
}
}
@media screen and (max-width: 1024px) {
.model-name {
font-size: 16px !important;
}
}
@media screen and (max-width: 480px) {
.model-name {
font-size: 12px !important;
}
}
.model-list {
position: relative !important;
height: 120px !important;
}
.model-list:hover {
border: 1px solid #3e70fc;
border-radius: 10px;
cursor: pointer;
}
.content.model-page {
text-align: center;
}
.content.model-page span {
margin-bottom: 5px;
margin-top: 5px;
color: rgba(43, 48, 61, 0.5);
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1;
}
.content.model-page strong {
display: block;
color: #2b303d;
font-size: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
line-height: 1;
padding-bottom: 4px;
}
.posts h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.posts h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.posts h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.posts h1 {
font-size: 22px;
}
}
.posts h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.posts a {
color: #515052 !important;
}
@media screen and (max-width: 599px) {
.center-img {
text-align: center;
}
}
.post-break {
border: 0;
height: 0;
/* Firefox... */
box-shadow: 0 0 3px 1px #3e70fc;
}
.individual-post {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-align: justify;
padding-top: 25px;
padding-bottom: 25px;
height: 350px !important;
}
.individual-post img {
max-height: 300px !important;
}
.individual-post h2 {
font-size: 24px;
}
@media screen and (max-width: 1024px) {
.individual-post h2 {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.individual-post h2 {
font-size: 18px;
}
}
@media screen and (max-width: 599px) {
.individual-post h2 {
font-size: 16px;
}
}
.individual-post h2 > a {
color: #0340ED !important;
}
.individual-post h3 {
font-size: 20px;
}
@media screen and (max-width: 1024px) {
.individual-post h3 {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.individual-post h3 {
font-size: 14px;
}
}
@media screen and (max-width: 599px) {
.individual-post h3 {
font-size: 13px;
}
}
.individual-post p {
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.individual-post p {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.individual-post p {
font-size: 13px;
}
}
@media screen and (max-width: 599px) {
.individual-post p {
font-size: 12px;
}
}
.post-row {
padding-bottom: 5px;
}
#post-categories a {
color: #3e70fc !important;
}
#post-container {
/* Responsive default image width */
/* Responsive floating */
/* Image caption */
/* Inline code highlighting */
}
#post-container h1,
#post-container h2,
#post-container h3,
#post-container h4,
#post-container h5 {
font-weight: 600;
margin-bottom: 1em;
margin-top: 1.5em;
}
#post-container a {
color: #0340ED !important;
text-decoration: underline;
}
#post-container ul,
#post-container ol {
margin-bottom: 1.25em;
}
#post-container ul li,
#post-container ol li {
margin-bottom: 0.25em;
}
#post-container p {
font-family: 'Open Sans', sans-serif;
font-size: 1.25em;
line-height: 1.58;
margin-bottom: 1.25em;
font-weight: 400;
letter-spacing: -0.003em;
}
#post-container img {
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 720px) {
#post-container .butter-float-left {
float: left;
margin: 0px 10px 10px 0px;
}
#post-container .butter-float-right {
float: right;
margin: 0px 0px 10px 10px;
}
}
#post-container figcaption {
font-style: italic;
text-align: center;
color: #ccc;
}
#post-container p code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
#post-container pre {
display: block;
padding: 1em;
margin: 0 0 2em;
font-size: 1em;
line-height: 1.4;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.track h1 {
padding-top: 50px !important;
font-family: 'Raleway', sans-serif;
font-size: 36px;
line-height: normal;
color: #2e2b2a;
font-weight: 900;
text-transform: uppercase;
position: relative;
padding: 0 0 20px;
margin: 0 0 60px;
text-align: center;
}
@media screen and (max-width: 1024px) {
.track h1 {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.track h1 {
font-size: 25px;
}
}
@media screen and (max-width: 599px) {
.track h1 {
font-size: 22px;
}
}
.track h1:before {
content: '';
position: absolute;
width: 150px;
height: 5px;
background: #3e70fc;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
}
.track a {
color: #515052;
}
.track .row {
padding-bottom: 20px;
}
.track h3,
.track p,
.track ul {
padding-bottom: 10px;
}
.track p.sub {
font-size: 0.8rem;
}
.track .accordion-title span {
text-align: left !important;
padding-right: 10px;
display: inline-block;
}
.track .accordion-title button {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
border-radius: 4px;
padding: 0.5em;
color: #fff !important;
background-color: green !important;
text-align: right !important;
}
.track .accordion-title button.caution {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
border-radius: 4px;
padding: 0.5em;
color: #fff !important;
background-color: gray !important;
text-align: right !important;
}
.track .accordion-title:hover,
.track .accordion-title:focus {
background-color: #3e70fc;
color: #fff !important;
}
.track .accordion-item .is-active .accordion-title {
color: #fff !important;
}
@media screen and (max-width: 1024px) {
.track .accordion-item p {
font-size: 12px;
}
}
.track-center {
text-align: center;
}
.track-justify {
text-align: justify;
}
.benefits-row {
/* Small only */
text-align: center;
color: #213e96;
font-weight: 700;
font-size: 18px;
}
@media screen and (max-width: 39.9375em) {
.benefits-row {
font-size: 14px;
}
}
@media screen and (min-width: 40em) and (max-width: 64em) {
.benefits-row {
font-size: 16px;
}
}
.benefit-bullet {
font-size: 9px;
height: 9px;
vertical-align: middle;
}
@media screen and (max-width: 39.9375em) {
.benefit-bullet {
font-size: 7px;
height: 7px;
}
}
@media screen and (min-width: 40em) and (max-width: 64em) {
.benefit-bullet {
font-size: 8px;
height: 8px;
}
}
.brand-row {
text-align: center;
color: #213e96;
font-weight: 700;
font-size: 31.5px;
}
@media screen and (max-width: 39.9375em) {
.brand-row {
font-size: 20px;
}
.brand-row img {
width: 168px;
}
}
@media screen and (min-width: 40em) and (max-width: 64em) {
.brand-row {
font-size: 22px;
}
.brand-row img {
width: 180px;
}
}
.warranty-header {
padding-top: 15px;
padding-bottom: 15px;
}
.warranty-header p {
font-weight: 700;
font-size: 1.1rem;
}
@media screen and (max-width: 640px) {
.warranty-header p {
font-size: 0.8rem;
}
}
.row .allstate {
margin: 0 !important;
border-radius: 5px;
}
.row .allstate .center {
text-align: center;
}
.row .allstate .center figure {
font-size: 40px;
color: #3e70fc;
}
.row .allstate .center figure .fa-times-circle {
color: red;
}
.row .allstate .div {
display: table;
height: 60px;
width: 100%;
text-align: left;
}
.row .allstate .div :hover {
cursor: pointer;
}
.row .allstate .span {
font-size: 1.1rem;
font-weight: 600;
font-color: #e2e2e2;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 640px) {
.row .allstate .span {
font-size: 0.8rem;
}
}
.row .allstate .allstate-add {
position: relative;
/* Styling Checkbox Starts */
/* For Ripple Effect */
}
.row .allstate .allstate-add .cardbg {
transform: translateY(-50%);
position: relative;
top: 50%;
width: 100%;
padding: 0px 0px;
background-color: #fff;
border-radius: 4px;
}
.row .allstate .allstate-add .cardbg::after {
clear: both;
display: block;
content: '';
}
.row .allstate .allstate-add .cardbg .checkbox-container {
float: left;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.row .allstate .allstate-add .cardbg .circular-container {
background-color: #3e70fc;
}
.row .allstate .allstate-add .checkbox-label {
display: block;
position: relative;
margin: auto;
cursor: pointer;
font-size: 22px;
line-height: 24px;
height: 24px;
width: 24px;
clear: both;
}
.row .allstate .allstate-add .checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.row .allstate .allstate-add .checkbox-label .checkbox-custom {
position: absolute;
top: 0px;
left: 0px;
height: 24px;
width: 24px;
background-color: transparent;
border-radius: 5px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
border: 2px solid #3e70fc;
}
.row .allstate .allstate-add .checkbox-label input:checked ~ .checkbox-custom {
background-color: #ffffff;
border-radius: 5px;
transform: rotate(0deg) scale(1);
opacity: 1;
border: 2px solid limegreen;
}
.row .allstate .allstate-add .checkbox-label .checkbox-custom::after {
position: absolute;
content: '';
left: 12px;
top: 12px;
height: 0px;
width: 0px;
border-radius: 5px;
border: solid limegreen;
border-width: 0 3px 3px 0;
transform: rotate(0deg) scale(0);
opacity: 1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.row
.allstate
.allstate-add
.checkbox-label
input:checked
~ .checkbox-custom::after {
transform: rotate(45deg) scale(1);
opacity: 1;
left: 8px;
top: 3px;
width: 6px;
height: 12px;
border: solid limegreen;
border-width: 0 2px 2px 0;
background-color: transparent;
border-radius: 0;
}
.row .allstate .allstate-add .checkbox-label .checkbox-custom::before {
position: absolute;
content: '';
left: 10px;
top: 10px;
width: 0px;
height: 0px;
border-radius: 5px;
border: solid limegreen;
transform: scale(0);
}
.row
.allstate
.allstate-add
.checkbox-label
input:checked
~ .checkbox-custom::before {
left: -3px;
top: -3px;
width: 24px;
height: 24px;
border-radius: 5px;
transform: scale(3);
opacity: 0;
z-index: 999;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.picked {
border: solid 3px #3e70fc;
}
.unpicked {
border: solid 1px #e2e2e2;
}
.radiowrap .rh {
/* Hide the browser's default radio button */
/* Create a custom radio button */
/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
/* Create the indicator (the dot/circle - hidden when not checked) */
/* Show the indicator (dot/circle) when checked */
/* Style the indicator (dot/circle) */
}
.radiowrap .rh .method .method1 {
border-radius: 5px;
margin: 0 0 20px;
position: relative;
}
.radiowrap .rh .method .method1 .addr {
float: left;
width: 400px;
}
.radiowrap .rh .method .method1 .addr img {
max-width: 73px;
}
@media screen and (max-width: 480px) {
.radiowrap .rh .method .method1 .addr img {
max-width: 100%;
}
}
.radiowrap .rh .method .method1 .addr img,
.radiowrap .rh .method .method1 .addr h3 {
display: inline-block;
}
.radiowrap .rh .method .method1 .addr h3 {
margin-right: 5px;
}
.radiowrap .rh .method .method1 .addr p {
text-align: justify;
}
@media screen and (max-width: 1024px) {
.radiowrap .rh .method .method1 .addr {
width: auto;
float: none;
padding-bottom: 15px;
}
}
.radiowrap .rh .method .method1 .pricecont {
float: right;
text-align: right;
}
@media screen and (max-width: 480px) {
.radiowrap .rh .method .method1 .pricecont h3 {
font-size: 16px;
}
}
.radiowrap .rh .method figure {
position: relative;
float: left;
margin: 0 40px 35px 0;
}
.radiowrap .rh .method figure:before {
content: '';
position: absolute;
right: -20px;
top: 0;
height: 100%;
width: 1px;
background: #e2e2e2;
}
.radiowrap .rh .method p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #515052;
}
.radiowrap .rh .method h3 {
margin: 0 0 5px;
}
.radiowrap .rh .container2 {
display: block;
position: relative;
padding: 20px 15px;
margin-bottom: 0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: ease-in all 0.3s;
}
.radiowrap .rh .on-site {
padding-bottom: 105px;
}
.radiowrap .rh .container2 input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radiowrap .rh .checkmark2 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 5px;
transition: ease-in all 0.3s;
border: solid 1px #e2e2e2;
}
.radiowrap .rh .container2:hover input ~ .checkmark2 {
border: solid 1px #a7a4a7;
}
.radiowrap .rh .container2 input:checked ~ .checkmark2 {
border: solid 3px #3e70fc;
}
.radiowrap .rh .checkmark2:after {
content: '';
position: absolute;
display: none;
}
.radiowrap .rh .container2 input:checked ~ .checkmark2:after {
display: block;
}
.payment_plans_modal h2,
.payment_plans_modal p {
text-align: center;
}
.payment_plans_modal .btn-zibby-preapprove-static-medium {
margin: 0 auto;
}
.payment_plans_modal .benefit {
padding-top: 5px;
padding-bottom: 5px;
}
.payment_plans_modal .image-row {
height: 160px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .image-row {
height: 108px !important;
}
}
.payment_plans_modal .finance-tempoe-top {
text-align: center;
}
@media screen and (max-width: 921px) {
.payment_plans_modal .finance-tempoe-top {
margin-bottom: 20px;
}
}
.payment_plans_modal .finance-tempoe-top .image-row div {
position: relative;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 922px) {
.payment_plans_modal .finance-tempoe-top {
border-left: 1px dotted lightgray;
border-right: 1px dotted lightgray;
}
}
@media screen and (max-width: 921px) {
.payment_plans_modal .finance-tempoe-top {
background-color: #f6f6f6 !important;
}
}
.payment_plans_modal .finance-paytomorrow-top {
text-align: center;
}
@media screen and (max-width: 921px) {
.payment_plans_modal .finance-paytomorrow-top {
margin-bottom: 20px;
}
}
.payment_plans_modal .finance-paytomorrow-top .image-row div {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.payment_plans_modal .finance-viabill-bottom {
text-align: center;
}
@media screen and (max-width: 921px) {
.payment_plans_modal .finance-viabill-bottom {
margin-top: 20px;
}
}
@media screen and (max-width: 921px) {
.payment_plans_modal .finance-viabill-bottom {
background-color: #f6f6f6 !important;
}
}
.payment_plans_modal #payment-plans {
height: 100vh;
overflow: scroll;
}
.payment_plans_modal .finance-affirm-center {
text-align: center;
}
@media screen and (min-width: 922px) {
.payment_plans_modal .finance-affirm-center {
border-left: 1px dotted lightgray;
border-right: 1px dotted lightgray;
}
}
.payment_plans_modal .affirm-logo {
width: 300px;
padding-top: 31.525px;
padding-bottom: 31.525px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .affirm-logo {
width: 150px;
}
}
.payment_plans_modal .sezzle-logo {
width: 300px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .sezzle-logo {
padding-top: 15.75px;
padding-bottom: 15.75px;
width: 150px;
}
}
.payment_plans_modal .viabill-logo {
width: 340px;
padding-top: 39.025px;
padding-bottom: 39.025px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .viabill-logo {
padding-top: 15.75px;
padding-bottom: 15.75px;
width: 200px;
}
}
.payment_plans_modal .tempoe-logo {
width: 300px;
padding-top: 32.025px;
padding-bottom: 32.025px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .tempoe-logo {
width: 150px;
}
}
.payment_plans_modal .paytomorrow-logo {
width: 300px;
padding-top: 32.025px;
padding-bottom: 32.025px;
}
@media screen and (max-width: 480px) {
.payment_plans_modal .paytomorrow-logo {
width: 150px;
}
}
.payment_plans_modal a {
color: #515052 !important;
}
.payment_plans_modal .box-bg {
background-color: #f3f3f3;
border-radius: 15px;
padding-bottom: 30px;
}
@media screen and (max-width: 599px) {
.payment_plans_modal .box-bg {
border-radius: 0;
padding: 0;
}
}
.payment_plans_modal .header-image {
background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
url(https://d19pbi8vkdue6m.cloudfront.net/media/Evening-min.jpg);
position: relative;
height: 300px;
overflow: hidden;
background-size: cover;
background-position: 0% 65%;
}
@media screen and (max-width: 767px) {
.payment_plans_modal .header-image {
height: 100px;
background-position: 0% 70%;
}
}
.payment_plans_modal .header-title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
top: 45%;
width: 100%;
z-index: 1;
padding: 0 8px;
}
.payment_plans_modal .header-title h1 {
text-transform: none;
margin-bottom: 0px;
color: #fff;
font-size: 4rem;
display: inline-block;
font-weight: 400;
line-height: 1.1;
padding: 10px 0;
position: relative;
border: none;
}
@media screen and (max-width: 767px) {
.payment_plans_modal .header-title h1 {
font-size: 2rem;
}
}
.payment_plans_modal .header-title h1:before {
content: '';
display: none;
}
.payment_plans_modal .header-title .affirm-logo {
max-height: 4rem;
transform: translateX(-20px);
padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
.payment_plans_modal .header-title .affirm-logo {
max-height: 2rem;
transform: translateX(-10px);
padding-bottom: 5px;
}
}
.payment_plans_modal .small-header {
margin-bottom: 30px;
margin-top: 30px;
}
.payment_plans_modal .small-header-justify {
margin-bottom: 30px;
margin-top: 30px;
}
.payment_plans_modal .small-header-justify h2 {
text-align: justify;
}
.payment_plans_modal .serviceBox {
text-align: center;
position: relative;
}
.payment_plans_modal .serviceBox p {
text-align: justify;
}
.payment_plans_modal .serviceBox .service-icon {
transform: scale(0.6);
width: 130px;
height: 130px;
border-radius: 50%;
padding: 10px;
margin: 0 auto 5px;
border: 2px solid #3e70fc;
z-index: 1;
position: relative;
transition: all 0.5s ease 0s;
background-color: #3e70fc;
}
.payment_plans_modal .serviceBox .service-icon:before,
.payment_plans_modal .serviceBox .service-icon:after {
content: '';
width: 35px;
height: 35px;
border-radius: 50%;
background: #3e70fc;
border: 3px solid #3e70fc;
border-top: 2px solid transparent;
border-right: 2px solid transparent;
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
transform: translateX(-50%) rotate(135deg);
transition: all 0.3s ease 0s;
}
.payment_plans_modal .serviceBox .service-icon:after {
width: 20px;
height: 20px;
background: #3e70fc;
border: none;
}
.payment_plans_modal .serviceBox:hover .service-icon:before {
bottom: -16px;
opacity: 1;
}
.payment_plans_modal .serviceBox:hover .service-icon:after {
bottom: -8px;
opacity: 1;
}
.payment_plans_modal .serviceBox .service-icon span {
display: block;
width: 100%;
height: 100%;
font-size: 50px;
color: #fff;
line-height: 104px;
}
.payment_plans_modal .serviceBox .service-icon span:before,
.payment_plans_modal .serviceBox .service-icon span:after {
content: '';
display: block;
width: 3px;
height: 30px;
background: #3e70fc;
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
transform: translateX(-50%);
transition: all 0.3s ease 0s;
}
.payment_plans_modal .serviceBox .service-icon span:after {
width: 20px;
height: 20px;
background: transparent;
border: 3px solid #3e70fc;
border-left: 3px solid transparent;
border-top: 3px solid transparent;
transform: translateX(-48%) rotate(45deg);
}
.payment_plans_modal .serviceBox:hover .service-icon span:before,
.payment_plans_modal .serviceBox:hover .service-icon span:after {
bottom: -30px;
opacity: 1;
}
.payment_plans_modal .serviceBox .title {
font-size: 20px;
color: #3e70fc;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.payment_plans_modal .serviceBox .description {
font-size: 15px;
color: #555;
padding: 0 10px;
margin: 0;
}
@media only screen and (max-width: 990px) {
.payment_plans_modal .serviceBox {
margin-bottom: 30px;
}
}
.shipping-header-image {
margin-top: -30px;
width: 80%;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.shipping-header-image {
height: 100px;
background-position: 0% 70%;
width: 100%;
height: 100%;
}
}
.icon {
max-width: 100px;
max-height: 100px;
}
.email-btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 60px;
line-height: 60px;
border-radius: 5px;
color: #fff;
font-size: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
width: 540px;
margin: 90px auto 0;
}
@media screen and (max-width: 599px) {
.email-btn {
width: 96%;
margin: 20px auto 0;
}
}
@media screen and (max-width: 480px) {
.email-btn {
width: 96%;
height: 45px;
line-height: 45px;
margin: 20px auto 0;
}
}
@media screen and (max-width: 921px) {
.flat-fix {
margin-top: 20px;
}
}
@media screen and (max-width: 921px) {
.shipping-fedex-top {
margin-bottom: 20px;
background-color: #f6f6f6 !important;
}
}
@media screen and (max-width: 921px) {
.shipping-fedex-office {
margin-top: 20px;
background-color: #f6f6f6 !important;
}
}
@media screen and (min-width: 922px) {
.shipping-local-courier {
border-left: 1px dotted lightgray;
border-right: 1px dotted lightgray;
}
}
@media screen and (max-width: 921px) {
.grey-top-mobile {
margin-top: 20px;
}
}
#header-search button:hover {
cursor: pointer;
}
.btn-selected {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 40px;
width: 150px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
}
.btn-unselected {
display: inline-block;
padding: 0;
background: #474747;
height: 40px;
width: 150px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
}
.search-btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
width: 100%;
}
.mobile-search-btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 40px;
width: 250px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
margin-bottom: 15px;
}
.search-dropdown-item {
margin-left: 4px;
margin-right: 4px;
display: inline-block;
width: 18%;
text-align: center;
}
.mobile-search-container {
margin-top: 10px;
background: #e5e5e5;
border: solid 1px;
border-color: #e5e5e5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.mobile-search-dropdown-item {
margin-left: 20px;
width: 90%;
}
.btn-style {
margin-left: 10px;
margin-right: 10px;
}
.search-by {
font-size: 0.8rem;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 40px;
}
.form-hidden {
display: none;
}
.search-slider.btn {
border: 3px solid #3e70fc;
height: 40px;
display: inline-block;
position: relative;
text-align: center;
transition: background 600ms ease, color 600ms ease;
margin-right: 0px;
}
input[type='radio'].toggle {
display: none;
}
input[type='radio'].toggle + label {
padding-left: 12px;
padding-right: 12px;
line-height: 34px;
vertical-align: middle;
font-family: 'Raleway', sans-serif;
font-weight: 700;
cursor: pointer;
min-width: 60px;
}
input[type='radio'].toggle + label:hover {
background: none;
color: #1a1a1a;
}
input[type='radio'].toggle + label:after {
background: #3e70fc;
content: '';
height: 100%;
position: absolute;
top: 0;
transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
width: 100%;
z-index: -1;
margin-left: 2px;
}
input[type='radio'].toggle.toggle-left + label {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 0;
}
input[type='radio'].toggle.toggle-left + label:after {
left: 100%;
}
input[type='radio'].toggle.toggle-right + label {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: -5px;
}
input[type='radio'].toggle.toggle-right + label:after {
left: -100%;
}
input[type='radio'].toggle:checked + label {
cursor: default;
color: #fff;
transition: color 200ms;
}
input[type='radio'].toggle:checked + label:after {
left: 0;
}
@media (max-width: 1149px) {
.hidden-mobile {
display: none;
}
}
@media (min-width: 1150px) {
.show-mobile {
display: none;
}
}
.hide-staggered-size {
display: none;
}
.staggered-btn {
display: inline-block;
padding: 0;
background: #3e70fc;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 15px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
width: 85px;
margin-bottom: 7px;
}
.clicked-staggered-btn {
display: inline-block;
padding: 0;
background: #fff;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 15px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin: 0 auto;
width: 85px;
margin-bottom: 7px;
}
.mobile-staggered-btn {
padding: 0;
background: #3e70fc;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #fff;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 0 auto;
width: 250px;
margin-bottom: 15px;
}
.mobile-clicked-staggered-btn {
display: inline-block;
padding: 0;
background: #e5e5e5;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 40px;
border-radius: 5px;
color: #e5e5e5;
font-size: 0.8rem;
font-family: 'Raleway', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin: 0 auto;
width: 250px;
}
.mobile-form-padding {
padding-top: 20px;
}
.mobile-header-style {
padding-top: 7px;
padding-bottom: 7px;
}
.search-header-style {
background: #e5e5e5;
padding-top: 7px;
padding-bottom: 7px;
}
#oem-find-size-header-h1 {
margin: 20px 0;
}
.ldBar {
position: relative;
}
.ldBar svg {
opacity: 0.5;
}
.ldBar.label-center > .ldBar-label {
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 39.9375em) {
.ldBar.label-center > .ldBar-label {
font-size: 16px;
}
}
.ldBar-label:after {
content: '% of the way to new wheels';
display: inline;
}
.ldBar.no-percent .ldBar-label:after {
content: '';
}
.tiresizewrap {
/* Mixins */
/* Animations */
}
@keyframes bounce {
0% {
transform: scale(1);
}
33% {
transform: scale(0.9);
}
66% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.slider-header {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
@media screen and (min-width: 40em) {
.slider-header {
font-size: 1.5rem;
}
}
.slider-header .slider-header-text-1 {
display: inline;
border-bottom: 1px solid black;
}
@media screen and (max-width: 39.9375em) {
.slider-header .slider-header-text-1 {
font-size: 0.7rem;
width: 45%;
}
}
.slider-header .slider-header-text-2 {
display: inline;
opacity: 0.5;
margin-left: 15px;
}
@media screen and (max-width: 39.9375em) {
.slider-header .slider-header-text-2 {
font-size: 0.7rem;
width: 45%;
}
}
.slider-header-text-1:hover {
cursor: pointer;
}
.oem-select-option {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border-style: solid;
border-width: 3px;
border-color: #3e70fc;
background-color: rgba(0, 0, 0, 0);
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.oem-selected,
.staggered-selected {
border-color: #3e70fc !important;
border-width: 2px !important;
}
.oem-selected .oem-select-option,
.staggered-selected .oem-select-option {
background-color: #3e70fc;
}
.oem-submit,
.oem-staggered {
width: 100%;
height: 4rem !important;
}
@media screen and (max-width: 39.9375em) {
.oem-submit,
.oem-staggered {
height: 3rem !important;
}
}
.oem-questions {
margin-top: -40px;
text-align: justify;
}
.oem-questions h2 {
font-size: 16px;
font-weight: 400;
}
.recommended-sizes-title {
text-align: left;
}
.recommended-sizes-title h5 {
font-size: 14px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
color: #3e70fc;
display: inline-block;
color: #3e70fc;
font-family: 'Open Sans', sans-serif;
line-height: normal;
cursor: pointer;
}
.recommended-sizes-title h5 img {
transition: 0.2s ease-in;
position: relative;
top: -1px;
filter: invert(34%) sepia(97%) saturate(2254%) hue-rotate(215deg)
brightness(99%) contrast(99%);
}
.recommended-sizes-title h5:hover {
color: #0c4bfb;
}
.recommended-sizes-title h5.open img {
transform: rotate(0deg);
}
@media screen and (max-width: 39.9375em) {
.recommended-sizes-title {
text-align: center;
margin-top: 10px;
}
}
.recommended-sizes-content {
display: none;
font-family: 'Open Sans', sans-serif;
line-height: normal;
color: #515052;
}
.recommended-sizes-content p {
text-align: center;
font-size: 16px;
font-weight: 700;
text-decoration: underline;
}
.recommended-sizes-content span {
text-align: center;
display: inline-block;
font-size: 16px;
font-weight: 400;
}
.recommended-sizes-content span:not(:first-child):before {
content: '\2022';
padding: 0 5px 0 2px;
font-size: 24px;
position: relative;
top: 3px;
}
.oem-show-staggered .question-text,
.oem-hide-staggered .question-text {
text-align: justify;
margin-bottom: 15px;
}
.oem-show-staggered .question-text #p1,
.oem-hide-staggered .question-text #p1 {
font-size: 18px;
font-weight: 700;
}
.oem-show-staggered .question-text #p2,
.oem-hide-staggered .question-text #p2 {
font-size: 14px;
font-weight: 400;
}
.oem-show-staggered {
display: none;
}
#staggered-container {
display: none;
}
#staggered-container .question-text {
text-align: justify;
margin-bottom: 15px;
font-size: 18px;
font-weight: 700;
}
#staggered-container .pros-cons-title {
color: #3e70fc;
cursor: pointer;
}
#staggered-container .pros-cons-title img {
transition: 0.2s ease-in;
position: relative;
top: -1px;
transform: rotate(-90deg);
}
#staggered-container .pros-cons-title:hover {
color: #0c4bfb;
}
#staggered-container .pros-cons-title.open img {
transform: rotate(0deg);
}
#staggered-container .pros-cons-content {
display: none;
}
#staggered-container .pros,
#staggered-container .cons {
text-align: left;
margin-bottom: 15px;
}
#staggered-container .pros p,
#staggered-container .cons p {
font-size: 14px;
font-weight: 400;
}
#staggered-container .pros i {
color: lawngreen;
}
#staggered-container .cons i {
color: red;
}
.aboutiresize .diameter {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 40px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
position: relative;
}
@media screen and (max-width: 39.9375em) {
.aboutiresize .diameter {
font-size: 24px;
}
}
.aboutiresize.choice.final:hover {
background-color: #3e70fc;
}
.aboutiresize.choice.final:hover .diameter {
color: #fff;
}
#slider-container .see-size {
font-size: 14px;
text-align: left;
font-weight: 400;
}
#slider-container .see-size a {
color: #3e70fc;
}
#slider-container p {
font-size: 18px;
font-weight: 700;
}
#slider-container .aboutiresize #wheel-tire-size {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 39.9375em) {
#slider-container .aboutiresize #wheel-tire-size {
font-size: 14px;
}
}
.warranties .process-header h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #323232;
text-align: center;
background: #fff;
margin-bottom: 20px;
padding-right: 1px;
padding-left: 1px;
transform: translate(0px, 40px);
}
@media screen and (min-width: 510px) {
.warranties .process-header h3 {
font-size: 22px;
transform: translate(0px, 33px);
}
}
.warranties .warranty-process {
border: 1.7px solid #e1e1e1;
border-radius: 5px;
}
.warranties #dir-first {
margin-top: 2em;
}
.warranties .direction {
text-align: center;
margin-bottom: 8px;
}
.warranties .direction h5,
.warranties .direction h4 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #323232;
margin-bottom: 8px;
}
@media screen and (min-width: 640px) {
.warranties .direction h5,
.warranties .direction h4 {
font-size: 18px;
}
}
.warranties .direction p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #323232;
}
.warranties .arrow {
color: #3e70fc;
text-align: center;
margin-bottom: 8px;
}
.warranties .return-btn {
background: #3e70fc;
border-radius: 3px;
text-align: center;
padding: 8px;
padding-top: 9px;
margin-bottom: 8px;
margin-top: 2px;
height: 44px;
}
.warranties .return-btn:hover {
cursor: pointer;
background: #3763df;
}
.warranties .return-btn span {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.warranties .subtext {
text-align: left;
margin-top: 8px;
margin-bottom: 4em;
border-radius: 3px;
}
.warranties .subtext p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
@media screen and (max-width: 39.9375em) {
.warranties .subtext p {
text-align: justify;
}
}
.warranties .allstate-header {
text-align: center;
margin-bottom: 10px;
}
.warranties .allstate-header h2 {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 25px;
color: #000;
font-weight: 600;
margin-bottom: 5px;
}
.warranties .allstate-header h2 sup {
font-size: 12px;
}
.warranties .allstate-header p {
font-size: 12px;
color: #323232;
}
@media screen and (min-width: 1146px) {
.warranties .allstate-header {
margin-top: 2em;
}
}
.warranties .allstate-wrapper {
background-color: #f7f9ff;
}
.warranties .allstate-wrapper h5,
.warranties .allstate-wrapper p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #2d2d2d;
padding-bottom: 20px;
padding-top: 12px;
}
.warranties .allstate-wrapper h5 sup,
.warranties .allstate-wrapper p sup {
font-size: 12px;
}
@media screen and (min-width: 1024px) {
.warranties .allstate-wrapper h5,
.warranties .allstate-wrapper p {
font-size: 18px;
}
}
.warranties .allstate-wrapper i {
color: #3e70fc;
margin-right: 12px;
font-size: 20px;
}
.warranties .allstate-wrapper span {
font-size: 16px;
}
@media screen and (min-width: 1146px) {
.warranties .allstate-wrapper {
position: relative;
z-index: 0;
}
}
.warranties .allstate-trh-img {
padding-top: 40px;
padding-bottom: 40px;
margin-left: -40px;
}
.warranties .a-check {
padding-bottom: 12px;
}
@media screen and (min-width: 1146px) {
.warranties .a-check {
margin-top: 0.5em;
}
}
.warranties .allstate-img {
display: none;
}
@media screen and (min-width: 1024px) {
.warranties .allstate-img {
display: inline-block;
position: relative;
z-index: 2;
width: 400px;
margin-top: 4.3em;
}
}
@media screen and (min-width: 1146px) {
.warranties .allstate-img {
display: inline-block;
position: relative;
z-index: 2;
width: 475px;
margin-top: 3.25em;
}
}
.warranties .allstate-logo {
width: 160px;
}
@media screen and (min-width: 1024px) {
.warranties {
/*.more-btn {
margin-right: 12em;
margin-bottom: 2em;
}*/
}
.warranties #mileage-warranty img {
height: 62px;
}
.warranties #dir-first {
margin-top: 1.65em;
}
.warranties #second {
margin-top: 5em;
}
.warranties #third {
margin-top: 3em;
}
}
@media screen and (min-width: 1146px) {
.warranties {
/*.more-btn {
margin-right: 12em;
margin-bottom: 2em;
}*/
}
.warranties #mileage-warranty img {
height: 62px;
}
.warranties #dir-first {
margin-top: 1.65em;
}
.warranties #second {
margin-top: 2.5em;
}
.warranties #third {
margin-top: 2.5em;
}
}
.header {
border: 2px solid #3e70fc;
box-shadow: -4px 4px 0 0 #3e70fc;
margin-top: 30px;
margin-bottom: 20px;
text-align: left;
text-transform: uppercase;
}
@media screen and (min-width: 64em) {
.header {
margin-bottom: 30px;
}
}
.header h2 {
font-family: 'Raleway', sans-serif;
color: #2e2b2a;
font-size: 28px;
padding: 8px;
}
.header h2 span {
color: #3e70fc;
font-family: 'Raleway', sans-serif;
font-size: 28px;
}
@media screen and (min-width: 64em) {
.header h2 span {
font-size: 36px;
}
}
@media screen and (min-width: 40em) {
.header h2 {
text-align: center;
}
}
@media screen and (min-width: 64em) {
.header h2 {
font-size: 36px;
}
}
.selected {
background-color: #f0f0f0;
}
.selected p {
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #2e2b2a;
font-size: 20px;
font-weight: 600;
padding: 10px;
text-transform: uppercase;
}
@media screen and (min-width: 40em) {
.selected p {
font-size: 22px;
}
}
.selected span {
font-family: 'Open Sans', sans-serif;
color: #3e70fc;
font-size: 24px;
font-weight: 700;
text-transform: none;
}
@media screen and (min-width: 40em) {
.selected span {
font-size: 24px;
}
}
@media (max-width: 365px) {
.selected span {
display: block;
}
}
.note {
text-align: center;
color: #2e2b2a;
margin-bottom: 20px;
}
.note p {
font-size: 17px;
font-weight: 700;
}
.altsize .oem-icon,
.fitment-guide-label .oem-icon {
color: #ffea39;
font-size: 35px;
}
@media screen and (min-width: 64em) {
.altsize .oem-icon,
.fitment-guide-label .oem-icon {
font-size: 40px;
line-height: 1.75;
}
}
@media screen and (min-width: 40em) {
.altsize .icon,
.fitment-guide-label .icon {
text-align: center;
}
}
.altsize .quick-note,
.fitment-guide-label .quick-note {
text-align: left;
margin-bottom: 10px;
}
@media screen and (min-width: 40em) {
.altsize .quick-note,
.fitment-guide-label .quick-note {
margin-bottom: 20px;
}
}
.altsize .quick-note p,
.fitment-guide-label .quick-note p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
@media screen and (min-width: 64em) {
.altsize .quick-note p,
.fitment-guide-label .quick-note p {
font-size: 18px;
}
}
.altsize .quick-note a,
.fitment-guide-label .quick-note a {
color: #3e70fc;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
@media screen and (min-width: 64em) {
.altsize .quick-note a,
.fitment-guide-label .quick-note a {
font-size: 17px;
}
}
.altsize .quick-note a:hover,
.fitment-guide-label .quick-note a:hover {
cursor: pointer;
}
.altsize .in-example,
.fitment-guide-label .in-example {
text-align: center;
margin-bottom: 35px;
margin-top: 10px;
}
.altsize .in-example p,
.fitment-guide-label .in-example p {
color: #3e70fc;
font-weight: 600;
font-size: 15px;
}
.bottom-row {
margin-top: 30px;
}
.bottom-row .photo {
text-align: center;
}
.bottom-row a.why {
display: block;
color: #ff1212;
font-size: 14px;
line-height: normal;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
}
@media screen and (min-width: 64em) {
.bottom-row a.why {
font-size: 15px;
}
}
.bottom-row span.why {
color: #3e70fc;
font-size: 14px;
line-height: normal;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
@media screen and (min-width: 64em) {
.bottom-row span.why {
font-size: 15px;
}
}
@media screen and (min-width: 64em) {
.tiresizewrap-wheels .oem-size-button span {
padding-left: 10px;
}
.tiresizewrap-tires .oem-size-button span {
padding-left: 18px;
}
}
.oem-size-button {
/*img.arrow*/
cursor: pointer;
border-radius: 3px;
padding: 10px;
background: #f1f1f1;
margin-bottom: 8px;
/*margin-left: 2.5px;
margin-right: 2.5px;*/
position: relative;
}
.oem-size-button .fa-arrow-right {
margin-top: 13px;
color: #3e70fc;
font-size: 20px;
}
@media screen and (min-width: 40em) {
.oem-size-button .fa-arrow-right {
margin-top: 10px;
font-size: 25px;
}
}
.oem-size-button:hover {
background-color: #3e70fc;
box-shadow: 0 0 25px 0 rgba(62, 112, 252, 0.25);
}
.oem-size-button:hover span,
.oem-size-button:hover h3,
.oem-size-button:hover h4,
.oem-size-button:hover #wheel-tire-size {
color: #fff;
}
.oem-size-button:hover .fa-arrow-right {
color: #fff;
}
.oem-size-button span {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
line-height: normal;
font-weight: 700;
color: #2e2b2a;
position: relative;
}
@media screen and (min-width: 40em) {
.oem-size-button span {
padding-left: 15px;
}
}
.oem-size-button span:before {
content: '';
position: absolute;
right: -40px;
top: 3px;
width: 2px;
height: 100%;
background: #d6d6d6;
margin-right: 5px;
margin-left: 5px;
}
@media screen and (min-width: 40em) {
.oem-size-button span:before {
right: -25px;
margin-left: 20px;
margin-right: 0;
}
}
@media screen and (min-width: 64em) {
.oem-size-button span:before {
right: -20px;
}
}
.oem-size-button .single-fitting span {
font-size: 40px;
padding-right: 25px;
}
.oem-size-button .single-fitting h3 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 1.25;
color: #2e2b2a;
font-weight: 700;
position: relative;
top: 50%;
transform: translateY(50%);
padding-left: 15px;
}
@media screen and (min-width: 40em) {
.oem-size-button .single-fitting h3 {
font-size: 18px;
}
}
.oem-size-button .double-fitting span {
position: relative;
top: 50%;
transform: translateY(50%);
font-size: 40px;
padding-right: 25px;
}
.oem-size-button .double-fitting h3 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
display: inline-block;
padding-left: 15px;
}
@media screen and (min-width: 40em) {
.oem-size-button .double-fitting h3 {
font-size: 18px;
}
}
.oem-size-button .double-fitting h4 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
line-height: normal;
color: #8d8d8d;
font-weight: 600;
padding-left: 18px;
}
@media screen and (min-width: 40em) {
.oem-size-button .double-fitting h4 {
font-size: 16px;
}
}
.oem-size-button-selected {
border-color: #3e70fc !important;
border-width: 2px !important;
}
.oem-size-button-selected .oem-select-option {
background-color: #3e70fc;
}
.oem-selected,
.staggered-selected {
border-color: #3e70fc !important;
border-width: 2px !important;
}
.oem-selected .oem-size-button,
.staggered-selected .oem-size-button {
background-color: #3e70fc;
}
.oem-selected h3,
.oem-selected span,
.staggered-selected h3,
.staggered-selected span {
color: #f0f0f0 !important;
}
.need-help {
text-align: right;
margin-bottom: 40px;
}
.need-help p {
font-weight: 600;
color: #323232;
font-size: 14px !important;
}
.need-help p a {
color: #3e70fc !important;
}
@media screen and (min-width: 64em) {
.need-help p {
font-size: 15px;
}
}
.how-to-find-box {
border: 2px solid #f2f2f2;
border-radius: 5px;
margin-top: 50px;
margin-bottom: 30px;
}
.how-to-find-box .how-title {
text-align: center;
background-color: #f7f9ff;
margin-top: 8px;
margin-bottom: 10px;
}
.how-to-find-box .how-title h2 {
font-family: 'Raleway', sans-serif;
color: #3e70fc;
padding: 10px;
font-size: 22px;
}
@media screen and (min-width: 64em) {
.how-to-find-box .how-title h2 {
font-size: 26px;
}
}
.how-to-find-box .nmbr {
text-align: center;
}
.how-to-find-box .nmbr h2 {
color: #3e70fc;
font-family: 'Open Sans', sans-serif;
font-size: 40px;
font-style: italic;
}
.how-to-find-box .what-to-do {
text-align: center;
margin-bottom: 20px;
}
.how-to-find-box .what-to-do p {
color: #2e2b2a;
font-size: 14px;
font-weight: 600;
/*@media screen and (min-width: 64em) {
font-size: 14px;
padding-top: 12px;
}*/
}
@media screen and (min-width: 40em) {
.how-to-find-box .what-to-do p {
padding-top: 12px;
}
}
.how-to-find-box .in-example {
text-align: center;
margin-bottom: 15px;
margin-top: 10px;
}
.how-to-find-box .in-example p {
color: #3e70fc;
font-size: 14px;
font-weight: 600;
}
.ldBar {
position: relative;
/*svg {
opacity: 0.5;
}*/
}
.ldBar.label-center > .ldBar-label {
width: 100%;
text-align: center;
font-size: 18px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-weight: 600;
}
@media screen and (max-width: 39.9375em) {
.ldBar.label-center > .ldBar-label {
font-size: 16px;
}
}
.ldBar-label:after {
content: '% of the way to new wheels';
display: inline;
color: #fff;
font-weight: 600;
}
.ldBar.no-percent .ldBar-label:after {
content: '';
}
/* line 1, app/assets/stylesheets/new-index.css.scss */
.section-title__hp {
margin: 0 auto 15px;
width: 272px;
font-family: Raleway;
font-size: 24px;
font-weight: 800;
line-height: 1;
text-align: center;
color: #000000;
}
@media (min-width: 768px) {
/* line 1, app/assets/stylesheets/new-index.css.scss */
.section-title__hp {
font-size: 28px;
width: 430px;
}
}
@media (min-width: 1024px) {
/* line 1, app/assets/stylesheets/new-index.css.scss */
.section-title__hp {
font-size: 30px;
width: 700px;
font-weight: 800;
margin: 0 auto 20px;
}
}
/* line 24, app/assets/stylesheets/new-index.css.scss */
.webp .popularbrands,
.no-webp .popularbrands {
margin: 0;
background: none;
}
/* line 30, app/assets/stylesheets/new-index.css.scss */
.road-protection-section {
margin: auto;
width: calc(100% - 30px);
}
/* line 34, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block {
position: relative;
}
@media (min-width: 768px) {
/* line 34, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block {
margin: auto;
width: 668px;
display: flex;
}
}
@media (min-width: 1024px) {
/* line 34, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block {
width: 1000px;
}
}
/* line 47, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block-item {
position: relative;
}
@media (min-width: 768px) {
/* line 47, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block-item {
width: 50%;
}
}
@media (min-width: 1024px) {
/* line 47, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__block-item {
width: auto;
}
}
/* line 57, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__tip {
position: absolute;
bottom: -20px;
font-size: 10px;
}
/* line 62, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__content {
background: #f7f8ff;
padding: 15px 15px 25px;
}
@media (min-width: 1024px) {
/* line 62, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__content {
width: 100%;
}
}
/* line 71, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__title {
font-family: Raleway;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 1.22;
color: #2d2d2d;
margin-bottom: 20px;
}
@media (min-width: 1024px) {
/* line 71, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__title {
text-align: left;
width: 370px;
margin-bottom: 25px;
}
}
/* line 87, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__item {
position: relative;
font-family: Raleway;
font-size: 16px;
line-height: 1.25;
color: #000000;
margin-bottom: 20px;
padding-left: 35px;
}
/* line 96, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__item::before {
left: 0;
position: absolute;
content: '';
background: url(https://d19pbi8vkdue6m.cloudfront.net/svg/check.svg) no-repeat;
width: 30px;
height: 30px;
}
/* line 106, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__item:last-child {
margin: 0;
}
@media (min-width: 1024px) {
/* line 87, app/assets/stylesheets/new-index.css.scss */
.road-protection-section__item {
margin-bottom: 23px;
}
}
/* line 115, app/assets/stylesheets/new-index.css.scss */
.road-protection-section .btn {
height: 44px;
border-radius: 3px;
background-color: var(--blue);
font-size: 16px;
font-weight: bold;
text-align: center;
color: #ffffff;
text-transform: uppercase;
width: 190px;
margin: auto;
display: block;
}
/* line 130, app/assets/stylesheets/new-index.css.scss */
.road-protection-image.square {
display: none;
}
@media (min-width: 768px) {
/* line 130, app/assets/stylesheets/new-index.css.scss */
.road-protection-image.square {
display: block;
}
}
@media (min-width: 1024px) {
/* line 130, app/assets/stylesheets/new-index.css.scss */
.road-protection-image.square {
display: none;
}
}
/* line 141, app/assets/stylesheets/new-index.css.scss */
.road-protection-image.rectangle {
display: none;
}
@media (min-width: 1024px) {
/* line 141, app/assets/stylesheets/new-index.css.scss */
.road-protection-image.rectangle {
width: 476px;
display: block;
}
}
/* line 151, app/assets/stylesheets/new-index.css.scss */
.reviews {
background: #f5f8ff;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 80px;
}
@media (min-width: 768px) {
/* line 151, app/assets/stylesheets/new-index.css.scss */
.reviews {
padding-top: 35px;
padding-bottom: 25px;
}
}
@media (min-width: 1024px) {
/* line 151, app/assets/stylesheets/new-index.css.scss */
.reviews {
padding-top: 50px;
padding-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
/* line 167, app/assets/stylesheets/new-index.css.scss */
.reviews--uown {
margin-top: 340px;
}
}
@media (min-width: 1024px) {
/* line 167, app/assets/stylesheets/new-index.css.scss */
.reviews--uown {
margin-top: 285px;
}
}
/* line 177, app/assets/stylesheets/new-index.css.scss */
.reviews .slick-dots {
margin-left: 5px;
padding-top: 10px;
display: flex;
}
@media (min-width: 768px) {
/* line 177, app/assets/stylesheets/new-index.css.scss */
.reviews .slick-dots {
margin-left: 15px;
}
}
/* line 187, app/assets/stylesheets/new-index.css.scss */
.reviews .slick-dots li {
font-size: 0;
margin-right: 6px;
width: 8px;
height: 8px;
background-color: #d3d3d3;
border-radius: 50%;
}
/* line 196, app/assets/stylesheets/new-index.css.scss */
.reviews .slick-dots .slick-active {
background-color: var(--blue);
}
@media (min-width: 768px) {
/* line 201, app/assets/stylesheets/new-index.css.scss */
.reviews__heading {
display: flex;
}
}
/* line 207, app/assets/stylesheets/new-index.css.scss */
.reviews__content {
margin: 0 -5px;
}
@media (min-width: 768px) {
/* line 207, app/assets/stylesheets/new-index.css.scss */
.reviews__content {
margin: 0 -15px;
}
}
/* line 214, app/assets/stylesheets/new-index.css.scss */
.reviews__container {
margin: auto;
width: calc(100% - 40px);
}
@media (min-width: 768px) {
/* line 214, app/assets/stylesheets/new-index.css.scss */
.reviews__container {
max-width: 650px;
}
}
@media (min-width: 1024px) {
/* line 214, app/assets/stylesheets/new-index.css.scss */
.reviews__container {
max-width: 1140px;
}
}
/* line 227, app/assets/stylesheets/new-index.css.scss */
.reviews__title {
font-family: Raleway;
font-size: 24px;
font-weight: bold;
color: #000;
}
@media (min-width: 768px) {
/* line 227, app/assets/stylesheets/new-index.css.scss */
.reviews__title {
font-size: 26px;
}
}
@media (min-width: 1024px) {
/* line 227, app/assets/stylesheets/new-index.css.scss */
.reviews__title {
font-size: 32px;
}
}
/* line 242, app/assets/stylesheets/new-index.css.scss */
.reviews__subtitle {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: center;
color: #000000;
margin: 8px 0 16px 5px;
}
@media (min-width: 1024px) {
/* line 242, app/assets/stylesheets/new-index.css.scss */
.reviews__subtitle {
text-align: left;
max-width: 300px;
margin-top: 16px;
}
}
@media (min-width: 1024px) and (max-width: 1320px) {
/* line 242, app/assets/stylesheets/new-index.css.scss */
.reviews__subtitle {
text-align: center;
max-width: unset;
}
}
/* line 265, app/assets/stylesheets/new-index.css.scss */
.reviews__rating {
position: relative;
font-family: Graphik;
font-size: 24px;
font-weight: 600;
color: var(--blue);
display: flex;
align-items: center;
}
@media (min-width: 768px) {
/* line 265, app/assets/stylesheets/new-index.css.scss */
.reviews__rating {
margin-left: 30px;
}
}
@media (min-width: 1024px) {
/* line 265, app/assets/stylesheets/new-index.css.scss */
.reviews__rating {
font-size: 28px;
}
}
/* line 282, app/assets/stylesheets/new-index.css.scss */
.reviews__rating:before {
margin-right: 15px;
content: '';
width: 94px;
height: 15px;
background: url(https://d19pbi8vkdue6m.cloudfront.net/svg/stars.svg) no-repeat;
}
@media (min-width: 768px) {
/* line 282, app/assets/stylesheets/new-index.css.scss */
.reviews__rating:before {
width: 112px;
height: 19px;
background-size: cover;
}
}
/* line 297, app/assets/stylesheets/new-index.css.scss */
.reviews__rating .from {
position: relative;
font-size: 16px;
}
@media (min-width: 768px) {
/* line 297, app/assets/stylesheets/new-index.css.scss */
.reviews__rating .from {
font-size: 18px;
}
}
@media (min-width: 1024px) {
/* line 297, app/assets/stylesheets/new-index.css.scss */
.reviews__rating .from {
font-size: 20px;
}
}
/* line 310, app/assets/stylesheets/new-index.css.scss */
.reviews__rating .from .number {
bottom: -3px;
position: absolute;
}
/* line 316, app/assets/stylesheets/new-index.css.scss */
.reviews-card {
width: 332px;
border-radius: 3px;
border: solid 1px #dfdfdf;
background-color: #fff;
padding: 10px 20px 20px 10px;
margin: 5px;
}
@media (min-width: 768px) {
/* line 316, app/assets/stylesheets/new-index.css.scss */
.reviews-card {
margin: 15px;
padding: 20px 25px 15px 20px;
}
}
/* line 330, app/assets/stylesheets/new-index.css.scss */
.reviews-card__heading {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
/* line 336, app/assets/stylesheets/new-index.css.scss */
.reviews-card__title {
font-family: Raleway;
font-size: 14px;
font-weight: 600;
color: #000;
}
@media (min-width: 768px) {
/* line 336, app/assets/stylesheets/new-index.css.scss */
.reviews-card__title {
font-size: 16px;
}
}
/* line 347, app/assets/stylesheets/new-index.css.scss */
.reviews-card__text {
font-family: Raleway;
font-size: 14px;
line-height: 1.43;
color: #000;
}
@media (min-width: 768px) {
/* line 347, app/assets/stylesheets/new-index.css.scss */
.reviews-card__text {
font-size: 16px;
}
}
/* line 358, app/assets/stylesheets/new-index.css.scss */
.reviews-card__rating {
width: 81px;
height: 14px;
background: url(https://d19pbi8vkdue6m.cloudfront.net/svg/card-stars.svg) no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
/* line 358, app/assets/stylesheets/new-index.css.scss */
.reviews-card__rating {
height: 15px;
width: 90px;
}
}
/* line 371, app/assets/stylesheets/new-index.css.scss */
.payment-plans__hp {
background-color: var(--blue);
height: 430px;
position: relative;
margin-bottom: 220px;
}
@media (min-width: 768px) {
/* line 371, app/assets/stylesheets/new-index.css.scss */
.payment-plans__hp {
height: 217px;
margin-bottom: 240px;
width: 700px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
}
@media (min-width: 1024px) {
/* line 371, app/assets/stylesheets/new-index.css.scss */
.payment-plans__hp {
width: 1015px;
height: 286px;
height: 286px;
margin-bottom: 320px;
}
}
@media (min-width: 1440px) {
/* line 371, app/assets/stylesheets/new-index.css.scss */
.payment-plans__hp {
width: 1200px;
}
}
/* line 397, app/assets/stylesheets/new-index.css.scss */
.payment-plans__hp:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
width: 100%;
right: 99%;
width: 100vw;
background: var(--blue);
}
/* line 409, app/assets/stylesheets/new-index.css.scss */
.payment-plans__container {
margin: auto;
padding-top: 20px;
width: calc(100% - 30px);
}
@media (min-width: 768px) {
/* line 409, app/assets/stylesheets/new-index.css.scss */
.payment-plans__container {
width: 640px;
}
}
@media (min-width: 1024px) {
/* line 409, app/assets/stylesheets/new-index.css.scss */
.payment-plans__container {
padding-top: 35px;
width: 980px;
}
}
/* line 424, app/assets/stylesheets/new-index.css.scss */
.payment-plans__title {
font-family: Raleway;
font-size: 22px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}
@media (min-width: 768px) {
/* line 424, app/assets/stylesheets/new-index.css.scss */
.payment-plans__title {
font-size: 28px;
}
}
@media (min-width: 1024px) {
/* line 424, app/assets/stylesheets/new-index.css.scss */
.payment-plans__title {
font-size: 36px;
margin-bottom: 10px;
}
}
/* line 441, app/assets/stylesheets/new-index.css.scss */
.payment-plans__desc {
font-family: Raleway;
font-size: 16px;
font-weight: bold;
line-height: 1.25;
color: rgba(255, 255, 255, 0.75);
margin-bottom: 15px;
}
@media (min-width: 768px) {
/* line 441, app/assets/stylesheets/new-index.css.scss */
.payment-plans__desc {
font-size: 18px;
margin-bottom: 30px;
}
}
@media (min-width: 1024px) {
/* line 441, app/assets/stylesheets/new-index.css.scss */
.payment-plans__desc {
font-size: 24px;
}
}
/* line 459, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content {
position: absolute;
padding: 10px 12px;
left: 15px;
right: 15px;
width: auto;
height: 459px;
border-radius: 6px;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
}
@media (min-width: 768px) {
/* line 459, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content {
margin: auto;
width: 640px;
height: 270px;
padding: 20px;
}
}
@media (min-width: 1024px) {
/* line 459, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content {
width: 980px;
height: 356px;
padding: 20px 45px;
}
}
/* line 484, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs {
position: relative;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
@media (min-width: 768px) {
/* line 484, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs {
margin-bottom: 40px;
justify-content: space-around;
}
}
@media (min-width: 1024px) {
/* line 484, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs {
margin-bottom: 50px;
justify-content: space-between;
}
}
/* line 500, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs::before {
content: '';
position: absolute;
left: 50%;
width: 2px;
height: 40px;
background: #e6e6e6;
}
@media (min-width: 768px) {
/* line 500, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs::before {
left: 51%;
top: -5px;
}
}
@media (min-width: 1024px) {
/* line 500, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tabs::before {
height: 51px;
left: 51%;
top: -5px;
}
}
/* line 520, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tab {
width: 147px;
text-transform: uppercase;
font-family: Raleway;
font-size: 15px;
font-weight: bold;
text-align: center;
color: var(--blue);
}
@media (min-width: 768px) {
/* line 520, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tab {
font-size: 16px;
width: auto;
}
}
@media (min-width: 1024px) {
/* line 520, app/assets/stylesheets/new-index.css.scss */
.payment-plans__content-tab {
font-size: 22px;
padding: 0 30px;
}
}
@media (min-width: 768px) {
/* line 540, app/assets/stylesheets/new-index.css.scss */
.payment-plans__blocks {
display: flex;
}
}
/* line 546, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point {
position: relative;
width: 100%;
font-family: Raleway;
font-size: 16px;
font-weight: bold;
color: #515052;
margin-bottom: 30px;
}
@media (min-width: 1024px) {
/* line 546, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point {
font-size: 20px;
margin-bottom: 45px;
}
}
/* line 561, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point:last-child::before {
display: none;
}
/* line 566, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point::before {
top: 40px;
content: '';
position: absolute;
width: 82px;
height: 2px;
background: var(--blue);
}
@media (min-width: 1024px) {
/* line 566, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point::before {
top: 50px;
}
}
/* line 579, app/assets/stylesheets/new-index.css.scss */
.payment-plans__point .blue {
color: var(--blue);
}
/* line 584, app/assets/stylesheets/new-index.css.scss */
.payment-plans__tip {
right: 15px;
bottom: 10px;
position: absolute;
font-family: Raleway;
font-size: 12px;
color: #515052;
}
/* line 593, app/assets/stylesheets/new-index.css.scss */
.payment-plans__img {
display: block;
margin: auto;
width: 260px;
}
@media (min-width: 768px) {
/* line 593, app/assets/stylesheets/new-index.css.scss */
.payment-plans__img {
position: relative;
top: -10px;
right: -20px;
width: 230px;
}
}
@media (min-width: 1024px) {
/* line 593, app/assets/stylesheets/new-index.css.scss */
.payment-plans__img {
top: -20px;
right: -60px;
width: 290px;
}
}
/* line 612, app/assets/stylesheets/new-index.css.scss */
.main-banner {
height: 800px !important;
margin-bottom: 50px;
}
@media (min-width: 1024px) {
/* line 612, app/assets/stylesheets/new-index.css.scss */
.main-banner {
height: 880px !important;
margin-bottom: 40px;
}
}
/* line 622, app/assets/stylesheets/new-index.css.scss */
.how-it-works {
background-color: #f5f8ff;
counter-reset: section;
padding: 27px 0 17px 64px;
margin-bottom: 80px;
margin-top: -40px;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 622, app/assets/stylesheets/new-index.css.scss */
.how-it-works {
padding: 27px 15px 35px;
margin-bottom: 40px;
margin-top: -50px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
/* line 622, app/assets/stylesheets/new-index.css.scss */
.how-it-works {
padding-left: 0;
align-items: center;
}
}
@media (min-width: 1201px) {
/* line 622, app/assets/stylesheets/new-index.css.scss */
.how-it-works {
display: flex;
align-items: center;
}
}
/* line 647, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
font-size: 36px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #000000;
}
@media (max-width: 1023px) {
/* line 647, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
font-size: 26px;
}
}
@media (min-width: 1024px) {
/* line 647, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
text-align: left;
}
}
@media (min-width: 1024px) and (max-width: 1320px) {
/* line 647, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
text-align: center;
}
}
/* line 670, app/assets/stylesheets/new-index.css.scss */
.how-it-works__subtitle {
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
text-align: center;
color: #000000;
margin: 8px 0 16px 0;
}
@media (min-width: 1024px) {
/* line 670, app/assets/stylesheets/new-index.css.scss */
.how-it-works__subtitle {
text-align: left;
max-width: 300px;
margin-top: 16px;
}
}
@media (min-width: 1024px) and (max-width: 1320px) {
/* line 670, app/assets/stylesheets/new-index.css.scss */
.how-it-works__subtitle {
text-align: center;
max-width: unset;
}
}
@media (min-width: 1024px) {
/* line 693, app/assets/stylesheets/new-index.css.scss */
.how-it-works__items {
display: flex;
margin-left: 34px;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
/* line 693, app/assets/stylesheets/new-index.css.scss */
.how-it-works__items {
display: flex;
justify-content: center;
}
}
/* line 705, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item {
display: flex;
margin-top: 8px;
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
height: 86px;
position: relative;
}
/* line 714, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item:last-child {
height: 98px;
}
@media (min-width: 1024px) {
/* line 714, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item:last-child {
height: unset;
}
}
@media (min-width: 1024px) {
/* line 705, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item {
min-width: 260px;
height: 135px;
max-width: 260px;
margin-right: 20px;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
/* line 705, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item {
width: calc(50% + 15px);
margin-left: auto;
margin-right: auto;
}
}
/* line 736, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item::before {
padding: 0 10px;
counter-increment: section;
content: counter(section);
font-size: 40px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
background-color: #27187e;
height: 100%;
display: flex;
width: 44px;
align-items: center;
z-index: 2;
}
/* line 757, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-content {
padding: 22px 0;
display: flex;
position: relative;
}
@media (min-width: 1024px) {
/* line 757, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-content {
flex-direction: column;
padding: 6px 0;
align-items: center;
text-align: center;
justify-content: center;
margin: 0 auto;
}
}
/* line 772, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-content--with-tip {
padding-top: 15px;
width: 100%;
}
@media (min-width: 1024px) {
/* line 772, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-content--with-tip {
padding-top: 6px;
justify-content: unset;
}
}
/* line 781, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-notice {
font-size: 12px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #27187e;
}
/* line 791, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item__installers-tip {
position: absolute;
bottom: 0;
height: 19px;
margin: 11px 0 0;
text-align: center;
border-bottom-right-radius: 3px;
background-color: #fff3aa;
font-size: 12px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
color: #27187e;
z-index: 1;
width: 100%;
}
@media (min-width: 1024px) {
/* line 791, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item__installers-tip {
line-height: 1.18;
letter-spacing: normal;
text-align: center;
color: #27187e;
height: auto;
padding: 3px 32px;
width: 100%;
}
}
@media (min-width: 413px) and (max-width: 768px) {
/* line 791, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item__installers-tip {
width: 100%;
}
}
/* line 826, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-icon {
width: 45px;
height: 38px;
margin: 0 24px 0 17px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 833, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-text {
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #000000;
}
/* line 843, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-notice {
font-size: 12px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
color: #27187e;
width: 210px;
position: absolute;
bottom: 6px;
right: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 1024px) {
/* line 843, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-notice {
right: 0;
}
}
/* line 864, app/assets/stylesheets/new-index.css.scss */
.how-it-works__item-notice img {
padding-right: 2px;
}
/* line 868, app/assets/stylesheets/new-index.css.scss */
.rebates-container {
padding-top: 80px;
}
/* line 871, app/assets/stylesheets/new-index.css.scss */
.rebates {
width: 360px;
margin: auto;
}
@media (min-width: 640px) {
/* line 871, app/assets/stylesheets/new-index.css.scss */
.rebates {
width: 580px;
}
}
@media (min-width: 1024px) {
/* line 871, app/assets/stylesheets/new-index.css.scss */
.rebates {
width: 860px;
}
}
/* line 884, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-arrow {
position: absolute;
font-size: 0;
width: 20px;
height: 20px;
border: 2px solid #000;
top: 50%;
transform: translateY(-50%) rotate(45deg);
outline: none;
}
@media (min-width: 768px) {
/* line 884, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-arrow {
width: 30px;
height: 30px;
}
}
/* line 900, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-prev {
left: -20px;
border-top-width: 0;
border-right-width: 0;
}
@media (min-width: 768px) {
/* line 900, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-prev {
left: -40px;
}
}
/* line 910, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-next {
right: -20px;
border-left-width: 0;
border-bottom-width: 0;
}
@media (min-width: 768px) {
/* line 910, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-next {
right: -40px;
}
}
/* line 920, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-track {
display: flex;
}
/* line 924, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-dots li {
margin: 20px 5px 0;
background-color: #ffffff;
border: 1px solid #707070;
width: 25px;
height: 10px;
display: inline-block;
border-radius: 0;
font-size: 0;
}
/* line 935, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-dots .slick-active {
border: 1px solid #707070;
background-color: #333333;
color: #fff;
}
/* line 941, app/assets/stylesheets/new-index.css.scss */
.rebates .slick-dots {
display: flex;
align-items: center;
justify-content: center;
}
/* line 947, app/assets/stylesheets/new-index.css.scss */
.rebates__all {
text-align: center;
margin-top: 10px;
}
/* line 951, app/assets/stylesheets/new-index.css.scss */
.rebates__all a:hover {
color: var(--blue);
text-decoration: underline !important;
}
/* line 957, app/assets/stylesheets/new-index.css.scss */
.rebates__card {
margin: 0 20px;
width: 340px !important;
}
@media (min-width: 640px) {
/* line 957, app/assets/stylesheets/new-index.css.scss */
.rebates__card {
width: 580px !important;
height: 300px;
}
}
@media (min-width: 768px) {
/* line 957, app/assets/stylesheets/new-index.css.scss */
.rebates__card {
width: 600px !important;
}
}
@media (min-width: 1024px) {
/* line 957, app/assets/stylesheets/new-index.css.scss */
.rebates__card {
width: 887px !important;
height: 333px !important;
}
}
/* line 975, app/assets/stylesheets/new-index.css.scss */
.rebates__card img {
width: 100%;
height: 100%;
}
/* line 980, app/assets/stylesheets/new-index.css.scss */
.rebates-container h1 {
margin-bottom: 22px;
}
/* line 984, app/assets/stylesheets/new-index.css.scss */
.rebates-subtitle {
text-align: center;
}
/* line 988, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 470px !important;
height: 190px;
margin: 0 auto;
}
/* line 994, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 470px !important;
height: 190px;
margin: auto;
box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.29);
}
@media (min-width: 640px) {
/* line 994, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 580px;
}
}
@media (min-width: 1024px) {
/* line 994, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 860px;
}
}
/* line 1010, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-arrow {
position: absolute;
font-size: 0;
width: 15px !important;
height: 15px !important;
border: solid 3px #fff;
top: 50%;
transform: translateY(-50%) rotate(45deg);
outline: none;
}
@media (min-width: 768px) {
/* line 1010, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-arrow {
width: 30px;
height: 30px;
}
}
/* line 1026, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-prev {
left: -20px;
border-top-width: 0;
border-right-width: 0;
}
/* line 1036, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-next {
right: -20px;
border-left-width: 0;
border-bottom-width: 0;
}
/* line 1046, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-track {
display: flex;
}
/* line 1050, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-dots li {
margin: 20px 5px 0;
background-color: #ffffff;
border: 1px solid #707070;
width: 15px;
height: 15px;
display: inline-block;
border-radius: 0;
font-size: 0;
}
/* line 1061, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-dots .slick-active {
border: 1px solid #707070;
background-color: #333333;
color: #fff;
}
/* line 1067, app/assets/stylesheets/new-index.css.scss */
.rebates-bf .slick-dots {
display: flex;
align-items: center;
justify-content: center;
}
/* line 1073, app/assets/stylesheets/new-index.css.scss */
.rebates__all {
text-align: center;
margin-top: 10px;
}
/* line 1077, app/assets/stylesheets/new-index.css.scss */
.rebates__all a:hover {
color: var(--blue);
text-decoration: underline !important;
}
/* line 1083, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 470px !important;
}
/* line 1087, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf img {
height: 100% !important;
width: 100% !important;
}
@-moz-document url-prefix() {
/* line 1093, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf img {
position: relative;
right: 50px;
}
}
/* line 1099, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf h1 {
margin-bottom: 22px;
}
/* line 1103, app/assets/stylesheets/new-index.css.scss */
.rebates-subtitle {
text-align: center;
}
/* line 1107, app/assets/stylesheets/new-index.css.scss */
.starts_now {
height: 70px;
padding: 12px 3px 80px 23px;
font-family: 'Gibson', sans-serif;
font-size: 65px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.31;
letter-spacing: normal;
text-align: center;
color: #ffd700;
}
/* line 1120, app/assets/stylesheets/new-index.css.scss */
.starts_now.cw {
color: #00ff8a;
}
/* line 1123, app/assets/stylesheets/new-index.css.scss */
.cyber_week {
text-shadow: 0 0 45px rgba(16, 225, 129, 0.5);
-webkit-text-stroke: 3.0px #00ff8a;
font-size: 80px;
font-weight: 900;
line-height: 0.62;
text-align: center;
color: rgba(0, 255, 138, 0);
}
@media (min-width: 510px) and (max-width: 1070px) {
/* line 1134, app/assets/stylesheets/new-index.css.scss */
.cyber_week {
font-size: 76px;
}
}
@media (min-width: 440px) and (max-width: 510px) {
/* line 1140, app/assets/stylesheets/new-index.css.scss */
.cyber_week {
font-size: 65px;
}
}
@media (min-width: 380px) and (max-width: 440px) {
/* line 1146, app/assets/stylesheets/new-index.css.scss */
.cyber_week {
font-size: 55px;
}
}
@media (max-width: 380px) {
/* line 1152, app/assets/stylesheets/new-index.css.scss */
.cyber_week {
font-size: 45px;
}
}
/* line 1157, app/assets/stylesheets/new-index.css.scss */
.up-to-back {
height: 38px;
margin: 3px 131px 15px;
font-family: 'Gibson', sans-serif;
font-size: 32px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
@media (min-width: 300px) and (max-width: 360px) {
/* line 1172, app/assets/stylesheets/new-index.css.scss */
.easyway {
padding-top: 15px;
}
/* line 1176, app/assets/stylesheets/new-index.css.scss */
.starts_now {
font-size: 37px;
padding-bottom: 20px;
}
/* line 1181, app/assets/stylesheets/new-index.css.scss */
.up-to-back {
margin: 0 0 !important;
height: 50px;
font-size: 25px;
}
/* line 1187, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
padding-top: 60px !important;
}
}
@media (min-width: 350px) and (max-width: 360px) {
/* line 1193, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 300px !important;
height: 130px !important;
}
/* line 1198, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 300px !important;
height: 130px !important;
}
/* line 1203, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 300px !important;
height: 130px !important;
}
}
@media (min-width: 300px) and (max-width: 350px) {
/* line 1210, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 260px !important;
height: 110px !important;
}
/* line 1215, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 260px !important;
height: 110px !important;
}
/* line 1220, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 260px !important;
height: 110px !important;
}
}
@media (min-width: 460px) and (max-width: 520px) {
/* line 1227, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 400px !important;
height: 170px !important;
}
/* line 1232, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 400px !important;
height: 170px !important;
}
/* line 1237, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 400px !important;
height: 170px !important;
}
}
@media (min-width: 520px) {
/* line 1244, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 470px !important;
height: 190px !important;
}
/* line 1249, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 470px !important;
height: 190px !important;
}
/* line 1254, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 470px !important;
height: 190px !important;
}
}
@media (min-width: 390px) and (max-width: 460px) {
/* line 1261, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 340px !important;
height: 150px !important;
}
/* line 1266, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 340px !important;
height: 150px !important;
}
/* line 1271, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 340px !important;
height: 150px !important;
}
}
@media (min-width: 360px) and (max-width: 390px) {
/* line 1278, app/assets/stylesheets/new-index.css.scss */
.rebates-container-bf {
width: 300px !important;
height: 130px !important;
}
/* line 1283, app/assets/stylesheets/new-index.css.scss */
.rebates-bf {
width: 300px !important;
height: 130px !important;
}
/* line 1288, app/assets/stylesheets/new-index.css.scss */
.rebates__card-bf {
width: 300px !important;
height: 130px !important;
}
}
@media (min-width: 360px) {
/* line 1295, app/assets/stylesheets/new-index.css.scss */
.easyway {
padding-top: 15px;
}
/* line 1299, app/assets/stylesheets/new-index.css.scss */
.starts_now {
font-size: 40px !important;
}
/* line 1303, app/assets/stylesheets/new-index.css.scss */
.up-to-back {
margin: 0 0 !important;
height: 50px;
font-size: 25px;
}
}
@media (min-width: 420px) {
/* line 1311, app/assets/stylesheets/new-index.css.scss */
.starts_now {
font-size: 51px !important;
height: 85px !important;
}
}
@media (min-width: 520px) {
/* line 1318, app/assets/stylesheets/new-index.css.scss */
.starts_now {
font-size: 50px;
}
/* line 1322, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
padding-top: 80px !important;
}
}
@media (min-width: 640px) {
/* line 1328, app/assets/stylesheets/new-index.css.scss */
.easyway {
padding-top: 0px;
}
/* line 1332, app/assets/stylesheets/new-index.css.scss */
.up-to-back {
font-size: 32px;
}
/* line 1336, app/assets/stylesheets/new-index.css.scss */
.starts_now {
font-size: 62px !important;
height: 85px !important;
}
/* line 1341, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
padding-top: 80px !important;
}
}
@media (min-width: 1023px) {
/* line 1347, app/assets/stylesheets/new-index.css.scss */
.how-it-works__title {
padding-top: 0px !important;
}
}
/* line 1, app/assets/stylesheets/oem-buttons.css.scss */
.oem-submit {
display: block;
width: 96%;
text-align: center;
height: 60px;
border-radius: 5px;
background: #64c57d;
max-width: 450px;
padding: 0;
margin: 10px auto 0;
color: #fff;
-webkit-appearance: none;
outline: none;
box-shadow: none;
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
border: none;
cursor: pointer;
}
/* line 23, app/assets/stylesheets/oem-buttons.css.scss */
.oem-submit:disabled {
opacity: 0.3;
}
/* line 28, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item {
width: 96%;
max-width: 450px;
position: relative;
margin: auto;
}
@media (min-width: 640px) {
/* line 28, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item {
width: auto;
}
}
@media (max-width: 767px) {
/* line 40, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item .column {
float: none !important;
}
}
/* line 46, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item .single-fitting h3 {
transform: none !important;
position: static !important;
}
@media (min-width: 768px) {
/* line 51, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item .oem-size-button span {
padding-left: 15px;
}
}
@media (min-width: 1024px) {
/* line 51, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-item .oem-size-button span {
padding-left: 35px !important;
}
}
/* line 62, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-align {
display: flex;
align-items: center;
}
/* line 67, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-radio {
top: 50%;
left: 10px;
position: absolute;
transform: translateY(-40%);
}
@media (min-width: 1024px) {
/* line 67, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-radio {
left: 20px;
}
}
/* line 77, app/assets/stylesheets/oem-buttons.css.scss */
.oem-verify-radio input {
width: 25px;
height: 25px;
}
/* line 84, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button,
.mpOEMStaggered .oem-size-button {
background: transparent;
}
/* line 87, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button h3,
.mpOEMSingleSize .oem-size-button h4,
.mpOEMStaggered .oem-size-button h3,
.mpOEMStaggered .oem-size-button h4 {
color: #000;
}
/* line 93, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button:hover,
.mpOEMStaggered .oem-size-button:hover {
background: transparent;
box-shadow: none;
}
/* line 97, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button:hover span,
.mpOEMStaggered .oem-size-button:hover span {
color: var(--blue);
}
/* line 101, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button:hover h3,
.mpOEMSingleSize .oem-size-button:hover h4,
.mpOEMSingleSize .oem-size-button:hover #wheel-tire-size,
.mpOEMStaggered .oem-size-button:hover h3,
.mpOEMStaggered .oem-size-button:hover h4,
.mpOEMStaggered .oem-size-button:hover #wheel-tire-size {
color: #000;
}
/* line 109, app/assets/stylesheets/oem-buttons.css.scss */
.mpOEMSingleSize .oem-size-button span,
.mpOEMStaggered .oem-size-button span {
color: var(--blue);
}
/* line 115, app/assets/stylesheets/oem-buttons.css.scss */
.oem-link-home {
display: block;
width: 96%;
text-align: center;
height: 60px;
border-radius: 5px;
background: #64c57d;
max-width: 450px;
padding: 0;
margin: 0 auto;
color: #fff !important;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
border: none;
padding-top: 10px;
padding-bottom: 10px;
}
/* line 1, app/assets/stylesheets/rebates.css.scss */
.rebate {
color: #fff;
width: 320px;
height: 39px;
position: relative;
top: -15px;
left: -20px;
}
@media (max-width: 767px) {
/* line 1, app/assets/stylesheets/rebates.css.scss */
.rebate {
left: -7px;
}
}
@media (min-width: 640px) {
/* line 1, app/assets/stylesheets/rebates.css.scss */
.rebate {
width: 365px;
}
}
/* line 17, app/assets/stylesheets/rebates.css.scss */
.rebate._full {
width: 100%;
margin-bottom: 50px;
position: static;
}
/* line 23, app/assets/stylesheets/rebates.css.scss */
.rebate._full .rebate__container {
justify-content: center;
}
/* line 27, app/assets/stylesheets/rebates.css.scss */
.rebate._full .rebate__container::before {
display: none;
}
/* line 31, app/assets/stylesheets/rebates.css.scss */
.rebate._with_warranty {
width: 100%;
position: unset;
text-align: center;
}
/* line 38, app/assets/stylesheets/rebates.css.scss */
.rebate__container {
font-size: 16px;
font-weight: bold;
background: #2bc16b;
display: flex;
align-items: center;
padding: 5px 20px;
}
@media (min-width: 640px) {
/* line 38, app/assets/stylesheets/rebates.css.scss */
.rebate__container {
font-size: 18px;
}
}
/* line 50, app/assets/stylesheets/rebates.css.scss */
.rebate__container._with_warranty {
font-size: 14px;
background: #e9feec;
color: #2bc16b;
padding: 0px 5px;
}
/* line 57, app/assets/stylesheets/rebates.css.scss */
.rebate__container._black-friday {
font-size: 14px;
background: #ffd700;
color: #000;
padding: 0px 5px;
border-radius: 18.5px;
width: 330px;
margin-left: 5px;
margin-right: 65px;
margin-top: 5px;
height: 37px;
cursor: pointer;
}
@media (min-width: 750px) {
/* line 57, app/assets/stylesheets/rebates.css.scss */
.rebate__container._black-friday {
position: inherit;
}
}
/* line 75, app/assets/stylesheets/rebates.css.scss */
.rebate__container._cyber-week {
font-size: 14px;
background: #05303e;
color: #00ff8a;
padding: 0px 5px;
border-radius: 18.5px;
width: 330px;
margin-left: 5px;
margin-right: 65px;
margin-top: 5px;
height: 37px;
cursor: pointer;
}
@media (min-width: 750px) {
/* line 75, app/assets/stylesheets/rebates.css.scss */
.rebate__container._cyber-week {
position: inherit;
}
}
/* line 93, app/assets/stylesheets/rebates.css.scss */
.rebate__container::before {
content: '';
width: 30px;
height: 30px;
background: #fff;
transform: rotate(45deg);
position: absolute;
right: -15px;
}
/* line 104, app/assets/stylesheets/rebates.css.scss */
.rebate__separator {
margin: 0 10px;
width: 1px;
height: 30px;
background: #fff;
}
@media (min-width: 640px) {
/* line 104, app/assets/stylesheets/rebates.css.scss */
.rebate__separator {
margin: 0 15px;
}
}
/* line 114, app/assets/stylesheets/rebates.css.scss */
.rebate__separator._with_warranty {
margin: 0 10px;
}
/* line 120, app/assets/stylesheets/rebates.css.scss */
.rebate__main._with_warranty {
padding-left: 3px;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-width: 640px) {
/* line 120, app/assets/stylesheets/rebates.css.scss */
.rebate__main._with_warranty {
white-space: unset;
}
}
/* line 131, app/assets/stylesheets/rebates.css.scss */
.rebate__promo {
text-transform: uppercase;
}
/* line 135, app/assets/stylesheets/rebates.css.scss */
.rebate__warranty {
text-transform: uppercase;
}
/* line 139, app/assets/stylesheets/rebates.css.scss */
.rebate__link {
cursor: pointer;
text-decoration: underline;
}
/* line 143, app/assets/stylesheets/rebates.css.scss */
.rebate__link._with_warranty {
white-space: nowrap;
}
/* line 148, app/assets/stylesheets/rebates.css.scss */
.rebate__description {
color: #000;
font-size: 11px;
padding-top: 5px;
padding-left: 5px;
}
/* line 155, app/assets/stylesheets/rebates.css.scss */
.alltires .alltirewrap .tireinfo .strip {
position: relative;
left: -20px;
top: -20px;
width: calc(100% + 40px);
}
@media (max-width: 1023px) {
/* line 162, app/assets/stylesheets/rebates.css.scss */
#RebateModal {
top: 130px !important;
height: auto !important;
min-height: auto !important;
}
}
/* line 170, app/assets/stylesheets/rebates.css.scss */
.rebate-detailed-description {
font-size: 24px;
}
@media screen and (max-width: 39.9375em) {
/* line 170, app/assets/stylesheets/rebates.css.scss */
.rebate-detailed-description {
font-size: 16px;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
/* line 170, app/assets/stylesheets/rebates.css.scss */
.rebate-detailed-description {
font-size: 20px;
}
}
/* line 180, app/assets/stylesheets/rebates.css.scss */
.star-symbol {
font-size: 27px;
padding-left: 5px;
padding-right: 7px;
padding-bottom: 3px;
}
/* line 186, app/assets/stylesheets/rebates.css.scss */
.rebate__promo_bf {
text-transform: uppercase;
font-size: 13.6px;
}
/* line 191, app/assets/stylesheets/rebates.css.scss */
.rebate__promo_cw {
text-transform: uppercase;
text-shadow: 0 0 5px rgba(16, 225, 129, 0.38);
-webkit-text-stroke: 1.2px #00ff8a;
font-size: 13.6px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: rgba(255, 255, 255, 0);
}
/* line 203, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_bf {
margin: 0 10px;
width: 1px;
height: 30px;
background: #000;
}
@media (min-width: 640px) {
/* line 203, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_bf {
margin: 0 10px;
}
}
/* line 213, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_bf._with_warranty {
margin: 0 10px;
}
/* line 218, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_cw {
margin: 0 10px;
width: 1px;
height: 30px;
background: #fff;
}
@media (min-width: 640px) {
/* line 218, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_cw {
margin: 0 10px;
}
}
/* line 228, app/assets/stylesheets/rebates.css.scss */
.rebate__separator_cw._with_warranty {
margin: 0 10px;
}
/* line 233, app/assets/stylesheets/rebates.css.scss */
.arrow-bf {
color: #000;
padding-left: 10px;
font-size: 25px;
font-weight: bold;
cursor: pointer;
padding-top: 3px;
}
/* line 242, app/assets/stylesheets/rebates.css.scss */
.arrow-cw {
color: #fff;
padding-left: 25px;
font-size: 25px;
font-weight: bold;
cursor: pointer;
padding-top: 3px;
}
@media screen and (min-width: 360px) and (max-width: 400px) {
/* line 251, app/assets/stylesheets/rebates.css.scss */
.rebate-button-bf {
margin-left: -13px;
}
}
/* line 257, app/assets/stylesheets/rebates.css.scss */
.deal-rebate-button {
margin: auto;
width: 100%;
max-width: 840px;
padding: 20px;
}
@media screen and (min-width: 300px) and (max-width: 840) {
/* line 257, app/assets/stylesheets/rebates.css.scss */
.deal-rebate-button {
margin: 0 0 0 -13px;
}
}
/* line 267, app/assets/stylesheets/rebates.css.scss */
.deal-rebate-button .button-bf {
width: 100% !important;
display: flex;
justify-content: center;
min-width: 330px;
}
/* line 274, app/assets/stylesheets/rebates.css.scss */
.webp .banner.bf {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://d19pbi8vkdue6m.cloudfront.net/png/headbg_bf.webp") no-repeat center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
/* line 284, app/assets/stylesheets/rebates.css.scss */
.no-webp .banner.bf {
background: url("https://d19pbi8vkdue6m.cloudfront.net/png/headbg_bf.png") no-repeat center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
/* line 293, app/assets/stylesheets/rebates.css.scss */
.webp .banner.cw {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://d19pbi8vkdue6m.cloudfront.net/png/headbg_cw.webp") no-repeat center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
/* line 303, app/assets/stylesheets/rebates.css.scss */
.no-webp .banner.cw {
background: url("https://d19pbi8vkdue6m.cloudfront.net/png/headbg_cw.png") no-repeat center top;
background-size: cover;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
}
/* line 312, app/assets/stylesheets/rebates.css.scss */
.tire_main_info_wrapper ._cyber-week {
margin-top: 28px !important;
}
/* line 316, app/assets/stylesheets/rebates.css.scss */
.tire_main_info_wrapper ._black-friday {
margin-top: 28px !important;
}
@media screen and (max-width: 767px) {
/* line 321, app/assets/stylesheets/rebates.css.scss */
.tire_main_info_wrapper ._cyber-week {
margin-top: 40px !important;
}
/* line 324, app/assets/stylesheets/rebates.css.scss */
.tire_main_info_wrapper ._black-friday {
margin-top: 40px !important;
}
}
/* line 1, app/assets/stylesheets/deals.css.scss */
.off-canvas-toggler {
display: none;
}
@media screen and (max-width: 1024px) {
/* line 6, app/assets/stylesheets/deals.css.scss */
.not-off-canvas-sidebar {
display: none;
}
/* line 10, app/assets/stylesheets/deals.css.scss */
.off-canvas-toggler {
display: block;
position: sticky;
z-index: 999;
top: 120px;
}
/* line 17, app/assets/stylesheets/deals.css.scss */
.off-canvas-toggler.wheel {
top: 120px;
}
/* line 21, app/assets/stylesheets/deals.css.scss */
.is-reveal-open .off-canvas {
display: none;
}
/* line 25, app/assets/stylesheets/deals.css.scss */
.off-canvas .sidebar {
padding: 0;
}
/* line 29, app/assets/stylesheets/deals.css.scss */
.off-canvas .filterwrap {
border-top: 0;
border-bottom: 0;
border-left: 0;
border-radius: 0;
}
/* line 36, app/assets/stylesheets/deals.css.scss */
.off-canvas.position-left {
z-index: 1300;
width: 100%;
}
/* line 42, app/assets/stylesheets/deals.css.scss */
.alltires .filterwrap {
display: block;
}
/* line 46, app/assets/stylesheets/deals.css.scss */
.is-closed.off-canvas .alltires .filterwrap {
display: none;
}
/* line 49, app/assets/stylesheets/deals.css.scss */
.is-open.off-canvas .alltires .filterwrap {
display: block;
}
}
/* line 54, app/assets/stylesheets/deals.css.scss */
.deals-container {
margin: auto;
margin-bottom: 50px;
width: calc(100% - 30px);
}
/* line 59, app/assets/stylesheets/deals.css.scss */
.deals-container:last-child {
margin-bottom: 0;
}
/* line 64, app/assets/stylesheets/deals.css.scss */
.deal__item {
margin-bottom: 20px;
}
/* line 67, app/assets/stylesheets/deals.css.scss */
.deal__item:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
/* line 64, app/assets/stylesheets/deals.css.scss */
.deal__item {
display: flex;
}
}
@media (min-width: 768px) {
/* line 76, app/assets/stylesheets/deals.css.scss */
.deal__content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
/* line 84, app/assets/stylesheets/deals.css.scss */
.deal__desc {
font-size: 18px;
}
/* line 88, app/assets/stylesheets/deals.css.scss */
.deal__btn {
display: inline-block;
padding: 0;
background: transparent;
height: 40px;
color: #000;
text-align: center;
vertical-align: middle;
line-height: 40px;
border: 1px solid var(--blue);
border-radius: 5px;
font-size: 15px;
font-family: 'Raleway', sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
margin: 10px auto 0;
width: 100%;
}
/* line 109, app/assets/stylesheets/deals.css.scss */
.deal__icon {
margin-right: 5px;
}
/* line 113, app/assets/stylesheets/deals.css.scss */
.alltires .filterwrap .specialscheckbox {
cursor: pointer;
padding: 0 0 15px 0;
}
/* line 117, app/assets/stylesheets/deals.css.scss */
.alltires .filterwrap .specialscheckbox label.container {
display: flex;
justify-content: space-between;
align-items: flex-end;
font-size: 16px;
font-weight: 700;
}
/* line 124, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item-container .mark::before,
.specialscheckbox .mark::before {
content: '$';
color: green;
}
/* line 130, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item-container .mark::before,
.specialscheckbox-quickfilter::before {
margin-right: 5px;
}
/* line 134, app/assets/stylesheets/deals.css.scss */
.alltires .filterwrap .specialscheckbox label.container input {
width: 20px;
height: 20px;
margin: 0;
align-self: center;
}
/* line 140, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-filter {
text-transform: uppercase;
border-bottom: solid 1px #e2e2e2;
padding-bottom: 20px;
padding-left: 20px !important;
margin-bottom: -20px;
}
@media screen and (max-width: 576px) {
/* line 148, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-filter {
margin-top: 5px;
margin-bottom: 0;
padding-left: 0px !important;
}
}
/* line 154, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-filter .checkmark {
left: unset !important;
right: 20px;
}
@media screen and (max-width: 576px) {
/* line 159, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-filter .checkmark {
right: 0px;
}
}
/* line 163, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-label {
margin-left: 40px;
}
/* line 166, app/assets/stylesheets/deals.css.scss */
.light-truck-tire-sublabel {
text-transform: none;
}
/* line 169, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item-container {
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
}
/* line 175, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item-container h3 {
margin-right: 20px;
}
@media screen and (max-width: 576px) {
/* line 179, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item-container {
display: initial;
}
}
@media screen and (max-width: 1023px) {
/* line 184, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item {
width: 100%;
}
}
/* line 188, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item .container,
.container-checked {
margin: 10px 20px 10px 0;
position: relative;
text-transform: uppercase;
display: inline-block;
background-color: #eee;
padding: 5px;
border-radius: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media screen and (max-width: 576px) {
/* line 204, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item .container,
.container-checked {
margin-left: 0;
}
}
/* line 209, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item .container-checked {
color: var(--blue);
background-color: #eef1fd;
}
/* line 213, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item input {
position: absolute;
cursor: pointer;
left: 10px;
top: 8px;
width: 18px;
height: 18px;
}
/* line 221, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item input:disabled {
cursor: default;
}
/* line 224, app/assets/stylesheets/deals.css.scss */
.search-results-quick-filter-item label {
color: #2e2b2a;
font-weight: 600;
}
/* line 229, app/assets/stylesheets/deals.css.scss */
.filter_btn {
text-align: right;
padding-right: 40px;
background-position-x: calc(100% - 10px);
}
/* line 235, app/assets/stylesheets/deals.css.scss */
h1.deals-header {
margin-bottom: 20px;
}
/* line 239, app/assets/stylesheets/deals.css.scss */
.deals-subtitle {
text-align: center;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
/* line 1, app/assets/stylesheets/addons.css.scss */
.tab {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
width: 100%;
}
/* line 8, app/assets/stylesheets/addons.css.scss */
.tab.not-display {
display: none;
}
/* line 13, app/assets/stylesheets/addons.css.scss */
.addons {
padding: 15px;
border: solid 1px #e2e2e2;
border-radius: 5px;
background: #fff;
}
@media (max-width: 767px) {
/* line 13, app/assets/stylesheets/addons.css.scss */
.addons {
margin-bottom: 10px;
}
}
/* line 23, app/assets/stylesheets/addons.css.scss */
.addons select {
margin: 0;
}
@media screen and (min-width: 1023px) {
/* line 28, app/assets/stylesheets/addons.css.scss */
.large-5-6 {
width: 48%;
}
}
/* line 40, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button:first-child {
margin-right: 15px;
}
/* line 44, app/assets/stylesheets/addons.css.scss */
.allstate-year-option {
justify-content: flex-end;
flex-wrap: wrap;
display: flex;
width: 100%;
}
@media screen and (max-width: 576px) {
/* line 44, app/assets/stylesheets/addons.css.scss */
.allstate-year-option {
align-items: center;
justify-content: space-between;
}
/* line 54, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button {
width: calc(50% - 10px);
}
/* line 58, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button .allstate-label {
text-align: center;
padding: 0 0px 0 0px;
}
}
/* line 64, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button {
font-size: 8px;
background-color: #f4f4f4;
transition: 0s linear;
}
/* line 69, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button .allstate-label__text {
font-weight: 700;
color: #a5a5a5;
font-weight: bold;
}
/* line 75, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button.active {
background: #3f70fb;
}
/* line 78, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button.active .allstate-label__checkbox {
display: inline-block;
}
/* line 82, app/assets/stylesheets/addons.css.scss */
.allstate-year-option .button.active .allstate-label__text {
color: #fff;
}
/* line 90, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .button {
font-size: 8px;
color: black;
background-color: #f1f2f6;
transition: 0s linear;
position: relative;
margin-bottom: 16px;
}
@media (min-width: 1023px) {
/* line 90, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .button {
width: 49%;
}
}
@media (max-width: 767px) {
/* line 90, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .button {
margin-bottom: 28px;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
/* line 90, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .button {
margin-bottom: 24px;
}
}
/* line 111, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .button.active .allstate-label:before {
width: 16px;
height: 16px;
border: 3px solid #fff;
background-color: var(--blue);
box-shadow: 0px 0px 0px 2px #4a4a4a;
}
/* line 122, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .option .protection-list-info {
font-weight: normal;
text-align: start;
padding: 8px 0px 15px 10px;
font-size: 14px;
}
/* line 128, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .option .protection-list-info .point-info::before {
content: '\2022';
color: #27187e;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
/* line 137, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .option .allstate-label {
color: black;
font-size: 16px;
background-color: #f1f2f6;
}
/* line 142, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .option .allstate-label:before {
border: 2px solid #4a4a4a;
top: 13px;
background-color: white;
}
/* line 148, app/assets/stylesheets/addons.css.scss */
.allstate-protection-option .option .allstate-label .cost {
color: var(--blue);
font-size: 14px;
margin: auto;
}
/* line 157, app/assets/stylesheets/addons.css.scss */
.allstate-year-option
input:checked
~ .allstate-checkbox-label
.allstate-label__checkbox {
background-color: #3f70fb;
}
/* line 163, app/assets/stylesheets/addons.css.scss */
.allstate-year-option
input:checked
~ .allstate-checkbox-label
.allstate-label__checkbox:before {
background-image: url("https://d19pbi8vkdue6m.cloudfront.net/svg/group-7.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
/* line 171, app/assets/stylesheets/addons.css.scss */
.option .allstate-checkbox-label {
margin: 0;
display: flex;
padding: 0;
justify-content: center;
}
/* line 178, app/assets/stylesheets/addons.css.scss */
.allstate-label__checkbox {
width: 25px;
position: relative;
display: none;
}
/* line 183, app/assets/stylesheets/addons.css.scss */
.allstate-label__checkbox:before {
width: 18px;
height: 18px;
content: '';
border-radius: 50%;
z-index: 2;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
/* line 197, app/assets/stylesheets/addons.css.scss */
.option {
display: block;
position: relative;
}
/* line 201, app/assets/stylesheets/addons.css.scss */
.option .allstate-label {
padding: 0 13px 0 30px;
width: 100%;
display: block;
text-align: left;
color: #fff;
cursor: pointer;
position: relative;
z-index: 2;
overflow: hidden;
}
/* line 212, app/assets/stylesheets/addons.css.scss */
.option .allstate-label:before {
width: 18px;
height: 18px;
content: '';
border-radius: 50%;
z-index: 2;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
/* line 226, app/assets/stylesheets/addons.css.scss */
.option input {
width: 32px;
height: 32px;
order: 1;
z-index: 2;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
visibility: hidden;
}
/* line 240, app/assets/stylesheets/addons.css.scss */
.addons__heading {
margin-bottom: 20px;
}
/* line 243, app/assets/stylesheets/addons.css.scss */
.addons__heading.allstate img {
max-width: 142px;
}
@media (max-width: 1023px) {
/* line 243, app/assets/stylesheets/addons.css.scss */
.addons__heading.allstate img {
margin: auto;
}
}
/* line 250, app/assets/stylesheets/addons.css.scss */
.addons__heading .has-tip {
margin-left: 14px;
}
@media (max-width: 767px) {
/* line 250, app/assets/stylesheets/addons.css.scss */
.addons__heading .has-tip {
margin-left: 25px;
}
}
/* line 258, app/assets/stylesheets/addons.css.scss */
.addons__heading__note {
margin-left: 36px !important;
font-size: 14px;
font-weight: bold;
color: var(--blue);
text-decoration: underline;
}
@media (max-width: 767px) {
/* line 258, app/assets/stylesheets/addons.css.scss */
.addons__heading__note {
margin-left: 0 !important;
}
}
/* line 270, app/assets/stylesheets/addons.css.scss */
.addons__heading #size {
text-decoration: underline;
color: var(--blue);
font-size: 15px;
margin-left: 20px;
}
@media (max-width: 1023px) {
/* line 270, app/assets/stylesheets/addons.css.scss */
.addons__heading #size {
margin-left: 0;
}
}
/* line 282, app/assets/stylesheets/addons.css.scss */
.addons__add-form-button-container {
padding-top: 20px;
display: flex;
justify-content: flex-end;
}
/* line 288, app/assets/stylesheets/addons.css.scss */
.addons__add-form-button {
text-transform: uppercase;
color: var(--blue);
cursor: pointer;
}
/* line 294, app/assets/stylesheets/addons.css.scss */
.addons__vehicle-form {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
@media (max-width: 1023px) {
/* line 299, app/assets/stylesheets/addons.css.scss */
.addons__vehicle-form select {
margin-bottom: 5px;
}
}
/* line 305, app/assets/stylesheets/addons.css.scss */
.addons__form-container {
padding-top: 20px;
display: none;
}
/* line 310, app/assets/stylesheets/addons.css.scss */
.addons__section {
border-bottom: solid 1px #e2e2e2;
margin-bottom: 20px;
}
/* line 314, app/assets/stylesheets/addons.css.scss */
.addons__section:last-child {
border-bottom: none;
margin-bottom: 0;
}
/* line 320, app/assets/stylesheets/addons.css.scss */
.addons-item {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 10px;
}
/* line 328, app/assets/stylesheets/addons.css.scss */
.addons-item--tpms {
margin-bottom: 32px;
}
@media (max-width: 767px) {
/* line 332, app/assets/stylesheets/addons.css.scss */
.addons-item .column {
padding: 0;
}
}
/* line 339, app/assets/stylesheets/addons.css.scss */
.addons-item #tabs {
width: 100%;
}
/* line 343, app/assets/stylesheets/addons.css.scss */
.addons-item__allstate-size {
font-size: 15px;
margin-bottom: 15px;
}
/* line 347, app/assets/stylesheets/addons.css.scss */
.addons-item__allstate-size span {
color: var(--blue);
}
@media (max-width: 767px) {
/* line 343, app/assets/stylesheets/addons.css.scss */
.addons-item__allstate-size {
font-size: 12px;
}
}
/* line 356, app/assets/stylesheets/addons.css.scss */
.addons-item__inputs {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media (max-width: 1023px) {
/* line 356, app/assets/stylesheets/addons.css.scss */
.addons-item__inputs {
width: 100%;
padding-top: 10px;
}
}
/* line 367, app/assets/stylesheets/addons.css.scss */
.addons-item__vehicle-info {
color: var(--blue);
font-weight: 600;
}
/* line 372, app/assets/stylesheets/addons.css.scss */
.addons-item__quantity {
margin-right: 20px;
}
/* line 376, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item-container {
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
/* line 384, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item-container {
display: initial;
}
}
@media screen and (max-width: 1023px) {
/* line 389, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item {
width: 100%;
}
}
/* line 393, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__container,
.addons-checkbox-item__container-checked {
color: var(--blue);
font-style: italic;
position: relative;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #eee;
padding: 5px;
padding-right: 10px;
border-radius: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 132px;
justify-content: flex-end;
}
@media screen and (max-width: 576px) {
/* line 412, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__container,
.addons-checkbox-item__container-checked {
margin-left: 0;
}
}
/* line 417, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__container-checked {
background-color: #eef1fd;
}
/* line 421, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__text {
font-style: italic;
text-transform: none;
color: #000;
}
/* line 427, app/assets/stylesheets/addons.css.scss */
.addons-tpms-item .credit-price-name {
width: 100%;
padding-left: 34%;
left: 0;
}
/* line 433, app/assets/stylesheets/addons.css.scss */
.addons-tpms-item .addons-checkbox-item__input {
position: absolute;
top: unset;
}
/* line 438, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__input {
margin: 0 0 0 5px;
cursor: pointer;
left: 10px;
top: 8px;
width: 18px;
height: 18px;
}
/* line 446, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__input:disabled {
cursor: default;
}
/* line 449, app/assets/stylesheets/addons.css.scss */
.addons-checkbox-item__label {
color: #2e2b2a;
font-weight: 600;
}
/* line 454, app/assets/stylesheets/addons.css.scss */
.addons-extend-header {
display: flex;
align-items: baseline;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
/* line 454, app/assets/stylesheets/addons.css.scss */
.addons-extend-header {
display: block;
}
}
/* line 466, app/assets/stylesheets/addons.css.scss */
.addons-extend-header__title {
line-height: normal;
letter-spacing: normal;
color: #1f271b;
}
/* line 472, app/assets/stylesheets/addons.css.scss */
.addons-extend-header__brand {
margin-left: 20px;
}
@media screen and (max-width: 767px) {
/* line 472, app/assets/stylesheets/addons.css.scss */
.addons-extend-header__brand {
margin-left: 0;
}
}
/* line 480, app/assets/stylesheets/addons.css.scss */
.addons-extend-item {
margin-top: 10px;
}
/* line 484, app/assets/stylesheets/addons.css.scss */
.addons-extend-description {
font-size: 16px;
}
/* line 487, app/assets/stylesheets/addons.css.scss */
.addons-extend-description p {
line-height: 1.6;
}
/* line 492, app/assets/stylesheets/addons.css.scss */
.addons-extend-description__product-size {
font-size: 15px;
}
/* line 495, app/assets/stylesheets/addons.css.scss */
.addons-extend-description__product-size span {
color: var(--blue);
}
/* line 500, app/assets/stylesheets/addons.css.scss */
.extend-size-params {
font-size: 14px;
color: var(--blue);
}
/* line 505, app/assets/stylesheets/addons.css.scss */
.addons-extend-plans {
margin-top: 8px;
display: flex;
flex-wrap: wrap;
}
/* line 511, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan {
position: relative;
width: calc(50% - 8px);
padding: 10px 13px;
border-radius: 5px;
background-color: #f1f2f6;
margin-bottom: 28px;
height: 80px;
}
/* line 520, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan:first-child {
margin-right: 16px;
}
@media (max-width: 1023px) {
/* line 520, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan:first-child {
width: 100%;
margin-right: 0;
}
}
@media (max-width: 1023px) {
/* line 511, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan {
width: 100%;
}
}
@media screen and (max-width: 1023px) {
/* line 534, app/assets/stylesheets/addons.css.scss */
.addons-extend-plans .row .column {
margin-bottom: 15px;
}
/* line 538, app/assets/stylesheets/addons.css.scss */
.addons-extend-plans .row .column:last-child {
margin-bottom: 0;
}
}
/* line 544, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
/* line 550, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio .addons-extend-plan__input {
background-color: #fff;
border: 2px solid #000;
border-radius: 50%;
cursor: pointer;
height: 21px;
left: 0;
width: 21px;
position: absolute;
}
/* line 561, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio .addons-extend-plan__input:after {
border: 2px solid var(--blue);
border-top: none;
border-right: none;
content: '';
opacity: 0;
position: absolute;
top: 4px;
left: 4px;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--blue);
}
/* line 576, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio input[type='radio'] {
display: none;
margin-right: 1rem;
}
/* line 581, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio input[type='radio']:checked
+ .addons-extend-plan__label
.addons-extend-plan__input {
background-color: #fff;
border-color: #000;
}
/* line 588, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__radio input[type='radio']:checked + .addons-extend-plan__input:after {
opacity: 1;
}
/* line 593, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__label {
height: 100%;
display: flex;
align-items: center;
}
/* line 599, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__text {
display: flex;
align-items: center;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #000000;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
/* line 611, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__text .addons-extend-plan__description {
width: calc(100% - 12px);
font-size: 18px;
padding-left: 36px;
}
@media screen and (max-width: 1023px) {
/* line 599, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__text {
flex-direction: row;
justify-content: space-between;
}
}
/* line 623, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__input {
width: 19px;
height: 19px;
cursor: pointer;
}
/* line 629, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__price {
font-style: italic;
line-height: normal;
font-size: 16px;
color: var(--blue);
width: 100%;
margin: 5px 0;
text-align: center;
}
@media screen and (max-width: 1023px) {
/* line 629, app/assets/stylesheets/addons.css.scss */
.addons-extend-plan__price {
padding-top: 2px;
margin: 0;
text-align: end;
}
}
/* line 645, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer {
width: calc(50% - 8px);
padding: 10px 13px;
display: flex;
margin-bottom: 16px;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 1023px) {
/* line 645, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer {
margin: 20px 0;
width: 100%;
}
}
@media (max-width: 767px) {
/* line 645, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer {
margin-top: 0;
}
}
/* line 663, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer__item {
font-size: 14px;
color: #000000;
display: flex;
width: 50%;
justify-content: flex-start;
width: 50%;
align-items: center;
}
/* line 672, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer__item img {
margin-right: 5px;
}
@media screen and (max-width: 1023px) {
/* line 663, app/assets/stylesheets/addons.css.scss */
.addons-extend-footer__item {
display: block;
}
}
/* line 681, app/assets/stylesheets/addons.css.scss */
.cash-price-standalone {
position: absolute;
bottom: -20px;
right: 0;
font-size: 12px;
line-height: 12px;
font-style: italic;
text-align: right;
color: #000000;
font-weight: normal;
}
/* line 693, app/assets/stylesheets/addons.css.scss */
.addons__inflater-header {
display: flex;
justify-content: space-between;
}
@media (max-width: 1023px) {
/* line 697, app/assets/stylesheets/addons.css.scss */
.addons__inflater-header .addons__heading__note {
display: block;
}
}
/* line 704, app/assets/stylesheets/addons.css.scss */
.addons__inflater-logo {
height: 47px;
}
/* line 708, app/assets/stylesheets/addons.css.scss */
.addons__inflater-product {
width: 170px;
margin-right: 14px;
}
@media (max-width: 1023px) {
/* line 708, app/assets/stylesheets/addons.css.scss */
.addons__inflater-product {
width: 120px;
height: 120px;
margin-right: 0;
}
}
/* line 719, app/assets/stylesheets/addons.css.scss */
.addons__inflater-product-container {
display: flex;
flex-direction: row;
width: 55%;
margin-top: 5px;
}
@media (max-width: 1023px) {
/* line 719, app/assets/stylesheets/addons.css.scss */
.addons__inflater-product-container {
width: 50%;
}
}
/* line 730, app/assets/stylesheets/addons.css.scss */
.addons__inflater-content {
display: flex;
}
/* line 734, app/assets/stylesheets/addons.css.scss */
.addons__inflater-description {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.19;
letter-spacing: normal;
color: #1f271b;
padding-top: 20px;
}
@media (max-width: 1023px) {
/* line 734, app/assets/stylesheets/addons.css.scss */
.addons__inflater-description {
padding-top: 16px;
padding-bottom: 20px;
line-height: 1.25;
}
}
/* line 751, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits {
display: flex;
text-align: center;
width: 75%;
margin-left: 25%;
justify-content: space-between;
margin-top: 34px;
}
/* line 759, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits--without-button-before {
margin-top: -32px;
}
@media (max-width: 1023px) {
/* line 751, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits {
margin-top: 20px;
margin-left: unset;
flex-wrap: wrap;
width: 100%;
justify-content: space-around;
}
}
/* line 772, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits-item {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: normal;
text-align: center;
color: #1f271b;
max-width: 92px;
}
@media (max-width: 1023px) {
/* line 772, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits-item {
padding-top: 28px;
}
}
/* line 788, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits-item img {
margin-bottom: 5px;
}
/* line 792, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container {
position: relative;
padding-left: 32px;
display: flex;
align-items: baseline;
justify-content: space-between;
width: 45%;
padding-top: 20px;
flex-direction: column;
}
@media (max-width: 1023px) {
/* line 792, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container {
width: unset;
padding-left: 0;
}
}
/* line 808, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container
.addons-checkobx-item
.cash-price-standalone {
top: 100px;
}
/* line 814, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container .cash-price-standalone {
bottom: 8px;
}
@media (max-width: 1023px) {
/* line 814, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container .cash-price-standalone {
bottom: -20px;
width: 60%;
}
}
/* line 823, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
@media (max-width: 1023px) {
/* line 823, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price {
align-items: flex-end;
margin-bottom: 20px;
}
}
/* line 835, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price
.addons-checkbox-item__container-checked {
display: flex;
justify-content: space-between;
width: 200px;
}
@media (max-width: 1023px) {
/* line 835, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price
.addons-checkbox-item__container-checked {
width: 132px;
margin-left: 10px;
}
}
@media (max-width: 1023px) {
/* line 847, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price .checkout-addons-price {
width: 140px;
}
}
@media (max-width: 1023px) {
/* line 853, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price .credit-price-name {
width: 100%;
left: 0;
}
}
/* line 860, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price
.addons-checkbox-item__container-checked
.credit-price-name {
padding-left: 0;
}
/* line 866, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__quantity {
position: relative;
top: -8px;
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #1f271b;
}
@media (max-width: 1023px) {
/* line 866, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__quantity {
top: 0;
}
}
@media (min-width: 768px) {
/* line 882, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container .product-quantity-select-container {
margin-top: 10px;
}
}
/* line 888, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container .product-quantity-select {
font-size: 14px;
width: 45px;
}
/* line 893, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-button {
width: 100%;
height: 45px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding-top: 12px;
color: #ffffff;
position: relative;
top: -16px;
}
@media (max-width: 1023px) {
/* line 893, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-button {
top: 0;
}
}
@media (max-width: 1023px) {
/* line 909, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__quantity-label {
position: relative;
top: -8px;
}
}
/* line 916, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__title {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.31;
letter-spacing: normal;
text-align: center;
color: #000000;
}
/* line 927, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__item {
margin-top: 24px;
text-align: left;
padding-left: 25px;
position: relative;
}
/* line 934, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__item::before {
counter-increment: section;
content: counter(section) ".";
position: absolute;
left: -8px;
top: -8px;
font-size: 30px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--blue);
}
/* line 949, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__item-title {
font-size: 16px;
font-weight: bold;
color: var(--blue);
}
/* line 955, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__item-description {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
color: #000000;
}
/* line 965, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works-tooltip {
padding: 16px;
counter-reset: section;
min-width: 300px !important;
}
@media (max-width: 1023px) {
/* line 965, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works-tooltip {
min-width: calc(100% - 60px) !important;
}
}
/* line 975, app/assets/stylesheets/addons.css.scss */
.inflater-how-it-works__image {
margin-top: 18px;
}
/* line 979, app/assets/stylesheets/addons.css.scss */
.addons__inflater-benefits-item__full-width-description {
white-space: nowrap;
}
/* line 983, app/assets/stylesheets/addons.css.scss */
.addons__inflater-error {
font-size: 14px;
color: red;
text-align: right;
}
@media (max-width: 1023px) {
/* line 989, app/assets/stylesheets/addons.css.scss */
.addons__inflater-populate-container__price .addons-checkbox-item__input {
position: absolute;
top: 33%;
left: 8px;
}
}
/* line 997, app/assets/stylesheets/addons.css.scss */
.inflater-image-zoom {
font-size: 12px;
width: 170px;
text-align: center;
margin-top: 8px;
}
@media (max-width: 1023px) {
/* line 997, app/assets/stylesheets/addons.css.scss */
.inflater-image-zoom {
width: 120px;
margin-top: 6px;
}
}
@media (max-width: 1023px) {
/* line 1008, app/assets/stylesheets/addons.css.scss */
.inflater-image-zoom--fix-positioning {
margin-top: -34px;
}
}
/* line 1015, app/assets/stylesheets/addons.css.scss */
.inflater-image-zoom a {
color: var(--blue);
}
/* line 1, app/assets/stylesheets/new-delivery.css.scss */
.shipping .shipform .radiowrap .method1.open.hold-at-location .on-site {
padding-bottom: 225px;
}
@media (max-width: 1024px) {
/* line 1, app/assets/stylesheets/new-delivery.css.scss */
.shipping .shipform .radiowrap .method1.open.hold-at-location .on-site {
padding-bottom: 255px;
}
}
/* line 7, app/assets/stylesheets/new-delivery.css.scss */
.shipping .shipform .radiowrap .method1.open.hold-at-location .on-site.extended {
padding-bottom: 545px;
}
@media (max-width: 1024px) {
/* line 7, app/assets/stylesheets/new-delivery.css.scss */
.shipping .shipform .radiowrap .method1.open.hold-at-location .on-site.extended {
padding-bottom: 850px;
}
}
/* line 1, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form {
margin: auto;
max-width: 365px;
padding: 20px;
}
/* line 6, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .button[disabled] {
background-color: var(--blue);
}
/* line 10, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form select.form-control {
background: url(https://d19pbi8vkdue6m.cloudfront.net/select-arrow.svg) no-repeat right;
background-size: 16px;
background-position: right 5px bottom 12px;
margin-top: 10px;
}
/* line 18, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .form-group,
.shipment-issue-form .second-form {
font-weight: 600;
color: black;
}
/* line 24, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .files {
display: flex;
justify-content: space-between;
}
/* line 29, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .upload-file {
font-weight: 300;
align-self: flex-end;
}
/* line 34, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .upload-file .label-name {
font-size: 14px;
}
/* line 38, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .button {
width: 100%;
min-height: 50px;
font-size: 18px;
margin-top: 15px;
}
/* line 45, app/assets/stylesheets/shipment-issue.css.scss */
.shipment-issue-form .extra-rrrors {
color: red;
margin: 0 10px;
}
/* line 51, app/assets/stylesheets/shipment-issue.css.scss */
.field .field-error .form-control {
border-color: #cacaca;
}
/* line 56, app/assets/stylesheets/shipment-issue.css.scss */
.field-integer .flex-wrap {
display: flex;
}
/* line 59, app/assets/stylesheets/shipment-issue.css.scss */
.field-integer .form-control {
width: 50px;
min-width: 50px;
}
/* line 65, app/assets/stylesheets/shipment-issue.css.scss */
.upload-file .error-detail {
font-size: 14px;
}
@media screen and (max-width: 576px) {
/* line 69, app/assets/stylesheets/shipment-issue.css.scss */
.label-name {
margin: 15px 0 10px 0;
font-weight: 400;
}
}
/* line 76, app/assets/stylesheets/shipment-issue.css.scss */
.field .checkbox .checkbox-input {
margin: auto;
}
/* line 80, app/assets/stylesheets/shipment-issue.css.scss */
.not-delivered-items-quantity {
justify-content: space-between;
display: flex;
}
/* line 84, app/assets/stylesheets/shipment-issue.css.scss */
.not-delivered-items-quantity .label-name {
margin: auto;
}
/* line 88, app/assets/stylesheets/shipment-issue.css.scss */
.not-delivered-items-quantity select {
margin: auto;
max-width: 50px;
}
/* line 94, app/assets/stylesheets/shipment-issue.css.scss */
.error-detail {
font-weight: 600;
}
/* line 98, app/assets/stylesheets/shipment-issue.css.scss */
.create-issue-finished {
margin: auto;
}
/* line 102, app/assets/stylesheets/shipment-issue.css.scss */
.create-issue-finished .title {
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
line-height: normal;
}
/* line 109, app/assets/stylesheets/shipment-issue.css.scss */
.create-issue-finished .text {
font-size: 16px;
font-weight: 500;
line-height: normal;
}
/* line 115, app/assets/stylesheets/shipment-issue.css.scss */
.brand-name {
text-transform: uppercase;
font-size: 16px;
line-height: normal;
font-weight: 400;
}
/* line 122, app/assets/stylesheets/shipment-issue.css.scss */
.name-model {
font-size: 18px;
font-weight: 800;
line-height: normal;
}
/* line 128, app/assets/stylesheets/shipment-issue.css.scss */
.size-desc {
font-size: 16px;
font-weight: 600;
}
/* line 133, app/assets/stylesheets/shipment-issue.css.scss */
.description {
margin-top: 10px;
font-size: 14px;
line-height: 1.36;
font-weight: 500;
}
/* line 139, app/assets/stylesheets/shipment-issue.css.scss */
.description .order-returns {
color: var(--blue);
}
/* line 144, app/assets/stylesheets/shipment-issue.css.scss */
.checkboxes .checkbox {
width: 70%;
}
/* line 147, app/assets/stylesheets/shipment-issue.css.scss */
.checkboxes .checkbox input {
position: absolute;
right: 16px;
}
/* line 153, app/assets/stylesheets/shipment-issue.css.scss */
.checkbox {
position: relative;
margin: 8px auto;
border-radius: 3px;
background-color: #f1f2f6;
padding: 10px 21px;
}
/* line 161, app/assets/stylesheets/shipment-issue.css.scss */
.first-form,
.second-form {
margin: 0 10px;
}
/* line 166, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload {
cursor: pointer;
width: 140px;
display: flex;
}
/* line 171, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .container {
width: 100%;
max-height: 140px;
}
/* line 176, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .image > img {
border-radius: 5px;
max-width: 153px;
max-height: 140px;
}
@media screen and (max-width: 767px) {
/* line 176, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .image > img {
max-width: 147px;
}
}
/* line 186, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .unique-image {
cursor: pointer;
-o-object-fit: cover;
object-fit: cover;
margin-top: 5px;
max-width: 139px;
max-height: 125px;
border-radius: 5px;
}
/* line 195, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .fulfilled-image {
max-width: 139px;
max-height: 125px;
height: 125px;
display: flex;
}
/* line 202, app/assets/stylesheets/shipment-issue.css.scss */
.image-upload .empty-image {
cursor: pointer;
max-width: 139px;
max-height: 125px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: rgba(81, 80, 82, 0.5);
border: 2px dotted rgba(81, 80, 82, 0.5);
border-radius: 5px;
height: 140px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* line 1, app/assets/stylesheets/checkout.css.scss */
.shipping .shipform .field .iptext {
color: #000;
}
/* line 4, app/assets/stylesheets/checkout.css.scss */
.shipping .shipform .field .iptext::-moz-placeholder {
color: #808080;
}
.shipping .shipform .field .iptext::placeholder {
color: #808080;
}
/* line 8, app/assets/stylesheets/checkout.css.scss */
.shipping .shipform .field .iptext:-ms-input-placeholder {
color: #808080;
}
/* line 12, app/assets/stylesheets/checkout.css.scss */
.shipping .shipform .field .iptext::-ms-input-placeholder {
color: #808080;
}
/* line 18, app/assets/stylesheets/checkout.css.scss */
.checkout input,
.checkout select {
color: #000;
}
/* line 22, app/assets/stylesheets/checkout.css.scss */
.checkout input::-moz-placeholder, .checkout select::-moz-placeholder {
color: #808080;
}
.checkout input::placeholder,
.checkout select::placeholder {
color: #808080;
}
/* line 26, app/assets/stylesheets/checkout.css.scss */
.checkout input:-ms-input-placeholder,
.checkout select:-ms-input-placeholder {
color: #808080;
}
/* line 30, app/assets/stylesheets/checkout.css.scss */
.checkout input::-ms-input-placeholder,
.checkout select::-ms-input-placeholder {
color: #808080;
}
/* line 37, app/assets/stylesheets/checkout.css.scss */
.full-location label:hover {
cursor: pointer;
}
/* line 42, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
color: #000;
font-weight: 600;
margin: 24px 0;
}
@media (max-width: 767px) {
/* line 52, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts--cart {
padding: 22px 0 12px 0;
margin: 32px 0 12px 0;
border-top: solid 1px #efefef;
}
}
@media (min-width: 768px) {
/* line 52, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts--cart {
padding: 32px 20px 11px 60px;
font-size: 20px;
margin-left: -192px;
border-top: solid 1px #efefef;
margin-right: -20px;
}
}
/* line 68, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts i {
text-transform: uppercase;
font-weight: bold;
}
@media (min-width: 1024px) {
/* line 68, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts i {
font-size: 18px;
}
}
/* line 77, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts-icon {
height: 32px;
padding-right: 26px;
}
@media (max-width: 1023px) {
/* line 77, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts-icon {
display: none;
}
}
/* line 86, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts--cart .checkout-free-lug-nuts-icon {
padding-right: 90px;
}
@media (max-width: 1023px) {
/* line 86, app/assets/stylesheets/checkout.css.scss */
.checkout-free-lug-nuts--cart .checkout-free-lug-nuts-icon {
display: unset;
padding-right: 32px;
}
}
/* line 95, app/assets/stylesheets/checkout.css.scss */
.installer {
font-size: 12px;
color: #575757;
margin: 0 19px 20px;
}
/* line 101, app/assets/stylesheets/checkout.css.scss */
.checkout-header-with-payment-period {
display: flex;
justify-content: space-between;
align-items: baseline;
}
/* line 1, app/assets/stylesheets/forms.css.scss */
.form-control {
color: #000;
width: 100%;
height: 45px;
background: #fff;
border-radius: 5px;
box-shadow: none;
outline: none;
padding: 0 10px;
box-sizing: border-box;
line-height: 43px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
color: #515052;
margin-bottom: 0;
}
/* line 18, app/assets/stylesheets/forms.css.scss */
.field {
margin-bottom: 15px;
}
/* line 21, app/assets/stylesheets/forms.css.scss */
.field .checkbox label {
float: none;
width: 100%;
display: flex;
align-items: flex-start;
}
/* line 28, app/assets/stylesheets/forms.css.scss */
.field .checkbox label input {
width: 20px;
display: block;
height: 20px;
margin-bottom: 0;
}
/* line 35, app/assets/stylesheets/forms.css.scss */
.field .checkbox label span {
line-height: 20px;
width: 90%;
text-align: left;
}
/* line 43, app/assets/stylesheets/forms.css.scss */
.field-error .form-control {
border-color: red;
}
/* line 46, app/assets/stylesheets/forms.css.scss */
.field-error .error-detail {
color: red;
}
/* line 54, app/assets/stylesheets/forms.css.scss */
.form-group.flash-checker .text-danger {
padding-top: 10px;
padding-bottom: 5px;
background-color: var(--blue);
font-family: "Raleway", sans-serif;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #fff;
}
/* line 1, app/assets/stylesheets/tooltip.css.scss */
.tooltip {
border-radius: 3px !important;
background-color: #fff !important;
box-shadow: 0 0 12px -5px #e5e5e5 !important;
border: none !important;
color: #000 !important;
}
/* line 1, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method {
display: flex;
flex-direction: column;
position: relative;
padding: 20px 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
border-radius: 5px;
margin: 0 0 20px;
position: relative;
box-shadow: 0 0 0 1px #e2e2e2;
outline: 0;
}
/* line 18, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method.active {
box-shadow: 0 0 0 3px var(--blue);
}
/* line 21, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method.active:hover {
box-shadow: 0 0 0 3px var(--blue);
}
/* line 25, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method.active .delivery-method__img::before {
background-color: var(--blue);
border: 3px solid #fff;
box-shadow: 0px 0px 0px 0.8px #4a4a4a;
}
/* line 32, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method:hover {
box-shadow: 0 0 0 1px #a7a4a7;
}
/* line 37, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__content {
display: block;
}
@media (max-width: 767px) {
/* line 37, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__content {
flex-wrap: wrap;
}
}
/* line 45, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__header {
width: 100%;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
/* line 52, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__logo {
display: flex;
}
/* line 56, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__right-additional-information .text {
border-radius: 10px;
background-color: #fff3aa;
padding: 1px 5px 2px 3px;
}
/* line 62, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img {
position: relative;
margin-right: 30px !important;
}
/* line 66, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img::before {
width: 16px;
height: 16px;
content: '';
border-radius: 50%;
z-index: 2;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
border: solid 1.4px #4a4a4a;
background-color: #ffffff;
}
/* line 82, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img img {
width: 75px;
max-width: none;
margin-left: 40px;
}
@media (max-width: 767px) {
/* line 82, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img img {
width: 45px;
}
}
/* line 92, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img img.small {
max-height: 37px;
width: auto;
}
/* line 97, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__img::after {
position: absolute;
content: '';
right: -20px;
top: 0;
height: 100%;
width: 1px;
background: #e2e2e2;
}
/* line 108, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__title {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #515052;
margin: auto;
}
/* line 117, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__text {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
}
/* line 123, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__text.pt35 {
padding-top: 35px;
}
/* line 128, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__desc-container {
margin-left: 38px;
}
@media (max-width: 767px) {
/* line 128, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__desc-container {
width: 60%;
}
}
/* line 136, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__price-terms {
font-weight: 300;
font-style: italic;
margin-top: 14px;
}
/* line 142, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__bottom-additional-information {
padding: 5px;
text-align: center;
background-color: #fff3aa;
width: calc(100% + 30px);
position: relative;
left: -15px;
margin-bottom: 15px;
}
/* line 152, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__price-container {
text-align: right;
width: 50%;
}
@media (max-width: 767px) {
/* line 152, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__price-container {
width: 100%;
}
}
/* line 161, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__price-value {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
line-height: normal;
font-weight: 700;
color: #515052;
}
/* line 169, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__form.rjsf {
width: 155px;
display: inline-block;
margin-right: 10px;
}
@media (max-width: 768px) {
/* line 169, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__form.rjsf {
width: 114px;
}
}
/* line 178, app/assets/stylesheets/checkout/delivery.css.scss */
.button.location__button {
width: 186px;
display: inline-block;
margin: 0;
margin-bottom: 3px;
}
@media (min-width: 768px) {
/* line 185, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__collapse {
margin-left: 38px;
}
}
/* line 191, app/assets/stylesheets/checkout/delivery.css.scss */
.location {
position: relative;
border: 1px solid #efefef;
border-radius: 5px;
padding: 10px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: column;
}
/* line 202, app/assets/stylesheets/checkout/delivery.css.scss */
.location .location-button {
width: 100%;
margin: 10px 0px 0px;
color: #3262ec;
border-color: #3262ec;
}
/* line 211, app/assets/stylesheets/checkout/delivery.css.scss */
.location.active .button {
color: #fff;
}
/* line 215, app/assets/stylesheets/checkout/delivery.css.scss */
.location.active .button-body {
justify-content: center;
display: flex;
padding: 0;
}
/* line 221, app/assets/stylesheets/checkout/delivery.css.scss */
.location.active .button-tick {
display: inline-block;
width: 25px;
position: relative;
}
/* line 227, app/assets/stylesheets/checkout/delivery.css.scss */
.location.active .button-text {
display: inline-block;
}
/* line 231, app/assets/stylesheets/checkout/delivery.css.scss */
.location.active .button-tick:before {
background-image: url(https://d19pbi8vkdue6m.cloudfront.net/svg/group-7.svg);
background-size: cover;
content: '';
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
content: '';
border-radius: 50%;
z-index: 2;
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
/* line 252, app/assets/stylesheets/checkout/delivery.css.scss */
.location-header {
display: flex;
}
/* line 255, app/assets/stylesheets/checkout/delivery.css.scss */
.location-header .location-right {
text-align: end;
width: 50%;
}
/* line 260, app/assets/stylesheets/checkout/delivery.css.scss */
.location-header .location-right,
.location-header .location-left {
display: grid;
}
/* line 266, app/assets/stylesheets/checkout/delivery.css.scss */
.location__button {
width: 100%;
height: 45px;
}
/* line 271, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 400;
color: #000000;
}
/* line 279, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.phone {
position: absolute;
top: 10px;
right: 10px;
text-decoration: none;
color: #8d8d8d;
}
/* line 287, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.name {
font-weight: 600;
padding-bottom: 8px;
}
/* line 292, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.address {
padding-bottom: 8px;
font-size: 10px;
align-self: center;
}
/* line 298, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.distance {
font-weight: 600;
font-size: 12px;
align-self: end;
}
/* line 304, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.instatllation-cost {
color: #535353;
font-size: 13px;
line-height: 1.29;
font-weight: 600;
}
/* line 311, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.low-as {
font-size: 9px;
}
/* line 315, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.cost {
font-size: 20px;
font-weight: 600;
}
/* line 320, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.per-type {
font-size: 10px;
font-weight: 600;
}
/* line 325, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.cash-price {
font-size: 10px;
font-style: italic;
}
/* line 331, app/assets/stylesheets/checkout/delivery.css.scss */
.location__text.distance .img {
max-width: 12px;
margin: auto;
margin-right: 8px;
}
/* line 338, app/assets/stylesheets/checkout/delivery.css.scss */
.location__tooltips {
display: flex;
align-items: center;
position: absolute;
bottom: 10px;
right: 10px;
}
/* line 345, app/assets/stylesheets/checkout/delivery.css.scss */
.location__tooltips.top {
bottom: unset;
top: 10px;
}
/* line 351, app/assets/stylesheets/checkout/delivery.css.scss */
.location-tooltip__wrapper {
border: 1px solid #e5e5e5 !important;
padding: 5px 10px !important;
}
/* line 356, app/assets/stylesheets/checkout/delivery.css.scss */
.location-tooltip__item {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
/* line 364, app/assets/stylesheets/checkout/delivery.css.scss */
.location-tooltip__title {
margin-bottom: 10px;
}
/* line 368, app/assets/stylesheets/checkout/delivery.css.scss */
.working-days__day {
width: 50%;
}
/* line 372, app/assets/stylesheets/checkout/delivery.css.scss */
.working-days__time {
width: 40%;
text-align: left;
}
/* line 377, app/assets/stylesheets/checkout/delivery.css.scss */
.amenity__icon {
width: 20%;
}
/* line 381, app/assets/stylesheets/checkout/delivery.css.scss */
.amenity__text {
width: 80%;
}
/* line 385, app/assets/stylesheets/checkout/delivery.css.scss */
.installation-prices__item {
font-weight: 400;
margin-bottom: 20px;
}
/* line 390, app/assets/stylesheets/checkout/delivery.css.scss */
.installation-prices__label {
width: 80%;
}
/* line 394, app/assets/stylesheets/checkout/delivery.css.scss */
.installation-prices__note {
font-style: italic;
font-weight: 400;
margin-bottom: 20px;
}
/* line 400, app/assets/stylesheets/checkout/delivery.css.scss */
.installation-prices__group-title {
margin: 20px 0;
}
/* line 404, app/assets/stylesheets/checkout/delivery.css.scss */
.locations-tooltip {
padding: 10px 10px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 5px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
opacity: 1 !important;
}
/* line 411, app/assets/stylesheets/checkout/delivery.css.scss */
.locations-tooltip.place-top::after {
border-top-color: #fff !important;
}
/* line 416, app/assets/stylesheets/checkout/delivery.css.scss */
.covid-notice {
border: 1px solid firebrick;
border-radius: 5px;
margin-bottom: 10px;
}
/* line 422, app/assets/stylesheets/checkout/delivery.css.scss */
.covid-notice__wrapper {
padding: 10px;
}
/* line 426, app/assets/stylesheets/checkout/delivery.css.scss */
.covid-notice__text {
color: firebrick;
text-align: justify;
text-justify: inter-word;
}
/* line 432, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__text {
font-weight: 600;
color: #27187e;
margin: auto 20px auto 0px;
}
/* line 438, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head {
display: flex;
justify-content: space-between;
margin: 10px 0;
}
@media (max-width: 768px) {
/* line 438, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head {
display: block;
}
}
/* line 447, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__left {
display: flex;
}
@media (max-width: 768px) {
/* line 451, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__left .payment-period-checkout--mobile .search-results-tablet-visible {
padding: 0px;
background-color: white;
}
}
@media (max-width: 768px) {
/* line 458, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__left .payment-period-checkout--mobile .search-results-tablet-visible .filterlist-section-title {
padding-right: 0px;
}
}
@media (max-width: 768px) {
/* line 464, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__left .payment-period-checkout--mobile {
width: 100%;
}
}
/* line 471, app/assets/stylesheets/checkout/delivery.css.scss */
.row-head__right {
font-size: 16px;
font-weight: 500;
text-align: right;
color: var(--blue);
}
/* line 478, app/assets/stylesheets/checkout/delivery.css.scss */
.delivery-method__collapse .row {
margin: auto;
}
/* line 482, app/assets/stylesheets/checkout/delivery.css.scss */
.view-more {
text-align: center;
font-size: 18px;
font-weight: 600;
color: var(--blue);
}
/* line 489, app/assets/stylesheets/checkout/delivery.css.scss */
.locations-container {
display: flex;
flex-flow: row wrap;
}
/* line 494, app/assets/stylesheets/checkout/delivery.css.scss */
.location-card {
display: grid;
padding-left: 0;
}
/* line 499, app/assets/stylesheets/checkout/delivery.css.scss */
.includes-column {
border-radius: 2px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
text-align: left;
font-size: 12px;
line-height: 27px;
font-weight: 600;
}
/* line 507, app/assets/stylesheets/checkout/delivery.css.scss */
.includes-column hr {
margin: auto;
border-bottom: solid 2px #000000;
}
/* line 513, app/assets/stylesheets/checkout/delivery.css.scss */
.common-includes {
line-height: 10px;
margin: 10px 0 8px 0;
}
/* line 518, app/assets/stylesheets/checkout/delivery.css.scss */
.body-includes {
padding: 0 15px 0 35px;
}
/* line 521, app/assets/stylesheets/checkout/delivery.css.scss */
.bottom-includes {
margin-top: 3px;
padding-left: 35px;
background-color: #fffada;
}
/* line 527, app/assets/stylesheets/checkout/delivery.css.scss */
.include-administrative-fees:before {
content: '+';
position: absolute;
left: 25px;
text-shadow: 0px 1px, 1px 0px, 1px 1px;
}
/* line 1, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plans {
border: solid 1px #ececec;
border-radius: 6px;
font-family: 'Open Sans';
}
/* line 7, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plans__offer-to-choose {
font-family: 'Open Sans';
font-size: 16px;
line-height: normal;
letter-spacing: normal;
font-weight: normal;
color: #ff0000;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
/* line 7, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plans__offer-to-choose {
font-size: 14px;
}
}
/* line 20, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plans__offer-to-choose .bolder {
font-weight: bold;
}
/* line 25, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__item {
cursor: pointer;
position: relative;
text-align: left;
border-bottom: solid 1px #ececec;
display: flex;
}
/* line 33, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__container {
width: 100%;
padding-left: 65px;
}
@media (max-width: 1024px) {
/* line 33, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__container {
padding-left: 40px;
}
}
/* line 41, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__logo {
font-size: 18px;
width: 80px;
}
/* line 45, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__logo.viabill {
margin-right: 20px;
}
/* line 46, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__logo.viabill img {
width: 70px;
height: 16px;
}
/* line 53, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__logo.affirm {
position: relative;
left: -10px;
top: -5px;
}
/* line 60, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__header {
padding: 10px;
padding-left: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
/* line 67, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__item.viabill .payment-plan__header {
align-items: flex-start;
}
}
/* line 74, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__finance-option {
font-size: 14px;
font-weight: 500;
font-style: italic;
line-height: 1.42;
letter-spacing: 0.33px;
text-align: right;
color: #000000;
}
@media (max-width: 1024px) {
/* line 74, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__finance-option {
font-size: 10px;
font-weight: 700;
}
}
@media (max-width: 1024px) {
/* line 90, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__item.viabill .payment-plan__finance-options {
padding-top: 25px;
width: 60%;
}
}
/* line 98, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button {
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(100, 197, 125, 0.15);
background-color: #64c57d;
color: #fff;
text-align: center;
padding: 13px 17px;
font-weight: 700;
font-size: 14px;
line-height: 1;
cursor: pointer;
}
@media (max-width: 1024px) {
/* line 98, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button {
margin-left: -20px;
margin-top: 10px;
margin-bottom: 15px;
width: 100%;
}
}
@media (min-width: 1025px) {
/* line 118, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button:hover {
opacity: 0.6;
}
/* line 122, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button:active {
opacity: 0.3;
}
}
/* line 127, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button--aff {
padding: 13px 32px;
}
@media (max-width: 1023px) {
/* line 127, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__button--aff {
padding: 13px 15px;
font-size: 13px;
}
}
/* line 137, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__body {
padding: 5px 0;
margin-left: -65px;
padding-left: 65px;
margin-top: 2px;
}
@media (max-width: 1024px) {
/* line 137, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__body {
padding-left: 40px;
margin-left: -40px;
}
}
/* line 143, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__body.paypair {
margin-top: 5px;
background-color: #ffefce6b;
}
/* line 154, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__text {
color: #000;
font-size: 16px;
font-weight: 500;
}
/* line 160, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__text.bold {
font-weight: 600;
color: #1f271b;
text-decoration: underline;
}
/* line 166, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list {
padding-top: 3px;
font-size: 14px;
font-weight: normal;
color: #000;
width: 75%;
}
@media (max-width: 1024px) {
/* line 166, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list {
width: 95%;
}
}
/* line 178, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list-item {
font-size: 14px;
margin-bottom: 8px;
padding-left: 20px;
position: relative;
}
/* line 184, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list-item:last-child {
margin-bottom: 4px;
}
/* line 188, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list-item::before, .payment-plan__list-item::after {
top: 6px;
content: '';
position: absolute;
transform: rotate(-45deg);
width: 8px;
height: 8px;
border-bottom: solid 2px var(--blue);
border-right: solid 2px var(--blue);
}
/* line 200, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list-item::after {
left: -2px;
}
/* line 203, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__list-item::before {
left: 4px;
}
/* line 208, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__body.paypair .payment-plan__list-item::before, .payment-plan__body.paypair .payment-plan__list-item::after {
border-bottom: solid 2px #e8ae68;
border-right: solid 2px #e8ae68;
}
/* line 216, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input {
width: 18px;
height: 18px;
position: absolute;
top: 20px;
left: 28px;
margin: 0;
}
@media (max-width: 1024px) {
/* line 216, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input {
top: 17px;
left: 12px;
}
}
/* line 230, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__content {
display: none;
}
/* line 233, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__item.paypair .payment-plan__content {
margin-top: 5px;
}
/* line 238, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked ~ .payment-plan__container {
outline: solid 2px var(--blue);
}
/* line 242, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked ~ .payment-plan__container .payment-plan__content {
display: block;
}
@media (min-width: 1025px) {
/* line 245, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked ~ .payment-plan__container .payment-plan__button {
position: absolute;
top: 10px;
right: 10px;
}
}
@media (max-width: 1024px) {
/* line 254, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__item.viabill .payment-plan__input:checked ~ .payment-plan__container .payment-plan__label {
top: 15px;
right: 15px;
}
}
@media (min-width: 1025px) {
/* line 261, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked
~ .payment-plan__container
.payment-plan__finance-options {
position: relative;
top: 45px;
}
}
/* line 269, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked
~ .payment-plan__container
.payment-plan__finance-options.viabill {
top: 55px;
}
@media (max-width: 1024px) {
/* line 269, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__input:checked
~ .payment-plan__container
.payment-plan__finance-options.viabill {
display: none;
}
}
/* line 278, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__label {
padding: 6px 12px;
border-radius: 13px;
background-color: #fff3aa;
font-size: 14px;
font-weight: 500;
font-style: italic;
line-height: normal;
letter-spacing: 0.33px;
text-align: right;
color: #000000;
}
@media (max-width: 1024px) {
/* line 278, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__label {
position: absolute;
top: 10px;
right: 6px;
font-size: 10px;
font-weight: 700;
}
}
/* line 299, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tabs {
display: flex;
justify-content: flex-start;
margin-bottom: 13px;
}
@media (max-width: 1024px) {
/* line 305, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab {
font-size: 16px;
width: 50%;
}
}
/* line 310, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab:first-child label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
/* line 315, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab:last-child label {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* line 321, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab input {
display: none;
}
/* line 325, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab input:checked ~ label {
background-color: var(--blue);
color: #fff;
}
/* line 330, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab input:not(:checked) ~ label {
color: #a5a5a5;
}
/* line 334, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab label {
margin: 0;
background-color: #f4f4f4;
padding: 10px 30px;
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
}
@media (max-width: 1024px) {
/* line 334, app/assets/stylesheets/checkout/payment.css.scss */
.payment-tab label {
font-size: 16px;
width: 100%;
padding: 10px 25px;
text-align: center;
}
}
/* line 353, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers {
padding-top: 20px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
@media (max-width: 1024px) {
/* line 353, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers {
flex-wrap: wrap;
margin-left: -40px;
padding: 0 20px;
}
}
/* line 374, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-img {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 380px;
padding-right: 30px;
}
@media (max-width: 1024px) {
/* line 374, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-img {
padding-right: 0;
width: 100%;
}
}
/* line 388, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-img-container {
margin-bottom: 10px;
width: 30%;
text-align: center;
}
/* line 393, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-img-container--aff {
width: 60%;
padding-right: 5px;
}
/* line 398, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-img-container--greenwave {
width: 30%;
}
/* line 403, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-text {
width: 260px;
}
@media (max-width: 1024px) {
/* line 403, app/assets/stylesheets/checkout/payment.css.scss */
.payment-plan__providers-text {
width: 100%;
text-align: center;
}
}
/* line 411, app/assets/stylesheets/checkout/payment.css.scss */
.congrats-successmsg-order-number {
margin-left: 25px;
margin-top: 8px;
color: #27187E;
font-weight: 600;
}
@media screen and (max-width: 40em) {
/* line 411, app/assets/stylesheets/checkout/payment.css.scss */
.congrats-successmsg-order-number {
margin-left: 0px;
}
}
/* line 1, app/assets/stylesheets/checkout/footer.css.scss */
.continue {
padding: 10px !important;
}
/* line 1, app/assets/stylesheets/checkout/address.css.scss */
.popup-content {
margin: auto;
background: white;
width: 650px;
padding: 10px;
border-radius: 5px;
font-size: 14px;
}
@media (max-width: 767px) {
/* line 1, app/assets/stylesheets/checkout/address.css.scss */
.popup-content {
width: 80%;
}
}
/* line 13, app/assets/stylesheets/checkout/address.css.scss */
.popup-content__header {
width: 100%;
border-bottom: 1px solid #efefef;
padding: 14px;
}
/* line 19, app/assets/stylesheets/checkout/address.css.scss */
.popup-content__body {
width: 100%;
padding: 10px 0;
}
/* line 23, app/assets/stylesheets/checkout/address.css.scss */
.popup-content__actions {
width: 100%;
margin: auto;
text-align: center;
}
@media (max-width: 1023px) {
/* line 29, app/assets/stylesheets/checkout/address.css.scss */
.popup-content__boxes {
display: flex;
flex-direction: column-reverse;
}
}
/* line 36, app/assets/stylesheets/checkout/address.css.scss */
.popup-content .confirm-button {
width: 100%;
text-transform: uppercase;
font-size: 18px;
}
@media (min-width: 1024px) {
/* line 36, app/assets/stylesheets/checkout/address.css.scss */
.popup-content .confirm-button {
width: 280px;
}
}
/* line 46, app/assets/stylesheets/checkout/address.css.scss */
.popup-content .text {
margin-bottom: 15px;
}
@media (min-width: 1024px) {
/* line 46, app/assets/stylesheets/checkout/address.css.scss */
.popup-content .text {
margin-bottom: 30px;
}
}
/* line 54, app/assets/stylesheets/checkout/address.css.scss */
.popup-arrow {
color: white;
}
/* line 58, app/assets/stylesheets/checkout/address.css.scss */
.popup-overlay {
background: rgba(0, 0, 0, 0.5);
}
/* line 62, app/assets/stylesheets/checkout/address.css.scss */
.address-option {
margin-top: 10px;
padding: 15px;
display: flex;
justify-content: space-between;
background-color: #edf0fa;
}
/* line 69, app/assets/stylesheets/checkout/address.css.scss */
.address-option input[type="checkbox"]:checked + span {
color: var(--blue);
}
/* line 73, app/assets/stylesheets/checkout/address.css.scss */
.address-option label {
color: #515052;
}
/* line 77, app/assets/stylesheets/checkout/address.css.scss */
.address-option .edit-address {
color: var(--blue);
text-transform: uppercase;
font-weight: 600;
}
/* line 84, app/assets/stylesheets/checkout/address.css.scss */
.tablet-only {
display: none;
}
@media (max-width: 1023px) {
/* line 84, app/assets/stylesheets/checkout/address.css.scss */
.tablet-only {
display: block !important;
}
}
/* line 91, app/assets/stylesheets/checkout/address.css.scss */
.empty-space {
display: none;
}
@media (min-width: 1024px) {
/* line 91, app/assets/stylesheets/checkout/address.css.scss */
.empty-space {
display: block;
height: 21px;
}
}
/* line 99, app/assets/stylesheets/checkout/address.css.scss */
.verification-box {
line-height: 1.2;
width: 140px;
}
/* line 104, app/assets/stylesheets/checkout/address.css.scss */
.address-option .checkbox-container {
width: 40px;
display: flex;
}
/* line 1, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-title-container {
display: flex;
align-items: baseline;
justify-content: space-between;
}
/* line 7, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-title-container h3 {
font-size: 20px;
font-weight: 600;
}
/* line 12, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout {
display: flex;
}
@media (max-width: 1023px) {
/* line 12, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout {
display: none;
}
}
/* line 20, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout--mobile {
display: none;
}
@media (max-width: 767px) {
/* line 20, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout--mobile {
display: block;
position: sticky;
top: 72px;
z-index: 9999;
}
}
@media (min-width: 767px) and (max-width: 1200px) {
/* line 20, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout--mobile {
display: block;
position: sticky;
top: 96px;
z-index: 9999;
}
}
/* line 38, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout--mobile .payment-period-container__as_select {
background-color: #fff;
margin: 21px 0;
}
@media (max-width: 1023px) {
/* line 38, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout--mobile .payment-period-container__as_select {
background-color: #eaeaea;
}
}
/* line 47, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout .payment-period-container__as_select {
height: 53px;
display: flex;
align-items: baseline;
}
/* line 53, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout
.payment-period-container__as_select
.filterlist-section-title {
font-size: 14px;
font-weight: 600;
color: #27187e;
padding-right: 20px;
}
@media (max-width: 767px) {
/* line 53, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout
.payment-period-container__as_select
.filterlist-section-title {
padding-right: 35px;
}
}
@media (max-width: 1023px) {
/* line 66, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout .payment-period-select {
border: solid 0.8px #e2e2e2;
}
}
@media (max-width: 767px) {
/* line 66, app/assets/stylesheets/checkout/addons.css.scss */
.payment-period-checkout .payment-period-select {
width: 155px;
}
}
/* line 76, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-price {
display: flex;
flex-direction: column;
text-align: right;
font-size: 10px;
color: #1f271b;
font-weight: 600;
font-style: normal;
}
/* line 86, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-price i {
text-transform: capitalize;
}
/* line 90, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-price .credit-price-subtitle {
font-size: 22px;
color: var(--blue);
height: 35px;
}
/* line 96, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container .checkout-addons-price .credit-price-name {
width: 100%;
position: inherit;
}
/* line 101, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-price .credit-price-name,
span.cash-price-value {
font-size: 12px;
font-weight: 600;
line-height: 1.08;
text-transform: capitalize;
}
/* line 109, app/assets/stylesheets/checkout/addons.css.scss */
.checkout-addons-price .credit-price-subtitle {
height: 26px;
line-height: 22px;
}
/* line 114, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 100%;
}
/* line 121, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container .allstate-content {
width: 176px;
}
@media (max-width: 767px) {
/* line 121, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container .allstate-content {
width: unset;
}
}
/* line 129, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container .allstate-price {
width: 70px;
}
@media (max-width: 767px) {
/* line 129, app/assets/stylesheets/checkout/addons.css.scss */
.allstate-container .allstate-price {
width: 110px;
}
}
/* line 1, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-filterwrap {
margin-bottom: 10px;
}
/* line 5, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-item {
margin-left: 4px;
}
/* line 8, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-item .payment-period-title {
text-transform: capitalize;
font-weight: 600;
font-size: 14px;
margin-top: -2px;
}
/* line 15, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-item .payment-period-radio {
width: 1px;
margin-right: 20px;
}
/* line 19, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-item .payment-period-radio::after {
width: 20px;
height: 20px;
border-radius: 15px;
position: relative;
background-color: #ffffff;
content: '';
display: inline-block;
border: solid 2px #1f271b;
background-clip: unset;
padding: 3px;
top: -2px;
}
/* line 33, app/assets/stylesheets/search_results/payment_period.css.scss */
.payment-period-item .payment-period-radio:checked::after {
width: 20px;
height: 20px;
border-radius: 15px;
position: relative;
background-color: var(--blue);
background-clip: content-box;
content: '';
display: inline-block;
}
/* line 1, app/assets/stylesheets/search_results/results.css.scss */
#view-all-filters-btn {
width: 100%;
font-size: 18px;
font-weight: 800;
color: var(--blue);
text-transform: uppercase;
margin: 10px auto;
}
/* line 9, app/assets/stylesheets/search_results/results.css.scss */
#view-all-filters-btn::after {
content: '+';
font-size: 20px;
padding-left: 5px;
}
/* line 16, app/assets/stylesheets/search_results/results.css.scss */
.search-results-mobile-hidden {
display: inherit;
}
@media (max-width: 767px) {
/* line 16, app/assets/stylesheets/search_results/results.css.scss */
.search-results-mobile-hidden {
display: none !important;
}
}
/* line 24, app/assets/stylesheets/search_results/results.css.scss */
.search-results-mobile-visible {
display: none;
}
@media (max-width: 767px) {
/* line 24, app/assets/stylesheets/search_results/results.css.scss */
.search-results-mobile-visible {
display: block;
}
}
/* line 32, app/assets/stylesheets/search_results/results.css.scss */
.search-results-tablet-hidden {
display: unset;
}
@media (max-width: 1023px) {
/* line 32, app/assets/stylesheets/search_results/results.css.scss */
.search-results-tablet-hidden {
display: none !important;
}
}
/* line 40, app/assets/stylesheets/search_results/results.css.scss */
.search-results-tablet-visible {
display: none;
}
@media (max-width: 1023px) {
/* line 40, app/assets/stylesheets/search_results/results.css.scss */
.search-results-tablet-visible {
display: block;
}
}
/* line 48, app/assets/stylesheets/search_results/results.css.scss */
.search-results-container {
display: flex;
max-width: 1140px;
margin: 0 auto;
justify-content: space-between;
}
/* line 55, app/assets/stylesheets/search_results/results.css.scss */
.search-results-container .not-off-canvas-sidebar {
flex: 1;
}
/* line 59, app/assets/stylesheets/search_results/results.css.scss */
.search-results-container .search-results-right-box {
flex: 3 !important;
margin-left: 16px;
}
/* line 64, app/assets/stylesheets/search_results/results.css.scss */
#paginate-link {
margin-bottom: 20px !important;
}
/* line 68, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo {
margin-bottom: 16px;
}
/* line 72, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo > a {
display: block;
}
/* line 76, app/assets/stylesheets/search_results/results.css.scss */
.search-results-sidebar {
width: 280px;
margin-right: 0;
margin-left: auto;
}
/* line 82, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item {
width: 345px;
margin: 0 auto;
}
/* line 87, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .search-results-recommended-populate {
display: flex;
}
/* line 91, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .slick-slide {
padding: 0;
}
/* line 95, app/assets/stylesheets/search_results/results.css.scss */
.product-staggered-part-title {
padding-top: 10px;
text-transform: uppercase;
font-weight: 800;
font-size: 14px;
}
/* line 102, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title {
margin-bottom: 20px !important;
font-size: 40px;
font-weight: 800;
letter-spacing: 1.11px;
text-align: center;
color: #000000;
}
/* line 110, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title::before {
display: none;
}
/* line 115, app/assets/stylesheets/search_results/results.css.scss */
.alltires .filterwrap {
padding: 15px;
}
/* line 119, app/assets/stylesheets/search_results/results.css.scss */
.alltires .filterwrap .sortby {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
align-items: baseline;
}
/* line 126, app/assets/stylesheets/search_results/results.css.scss */
.alltires .filterwrap .sortby .search-results-sort-select {
width: auto;
height: 42px;
}
/* line 131, app/assets/stylesheets/search_results/results.css.scss */
.alltires .filterwrap .filterby .range .search-results-price-range-title {
color: #000000;
}
/* line 135, app/assets/stylesheets/search_results/results.css.scss */
.recommended-sizes-content .search-results-recommended-size-label {
text-align: center;
display: inline-block;
font-size: 16px;
font-weight: 600;
}
/* line 142, app/assets/stylesheets/search_results/results.css.scss */
.tire-specs-box {
display: inline-block;
padding: 5px 10px;
border-radius: 14.5px;
background-color: #f1f2f6;
font-size: 14px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.39px;
color: #27187e;
margin-bottom: 10px;
}
/* line 157, app/assets/stylesheets/search_results/results.css.scss */
.tire-specs-box__full-info {
height: unset;
width: 100%;
font-size: 16px;
margin-top: 22px;
padding: 8px 7px 7px 7px;
border-radius: 3px;
}
/* line 166, app/assets/stylesheets/search_results/results.css.scss */
.tire-specs-box__full-info .spec-title {
color: #000000;
width: 40%;
display: inline-block;
font-weight: 600;
}
/* line 173, app/assets/stylesheets/search_results/results.css.scss */
.tire-specs-box__full-info .spec-info {
font-weight: 600;
color: #27187e;
display: inline-block;
width: 60%;
vertical-align: top;
}
/* line 181, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container {
display: flex;
flex-direction: column;
margin-left: 0;
}
/* line 187, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .quantity {
display: flex;
align-items: flex-start;
margin: 15px auto;
justify-content: space-between;
}
/* line 194, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo .tireabout .rowpricing {
padding-bottom: 0;
margin-bottom: 0;
}
/* line 199, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo .search-results-product-image {
margin: 0;
padding: 12px;
line-height: 0;
width: 25%;
display: inline-block;
}
/* line 207, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo .tireabout {
width: 75%;
}
/* line 211, app/assets/stylesheets/search_results/results.css.scss */
.tiretype .about-tire img.tire {
display: block;
height: 100%;
max-width: 98px;
margin: 10px 10px;
}
/* line 218, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-price-mobile {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: -20px;
margin-top: 15px;
color: #000;
}
/* line 227, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-price-mobile .cash-price-container {
font-size: 12px;
font-weight: 600;
color: #1f271b;
display: inline-block;
width: 120px;
text-align: right;
text-transform: capitalize;
margin-right: 28px;
}
/* line 238, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-price-mobile
.cash-price-container
.credit-price-subtitle {
font-size: 22px;
}
/* line 244, app/assets/stylesheets/search_results/results.css.scss */
.product-quantity-select {
width: 54px;
border: none;
background-color: #ffffff;
margin-bottom: 0;
font-size: 20px;
line-height: 22px;
padding-right: 20px;
height: 100%;
}
/* line 254, app/assets/stylesheets/search_results/results.css.scss */
.product-quantity-select:focus {
border: 0;
}
/* line 259, app/assets/stylesheets/search_results/results.css.scss */
.product-quantity-select-container {
border-radius: 2px;
border: solid 0.8px #8d8d8d;
background-color: #ffffff;
margin-bottom: 0;
}
@media (min-width: 768px) {
/* line 259, app/assets/stylesheets/search_results/results.css.scss */
.product-quantity-select-container {
margin-top: 15px;
}
}
@media (max-width: 767px) {
/* line 271, app/assets/stylesheets/search_results/results.css.scss */
.single-quantity .product-quantity-select-container {
margin-top: 0;
}
}
/* line 277, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .product-quantity-select-container {
margin-top: 10px;
}
/* line 281, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-container {
font-size: 12px;
font-weight: 600;
color: #1f271b;
display: flex;
flex-direction: column;
text-align: right;
}
/* line 291, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-container span:last-child {
display: block;
}
/* line 296, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-container .credit-price-subtitle {
font-size: 28px;
font-weight: 800;
font-style: normal;
color: #000000;
}
/* line 302, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-container .credit-price-subtitle span {
white-space: nowrap;
}
/* line 307, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .cash-price-container__small {
font-size: 12px;
color: #1f271b;
display: inline-block;
width: 120px;
text-align: right;
display: flex;
flex-direction: column;
}
/* line 317, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container
.cash-price-container__small
.credit-price-subtitle {
font-size: 22px;
font-weight: 800;
font-style: normal;
color: #000000;
}
/* line 326, app/assets/stylesheets/search_results/results.css.scss */
.credit-price-bottom-container {
font-weight: normal;
font-size: 14px;
width: 100%;
text-align: right;
}
/* line 333, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .btnwrap {
margin-top: 40px;
}
/* line 337, app/assets/stylesheets/search_results/results.css.scss */
.credit-price-bottom-container {
font-size: 18px;
margin-top: 24px;
}
/* line 342, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .credit-price-bottom-container {
font-size: 14px;
margin-top: 15px;
}
@media (min-width: 768px) {
/* line 342, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .credit-price-bottom-container {
width: 200px;
}
}
/* line 351, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .search-results-populate-container {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 768px) {
/* line 356, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .search-results-populate-container {
margin-top: 10px;
margin-left: 20px;
}
}
/* line 363, app/assets/stylesheets/search_results/results.css.scss */
.free-shipping-title {
position: relative;
top: -10px;
font-size: 16px;
font-weight: 800;
font-style: italic;
text-transform: uppercase;
text-align: right;
color: #27187e;
}
/* line 374, app/assets/stylesheets/search_results/results.css.scss */
.product-info {
font-size: 18px;
color: #000000;
font-weight: 400;
text-transform: uppercase;
}
/* line 380, app/assets/stylesheets/search_results/results.css.scss */
.product-info__model-name {
font-size: 26px;
font-weight: 800;
}
/* line 386, app/assets/stylesheets/search_results/results.css.scss */
.rowpricing {
border-bottom-width: 0 !important;
}
/* line 390, app/assets/stylesheets/search_results/results.css.scss */
.strip {
position: absolute;
left: 0;
top: 0;
height: 35px;
padding: 0 18px;
line-height: 35px;
color: #ffffff;
font-size: 18px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
opacity: 0.8;
background: #000000;
border-top-right-radius: 0;
}
/* line 407, app/assets/stylesheets/search_results/results.css.scss */
.strip__small {
position: relative;
top: 5px;
padding-top: 7px;
}
/* line 412, app/assets/stylesheets/search_results/results.css.scss */
.strip__small a {
color: #ffffff !important;
}
/* line 417, app/assets/stylesheets/search_results/results.css.scss */
.filterlist-collapsible-item {
display: none;
}
/* line 420, app/assets/stylesheets/search_results/results.css.scss */
.filterlist-collapsible-item:nth-child(-n + 6) {
display: block;
}
/* line 425, app/assets/stylesheets/search_results/results.css.scss */
.filterlist-section-title {
font-size: 18px;
font-weight: 800;
margin-bottom: 12px;
}
/* line 431, app/assets/stylesheets/search_results/results.css.scss */
.found-counter-title {
right: 20px;
text-align: right;
font-size: 12px;
font-weight: 400;
width: 100%;
background-color: white;
margin-bottom: 10px;
}
/* line 441, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo figure img {
max-height: 250px;
width: auto;
margin: 0 auto;
}
/* line 447, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title-with-price-mobile {
display: flex;
justify-content: space-between;
align-items: center;
}
/* line 453, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title-with-price-mobile .cash-price-container {
font-size: 10px;
}
/* line 457, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title-with-price-mobile
.cash-price-container
.credit-price-subtitle {
font-size: 22px;
}
/* line 463, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title-with-price-mobile .cash-price-container span:last-child {
font-size: 12px;
}
/* line 467, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-populate-container
.product-quantity-select-container {
margin-left: 20px;
}
/* line 473, app/assets/stylesheets/search_results/results.css.scss */
.search-results-empty {
min-width: 80%;
margin: 0 auto;
}
@media (max-width: 767px) {
/* line 473, app/assets/stylesheets/search_results/results.css.scss */
.search-results-empty {
min-width: 100%;
}
}
/* line 482, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits {
margin: 10px 10px 10px 0;
font-size: 14px;
}
/* line 487, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits ul li {
font-size: 12px;
margin: 5px 5px 5px 0;
}
/* line 492, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits .benefit-name {
text-align: left;
margin-left: 10px;
font-weight: 700;
align-items: center;
}
/* line 499, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits ul li img {
height: 15px;
}
/* line 503, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item i.credit-price-name {
font-size: 12px;
}
/* line 507, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item b.credit-price-name {
font-size: 12px;
}
/* line 511, app/assets/stylesheets/search_results/results.css.scss */
i.credit-price-name {
text-transform: lowercase;
font-size: 14px;
}
/* line 516, app/assets/stylesheets/search_results/results.css.scss */
b.credit-price-name {
font-size: 14px;
text-transform: capitalize;
width: 150%;
position: relative;
left: -50%;
}
/* line 524, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .cash-price-value {
font-size: 14px;
font-weight: 600;
}
/* line 529, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-value {
font-size: 18px;
}
@media (min-width: 768px) {
/* line 532, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-value.staggered {
display: block;
}
}
/* line 540, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .credit-price-bottom-container.search-results-mobile-hidden {
display: inline-block;
}
/* line 545, app/assets/stylesheets/search_results/results.css.scss */
.search-results-ply-container {
margin-top: 5px;
}
/* line 549, app/assets/stylesheets/search_results/results.css.scss */
.search-results-ply-container .search-results-ply-name {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: italic;
line-height: normal;
letter-spacing: 0.44px;
color: #000000;
padding-left: 8px;
}
/* line 560, app/assets/stylesheets/search_results/results.css.scss */
.search-results-ply-container .search-results-ply-icon {
height: 16px;
}
@media screen and (min-width: 600px) {
/* line 565, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo .tireabout {
padding-top: 0;
}
}
/* line 570, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-staggered-container {
display: inline-block;
vertical-align: text-top;
}
/* line 575, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-staggered-container b {
display: flex;
justify-content: space-between;
align-items: baseline;
min-width: 80px;
}
/* line 581, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-staggered-item-name {
padding-left: 3px;
font-weight: normal;
font-style: italic;
text-align: right;
color: #8d8d8d;
}
@media (max-width: 767px) {
/* line 589, app/assets/stylesheets/search_results/results.css.scss */
.search-results-btn-staggered-margin {
top: -70px !important;
}
/* line 593, app/assets/stylesheets/search_results/results.css.scss */
.search-results-ply-container .search-results-ply-name {
font-size: 12px;
}
/* line 597, app/assets/stylesheets/search_results/results.css.scss */
.search-results-ply-container .search-results-ply-icon {
height: 12px;
}
/* line 601, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .cash-price-container__small {
font-size: 10px;
}
/* line 606, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .credit-price-bottom-container.search-results-mobile-hidden {
display: none;
}
/* line 611, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-staggered-item-name {
font-size: 12px;
}
/* line 615, app/assets/stylesheets/search_results/results.css.scss */
.alltires .filterwrap .filterby .filterlist ul li a {
font-size: 16px;
line-height: 16px;
height: 42px;
}
/* line 621, app/assets/stylesheets/search_results/results.css.scss */
.cash-price-value {
font-size: 14px;
}
/* line 625, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .cash-price-value {
font-size: 12px;
}
/* line 629, app/assets/stylesheets/search_results/results.css.scss */
.product-quantity-select-container {
border: none;
box-shadow: 0px 0px 0px 1.7px #8d8d8d;
height: 41px;
}
/* line 635, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .product-quantity-select-container {
height: 38px;
}
/* line 639, app/assets/stylesheets/search_results/results.css.scss */
b.credit-price-name {
font-size: 12px;
}
/* line 643, app/assets/stylesheets/search_results/results.css.scss */
i.credit-price-name {
font-size: 12px;
}
/* line 647, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-filterwrap {
margin-bottom: 0;
}
/* line 651, app/assets/stylesheets/search_results/results.css.scss */
.tire-specs-box__full-info {
font-size: 14px;
}
/* line 655, app/assets/stylesheets/search_results/results.css.scss */
.credit-price-name {
font-size: 12px;
}
/* line 659, app/assets/stylesheets/search_results/results.css.scss */
.search-results-container .search-results-right-box {
margin: 0 20px;
}
/* line 663, app/assets/stylesheets/search_results/results.css.scss */
.search-results-title {
margin: 0;
font-size: 30px;
}
/* line 668, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-populate-container
.cash-price-container__small {
width: 140px;
}
/* line 674, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo {
padding-right: 7px;
padding-left: 7px;
}
/* line 679, app/assets/stylesheets/search_results/results.css.scss */
.wheel-quantity {
margin-right: 0;
}
/* line 683, app/assets/stylesheets/search_results/results.css.scss */
.recomended {
padding-top: 0;
}
/* line 687, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-icon {
margin-top: -3px;
}
/* line 691, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-populate-container
.btnwrap {
position: relative;
top: -50px;
width: 100%;
}
/* line 694, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-populate-container
.btnwrap.search-results-mobile-hidden {
display: none;
}
/* line 703, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .btnwrap {
display: flex;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0 10px;
top: -50px;
}
/* line 712, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-populate-container
.quantity {
margin: 0 auto;
}
/* line 718, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-item .credit-price-bottom-container {
position: relative;
top: 70px;
margin-bottom: 30px;
padding-right: 5px;
right: 10px;
width: 150%;
left: -52%;
}
/* line 728, app/assets/stylesheets/search_results/results.css.scss */
.free-shipping-title {
font-size: 14px;
}
/* line 732, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__small {
top: 50%;
width: auto !important;
}
/* line 736, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__small .btnwrap {
width: 100% !important;
}
/* line 741, app/assets/stylesheets/search_results/results.css.scss */
.product-info {
font-size: 14px !important;
text-transform: uppercase;
}
/* line 745, app/assets/stylesheets/search_results/results.css.scss */
.product-info__model-name {
font-size: 18px !important;
text-transform: uppercase;
}
/* line 751, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo figure {
width: 100% !important;
}
/* line 755, app/assets/stylesheets/search_results/results.css.scss */
.alltires .alltirewrap .tireinfo .tireabout {
width: 100%;
}
/* line 759, app/assets/stylesheets/search_results/results.css.scss */
.credit-price-bottom-container {
width: 100%;
text-align: right;
margin-top: 0;
font-size: 14px;
}
/* line 766, app/assets/stylesheets/search_results/results.css.scss */
.tireinfo {
position: relative;
}
/* line 769, app/assets/stylesheets/search_results/results.css.scss */
.tireinfo .strip {
font-size: 14px;
}
/* line 773, app/assets/stylesheets/search_results/results.css.scss */
.tireinfo figure {
margin: 10px auto !important;
}
/* line 776, app/assets/stylesheets/search_results/results.css.scss */
.tireinfo figure img {
width: auto !important;
height: 180px !important;
}
/* line 784, app/assets/stylesheets/search_results/results.css.scss */
.rowcart .list ul {
display: flex;
justify-content: space-around;
}
/* line 788, app/assets/stylesheets/search_results/results.css.scss */
.rowcart .list ul li {
font-weight: 800 !important;
display: inherit;
}
/* line 795, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__simple {
width: 100%;
}
/* line 798, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__simple .quantity {
margin: 5px 10px 5px 0;
}
/* line 802, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__simple .single-quantity {
float: left;
}
/* line 806, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container__simple .add-to-cart-single-results {
padding-top: 10px;
}
/* line 811, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container {
width: 100%;
margin-top: 0;
}
/* line 815, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container .single-quantity {
justify-content: space-between;
}
/* line 819, app/assets/stylesheets/search_results/results.css.scss */
.add-to-cart-container .btnwrap {
width: 80%;
}
/* line 824, app/assets/stylesheets/search_results/results.css.scss */
.btnwrap {
display: inline-block;
margin-top: 12px;
}
/* line 828, app/assets/stylesheets/search_results/results.css.scss */
.btnwrap button {
height: 41px;
}
/* line 833, app/assets/stylesheets/search_results/results.css.scss */
.wheel-image-container {
height: 180px;
width: auto;
}
/* line 838, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .credit-price-bottom-container {
font-size: 14px;
margin-top: 15px;
}
/* line 843, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container {
flex-direction: unset;
justify-content: space-between;
align-items: center;
width: 100%;
}
/* line 850, app/assets/stylesheets/search_results/results.css.scss */
.search-results-populate-container .btnwrap {
margin-top: 0;
width: 100%;
}
/* line 855, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits {
text-align: center;
font-size: 12px;
}
/* line 860, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-benefits ul li img {
height: 15px;
}
/* line 864, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.search-results-title-with-price-mobile
.search-results-mobile-visible {
display: none;
}
/* line 870, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate
.single-quantity
.search-results-mobile-hidden {
display: flex;
}
/* line 876, app/assets/stylesheets/search_results/results.css.scss */
.search-results-recommended-populate .show-for-recommended-mobile {
display: flex !important;
}
/* line 880, app/assets/stylesheets/search_results/results.css.scss */
.search-results-additional-price-mobile .search-results-mobile-visible {
display: flex;
align-items: center;
}
/* line 885, app/assets/stylesheets/search_results/results.css.scss */
.margin-right-10 {
margin-right: 10px !important;
}
}
@media (max-width: 1023px) {
/* line 890, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper {
position: sticky;
top: 160px;
z-index: 999;
}
/* line 896, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper.wheel {
top: 160px;
}
}
/* line 902, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper--gray .payment-period-container__as_select {
height: 53px;
margin-bottom: 25px;
padding: 8px 122px 8px 22px;
background-color: #eaeaea;
display: flex;
justify-content: flex-end;
align-items: baseline;
}
@media (max-width: 1024px) {
/* line 902, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper--gray .payment-period-container__as_select {
padding: 8px 12px 8px 12px;
justify-content: space-between;
}
}
/* line 917, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper--gray .filterlist-section-title {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #27187e;
margin-right: 20px;
}
@media (max-width: 1023px) {
/* line 901, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-wrapper--gray {
top: 147px !important;
}
}
@media (max-width: 1023px) {
/* line 934, app/assets/stylesheets/search_results/results.css.scss */
.search-results-container .search-results-right-box {
margin-left: 22px;
margin-right: 22px;
}
/* line 939, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-filterwrap {
display: none !important;
}
/* line 943, app/assets/stylesheets/search_results/results.css.scss */
.search-results-wheel-image {
padding-top: 30px;
}
/* line 947, app/assets/stylesheets/search_results/results.css.scss */
.search-results-sidebar {
width: auto;
}
/* line 951, app/assets/stylesheets/search_results/results.css.scss */
.off-canvas {
background-color: #ffffff;
}
/* line 955, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-container__as_select {
height: 53px;
margin-bottom: 25px;
padding: 8px 22px 8px 22px;
background-color: #eaeaea;
display: flex;
justify-content: space-between;
align-items: baseline;
}
/* line 965, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-container__as_select .filterlist-section-title {
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #27187e;
}
/* line 975, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-select {
border: none;
width: 165px;
height: 37px;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #1f271b;
}
/* line 988, app/assets/stylesheets/search_results/results.css.scss */
.payment-period-select:active {
border: none;
box-shadow: none;
}
}
/* line 994, app/assets/stylesheets/search_results/results.css.scss */
.search-results-quick-filter-item {
margin-left: 5px;
}
@media (min-width: 768px) {
/* line 998, app/assets/stylesheets/search_results/results.css.scss */
.shipping-container {
display: flex;
justify-content: space-between;
}
}
/* line 1005, app/assets/stylesheets/search_results/results.css.scss */
.free-lugs-plate {
height: 60px;
background-color: #27187e;
color: #fff;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1023px) {
/* line 1005, app/assets/stylesheets/search_results/results.css.scss */
.free-lugs-plate {
top: 132px;
height: 54px;
}
}
/* line 1020, app/assets/stylesheets/search_results/results.css.scss */
.free-lugs-plate h3 {
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: uppercase;
}
@media (max-width: 1023px) {
/* line 1020, app/assets/stylesheets/search_results/results.css.scss */
.free-lugs-plate h3 {
font-size: 18px;
}
}
/* line 1034, app/assets/stylesheets/search_results/results.css.scss */
.free-lugs-plate p {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: normal;
letter-spacing: normal;
}
/* line 3, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__plate {
position: relative;
margin-bottom: 48px;
}
@media (min-width: 768px) {
/* line 3, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__plate {
width: 700px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
margin-bottom: 60px;
}
}
@media (min-width: 1024px) {
/* line 3, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__plate {
width: 1015px;
margin-bottom: 112px;
}
}
@media (min-width: 1440px) {
/* line 3, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__plate {
width: 1200px;
}
}
/* line 24, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__plate:before {
position: absolute;
content: '';
top: 0px;
bottom: 30%;
width: 100%;
right: 0;
width: 100vw;
background: #f9f9f9;
}
/* line 36, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__container {
position: relative;
margin: auto;
padding-top: 20px;
width: calc(100% - 30px);
font-family: "Open Sans", sans-serif;
}
@media (min-width: 768px) {
/* line 36, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__container {
width: 640px;
}
}
@media (min-width: 1024px) {
/* line 36, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__container {
padding-top: 35px;
width: 980px;
}
}
/* line 53, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title {
font-size: 36px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
color: #002d4a;
margin-bottom: 24px;
}
@media (max-width: 767px) {
/* line 53, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title {
flex-direction: column;
font-size: 22px;
font-weight: 800;
line-height: 1.27;
text-align: center;
color: #002d4a;
}
}
/* line 71, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title--blue {
color: #1859ba;
margin-bottom: 0;
}
/* line 76, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title--uown {
color: #31c3e7;
}
/* line 80, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title--paytomorrow {
color: #152456;
margin-bottom: 0;
}
/* line 85, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title--okinus {
color: #00a4e4;
}
/* line 89, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title--affirm {
color: #4a4af4;
}
/* line 94, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo {
height: 29px;
margin-left: 12px;
}
@media (max-width: 767px) {
/* line 94, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo {
height: 20px;
margin: 8px 0 0 0;
}
}
/* line 103, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--flexshopper {
height: 38px;
}
@media (max-width: 767px) {
/* line 103, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--flexshopper {
height: 25px !important;
margin: 8px 0 0 0;
}
}
/* line 112, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--uown {
height: 56px;
}
@media (max-width: 767px) {
/* line 112, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--uown {
height: 39px;
}
}
/* line 120, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--aff {
height: 42px;
}
@media (max-width: 767px) {
/* line 120, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--aff {
height: 28px;
}
}
/* line 128, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--paytomorrow {
height: 35px;
}
@media (min-width: 768px) {
/* line 128, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--paytomorrow {
position: relative;
}
}
@media (max-width: 767px) {
/* line 128, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--paytomorrow {
height: 24px;
}
}
/* line 140, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--okinus {
height: 60px;
margin-left: 14px;
}
@media (min-width: 768px) {
/* line 140, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--okinus {
position: relative;
}
}
@media (max-width: 767px) {
/* line 140, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--okinus {
height: 40px;
}
}
/* line 153, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--affirm {
height: 58px;
margin-left: 14px;
margin-top: -32px;
}
@media (max-width: 767px) {
/* line 153, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__title-logo--affirm {
height: 42px;
margin-top: 0;
}
}
/* line 165, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle {
font-size: 24px;
font-weight: 600;
text-align: center;
color: #1859ba;
margin-bottom: 24px;
}
/* line 172, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle--uown {
color: #31c3e7;
}
/* line 176, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle--paytomorrow {
color: #152456;
}
/* line 180, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle--okinus {
color: #00a4e4;
}
/* line 184, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle--affirm {
color: #4a4af4;
}
@media (max-width: 767px) {
/* line 165, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle {
font-size: 16px;
margin: 16px 15%;
}
}
/* line 194, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__subtitle i {
font-weight: bold;
}
/* line 198, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content {
padding: 10px 12px;
border-radius: 6px;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
}
@media (min-width: 768px) {
/* line 198, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content {
margin: auto;
width: 640px;
padding: 20px;
}
}
@media (min-width: 1024px) {
/* line 198, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content {
width: 980px;
padding: 18px 45px 32px 45px;
}
}
/* line 216, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title {
font-size: 20px;
font-weight: bold;
font-stretch: normal;
font-style: italic;
text-align: center;
color: #002d4a;
margin-bottom: 10px;
}
@media (max-width: 767px) {
/* line 216, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title {
font-size: 16px;
margin-bottom: 5px;
}
}
/* line 230, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--blue {
color: #1756b5;
}
/* line 234, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--uown {
color: #31c3e7;
}
/* line 238, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--paytomorrow {
line-height: 1.08;
font-style: normal;
font-size: 24px;
color: #152456;
margin-bottom: 50px;
}
@media (max-width: 767px) {
/* line 238, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--paytomorrow {
font-size: 20px;
margin-bottom: 5px;
}
}
/* line 250, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--paytomorrow .paytomorrow-logo-text {
color: #122659;
}
/* line 253, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--paytomorrow .paytomorrow-logo-text .pay {
color: #18a0fb;
}
/* line 259, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--okinus {
color: #00a4e4;
}
/* line 263, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-title--affirm {
color: #4a4af4;
}
/* line 268, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-description {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #000000;
}
/* line 275, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-description--fix-width {
margin: 0 -10px;
}
/* line 279, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-description--okinus {
color: #00a4e4;
}
/* line 283, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-description--affirm {
color: #4a4af4;
}
@media (max-width: 767px) {
/* line 268, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__content-description {
font-size: 12px;
margin: 0;
}
}
/* line 293, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefits {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 35px;
}
@media (max-width: 767px) {
/* line 299, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefits--fix-height {
margin-top: 0;
}
}
/* line 306, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit {
width: 150px;
text-align: center;
}
@media (max-width: 767px) {
/* line 306, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit {
flex: 50%;
}
}
@media (max-width: 767px) {
/* line 314, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit--fix-height {
margin-bottom: 20px;
max-width: 110px;
}
}
/* line 322, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-icon {
width: 56px;
}
@media (max-width: 767px) {
/* line 322, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-icon {
width: 46px;
}
}
/* line 330, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-icon-container {
display: flex;
height: 56px;
align-content: center;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
/* line 330, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-icon-container {
height: 46px;
}
}
/* line 342, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-description {
font-size: 16px;
font-weight: 600;
text-align: center;
color: #1f271b;
margin-top: 16px;
}
@media (max-width: 767px) {
/* line 342, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-description {
font-size: 14px;
}
}
/* line 353, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-description--okinus {
color: #00a4e4;
}
/* line 357, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__benefit-description--affirm {
color: #4a4af4;
}
/* line 362, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes {
width: auto;
font-size: 12px;
letter-spacing: 0.25px;
text-align: right;
color: #000000;
margin-top: 12px;
}
@media (max-width: 767px) {
/* line 370, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes--aff {
font-size: 10px;
}
}
@media (max-width: 767px) {
/* line 362, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes {
text-align: center;
margin-top: 0;
}
}
@media (min-width: 768px) {
/* line 362, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes {
width: 640px;
}
}
@media (min-width: 1024px) {
/* line 362, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes {
width: 980px;
}
}
/* line 390, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes-item {
margin-top: 12px;
}
/* line 396, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-leasing__notes-item--affirm:last-child {
margin-top: 0;
}
/* line 402, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer {
counter-reset: section;
margin: 52px auto 0 auto;
font-size: 12px;
letter-spacing: 0.25px;
color: #000000;
}
@media (max-width: 768px) {
/* line 402, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer {
padding: 7px;
}
}
@media (min-width: 768px) {
/* line 402, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer {
width: 640px;
}
}
@media (min-width: 1024px) {
/* line 402, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer {
width: 980px;
}
}
@media (min-width: 1440px) {
/* line 402, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer {
width: 1200px;
}
}
/* line 426, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer__item--with-mark {
margin-top: 32px;
padding-left: 10px;
position: relative;
}
@media (max-width: 768px) {
/* line 426, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer__item--with-mark {
margin-top: 48px;
}
}
/* line 436, app/assets/stylesheets/tempoe/affiliate.css.scss */
.tempoe-disclaimer__item--with-mark::before {
counter-increment: section;
content: counter(section);
position: absolute;
left: 0;
font-size: 7px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.15px;
color: #000000;
}
/* line 450, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
@media (max-width: 767px) {
/* line 450, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container {
margin-top: 10px;
}
}
/* line 461, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container img {
height: 16px;
}
/* line 465, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--flexshopper img {
height: 19px;
}
@media (max-width: 767px) {
/* line 465, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--flexshopper img {
height: 16px;
}
}
/* line 473, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--american-first-finance img {
height: 17px;
}
/* line 477, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--uown img {
height: 21px;
}
@media (max-width: 767px) {
/* line 477, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--uown img {
height: 25px;
}
}
/* line 485, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--paytomorrow img {
height: 26.3px;
}
/* line 489, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--okinus img {
width: 64px;
}
/* line 493, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__logo-standalone-container--affirm img {
height: 20px;
}
/* line 497, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note {
position: sticky;
top: 147px;
height: 38px;
background-color: #002d4a;
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
/* line 513, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--blue {
background-color: #1859ba;
}
/* line 517, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--uown {
background-color: #31c3e7;
font-size: 22px;
}
@media (max-width: 767px) {
/* line 517, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--uown {
font-size: 16px;
}
}
/* line 526, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--paytomorrow {
background-color: #152456;
font-size: 20px;
}
@media (max-width: 767px) {
/* line 526, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--paytomorrow {
font-size: 16px;
}
}
/* line 535, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--okinus {
font-size: 20px;
background-color: #00a4e4;
}
@media (max-width: 767px) {
/* line 535, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--okinus {
font-size: 16px;
}
}
/* line 544, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--affirm {
font-size: 20px;
background-color: #4a4af4;
}
@media (max-width: 767px) {
/* line 544, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note--affirm {
font-size: 16px;
}
}
@media (min-width: 768px) {
/* line 497, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note {
top: 133px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 497, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note {
top: 151px;
}
}
/* line 562, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo {
height: 14px;
margin-left: 4px;
}
@media (min-width: 768px) {
/* line 562, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo {
height: 13px;
}
}
/* line 570, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--flexshopper {
height: 18px;
margin-left: 8px;
}
@media (max-width: 767px) {
/* line 570, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--flexshopper {
height: 16px;
}
}
/* line 579, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--aff {
height: 17px;
}
/* line 583, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--uown {
height: 29px;
margin-left: 8px;
}
@media (max-width: 767px) {
/* line 583, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--uown {
height: 21px;
}
}
/* line 592, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--paytomorrow {
margin-left: 8px;
margin-top: 3px;
height: 33px;
}
@media (max-width: 767px) {
/* line 592, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--paytomorrow {
height: 27px;
}
}
/* line 602, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--okinus {
height: 33px;
margin-left: 8px;
}
@media (max-width: 767px) {
/* line 602, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--okinus {
height: 31px;
}
}
/* line 611, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--affirm {
height: 27.6px;
margin-left: 8px;
margin-top: -4px;
}
@media (max-width: 767px) {
/* line 611, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__product-note-logo--affirm {
height: 23px;
}
}
/* line 622, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-container {
border-radius: 5px;
border: solid 2px var(--blue);
padding: 12px 0 12px 12px;
display: flex;
}
@media (max-width: 767px) {
/* line 622, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-container {
flex-direction: column;
padding: 12px 0 0 0;
margin-bottom: 20px;
}
}
/* line 635, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-container .payment-plan__list {
margin-left: 24px;
}
/* line 639, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-button-container {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-end;
}
/* line 646, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label {
margin-bottom: 44px;
}
@media (min-width: 1023px) {
/* line 646, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label {
position: unset;
}
}
/* line 654, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-button-container .payment-plan__button {
width: 100%;
text-transform: uppercase;
}
/* line 659, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image {
height: 15px;
margin-top: -3px;
}
/* line 664, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--flexshopper {
height: 20px;
}
@media (max-width: 767px) {
/* line 664, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--flexshopper {
height: 17px;
}
}
/* line 672, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--uown {
height: 24px;
}
/* line 676, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--paytomorrow {
height: 19px;
width: 110px;
margin-bottom: -8px;
}
@media (max-width: 767px) {
/* line 676, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--paytomorrow {
height: 19px;
width: 110px;
}
}
/* line 687, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--affirm {
height: 24px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 692, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--ownlease, .affiliate__checkout-tab-image--snap, .affiliate__checkout-tab-image--katapult, .affiliate__checkout-tab-image--progressive {
height: 36px;
padding-top: 2px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 701, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--kornerstone {
height: 24px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 706, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--zip {
height: 24px;
padding-top: 2px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 712, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__checkout-tab-image--kafene {
height: 28px;
padding-top: 2px;
-o-object-fit: contain;
object-fit: contain;
}
/* line 720, app/assets/stylesheets/tempoe/affiliate.css.scss */
.payment-tab input:not(:checked) ~ label .affiliate__checkout-tab-image {
filter: brightness(0.7);
}
/* line 725, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-tempoe__plan-list-mark {
position: relative;
left: 0px;
font-size: 7px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.15px;
color: #000000;
top: -7px;
}
@media (max-width: 767px) {
/* line 738, app/assets/stylesheets/tempoe/affiliate.css.scss */
.checkout .tempoe-disclaimer {
margin-top: 40px;
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
/* line 738, app/assets/stylesheets/tempoe/affiliate.css.scss */
.checkout .tempoe-disclaimer {
width: auto;
margin-bottom: 50px;
}
}
/* line 750, app/assets/stylesheets/tempoe/affiliate.css.scss */
.checkout .tempoe-disclaimer .tempoe-disclaimer__item--with-mark {
margin-top: 18px;
}
@media (max-width: 767px) {
/* line 750, app/assets/stylesheets/tempoe/affiliate.css.scss */
.checkout .tempoe-disclaimer .tempoe-disclaimer__item--with-mark {
margin-top: 14px;
}
}
/* line 757, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label {
font-weight: 600;
font-size: 12px;
}
@media (max-width: 767px) {
/* line 757, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label {
font-size: 10px;
top: -3px;
}
}
@media (min-width: 1024px) {
/* line 757, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
/* line 770, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label--mobile {
display: block;
}
}
@media (min-width: 1024px) {
/* line 770, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label--mobile {
display: none;
}
}
@media (max-width: 1023px) {
/* line 780, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label--desktop {
display: none;
}
}
@media (min-width: 1024px) {
/* line 780, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label--desktop {
display: block;
}
}
@media (min-width: 768px) {
/* line 790, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate__payment-plan-label--flexshopper {
margin-bottom: 12px;
}
}
@media (max-width: 1023px) {
/* line 797, app/assets/stylesheets/tempoe/affiliate.css.scss */
.payment-period-wrapper--affiliate {
top: 185px !important;
}
}
@media (min-width: 768px) {
/* line 803, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-add-to-cart-wrapper .btnwrap {
margin-top: 18px;
}
}
/* line 809, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes {
max-width: 1140px;
margin: 24px auto;
font-size: 10px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
}
@media (max-width: 1023px) {
/* line 809, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes {
max-width: calc(100% - 48px);
margin: 34px auto;
}
}
/* line 825, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--main {
max-width: 1299px;
}
@media (max-width: 1023px) {
/* line 825, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--main {
max-width: calc(100% - 16px);
}
}
/* line 833, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--product {
margin-top: 32px;
}
@media (max-width: 1023px) {
/* line 833, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--product {
margin-top: 50px;
}
}
/* line 841, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--finance {
margin-top: 48px;
}
@media (max-width: 1023px) {
/* line 841, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-notes--finance {
margin-top: 112px;
}
}
/* line 850, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-note {
padding-top: 30px;
}
@media (max-width: 1023px) {
/* line 850, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affiliate-footer-note {
padding-top: 20px;
}
}
/* line 858, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header {
height: 42px;
background-color: #4a4af4;
display: flex;
justify-content: center;
margin-top: -45px;
}
@media screen and (min-width: 640px) {
/* line 858, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header {
margin-bottom: 1em;
}
}
@media screen and (min-width: 1024px) {
/* line 858, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header {
margin-bottom: 2em;
}
}
@media screen and (min-width: 1146px) {
/* line 858, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header {
width: 100% !important;
}
}
/* line 876, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header-text {
color: #fff;
font-size: 18px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.33px;
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
/* line 876, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header-text {
font-size: 11px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.17px;
flex-flow: column;
padding-top: 6px;
}
}
/* line 899, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header-logo {
padding-right: 22px;
height: 30px;
}
@media (max-width: 1023px) {
/* line 899, app/assets/stylesheets/tempoe/affiliate.css.scss */
.affirm-affiliate-header-logo {
padding-right: 0;
height: 16px;
}
}
/* line 4, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner {
padding: 20px 0 0;
margin-bottom: 50px;
}
@media (max-width: 767px) {
/* line 4, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner {
margin-bottom: 60px;
}
}
/* line 12, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner img {
margin-bottom: 20px;
}
@media (max-width: 767px) {
/* line 12, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner img {
transform: scaleX(-1);
}
}
/* line 20, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner .row {
max-width: 75rem;
}
/* line 25, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway {
text-align: center;
}
/* line 28, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway h1 {
padding: 0px 0 20px 0;
font-family: "Open Sans", sans-serif;
font-size: 40px;
line-height: 60px;
color: #2e2b2a;
font-weight: 900;
margin: 0 0 15px;
text-transform: none;
}
@media (max-width: 767px) {
/* line 28, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway h1 {
font-size: 30px;
line-height: 40px;
}
}
/* line 43, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway h1:before {
display: none;
}
/* line 46, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway span {
color: #27187e;
font-style: italic;
}
/* line 51, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway p {
text-align: left;
max-width: 560px;
font-size: 14px;
line-height: normal;
color: #2e2b2a;
font-weight: 600;
font-family: "Open Sans", sans-serif;
margin: 0 0 10px;
}
@media (max-width: 1024px) {
/* line 51, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway p {
max-width: 80rem !important;
font-size: 14px;
line-height: normal;
text-align: center;
margin: 0 0 30px;
}
}
@media (max-width: 767px) {
/* line 51, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway p {
text-align: left !important;
font-size: 12px;
line-height: normal;
text-align: center;
margin: 0 0 30px;
}
}
/* line 79, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway .car-brand-header {
text-align: left;
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
font-family: "Open Sans", sans-serif;
margin: 0 0 20px;
}
@media (max-width: 1024px) {
/* line 79, app/assets/stylesheets/car_brand_index.css.scss */
.car-brand-banner__easyway .car-brand-header {
text-align: center;
}
}
/* line 1, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__header {
padding: 15px 0 20px 0;
}
@media screen and (max-width: 767px) {
/* line 1, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__header {
padding-top: 25px;
}
}
/* line 9, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header {
padding-bottom: 15px;
border-bottom: 1px solid #efefef;
}
/* line 13, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpBurgerMenu {
display: none;
}
/* line 17, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .header-links {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
}
/* line 25, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpPhone-span {
font-size: 12px;
color: #8d8d8d;
}
/* line 30, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpPhone-number {
color: var(--blue);
}
/* line 34, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpPhone,
.order-returns__top-header .mpBurgerFaq {
font-size: 16px;
line-height: normal;
color: #515052;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
/* line 43, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .header-link:not(:last-child) {
margin-right: 25px;
}
@media screen and (max-width: 767px) {
/* line 48, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpBurgerFaq {
display: none;
}
/* line 52, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .header-links {
justify-content: flex-start;
}
/* line 56, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__top-header .mpBurgerMenu {
top: 5px;
right: 20px;
left: unset;
display: block;
}
}
/* line 65, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header {
padding-top: 15px;
}
/* line 68, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .logo {
margin: unset;
}
/* line 72, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .mobile-cart {
display: none;
}
/* line 76, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header em {
display: inline-block;
font-style: normal;
width: 25px;
height: 25px;
background: var(--blue);
text-align: center;
line-height: 25px;
color: #fff;
border-radius: 50%;
vertical-align: top;
margin: -3px 0 0 5px;
}
/* line 90, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .header-link {
font-size: 16px;
}
@media screen and (max-width: 767px) {
/* line 65, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header {
padding-top: 20px;
}
/* line 97, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .sub-header-column {
display: flex;
justify-content: space-between;
}
/* line 102, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .headright {
display: none;
}
/* line 106, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .mobile-cart {
display: block;
padding-right: 5px;
}
/* line 111, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header .mobile-cart-image {
width: 25px;
height: 25px;
}
/* line 116, app/assets/stylesheets/order_returns_header.css.scss */
.order-returns__sub-header em {
position: absolute;
width: 20px;
height: 20px;
line-height: 20px;
margin-left: -11px;
margin-top: -8px;
}
}
/* line 1, app/assets/stylesheets/order_returns.css.scss */
.order-returns-main {
margin-top: 25px;
}
/* line 5, app/assets/stylesheets/order_returns.css.scss */
.order-returns-main__header {
font-size: 40px;
font-weight: 600;
letter-spacing: 1.11px;
color: #000000;
text-align: center;
}
@media screen and (max-width: 767px) {
/* line 5, app/assets/stylesheets/order_returns.css.scss */
.order-returns-main__header {
font-size: 26px;
line-height: 1.08;
letter-spacing: 0.41px;
}
}
/* line 19, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path {
display: flex;
justify-content: center;
margin: 15px 0;
}
/* line 24, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path .oval {
width: 17px;
height: 17px;
border-radius: 50%;
background-color: #edf0fa;
}
/* line 30, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path .oval.active {
background-color: var(--blue);
}
/* line 35, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path .horizontal-line-with-oval {
display: flex;
align-items: center;
}
/* line 39, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path .horizontal-line-with-oval:before {
content: '';
width: 40px;
height: 2px;
background-color: #edf0fa;
}
/* line 46, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__dots-path .horizontal-line-with-oval.active:before {
background-color: var(--blue);
}
/* line 52, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__centred-card {
display: flex;
justify-content: center;
}
/* line 57, app/assets/stylesheets/order_returns.css.scss */
.field-error.error-detail {
color: red;
}
/* line 61, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__error {
padding: 0 50px;
}
/* line 65, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__card {
padding: 20px;
margin-top: 20px;
box-shadow: 0 0 30px 0 rgba(163, 163, 163, 0.1);
}
/* line 71, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__text-list {
font-size: 18px;
line-height: 1.17;
color: #000000;
}
/* line 76, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__text-list .points-list {
font-size: 16px;
list-style: unset;
padding: 10px 20px;
}
/* line 82, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__text-list .point {
padding: 5px 0;
}
/* line 87, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__remark {
font-style: italic;
font-size: 12px;
font-weight: 500;
}
/* line 93, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__block {
border-bottom: 1px solid #efefef;
margin: 0 -10px;
padding: 10px;
}
/* line 99, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__header {
font-weight: 600;
color: #000000;
font-size: 18px;
padding-top: 0;
}
/* line 106, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__text {
font-size: 16px;
padding-top: 0;
}
/* line 111, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__header {
padding: 5px 0;
font-size: 20px;
font-weight: 700;
color: #27187e;
}
/* line 118, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__body {
line-height: 1.38;
color: #000000;
padding: 5px 0;
}
/* line 123, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__body .top-space {
padding-top: 10px;
}
/* line 127, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__body .small-top-space {
padding-top: 5px;
}
/* line 131, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__body .subheader {
color: #27187e;
font-weight: 700;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
/* line 138, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-text__body .address-info {
padding-left: 0;
}
}
/* line 144, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__order-info .order-returns-card-text__body {
padding-top: 0;
}
/* line 148, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__form {
padding: 10px 50px;
}
/* line 151, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__form .order-returns-card-right-link {
padding: 0 15px;
}
@media screen and (max-width: 767px) {
/* line 148, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__form {
padding: 0;
}
}
/* line 160, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card-right-link {
display: grid;
color: var(--blue);
text-align: end;
cursor: pointer;
}
/* line 167, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__action-buttons {
margin-top: 35px;
padding: 0 50px;
text-align: center;
}
/* line 172, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__action-buttons .step__submit-button,
.order-returns-card__action-buttons .order-returns-step__back-button {
max-width: 388px;
width: 100%;
font-size: 18px;
text-transform: uppercase;
height: auto;
}
@media screen and (max-width: 767px) {
/* line 167, app/assets/stylesheets/order_returns.css.scss */
.order-returns-card__action-buttons {
margin-top: 25px;
padding: 0 15px;
}
}
/* line 187, app/assets/stylesheets/order_returns.css.scss */
.order-returns__promo-button {
margin-top: 15px;
}
/* line 191, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__back-button {
background: #ffffff;
border: 2px solid #3f70fb;
color: #3f70fb;
}
/* line 197, app/assets/stylesheets/order_returns.css.scss */
.order-returns-order-line-item {
margin: 0 -10px;
padding: 10px 0;
}
/* line 202, app/assets/stylesheets/order_returns.css.scss */
.order-returns-order-line-item:not(:last-child) {
border-bottom: 1px solid #efefef;
}
/* line 206, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__body {
height: 120px;
margin: 0 !important;
}
/* line 210, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__body > .column {
height: 100%;
}
/* line 215, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__header {
text-transform: uppercase;
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-evenly;
}
@media screen and (max-width: 767px) {
/* line 215, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__header {
padding-left: 0;
}
}
/* line 227, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__model {
font-weight: 700;
}
/* line 231, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__size {
font-weight: 700;
}
/* line 235, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__pa-0 {
padding: 0 !important;
}
/* line 239, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__ma-0 {
margin: 0 !important;
}
/* line 243, app/assets/stylesheets/order_returns.css.scss */
.order-returns-without-right-padding {
padding-right: 0 !important;
}
/* line 247, app/assets/stylesheets/order_returns.css.scss */
.order-returns-without-left-padding {
padding-left: 0 !important;
}
/* line 251, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__warnings {
background-color: #fff3aa;
padding: 2px 10px;
margin: 20px -10px 0;
}
/* line 256, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__warnings .point {
font-size: 14px;
font-weight: 700;
position: relative;
color: #000000;
margin: 10px;
padding-left: 20px;
}
/* line 264, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__warnings .point:before {
content: '';
background-color: #27187e;
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(163, 163, 163, 0.1);
height: 6px;
width: 6px;
top: 8px;
left: 0;
position: absolute;
}
/* line 278, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__return-fee-part {
text-transform: uppercase;
display: flex;
height: 100%;
flex-direction: column;
}
@media screen and (max-width: 767px) {
/* line 278, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__return-fee-part {
padding-right: 0;
}
}
/* line 289, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__return-fee {
width: 100%;
}
/* line 293, app/assets/stylesheets/order_returns.css.scss */
.order-returns-return-fee__container {
width: 100%;
text-align: center;
font-size: 14px;
border-radius: 15px;
padding: 5px;
text-transform: none;
background-color: #fff3aa;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
/* line 293, app/assets/stylesheets/order_returns.css.scss */
.order-returns-return-fee__container {
font-size: 12px;
}
}
/* line 310, app/assets/stylesheets/order_returns.css.scss */
.order-returns-return-fee__container .return-fee-bold {
padding: 0 5px;
}
/* line 314, app/assets/stylesheets/order_returns.css.scss */
.order-returns-return-fee__container .tooltip-href {
display: flex;
}
/* line 319, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__quantity {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
/* line 319, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__quantity {
padding-right: 2px;
}
}
/* line 330, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__quantity .product-quantity-select-container {
margin-top: 0;
margin-left: 10px;
}
/* line 336, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-form {
padding-left: 0;
}
@media screen and (max-width: 767px) {
/* line 336, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-form {
padding-right: 0;
}
}
/* line 344, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-info {
padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
/* line 344, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-info {
padding-right: 0;
}
}
/* line 352, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-block {
margin-top: 10px;
}
/* line 356, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-block .plus-select-button:before {
content: '+';
margin-right: 5px;
}
/* line 362, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-block .selected-checkbox {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
/* line 368, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__button-block .selected-checkbox:before {
content: '';
width: 16px;
height: 16px;
margin-top: -2px;
margin-right: 5px;
background-image: url("https://d19pbi8vkdue6m.cloudfront.net/White+Checkmark.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
/* line 382, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__select-button {
background: #edf0fa;
margin-bottom: 0;
width: 100%;
border-radius: 3px;
font-size: 16px;
text-transform: uppercase;
color: var(--blue);
}
/* line 391, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__select-button.small-variant {
margin: 5px 0;
padding: 10px;
height: auto;
}
/* line 397, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__select-button.active {
background-color: var(--blue);
color: #ffffff;
}
/* line 403, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__disabled_message {
margin-top: 10px;
display: flex;
flex-direction: row;
}
/* line 408, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__disabled_message .line-item-disabled__image {
min-width: 20px;
}
/* line 412, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__disabled_message .line-item-disabled__warning-image {
width: 20px;
height: 20px;
}
/* line 417, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item__disabled_message .line-item-disabled__message {
margin-left: 10px;
font-size: 16px;
line-height: normal;
color: #000000;
}
/* line 425, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-reasons {
margin-top: 10px;
}
/* line 428, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-reasons label {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-top: 15px;
margin-bottom: 5px;
}
/* line 436, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-reasons textarea {
resize: none;
font-size: 16px;
line-height: 1.4;
padding: 10px;
}
/* line 443, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-reasons select {
background-repeat: no-repeat;
background-size: 9px 6px;
background-position: right 1rem center;
background-image: url("data:image/svg+xml;utf8,");
}
/* line 452, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-images .image-block {
margin-bottom: 10px;
}
/* line 456, app/assets/stylesheets/order_returns.css.scss */
.order-returns-line-item-images .line-item-images-label {
margin-top: 0;
}
/* line 461, app/assets/stylesheets/order_returns.css.scss */
.order-returns-promo-link {
margin-top: 10px;
}
/* line 465, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form {
margin-top: 20px;
}
/* line 468, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-form {
padding: 0 60px;
}
@media screen and (max-width: 767px) {
/* line 468, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-form {
padding: 0;
}
}
/* line 476, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-label {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media screen and (max-width: 767px) {
/* line 476, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-label {
font-size: 15px;
}
}
/* line 487, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-checkboxes {
padding: 20px 20px 0;
}
@media screen and (max-width: 767px) {
/* line 487, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-checkboxes {
padding: 10px 0 0;
}
}
/* line 495, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .checkbox-box {
padding: 10px 0;
}
/* line 499, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .checkbox-container {
width: 100%;
display: flex;
font-weight: 600;
line-height: 1.2;
color: #2e2b2a;
}
/* line 507, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .checkbox-input {
width: 25px;
display: block;
height: 25px;
margin-bottom: 0;
}
/* line 514, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .checkbox-text {
margin-left: 15px;
}
/* line 518, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .top-space {
margin-top: 20px;
}
/* line 522, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info-p {
line-height: 1.31;
}
/* line 526, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info-small-text {
font-size: 12px;
}
/* line 530, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info-link {
color: #346cff;
text-decoration: underline;
}
/* line 535, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info-italic {
font-style: italic;
}
/* line 539, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info {
line-height: 1.31;
letter-spacing: normal;
color: #000000;
}
@media screen and (max-width: 767px) {
/* line 539, app/assets/stylesheets/order_returns.css.scss */
.order-returns__payment-form .payment-info {
font-size: 15px;
}
}
/* line 550, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-popup {
opacity: 1 !important;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}
/* line 555, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card {
font-size: 14px;
width: 220px;
padding: 5px 10px;
}
/* line 560, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .row {
margin: 0;
}
/* line 564, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .column {
padding: 0;
}
/* line 568, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .row.tooltip-line {
padding-top: 3px;
padding-bottom: 3px;
}
/* line 573, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .row.tooltip-line__total {
margin-top: 5px;
padding: 0 5px;
margin-left: -5px;
margin-right: -5px;
background-color: #fff3aa;
font-weight: 700;
}
/* line 582, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .tooltip-line__border {
padding: 0 5px;
margin-left: -5px !important;
margin-right: -5px !important;
border-bottom: 2px solid #000000;
}
/* line 589, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .tooltip-card__image {
font-weight: 700;
text-align: center;
}
/* line 594, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .tooltip-card__text {
text-align: end;
}
/* line 598, app/assets/stylesheets/order_returns.css.scss */
.order-returns-tooltip-card .tooltip-card__price {
font-weight: 700;
text-align: end;
}
/* line 604, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-with-close {
display: flex;
justify-content: space-between;
padding: 10px;
}
/* line 609, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-with-close .popup-header {
margin-right: 20px;
}
/* line 613, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-with-close .close-button > img {
width: 25px;
height: 25px;
}
@media screen and (max-width: 767px) {
/* line 604, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-with-close {
padding: 0;
}
/* line 621, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-with-close .popup-header {
font-size: 20px;
padding: 0 5px;
margin-bottom: 10px;
}
}
/* line 629, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body {
padding: 10px;
}
/* line 632, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .popup-step {
padding: 10px 0;
display: flex;
}
/* line 637, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .promo-input {
height: 45px;
padding: 0 10px;
border-radius: 4px;
border: solid 1.5px rgba(81, 80, 82, 0.5);
background: #fff;
box-shadow: none;
width: 100%;
line-height: 43px;
outline: none;
margin-bottom: 10px;
font-size: 16px;
}
/* line 650, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .promo-input:focus {
border-color: #e2e2e2;
background-color: #ffffff;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
/* line 658, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .promo-input.error {
border: 1px solid red;
}
/* line 663, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .popup-point__text {
font-size: 16px;
font-weight: 500;
color: #000000;
}
/* line 669, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .popup-point__number {
margin-right: 10px;
}
/* line 673, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .pickup-address-form {
margin: 0 -0.9375rem;
}
/* line 677, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body em {
display: inline-block;
font-style: normal;
width: 30px;
height: 30px;
font-size: 20px;
font-weight: 600;
background: #27187e;
text-align: center;
line-height: 25px;
color: #fff;
border-radius: 50%;
vertical-align: top;
padding: 1px 0 0 1px;
}
@media screen and (max-width: 767px) {
/* line 629, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body {
padding: 10px 0;
}
/* line 696, app/assets/stylesheets/order_returns.css.scss */
.order-returns-step__popup-body .popup-step-column {
padding: 0;
}
}
/* line 702, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget {
cursor: pointer;
}
/* line 705, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .container {
width: 100%;
max-height: 115px;
}
/* line 710, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .image > img {
border-radius: 5px;
max-width: 153px;
max-height: 115px;
}
@media screen and (max-width: 767px) {
/* line 710, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .image > img {
max-width: 147px;
}
}
/* line 720, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .unique-image {
margin-top: 5px;
}
/* line 724, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .empty-image {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: rgba(81, 80, 82, 0.5);
border: 2px dotted rgba(81, 80, 82, 0.5);
border-radius: 5px;
height: 115px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* line 737, app/assets/stylesheets/order_returns.css.scss */
.order-returns__file-widget .empty-image.error {
color: red;
border: 2px dotted red;
}
/* line 4, app/assets/stylesheets/installer.css.scss */
.installers-become-installer {
padding: 30px 0 0;
margin-bottom: 50px;
}
/* line 8, app/assets/stylesheets/installer.css.scss */
.installers-become-installer h1 {
padding: 0px 0 10px 0;
font-family: "Open Sans", sans-serif;
font-size: 40px;
line-height: 60px;
color: #2e2b2a;
font-weight: 900;
margin: 0 0 15px;
text-transform: none;
}
@media (max-width: 767px) {
/* line 8, app/assets/stylesheets/installer.css.scss */
.installers-become-installer h1 {
font-size: 30px;
line-height: 40px;
}
}
/* line 23, app/assets/stylesheets/installer.css.scss */
.installers-become-installer h1:before {
display: none;
}
/* line 26, app/assets/stylesheets/installer.css.scss */
.installers-become-installer p {
font-size: 20px;
line-height: normal;
color: #2e2b2a;
font-weight: 600;
font-family: "Open Sans", sans-serif;
margin: 0 10px 10px 10px;
}
/* line 35, app/assets/stylesheets/installer.css.scss */
.installers-become-installer .installers-header {
text-align: center;
}
/* line 39, app/assets/stylesheets/installer.css.scss */
.installers-become-installer a.submit-store-btn {
display: inline-block;
margin: 25px 0 0 0 !important;
padding: 0;
background: var(--blue-700);
height: 50px;
line-height: 50px;
border-radius: 5px;
color: #fff;
font-size: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
width: 400px;
}
@media (max-width: 1024px) {
/* line 39, app/assets/stylesheets/installer.css.scss */
.installers-become-installer a.submit-store-btn {
width: 80%;
}
}
@media (max-width: 768px) {
/* line 39, app/assets/stylesheets/installer.css.scss */
.installers-become-installer a.submit-store-btn {
width: 90%;
}
}
/* line 65, app/assets/stylesheets/installer.css.scss */
.installers-become-installer .submit-store-btn:hover {
background: var(--blue-500);
}
/* line 70, app/assets/stylesheets/installer.css.scss */
.installers-advantages {
position: relative;
box-sizing: border-box;
margin-top: 20px;
padding: 10px 0 10px;
}
/* line 76, app/assets/stylesheets/installer.css.scss */
.installers-advantages:before {
content: "";
position: absolute;
background: #f5f8ff;
top: 0;
left: 35%;
right: 0;
bottom: -170px;
z-index: -1;
}
@media (max-width: 1024px) {
/* line 76, app/assets/stylesheets/installer.css.scss */
.installers-advantages:before {
left: 0;
}
}
/* line 91, app/assets/stylesheets/installer.css.scss */
.installers-advantages img {
margin: 170px 0 0 0;
}
@media (max-width: 1024px) {
/* line 91, app/assets/stylesheets/installer.css.scss */
.installers-advantages img {
display: none;
}
}
/* line 98, app/assets/stylesheets/installer.css.scss */
.installers-advantages h1 {
padding-top: 20px;
text-align: left;
}
@media (max-width: 1024px) {
/* line 98, app/assets/stylesheets/installer.css.scss */
.installers-advantages h1 {
text-align: center;
}
}
/* line 107, app/assets/stylesheets/installer.css.scss */
.installers-advantages .row {
max-width: 76rem;
}
@media (max-width: 1024px) {
/* line 111, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-cards-container {
width: 320px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
/* line 111, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-cards-container {
width: 320px;
margin-left: auto;
margin-right: auto;
}
}
/* line 125, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-cards {
display: inline-block;
justify-content: space-between;
}
/* line 130, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-card {
width: 320px;
height: 85px;
text-align: left;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.04);
padding: 7px 7px 4px 10px;
margin: 3px;
vertical-align: top;
float: left;
}
/* line 143, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-card p.card-title {
color: #27187e;
font-size: 15px;
}
/* line 148, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-advantage-card p.card-content {
font-style: italic;
font-size: 14px;
}
/* line 154, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements {
text-align: left;
}
@media (max-width: 1024px) {
/* line 154, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements {
width: 400px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
/* line 154, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements {
width: 95%;
}
}
/* line 167, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .circle {
width: 17px;
height: 17px;
margin: 3px 10px 5px 7px;
background-color: #27187e;
border-radius: 50%;
color: white;
float: left;
line-height: 17px;
vertical-align: middle;
text-align: center;
}
/* line 179, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .circle i {
line-height: inherit;
}
/* line 184, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .circle-small {
width: 5px;
height: 5px;
margin: 6px 4px 0 0;
background-color: #d8d8d8;
border-radius: 50%;
float: left;
}
/* line 193, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements p.installers-requirements-subtitle {
max-width: 70%;
font-size: 16px;
}
@media (max-width: 768px) {
/* line 193, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements p.installers-requirements-subtitle {
max-width: 100%;
font-size: 14px;
}
}
/* line 203, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements p.installers-requirements-clarification {
padding-top: 10px;
font-style: italic;
font-size: 14px;
}
@media (max-width: 768px) {
/* line 210, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .installers-requirements-btn-container {
text-align: center;
}
}
/* line 217, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .installers-requirements-checklist .installers-requirements-checklist__item {
margin-top: 30px;
}
/* line 221, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .installers-requirements-checklist .proper-equipment__items {
margin-left: 38px;
}
/* line 225, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .installers-requirements-checklist p {
margin-top: 10px;
font-size: 16px;
font-weight: 700;
display: flex;
}
/* line 232, app/assets/stylesheets/installer.css.scss */
.installers-advantages .installers-requirements .installers-requirements-checklist p.proper-equipment__item {
font-size: 13px;
font-style: italic;
font-weight: 600;
}
/* line 241, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing {
text-align: center;
margin: auto;
max-width: 76rem;
background: #27187e;
border-radius: 5px;
padding: 35px 60px 40px 60px;
}
@media (max-width: 1024px) {
/* line 241, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing {
width: 90%;
}
}
@media (max-width: 768px) {
/* line 241, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing {
padding-right: 10px;
padding-left: 10px;
}
}
/* line 258, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing h1 {
padding: 0px 0 10px 0;
font-family: "Open Sans", sans-serif;
font-size: 40px;
line-height: 60px;
color: #ffffff;
font-weight: 900;
margin: 0 0 15px;
text-transform: none;
}
@media (max-width: 767px) {
/* line 258, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing h1 {
font-size: 30px;
line-height: 40px;
}
}
/* line 273, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing h1:before {
display: none;
}
/* line 276, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing p {
font-size: 18px;
line-height: normal;
color: #ffffff;
font-weight: 600;
font-family: "Open Sans", sans-serif;
margin: 0 0 10px;
}
@media (max-width: 768px) {
/* line 276, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing p {
font-size: 16px;
}
}
/* line 289, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing a.submit-store-btn {
display: inline-block;
margin: 25px 0 0 0 !important;
padding: 0;
background: #edf0fa;
height: 50px;
line-height: 50px;
border-radius: 5px;
color: var(--blue-700);
font-size: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
width: 400px;
}
@media (max-width: 1024px) {
/* line 289, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing a.submit-store-btn {
width: 80%;
}
}
@media (max-width: 768px) {
/* line 289, app/assets/stylesheets/installer.css.scss */
.installers-promised-pricing a.submit-store-btn {
width: 90%;
font-size: 18px;
}
}
/* line 317, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works {
margin-top: 100px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
/* line 317, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works {
margin-top: 50px;
}
}
/* line 326, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works h1 {
text-align: left;
padding: 0 0 10px 0;
font-family: "Open Sans", sans-serif;
font-size: 40px;
line-height: 60px;
color: #2e2b2a;
font-weight: 900;
margin: 0 0 15px;
text-transform: none;
}
@media (max-width: 767px) {
/* line 326, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works h1 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 768px) {
/* line 326, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works h1 {
text-align: center;
}
}
/* line 346, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works h1:before {
display: none;
}
/* line 349, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works p {
font-size: 16px;
line-height: normal;
color: #2e2b2a;
font-weight: 550;
font-family: "Open Sans", sans-serif;
margin: 0 0 10px;
}
/* line 358, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works span.item-number {
font-size: 20px;
font-weight: 700;
}
/* line 363, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .row {
max-width: 76rem;
}
/* line 367, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .column {
padding: 0;
}
@media (max-width: 1024px) {
/* line 367, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .column {
float: none;
}
}
/* line 375, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .how-it-works-image {
margin-top: 10px;
float: right;
}
@media (max-width: 1024px) {
/* line 375, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .how-it-works-image {
display: none;
}
}
/* line 384, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .installers-how-it-works__items {
margin-left: 5rem;
text-align: left;
}
@media (max-width: 1024px) {
/* line 384, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .installers-how-it-works__items {
width: 400px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
/* line 384, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .installers-how-it-works__items {
width: 90%;
}
}
/* line 398, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .installers-how-it-works__items .installers-how-it-works__item {
margin-bottom: 45px;
}
/* line 402, app/assets/stylesheets/installer.css.scss */
.installers-how-it-works .installers-how-it-works__items .installers-how-it-works-icon {
width: 37px;
height: 37px;
margin: 0 10px 5px 7px;
float: left;
}
/* line 411, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store {
padding: 60px 0 50px;
text-align: left;
background: #efefef;
}
/* line 416, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store h1 {
text-align: left;
padding: 0px 0 10px 0;
font-family: "Open Sans", sans-serif;
font-size: 40px;
line-height: 60px;
color: #2e2b2a;
font-weight: 900;
margin: 0 0 15px;
text-transform: none;
}
@media (max-width: 767px) {
/* line 416, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store h1 {
font-size: 30px;
line-height: 40px;
}
}
/* line 432, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store h1:before {
display: none;
}
/* line 435, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store p {
font-size: 20px;
line-height: normal;
color: #2e2b2a;
font-weight: 700;
font-family: "Open Sans", sans-serif;
margin: 0 0 15px;
}
/* line 444, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store p.installers-submit-your-tire-store-subtitle {
font-size: 16px;
font-weight: 550;
}
/* line 449, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .submit-store-btn-container {
margin-top: 70px;
text-align: center;
}
/* line 454, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .submit-store-btn {
display: inline-block;
margin-left: auto;
margin-right: auto;
padding: 0;
background: var(--blue-700);
height: 50px;
line-height: 50px;
border-radius: 5px;
color: #fff;
font-size: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
transition: ease-in all 0.3s;
text-transform: uppercase;
text-align: center;
width: 400px;
cursor: pointer;
}
@media (max-width: 768px) {
/* line 454, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .submit-store-btn {
width: 90%;
}
}
/* line 478, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .submit-store-btn:hover {
background: var(--blue-500);
}
/* line 482, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-container {
max-width: 800px;
margin: auto;
}
@media (max-width: 1024px) {
/* line 482, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-container {
width: 90%;
}
}
/* line 491, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form {
margin-top: 50px;
}
/* line 494, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form label {
font-size: 15px;
font-weight: 550;
margin-bottom: 5px;
}
/* line 500, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form input {
border-style: none;
height: 55px;
}
/* line 505, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form ::-moz-placeholder {
font-style: italic;
}
.installers-submit-your-tire-store .installers-submit-your-tire-store-form ::placeholder {
font-style: italic;
}
/* line 509, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form select {
border-style: none;
height: 55px;
}
/* line 514, app/assets/stylesheets/installer.css.scss */
.installers-submit-your-tire-store .installers-submit-your-tire-store-form .installers-form-subtitle {
margin-top: 50px;
}
/* line 520, app/assets/stylesheets/installer.css.scss */
.tire-store-form-anchor {
display: hidden;
}
/* line 2, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page .shopper-approved {
margin-bottom: 100px;
}
/* line 6, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page h1 {
margin-bottom: 50px;
}
/* line 10, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page p.subtitle {
text-align: center;
margin-bottom: 30px;
}
/* line 15, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page a {
line-height: inherit;
color: #2ba6cb;
text-decoration: none;
cursor: pointer;
}
/* line 22, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page .reviews-page-question {
margin: 0 10px 20px 10px;
}
/* line 26, app/assets/stylesheets/reviews-page.css.scss */
.reviews-page .reviews-page-answer {
margin: 0 10px 40px 10px;
}
/* line 1, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-main {
margin-top: 25px;
}
/* line 5, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-main__header {
font-size: 40px;
font-weight: 700;
letter-spacing: 1.11px;
color: #000000;
text-align: center;
}
@media screen and (max-width: 767px) {
/* line 5, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-main__header {
font-size: 32px;
line-height: 1.08;
letter-spacing: 0.83px;
}
}
/* line 19, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__centred-card {
display: flex;
justify-content: center;
}
/* line 24, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__card {
margin-top: 40px;
}
/* line 27, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__card .errors-list {
padding: 0 50px;
color: red;
}
/* line 32, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__card .text-list {
font-size: 16px;
line-height: 1.17;
color: #000000;
}
@media screen and (max-width: 767px) {
/* line 24, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__card {
margin: 25px 5px 5px 5px;
}
}
/* line 43, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form {
padding: 20px 10px;
}
/* line 46, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .bold {
font-weight: bold;
}
/* line 50, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-buttons-field {
margin-top: 15px;
display: flex;
}
/* line 55, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button {
width: 100%;
}
/* line 59, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button:not(:last-child) {
margin-right: 10px;
}
/* line 63, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button-input {
opacity: 0;
position: fixed;
width: 0;
}
/* line 69, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button-input[type="radio"]:checked + label {
color: #fff;
border-radius: 3px;
border: solid 1.5px #0340ED;
background-color: #0340ED;
}
/* line 76, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button-label {
display: inline-block;
color: #504F50;
border-radius: 3px;
border: solid 1.5px #efefef;
background-color: #efefef;
font-size: 16px;
width: 100%;
margin: 0;
text-transform: uppercase;
}
/* line 88, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form .radio-button-label:hover {
color: #fff;
border-radius: 3px;
border: solid 1.5px #0340ED;
background-color: #0340ED;
}
@media screen and (max-width: 767px) {
/* line 43, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__form {
padding: 20px 0 0;
}
}
/* line 100, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons {
margin-top: 10px;
text-align: center;
}
/* line 104, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons .step__submit-button,
.warranty-claims-card__action-buttons .step__back-button {
max-width: 388px;
width: 100%;
font-size: 18px;
text-transform: uppercase;
height: auto;
}
/* line 113, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons .step__back-button {
background: #ffffff;
border: 2px solid #3f70fb;
color: #3f70fb;
}
/* line 119, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons .button:hover {
box-shadow: 0 0 30px 0 rgba(62, 112, 252, 0.25);
}
/* line 123, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons .button.disabled,
.warranty-claims-card__action-buttons .button.disabled:hover,
.warranty-claims-card__action-buttons .button.disabled:focus,
.warranty-claims-card__action-buttons .button[disabled],
.warranty-claims-card__action-buttons .button[disabled]:hover,
.warranty-claims-card__action-buttons .button[disabled]:focus {
opacity: 0.30;
background: #3f70fb;
color: #ffffff;
box-shadow: unset;
}
@media screen and (max-width: 767px) {
/* line 100, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card__action-buttons {
margin-top: 25px;
}
}
/* line 140, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__select-button {
opacity: 0.50;
background: #3f70fb;
margin-bottom: 0;
width: 100%;
border-radius: 3px;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
}
/* line 150, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__select-button.small-variant {
margin: 5px 0;
padding: 10px;
height: auto;
}
/* line 156, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__select-button.active {
opacity: 1;
color: #ffffff;
}
/* line 162, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-input-with-tooltip {
height: 45px;
padding: 0 10px;
border-radius: 4px;
border: solid 1.5px rgba(81, 80, 82, 0.5);
background: #fff;
box-shadow: none;
width: 100%;
line-height: 43px;
outline: none;
margin-bottom: 10px;
}
/* line 174, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-input-with-tooltip:focus {
border-color: #e2e2e2;
background-color: #ffffff;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
/* line 182, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-input-with-tooltip.error {
border: 1px solid red;
}
/* line 187, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-tooltip-popup {
border-radius: 3px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
font-size: 16px !important;
opacity: 1 !important;
max-width: 288px;
padding: 5px 10px;
}
/* line 199, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__user-info .card__block {
border-bottom: 1px solid #efefef;
margin: 0 -10px;
padding: 10px;
}
/* line 205, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__user-info .card__header {
font-weight: 600;
color: #000000;
font-size: 18px;
padding-top: 0;
}
/* line 212, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__user-info .card__text {
font-size: 16px;
padding-top: 0;
}
/* line 217, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__user-info .card-text__header {
padding: 5px 0;
font-size: 20px;
font-weight: 700;
color: #27187e;
}
/* line 224, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__user-info .card__order-info .warranty-claims-card-text__body {
padding-top: 0;
}
/* line 229, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-order-line-item {
padding: 10px 0;
}
/* line 233, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-order-line-item:not(:last-child) {
border-bottom: 1px solid #efefef;
}
/* line 237, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-form {
padding-left: 0;
}
@media screen and (max-width: 767px) {
/* line 237, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-form {
padding-right: 0;
}
}
/* line 245, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__pa-0 {
padding: 0 !important;
}
/* line 249, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__ma-0 {
margin: 0 !important;
}
/* line 253, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-without-right-padding {
padding-right: 0 !important;
}
/* line 257, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-without-left-padding {
padding-left: 0 !important;
}
/* line 261, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-block {
margin-top: 10px;
}
/* line 266, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-block .plus-select-button:before {
content: '+';
margin-right: 5px;
}
/* line 272, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-block .selected-checkbox {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
/* line 278, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__button-block .selected-checkbox:before {
content: '';
width: 16px;
height: 16px;
margin-top: -2px;
margin-right: 5px;
background-image: url("https://d19pbi8vkdue6m.cloudfront.net/White+Checkmark.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
/* line 292, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body {
line-height: 1.38;
color: #000000;
padding: 5px 0;
}
/* line 297, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .top-space {
padding-top: 10px;
}
/* line 301, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .small-top-space {
padding-top: 5px;
}
/* line 305, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .bold {
font-weight: 700;
}
/* line 309, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .italic {
font-style: italic;
}
/* line 313, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .footnote {
font-size: 12px;
}
/* line 317, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .link-margin {
margin: 0 15px;
}
/* line 321, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .capitalize-text {
text-transform: capitalize;
}
/* line 325, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .subheader {
color: #27187e;
font-weight: 700;
margin-bottom: 0;
}
/* line 331, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body textarea {
resize: none;
font-size: 16px;
line-height: 1.4;
padding: 5px 10px;
height: 98px;
border-radius: 4px;
border: solid 1.5px rgba(81, 80, 82, 0.5);
background: #fff;
box-shadow: none;
width: 100%;
outline: none;
margin: 10px 0;
}
/* line 346, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body textarea:focus {
border-color: #e2e2e2;
background-color: #ffffff;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
/* line 354, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body textarea.error {
border: 1px solid red;
}
/* line 359, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .image-block {
margin-bottom: 10px;
}
/* line 363, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .address-data {
display: flex;
flex-direction: row;
}
/* line 368, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .address-info {
display: flex;
flex-direction: row;
margin-left: 10px;
}
/* line 374, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .edit-address-button {
margin-left: 10px;
width: 140px;
}
@media screen and (max-width: 767px) {
/* line 380, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .address-info {
flex-direction: column;
}
/* line 384, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-text__body .edit-address-button {
margin-left: 0;
width: 100%;
}
}
/* line 391, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-right-link {
margin: 15px 0;
display: grid;
color: var(--blue);
text-align: end;
cursor: pointer;
}
/* line 398, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-card-right-link:hover {
color: #3262ec;
}
/* line 403, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step-form {
margin: 20px 40px;
}
@media screen and (max-width: 767px) {
/* line 403, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step-form {
margin: 20px 0;
}
}
/* line 413, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-select-field .select-box {
font-size: 20px;
padding-left: 15px;
padding-right: 35px;
height: 45px;
border-radius: 4px;
border: solid 2px rgba(81, 80, 82, 0.5);
box-shadow: none;
width: 100%;
line-height: 20px;
outline: none;
margin-bottom: 5px;
}
/* line 428, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item-info {
height: 120px;
margin: 0 !important;
}
/* line 432, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item-info > .column {
height: 100%;
}
/* line 436, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item-info .line-item__model {
font-weight: 700;
}
/* line 440, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item-info .line-item__size {
font-weight: 700;
}
/* line 445, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__image {
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
/* line 445, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__image {
padding-left: 0;
}
}
/* line 454, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__header {
text-transform: uppercase;
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-evenly;
}
@media screen and (max-width: 767px) {
/* line 454, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__header {
padding-left: 0;
}
}
/* line 466, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__quantity {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
/* line 466, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__quantity {
padding-right: 2px;
}
}
/* line 477, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-line-item__quantity .product-quantity-select-container {
margin-top: 0;
margin-left: 10px;
}
/* line 483, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-with-close {
display: flex;
justify-content: space-between;
padding: 10px;
}
/* line 488, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-with-close .popup-header {
margin-right: 20px;
}
/* line 492, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-with-close .close-button > img {
width: 25px;
height: 25px;
}
@media screen and (max-width: 767px) {
/* line 483, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-with-close {
padding: 0;
}
/* line 500, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-with-close .popup-header {
font-size: 20px;
padding: 0 5px;
margin-bottom: 10px;
}
}
/* line 508, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body {
padding: 10px;
}
/* line 511, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .popup-step {
padding: 10px 0;
display: flex;
}
/* line 516, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .promo-input {
height: 45px;
padding: 0 10px;
border-radius: 4px;
border: solid 1.5px rgba(81, 80, 82, 0.5);
background: #fff;
box-shadow: none;
width: 100%;
line-height: 43px;
outline: none;
margin-bottom: 10px;
font-size: 16px;
}
/* line 529, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .promo-input:focus {
border-color: #e2e2e2;
background-color: #ffffff;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
/* line 537, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .promo-input.error {
border: 1px solid red;
}
/* line 542, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .popup-point__text {
font-size: 16px;
font-weight: 500;
color: #000000;
}
/* line 548, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .popup-point__number {
margin-right: 10px;
}
/* line 552, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .pickup-address-form {
margin: 0 -0.9375rem;
}
/* line 556, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body em {
display: inline-block;
font-style: normal;
width: 30px;
height: 30px;
font-size: 20px;
font-weight: 600;
background: #27187e;
text-align: center;
line-height: 25px;
color: #fff;
border-radius: 50%;
vertical-align: top;
padding: 1px 0 0 1px;
}
@media screen and (max-width: 767px) {
/* line 508, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body {
padding: 10px 0;
}
/* line 575, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-step__popup-body .popup-step-column {
padding: 0;
}
}
/* line 581, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form {
margin: 20px 0;
display: flex;
justify-content: space-around;
}
/* line 586, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .damaged-tire-area {
display: flex;
}
/* line 590, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .checkbox-area {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 10px 10px 5px 10px;
}
/* line 598, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .damage-image {
position: relative;
height: 153px;
width: 151px;
padding: 0 6px;
}
/* line 605, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .image-text {
position: absolute;
text-transform: uppercase;
font-style: italic;
color: #000;
font-size: 16px;
}
/* line 613, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .image-text-front {
top: 0;
left: 49px;
}
/* line 618, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-damaged-tires-form .image-text-rear {
top: 133px;
left: 56px;
}
/* line 625, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-checkbox-box .checkbox-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
/* line 632, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-checkbox-box .checkbox-input {
width: 25px;
display: block;
height: 25px;
margin-bottom: 0;
}
/* line 639, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims-checkbox-box .checkbox-text {
font-weight: 600;
line-height: 1.2;
color: #0340ED;
margin-top: 8px;
}
/* line 647, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget {
cursor: pointer;
}
/* line 650, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .container {
width: 100%;
max-height: 115px;
}
/* line 655, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .image > img {
border-radius: 5px;
max-width: 153px;
max-height: 115px;
}
@media screen and (max-width: 767px) {
/* line 655, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .image > img {
max-width: 147px;
}
}
/* line 665, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .unique-image {
margin-top: 5px;
}
/* line 669, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .empty-image {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: rgba(81, 80, 82, 0.5);
border: 2px dotted rgba(81, 80, 82, 0.5);
border-radius: 5px;
height: 115px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* line 682, app/assets/stylesheets/warranty_claims.css.scss */
.warranty-claims__file-widget .empty-image.error {
color: red;
border: 2px dotted red;
}
/* colors */
/* line 36, app/assets/stylesheets/variable.scss */
:root {
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 41, app/assets/stylesheets/variable.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--blue: #184bb9;
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 50, app/assets/stylesheets/variable.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #ff845c;
--blue: #f63;
--font-primary: 'Bebas Neue', Arial, sans-serif;
--font-secondary: 'Inter', Arial, sans-serif;
}
@font-face {
font-family: 'FAS';
src: url(/assets/fa-solid-900-690be61fe58020511558ce4b04375178872629f6c737ed1b332aec65855fd937.eot);
src: url(/assets/fa-solid-900-7798165ee5a3c6809310d8261dcbe7c8d0c12d795b7b09a71af3eb86ec8f33f2.woff2) format("woff2"), url(/assets/fa-solid-900-22f6af77ffeeb267c5270fa1e50681ae01a9a19f8e9ef976798e0196c941ade6.svg) format("svg"), url(/assets/fa-solid-900-8fb19633f125ca466a45da9e4cf291d8b9519dd74c214f99dde835ef83f3ab96.woff) format("woff"), url(/assets/fa-solid-900-b97adad7ece9792af4122ae88103cad8fab54558a529c4ba79b5224c2b02ebe9.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
/* line 3, app/assets/stylesheets/new_footer.css.scss */
footer {
min-height: auto;
}
/* line 6, app/assets/stylesheets/new_footer.css.scss */
.new-footer {
font-family: 'Inter', sans-serif;
padding-bottom: 60px;
}
@media screen and (max-width: 1200px) {
/* line 6, app/assets/stylesheets/new_footer.css.scss */
.new-footer {
padding-bottom: 20px;
}
}
/* line 14, app/assets/stylesheets/new_footer.css.scss */
.new-footer .ReactCollapse--collapse {
transition: height 0.3s;
}
@media screen and (max-width: 1200px) {
/* line 14, app/assets/stylesheets/new_footer.css.scss */
.new-footer .ReactCollapse--collapse {
height: auto !important;
overflow: auto !important;
}
}
/* line 23, app/assets/stylesheets/new_footer.css.scss */
.new-footer__container {
box-sizing: border-box;
max-width: 1140px;
width: 100%;
margin: auto;
padding: 0 30px;
}
/* line 30, app/assets/stylesheets/new_footer.css.scss */
.new-footer__nav {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 8%;
padding: 37px 0 25px 0;
}
@media screen and (max-width: 1200px) {
/* line 30, app/assets/stylesheets/new_footer.css.scss */
.new-footer__nav {
flex-direction: column;
gap: 6px;
}
}
/* line 43, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list {
display: flex;
box-sizing: border-box;
flex-direction: column;
}
@media screen and (max-width: 1200px) {
/* line 49, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list:not(:first-child) {
width: 100%;
}
}
/* line 54, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-follow {
color: #303437;
}
@media screen and (max-width: 1200px) {
/* line 54, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-follow {
display: none;
}
}
/* line 60, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-icon {
display: none;
}
@media screen and (max-width: 1200px) {
/* line 60, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-icon {
display: block;
}
}
/* line 66, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-title {
font-weight: 600;
color: #090a0a;
}
@media screen and (max-width: 1200px) {
/* line 66, app/assets/stylesheets/new_footer.css.scss */
.new-footer__list-title {
font-weight: 400;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
}
/* line 80, app/assets/stylesheets/new_footer.css.scss */
.new-footer__item {
color: #090a0a;
}
@media screen and (max-width: 1200px) {
/* line 83, app/assets/stylesheets/new_footer.css.scss */
.new-footer__item-link {
color: #6c7072;
padding-left: 14px;
}
}
@media screen and (max-width: 1200px) {
/* line 89, app/assets/stylesheets/new_footer.css.scss */
.new-footer__item-installer {
display: none;
}
}
/* line 94, app/assets/stylesheets/new_footer.css.scss */
.new-footer__item-terms {
display: none;
}
@media screen and (max-width: 1200px) {
/* line 94, app/assets/stylesheets/new_footer.css.scss */
.new-footer__item-terms {
display: block;
}
}
/* line 103, app/assets/stylesheets/new_footer.css.scss */
.new-footer__logo {
width: 128px;
height: 20px;
}
@media screen and (max-width: 1200px) {
/* line 103, app/assets/stylesheets/new_footer.css.scss */
.new-footer__logo {
margin-bottom: 24px;
}
}
/* line 111, app/assets/stylesheets/new_footer.css.scss */
.new-footer__logo-image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/* line 118, app/assets/stylesheets/new_footer.css.scss */
.new-footer__social {
display: flex;
gap: 22px;
}
/* line 122, app/assets/stylesheets/new_footer.css.scss */
.new-footer__social-icon {
font-size: 24px;
color: #303437;
transition: color 0.3s;
}
/* line 129, app/assets/stylesheets/new_footer.css.scss */
.new-footer__submenu {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid;
padding: 6px 0;
}
@media screen and (max-width: 1200px) {
/* line 129, app/assets/stylesheets/new_footer.css.scss */
.new-footer__submenu {
align-items: flex-start;
flex-direction: column;
}
}
/* line 141, app/assets/stylesheets/new_footer.css.scss */
.new-footer__submenu > .new-footer__social {
display: none;
}
@media screen and (max-width: 1200px) {
/* line 141, app/assets/stylesheets/new_footer.css.scss */
.new-footer__submenu > .new-footer__social {
display: flex;
padding: 0 15px;
}
}
@media screen and (max-width: 1200px) {
/* line 141, app/assets/stylesheets/new_footer.css.scss */
.new-footer__submenu > .new-footer__social {
padding: 49px 0 37px 0;
}
}
/* line 153, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav {
display: flex;
align-items: center;
gap: 6px;
}
/* line 158, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav-link {
color: #6c7072;
transition: color 0.3s;
}
/* line 163, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav-devider {
color: #6c7072;
font-size: 6px;
}
@media screen and (max-width: 1200px) {
/* line 168, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav-terms {
display: none;
}
}
/* line 174, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav-installer {
display: none;
padding-top: 6px;
}
@media screen and (max-width: 1200px) {
/* line 174, app/assets/stylesheets/new_footer.css.scss */
.new-footer__subnav-installer {
display: flex;
}
}
/* line 183, app/assets/stylesheets/new_footer.css.scss */
.new-footer__copyright {
font-size: 12px;
}
/* line 22, app/assets/stylesheets/new-styles/variables.scss */
:root {
--font-base: Inter, Arial, sans-serif;
}
/* line 26, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--font-base: Inter, Arial, sans-serif;
}
/* line 32, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #f63;
--font-base: 'Bebas Neue', Arial, sans-serif;
}
/* line 5, app/assets/stylesheets/new_home-header.css.scss */
.header-container {
position: sticky;
left: 0;
top: 0;
z-index: 1300;
}
/* line 12, app/assets/stylesheets/new_home-header.css.scss */
.header-wrap {
background: #ffffff;
}
/* line 15, app/assets/stylesheets/new_home-header.css.scss */
.header {
max-width: 1400px;
padding: 19px 30px;
margin: 0 auto;
border: 0;
width: 100%;
background: #ffffff;
box-shadow: none;
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
}
@media screen and (max-width: 1200px) {
/* line 15, app/assets/stylesheets/new_home-header.css.scss */
.header {
flex-flow: row nowrap;
padding: 5px 30px;
}
}
@media screen and (max-width: 480px) {
/* line 15, app/assets/stylesheets/new_home-header.css.scss */
.header {
padding: 5px 15px;
}
}
/* line 37, app/assets/stylesheets/new_home-header.css.scss */
.header-burger-wrap {
width: 28px;
min-width: 28px;
height: 22px;
min-height: 22px;
position: relative;
display: none;
align-items: center;
}
@media screen and (max-width: 1200px) {
/* line 37, app/assets/stylesheets/new_home-header.css.scss */
.header-burger-wrap {
display: flex;
}
}
/* line 50, app/assets/stylesheets/new_home-header.css.scss */
.header-burger {
width: 100%;
height: 3px;
background-color: #2d2926;
}
/* line 55, app/assets/stylesheets/new_home-header.css.scss */
.header-burger:before, .header-burger:after {
content: '';
width: 100%;
height: 3px;
background-color: #2d2926;
position: absolute;
}
/* line 64, app/assets/stylesheets/new_home-header.css.scss */
.header-burger:before {
top: 0;
}
/* line 68, app/assets/stylesheets/new_home-header.css.scss */
.header-burger:after {
bottom: 0;
}
/* line 72, app/assets/stylesheets/new_home-header.css.scss */
.header-burger.open {
width: 40px;
height: 40px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
cursor: pointer;
background: inherit;
}
/* line 83, app/assets/stylesheets/new_home-header.css.scss */
.header-burger.open:before, .header-burger.open:after {
content: '';
width: 5px;
height: 65%;
background: #2d2926;
position: absolute;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
/* line 83, app/assets/stylesheets/new_home-header.css.scss */
.header-burger.open:before, .header-burger.open:after {
width: 3px;
}
}
/* line 97, app/assets/stylesheets/new_home-header.css.scss */
.header-burger.open:before {
transform: rotate(45deg);
top: auto;
}
/* line 101, app/assets/stylesheets/new_home-header.css.scss */
.header-burger.open:after {
transform: rotate(-45deg);
bottom: auto;
}
/* line 107, app/assets/stylesheets/new_home-header.css.scss */
.header-payment-plan {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--blue-700);
padding: 6px;
}
@media screen and (max-width: 1200px) {
/* line 107, app/assets/stylesheets/new_home-header.css.scss */
.header-payment-plan {
font-size: 12px;
height: 30px;
}
}
/* line 124, app/assets/stylesheets/new_home-header.css.scss */
.header-payment-plan__link {
text-decoration: underline;
color: #ffffff;
margin-left: 5px;
}
/* line 129, app/assets/stylesheets/new_home-header.css.scss */
.header-payment-plan__link:hover {
color: #ffffff;
}
/* line 133, app/assets/stylesheets/new_home-header.css.scss */
.header__logo {
margin-right: 60px;
}
@media screen and (max-width: 1200px) {
/* line 133, app/assets/stylesheets/new_home-header.css.scss */
.header__logo {
margin-right: 20px;
padding-left: 20px;
display: flex;
justify-content: center;
width: 100%;
}
}
@media screen and (max-width: 480px) {
/* line 133, app/assets/stylesheets/new_home-header.css.scss */
.header__logo {
padding: 0 5px 0 15px;
margin: 0;
}
}
@media screen and (max-width: 480px) {
/* line 149, app/assets/stylesheets/new_home-header.css.scss */
.header__logo-link {
max-width: 210px;
}
}
/* line 156, app/assets/stylesheets/new_home-header.css.scss */
.header__menu {
flex: 1 1;
margin-right: 60px;
}
@media screen and (max-width: 1200px) {
/* line 156, app/assets/stylesheets/new_home-header.css.scss */
.header__menu {
display: none;
}
}
@media screen and (max-width: 768px) {
/* line 156, app/assets/stylesheets/new_home-header.css.scss */
.header__menu {
margin-bottom: 10px;
}
}
/* line 169, app/assets/stylesheets/new_home-header.css.scss */
.header__cart {
display: flex;
align-items: center;
text-transform: none;
padding: 0 5px;
position: relative;
}
/* line 176, app/assets/stylesheets/new_home-header.css.scss */
.header__cart-icon {
margin-right: 5px;
width: 40px;
height: 40px;
}
/* line 181, app/assets/stylesheets/new_home-header.css.scss */
.header__cart-badge {
position: absolute;
top: 0;
right: 0;
background: var(--blue-700);
width: 24px;
height: 24px;
font-size: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
color: #ffffff;
}
@media screen and (max-width: 480px) {
/* line 181, app/assets/stylesheets/new_home-header.css.scss */
.header__cart-badge {
width: 20px;
height: 20px;
font-size: 12px;
}
}
/* line 203, app/assets/stylesheets/new_home-header.css.scss */
.header__contacts {
padding: 0 5px;
display: flex;
align-items: center;
}
/* line 209, app/assets/stylesheets/new_home-header.css.scss */
.header__track {
color: #2d2926;
display: flex;
align-items: center;
font-family: 'Inter', sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 16px;
text-transform: none;
position: relative;
margin-right: 60px;
}
@media screen and (max-width: 1200px) {
/* line 209, app/assets/stylesheets/new_home-header.css.scss */
.header__track {
flex-flow: column;
font-size: 14px;
margin-right: 15px;
}
}
@media screen and (max-width: 480px) {
/* line 209, app/assets/stylesheets/new_home-header.css.scss */
.header__track {
position: static;
}
}
/* line 231, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon-wrap {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 480px) {
/* line 231, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon-wrap {
flex-flow: column;
}
}
/* line 241, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon {
width: 25px;
height: 35px;
background-image: url("https://d19pbi8vkdue6m.cloudfront.net/search-widget/track-button-desktop.svg");
background-repeat: no-repeat;
margin-right: 10px;
}
@media screen and (max-width: 480px) {
/* line 241, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon {
margin-right: 0;
background-size: 50px 30px;
width: 17px;
height: 25px;
}
}
/* line 256, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon__text {
font-family: var(--font-base);
font-weight: 600;
font-size: 20px;
color: #000000;
}
@media screen and (max-width: 480px) {
/* line 256, app/assets/stylesheets/new_home-header.css.scss */
.header__track-icon__text {
font-size: 10px;
}
}
/* line 289, app/assets/stylesheets/new_home-header.css.scss */
.header__track-button {
width: 72px !important;
height: 44px !important;
}
/* line 294, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap {
min-width: 310px;
display: flex;
align-items: center;
gap: 10px;
padding: 15px 10px;
position: absolute;
top: calc(100% + 19px);
background: #ffffff;
left: -160%;
box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1200px) {
/* line 294, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap {
left: auto;
right: -45px;
top: calc(100% + 5px);
}
}
@media screen and (max-width: 480px) {
/* line 294, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap {
left: 0;
right: 0;
top: 100%;
}
}
/* line 318, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:before {
content: '';
width: 15px;
min-width: 15px;
height: 15px;
min-height: 15px;
background-color: #ffffff;
transform: rotate(45deg) translate(-50%);
position: absolute;
top: 0;
left: 50%;
box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1200px) {
/* line 318, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:before {
left: auto;
right: 60px;
}
}
@media screen and (max-width: 480px) {
/* line 318, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:before {
right: 85px;
}
}
@media screen and (max-width: 400px) {
/* line 318, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:before {
right: 72px;
}
}
/* line 343, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:after {
content: '';
transform: translate(-50%);
position: absolute;
top: 0;
left: 50%;
width: 35px;
min-width: 35px;
height: 15px;
min-height: 15px;
background: #ffffff;
}
@media screen and (max-width: 1200px) {
/* line 343, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:after {
left: auto;
right: 35px;
}
}
@media screen and (max-width: 480px) {
/* line 343, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap:after {
width: 50px;
}
}
/* line 365, app/assets/stylesheets/new_home-header.css.scss */
.header__track-field-wrap.open {
display: flex;
}
/* line 369, app/assets/stylesheets/new_home-header.css.scss */
.header__track-cancel {
font-family: 'Inter', sans-serif;
font-size: 16px;
color: var(--blue-700);
font-weight: normal;
}
/* line 376, app/assets/stylesheets/new_home-header.css.scss */
.header-menu {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-family: 'Inter', sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 19px;
}
@media screen and (max-width: 1200px) {
/* line 376, app/assets/stylesheets/new_home-header.css.scss */
.header-menu {
flex-flow: column;
align-items: flex-start;
}
}
/* line 391, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item {
position: relative;
margin-right: 30px;
cursor: pointer;
text-transform: none;
}
/* line 397, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item--nested {
padding-right: 20px;
}
/* line 400, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item--nested:after {
content: '';
position: absolute;
top: calc(50% - 8px);
bottom: 0;
right: 0;
width: 10px;
height: 10px;
border: 1px solid #2d2926;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
}
/* line 415, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item--nested:hover .header-submenu {
display: flex;
}
/* line 421, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item:last-child {
margin-right: 0;
}
@media screen and (max-width: 1200px) {
/* line 391, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__item {
width: 100%;
margin-right: 0;
padding: 0 20px;
display: flex;
}
}
/* line 432, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__link {
position: relative;
}
@media screen and (max-width: 1200px) {
/* line 432, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__link {
padding: 20px 20px 20px 0;
flex: 1 0 auto;
display: block;
}
}
/* line 441, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__tel-wrap {
display: flex;
font-family: 'Inter', sans-serif;
font-size: 16px;
padding: 20px 0px 20px 20px;
position: relative;
flex: 1 1 100%;
}
/* line 449, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__tel-wrap:before {
content: '';
height: 35%;
width: 1px;
background-color: #c0bec0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
/* line 461, app/assets/stylesheets/new_home-header.css.scss */
.header-menu__tel,
.header-menu__tel[href^='tel'] {
font-family: 'Inter', sans-serif;
font-size: 16px;
color: var(--blue-700);
cursor: pointer;
margin-left: 5px;
}
/* line 469, app/assets/stylesheets/new_home-header.css.scss */
.header-submenu {
display: none;
flex-flow: column;
position: absolute;
background: #ffffff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 0 10px 1px #707070;
margin: 0;
}
/* line 479, app/assets/stylesheets/new_home-header.css.scss */
.header-submenu__item {
white-space: nowrap;
margin-bottom: 5px;
position: relative;
}
/* line 484, app/assets/stylesheets/new_home-header.css.scss */
.header-submenu__item:last-child {
margin-bottom: 0;
}
/* line 489, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts {
display: flex;
align-items: center;
font-family: 'Inter', sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 16px;
}
/* line 498, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__item {
cursor: pointer;
text-transform: none;
margin-right: 20px;
}
/* line 503, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__item:last-child {
margin-right: 0;
}
/* line 508, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__link {
color: #2d2926;
display: flex;
align-items: center;
}
/* line 513, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__link[href^='tel'] {
color: #2d2926;
}
@media screen and (max-width: 1200px) {
/* line 508, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__link {
flex-flow: column;
font-size: 14px;
}
}
/* line 523, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__icon {
margin-right: 5px;
width: 40px;
height: 40px;
}
@media screen and (max-width: 1200px) {
/* line 523, app/assets/stylesheets/new_home-header.css.scss */
.header-contacts__icon {
margin-right: 0;
width: 30px;
height: 30px;
}
}
/* line 535, app/assets/stylesheets/new_home-header.css.scss */
.header-search {
background-color: #f8f8f8;
padding: 12px;
display: flex;
align-items: center;
box-shadow: -1px 4px 10px rgba(0, 0, 0, 0.15);
justify-content: center;
}
/* line 544, app/assets/stylesheets/new_home-header.css.scss */
.header-search__text {
font-family: Inter, sans-serif;
color: #184bb9;
font-size: 16px;
font-weight: bold;
position: relative;
display: flex;
align-items: center;
line-height: normal;
text-decoration: underline;
}
@media screen and (max-width: 480px) {
/* line 544, app/assets/stylesheets/new_home-header.css.scss */
.header-search__text {
font-size: 14px;
}
}
/* line 559, app/assets/stylesheets/new_home-header.css.scss */
.header-search__text:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid #184bb9;
border-top: 0;
border-right: 0;
display: block;
transform: rotate(45deg);
margin-right: 8px;
}
/* line 572, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu {
display: none;
position: fixed;
top: 30px;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
z-index: 1300;
transform: translateX(-100%);
transition: transform 0.3s;
overflow: auto;
}
@media screen and (max-width: 1200px) {
/* line 572, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu {
display: block;
}
/* line 588, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu.open {
transform: translateX(0);
transition: transform 0.3s;
}
}
/* line 594, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu__header {
position: relative;
display: grid;
grid-template-columns: 30px 1fr 30px;
align-self: center;
padding: 15px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
position: sticky;
top: 0;
background: white;
z-index: 10;
}
/* line 606, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu__header .header-burger-wrap {
position: absolute;
left: 15px;
}
/* line 611, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu__logo-link {
align-self: center;
justify-self: center;
}
/* line 620, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-gift-wrap {
padding: 20px 20px 30px 20px;
}
/* line 623, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-gift {
padding: 20px;
border-radius: 6px;
border: solid 1px #c0bec0;
display: flex;
flex-flow: column;
align-items: center;
}
/* line 631, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-gift__title {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: bold;
margin: 10px;
}
/* line 637, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-gift__info {
font-family: 'Inter', sans-serif;
font-size: 16px;
margin-bottom: 10px;
text-align: center;
}
/* line 643, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-gift__button {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: var(--blue-700);
display: flex;
align-items: center;
justify-content: center;
padding: 17px;
width: 100%;
}
/* line 656, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-wrap {
padding: 20px 20px 0 20px;
}
/* line 659, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track {
border-bottom: 1px solid #c0bec0;
padding-bottom: 20px;
}
/* line 663, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track__title {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: bold;
width: 100%;
margin-bottom: 10px;
}
/* line 670, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track__field-wrap {
display: grid;
grid-template-columns: 2fr 1fr;
grid-column-gap: 10px;
width: 100%;
}
/* line 676, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field {
padding: 2px 12px;
border-radius: 4px;
border: solid 1px #c0bec0;
display: grid;
grid-template-columns: 30px 1fr;
align-items: center;
}
@media screen and (max-width: 480px) {
/* line 676, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field {
width: 100%;
}
}
/* line 688, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field__icon-wrap {
width: 20px;
overflow: hidden;
}
/* line 692, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field__icon {
width: 100%;
min-width: 60px;
}
/* line 696, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field__input {
margin: 0;
border: 0;
outline: none;
box-shadow: none;
padding: 0;
}
/* line 703, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track-field__input:focus {
border: 0;
outline: none;
box-shadow: none;
}
/* line 709, app/assets/stylesheets/new_home-header.css.scss */
.mobile-menu-track__button {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color: var(--blue-700);
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
width: 100%;
}
/* line 724, app/assets/stylesheets/new_home-header.css.scss */
.section-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
/* line 730, app/assets/stylesheets/new_home-header.css.scss */
.main-section-wrap {
background: #f9f9f9;
}
@media screen and (max-width: 768px) {
/* line 730, app/assets/stylesheets/new_home-header.css.scss */
.main-section-wrap {
background: #ffffff;
}
}
/* line 737, app/assets/stylesheets/new_home-header.css.scss */
.main-section {
background-image: url(https://d19pbi8vkdue6m.cloudfront.net/search-widget/home.jpg);
height: 72vh;
background-size: cover;
padding-top: 50px;
background-position: 100% 70%;
position: relative;
clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 48% 95%, 50% 100%, 52% 95%, 0% 95%);
}
@media screen and (max-width: 1200px) {
/* line 737, app/assets/stylesheets/new_home-header.css.scss */
.main-section {
background-position: bottom;
clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 46% 96%, 50% 100%, 54% 96%, 0% 96%);
}
}
@media screen and (max-width: 768px) {
/* line 737, app/assets/stylesheets/new_home-header.css.scss */
.main-section {
clip-path: none;
height: 320px;
padding-top: 10px;
margin-top: 30px;
}
}
@media screen and (max-width: 480px) {
/* line 737, app/assets/stylesheets/new_home-header.css.scss */
.main-section {
height: 220px;
margin-top: 20px;
}
}
/* line 779, app/assets/stylesheets/new_home-header.css.scss */
.main-section__content {
width: 100%;
max-width: 720px;
margin: auto;
padding: 0 20px;
}
/* line 785, app/assets/stylesheets/new_home-header.css.scss */
.main-section__title {
font-family: var(--font-base);
font-weight: normal;
font-size: 48px;
color: #2d2926;
margin-bottom: 40px;
text-transform: none;
}
/* line 792, app/assets/stylesheets/new_home-header.css.scss */
.main-section__title:before {
display: none;
}
@media screen and (max-width: 768px) {
/* line 785, app/assets/stylesheets/new_home-header.css.scss */
.main-section__title {
font-size: 22px;
}
}
/* line 800, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group {
display: flex;
flex-flow: row wrap;
gap: 36px;
}
/* line 805, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group .new-tire-button {
flex: 1 1 45%;
}
@media screen and (max-width: 768px) {
/* line 810, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group .new-tire-button {
display: none;
}
}
/* line 815, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group--mobile {
display: none;
gap: 20px;
padding: 25px 15px 40px 15px;
}
@media screen and (max-width: 768px) {
/* line 815, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group--mobile {
display: flex;
flex-flow: column;
}
/* line 824, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-group--mobile .new-tire-button {
display: flex;
}
}
/* line 831, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews {
flex: 1 1 100%;
padding: 20px 10px;
background: #ffffff;
border-radius: 50px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
/* line 831, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews {
position: absolute;
left: 20px;
bottom: 40px;
padding: 10px 15px;
font-size: 14px;
}
}
/* line 850, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews:after {
content: '';
width: 10px;
height: 10px;
display: block;
border: 2px solid #2d2926;
border-left: 0;
border-bottom: 0;
margin-left: 10px;
transform: rotate(45deg);
}
/* line 863, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews-text {
font-family: var(--font-base);
font-weight: bold;
font-size: 18px;
color: #2d2926;
line-height: normal;
}
@media screen and (max-width: 768px) {
/* line 863, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews-text {
display: none;
}
}
/* line 873, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews-text--mobile {
display: none;
}
@media screen and (max-width: 768px) {
/* line 873, app/assets/stylesheets/new_home-header.css.scss */
.main-section__button-reviews-text--mobile {
display: block;
font-size: 16px;
}
}
/* line 883, app/assets/stylesheets/new_home-header.css.scss */
.home-title {
font-family: var(--font-base);
font-weight: bold;
font-size: 40px;
color: #2d2926;
text-align: center;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
/* line 883, app/assets/stylesheets/new_home-header.css.scss */
.home-title {
font-size: 20px;
margin-bottom: 15px;
}
}
/* line 895, app/assets/stylesheets/new_home-header.css.scss */
.home-title--white {
color: #ffffff;
}
/* line 899, app/assets/stylesheets/new_home-header.css.scss */
.home-title--mb {
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
/* line 899, app/assets/stylesheets/new_home-header.css.scss */
.home-title--mb {
margin-bottom: 30px;
}
}
/* line 908, app/assets/stylesheets/new_home-header.css.scss */
.home-sub-title {
font-family: var(--font-base);
font-weight: normal;
font-weight: 500;
font-size: 20px;
text-align: center;
color: #2d2926;
max-width: 500px;
margin: 0 auto 60px auto;
}
@media screen and (max-width: 768px) {
/* line 908, app/assets/stylesheets/new_home-header.css.scss */
.home-sub-title {
font-size: 14px;
margin: 0 auto 30px auto;
}
/* line 921, app/assets/stylesheets/new_home-header.css.scss */
.home-sub-title--fz {
font-size: 16px;
}
}
/* line 926, app/assets/stylesheets/new_home-header.css.scss */
.home-sub-title--white {
color: #ffffff;
}
/* line 931, app/assets/stylesheets/new_home-header.css.scss */
.home-button-wrap {
display: flex;
justify-content: center;
}
/* line 935, app/assets/stylesheets/new_home-header.css.scss */
.home-button-wrap > div {
display: flex;
justify-content: center;
width: 100%;
}
/* line 941, app/assets/stylesheets/new_home-header.css.scss */
.home-button-wrap .new-tire-button {
max-width: 430px;
}
@media screen and (max-width: 768px) {
/* line 941, app/assets/stylesheets/new_home-header.css.scss */
.home-button-wrap .new-tire-button {
max-width: 375px;
}
}
@media screen and (max-width: 768px) {
/* line 949, app/assets/stylesheets/new_home-header.css.scss */
.home-button-wrap--pr {
padding-right: 15px;
}
}
/* line 956, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work {
background: #f9f9f9;
padding: 30px 0 85px 0;
}
@media screen and (max-width: 768px) {
/* line 956, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work {
padding: 30px 0;
}
}
/* line 964, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__title-wrap {
width: 100%;
max-width: 500px;
margin: 0 auto 40px auto;
padding: 0 20px;
}
/* line 970, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__title {
font-family: var(--font-base);
font-weight: bold;
font-size: 40px;
color: #2d2926;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
/* line 970, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__title {
font-size: 20px;
}
}
/* line 981, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__sub-title {
font-family: var(--font-base);
font-weight: normal;
font-weight: 500;
font-size: 20px;
text-align: center;
color: #2d2926;
}
@media screen and (max-width: 768px) {
/* line 981, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__sub-title {
font-size: 16px;
}
}
/* line 992, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__cards-wrap {
display: flex;
gap: 55px;
padding: 0 15px;
}
@media screen and (max-width: 1200px) {
/* line 992, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__cards-wrap {
gap: 20px;
}
}
@media screen and (max-width: 768px) {
/* line 992, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__cards-wrap {
flex-flow: column;
}
}
/* line 1005, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
position: relative;
padding: 40px;
flex: 1 1;
gap: 35px;
display: grid;
grid-template-columns: 90px 1fr;
background: #ffffff;
}
@media screen and (max-width: 1200px) {
/* line 1005, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card {
grid-template-columns: 70px 1fr;
padding: 20px;
}
}
@media screen and (max-width: 768px) {
/* line 1005, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card {
grid-template-columns: 90px 1fr;
padding: 25px;
}
}
/* line 1025, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-icon {
position: absolute;
top: 20px;
left: 20px;
width: 60px;
height: 60px;
}
@media screen and (max-width: 1200px) {
/* line 1025, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-icon {
width: 40px;
height: 40px;
}
}
@media screen and (max-width: 768px) {
/* line 1025, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-icon {
width: 32px;
height: 32px;
}
}
/* line 1042, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-img {
align-self: center;
}
/* line 1045, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-content {
display: flex;
flex-flow: column;
}
/* line 1049, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-title {
font-family: var(--font-base);
font-weight: bold;
font-size: 18px;
color: #2d2926;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
/* line 1049, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-title {
font-size: 16px;
}
}
/* line 1059, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-text {
font-family: var(--font-base);
font-weight: normal;
font-size: 16px;
color: #707070;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
/* line 1059, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-text {
font-size: 14px;
}
}
/* line 1069, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-pros {
font-family: var(--font-base);
font-weight: 600;
font-size: 16px;
color: var(--blue-700);
}
@media screen and (max-width: 768px) {
/* line 1069, app/assets/stylesheets/new_home-header.css.scss */
.how-it-work__card-pros {
font-size: 14px;
}
}
/* line 1079, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews {
display: block;
background: #2d2926;
padding: 85px 50px;
margin: 0;
}
@media screen and (max-width: 768px) {
/* line 1079, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews {
padding: 30px 0;
}
}
/* line 1089, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-buttons-container {
position: sticky;
bottom: 0;
padding: 20px;
box-shadow: -1px -3px 3px 0 rgba(0, 0, 0, 0.2);
background: #ffffff;
}
/* line 1097, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-buttons-container-data {
display: flex;
flex-direction: column;
gap: 10px;
}
/* line 1103, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__title {
font-family: var(--font-base);
font-weight: bold;
font-size: 40px;
color: #ffffff;
margin-bottom: 20px;
text-align: center;
}
@media screen and (max-width: 768px) {
/* line 1103, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__title {
font-size: 20px;
}
}
/* line 1114, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__estimation {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
/* line 1114, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__estimation {
margin-bottom: 15px;
}
}
/* line 1124, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__estimation-stars-wrap {
margin-right: 10px;
}
/* line 1129, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__estimation-numbers {
font-family: var(--font-base);
font-weight: bold;
font-size: 30px;
color: #ffffff;
line-height: normal;
}
@media screen and (max-width: 768px) {
/* line 1129, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__estimation-numbers {
font-size: 18px;
}
}
/* line 1139, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__sub-title {
font-family: var(--font-base);
font-weight: bold;
font-size: 20px;
color: #ffffff;
margin-bottom: 60px;
text-align: center;
}
@media screen and (max-width: 768px) {
/* line 1139, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews__sub-title {
font-size: 14px;
margin-bottom: 30px;
}
}
/* line 1151, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-cards-wrap {
max-width: 1400px;
display: flex;
margin: 0 auto 60px auto;
justify-content: center;
}
/* line 1158, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-cards-wrap .slick-list {
min-width: 100%;
}
@media screen and (max-width: 768px) {
/* line 1151, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-cards-wrap {
min-width: auto;
margin: 0 auto 40px auto;
}
/* line 1168, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-cards-wrap .slick-list {
padding: 0 15% 0 0 !important;
}
}
/* line 1173, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-cards-wrap .slick-track {
display: flex;
height: 100%;
}
/* line 1178, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card {
padding: 30px;
border-radius: 6px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
background: #ffffff;
}
@media screen and (max-width: 768px) {
/* line 1178, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card {
padding: 15px;
margin-right: 20px;
margin-left: 0;
}
}
/* line 1190, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-name-wrap {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
/* line 1195, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-name {
font-family: var(--font-base);
font-weight: 600;
font-size: 18px;
color: #2d2926;
}
@media screen and (max-width: 768px) {
/* line 1195, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-name {
font-size: 16px;
}
}
/* line 1206, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-img {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
/* line 1206, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-img {
margin-bottom: 15px;
}
}
/* line 1213, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-text {
font-family: var(--font-base);
font-weight: normal;
font-size: 16px;
}
@media screen and (max-width: 768px) {
/* line 1213, app/assets/stylesheets/new_home-header.css.scss */
.new-reviews-card-text {
font-size: 14px;
}
}
/* line 1222, app/assets/stylesheets/new_home-header.css.scss */
.payment {
display: block;
background: #f9f9f9;
padding: 85px 15px;
}
@media screen and (max-width: 768px) {
/* line 1222, app/assets/stylesheets/new_home-header.css.scss */
.payment {
padding: 30px 15px;
}
}
/* line 1231, app/assets/stylesheets/new_home-header.css.scss */
.payment__title {
font-family: var(--font-base);
font-weight: bold;
font-size: 40px;
color: #2d2926;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
/* line 1231, app/assets/stylesheets/new_home-header.css.scss */
.payment__title {
font-size: 20px;
margin-bottom: 20px;
}
}
/* line 1243, app/assets/stylesheets/new_home-header.css.scss */
.payment__sub-title {
font-family: var(--font-base);
font-weight: normal;
font-weight: 500;
font-size: 20px;
max-width: 510px;
text-align: center;
color: #2d2926;
margin: 0 auto 60px auto;
}
@media screen and (max-width: 768px) {
/* line 1243, app/assets/stylesheets/new_home-header.css.scss */
.payment__sub-title {
font-size: 16px;
margin: 0 auto 30px auto;
}
}
/* line 1258, app/assets/stylesheets/new_home-header.css.scss */
.payment__content {
max-width: 1400px;
width: 100%;
background: #ffffff;
padding: 50px 100px;
display: flex;
flex-flow: row wrap;
gap: 60px;
border-radius: 6px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
/* line 1258, app/assets/stylesheets/new_home-header.css.scss */
.payment__content {
padding: 30px;
}
}
@media screen and (max-width: 768px) {
/* line 1258, app/assets/stylesheets/new_home-header.css.scss */
.payment__content {
gap: 25px;
flex-flow: column;
}
}
/* line 1278, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-title {
font-family: var(--font-base);
font-weight: bold;
font-size: 30px;
color: #2d2926;
text-align: center;
width: 100%;
}
@media screen and (max-width: 768px) {
/* line 1278, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-title {
font-size: 20px;
}
}
/* line 1289, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-img-wrap {
flex: 1 1 45%;
}
/* line 1294, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-img-text {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
text-align: center;
color: #707070;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
/* line 1294, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-img-text {
margin-top: 10px;
}
}
/* line 1305, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-wrap {
flex: 1 1 45%;
}
/* line 1308, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list {
padding: 0;
margin: 0 0 30px 0;
list-style-type: none;
max-width: 370px;
}
@media screen and (max-width: 768px) {
/* line 1308, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list {
max-width: none;
}
}
/* line 1318, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-item {
font-family: var(--font-base);
font-weight: normal;
font-size: 20px;
display: flex;
align-items: center;
margin-bottom: 30px;
}
/* line 1325, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
/* line 1318, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-item {
font-size: 16px;
margin-bottom: 15px;
}
}
/* line 1334, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-img-wrap {
min-width: 20px;
margin-right: 10px;
align-self: flex-start;
}
@media screen and (max-width: 768px) {
/* line 1334, app/assets/stylesheets/new_home-header.css.scss */
.payment__content-list-img-wrap {
align-self: baseline;
}
}
/* line 1348, app/assets/stylesheets/new_home-header.css.scss */
.accessories {
display: block;
background: #2d2926;
padding: 85px 20px 75px 20px;
}
@media screen and (max-width: 768px) {
/* line 1348, app/assets/stylesheets/new_home-header.css.scss */
.accessories {
padding: 30px 0 30px 15px;
}
}
/* line 1357, app/assets/stylesheets/new_home-header.css.scss */
.accessories__title {
font-family: var(--font-base);
font-weight: bold;
font-size: 40px;
color: #ffffff;
margin-bottom: 60px;
text-align: center;
}
@media screen and (max-width: 768px) {
/* line 1357, app/assets/stylesheets/new_home-header.css.scss */
.accessories__title {
font-size: 20px;
margin-bottom: 20px;
}
}
/* line 1370, app/assets/stylesheets/new_home-header.css.scss */
.accessories__cards-wrap {
display: flex;
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
/* line 1370, app/assets/stylesheets/new_home-header.css.scss */
.accessories__cards-wrap {
margin-bottom: 20px;
}
/* line 1379, app/assets/stylesheets/new_home-header.css.scss */
.accessories__cards-wrap .slick-list {
padding: 0 35% 0 0 !important;
}
}
/* line 1384, app/assets/stylesheets/new_home-header.css.scss */
.accessories__cards-wrap .slick-track {
display: flex;
height: 100%;
}
/* line 1389, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card {
padding: 20px 30px;
border-radius: 6px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
background: #ffffff;
margin-right: 15px;
margin-left: 15px;
}
@media screen and (max-width: 768px) {
/* line 1389, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card {
padding: 15px 20px;
margin-right: 20px;
margin-left: 0;
}
}
/* line 1403, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card.slick-slide {
display: grid;
grid-template-rows: 200px minmax(70px, 1fr) minmax(100px, 1fr) 55px 140px;
grid-template-columns: 1fr;
}
@media screen and (max-width: 480px) {
/* line 1403, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card.slick-slide {
grid-template-rows: 200px minmax(70px, 1fr) minmax(70px, 1fr) 40px 116px;
}
}
/* line 1413, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-img-wrap {
margin-bottom: 20px;
display: flex;
justify-content: center;
}
/* line 1418, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-img {
max-height: 190px;
max-width: 100%;
}
/* line 1422, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
width: 100%;
}
@media screen and (max-width: 768px) {
/* line 1422, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-wrap {
margin-bottom: 15px;
}
}
/* line 1435, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-maker {
font-family: var(--font-base);
font-weight: bold;
font-size: 20px;
color: #2d2926;
margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
/* line 1435, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-maker {
font-size: 16px;
margin-bottom: 3px;
}
}
/* line 1446, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-product {
font-family: var(--font-base);
font-weight: normal;
font-size: 20px;
color: #2d2926;
}
@media screen and (max-width: 768px) {
/* line 1446, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-name-product {
font-size: 16px;
}
}
/* line 1455, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-logo-wrap {
max-width: 80px;
display: flex;
align-self: center;
justify-content: center;
}
/* line 1461, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-logo {
height: 50px;
}
/* line 1464, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-method-wrap {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
/* line 1464, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-method-wrap {
margin-bottom: 10px;
}
}
/* line 1471, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-method {
font-family: var(--font-base);
font-weight: bold;
font-size: 16px;
color: #2d2926;
margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
/* line 1471, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-method {
font-size: 14px;
margin-bottom: 3px;
}
}
/* line 1482, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-info {
font-family: var(--font-base);
font-weight: normal;
font-size: 16px;
color: #2d2926;
}
@media screen and (max-width: 768px) {
/* line 1482, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-payment-info {
font-size: 14px;
}
}
/* line 1491, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-link {
font-family: var(--font-base);
font-weight: bold;
font-size: 16px;
color: var(--blue-700);
text-decoration: underline;
margin-bottom: 30px;
display: block;
}
@media screen and (max-width: 768px) {
/* line 1491, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-link {
font-size: 14px;
margin-bottom: 20px;
}
}
/* line 1504, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-buttons-wrap {
display: flex;
flex-flow: column;
gap: 20px;
}
@media screen and (max-width: 768px) {
/* line 1504, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-buttons-wrap {
gap: 15px;
}
}
/* line 1513, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-buttons-wrap a.new-tire-button {
padding: 16px 15px;
}
@media screen and (max-width: 768px) {
/* line 1513, app/assets/stylesheets/new_home-header.css.scss */
.accessories__card-buttons-wrap a.new-tire-button {
padding: 12px 15px;
}
}
/* line 1522, app/assets/stylesheets/new_home-header.css.scss */
.deals {
display: block;
background: #ffffff;
padding: 85px 15px;
}
@media screen and (max-width: 768px) {
/* line 1522, app/assets/stylesheets/new_home-header.css.scss */
.deals {
padding: 30px 15px;
}
}
/* line 1531, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider {
display: flex;
align-self: center;
justify-content: center;
padding-bottom: 60px;
margin-bottom: 60px;
min-height: 245px;
}
@media screen and (max-width: 768px) {
/* line 1531, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider {
display: none;
}
}
/* line 1543, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider--mobile {
display: none;
}
@media screen and (max-width: 768px) {
/* line 1543, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider--mobile {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
grid-gap: 15px;
padding-bottom: 0;
margin-bottom: 30px;
}
}
/* line 1555, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-list {
width: 100%;
}
/* line 1558, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-slide {
padding: 0 10px;
}
/* line 1563, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-dots {
position: absolute;
bottom: 0;
width: 100%;
padding: 0;
margin: 0;
height: 20px;
list-style: none;
text-align: center;
display: flex !important;
justify-content: center;
}
/* line 1575, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-dots li {
font-size: 0;
width: 20px;
height: 20px;
border: 1px solid #707070;
background: #ffffff;
border-radius: 50%;
margin-right: 20px;
}
/* line 1584, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-dots li:last-child {
margin-right: 0;
}
/* line 1588, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-dots li.slick-active {
border-color: #2d2926;
background: #2d2926;
}
/* line 1597, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-next,
.deals__slider .slick-prev {
font-size: 0;
width: 20px;
height: 20px;
border: 2px solid #2d2926;
align-self: center;
transform: rotate(45deg);
cursor: pointer;
}
/* line 1607, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-next {
border-left: 0;
border-bottom: 0;
}
/* line 1611, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider .slick-prev {
border-right: 0;
border-top: 0;
}
@media screen and (max-width: 768px) {
/* line 1616, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider-item {
margin: 0;
}
}
/* line 1625, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider-img {
width: 100%;
height: 244px;
-o-object-fit: fill;
object-fit: fill;
}
@media screen and (max-width: 768px) {
/* line 1625, app/assets/stylesheets/new_home-header.css.scss */
.deals__slider-img {
height: 100%;
width: 100%;
}
}
/* line 1635, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry {
padding: 85px 10px 75px;
background: #f9f9f9;
}
@media screen and (max-width: 768px) {
/* line 1635, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry {
padding: 30px 15px;
}
}
/* line 1644, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__title {
display: block;
margin: 60px 0;
}
@media screen and (max-width: 768px) {
/* line 1644, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__title {
margin: 30px 0;
}
}
/* line 1653, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__card {
width: 327px;
height: 134px;
padding: 36px 30px;
border-radius: 6px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
@media screen and (max-width: 768px) {
/* line 1654, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__card:nth-child(1n + 5) {
display: none;
}
}
@media screen and (max-width: 768px) {
/* line 1653, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__card {
width: 345px;
}
}
/* line 1676, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__cards-wrap {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
/* line 1676, app/assets/stylesheets/new_home-header.css.scss */
.brands-we-carry__cards-wrap {
flex-wrap: wrap;
align-items: center;
align-content: center;
}
}
/* line 1689, app/assets/stylesheets/new_home-header.css.scss */
.road-protection {
background: #ffffff;
padding: 85px 15px;
}
@media screen and (max-width: 768px) {
/* line 1689, app/assets/stylesheets/new_home-header.css.scss */
.road-protection {
padding: 30px 15px;
}
}
/* line 1697, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__inner {
background: url("https://d19pbi8vkdue6m.cloudfront.net/search-widget/allstate-roadside-image.jpg") no-repeat bottom;
background-size: cover;
padding: 60px;
position: relative;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
@media screen and (max-width: 990px) {
/* line 1697, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__inner {
padding: 30px;
}
}
@media screen and (max-width: 768px) {
/* line 1697, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__inner {
display: flex;
flex-flow: column;
justify-content: space-between;
background-position: right;
padding: 15px 20px;
}
}
/* line 1718, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__content {
position: relative;
z-index: 1;
}
/* line 1722, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__title {
text-align: left;
}
/* line 1725, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__sub-title {
text-align: left;
max-width: none;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
/* line 1725, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__sub-title {
margin-bottom: 20px;
}
}
/* line 1734, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list {
display: flex;
flex-flow: column;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
/* line 1734, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list {
margin-bottom: 125px;
}
}
/* line 1743, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list-item {
font-family: var(--font-base);
font-weight: bold;
color: #ffffff;
font-size: 20px;
margin-bottom: 30px;
display: flex;
align-items: center;
}
/* line 1751, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list-item:before {
content: '';
width: 15px;
min-width: 15px;
height: 10px;
min-height: 10px;
border: 2px solid #ffffff;
display: block;
border-right: 0;
border-top: 0;
transform: rotate(-40deg);
margin-right: 15px;
}
/* line 1765, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list-item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
/* line 1743, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__list-item {
font-size: 16px;
margin-bottom: 20px;
}
}
/* line 1774, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__overlay {
position: absolute;
border-radius: 6px;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
background-color: #000000;
clip-path: polygon(0% 0%, 70% 0%, 55% 100%, 0% 100%);
}
@media screen and (max-width: 990px) {
/* line 1774, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__overlay {
clip-path: polygon(0% 0%, 80% 0%, 55% 100%, 0% 100%);
}
}
@media screen and (max-width: 768px) {
/* line 1774, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__overlay {
clip-path: polygon(0% 0%, 100% 0%, 100% 55%, 0% 85%);
}
}
/* line 1793, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__footnote {
font-family: var(--font-base);
font-weight: normal;
color: #ffffff;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 1;
}
@media screen and (max-width: 768px) {
/* line 1793, app/assets/stylesheets/new_home-header.css.scss */
.road-protection__footnote {
font-size: 12px;
}
}
/* line 1806, app/assets/stylesheets/new_home-header.css.scss */
.we-help {
padding: 85px 15px;
background: #2d2926;
}
@media screen and (max-width: 480px) {
/* line 1806, app/assets/stylesheets/new_home-header.css.scss */
.we-help {
padding: 40px 15px;
}
}
/* line 1814, app/assets/stylesheets/new_home-header.css.scss */
.we-help__inner {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
/* line 1819, app/assets/stylesheets/new_home-header.css.scss */
.we-help__main {
margin-bottom: 40px;
}
/* line 1822, app/assets/stylesheets/new_home-header.css.scss */
.we-help__circle {
background: url(https://d19pbi8vkdue6m.cloudfront.net/search-widget/customer-service.png) no-repeat bottom right;
background-size: cover;
width: 400px;
min-width: 400px;
height: 400px;
min-height: 400px;
}
@media screen and (max-width: 1200px) {
/* line 1822, app/assets/stylesheets/new_home-header.css.scss */
.we-help__circle {
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
/* line 1822, app/assets/stylesheets/new_home-header.css.scss */
.we-help__circle {
width: 300px;
min-width: 300px;
height: 300px;
min-height: 300px;
}
}
/* line 1842, app/assets/stylesheets/new_home-header.css.scss */
.we-help__title {
text-align: left;
}
/* line 1845, app/assets/stylesheets/new_home-header.css.scss */
.we-help__text {
text-align: left;
margin: 0 0 40px 0;
max-width: 755px;
}
@media screen and (max-width: 768px) {
/* line 1845, app/assets/stylesheets/new_home-header.css.scss */
.we-help__text {
margin: 0 0 30px 0;
}
}
/* line 1854, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-wrap {
display: flex;
}
@media screen and (max-width: 480px) {
/* line 1854, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-wrap {
flex-flow: column;
}
}
/* line 1861, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact {
font-family: var(--font-base);
font-weight: 600;
margin-right: 40px;
display: flex;
align-items: center;
}
/* line 1867, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact:last-child {
margin-right: 0;
}
@media screen and (max-width: 480px) {
/* line 1861, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact {
margin-right: 0;
margin-bottom: 30px;
}
/* line 1875, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact:last-child {
margin-bottom: 0;
}
}
/* line 1880, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-icon {
margin-right: 20px;
}
/* line 1883, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-link,
.we-help__contact-link[href^='tel'] {
color: #ffffff;
font-size: 20px;
text-decoration: underline;
}
/* line 1889, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-link:hover,
.we-help__contact-link[href^='tel']:hover {
color: #ffffff;
text-decoration: none;
}
/* line 1894, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-link:focus,
.we-help__contact-link[href^='tel']:focus {
color: #ffffff;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
/* line 1883, app/assets/stylesheets/new_home-header.css.scss */
.we-help__contact-link,
.we-help__contact-link[href^='tel'] {
font-size: 16px;
}
}
/* line 1904, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-wrap {
display: flex;
background: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 1301;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: flex-end;
opacity: 0;
transform: scale(0);
transition: opacity 0.1s 0.3s, transform 0s 0.3s;
}
/* line 1927, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-wrap.open {
opacity: 1;
transform: scale(1);
transition: opacity 0s, transform 0s;
}
/* line 1931, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-wrap.open .overlay-reviews {
transform: translateX(0);
transition: transform 0.3s;
}
/* line 1937, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews {
width: 100%;
max-width: 600px;
overflow: auto;
transform: translateX(100%);
transition: transform 0.3s;
}
/* line 1945, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header {
font-family: var(--font-base);
font-weight: bold;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 30px 40px;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
background: #ffffff;
position: sticky;
top: 0;
}
@media screen and (max-width: 768px) {
/* line 1945, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header {
font-size: 18px;
padding: 25px 20px;
position: sticky;
top: 0;
}
}
@media screen and (max-width: 400px) {
/* line 1945, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header {
padding: 25px 20px 25px 40px;
}
}
/* line 1968, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header-close {
position: absolute;
width: 20px;
height: 20px;
left: 40px;
top: 0;
bottom: 0;
margin: auto 0;
cursor: pointer;
}
/* line 1978, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header-close:before, .overlay-reviews__header-close:after {
content: '';
position: absolute;
left: 10px;
height: 20px;
width: 2px;
background-color: #2d2926;
}
/* line 1988, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header-close:before {
transform: rotate(45deg);
}
/* line 1992, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header-close:after {
transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
/* line 1968, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__header-close {
left: 20px;
}
}
/* line 2000, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__text {
font-family: var(--font-base);
font-weight: normal;
font-size: 20px;
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
/* line 2000, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__text {
margin-bottom: 30px;
}
}
/* line 2010, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__content-wrap {
background: #f9f9f9;
padding: 40px;
}
@media screen and (max-width: 768px) {
/* line 2010, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__content-wrap {
padding: 30px 15px;
}
}
/* line 2018, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__content {
display: flex;
flex-flow: column;
gap: 20px;
}
/* line 2023, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block {
padding: 25px 30px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
background: #ffffff;
}
@media screen and (max-width: 768px) {
/* line 2023, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block {
padding: 20px 15px;
}
}
/* line 2032, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block-title {
font-family: var(--font-base);
font-weight: bold;
font-size: 18px;
color: #2d2926;
display: flex;
align-items: center;
margin-bottom: 15px;
}
/* line 2040, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block-title-icon {
margin-right: 10px;
align-self: flex-start;
}
/* line 2044, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block-text {
font-family: var(--font-base);
font-weight: normal;
font-size: 16px;
color: #707070;
}
/* line 2049, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block-img-wrap {
display: flex;
justify-content: center;
margin-top: 15px;
}
/* line 2054, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews__block-img {
max-width: 210px;
width: 100%;
}
/* line 2059, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-list {
margin-top: 20px;
margin-bottom: 30px;
display: flex;
flex-flow: column;
}
/* line 2065, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-list .new-reviews-card {
margin: 0;
width: 100%;
box-shadow: none;
border: 0;
border-top: 1px solid #e9e9e9;
border-radius: 0;
padding: 30px 0 25px;
}
/* line 2074, app/assets/stylesheets/new_home-header.css.scss */
.overlay-reviews-list .new-reviews-card-text {
max-width: 350px;
}
/* colors */
/* line 36, app/assets/stylesheets/variable.scss */
:root {
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 41, app/assets/stylesheets/variable.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--blue: #184bb9;
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 50, app/assets/stylesheets/variable.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #ff845c;
--blue: #f63;
--font-primary: 'Bebas Neue', Arial, sans-serif;
--font-secondary: 'Inter', Arial, sans-serif;
}
@font-face {
font-family: 'FAS';
src: url(/assets/fa-solid-900-690be61fe58020511558ce4b04375178872629f6c737ed1b332aec65855fd937.eot);
src: url(/assets/fa-solid-900-7798165ee5a3c6809310d8261dcbe7c8d0c12d795b7b09a71af3eb86ec8f33f2.woff2) format("woff2"), url(/assets/fa-solid-900-22f6af77ffeeb267c5270fa1e50681ae01a9a19f8e9ef976798e0196c941ade6.svg) format("svg"), url(/assets/fa-solid-900-8fb19633f125ca466a45da9e4cf291d8b9519dd74c214f99dde835ef83f3ab96.woff) format("woff"), url(/assets/fa-solid-900-b97adad7ece9792af4122ae88103cad8fab54558a529c4ba79b5224c2b02ebe9.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
/* line 22, app/assets/stylesheets/new-styles/variables.scss */
:root {
--font-base: Inter, Arial, sans-serif;
}
/* line 26, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--font-base: Inter, Arial, sans-serif;
}
/* line 32, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #f63;
--font-base: 'Bebas Neue', Arial, sans-serif;
}
/* line 4, app/assets/stylesheets/search-widget.css.scss */
.overlay-loader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #707070;
opacity: 0.5;
z-index: 10;
}
/* line 17, app/assets/stylesheets/search-widget.css.scss */
.redirect-spiner {
height: 60px;
width: 60px;
position: absolute;
top: 50%;
left: calc(50% - 30px);
transform: translate(-50%, -50%);
margin: -30px 0 -30px;
animation: rotation 1s infinite linear;
border: 6px solid rgba(0, 0, 0, 0.2);
border-radius: 100%;
}
/* line 29, app/assets/stylesheets/search-widget.css.scss */
.redirect-spiner::before {
content: '';
display: block;
position: absolute;
left: 0;
top: -6px;
height: 100%;
width: 100%;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid transparent;
border-radius: 100%;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
/* line 54, app/assets/stylesheets/search-widget.css.scss */
.search-widget {
margin: 0 auto 0 auto;
max-width: 1080px;
font-family: Inter, sans-serif;
}
/* line 57, app/assets/stylesheets/search-widget.css.scss */
.search-widget.--opened {
margin: 40px auto 0 auto;
}
@media screen and (max-width: 1023px) {
/* line 54, app/assets/stylesheets/search-widget.css.scss */
.search-widget {
border-radius: 4px;
background-color: #ffffff;
}
}
/* line 73, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-search-button {
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
background: #23c16b;
border-radius: 4px;
padding: 15px 30px;
width: 100%;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
line-height: 21px;
cursor: pointer;
}
@media screen and (max-width: 1023px) {
/* line 73, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-search-button {
font-size: 16px;
}
/* line 91, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-search-button .search-widget-tabs-search-button__icon {
display: none;
}
}
/* line 97, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-search-button__icon {
width: 11px;
height: 11px;
border: 2px solid #ffffff;
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
margin-left: 5px;
}
/* line 110, app/assets/stylesheets/search-widget.css.scss */
.fitment {
display: flex;
flex-flow: column;
flex: 1 1 100%;
}
/* line 116, app/assets/stylesheets/search-widget.css.scss */
.search-widget-container {
padding: 30px 15px 0 15px;
}
@media screen and (max-width: 768px) {
/* line 116, app/assets/stylesheets/search-widget.css.scss */
.search-widget-container {
padding: 20px 15px 0 15px;
}
}
/* line 123, app/assets/stylesheets/search-widget.css.scss */
.search-widget-content {
width: 100%;
max-width: 520px;
margin: 0 auto;
}
/* line 128, app/assets/stylesheets/search-widget.css.scss */
.search-widget-notification-wrap {
margin-bottom: 30px;
}
/* line 131, app/assets/stylesheets/search-widget.css.scss */
.search-widget-button-wrap {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
/* line 131, app/assets/stylesheets/search-widget.css.scss */
.search-widget-button-wrap {
margin-bottom: 15px;
}
}
/* line 138, app/assets/stylesheets/search-widget.css.scss */
.search-widget-button-wrap--sticky {
position: sticky;
bottom: 0;
padding: 0 15px 30px 15px;
background: #ffffff;
}
@media screen and (max-width: 768px) {
/* line 138, app/assets/stylesheets/search-widget.css.scss */
.search-widget-button-wrap--sticky {
padding: 0 15px 20px 15px;
}
}
/* line 148, app/assets/stylesheets/search-widget.css.scss */
.search-widget-button-wrap--sticky .new-tire-button {
width: 100%;
max-width: 520px;
margin: 0 auto;
}
/* line 156, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-wrap {
position: relative;
z-index: 1300;
}
/* line 160, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup {
width: 100%;
height: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
background: #ffffff;
box-shadow: 0px 1px 24px 8px rgba(20, 20, 20, 0.08);
overflow: auto;
display: flex;
flex-flow: column;
}
/* line 176, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__sticky {
position: sticky;
top: 0;
z-index: 10;
}
/* line 181, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-header {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
/* line 187, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-info {
font-family: var(--font-base);
font-weight: bold;
background: var(--blue-700);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
width: 100%;
}
@media screen and (max-width: 768px) {
/* line 187, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-info {
padding: 5px;
font-family: var(--font-base);
font-weight: normal;
}
}
/* line 203, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-wrap {
display: flex;
justify-content: center;
padding: 0 10px;
width: 100%;
background: #ffffff;
}
/* line 210, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-content {
display: grid;
grid-template-columns: 115px 1fr 115px;
align-items: center;
width: 100%;
max-width: 1400px;
}
@media screen and (max-width: 768px) {
/* line 210, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-content {
grid-template-columns: 50px 1fr 50px;
}
}
/* line 223, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close-wrap {
display: flex;
align-items: center;
cursor: pointer;
}
/* line 228, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close-text {
font-family: var(--font-base);
font-weight: bold;
font-size: 24px;
color: #2d2926;
margin-left: 10px;
}
@media screen and (max-width: 768px) {
/* line 228, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close-text {
display: none;
}
}
/* line 238, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close {
width: 40px;
height: 40px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
justify-self: center;
cursor: pointer;
}
@media screen and (max-width: 768px) {
/* line 238, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close {
width: 35px;
height: 35px;
}
}
/* line 253, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close:before, .search-widget-header-logo-close:after {
content: '';
width: 5px;
height: 65%;
background: #2d2926;
position: absolute;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
/* line 253, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close:before, .search-widget-header-logo-close:after {
width: 3px;
}
}
/* line 266, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close:before {
transform: rotate(45deg);
}
/* line 269, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo-close:after {
transform: rotate(-45deg);
}
/* line 273, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 25px 0;
background: #ffffff;
}
@media screen and (max-width: 768px) {
/* line 273, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo {
padding: 15px 0;
}
}
/* line 285, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo__img {
width: 100%;
max-width: 275px;
}
@media screen and (max-width: 768px) {
/* line 285, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo__img {
max-width: 220px;
}
}
@media screen and (max-width: 480px) {
/* line 285, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-logo__img {
max-width: 190px;
}
}
/* line 296, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-progress-bar-wrap {
background: #e3e3e3;
padding: 25px 15px;
width: 100%;
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
/* line 296, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-progress-bar-wrap {
padding: 12px 15px;
}
}
/* line 307, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-progress-bar {
width: 100%;
max-width: 520px;
height: 15px;
background: #ffffff;
border-radius: 10px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
/* line 307, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-progress-bar {
max-width: none;
}
}
/* line 319, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-progress-bar__progress {
height: 100%;
background: var(--blue-700);
transform: skewX(-10deg);
}
/* line 324, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back-wrap {
display: flex;
align-items: center;
cursor: pointer;
}
/* line 329, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back-text {
font-family: var(--font-base);
font-weight: bold;
font-size: 24px;
color: #ffffff;
margin-left: 10px;
}
@media screen and (max-width: 768px) {
/* line 329, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back-text {
display: none;
}
}
/* line 339, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back-icon-wrap {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* line 347, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back {
width: 20px;
height: 20px;
border: 5px solid #ffffff;
border-right: 0;
border-top: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
margin-left: 5px;
}
@media screen and (max-width: 768px) {
/* line 347, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__back {
width: 15px;
height: 15px;
border-width: 3px;
}
}
/* line 363, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate-wrap {
background: #2d2926;
padding: 10px;
height: 100px;
width: 100%;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
/* line 363, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate-wrap {
height: 70px;
}
}
/* line 377, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate {
font-family: var(--font-base);
font-weight: bold;
display: grid;
grid-template-columns: 115px 1fr 115px;
align-items: center;
width: 100%;
max-width: 1400px;
}
@media screen and (max-width: 768px) {
/* line 377, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate {
grid-template-columns: 50px 1fr 50px;
}
}
/* line 390, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__text {
width: 100%;
max-width: 750px;
color: #ffffff;
text-align: center;
font-size: 30px;
justify-self: center;
}
@media screen and (max-width: 768px) {
/* line 390, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-navigate__text {
font-size: 16px;
}
}
/* line 402, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-content-wrap {
padding: 30px 15px;
}
/* line 405, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tabs-content {
width: 100%;
max-width: 520px;
margin: 0 auto;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
position: relative;
background: #ffffff;
z-index: 1;
}
/* line 415, app/assets/stylesheets/search-widget.css.scss */
.shop-by-buttons {
display: flex;
justify-content: center;
align-items: center;
max-width: 520px;
margin-bottom: 30px;
cursor: pointer;
}
/* line 424, app/assets/stylesheets/search-widget.css.scss */
.shop-by-button {
font-family: var(--font-base);
font-weight: normal;
font-family: var(--font-base) !important;
color: #707070;
padding: 15px 0;
background: #f9f9f9;
border: solid 1px #e3e3e3;
border-radius: 3px 3px 0 0;
display: flex;
justify-content: center;
flex: 1 1 100%;
cursor: pointer;
}
/* line 437, app/assets/stylesheets/search-widget.css.scss */
.shop-by-button--active {
font-family: var(--font-base);
font-weight: 600;
color: #2d2926;
background: #ffffff;
border-radius: 0;
border: 0;
}
/* line 446, app/assets/stylesheets/search-widget.css.scss */
.shop-by-form {
display: flex;
flex-flow: column;
}
/* line 450, app/assets/stylesheets/search-widget.css.scss */
.shop-by-form__button-wrap {
padding: 0 30px 30px 30px;
display: flex;
justify-content: stretch;
}
/* line 455, app/assets/stylesheets/search-widget.css.scss */
.shop-by-form__button {
width: 100%;
text-transform: capitalize;
}
/* line 461, app/assets/stylesheets/search-widget.css.scss */
.shop-by-form-control__label {
font-family: var(--font-base);
font-weight: normal;
font-size: 18px;
color: #2d2926;
text-align: center;
}
/* line 467, app/assets/stylesheets/search-widget.css.scss */
.shop-by-form-control__radio-group {
display: flex;
flex-flow: row wrap;
align-items: stretch;
flex-flow: column;
gap: 15px;
padding: 30px;
}
/* line 476, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tab-button {
margin-right: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 20px;
font-weight: bold;
line-height: 0.9;
text-align: center;
background: #dfe0e0;
cursor: pointer;
padding: 25px 75px;
box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
/* line 489, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tab-button:last-child {
margin-right: 0;
}
/* line 493, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tab-button--active {
color: var(--blue-700);
background-color: #fff;
box-shadow: none;
}
@media screen and (max-width: 1023px) {
/* line 476, app/assets/stylesheets/search-widget.css.scss */
.search-widget-tab-button {
padding: 25px;
font-size: 16px;
}
}
/* line 505, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-wrap {
padding: 20px 20px;
background: #f9f9f9;
}
@media screen and (max-width: 768px) {
/* line 505, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header-wrap {
padding: 11px 20px;
}
}
/* line 514, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
background: #f9f9f9;
color: #707070;
}
@media screen and (max-width: 768px) {
/* line 514, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header {
align-items: baseline;
}
}
/* line 526, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header--left {
align-items: flex-start;
}
/* line 530, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header--right {
align-items: flex-end;
}
/* line 534, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__title {
font-family: var(--font-base);
font-weight: normal;
font-size: 18px;
display: flex;
align-items: center;
min-height: 26px;
}
@media screen and (max-width: 768px) {
/* line 534, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__title {
font-size: 12px;
}
}
/* line 545, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__title-icon {
margin-right: 10px;
}
@media screen and (max-width: 480px) {
/* line 545, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__title-icon {
width: 15px;
height: 15px;
}
}
/* line 553, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data-wrap {
display: flex;
margin-top: 7px;
}
@media screen and (max-width: 480px) {
/* line 557, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data-wrap--mobile-column {
flex-flow: column;
}
}
/* line 563, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data {
font-family: var(--font-base);
font-weight: bold;
font-size: 24px;
font-weight: bold;
color: #2d2926;
text-decoration: underline;
margin-right: 20px;
}
/* line 571, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
/* line 563, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data {
font-size: 20px;
margin-right: 10px;
}
}
/* line 580, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data--right {
text-align: right;
}
@media screen and (max-width: 480px) {
/* line 580, app/assets/stylesheets/search-widget.css.scss */
.search-widget-header__data--right {
margin-right: 0;
}
}
/* line 588, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards-wrap {
display: flex;
align-items: center;
flex-flow: column;
flex: 1 1 100%;
padding: 0 10px;
}
/* line 595, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards-scroll {
width: 100%;
max-width: 830px;
display: flex;
flex-flow: column;
flex: 1 1 100%;
}
/* line 602, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards-scroll .ScrollbarsCustom-Track {
background: #e3e3e3 !important;
height: calc(100% - 40px) !important;
top: 30px !important;
}
@media screen and (max-width: 768px) {
/* line 602, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards-scroll .ScrollbarsCustom-Track {
height: calc(100% - 50px) !important;
top: 20px !important;
}
}
/* line 612, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards-scroll .ScrollbarsCustom-Thumb {
background-color: #707070 !important;
border: 1px solid #e3e3e3;
}
/* line 617, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards {
width: 100%;
max-width: 830px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-rows: repeat(auto-fit, 60px);
grid-gap: 20px;
padding: 0 10px 10px 10px;
margin: 30px auto 0 auto;
}
@media screen and (max-width: 768px) {
/* line 617, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards {
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
margin: 20px auto 20px auto;
}
}
/* line 634, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards--small {
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
@media screen and (max-width: 768px) {
/* line 634, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards--small {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media screen and (max-width: 480px) {
/* line 634, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards--small {
grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
}
}
@media screen and (max-width: 400px) {
/* line 634, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards--small {
grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
}
@media screen and (max-width: 480px) {
/* line 648, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__cards--one-column {
grid-template-columns: 1fr;
}
}
/* line 654, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card {
background: #ffffff;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
padding: 17px;
cursor: pointer;
font-family: var(--font-base);
font-weight: normal;
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #2d2d2d;
}
/* line 670, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card--active {
background: rgba(var(--blue-700), 0.5);
border-color: rgba(var(--blue-700), 0.8);
color: #184bb9;
}
/* line 676, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card:hover {
outline: 2px solid var(--blue-700);
font-weight: bold;
}
@media screen and (max-width: 768px) {
/* line 654, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card {
outline: none;
}
/* line 684, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card:hover {
outline: none;
font-weight: normal;
}
/* line 689, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card--active {
border-color: #184bb9;
}
}
@media screen and (max-width: 480px) {
/* line 654, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card {
outline: none;
}
/* line 697, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card:hover {
outline: none;
font-weight: normal;
}
/* line 702, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__card--active {
border-color: #184bb9;
}
}
/* line 708, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify {
flex: 1 1 100%;
display: flex;
flex-flow: column;
}
/* line 715, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
width: 100%;
background: #ffffff;
margin: 0 auto 0 auto;
padding: 30px 10px 0 10px;
}
@media screen and (max-width: 768px) {
/* line 715, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle {
padding: 10px 15px 0 15px;
}
}
/* line 733, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__title {
font-family: var(--font-base);
font-weight: normal;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #707070;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
/* line 733, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__title {
font-size: 12px;
margin-bottom: 10px;
}
}
/* line 747, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__icon {
margin-right: 10px;
}
@media screen and (max-width: 480px) {
/* line 747, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__icon {
width: 20px;
height: 20px;
}
}
/* line 755, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__name {
font-family: var(--font-base);
font-weight: bold;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
color: #2d2926;
max-width: 520px;
margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
/* line 755, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__name {
font-size: 20px;
margin-bottom: 15px;
}
}
/* line 771, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__name-item {
margin-right: 5px;
white-space: nowrap;
}
/* line 775, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__name-item:last-child {
margin-right: 0;
}
/* line 780, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__divider {
width: 100%;
max-width: 520px;
height: 1px;
background: #e9e9e9;
}
@media screen and (max-width: 768px) {
/* line 780, app/assets/stylesheets/search-widget.css.scss */
.search-widget-verify-selected-vehicle__divider {
max-width: 500px;
}
}
/* line 791, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify__radio-wrap {
margin-bottom: 30px;
}
/* line 794, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify__radio-wrap .option-selection {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
/* line 794, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify__radio-wrap .option-selection {
margin-bottom: 15px;
}
}
/* line 801, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify__radio-wrap .option-selection:last-child {
margin-bottom: 0;
}
/* line 807, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-wrap {
width: 100%;
background: #f9f9f9;
flex: 1 1 100%;
padding: 15px 0;
}
@media screen and (max-width: 768px) {
/* line 807, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-wrap {
padding: 30px 15px;
}
}
/* line 817, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-content {
width: 100%;
max-width: 520px;
margin: 0 auto 30px auto;
}
@media screen and (max-width: 768px) {
/* line 817, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-content {
margin: 0 auto 15px auto;
}
}
/* line 829, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-content:last-child {
margin: 0 auto;
}
/* line 834, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
border-radius: 6px;
margin-bottom: 20px;
}
/* line 839, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq:last-child {
margin-bottom: 0;
}
/* line 844, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__question {
font-family: var(--font-base);
font-weight: bold;
color: #2d2926;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
min-height: 50px;
cursor: pointer;
border-radius: 6px;
}
@media screen and (max-width: 768px) {
/* line 844, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__question {
font-size: 16px !important;
}
}
/* line 861, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__icon {
width: 12px;
height: 12px;
border: 3px solid #2d2926;
border-right: 0;
border-top: 0;
border-top-right-radius: 3px;
transform: rotate(-45deg);
transform-origin: center;
display: flex;
align-items: center;
justify-content: center;
}
/* line 874, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__icon--opened {
transform: rotate(135deg);
}
/* line 879, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__answer {
font-family: var(--font-base);
font-weight: normal;
color: #2d2926;
padding: 0 20px 15px;
background: #ffffff;
}
/* line 885, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__content {
padding: 0 20px 15px;
background: #ffffff;
}
/* line 889, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-list {
display: flex;
flex-flow: column wrap;
gap: 17px;
height: 105px;
}
@media screen and (max-width: 480px) {
/* line 889, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-list {
height: auto;
}
}
/* line 899, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-list__item {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: #2d2926;
display: flex;
align-items: center;
}
/* line 906, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-list__icon {
margin-right: 10px;
}
/* line 911, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-size__title {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: #2d2926;
margin-bottom: 30px;
}
/* line 917, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-size__list-mark {
font-family: var(--font-base);
font-weight: bold;
font-size: 14px;
color: #2d2926;
display: flex;
align-items: center;
margin-bottom: 20px;
}
/* line 925, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-size__icon {
margin-right: 10px;
}
/* line 928, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-size__img-wrap {
margin-bottom: 20px;
}
/* line 940, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-contacts__text {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: #2d2926;
margin-bottom: 20px;
}
/* line 946, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-contacts__contact {
display: flex;
align-items: center;
margin-bottom: 20px;
}
/* line 951, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-contacts__contact:last-child {
margin-bottom: 0;
}
/* line 955, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-contacts__contact-icon {
margin-right: 10px;
}
/* line 958, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq-contacts__contact-link,
.search-widget-faq-contacts__contact-link[href^='tel'] {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: var(--blue-700);
text-decoration: underline;
}
/* line 966, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__answer-text {
font-size: 14px;
padding-left: 10px;
}
/* line 971, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__answer-text-container {
margin-bottom: 17px;
display: flex;
align-items: center;
align-content: center;
}
/* line 977, app/assets/stylesheets/search-widget.css.scss */
.search-widget-faq__answer-text-container:last-child {
margin-bottom: 0;
}
/* line 982, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__footer {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 15px 0;
}
/* line 989, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup__button-wrap {
padding: 20px 40px;
}
/* line 995, app/assets/stylesheets/search-widget.css.scss */
.wheel-parameters__info {
font-family: Inter, sans-serif;
font-weight: 700;
font-size: 22px;
line-height: 27px;
color: #000000;
margin-right: 10px;
}
/* line 1003, app/assets/stylesheets/search-widget.css.scss */
.wheel-parameters__parameters {
font-weight: 100;
}
/* line 1007, app/assets/stylesheets/search-widget.css.scss */
.stepper {
display: flex;
align-items: center;
justify-content: space-around;
overflow: hidden;
}
/* line 1014, app/assets/stylesheets/search-widget.css.scss */
.stepper__item {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
/* line 1021, app/assets/stylesheets/search-widget.css.scss */
.stepper__item:before {
content: '';
height: 4px;
flex: 1 1 auto;
border-radius: 10px;
background: #dfe0e0;
position: absolute;
left: calc(-50% + 25px);
right: calc(50% + 25px);
}
/* line 1033, app/assets/stylesheets/search-widget.css.scss */
.stepper__item:last-child:after {
content: '';
height: 4px;
flex: 1 1 auto;
border-radius: 10px;
background: #dfe0e0;
position: absolute;
right: calc(-50% + 25px);
left: calc(50% + 25px);
}
/* line 1046, app/assets/stylesheets/search-widget.css.scss */
.stepper__item--active:before {
background: #23c16b;
}
/* line 1051, app/assets/stylesheets/search-widget.css.scss */
.stepper__item--active:last-child:after {
background: #23c16b;
}
/* line 1056, app/assets/stylesheets/search-widget.css.scss */
.stepper__item--active .stepper__label {
border-color: #23c16b;
color: #ffffff;
background: #23c16b;
}
/* line 1064, app/assets/stylesheets/search-widget.css.scss */
.stepper__label {
border: 3px solid #f9f9f9;
color: #f9f9f9;
background: #ffffff;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 24px;
background: #ffffff;
}
/* line 1086, app/assets/stylesheets/search-widget.css.scss */
.search-both-form {
display: flex;
align-items: center;
margin-bottom: 20px;
}
/* line 1092, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
align-items: center;
width: 100%;
border: 2px solid #dfe0e0;
border-right: 0;
border-bottom: 0;
}
/* line 1103, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__button {
max-width: 200px;
height: 70px;
}
/* line 1108, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__field {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: row nowrap;
padding: 21px 15px;
border-right: 2px solid #dfe0e0;
border-bottom: 2px solid #dfe0e0;
cursor: pointer;
}
/* line 1119, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__field-icon-wrap {
padding: 0 10px;
width: 60px;
display: flex;
align-items: center;
}
/* line 1129, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__field-name {
flex: 1 1 100%;
width: 100px;
margin-right: 10px;
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #979797;
}
/* line 1141, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__field-arrow-wrap {
width: 16px;
}
/* line 1145, app/assets/stylesheets/search-widget.css.scss */
.search-both-form__field-arrow {
width: 12px;
min-width: 12px;
height: 12px;
min-height: 12px;
border: 2px solid #e9e9e9;
border-top: 0;
border-left: 0;
transform: rotate(45deg) translateY(-3px);
}
/* line 1156, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-tabs-content__right {
padding: 20px 20px 0 20px;
display: flex;
flex-flow: column;
justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
/* line 1156, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-tabs-content__right {
display: none;
}
}
/* line 1170, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-tabs-content__help-question {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
/* line 1177, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-tabs-content__help-link {
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: var(--blue-700);
text-decoration: underline;
}
/* line 1186, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq {
background: #ffffff;
}
/* line 1189, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq * {
box-sizing: border-box;
}
/* line 1194, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__accordion {
border: 2px solid #efefef;
padding: 35px 25px;
}
@media screen and (max-width: 1023px) {
/* line 1194, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__accordion {
font-size: 21px;
}
}
/* line 1203, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 1209, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__content {
font-family: Inter, sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 34px;
position: relative;
}
@media screen and (max-width: 1023px) {
/* line 1209, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__content {
font-size: 21px;
}
}
/* line 1221, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__icon {
width: 15px;
height: 15px;
border: 1px solid #000000;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
position: relative;
top: -5px;
}
/* line 1231, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__icon.opened {
transform: rotate(-135deg);
top: 5px;
}
/* line 1237, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__answer {
font-family: Inter, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 34px;
}
@media screen and (max-width: 1023px) {
/* line 1237, app/assets/stylesheets/search-widget.css.scss */
.search-widget-popup-verify-faq__answer {
font-size: 16px;
}
}
/* line 1248, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info-wrap {
background: #f9f9f9;
padding: 20px 15px;
display: flex;
justify-content: center;
}
/* line 1254, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info {
display: grid;
grid-template-columns: 1fr 100px 1fr;
max-width: 800px;
width: 100%;
}
/* line 1260, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info--single {
grid-template-columns: 1fr;
justify-items: center;
}
@media screen and (max-width: 1023px) {
/* line 1260, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info--single {
justify-items: flex-start;
}
}
/* line 1268, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info--single .search-widget-header__data-wrap--mobile-column {
flex-flow: row;
}
/* line 1275, app/assets/stylesheets/search-widget.css.scss */
.tire-size-info__img-wrap {
justify-self: center;
}
/* line 1280, app/assets/stylesheets/search-widget.css.scss */
.verified-buyer {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: #00af0d;
width: 110px;
height: 25px;
border: 1px solid #00af0d;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
/* line 1280, app/assets/stylesheets/search-widget.css.scss */
.verified-buyer {
margin-bottom: 15px;
}
}
/* line 1, app/assets/stylesheets/new-styles/headings.scss */
.heading-1 {
font-size: 48px;
}
@media screen and (max-width: 768px) {
/* line 1, app/assets/stylesheets/new-styles/headings.scss */
.heading-1 {
font-size: 34px;
}
}
/* line 9, app/assets/stylesheets/new-styles/headings.scss */
.heading-2 {
font-size: 40px;
}
@media screen and (max-width: 768px) {
/* line 9, app/assets/stylesheets/new-styles/headings.scss */
.heading-2 {
font-size: 30px;
}
}
/* line 17, app/assets/stylesheets/new-styles/headings.scss */
.heading-3 {
font-size: 34px;
}
@media screen and (max-width: 768px) {
/* line 17, app/assets/stylesheets/new-styles/headings.scss */
.heading-3 {
font-size: 24px;
}
}
/* line 25, app/assets/stylesheets/new-styles/headings.scss */
.sub-header-1 {
font-size: 30px;
}
@media screen and (max-width: 768px) {
/* line 25, app/assets/stylesheets/new-styles/headings.scss */
.sub-header-1 {
font-size: 20px;
}
}
/* line 33, app/assets/stylesheets/new-styles/headings.scss */
.sub-header-2 {
font-size: 18px;
}
@media screen and (max-width: 768px) {
/* line 33, app/assets/stylesheets/new-styles/headings.scss */
.sub-header-2 {
font-size: 16px;
}
}
/* line 41, app/assets/stylesheets/new-styles/headings.scss */
.body-1 {
font-size: 20px;
}
@media screen and (max-width: 768px) {
/* line 41, app/assets/stylesheets/new-styles/headings.scss */
.body-1 {
font-size: 16px;
}
}
/* line 48, app/assets/stylesheets/new-styles/headings.scss */
.body-2 {
font-size: 18px;
}
@media screen and (max-width: 768px) {
/* line 48, app/assets/stylesheets/new-styles/headings.scss */
.body-2 {
font-size: 14px;
}
}
/* line 56, app/assets/stylesheets/new-styles/headings.scss */
.fine-print {
font-size: 14px;
}
@media screen and (max-width: 768px) {
/* line 56, app/assets/stylesheets/new-styles/headings.scss */
.fine-print {
font-size: 12px;
}
}
/* line 22, app/assets/stylesheets/new-styles/variables.scss */
:root {
--font-base: Inter, Arial, sans-serif;
}
/* line 26, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--font-base: Inter, Arial, sans-serif;
}
/* line 32, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #f63;
--font-base: 'Bebas Neue', Arial, sans-serif;
}
/* line 3, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-base);
font-weight: bold;
font-size: 16px;
background: var(--blue-700);
border-radius: 4px;
color: #ffffff;
border: solid 2px var(--blue-700);
margin: 0;
cursor: pointer;
padding: 15px;
width: 100%;
line-height: 1;
}
/* line 19, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button:hover {
background: var(--blue-500);
}
/* line 23, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--big {
font-size: 20px;
padding: 23px 15px;
}
@media screen and (max-width: 768px) {
/* line 23, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--big {
font-size: 16px;
padding: 16px 15px;
}
}
/* line 34, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--medium {
font-size: 16px;
padding: 20px 15px;
}
@media screen and (max-width: 768px) {
/* line 34, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--medium {
font-size: 16px;
padding: 16px 15px;
}
}
/* line 46, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--secondary {
background: #ffffff;
color: var(--blue-700);
}
/* line 50, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--secondary:hover {
background: var(--blue-700);
color: #ffffff;
}
/* line 55, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--secondary:focus {
background: #ffffff;
color: var(--blue-700);
}
/* line 61, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--white {
background: transparent;
color: #ffffff;
border-color: #ffffff;
}
/* line 66, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button--white:hover {
background: #ffffff;
color: #2d2926;
border-color: #ffffff;
}
/* line 73, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button [disabled], .new-tire-button--disabled {
background: #e3e3e3;
border-color: #e3e3e3;
color: #707070;
cursor: default;
}
/* line 80, app/assets/stylesheets/new-styles/buttons.scss */
.new-tire-button [disabled]:hover, .new-tire-button--disabled:hover {
background: #e3e3e3;
}
/* line 86, app/assets/stylesheets/new-styles/buttons.scss */
a.new-tire-button--big {
font-size: 20px;
padding: 18px 15px;
}
@media screen and (max-width: 768px) {
/* line 86, app/assets/stylesheets/new-styles/buttons.scss */
a.new-tire-button--big {
font-size: 16px;
padding: 12px 15px;
}
}
/* line 22, app/assets/stylesheets/new-styles/variables.scss */
:root {
--font-base: Inter, Arial, sans-serif;
}
/* line 26, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--font-base: Inter, Arial, sans-serif;
}
/* line 32, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #f63;
--font-base: 'Bebas Neue', Arial, sans-serif;
}
/* line 3, app/assets/stylesheets/new-styles/option-selection.scss */
.radio-button-circle {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
border: 1px solid #707070;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
position: relative;
top: 0px;
}
/* line 17, app/assets/stylesheets/new-styles/option-selection.scss */
.radio-button-circle__inner {
display: none;
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--blue-700);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
/* line 30, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection-wrap {
display: grid;
grid-gap: 20px;
}
/* line 34, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection-wrap--margin {
margin-bottom: 30px;
}
/* line 38, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection {
cursor: pointer;
padding: 12px 15px;
display: flex;
position: relative;
}
/* line 44, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__label {
display: flex;
flex-flow: row nowrap;
align-items: center;
line-height: 1.8rem;
}
/* line 50, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__label:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
cursor: pointer;
}
/* line 62, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__input {
opacity: 0;
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
cursor: inherit;
z-index: -1;
}
/* line 75, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__input:checked ~ .option-selection__label .option-selection__content {
font-family: var(--font-base);
font-weight: bold;
}
/* line 79, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__input:checked ~ .option-selection__label:before {
border: 2px solid var(--blue-700);
}
/* line 84, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__input:checked ~ .radio-button-circle {
border: 1px solid var(--blue-700);
background: var(--blue-700);
}
/* line 88, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__input:checked ~ .radio-button-circle .radio-button-circle__inner {
display: block;
background: #ffffff;
width: 8px;
height: 8px;
}
/* line 96, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-wrap {
display: flex;
flex-flow: column;
}
/* line 100, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content {
font-family: var(--font-base);
font-weight: normal;
font-size: 16px;
color: #2d2926;
border-bottom: 1px solid #e9e9e9;
display: flex;
align-items: flex-end;
}
/* line 108, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
/* line 114, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-radius-wrap {
display: flex;
flex-flow: column;
}
/* line 118, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-radius {
font-family: var(--font-base);
font-weight: bold;
font-size: 20px;
line-height: 32px;
margin-right: 20px;
position: relative;
color: #2d2926;
}
/* line 126, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-radius:after {
content: '';
position: absolute;
top: 0;
right: -10px;
height: 70%;
width: 1px;
background: #e9e9e9;
transform: translate(0px, 30%);
}
@media screen and (max-width: 768px) {
/* line 118, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-radius {
font-family: var(--font-base);
font-weight: 600;
}
}
/* line 141, app/assets/stylesheets/new-styles/option-selection.scss */
.option-selection__content-radius-front {
font-family: var(--font-base);
font-weight: normal;
font-size: 12px;
color: #707070;
text-transform: uppercase;
line-height: normal;
}
/* line 22, app/assets/stylesheets/new-styles/variables.scss */
:root {
--font-base: Inter, Arial, sans-serif;
}
/* line 26, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--font-base: Inter, Arial, sans-serif;
}
/* line 32, app/assets/stylesheets/new-styles/variables.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #f63;
--font-base: 'Bebas Neue', Arial, sans-serif;
}
/* line 3, app/assets/stylesheets/new-styles/notification.scss */
.notification {
width: 100%;
border: solid 1px #000000;
padding: 10px;
display: flex;
flex-flow: nowrap;
position: relative;
border-radius: 4px;
margin: 0 auto;
}
/* line 13, app/assets/stylesheets/new-styles/notification.scss */
.notification--success {
border-color: #00af0d;
background: #f1f9f4;
}
/* line 17, app/assets/stylesheets/new-styles/notification.scss */
.notification--success .notification__icon-wrap {
background: #00af0d;
padding: 6px;
}
/* line 22, app/assets/stylesheets/new-styles/notification.scss */
.notification--success .notification__icon {
top: -1px;
}
/* line 26, app/assets/stylesheets/new-styles/notification.scss */
.notification--info {
border-color: var(--blue-700);
background: rgba(var(--blue-700), 0.2);
}
/* line 30, app/assets/stylesheets/new-styles/notification.scss */
.notification--info .notification__icon-wrap {
background: var(--blue-700);
}
/* line 34, app/assets/stylesheets/new-styles/notification.scss */
.notification--proceed {
border-color: #ffb323;
background: #fef7ea;
}
/* line 38, app/assets/stylesheets/new-styles/notification.scss */
.notification--proceed .notification__icon-wrap {
background: #ffb323;
}
/* line 42, app/assets/stylesheets/new-styles/notification.scss */
.notification--error {
border-color: #e62226;
background: #feeaea;
}
/* line 46, app/assets/stylesheets/new-styles/notification.scss */
.notification--error .notification__icon-wrap {
background: #e62226;
padding: 6px;
}
/* line 51, app/assets/stylesheets/new-styles/notification.scss */
.notification--error .notification__icon {
-o-object-fit: cover;
object-fit: cover;
top: -2px;
}
/* line 57, app/assets/stylesheets/new-styles/notification.scss */
.notification__icon-wrap {
width: 26px;
min-width: 26px;
height: 26px;
min-height: 26px;
border-radius: 50%;
padding: 3px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
position: relative;
}
/* line 70, app/assets/stylesheets/new-styles/notification.scss */
.notification__icon-wrap:before {
content: '';
width: 20px;
height: 20px;
background: white;
position: absolute;
border-radius: 50%;
}
/* line 79, app/assets/stylesheets/new-styles/notification.scss */
.notification__icon {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/* line 87, app/assets/stylesheets/new-styles/notification.scss */
.notification__title {
font-family: var(--font-base);
font-weight: bold;
font-size: 14px;
margin-bottom: 10px;
color: #2d2926;
}
/* line 93, app/assets/stylesheets/new-styles/notification.scss */
.notification__text {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
margin-bottom: 10px;
color: #2d2926;
}
/* line 99, app/assets/stylesheets/new-styles/notification.scss */
.notification__link {
font-family: var(--font-base);
font-weight: normal;
font-size: 14px;
color: var(--blue-700);
text-decoration: underline;
cursor: pointer;
}
/* line 106, app/assets/stylesheets/new-styles/notification.scss */
.notification__link:hover {
text-decoration: underline;
color: var(--blue-700);
}
/* line 111, app/assets/stylesheets/new-styles/notification.scss */
.notification__close {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}
/* line 122, app/assets/stylesheets/new-styles/notification.scss */
.notification__close:before, .notification__close:after {
content: '';
width: 3px;
height: 70%;
background: #000000;
border-radius: 5px;
position: absolute;
}
/* line 132, app/assets/stylesheets/new-styles/notification.scss */
.notification__close:before {
transform: rotate(45deg);
}
/* line 136, app/assets/stylesheets/new-styles/notification.scss */
.notification__close:after {
transform: rotate(-45deg);
}
/* colors */
/* line 36, app/assets/stylesheets/variable.scss */
:root {
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 41, app/assets/stylesheets/variable.scss */
[data-theme='base'] {
--blue-700: #184bb9;
--blue-500: #235cd8;
--blue: #184bb9;
--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
}
/* line 50, app/assets/stylesheets/variable.scss */
[data-theme='racetreads'] {
--blue-700: #f63;
--blue-500: #ff845c;
--blue: #f63;
--font-primary: 'Bebas Neue', Arial, sans-serif;
--font-secondary: 'Inter', Arial, sans-serif;
}
@font-face {
font-family: 'FAS';
src: url(/assets/fa-solid-900-690be61fe58020511558ce4b04375178872629f6c737ed1b332aec65855fd937.eot);
src: url(/assets/fa-solid-900-7798165ee5a3c6809310d8261dcbe7c8d0c12d795b7b09a71af3eb86ec8f33f2.woff2) format("woff2"), url(/assets/fa-solid-900-22f6af77ffeeb267c5270fa1e50681ae01a9a19f8e9ef976798e0196c941ade6.svg) format("svg"), url(/assets/fa-solid-900-8fb19633f125ca466a45da9e4cf291d8b9519dd74c214f99dde835ef83f3ab96.woff) format("woff"), url(/assets/fa-solid-900-b97adad7ece9792af4122ae88103cad8fab54558a529c4ba79b5224c2b02ebe9.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
/* line 4, app/assets/stylesheets/brand-specific.css.scss */
.brand-title {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.5px;
}
@media screen and (max-width: 1024px) {
/* line 4, app/assets/stylesheets/brand-specific.css.scss */
.brand-title {
font-size: 22px;
line-height: 30px;
}
}
/* line 17, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-title {
font-weight: 600;
font-size: 18px;
line-height: 25px;
font-family: 'Open Sans', sans-serif;
letter-spacing: -0.2px;
color: #000000;
}
@media screen and (max-width: 767px) {
/* line 17, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-title {
letter-spacing: -0.5px;
font-size: 16px;
font-weight: 600;
}
}
/* line 32, app/assets/stylesheets/brand-specific.css.scss */
.brand-logo {
width: 100%;
}
/* line 36, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-title {
margin-bottom: 10px;
text-transform: uppercase;
}
/* line 41, app/assets/stylesheets/brand-specific.css.scss */
.show-block-lg {
display: block;
}
@media screen and (max-width: 767px) {
/* line 41, app/assets/stylesheets/brand-specific.css.scss */
.show-block-lg {
display: none !important;
}
}
/* line 47, app/assets/stylesheets/brand-specific.css.scss */
.show-block-sm {
display: none;
}
@media screen and (max-width: 767px) {
/* line 47, app/assets/stylesheets/brand-specific.css.scss */
.show-block-sm {
display: block;
}
}
/* line 54, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires {
padding-top: 20px;
}
@media screen and (max-width: 768px) {
/* line 54, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires {
grid-row: auto;
grid-column: auto;
margin-bottom: 50px;
}
}
/* line 63, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires__title-wrap {
display: flex;
align-items: center;
}
/* line 67, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires__title-icon {
margin-right: 20px;
}
/* line 74, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-list__item {
padding: 15px 15px 11px 15px;
border-bottom: 1px dashed #c6c6c6;
}
/* line 78, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-list__item:last-child {
border-bottom: 0;
}
/* line 82, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-list__link {
display: flex;
align-items: center;
width: 100%;
color: var(--blue-700);
text-decoration: none;
position: relative;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 19px;
letter-spacing: -0.1px;
}
/* line 95, app/assets/stylesheets/brand-specific.css.scss */
.brand-tires-list__link:after {
content: '';
width: 8px;
height: 8px;
border: 2px solid var(--blue-700);
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
position: absolute;
right: 0;
}
/* line 110, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire-link {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-right: 0;
color: var(--blue-700);
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
letter-spacing: -0.33px;
}
/* line 124, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire-link--solidly {
width: auto;
justify-content: flex-start;
padding-right: 20px;
}
/* line 130, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire-link:after {
content: '';
display: block;
width: 7px;
height: 7px;
border: 2px solid var(--blue-700);
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
margin-left: 10px;
}
/* line 145, app/assets/stylesheets/brand-specific.css.scss */
.brand-button {
width: 100%;
border: 0;
border-radius: 5px;
padding: 12px 16px;
color: #fff;
background: var(--blue-700);
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 25px;
font-weight: 700;
letter-spacing: -0.33px;
cursor: pointer;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 1024px) {
/* line 145, app/assets/stylesheets/brand-specific.css.scss */
.brand-button {
font-size: 16px;
line-height: 22px;
}
}
/* line 167, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-text {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 16px;
line-height: 25.6px;
letter-spacing: -0.33px;
}
@media screen and (max-width: 640px) {
/* line 167, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-text {
font-size: 14px;
line-height: 22px;
}
}
/* line 179, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-text--mb-lg {
margin-bottom: 35px;
}
@media screen and (max-width: 640px) {
/* line 183, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-text--mb-sm {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
/* line 189, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-text--short {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 100px;
}
}
/* line 201, app/assets/stylesheets/brand-specific.css.scss */
.brand-container {
max-width: 1440px;
margin: 0 auto;
box-sizing: border-box;
}
@media screen and (max-width: 1194px) {
/* line 201, app/assets/stylesheets/brand-specific.css.scss */
.brand-container {
padding: 20px 50px;
}
}
@media screen and (max-width: 1024px) {
/* line 201, app/assets/stylesheets/brand-specific.css.scss */
.brand-container {
padding: 20px;
}
}
@media screen and (max-width: 767px) {
/* line 201, app/assets/stylesheets/brand-specific.css.scss */
.brand-container {
padding: 16px 20px;
}
}
/* line 217, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific {
font-family: 'Open Sans', sans-serif;
color: #000000;
}
/* line 222, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-name {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: 700;
color: rgba(0, 0, 0, 0.5);
letter-spacing: -0.5px;
}
/* line 231, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__logo-wrap {
display: flex;
align-items: center;
flex-flow: column;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
/* line 231, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__logo-wrap {
margin-bottom: 25px;
}
}
/* line 242, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__logo {
margin-bottom: 10px;
max-width: 250px;
}
@media screen and (max-width: 767px) {
/* line 242, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__logo {
max-width: 170px;
margin-bottom: 6px;
}
}
/* line 252, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__useful-information {
display: grid;
grid-template-columns: 0.75fr 1fr;
grid-column-gap: 80px;
}
/* line 258, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__content {
display: flex;
flex-flow: row wrap;
row-gap: 50px;
}
@media screen and (max-width: 767px) {
/* line 258, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__content {
flex-direction: column;
row-gap: 0;
}
}
/* line 268, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__content--show-sm {
display: none;
}
@media screen and (max-width: 767px) {
/* line 268, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__content--show-sm {
display: flex;
}
}
@media screen and (max-width: 767px) {
/* line 277, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__collapse-wrap .ReactCollapse--collapse {
min-height: 180px;
position: relative;
margin-bottom: 22px;
}
/* line 284, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__collapse-wrap .ReactCollapse--collapse[aria-hidden='false'] {
margin-bottom: 42px;
}
}
/* line 291, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__content-overlay {
background: #f5f8ff;
}
/* line 295, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__collapse-button {
position: absolute;
right: 0;
bottom: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 19px;
font-weight: 700;
letter-spacing: -0.33px;
text-decoration-line: underline;
color: var(--blue-700);
padding: 15px;
}
/* line 309, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-content-seasons-wrap {
flex: 1 0 366px;
}
@media screen and (max-width: 1024px) {
/* line 309, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-content-seasons-wrap {
flex: 1 0 200px;
}
}
@media screen and (max-width: 767px) {
/* line 309, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-content-seasons-wrap {
order: 2;
}
}
/* line 321, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-content-info {
flex: 1 1 calc(100% - 366px);
}
/* line 325, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__brand-current-deals-wrap {
margin-bottom: 35px;
width: 100%;
}
/* line 330, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__marked-listing-wrap {
margin: 10px 0 12px 0;
}
/* line 333, app/assets/stylesheets/brand-specific.css.scss */
.brand-specific__marked-listing-wrap:last-child {
margin-bottom: 30px;
}
/* line 338, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs-wrap {
margin-top: 15px;
margin-bottom: 21px;
}
@media screen and (max-width: 640px) {
/* line 338, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs-wrap {
margin-bottom: 31px;
}
}
/* line 347, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs {
display: flex;
}
/* line 351, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs__item {
display: flex;
align-items: center;
margin-right: 6px;
}
/* line 356, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs__item:after {
content: '';
width: 5px;
height: 5px;
border: 1px solid #000000;
border-left: 0;
border-bottom: 0;
transform: rotate(45deg);
margin-left: 3px;
}
/* line 368, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs__item:last-child:after {
display: none;
}
/* line 374, app/assets/stylesheets/brand-specific.css.scss */
.brand-breadcrumbs__link {
display: flex;
align-items: center;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height: 14px;
letter-spacing: -0.33px;
color: #000000;
text-decoration: none;
}
/* line 385, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons {
padding: 20px 0;
width: 100%;
position: relative;
}
@media screen and (max-width: 1024px) {
/* line 385, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons {
padding: 20px;
}
}
@media screen and (max-width: 767px) {
/* line 385, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons {
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
/* line 385, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons {
padding: 0;
margin-bottom: 45px;
}
}
/* line 404, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__img-wrap {
display: flex;
flex-flow: column;
align-items: baseline;
max-width: 366px;
max-height: 537px;
height: 100vh;
margin-bottom: 26px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 767px) {
/* line 404, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__img-wrap {
display: none;
}
}
/* line 420, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/* line 426, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__buttons {
margin-bottom: 20px;
}
/* line 430, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button {
background: #fff;
display: flex;
align-items: center;
border: 1.5px solid var(--blue-700);
color: var(--blue-700);
position: relative;
margin-bottom: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.3px;
text-align: left;
}
@media screen and (max-width: 1024px) {
/* line 430, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button {
font-size: 16px;
font-weight: 700;
}
}
@media screen and (max-width: 640px) {
/* line 430, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button {
padding: 15px 35px 15px 16px;
}
}
/* line 452, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid var(--blue-700);
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
position: absolute;
right: 27px;
}
@media screen and (max-width: 1024px) {
/* line 452, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button:before {
right: 10px;
}
}
@media screen and (max-width: 640px) {
/* line 452, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button:before {
right: 22px;
}
}
/* line 473, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button:last-child {
margin-bottom: 0;
}
/* line 478, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button__icon {
margin-right: 20px;
}
@media screen and (max-width: 1024px) {
/* line 478, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button__icon {
margin-right: 10px;
}
}
@media screen and (max-width: 640px) {
/* line 478, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__button__icon {
margin-right: 20px;
}
}
/* line 490, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__view-all {
display: flex;
justify-content: flex-end;
}
/* line 495, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__view-all-link {
display: flex;
align-items: center;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -0.5px;
text-decoration: none;
position: relative;
padding-right: 30px;
color: var(--blue-700);
}
/* line 508, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__view-all-link:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid var(--blue);
border-left: 0;
border-bottom: 0;
border-top-right-radius: 3px;
transform: rotate(45deg);
position: absolute;
right: 1px;
}
/* line 522, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-seasons__title-wrap {
position: relative;
margin-bottom: 20px;
}
/* line 527, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info {
padding: 20px 20px 35px 57px;
position: relative;
}
/* line 531, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info:before {
content: '';
width: 111%;
max-width: 858px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: #f5f8ff;
z-index: -1;
}
@media screen and (max-width: 767px) {
/* line 531, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info:before {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
/* line 527, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info {
padding: 20px;
}
}
@media screen and (max-width: 767px) {
/* line 527, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info {
width: 100%;
padding: 11px 10px 10px 15px;
}
}
@media screen and (max-width: 640px) {
/* line 527, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info {
margin-bottom: 23px;
}
}
/* line 562, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info__stock {
margin-bottom: 24px;
}
/* line 566, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info__button {
max-width: 340px;
}
/* line 570, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-info__current-deals {
margin-bottom: 26px;
}
/* line 577, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__label {
margin-bottom: 9px;
}
@media screen and (max-width: 640px) {
/* line 577, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__label {
margin-bottom: 5px;
}
}
/* line 585, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__list {
list-style-type: disc;
margin: 0 0 18px 25px;
}
@media screen and (max-width: 640px) {
/* line 585, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__list {
margin: 0 0 7px 25px;
}
}
/* line 594, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__item {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 16px;
line-height: 26px;
letter-spacing: -0.33px;
}
@media screen and (max-width: 640px) {
/* line 594, app/assets/stylesheets/brand-specific.css.scss */
.brand-content-categories__item {
font-size: 14px;
line-height: 22px;
margin-bottom: 4px;
}
}
/* line 611, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear .brand-tread-wear__disclaimer {
display: none;
}
/* line 615, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear__title {
padding-left: 13px;
margin-bottom: 7px;
margin-top: 25px;
}
/* line 621, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear__disclaimer {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 8px;
line-height: 11px;
letter-spacing: -0.33px;
padding-left: 16px;
margin-top: 60px;
}
/* line 630, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear__disclaimer_html {
font-size: 12px;
margin-top: 0;
}
@media screen and (max-width: 767px) {
/* line 621, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear__disclaimer {
margin-top: 30px;
padding-bottom: 70px;
}
}
@media screen and (max-width: 640px) {
/* line 641, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table-wrap {
padding: 0 10px;
}
}
/* line 647, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 18px;
line-height: 26px;
font-weight: 700;
width: 100%;
}
/* line 656, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__body,
.brand-tread-wear-table__header {
border: 2px solid #d1d1d1;
background: transparent;
}
/* line 664, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__row:first-of-type .brand-tread-wear-table__cell {
padding-top: 20px;
}
@media screen and (max-width: 640px) {
/* line 664, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__row:first-of-type .brand-tread-wear-table__cell {
padding-top: 10px;
}
}
/* line 674, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__row:last-of-type .brand-tread-wear-table__cell {
padding-bottom: 20px;
}
@media screen and (max-width: 640px) {
/* line 674, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__row:last-of-type .brand-tread-wear-table__cell {
padding-bottom: 10px;
}
}
/* line 684, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__header-cell {
text-align: center;
border: 2px solid #d1d1d1;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: 600;
padding: 10px 25px;
color: #6f6f6f;
max-width: 125px;
vertical-align: middle;
}
/* line 696, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__header-cell:first-child {
max-width: 177px;
text-align: left;
}
@media screen and (max-width: 1024px) {
/* line 684, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__header-cell {
padding: 10px;
max-width: 177px;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.5px;
}
}
@media screen and (max-width: 640px) {
/* line 684, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__header-cell {
padding: 10px 14px;
}
}
/* line 714, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__cell {
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 16px;
line-height: 22px;
font-weight: 600;
letter-spacing: -0.7px;
text-transform: uppercase;
padding: 5px 16px;
border: 2px solid #d1d1d1;
width: 150px;
vertical-align: middle;
}
/* line 729, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__cell:first-child {
max-width: 177px;
text-align: left;
border: 2px solid #d1d1d1;
}
@media screen and (max-width: 640px) {
/* line 729, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__cell:first-child {
max-width: 135px;
padding: 10px 14px;
}
}
@media screen and (max-width: 1024px) {
/* line 714, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__cell {
padding: 10px;
max-width: 177px;
font-size: 12px;
line-height: 16px;
}
}
/* line 748, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__link {
text-decoration: none;
color: var(--blue-700);
cursor: pointer;
}
/* line 754, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__text {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 16px;
line-height: 22px;
text-transform: lowercase;
}
@media screen and (max-width: 640px) {
/* line 754, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-table__text {
font-size: 12px;
line-height: 16px;
}
}
/* line 770, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__title {
margin-bottom: 18px;
color: #000000;
}
@media screen and (max-width: 640px) {
/* line 770, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__title {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
line-height: 35px;
font-weight: 700;
text-align: center;
}
}
/* line 783, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__accordion {
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid rgba(152, 152, 152, 0.2);
}
/* line 789, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
min-height: 50px;
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 16px;
line-height: 26px;
font-weight: 700;
letter-spacing: -0.33px;
cursor: pointer;
}
@media screen and (max-width: 640px) {
/* line 789, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__question {
font-size: 14px;
line-height: 22px;
}
}
/* line 809, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__icon {
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0 5px;
margin: 0 5px;
}
/* line 819, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__icon:before, .brand-faq__icon:after {
content: '';
width: 2px;
height: 100%;
background: var(--blue-700);
position: absolute;
}
/* line 828, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__icon:after {
width: 100%;
height: 2px;
}
/* line 833, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__icon--opened {
transform: rotate(45deg);
}
/* line 838, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq__answer {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.33px;
padding: 0 12px 14px;
}
/* line 849, app/assets/stylesheets/brand-specific.css.scss */
.brand-current-deals__title {
text-align: center;
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 26px;
line-height: 35px;
font-weight: 700;
letter-spacing: -0.4px;
}
/* line 860, app/assets/stylesheets/brand-specific.css.scss */
.brand-current-deals__img-wrap {
width: 100%;
margin-bottom: 27px;
}
/* line 865, app/assets/stylesheets/brand-specific.css.scss */
.brand-current-deals__img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
max-height: 200px;
}
/* line 874, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__title {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 20px;
line-height: 27px;
font-weight: 700;
letter-spacing: -0.5px;
}
/* line 883, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__list {
padding: 15px 10px;
}
/* line 887, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__item {
font-family: 'Open Sans', sans-serif;
color: #000000;
font-size: 14px;
line-height: 22px;
letter-spacing: -0.33px;
display: flex;
margin-bottom: 11px;
}
/* line 896, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__item .marked-listing:last-of-type {
margin-bottom: 0;
}
/* line 900, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__item-underlined {
text-decoration: underline;
}
/* line 905, app/assets/stylesheets/brand-specific.css.scss */
.marked-listing__icon-wrap {
width: 25px;
min-width: 25px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 9px;
}
/* line 916, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-wrap {
flex: 1 1 auto;
max-width: 450px;
margin-right: 85px;
}
@media screen and (max-width: 1024px) {
/* line 916, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-wrap {
margin-right: 25px;
flex: 1 1 45%;
}
}
@media screen and (max-width: 767px) {
/* line 916, app/assets/stylesheets/brand-specific.css.scss */
.brand-tread-wear-wrap {
flex: 1 1 auto;
margin-right: 0;
max-width: none;
}
}
/* line 933, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq-wrap {
flex: 1;
}
@media screen and (max-width: 1024px) {
/* line 933, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq-wrap {
flex: 1 1 50%;
}
}
@media screen and (max-width: 767px) {
/* line 933, app/assets/stylesheets/brand-specific.css.scss */
.brand-faq-wrap {
order: 3;
flex: 1 1 100%;
max-width: 100%;
}
}
/* line 947, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-wrap {
display: grid;
grid-template-columns: auto;
grid-row-gap: 88px;
}
@media screen and (max-width: 768px) {
/* line 947, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-wrap {
grid-row-gap: 0;
}
}
/* line 957, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models {
background: #f5f8ff;
padding: 32px 150px;
margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
/* line 957, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models {
padding: 20px;
}
}
/* line 966, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__block {
margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
/* line 966, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__block {
margin-bottom: 25px;
}
}
/* line 973, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__title {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: bold;
color: #000000;
letter-spacing: -0.5px;
margin-bottom: 18px;
}
/* line 982, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__type-block {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-row-gap: 25px;
grid-column-gap: 15px;
}
@media screen and (max-width: 768px) {
/* line 982, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__type-block {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 768px) {
/* line 994, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__brand-tires {
margin-bottom: 0px !important;
}
}
@media (min-width: 768px) {
/* line 999, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models__brand-tires .brand-tires-list {
max-width: 220px;
}
}
/* line 1007, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-content {
grid-column: 1 / span 2;
}
@media screen and (max-width: 768px) {
/* line 1007, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-content {
grid-column: auto;
margin-bottom: 20px;
}
}
/* line 1015, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-content__button-wrap {
width: 100%;
display: flex;
justify-content: center;
}
/* line 1020, app/assets/stylesheets/brand-specific.css.scss */
.brand-all-models-content__button {
max-width: 340px;
}
/* line 1026, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__block-wrap .ReactCollapse--collapse {
min-height: 180px;
position: relative;
margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
/* line 1026, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__block-wrap .ReactCollapse--collapse {
height: auto !important;
overflow: auto !important;
}
}
/* line 1041, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__block {
padding: 20px 36px 36px 36px;
background: #f5f8ff;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
/* line 1041, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__block {
padding: 15px;
}
}
/* line 1053, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__info {
display: grid;
grid-template-columns: 1.8fr minmax(320px, 1fr);
grid-template-rows: 0.5fr 1fr;
grid-gap: 30px;
}
@media screen and (max-width: 768px) {
/* line 1053, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__info {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 0;
}
}
/* line 1065, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__table-wrap {
padding-right: 177px;
}
@media screen and (max-width: 1024px) {
/* line 1065, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__table-wrap {
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
/* line 1065, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__table-wrap {
margin-bottom: 15px;
}
}
/* line 1076, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__table-wrap .brand-tread-wear__title {
padding-left: 0;
}
/* line 1080, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-wrap {
padding-right: 100px;
}
@media screen and (max-width: 768px) {
/* line 1080, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-wrap {
padding-right: 0;
}
}
/* line 1087, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-block {
margin-bottom: 28px;
}
/* line 1090, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-text {
margin-bottom: 14px;
}
/* line 1093, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-list {
margin-top: 10px;
padding-left: 20px;
}
/* line 1097, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-item {
display: flex;
align-items: center;
}
/* line 1101, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-item:before {
content: '\2022';
color: #27187e;
font-size: 26px;
margin-right: 5px;
}
/* line 1108, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__offers-item span, .brand-tire__offers-item a {
text-decoration: underline;
}
/* line 1113, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__tires-wrap {
padding-top: 20px;
grid-row: 1 / span 2;
grid-column: 2 / 3;
}
/* line 1118, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__tires-wrap .brand-tires-list {
padding-left: 35px;
padding-right: 75px;
}
@media screen and (max-width: 768px) {
/* line 1118, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__tires-wrap .brand-tires-list {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 768px) {
/* line 1113, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__tires-wrap {
grid-row: auto;
grid-column: auto;
margin-bottom: 50px;
}
}
/* line 1135, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__collapse-button {
display: none;
}
@media screen and (max-width: 764px) {
/* line 1135, app/assets/stylesheets/brand-specific.css.scss */
.brand-tire__collapse-button {
display: block;
position: absolute;
right: 0;
bottom: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 19px;
font-weight: 700;
letter-spacing: -0.33px;
text-decoration-line: underline;
color: var(--blue-700);
padding: 15px;
}
}
/* line 1, app/assets/stylesheets/privacy.css.scss */
.privacy h2 {
font-size: 24px;
}
@media (max-width: 767px) {
/* line 1, app/assets/stylesheets/privacy.css.scss */
.privacy h2 {
font-size: 22px;
}
}
@media (max-width: 599px) {
/* line 1, app/assets/stylesheets/privacy.css.scss */
.privacy h2 {
font-size: 18px;
}
}
/* line 11, app/assets/stylesheets/privacy.css.scss */
.privacy h3 {
font-size: 20px;
}
@media (max-width: 767px) {
/* line 11, app/assets/stylesheets/privacy.css.scss */
.privacy h3 {
font-size: 18px;
}
}
@media (max-width: 599px) {
/* line 11, app/assets/stylesheets/privacy.css.scss */
.privacy h3 {
font-size: 16px;
}
}
/* line 21, app/assets/stylesheets/privacy.css.scss */
.privacy a {
word-break: break-all;
}
/* line 25, app/assets/stylesheets/privacy.css.scss */
.privacy .section {
padding-bottom: 10px;
}
/* line 29, app/assets/stylesheets/privacy.css.scss */
.privacy h2 {
padding-bottom: 15px;
}
/* line 33, app/assets/stylesheets/privacy.css.scss */
.privacy th,
.privacy td {
border: 1px solid #808080;
}
/* line 38, app/assets/stylesheets/privacy.css.scss */
* {
box-sizing: border-box;
}
/* line 1, app/assets/stylesheets/terms.css.scss */
.terms ol {
list-style-type: decimal;
padding-left: 40px;
padding-bottom: 10px;
}