/**
 * 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('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.eot');
    src: url('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.woff') format('woff'), url('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.ttf') format('truetype'), url('https://www.cykelcenter.com/skin/frontend/standard/default2//fonts/icomoon/icomoon.svg') format('svg');
}

@font-face {
    font-family: 'icoMoonCustom';
    src: url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/fonts/icomoon/icomoon.eot');
    src: url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/fonts/icomoon/icomoon.woff') format('woff'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/fonts/icomoon/icomoon.ttf') format('truetype'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/discount-badge.png') no-repeat;
    background-size: 60px auto;
}
.badge.new{
    background: url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/rating-stars-big.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden;}
.rating-box .rating { float:left; height:15px; background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/rating-stars-big.png) 0 0 no-repeat; display: block; margin-right: 3px;}
.stars.rating.active li label{background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/rating-stars-big.png) 0 100% no-repeat;}
.stars.rating li.active ~ li label{background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/rating-stars-big.png) 0 0 no-repeat;}
.stars.rating:hover li label{background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/rating-stars-big.png) 0 100% no-repeat!important;}
.stars.rating li:hover ~ li label{background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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("https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:url(https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/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
    }*/
}
:root{
    /*--main-color: hsl(187, 100%, 42%);*/
    --main-color: #c70000;
    --main-color-500: #000;
    --main-color-200: #fb7777;
}

.header-container.multirow .header {background: #fff;}

@media screen and (min-width: 1000px) {
  .form-search button.button, .form-search button.button:hover,
  .header-container .header .top .form-search .search-elements {
    background: #ececec;
  }
}

.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 {
	color: #000;
}


.header-container.multirow .header .nav-container #nav li.level0 > a {
	border-bottom: 2px solid inherit;
}

.header-container.multirow .header .nav-container #nav li.level0 > a {
	padding: 15px 0 15px 0;
}

@media screen and (min-width: 1000px) {
  #nav li.level0:hover > a {
    color: var(--main-color);
    border-bottom-color: var(--main-color-500) !important;
  }
}

.amconf-size .amconf-image-container.selected .amconf-image-title {
  background: var(--main-color-500);
}


#nav li.level0.contact-link.responsive,
#nav li.level0.login-link.responsive{display: none!important;}
/**
 * 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 to
 * 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)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; border:0 !important; padding:5px 9px !important; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { font-size:12px;  margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { font-size:12px; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link {  font-size:12px; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.cykelcenter.com/skin/frontend/standard/sport2/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.cykelcenter.com/skin/frontend/standard/default2/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
/**
 * aheadWorks Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://ecommerce.aheadworks.com/LICENSE-M1.txt
 *
 * @category   AW
 * @package    AW_Islider
 * @copyright  Copyright (c) 2011 aheadWorks Co. (http://www.aheadworks.com)
 * @license    http://ecommerce.aheadworks.com/LICENSE-M1.txt
 */

.awis-block{max-width: 100%!important; height: auto!important;}
.awis-slides-controls-buttons div:after{
    font-family: icoMoon;

    -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;
    font-size: 90px;
}

.awis-block-inner{overflow: hidden;}
.awis-block, .awis-block .awis-r-default-item img {
    margin: 0 auto;
    display: block;
    position: relative;
    width:100%;
    height:100%;
}
.awis-block, .awis-block .awis-r-default-item img {
    height: auto;
}

.awis-block .slides li:not(:first-of-type){display: none;}

.awis-slides-controls{
    position: relative;
    z-index: 5;
}
.awis-slides-controls-buttons {
    position: absolute;
    left: 20px;
    right: 20px;
    z-index: 997;
    margin-top: -25px;
    top: 50%;
}

.awis-slides-controls-buttons div:after {

    line-height: 50px;
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
}

.awis-slides-controls-buttons .awis-c-left:after {
    content: '\f18d';
}
.awis-slides-controls-buttons .awis-c-right:after {
    content: '\f18e';
}
.awis-slides-controls-buttons .awis-c-left {
    float: left;
}

.awis-slides-controls-buttons .awis-c-right {
    float: right;
}

.awis-slides-controls .awis-c-center {
    line-height: 22px;
    margin: 0px 50px;
    text-align: center;
}

.awis-block .awis-slides-controls .awis-c-center button.button {
    background: transparent;
    box-shadow: none;
    padding: 0px;
    background-color: transparent;
    background-image: url('https://www.cykelcenter.com/skin/frontend/standard/default2/aw_islider/representations/default/images/item.png');
    border: 0px;
    height: 12px;
    width: 12px;
}

.awis-effect-simple-slider {
    position: relative;

}
/*.cms-index-index .awis-block{max-width: 100%!important; overflow: hidden;}*/
.awis-effect-simple-slider .awis-r-default-item {
    float: left;
}
.awis-slides-container {
    position: relative;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}

.awis-block .caption{
    position: absolute;
    z-index: 1;
    left: 90px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    top: 40px;
    width: auto!important;
}


.awis-slides-controls button:after{content: none;}

/*@media screen and (max-device-width:1366px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 1366px; height: auto!important;} }*/
/*@media screen and (max-device-width:1024px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 1024px; height: auto!important;} }*/
/*@media screen and (max-device-width:767px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 767px; height: auto!important;} }*/
/*@media screen and (max-device-width:376px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 375px; height: auto!important;} }*/
/*@media screen and (max-device-width:414px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 414px; height: auto!important;} }*/
/*@font-face {
    font-family: 'icoMoon';
    src: url('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.eot');
    src: url('https://www.cykelcenter.com/skin/frontend/standard/default2/fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default2/fonts/icomoon/icomoon.woff') format('woff'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default2/fonts/icomoon/icomoon.ttf') format('truetype'), url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default2/fonts/icomoon/icomoon.svg') format('svg');
}*/
div.amshopby-overlay:after,
.amshopby-filters-top .filter-actions .toggle:before,
.amshopby-filters-top .filter-actions .clear-all:after,
.block-layered-nav.type-visible dt:after,
div.block-layered-nav dd a.amshopby-attr:before,
div.block-layered-nav dd a.amshopby-attr-selected:before,
div.block-layered-nav dt:before,
div.block-layered-nav dd a.image-only.color-code: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;
}

