/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable toh1, .h1
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_modern
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

:root{
    /*--main-color: hsl(187, 100%, 42%);*/
    --main-color: #2e1a6a;
    --main-color-500: #09021e;
    --main-color-200: #cebeff;
    --color-white: #fff;
    --color-black: #111;
    /*--header-icon-padding: 15px;*/
    --header-icon-padding: 0px;
    --text-micro: 1rem;
    --text-tiny: clamp( 1.0625rem, calc(1.0416666667rem + 0.0694444444vw), 1.125rem );
    --text-small: clamp( 1.125rem, calc(1.0833333333rem + 0.1388888889vw), 1.25rem );
    --text-medium: clamp( 1.25rem, calc(1.2083333333rem + 0.1388888889vw), 1.375rem );
    --text-large: clamp( 1.375rem, calc(1.1666666667rem + 0.6944444444vw), 2rem );
    --text-huge: clamp( 1.75rem, calc(1.4166666667rem + 1.1111111111vw), 2.75rem );
    --text-mega: clamp( 2.75rem, calc(1.8636363636rem + 2.9545454545vw), 6rem );
    --space-nano: 0.5rem;
    --space-micro: 1rem;
    --space-tiny: clamp( 1.25rem, calc(1.1666666667rem + 0.2777777778vw), 1.5rem );
    --space-small: clamp( 1.5rem, calc(1.3333333333rem + 0.5555555556vw), 2rem );
    --space-medium: clamp( 2rem, calc(1.6666666667rem + 1.1111111111vw), 3rem );
    --space-large: clamp( 3rem, calc(2.6666666667rem + 1.1111111111vw), 4rem );
    --space-huge: clamp( 4rem, calc(3.3333333333rem + 2.2222222222vw), 6rem );
    --space-mega: clamp( 6rem, calc(5.3333333333rem + 2.2222222222vw), 8rem );
    --outline-width: 0.125rem;
    --border-radius: 0.375rem;


    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px;
}

html{scroll-padding-top: 8rem;}




