@import "./css/additional.default.shop.css";

.sort-desc:before { content: ""; height: 0; width: 0; border: 4px solid transparent; border-bottom-color: #000; margin-bottom: 0.2em; display: inline-block; }
.sort-asc:before { content: ""; height: 0; width: 0; border: 4px solid transparent; border-top-color: #000; margin-top: 0.1em; display: inline-block; }

/* Filters vertical */
.filters { margin-bottom: 1.6em; overflow: hidden; background-color: #fff; }
.filters .header-block { padding: 1em; background: #f1f1f1; color: #929292; }
.filters input[type="text"], .filters input[type="number"] { width: 45%; text-align: center; }
.filters input[type="text"] { width: 37%; }
.filters .from-to { width: 10%; display: inline-block; text-align: center; }
.filters .filter-name { display: block; position: relative; cursor: pointer; margin: -1em; padding: 1em; transition: all .2s linear; }
.filters .filter-name:hover { background-color: #f9f9f9; }
.filters .filter-param-block .filter-param:last-child b.open { border-color: transparent; }
.filters .filter-name span { vertical-align: middle; }
.filters .filter-name span.ruble { font-weight: normal; }
.filters .filter-name i {  display: block; margin-top: 0.2em; font-size: 1.14em; color: #9c9a9a; height: 1em; width: 1em; line-height: 1em; text-align: center; }
.filters p { margin-bottom: 0; }
.filters .filter-param { padding: 1em; border-bottom: 1px solid #F2F2F2; } 
.filters .filter-param:last-child { border-bottom: 0; }
.filters .filter-param label { display: block; font-size: 1em; line-height: 1em; margin: 0.4em 0; clear: both; }
.filters .filter-param label .icon16 { vertical-align: middle; margin: 0 0.25em 0 0; }
.filters .filter-param label input { display: none; }
.filters .filter-param label .checked { color: #A5A5A5; background: #fff; font-size: 1.250em; width: 0.8em; height: 0.8em; line-height: 0.8em; text-align: center; float: left; border-radius: 2px; transition: all .2s linear; 
	border: 1px solid #fff;
    box-shadow: 0 0 0 1px #E0E0E0;
	margin-left: 1px;
}
.filters .filter-param label:hover .checked { box-shadow: 0 0 0 1px #4285f4; }
.filters .filter-param label .checked::before { content: ''; transition: all 0.2s; }
.filters .filter-param label .cont { display: block; margin-left: 2em; line-height: 1.250em; }
.filters .filter-param label .cont span { line-height: 1.2em; display: inline-block; white-space: normal!important; }
.filters .filter-param label input:checked + .checked::before { content: '\e92b'; font-size: 0.8em; font-family: var(--icon-font); color: #2a7ed5; text-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 -1px rgba(255, 255, 255, 0.5), 1px 0 rgba(255, 255, 255, 0.5), -1px 0 rgba(255, 255, 255, 0.5); line-height: inherit; vertical-align: top; }
.filters .filter-param label:not(:hover) input:checked + .checked { box-shadow: 0 0 0 1px #2a7ed5; }
.filters .filter-param label.disabled { opacity: 0.4; }
.filters .filter-param label.hide { display: none; }
.filters .filter-param label.hide.active { display: block !important; }
.filters .slideblock { padding-top: 2em; }
.filters .slider { font-weight: 300; position: inherit; }
.filters .slider .sign { font-size: 0.9em; }

.filters-toggle-wrapper { display: none; }
.filters-toggle-wrapper a { text-decoration: none; font-size: 14px; }
.filters .filters-bottom { padding: 1em; text-align: center; }
.filters .filters-bottom ul { margin: 0; }
.filters .filters-bottom ul li { margin: 0; width: 100%; display: inline-block; vertical-align: top; }
.filters .button.white { width: 100%; box-sizing: border-box; }
@media only screen and (max-width:600px) {
    /*.filters .filters-form-wrapper { display: none; }*/
}

/* Filters slider */
.filters .ui-slider,
.filter-slider { position: relative; height: 4px; margin: 1em 0; display: block; border-radius: 4px; cursor: pointer; }
.filters .ui-slider-horizontal { height: 4px; border: none; }
.filters .ui-slider-horizontal .ui-slider-handle { position: absolute; transition: color 0.2s; font-size: 1em; display: block; outline: none; border: 0; }
.filters .ui-slider-horizontal .ui-slider-handle,
.filters .ui-slider-horizontal .ui-slider-handle.ui-state-focus { line-height: 1em; top: -.4em; height: 1em; width: 1em; z-index: 0; }
.filters .ui-slider-horizontal .ui-slider-handle:last-child { margin-left: -1em; }
.filters .ui-slider-horizontal .ui-slider-handle.ui-state-hover { }
.filters .ui-slider-horizontal.ui-widget-content { background-color: #ececec; }
.filters .ui-slider-horizontal .ui-widget-header { background: #2a7ed5; height: 4px; position: relative; z-index: 0; }
.filters .ui-widget-content .ui-state-default { outline: none; cursor: w-resize; background: #2a7ed5; border-radius: 50%; text-align: center; text-decoration: none; }

/* Category */
.title-block { margin: 2.8rem 0 1.68rem 0; }
.title-block h1 { margin: 0; }
.sorting { margin-bottom: 2rem; padding: 1em; }
.sorting .menu-h { margin: 0 .5em; }
.sorting .menu-h li { margin-bottom: 0; }
.sorting .menu-h li a { font-weight: 500; color: inherit; }

ul.product-nav { font-size: 1.1em; list-style: none; padding-left: 0; }
ul.product-nav li { padding-right: 20px; display: inline-block; line-height: 1.8em; }
ul.product-nav li a { padding: 2px 5px; }
ul.product-nav li.selected a { background: #eed; }

/* Product reviews */
table.rating-distribution { border: 0; }
table.rating-distribution tbody>tr>* { width: auto; }
table.rating-distribution td { padding: 2px 15px 2px 0; border: none; }
table.rating-distribution td .bar { background: #eee; width: 200px; height: 13px; }
table.rating-distribution td .bar .filling { background: #f7c854; height: 13px; }
span.rating { white-space: nowrap; }

.write-review { margin: 30px 0 40px; }

.review { margin: 0; padding: .5em 1em 1.5em; border-bottom: 1px solid #eee; }
figure.review { text-align: left; }
ul li:last-child .review { border-bottom: 0; }
.review .summary { font-size: 0.9em; color: #777; }
.review .summary h6 { color: #000; font-size: 1.1em; margin-bottom: 0.3em; }
.review .summary a.username { color: #777; }
.review .summary a.username:hover { color: red; }
.review .summary a { display: inline; padding: 0; }
.review .summary .date { color:#aaa; }
.review p { margin-top: 5px; margin-bottom: 5px; line-height: 1.3em; }
.review .actions a { padding: 0 !important; }


.reviews { margin-bottom: 20px; }
.reviews ul { margin-left: 0; padding: 0; list-style: none; }
.reviews ul li ul { padding-left: 35px; }
.reviews ul li ul li .review h6 { color: #555; }
.reviews ul li .review-form { padding: 20px 0 0; }
.reviews ul li .review-form textarea { min-height: 100px; }
.reviews ul .in-reply-to { background: #eee; margin: -1.5em 0 0; /*padding: 8px 35px 0 8px;*/ position: relative; }
.reviews ul .new { background: #ffc; margin: -8px -8px 22px; padding: 8px 35px 8px 8px; }
.reviews ul.menu-h.auth-type { padding: 0 0 40px; margin-left: -5px; }
.reviews ul.menu-h.auth-type li { padding-right: 10px; }
.reviews ul.menu-h.auth-type li a { padding: 5px 6px; }
.reviews ul.menu-h.auth-type li a img { top: 0; }
.reviews textarea { height: 100px; min-height: 100px; margin-top: 0; }

.review-form { padding: 0; margin-bottom: 30px; }
.review-form h4 { margin: 0 0 20px; font-weight: normal; }
.review-form-fields p { margin: 0 0 10px; }
.review-form-fields p.review-field a { display: inline; line-height: 1; padding: 0; text-decoration: none; }
.review-form-fields label { width: 160px; display: block; float: left; margin: 0 10px 0 0; color: #aaa;}
.review-form-fields input[type="text"] { width: 100%; max-width: 20em; }
.review-form textarea { min-width: 70%; max-width: 100%; min-height: 160px; box-sizing: border-box; }
.review-form .userpic { width: 20px; height: 20px; float: left; margin-right: 5px; border-radius: 50%; }
.review-form ul.menu-h.auth-type { padding-bottom: 20px; }
.review-form ul.menu-h.auth-type li { vertical-align: middle; }
.review-form ul.menu-h.auth-type li a img { float: left; margin-right: 3px; position: relative; top: 2px; }
.review-form label { font-size: 0.875em; width: 160px; display: block; float: left; margin: 0 10px 0 0; color: #AAA; }
.review-form .review-submit { margin-top: 20px; }
.reviews span.rate { line-height: 1.3em; display: block; margin: 0.5em 0; }
.reviews span.rate a { text-decoration: none !important; }
.reviews span.rate .icon10 { background-repeat: no-repeat; background-image: url(../../../../wa-content/img/icon10.png); height: 10px; width: 10px; display: inline-block; text-indent: -9999px; }
.reviews span.rate .icon10.star { background-position: -60px -40px; }
.reviews span.rate .icon10.star-empty { background-position: -80px -40px; }
@media (min-width: 601px) {
    .review-form .review-submit { padding:0 0 20px 170px; }
}

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }

.review-form .service-agreement-wrapper { width:100%; margin-bottom:14px; }
.review-form .service-agreement-wrapper .errormsg { margin-left: 0px; }

/*.review-form-fields label { width: auto; float: none; }
.review-form-fields input { width: 80%; }
.review-form textarea { width: 100%; }
.review-form .review-submit { padding-left: 0; }
.review-form .wa-captcha img { margin-bottom: 10px; }*/

/* Stars */
.icon-star.star, .icon-star.star-full { color: #f1d93d; }
.icon-star.star-hover, .icon10.star-hover:before, .icon16.star-hover:before { /*opacity: 1;*/ }
.icon-star.star-empty, .icon10.star-empty:before, .icon16.star-empty:before { color: rgba(181, 181, 181, 0.46)!important; }

.icon10.star, .icon16.star, .icon10.star-empty, .icon16.star-empty, .icon10.star-hover, .icon16.star-hover, .icon16.star-half { height: auto; width: auto; margin: 0; }
.icon16.star-half:before, .icon16.star:before,
.icon10.star:before, .icon16.star:before,
.icon10.star-empty:before, .icon16.star-empty:before,
.icon10.star-hover:before, .icon16.star-hover:before { content: '\e928'; font-style: normal; font-family: 'unimold' !important; speak: none; }

.badge { height: 45px; width: 45px; background: #a1fcff; position: absolute; text-align: left; top: -5px; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.badge:before { height: 45px; width: 45px; background: inherit; content:""; position: absolute; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.badge:after { height: 45px; width: 45px; background: inherit; content:""; position: absolute; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
.badge span { color: #000 !important; font-weight: bold; position: absolute; z-index: 1983; top: 17px; left: -2px; right: -2px; transform: rotate(-13deg); -webkit-transform: rotate(-13deg); -moz-transform: rotate(-13deg); -o-transform: rotate(-13deg); font-size: 1em; text-align: center; overflow: visible; line-height: 1em; }

.badge.new,
.badge.new:before,
.badge.new:after { background: #ff4; color: #000; }
.badge.low-price,
.badge.low-price:before,
.badge.low-price:after { background: #ffc2e3; color: #300; }
.badge.bestseller,
.badge.bestseller:before,
.badge.bestseller:after { background: #74ff30; color: #030; }
.badge.bestseller span { display: none; }
.badge.bestseller:after { background-image: url('img/thumb-up.png'); background-size: 32px 32px; background-position: 6px 4px; background-repeat: no-repeat; }

/* Cart items
------------- */

.cart div.row { min-height: 23px; padding-top: 20px; }
.cart .col.item-thumb { min-width: 55px; }
.cart .col.item-thumb img { position: absolute; margin-top: 0; width: 48px; height: 48px; }
.cart .col.item-remove { float: right; }
.cart .col.total { font-size: 1.8em; font-weight: bold; }
.cart .col.services { margin-top: 5px; }
.cart .col.cart-coupon { min-height: 1px; }
.cart .col.cart-coupon .cart-have-coupon-link { display: inline-block; float: right; }
.cart .cart-total-title { text-align: center;}
.cart .empty-block { min-height: 1px;}
.cart .title-padding { line-height: 25px;}

.cart .col.cart-coupon .errormsg { display: inline-block; margin: 0; }
.cart .related { padding: 15px; background: #eee; border-top: 0; margin-bottom: 10px; margin-top: 0; }
.cart .related h4 { font-weight: normal; color: #777; }
.cart input.qty { max-width: 50px; text-align: right; }
.cart .affiliate { text-align: center; padding: 20px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); }
.cart .featured-shipping-and-payment img { margin-right: 5px; }

.cart-checkout { margin-top: -10px; }

.your-cart-is-empty { padding: 50px; text-align: center; }

.cart #use-coupon { margin-left: 5px; white-space: nowrap; }
.cart .row #apply-coupon-code { margin-left: 20px; float: right; }

/* Checkout */

.checkout { margin: 20px 0 0; }
.checkout select { max-width: 264px; }
.checkout-header { margin: 0; color: #999; background: #fff; padding: 20px; }
.checkout-header h3 { margin-bottom: 0; }
.checkout-header h3 a { text-decoration: none; color: #777; font-weight: normal; }
.checkout-header h3 a:hover { color: #a00 !important; }
.checkout-header strong { color: #666; }
.checkout ul.checkout-options { padding-left: 25px; }
.checkout ul.checkout-options li { list-style: none; position: relative; margin-bottom: 50px; clear: both; }
.checkout ul.checkout-options li h3 { font-weight: bold; margin-bottom: 10px; }
.checkout ul.checkout-options li h3 label { margin-right: 10px; }
.checkout ul.checkout-options li .rate { float: right; text-align: center; width: 250px; }
.checkout ul.checkout-options li p { width: 70%; font-size: 0.85em; }
.checkout ul.checkout-options li input[type="radio"] { position: absolute; top: 4px; left: -25px; }
.checkout ul.checkout-options li label input[type="radio"] { top: 7px; }
.checkout ul.checkout-options li img.method-logo { position: relative; float: left; margin-right: 10px; top: -6px; left: 0px; /* adjusted for default 60x32-px logos */ }
.checkout ul.checkout-options li .wa-form { margin-top: 0px; margin-bottom: 30px; }
.checkout ul.checkout-options li .wa-form label input[type="radio"] { position: static; }

.checkout .checkout-result { padding: 60px 0 20px; background: #fff; text-align: center; }
.checkout .checkout-result h1 { font-size: 4em; margin-bottom: 50px; font-weight: bold; }
.checkout .checkout-result .welcome { margin-top: -80px; padding-top: 280px; }
.checkout .checkout-result.error h1 { color: red; }
.checkout .checkout-result .wa-form { margin: 10px auto 20px; width: 400px; float: none; text-align: left; }
.checkout .checkout-result .back { margin-top: 50px; }
.checkout { padding: 0; }
.checkout h2 { padding: 15px 20px 18px; font-weight: normal; margin: 0; background: #f3f3f3; margin-top: 10px; }
.checkout h2 a { text-decoration: none; color: #000; }
.checkout h2.upcoming a:hover { color: #000 !important; cursor: default; }
.checkout h2 a.hint { font-size: 0.6em; color: #aaa; text-decoration: none; margin-top: 2px; }
.checkout h2 a.hint strong { text-decoration: underline; }

.checkout .checkout-step.is-done .step-header { position: relative; }
.checkout .checkout-step.is-done .step-header:after { content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: transparent url("img/checkout-done.png") 50% no-repeat; background-size: 30px; }

.checkout .checkout-step-content { padding: 20px; background: #fff; }
.checkout ul { list-style: none; padding-left: 0; margin-top: 0; }
.checkout ul li { font-size: 1.1em; margin-bottom: 5px; }
.checkout ul li input[type="radio"] { margin-right: 3px; }
.checkout #login-form h1 { display: none; }
.checkout input.large { font-size: 1.4em; }
.checkout .comment { width: 100%; height: 100px; margin-bottom: 20px; }
.checkout blockquote img { margin-right: 20px; float: left; border-radius: 50%; }
.checkout blockquote p { margin-bottom: 10px; margin-left: 70px; }
.checkout blockquote p span { color: #000; }
.checkout-step { box-shadow: 0 2px 5px -2px rgba(0,0,0,0.1); }

.checkout .errormsg.inline { display: inline; margin-left: 10px; }

.checkout table.table { width: 100%; }
.checkout table.table td { border: none; }

.checkout .last span.loading {left: -10px}

.checkout .wa-form .wa-field input,
.checkout .wa-form .wa-field select { font-size: 1em; }
.checkout .wa-form .wa-field .wa-name { padding-top: 0.3em; }
.checkout .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.checkout .wa-form .wa-field.wa-field-birthday .wa-value select { margin-right: 5px;  }
.checkout .wa-form .wa-field.wa-field-address p { margin: 0; }
.checkout .wa-form .wa-field.wa-field-address .wa-field-address-zip input { min-width: 100px; width: 20%; }

#checkout-contact-form input[type="checkbox"] { margin: 0; transform: translate(0, 5px); }

/* Dialogs */
.dialog { display: none; }
.dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; filter: alpha(opacity=20); z-index: 998; }
.dialog-window .cart { position: fixed; top: 15%; left: 0; right: 0; opacity: 1; z-index: 999; overflow-x: hidden; margin: 0 auto; text-align: left; width: 100%; max-width: 900px; bottom: 15%; background: #fff; padding: 25px; box-sizing: border-box; }
.dialog-window .cart .added2cart { font-style: italic; }
.dialog-window .cart .purchase { display: block; }
.dialog-window .dialog-close { position: absolute; text-decoration: none; right: 0; top: 0; z-index: 100; float: right; font-size: 200%; color: #fff; background: #2a7ed5; width: 40px; height: 40px; line-height: 40px; text-align: center; }
.dialog-window .dialog-close:hover { color: #fff !important; background-color: #4285f4; }

.options .inline-select { margin-bottom: 15px; }
.options .inline-select a { border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; margin: 0 5px 5px 0; display: inline-block; padding: 3px 7px; background: #f2f2f2; text-decoration: none; font-weight: bold; position: relative; min-width: 22px; text-align: center; }
.options .inline-select a:hover {  }
.options .inline-select a .color_name { display: none; position: absolute; bottom: -22px; left: 50%; font-size: 0.6em; color: rgba(0,0,0,0.7); margin-left: -40px; width: 80px; }
.options .inline-select a .color_checkmark { display: none; position: absolute; top: 7px; left: 10px; }
.options .inline-select a.selected { border-color: transparent; color: #fff !important; background: #4285f4; }
.options .inline-select a.selected .color_name { display: block; }
.options .inline-select a.selected .color_checkmark { display: block; }

.message-box { width:auto; max-width:320px; position:fixed; top:0; right:10px; margin-left:10px; z-index:9999; }
.message { padding:10px; margin-top:10px; background-color:#323232; padding:10px 25px; font-size: 1rem; font-weight:300; color:#fff; line-height:1.3em; border-radius: 3px; }
.message a { color: #a6caf5; }
.message .flex .icon { margin-right: 1em; }