/* Default Styles */
.container .quickship { color: #236DC2; font-weight: bold; }

/*.container .shadow-box { border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,.08); background-color: #ffffff; padding: 25px 30px; margin-bottom: 20px; }*/
.container .shadow-box { background-color: #ffffff; padding: 25px 25px; margin-bottom: 20px; }

.container .input { margin-bottom: 15px;}
.container .submit { margin-top: 16px; }
.container .input label { font-size: 15px; font-weight: 600; display: block; margin-bottom: 5px; }
.container .input input,
.container .input select,
.container .input textarea { margin: 0; width: 100%; border-radius: 4px; padding: 11px 8px; border: 1px solid #ccc }
.container .input select { background: #f8f8f8 url('../img/bg.select.gif') right 8px center no-repeat; -webkit-appearance: none; padding: 11px 8px; }
.container .input.error input,
.container .input.error select,
.container .input.error textarea { border: 1px solid #ff5d78; }
.container .input.file { margin-top: 10px; }
.container .input.file input { border: none; padding: 0; }
.container .input p.after { font-size: 12px; margin-top: 2px; margin-left: 4px; }

.container .input .help { margin: 2px 0 0 11px; }

.container .input.required label:after { content: ""; display: inline-block; width: 6px; height: 6px; background: #e00000; border-radius: 20px; position: relative; top: -6px; margin-left: 5px; }
.container .input.required label.error:after { content: none; }

.container .input.checkbox input,
.container .input .checkbox input { display: inline-block; width: 20px; vertical-align: middle; position: relative; top: -2px; margin-right: 10px; }
.container .input.checkbox label,
.container .input .checkbox label { display: inline-block; width: calc(100% - 40px); vertical-align: middle; margin-bottom: 0; }
.container .input.checkbox input,
.container .input .checkbox input { top: auto; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; background-color: #fff; color: #666; height: 22px; width: 24px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin-right: 8px; outline: none; }
.container .input.checkbox input:checked::before,
.container .input .checkbox input:checked::before { position: absolute; font: 13px 'Open Sans', sans-serif; left: 7px; top: 0; content: '\02143'; transform: rotate(40deg); font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.container .input.checkbox input:hover,
.container .input .checkbox input:hover { background-color: #f7f7f7; }
.container .input.checkbox input:checked,
.container .input .checkbox input:checked { background-color: #1fa3e8; color: #fff; border-color: #044c8e; }

.container .input.radio,
.container .input .radio { margin-bottom: 0; }
.container .input.radio input,
.container .input .radio input { display: inline-block; width: 20px; vertical-align: middle; position: relative; top: -2px; margin-right: 10px; }
.container .input.radio label,
.container .input .radio label { margin-bottom: 15px; display: inline-block; width: calc(100% - 40px); vertical-align: middle; }
.container .input.radio input,
.container .input .radio input { top: auto; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; background-color: #fff; color: #666; height: 25px; width: 25px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; margin-right: 8px; outline: none; }
.container .input.radio input:checked::before,
.container .input .radio input:checked::before { position: absolute; font: 13px 'Open Sans', sans-serif; left: 7px; top: 0; content: '\02143'; transform: rotate(40deg); font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.5); }
.container .input.radio input:hover,
.container .input .radio input:hover { background-color: #f7f7f7; }
.container .input.radio input:checked,
.container .input .radio input:checked { background-color: #0085FF; color: #fff; border-color: #044c8e; }

.content p.small { font-size: 15px; font-size: .9vw; line-height: 1.2; margin: 1.2vw 0; }

.content .text-banner { margin: 0; font-size: 15px; color: #f3f3f3; display: inline-block; font-style: italic; font-family: 'TT Supermolot Neue', sans-serif; font-weight: bold; background-color: #1ea3e8; background-position: right center; background-repeat: no-repeat; line-height: 1; position: relative; top: -2px; }
.content .text-banner span { display: inline-block; padding: 6px 18px 4px 12px; }
.content .text-banner.light { }
.content .text-banner.light span { }

.element#breadcrumbs { padding: 20px 0 20px 0; }
.element#breadcrumbs ul { list-style: none; padding: 0; font-size: 14px; margin: 0; }
.element#breadcrumbs ul li { display: inline-block; padding: 0; margin: 0; font-size: 12px; color: #6c6c6c; }
.element#breadcrumbs ul li a { color: #6c6c6c; }
.element#breadcrumbs ul li:after { content: " / "; }
.element#breadcrumbs ul li:last-child:after { content: ""; }

.content .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 25px 0; }
.content .video-container iframe,
.content .video-container video,
.content .video-container object,
.content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.content .inner { max-width: 1024px; margin: 0 auto; }
.content .inner > .alignwide { margin-left: calc(50% - 45vw + 50px); margin-right: calc(50% - 45vw + 50px); max-width: calc(90vw - 100px); width: 90vw; }
.content .inner > .alignfull { margin-left: calc(50% - 50vw + 50px); margin-right: calc(50% - 50vw + 50px); max-width: calc(100vw - 100px); width: 100vw; }

/* Elements */
.element#message .message { background: #236DC2; color: #fff; text-align: center; font-weight: bold; font-size: 18px; padding: 20px; }
.element#message .message a { color: #fff; text-decoration: underline; }

.element#newsletter { text-align: center; margin-bottom: 40px; }
.element#newsletter .background { background: #1b1b1b; padding: 30px; }
.element#newsletter .background h3 { color: #fff; font-size: 30px; font-weight: bold; margin: 0 0 15px 0; }
.element#newsletter .background h3 span { color: #c12f23; }
.element#newsletter .background p { color: #fff; font-size: 18px; padding: 0; margin: 0; }
.element#newsletter .background .input { display: inline-block; width: 50%; margin: 0; }
.element#newsletter .background .submit { display: inline-block; margin: 0; }
.element#newsletter .background .input input { box-sizing: border-box; -webkit-appearance: none; display: inline-block; border: none; font-size: 16px; padding: 10px 11px; border-radius: 4px; width: 100%; }
.element#newsletter .background .submit input { color: #fff; text-transform: uppercase; background: #4886ff; padding: 10px 25px; }

.element#blog .post .posted { color: gold; font-size: 14px; font-weight: bold; }
.element#blog .post h3 { color: #3a425e; font-size: 21px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 28px; }
.element#blog .post h3 a { color: #3a425e; }
.element#blog .post h3 a:hover { color: #3276ff;  }
.element#blog .cols .col { padding: 0 8px; box-sizing: border-box; }
.element#blog .cols .col.post1 { padding: 0 16px 0 0; }
.element#blog .cols .col.post3 { padding: 0 0 0 16px; }

.element#pagination { padding: 20px 0; }
.element#pagination .col { margin: 0; }
.element#pagination p { margin: 0; }
.element#pagination .pages span { text-align: center; font-size: 14px; font-weight: 600; display: inline-block; padding: 10px 0; min-width: 42px; border: 1px solid #DBDBDB; border-left: none; line-height: 1; color: #555; }
.element#pagination .pages span.prev,
.element#pagination .pages span.next { padding: 10px 15px; }
.element#pagination .pages span.prev { border-left: 1px solid #dbdbdb; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.element#pagination .pages span.next { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.element#pagination .pages span.current { background: #5686f6; color: #fff; border-color: #5686f6; }
.element#pagination .pages span a { text-decoration: none; }
.element#pagination .pages span a:hover { color: #0d608c; }

.element#pagination { padding: 0; text-align: center; }
.element#pagination .pagination { list-style: none; display: inline-block; }
.element#pagination .pagination li { display: inline-block; }
.element#pagination .pagination li a { line-height: 1; display: inline-block; border: 1px solid #ddd; border-right: 0; padding: 11px 16px; }
.element#pagination .pagination li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.element#pagination .pagination li:last-child a { border: 1px solid #ddd; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.element#pagination .pagination li a:hover { background: #236DC2; color: #fff; border-color: #236DC2; }
.element#pagination .pagination li.active a,
.element#pagination .pagination li.active a:hover { background: #006acc; color: #fff; border-color: #006acc; }

/*.element#comments .commentlist { list-style: none; padding-bottom: 0px; }
.element#comments .commentlist .children { list-style: none; margin: 0 0 0 86px; }
.element#comments .commentlist .children .children { margin: 0; }
.element#comments .navigation:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

.element#comments ol { margin: 0; list-style: none; }
.element#comments ol li { padding: 0; clear: both; padding-top: 30px; }
.element#comments ol li ol { margin-left: 86px; }

.element#comments .comment-author-avatar { float: left; width: 86px; padding-right: 20px; }
.element#comments .comment-author-avatar img { border-radius: 50px; border: 3px solid #fff; box-shadow: 2px 2px 4px rgba(0,0,0,.2); }
.element#comments .comment-content { padding-top: 2px; margin-left: 86px; font-size: 16px; line-height: 20px; color: #444444; border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.element#comments .comment-content p { margin-bottom: 12px; font-size: 16px; }
.element#comments .comment-content p .wp-smiley { margin: 0; }
.element#comments .comment-content .moderation { color: #EE6F25; }
.element#comments .comment-content .comment-author { margin-bottom: 6px; color: #303030; font-size: 16px; font-weight: bold; font-family: 'TT Supermolot Neue', serif; }
.element#comments .comment-content .comment-author a { color: #303030; }
.element#comments .comment-content .comment-meta { margin-top: 5px; }
.element#comments .comment-content .comment-meta:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.element#comments .comment-content .comment-meta .time { font-size: 13px; color: #303030; float: left; }
.element#comments .comment-content .comment-meta .reply { font-size: 13px; float: right; }
.element#comments .comment-content .comment-meta .reply a { color: #303030; }
.element#comments .comment-content .comment-meta .reply a:hover { color: #303030; }
.element#comments .comment-content .comment-meta .unapproved { color: red; }
.element#comments form#commentform p { margin-bottom: 0; font-size: 15px; }

.element#comments #respond { padding-top: 23px; }
.element#comments #respond .logged-in-as a { color: #555; }
.element#comments #respond .logged-in-as a:hover { color: #000; }
.element#comments #respond .comment-reply-title { margin-bottom: 0px; font-weight: 500; font-size: 30px; }
.element#comments #commentform label { display: block; font-family: 'TT Supermolot Neue', Arial; font-weight: 500; text-transform: uppercase; font-size: 18px; margin-bottom: 5px; } 
.element#comments #commentform textarea,
.element#comments #commentform input { box-sizing: border-box; -webkit-appearance: none; border: none; display: inline-block; padding: 10px 11px; font-size: 16px; border-radius: 4px; width: 100%; } 
.element#comments #commentform .form-submit { text-align: right; padding-top: 25px; }
.element#comments #commentform .form-submit input { width: auto; display: inline-block; color: #fff; padding: 10px 20px; background: #4886ff; border-color: #4886ff; text-transform: uppercase; }
.element#comments #commentform .comment-notes { font-size: 15px; margin-bottom: 10px; }
.element#comments #commentform .comment-form-comment { margin: 20px 0 10px 0; }
.element#comments #commentform .comment-form-author { width: 49%; display: inline-block; }
.element#comments #commentform .comment-form-email { width: 49%; display: inline-block; float: right; }*/

.element#truck-selector { margin: 20px 0; background: #333; background-size: fixed; padding: 40px 15px; border: 1px solid #000; border-radius: 6px; margin-bottom: 30px; }
.element#truck-selector h3 { color: #c12f23; text-align: center; margin: 0; padding: 0 0 10px 0;  }
.element#truck-selector .steps { display: flex; }
.element#truck-selector .steps .step { display: flex; flex: 1 1 0; align-items: center; padding: 10px; }
.element#truck-selector .steps .step .description { flex: 1 1 0; max-width: 27px; line-height: 0; margin-right: 10px; }
.element#truck-selector .steps .step .input { flex: 1 1 0; line-height: 0; }
.element#truck-selector .steps .step .input select { width: 100%; }
.element#truck-selector .steps .step .description img { display: none; }
.element#truck-selector .steps .step.active .description img.active { display: inline-block; }
.element#truck-selector .steps .step.complete .description img.complete { display: inline-block; }
.element#truck-selector .steps .step.inactive .description img.inactive { display: inline-block; }
.element#truck-selector #step5 { display: none; padding: 15px 0 0 0; }
.element#truck-selector #step5 p { color: #fff; text-align: center; margin: 0; padding: 0; }
.element#truck-selector #step5 p a { display: inline-block; color: #333; padding: 6px 18px; background: #c12f23; border-radius: 6px; font-family: 'TT Supermolot Neue', serif; }
.element#truck-selector #step5 p a:hover { background: #ffc445; }
.element#truck-selector #step5 .success input { width: 100%; }
.element#truck-selector.alignwide { margin-bottom: 30px; }
.element#truck-selector.alignfull { border-radius: 0; margin-bottom: 30px; }
.element#truck-selector.alignfull .steps { max-width: 1100px; margin: 0 auto; }

.element.block-reviews .stars { margin: 15px 0; }
.element.block-reviews.aligncenter .stars { margin: 15px auto 15px; }

.element.block-custom-columns { margin: 20px 0; }
.element.block-custom-columns .cols .col { align-items: center; display: flex; }
.element.block-custom-columns .cols .col .inner { padding: 0 10%; }

.element#navigation .counter { text-align: center; }
.element#navigation .pages { text-align: center; }
.element#navigation .pages span { text-align: center; font-size: 14px; font-weight: 600; display: inline-block; padding: 10px 0; min-width: 42px; border: 1px solid #DBDBDB; border-left: none; }
.element#navigation .pages span.prev,
.element#navigation .pages span.next { padding: 10px 20px; }
.element#navigation .pages span.prev { border-left: 1px solid #dbdbdb; }
.element#navigation .pages span.current { background: #5686f6; color: #fff; }
.element#navigation .pages span a { text-decoration: none; }
.element#navigation .pages span a:hover { color: #0d608c; }

.element#reviews-small-display { text-align: center; }
.element#reviews-small-display a { color: #1b1b1b; font-size: 16px; font-weight: bold; vertical-align: middle; display: inline-block; }
.element#reviews-small-display a img { max-width: 180px; }
.element#reviews-small-display a span { position: relative; top: -3px; display: inline-block; padding-left: 5px; }

/*.element#selector { margin-bottom: 20px; height:auto; }
.element#selector #productselector { border-top: 1px solid #bfbfbf; }
.element#selector #selector-support{ height: 580px; margin:20px 20px 20px; }
.element#selector #firstlevel,
.element#selector #secondlevel,
.element#selector #thirdlevel,
.element#selector #fourthlevel,
.element#selector #fifthlevel { padding: 0; text-align: center; border:1px solid #bfbfbf; border-top: 0; box-sizing: border-box; }
.element#selector #fifthlevel { }
.element#selector #fifthlevel h3 { padding: 260px 15px 0 15px; color: #333; font-size: 18px; line-height:1.5em; text-shadow: #000 0 1px 1px; }
.element#selector span.number-big { color: #000; font-size: 24px; border-right:1px solid #494949; margin: 14px 0; padding: 10px; }
.element#selector span.step-description { padding: 0 20px; font-size: 18px; color: #5d5d5d; text-align: left;  }
.element#selector span.select { padding: 0 20px; font-size: 18px; color: #fff; text-align: left; margin: 0; }
.element#selector span.select select { margin: 0; }
.element#selector #form-complete-buy { text-align: center; margin: 20px 0; }
.element#selector #form-no-support { text-align: center; margin: 20px 0; }
.element#selector.manuals #fifthlevel { background-image: none; height: auto; }
.element#selector.manuals #fifthlevel ul { text-align: center; list-style: none; width: 100%; }*/

ul#nav-below { list-style: none; margin: 0; padding: 0; }
ul#nav-below li {  }

/* Pages */
.reviews.photos .intro { text-align: center; padding-bottom: 25px; }
.reviews.photos .cols .col.filter { text-align: right; }
.reviews.photos .cols .col.filter .input,
.reviews.photos .cols .col.filter .submit { display: inline-block; margin: 0; }
.reviews.photos .cols .col.filter .input select { min-width: 150px; }

.reviews.photos #push { margin-top: 40px; }
.reviews.photos .cols.photos .col.photo { max-width: 158px; min-width: 158px; line-height: 0; border-radius: 2px; overflow: hidden; margin: 4px; }
.reviews.photos .cols.photos .col.photo img { width: 100%; }

.reviews.photos .more { text-align: center; }

.reviews.index .content { padding: 50px 0; }
.reviews.index .intro { text-align: center; padding-bottom: 25px; margin: 0 auto; }
.reviews.index .intro h3 { color: #a0a39e; padding-bottom: 5px;  }
.reviews.index .intro h1 {  }
.reviews.index .header { margin: 0 auto 30px; }
.reviews.index .header .overall-rating { text-align: center; }
.reviews.index .header .overall-rating .stars { margin: 0 auto; }
.reviews.index .header .rating {  }
.reviews.index .header .rating .small { margin: 10px 0 0 0; font-weight: 800;  }
.reviews.index .header .rating .small .subtext { text-transform: uppercase; font-weight: 400; font-size: 14px; display: inline-block; padding-top: 4px; color: #a0a39e; }
.reviews.index .header .add { text-align: right; }
.reviews.index .header .add .button { background-color: #0085FF; }
.reviews.index .header .stats { padding-top: 30px; margin: 0 20px 0 0; min-width: 400px; }
.reviews.index .header .stats.features { margin: 0 0 0 20px; }
.reviews.index .header .stats ul { list-style: none; margin: 0; padding: 0; }
.reviews.index .header .stats ul li { padding: 0 0 3px 0; margin: 0; line-height: 1.3; font-size: 16px; }
.reviews.index .header .stats.features ul li { }
.reviews.index .header .stats ul li a { color: #222222; }
.reviews.index .header .stats ul li span { font-weight: 500; min-width: 0; }
.reviews.index .header .stats ul li .count { text-align: right; font-size: 14px;  }
.reviews.index .header .progress { margin-bottom: 3px; }
.reviews.index .element.reviews { }

.reviews.index .more { text-align: center; }

.reviews.index .sr-only { text-indent: -9999em; display: inline-block; }
.reviews.index .progress { background: #b8b8b8; line-height: 0; border-radius: 2px; overflow: hidden; }
.reviews.index .progress .progress-bar { background: #236DC2; height: 12px; border-radius: 0; }

.element.reviews .sr-only { text-indent: -9999em; display: inline-block; }
.element.reviews .progress { background: #b8b8b8; line-height: 0; border-radius: 2px; overflow: hidden }
.element.reviews .progress .progress-bar { background: #236DC2; height: 10px; border-radius: 0; height: 12px }

.element.reviews { padding-top: 30px; margin-top: 30px; }
.element.reviews .review { border-bottom: 3px solid #d8d8d8; margin-bottom: 30px; padding-bottom: 20px; }
.element.reviews .review h4.truck-title { padding: 0 0 5px 0; font-size: 24px; text-transform: uppercase; color: #a0a39e; }
.element.reviews .review p.author { font-size: 28px; line-height: 1.2; padding: 0; text-transform: uppercase; font-weight: 800; }
.element.reviews .review p.author .date { font-size: 16px; font-weight: 500; }
.element.reviews .review .date-published { font-size: 15px; font-weight: 600; color: #a0a39e; padding: 0; text-transform: uppercase; }
.element.reviews .review .images {  }
.element.reviews .review .images a { display: inline-block; margin-right: 5px; }
.element.reviews .review .images a:hover { opacity: .8; }
.element.reviews .review .images a img { max-width: 150px; }
.element.reviews .review .review_rating { margin: 10px 0; }
.element.reviews .review .review_rating .rating-display { position: relative; top: -5px; padding-left: 7px; color: #a0a39e; }
.element.reviews .review .review_rating .rating { display: inline-block; }
.element.reviews .review .review_rating .rating img { max-width: 36px; }
.element.reviews .review .product-display { position: relative; top: -9px; margin-left: 10px; display: inline-block; }
.element.reviews .review .product-display .product{ display: inline-block; color: #fff; padding: 8px 12px; background: #a1a29e; font-weight: 800; text-transform: uppercase; border-radius: 3px; }

.element.reviews .review .features { width: 48%; padding: 0; margin: 0 0 0 3%; list-style: none; min-width: 350px; }
.element.reviews .review .features li { line-height: 1; padding-bottom: 3px; padding-top: 5px; font-size: 16px; font-family: 'TT Supermolot Neue', sans-serif; }
.element.reviews .review .features li .progress { margin-top: 2px; }
.element.reviews .review .description .col.f4 { min-width: 450px; }
.element.reviews .review .description {  }
.element.reviews .review .description p { padding: 0; padding-bottom: 20px; }

.element.reviews .review .comments { clear: both; padding-top: 15px; }
.element.reviews .review .comments .reply { background: #dcdcd8; padding: 20px; border-left: 3px solid #ccc; }
.element.reviews .review .comments .reply .reply-author { font-size: 16px; padding: 0 0 8px 0; }
.element.reviews .review .comments .reply .reply-content { font-size: 16px; padding: 0; }

.reviews.submit label { font-weight: bold; }
.reviews.submit .levels .col:first-child { padding: 0 15px 0 0; }
.reviews.submit .levels .col:last-child { padding: 0 0 0 15px; }
.reviews.submit .levels .ui-slider { margin-bottom: 15px; }
.reviews.submit .levels label span { color: #ffae00; }
.reviews.submit .star-rating { list-style: none; margin: 0 0 5px 0; padding: 0; }
.reviews.submit .star-rating li { display: inline-block; color: #ccc; cursor: pointer; }
.reviews.submit .star-rating li.set { color: #ffae00; }
.reviews.submit .star-rating li.set:hover { color: #ffda8b; }
.reviews.submit .photo.hide { display: none; }
.reviews.submit form .star-rating { margin-top: 5px; }
.reviews.submit form .star-rating li { max-width: 30px; margin-right: 3px; }
.reviews.submit form .star-rating li.set .active { display: block; }
.reviews.submit form .star-rating li.set .inactive { display: none; }
.reviews.submit form .star-rating li .active { display: none; }
.reviews.submit form .star-rating li .inactive { display: block; }
.reviews.add .photo.hide { display: none; }

.elements#cart .product { border-bottom: 1px solid #c7c7c0; padding: 0px 0; align-items: center; }
.elements#cart .product .image img { border: 1px solid #eaeaea; }
.elements#cart .product .title h4 { padding-bottom: 0; font-size: 19px; }
.elements#cart .product .options { list-style: none; padding: 5px 0 0 0; margin: 0; }
.elements#cart .product .options li { line-height: 1.3; font-size: 15px; display: inline-block; padding: 4px 8px; margin: 4px 4px 0 0; background: #303030; color: #fff; border-radius: 4px; text-transform: uppercase; }
.elements#cart .product .settings { list-style: none; padding: 5px 0 0 0; margin: 0;  }
.elements#cart .product .settings li { line-height: 1.3; font-size: 15px; padding: 0; margin: 4px 4px 0 0  }
.elements#cart .product .settings li span { font-weight: 500; text-transform: uppercase; display: inline-block; margin-right: 5px; font-weight: bold; }
.elements#cart .product .shipping { list-style: none; padding: 5px 0 0 0; margin: 0; }
.elements#cart .product .shipping li { line-height: 1.3; font-size: 15px; padding: 0; margin: 4px 4px 0 0 }
.elements#cart .product .shipping li span { font-weight: 500; text-transform: uppercase; display: inline-block; margin-right: 5px; font-weight: bold; }
.elements#cart .product .total { text-align: right; color: #303030; font-weight: 600; font-size: 20px; line-height: 1; }
.elements#cart .product .total.discounted .subtotal { color: #757575; font-size: 12px; text-decoration: line-through; font-weight: 500; display: inline-block; margin-bottom: 4px; }
.elements#cart .product .total small { color: #909090; font-weight: 400; font-size: 13px; }

.elements#cart .cols .remove { padding: 5px 0 0 0; }
.elements#cart .cols .remove a { color: #a1a39e; }
.elements#cart .cols .remove a:hover { color: #da1717; }

.elements#cart.checkout.shadow-box { background: #ddddd8; border: 1px solid #dddddd; box-shadow: none; }
.elements#cart.checkout .order-summary { border-bottom: 1px solid #c7c7c0; font-size: 16px; font-family: 'TT Supermolot Neue', serif; text-transform: uppercase; padding-bottom: 15px; }
.elements#cart.checkout .product:first-child { padding-top: 0; }
.elements#cart.checkout .product .image { align-self: flex-start; padding-right: 0; line-height: 0; }
.elements#cart.checkout .product .title { padding-right: 0; }
.elements#cart.checkout .subtotals { font-size: 14px; border-bottom: 1px solid #c7c7c0; padding: 15px 0; }
.elements#cart.checkout .subtotals .padding .col { padding-top: 5px; padding-bottom: 5px; }
.elements#cart.checkout .subtotals .padding .col.price { text-align: right; }
.elements#cart.checkout .total.padding {  }
.elements#cart.checkout .total.padding .col.price { text-align: right; font-size: 22px; font-weight: 600; }
.elements#cart.checkout .total.padding .col.price span { font-size: 14px; font-family: 'TT Supermolot Neue', serif; font-weight: 600; color: #6a6a67; display: inline-block; margin-right: 8px; }
.elements#cart.checkout .total.padding .col.label { font-size: 20px; font-family: 'TT Supermolot Neue', serif; font-weight: 500; }
.elements#cart.checkout .total.padding .col.label p { padding-bottom: 0; }

.elements#cart.checkout div#discount { padding: 15px 0; border-bottom: 1px solid #c7c7c0; }
.elements#cart.checkout #discount form { padding: 0; }
.elements#cart.checkout #discount .discount-customer-message { color: #16a233; font-size: 14px; }
.elements#cart.checkout #discount .discount-customer-message p { font-size: 14px; margin: 0 0 10px 0; }
.elements#cart.checkout #discount .discount-customer-message ul,
.elements#cart.checkout #discount .discount-customer-message ol { font-size: 14px; margin: 0 0 10px 25px; }

.carts.index .cols.cart-wrapper {}
.carts.index .cols.cart-wrapper .col.continue { padding-left: 20px; }
.carts.index .elements#cart .cols .col.image { max-width: 155px; line-height: 0; align-self: flex-start; }
.carts.index .elements#cart .cols .col.title h4 { font-size: 20px; margin: 0; }
.carts.index .elements#cart .cols .col.title h4 a { color: #231f20; }
.carts.index .elements#cart .cols .col.quantity {  }
.carts.index .elements#cart .cols .col.total { max-width: 150px; }
.carts.index .elements#cart .cols .col.remove { padding: 16px 4px; text-align: right; }
.carts.index .elements#cart .footer.cols .col.total { max-width: none; text-align: right; }

.users.authentication { height: 100vh; background: #1b1b1b url('../img/bg.login.jpg') right center no-repeat; background-size: cover; } 
.users.authentication .container { background: none transparent; } 
.users.authentication .container > .cols { margin: 0 6vw; }
.users.authentication .container > .cols > .col.row { max-width: 440px; height: 100vh; }
.users.authentication .container > .cols > .col.row { display: flex; flex-direction: column; justify-content: center; }
.users.authentication a.logo { padding: 0 0 30px 0; display: inline-block; }
.users.authentication a.logo svg { width: 100%; max-width: 250px; min-width: 250px; max-height: 62px; }
.users.authentication .options { padding: 32px 0px; }
.users.authentication .options a { color: #fff; }

.element#auth { background: #fff; padding: 40px; border-radius: 5px; }
.element#auth h3 { font-size: 32px; padding-bottom: 20px; }
.element#auth .actions .submit { margin-top: 0; margin-bottom: 10px; }

body.error404 .content { text-align: center; }

.element.modal#configure-truck #title h3 { font-size: 28px; margin: 0; line-height: 1; padding: 0 0 15px 0; }
.element.modal#configure-truck .cols .col { padding: 30px; }

.configure-truck h3 { font-size: 26px; line-height: 1.2; padding: 0 0 10px 0; }
.configure-truck .steps .step { margin-bottom: 12px; }
.configure-truck .steps .step select { width: 100%; padding: 13px 8px; font-size: 15px; border-radius: 3px; border: 1px solid #ccc;  -webkit-appearance: none; margin: 0; width: 100%; background: #fff url('../img/bg.select.gif') right 10px center no-repeat; }
.configure-truck .steps .step select:disabled { border: 1px solid #dedede; }
.configure-truck #title { margin: 0; }
.configure-truck .steps .step.complete { margin: 0; }
.configure-truck #step5 .success input { width: 100%; font-weight: bold; }
.configure-truck #step5 p { color: #fff; margin: 0; padding: 0; }
.configure-truck #step5 p a { width: 100%; text-align: center; display: inline-block; color: #333; padding: 7px 18px; background: #c12f23; border-radius: 3px; font-family: Vitesse A', 'Vitesse B'', serif; }
.configure-truck #step5 p a:hover { background: #ffc445; }
.configure-truck #step5 p a.disabled,
.configure-truck #step5 p a.disabled:hover { background-color: #d5d5d5; color: #fff; }
.configure-truck #error { margin-bottom: 12px; }
.configure-truck #error p { text-align: center; padding: 7px 18px; margin: 0; }