@font-face {
    font-family: 'icoMoon';
    src: url('../../../standard/default2/fonts/icomoon/icomoon.eot');
    src: url('../../../standard/default2/fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('../../../standard/default2/fonts/icomoon/icomoon.woff') format('woff'), url('../../../standard/default2/fonts/icomoon/icomoon.ttf') format('truetype'), url('../../../standard/default2//fonts/icomoon/icomoon.svg') format('svg');
}

@font-face {
    font-family: 'icoMoonCustom';
    src: url('../fonts/icomoon/icomoon.eot');
    src: url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/icomoon/icomoon.svg') format('svg');
}

.btn-remove:after,
.MagicThumb-buttons a:after,
.product-navigation .buttons a:after,
.product-tabs li:after,
.social li a:after,
.product-view .product-shop .add-to-links li:after,
.product-view .product-img-box .product-image a:before,
.configurable-stock-container .configurable-stock:after,
.product-view .product-shop .availability:after,
.cart-table .btn-update span span:after,
.cart-table .btn-continue span:before,
.cart .discount .buttons-set button.button span span:after,
.header-container .header .top .form-search button:after,
.flex-direction-nav a:after,
select:after,
.menu-toggle:after,
.header-container .header .top .form-search .show button.button:after,
#nav li > a:after,
#nav li:after,
.close-menu:after,
.account-mobile-nav:after,
.modal-container .modal.block-login .modal-content .block-content .actions button.button > span:after,
.header-container .header .top .account.opened .account-icon:before,
.col-main .products-grid li.item .item-info .button-set .info:after,
.sidebar .recently-viewed-products.loading:after,
#to-top:after,
.product-view .toggle-review span:after,
.checkout-additionals h4:after,
.form-search button.button:after,
.header-container .header .top .form-search .toggle-search:after,
.pager .pages .icon span:after,
.category-products .filter-toggle:after,
.filter-slide .close-filter:after,
.store-box div:before,
.store-box .read-more:after,
.find-store button.search-store-btn:after,
.find-store div.reset-search-btn:after,
div[class*="-wrapper-modal"] .stock-content .menu-line .back:before,
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:before,
#shipping-methods-block .view-all-stores:after, div[class*="-wrapper-modal"] .stock-content .view-all-stores:after,
div[class*="-wrapper-modal"] .stock-content li.store .store-check.checked:after,
#shipping-methods-block li.store .stock-label .delivery-time.out-of-stock:after, div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time.out-of-stock:after,
div[class*="-wrapper-modal"] .stock-content li.store .store-check:after,
#shipping-methods-block li.store .select:after,
.modal-container .modal .back:before,
#change-store-modal .store.checked:after,
#shipping-methods-block .out-of-stock-notice .close:after,
div[class*="-wrapper-modal"] .out-of-stock-notice .close:after
{
    /*font-family: FontAwesome;*/
    font-family: icoMoon;
    position: absolute;


    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.header-container .header .top .account > a:after,
.cart-header .cart-icon:after,
.select-store:after,
.custom-navigation a:after,
.amconf-size .amconf-image-container:before,
.add-to-cart button.button:before,
.store-locator-btn:before,
.stock-status:after,
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:after,
#shipping-methods-block li.store .quantity:after,
div[class*="-wrapper-modal"] .stock-content li.store .quantity:after,
.store-stocks li .stock-status .delivery-time:after,
.pages .arrow a:after
{
    /*font-family: FontAwesome;*/
    font-family: icoMoonCustom;
    position: absolute;


    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ======================================== Reset ========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

* { margin:0; padding:0; }
html, body{min-height: 100%;}

body          { background:#ededed; font-family: "Roboto", "Helvetica", "Verdana"; color:#000; text-align:center; margin:auto; }


img           { border:0; vertical-align:top; max-width: 100%;}

a             { color: #000; text-decoration:none; border-bottom: 1px solid #000; padding-bottom: 1px; font-weight: bold;}
a:hover       { text-decoration: none; border-bottom-color: #888;}
:focus        { outline:0; }

.cms-page-view .main-container .image_link,
.footer .image_link   {border-bottom: none!important; padding: 0!important; margin: 0!important; line-height: 1!important; display: initial!important;}



/* Headings */
h1, .h1     { font-size:2.1rem; font-weight:bold; line-height:1.8em; margin-bottom: 1.4rem;}
h2, .h2     { font-size:1.6rem; line-height:1.25; margin-bottom: 1rem; font-weight: bold;}
h3, .h3     { font-size:1.3rem; line-height:1.2; margin-bottom: 1rem; }
h4, .h4     { font-size:1.05rem; line-height:1.35; margin-bottom: 1rem;; }
h5, .h5     { font-size:1.05rem; line-height:1.35; margin-bottom: 1rem; }
h6, .h6     { font-size:1rem; line-height:1.35; margin-bottom: 1rem; }

h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 1.8rem;
}

.ves-container .product-wrapper .list-title.list-title.h2, .ves-container .ves-inner .block-title.block-title, .ves-container.ves-container h2 {
    font-size: 1.8em;
}

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
.data-table         { border:0; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 1.6em; color: #3f3f3f; line-height: 1.5;}
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.8em; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small         { font-size:1em; }
big           { font-size:1.15em; }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d2d2d2;
    margin: 1em 0;
    padding: 0;
}


/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.pointer      {cursor: pointer;}
.clearer      {clear:both; float:none;}
.t-left       {text-align: left;}
.t-right      {text-align: right;}
.line-break   {display: none;}
/* ======================================================================================= */


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ======================================= Layout ========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.wrapper {min-height: 100%;}
.page {text-align:left; box-sizing: border-box; -moz-box-sizing: border-box;}
.main { width:1450px; max-width: 100%; margin:0 auto; padding: 0 50px;}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left;  box-sizing: border-box; -moz-box-sizing: border-box;}
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container {position: relative; z-index: 997; background: #fff;/*padding-top: 90px;*/}
.main {position: relative;}
#to-top{
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #fff;
    border: 1px solid #8E8181;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 999;
    opacity: 0;
}

#to-top.mobile-only{display: none;}
#to-top.show{opacity: 1;}
#to-top.show:after{
    content: '\ea3a';
    position:relative;
    color: #e096;
    font-size: 1.4em;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Base Columns */
.col-left { width: 300px;  padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box;}
.col-main { flex: 1; box-sizing: border-box; -moz-box-sizing: border-box; }
.col1-layout .col-main.col-main,
.col-main.col-main {padding-top: 25px; padding-bottom: 20px;}
.col-right { float: right; width: 22%; box-sizing: border-box; -moz-box-sizing: border-box;}


.col-left:after{left: 22%;}
.col-right:after{right: 22%;}

/* 1 Column Layout */
.col1-layout .col-main {width: 900px; float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .main{display: flex; flex-direction: row-reverse; flex-wrap: wrap;}

/* 3 Columns Layout */
.col3-layout .col-main { width:56%; padding-right: 40px; float: none; display: inline-block;}

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:none; width:32%;}
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }


.before-content{position: relative; z-index: 1;}
/* ======================================================================================= */



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =================================== Global Styles ======================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */


/* Form Elements */
input,select,textarea,button { vertical-align:middle; color:#71787b; }
input.input-text,select,textarea { background:#fff; border:1px solid #c2c2c2; height: 33px; line-height: 33px; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 0.92em; }
input.input-text,textarea { padding:0px 15px; }
select {

    font-size: 0.92em;
    line-height: 1;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-padding-end: 30px;
    -webkit-padding-start: 15px;
    padding-left: 15px;
    padding-block: 6px;
    -webkit-user-select: none;
    background-color: #EEEEEE;
    border: none;
    background-image: url('../images/select-icon.svg');
    background-position: calc(100% - 8px) center;
    background-size: 15px;
    background-repeat: no-repeat;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}
input.input-text:disabled{background: #eee;}
select:after{
    content: '\f190';
}

select option { padding-right:10px; width: 100%; background-color: #eee; color: #424242;}
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:1px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right: 10px; /*height: 1.3em;*/ vertical-align: inherit; }
input.radio + label { line-height: 1.3em; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em; padding: 0 5px; text-align: center; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

::-webkit-input-placeholder{
    color: hsl(0 0% 50%)

}
:-moz-placeholder{
    color: hsl(0 0% 50%);
}
::-moz-placeholder{
    color: hsl(0 0% 50%);
}
:-ms-input-placeholder {
    color: hsl(0 0% 50%);
}

a.button,
button.button {
    position: relative;
    font-size: 1.1em;
    /*line-height: 30px;*/
    color: #fff;
    background: #78A7B8;
    border: none;
    line-height: 40px;
    padding: 5px 30px;
    text-align: center;
    cursor: pointer;
    max-width: 100%;
    border-radius: 3px;
    display: inline-block;
}

a.button:hover,
button.button:hover
{
    inset: 0 0 0 1000px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
}
button.disabled{ }
button.button.btn-cart,
button.button.btn-checkout{ background: #38AE6B!important; color: #fff!important }

button.button.btn-cart:hover,
button.button.btn-checkout:hover{
    inset: 0 0 0 1000px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
}


p.control input.checkbox,
p.control input.radio { margin-right:6px; }

/* Form lists */
/* Grouped fields */
.form-list { width: 100%; max-width: 900px; margin: auto; }
.form-list li.hide{visibility: hidden; height: 0; overflow: hidden; padding: 0; margin: 0;}
.form-list li { margin:0 0 20px; }
.form-list label { float:left; color:#000; font-weight:600; position:relative; z-index:0; margin-bottom: 5px; line-height: 1.8em; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-7px; }
.form-list li.control label { float:none; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; width:100%; }
.form-list .field { float:left; width:50%; box-sizing: border-box; -moz-box-sizing: border-box; }
.form-list .fields .field { padding-left: 5px; }
.form-list .fields .field:first-child { padding-left: 0; padding-right: 5px; }
.form-list input.input-text { width:100%; }
.form-list textarea { width:100%; height:10em; }
.form-list select { width:100%; }
.form-list li.wide .input-box { width:100%; }
.form-list li.wide input.input-text { width:100%; }
.form-list li.wide textarea { width:100%; }
.form-list li.wide select { width:100%; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }

.form-list-narrow li  { margin-bottom:0; }
.form-list-narrow li .input-box { margin-bottom:6px; }
.form-list-narrow li.wide .input-box { width:260px; }
.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea { width:254px }
.form-list-narrow li.wide select { width:260px; }

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size: 1em; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

.buttons-set { clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; }
.buttons-set p.required { margin:0 0 10px; }
.buttons-set .back-link { float:left; margin:0; }

.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:5px 7px 0 0; }

.fieldset { margin:0 10px 25px; }
.fieldset .legend {
    text-align: left;
    border-bottom: 2px solid #C8C8C8;
    padding-bottom: 7px;
    margin-bottom: 20px;
    display: block;
    font-size: 1.091em;
    font-weight: 600;
    text-transform: uppercase;
}

/* Form Validation */

.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size: 1em; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 3px no-repeat; color:#eb340a; }
.validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size: 1em; text-align:right; color:#ccc; }

/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages{margin-top: 15px!important;}
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 40px !important; }
.messages li li { margin:0 !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important;   padding: 13px 12px !important; font-size: 1em !important; font-weight:400; font-size: 1.1em; }
.error-msg { border-color:#CA3434; background-color:#fff; color:#C53939;}
.success-msg { border-color:#3AB284; background-color:#fff; color:#49692B; }
.note-msg,
.notice-msg { border-color:#4364A0; background-color:#fff; color:#33729E; }

/* BreadCrumbs */
.breadcrumbs{text-align: left; margin: 0 0 25px 0; display: block; font-weight: 200;}
.breadcrumbs a { color:#000; border: none; }
.breadcrumbs li { display:inline; font-size: 0.85rem;}
.breadcrumbs li strong { color: #989898; }
.breadcrumbs span { color: #5C5C5C; padding: 0 2px; }
.nwtkco-checkout-index .breadcrumbs{display: none;}

/* Page Heading */
.page-title { width:100%; overflow:hidden; margin:0 0 16px; }
.page-title :is(h1,h2) { font-size: 2.091em;  }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons :is(h1,h2,h3,h4,h5,h6){ float:left; }

.subtitle,
.sub-title {
    line-height: 38px;
    font-size: 28px;
    color: #777777;
}

p > .subtitle:last-of-type{margin-bottom: -1em; display: block;}

/* Toolbar */
.toolbar-top {position: relative;}
.toolbar-top .toolbar.filter_visible{position: relative;}
.toolbar .pager {padding-top: 30px;}
.toolbar .sorter {}
.toolbar .pager-container { display: none; }
.toolbar .product-count { display: none; }
.toolbar-bottom .toolbar .product-count { display: block; }
.toolbar-bottom .pager-container { display: block; width: 100%;}


.toolbar-bottom .limiter {display: none;}

.manufacturers-view-index .toolbar-top{min-height: 50px;}

/* Pager */
.pager { font-size: 1em;  padding:10px 8px;  text-align:center; }
.pager .per-page,
.pager label { font-weight: 200; padding-right: 10px; display: none;}
.pager .amount { }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; display: none;}
.pager .limiter select { vertical-align:middle; }
.pager .pages { margin:0 20px; }
.pager .pages .arrow {margin-top:1px;}
.pager .pages .arrow a{padding-bottom: 0;}
.pager .pages .arrow a:after{font-size: 1.2em; position: static;}
.pager .pages .arrow.disabled a{cursor: auto; opacity: .3;}
.pager .pages .next:after{content: "\e90a";}
.pager .pages .previous:after{content: "\e905";}
.pager .pages strong { display: none; }
.pager .pages ol { display:flex; align-items: center; justify-content: center;}
.pager .pages .icon {margin: 0 10px;}
.pager .pages .icon span:after{position: relative;}
.pager .pages li.icon {color: #c9c9c9;}
.pager .pages li a{font-weight: normal;}
.pager .pages li a span{color: #000;}
.pager .pages li span{display: flex; align-items: center;}
.pager .pages li.next span:after{content: '\e91f';}
.pager .pages li.prev span:after{content: '\e948';}
.pager .pages .current.loading:after{
    content: '';
    position: absolute;
    background: url('../images/page-spinner.png') no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%;
    left: 0px;
    top: 1px;

    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}

.toolbar-bottom select
    /* Sorter */
.sorter { font-size: 1em; padding:3px 8px;}
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; }
.sorter .link-feed {}



/* Data Table */
.data-table { width:100%; }
.data-table tr.odd  { background:#fff }
.data-table tr.even { background:#FAFAFA; }
.data-table tbody tr.last th,
.data-table tr.last td { border-bottom:0;   }
.data-table th { padding:2px 8px; font-size: 1em; text-transform:uppercase; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a { color:#fff; }
.data-table td { padding:3px 8px; }

.data-table thead,
.data-table thead tr { background: #F2F2F2;  }
.data-table thead tr th { color: #000; font-size: 0.92em; font-weight: 700; text-transform: uppercase; padding: 12px; }

.data-table tfoot { border-bottom:1px solid #d9dde3; }
.data-table tbody th { font-size: 1em; font-weight:bold; text-transform:none; white-space:normal; }
.data-table tbody th,
.data-table tbody td { border-bottom:1px solid #e9e9e9; padding: 12px; }
.data-table tfoot strong { font-weight: 600; }


/* Bundle products tables */
.data-table tbody.odd tr { background:#fff; }
.data-table tbody.even tr { background:#fcfcfc; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

/* Generic Info Box */
.info-box { margin:0 0 15px; }
.info-box h2 { font-size: 1.182em; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; }

.info-table th { font-weight:bold; padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }

/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }

/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -53px; }

/* Class: std - styles for admin-controlled content */
body:not(.cms-index-index) .std .subtitle { padding:0; }
body:not(.cms-index-index) .std ol.ol { list-style:decimal outside; padding-left:1.5em; }
body:not(.cms-index-index) .std dl dt { font-weight:bold; }
body:not(.cms-index-index) .std dl dd { margin:0 0 10px; }
body:not(.cms-index-index) .std ul,
body:not(.cms-index-index) .std ol,
body:not(.cms-index-index) .std dl,
body:not(.cms-index-index) .std p,
body:not(.cms-index-index) .std address,
body:not(.cms-index-index) .std blockquote { margin:0 auto 1em; padding:0; }
body:not(.cms-index-index) .std ul ul { list-style-type:circle; }
body:not(.cms-index-index) .std ul ul,
body:not(.cms-index-index) .std ol ol,
body:not(.cms-index-index) .std ul ol,
body:not(.cms-index-index) .std ol ul { margin:.5em 0; }
body:not(.cms-index-index) .std dt { font-weight:bold; }
body:not(.cms-index-index) .std dd { padding:0 0 0 1.5em; }
body:not(.cms-index-index) .std blockquote { font-style:italic; padding:0 0 0 1.5em; }
body:not(.cms-index-index) .std address { font-style:normal; }
body:not(.cms-index-index) .std b,
body:not(.cms-index-index) .std strong { font-weight:bold; }
body:not(.cms-index-index) .std i,
body:not(.cms-index-index) .std em { font-style:italic; }

/* Misc */

.link-cart { font-weight:600; color:#000; }
.link-wishlist { color:#444; }
.link-rss { background:url(../images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }

.btn-remove { display:block; line-height:0; font-size: 0; /*text-indent:-999em;*/ overflow:hidden; border: 0px; padding: 0; cursor: pointer; }
.btn-remove:hover:after{ color: #000; }
.btn-remove:after{ content: '\e043'; text-indent: 0; font-size: 17px; line-height: 17px; position: relative; }

.btn-previous { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(../images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-edit    { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(../images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; }

/* Global site notices */
.global-site-notice { background:#ffffff; font-size: 1em; line-height:1.25; text-align: center; color:#2f2f2f; position:fixed; left: 0px; right: 0px;
    bottom: 0; z-index: 9999999999; box-shadow: 2px 0 2px 0 #2f2f2f;}
.global-site-notice .notice-inner { width: auto; max-width: 100%; margin:0 auto; padding:0; text-align:center; display: flex; text-align: center; justify-content: center;
    align-items: center;}
.global-site-notice .notice-inner p { margin:0;  padding:8px; }
.global-site-notice .notice-inner .actions { padding: 4px; }

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size: 1.091em; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }

/* ======================================================================================= */



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =================================== Store specific ====================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.footer-newsletter,
.store-locator-btn,
.partpayment-price,
.header-container.multirow .header .top .account,
.header-container.multirow .header .top .select-store {display: none!important;}


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ======================================= Header ========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */



.header-container{ position: sticky!important; background: #78A7B8; z-index: 998; width: 100%; left: 0; right: 0; top:0px;}
.header { margin:0 0 12px; position: relative; width:1350px; max-width: 100%; margin:0 auto; text-align:left; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}
.header .logo {position: absolute; left: 0; display: inline-block; text-decoration:none !important; height: 90px; z-index: 998;}
.header .logo > div a{  display: flex; align-items: center; height: 90px; position: relative; border: none; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; }
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
.header .logo a{margin-bottom: 0px;}
.header .logo img{max-height: 100%; width: auto; padding: 15px 0; box-sizing: border-box; -moz-box-sizing: border-box;}
.header .right{display: flex; align-items: center;}
.singlerow .header h1.static-text{ line-height: 75px; }
.multirow  .header h1.static-text{ line-height: 90px; }
/*.header .left{display: none;}*/

/* header icons */

.menu-toggle, .header .right .icon-cart, .header .right .toggle-search, .header .right .form-search, .header .right .search-elements, .header .right .select-store {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


.cart-header .cart-icon:after,
.header-container .header .top .account > a:after,
.select-store:after,
.menu-toggle:after,
.header-container .header .top .form-search .toggle-search:after{font-size: 22px; color: #fff; display: block; width: auto; padding: 0 var(--header-icon-padding); position: relative; text-align: center; cursor: pointer;}


.cart-header {position: relative;}
.cart-header .cart-icon:hover{border-bottom: 0; text-decoration: none;}
.cart-header .cart-icon:after{content: '\e906'; font-size: 20px; margin-left: 10px;}
.header-container .header .top .account > a:after{ content: '\e904' }
.select-store:after{content: '\e903'; color: #fff;}
.form-search button.button,
.form-search button.button:hover{background: #fff; padding: 0 10px;}
.form-search button.button:after{content: '\f008'; font-size: 1.1em; color: #000; position: relative!important}
.header-container .header .top .form-search .toggle-search{display: none;}
.header-container .header .top .form-search .toggle-search:after { content: '\f008'; font-size: 1.1em;}

.header-container .header .top .account > a{position: relative;}
.header-container .header .top .account .block-account{
    display: none;
    position: absolute;
    right: 0px;
    top: 100%;
    text-align: center;
    background: #fff;
    border: 1px solid #E0E0E0;
    z-index: 995;
}
.header-container .header .top .account.opened .block-account{display: block;}
.header-container .header .top .account.opened .account-icon:before{
    content: '\f0aa';
    width: 100%;
    text-align: center;
    bottom: -1px;
    height: 9px;
    font-size: 1.5em;
    color: #fff;
    z-index: 1;
}

.header-container .header .top .account .block-account .block-title{
    display: none;
}
.header-container .header .top .account .block-account a{font-size: 0.92em;}


.header-container.has-quick-access + .main-container { margin-top: 23px; }

.header-container .header .top .form-search {margin-right: var(--header-icon-padding);}


.header-container .header .top .block-login{
    position: absolute;
    right: 0px;
    top: 100%;
    width: 250px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}



.modal-container .modal.block-login .modal-content .block-content{padding: 20px 40px 40px;}
.modal-container .modal.block-login .modal-content .block-content input{width: 100%;}
.modal-container .modal.block-login .modal-content .block-content .actions{padding-bottom: 20px; margin: 20px 0;}
.modal-container .modal.block-login .modal-content .block-content .new-customer{font-size: 1.2em;}
.modal-container .modal.block-login .modal-content .block-content .new-customer{font-size: 1.2em;}
.modal-container.loading .modal.block-login .modal-content .block-content .actions button.button span span{margin-right: 5px;}
.modal-container.loading .modal.block-login .modal-content .block-content .actions button.button > span:after{
    content: '\e981';
    opacity: 0.5;
    position: relative;
    vertical-align: middle;
    text-shadow: none;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
    0% { -o-transform: rotate(0deg);}
    100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
    0% { -ms-transform: rotate(0deg);}
    100% { -ms-transform: rotate(360deg);}
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg);}
}

/*content: '\e043';*/




/* One row */

.header-container.singlerow {height: auto;}
.header-container.singlerow .header .logo > div a,
.header-container.singlerow .header .header .logo{height: 75px;}
.header-container.singlerow .header {width: 1416px; right: -32.5px;}
.header-container.singlerow .header .top .account{ float: right; }
.header-container.singlerow .header .top .account > a{display: block; border: none; padding: 0;}
.header-container.singlerow .header .top .account > a:after{ width: 65px; position: relative; border: none; color: #fff;  background: rgba(0,0,0 , 0.1); }
.header-container.singlerow .header .top .cart-header{float: left; position: relative; }
.header-container.singlerow .header .nav-container{ height: 74px; max-width: 1255px; }
.header-container.singlerow .header .top .form-search{margin-right: var(--header-icon-padding);}

@media screen and (min-width:1000px) {
    .header-container.singlerow .header .top .form-search .search-input{ visibility: hidden; position: absolute; right: 65px; left: 100%;  z-index: 1; opacity: 0; z-index: 999; -webkit-transition: all 0.5s, opacity 1s!important; transition: all 0.5s, opacity 0.5s!important; }
    /*.header-container.singlerow .header .top .form-search  button.button{width: 65px;}*/
    .header-container.singlerow .header .top .form-search  .toggle-search{width: 65px;}
    .header-container.singlerow .header .top .form-search .show .search-input{ visibility: visible; left: 0px; opacity: 1; }
    .header-container.singlerow .header .top .form-search .show input.input-text{width: 100%; height: 75px; line-height: 75px;}
    /*.header-container.singlerow .header .top .form-search .show button.button:after {*/
    /*content: '\e043';*/
    /*width: 70px;*/
    /*font-size: 1.6em;*/
    .header-container.singlerow .header .top .form-search .show .toggle-search:after {
        content: '\e043';
        width: 70px;
        font-size: 1.6em;
    }
}

.header-container.singlerow .header .top .form-search .toggle-search{ background: rgba(0,0,0 , 0.1); }
.header-container.singlerow .header .top .form-search .toggle-search:after{color: #fff;}
/*.header-container.singlerow .header .top .form-search button{ background: rgba(0,0,0 , 0.1); }*/
/*.header-container.singlerow .header .top .form-search button:after{color: #fff;}*/



.header-container.singlerow + .main-container {padding-top: 75px;}


.header-container.singlerow .header .top .account > a:after,
.header-container.singlerow .header .top .form-search .toggle-search:after,
.header-container.singlerow .header .top .form-search .toggle-search{ line-height: 75px;}

/*.header-container.singlerow .header .top .form-search button:after,*/
/*.header-container.singlerow .header .top .form-search button.button{ line-height: 75px;}*/

/* Two rows */

.header-container.multirow { background: none; }
.header-container.multirow .header {width: 100%; text-align: center; background: #04010d; }
.header-container.multirow .header .top { position: static; display: flex; padding-block: 10px; align-items: center; justify-content: space-between;  width:1450px; box-sizing: border-box; -moz-box-sizing: border-box; max-width: 100%; position: relative; margin:auto; text-align: left; height: 100%; }
.header-container.multirow .header .top .left{display: none;}
.header-container.multirow .header .top,
.header-container.multirow .header .nav-container #nav{padding: 0 50px;}
.header-container.multirow .header .top .logo{ position: static; }
.header-container.multirow .header .top .account{ position: relative; float: left; }
.header-container.multirow .header .top .account a{display: block; padding: 0; border: none; white-space: nowrap; font-weight: normal;}

.header-container.multirow .header .nav-container { background: #78A7B8; text-align: center; width: 100%; padding: 0px!important;  position: relative;}
.header-container.multirow .header .nav-container #nav {  width: 100%; display: flex; justify-content: space-between; width:1450px; max-width: 100%; margin:auto;  float: none!important; position: relative;  height: 100%; flex-wrap: wrap;}
.header-container.multirow .header .nav-container #nav li.level0 > a{ line-height: 1; padding: 15px 0 20px 0; border-bottom: 2px solid #000;}

/*safari fix */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
    #nav li.level0 > a { font-weight: 500!important; }
}}


/*.header-container.multirow + .main-container#nav li.level0.columns > .column-wrapper { padding-top: 145px; }*/

@media screen and (min-width: 1000px) {
    .header-container .header .top .form-search .search-elements{display: flex; align-items: center;  background-color: hsl(0 0% 100%); width: 200px; border-radius: 4px;}
    .header-container .header .top .form-search .search-input{ flex: 1; }
    .header-container .header .top .form-search input.input-text {border: none; width: 100%; border-radius: 4px; font-size: 1em; color: #9B9B9B; padding: 0 0 0 10px; font-size: 0.85em;}
}
/*.header-container .header .top .form-search button.button{ width: 60px; height: 90px; padding: 0px;  }*/
/*.header-container .header .top .form-search button:after { font-size: 3em; color: #444; text-shadow: none; line-height: 90px; }*/


/*Header:Cart*/
.cart-header.full .cart-icon {position: relative; display: block;}
.cart-header .cart-icon li{display:block;}
.cart-header .cart-icon .count{
    position: absolute;
    right: 5px;
    top: -5px;
    font-size: 0.85rem;
    color: #fff;
    line-height: 18px;
    width: 18px;
    text-align: center;
    background: var(--main-color);
    font-weight: normal;
    border-radius: 50%;
    z-index: 1;
}
.cart-header.full .cart-icon .count{ display: block; }

.cart-header .info:hover{cursor: pointer;}
.cart-header .info a:hover{text-decoration: none;}
.cart-header .info h2{padding: 0px; margin: 0px; text-transform: uppercase; font-size: 1.091em; color: #494949; margin-top: -1px;}
.cart-header .info p{line-height: 8px; color:#8d8d8d;}
.cart-header .info a p{text-transform: none;}

.cart-header .cart-open-wrap{
    position:absolute;
    right: 0px;
    top: 100%;
    padding-top: 35px;
    z-index: 998;
}
.cart-header .cart-open{
    display: none;
    width: 320px;
    top: 100%;
    font-size: 1em;
    z-index: 10000;
    padding-bottom: 5px;
    background: #fff;
    padding: 20px 0;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.cart-header.full .cart-open.hide{display: none!important;}
.cart-header.full .cart-open:hover,
.cart-header.full:hover .cart-open { display: block; }
.cart-header .cart-open li{list-style: none; margin-top: 5px; position: relative; padding: 5px 20px;}
.cart-header .cart-open li:nth-child(even) { background: #FAFAFA; }
.cart-header .cart-open li:last-of-type { margin-bottom: 15px; }
.cart-header .cart-open li .product-details {  padding: 0 20px 0 72px; }
.cart-header .cart-open li a.btn-remove { top: 50%; position: absolute; right: 20px; margin-top: -15px; }
.cart-header .cart-open li a.btn-remove:hover:after { color: #000; }
.cart-header .cart-open li.item .product-image-cart{border: none;}
.cart-header .cart-open li.item .product-image-cart{padding-right: 2px;}
.cart-header .cart-open li.item .product-name a{float:none; white-space: normal; width: 135px; font-size: 1em; border: none; }
.cart-header .cart-open li.item p{font-size: 1em;}
.cart-header .cart-open li.item .subtotal{float: right; padding-top: 15px;}
.cart-header .cart-open .show-entire-cart{padding: 5px 20px;}
.cart-header .cart-open .actions,
.cart-header .cart-open .subtotal{padding: 0 20px;}
.cart-header .cart-open .actions { margin-top: 15px; }
.cart-header .cart-open .subtotal { float: right; margin: 5px 0 0; }


.cart-header .truncated{position: absolute; right: -5px; top: 23px;}
.cart-header .truncated a{font-size: 1em;}

.cart-open .actions button.button {


}
.cart-open .actions button.button:hover {

}

/*cart header end*/

/* search bar*/
.form-search label { float:left; font-size: 1.091em; font-weight:bold; padding:0 5px 0 0; }
.form-search input.input-text {
    background-color: transparent;

}
.form-search input.input-text:focus{
    color: #000;

}
/*.form-search button.button {*/
/*filter:none;*/
/*float: right;*/
/*border:none;*/
/*background-color: transparent;*/
/*width: 35px;*/
/*height: 25px;*/
/*}*/

.form-search .toggle-search {
    filter:none;
    float: right;
    border:none;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
}

/*.header-container .header .top .form-search button:after { content: '\e602'; background: transparent; position: relative!important; }*/

/*.form-search button.button span { height:23px; background-image:url(../images/bkg_btn-small.png); line-height:21px; }*/
.form-search .search-autocomplete { z-index:999; display: none; }
.form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; }
.form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
.form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.form-search .search-autocomplete li.odd { background-color:#f6f6f6; }
.form-search .search-autocomplete li.selected { background-color:#ecf9ea; }


/* quick access menu */

.quick-access-wrapper{width: 100%; background: #eee; height: 23px; line-height: 23px; font-size: 0.8em; text-transform: uppercase; font-weight: 600; overflow: hidden;}
.quick-access-wrapper.hide{margin-top: -23px;}
.quick-access-wrapper .quick-access-menu{width: 1350px; max-width: 100%; margin: auto;}
.quick-access-wrapper .quick-access-menu p{ color: #888; line-height: 23px; margin-bottom: 0px;}
.quick-access-wrapper .quick-access-menu .text-content{display: inline-block;}
.quick-access-wrapper .quick-access-menu .links{float: right;}
.quick-access-wrapper .quick-access-menu ul{height: 23px;}
.quick-access-wrapper .quick-access-menu ul li{margin-left: 20px; float: left;}
.quick-access-wrapper .quick-access-menu a{border: none;}

.singlerow .quick-access-wrapper{height: 27px; line-height: 27px;}
.singlerow .quick-access-wrapper.hide{margin-top: -27px;}


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ===================================== Navigation ======================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.nav-container {
    width: auto;
    /*padding-right: 100px;*/
    display: inline-block;
    float: left;
    background: #78A7B8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}
#nav {
    list-style:none;
    display: inline-block;
    float: left;
    text-align: left;
}

#nav a{ border: 0;}
#nav a:hover{ text-decoration: none; }
#nav li ul li{ height: 0; opacity: 0; }
#nav li.fakeHover ul li,
#nav li:hover ul li{ height: 40px; opacity: 1; }

/* COLUMNS */

#nav li.level0.columns { position: static!important; }
#nav li.level0.columns .menu-category-image{min-width: 35%; max-width: 35%;}
#nav li.level0.columns .menu-category-image img{width: 100%; height: 100%; object-fit: cover;}
#nav li.level0.columns > .column-wrapper
{
    display: none;
    position: absolute;
    left: 50px;
    right: 50px;
    top: 100%;
    text-align:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.04);
    background: #000;
    overflow: hidden;
    z-index: 9999;
    border-top: 1px solid #8d8d8d;
    /*-webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;*/
}
.wrapper.menu-open .page .main-container:after{
    content: '';
    background: rgb(0 0 0 / 62%);
    position: fixed;
    top: 118px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 997;
}

#nav li.level0.columns .column-wrapper > ul.column{max-width: 1351px!important; /*margin: 0 auto!important;*/}
#nav li.level0.columns .column-wrapper > ul.level0 > li{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}


#nav.clickable li.level0.opened .column-wrapper,
#nav:not(.clickable) li.level0:hover .column-wrapper {
    max-height: 1000px; overflow: auto; /*-webkit-transition: max-height 0.6s; transition: max-height 0.6s;*/ display: flex; justify-content: space-between;}
#nav .category-wrapper > .column-wrapper > ul, 
#nav > li:not(.brands) > .column-wrapper > ul{
    -webkit-column-count: initial!important;
    -moz-column-count: initial!important;
    column-count: initial!important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 45px;
}

#nav li.level0.columns .column-wrapper ul.column{margin-left: 30px;}
#nav li.level0.columns .column-wrapper ul.column:first-child{margin: 0;}
#nav li.level0.columns.brands .column-wrapper ul { float: none; flex: 1; padding: 50px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
#nav li.level0.columns .column-wrapper li { -webkit-transition: none;  transition: none; height: auto; width: auto; opacity: 1; /*position: relative;*/ line-height: 1.3em; padding: 2px 0;}
#nav li.level0.columns .column-wrapper li.level1 { float: left; }
#nav li.level0.columns .column-wrapper li a{color: #fff; /*text-transform: uppercase;*/}

#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0 { width: 100%!important;  padding: 25px 40px; position: relative;}
#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0:before{content: ''; height: 3px; width: 100%; position: absolute; top: 0; top: 25px; background: #000;}
#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0 > li {float: none; /*display: inline-block;*/ vertical-align: top; min-width: 170px; padding-top: 9px;}
#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0 > li > a{ border-bottom: 1px solid var(--main-color); padding-bottom: 9px;}
#nav li.level0.columns .column-wrapper > ul.level0 > li > a {font-weight: bold; /*padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #B6B6B6;*/ }
#nav li.level0.columns .column-wrapper > ul.level0 > li > a:hover {color: var(--main-color);}
#nav li.level0.columns.brands .column-wrapper > ul.level0 > li > a {font-weight:normal;}
#nav li.level0.columns .column-wrapper li > a > span {width: 170px; display: block;}
#nav li.level0.columns .column-wrapper > ul.level0 > li a { display: block; }
#nav li.level0.columns .column-wrapper > ul.level0 > li a:hover{color: var(--main-color);}

#nav li.level0.columns.brands .column-wrapper > ul.level0 > li { display: block; float: none; margin: 0;}
#nav li.level0.columns.brands .column-wrapper > ul.level0 > li.letter{font-weight: bold; margin: 5px 0; color: var(--main-color);}
#nav li.level0.columns.brands .column-wrapper > ul.level0 > li > a{border: none; margin-bottom: 0;}
#nav li.level0.columns.brands .column-wrapper > ul.level0 > li:last-of-type > a{padding-bottom: 15px;}


#nav li.level0.columns .column-wrapper .column-wrapper {
    position: relative;
    float: none;
    padding: 0;
    box-shadow: none!important;
    padding: 9px 0;
}

#nav li.level0.columns .column-wrapper .column-wrapper li .column-wrapper,
#nav li.level0.columns .column-wrapper .column-wrapper li ul {
    display: none;
}


/* categories */



/* LEVEL 0 / level top */

#nav li.level0{
    display: inline;
    position: relative;
}

#nav li.level0 > a{

    font-size: 1em!important;
    color: #fff;
    line-height: 75px;
    padding: 0 12px;
    display: inline-block;
    position: relative;
}

/*#nav li.level0.parent > a:after{
    content: '\e603';
    top: 0px;
    right: 12px;
    font-size: 6px;
    color: #2C2C2C;
}*/

@media screen and (min-width:1000px) {

    #nav li.level0:hover > a{  color: var(--main-color); border-bottom-color: var(--main-color)!important;}
}
/*#nav li.level0.parent > a span{ padding-right: 20px;  }*/



/* LEVEL 1 */

#nav li.level0:not(.columns) ul{
    height: 0;
    position: absolute;
    /*top: 75px;*/
    left: 0;
    min-width: 100%;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#nav li.level0.offscreen:not(.columns) ul{
    left: auto; right: 0px;
}

#nav li.level0.offscreen:not(.columns) ul ul{
    left: auto; right: 100%;
}

#nav li.level0.offscreen:not(.columns) ul ul:after{
    left: auto!important; right: -100%!important;
}

#nav li.level0.fakeHover > ul,
#nav li.level0:hover > ul { height: auto; visibility: visible; font-size: 1em; overflow: visible;}
#nav li.level0.fakeHover:not(.columns) ul{visibility: hidden; transition: none!important; -webkit-transition: none!important;}
#nav li.level0.fakeHover:not(.columns) li{visibility: hidden!important; opacity: 0!important; transition: none!important; -webkit-transition: none!important;}

#nav li.columns > a,
#nav li:not(.columns) a{font-weight: normal;}
#nav li:not(.columns) li.level1 { padding: 0 30px; border-bottom: 1px solid #9E9E9E; border-right: 1px solid #eee;  border-left: 1px solid #eee; position: relative; background: #fff;}
#nav li:not(.columns) li.level1.last{border-bottom: 1px solid #eee;}
#nav li:not(.columns) li.level1 a { color: #000; display: block; font-size: 1em; line-height: 40px; white-space: nowrap; }
#nav li:not(.columns) li.level1:hover{   background: rgba(0, 0, 0, 0.06); }
#nav li:not(.columns) li.level1:hover ul {background: #F1F1F1; bottom: auto; min-height: 100%; width: 100%!important; overflow: visible;}
#nav li:not(.columns) li.level1:hover ul li{bottom: 0px; background: #F1F1F1;}
#nav li:not(.columns) li.level1:hover ul li:hover{background: #ECECEC;}


/* LEVEL 2 */

#nav li:not(.columns) li.level1 ul { font-size: 1em; left: 100%; margin-left: -1px; top: 0px; height: auto; white-space: nowrap; visibility: hidden; -webkit-transition: none; transition: none; }
#nav li:not(.columns) li.level1.offscreen ul {left: auto; right: 100%;}
/*#nav li:not(.columns) li.level1:hover ul:after{content: ''; position: absolute; background: #fff; border: 1px solid #eee; width: 100%; left: -100%; top: 0px; height: 100%; z-index: -1; box-sizing: border-box; -moz-box-sizing: border-box;}*/
#nav li:not(.columns) li.level1.offscreen:hover ul:after{left: auto; right: -100%; }
#nav li:not(.columns) li.level1:hover ul{ height: auto; visibility: visible; width: auto; min-width: 0; visibility: visible; }

#nav li:not(.columns) li.level1 ul li{  border-bottom: 1px solid #9E9E9E;  padding: 0 30px; background: rgba(0, 0, 0, 0.03);  -webkit-transition: opacity 0.3s; transition: opacity 0.1s; opacity: 0;  }
#nav li:not(.columns) li.level1 ul li a{padding: 0;}
#nav li:not(.columns) li.level1.last.parent:hover ~ li.last{border-bottom: 0px;}
#nav li:not(.columns) li.level1:hover ul li{  -webkit-transition: padding 0.3s; transition: padding 0.3s; opacity: 1; height: auto; }
#nav li:not(.columns) li.level1:hover ul li a{white-space: normal; }


/* LEVEL 3 */

#nav li:not(.columns) li.level2 ul {display: none;}
#nav li:not(.columns) li.level2:hover ul {display: none;}
/********** Navigation > */



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ======================================== Sidebar ======================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.sidebar a{border: none; }
.sidebar .block {padding: 25px 0; margin-bottom: 0px;}
.sidebar .block img{max-width: 100%;}
.sidebar .block.no-title{padding: 20px;}
.sidebar .block.no-title .block-title{display: none;}
.sidebar .block .block-title strong,
.sidebar h2.list {
    display: block;
    /* text-transform: uppercase; */
    font-weight: 200;
    padding-bottom: 20px;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 15px;
    font-size: 1.2em;
    margin: 0 -20px;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.sidebar h2.list{margin: 0;}
.sidebar .block .block-content{font-size: 1em; padding: 0;}
.sidebar .block .block-content p{font-size: 1.1em;}



.sidebar .input-box{width: 100% }
.sidebar .input-box input{width: 100%; }


/* sidebar product */

.sidebar .block.sidebar-list{padding: 20px 0;}

.sidebar .item .actions {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: auto;
}
.sidebar .product-wrapper {margin-bottom: 0;}
.sidebar .products-grid .item{width: 100%!important; margin-bottom: 10px; text-align: right; border-bottom: 1px solid #E1E1E1; padding: 0px;}
.sidebar .products-grid .item.absolute-last{border: none;}
.sidebar .products-grid .item-inner{ padding: 10px 20px;}
.sidebar .products-grid .brand-logo{display: none;}
.sidebar .products-grid .item .actions button.button{width: auto; float: left!important;}
.sidebar .products-grid .item .product-image{float:left; width: 60px; height: auto; border-bottom: none; padding: 0;}
.sidebar .products-grid .item .product-image img{width: 60px; height: auto;}
.sidebar .products-grid .item .item-info{padding: 0px; float: none; margin-left: 60px; text-align: left!important; overflow: hidden; font-size: 1em; padding-left: 15px;}
.sidebar .products-grid .item .item-info .price-pusher{padding-bottom: 0px; display: inline-block;}
.sidebar .products-grid .item .price-box{ margin-top: 0px;}
.sidebar .products-grid .item button span{font-size: 1em;}
.sidebar .products-grid .item .readmore{display: none;}
.sidebar .products-grid .item .price-pusher{ display: inline-block;}
.sidebar .products-grid .item .minimal-price-link {display: none;}
.sidebar .products-grid .item .product-name a{ color: #000; border: none;}


.sidebar .block-viewed {padding: 20px 0 0 0; position: relative;}
.sidebar .recently-viewed-products{position: relative;}
.sidebar .recently-viewed-products.loading:before{content: ''; position: absolute; width: 100%; left: 0px; top: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.60); z-index: 1;}
.sidebar .recently-viewed-products.loading:after{
    content: '\e981';
    opacity: 0.5;
    position: absolute;
    vertical-align: middle;
    text-shadow: none;
    padding: 2px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 2;
    color: #000;
    -webkit-animation:spin 1.5s linear infinite;
    -moz-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
}
.sidebar .block-viewed .block-title strong, .sidebar h2.list{margin: 0;}
.sidebar .block-viewed .block-content li.item{ border-bottom: 1px solid #E1E1E1; padding: 5px 20px; margin: 0px; background-color: #F7F7F7;}
.sidebar .block-viewed li.item a{}
.sidebar .block-viewed li.item a,
.sidebar .block-viewed li.item img{ vertical-align: middle; }
.sidebar .block-viewed li.item img{ margin-right: 15px; float: left;}



/* sidebar subscribe */
.sidebar .block-subscribe .subscribe-container{ background: #000;}
.sidebar .block-subscribe .actions,
.sidebar .block-subscribe .input-box{ margin: 0px; padding: 0px; border: none; padding-right: 0px; width: 100% }
.sidebar .block-subscribe label{display: none;}
.sidebar .block-subscribe .input-box input{

}
.sidebar .block-subscribe .button.button{ width: 100%; margin-top: 7px; }
.sidebar .block-subscribe .button.button:hover{}



#cart-sidebar .item .product-name a{ color: #5F5F5F; font-size: 1em; }


.main-container .block { margin-bottom: 0px; }
.block { margin:0 0 20px; line-height:1.35; }
.block-layered-nav.block .block-content{margin-top: 10px;}
.block-layered-nav.block .actions a{float:right;}
.block-layered-nav .left-navi-title{display: none;}
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important;  }
.block .block-content { padding:12px 10px; }
.block .block-content li.item { padding-bottom:10px; margin-bottom:10px; }
.block .block-content li.item.last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
.block .block-content .product-name { color:#000; }
.block .btn-remove,
.block .btn-edit { float:right; margin:1px 0 2px 5px; }
.block .actions { padding:5px 0 0; margin:5px 0 0; text-align:right; }
.block .actions a { float:left; }
/*.block .actions button.button { float:right; }*/
.block .empty { margin:0; }
.block .price-box { margin:5px 0; }

/* cart*/
.sidebar.block-cart .block-title{position: relative;}
.sidebar.block-cart .subtotal{
    text-align: center;
    font-weight: bold;
    margin-top: 15px;
}
}
/*.sidebar.block-cart .block-title strong:after{content: url('../images/cart.gif'); position: absolute; right: 0px;}*/
.sidebar.block-cart .block-title strong span{margin-right: 22px;}
.sidebar.block-cart .product-image img{max-width: 100%; height: auto;}

/* Mini Products List */
.mini-products-list .product-image { float:left; }
.mini-products-list .product-details { margin-left:80px; }
.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; }
.block-cart .mini-products-list .product-details .nobr { white-space:normal !important; }

/* Block: Account */
.block-account .block-content li.current {padding: 3px 0;}
.block-account .block-content li a {display:block; padding: 3px 0;  color:#5f5d5c; text-decoration:none !important; border: none;}
.block-account .block-content li a:hover{color:#000;}


/* Block: Currency Switcher */
.block-currency { background:#f4f4f4; }
.block-currency .block-title { border:0; background:none; padding:7px 10px 2px; text-transform:none; }
.block-currency .block-title strong { text-transform:none; }
.block-currency .block-content { padding:0 10px 12px; }
.block-currency .block-content select { width:100%; padding:0; }


/*sidebar buttons*/
.sidebar button{ width: 100%;}
.sidebar button span{text-transform: none; font-size: 1.091em;}
.sidebar button span span{padding: 0px;}

/* Block: Wishlist */
.block-wishlist a{border: none;}
.block-wishlist .actions { text-align:right; border: none; }
.block-wishlist .actions a { float:none; }

/* Block: Related */
.block-related .block-subtitle { font-size: 1em; font-weight:bold; border:0; padding:0; margin:0 0 8px; text-transform:none; }
.block-related input.checkbox { float:right; }
.block-related .product { margin-right:20px; }

/* Block: Compare Products */

.page-popup .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; }
.compare-table { border:0; }
.compare-table thead,
.compare-table thead tr.first { background:#fff; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; }
.compare-table .btn-remove { float:right; background-image:url(../images/btn_remove.gif); width:12px; height:12px; }
.compare-table tbody th { background:#e9e9e9; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; position: relative; }
.compare-table tbody td.last { border-right:1px solid #ccc; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; }
.compare-table tr.add-to-row td { background:#fffada; text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { font-size: 1.182em; font-weight:bold; margin:0 0 5px; color:#203548; }
.compare-table tr.first td .product-name a { color:#203548; }
.compare-table tr.first td .ratings { width:69px; margin:0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { margin:0; }
.compare-table .add-to-links li { background:none; padding:0; }

/* Block: Recently Viewed */
.block-viewed {}

/* Block: Recently Compared */
.block-compared {}

/* Block: Poll */
.block-poll .block-subtitle { font-size: 1.091em; }
.block-poll label { color:#777; font-weight:bold; }
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { margin:5px 0 0; }
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; margin-left:10px; }

/* Block: Reorder */
.block-reorder input.checkbox { float:left; height: 26px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }
.block-reorder .product-name{padding-left: 17px!important; margin-top: -2px!important;}
.block-reorder .actions a { float: left; margin-top: 10px; }

/* Block: Login */
.block-login .block-content { padding:5px 10px; }
.block-login label { font-weight:bold; color:#555; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
.block-login .actions { background:none; padding:0; margin:3px 0 0; }



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ============================ Category Page / Product List =============================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.catalog-category-view .header-container.multirow +.main-container{padding-top: 0;}
.category-header-wrapper{position: relative; overflow: hidden; }
.category-header-wrapper{padding: 40px 0 0 0;}
.category-header-wrapper.has-image{min-height: 500px; padding: 40px 0;}
@media screen and (max-width: 1000px){
    .category-header-wrapper.has-image{min-height: 300px;}
}
.category-header-wrapper .on-image .breadcrumbs span{color: #c1bdbd;}
.category-header-wrapper .on-image .breadcrumbs a{color: #fff;}
.category-header-wrapper .on-image .breadcrumbs li{font-size: 1.071rem; }
.category-header-wrapper .on-image .breadcrumbs li strong{color: var(--main-color);}
.category-header-wrapper .breadcrumbs{text-align:center; z-index: 2; position: relative;}
.category-title { text-align: center;}
.category-top .category-title h1 { color:#000; font-size: 2em; line-height:1.25; letter-spacing: 1.4px; margin-bottom: 0.5em;}
.category-top.has-image .category-title h1 { color:#fff;}
.category-top .category-image img{ width:100%; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; margin-bottom: 0;     filter: brightness(45%);}
.category-top .info{opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s;}
.category-top.done .info{
    opacity: 1;
}
.category-description {font-size: 1.1rem;}
.category-products {background: #fff;}
.category-products a {border: 0; }
.category-products > .products-grid{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 10px 30px;
    padding-top: 15px; z-index: 2; clear: both; width: auto!important;
}


.category-description{padding-inline: 2.5em;}
.category-description.trunc{overflow: hidden;}
.category-description.trunc .content{max-width: 900px;}
.category-description.trunc.closed{
    max-height: 140px;
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

.category-description.trunc:not(.closed) + .read-more{margin-top: 10px;}

/*.category-description.trunc.closed:after{content: ''; position: absolute; bottom: 0; left: 0px; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%); cursor: pointer;}*/
.category-products a{text-decoration: none;}

.category-top .image,
.category-top .image img { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; object-fit: cover; height: 100%; padding: 0;}
.category-top .info { max-width: 80ch; margin: auto;  line-height: 1.8em; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 2; position: relative;}
.category-top .info .read-more{
    color: #fff;
    z-index: 999;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 0.92rem;
    cursor: pointer;
    display: block;
}
.category-description.trunc.closed + :after{color: red;}
.category-top .has-image.has-description .category-title{margin-top: 0}
.category-top.has-image {}
.category-top.has-image *{color: #fff;}
.category-top .logo{display: inline-block; vertical-align: top;} /*manufacturer logo */
.category-top .logo + .page-title{display: inline-block; vertical-align: top; width: auto;}

.extra-info h2 + p {margin-bottom: 0;}
.extra-info  p:last-of-type{margin-bottom: 0;}

/* col-1 */
.amshopby-index-index .category-top.has-description .image,
.col1-layout .category-top.has-description .image { padding-left: 5px; }
.amshopby-index-index  .category-top.has-image .info,
.col1-layout .category-top.has-image .info {max-width: 80ch; margin: auto; }







/********** < Product List */

.products-grid{ font-size: 0;}
.products-grid li.item {  display: inline-block; vertical-align: top; font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; /*padding: 0 10px;*/ position: relative; }
.products-grid li.item .item-inner{ position: relative; position: relative; padding-bottom: 0; overflow: hidden;}
.products-grid li.item .product-image{
    display: block; 
    position: relative;
    padding-bottom: 0px; 
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    aspect-ratio: 5/4;
}
.products-grid li.item .product-image,
.products-grid li.item .product-image img { max-width: 100%; height: auto}
.products-grid li.item .brand-logo { position: absolute; right: 5px; top: 5px; z-index: 1;}
.products-grid li.item a{border: none;}
.products-grid li.item .product-image .image-wrapper{position: relative;}
.products-grid li.item .variant-info{  background: rgba(255, 255, 255, 0.8); padding: 8px 0 3px 0; text-align: center; font-weight: 500;}
.products-grid li.item .variant-info .info-wrapper{display: inline-block; margin: auto;}
.products-grid li.item .variant-info .info-wrapper span{display: block; font-size: 0.92em; color: #777; font-style: italic;}
.products-grid li.item .variant-info.has-image span{padding-left: 24px;}
.products-grid li.item .variant-info .info-wrapper img{max-width: 18px; height: auto; display: inline-block; vertical-align: middle; float: left;}

.ribbon,
.ribbon2,
.badge{padding: 8px 15px; display: inline-block; position: absolute; top: 5px; left: 5px; color: #fff; font-weight: 600; text-transform: uppercase; z-index: 1;}
.badge{
    width: 60px;
    padding: 8px 5px;
    height: 62px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    display: table;
    font-size: 0.85em;
}
.badge.custom,
.badge.sale{
    background: url('../images/discount-badge.png') no-repeat;
    background-size: 60px auto;
}
.badge.new{
    background: url('../images/new-badge.png') no-repeat;
    background-size: 60px auto;
}
.badge span{display: table-cell; vertical-align: middle;}

.circle{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    top: 0px;
    left: auto;
    right: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.82rem;
    letter-spacing: 0px;
    z-index: 2;
}

.circle.long-label{font-size: 0.92em;}

.product-media .circle{right: auto; left: 0px; top: 45px; width: 70px; height: 70px;}


.ribbon{
    width: 127px;
    text-align: center;
    top: 15px;
    left: -45px;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}
.ribbon.custom,
.ribbon.red,
.ribbon.sale,
.circle.sale{ background: #cc3e30;}
.ribbon.blue,
.ribbon.new,
.circle.new{ background: #53a0bf;}
.ribbon.turqoise,
.circle.turqoise{ background: #08A0A2;}
.ribbon.pink,
.circle.pink{ background: #D86594;}
.circle.black,
.ribbon.black{ background: #000;}
.circle.green,
.ribbon.green{ background: #80de9a;}
.circle.darkred,
.ribbon.darkred{ background: #842929;}
.circle.darkblue,
.ribbon.darkblue{ background: #1B488C;}
.circle.lightblue,
.ribbon.lightblue{ background: #ceeefd;}
.circle.creme,
.ribbon.creme{ background: #efe0b9;}

.products-grid li.item.ribbon2-type,
.products-grid li.item.ribbon2-type .item-inner{overflow: visible!important;}

.product-view .ribbon2-type.product-media{overflow: visible;}
.product-view .product-media .ribbon2{left: 0px; line-height: 35px; min-width: 50px; font-size: 1em; z-index: 2;}
.product-view .product-media .ribbon2:after{border-top-width: 17px; border-bottom-width: 18px;}

.ribbon2{padding: 0 10px; left: 0px; font-size: 0.85em; line-height: 28px; min-width: 30px; max-width: 200px;}
.product-view .ribbon2{padding: 0 15px;}
/*.ribbon2:before{
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid #333;
    border-left: 7px solid rgba(0, 0, 0, 0);
}
.ribbon2:after{
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
    width: 0px;
    height: 0px;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 14px solid #333;
    border-bottom: 14px solid #333;
}/*

/*sale / red */

.ribbon2.red,
.ribbon2.custom,
.ribbon2.sale{ background: #cc3e30;}

.ribbon2.red:after,
.ribbon2.custom:after,
.ribbon2.sale:after {
    border-top-color: #cc3e30;
    border-bottom-color: #cc3e30;
}
.ribbon2.red:before,
.ribbon2.custom:before,
.ribbon2.sale:before {
    border-top-color: #8E2C22;
}

/*new / blue */

.ribbon2.blue,
.ribbon2.new{ background: var(--main-color);}
.ribbon2.blue:after,
.ribbon2.new:after {
    border-top-color: var(--main-color);;
    border-bottom-color: var(--main-color);;
}
.ribbon2.blue:before,
.ribbon2.new:before {
    border-top-color: var(--main-color);
}



/* turqoise */
.ribbon2.turqoise{ background: #08A0A2;}
.ribbon2.turqoise:after{
    border-top-color: #08A0A2;
    border-bottom-color: #08A0A2;
}
.ribbon2.turqoise:before{
    border-top-color: #087577;
}

/* pink */
.ribbon2.pink{ background: #D86594;}
.ribbon2.pink:after{
    border-top-color: #D86594;
    border-bottom-color: #D86594;
}
.ribbon2.pink:before{
    border-top-color: #90375B;
}

/* black */
.ribbon2.black{ background: #000;}
.ribbon2.black:after{
    border-top-color: #000;
    border-bottom-color: #000;
}
.ribbon2.black:before{
    border-top-color: #000;
}

/* green */
.ribbon2.green{ background: #7cd093;}
.ribbon2.green:after{
    border-top-color: #7cd093;
    border-bottom-color: #7cd093;
}
.ribbon2.green:before{
    border-top-color: #63b479;
}

/* Dark Red */
.ribbon2.darkred{ background: #842929;}
.ribbon2.darkred:after{
    border-top-color: #842929;
    border-bottom-color: #842929;
}
.ribbon2.darkred:before{
    border-top-color: #481515;
}

/* Dark Blue */
.ribbon2.darkblue{ background: #1B488C;}
.ribbon2.darkblue:after{
    border-top-color: #1B488C;
    border-bottom-color: #1B488C;
}
.ribbon2.darkblue:before{
    border-top-color: #0A1C38;
}

/* Light Blue */
.ribbon2.lightblue{ background: #b2d2e8;}
.ribbon2.lightblue:after{
    border-top-color: #b2d2e8;
    border-bottom-color: #b2d2e8;
}
.ribbon2.lightblue:before{
    border-top-color: #94b1c5;
}

/* Creme */
.ribbon2.creme{ background: #ded0a9;}
.ribbon2.creme:after{
    border-top-color: #ded0a9;
    border-bottom-color: #ded0a9;
}
.ribbon2.creme:before{
    border-top-color: #bdb294;
}



.percentage-discount{
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;    background: rgba(202, 41, 41, 0.81);
    padding: 3px 9px;
    font-weight: 600;
    color: #FFF;
    font-size: 0.92em;
}

.products-grid li.item.border{margin-bottom: 20px; padding: 0 3px;}
.products-grid li.item.border .item-inner{  padding: 10px;  border: 1px solid #D8D8D8; overflow: hidden; position: relative;}
/*.col-main .products-grid li.item.border .item-inner{padding: 0;}*/
.col-main .products-grid li.item.border .item-info {min-height: 103px;}
.col-main .products-grid li.item.border.variant-info .item-inner{padding-bottom: 0px;}
.col-main .products-grid li.item.border.variant-info .item-info { min-height: 56px;}
.col-main .products-grid li.item.border.variant-info.action-show .item-info { min-height: 159px;}

/* Item info */
.col-main .products-grid li.item .item-info .brand-name a,
.col-main .products-grid li.item .item-info .product-name a,
.col-main .products-grid li.item .item-info .price-box .price{display: block; line-height: 1; margin-bottom: 0.5em; font-size: 0.92rem;}
.col-main .products-grid li.item .item-info { text-align: center; /*position: relative;*/ margin-top: .8em;}
.col-main .products-grid li.item .item-info .price-pusher {box-sizing: border-box; -moz-box-sizing: border-box; display: flex; flex-direction: column-reverse; flex-wrap: wrap;}
.col-main .products-grid li.item.variant-info-active .item-info .action-pusher{min-height: 60px;}
.col-main .products-grid li.item .item-info .product-name { width: 100%; font-weight: bold;}
.col-main .products-grid li.item .item-info .product-name a { font-weight: normal;}
.col-main .products-grid li.item .item-info .brand-name { font-size: 1em; font-weight: 200; width: 100%;}
.col-main .products-grid li.item .item-info .brand-name a{font-weight: bold;}
.col-main .products-grid li.item .item-info .ratings{margin-top: 3px;}
.col-main .products-grid li.item .item-info .rating-box{width: 110px;}
.col-main .products-grid li.item .item-info .rating-box,
.col-main .products-grid li.item .item-info .rating-box .rating{background-size: 22px auto;}
.col-main .products-grid li.item .item-info .rating-box .rating{height:19px;}
.col-main .products-grid li.item .item-info .price-box { margin: 0px; font-weight: bold;}
.col-main .products-grid li.item .item-info .actions{margin: 10px 0; border: none; text-align: center; float: none;}
.col-main .products-grid li.item.variant-info .item-info .actions{margin-top: 0px;}
.col-main .products-grid li.item .item-info .show-all-buttons .button-set button.button{
    margin: 0px;
    /*width: 50%; */
    /*float: left; */
    line-height: 30px;
    margin-left: 5px;
    float: none;
}
.col-main .products-grid li.item .item-info .show-all-buttons .button-set button.button.info{
    background: #ECECEC;
    color: #8C8C8C;
    text-shadow: none;
}

.col-main .products-grid li.item .item-info .button-set .info:after{content: '\e800'; position: relative; color: #000; font-size: 1.4em; vertical-align: middle; margin-left: 5px; display: inline-block;
    line-height: 15px; top: -1px;}
.col-main .products-grid li.item .item-info .button-set .info:hover:after{color: #576D98;}
.col-main .products-grid li.item .item-info .button-set .info:hover{color:#576D98;}
.col-main .products-grid li.item .item-info .button-set .info{
    color: #6F6E6E;
    text-transform: uppercase;
    font-size: 0.92em;
    font-weight: normal;
    padding: 10px 0 5px 0;
    display: inline-block;
    position: relative;
    float: none;
}
.col-main .products-grid li.item .item-info .show-all-buttons .button-set .info{ padding: 5px 5px 5px 0; }
/* Actions */


.products-grid li.item .actions > a { float: left; }
.products-grid li.item .actions > a + button.button { width: 50%; }
.products-grid li.item .actions > a { width: 50%; }
.products-grid li.item .actions .readmore
{
    display: inline-block;
    position: relative;
    font-family: 'Varela Round', 'Open Sans', 'Verdana', sans-serif;
    font-size: 1em;
    line-height: 40px;
    width: 100%;
    color: #969696;
    background: #EFEFEF;
    border: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.31);
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.products-grid li.item .actions .readmore:hover { background: #D5D5D5; }

.products-grid li.item .actions .readmore:after
{
    content: '';
    position: absolute;
    bottom: 0px;
    height: 3px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    left: 0px;
}



.main-container .products-grid li.item { width: 100%; }



/********** Product List > */



.products-grid .availability { line-height:21px; text-align: center; }
.products-grid .availability.out-of-stock{
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    left: 0px;
    color: #fff;
    text-align: center;
}
.products-grid .availability.in-stock > span{
    font-size: 10px;
    text-transform: uppercase;
    background: #f2f2f2;
    border-radius: 3px;
    padding: 4px 5px;
    white-space: nowrap;
    font-weight: bold;
}
.products-grid .availability.out-of-stock span { color: #fff; text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.5px; font-weight: 600; padding: 10px; background: rgba(158, 26, 26, 0.8);  }

@media screen and (max-width:768px) {
    .products-grid .availability.out-of-stock span{font-size: 0.42em;}
}

/* View Type: List */
.products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-shop { margin-left:185px; }
.products-list .product-name { font-size: 1.091em;}
.products-list .product-name a { color:#444; text-decoration:underline; }
.products-list .product-name a:hover { text-decoration:none; }
.products-list .price-box { float:left; margin:4px 13px 0 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 13px; line-height:1.35; }
.products-list .add-to-links { clear:both; }



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =========================== Product View / Product Page ================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

/* Rating */
.no-rating { margin:0; clear: both;}

.ratings { line-height:1em; clear: both;  color:#7d7d7d;}
.ratings strong { float:left; margin:0 3px 0 0; }
.ratings dt {}
.ratings dd {}
.rating-box { width:95px; height:15px; font-size:0; line-height:0; background:url(../images/rating-stars-big.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden;}
.rating-box .rating { float:left; height:15px; background:url(../images/rating-stars-big.png) 0 100% repeat-x; }
.ratings .rating-box {margin-right: 4px; display: inline-block; vertical-align: middle; cursor: pointer;}
.ratings .rating-link,
.ratings .count{display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer;}
.ratings .amount {}

.ratings-table th,
.ratings-table td { font-size: 1em; line-height:1.15; padding:3px 0; }
.ratings-table th { font-weight:bold; padding-right:8px; }
.ratings-table td { padding:4px 0 0; }
.ratings-table .rating-box{ margin-left: -6px;}

label.stars-label{font-weight: 600; margin-bottom: 5px; display: inline-block;}
.stars.rating {margin-bottom: 10px;}
.stars.rating li{float: left; }
.stars.rating li input{
    /*visibility: hidden;*/
    height: 0px;
    overflow: hidden;
    position: absolute;
}
.stars.rating li label{width: 17px; height: 16px; background:url(../images/rating-stars-big.png) 0 0 no-repeat; display: block; margin-right: 3px;}
.stars.rating.active li label{background:url(../images/rating-stars-big.png) 0 100% no-repeat;}
.stars.rating li.active ~ li label{background:url(../images/rating-stars-big.png) 0 0 no-repeat;}
.stars.rating:hover li label{background:url(../images/rating-stars-big.png) 0 100% no-repeat!important;}
.stars.rating li:hover ~ li label{background:url(../images/rating-stars-big.png) 0 0 no-repeat!important;}

.product-tabs-content .box-reviews h2{display: block;}
#product_tabs_reviews_contents h2{font-size: 1.3em;}

#review-form .form-list{margin:0!important; max-width: 100%;}

/* Availability */
.availability { margin:0; }
.availability.in-stock span {}

.availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; color:#000; }
.availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { color:#be2c00; }

.availability-only-details { margin:0 0 7px; }
.availability-only-details th { background:#e9e9e9; font-size: 1em; padding:0 8px; }
.availability-only-details td { border-bottom:1px solid #d9dde3; font-size: 1em; padding:2px 8px 1px; }
.availability-only-details tr.odd { background:#fff; }
.availability-only-details tr.even { background:#fcfcfc; }
.availability-only-details tr.odd td.last { color:#396f00; font-weight:bold; }
.availability-only-details tr.last td { border-bottom:none; }


/* Product View */

.product-view {max-width: 1000px; width: 100%; margin: auto;}
.product-view a { border: none; }

/* Product Shop */


.product-view .product-shop { position: relative; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; width: 32em;}

.product-view .product-shop .brand-name{   text-transform: uppercase; color: #000; font-size: 1.429em; margin-bottom: .5em;}
.product-view .product-shop .brand-name a{ color: #000; font-size: 1em; padding-bottom: 0;  font-weight: 500;}
.product-view .product-shop .product-name { }
.product-view .product-shop .product-name h1{ color: #000; font-size: 2em; margin-bottom: .5em; font-weight: 500; line-height: 1.3;}
.product-view .product-shop #manufacturer_logo { position: absolute; top: 0px; right: 0px; }
.product-view .product-shop .sku{ color:#6D6D6D; margin-top: 10px; }


.product-view .product-shop .description { font-size: 1.05em; line-height: 1.8em; clear: both; margin-top: 10px;}
.product-view .product-shop  .read-more-desc{cursor: pointer; border-bottom: 1px solid #000; display: inline-block; margin-bottom: 0;}


.product-view .product-shop .add-to-links { text-align:left; margin-top: 10px; }
.product-view .product-shop .add-to-links:after { content: '.'; visibility: hidden; display: block; clear: both; height: 0; }
.product-view .product-shop .add-to-links li { display:inline; padding-left: 20px; position: relative; }
.product-view .product-shop .add-to-links li a{cursor: pointer;}
.product-view .product-shop .add-to-links li:not(:last-of-type) { margin-right:15px; }
.product-view .product-shop .add-to-links li.compare:after { content: '\f177'; left: 0px; }
.product-view .product-shop .add-to-links li.compare-view:after { content: '\e71e'; left: 0px; }
.product-view .product-shop .add-to-links li.wishlist:after { content: '\f127'; left: 0px; }
.product-view .product-shop .add-to-links li.wishlist:hover:after{ color: #D07E7E; }
.product-view .product-shop .add-to-links li.compare:hover:after{ color: #5C8AB6; }

.product-view .product-shop .product-options-bottom .paypal-logo { float:left; }

.product-view .product-shop .price-box {  clear: both; margin: 0;}
.product-view .product-shop .price-wrapper{
    display: flex;
    /*margin-top: 30px;*/
    align-items: flex-start;
    justify-content: space-between;
    /*background-image: url("../images/resursbank.jpg");
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: top right;*/
    padding-top: 25px;
}
.product-view .product-shop .price-wrapper .partpayment-price{
    text-align: right;
    cursor: pointer;
    background-image: url(../images/resursbank_4.jpg);
    background-size: 80px auto;
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 25px;
    margin-top: -25px;
}
.product-view .product-shop .price-wrapper .partpayment-price span:not(.partpayment-info){font-size: 1.429rem}
.product-view .product-shop .price-wrapper .partpayment-price .partpayment-desc{font-size: 0.92rem; margin-top: 4px; color: #7A7A7A;}
.product-view .product-shop .regular-price-wrapper .price{font-size: 2.000em; font-weight: 500; line-height: 1;}
.product-view .product-shop .price-including-tax .price { display:block; font-size: 1.818em;}
.product-view .product-shop .price-including-tax span{height:25px;}
.product-view .product-shop .price-excluding-tax .price{color:#888; font-size: 1em; }



.product-view .product-shop .availability { color:#000; margin-top: 3px; padding: 0px; clear: both; display: flex; align-items: center; gap: 5px;}
.product-view .product-shop .availability:after { position: relative; font-size: 1em; color: #000; color: #268205; margin-top: -2px;}
.product-view .product-shop .availability.in-stock:after { content: "\e042"; }
.product-view .product-shop .availability.out-of-stock:after { content: "\e043"; }
.product-view .product-shop .store-stocks li .stock-status .delivery-time span{display: none;}

.product-view .product-shop .stock-info{position: relative; display: inline-block; white-space: nowrap;}
.product-view .product-shop .stock-info:hover .configurable-stock-container{display: block;}
.product-shop .stock-info .showStock{color: #6D6D6D; font-style: italic; margin-bottom: 0px;}
.product-shop .stock-info:hover .showStock{cursor: pointer;}
.product-shop .stock-info:hover .configurable-stock-container{ display: inline-block; }
.product-view .product-shop .stock-info .configurable-stock-container{
    display: none;
    position: absolute;
    top: 28px;
    left: 0px;
    height: auto;
    padding: 15px;
    background: #fff;
    border: 1px solid #E1E1E1;
    text-align: left;
    width: auto;
    border-radius: 2px;
    min-width: 320px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 990;
}

.product-view .product-shop .stock-info .configurable-stock-container > span{float: left;}
.configurable-stock-container { line-height: 1.8em; }
.configurable-stock-container .configurable-inner > div { padding: 0 5px; position: relative; }
.configurable-stock-container .configurable-inner > div:hover { background: #eee; padding: 0 5px; position: relative; }
.configurable-stock-container .configurable-stock { white-space: nowrap;}
.configurable-stock-container .configurable-stock span{ margin-top: -1px; }
.configurable-stock-container .configurable-stock { margin-right: 20px; display: inline-block; vertical-align: middle; }
.configurable-stock-container .configurable-stock:after { right: 5px; }
.configurable-stock-container .out-of-stock:after{ content: "\e043";  }
.configurable-stock-container .in-stock:after{ content: "\e042"; }
.configurable-stock-container .stock-label{min-width: 85px; display: inline-block; vertical-align: middle; margin: 0px; white-space: nowrap; margin-right: 5px;}
.configurable-stock-container .hiddenStockItems{display: none;}
.configurable-stock-container .showStockInfo{clear: both; text-align: left; color: #bbb; cursor: pointer;}
.configurable-stock-container .showStockInfo:hover{color: #eee;}

.product-view .right-column-box .configurable-stock-container{padding: 10px; padding-bottom: 0px; background: #fff; border: 1px solid #EBEBEB; width: auto;  border-radius: 2px; position: relative; color: #5A5A5A;}
.product-view .right-column-box .configurable-stock-container .configurable-inner{display: inline-block; position: relative; padding-right: 10px;}

.product-view .right-column-box .configurable-stock-container:before{ content: url('../images/stock-arrow.png'); position: absolute; left: -6px; }


/* Product Images */
.product-view .product-media {flex: 1; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; overflow: hidden;}
.product-view .product-img-box a {color: #929292; }
.product-view .product-img-box .product-image  {/*border: 1px solid #eee;*/ padding: 0px; margin: 0px; background: white; position: relative; text-align: center;}
.product-view .product-img-box .product-image a{position: relative; width: 100%!important; padding: 0;}
.product-view .product-img-box .product-image a img { max-width: 100%;  }
.MagicZoomBigImageCont{ border-radius: 0 20px 0 0; }
.product-view .product-img-box .product-image-zoom { position:relative; width:300px; height:300px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }


.product-view .product-img-box .more-views{margin-top: 10px; margin-bottom: 15px;}
.product-view .product-img-box .more-views ul {display: flex; justify-content: center;}
.product-view .product-img-box .more-views li:not(:last-of-type) { margin-right: 10px; }
.product-view .product-img-box .more-views li:not(:last-of-type) { margin-right: 10px; }
.product-view .product-img-box .more-views li img{border: 1px solid hsl(0, 0%, 80%); padding-bottom: 0;}
.product-view .product-img-box .more-views li .mz-thumb.mz-thumb-selected img{border-bottom: 2px solid hsl(0, 0%, 0%)}
.product-view .product-img-box .more-views li a{ height: 90px;}
.product-view .product-img-box .more-views li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-view .crossell{margin-top: 35px; padding-top: 15px; display: inline-block; margin: auto; text-align: center; width: 100%;}
.product-view .crossell a{display: inline-block; padding-bottom: 5px; font-size: 0px;}
.product-view .crossell .title{text-align: center; font-size: 1.3em; font-weight: 200; color: #888; margin-bottom: 15px; letter-spacing: 1px; position: relative;}
.product-view .crossell .title:before{content: ''; position: absolute; top: -15px; width: 140px; left: 50%; margin-left: -70px; height: 1px; background: #CECDCD;}

.product-view .product-media .badge{background-size: 70px auto!important; width: 70px; height: 71px; font-size: 1em;}


.product-view .product-img-box .product-image.slider a{overflow: visible!important;}
.product-view .product-img-box .product-image .flex-disabled{display: none;}
.product-view .product-img-box .product-image .flex-next,
.product-view .product-img-box .product-image .flex-prev {opacity: 1; position: absolute;  width: auto!important; padding: 0;}
.product-view .product-img-box .product-image .flex-control-nav{position: absolute; bottom: 10px; left: 0; right: 0; text-align: center;}
.product-view .product-img-box .product-image .flex-control-nav li{display: inline-block; font-size: 0; text-ident: -9999em; margin: 0 2px;}
.product-view .product-img-box .product-image .flex-control-nav li a{display:block; width: 10px!important; height: 10px; background: #CECECE; border-radius: 50%;}
.product-view .product-img-box .product-image .flex-control-nav li a.flex-active{background: #000;}

/* Add to Links */2
.add-to-links { margin:3px 0 0; clear:both; float:left; }
.add-to-links li { float: left; line-height:1.25;}
.add-to-links li a { color:#8B8B8B; font-size: 1em; font-weight: 200;}
.add-to-links .separator { display:none; }

/* Add to Cart */
.product-view .button-div{width: 100%;}

.add-to-cart{    margin-top: 25px;}
.add-to-cart .qty {display: none; float:left; text-align: center; height:20px; font-weight: bold; line-height: 45px; height: 45px; width: 45px; color: #000; padding: 0 3px; border-bottom: 1px solid #DBDBDB; border-width: 1px 0 3px 1px;  }
.add-to-cart .qty:focus{color: #000;}
.add-to-cart button.button { line-height: 1; height: 60px;   width: 100%; font-size: 1.214rem; font-weight: 600;}
.add-to-cart button.button:before{content: '\e906'; padding-right: 15px; position: relative; font-size: 18px;}
.add-to-cart button.button:hover:before{padding-right: 25px;}
.store-locator-btn{
    display: block;
    padding: 0.8em 2em;
    background: hsl(0,0%,86%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.store-locator-btn:hover{background: hsl(0,0%,80%);}
.store-locator-btn:before{content: '\e903'; position: relative;     padding-right: 10px; font-size: 1.8em;}
.store-stocks {padding: 10px 0; font-size: 0.92rem; overflow: hidden;}
.store-stocks li{display: flex; justify-content: space-between; padding: 3px 0;}
.store-stocks li .stock-status {display: flex; align-items: center;}
.store-stocks li .stock-status .delivery-time span{padding-left: 4px;}
.store-stocks li .stock-status .delivery-time span:before{content: '(';}
.store-stocks li .stock-status .delivery-time span:after{content: ')';}
.store-stocks li .stock-status .delivery-time:after{content: '\e902'; padding-left: 10px; position: relative;}
.store-stocks li .stock-status .in-stock  + .delivery-time:after{color: hsl(110, 68%, 46%);}
.store-stocks li .stock-status .out-of-stock + .delivery-time:after{color: hsl(0, 68%, 46%);}
.store-stocks li .stock-status .few-left + .delivery-time:after{color: hsl(28, 91%, 70%);}
.store-stocks li .stock-status .delivery-time{color: hsl(0, 0%, 35%)}
.store-stocks li.template{position: relative;}
.store-stocks li.template .stock-store{
    width: 30%;
    background: #f3f3f3;
    position: relative;
}
.store-stocks li.template .stock-status:after{color: hsl(0, 0%, 90%)!important;}
.store-stocks li.template .stock-status .delivery{
    background: hsl(0, 0%, 95%);
    width: 100px;
    display: block;
    height: 16px;
    position: relative;
}
.store-stocks li.template .stock-store:after,
.store-stocks li.template .stock-status .delivery:after {
    content:'';
    top:0;
    transform:translateX(100%);
    width:80%;
    height:220px;
    position: absolute;
    z-index:1;
    animation: slide 1s infinite 3s;

    /*
    CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
    */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
    0% {transform:translateX(-100%);}
    100% {transform:translateX(100%);}
}


.add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }

/* Add to Links + Add to Cart */
.add-to-box { margin:10px 0; clear:both;}
.add-to-box .add-to-cart .paypal-logo { float:left; }
.add-to-box .or { display:none !important; }


.product-essential { padding:0 0 25px; margin-bottom: 50px;}
.product-essential form{display: flex; flex-wrap: wrap;}
/*.product-essential h2 { font:bold 12px/1.25 Arial, Helvetica, sans-serif; }*/

.product-collateral {clear:both;}
.product-collateral h2.list { font-size: 1.727em; font-weight:normal; line-height:1.15; margin-top: 40px; padding-top: 40px;  border-top: 1px solid   #C8C8C8;}
.product-collateral .box-collateral {}
.product-collateral .slider-left,
.product-collateral .slider-right{ margin-top: 37px; }


/* next/prev buttons */

.product-navigation{  text-align: right; clear: both; margin: -35px 0 35px 0; font-size: 0.92em; font-weight: 200; }
.product-navigation .product-nav-info { margin: 0 10px; }
.product-navigation .buttons{display: inline-block;}
.product-navigation .buttons a{color: #BB465C; border: none; color: #000; position: relative; padding: 0;}
.product-navigation .buttons a:hover{color: #8D3545;}

.product-navigation .buttons.prev a { padding-left: 10px; }
.product-navigation .buttons.next a { padding-right: 10px; }
.product-navigation .buttons.prev a:after { content: "\f18d"; left: 0px; top: 3px; }
.product-navigation .buttons.next a:after { content: "\f18e"; right: 0px; top: 3px; }

.product-nav-info { color: #A2A2A2;}

/* Product Options */

.alt-colors + .product-options > dl .attribute-color{display: none;}
/* amconf */
/*hr.amconf-hr{display: none!important;}*/
.amconf-image-container.has-color-code img{opacity: 0;}
.amconf-image-container.has-color-code { width: 23px!important; height: 23px; border-radius: 50px; cursor: pointer;}

.amconf-size.amconf-images-container{min-width: 185px;}
.amconf-size .amconf-image-container{display: block; clear: both;  margin: 8px 0 0 0; position: relative;}
.amconf-size .amconf-image-container:first-child{margin-top: 0;}
.amconf-size .amconf-image{display: none;}
.amconf-size .amconf-image-title{
    cursor: pointer;
    letter-spacing: 0;
    font-size: 1em;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    margin-bottom: 0;
    border: 1px solid #828282;
    height: 30px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0 10px;
}

.amconf-size .amconf-image-container.selected .amconf-image-title{background: var(--main-color); color: #fff; border: 1px solid var(--main-color-500);}

.amconf-size .amconf-image-title.outofstock{color: #969696; cursor: default;}

/* Dessa after/before elements kan vara något förvirrande. De ligger på detta vis för att vi ska slippa fippla i AMCONF configurable.js kod.
 * Rent logiskt sätt så borde storleksikonen och rek längd och Storleksikonen ligga som after/before på samma element.
 * Detta fungerar dock inte då vi behöver komma åt outofstock värdet för radiobutton som endast finns på innre DIVet
 */

/*Detta är Storleksikonen*/
.amconf-size .amconf-image-container:before{
    position: absolute;
    left: 100%;
    content: "\e909";
    color: #6A6A6A;
    line-height: 30px;
    margin-left: 15px;
    font-size: 19px;
}
/*Detta är radiobutton*/
.amconf-size .amconf-image-title.outofstock::before{color: #ccc;}
.amconf-size .amconf-image-container.selected .amconf-image-title.outofstock:before{content: '\e921';}
.amconf-size .amconf-image-container .amconf-hr{
    display: none;
    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    filter:  none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";

    zoom: 1;
    color: white;
    border-color: white;
    background-color: rgba(255, 255, 255, 0.3607843137254902);
    position: absolute;
    width: auto;
    z-index: 4;
    right: -100px;
    top: 0;
    bottom: 0;
    left: 0;
    height: auto;
    border: none;
    margin: 0;
}

/*Detta är rek. längd. Sätts via javascript i crescent.js */
.amconf-size .amconf-image-title:after{
    color: #575757;
    position: absolute;
    left: 100%;
    top: 0px;
    bottom: 0px;
    display: block;
    border-radius: 2px;
    padding-left: 40px;
    line-height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: nowrap;
    font-size: 14px;
    font-weight: normal;
    color: #6A6A6A;
}

/*.amconf-color{display: none;}*/
.amconf-color .amconf-image{ padding: 3px; margin: 0!important;}
.amconf-color .amconf-image-selected{border: none; margin: 0px!important;}

.alt-colors a.has-color-code{width: 23px; height: 23px; margin-right: 7px; display: inline-block;}
.alt-colors a.has-color-code.white{border: 1px solid #d9d9d9; width: 22px; height: 22px;}

.alt-colors{display: flex;}
.alt-colors a{position: relative; width: 25%;}
.alt-colors a img{padding: 3px; width: 100%;}
.alt-colors a.selected img{border: 1px solid #919191; margin-bottom: 15px;}
/*.alt-colors a:hover:after,*/
.alt-colors a.selected:after,
.amconf-color .amconf-image-container.selected:after {
    border-color: #D51317;
    content: '\e116';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    font-weight: normal;
}
.alt-colors a.white:hover:after,
.alt-colors a.selected.white:after{color: #000;}

.product-options dt,
.product-options-heading{ margin: 20px 0 15px 0; font-size: 0.92em; display: block}
.info-wrapper > .product-options-heading{margin-top: 35px;}
.product-options { margin-top: 15px; }
.product-options dt { font-weight:normal;}
.product-options dt label.required em { color:#eb340a; padding-right: 5px;}
.product-options dt label .amconf-label{display: none;}
.product-options dd .qty-holder { display:block;}
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#444; }
.product-options dl.last dd.last { border-bottom:0;margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select
{
    width: 100%;
    max-width: 100%;
}
.product-options dd select:disabled{ opacity: 0.6;  background-color: #F5F5F5; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:2px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required {display: none;}

.product-shop .product-options-bottom .price-box{display: none;}
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; }
.product-options-bottom .price-box { float:left; margin:0; clear: both;}
.product-options-bottom .price-label { padding-right:5px; }
.product-options-bottom .price-tax { float:left; }

.coming-soon-notice {padding-top: 20px; margin-top: 20px; border-top: 1px solid #e1e1e1;}
.coming-soon-notice .inner-wrapper{ padding-left: 80px; position: relative;}
.coming-soon-notice .inner-wrapper:after{content: "\e940";left: 0;top: 4px;background: #fe7701;border-radius: 50%;padding: 12px; color: #fff; font-size: 28px; font-weight: normal;}
.coming-soon-notice .inner-wrapper .label{font-size: 0.92em;}
.coming-soon-notice .inner-wrapper .date{font-size: 1.7em;}


/* datum */
.product-options .product-custom-option.datetime-picker {width: 100%;}
.product-options .product-custom-option.datetime-picker + img {display: inline-block; position: absolute; right: 13px; top: 11px; width: 20px; top: 8px;}

/* Email to a Friend */
.email-friend { margin:0; }

/* Alerts */
.alert-price { margin:0; font-size: 1em; }
.alert-stock { margin:0; font-size: 1em; }

/********** < Product Prices */
.price { white-space:nowrap !important; }

.price-box { margin:5px 0 10px; }
.price-box .price { font-size: 1.071em; color:#313030; }

/* Regular price */
.regular-price { color:#313030; }
.regular-price .price { color:#313030; }

/* Old price */
.old-price { margin:0; display: inline-block; vertical-align: middle; }
.old-price .price { text-decoration:line-through; display: inline-block; }

/* Special price */
.special-price { margin:0; display: inline-block; vertical-align: middle; margin-right: 5px; }
.special-price .price { color: #C74848; display: inline-block; }

/* Minimal price (as low as) */
.minimal-price { margin:0; }
.minimal-price .price-label { font-size:0.85em; font-weight:bold; white-space:nowrap; }

.minimal-price-link {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: rgba(210, 210, 210, 0.36);
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.72em;
    color: #9B9B9B!important;
}

/* Including tax */
.price-including-tax { display:block; color:#888; }
.price-including-tax .label {  font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; }
.price-including-tax .price { font-size:13px; font-weight:bold; color:#396f00; }

/* Excluding tax */
.price-excluding-tax { display:block; color:#888; }
.price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; }
.price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; }

/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-size:13px; font-weight:bold; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; font-weight:normal; }

/* FPT */
.weee { display:block; font-size:11px; color:#444; }
.weee .price { font-size:11px; font-weight:normal; }

/* Price range */
.price-from { margin:0; }
.price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; }

.price-to { margin:0; }
.price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:7px; font-size: 1.3em;}
.price-notice .price { font-weight:bold; font-size: 1em!important;}

/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; text-transform:uppercase; }

.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { color:#222; }

/********** Product Prices > */

/* Tier Prices */
.product-pricing,
.tier-prices { margin:10px 0; padding:10px; background:#f4f9ea; border:1px solid #ddd; }
.tier-prices .benefit { font-style:italic; font-weight:bold; }
.tier-prices .price { font-weight:bold;; }

.tier-prices-grouped li .price { font-weight:bold; }


/* Grouped Product */
.product-view .grouped-items-table .price-box { margin:0; padding:0; }


/*attributes*/
.attributes-table{width:100%; margin-top: 30px; border: 0; border-spacing: 0; }
.attributes-table tr{background-color: #fff;}
.attributes-table tr td{ padding: 8px 0; border-bottom: 1px solid #E0E0E0;}
.attributes-table tr:last-of-type:first-of-type td{ border-bottom: 0px; }
.attribute-value{color: #000;}
.attribute-label{width: 30%; background: #fff; color: #6D6D6D; font-weight: bold; text-transform: uppercase;}


/* Product Tabs */
.product-tabs {
    margin-bottom: 15px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    font-size: 1.357rem;


}
.product-tabs li {padding:0 min(2vw, 35px);}
.product-tabs li:first-of-type{padding-left: 0;}
.product-tabs li:last-of-type{padding-right: 0;}
.product-tabs li.active a,
.product-tabs li.active a:hover {border-color: #000!important;}
.product-tabs li a { display:block; color:#000; padding: 8px 0; border-bottom: 2px solid #fff!important; }
.product-tabs li.last a{ border-right-width: 1px; }
.product-tabs li.active a { border-bottom-color: #fff; }


.product-tabs-content{ margin:5vh 0px; line-height: 1.8em;}
.product-tabs-content .std{ max-width: 115ch; margin: auto;}
.product-tabs-content > h2 { display:none; font-size: 1.091em; font-weight:bold; }
.product-tabs-content .data-table tbody th{padding-right: 25px; color: #868686; text-transform: uppercase; }
.product-tabs-content .data-table tbody td{color: #000; }
.product-tabs-content .data-table tbody td.odd,
.product-tabs-content .data-table tbody td.even { background: #fff; }
.product-tabs-content .data-table tbody th,
.product-tabs-content .data-table tbody tr{ border-bottom: 1px solid #f4f4f4; }
.product-tabs-content .data-table tbody tr:hover :is(th,td){background: #d2e4e7;}
.product-tabs-content .highres-images{}
.product-tabs-content .highres-images li{padding: 2px 3px; border-bottom: 1px solid #eee;}
.product-tabs-content .highres-images li:hover{background: #eee;}
.product-tabs-content .highres-images li:last-child{border-bottom: 0;}
.product-tabs-content .highres-images li a {display: block;}
.product-tabs-content .highres-images .size{float: right;}

#product_tabs_related_contents{padding: 0;}

/* Product Tab: Attribut */
#product-attribute-specs-table .row:nth-child(odd){background-color: #ececec;}
#product-attribute-specs-table .row {display: grid; grid-template-columns: 1fr 1fr 1fr;}
#product-attribute-specs-table .row .row-item{padding: 15px 30px;}
#product-attribute-specs-table .row .row-header{text-transform: uppercase; font}
#product-attribute-specs-table .row .row-item.row-value{grid-column: 2/ span 3;}

/* Mini Products Grid */
.mini-products-grid { width:100%; }
.mini-products-grid td { width:20%; padding:0 8px 8px 0; }
.mini-products-grid .product-image { display:block; border:1px solid #cacaca; margin:0 0 10px; }
.mini-products-grid .product-name { width:115px; margin:0 0 6px; overflow:hidden; }
.mini-products-grid .product-name a { color:#444; text-decoration:underline; }
.mini-products-grid .product-name a:hover { text-decoration:none; }
.mini-products-grid td.empty {}
.mini-products-grid td.last { padding-right:0; }
.mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }

/* Block: Description */
.product-view .box-description {}

/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }

/* Block: Upsell */
.product-view .box-up-sell h2 { margin:0 0 8px; }
#product_tabs_upsell_products_contents h2 { display:block; }


/* Block: Reviews */


.product-view .form-add.review-form { margin:15px 0 0; height: 0; visibility: hidden; overflow: hidden;}
.product-view .form-add.review-form.open{height: 554px; visibility: visible; overflow: hidden;}
.product-view .toggle-review{width: 100%; line-height: 35px; cursor: pointer; line-height: 2; text-transform: uppercase;}
.product-view .toggle-review span:after{content: '\f106'; postition: static; margin-left: 5px;  line-height: 2; display: inline-block; vertical-align: middle;}

.product-view .form-add.review-form.open .buttons-set{margin-top: 5px; border-top: 0px; text-align: center;}

.product-view .box-reviews dl { margin:20px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dt .title{}
.product-view .box-reviews dd { margin:8px 0 8px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews dd .ratings-table{margin-bottom: 8px;}
.product-view .box-reviews .form-add h3 { font-size: 1.182em; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
.product-view .box-reviews .form-add h4 { font-size: 1.091em; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:460px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:454px; }

/* Send a Friend */
.send-friend .form-list { width:535px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size: 1em; line-height:25px; }


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================== Content Styles ======================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.product-name { margin:0; font-size:1em; font-weight:normal; line-height:1.55; }



.cms-index-index .messages + .block-after-slider{ top: 71px;}
.cms-index-index .breadcrumbs{display: none;}

.cms-home .main { padding:8px; }

.home-boxes { margin-bottom: 50px; margin: 0 -12px 50px -12px; }
.home-boxes p{margin: 0;}
.home-boxes .col{ display: inline-block; vertical-align: top; font-size: 0px; padding: 0  12px; margin-bottom: 24px; box-sizing: border-box; -moz-box-sizing: border-box; max-height: 235px; overflow: hidden; position: relative; }

/*måste fixas line-height */
/*.home-boxes .row .col h2{ position: absolute; top: 0; left: 12px; bottom: 0px; right: 12px; height: 235px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; line-height: 235px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; }*/
.home-boxes .col a{color: #fff; border: none; }
.home-boxes .col h2{ position: absolute; font-size: 20px; top: 0; left: 12px; bottom: -12px; right: 12px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; }
.home-boxes .col h2:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.home-boxes .col h2 a{width: 100%; display: inline-block; vertical-align: middle; padding: 0px;}
.home-boxes .col h2 a:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
/*.home-boxes .row .col h2:after{ content: ''; position: absolute; background: rgba(0, 0, 0, 0.30); top: 0px; left: 0px; bottom: 0; right: 0px; z-index: -1; }*/
.home-boxes .col p{position: relative;}
.home-boxes .col p{overflow: hidden;}
.home-boxes .col:not(.unfiltered) p:first-of-type a:after{ content: ''; position: absolute; background: rgba(0, 0, 0, 0.30); top: 0px; left: 0px; bottom: 0; right: 0px; z-index: 2; visibility: visible; height: auto; }
.home-boxes .col p:first-of-type a:before{ content: ''; position: absolute; background: rgba(0, 0, 0, 0.20); top: -200%; left: -150%; height: 200%; width: 200%; -webkit-transform: rotate(-31deg); transform: rotate(-31deg); z-index: 2; }
.home-boxes .col p:first-of-type img{position: relative; z-index: 1;}
.home-boxes .col:hover p:first-of-type a:before{ left: -105%; top: -100%;  }

.home-boxes .col-1{width: 33.3%}
.home-boxes .col-2{width: 66.6%}
.home-boxes .col-3{width: 100%}

.home-boxes img{width: 100%;}

/* Sitemap */
.page-sitemap .links { text-align:right; margin:0 8px -22px 0; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .sitemap { margin:12px; }
.page-sitemap .sitemap a { color:#444; }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a { color:#4f8100; }


.awis-block .slides li.item{position: relative;}
.awis-block .slides li.item:not(:first-child){display: none;}
.awis-block .flex-disabled{display: none!important;}
.awis-block.show-nav-const .flex-next,
.awis-block.show-nav-const .flex-prev{
    opacity: 1;
    line-height: 57px;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    text-align: center;
}
.awis-block.show-nav-const .flex-next:not(.flex-disabled):after,
.awis-block.show-nav-const .flex-prev:not(.flex-disabled):after{
    font-size: 4em;
    padding: 0;
    position: relative;
    display: inline-block;
    color: #fff;
}

.awis-block.show-nav-const .flex-control-nav,
.awis-block.show-nav-const .flex-direction-nav{
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

.awis-block.show-nav-const .flex-control-paging{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.awis-block.show-nav-const .flex-control-nav li a{background: #fff;}
.awis-block.show-nav-const .flex-control-nav li a.flex-active{background: var(--main-color);}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.flex-control-nav li {display: inline-block; margin: 0 3px;}
.flex-control-nav li a{width: 7px; height: 7px; font-size: 0; display: block; text-decoration: none; border: none; border-radius: 30px; padding-bottom: 0; background: #CECECE;}
.flex-control-nav li a.flex-active{background: #000;}

.flex-controls-container .flex-control-paging{}
/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================== Shopping Cart ======================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.cart .page-title {}

/* Checkout Types */
.cart .page-title .checkout-types { display:none !important; }
.cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; }
.checkout-message{background-color: #EEE; padding: 5px 10px; margin-bottom: 20px;}
.checkout-message p:last-child{margin-bottom: 0;}

/* Shopping Cart Table */
.cart-table thead tr th { padding: 12px 15px;}
.cart-table tbody tr td { padding: 15px; vertical-align: middle; }
.cart-table tbody tr td .product-image{float: left;}
.cart-table tbody tr td a{border: none;}
.cart-table .item-msg { margin:5px 0; font-size: 1em; font-weight:bold; color:#df280a; }
.cart-table tfoot td { padding:15px 0; }
.cart-table .btn-continue { float:left }
.cart-table .btn-continue:hover span { text-decoration:none; }
.cart-table .btn-update,
.cart-table .btn-empty { float:left; }
.cart-table .btn-update { margin-left:7px;}

.cart-table .btn-update span span:after { content: '\e058'; margin-left: 10px; }
.cart-table .btn-continue span:before { content: '\e094'; margin-right: 10px; }

.cart-table .btn-update span span:after,
.cart-table .btn-continue span:before{
    position: relative;
    font-size: 1.2em;
    text-shadow: none;
    color: rgba(0, 0, 0, 0.39);
    vertical-align: middle;
}



.cart-table .product-name a {  }
.cart-table .item-options { margin-top: 15px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:65px 0 0; }
.cart .cart-collaterals .col2-set{}
.cart .cart-collaterals .col2-set .col-1,
.cart .cart-collaterals .col2-set .col-2 { width:50%; }
.cart .cart-collaterals .col2-set .col-2 { text-align: right; }

.cart .crosssell { border:1px solid #ddd; background:#f7f7f7; padding:10px; }
.cart .crosssell h2 { font-size: 1.091em; font-weight:bold; }
.cart .crosssell .product-image { float:left; width:75px; height:75px; }
.cart .crosssell .product-details { margin-left:85px; }
.cart .crosssell .product-name { font-weight:bold; }
.cart .crosssell li.item { margin:0 0 8px; padding-bottom:5px; border-bottom:1px solid #ddd; }
.cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; }
.cart .crosssell .link-compare { font-weight:normal; }
.cart .no-crosssell { width:100%; overflow:hidden; }
.cart .no-crosssell img { display:block; margin:0 0 10px; }

/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount { /*background-color: #F2F2F2;*/ border: 1px solid   #C8C8C8; border-width: 1px 0; text-align: center; padding: 15px 0; margin-bottom: 20px; }
.cart .discount label { font-weight:bold; color:#555; display: none;}
.cart .discount .input-box { width:270px; display: inline-block; vertical-align: middle; }
.cart .discount .input-box input{width: 100%; }
.cart .discount .buttons-set{ margin: 0 0 0 15px; display: inline-block; border: none; padding: 0; vertical-align: middle; }
.cart .discount .buttons-set button.button{line-height: 33px;}
.cart .discount .buttons-set button.button span span:after {
    content: '\e095';
    margin-left: 15px;
    position: relative;
    font-size: 1.2em;
    text-shadow: none;
    color: rgba(0, 0, 0, 0.39);
    vertical-align: top;
    background: none;
}

.cart .discount h2,
.cart .discount .discount-form{ display: inline-block; vertical-align: middle; }
.cart .discount h2{text-transform: uppercase; font-weight: 200; margin: 0;}

.cart #shippingform {padding:0; margin-bottom: 20px; }
.cart .shipping {margin-bottom: 20px; width: 100%; border-bottom: 1px solid #C8C8C8; display: block; text-align: center; }
.cart .shipping h2 { text-transform: uppercase; font-weight: 200; display: inline-block; vertical-align: middle; margin: 10px 25px 10px 0; }
.cart .shipping .sp-methods{display: inline-block; vertical-align: middle; width: auto; max-width: 100%; text-align: left; margin-bottom: 0;}
.cart .shipping .sp-methods dt{margin: 0;}
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .shipping .buttons-set button.button { float:none; margin:0; }



.cart .shipping p { margin:0 0 3px; }
.cart .shipping .form-list .input-box { width:270px; }
.cart .shipping .form-list input.input-text { width:264px; }
.cart .shipping .form-list select { width:270px; }

/* Shopping Cart Totals */
.cart .totals { text-align: right; display: inline-block; }
.cart .totals table {float:right;  margin:0 0 8px; }
.cart .totals button { margin-top: 30px; width: 50%; }
.cart .totals td { padding:0 0 0 15px; }
.cart .totals tr th,
.cart .totals tr td {padding: 8px 0px; font-size: 1.2em; font-weight: 200;  text-align: left!important; }
.cart .totals tr td:first-of-type{min-width: 230px; padding-right: 15px;}
.cart .totals tr th+td:first-of-type{min-width: 0; padding-right: 0px}
.cart .totals tfoot td strong {font-weight: 600!important;}
.cart .totals .checkout-types li { clear:both; margin:0 0 5px; }

/*giftwrap */

.cart .checkout-additional{margin-top: 15px; text-align: center;}
.cart .checkout-additional h4{text-transform: uppercase; font-size: 0.92em; margin-bottom: 10px;}
.cart .checkout-additional .message{font-weight: 600; font-size: 0.85em;}
.cart .checkout-additional li{display: inline-block; position: relative; padding:0 5px 0; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; max-width: 25%; margin-left: -4px;}
.cart .checkout-additional li a{border: none;}
.cart .checkout-additional li .price{/*display: none;*/ position: absolute; bottom: 0; right: 5px; background: rgba(255, 255, 255, 0.82); padding: 4px; font-weight: bold; font-size: 0.92em; line-height: 1em;}
.cart .checkout-additional li img{max-width: 100%;}


.cart .checkout-additional li:hover .price{display:block;}

/* Options Tool Tip */
.item-options dt {float: left;  padding-right: 5px; color: #868686; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
.item-options dt:after{content: ':'; }
.item-options dd { padding-left:10px; margin-bottom: 10px; }
.truncated { cursor:help; width: 45px; opacity: .95;}
.truncated a.dots { cursor:help; text-decoration:none !important; }
.truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #0853a0; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; z-index:999; min-width: 100px; width:100%; padding:8px; border:2px solid #eee; background-color:#fff; opacity: .9;}
.truncated .truncated_full_value .item-options dt { margin-top:0; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:30px; top:10px; }
.col-right .truncated .show .item-options { left:-240px; top:10px; }

/* Klarna checkout */

.neatklarnacheckout-index-index .col1-layout .col-main{
    padding-top: 4px;
}
.checkout-onepage-index .cart .discount h2,
.neatklarnacheckout-index-index .cart .discount h2{
    display: block;
    margin-bottom: 10px;
}
.checkout-onepage-index .cart .discount .input-box,
.neatklarnacheckout-index-index .cart .discount .input-box { width: 191px;}

.checkout-onepage-index .cart .cart-collaterals .col2-set .col-1,
.neatklarnacheckout-index-index .cart .cart-collaterals .col2-set .col-1,
.checkout-onepage-index .cart .cart-collaterals .col2-set .col-2,
.neatklarnacheckout-index-index .cart .cart-collaterals .col2-set .col-2
{
    float: none;
    display: block;
    width: auto;
}
.neatklarnacheckout-index-index .cart .cart-collaterals .col2-set .col-2,
.checkout-onepage-index .cart .cart-collaterals .col2-set .col-2{
    background: #F2F2F2;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

.checkout-onepage-index .cart .totals table,
.neatklarnacheckout-index-index .cart .totals table {
    float: none;
    margin: auto;
}
.checkout-onepage-index .cart .shipping,
.neatklarnacheckout-index-index .cart .shipping{
    margin-bottom: 0px;
    border-bottom: 0px;
}

.checkout-onepage-index #shopping-cart-totals-table + .checkout-types{display: none;}
.checkout-onepage-index .page-title{display: none;}
.checkout-onepage-index .cart-table{margin-top: 20px;}

.payment-buttons{margin-top: 10px;}
.payment-button:first-of-type{margin-right: 10px;}
.payment-button.active{
    background: url('../../default2/images/neatklarnacheckout/radiobtn-checked.png') no-repeat left center;
    cursor: pointer;
    background-color: #ecebeb;
    border-radius: 5px;
    background-position: 5px center;
}
.payment-button{
    display: table;
    height: 28px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 11px 11px 37px;
    float: left;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: url('../../default2/images/neatklarnacheckout/radiobtn.png') no-repeat left center;
    line-height: 20px;
    max-width: 45%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.payment-button .label{display: table-cell; vertical-align: middle; height: 28px;}
.payment-button img{max-height: 100%; max-width: 100%;}
.payment-button.active.loading{ background-image: url('../../default2/images/neatklarnacheckout/ajax-loader.gif'); background-repeat: no-repeat; background-position: 5px center; background-size: 22px;}

/*.opc-main .label img,
.klarnacheckout-main .label img{max-height: 20px;}

.neatklarnacheckout-index-index .opc-main .label{border-bottom: 0px;}
.checkout-onepage-index .klarnacheckout-main .label{border-top: 0;}
.opc-main .label img{padding-right: 15px; margin-right: 15px; border-right: 1px solid #888;}
.opc-main .label img:last-of-type{margin:0; padding: 0; border: none;}
.ajax-loader{min-height: 300px; width: 100%; background: url('../../default2/images/neatklarnacheckout/ajax-loader.gif') no-repeat center;}

.checkout-onepage-index .klarnacheckout-main.active .label:after,
.neatklarnacheckout-index-index .opc-main.active .label:after {
    content: '';
    position: absolute;
    margin-left: 20px;
    width: 17px;
    height: 30px;
    background: url('../../default2/images/neatklarnacheckout/ajax-loader.gif') no-repeat center;
    background-size: 100% auto;
}


.checkout-onepage-index .klarnacheckout-main .label,
.neatklarnacheckout-index-index .opc-main .label{float: left; position: relative; z-index: 2; border: none;}

.checkout-onepage-index .opc-main .label,
.neatklarnacheckout-index-index .klarnacheckout-main .label{margin-left:10px; display: inline-block;border: none;}

.neatklarnacheckout-index-index #klarna-snippet{border-top: 1px solid #C5C5C5; margin:0 -10px; clear: both;}
.neatklarnacheckout-index-index .klarna-checkout-container{margin-top: 0px;}


.opc-main .label, .klarnacheckout-main .label{padding: 11px 15px 11px 30px;}*/

.opc-main.active .label,
.klarnacheckout-main.active .label {
    background-color: #ecebeb;
    border-radius: 5px;
    padding: 11px 15px 11px 37px;
    background-position: 5px center;
}

.opc{margin-top: 20px;}
#opc-login .col-1, #opc-login .col-2{margin:0!important;}



.agreement-comments .buttons-set{padding-top: 0; border-top: 0; margin-top: 20px;}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ==================================== Checkout =========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.cart-message{ width: 100%; padding: 5px 10px;}
.cart-message p{ margin-bottom: 0px; color: #8C1D1D; }

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { margin:0 0 8px; }
.sp-methods dt { margin:13px 0 5px; font-weight:bold; }
.sp-methods dd {}
.sp-methods dd li { margin:15px 0; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; margin: 0;}
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.sp-methods .checkmo-list li { margin:0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }

.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

.sp-methods .release-amounts { margin:1.5em 0 2em; }
.sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; }

.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size: 1em; cursor:help; margin-left:10px; }

/* Tooltip */
.tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { margin:-9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:12px; height:12px; background:url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.gift-messages h3 { font-size: 1.091em; font-weight:bold; color:#e87403; }
.gift-messages p.control { color:#8e8d8b; }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { font-size: 1.091em; font-weight:bold; color:#e87403; }
.gift-messages-form .whole-order { margin:0 0 25px; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; }
.gift-messages-form .item .details { margin-left:90px; }
.gift-messages-form .item .details .product-name { font-size: 1.182em; font-weight:bold; margin:0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }

.gift-message-link { font-size: 1em; background:url(../images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { background:#f2efe9; }
.gift-message-row .btn-close { float:right; width:12px; height:12px; background:url(../images/btn_remove.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

/* Checkout Agreements */
.checkout-agreements li { margin:30px 0; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { margin-right:6px; }
.checkout-agreements .agree label { font-weight:bold; color:#555; }
#checkout-agreements .form-list{max-width: 100%;}

.opc .checkout-agreements { padding:5px 30px; }
.opc .checkout-agreements li { margin:20px 0 0; }
.opc .checkout-agreements .agreement-content { overflow:auto; height:auto; padding:20px; background:#fff; border:1px solid #B9B9B9;}
.opc .checkout-agreements .agree { padding-left:6px; }

/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }

.opc .centinel { padding:10px 30px; }

/* Generic Info Set */
.info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; }
.info-set h2 { font-size: 1.091em; font-weight:bold; margin:0 0 10px; }
.info-set h3,
.info-set h4 { font-size: 1.091em; font-weight:bold; }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-weight:normal; }
.info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; }
.info-set h2.legend a { color:#fff; }
.info-set h3.legend { margin:0 0 10px; }
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.info-set .box { margin:0 0 15px; }
.info-set .box h2 { color:#e26703; }
.info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; }
.info-set .data-table .product-name a { font-weight:bold !important; }
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */

/* One Page Checkout */

.checkout-onepage-index .col-main{ padding-top: 0!important; }
.checkout-onepage-index .cart-message{ margin: 0 -40px; padding: 5px 40px; }

.block-progress {margin:0; margin-top: 0px;}
.block-progress .block-title { display: none;}
.block-progress .block-content { padding:0; }
.block-progress dt { font-size: 0.846em; line-height: 1.35; margin: auto; padding: 7px 8px; color: #999; text-transform: uppercase; border: 1px solid #DFDFDF; background-color: #FDFDFD; margin-bottom: 0px;}
.block-progress dd { border-top:0; padding:2px 10px; margin:0 0 6px; }
.block-progress dt.complete {}
.block-progress dt.complete a { text-transform:none; }
.block-progress dd.complete {background-color: #fff; border: 1px solid #DFDFDF; border-top: 0; padding: 20px;}
.block-progress p { margin:0; }
.block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size: 0.846em; font-weight:bold ;padding:0; text-transform:none; }
.block-progress .cards-list dd { border:0 none; margin:0; padding:0; }
.block-progress .cards-list .info-table th { font-weight:normal; }

/*opc data-table*/


#opc-login .buttons-set{border: none; position: absolute; bottom: 0px;}
#opc-login .buttons-set a{
    margin-left: 20px;
}
.opc .data-table{margin-top: 10px;}
.opc .data-table tfoot tr td{
    padding: 8px 0px;
    font-size: 1.2em;
    font-weight: 200;
    text-align: left!important;
    min-width: 100px;

}
.opc .data-table tfoot tr td:first-child {
    text-align: right!important;
    min-width: 0px;
}

.opc .buttons-set { margin-top:0; padding-top: 0; }
.opc #opc-login .buttons-set p{float: right;}
.opc #opc-login .buttons-set p.required{display: none;}
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:28px; line-height:28px; }
.opc .ul { list-style:disc outside; padding-left:18px; }

.opc { position:relative; }
.opc input.input-text, .opc select, .opc textarea
{
    font-weight: 200;
    font-size: 1em;
    color: #5A5959;
}

.opc input.input-text:focus, .opc select:focus, .opc textarea:focus
{
    color: #000!important;
}

.opc .step {
    padding:15px 30px;
    background: #fff;
    border-top: 0px;
    z-index: 997;
    padding-top: 100px;
}

.opc .first{left: 0px;}
.opc .first:before{left: 80px;}

.opc tfoot .first td{padding-top: 30px!important;}

.opc .last:before{left: 460px;}

.opc .section{
    /*position: relative;*/
    /*float: left;
    width: 16.65%*/
}
.opc .section.allow{cursor: pointer;}
.opc .section.active{cursor: auto;}
.opc .section-static{
    position: relative;
    float: left;
    width: 16.65%
}
.opc .active{/*position: relative;*/}
.opc .step .tool-tip { right:30px; }

.opc:after{
    content: '';
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0px;
    height: 1px;
    background: #D7D7D7;

}
.opc .section .step-title {

    width: 16.65%;
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    text-align: center!important;
    color: #B0B0B0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.opc .section.allow.active .step-title {color: #000;}
.opc .section.allow:not(.active) .step-title:hover{background: #F7F7F7;}


.opc .section:nth-child(2) .step-title{left: 16.67%;}
.opc .section:nth-child(3) .step-title{left: 33.34%;}
.opc .section:nth-child(4) .step-title{left: 50.01%;}
.opc .section:nth-child(5) .step-title{left: 66.68%;}
.opc .section:nth-child(6) .step-title{left: 83.35%;}
.opc .section:nth-child(7) .step-title{left: 100%;}

.opc.remove-shipping .section:nth-child(2) .step-title{left: 16.67%;}
.opc.remove-shipping .section:nth-child(4) .step-title{left: 33.34%;}
.opc.remove-shipping .section:nth-child(5) .step-title{left: 50.01%;}
.opc.remove-shipping .section:nth-child(6) .step-title{left: 66.68%;}
.opc.remove-shipping .section:nth-child(7) .step-title{left: 83.35%;}

.opc .hidden.section .step-title{width: 0px;}

.opc .section.allow .step-title a {display: block; padding-top: 4px; border: none; }


.opc .section.active .step-title {
    border-bottom: 3px solid #000;
    cursor:default;
}


.opc .section .step-title .number:after{ content: '.'; }
.opc .section .step-title .number,
.opc .section .step-title h2{
    margin:0;
    float: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1em;
    display: inline-block;
    padding-top: 21px;
}

.opc .section .step-title .number { margin-right: 3px; }




/*.opc .step:before{content: url('../images1/checkout-arrow2.png') 50%; position: absolute; top: -17px; left: 270px;}*/



#opc-login .col-1,
#opc-login .col-2{ width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; min-height: 400px; padding-bottom: 50px; position: relative;}
#opc-login .col-1{float: right;  border-left: 1px solid #ccc;  padding-left: 50px;}
#opc-login .col-2{float: left; padding-right: 50px;}
#opc-login h3 { font-size: 1.3em; font-weight: normal; padding-bottom:2px; }
#opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#555; }

#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }


#opc-review .product-name { font-weight:bold; }
#opc-review .item-options { margin:5px 0 0; color: #474747; position: relative;}
#opc-review .buttons-set { border:0; padding:15px 30px; padding-right: 5px;}
#opc-review .buttons-set p { margin:0; line-height:28px; }
#opc-review .buttons-set .please-wait { height:28px; line-height:28px; }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }
#opc-review .price{float: right;}
#opc-review .a-right .price{color: #000; padding-right: 0px;}


/* Klarna */

#payment_form_klarna_invoice.form-list {margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box;}
.klarna_box { padding: 20px!important; box-sizing: border-box; -moz-box-sizing: border-box; }


/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; }
.checkout-progress li.active { border-top-color:#e96200; color:#e96200; }

.multiple-checkout h2 { font-size: 1.091em; font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { font-size: 1.091em; font-weight:bold; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; }
.multiple-checkout .data-table .product-name a { font-weight:bold !important; }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }

.multiple-checkout .gift-messages { margin:15px 0 0; }

.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }

.multiple-checkout .col2-set,
.multiple-checkout .col3-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; }
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { margin:0 0 15px; }

.multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; }
.multiple-checkout .place-order .grand-total .inner {}
.multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; }
.multiple-checkout .place-order .grand-total div { float:left; }

/* Step 1 */
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }

/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #ddd; background:#eee; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { display:none; }

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =========================== Account Login/Create Pages ================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.account-login .content { min-height:350px; padding:0 10px; }
.account-login .content h2{margin-bottom: 15px; padding: 0; background: none;}
.account-login .buttons-set a { margin: 0 5px;}

.account-create {}
/* Account Login/Create Pages ============================================================ */

/* Captcha */
.captcha-note   { clear:left; padding-top:5px; }
.captcha-image  { float:left; display:inline; margin:0; position:relative; width:258px; }
.captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; }
.registered-users .captcha-image { margin:0; }
.captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px; }
.captcha-reload.refreshing  { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }

@-webkit-keyframes rotate {
    0% { -webkit-transform:rotate(0); }
    0% { -webkit-transform:rotate(-360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform:rotate(0); }
    0% { -moz-transform:rotate(-360deg); }
}
@keyframes rotate {
    0% { transform:rotate(0); }
    0% { transform:rotate(-360deg); }
}

/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================ Remember my cart ======================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.window-overlay { background:rgba(0, 0, 0, 0.35); position:fixed; top:0; left:0; height:100%; width:100%; z-index:990; }

.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { background:#fff; border:1px solid #888; border-bottom-color:#777; left:50%; top:50%; position:fixed; margin:-85px 0 0 -200px; width:400px; max-width: 100%;text-align:left; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; box-shadow:0 0 6px #999; z-index:1000; }
.remember-me-popup h3 { background:#dedede; border-bottom:1px solid #ccc; color:#444; font-size: 1.273em; margin:0; padding:7px 10px 5px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { display:block; position:absolute; top:9px; right:7px; height:15px;}
.remember-me-popup .remember-me-popup-body { border-top:1px solid #e6e6e6; padding:10px; }
.remember-me-popup .remember-me-popup-body a,
.remember-me-popup .remember-me-popup-body a span { display:inline-block; height:28px; padding:0 0 0 6px; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; }
.remember-me-popup .remember-me-popup-body a span { background-position:100% 0; padding:0 15px 0 9px; }


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ============================ My Account / Your account ================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
body[class*="sales-order"] .col-left,
body[class*="wishlist"] .col-left,
body[class*="newsletter"] .col-left,
body[class*="customer-"] .col-left{ background: #FAFAFA;}
body[class*="-account-"] .col-left{ background: #FAFAFA;}
.my-account .title-buttons .link-rss { float:none; margin:0; }

/********** < Dashboard */
.dashboard .welcome-msg { margin:0 8em 60px 0; }
.dashboard .welcome-msg p { margin:0; }
.dashboard .col2-set { margin:0 0 15px; }

.dashboard .box-account { margin-bottom: 60px; }

/* General Box */
.box-account { margin:0 0 15px; }
.box-account .box-head { margin:0 0 5px; text-align:left;  border-bottom: 2px solid #C8C8C8; padding-bottom: 7px; margin-bottom: 20px; }
.box-account .box-head h2 { display: inline-block; margin:0; font-size: 1.091em; font-weight:600; text-transform: uppercase; margin-right: 10px;}
.box-account .box-head a { font-size: 1em; text-transform:uppercase; border: none; }

.dashboard .box a{ border: none; }
.dashboard .box-address h4,
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { display: inline-block;  margin:0; font-size: 1.091em; font-weight:600; line-height:1.35; text-transform: uppercase; margin-right: 10px; margin-bottom: 20px; }
.dashboard .box .box-title a { display: inline-block; font-size: 1em; text-transform:uppercase; margin-top: 5px; }

/* Block: Recent Orders */
.dashboard .box-recent {}

/* Block: Account Information */
.dashboard .box-info {}
.dashboard .box-info h4 { font-size: 1em; font-weight:bold; }

/* Block: Reviews */
.dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; }
.dashboard .box-reviews .box-head h2 { font-size: 1.091em; font-weight:bold; line-height:1.35; color:#444; }
.dashboard .box-reviews .number { display:none; float:left; font-size: 1em; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { padding:0 10px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:7px 0 0; }

/* Block: Tags */
.dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; }
.dashboard .box-tags .box-head h2 { font-size: 1.091em; font-weight:bold; line-height:1.35; color:#444; }
.dashboard .box-tags .number { display:none; float:left; font-size: 1em; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-tags .details { padding:0 10px; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */

/* Address Book */

.addresses-list h2{ display: inline-block;  margin:0; font-size: 1.091em; font-weight:600; line-height:1.35; text-transform: uppercase; margin-right: 10px; margin-bottom: 20px; }
.addresses-list h3 { font-weight:bold; font-size: 1.091em; }
.addresses-list address { margin:0 0 3px; }
.addresses-list p { margin:0; }
.addresses-list a { font-weight:bold; }
.addresses-list .link-remove {}
.addresses-list .separator { margin:0 3px; }
.addresses-list li.item { margin:0 0 30px; }
.addresses-list li.empty {}
.addresses-list li.empty p { font-weight:bold; }
.addresses-list .addresses-additional li.item {}

/* Order View */



.order-info dt { display:none; }
.order-info #order-info-tabs {

    margin-bottom: 25px;
    line-height: 1.25;
    color: #555;
    font-weight: normal;
    background: #F2F2F2;
}
.order-info #order-info-tabs li{
    float:left;
    border-right:1px solid #a4a4a4;
    font-size:1.1em; line-height:1em;
    border: 1px solid #D7D7D7;
    border-width: 1px 0 1px 1px;
    font-size: 0.92em;
    font-weight: 700;
    text-transform: uppercase;
}
.order-info #order-info-tabs li a {
    display: block;
    color: #000;
    padding: 20px 50px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.order-info #order-info-tabs li a:hover{background: #E0DFDF;}
.order-info #order-info-tabs li.last { border-right-width: 1px; }
.order-info #order-info-tabs li.current {
    background-color:#fff;
    color: #000;
    padding: 20px 50px;
    border-bottom-color: #FFF;
}

.order-date { margin:10px 0; }

.order-info-box { margin:0 0 40px; }
.order-info-box h2 {   font-size: 1.091em; font-weight:bold; border-bottom:2px solid #C8C8C8; font-weight: 600; text-transform: uppercase;   padding-bottom: 7px; margin-bottom: 20px; }
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }

.order-items { width:100%; }
.order-items a{border: none;}
.order-items h2 {  font-size: 1.091em; font-weight:bold; border-bottom:2px solid #C8C8C8; font-weight: 600; text-transform: uppercase;   padding-bottom: 7px; margin-bottom: 20px; }
.order-items .product-name { font-weight:bold !important; }
.order-items .link-print { font-size: 1em; text-transform:uppercase; }
.order-items .order-links { text-align:right; }
.order-items .order-links .link-print { font-weight:bold; font-size: 1em; text-transform:none; }

.order-additional { margin:15px 0; }

/* Order Gift Message */
.gift-message dt strong { color:#555; }
.gift-message dd { font-size: 1.182em; margin:5px 0 0; }

/* Order Comments */
.order-about dt { font-weight:bold; }
.order-about dd { font-size: 1.182em; margin:0 0 7px; }

.tracking-table { margin:0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }

.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }

/* Order Print Pages */
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size: 1.364em; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size: 1.091em; font-weight:bold; }
.page-print h2.h2 { font-size: 1.364em; font-weight:bold; text-align:right; }
.page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }

/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }

/* My Wishlist */
.my-wishlist .description{ padding: 15px 0; }
.my-wishlist textarea { display:block; width:97%; height:70px; }
.my-wishlist .buttons-set { border:0; padding:0; margin:0; float: right; clear: none; }
.my-wishlist .fb-share-button{float: left;}
.wishlist-shared-index .my-wishlist .buttons-set {float: none; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist + .buttons-set .share-link{float: right;}
.my-wishlist + .buttons-set .share-link span{margin-right: 5px;}


#wishlist-table {margin-bottom: 20px;}
#wishlist-table .add-to-links { white-space:nowrap; }
#wishlist-table button.button { margin-top: 5px}
#wishlist-table tr.even{ background: #fff; }
#wishlist-table td{ border-bottom: 1px solid #D0D0D0; padding:20px;  }
#wishlist-table td.remove,
#wishlist-table td.cart{background: #eee;}
#wishlist-table td.remove{vertical-align: middle}

/* My Tags */
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }

/* My Reviews */
#my-reviews-table td { padding:10px; }
#my-reviews-table .rating-box { margin:3px 0 0; }

.product-review .product-img-box { float:left; width:140px;  }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { font-size: 1em; margin:0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; }
.product-review .product-details { margin-left:150px; }
.product-review .product-name { font-size: 1.455em; font-weight:bold; margin:0 0 10px; }
.product-review h3 { font-size: 1.091em; margin:0 0 3px; color:#2f2f2f; }
.product-review .ratings-table { margin:0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size: 1.182em; margin:5px 0 0; }

/* Billing Agreements */
.billing-agreements .info-box{ margin:15px 0; }
.billing-agreements .info-box p { margin:0 0 5px; }
.billing-agreements .form-list li select { float:left; margin:3px 10px 0 0; }
.billing-agreements .table-caption { font-weight:bold; font-size: 1.182em; }


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ==================================== MAP popup ========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.cart-msrp-totals { color:red; font-size: 1.091em !important; font-weight:bold; padding:40px 0 10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { background:#f6f6f6; color:red; display:block; font-size: 1em; line-height:14px; font-weight:bold; padding:5px; text-shadow:0 1px 0 #fff; box-shadow:0 0 3px #ccc; border-radius:5px; }

.map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { font-size: 1.455em; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background:url(../images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:10px; height:15px; width:15px; text-indent:-9999em; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #ddd; }



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== Footer =========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.footer-newsletter{
    background: linear-gradient(to left top, #1d1d1d 0%/*bottom-right color*/, #1d1d1d 49.6% /*middle color*/, #00bdd6 50% /*top-left color*/);
}
.footer-newsletter .block-subscribe{max-width: 910px; margin: 0 auto;}
.footer-newsletter .block-subscribe .block-content{padding: 1.8em 0 .8em 0;}
.footer-newsletter .block-subscribe .input-wrap{display: flex; justify-content: flex-end;}
.footer-newsletter .block-subscribe .input-wrap input{width: 230px; max-width: 100%; height: 45px;}
.footer-newsletter .block-subscribe .input-wrap button{ height: 45px; margin-left: 5px; text-transform: uppercase; font-weight: bold; border-radius: 0; width: min(130px, 100%);}
.footer-newsletter .block-subscribe .form-subscribe-header{
    color: #fff;
    font-size: 1.857em;
    font-weight: bold;
}
.footer-newsletter .block-subscribe .form-subscribe-header,
.footer-newsletter .block-subscribe .input-wrap{min-height: 70px; display: flex; align-items: center;}
.footer-container
{
    position: relative;
    height: auto !important;
    width: 100%;
    background: #303b43;
    color:#656565;
    padding: 50px 50px 0 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.footer {
    margin: auto;
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    line-height: 1.3em;
    width: 1450px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    flex-wrap: wrap;
}

.footer .f-column{
    max-width: 300px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    line-height: 1.8em;
}


.footer .last img{padding-right: 5px;}
.footer-container a { display: inline-block; line-height: 1.5em; margin-bottom: 5px; color:#9da9be;}
.footer-container a:hover{text-decoration: none; border-bottom: 1px solid #9da9be;}
.footer-container p { color:#9da9be; }
.footer h2{ font-size: 1.286em; font-weight: 200; color: #fff;}

.footer ul { display:inline; }
.footer li {}


.footer .form-subscribe { margin:8px 0; }
.footer .form-subscribe label,
.footer .form-subscribe .input-box,
.footer .form-subscribe button.button { float:left; }
.footer .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; }
.footer .form-subscribe .input-box { width:186px; margin:0 5px; }
.footer .form-subscribe input.input-text { width:180px; }

.footer .footer-callout { display:block; margin:-10px 0 10px; position:relative; }
.footer .store-switcher { color:#555; text-align:right; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }

.copyright-content{text-align: center; padding: 30px 0 40px 0; }
.copyright-content .binea-footer {vertical-align: middle; display: flex; align-items: center; justify-content: center;}
.copyright-content .binea-footer.dark{color: #515151;}
.copyright-content .binea-footer.light{color: #BFBFBF;}
.copyright-content .binea-footer a {border: none;padding: 0px; margin-bottom: 0;}
.copyright-content .binea-footer a img{max-height: 10px; display: inline-block; vertical-align: initial; margin-top: -1px;}
.copyright-content .binea-footer a span{text-indent: -9999em; display: inline-block;}


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== Clears =========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.top-bar:after,
.quick-access:after,
.form-search:after,
.main:after,
.footer .form-subscribe:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.order-info ul:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-tabs:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.category-top:after,
.send-friend .form-list li p:after,
.cart-header .cart-open li:after,
.home-boxes :after,
.cart-table tbody tr td.table-product:after,
.quick-access-wrapper .quick-access-menu:after,
.quick-access-wrapper:after,
.manufacturers-view-index .toolbar-top:after,
.stars.rating:after,
.discount-form:after,
.payment-buttons:after{ display:block; content:"."; clear:both; font-size:0; line-height:0; visibility: hidden; height:0; overflow:hidden; }


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =================================== Transitions ========================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

a,
button.button,
#nav li ul li,
.pager .pages li,
.opc input.input-text,
.opc select,
.opc textarea,
.opc .section.allow:not(.active) .step-title,
input,
textarea,
.home-boxes .col p:first-of-type a:before,
.quick-access-wrapper,
.modal-container .modal.block-login .modal-content .block-content .actions button.button > span:after,
.product-view .form-add.review-form,
.posts .post-wrapper.post.post
{
    -webkit-transition: all 0.3s; transition: all 0.3s;
}
.header-container .header .top .form-search .search-input
{
    -webkit-transition: all 0.5s, opacity 0.3s; transition: all 0.5s, opacity 0.3s;
}

.header-container .header .top .form-search .show .search-input,
#to-top
{

    -webkit-transition: all 0.5s; transition: all 0.5s;
}

/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== Social =========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.product-view-social{ margin-top: 10px; margin-top: 20px;padding-top: 20px; border-top: 1px solid #C8C8C8; }
.social li{display: inline-block;}
.social li a{ display: block;  position: relative;}
.social li a:after{ position: relative; display: block; line-height: 20px; width: 30px; font-size: 1.1em; color: #888; top: 0px; }

.social .facebook   a:after{ content: '\f136'; }
.social .twitter    a:after{ content: '\f135'; }
.social .pinterest  a:after{ content: '\f2a3'; }
.social .googleplus a:after{ content: '\f161'; }

.social .facebook   a:hover:after{ color: #4F7BBE; }
.social .twitter    a:hover:after{ color: #ADD8E6; }
.social .pinterest  a:hover:after{ color: #AE2727; }
.social .googleplus a:hover:after{ color: #000000; }


/*göm klarna*/
.klarna_PPBox{display: none!important;}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ==================================== Flexslider ========================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.simple-list-block{position: relative;}
.block-home-new,
.block-home-popular,
.related-list{
    position: relative;
}
.product-wrapper { margin-bottom: 40px; }
.col-main .product-wrapper .h2.list-title,
.col-main .product-wrapper h2.list-title{ text-align: center;}
.col-main .product-tabs-content .product-wrapper .h2.list-title,
.col-main .product-tabs-content .product-wrapper h2.list-title{margin-top:0; padding-top: 0; border-top: 0px; display: none;}
.col-main .product-tabs-content #product_tabs_related_contents{padding: 5px 0;}
.list-controlls {
    position: relative;
    left: 0px;
    margin-top: 5px;
    clear: both;
}
.custom-controls-container {position: relative;}
.custom-navigation{display: flex; justify-content: center; align-items: center;}
.custom-navigation .flex-control-nav{padding: 0 30px; display: flex; align-items: center;}
.custom-navigation .flex-next, .custom-navigation .flex-prev{position: absolute; opacity: 1; border: none; top: -6px; margin-top: 0;}
.custom-navigation .flex-prev{left: 0;}
.custom-navigation .flex-next{right: 0;}
.custom-navigation .flex-direction-nav.flex-direction-nav a:after{position: relative; font-weight: normal; font-size: 1.4em; display: block; padding: 0;}
.custom-navigation .flex-direction-nav  .flex-prev:after{content: '\e900';}
.custom-navigation .flex-direction-nav  .flex-next:after{content: '\e901';}
.list-controlls h2.list{
}
.products-list-container { /*padding: 5px;*/ width: 100%; overflow: hidden; /*margin-left: 15px;*/ position: relative; z-index: 2;}
.products-list-container .item{
    float: left;
    width: 177px !important;
}
.products-list-container .item-inner{
    width: auto;
    margin-right: 12px !important;
    position: relative;
}

.products-list-container .product-name a {text-decoration: none;}
.simple-list-block .flex-viewport + .flex-control-nav{display: none;}

/*.flex-viewport {padding-left: 3px;}*/
.awis-block .flex-viewport {padding-left: 0px;}
.flex-viewport .slides li.item{padding: 0px; margin: 0px!important;  padding-bottom: 1px;}
.flex-viewport .slides li.item video{width: 100%;}
.flex-viewport .slides li.item.border .ribbon2{left: -17px;}
.flex-viewport .slides li.border.item .item-inner{margin: 6px;}
/*.list-controlls .slides li.item .item-inner{margin:0 8px!important;}*/

.col-main .regularBigSlider.product-wrapper .list-controlls{padding: 0px;}
.col-main .regularBigSlider .products-grid{margin: 0px;}
.col-main .regularBigSlider .flex-viewport{margin: 0px;}
.col-main .regularBigSlider .slides.fullsize{max-width: 100%; -webkit-transform:none!important; transform:none!important;}
.col-main .regularBigSlider .slides{
    transform: none!important;
    transition-duration: 0s!important;
    transition: none!important;
    width: 100%!important;
    max-width: 100%!important;
}
.col-main .regularBigSlider .slides{max-width: 100%;}
.col-main .regularBigSlider .slides li.item{/*margin-right: 20px!important; max-width: 160px;*/ margin-bottom: 16px!important; float: none!important; display: inline-block!important}
.col-main .regularBigSlider .slides li.item .item-inner{/*margin: 0px!important;*/}
.col-main .regularBigSlider .slides li.item.last{margin-right: 0px!important;}
.col-main .regularBigSlider .flex-direction-nav{display: none;}



.main-container[class*="col"] .regularBigSlider.col-3 .products-grid.slides li.item{ width: 33.33%!important; }
.main-container[class*="col"] .regularBigSlider.col-4 .products-grid.slides li.item{ width: 25%!important; }
.main-container[class*="col"] .regularBigSlider.col-5 .products-grid.slides li.item{ width: 20%!important; }



.showNav:hover .flex-direction-nav a {opacity: 1;}
.flex-next, .flex-prev{
    opacity: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    border: none;
    margin: 0;
    height: 50px;
    margin-top: -25px;
}

.flex-direction-nav{list-style: none;}

.flex-direction-nav a:after
{
    position: relative;
    font-size: 3em;
    color: #000;
    padding: 5px 10px;
}
.flex-direction-nav .flex-prev{left: 0px;}
.flex-direction-nav .flex-next{right: 0px;}

.flex-direction-nav .flex-prev:after{content: '\f18d';}
.flex-direction-nav .flex-next:after{content: '\f18e';}

.products-list-container .actions{border: none; position: absolute; bottom: 5px;right: 5px; width: 90%;}

/*CMS-pages*/
.contacts-index-index img,
.cms-page-view img{max-width: 100%;}
.cms-page-view td{padding: 5px;}
.cms-page-view .products-grid li{list-style: none}
.cms-page-view .col-main .std{max-width: 900px; margin: auto;}

/*.cms-page-view .col-main a{color:#21a2c1;}*/



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =============================== Error Notification ====================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.error-notification{
    background: rgba(0, 0, 0, 0.71);
    position: fixed;
    z-index: 99999;
    left: 0px;
    right: 0px;
    top: 0px;
    text-align: center;
    font-size: 1.273em;
}
.error-notification p{color: #C5BFBF; margin-bottom: 0px;}
.error-notification span{color: #FFF; font-weight: bold;}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =============================== Hide Responsive ========================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.responsive-slider{display: none;}
.home-image-responsive{display: none;}
.nav-container-mobile{display: none;}
.block-responsive-slider{display: none;}
.mobile-cart{display: none;}
.responsive{display: none!important;}
.recent-orders{display: none;}




/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== Modal ============================================ */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.modal-container{display: none;}
.modal-container.show{display: block; background: rgba(0, 0, 0, 0.60); position: fixed; z-index: 9999; top: 0px; left: 0px; height: 100%; width: 100%; text-align: center; display: flex!important; align-items: center; justify-content: center;}
.modal-container .modal { margin: auto; text-align: center; width: 500px; max-width: 100%; margin: auto; background: #fff;  box-sizing: border-box; -moz-box-sizing: border-box;}
.modal-container .modal .block-title{padding: 10px; background: #2e2e2e; color: var(--main-color); padding: 13px 25px;}
.modal-container .modal .block-title .h4,
.modal-container .modal .block-title .h3{margin-bottom: 0;}
.modal-container .modal .block-content{padding: 20px;}
.modal-container .modal .btn-remove:hover:after{color:#fff;}
.modal-container .modal .modal-content .block-content .error-message.show{
    padding: 5px 15px;
    text-align: left;
    color: #FFF;
    font-size: 0.92em;
    background: #D22727;
    font-weight: 600;
}


.modal-container .modal .back{
    float: right;
    font-size: 0.7rem;
    text-transform: uppercase;
    line-height: 21px;
    padding-left: 11px;
    position: relative;
    cursor: pointer;
    color: #fff;
}

.modal-container .modal .back:hover {
    padding-left: 16px;
    font-weight: bold;
}
.modal-container .modal .back:before{
    content: '\f18d';
    left: 0px;
    font-size: 14px;
    top: 2.5px;
    line-height: 1;
}

/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== CMS Pages ============================================ */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.cms-page-view .std .block-subscribe .block-title{display: none;}
.cms-page-view .std .block-subscribe .block-content{padding: 0;}
.cms-page-view .std .block-subscribe label p{text-align: left!important;}
.cms-page-view .std .block-subscribe .input-box{display: inline-block; vertical-align: middle; margin-right: 10px; max-width: 50%;}
.cms-page-view .std .block-subscribe .input-box input {width: 300px; max-width:100%; }
.cms-page-view .std .block-subscribe .actions{ display: inline-block; vertical-align: middle; margin: 0; padding: 0;}


.faq-text-content ul,
.faq-text-content ol,
.blog-post-view .post-wrapper ul:not(.tags):not(.col-2):not(.col-2-reverse),
.blog-post-view .post-wrapper ol,
.cms-page-view .std ul:not(.slides):not(.flex-direction-nav),
.cms-page-view .std ol
{
    margin-bottom: 30px;
    padding: 0;
    clear: both;
    border-left: 2px solid var(--main-color);
    list-style:none;
}
.faq-text-content li,
.blog-post-view .post-wrapper ul:not(.tags):not(.col-2):not(.col-2-reverse) li,
.blog-post-view .post-wrapper ol li,
.cms-page-view .std ul:not(.slides):not(.flex-direction-nav) li,
.cms-page-view .std ol li {
    padding: 15px 30px 15px 55px;
    position: relative;
    margin-left: 1px;
    background: hsl(0,0%,97%);
    border-bottom: 1px solid hsl(0,0%,85%);
}

.faq-text-content .dark-list li,
.blog-post-view .post-wrapper ul.dark-list:not(.tags):not(.col-2):not(.col-2-reverse) li,
.blog-post-view .post-wrapper ol.dark-list li,
.cms-page-view .std .dark-list ul:not(.slides):not(.flex-direction-nav) li,
.cms-page-view .std .dark-list ol li {
    background: hsl(0,0%,15%);
    color: hsl(0,0%,100%);;
}

.faq-text-content li:last-of-type,
.blog-post-view .post-wrapper ul:not(.tags):not(.col-2):not(.col-2-reverse)  li:last-of-type,
.blog-post-view .post-wrapper ol li:last-of-type,
.cms-page-view .std li:last-of-type{
    border-bottom: none;
}

.faq-text-content li p:last-of-type,
.blog-post-view .post-wrapper ul:not(.tags) li p:last-of-type,
.blog-post-view .post-wrapper ol li p:last-of-type,
.cms-page-view .std li p:last-of-type{
    margin-bottom: 0;
}



/*.faq-text-content li:nth-child(odd),
.blog-post-view .post-wrapper ul:not(.tags) li:nth-child(odd),
.blog-post-view .post-wrapper ol li:nth-child(odd),
.cms-page-view .std li:nth-child(odd) {
    background-color: #f5f5f5;
}*/

.faq-text-content ul li:before,
.blog-post-view .post-wrapper ul:not(.tags):not(.col-2):not(.col-2-reverse)  li:before,
.cms-page-view .std ul:not(.slides):not(.flex-direction-nav) li:before{
    content: '';
    position: absolute;
    left: 20px;
    height: 11px;
    width: 11px;
    text-align: center;
    line-height: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    padding: 0;
    background: var(--main-color);
    border-radius: 50%;
}

.faq-text-content ol, .blog-post-view .post-wrapper ol, .cms-page-view .std ol {
    counter-reset: li-counter;
}

.faq-text-content ol li:before,
.blog-post-view .post-wrapper ol li:before,
.cms-page-view .std ol li:before{
    display: flex;
    align-items: center;
    counter-increment: li-counter;
    content: counter(li-counter);
    font-size: 1.2rem;;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    height: auto;
    width: 31px;
    text-align: center;
    line-height: 1;
    color: var(--main-color);
    margin: auto;
    padding: 0px;
    text-align: left;
}

/* level 2 list */

.faq-text-content ol ol,
.blog-post-view .post-wrapper ol ol,
.cms-page-view .std ol ol{margin: 0px; border: none; counter-reset:sub-li-counter;}

.faq-text-content ol ol li:before,
.blog-post-view .post-wrapper ol ol li:before,
.cms-page-view .std ol ol li:before{
    counter-increment: sub-li-counter;
    content: counter(li-counter) "." counter(sub-li-counter);
}

.faq-text-content ul ul,
.blog-post-view .post-wrapper ul ul,
.cms-page-view .std ul ul{border-left: 0px; margin: 0;}

.faq-text-content ul ul li,
.blog-post-view .post-wrapper ul ul li,
.cms-page-view .std ul ul li{background-color: #fff!important;}

/* col-2 */
@media screen and (min-width: 776px){
    .blog-post-view .post-wrapper ul[class^="col-2"] {display: flex; flex-wrap: wrap;}
    .blog-post-view .post-wrapper ul[class^="col-2"] li{width: 50%; padding-top: 15px; padding-bottom: 15px;}
    .blog-post-view .post-wrapper ul[class^="col-2"] li:nth-child(odd){padding-right: 15px;}
    .blog-post-view .post-wrapper ul[class^="col-2"] li:nth-child(even){padding-left: 15px; padding-top: 40px; padding-bottom: 40px;}
    .blog-post-view .post-wrapper ul[class^="col-2"].col-2-reverse{flex-direction: row-reverse;}
    .blog-post-view .post-wrapper ul[class^="col-2"].col-2-reverse li:nth-child(odd){padding-left: 15px; padding-right: 0;}
    .blog-post-view .post-wrapper ul[class^="col-2"].col-2-reverse li:nth-child(even){padding-right: 15px; padding-left: 0;}
}

@media screen and (max-width: 776px){
    .blog-post-view .post-wrapper ul[class^="col-2"] {margin-bottom: 15px;}
    .blog-post-view .post-wrapper ul[class^="col-2"] li{
        padding-bottom: 20px;
    }
}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== VES PAGE BUILDER ============================================ */
/* ————————————————————————————————————————————————————————————————————————————————————————— */



/* full width design */

.catalog-product-view .wrapper:not(#ves-wrapper) .ves-container.container-fluid{margin-left: 0!important; margin-right: 0!important; position: relative; left: 50%; transform: translateX(-50%);}

#ves-wrapper .main-container .main{width: 100%;}
#ves-wrapper .breadcrumbs{display: none;}
#ves-wrapper .std > p{margin: 0;}
#ves-wrapper .main-container .col-main{float: none; padding: 0;}


#ves-wrapper .main-container .col-main .ves-container:not(.container-fluid){margin: 0 -10px; }
#ves-wrapper .main-container .col-main .ves-container .ves-inner.inner-container-limited,
#ves-wrapper .main-container .col-main .ves-container:not(.container-fluid) .ves-inner{padding: 0 70px; box-sizing: border-box;}
#ves-wrapper .main-container .col-main .ves-container.container-fluid{margin: 0;}
#ves-wrapper .breadcrumbs{
    width: 1450px;
    max-width: 100%;
    margin: 10px auto;
    padding: 10px 70px;
    text-align: center;
}
#ves-wrapper .breadcrumbs,
#ves-wrapper .main-container .col-main .ves-container:not(.container-fluid){width: 1450px; max-width: 100%; margin: auto;}
#ves-wrapper#ves-wrapper .main-container .col-main .ves-container .ves-inner.inner-container-limited{width: 1450px; max-width: 100%; margin: auto; padding-top: 60px; padding-bottom: 60px;}
#ves-wrapper .main-container .col-main .ves-container.default-margin{margin-top: 50px!important; margin-bottom: 50px!important;}
#ves-wrapper .main-container .col-main .ves-container.default-margin:first-of-type{margin-top: 0px!important;}
#ves-wrapper .main-container .col-main .ves-container.default-margin + .ves-container.default-margin{margin-top: 0px!important; margin-bottom: 5.5vh!important;}
#ves-wrapper .main-container .col-main .ves-container.container-fluid .row:not(.no-gutters){ margin: 0 -10px;}
#ves-wrapper .widget-banner-countdown .row { padding: 15px 40px;; max-width: 1450px;}
.cms-page-view #ves-wrapper .std{max-width: 100%;}

.widget-raw-html p:last-of-type{margin-bottom: 0!important;}
.ves-container .block .block-content{margin: 10px 0!important;}
.w_heading,
.widget-raw-html .widget-inner div,
.widget-raw-html h1,
.widget-raw-html h2,
.widget-raw-html h3,
.widget-raw-html h4,
.widget-raw-html h5,
.widget-raw-html p {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#ves-wrapper .widget-button.center{text-align: center;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-left: 10px; padding-right: 10px;
    padding-top: 10px; padding-bottom: 10px;
}

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"], .row.no-gutters > .row-inner > [class^="col-"], .row.no-gutters > .row-inner > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0; 
    padding-bottom: 0;
}
.ves-container .ves-inner .block .block-content{margin-top: 0px!important; margin-bottom: 0px!important}

/* hide for devices */
@media screen and (max-width:767px) {
    .ves-container .hide-mobile{display: none!important;}
}
@media screen and (min-width:768px) and (max-width:1000px) {
    .ves-container .hide-tablet{display: none!important;}
}

@media screen and (min-width:1001px)  {
    .ves-container .hide-desktop{display: none!important;}
}



.ves-container .product-wrapper {padding-top: 5px;}
.ves-container .row > div[class^="col"]{
    display: flex;
    flex-wrap: wrap;
}
.ves-container .row > div{display: flex!important;}
.ves-container .col-inner{display: block; width: 100%; /*height: 100%;*/  background-size: cover; background-position: center;}
.ves-container .no-gutters .block .block-content{margin: 0px!important;}




/* slider */
body .ves-container .awis-block{width: 100%!important; margin-top: 0; overflow: hidden;}
.awis-block .slides li{max-height: 900px; overflow: hidden;}
.awis-block .slides li > a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 1;
}

.awis-block .awis-block-inner .caption.caption {
    text-align: left!important;
    transform: none!important;
    width: 1450px!important;
    padding: 50px;
    max-width: 100%;
    margin-left: -725px;
    height: 100%;
    top: 0;
    right: 0;
    text-shadow: none;
    z-index: initial;
    justify-content: flex-end;

}
.awis-block .awis-block-inner .caption.caption .content{

    max-width: 600px;
    /*margin-right: 3em;*/
    text-align: left!important;
    left: auto;
    text-shadow: none;
    z-index: initial;
}
.cms-index-index .awis-block li.item:before{content: none!important;}
.awis-block .slides li > a a{z-index: 1;}
.awis-block .awis-block-inner .caption.caption{z-index: initial;}
.awis-block .awis-block-inner .caption .content * { color: #fff;}
.awis-block .awis-block-inner .caption .content .inner-wrap{display: table-cell;}
.awis-block .awis-block-inner .caption p{margin-bottom: 5px;}
.awis-block .awis-block-inner .caption .h1,
.awis-block .awis-block-inner .caption h1{font-size: 4.688rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption .h2,
.awis-block .awis-block-inner .caption h2{font-size: 3.6rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption .h3,
.awis-block .awis-block-inner .caption h3{font-size: 3.3rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption .h4,
.awis-block .awis-block-inner .caption h4{font-size: 3rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption .h5,.awis-block .awis-block-inner .caption

.awis-block .awis-block-inner .caption h5{font-size: 2.5rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption.caption a{
    display: inline-block;
    margin-top: 15px;
    font-size:  1.1rem;
    text-shadow: none;
    min-width: 230px;
    padding: 15px 20px;
    display: inline-block;
    border-radius: 4px;
    background-color: #000!important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-size: 0.92rem;
    color: hsl(0, 0%, 100%);
    z-index: 2;
    position: relative;
}
.awis-block .awis-block-inner .caption.caption a span{color: hsl(0, 0%, 100%)!important;}




/* carousel */

.ves-container .owlcarousel .owl-carousel{position: relative; }
.ves-container .widget-carousel .owl-carousel{padding: 0 40px; box-sizing: border-box; -moz-box-sizing: border-box;}
.ves-container .widget-carousel .block-title{margin-bottom: 40px;}
.ves-container .widget-carousel .owl-next:after{color: rgba(25, 83, 58, 0.63); font-size: 70px;}
.ves-container .widget-carousel .owl-prev:after{ color: rgba(25, 83, 58, 0.63); font-size: 70px;}
.ves-container .owlcarousel .owl-next:after{content: '\f18e'; position: relative;}
.ves-container .owlcarousel .owl-prev:after{content: '\f18d'; position: relative;}
.ves-container .owl-theme .owl-nav [class*=owl-]{
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: absolute!important;
    top: 40%;
    z-index: 2;
    border: none;
    margin: 0;
    font-weight: normal;
    padding: 0;
    display: inline-block;
    margin: 0!important;
}
.ves-container .owl-theme .owl-nav [class*=owl-]:hover {background: none;}
.ves-container .owlcarousel .owl-next{right: -5px;}
.ves-container .owlcarousel .owl-prev{left: -5px; font-weight: normal;}


/* headings */
.cms-page-view .ves-container .h1,
.cms-page-view .ves-container h1{font-size: 2.350em}
.page-title h1,
.ves-container .product-wrapper .list-title.h2,
.ves-container .ves-inner .block-title,
.ves-container h2{font-size: 2.250em}
.ves-container h3{font-size: 1.3em;}
.ves-container h4{font-size: 1.2em;}
.ves-container h5{font-size: 1.1em; font-weight: normal;}

.ves-container.seo-content h3,
.ves-container.seo-content h2{
    font-size: 1.188em;
    font-family: faricy-new-web, sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
}
.ves-container.seo-content h3{font-size: 1.1em;}
.ves-container.seo-content p{font-size: 0.92rem;}
.ves-container.seo-content p:last-of-type{margin-bottom: 0px;}

/* titles */
.ves-container .product-wrapper .list-title.h2,
.ves-container .product-wrapper h2.list-title,
.ves-container .ves-inner .block-title{font-family: ivymode, sans-serif; font-weight: 200;}

.cms-index-index .ves-container .ves-inner .block-title{ margin: 20px 0;}
/* team */

.team .owl-theme img:hover{
    -webkit-filter: brightness(105%) blur(2px);
    filter: brightness(105%) blur(0.5px);

}
.team .owl-theme .owl-dots .owl-dot span{width: 17px; height: 4px; background: rgba(0, 0, 0, 0.40); border-radius: 2px;}
.team .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.team .widget-button{margin-top: 20px;}
.team .owl-item h4{text-align: center; margin-bottom: 15px;}
.team.ves-container .widget-carousel .block-title{padding-top: 35px; margin-top: 0;}
.team.ves-container p > a:after,
.team.ves-container p > a:before{content: none;}
.team.ves-container .row > div:first-of-type{background-color: transparent!important;}
.team.ves-container .row .col-inner{position: relative; z-index: 2;}
.team.ves-container .row > div:after{
    content: '';
    background-color: currentColor;
    display: block;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.team.ves-container .owl-theme .owl-nav [class*=owl-]{top: calc(40% - 58px);}


/* Timeline */
.widget-timeline .item{display: flex; justify-content: flex-end; height: 635px; position: relative; overflow: hidden;}
.widget-timeline .item-image{position: absolute; z-index: 1; top: 0; bottom: 0; right: 130px; overflow: hidden;}
.widget-timeline .item-image img{min-height: 100%; min-width: 0px; width: auto!important; max-width: 3000px!important;}
.widget-timeline .item-content{position: relative; z-index: 2; width: 540px;  margin-top: 60px; background: #eaeaea; padding: 45px; box-sizing: border-box; -moz-box-sizing: border-box;}
.widget-timeline .item-content h4.item-title{font-size: 2.375em; font-weight: 800px;}
.widget-timeline .item-content .item-text{font-size: 1.313em; padding-bottom: 55px;}
.widget-timeline .item-content .item-text .button{position: absolute; width: 50%; left: 50%; transform: translateX(-50%); bottom: 45px;}
.widget-timeline .timeline-bottom{background: url('../images/timeline-bg.jpg'); padding: 10px 40px;}
.widget-timeline .timeline-bottom > .title{margin-right: 60px;}
.widget-timeline .timeline-bottom .timeline-name{font-size: 1.500em; font-weight: 700; text-transform: uppercase;}
.widget-timeline .timeline-bottom .timeline-name span{color: #fff;}
.widget-timeline .timeline-bottom .timeline-date{font-size: 1.500em; text-transform: uppercase;}
.widget-timeline .timeline-bottom .years{position: relative; overflow: auto; height: 60px;}
.widget-timeline .timeline-bottom .years-wrapper{position: relative; width: 100%;}
.widget-timeline .timeline-bottom .years-wrapper:after{content: ''; height: 1px; position: absolute; left: 0; right: 0; top: 50%; background: #000;}
.widget-timeline .timeline-bottom .years .owl-dot{
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 15px!important;
    font: inherit;
}
.widget-timeline .timeline-bottom .years .owl-dot {position: relative;}
.widget-timeline .timeline-bottom .years .owl-dot > span{display: block; font-size: 0.85em;}
.widget-timeline .timeline-bottom .years .owl-dot > .year{padding-top: 20px; line-height: 1.1;}
.widget-timeline .timeline-bottom .years .owl-dot > .year:before{content: ''; content: '';  position: absolute; left: 50%; top: 50%; height: 10px; width: 1px; background: #000;}
/*.widget-timeline .timeline-bottom .years .owl-dot > .title{line-height: 26px;}*/
.widget-timeline .timeline-bottom .years .owl-dot.active > span{font-weight: 700;}
.widget-timeline .timeline-bottom .years .owl-dot.active > .year{font-size: 1em;}
.widget-timeline .timeline-bottom .years .owl-dot.active > .year:before{width: 2px;     bottom: 20px;}

.ves-container .widget-timeline .owl-nav{height: 0;}
.ves-container .widget-timeline .owl-prev:after,
.ves-container .widget-timeline .owl-next:after{position: absolute; top: calc(50% - 40px); color: #000; font-size: 50px;}
.ves-container .widget-timeline .owl-next:after{ right: 20px;}
.ves-container .widget-timeline .owl-prev:after{left: 20px;}

/* Instagram */

.ves-container .block-instagram-widget .block-title {margin-bottom: 80px;}
.block-instagram-widget .block-title span span{border-bottom: 1px solid #000; padding-bottom: 10px;}
.block-instagram-widget {text-align: center;}
.block-instagram-widget #instafeed{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.block-instagram-widget #instafeed div{/*width: 25%;*/width: 100%!important; height: auto!important; overflow: hidden; display: flex; flex-wrap: wrap;}
.block-instagram-widget #instafeed div img{width: 100%;}
.block-instagram-widget #instafeed div a{padding: 10px; display: block; width: 25%; border-bottom: 0; }
.block-instagram-widget #instafeed div a:after,
.block-instagram-widget #instafeed div a:before{content: none;}
.block-instagram-widget a.button {margin: 50px 0; display: none; width: 310px; max-width: 100%;}



/* tabs */

.widget-tab .panel-group{position: relative;}
.widget-tab .nav-tabs:before{display: none;}
.widget-tab .nav-tabs{ height: auto!important; justify-content: center; padding-bottom: 30px!important;}
.widget-tab .nav-tabs li:not(:first-of-type){margin-left: 40px; }
.widget-tab .nav-tabs li{ border: none; padding: 0!important; border:none!important;  max-width: 50%;}
.widget-tab .nav-tabs li a{border: 2px solid #000; color: #000; background: none; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 1.188rem; font-weight: 500; max-width: 100%; text-transform: uppercase; padding: 7px 30px; width: 200px; text-align: center;}
.widget-tab .nav-tabs li.active a{ color: #fff; background-color: #000;}
.widget-tab .nav-tabs li a:hover:before,
.widget-tab .nav-tabs li a:hover:after{content: none;}
.widget-tab .tab-pane{opacity: 0; visibility: hidden; height: 0px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; max-width: 1360px; padding: 0; margin: auto;}
.widget-tab .tab-pane.active{opacity: 1; visibility: visible; height: auto; padding: 60px 20px;}
.widget-tab li{list-style: none;}



.players .widget-tab .container-fluid{padding: 0!important;}
.players .widget-tab .tab-pane.active{padding-left: 0!important; padding-right: 0!important;}


/* 360 */
.Magic360-container{position: relative;}
.m360-hint{
    position: absolute;
    top: 0px!important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    /*transform: translate(-50%, -50%);*/
    padding: 0;
    display: inline-block;;
}
.m360-hint-message{
    font-size: 0!important;
    text-indent: -2000%;
    background: url('../images/drag-icon.png') transparent no-repeat!important;
    background-size: 50%!important;
    background-position: center!important;
    width: 100%;
    height: 100%;
}


/* Newsletter */
.widget-newsletter form{display: flex; align-items: center;}
.widget-newsletter .form-subscribe-header{ color: #fff; position: relative; padding: 30px 50px 30px 30px;}
.widget-newsletter .form-subscribe-header:after{content: ''; position: absolute; left: 0; right: -200px; top: 0; bottom: 0; background: #000; z-index: 1;}
.widget-newsletter .form-subscribe-header > div{position: relative; z-index: 2;}
.widget-newsletter .form-subscribe-header .nl-heading.h2 {margin-bottom: 10px; text-transform: uppercase;}
.widget-newsletter .form-subscribe-header label{color: #a5a5a5;}
.widget-newsletter .newsletter-form{position: relative; z-index: 2;}
.widget-newsletter .newsletter-form input{border-radius: 0px; text-align: center;}
.widget-newsletter .newsletter-form input:focus{border: none;}
.widget-newsletter .newsletter-form {display: flex; max-width: 590px; flex: 1;}
.widget-newsletter .newsletter-form input{flex: 1; height: 52px;}
.widget-newsletter .newsletter-form button{font-size: 1.5em; border: 1px solid #363636; border-width: 1px 1px 1px 0px; background-color: #000}



.widget-newsletter .newsletter-form input::-webkit-input-placeholder{

    text-align: center;
    text-transform: none;
    font-size: 1.250em;
    font-weight: 200;

}
.widget-newsletter .newsletter-form input::-moz-placeholder{

    text-align: center;
    text-transform: none;
    font-size: 1.250em;
    font-weight: 200;
}
.widget-newsletter .newsletter-form input::-moz-placeholder{

    text-align: center;
    text-transform: none;
    font-size: 1.250em;
    font-weight: 200;
}
.widget-newsletter .newsletter-form input:-ms-input-placeholder {

    text-align: center;
    text-transform: none;
    font-size: 1.250em;
    font-weight: 200;
}

/* youtrube */

/*
.ves-container .block.widget-images .block-content .caption.has-video{display: block!important; white-space: pre-wrap!important;}
.video{
    position: relative;
    padding-bottom: 56.25%; !* 16:9 *!
    height: 0;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #000!important;}
.owl-theme .owl-dots .owl-dot span{background: #e1d9ce!important; width: 8px!important; height: 8px!important;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 15px;}

/*Model guide */

.widget-modelguide .tab-pane{position: relative;}
.widget-modelguide .tab-pane:not(.active){display: none;}
.widget-modelguide .nav-tabs .active a:after {
    content: '';
    height: 3px;
    left: 10px;
    right: 10px;
    position: absolute;
    bottom: -3px;
    background: var(--main-color);
}
.widget-modelguide .nav-tabs a{
    display: block;
    color: #000;
    text-transform: uppercase;
    padding: 10px 20px;
    border-width: 1px 0 1px 1px;
    box-sizing: border-box;
    border-bottom: 0;
    position: relative;
    font-size: 1.1em;
}
.widget-modelguide .nav-tabs {
    margin-bottom: 15px;
    line-height: 1.25;
    font-weight: normal;
    display: flex;
    justify-content: center;
    border-bottom: 3px solid #dad0c1;
    list-style: none!important;
}
.widget-modelguide .owl-carousel,
.widget-modelguide .owl-carousel .owl-stage,
.owl-carousel .owl-stage-outer{position: static!important;}
.widget-modelguide .owl-carousel .owl-stage-outer,
.widget-modelguide .owl-carousel .owl-stage{min-width: 100%!important;}
.widget-modelguide .model-content .item {display: flex;}
.widget-modelguide .model-content .item .model-image{width: 40%; margin-bottom: 20px;}
.widget-modelguide .model-content .item .model-body{background-color: #f5efe7; flex: 1;  margin: 20px 0 0 -20px; padding: 80px;  font-size: 1.1rem;}
.widget-modelguide .model-content .item .model-body img{width: 100px;}
.widget-modelguide .model-content .item .model-body .link{margin-top: 25px;}
.widget-modelguide .model-content .item .model-body .link a{
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
.widget-modelguide .model-content .item .model-body .link a:after{
    position: relative;
    content: '\e903';
    margin-left: 10px;
    top: 2px;
}
.widget-modelguide .model-content .item .model-body .content{margin-bottom: 30px;}
.widget-modelguide .model-content .item .model-body .label{
    margin-top: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.92rem;
}
.widget-modelguide .owl-carousel .owl-item img{width: 100%;}
.widget-modelguide .models {display: flex; margin-bottom: 50px; padding: 0 45px;}
.widget-modelguide .models .owl-item{cursor: pointer;}
.widget-modelguide .models .owl-item:not(.current) img{opacity: .6;}
.widget-modelguide .models .owl-item{/*width: 16.66%!important;*/ padding: 0 10px;}
.widget-modelguide .models .owl-item .model-name{text-align: center; text-transform: uppercase; margin-top: 5px;  font-size: 0.92rem;}
.widget-modelguide .models .owl-item.current .model-name{font-weight: bold;}
.widget-modelguide .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.widget-modelguide .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
.widget-modelguide .model-content.owl-theme .owl-next,
.widget-modelguide .model-content.owl-theme .owl-prev {
    background:#f5efe7;
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    text-align:center;
    margin-top: -22px!important;
}
.widget-modelguide .model-content.owl-theme .owl-prev { left: 0px; top: 0;}
.widget-modelguide .model-content.owl-theme .owl-prev:after{content: '\f18d';}
.widget-modelguide .model-content.owl-theme .owl-next:after{content: '\f18e';}
.widget-modelguide .model-content.owl-theme .owl-next { right: 0px; top: 0;}
.ves-container .widget-modelguide  .owl-theme .owl-nav [class*=owl-]:hover{background:#f5efe7; color: #000!important;}
.ves-container .widget-modelguide  .owl-theme .owl-nav [class*=owl-].disabled{opacity: .4}



/* images */
/* images */
.ves-container .block.widget-images .block-content .caption{white-space: initial;}
.ves-container .block.widget-images .block-content .caption:not(.pos-below){color: #fff;}
.ves-container .block.widget-images .block-content .caption.has-bg[class*="pos-top"]{ min-width: 15vw; max-width: 180px; text-shadow: none!important; padding: 10px 20px!important; top: -13px!important;}
.ves-container .block.widget-images .block-content .ves-btnlink.img-animation{font-weight: normal;}
.ves-container .block.widget-images .block-content .caption.caption {max-width: 100%;}
.ves-container .block.widget-images .block-content .caption.caption a{color: var(--main-color-200); border-bottom: 0;}
.ves-container .block.widget-images .block-content .caption.caption h2{font-size: 1.8em;}
.ves-container .block.widget-images .block-content .caption.caption *{width: max-content;}
.ves-container .block.widget-images .block-content .caption.caption *:not(:last-child){margin-bottom: 10px;}
.ves-container .block.widget-images .block-content .caption.caption p{font-size: 1rem!important;}
.ves-container .block.widget-images .block-content .caption.caption[class*="pos-bottom"]{
    bottom: 0;
    padding: 3em 1.5em 1.5em;
    width: 100%;
    background: linear-gradient(transparent 1%, rgba(0,0,0,.85), rgba(0,0,0,.80));
    justify-content: unset;
}
.ves-container .block.widget-images .block-content .caption.caption.pos-bottom-left{left: 0;}
.ves-container .block.widget-images .block-content .caption.caption.pos-bottom-left *{width: 100%;}

@media screen and (min-width: 992px){
    .ves-container .space-text *{max-width: 70ch;}
    .ves-container .space-text .block .block-content{padding: 1em 0 0 3em;}
}


/* blog */
.blog-index-list .col-left{display: none;}
.blog-post-view .breadcrumbs{display: none;}
.sub-cats .toggle-select{display: none;}
.sub-cats li{margin-bottom: 20px;}
.sub-cats li{padding: 10px; min-width: 70px; text-align: center; background: #393c41; color: #fff; display: inline-block; text-transform: uppercase; cursor: pointer; margin-right: 5px; border-radius: 3px;}
.sub-cats li:hover,
.sub-cats li.active{background: var(--main-color);}
.col-left .posts{margin: 0;}
.posts {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.col-left .posts{grid-template-columns: 1fr;}
.posts .post{position: relative;}
.col-left .posts .post{width: 100%; background-size: cover!important; margin-bottom: 10px;}
.posts .post-wrapper.post.post{
    display: flex;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    min-height: 500px;
    background-position: 50% 50%!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    align-items: flex-end;
}
.posts.active-filters .post:not(.active) {display: none;}
.posts .post > a{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.posts .post > a:hover img{background: #000;}
.posts .post .videoWrapper iframe{height:360px; width: 100%;}
.posts .post .videoWrapper{position: relative;}
.posts .post .videoWrapper:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;;
}
.posts .post{width: 100%;}
.posts .post .image {padding: 0; height: 100%;}
/*.sidebar .posts.tips .post .image img{ max-width: 100%;}*/
.posts .post .image img{
    height: 100%;
    min-width: 100%;
    object-fit: cover;
}
.posts .post .caption{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5em 1.2em 1.2em;
    width: 100%;
    background: linear-gradient(transparent 5%, rgb(0 0 0 / 65%) 80%, rgb(0 0 0 / 80%));
    background: linear-gradient(transparent 5%, rgba(0,0,0,.65), rgba(0,0,0,.80));
    justify-content: unset;
}
.posts .post .caption .post-date{font-size: 0.85rem; color: #aaa; font-weight: 500;}
.posts .post .caption p {color: #fff; margin-bottom: 10px;}
.posts .post .caption a{color: var(--main-color);}
.posts .post .caption h2{font-size: 1.4em; margin-bottom: 5px; color: #fff;  font-weight: 600;}
.posts + .button-wrapper{text-align: center; margin:10px 0 10px 0; padding-bottom: 50px; border-bottom: 1px solid #B8BBC0;}

#nav-left li.level-top > ul > li > a {
    padding: 20px 30px;
    margin-top: 0;
    letter-spacing: 3px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    background: #000;
}
#nav-left li.level-top > ul > li > a:hover{background: var(--main-color);}

.post-wrapper .post-content{font-size: 1.1em; padding: 10px 0 30px 0;}
.post-wrapper .post-content > p{max-width: 100ch;}
.post-wrapper.has-media .post-title,
.post-wrapper.has-media .post-content{margin:auto;}
.post-wrapper .main-image {max-height: 500px; overflow: hidden; margin-bottom: 20px;}
.post-wrapper .main-image img{width: 100%; }
.post-wrapper .post-title h1{color: #000;}
.post-wrapper .post-title h2 {font-size: 2.5em;}
.post-wrapper .post-title h2 a{color: #fe7701; font-weight: 400; border: none;}
.post-wrapper .aw-blog-read-more{display: none;}
.post-wrapper .bottom-border{background: #f5f5f5;}
.post-wrapper .bottom-border .read-more{float: right;}
.post-wrapper .bottom-border .date {line-height: 50px; vertical-align: middle; padding:0 20px;}
.post-wrapper .bottom-border .date h4{display: inline-block; padding-right: 10px; margin: 0;}
.post-wrapper .main-video {margin-bottom: 10px;}
.post-wrapper .main-video .videoWrapper iframe{width: 100%;}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* =================================================================== STORES ======================================================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

/* Store Quantity / Butikssaldo */
body.store-show .wrapper:after {
    content: '';
    background: rgba(0, 0, 0, 0.50);
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 998;
}
div[class*="-wrapper-modal"]{position: fixed; top:0px; bottom: 0px; text-align: center; width: 100%; z-index: 999; overflow: auto; padding: 30px 5px; box-sizing: border-box; -moz-box-sizing: border-box;}
div[class*="-wrapper-modal"] button{border-radius: 0;}
div[class*="-wrapper-modal"] .stock-content{margin: auto; background: #2e2e2e; width: 700px; max-width: 100%; position: relative; z-index:2; text-align: left; color: #fff; border-radius: .2em; overflow: hidden;}
div[class*="-wrapper-modal"] .stock-content.loading:before{content: ''; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: #fff; z-index: 3;  background: rgba(255, 255, 255, 0.6);}
div[class*="-wrapper-modal"] .stock-content.loading:after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    margin: 1px;
    border-radius: 50%;
    border: 3px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    z-index: 4;
}
/*div[class*="-wrapper-modal"]:before{content: '';background: rgba(0, 0, 0, 0.50); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 1;}*/
div[class*="-wrapper-modal"] .stock-content .menu-line {text-align: left; border-bottom: 1px solid #626262; padding: 13px 25px;}
div[class*="-wrapper-modal"] .stock-content .menu-line .h3{ color: var(--main-color); display: inline-block; margin-bottom: 0;}
div[class*="-wrapper-modal"] .stock-content .menu-line .back{float: right; font-size: 0.7em; text-transform: uppercase; line-height: 21px; padding-left: 11px; position: relative; cursor: pointer;}
div[class*="-wrapper-modal"] .stock-content .menu-line .back:hover{padding-left: 16px; font-weight: bold;}
div[class*="-wrapper-modal"] .stock-content .menu-line .back:before{content: '\f18d'; left: 0px; font-size: 14px; top: 2.5px; line-height: 1;}
div[class*="-wrapper-modal"] .stock-content .top-row{padding: 13px 25px; display: flex; display: -webkit-flex; display: -ms-flexbox; text-align: left;}
div[class*="-wrapper-modal"] .stock-content .top-row > *{flex-grow: 1; flex-basis: 0;}
#shipping-methods-block .top-row .search-form,
div[class*="-wrapper-modal"] .stock-content .top-row .search-form{max-width: 100%; width: 100%; grid-template-columns: 1fr 37px;}
#shipping-methods-block .top-row .search-form .input-box-search,
div[class*="-wrapper-modal"] .stock-content .top-row .search-form .input-box-search{height: 37px;}
div[class*="-wrapper-modal"] .stock-content .top-row .search-form input.search-store{line-height: 37px; height: 37px;}
#shipping-methods-block .top-row .search-form button.search-store-btn:after,
div[class*="-wrapper-modal"] .stock-content .top-row .search-form button.search-store-btn:after{font-size: 17px; width: 45px; height: 16px;}
div[class*="-wrapper-modal"] .stock-content .top-row label.stock-label{display: block; font-size: 0.85em; color: #d1d1d1; padding-bottom: 2px;}
div[class*="-wrapper-modal"] .stock-content .top-row .product .name{display: block; font-size: 0.85em; color: #fff; font-weight: bold; text-transform: uppercase; padding: 12px 0;}
div[class*="-wrapper-modal"] .stock-content .top-row .find-store div.reset-search-btn{background: none;     color: #000;right: 25px;top: 0;height: 37px;line-height: 37px;}
div[class*="-wrapper-modal"] .stock-content .top-row .find-store div.reset-search-btn:after{font-size: 18px;}
div[class*="-wrapper-modal"] .stock-content .top-row .find-store button.search-store-btn:after{line-height: 1; color: #fff;}
div[class*="-wrapper-modal"] .stock-content .store-close{font-size: 0.813em; text-align: left; padding: 2px 25px; margin-top: 10px;}
div[class*="-wrapper-modal"] .stock-content .selected-store .selected-label{padding-left: 25px;}
div[class*="-wrapper-modal"] .stock-content .selected-store .change-store,
div[class*="-wrapper-modal"] .stock-content .selected-store .selected-label{font-size: 0.85em; margin-bottom: 3px; display: inline-block; color: #fff;}
div[class*="-wrapper-modal"] .stock-content .selected-store .change-store{border: none; text-decoration: underline; text-transform: uppercase; cursor: pointer; font-weight: normal; font-size: 0.8em;}
div[class*="-wrapper-modal"] .stock-content .selected-store .change-store:hover{text-decoration: none;}
#shipping-methods-block .view-all-stores,
div[class*="-wrapper-modal"] .stock-content .view-all-stores{width: 100%; color: #fff; background: #000; line-height: 30px; letter-spacing: 1.3px; border-top: 1px solid #5b5b5b;}
#shipping-methods-block .view-all-stores{color: #000; background: #e9e9e9; border-top: none;}
#shipping-methods-block .view-all-stores:hover,
div[class*="-wrapper-modal"] .stock-content .view-all-stores:hover{background: #000!important;}
#shipping-methods-block .view-all-stores:after,
div[class*="-wrapper-modal"] .stock-content .view-all-stores:after{content: "\f190"; padding-left: 5px; font-size: 15px;}
#shipping-methods-block .view-all-stores.show:after,
div[class*="-wrapper-modal"] .stock-content .view-all-stores.show:after{content: '\e907';}
#shipping-methods-block li.store,
div[class*="-wrapper-modal"] .stock-content li.store{padding: 11px 35px 11px 25px; background: #191717; position: relative; text-align: left; font-size: 0.88em; display: -webkit-flex; display: -ms-flexbox; display: flex;  border-top: 1px solid #5b5b5b; align-items: center;}
#shipping-methods-block li.store.selected{border-top: 0;}
#shipping-methods-block li.store{padding: 11px 15px 11px 25px; background: hsl(0,0%,90%);}
#shipping-methods-block li.store  > .info,
div[class*="-wrapper-modal"] .stock-content li.store > .info{flex-grow: 1; flex-basis: 0;}
#shipping-methods-block li.store .name,
div[class*="-wrapper-modal"] .stock-content li.store .name{text-transform: uppercase; }
div[class*="-wrapper-modal"] .stock-content li.store .name{color: #fff;}
div[class*="-wrapper-modal"] .stock-content li.store .info{color: #ababab; padding:0 15px 0 20px;}
/*#shipping-methods-block li.store .info{color: #555454; padding:0 15px 0 30px;}*/
#shipping-methods-block li.store.selected .stock-label{padding-right: 0; padding-left: 15px;}
#shipping-methods-block li.store .stock-label,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label{text-align: right; padding-right: 15px;}
#shipping-methods-block li.store .stock-label .delivery-time,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time{color: #797979;}
.delivery-time.out-of-stock{}
#shipping-methods-block li.store .quantity:after,
div[class*="-wrapper-modal"] .stock-content li.store .quantity:after{
    content: '\e902';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    /* margin: -2px 0; */
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -7px;
}
#shipping-methods-block li.store .quantity:after{left: 6px;}

li.store .quantity.in-stock:after{color: #3cb878;}
li.store .quantity.out-of-stock:after{color: #db4040;}
li.store .quantity.few-left:after{color: #fecb01;}

#shipping-methods-block li.store .stock-label .delivery-time.out-of-stock,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time.out-of-stock{cursor: pointer;}
#shipping-methods-block li.store .stock-label .delivery-time.out-of-stock:after,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time.out-of-stock:after{ content: '\f059'; cursor: pointer; position: relative; color: #9c9c9c; font-size: 15px; vertical-align: middle; padding-left: 5px; top: -1px;}
#shipping-methods-block li.store .stock-label .delivery-time.out-of-stock:hover,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time.out-of-stock:hover,
#shipping-methods-block li.store .stock-label .delivery-time.out-of-stock:hover:after,
div[class*="-wrapper-modal"] .stock-content li.store .stock-label .delivery-time.out-of-stock:hover:after{color: var(--main-color);}


#shipping-methods-block .out-of-stock-notice,
div[class*="-wrapper-modal"] .out-of-stock-notice{
    display: none;
    /* display: none; */
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -170px;
    width: 340px;
    text-align: center;
    background: #fff;
    padding: 15px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 0.92em;
    box-shadow: 0px 0px 11px #4c4c4c;
    border-radius: 4px;
    color: #000;
}


#shipping-methods-block .out-of-stock-notice .close,
div[class*="-wrapper-modal"] .out-of-stock-notice .close{
        position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
}

#shipping-methods-block .out-of-stock-notice .close:after,
div[class*="-wrapper-modal"] .out-of-stock-notice .close:after{content:'\e117'; position: relative; font-weight: bold;}

div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add,
div[class*="-wrapper-modal"] .stock-content li.store .store-check {position: absolute; right: 0; top: 0; bottom: 0; width: 35px; padding: 0px; background: var(--main-color); text-align: center; display: flex; align-items: center;}
div[class*="-wrapper-modal"] .stock-content li.store .store-check.disabled:after,
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:disabled:hover,
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:disabled{background:#292929!important; color: #666666; cursor: default;}
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:disabled:before{content: none;}
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:disabled:hover{background: #292929; box-shadow: none;}
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:before{content: "\f106"; right: 3px; top:50%; margin-top: 2px; line-height: 1; z-index: 1; text-shadow: -3px 0 var(--main-color), 0 3px var(--main-color), 3px 0 var(--main-color), 0 -3px var(--main-color); }
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:after{
    content: '\e906';
    position: relative!important;
    font-size: 20px;
    text-align: center;
    margin: auto;
}
div[class*="-wrapper-modal"] .stock-content li.store .store-check.disabled{background: #292929; cursor: default;}
div[class*="-wrapper-modal"] .stock-content li.store .store-check{z-index: 2; display: none; cursor: pointer;}
div[class*="-wrapper-modal"] .stock-content li.store .store-check.show{display: flex!important; align-items: center; justify-content: center; color: #fff;}
/*div[class*="-wrapper-modal"] .stock-content li.store .store-check.show.disabled:after{"Butiken kan ej väljas";}*/
div[class*="-wrapper-modal"] .stock-content li.store .store-check.checked:after{content: "\ea52"; color: #000; background: #fff; border-radius: 3px;}
div[class*="-wrapper-modal"] .stock-content li.store .store-check:after{content: "\ea53";position: relative;font-size: 17px; color: #2d2d2d;}
div[class*="-wrapper-modal"] .stock-content li.store .store-check:not(.disabled):hover:after{color: #2c5f7d; background: #ffffff; border-radius: 3px;}


div[class*="-wrapper-modal"] .added-to-cart-view{padding: 50px; text-align: center; background: #fff;}
div[class*="-wrapper-modal"] .added-to-cart-view h3{color: var(--main-color);}
div[class*="-wrapper-modal"] .added-to-cart-view .product {text-transform: uppercase;}
div[class*="-wrapper-modal"] .added-to-cart-view .product .name{font-weight: bold; margin-bottom: 10px; color: #000;}
div[class*="-wrapper-modal"] .added-to-cart-view .product .size,
div[class*="-wrapper-modal"] .added-to-cart-view .product .color{font-size: 0.9em; color: #656565; margin-bottom: 5px;}
div[class*="-wrapper-modal"] .added-to-cart-view .product .label{margin-right: 8px; font-weight: bold;}
div[class*="-wrapper-modal"] .added-to-cart-view .store{margin-top: 30px;}
div[class*="-wrapper-modal"] .added-to-cart-view .store .name{font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #000;}
div[class*="-wrapper-modal"] .added-to-cart-view .store .address{font-size: 0.9em; color: #656565;}


#shipping-methods-block .stores-list-all,
div[class*="-wrapper-modal"] .stores-list-all{max-height: 0; overflow: hidden;}
#shipping-methods-block .stores-list-all.show,
div[class*="-wrapper-modal"] .stores-list-all.show{max-height: 5000px; }


/*resurs */

#resursbank-checkout-shipping-information{display: none;}
.resursbank-checkout-index-index .find-store div.reset-search-btn{display: none!important;}
.resursbank-checkout-index-index h2:not(.product-name){font-size: 1.3em;}
.resursbank-checkout-index-index .find-store button.search-store-btn{color: #000;}
.resursbank-checkout-index-index .main-container{background: #ededed;}
.resursbank-checkout-index-index #shopping-cart-table thead tr{background: #000;}
.resursbank-checkout-index-index #shopping-cart-table thead tr th{color: #fff;}
.resursbank-checkout-index-index .store-search,
.resursbank-checkout-index-index .discount{max-width: 600px; margin: auto;}
#terms{display: none;}
#terms h2 {display: none; margin: 0; padding: 0;}
/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================================================== ÅTERFÖRSÄLJARE ====================================================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.stores-view .header-content{text-align: center;}
.stores-view .find-store .search-form{margin: auto;}

.find-store .search-form{position: relative; display: grid; grid-template-columns: 1fr 60px; max-width: 50%; width: 100%;}
.find-store .input-box-search{
    height: 47px;
    width: auto;
    background: #fff;
    border-radius: 3px;
}
.bineacustom-index-stores .find-store .input-box-search{background: #e6e6e6;}
.find-store input.search-store{
    font-size: 0.92em;
    letter-spacing: 1px;
    width: 100%;
    line-height: 47px;
    height: 47px;
    color: #5a5a5a;
    background: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
}


.find-store button.search-store-btn {padding: 0; background: none; color: #000;}
.find-store button.search-store-btn:hover{background: none;}
.find-store button.search-store-btn:after{
    position: relative;
    content: '\f008';
    line-height: 47px;
    width: 55px;
    font-size: 21px;
    display: block;
    text-shadow: none;
    padding-left: 1.9px;
    line-height: 1!important;
}
.find-store div.reset-search-btn {
    position: absolute;
    right: 60px;
    border-radius: 0 3px 3px 0;
    width: 55px;
    height: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 5px;
    /* background: #fecb29 url(http://crescent.localhost.com/skin/frontend/crescent/default/css/../images/btn-remove-thin.png) center no-repeat; */
    background-size: 19px;
    display: none;;
    text-align: center;
    background: var(--main-color);
    color: #fff;
    cursor: pointer;
}
.find-store div.reset-search-btn:hover
{
    background: var(--main-color-500);
}
.find-store div.reset-search-btn.show{display: block;}
.find-store div.reset-search-btn:after {
    content: '\e117';
    position: relative;
    font-size: 25px;
}

/* checkboxar */
.find-store .search-form ~ .input-box{display: inline-block; position: relative; line-height: 47px; margin-left: 15px;}
.find-store .search-form + .input-box{margin-left: 0px;}
.find-store .search-form ~ .input-box input{display: none;}
.find-store .search-form ~ .input-box input + label{padding-left: 25px; cursor: pointer;}
.find-store .search-form ~ .input-box input + label:hover:before{ color: #fe7701;}
.find-store .search-form ~ .input-box input + label:before{
    content: '\e912';
    position: absolute;
    left: 0px;
    font-weight: normal;
    color: #acacac;
    font-size: 22px;
}

.find-store .search-form ~ .input-box input:checked + label:before{
    content: '\e913';
    color: #fe7701;
}

/*.find-store.egoing-service-active-filter .letter:not(.egoing-service-active-filter),
.find-store.egoing-service-active-filter .parent:not(.egoing-service-active-filter),
.find-store.egoing-service-active-filter .store-box:not(.has-egoing-service){display: none;}

.find-store.egoing-sales-active-filter .letter:not(.egoing-sales-active-filter),
.find-store.egoing-sales-active-filter .parent:not(.egoing-sales-active-filter),
.find-store.egoing-sales-active-filter .store-box:not(.has-egoing-sales){display: none;}

.find-store.webshop-active-filter .letter:not(.webshop-active-filter),
.find-store.webshop-active-filter .parent:not(.webshop-active-filter),
.find-store.webshop-active-filter .store-box:not(.has-webshop){display: none;}

.find-store.cat-filter-active .letter:not(.cat-filter-active),
.find-store.cat-filter-active .parent:not(.cat-filter-active),
.find-store.cat-filter-active .store-box:not(.cat-filter-active){display: none;}*/

/* Info Boxest + Region headers */

.find-store .stores-list{margin-top: 30px; position: relative;}
.find-store .stores-list > ul{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex; display: -ms-flexbox;
}
.find-store li.letter{width: 100%; padding: 20px 0 5px 0; margin-bottom: 13px; font-size: 1.4em; font-weight: bold;  border-bottom: 1px solid #B8BBC0;}
.find-store li.parent{

    width: 100%;
}

.find-store li.parent ul{display: flex; flex-wrap: wrap;}
.find-store li.parent > a{
    font-size: 1.2em;
    border: none;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}
.find-store li.parent > a:hover{color: #fe7701;}
.find-store li.parent > a span{display: inline-block; vertical-align: middle;}
.find-store li.parent.open > a span:after{
    content: '';
    height: 4px;
    background: #fe7701;
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: -6px;
    z-index: 1;
}
.find-store li.parent > a:before{
    position: relative;
    content: "\e903";
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    color: #fe7701;
}
.find-store li.parent.open > a:before{
    content: "\e906";
}

.find-store li.parent .child-stores{display: none;}
.find-store .store-box{width: 25%; padding:25px 15px; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #acacac; border-width: 0 1px 1px 0; position: relative;}
.find-store .store-box:after{ content: ""; position: absolute; right: -10px ; bottom: -10px ; width: 19px ; height: 19px ; background: #fff; z-index: 1;}
.stores-list .notice-msg{margin-top: 20px;}

/* info boxar produktsida */

.product-view .find-store {margin-top: 40px;}
.product-view .find-store h4{display: none;}
.product-view .find-store .title{font-size: 1em;}
.product-view .find-store .stores-list{margin: 0;}
.product-view .find-store .child-stores .inner-wrapper {margin: 0 -1%;}
.product-view .find-store .child-stores .inner-wrapper li{width: 31.33%; border: none; background: #e9e9e9; border-radius: 4px; margin:2% 1% 0 1%;}
.product-view .find-store .child-stores .inner-wrapper{overflow: hidden;}
.product-view .find-store .child-stores .inner-wrapper.open{height: auto!important;}
.product-view .load-more-stores{display: none; margin: auto}
.product-view .load-more-stores.show{display: block; margin-top: 2%;}
.product-view .load-more-stores.show span{display: inline-block; vertical-align: middle;}
.product-view .load-more-stores.show:before{content: '\e906'; position: static; display: inline-block; vertical-align: middle; padding-right: 5px;}
.product-view .load-more-stores.show.open:before{content: '\e907';}

/* store boxes */
.store-box h2{font-size: 1.1em;}
.store-box div{line-height: 1.5;}
.store-box .info > div{word-break: break-all;}
.store-box .info > div.city{margin-bottom: 5px;}
.store-box .city{text-transform: uppercase;}
.store-box div:not(.store-cat) a{display: inline-block; vertical-align: middle; border: none; color: #000; font-weight: normal;}
.store-box div:not(.store-cat) a:hover{color: var(--main-color);}
.store-box div:before{position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 0.92em;}
.store-box .website:before{content:'\e956';}
.store-box .webshop:before{content:'\f118';}
.store-box .phone:before{content:'\e942';}
.store-box .email:before{content:'\f00a';}
.store-box .egoing{
    background: #fe7701;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 10px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 0.92em;
    vertical-align: middle;
    margin-bottom: 4px;
    margin: 3px 0;
}

.store-box .read-more {margin-top: 20px;}
.store-box .read-more a.button{display: inline-block; vertical-align: middle; ; font-weight: bold!important;  width: 100%; color: #fff;}
.store-box .read-more a.button:hover{color: #fff;}
/*.store-box .read-more:after{content: '\e903'; color: var(--main-color); position: relative;  display: inline-block; vertical-align: middle;}*/

/* loading */

.store-search.loading .top-filter,
.store-search.loading .stores-list{position: relative;}

.store-search.loading .top-filter:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: rgba(255, 255, 255, 0.25); z-index: 2;}
.store-search.loading .stores-list:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: rgba(255, 255, 255, 0.5);}
.store-search.loading button.search-store-btn{text-align: center;}
.store-search.loading button.search-store-btn:after{
    content: '\e981';
    margin: 0;
    font-size: 20px;
    color: #000;
    width: 20px;
    height: 20px;
    margin: auto;
    padding-left: 0px;
    line-height: 1!important;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -webkit-font-smoothing: subpixel-antialiased;
    transform-origin: center;
    z-index:1;
}

.top-filter select{
    font-size: 1em;
    line-height: 1;
    margin-top: -3px;
    color: #393c41;
}

/* Återförsäljarsida */

.bineacustom-index-store .breadcrumbs{display: none;}
.bineacustom-index-store .main {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.bineacustom-index-store .col-main {
    padding-top: 0!important;
}


.store-wrapper {text-align: center;}
.store-wrapper .store-map{width: 100%;}
.store-wrapper .store-info{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    width: 600px;
    background: #f1f3f3;
    padding: 30px;
    margin: auto;
    margin-top: 20px;
    text-align: left;
    border-radius: 0.3em;
}
.store-wrapper .store-info h1{font-size: 1.8em;}
.store-wrapper .store-info .back-btn{width: 100%;}
.store-wrapper .store-info .store-cat{
    display: inline-block;
    margin-right: 6px;
    padding-right: 10px;
    border-right: 1px solid #7b818f;
}
.store-wrapper .store-info .store-cat a{color: #fe7701;}
.store-wrapper .store-info .store-cat a:hover{color: #fea04d;}
.store-wrapper .store-info .back-btn{margin-top: 20px;}



/* Placeholders */
input.search-store::-webkit-input-placeholder{
    color: #5a5a5a;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
input.search-store:-moz-placeholder{
    color: #5a5a5a;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
input.search-store::-moz-placeholder{
    color: #5a5a5a;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
input.search-store:-ms-input-placeholder {
    color: #5a5a5a;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}


#select-store-modal .modal .block-title{display: flex; justify-content: space-between; margin-bottom: 0;}
#select-store-modal .modal .stores-list .store{text-align: left; padding: 10px 15px;     background: hsl(0,0%,95%); margin-bottom: 2px; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
#select-store-modal .modal .stores-list .store:hover{background: hsl(0,0%,90%);}
#select-store-modal .modal .stores-list .store:last-of-type{margin-bottom: 0;}
#select-store-modal .modal .stores-list .store .name{ text-transform: uppercase; font-weight: 500;}
#select-store-modal .modal .stores-list .store .address{color: hsl(0,0%,30%);}
#select-store-modal .modal .stores-list .store:not(.checked):after{
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid hsl(0,0%,50%);
    background: #fff;
}
#select-store-modal .modal .stores-list .store.checked:after{content: '\e042'; position: relative;     font-size: 23px; background: #fff; border-radius: 50%;}


#change-store-modal:not(.show){display: none!important;}
#change-store-modal .store{cursor: pointer;}
#change-store-modal .store:not(.checked):after{
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid hsl(0,0%,100%);
    background: #fff;
}
#change-store-modal .store:hover:after{border-color: var(--main-color)}
#change-store-modal .store.checked:after{content: '\e042'; position: relative; font-size: 23px; border-radius: 50%; background: hsl(0,0%,40%);}


/* Koppla */
body[class*="cms-koppla"] .std p {
    font-size: 1.2em!important;
}


body[class*="cms-koppla"] .awis-block .slides li{max-height: 1200px;}
body[class*="cms-koppla"] .awis-block .awis-block-inner .caption.caption .content{max-width: 650px; text-align: center!important;}
body[class*="cms-koppla"] .awis-block .awis-block-inner .caption.caption{
    justify-content: center;
}


/* Formulär */
.cms-page-view .std form[class*="webforms"] ul.form-list {border-left: 0px!important;}
.cms-page-view .std form[class*="webforms"] .form-list li{margin:0; padding: 0 0 15px 0!important; border-bottom: 0px!important; background: transparent;}
.cms-page-view .std form[class*="webforms"] .form-list li:before{content: none!important;}



/* pagebuilder */

.wrap{
    --width: calc(100% - var(--padding));
    --max-width: 160rem;
    --padding: clamp(2rem, 10vw, 8rem);
    width:var(--width);
    max-width:var(--max-width);
    margin-right:auto;
    margin-left:auto
}
@supports(aspect-ratio: var(--ratio)){
    .frame{
        aspect-ratio:var(--ratio)
    }
}
@supports not (aspect-ratio: var(--ratio)){
    .frame{
        padding-bottom:calc(100%/(var(--ratio)))
    }
}
.frame>*{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--x) var(--y)
}
@media(min-width: 23.4375em){
    .frame{
        --sm-ratio: var(--ratio)
    }
    @supports(aspect-ratio: var(--ratio)){
        .frame{
            aspect-ratio:var(--sm-ratio)
        }
    }
    @supports not (aspect-ratio: var(--ratio)){
        .frame{
            padding-bottom:calc(100%/(var(--sm-ratio)))
        }
    }
}
@media(min-width: 60em){
    .frame{
        --md-ratio: var(--sm-ratio)
    }
    @supports(aspect-ratio: var(--ratio)){
        .frame{
            aspect-ratio:var(--md-ratio)
        }
    }
    @supports not (aspect-ratio: var(--ratio)){
        .frame{
            padding-bottom:calc(100%/(var(--md-ratio)))
        }
    }
}
@media(min-width: 90em){
    .frame{
        --lg-ratio: var(--md-ratio)
    }
    @supports(aspect-ratio: var(--ratio)){
        .frame{
            aspect-ratio:var(--lg-ratio)
        }
    }
    @supports not (aspect-ratio: var(--ratio)){
        .frame{
            padding-bottom:calc(100%/(var(--lg-ratio)))
        }
    }
}

.columns{
    -webkit-column-count: var(--cols);
    -moz-column-count: var(--cols);
    column-count: var(--cols);
}

.grid{
    --flow: row;
    --auto-cols: auto;
    --auto-rows: auto;
    --cols: 1;
    --cols-size: 1fr;
    --align: normal;
    --justify: normal;
    --place: normal;
    --gap: 0;
    display:grid;
    grid-auto-flow:var(--flow);
    grid-auto-columns:var(--auto-cols);
    grid-auto-rows:var(--auto-rows);
    grid-template-columns:repeat(var(--cols), var(--cols-size));
    align-items:var(--align);
    justify-items:var(--justify);
    place-content:var(--place);
    gap:var(--gap)
}
.grid>*{
    --col: auto;
    --row: auto;
    --align: auto;
    --justify: auto;
    --order: 0;
    min-width:0;
    max-width:100%;
    min-height:0;
    grid-column:var(--col);
    grid-row:var(--row);
    align-self:var(--align);
    justify-self:var(--justify);
    order:var(--order)
}
@media(min-width: 23.4375em){
    .grid{
        --sm-flow: var(--flow);
        --sm-auto-cols: var(--auto-cols);
        --sm-auto-rows: var(--auto-rows);
        --sm-cols: var(--cols);
        --sm-cols-size: var(--cols-size);
        --sm-align: var(--align);
        --sm-justify: var(--justify);
        --sm-place: var(--place);
        --sm-gap: var(--gap);
        grid-auto-flow:var(--sm-flow);
        grid-auto-columns:var(--sm-auto-cols);
        grid-auto-rows:var(--sm-auto-rows);
        grid-template-columns:repeat(var(--sm-cols), var(--sm-cols-size));
        align-items:var(--sm-align);
        justify-items:var(--sm-justify);
        place-content:var(--sm-place);
        gap:var(--sm-gap)
    }
    .grid>*{
        --sm-col: var(--col);
        --sm-row: var(--row);
        --sm-align: var(--align);
        --sm-justify: var(--justify);
        --sm-order: var(--order);
        grid-column:var(--sm-col);
        grid-row:var(--sm-row);
        align-self:var(--sm-align);
        justify-self:var(--sm-justify);
        order:var(--sm-order)
    }
}
@media(min-width: 60em){
    .grid{
        --md-flow: var(--sm-flow);
        --md-auto-cols: var(--sm-auto-cols);
        --md-auto-rows: var(--sm-auto-rows);
        --md-cols: var(--sm-cols);
        --md-cols-size: var(--sm-cols-size);
        --md-align: var(--sm-align);
        --md-justify: var(--sm-justify);
        --md-place: var(--sm-place);
        --md-gap: var(--sm-gap);
        grid-auto-flow:var(--md-flow);
        grid-auto-columns:var(--md-auto-cols);
        grid-auto-rows:var(--md-auto-rows);
        grid-template-columns:repeat(var(--md-cols), var(--md-cols-size));
        align-items:var(--md-align);
        justify-items:var(--md-justify);
        place-content:var(--md-place);
        gap:var(--md-gap)
    }
    .grid>*{
        --md-col: var(--sm-col);
        --md-row: var(--sm-row);
        --md-align: var(--sm-align);
        --md-justify: var(--sm-justify);
        --md-order: var(--sm-order);
        grid-column:var(--md-col);
        grid-row:var(--md-row);
        align-self:var(--md-align);
        justify-self:var(--md-justify);
        order:var(--md-order)
    }
}
@media(min-width: 90em){
    .grid{
        --lg-flow: var(--md-flow);
        --lg-auto-cols: var(--md-auto-cols);
        --lg-auto-rows: var(--md-auto-rows);
        --lg-cols: var(--md-cols);
        --lg-cols-size: var(--md-cols-size);
        --lg-align: var(--md-align);
        --lg-justify: var(--md-justify);
        --lg-place: var(--md-place);
        --lg-gap: var(--md-gap);
        grid-auto-flow:var(--lg-flow);
        grid-auto-columns:var(--lg-auto-cols);
        grid-auto-rows:var(--lg-auto-rows);
        grid-template-columns:repeat(var(--lg-cols), var(--lg-cols-size));
        align-items:var(--lg-align);
        justify-items:var(--lg-justify);
        place-content:var(--lg-place);
        gap:var(--lg-gap)
    }
    .grid>*{
        --lg-col: var(--md-col);
        --lg-row: var(--md-row);
        --lg-align: var(--md-align);
        --lg-justify: var(--md-justify);
        --lg-order: var(--md-order);
        grid-column:var(--lg-col);
        grid-row:var(--lg-row);
        align-self:var(--lg-align);
        justify-self:var(--lg-justify);
        order:var(--lg-order)
    }
}
.layout{
    --flow: row;
    --wrap: wrap;
    --align: normal;
    --place: normal;
    --width: auto;
    --gap: 0;
    display:flex;
    flex-direction:var(--flow);
    flex-wrap:var(--wrap);
    align-items:var(--align);
    place-content:var(--place);
    gap:var(--gap);
    width:var(--width)
}
.layout>*{
    --basis: auto;
    --grow: 0;
    --shrink: 1;
    --align: auto;
    --order: 0;
    --width: auto;
    --min-width: 0;
    --max-width: none;
    flex-basis:var(--basis);
    flex-grow:var(--grow);
    flex-shrink:var(--shrink);
    align-self:var(--align);
    order:var(--order);
    width:var(--width);
    min-width:var(--min-width);
    max-width:var(--max-width)
}
@media(min-width: 23.4375em){
    .layout{
        --sm-flow: var(--flow);
        --sm-wrap: var(--wrap);
        --sm-align: var(--align);
        --sm-place: var(--place);
        --sm-gap: var(--gap);
        --sm-width: var(--width);
        flex-direction:var(--sm-flow);
        flex-wrap:var(--sm-wrap);
        align-items:var(--sm-align);
        place-content:var(--sm-place);
        gap:var(--sm-gap);
        width:var(--sm-width)
    }
    .layout>*{
        --sm-basis: var(--basis);
        --sm-grow: var(--grow);
        --sm-shrink: var(--shrink);
        --sm-align: var(--align);
        --sm-order: var(--order);
        --sm-width: var(--width);
        --sm-min-width: var(--min-width);
        --sm-max-width: var(--max-width);
        flex-basis:var(--sm-basis);
        flex-grow:var(--sm-grow);
        flex-shrink:var(--sm-shrink);
        align-self:var(--sm-align);
        order:var(--sm-order);
        width:var(--sm-width);
        min-width:var(--sm-min-width);
        max-width:var(--sm-max-width)
    }
}
@media(min-width: 60em){
    .layout{
        --md-flow: var(--sm-flow);
        --md-wrap: var(--sm-wrap);
        --md-align: var(--sm-align);
        --md-place: var(--sm-place);
        --md-gap: var(--sm-gap);
        --md-width: var(--sm-width);
        flex-direction:var(--md-flow);
        flex-wrap:var(--md-wrap);
        align-items:var(--md-align);
        place-content:var(--md-place);
        gap:var(--md-gap);
        width:var(--md-width)
    }
    .layout>*{
        --md-basis: var(--sm-basis);
        --md-grow: var(--sm-grow);
        --md-shrink: var(--sm-shrink);
        --md-align: var(--sm-align);
        --md-order: var(--sm-order);
        --md-width: var(--sm-width);
        --md-min-width: var(--sm-min-width);
        --md-max-width: var(--sm-max-width);
        flex-basis:var(--md-basis);
        flex-grow:var(--md-grow);
        flex-shrink:var(--md-shrink);
        align-self:var(--md-align);
        order:var(--md-order);
        width:var(--md-width);
        min-width:var(--md-min-width);
        max-width:var(--md-max-width)
    }
}
@media(min-width: 90em){
    .layout{
        --lg-flow: var(--md-flow);
        --lg-wrap: var(--md-wrap);
        --lg-align: var(--md-align);
        --lg-place: var(--md-place);
        --lg-gap: var(--md-gap);
        --lg-width: var(--md-width);
        flex-direction:var(--lg-flow);
        flex-wrap:var(--lg-wrap);
        align-items:var(--lg-align);
        place-content:var(--lg-place);
        gap:var(--lg-gap);
        width:var(--lg-width)
    }
    .layout>*{
        --lg-basis: var(--md-basis);
        --lg-grow: var(--md-grow);
        --lg-shrink: var(--md-shrink);
        --lg-align: var(--md-align);
        --lg-order: var(--md-order);
        --lg-width: var(--md-width);
        --lg-min-width: var(--md-min-width);
        --lg-max-width: var(--md-max-width);
        flex-basis:var(--lg-basis);
        flex-grow:var(--lg-grow);
        flex-shrink:var(--lg-shrink);
        align-self:var(--lg-align);
        order:var(--lg-order);
        width:var(--lg-width);
        min-width:var(--lg-min-width);
        max-width:var(--lg-max-width)
    }
}
.stack{
    --space: var(--space-tiny)
}
.stack>*+*{
    margin-top:var(--space)
}
.switch{
    --breakpoint: 0;
    --cols: 1;
    --gap: 0rem;
    --multiplier: 9999;
    --trim: 0.001%;
    display:flex;
    flex-wrap:wrap;
    gap:var(--gap-y, var(--gap)) var(--gap-x, var(--gap))
}
.switch>*{
    --col: var(--cols);
    --grow: 0;
    flex-grow:var(--grow);
    flex-basis:calc((var(--breakpoint) - 100%)*var(--multiplier));
    min-width:calc(100%/var(--col) - (var(--col) - 1)*var(--gap-x, var(--gap))/var(--col) - var(--trim));
    max-width:100%
}

.text-headline{
    font-family:var(--font-headline);
    font-size:var(--text-mega)!important;
    font-weight:600;
    text-transform:uppercase;
    line-height:1
}

.card{
    width:100%
}
.card.is-rounded{
    border-radius:var(--border-radius)!important;
    overflow: hidden;
}
.card-meta{
    font-size:var(--text-nano);
    letter-spacing:.0625rem
}
.card-text{
    font-size:var(--text-tiny)
}

.view-all:last-of-type,
.card--link{
    position:relative;
    aspect-ratio:16/9;
    --place: center;
    padding:clamp(2rem,10%,4rem);
    background-color:rgba(0,0,0,0);
    color:var(--color-black);
    border:.0625rem solid var(--color-muted-dark);
    border-radius:var(--border-radius)
}
.view-all .breakout-link:focus::before,
.card--link .breakout-link:focus::before{
    outline-color:var(--color-primary)
}

.view-all:hover,
.view-all:hover a,
.card--link:hover{
    background-color:var(--color-primary);
    color:var(--color-white);
    border-color:var(--color-primary)
}
.view-all > a span:last-of-type,
.card--link .card-text{
    display:flex!important;
    align-items:center;
    font-size:var(--text-tiny);
    text-align:center
}

.view-all .card-icon,
.card--link .card-icon{
    display:flex;
    margin-left:var(--space-nano)
}
.view-all .card-icon svg,
.card--link .card-icon svg{
    width:1.125rem;
    height:1.125rem
}
.card--button{cursor: pointer;}
.card--reveal{
    --transition-easing: ease-out;
    position:relative;
    width:100%;
    text-align:left;
    background-color:var(--color-white);
    color:var(--color-black);
    border-radius:var(--border-radius);
    border:none
}
.card--reveal.is-active{
    outline:0
}
.card--reveal.is-active .card-icon{
    --rotate: 180deg
}
.card--reveal:hover{
    box-shadow:rgba(0,0,0,.1) 0rem 1rem 1rem -1rem
}
.card--reveal .card-media{
    border-top-right-radius:var(--border-radius);
    border-top-left-radius:var(--border-radius);
    overflow:hidden
}
.card--reveal .card-content{
    padding:clamp(1rem,7%,2rem)
}
.card--reveal .card-trigger{
    display:flex;
    align-items:flex-start;
    width:100%;
    background-color:rgba(0,0,0,0);
    border:none;
    text-align:left;
    font-size:var(--text-medium)
}
.card--reveal .card-trigger svg{
    width:1.25rem;
    height:1.25rem
}
.card--reveal .card-trigger:focus{
    outline-offset:.5rem
}
.card--reveal .card-headline{
    display:inline
}
.card--reveal .card-icon{
    display:flex;
    margin-left:auto;
    padding-left:var(--space-nano)
}

li.level0.columns.category .column-wrapper > ul.level0 > li:not(.view-all),
.card--poster{
    position:relative;
    width:100%;
    height:100%;
    background-color:var(--color-primary);
    color:var(--color-white);
    border-radius:var(--border-radius);
    overflow:hidden
}
.card--poster p{color:var(--color-white);}
.card--poster p:last-of-type{margin-bottom: 0;}
.card--poster:hover .frame{
    --scale: 1.025
}
.card--poster:hover .frame img,.card--poster:hover .frame video{
    transform:scale(var(--scale))
}
.card--poster .breakout-link:focus::before{
    z-index:3;
    outline-offset:-0.5rem;
    border-radius:.75rem
}

.card--poster .card-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.375) 30%, rgba(0, 0, 0, 0) 100%)
}
.card--poster .card-content{
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    width:100%;
    padding:clamp(1rem,10%,1.5rem) clamp(1.5rem,10%,2rem)
}
.card--poster .card-headline{
    font-size:var(--text-tiny)
}
.card--poster .frame{
    min-height:100%
}
.card--collection{
    position:relative;
    width:100%;
    height:100%;
    background-color:var(--color-primary);
    color:var(--color-white);
    border-radius:var(--border-radius);
    overflow:hidden
}
.card--collection .card-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background-color:var(--color-black);
    opacity:.375
}
.card--collection .card-button{
    margin-top:var(--space-small)
}
.card--collection .card-button:not(.is-disabled):hover{
    background-color:var(--color-white);
    color:var(--color-black);
    border-color:var(--color-white)
}
.card--collection .card-content{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    margin-top:var(--space-nano);
    padding:clamp(1.5rem,10%,3rem);
    color:var(--color-white)
}
@media(min-width: 23.4375em){
    .card--collection .card-content{
        width:80%;
        margin-top:var(--space-micro)
    }
}
@media(min-width: 90em){
    .card--collection .card-content{
        margin-top:var(--space-micro)
    }
}
.card--collection .card-headline{
    --lines: 4;
    font-size:var(--text-medium)
}
@media(min-width: 23.4375em){
    .card--collection .card-headline{
        --lines: 3
    }
}
@media(min-width: 60em){
    .card--collection .card-headline{
        --lines: 4
    }
}
@media(min-width: 90em){
    .card--collection .card-headline{
        --lines: 5
    }
}
.card--collection .frame{
    min-height:100%
}
.card--product{
    position:relative;
    padding:clamp(.75rem,7%,2rem);
    background-color:var(--color-white);
    color:var(--color-black);
    border-radius:var(--border-radius)
}
.card--product .breakout-link::before{
    transition-property:all;
    transition-duration:200ms;
    transition-timing-function:ease-out
}
.card--product:hover .breakout-link::before{
    box-shadow:rgba(0,0,0,.125) 0rem .75rem 1rem -1rem
}
.card--product .card-media{
    display:flex;
    justify-content:center;
    align-self:center;
    padding-top:var(--space-nano)
}
.card--product .card-media .circle{
    top: clamp(.7rem,6%,1rem);
    right: clamp(.7rem,6%,1rem);
}
.card--product .card-media img,.card--product .card-media video{
    width:100%
}
.card--product .card-content{
    align-self:center;
    margin-top:auto
}
.card--product .card-headline{
    margin-bottom:.25rem;
    font-size:var(--text-micro)
}
@media(min-width: 60em){
    .card--product .card-headline{
        font-size:var(--text-tiny)
    }
}
.card--product .card-text{
    margin-top:var(--space-micro);
    font-size:var(--text-micro)
}
.card--product .card-button{
    position:relative;
    z-index:2;
    margin-top:var(--space-tiny);
    border-color:var(--color-primary)
}
.card--product .card-price{
    font-size:var(--text-nano)
}
.card--product .card-price .price-box{margin: 0;}
.card--product .card-price-monthly{
    font-size:var(--text-nano);
    color:var(--color-dark);
    line-height:1.25
}
.card--product .card-colors{
    --place: flex-end;
    --gap: var(--space-nano);
    display:none
}
@media(min-width: 60em){
    .card--product .card-colors{
        display:flex
    }
}
.card--product .card-compare{
    position:relative;
    z-index:2;
    display:flex;
    align-items: center;
    background-color:rgba(0,0,0,0);
    border:0
}
.card--product .card-compare:hover{
    color:var(--color-dark)
}
.card--product .card-compare-text{
    font-size:var(--text-nano)
}
.card--product .card-compare-text:not(.active) .remove-text,
.card--product .card-compare-text.active .add-text{display: none;}
.card--product .card-compare-icon{
    display:flex;
    align-items:flex-start;
    margin-left:.375rem;
    color:var(--color-primary)
}
.card--product .card-compare-icon svg{
    width:1rem;
    height:1rem
}
.card--promo{
    position:relative;
    background-color:var(--color-primary);
    color:var(--color-white);
    overflow:hidden
}


@media (orientation: portrait) {
    .card--promo,
    .card--promo > .card-media,
    .card--promo > .card-media > .frame{
        min-height:60vh!important
    }
}
.card--promo .card-media{
    width:100%;
    height:100%
}
.card--promo .card-label{
    font-size:.875rem;
    font-weight:600;
    letter-spacing:.0625rem;
    text-transform:uppercase
}
.card--promo .card-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background-color: #000;
    opacity:.4
}
.card--promo .card-button{
    margin-top:var(--space-small)
}
.card--promo .card-button:focus{
    outline-color:var(--color-primary)
}
.card--promo .card-content{
    --ty: -50%;
    position:absolute;
    top:50%;
    right:0;
    left:0;
    z-index:2;
    width:100%;
    max-width:40rem;
    margin-right:auto;
    margin-left:auto;
    padding:clamp(1.5rem,10%,3rem);
    color:var(--color-white);
    transform: translateY(-50%);
}
@media(min-width: 23.4375em){
    .card--promo .card-content{
        width:90%
    }
}
.card--promo .card-headline{
    --lines: 3;
    margin-top:var(--space-micro);
    font-size:var(--text-large)
}
@media(min-width: 90em){
    .card--promo .card-headline{
        --lines: 4
    }
}
.card--promo .frame{
    min-height:100%!important;
    height: 100%;
}
.card--info{
    overflow:hidden
}

.card--info > * {
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
}
.card--info .card-content{
    position:relative;
    padding:clamp(1.5rem,7%,3rem);
    background-color:var(--color-black);
    color:var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card--info .card-label{
    margin-top:var(--space-nano);
    font-size:.875rem;
    font-weight:600;
    letter-spacing:.0625rem;
    text-transform:uppercase
}

.card--info .card-content a,
.card--info .card-content p {
    color: var(--color-white);
    font-weight: normal;
}
.card--info p,
.card--info .card-text{
    max-width:40rem;
    margin-top:var(--space-micro);
    font-weight:600
}
.card--info .card-button{
    margin-top:var(--space-small);
    margin-bottom:var(--space-nano);
    margin-left:auto
}
.card--info .card-button:hover{
    background-color:var(--color-white);
    color:var(--color-black);
    border-color:var(--color-white)
}
.card--info .card-button:focus{
    outline-color:var(--color-white)
}
.collection{
    margin-top:var(--space-large);
    margin-bottom:var(--space-large)
}
.ves-container .collection{
    margin-top:0;
    margin-bottom:0;
}


.collection-intro-media{
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden
}
.collection-intro-media .frame{
    min-height:100%
}
.collection-intro-content{
    max-width:45rem;
    margin-top:var(--space-small);
    margin-bottom:var(--space-small);
    padding:clamp(1.5rem,10%,3rem)
}
@media(min-width: 60em){
    .collection-intro-content{
        margin-right:auto;
        margin-top:var(--space-large);
        margin-bottom:var(--space-large);
        margin-left:auto
    }
}

.collection-intro-headline{
    font-size:var(--text-huge)
}
.collection-group{
    margin-top:var(--space-large);
    margin-bottom:var(--space-small)
}
.collection-group-media{
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden
}
.collection-group-media .frame{
    min-height:100%
}
.collection-group-content{
    max-width:45rem;
    margin-top:var(--space-medium);
    margin-bottom:var(--space-small)
}
@media(min-width: 60em){
    .collection-group-content{
        margin-right:auto;
        margin-top:var(--space-large);
        margin-bottom:var(--space-large);
        margin-left:auto
    }
}
.collection-group-headline{
    font-size:var(--text-huge)
}
.collection-reel{
    margin-top:var(--space-large);
    margin-bottom:var(--space-small);
    min-width: 100%;
}
.ves-container
.collection .collection-reel{
    margin-top:0
}
.collection-reel-badge{
    --ty: var(--space-micro);
    position:relative;
    z-index:4;
    display:inline-block;
    margin-bottom:calc(var(--space-micro)*-1);
    padding:var(--space-micro) var(--space-tiny);
    font-size:var(--text-micro);
    font-weight:600;
    letter-spacing:.0625rem;
    text-align:center;
    background-color:var(--color-black);
    color:var(--color-white);
    border-radius:var(--border-radius);
    border-bottom-left-radius:0;
    margin-top: 15px;
}
.color-picker{
    --border-radius: 2rem;
    position:relative;
    width:2rem;
    height:2rem;
    margin-top:.125rem;
    margin-bottom:.125rem;
    background-color:currentColor;
    border-radius:var(--border-radius);
    border:.125rem solid var(--color-white)
}

.color-picker .white{border: 1px solid #ccc;}
.color-picker:hover::before{
    border-color:var(--color-black)
}
.card .color-picker:hover::before{
    border-color:rgba(0,0,0,0)
}

.cover-wrap{
    --align: center;
    position:relative
}
@media(orientation: landscape){
    .cover-wrap{
        min-height:calc(var(--vh, 1vh)*80)
    }
}
@media(orientation: portrait){
    .cover-wrap{
        min-height:calc(var(--vh, 1vh)*60)
    }
}
.cover-media{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1
}
.cover-media img,.cover-media video{
    width:100%;
    height:100%!important;
    object-fit:cover
}
.cover-content{
    --flow: column;
    --place: center;
    --md-place: flex-start;
    position:relative;
    z-index:3;
    margin-right:auto;
    margin-left:auto;
    padding-top:var(--space-huge);
    padding-bottom:var(--space-huge);
    max-width:60rem;
    color:var(--color-white);
    text-align:center
}
@media(min-width: 60em){
    .cover-content{
        margin-left:0;
        text-align:left
    }
}
.cover-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:var(--color-black);
    opacity:.25
}
.cover-headline{
    width:90%;
    margin-top:var(--space-micro);
    margin-right:auto;
    margin-left:auto
}
@media(min-width: 23.4375em){
    .cover-headline{
        width:80%
    }
}
@media(min-width: 90em){
    .cover-headline{
        width:100%
    }
}
.cover-label{
    font-size:.875rem;
    font-weight:600;
    letter-spacing:.0625rem;
    text-transform:uppercase;
    color:var(--color-white);
}
.cover-banner{
    position:relative;
    color:var(--color-white);
    background-color:var(--color-primary);
    text-align:center;
    overflow:hidden
}
.cover-banner ::selection{
    background-color:var(--color-white);
    color:var(--color-black)
}
.cover-pattern{
    --tx: -25%;
    --ty: -20%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    color:var(--color-white);
    opacity:.125
}

.cover--hero{min-width: 100%;}
@media(orientation: landscape){
    .cover--hero{
        min-height:calc(var(--vh, 1vh)*80)
    }
}
@media(orientation: portrait){
    .cover--hero{
        min-height:calc(var(--vh, 1vh)*60)
    }
}
.cover--hero .cover-banner .cover-content{
    --md-place: center;
    max-width:50rem
}
@media(min-width: 60em){
    .cover--hero .cover-banner .cover-content{
        margin-left:auto;
        text-align:center
    }
}
.cover--hero .cover-headline{
    width:100%;
    margin-bottom: .2em;
}

.cover--hero p{
    color: var(--color-white);
    font-size: var(--text-medium);
}

@media(min-width: 60em){
    
    .ves-inner .row > div:nth-child(even) .layout> .card:first-child,
    .feed-group:nth-child(even) .layout> .card:first-child{
        --order: 3
    }
    
    .ves-inner .row > div:nth-child(even) .layout> .card:first-child + .card:not(:last-child),
    .feed-group:nth-child(even) .layout> .card:first-child + .card:not(:last-child){
        --order: 2
    }
    
    .ves-inner .row > div:nth-child(even) .layout> .card:last-child,
    .feed-group:nth-child(even) .layout> .card:last-child{
        --order: 1
    }
    
    /*.ves-inner .row > div:nth-child(even) .layout>*:first-child,
    .feed-group:nth-child(even) .layout>*:first-child{
        --order: 2
    }
    .ves-inner .row > div:nth-child(even) .layout>*:last-child,
    .feed-group:nth-child(even) .layout>*:last-child{
        --order: 1
    }*/
}