.block-layered-nav.block .actions {text-align: right;}
.block-layered-nav.block .actions a{
	margin-bottom: 10px;
    font-size: 0.92em;
    background: var(--main-color);
    padding: 2px 10px;
    border-radius: 25px;
	color: #fff;
	float: none;
	display: inline-block;
}
.amshopby-filters-top .filter-actions { /*float: left;*/ line-height: 50px; display: none;}
.amshopby-filters-top .filter-actions .toggle{cursor: pointer;}
.amshopby-filters-top .filter-actions .toggle:before{content: '\f14a'; position: relative; margin-right: 10px;}
.amshopby-filters-top .filter-actions .clear-all{
    border-left: 1px solid #7B7A7A;
    padding: 0 0 0 3px;
    line-height: 14px;
    display: inline-block;
}
.amshopby-filters-top .filter-actions .clear-all:after{content: '\e043'; position: relative; text-indent: 0; font-size: 13px; line-height: 14px; padding-left: 3px; vertical-align: middle; color: #D82D2D;}
.amshopby-filters-top .block-title {display: none;}
.amshopby-filters-top .block-content {
    min-width: 100%;
    background: #f5f4f4;
    margin: 0 -40px!important;
    padding: 0;
    /*display: none; */
    overflow: hidden;
    max-height: 0px;

    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -ms-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
}
.amshopby-filters-top.opened .block-content { display: block; max-height: 1000px; }
.amshopby-filters-top.opened.no-animation .block-content {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

div.amshopby-column {
    float:left; width:83px;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px;
}

.amshopby-link{
    float:left;
    padding-left:5px;
    padding-top:5px;
}

.amshopby-clearer {
	display:block;
	clear:both;
	overflow: hidden;
}
/*div.block-layered-nav dd {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 100%;*/
    /*width: 410px;*/
    /*z-index: 997;*/
/*}*/

div.block-layered-nav dd { padding:15px 0; border-bottom: 1px solid #B2B2B2;}
/*div.block-layered-nav dd ol { padding: 0; background: #fff; border-radius: 5px; border: 1px solid #ccc; padding: 5px 3px; }*/

div.block-layered-nav dd li{display: block; margin: 1px 3px;}
div.block-layered-nav dd a.amshopby-less,
div.block-layered-nav dd a.amshopby-more{padding-left: 0px; padding: 10px 0;}
div.block-layered-nav dd a {padding: 5px 0; text-align: left; display:flex; align-items: center; box-sizing: border-box; -moz-box-sizing: border-box; color:#000; font-size: 0.92em; position: relative; font-weight: normal; line-height: 17px;}

div.block-layered-nav dd a.amshopby-attr {}
div.block-layered-nav dd a.amshopby-attr-selected:before,
div.block-layered-nav dd a.amshopby-attr:before{
	content: '';
    position: relative;
    left: 0px;
    font-weight: normal;
    color: #acacac;
    font-size: 17px;
    width: 16px;
    display: block;
    border: 1px solid var(--main-color);
    height: 16px;
    border-radius: 2px;
    margin-right: 10px;
	text-align: center;
}
div.block-layered-nav dd a.amshopby-attr:hover:before{background: var(--main-color);}
div.block-layered-nav dd a.amshopby-attr-selected { font-weight: bold;}
div.block-layered-nav dd a.amshopby-attr-selected:before{content:'\e116'; font-weight: bold; font-size:12px; color: #fff; background: var(--main-color);}
div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer;}
div.block-layered-nav dd li span.minus {}
/*div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }*/
/*div.block-layered-nav dd li a.amshopby-attr-selected:after{content: '\e043'; text-indent: 0; font-size: 13px; line-height: 18px; position: absolute; right: 3px;}*/


div.block-layered-nav dd.price:after{content:none;}

/* IMAGES */

div.block-layered-nav dd a.image-only.color-code{
    position: relative;
    display: inline-block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    z-index: 2;
    margin: 0 5px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
div.block-layered-nav dd a.image-only.color-code.white{
    border: 1px solid #b8b8b8;
}

div.block-layered-nav dd a.image-only.color-code:hover:after,
div.block-layered-nav dd a.image-only.color-code.selected:after{
    content: '\e116';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}
div.block-layered-nav dd a.image-only.color-code.white:after{color: #000;}

/*div.block-layered-nav dt {*/
    /*display: inline-block;*/
    /*cursor:pointer;*/
    /*font-size: 1em;*/
    /*padding: 0 22px 0 10px;*/
    /*border: 1px solid #C5C5C5;*/
    /*font-weight: 200;*/
    /*background-image: url('https://www.cykelcenter.com/skin/frontend/cykelkompaniet/default/images/select-icon.png');*/
    /*background-position: right center;*/
    /*background-repeat: no-repeat;*/
    /*margin: 0;*/
    /*overflow: hidden;*/
    /*color: #000;*/
    /*white-space: nowrap;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*border-radius: 5px;*/
    /*background-color: #F7F7F7;*/

/*}*/

div.block-layered-nav dt{
    display: inline-block;
    width: 100%;
    color: #151515;
    line-height: 37px;
    font-weight: 700;
	text-transform: uppercase;
    font-size: 0.92em;
    position: relative;
    padding-right: 20px;
    padding: 15px 20px 15px 0;
    line-height: 14px;
    cursor: pointer;
}
div.block-layered-nav dt:before{
    content: '\e91f' ;
	color: #646464;
    position: absolute;
    right: 3px;
    font-size: 11px;
    line-height: 14px;
    transform: rotate(90deg);
}
div.block-layered-nav dt.amshopby-collapsed:before{
    transform: rotate(270deg);
}
div.block-layered-nav dt span{font-weight: bold;}
div.block-layered-nav dt.amshopby-collapsed {background-color: #fff;}
div.block-layered-nav dt.amshopby-collapsed + dd {
    padding: 0;
    margin: 0;
}


div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px auto 5px auto; z-index:9; height:18px;  cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {
    width: 15px;
    top: 3px;
    height: 15px;
    position: absolute;
    cursor: move;
    z-index: 2;
    background: #fff;
    border: 6px solid #d6bcb4;
    border-radius: 50%;
}

/*
 * Slider labels
 */
.price-attr{
    padding-bottom: 20px;
    text-align: center;
}
.amshopby-slider{position: relative;}
.amshopby-slider:after{content:''; position: absolute; height: 1px; width: 100%; left: 0; background: #ecddc8; top:10px;}
.amshopby-slider-price {
	color: #7a635c;
    font-size: 0px;
    display: inline-block;
}

.amshopby-slider-price span {font-size: 13px;}
.amshopby-slider-price span:after{content: ' SEK';}

.amshopby-slider-price-from {

}
.amshopby-slider-price-to:before {
	content: " – "; font-size: 13px;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range
{
	text-align: center;
}


.amshopby-tooltip-img {
    cursor:help;
}

/* top */
div.amshopby-filters-top .filter-object{width: auto; padding: 15px 40px; border-bottom: 1px solid #e1e1e1; /*margin-right: 15px;*/}
div.amshopby-filters-top .filter-object.last{border-bottom: 0;}

.amshopby-page-container div.amshopby-overlay{display: none;}

div.amshopby-overlay {
    background-color: rgba(255, 255, 255, 0.80);
    height: 100%;
    left: 0;
    bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 997;
}
div.amshopby-filters-top > div.amshopby-overlay {display: block; width: auto; left: -40px; right: -40px;}

/* left */

.amshopby-filters-left .block-title{display: none;}


div.amshopby-overlay:after {
    content: '\e981';
    left: 50%;
    top: 50%;
    margin: -14px -14px 0 0;
    font-size: 31px;
    color: #000;
    width: 31px;
    height: 31px;
    padding-left: 1px;
    border-radius: 100px;
    line-height: 1;
    -webkit-animation:spin 0.8s linear infinite;
    -moz-animation:spin 0.8s linear infinite;
    animation:spin 0.8s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);transform-origin: center;}
    100% { -webkit-transform: rotate(360deg);transform-origin: center;}
}
/*@-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);}
}*/

div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

/*div.amshopby-overlay div {*/
    /*margin: 0 auto;*/
    /*display: block;*/
	/*width: 300px;*/
	/*height: 200px;*/
/*}*/



/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
    position: absolute;
    background: #e8e4e0;
    /* border: 1px solid #d70e16; */
    height: 7px;
    top: 6px;
    z-index: 1;
    border-radius: 20px;
    left: 1px;
}

/*
 * Subcategores block
 */
.amshopby-subcategory-image {
	overflow: auto;
}

.btn-remove-inline { background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}



/* always visible */

.block-layered-nav.type-visible .filter-actions .toggle{display: none;}
.block-layered-nav.type-visible .block-content{display: block; height: auto; max-height: 100%; position: relative; overflow: visible; background: none; margin: 0px!important;}
.block-layered-nav.type-visible dl.filter-object{float: left;padding: 0; background: none; border-bottom: 0px;}
.block-layered-nav.type-visible dt{width: auto; padding: 3px 24px 3px 15px; cursor: pointer; border-bottom: 2px solid #ccc; display: block;  border-right: 1px solid #D8D8D8; position: relative;}
.block-layered-nav.type-visible dt:after{content: '\f190'; padding-left: 3px; position: absolute;  right: 12px; top: 0px; bottom: 0px; line-height: 45px;}
.block-layered-nav.type-visible dt:not(.amshopby-collapsed):after{content: '\f18f';}
.block-layered-nav.type-visible dl:last-child dt{border-right: 0px;}
.block-layered-nav.type-visible dt:not(.amshopby-collapsed){background: #f5f4f4; border-bottom-color: #000; border-right-color: #f5f4f4;}
.block-layered-nav.type-visible dt .colon{display: none;}
.block-layered-nav.type-visible dd{position: absolute; top: 100%; width: 100%; left: 0px; z-index: 995; padding: 0;}
.block-layered-nav.type-visible dd ol{ padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; background: #f5f4f4;}


/* size */

div.block-layered-nav dd.size ol li{display: flex; flex-wrap: wrap; margin: 0; width: 100%;}
div.block-layered-nav dd.size ol .amshopby-column{flex: 50%; float: none; width: auto;}
/*div.block-layered-nav dd.size ol li{flex: 50%; margin: 1px 0px;}*/
.product_container { width:100%; margin:0 auto; margin-top:0px; padding-left:10px; }
.row_main { width:100%; height:auto; }
.main_div { width:180px; float:left; margin-left:30px; }
.heading { font-family:Arial; font-size:12px; color:#FFF; font-weight:bold; padding-left:10px; float:left; padding-top:0px; }
.text { font-family:arial; font-size:12px; color:#676767; font-style:italic; font-weight:normal; line-height:18px; }

.manufacturers-index-index .category-title h1{
    color: #000;
    background: none;
    text-shadow: none;
}
div.casestudy {
	margin: 0 12px 15px 0;
	/*background-color: #ccc;*/
	float: left;
	text-align: left;
    padding: 10px;
    background: #EFEFEF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.casestudy:hover {
    -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;
    background: #D8D8D8;
}

div.casestudy img{max-width: 100%;}

div.casestudy div.who {
	padding: 5px 0;
    border-top: 1px solid #e1e1e1;
    text-align: center;
}


div.casestudy div.who h3, div.casestudy div.who h4 {
	margin: 0;
	padding: 2px 0 0 0;
	color: #fff;
	line-height: 1em;
}

div.casestudy div.who h3 {
	font-size: 14px;
}

div.casestudy div.who h4 {
	font-size: 12px;
	font-weight: normal;
	color: #E8ECDC;
}
.casestudy .who a{
    border: none;
    color: #000;
}

div.casestudy div.what {
	font-size: 14px;
	text-align: left;
	padding: 5px 0 0 5px;
	font-family: georgia;
	font-style: italic;
	/*background-color: #F5F6F7;*/
	line-height: 1.1em;
}

div.casestudies div.casestudy img.play {
	position: absolute;
	border:0;
}

div.end {
	margin-right: 0;
}

/*--------------------########## Block #######-----------------*/ 

#man_wrapper { width:195px; margin:0 auto; margin-top:30px; }

.man_div_end { clear:both; }

.man_bg { background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/bg.jpg) repeat-x #FFF left top; width:195px; border:#c4c1bc 1px solid; }

.man_image { padding:12px; float:left; }

.man_text1 { font-family:Arial; font-size:12px; font-weight:bold; color:#272727; float:left; margin:30px 0 0 0; }

.man_dvd { margin:0 0 0 12px; }

.man_block_title {
background:url("https://www.cykelcenter.com/skin/frontend/standard/default2/css/images/bkg_block-title.gif") repeat-x scroll 0 0 transparent;
border-bottom:1px solid #DDDDDD;
padding:2px 9px;
}

#manfacturerwrapper { margin:0 auto; margin-top:5px; }

.div_end { clear:both; }

/*--------------------########## BackGROUND Images #######-----------------*/   /*START*/


.manfacturerimage { padding-right:10px; float:left; }

.manfacturertext { font-family:"Trebuchet MS"; font-size:13px; font-weight:normal; color:#272727;  line-height:22px; }

#manufacturer_char_filter {
    text-align: center;
}

#manufacturer_char_filter li {
    display: inline;
    margin-right: 10px;
	font-weight:bold;
    line-height: 1.8em;
}

#manufacturer_char_filter li.selected {
	font-size:18px;
    font-weight:bold;
	text-decoration:underline;
}

#manufacturer_char_filter li a {
    border: none;
}

.manufacturer_sort {
	padding-top:10px;
	padding-bottom:10px;
}

#ul_manuf { height: auto; width:auto; }

#ul_manuf h3 {  color: #555555; padding: 0; margin:0px;}

#ul_manuf ul li { padding-top: 0px; list-style:none; float:left; width:160px; line-height:26px; }

#ul_manuf ul li a { color:#09F;}

#ul_manuf ul li a:hover { color:#434343; text-decoration:none; }

.shopbymanufacturersddl {
	width:182px;
	margin-left:5px;
	*width: 170px;
	*margin-left: -15px;
    background-color: #ccc;
}

.letter_heading {
    border-bottom: 1px solid #CACCCD;
    clear: both;
    color: #0A263C;
    float: none !important;
    font-weight: bold;
    padding: 10px 0 5px !important;
    width: 100% !important;
}
	
.brandListView {
    font-size: 80%;
    margin: 0 0 15px;
    padding: 0;
    text-align: right;
	clear:both;
}

.brandListView li {
    display: inline;
    list-style: none outside none;
    margin: 0 5px;
    padding: 0;
}

.brandListView li a {
    border: 1px solid #EBEBEB;
    margin: 0;
    padding: 5px 6px;
    text-align: center;
}
.brandListView li a, .brandListView li span {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}

.brandListView li span {
    background-image: url("https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/view-by.png");
    height: 13px;
    margin: 0 2px 0 0;
    width: 14px;
}

.brandListView li a.current {
    background: none repeat scroll 0 0 #EBEBEB;
    border-color: #EBEBEB;
    cursor: default;
}

.brandListView li a:hover {
    border-color: black;
}

.brandListView li a:hover .brandListIconview, .brandListView li a.current .brandListIconview {
    background-position: 0 13px;
}

.brandListView li a:hover .brandListTextview, .brandListView li a.current .brandListTextview {
    background-position: 14px 13px;
}

.brandListTextview {
    background-position: 14px 0px;
}

.brandListIconview {
    background-position: 0 0;
}

#catmanufacturers li {float:left; padding: 0 20px 10px 0;}

.product-view #manufacturer_logo{float: right; text-align: center; margin: 0px; margin-top: 10px;}

.image{text-align: center; border: none; max-width: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; background: #fff;}
.image{font-size: 0.78em; color: #b5b5b5;}
.image:hover{text-decoration: none; color: #636363;}

.manufacturer_name{text-transform: uppercase;}

.manufacturers-index-index .category-title{
    position: relative;
}
.manufacturers-index-index .category-title h1:before,
.manufacturers-index-index .category-title h1:after{content: '';}
.manufacturers-index-index .category-title h1 {
    margin: 0px;
    padding: 0px;
    color: black;
    background: none;
    text-shadow: none;
}

.carousel {
    overflow: hidden;
}

.carousel .inner {
    width: 1000000px;
}

.carousel .inner span {
    clear: both;
    display:block;
}

.carousel .middle {
    overflow: auto;
}

#horizontal_carousel {
    margin-top: 15px;
    position: relative;
}

#horizontal_carousel .middle {
    float: left;
}

#horizontal_carousel .inner img {
    float: left;
}

#horizontal_carousel ul {
    margin: 0;
    padding:0;
    /*position: relative;*/
    top: 0;
    left: 0;
    height: auto;
}

#horizontal_carousel ul li {
    height: auto;
    text-align: center;
    padding-right:20px;
    list-style:none;
    float:left;
}

#horizontal_carousel .inner li {
    float: left;
}

#horizontal_carousel #nav-left{
    float:left;
    width: 32px;
    height: 175px;
    background: url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/horizontal/left.png);
    z-index: 100;
    cursor: pointer;
    margin-top: -17px;
}

#horizontal_carousel #nav-right{
    float:right;
    width: 32px;
    height: 175px;
    background: url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/horizontal/right.png);
    z-index: 100;
    cursor: pointer;
    margin-top: -17px;
}

#horizontal_carousel a:hover {
    color: #000;
}

.manufacturers-index-index .flex-prev, .manufacturers-index-index .flex-next{
    position: absolute;
    height: 28px;
    width: 30px;
    top: 50%;
    margin-top: -14px;
    z-index: 3;
    background-position: 0 0;
    z-index: 2;
}

.manufacturers-index-index .flex-next {
    right: 0px;
    background: url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/horizontal/right.png) center right;
}

.manufacturers-index-index .flex-prev {
    left: 0px;
    background: url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/manufacturers/horizontal/left.png) center left;
}
@media screen and (max-width:1000px) {
    .main{padding: 0 20px;}
}
@media screen and (max-width:1024px) {

    /*
    ===============================================
    General layout elements
    ===============================================
    */
    .page{ padding: 0;}
    .wrapper,
    .product-view .product-img-box .product-image img,
    .product-view .product-img-box .product-image a,
    .product-view .product-img-box,
    .col-left,
    .col-right,
    .main,
    .col-main,
    .bg-wrapper,
    .quick-access-container,
    .cms-index-index .col2-right-layout .col-main,
    .cms-index-index .col2-left-layout .col-main,
    .col3-layout .col-wrapper,
    .footer
    {
        width: 100%!important;
    }

    .wrapper{ overflow-x: hidden; width: 100%;}

    body{min-width: 320px;  /*overflow-x: hidden;*/}
    img{max-width:100%;}
    .cms-page-view img{height: auto;}



    .main-container{margin-top: 0px;}
    .cms-index-index .col2-right-layout .col-main{padding: 0px; border: 0;}
    #manufacturer_logo{display: none;}

    .sidebar{ background: #FAFAFA; float: none; clear: both; }
    .sidebar:after{ content: none; }

    /*Go to top*/
    #toTop{display: none;}
    
    .col1-layout .main-container:not(.container) .col-main,
    #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-left:15px!important; padding-right:15px!important;}
    #ves-wrapper#ves-wrapper .main-container .col-main .ves-container .ves-inner.inner-container-limited{padding-top: 25px; padding-bottom: 25px;}


    h1, .h1     { font-size:1.6em; line-height:1.4em;}
    .ves-container .product-wrapper .list-title.list-title.h2, .ves-container .ves-inner .block-title.block-title, .ves-container.ves-container h2,
    h2, .h2     { font-size:1.3em; line-height:1.25;}
    h3, .h3     { font-size:1.2em; line-height:1.2; }
    h4, .h4     { font-size:1.1em; line-height:1.35; }
    h5, .h5     { font-size:1.05em; line-height:1.35; }
    h6, .h6     { font-size:1em; line-height:1.35; }

    .showNav .flex-direction-nav a {opacity: 1;}
    .flex-viewport .products-grid{ margin: 0;}
    .flex-viewport .slides li.item.border .item-inner {
        margin: 0 3px!important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #to-top.mobile-only{display: block;}
    
    /*.col2-left-layout .col-main{padding: 0;}*/
}






/*
  ===============================================
  NAVIGATION / TOPMENU / NAVBAR
  ===============================================
  */

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

    body{--header-icon-padding: 10px;}
    .header-container {position: fixed!important;}
    .header-container .header{background-image: none!important; padding: 0 10px;}
    .header-container.multirow .header .top, .header-container.multirow .header .nav-container #nav{padding: 0px;}
    .quick-access-wrapper{display: none;}

    /* header height */


    .header .logo > div a,
    .header .logo{height: 60px;}
    .header .logo img{padding: 12px 0;}
    .cart-header .cart-icon:after{font-size: 17px;}


    /* END header height */


    .responsive{display: block!important;}


    .header .header-container{padding: 0 10px;}

    .header .left{display: block!important;}
    .header .left, .header .right{ flex: 1 1 0%; float: none; display: flex; align-items: center;}
    .header .right {justify-content: flex-end; display: flex;}
    .header .menu-toggle{
        text-align: center;
        color: #fff;
        display: inline-block;
    }

    .menu-toggle:after
    {
        content: '\e120';
    }

    .header-container .header .top .account{ display: none; }
    .header-container.has-quick-access  + .main-container{ margin-top: 0px; }
    .header-container.multirow + .main-container{padding-top: 60px!important;}
    /* search */


    /*.header-container .header .top .form-search button.button{ width: 70px; }*/
    .header-container .header .top .form-search .toggle-search{display: flex; position: absolute; left: 40px; top: 0;}
    .header-container .header .top .form-search .search-input{
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0px;
        top: 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 .header .form-search .show .search-input {
        visibility: visible;
        left: 0px;
        opacity: 1;
    }
    
    .header-container .header .top .form-search .search-input input{border: none;}
    
    .header-container .header .form-search .search-elements.show{display: flex;}
    .header-container .header .form-search .search-elements button.button{display: none;}
    .header-container .header .form-search .search-elements.show button.button {
        display: block;
        position: absolute;
        color: #000;
        right: 15px;
        padding-right: 0;
        top: 100%;
        line-height: 50px;
        z-index: 999;
        text-shadow: none;
        background: none;
        padding-top: 2px;
        min-width: 0;
        padding: 0;
    }
    .header-container .header .top .form-search .show .search-input{ visibility: visible; width: auto;  left: 0px; opacity: 1;  background: #fff;}
    .header-container .header .top .form-search .show input.input-text{width: 100%; height: 50px; line-height: 50px;  background: #fff;}
    /*.header-container .header .top .form-search .show button.button:after{ content: '\e043'; width: 70px; font-size: 1.6em; }*/
    .header-container .header .top .form-search .show .toggle-search:after{ content: '\e043'; }
    .header-container .header .form-search .show:before {
        content: '';
        background: #000;
        position: fixed;
        left: 0;
        right: 0;
        top: 104px;
        bottom: 0;
        z-index: 999;
        background: rgb(0 0 0 / 57%);
    }


    /* nav bg */

    body.nav-slide{background-image: none; overflow: hidden;}
    .nav-slide  .main-container,
    .nav-slide .header-container .header .top{opacity: .7;}
    .nav-slide .header-container .header:before{ content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 997; background: rgba(0,0,0, 0.35);
        -webkit-transition: .2s;
        transition: .2s;  }


        /* navigation */

    .close-menu {
        position: fixed;
        /*right: 365px; */
        right: -40px;
        top: 20px;
        z-index: 9999;
        width: 40px;
        text-align: center;
    }
    .close-menu:after{content:'\e117'; position: relative; font-size: 22px; color: #fff; text-shadow: 0px 0px 1px #FFF; width: 40px; text-align: center; cursor: pointer; }
    .nav-slide  .close-menu { right: 15px; }

    .nav-container > ul{
        float: none;
        text-align: left;
        width: 100%;
    }

    .header-container.multirow .header .nav-container,
    .nav-container{
        position: fixed;
        left: 0;
        width: calc(100% - 70px);
        height: 100%!important;
        top: 0px;
        bottom: 0;
        margin: 0px;
        padding: 0px;
        border: none;
        overflow: auto;
        text-align: right;
        -webkit-transition: .2s;
        transition: .2s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 999;
        padding: 0px!important;
        flex-wrap: wrap;
        display: block!important;

    }
    .nav-container > ul{height: auto;}


    .nav-slide .header-container.multirow .header .nav-container,
    .nav-slide .nav-container
    {

        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }


    .nav-container > ul:first-of-type{
        margin-top: 10px;
    }

    .nav-container > ul ul,
    .nav-container > ul li{float: none!important; position: relative; height: auto!important; opacity: 1!important;}
    .nav-container > ul ul { width: 100%!important; box-sizing: border-box; -moz-box-sizing: border-box; position: relative!important; left: 0px!important; visibility: visible!important; }


    .nav-container > ul li.level0.columns.opened .column-wrapper{display: block!important; visibility: visible!important; opacity: 1!important; max-height: 2000px!important; left: 0;transform: none;}
    .nav-container > ul li.level0.columns:not(.brands) .column-wrapper > ul.level0{display: block!important;}
    .nav-container > ul li.level0.columns:not(.brands) .column-wrapper > ul.level0 > li.category-image{display: none!important;}
    .nav-container > ul li.level0.columns:not(.brands) .column-wrapper > ul.level0:first-of-type:before{content: none;}
    #nav li.level0.columns:not(.brands) .column-wrapper > ul.level0:before{content: none;}
    
    /* LEVEL 0 / level top */

    .nav-container > ul li.level0.columns,
    #nav li{width: 100%;}
    #nav li.level0.columns{
        position: relative!important;
    }

    .header-container.multirow .header .nav-container #nav {height: auto;}
    .header-container.multirow .header .nav-container #nav li.level0 > a{

        padding: 0 0 0 20px;
        margin-right: 50px;
        line-height: 50px;
        display: block;
        border-bottom: 0;
    }


    .nav-container > ul li.level0:hover > a{background: none;}
    .nav-container > ul li.opened > a{font-weight: bold;}
    .nav-container > ul li.level0.parent > a:after{content: none;}
    .nav-container > ul li.level0.parent:after{
        content: '\e903';
        top: 0px;
        right: 0px;
        font-size: 15px;
        color: #fff!important;
        line-height: 50px;
        width: 50px;
        text-align: center;
    }
    .nav-container > ul li.level0.opened.parent:after{ content: '\e907'; }



    .nav-container > ul li.level0.parent > a span{ padding-right: 00px; }

    .nav-container > ul li.level0[class*="nav"] + li.level0:not([class*="nav"]):not(.brands),
    .nav-container > ul li.level0.brands + li.level0 { border-top: 1px solid hsl(100, 0%, 30%); }

    .nav-container > ul li.level0[class*="nav"] ~ li.level0:not([class*="nav"]):not(.brands) a,
    .nav-container > ul li.level0.brands ~ li.level0 a { opacity: .7; }

    .nav-container > ul li.level0.offscreen:not(.columns) ul{
        left: 0; right: auto;
    }



    /* LEVEL 1 */

    .nav-container > ul li.level0 ul,
    .nav-container > ul li.level0 .column-wrapper{ display: none!important; position: static!important; max-height: 4000px!important; overflow: visible; padding: 0!important; width: 100%!important; visibility: visible!important; background: none!important; box-shadow: none!important;}

    .nav-container > ul li.level0 > ul,
    .nav-container > ul li.level0 > .column-wrapper{ padding:10px!important; background: hsl(0, 0%, 21%)!important;}

    .nav-container > ul li.opened > .column-wrapper,
    .nav-container > ul li.opened > .column-wrapper > ul,
    .nav-container > ul li.opened > ul{display: block!important;}

    .nav-container > ul li.level0:hover > ul { height: auto; visibility: visible; font-size: 1em; overflow: visible;}

    .nav-container > ul li.level1 { padding: 0!important; margin: 0; width: auto!important; position: relative; padding-right: 10px; border: none!important; width: 100%!important;margin: 0px!important }
    .nav-container > ul li li:after:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        height: 1px;
        background: #B6B6B6;
    }
    .nav-container > ul li li.parent:after{
        content: '\e903';
        right: 0px;
        top: 0;
        line-height: 36px;
        color: #fff;
        font-size: 17px;
        width: 30px;
        text-align: center;
    }
    .nav-container > ul li li.opened.parent:after{
        content: '\e907';
    }

    .nav-container > ul li.level1 a { color: #000; display: block;  font-size: 0.85rem!important; margin-bottom: 0px!important; padding: 3px 14px!important; line-height: 30px!important; margin-right: 30px; border: none!important; font-weight: normal!important;}
    .nav-container > ul li.level1:hover,
    .nav-container > ul li.level1.opened{background: #F2F2F2;}
    .nav-container > ul li.level1.opened > a{ font-weight: 600; }

    .nav-container > ul li:not(.columns) li.level1{position: relative;}
    .nav-container > ul li:not(.columns) li.level1.opened{margin: 0px!important;}
    .nav-container > ul li:not(.columns) li.level1 ul li{border: none; background: none;}
    .nav-container > ul li:not(.columns) li.level1 ul li,
    .nav-container > ul li:not(.columns) li.level1:hover ul li{padding: 0;}


    .nav-container > ul li.level0.columns.brands .column-wrapper > ul.level0 > li.letter{display: none;}

    /* LEVEL 2 > */

    .nav-container > ul .category-wrapper > .column-wrapper > ul,
    .nav-container > ul > li > .column-wrapper > ul{
        -webkit-column-count: auto!important;
        -moz-column-count: auto!important;
        column-count: auto!important;
    }

    .nav-container > ul li li.opened {padding: 10px 0;}
    .nav-container > ul li li.opened > .column-wrapper,
    .nav-container > ul li li.opened > ul{display: block!important;}

    .nav-container > ul li li > ul{display: none!important;}
    .nav-container > ul li li.opened > ul{display: block!important;}
    .nav-container > ul li li.opened { background: rgb(255 255 255 / 18%)!important; margin: 0 10px 10px 10px; }
    .nav-container > ul li li.opened > a { font-weight: bold!important; }

    .nav-container > ul li:not(.columns) li.level1.offscreen ul {right: auto; left: 0;}

    /*varumärken fix TODO: måste dubbelkolla med andra inställningar*/
    .nav-container > ul li.level0.columns.brands .column-wrapper > ul.level0 > li > a{font-weight: bold;}

}

@media screen and (min-device-width:320px) and (max-device-width:767px) {

    .cart-header.full .cart-open:hover,
    .cart-header.full:hover .cart-open,
    .cart-header:hover .cart-open,
    .cart-header .cart-open{  display: none!important; }
}
@media screen and (min-width:320px) and (max-width:500px) {
    .cart-header .cart-open{ right: -60px;}
}
@media screen and (min-width:320px) and (max-width:400px) {
}


@media screen and (min-width:310px) and (max-width:1481px) {

    .header-container.singlerow .header{right: 0px; width: 100%;}
}
@media screen and (min-width:1000px) and (max-width:1481px) {


    .quick-access-wrapper .quick-access-menu{width: 100%; padding: 0 70px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .header-container.singlerow .header{ padding: 0 70px;}
    .header .logo{left: 70px;}
}



/*
===============================================
Sidebar
===============================================
*/
@media screen and (max-width:1000px) {
    .col1-layout .leftnavi{ display: none; }
}

/*
===============================================
Home page
===============================================
*/
@media screen and (max-width:1450px) {
    .awis-block .awis-block-inner .caption.caption{
        width: 100%!important;
        margin-left: 0;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width:1000px) {

    body .awis-block{padding-top: 0px;}
    .custom-navigation{margin-top: 15px;}

    .awis-block .awis-block-inner .caption.caption :any(.h2, h2){font-size: 2.3rem;}
}

@media screen and (max-width:767px) {
    
    .home-boxes { margin: 0 -5px 50px -5px; }
    .home-boxes .col{padding: 0 5px;}

    .awis-block .awis-block-inner .caption.caption .h2,
    .awis-block .awis-block-inner .caption.caption h2{font-size: 1.5rem; margin-bottom: 10px;}
    .awis-block .awis-block-inner .caption.caption p{font-size: 1rem;}
    .awis-block .awis-block-inner .caption.caption{
        justify-content: center;
        text-align: center;
        right: auto;
    }
    .awis-block .awis-block-inner .caption.caption .content{margin-right: 0;}
    .awis-block .awis-block-inner .caption.caption *{text-align: center;}
    .awis-block .awis-block-inner .caption.caption a{padding: 12px 20px; min-width: 170px;}
}

@media screen and (max-width:660px) {

    .home-boxes {text-align: center;}
    .home-boxes .col.col-1{width: 50%;}
    .home-boxes .col.col-2{width: 100%}
}

@media screen and (max-width:450px) {

    .home-boxes {text-align: center;}
    .home-boxes .col.col-1,
    .home-boxes .col.col-2{width: 100%}
}


@media screen and (max-device-width:600px) {
    .awis-block .flex-direction-nav{display: none;}
}



/*@media screen and (max-device-width:1366px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 1366px; height: auto!important;} }*/
/*@media screen and (max-device-width:1024px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 1024px; height: auto!important;} }*/
/*@media screen and (max-device-width:767px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 767px; height: auto!important;} }*/
/*@media screen and (max-device-width:376px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 375px; height: auto!important;} }*/
/*@media screen and (max-device-width:414px) { .awis-effect-simple-slider .awis-r-default-item img{max-width: 414px; height: auto!important;} }*/




/*
===============================================
Product list
===============================================
*/

@media screen and (min-width:1024px) {
    .category-products .filter-toggle{display: none;}
}
@media screen and (max-width:1024px) {
    
    .products-grid li.item .actions{
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    .products-grid li.item .actions button.btn-cart{
        width: 40px;
        height: 40px;
        min-width: 0;
        text-shadow: none;
    }
    .products-grid li.item .actions button.btn-cart span{display: none;}
    .products-grid li.item .actions button.btn-cart:after{margin: 0!important;}
    .products-grid li.item .quick-view-wrapper .quick-view-content .options button.button.btn-checkout, .products-grid li.item .actions button.btn-cart{padding: 15px 10px;}

    .toolbar .pager{display: flex; flex-wrap: wrap;}
    .category-title{margin: 0px!important;}
    .category-products{margin-top: 0px;}
    .category-products .toolbar-top{margin: 7px 0px;}
    .category-products .breadcrumbs{width: 100%; text-align: center; margin-bottom: 10px;}
    .category-products .breadcrumbs a {color: #7b7777;}
    .category-products .limiter,
    .category-products .filter-toggle{display: flex; flex: 1; color: #4f4d49; justify-content: space-between;}
    .category-products .limiter a{
        display: flex; align-items: center; padding: 0 10px;
    }
    .category-products .toolbar-bottom .limiter,
    .category-products .toolbar-bottom .filter-toggle{display: none;}
    .category-products .filter-toggle{ height: 40px; line-height: 40px; border: 1px solid var(--main-color); background-color: var(--main-color); text-transform: uppercase;  font-size: 0.75rem; border-right: 0; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; color: #fff;}
    .category-products .filter-toggle span{padding: 0 12px;}
    .category-products .filter-toggle:after{content: "\e90b"; position: relative; font-size: 14px; padding-right: 12px;}
    .category-products .limiter select{width: 100%; height: 100%;}


    /* filter */
    body.filter-slide{overflow: hidden;}
    .filter-slide .sidebar .block.amshopby-filters-left{
        -webkit-transform: translateX(-350px);
        -ms-transform: translateX(-350px);
        transform: translateX(-350px);
    }
    .sidebar .block.amshopby-filters-left{
        position: fixed;
        left: 100%;
        width: 350px;
        height: 100%!important;
        top: 0px;
        bottom: 0;
        margin: 0px;
        padding: 0px;
        border: none;
        overflow: auto;
        -webkit-transition: .2s;
        transition: .2s;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        z-index: 999;
        padding: 15px;
        background: #fff;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .close-filter{
        position: fixed;
        /* right: 365px; */
        right: -40px;
        top: 20px;
        z-index: 9999;
        width: 40px;
        -webkit-transition: .2s;
        transition: .2s;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    
    .filter-slide .main-container{z-index: auto;}

    .filter-slide .close-filter{
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }

    .filter-slide .close-filter:after{
        content: '\e117';
        position: relative;
        font-size: 28px;
        color: #fff;
        text-shadow: 0px 0px 1px #FFF;
        width: 40px;
        text-align: center;
        cursor: pointer;
    }

    .filter-slide .wrapper:before {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: rgb(0 0 0 / 57%);
        -webkit-transition: .2s;
        transition: .2s;
    }


}


@media screen and (max-width:767px) {
    .listing-catalogimg-grid {display: none;}

    /*Toolbar + title */


    .col-main .flex-viewport .products-grid li.item.border .item-info .price-pusher {min-height: 80px; }

}

@media screen and (min-width:767px) and (max-width:780px) {
    .col-main .products-grid li.item .item-info .button-set .info{padding-right: 0!important;}
}
@media screen and (min-width:350px) and (max-width:435px) {

    .col-main .products-grid li.item.border .item-info .price-pusher {
        min-height: 64px;
    }
    .products-grid li.item .item-inner .badge{
        width: 45px;
        height: 46px;
        font-size: 0.65em;
        background-size: 45px auto!important;
    }

    .products-grid li.item .item-inner .ribbon{
        font-size: 0.75em;
        padding: 3px 15px;
    }
    .products-grid li.item .variant-info{
        padding: 2px 0 7px 0;
    }
    .products-grid li.item .variant-info .info-wrapper span{
        font-size: 0.7em;
    }
}

@media screen and (min-width:320px) and (max-width:377px) {
    .col-main .products-grid li.item .item-info .show-all-buttons .button-set .info,
    .col-main .products-grid li.item .item-info .show-all-buttons .button-set button.button {
        font-size: 0.92em;
    }
    .col-main .products-grid li.item .item-info .show-all-buttons .button-set button.button {
        padding: 0 13px;
    }
}

@media screen and (min-width:320px) and (max-width:350px) {

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

    .col-main .products-grid li.item.border .item-info .price-pusher {
        min-height: 40px!important;
    }
    .col-main .products-grid li.item.border.variant-info.action-show .item-info{min-height: 0px;}
    .col-main .products-grid li.item.border.variant-info .item-inner {padding-bottom: 5px;}

    .cms-index-index .col-main .products-grid li.item.border .item-info .price-pusher {
        min-height: 80px!important;
    }
}


@media screen and (min-width:320px) and (max-width:412px) {
    div.block-layered-nav dd{width: 100%;}
}
@media screen and (min-width:320px) and (max-width:438px) {
    .catalog-category-view .block-layered-nav{width: 100%; float: none; border-top: 1px solid #E1E1E1; margin-top: 15px; padding-top: 15px; }
    .category-products{ clear: both; }
    .category-products .toolbar { margin-top: 0; }
    .category-products .toolbar label{display: none;}
    .category-products .toolbar .pager{padding: 10px 0; border: none;}
    .category-products .toolbar .pager .amount{margin: 0; margin-right: 15px;}
    .category-products .toolbar .pager .limiter,
    .category-products .toolbar .pager .amount{float: left;}
    .category-products .toolbar .pager .amount select{min-width: 71px;}
    .category-products .toolbar .pager .per-page{padding: 0;}
}

@media screen and (min-width:320px) and (max-width:480px) {
    .col-main .products-grid li.item.border .item-info .price-pusher{min-height: 80px;}
}

@media screen and (min-width:320px) and (max-width:390px) {
    .product-view .crossell a{ width: 32%;}
}

@media screen and (min-width:438px) and (max-width:590px) {
    .category-products .pager .amount{margin-left: 10px;}
}

@media screen and (max-width:500px) {
    .brand-logo img{max-width: 40px;}
}

@media screen and (max-width:630px) {
    .product-view .crossell .title:before{
        width: 100%;
        left: 0px;
        margin-left: 0;
    }
    .product-view .crossell{margin-top: 15px;}
}


@media screen and (min-width:320px) and (max-width:630px) {
    .toolbar-top .toolbar{position: relative;}
    .amshopby-filters-top .filter-actions{background: #f5f4f4; border-top: 1px solid #fff; text-align: center; line-height: 30px; margin: 0 -30px; -webkit-transition: all 0.5s;  transition: all 0.5s;}
    .amshopby-filters-top.opened .filter-actions{background: transparent; border-top: 1px solid #E1E1E1;}

    /* out of stock */

    .products-grid .availability.out-of-stock{
        top: 0px;
        z-index: 1;
    }

    .products-grid .availability.out-of-stock span{
        display: block;
        padding: 5px 10px;
    }
}

@media only screen and (min-width : 320px) and (max-width:655px){
    .main-container[class*="col"] .regularBigSlider.col-3 .products-grid.slides li.item,
    .main-container[class*="col"] .regularBigSlider.col-4 .products-grid.slides li.item,
    .main-container[class*="col"] .regularBigSlider.col-5 .products-grid.slides li.item{width: 50%!important;}

    .category-products > .products-grid {
        grid-template-columns: repeat(2, auto);
      }
    }
}


@media screen and (min-width : 655px) and (max-width:1000px) {
    .main-container[class*="col"] .regularBigSlider.col-3 .products-grid.slides li.item,
    .main-container[class*="col"] .regularBigSlider.col-4 .products-grid.slides li.item,
    .main-container[class*="col"] .regularBigSlider.col-5 .products-grid.slides li.item{ width: 33.33%!important; }


    .category-products > .products-grid {
        grid-template-columns: repeat(3, auto);
      }
    }
}
@media screen and (min-width : 767px) and (max-width:1000px) {

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


    .category-products > .products-grid {
        grid-template-columns: repeat(4, auto);
      }
    }
}

@media screen and (min-width : 767px) and (max-width:865px) {

    .products-grid li.item .variant-info .info-wrapper span{font-size: 0.85em;}
    .col-main .products-grid li.item .item-info .action-pusher{min-height: 65px;}
}

@media screen and (min-width : 320px) and (max-width:1118px){

   .col2-left-layout .ribbon2{font-size: 0.71em; padding: 0 9px; line-height: 23px;}
   .product-view .product-media .ribbon2{
        font-size: 0.85em;
        line-height: 1;
        padding: 7px 9px;
        min-width: 0;
        text-align: center;
   }
}

/* category image / text */
@media only screen and (max-width:785px){

    .col1-layout .category-top.has-description .image,
    .col1-layout .category-top.has-image .info { width: 100%; float: none; padding: 0; }

    .category-top.has-description {
        margin-right: 0;
        margin-left: 0;
    }

}

@media only screen and (max-width: 985px){

    /* Variation info */
    .products-grid li.item .variant-info .info-wrapper img{max-width: 14px; padding: 2px 0;}
    .products-grid li.item .variant-info.has-image span{padding-left: 18px;}

}

@media only screen and (max-width: 1200px){

    /*category description/image*/
    .main-container[class*="col2-"] .category-top.has-description .image,
    .main-container[class*="col2-"] .category-top.has-image .info { width: 100%; float: none; padding: 0; }
}

@media only screen and (min-width:1000px) and (max-width:1260px){
    .treeItem.level-3{padding: 0px!important;}
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px)
{
    .col-main .products-grid li.item.border .item-info .price-pusher {min-height: 80px; }
}

@media only screen
and (min-width: 767px)
and (max-width: 1026px)
{
    /*.col-main .products-grid li.item.border.variant-info.action-show .item-info {*/
    /*min-height: 215px;*/
    /*}*/
}

@media only screen
and (min-width: 1026px)
and (max-width: 1180px)
{
    .products-grid li.item .variant-info .info-wrapper span {
        font-size: 0.8em;
    }
}

/* ipad */
/*@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
{
    .products-grid li.item, .main-container[class*="col"] .products-grid li.item{
        width: 33.3%;
    }
}*/


/* FILTER */

@media only screen and (min-width:320px) and (max-width:460px){
    div.block-layered-nav dt{display: block; float: none;}
    div.block-layered-nav dd{padding: 0px;}
}


/*Horizontl filter(always visible)*/
@media only screen and (min-width:320px) and (max-width:450px){
    .block-layered-nav.type-visible dl:last-child dt,
    .block-layered-nav.type-visible dt{margin: 3px; border: 1px solid #ccc;}
    .block-layered-nav.type-visible dl.filter-object{border: none;}
    .block-layered-nav.type-visible dt:not(.amshopby-collapsed){border-right-color: #ccc;}
    .block-layered-nav.type-visible .block-content{padding-bottom: 10px;}
    .block-layered-nav.type-visible{border: none; margin-top: 0px;}
}

@media only screen and (min-width:450px) and (max-width:590px){
    .block-layered-nav.type-visible dt{padding: 3px 15px 3px 6px; font-size: 0.92em;}
    .block-layered-nav.type-visible dt:after{right: 5px;}
}


/*
===============================================
Product page
===============================================
*/
@media screen and (max-width:1250px) {
    .category-products > .products-grid {
        grid-template-columns: repeat(2, auto);
    }
    /*.catalog-category-view .main-container[class*="col2-"] .products-grid li.item{width: 50%;}*/
    .catalog-category-view .main{padding: 0 20px;}
}
@media screen and (max-width:1024px){

    .product-view .product-shop,
    .product-view .product-media{width: 100%; }
}
@media screen and (max-width:767px) {
    .product-view .product-img-box .more-views li a {
        height: 75px;
    }
    .product-view .product-shop .regular-price-wrapper .price,
    .product-view .product-shop .product-name h1{font-size: 1.8rem}
    .product-view .product-shop .brand-name {font-size: 1.229rem;}
    .product-view .product-shop .price-wrapper .partpayment-price span:not(.partpayment-info){font-size: 1.3rem;}
    .product-view .product-shop .price-wrapper .partpayment-price .partpayment-desc{0.85rem;}
}
@media screen and (max-width:630px) {
    .product-view .product-media{margin-bottom: 20px;}

    .product-view .product-shop .add-to-links li{font-size: 1.1em; display: block;}
    .product-view .social li {font-size: 1.1em;}
    .product-view .social li a:after{ width: 59px; }

    .product-essential{ margin-bottom: 30px; }

    .product-view .product-img-box .product-image a:before{ content: none; }
    .product-view .product-img-box .product-image img{border-radius: 0;}

    .product-navigation{float: none; margin: 0px; text-align: left; margin: 20px 0; font-size: 1em;}


}

@media screen and (max-width:595px) {
    .product-tabs li { font-size: 1rem; }
    .breadcrumbs{margin-bottom: 10px; font-size: 1em; line-height: 1.8em;}

}

@media screen and (max-width:350px) {
    .product-view .product-shop .regular-price-wrapper .price, .product-view .product-shop .product-name h1 {
        font-size: 1.5rem;
    }
}




/*
===============================================
CART
===============================================
*/
@media screen and (min-width:767px) {
    .cart-table tbody tr td{padding-left: 15px!important;}
}
@media screen and (max-width:767px) {

    .cart-table tbody,
    .cart-table table,
    .cart-table thead,
    .cart-table th,
    .cart-table td,
    .cart-table tr {
        display: block;
        text-align: left !important;
    }

    .cart-table tbody,
    .cart-table tr th,
    .cart-table tr td {display: block;}


    .cart-table thead{display: none!important;}

    .cart-table{width: 100%; border-spacing: 0px;}
    .cart-table tbody {width: 100%;}
    /*.cart-table.data-table tbody tr td{ padding: 5px 15px; line-height: 2.8em; clear: both; border-bottom: 1px solid #DADADA!important; }*/
    .cart-table.data-table tbody tr {padding: 10px 0;  border-top: 1px solid #a9a4a4;}
    .cart-table.data-table tbody tr.first{border-top: 0;}
    .cart-table.data-table tbody tr.even{background: #fff!important; }
    .cart-table.data-table tbody tr td{padding: 0; border: none;}
    .cart-table tbody tr td a { border: none; }
    .cart-table .item-options{margin-top: 5px;}
    .cart-table .item-options dt{font-size: 0.92em;}
    .cart-table .item-options dt,
    .cart-table .item-options dd{margin-bottom: 0; line-height: 19px!important;}

    .cart-table tbody tr {position: relative;}
    .cart-table tbody tr td.table-edit{display: none;}
    .cart-table tbody tr td.table-price{font-weight: bold; margin-top: 3px;}
    .cart-table tbody tr td.table-qty.loading,
    .cart-table tbody tr td.table-qty {position: absolute; top: 50%; margin-top: -16px; right: 40px;}
    .nwtkco-block-cart .table-qty.loading:after{right: -15px!important;}
    .cart-table tbody tr td.table-product .product-name{padding-right: 70px;}
    .cart-table tbody tr td.table-product .item-options dt,
    .cart-table tbody tr td.table-product .item-options dd{ line-height: 1.5em; }
    .cart-table tbody tr td.table-remove {position: absolute; right: 0px; top: 50%; margin-top: -11px; padding: 0!important}
    .cart-table tbody tr td.table-remove .btn-remove:after{font-size: 20px; line-height: 20px;}
    .cart-table tbody tr td.table-product-image,
    .cart-table tbody tr td input.qty{text-align: center!important;}

    .cart-table tbody tr td .product-image{position: absolute;}

    .cart-table tfoot tr {text-align: center!important;}
    .cart-table tfoot tr td.last{padding-left: 0px; display: inline-block; margin: auto;}

    .mobile-cart{
        display: inline-block !important;
        width: 140px;
        font-weight: bold;
    }
    .mobile-cart + span{float: right;}

    .mobile-cart.remove{float:right; width: auto;}
    .mobile-cart.remove .btn-remove:after{font-size: 25px; line-height: 35px;}


    .cart-table .btn-update{margin-left: 0px; float: none;}
    .cart-table .btn-continue{margin-right: 10px;}


    /*.cart-table tbody td.table-product-image{border-top: 1px solid #000;}*/
    .cart-table tr.first .table-product-image{border:none;}

    .cart .cart-collaterals{padding-top: 30px;}
    .cart .cart-collaterals .col2-set .col-1,
    .cart .cart-collaterals .col2-set .col-2{ width: 100%; }
    .neatklarnacheckout-index-index  .cart .cart-collaterals .col2-set .col-1,
    .neatklarnacheckout-index-index  .cart .cart-collaterals .col2-set .col-2{width: auto; padding: 10px 20px; margin: 0 -30px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .cart .totals table{width: 100%;}

    .block-cart.full .block-content{display:none;}
    .block-cart.full .open-cart-button{display: block;}
    .block-cart.full .close-cart-button{display: none;}

    .block .block-content li.item {margin: 15px 0px;}



}



@media screen and (max-width:539px) {

    .checkout-onepage-index .col1-layout .col-main,
    .neatklarnacheckout-index-index .col1-layout .col-main{padding: 15px 0px!important;}
    .cart .page-title,
    #shopping-cart-table,
    .discount-form,
    .shipping,
    .cart ~ div{padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box;}
    #klarna-snippet.mobile{margin: 0!important; padding: 0px;}

    .cart .page-title h1{font-size: 1.7em; text-align: center;}

    .neatklarnacheckout-index-index  .cart .cart-collaterals .col2-set .col-1,
    .neatklarnacheckout-index-index  .cart .cart-collaterals .col2-set .col-2{margin: 0;}


    .agreement-comments .buttons-set{margin: 25px 0 15px 0; padding-top: 15px;}


    .cart .discount h2, .cart .discount .discount-form{display: block;}
    .cart .discount .buttons-set{display: block; margin: 10px 0 0 0; text-align: center;}
    .cart .discount .buttons-set button.button{margin-top: 0px;}

    .cart .totals tr td{padding: 3px 0px;}

    .cart .totals tr td:first-of-type{ min-width: 200px;}
    .cart .totals tr td{ padding: 3px 0; line-height: 1.3em; font-size: 1.1em;}
    .cart .sp-methods label{line-height: 1.4em;}


    .cart .discount .buttons-set{margin-top: 0px;}

    .cart .cart-collaterals h2{font-size: 1.25em;}
    .cart .sp-methods dd li {
        margin: 10px 0;
    }
    .checkout-onepage-index .cart .discount h2, .neatklarnacheckout-index-index .cart .discount h2{margin-right: 0px;}
    .cart .shipping h2{ margin: 14px 0 10px 0;}

    .cart .discount .buttons-set,
    .checkout-onepage-index .cart .discount .input-box,
    .neatklarnacheckout-index-index .cart .discount .input-box{float: left; width: 50%!important; clear: none;}
    .cart .discount .buttons-set button.button{width: 100%;}


}

@media screen and (max-width:471px) {
    .cart-table .btn-update,
    .cart-table .btn-continue{margin: 0 0 10px 0; width: 100%;}

}

@media screen and (max-width:420px) {
    .cart .discount .buttons-set { font-size: 0px;}
    .cart .discount .buttons-set button.button{width: 100%; font-size: 14px;}

}

@media screen and (max-width:325px) {

    /*.cart .totals tr td:first-of-type{ min-width: 180px; }*/

}

/*
===============================================
INPUT FIELDS
===============================================
*/

@media screen and (max-width:767px) {
    .form-list .input-box,
    .form-list input.input-text,
    .form-list li.wide .input-box,
    .form-list li.wide textarea{font-size: 16px!important;}
}


@media screen and (max-width:600px) {
    .form-list .input-box,
    .form-list input.input-text,
    .form-list .field,
    .form-list li.wide .input-box,
    .form-list li.wide textarea{width: 100%;}
    .form-list  .wide,
    .form-list .fields .field{padding: 0px; margin-bottom: 10px;}
    .form-list li{margin: 0;}
}


/*
===============================================
CONTACT FORM
===============================================
*/

/*
===============================================
LOGIN FORM
===============================================
*/

@media screen and (max-width:700px) {
    .account-login .col2-set .col-1,
    .account-login .col2-set .col-2{width: 100%; float: none; }
    .account-login .col2-set .col-1{ border-top: 1px solid #e7e7e7; margin-top: 20px; padding-top: 20px}
}
@media screen and (max-width:767px) {

    .account-login .content{min-height: 0px;}
    .account-login .buttons-set{margin: 20px 10px 10px 10px; border: 0px;}
    .account-login .buttons-set a{ display: block; margin: 10px 0; border: none; }
}

@media screen and (max-width:450px) {

    .remember-me-popup{left: 0; right: 0px; margin: -85px 1% 0 1%; width: 98%;}
}

/*
===============================================
ACCOUNT PAGE
===============================================
*/
@media screen and (max-width:767px) {



    div:not(.product-tabs-content) .data-table table,
    div:not(.product-tabs-content) table.data-table tbody,
    div:not(.product-tabs-content) table.data-table thead,
    div:not(.product-tabs-content) table.data-table tbody tr,
    div:not(.product-tabs-content) table.data-table thead tr th,
    div:not(.product-tabs-content) table.data-table tbody tr th,
    div:not(.product-tabs-content) table.data-table  tbody tr td {
        display: block;
        text-align: left !important;
    }

    #wishlist-table{border-bottom: 5px solid #919090;}
    .my-wishlist thead{display: none!important;}
    .my-wishlist td .cart-cell{height: 35px;}
    .my-wishlist .data-table tbody td.last{border-bottom: 5px solid #919090;}
    .my-wishlist .data-table tr td p{position: absolute; bottom: 0px; right: 9px;}
    .my-wishlist .data-table tr td p a{font-size: 14px;}
    .my-wishlist .data-table tr{position: relative;}
    .my-wishlist textarea{width: 100%; height: 50px;}
    .my-wishlist .price-box{float: left; margin-right: 15px;}
    .my-wishlist .add-to-cart-alt{float: left;}
    #wishlist-table button.button{margin-top: 0px;}
    .my-wishlist .add-to-cart-alt input.qty{height: 27px; text-align: center;}
    .my-wishlist .buttons-set{text-align: left; margin:0; margin-top: 10px; padding: 0px;}
    .my-wishlist .buttons-set button.button{margin:0 0px 5px 0; padding: 9px 5px;}



    .block-compare{display: none;}
    .block-wishlist{display: none;}
    .block-reorder{display: none;}

    .title-buttons a, .title-buttons .separator{display: none;}



    /*recent orders*/


    .recent-orders{display: inline-block !important; width: 52%; font-weight: bold; margin: 0px; padding: 10px 0;}

    .sales-order-history #my-orders-table tr.even td:first-child,
    .dashboard #my-orders-table tr.even td:first-child{display: block; border: none!important;}
    .sales-order-history #my-orders-table tr.even td,
    .dashboard #my-orders-table tr.even td{display: none;}


    .account-mobile-nav{ padding:15px 30px; border-bottom: 1px solid #e7e7e7; font-size: 1.2em; cursor: pointer; }
    .account-mobile-nav:after{ content: '\ea42';  position: relative; float: right; }
    .sidebar .block .block-content{font-size: 1.1em; line-height: 1.9em;}
}

@media screen and (max-width:355px) {
    .my-wishlist + .buttons-set .share-link{float: none; display: block; margin-top: 10px; width: 100%; text-align: center;}
}
@media screen and (max-width:560px) {
    .my-account .col2-set .col-2,
    .my-account .col2-set .col-1{float: none; width: 100%;}
    .my-account .col2-set .col-1{margin-bottom: 35px;}
}

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

    .recent-orders{display: none;}


    .sales-order-history #my-orders-table tr.even td,
    .dashboard #my-orders-table tr.even td{max-width: 10px;}

    .block-account.responsive {display: none;}
    .account-mobile-nav.responsive {display: none;}

}



@media only screen
and (min-width : 510px)
and (max-width:767px){



    /*order*/
    [class*="sales-"] .data-table th,[class*="sales-"] .data-table td{width: 100%;}
    [class*="sales-"] .data-table th,[class*="sales-"] .data-table td {white-space: normal;}
    .sales-order-view .recent-orders {
        display: inline-block !important; width: 52%; font-weight: bold; margin: 0px; padding: 10px 0;
    }
    [class*="sales-"] .data-table tbody,
    [class*="sales-"] .data-table table,
    [class*="sales-"] .data-table thead,
    [class*="sales-"] .data-table th,
    [class*="sales-"] .data-table td,
    [class*="sales-"] .data-table tr {
        display: block!important;
        text-align: left !important;
    }
    .sales-order-view .order-items .product-name{font-size: 15px; color: #5E5C5C;}
    [class*="sales-"] .data-table .price-incl-tax{display: inline-block;}
    [class*="sales-"] .data-table .price-incl-tax .price{font-weight: normal;}
    [class*="sales-"] .data-table td{border: none; vertical-align: middle;}


    [class*="sales-"] .data-table tbody,
    [class*="sales-"] .data-table table,
    [class*="sales-"] .data-table thead,
    [class*="sales-"] .data-table th,
    [class*="sales-"] .data-table td,
    [class*="sales-"] .data-table tr {
        display: block;
        text-align: left !important;
    }

    [class*="customer-"] .data-table thead,
    [class*="sales-"] .data-table thead{display: none!important;}
    [class*="sales-"] .data-table{width: 100%; border-spacing: 0px;}
    [class*="sales-"] .data-table tr.last td,
    [class*="sales-"] .data-table td{border-bottom: 1px solid #D9DDE3; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; }
    [class*="sales-"] .data-table tr td.last,
    [class*="sales-"] .data-table tr td.last{border-bottom: 0px!important;}
    [class*="sales-"] .data-table.data-table tfoot tr.last td{border: none;}
    [class*="sales-"] .data-table td.last{padding: 10px 5px;}
    [class*="sales-"] .data-table td.last a{font-size: 14px; padding: 10px 5px;}


    .sales-order-view#my-orders-table.data-table tfoot tr.last td,
    [class*="sales-"] .data-table tfoot td{border: none!important;}
    [class*="sales-"] .data-table tfoot tr {border-top:1px solid #C9C7C7!important; border-bottom: 0px;}
    [class*="sales-"] .data-table.data-table tfoot tr.first{border-top: 2px solid #757575!important;}
    [class*="sales-"] .data-table.data-table tfoot tr,
    [class*="sales-"] .data-table.data-table tfoot td{display: inline-block!important;}
    [class*="sales-"] .data-table.data-table tfoot td{ width: 45%; padding: 2%; vertical-align: middle; height: auto;}
    [class*="sales-"] .data-table.data-table tfoot tr{width: 100%;}

}


@media only screen
and (min-width : 700px)
and (max-width:767px){
    .account-login .col2-set .col-2{float: left; width: 48.5%;}
    .account-login .col2-set .col-1{float: right; width: 48.5%;}
}




/*
===============================================
CHECKOUT
===============================================
*/

@media screen and (max-width:767px) {

    #checkout-review-table tbody tr td{ border-bottom: 1px solid #E9E9E9!important;}
    #checkout-review-table tbody tr td.last{ border-bottom: 1px solid #000!important;}
    #checkout-review-table tbody tr.last td.last{ border-bottom: 0px!important;}
    #checkout-review-table thead th{display: none;}
    #checkout-review-table tfoot tr.first td{ margin-top: 15px; padding-top: 15px!important; border-top: 1px solid #D9DDE3;}


    #checkout-review-table tfoot tr{display: table-row;}
    #checkout-review-table tfoot tr td{display: inline-block; width: 50%; line-height: 1.8em; }

}

@media screen and (max-width:700px) {
    .opc:after{content: none;}
    .opc .step{padding: 15px 5px; }
    .opc .section.active{ border-bottom: 1px solid #D7D7D7; padding-top: 75px;  margin-top: -75px; }
    .opc .section .step-title{ width: 100%; position: static; border-bottom: 1px solid #D7D7D7; }
    .opc .section .step-title h2{word-break: break-all;}

}

@media screen and (min-width: 700px) and (max-width:1340px) {
    .opc .section .step-title{ font-size: 0.85em; padding: 20px 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
    .opc .section .step-title h2{word-break: break-all;}
    .opc .section .step-title .number,
    .opc .section .step-title h2{display: inline;}

}


@media screen and (max-width:380px) {
    #opc-login .buttons-set a {display: inline-block; margin: 10px 5px; }
}
@media screen and (max-width:635px) {
    #opc-login .col-1,
    #opc-login .col-2{width: 100%; margin: 20px 0; float: none; padding:20px 0; min-height: 0px;}
    #opc-login .col-1{ border-width: 1px 0 0 0; border-top: 1px solid #e7e7e7; }
    #opc-login .buttons-set{position: static; text-align: left; margin-top: 20px;}

    #checkout-review-submit .f-left{float: none!important; display: block; margin: 15px 0!important;}
}


/*
===============================================
FOOTER
===============================================
*/
@media screen and (min-width:320px) and (max-width:767px) {

    .footer-newsletter .block-subscribe .form-subscribe-header {
        font-size: 1.257em;
        padding-left: 30px;
    }
    .footer{justify-content: center;}
    .footer-newsletter .block-subscribe .form-subscribe-header, .footer-newsletter .block-subscribe .input-wrap{padding: 0 30px;}
    .footer-newsletter .block-subscribe .input-wrap .input-box{flex: 1;}
    .footer-newsletter .block-subscribe .input-wrap input{width: 100%;}
}

@media screen and (min-width:767px) and (max-width:1000px) {
    .footer-newsletter .block-subscribe .form-subscribe-header {
        font-size: 1.657em;
        padding-left: 30px;
    }
    .footer-newsletter .block-subscribe .input-wrap{padding-right: 30px;}
}

@media screen and (min-width:500px) and (max-width:800px) {

    .footer{padding: 0;}
    .footer .f-column{width: 50%; padding: 15px; text-align: center;}
}

@media screen and (min-width:320px) and (max-width:500px) {

    .footer{padding: 0;}
    .footer .f-column{width: 100%; padding: 15px; text-align: center;}
}


/*
===============================================
WYSIWYG styles
===============================================
*/

@media screen and (min-width:320px) and (max-width:767px) {
    .left-align-mobile > *,
    .left-align-mobile {
        float: none!important;
        text-align: left!important;
    }
}

/*
===============================================
Blog
===============================================
*/

@media screen and (max-width:500px) {
    .posts .post {
        width: 100%;
        min-height: 385px!important;
    }
}
@media screen and (min-width:500px) and (max-width:1000px) {
    .posts{grid-template-columns: 1fr 1fr;}
    .col-left .posts{grid-template-columns: 1fr;}
    .posts .post {
        min-height: 385px!important;
    }
}

@media screen and (min-width:1000px) and (max-width:1290px) {
    
    .posts{grid-template-columns: 1fr 1fr 1fr;}
    .col-left .posts{grid-template-columns: 1fr;}
}

@media screen and (max-width: 992px){
    .find-store .inner-wrapper li {
        width: 50%;
    }
    .find-store .inner-wrapper li:nth-child(even){border-right-width: 0px;}
}
/**
 * Catalog navigation
 *
 * @package    Sprinnet_accmenu
 * @copyright  Copyright (c) 2010 SpRINNET Systems, s.r.o. (http://www.sprinnet.com/)
 */
.treeContainer
{
	/*
	width: 100%;
	background-color: #f0f0f0;
	border: 1px solid #999;
	*/
	padding: 5px;
}
.treeContainer p
{
	margin: 0px;
	/*font-weight: bold;*/
}
.treeContainer a,
.treeContainer a:visited
{
    padding: 8px 0 8px 5px;
	/*border: 1px solid #f0f0f0;*/
	display: block;
	text-decoration: none;
	color: #000;
    border: none;
    font-weight: 200;
    line-height: 1em;
}
.treeContainer a:hover
{
	/*
	border-color: #fff;
	background-color: #00355F;
	color: #fff;
	*/
	text-decoration: underline;
}
.itemContainer p
{
}
.activeTreeItem a,
.activeTreeItem a:visited
{
	/*color: #900;*/
	font-weight: 600;
}
.activeTreeItem a:hover
{
	/*
	background-color: #900;
	color: #fff;
	*/
}
.treeItem
{
	cursor: pointer !important;
	padding-left: 15px;
}

.haveContainer
{
    background: transparent url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/ico_plus.png) no-repeat left 10px;
}
.expanded p.collapsed
{
    background: transparent url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/ico_plus.png) no-repeat left center !important;
}

.itemContainer
{
	padding-left: 18px;
    padding-bottom: 10px;
}

.itemContainer .itemContainer {
    padding-left: 30px;
    margin-left: 23px;
    padding-left: 10px;
    border-left: 1px solid #C1C1C1;
}

.itemContainer .itemContainer .treeItem { background: none;}

.expanded .haveContainer, p.expanded
{
	background-image: url(https://www.cykelcenter.com/skin/frontend/standard/default2/images/ico_minus.png);
    font-weight: bold;
}
p.expanded a{
    font-weight: bold;
}

.treeItem.level-3{position: relative; padding-left: 3px;}
.treeItem.level-3:after{
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    background-color: #C1C1C1;
    left: -11px;
    top: 50%;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.7 filter: alpha(opacity = 70);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999; /*border-top: 1px solid #ddd; padding-top: 15px; */}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/loading.gif) no-repeat center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; top:-27px; right:-25px; display:block; color:transparent;background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/colorbox/images/fancy_close.png) no-repeat 0 0; width: 30px; height: 30px; }

.action_button li {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0;
}

.action_button li a.button {padding:8px 10px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* defaults */
.cms-index-index .col-main{padding-top: 0px!important;}
.ves-container{margin: 0 -5px;}
.ves-container .block .block-content{margin: 5px 0; padding: 0;}

.wrapper:not(#ves-wrapper) .ves-container.container-fluid {margin-left:-40px!important; margin-right: -40px!important;}
.ves-container.container-fluid .no-gutters .block .block-content{padding: 0px;}
.ves-container .block-title{font-size:1.5em; line-height:1.25; text-align: center; margin: 20px 0 15px 0;}

/*Container size*/
.container-small, .container-large {
    max-width: 100%;
}
.ajax-loading-img{
    background-image: url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_base/images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}
@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 970px;
    }
}
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
    .container-large {
        width: 1170px;
    }
}
@media (min-width: 1200px) {
    .container-small {
        width: 700px;
    }
    .container-large {
        width: 1500px;
    }
}

/*Container size*/
@media (max-width: 992px) {
  .offcanvas-widget-siderbars .offcanvas-widget-sidebar {
      display: none;
      width: 100%;
  }
  .offcanvas-widget-siderbars.column-left-active .offcanvas-widget-sidebar.canvas-show {
      display: block;
  }
  .offcanvas-widget-siderbars.column-left-active .main-column, .offcanvas-widget-siderbars.column-right-active .main-column {
      display: none;
  }
}

.col-nopadding, .row-nopadding, .widget-nopadding{ padding:0px!important;}
/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.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;
}
/*Aligment*/

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left-block {
  display: block;
  margin-left: 0px;
  margin-right: auto;
}

.right-block {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}

/*Collapse opener*/
.block .opener {
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* Accordion style*/
.accordian-play .panel-item-content {
  display: none;
  margin: 0 auto;
  max-width: 1080px;
  text-align: center;
  overflow: hidden;
}

.accordian-play .menu-title {
  transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  color: #141414;
  cursor: pointer;
  text-align: center;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  border-top: solid 1px #d8d8d7; }
  
.accordian-play .menu-title .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    padding-bottom: 80px;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    z-index: 0; }
.accordian-play .menu-title h3 {
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;

    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 4.5em;
    letter-spacing: 0.09em;
    line-height: 1em;
    position: relative;
    z-index: 5; }
.accordian-play .menu-title h3 span {
      display: block;

      font-weight: 300;
      font-style: normal;
      font-style: italic;
      font-weight: normal;
      text-transform: none;
      font-size: 24px;
      line-height: 0;
      letter-spacing: 0;
      position: relative;
      top: 15px; }
.accordian-play .menu-title p {
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    font-size: 2em;
    font-style: italic;
    margin: 0.3em 0 0;
    position: relative;
    z-index: 5; }
.accordian-play .menu-title i {
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    color: #ccc;
    display: block;
    height: 38px;
    position: absolute;
    font-size: 38px;
    width: 38px;
    margin-top: -19px;
    top: 50%;
    right: 90px;
    z-index: 5; }
.accordian-play .menu-title.adjust {
    padding: 50px 0; }
.accordian-play.press .menu-title a {
  color: inherit;
  text-decoration: none; }
.accordian-play.press .menu-title p {
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  color: #484747;
  font-size: 1.3em;
  letter-spacing: 0.15em;
  margin: 0 0 0.75em; }
.accordian-play.press .menu-title .bg {
  background-repeat: no-repeat;
  background-size: cover; }
.accordian-play.press .menu-title i {
  border: solid 3px #ccc;
  border-radius: 36px;
  height: 32px;
  width: 32px;
  font-size: 20px; }
.accordian-play.press .menu-title i:before {
    left: 1px;
    top: 6px;
    position: relative; }
.accordian-play.press .menu-title:hover {
  background: #8f2626; }
.accordian-play.press .menu-title:hover p {
    color: #fff; }
.accordian-play.press .menu-title:hover i {
    border: solid 3px #fff; }
.widget-images .image-description p{margin:0;}
/*.widget-images .image-description br{display:none!important;}*/

/*widget social share links*/
.social-sharing-links li {
    float: left;
    padding: 0 7px 7px;
}
.social-sharing-links a{
   font-size: 18px;
}
/*widget social share links*/
.lookbook-products {
    overflow: hidden;
    overflow: auto;
    height: 100%;
    width: 100%;
    min-width: 100px;

}

.product-view .ves-container .product-img-box, .product-view .ves-container .product-shop, .product-view .ves-container .add-to-cart-wrapper, .product-view .ves-container .block-related { width: 100%;}

.jcarousel-control {
    display: block;
    text-align: center;
}

/*Product Deals Counting number*/
.productdeals .item-countdown{
    padding: 10px 0;
}
.productdeals .item-countdown ul{
    /*text-align: center;*/
}
.productdeals .item-countdown ul li{
    display: inline-block; 
    margin: 0px 8px 0 0;
    line-height: normal;
    border: 0;
}
.productdeals .item-countdown ul li.first{}
.productdeals .item-countdown ul li.last{ 
    margin: 0px;
}
.productdeals .item-countdown ul li div{
    text-transform: lowercase; 
    font-size:12px;
    display: inline-block; 
}
.productdeals .item-countdown ul li div.countdown_num{}
.productdeals .item-countdown ul li div.countdown_num span.mw_dld_detail_num{}
.productdeals .timeleft{
}
.productdeals .item-countdown ul li div.countdown_num span{
    display: inline-block; 
    font-size: 14px; 
    font-weight: bold; 
    color: #000;
    padding: 4px 0px;
}
.productdeals .item-countdown ul li div.countdown_num span + span{
    border-left: 0;
}
/*Product Deals Counting number*/

/*Product builder: Media styles*/
/*.product-image-gallery .gallery-image {
    display: none;
}
.product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0px auto;
}
.product-image-gallery .gallery-image.visible {
    display: block;
}*/

/* image widgets */

.ves-container .block.widget-images.effect:hover img{opacity: 0.7;}
.ves-container .block.widget-images .block-content img{max-width: 100%;}
.ves-container .block.widget-images .block-content .image-item{position: relative;}
.ves-container .block.widget-images .block-content img.stretch-image{width: 100%;}
.ves-container .block.widget-images .block-content .caption{
    font-size: 1em;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    padding: 10px;
    white-space: nowrap;
    z-index: 3;
    flex-wrap: wrap;
}
.ves-container .block.widget-images .block-content .caption p{font-size: 1.250em;}
.ves-container .block.widget-images .block-content .caption.pos-custom{right: auto; bottom: auto;}

.ves-container .block.widget-images .block-content .caption.pos-below,
.ves-container .block.widget-images .block-content .caption.pos-default{display: block!important;} /*pos-below new name */
.ves-container .block.widget-images .block-content .caption.pos-below.full-width,
.ves-container .block.widget-images .block-content .caption.pos-default.full-width{max-width: 100%!important;} /*pos-below new name */
.ves-container .block.widget-images .block-content .caption.pos-default,
.ves-container .block.widget-images .block-content .image-description.pos-default,
.ves-container .block.widget-images .block-content .caption.pos-below,
.ves-container .block.widget-images .block-content .image-description.pos-below{position: relative; padding: 15px; margin-top: 1px; white-space: initial;} /*pos-below new name */
.ves-container .block.widget-images .block-content .caption[class*="pos-top"]{z-index: 3; top: 8%; bottom: auto;padding: 0;  text-shadow: 1px 1px 22px rgba(0,0,0,0.65);}
.ves-container .block.widget-images .block-content .caption.pos-top-left{left: 50px; right: auto;transform: translate(0, 0);text-align: left;}
.ves-container .block.widget-images .block-content .caption.pos-top-center{left: 50%; right: auto;transform: translate(-50%, 0);text-align: center;}
.ves-container .block.widget-images .block-content .caption.pos-top-right{right: 50px; left: auto;transform: translate(0, 0);text-align: center;}

.ves-container .block.widget-images.center-button .block-content .image-button {
    text-align: center;
    /*margin: 10px;*/
}


.ves-container .block.widget-images .block-content .caption[class*="pos-middle"]{z-index: 3; top: 50%; bottom: auto;padding: 0; /*text-shadow: 1px 1px 22px rgba(0,0,0,0.65);*/}
.ves-container .block.widget-images .block-content .caption[class*="pos-middle"] p:last-of-type{margin-bottom: 0;}
.ves-container .block.widget-images .block-content .caption.pos-middle-left{left: 50px; right: auto;transform: translate(0, -50%);text-align: left;}
.ves-container .block.widget-images .block-content .caption.pos-middle-center{left: 50%; right: auto;transform: translate(-50%,-50%);text-align: center;}
.ves-container .block.widget-images .block-content .caption.pos-middle-right{right: 50px; left: auto;transform: translate(0, -50%);text-align: center;}

.ves-container .block.widget-images .block-content .caption[class*="pos-bottom"]{z-index: 3; bottom:8%; top: auto; padding: 0; text-shadow: 1px 1px 22px rgba(0,0,0,0.65);}
.ves-container .block.widget-images .block-content .caption[class*="pos-bottom"] p:last-of-type{margin-bottom: 0;}
.ves-container .block.widget-images .block-content .caption.pos-bottom-left{left: 50px; right: auto;transform: translate(0, 0);text-align: left;}
.ves-container .block.widget-images .block-content .caption.pos-bottom-center{left: 50%; right: auto;transform: translate(-50%,0);text-align: center;}
.ves-container .block.widget-images .block-content .caption.pos-bottom-right{right: 50px; left: auto;transform: translate(0, 0);text-align: center;}
.ves-container .block.widget-images .block-content .caption.has-bg{padding: 5px 20px;}
.ves-container .block.widget-images.center-button .block-content .caption.image-button{text-align: center;}


.col-main .ves-container:first-of-type .block .block-content{margin-top: 0px;}
/* carousel */


.owl-item .item img{max-width: 100%;}

/* product list */

.ves-container .product-wrapper {padding-top: 5px;}

@media screen and (max-width: 767px) {
    .wrapper:not(#ves-wrapper) .ves-container.container-fluid {margin-left:-25px!important; margin-right: -25px!important;}
}


/* countdown */
/*.widget-banner-flash,
.widget-banner-countdown*/
.widget-banner-countdown .row {padding: 15px 5px; max-width: 1270px; margin: auto; box-sizing: border-box; -moz-box-sizing: border-box;}
.widget-banner-countdown .row {align-items: center;}
.widget-banner-countdown .row > div:last-of-type{text-align: right;}
.widget-banner-countdown.light row{color: #fff;}
.widget-banner-countdown .title{font-weight: bold; text-transform: uppercase; font-size: 1.9em;}
.widget-banner-countdown .code{margin: 5px 0 10px 0; font-size: 1.2em;}
.widget-banner-countdown .code span:last-of-type{font-weight: bold;}
.widget-banner-countdown .item-countdown{padding-bottom: 0!important;}


/* Flash Sale */
.widget-banner-flash{text-align: center;}
.widget-banner-flash.light .flashsale{color: #fff;}
.widget-banner-flash h4{font-size: 2em; margin-bottom: 10px;}
.widget-banner-flash .panel{padding: 15px;}
.widget-banner-flash .flashsale-description{margin-bottom: 10px;}
.widget-banner-flash .btn-link{margin: 10px 0;}


.widget-banner-countdown .banner-countdowns .item-countdown ul li div.countdown_num span,
.widget-banner-flash .banner-countdowns .item-countdown ul li div.countdown_num span{font-size: 30px; min-width: 35px;}

.widget-banner-countdown .banner-countdowns .item-countdown .countdown_num + div,
.widget-banner-flash .banner-countdowns .item-countdown .countdown_num + div{margin-top: 5px;}

@media screen and (max-width: 767px) {
    .widget-banner-countdown .row > div:first-of-type,
    .widget-banner-countdown .row > div:last-of-type{text-align: center;}
}

@media screen and (max-width: 410px) {
    .widget-banner-countdown .banner-countdowns .item-countdown ul li div.countdown_num span,
    .widget-banner-flash .banner-countdowns .item-countdown ul li div.countdown_num span{font-size: 20px; min-width: 20px;}
}


/* quote */
.block-quote-widget .quote{
    width: 1000px;
    max-width: 100%;
    padding: 90px 40px;
    margin: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    font-size: 1.450em;
    font-style: italic;
    line-height: 1.2;
    position: relative;
}
.block-quote-widget .quote > span > * {line-height: 1.2; margin-bottom: 0!important; color: inherit;}
.block-quote-widget .quote > span {position: relative; display: inline-block; margin: auto; padding: 0 40px;}
.block-quote-widget .quote > span:before{content: "\e944"; left: 0px; top: -10px;}
.block-quote-widget .quote > span:after{content: "\e941"; right: 0px; bottom: -10px;}


/* tabs */

.widget-tab .panel-group{position: relative;}
.widget-tab .nav-tabs:before{content: ''; height: 3px; background: #ccc; position: absolute; left: 0; right: 0; top: 37px; z-index: 1;}
.widget-tab .nav-tabs{display: flex; max-width: 1360px; padding-left: 0!important; margin: auto!important; height: 40px;}
.widget-tab .nav-tabs li{padding: 6px 15px; border-bottom: 3px solid #ccc; z-index: 2;}
.widget-tab .nav-tabs li.active{border-bottom-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;}

/* cards */
.widget-image-card .card-image img{
    object-fit: cover;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.widget-image-card .card-image img.img-hover{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: all;
    transition-property: all;
}

.widget-image-card:hover img.img-hover{opacity: 1;}

.widget-image-card .card-content > div{padding: 30px;}
.widget-image-card.center .card-content{display: flex; align-items: center;}
.widget-image-card .card-content .content-img{margin-bottom: 15px;}
.widget-image-card .card-content .card-heading{font-size: 1.9em;color: #fff; margin-bottom: 14px;}
.widget-image-card .card-content p{font-size: 1.2em; margin-bottom: 14px;}
.widget-image-card .card-content strong{font-weight: 800!important;}
.widget-image-card .image-card-item.button-pos-bottom .button{position: absolute; left: 30px; right: 30px; bottom: 30px; padding: 0 15px;}
.widget-image-card .image-card-item.button-pos-bottom .card-content  > div{padding-bottom: 60px;}
.widget-image-card.compact .card-image{width: auto!important;}
.widget-image-card.compact .card-content{width: auto!important; flex: 1;}
.widget-image-card.compact .card-content > div{padding: 15px!important;}
.widget-image-card.compact .card-content p{margin-bottom: 10px; line-height: 1.2;}
.widget-image-card.compact .card-content p:last-of-type{margin-bottom: 0;}

/* heading */

.w_heading > span{display: block;}
.w_heading p{margin-bottom: 0;}

.banner .w_heading {margin-top: .6em;}

/* buttons */

.multi-buttons a.button{margin: 6px;}
.multi-buttons a.button{margin-bottom: 5px;}

/* Embedded media */

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    border: 0;
}


.embed-responsive-21by9:before {content: ''; padding-top: 42.857143%; display: block;}

.embed-responsive-16by9:before {content: ''; padding-top: 56.25%; display: block;}

.embed-responsive-4by3:before {content: ''; padding-top: 75%; display: block;}

.embed-responsive-1by1:before {content: ''; padding-top: 100%; display: block;}


.col1-layout .col-6 .products-grid li.item{width: 16.6667%;}
.col1-layout .col-4 .products-grid li.item{width: 25%;}
.col1-layout .col-3 .products-grid li.item{width: 33.33%;}
.col1-layout .col-2 .products-grid li.item{width: 50%;}

/* Scrolling banner */

/*.scrolling-banner{display: block; position: relative; font-size: 1.2rem;}
.scrolling-banner:after{content: '.'; visibility: hidden; padding: 5px 0; display: block;}
.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 0;
    min-width: 100%;
}

.marquee div {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

.marquee.loop div {
    animation-delay: 15s;
}
.marquee *{margin-bottom: 0;}

.marquee.loop div p{margin-bottom: 0;}

@-webkit-keyframes marquee {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

@media (min-width: 992px) {
    .marquee div {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 30s linear infinite;
    }
}*/



/* eocjsNewsticker v0.3.3 */

.eocjs-newsticker {
    padding: 10px 0;
}

.eocjs-newsticker .eocjs-newsticker-container {
    position: relative;
    height: 20px;
    overflow: hidden;
}

.eocjs-newsticker .eocjs-newsticker-one,
.eocjs-newsticker .eocjs-newsticker-two {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
}

.eocjs-newsticker-loader {
    position: absolute;
    left: calc(50% - 10px);
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #555555;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: eocjs-newsticker-spin 1s linear infinite;
}

@keyframes eocjs-newsticker-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Video */
.block-youtube-widget.takeover iframe,
.block-vimeo-widget.takeover iframe{min-width: 100%;}
/*

.std > .ves-container:first-of-type .block-vimeo-widget.takeover .video-wrapper{
    --video--width: 5000;
    --video--height: 2000;

    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
    overflow: hidden;
    max-width: 100%;
    background: black;
}
.std > .ves-container:first-of-type .block-vimeo-widget.takeover iframe,
.std > .ves-container:first-of-type .block-youtube-widget.takeover iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    max-width: 500%;
    object-fit: cover;
}*/


/* Quick reset */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wrapper{max-width: 23000px; margin: auto;}
/* Make elements as high as viewport */
html {
    height: 100%;
}

body {
    position: relative;
    height: 100%;
}

/* Video background */

.videobg {
    position: relative;
    width: 100%; /* Set video container element width here */
    height: 100%; /* Set video container element height here */
    overflow: hidden;
    background: #111; /* bg color, if video is not high enough */
}

/* horizontally center the video */
.videobg-width {
    position: absolute;
    width: 100%; /* Change width value to cover more area*/
    height: 100%;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

/* set video aspect ratio and vertically center */
.videobg-aspect {
    position: absolute;
    width: 100%;
    height: 0;
    top: -9999px;
    bottom: -9999px;
    margin: auto;
    padding-bottom: 56.25%; /* 16:9 ratio */
    overflow: hidden;

}

.videobg-make-height {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}

.videobg-hide-controls {
    box-sizing: content-box;
    position: relative;
    height: 100%;
    width: 100%;
    /* Vimeo timeline and play button are ~55px high */
    padding: 55px 97.7777px; /* 16:9 ratio */
    top: -55px;
    left: -97.7777px; /* 16:9 ratio */
}

.videobg iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0 none;
}

/* Empty column */

.row .col-inner.has-bg.no-content{
    padding-top: 25vh !important;
    padding-bottom: 25vh !important;
}

/* Testimonials */

.widget-testimonials .owl-carousel .owl-item .review{display: flex; align-items: center; justify-content: center;}
.widget-testimonials .owl-carousel .owl-item .review .item-image{width: 85px; height: 85px; border-radius: 50%; overflow: hidden; margin-right: 25px;}
.widget-testimonials .owl-carousel .owl-item .review .item-image img{width: 85px; height: 100%; object-fit: cover;}
.widget-testimonials .owl-carousel .owl-item .item-content{font-size: 1.188rem;}
.widget-testimonials .owl-carousel .owl-item .item-footer{font-size: 1.313rem; text-align: center; font-weight: bold;}
.widget-testimonials .owl-carousel .owl-item .item-footer .product{color: #c6b59f; font-weight: 500;}



@media screen and (min-width:320px) and (max-width:650px) {
    .widget-testimonials .owl-carousel .owl-item .item-content{flex: 1;}
    .widget-testimonials .owl-carousel .owl-item .review .item-image{width: 70px; height: 70px;}
    .widget-testimonials .owl-carousel .owl-item .review .item-image img{width: 70px!important;}
    .widget-testimonials .owl-carousel .owl-item .item-content {font-size: 1.1rem;}
    .widget-testimonials .owl-carousel .owl-item .item-footer {font-size: 1.12em;}
}


/* EXTRA CHANGES */

/* 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 .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 50px; 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 .main-container .col-main .ves-container .ves-inner.inner-container-limited{width: 1450px; max-width: 100%; margin: auto; padding-top: 20px; padding-bottom: 20px;}
.main-container .col-main .ves-container.default-margin{margin-top: 5.5vh!important; margin-bottom: 5.5vh!important;}
#ves-wrapper .main-container .col-main .ves-container.default-margin:first-of-type{margin-top: 0px!important;}
.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;}
.ves-container .block .block-content p

#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;
}
/* 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;}

/* images */
.ves-container .block.widget-images .block-content .caption{white-space: initial;}
.ves-container .block.widget-images .block-content .caption p{font-size: 1rem!important;}
.ves-container .block.widget-images .block-content .caption:not(.pos-below) p{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;}


/* 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 .awis-block-inner .caption {
    z-index: 3;
    left: auto;
    right: 100px;
    top: 0;
    padding: 0;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    text-align: center;
    text-shadow: 1px 1px 22px rgba(0, 0, 0, 0.65);
}
.awis-block .awis-block-inner .caption .content{display: table; }
.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 h5{font-size: 2.5rem; margin-bottom: 0;}
.awis-block .awis-block-inner .caption a{
    display: inline-block;
    margin-top: 15px;
    font-size:  1.1rem;
    text-shadow: none;
    min-width: 250px;
    padding: 28px 20px;
}

.awis-block .awis-block-inner .caption a:hover{ border-color: #D51317;}
.cms-index-index .awis-block li.item:before {
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 100%);
    height: 35%;
    width: 100%;
    top: 0;
    position: absolute;
    content: '';
    z-index: 2;
}



/* 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 */


.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('https://evanette.bineademo.se/skin/frontend/evanette/default/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('https://evanette.bineademo.se/skin/frontend/evanette/default/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: #eee;
}
.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}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.cykelcenter.com/skin/frontend/standard/default2/ves_productlist/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* ============================================ *
 * http://themeforest.net/user/venustheme/portfolio/
 * http://venustheme.com/
 * Email: venustheme@gmail.com;
 * Style product carousel default 
 * ============================================ */ 
.products-grid { display: block; width: 100%}

.product-block {}
.product-block .image .icon {
    position: absolute;
    top: 10px;
}

.onsale, .new-icon {
    background: url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_productlist/images/label_product.png") no-repeat scroll 0 0 transparent;
    color: white;
    float: right;
    font-size: 14px;
    font-weight: 400;
    height: 37px;
    line-height: 36px;
    position: relative;
    text-align: center;
    text-transform: lowercase;
    width: 37px;
    z-index: 99;
}
.new-icon {background-position: 0 -43px;}

.product-block .image {position: relative;}
.product-block .image .hover-image {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

.product-block .image:hover .hover-image,
.product-block .image:focus .hover-image {
    opacity: 1;
    visibility: visible;
}

/* Countdown Timmer */
.productdeals .timeleft {
    background-color: #3b5871;
    background-image: linear-gradient(to bottom, #3b5871, #0A263D);
    background-image: -webkit-linear-gradient(to bottom, #3b5871, #0A263D);
    background-image:    -moz-linear-gradient(to bottom, #3b5871, #0A263D);
    background-image:     -ms-linear-gradient(to bottom, #3b5871, #0A263D);
    background-image:      -o-linear-gradient(to bottom, #3b5871, #0A263D);
    min-height: 40px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.productdeals .timeleft h3{
    color: #FFFFFF!important;
    padding:0; 
    margin:0; 
    line-height:40px;
    font-family: verdana,arial;
    font-size: 19px;
    font-weight: normal;
}

.productdeals .timeleft{
    background-color: #6B9E1B; 
}
.banner-countdowns .timeleft h3{
    color: #FFFFFF!important;
    padding:0;
    margin:0;
    line-height:40px;
    font-family: verdana,arial;
    font-size: 19px;
    font-weight: normal;
}
.banner-countdowns .item-countdown{
    padding: 10px 0;
    direction: ltr;
}
.banner-countdowns .item-countdown ul{
    /*text-align: center;*/
}
.banner-countdowns .item-countdown ul li{
    display: inline-block;
    margin: 0px 8px 0 0;
    line-height: normal;
    border: 0;
}
.banner-countdowns .item-countdown ul li.first{}
.banner-countdowns .item-countdown ul li.last{
    margin: 0px;
}
.banner-countdowns .item-countdown ul li div{
    text-transform: lowercase;
    clear: both;
    text-align:center;
    width:100%;
    font-size:12px;
}
.banner-countdowns .item-countdown ul li div.countdown_num{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f8f8f8 51%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f8f8f8 51%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f8f8f8 51%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f8f8f8 51%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f8f8f8 51%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.banner-countdowns .item-countdown ul li div.countdown_num span.mw_dld_detail_num{}
.banner-countdowns .timeleft{
    background-color: #6B9E1B;
    background-image: linear-gradient(to bottom, #7aa832, #4b6f13);
}
.banner-countdowns .item-countdown ul li div.countdown_num span{
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: 1px solid #ebebeb;
    padding: 4px 6px;
    min-width: 27px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.banner-countdowns .item-countdown ul li div.countdown_num span + span{
    border-left: 0;
}

/*Carousel css*/

.banner-countdowns .product-block .group-item {
    display: inline-block;
}

.banner-countdowns .group-action .cart {
    float: none;
}
.banner-countdowns .group-action .cart input {
    background-color: #7eac22;
    display: inline-block;
    height: auto;
    overflow: hidden;
    padding: 0;
    text-indent: 0;
    width: auto;
}
.banner-countdowns .group-action .group-action-inner {
    background-color: #7eac22;
    bottom: 30px;
    height: 33px;
    margin: 0 ;
    position: absolute;
    width: 100%;
    right: -100%;
    opacity:0;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.banner-countdowns .product-block:hover .group-action .group-action-inner {
    right: 0;
    opacity:1;
    transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
}
.banner-countdowns .group-action .wishlist,
.banner-countdowns .group-action .compare {
    float: left;
    width: 19.5%;
    border-left: 1px solid #8cbc2b;
    border-right: 1px solid #6d951d;
}
.banner-countdowns .group-action .cart {
    float: left;
    border-left: 1px solid #8cbc2b;
    width: 56%;
}
.banner-countdowns .group-action .wishlist:hover,
.banner-countdowns .group-action .compare:hover,
.banner-countdowns .group-action .cart:hover {
}
.banner-countdowns .group-action .wishlist a,
.banner-countdowns .group-action .compare a,
.banner-countdowns .group-action .cart .button {
    background-image: url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/image/default/icon-action.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 100%;
}
.banner-countdowns .group-action .wishlist a,
.banner-countdowns .group-action .compare a {
    overflow: hidden;
    text-indent: -9999em;
    padding: 0;
}
.banner-countdowns .group-action .wishlist a {
    background-position: 55% 12px;
}
.banner-countdowns .group-action .compare a {
    background-position: 58% -52px;
}
.banner-countdowns .group-action .cart .button {
    background-position: 14% -125px;
    color: #FFFFFF;
    font-weight: 400;
    padding-left: 30px;
}
.banner-countdowns .group-action .icon-plus {
    background-color: #F2711F;
    bottom: 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 30px;
}

.banner-countdowns .product-block:hover .group-action .icon-plus {
    background-color: #7eac22;
}

.banner-countdowns .product-block .rating {
     display: none;
}

.banner-countdowns .carousel-controls {
    position: absolute;
    right: 0;
    top: 10px;
    width: 80px;
}
.banner-countdowns .carousel-control {
    border-radius: 15px;
    font-size: 24px;
    height: 20px;
    line-height: 15px;
    margin-top: 0;
    width: 20px;
    opacity: 0.5;
}


/**
 * Swiper 3.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 27, 2015
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end)infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end)infinite;animation:swiper-preloader-spin 1s steps(12,end)infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("https://www.cykelcenter.com/skin/frontend/standard/default2/ves_widgets/swiper/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C6")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
.boxed-layout .slider.banners {
    margin: 0 -15px;
}

.slider.banners .swiper-slide .slide-inner {
    overflow: hidden;
    padding-right: 8px;
}

.slider.banners .swiper-slide:last-child .slide-inner {
    padding-right: 0;
}

.slider.banners .swiper-slide {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.slider.banners .swiper-slide-big {
    width: 400px;
}

.slider.banners .swiper-slide-small {
    width: 234px;
}

.slider.banners .swiper-slide-big.swiper-slide:last-child {
    width: 392px;
}

.slider.banners .swiper-slide-small.swiper-slide:last-child {
    width: 224px;
}

.slider.banners .slide-wrapper {
    overflow: hidden;
    position: relative;
}

.slider.banners .swiper-slide-small .slide-wrapper {
    margin: 0 0 6px 0;
}

.slider.banners .swiper-wrapper {
    width: 100%;
}

.slider.banners .swiper-slide-big .slide-wrapper,
.slider.banners .swiper-slide-big .slide-inner {
    height: 100%;
}

.slider.banners .swiper-slide img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

/* HOVER */
.slider.banners img {
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
}

.slider.banners .slide-wrapper:hover img {
    -webkit-transform: scale(1.2) rotateZ(-5deg);
    -moz-transform: scale(1.2) rotateZ(-5deg);
    -ms-transform: scale(1.2) rotateZ(-5deg);
    -o-transform: scale(1.2) rotateZ(-5deg);
    transform: scale(1.2) rotateZ(-5deg);
}

/* OVERLAY */
.slider.banners .slide-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*box-shadow: inset 0 0 0 0 rgba(0,0,0, 0.4);*/
    box-shadow: inset 0 0 20px 450px rgba(0,0,0, 0.4);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.slider.banners .slide-wrapper:hover:after {
    visibility: visible;
    opacity: 1;
}

/* NAVIGATION */
.slider.banners .next,
.slider.banners .prev {
    padding: 6px 14px;
    width: 50px;
    height: 50px;
    margin: -26px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid;
    border-color: rgba(255,255,255,0);
    /* border-radius: 50%; */
    text-indent: 100%;
}

.slider.banners .prev {
    left: -51px;
}

.slider.banners .next {
    right: -51px;
}

.slider.banners:hover .prev {
    left: 15px;
    opacity: 0.8;
    color: #ffffff;
    border-color: rgba(255,255,255,0.8);
}

.slider.banners:hover .next {
    right: 15px;
    opacity: 0.8;
    color: #ffffff;
    border-color: rgba(255,255,255,0.8);
}

.slider.banners .next:before,
.slider.banners .prev:before{
    font-family: 'FontAwesome';
    font-size: 30px;
    width: 15px;
    position: absolute;
    top: 2px;
}

.slider.banners .next:before{
    content: "\f105";
    left: 0px;
}

.slider.banners .prev:before{
    content: "\f104";
    left: -3px;
}

.slider.banners .prev:hover,.slider.banners .next:hover {
    opacity: 1;
}

/* SLIDE TEXT */
.slider.banners .slide-text {
    position: absolute;
    display: block;
    left: 36px;
    right: 36px;
    z-index: 1;
    text-align: center;
    padding: 12px 0 4px;
    margin: 32px 0;
}

.slider.banners .slide-wrapper a.slide-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.slider.banners .swiper-slide-small .slide-text {
    left: 18px;
    right: 18px;
}

.slider.banners .slide-text.top {
    top: 0;
}

.slider.banners .slide-text.bottom {
    bottom: 0;
}

.slider.banners .slide-text.center {
    top: 0;
}

.slider.banners .slide-text.border {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.43);
}

.slider.banners .slide-text h3,
.slider.banners .slide-text h4 {
    color: #fff;
    margin: 0 0 5px;
    text-align: center;
    line-height: 0.85em;
}

.slider.banners .slide-text h3 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
}

.slider.banners .slide-text h4 {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.widget-swiper .slider.banners{
    margin-top: -25px;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.amtooltip-label{
    text-align: center;
    font-weight: bold;
}

.amtooltip-img{
    margin-bottom: 3px;
}

.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-light {
    border-radius: 5px; 
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}
.tooltipster-noir {
    border-radius: 0px; 
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-punk {
    border-radius: 5px; 
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}
.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 14px;
    line-height: 16px;
    padding: 3px 4px;
}

.home-boxes.col-3-layout {margin: 0 -9px 30px -9px;  font-size: 0px; display: flex; flex-wrap: wrap; }
.home-boxes.col-3-layout .box{display: inline-block; padding: 9px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
.home-boxes.col-3-layout .box .image-wrapper{position: relative; overflow: hidden;}
.home-boxes.col-3-layout .box img{min-height: 100%; min-width: 100%; -webkit-transition: all 0.2s; transition: all 0.2s;}
.home-boxes.col-3-layout .box:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.home-boxes.col-3-layout .col-1{width: 33%;}
.home-boxes.col-3-layout .col-2{width: 50%;}
.home-boxes.col-3-layout .col-3{width: 100%;}

.home-boxes.col-3-layout .box.overlay:after{
    content: '';
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 9px;
    right: 9px;
    height: auto;
    visibility: visible;
    /* display: block; */
    background: rgba(0, 0, 0, 0.20);
    z-index: 1;
}

.home-boxes.col-3-layout .box .caption{
    font-size: 16px;
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0px;
    top: 9px;
    width: auto;/*100%;*/
    text-align: center;
    z-index: 2;
}

.home-boxes.col-3-layout .box .caption-inner{
    display: table;
    height: 100%;
    width: 100%;
}

.home-boxes.col-3-layout .box .caption-inner h2{
    display: table-cell;
    vertical-align: middle;
    font-size: 1.250em;
}
.home-boxes.col-3-layout .box .caption-inner h2,
.home-boxes.col-3-layout .box .caption-inner a{
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

@media screen  and (min-width:320px) and (max-width:500px){
    .home-boxes.col-3-layout .box{width: 100%!important; padding-right: 0px!important; padding-left: 0px!important;}
    .home-boxes.col-3-layout .box img{min-height: 0px;}
    .home-boxes.col-3-layout .box.overlay:after{left: 0; right: 0;}
}

@media screen  and (min-width:500px) and (max-width:660px){
    .home-boxes.col-3-layout .box{margin:auto;}
    .home-boxes.col-3-layout .box.box-33-percent{
        width: 50%!important;
    }
    .home-boxes.col-3-layout .box.box-67-percent{
        width: 100%!important;
    }
}


/* Safari 7.1 - 9.0 target */

@supports (overflow:-webkit-marquee){
    .home-boxes.col-3-layout .box img{min-height: 0;}
}
_::-webkit-full-page-media, _:future, :root  .home-boxes.col-3-layout .box img {
    min-height: 0;
}