/**
 * 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)
 */




@font-face {
    font-family: 'icoMoon';
    src: url('https://www.crescent.fi/skin/frontend/crescent2/default/fonts/icomoon/icomoon.eot');
    src: url('https://www.crescent.fi/skin/frontend/crescent2/default/fonts/icomoon/icomoon.eot') format('embedded-opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/fonts/icomoon/icomoon.woff') format('woff'), url('https://www.crescent.fi/skin/frontend/crescent2/default/fonts/icomoon/icomoon.ttf') format('truetype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/fonts/icomoon/icomoon.svg') format('svg');
}

@font-face {
    font-family: 'UniversLTStd';
    src: url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd.eot?#iefix') format('embedded-opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd.otf') format('opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd.woff') format('woff'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd.ttf') format('truetype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd.svg#UniversLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd';
    src: url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-Bold.otf') format('opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-Bold.woff') format('woff'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-Bold.ttf') format('truetype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-Bold.svg#UniversLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTStd-UltraCn';
    src: url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-UltraCn.eot?#iefix') format('embedded-opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-UltraCn.otf') format('opentype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-UltraCn.woff') format('woff'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-UltraCn.ttf') format('truetype'), url('https://www.crescent.fi/skin/frontend/crescent2/default/font/UniversLTStd-UltraCn.svg#UniversLTStd-UltraCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icomoon:after,
.icomoon:before,
.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 .account > a:after,
.header-container .header .top .form-search button:after,
.header-container .header .top .form-search .toggle-search: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-catalog button.btn-search:after,
h3.home-page-title:before,
.story:before,
.amconf-color .amconf-image-container:after,
.amconf-size .amconf-image-title:before,
h3.blog-tips-title:before,
.cms-index-index .inspiration .inspiration-nav .label:after,
.filter-toggle span:before,
.filter-slide .close-filter:after,
.product-tabs > li:after,
.form-search-catalog button.btn-clear-search:after,
.find-store div.reset-search-btn:after,
.find-store button.search-store-btn:after,
.find-store .search-form ~ .input-box label:before,
.find-store li.parent > a:before,
.store-box div:before,
.store-box .read-more:after,
.load-more-stores:before,
#nav li.level0:hover > a span:after,
#nav li.level0.mouse-out-period > a span:after,
.alt-colors a:after,
#nav .home-link a:after,
.mobile-footer #mobile-nav li:before,
.cart-header .cart-icon:after,
.category-top .read-more:after,
.amconf-size .amconf-image-container:before,
.product-tabs-content .link-wrap .story:before,
.store-locator-btn:after,
.quick-view-wrapper .quick-view-content .quickview-close-btn:after,
.product-view .add-to-links li.compare:after,
.product-view .add-to-links li.compare:before,
.product-collateral .bottom-links a:after,
#nav-left li.level-top > ul ul > li a:before,
.al-input-field input[type="radio"] + label:before,
.quick-access-wrapper .quick-access-menu a:after,
.select-store:after,
.delivery-time.out-of-stock:after,
.coming-soon-notice .inner-wrapper:after
{
    /*font-family: FontAwesome;*/
    font-family: icoMoon;
    position: absolute;
    -webkit-text-stroke: 0.2px;

    -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-weight: 400;
}

/* brandon grotesque */
select,
button.button,
a.button,
.breadcrumbs li,
.form-search-catalog .input-form input,
.col-main .products-grid li.item .item-info .button-set .info,
.amconf-size .amconf-image-title,
.electrical-sticker,
#geometry-table.data-table.data-table thead tr,
#geometry-table.data-table.data-table tbody tr td:first-child,
.product-tabs > li:not(.content),
#product_tabs_additional_contents .data-table tr th,
#product-attribute-specs-short-table .row .row-header,
#product-attribute-specs-table .row .row-header,
.typo-notice,
.filter-toggle,
select,
#geometry-table.data-table.data-table tbody tr td:not(:first-child):before,
.find-store .search-form ~ .input-box input + label,
.store-box .read-more,
#nav li a,
.awis-block .awis-block-inner .caption a,
.home-boxes.col-3-layout .box .caption-inner h2,
.product-name,
.sub-category,
.quickview-link,
.amconf-size .amconf-image-title,
.h5.product-options-heading,
.product-tabs-content .block .block-title h3,
.col-main .product-wrapper .h2.list-title,
.product-collateral .bottom-links a,
.mobile-footer #mobile-nav li a,
.mobile-footer #mobile-nav li span,
.faq-left-link li a,
.block-layered-nav.amshopby-filters-top dt,
.block-layered-nav.amshopby-filters-top dd a,
.sub-cats li,
.faq-left li,
.cart-header .cart-open .cart-close,
div[class*="-wrapper-modal"] label.stock-label,
li.store .select,
.top-filter select,
.timeline td:last-of-type strong,
#nav-left li.level-top > ul > li > a,
.quick-access-wrapper .quick-access-menu a,
.category-description .right-cat-desc li.title,
.al-form button, input[type="button"],
.cart-header .cart-open .select-store,
.circle,
.ribbon,
.ribbon2,
.coming-soon-notice,
.subcribe-popup.amxnotif-block label
{font-family: "brandon-grotesque"/*, "Source Sans Pro",*/, "Open Sans", "Verdana", sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}

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

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

body          { background:#ededed; font:16px/1 "UniversLTStd", "Open Sans", "Verdana" sans-serif; font-family:"UniversLTStd", "Open Sans", "Verdana"; font-size: 16px; color:#393c41; text-align:center; margin:auto; -webkit-font-smoothing: antialiased;}
body.prevent-scroll{overflow: hidden;}

img           { border:0; vertical-align:top; }

a             { color: #888; text-decoration:none; border-bottom: 1px solid rgba(150, 150, 150, 0.42); 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, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {font-family: "UniversLTStd", "Source Sans Pro", "Open Sans", "Verdana", sans-serif; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}
h1, .h1          { font-size:3.2em;  line-height:1; margin-bottom: 20px; letter-spacing: 0; font-family: "UniversLTStd-UltraCn", "Source Sans Pro", "Open Sans", "Verdana", sans-serif; font-weight: normal; color: #fe7701;}
h2, .h2          { font-size:1.5em; line-height:1.25; margin-bottom:.45em; letter-spacing: 3x; font-family: "brandon-grotesque"/*, "Source Sans Pro",*/, "Open Sans", "Verdana", sans-serif;}
h3, .h3          { font-size:1em; line-height:1.2; margin-bottom:.45em; letter-spacing: 2px; font-family: "brandon-grotesque"/*, "Source Sans Pro",*/, "Open Sans", "Verdana", sans-serif;}
h4, .h4          { font-size:1em; line-height:1.35; margin-bottom:.45em; letter-spacing: 1.5px}
h5, .h5          { font-size:1em; line-height:1.35; margin-bottom:.45em; letter-spacing: 1.5px}
h6, .h6          { font-size:1em; line-height:1.35; margin-bottom:1em; letter-spacing: 1.5px}
h2, h3           {color: #393c41; margin-bottom: 15px;}

/* 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 1em; color: #3f3f3f; line-height: 1.5em;}
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: inline-block; width: 100%; zoom: 1;}
/* ======================================================================================= */


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ======================================= Layout ========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.wrapper {min-height: 100%; overflow: hidden;}
.page { /*width:1450px;*/ width: 1920px; background: #fff; max-width: 100%; margin:0 auto;  text-align:left; }
.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 {background: #fff; padding-top: 90px;}
.main-container .main,
.main-container .category-header-wrapper{width:1450px; max-width: 100%; padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; margin:0 auto;}
.main-container .main{padding-bottom: 60px;}
.main { padding:0px; min-height:350px; 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: #333;
    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 { float: left; width: 17%; box-sizing: border-box; -moz-box-sizing: border-box;}
.col-main { float:left; width:83%; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; padding-top: 40px;}
.col-right { float: right; width: 17%; box-sizing: border-box; -moz-box-sizing: border-box;}

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

/* 2 Columns Layout */
.col2-left-layout .col-main {float: right; padding-left: 20px;}
.col2-right-layout .col-main {float: left;}

/* 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; }
.al-input-field input, 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; font-weight: 200; }
.al-input-field input, input.input-text,textarea { padding:0px 15px; }
select {
    height: 40px;
    line-height: 40px;
    font-size: 0.92em;
    letter-spacing: 1px;
    color: #5a5a5a;
    -webkit-appearance: button;
    appearance: button;
    border-radius: 5px;
    -webkit-border-radius: 0px;
    -webkit-padding-end: 22px;
    -webkit-padding-start: 0px;
    -webkit-user-select: none;
    border: 1px solid #b6b5b5;
    border-width: 0 0 1px 0;
    background-image: url('https://www.crescent.fi/skin/frontend/crescent2/default/images/select-icon.png');
    background-size: 10px auto;
    background-position:  right center;
    background-repeat: no-repeat;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0px;
    position: relative;
}


.al-input-field.input, input.input-text:disabled{background: #eee;}
select:after{
    content: '\f190';
}
textarea:focus,
input:focus{
    font-weight: bold;
    color: #000;
}
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.checkbox,
input.radio { margin-right: 10px; height: auto; display: inline-block; vertical-align: middle; float:none!important}
input.checkbox + label,
input.radio + label { line-height: 1.3em; display: inline-block; vertical-align: middle; margin-bottom: 0; font-weight: normal;}
input.qty { width:2.5em; padding: 0 5px; text-align: center; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

/*.al-input-field{display: table;}
.al-input-field label,
.al-input-field input{display: table-cell;}*/
h2 .al-form-heading{display: block; margin-top: 20px; padding-bottom: 7px;}
.al-input-field { max-width: 700px; margin-bottom: 15px;}
.al-input-field select{
    height: 32px;
    line-height: 32px;
    -webkit-padding-start: 11px;
    background-position: calc(100% - 14px) center;
    background-color: #efefef;
}
.al-input-field select,
.al-input-field input:not([type="radio"]):not([type="checkbox"]){width: 100%; border-radius: 0; -webkit-appearance: none;}
.al-input-field label{ font-weight: normal; display: block;}
.al-form-reset-span{
    font-weight: bold;
    margin-bottom: 15px;
    background: #eee;
    display: block;
    padding: 10px 10px;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 15px 0;
    line-height: 50px;
}

.al-form input[type="button"]{height: 50px; -webkit-appearance: none;}


.al-input-field input[type="radio"]{display: none;}
.al-input-field input[type="radio"] + label{ display: block; padding-left: 33px; cursor: pointer;}
.al-input-field input[type="radio"] + label:before{
    content: '\e923';
    left: 0;
    color: #888;
    padding-top: 1px;
    line-height: 25px;
    font-size: 1.1em;
}
.al-input-field input[type="radio"]:checked + label:before{ content: '\e921'; color: #fe7701;}
.al-form-reset-button{line-height: 35px; margin-left: 15px; float: right;}

::-webkit-input-placeholder{
    color: #a7aeb1;
    font-weight: 200;
    text-transform: uppercase;

}
:-moz-placeholder{
    color: #a7aeb1;
    font-weight: 200;
    text-transform: uppercase;
}
::-moz-placeholder{
    color: #a7aeb1;
    font-weight: 200;
    text-transform: uppercase;
}
:-ms-input-placeholder {
    color: #a7aeb1;
    font-weight: 200;
    text-transform: uppercase;
}

a.button{display: inline-block;}

.al-form button, input[type="button"],
a.button,
button.button,
.awis-block .awis-block-inner .caption a
{
    position: relative;
    font-size: 0.8em;
    letter-spacing: 4px;
    line-height: 50px;
    color: #fff;
    background: #fe7701;
    border: none;
    padding: 0 30px;
    text-align: center;
    cursor: pointer;
    max-width: 100%;
}

button.button.full{width: 100%;}

.al-form button:hover, input[type="button"]:hover,
a.button:hover,
button.button:hover,
.awis-block .awis-block-inner .caption a: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: #fe7701!important; color: #fff!important }



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; }
.al-form label,
.form-list label { color:#000; 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 {margin-bottom:10px;}
.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.crescent.fi/skin/frontend/crescent2/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:not(.cart-message){margin-top: 15px!important;}
.messages { width:100%; overflow:hidden; }
.messages:not(.cart-message){ padding: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:#e84646; background-color:#e84646; color:#C53939;}
.success-msg { border-color:#26b968; background-color:#26b968; color:#fff; }
.note-msg,
.notice-msg { border-color:#4364A0; background-color:#fff; color:#33729E; }

.messages.cart-message > li{
     -webkit-animation: slideIn 0.5s forwards; animation: slideIn 0.5s forwards;
}
.messages.cart-message.slide-out > li{ -webkit-animation: slideOut 0.5s forwards; animation: slideOut 0.5s forwards;}

@-webkit-keyframes slideIn {
    0% { margin-top: -47px; }
    100% { margin-top: 0; }
}
@keyframes slideIn {
    0% { margin-top: -47px; }
    100% { margin-top: 0; }
}
@-webkit-keyframes slideOut {
    0% { margin-top: 0px; }
    100% { margin-top: -47px; }
}
@keyframes slideOut {
    0% { margin-top: 0px; }
    100% { margin-top: -47px; }
}

/* BreadCrumbs */
.breadcrumbs{text-align: left;  margin: 20px 0 20px 0; display: block; }
.breadcrumbs a { color:#000; border: none; font-weight: 400;}
.breadcrumbs li { display:inline; font-size: 0.813em; }
.breadcrumbs li strong {color: #fe7701; font-weight: 400;}
.breadcrumbs span {padding: 0 5px; font-weight: 400;}
.breadcrumbs a[href$="elcykel-info/"],
.breadcrumbs a[href$="elcykel-info/"] + span{display: none;}

/* Page Heading */
.page-title { width:100%; overflow:hidden; margin:0 0 16px; }
.page-title h1{color: #fe7701; margin-bottom: 10px}
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; margin:7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }

.subtitle,
.sub-title { clear:both; padding:12px 0 0; font-size: 1.455em; font-weight:bold; margin:0 0 6px; }

/* Toolbar */
.toolbar-top {position: relative; min-height: 50px; position: absolute; top: -46px; right: 0px;}
.toolbar-top .toolbar {position: absolute; right: 0px; top:0px; }
.toolbar-top .toolbar.filter_visible{position: relative;}
.toolbar-top .per-page{display:none;}
.toolbar .sorter {}
.toolbar .pager-container { display: none; }
.toolbar .product-count { display: none; }
.toolbar-bottom .pager-container { display: block; }

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

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

/* Pager */
.pager { font-size: 1em;  text-align:center; }
.pager .per-page,
.pager label { font-weight: 200; padding-right: 10px; }
.pager .amount { float:left; margin:0; float: right; margin-left: 25px; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; display: none;}
.pager .limiter select { vertical-align:middle; width: 266px; height: 47px; line-height: 47px;}
.pager .pages { margin:0 140px; }
.pager .pages strong { display: none; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline-block; }
.pager .pages li a { display: block; height: 33px; line-height: 33px; width: 33px; border-radius: 25px; border: 1px solid #E1E1E1; padding: 0; }
.pager .pages li a:hover { background-color: #EEE; }
.pager .pages .current { background-color: #EEE; height: 33px; line-height: 33px; width: 33px; border-radius: 25px; border: 1px solid #E1E1E1; position: relative; }
.pager .pages .current.loading:after{
    content: '';
    position: absolute;
    background: url('https://www.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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 */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; color: #3f3f3f;}
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }

/* Misc */

.link-cart { font-weight:600; color:#000; }
.link-wishlist { color:#444; }
.link-rss { background:url(https://www.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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 { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size: 1.091em; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.crescent.fi/skin/frontend/crescent2/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }

/* 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; }

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



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



.header-container{ height: 90px; position: fixed; margin: auto; background: #78A7B8; z-index: 998; width: 1920px; max-width: 100%; left: 0; right: 0; top:0px; box-sizing: border-box; -moz-box-sizing: border-box;}
.header-container.scrolled{box-shadow: none!important; border-bottom: 1px solid #ececec;}
.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: 20px;*/ float: left; padding-left: 20px; display: inline-block; text-decoration:none !important; height: 90px; z-index: 998;}
.header .logo > div{display: table;}
.header .logo > div a{  display: table-cell; vertical-align: middle; 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%; max-width: 250px; width: auto; padding: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; display: table;}
.header .logo img.white-logo{display: none;}
.singlerow .header h1.static-text{ line-height: 75px; }
.multirow  .header h1.static-text{ line-height: 90px; }
.header-container .header .top .account > a{position: relative;}
.header-container .header .top .account > a:after{ content: '\e601'; display: block; width: 80px; line-height: 90px; text-align: center; position: relative; font-size: 2em; color: #444; border-left: 1px solid #c2c2c2; }
.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: 20px; }

.header-container .header .top .form-search input::-webkit-input-placeholder{

    color: #fff;
    text-align: left;
    text-transform: none;

}
.header-container .header .top .form-search input::-moz-placeholder{
    color: #fff;
    text-align: left;
    text-transform: none;
}
.header-container .header .top .form-search input::-moz-placeholder{
    color: #fff;
    text-align: left;
    text-transform: none;
}
.header-container .header .top .form-search input:-ms-input-placeholder {
    color: #fff;
    text-align: left;
    text-transform: none;
}

.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:not(.scrolled){ box-shadow: none!important;}
.header-container.singlerow .header .logo > div a,
.header-container.singlerow .header .header .logo{height: 80px;}
.header-container.singlerow .header {width: 100%;}
.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: 80px; max-width: 1255px; padding-left: 0px!important; }
.header-container.singlerow .header .top .form-search{float: left;}

@media screen and (min-width:1150px) {
    .header-container.singlerow .header .top .form-search .search-input{ visibility: hidden; position: absolute; right: 60px; 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: auto;}
    .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: 80px; line-height: 80px;}
    /*.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: '\e117';
}


/*.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: 80px;}

.header-container.singlerow .header .logo > div a,
.header-container.singlerow .header .top .form-search input.input-text,
.header-container.singlerow .header .top .account > a:after,
.header-container.singlerow .header .logo,
.header-container.singlerow .header,
.header-container.singlerow .header .cart-header .cart-icon,
    /*.header-container.singlerow .header .top .form-search button.button{height: 75px;}*/
.header-container.singlerow .header .top .form-search .toggle-search{height: 80px;}

.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: 80px;}

/*.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: #fff; }
.header-container.multirow .header .top { position: static; padding: 0 50px; 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 .logo{ position: static; }
.header-container.multirow .header .top .cart-header{ position: relative; float: left; z-index: initial; }
.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;}
.header-container.multirow .header .top .form-search{ float: left; border-left: 1px solid #c2c2c2; }

.header-container.multirow .header .nav-container { background: #78A7B8; text-align: center; width: 100%; padding: 0px!important; height: 90px; }
.header-container.multirow .header .nav-container #nav {  width: 100%;  width:1350px; max-width: 100%; margin:auto;  float: none!important; position: relative; height: 100%; }
.header-container.multirow .header .nav-container #nav li.level0 > a{ line-height: 55px; }

/*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; }
}}
/* safari fix end */

.header-container.multirow .header .nav-container{height: 55px;}

.header-container.multirow + .main-container { padding-top: 145px; }
.header-container.multirow .cart-header .cart-icon { background-color: #E8E8E8; }
.header-container.multirow .cart-header.full .cart-icon { background-color: #366E7B; }
.header-container.singlerow .header .top .cart-header.full .cart-icon,
.header-container.multirow .cart-header.full .cart-icon{background:none!important;}


.header-container .header .top .form-search .search-input{background: #fe7701;}
.header-container .header .top .form-search input.input-text {border: none; width: 330px; line-height: 90px; height: 90px; font-size: 1.25em; color: #fff; font-weight: 200; }
.header-container .header .top .form-search input.input-text:focus{ color: #fff; }

/*.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-container .header .top .form-search .toggle-search{ width: auto; height: 90px; padding: 0px;  padding-right: 15px;}
.header-container .header .top .form-search .toggle-search:after { font-size: 3em; color: #fe7701; text-shadow: none; line-height: 90px; font-size: 20px; /*border:1px solid #fe7701;*/ border-radius: 50%; padding: 10px;}

/*Header:Cart*/
.cart-header{position:absolute; right: 0px; top: 0px; z-index: 998;}
.cart-header .cart-icon { height: 90px; display: block; padding: 0; border: none;  padding-right: 20px;}
.cart-header .cart-icon:after{content: "\e930"; color: #fe7701; font-size: 21px; line-height: 80px; width: 100%; text-align: center; padding: 10px; position: relative;}
.cart-header.full .cart-icon { background: rgba(0, 0, 0, 0.2) url('https://www.crescent.fi/skin/frontend/crescent2/default/images/cart-icon.png') no-repeat center; }
.cart-header .cart-icon li{display:block;}
.cart-header .cart-icon .count{ position: absolute; right: 20px; top: 20px; font-size: 0.7em; border-radius: 50%; color: #fff; line-height: 15px; width: 15px; text-align: center; background: #000; font-weight: 200; display: none; }
.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{
    display: none;
    position:absolute;
    width: 420px;
    top: 100%;
    right: 0px;
    font-size: 1em;
    z-index: 9999;
    padding-bottom: 5px;
    background: #fff;
    padding: 0 0 20px 0;
    border: 1px solid #eee;
}

.cart-header.full .cart-open.hide{display: none!important;}
.cart-header.full .cart-open:hover,
.cart-header.full.opened .cart-open { display: block; background: #e6e2e2;}
.cart-header .cart-open li{list-style: none; position: relative; padding: 10px 20px; background: #fff;}
.cart-header .cart-open li:first-child{padding-top: 20px;}
.cart-header .cart-open li:nth-child(even) {    border-top: 1px solid #d4d4d4;}
/*.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: 10px; margin-top: -8px; }
.cart-header .cart-open li a.btn-remove:hover:after { color: #000; }
.cart-header .cart-open li.item .product-image{border:
        none;}
.cart-header .cart-open li.item .product-image-cart{border: none;}
.cart-header .cart-open li.item .product-name a{float:none; white-space: normal; width: 135px; font-size: 1em; border: none; text-decoration: none; border: none; color: #000;}
.cart-header .cart-open li.item p{font-size: 1em;}
.cart-header .cart-open li.item .item-options{font-size: 0.8em; margin-bottom: 3px;}
.cart-header .cart-open li.item .price-qty{font-size: 0.8em;}
.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 .bottom-cart{position: relative; display: flex; align-items: center; margin-top: 20px; padding: 0 20px;}
.cart-header .cart-open .actions{padding-left: 20px; margin: 0px!important;  flex: 1; text-align: right;}
.cart-header .cart-open .subtotal {margin: 0px; font-size: 0.92em;}
.cart-header .cart-open .cart-close{display: none;}
.cart-header .cart-open .select-store{ padding: 15px 20px;  background: rgba(254, 119, 1, 0.43); font-size: 0.8em;color: #542204; cursor: pointer; text-align: left;}
.cart-header .cart-open .select-store:after{content: "\e903"; margin-top: 0px; font-size: 18px; right: 10px;}

.cart-store-select-wrapper-modal #cart-modal-menu{display: block!important;}
.cart-store-select-wrapper-modal h2{display: none;}
.cart-store-select-wrapper-modal .split-order-notice{display: none;}


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

.cart-open .actions button.button {    padding: 0 15px;}

/*cart header end*/

/* search bar*/
.form-search .search-input {
    float: left;
}
.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: #6c6b6b;

}


.form-search button.button {width: 0px; height: 0px; visibility: hidden; padding: 0; display: none;}
.form-search button.button:after{content: none;}
/*.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;
    width: 35px;
    height: 25px;
    cursor: pointer;
    text-align: center;
}
.form-search .toggle-search button{visibility: hidden; width: 0; height: 0; padding: 0;}

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

/*.form-search button.button span { height:23px; background-image:url(https://www.crescent.fi/skin/frontend/crescent2/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: 100%;
    max-width: 100%;
    margin: auto;
    padding-right: 33px;
    box-sizing: border-box;
}
.quick-access-wrapper .quick-access-menu p{ color: #888; line-height: 20px; 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; color: #fff; font-size: 0.85em; position: relative; padding-right: 15px;}
.quick-access-wrapper .quick-access-menu a:hover{font-weight: bold; text-shadow: 0px 1px 0px #fff;}
.quick-access-wrapper .quick-access-menu a:after{content: "\e903"; right: 0;}
.quick-access-wrapper .quick-access-menu a:hover:after{right: -10px;}

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


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

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

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

#nav a{ border: 0; text-transform: uppercase; font-weight: 200 }
#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 .column-wrapper
{
    display: none;
    width: 100%!important;
    position: absolute;
    left: 0px;
    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: #fff;
    overflow: hidden;
    z-index: 9998;
    margin-top: 0px!important;
    border-color: #ececec;
    /*-webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;*/
}
#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.mouse-out-period > .column-wrapper,
#nav:not(.clickable) li.level0:hover > .column-wrapper {border: 1px solid #DEDEDE;}
#nav:not(.clickable) li.level0.mouse-out-period > .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;*/ padding: 30px; display: block;    }
#nav:not(.clickable) li.level0.hide-menu:hover .column-wrapper{display: none;}

#nav.clickable li.level0.opened > .column-wrapper,
#nav:not(.clickable) li.level0:hover > .column-wrapper { text-align: center;}

#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 .column-wrapper ul { float: left; }
#nav li.level0.columns.brands .column-wrapper ul { float: none; }
#nav li.level0.columns .column-wrapper li { -webkit-transition: none;  transition: none; height: auto; width: auto; opacity: 1; /*position: relative;*/ line-height: 1.3em; }
#nav li.level0.columns .column-wrapper li.level1 { float: left; }
#nav li.level0.columns .column-wrapper li a{color: #000; text-transform: uppercase;}

#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0 { width: 100%!important;}
#nav li.level0.columns:not(.brands) .column-wrapper > ul.level0 > li {float: none; /*display: inline-block;*/ vertical-align: top; min-width: 0px; padding-right: 40px; padding: 15px 20px; padding: 15px 30px;}
#nav li.level0.columns:not(.category-wrapper):not(.bike-menu) .column-wrapper > ul.level0 > li { border-right:1px solid #ececec; text-align: left; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box;}
#nav li.level0.columns.cms:not(.category-wrapper):not(.bike-menu) .column-wrapper > ul.level0 > li {width: auto!important; border: none;}
#nav li.level0.columns:not(.category-wrapper):not(.bike-menu) .column-wrapper > ul.level0 > li:last-of-type { border-right:0px;}
#nav li.level0.columns:not(.category-wrapper):not(.bike-menu) .column-wrapper > ul.level0 > li  li a{ font-size: 0.8em;}
#nav li.level0.columns:not(.category-wrapper):not(.bike-menu) .column-wrapper > ul.level0 > li  li a:hover{color: #fe7701;}
#nav li.level0.columns .column-wrapper > ul.level0 > li > a { padding-bottom: 15px; font-weight: bold; /*padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #B6B6B6;*/ }

#nav li.level0.columns.brands .column-wrapper > ul.level0 > li > a {font-weight:normal;}
#nav li.level0.columns .column-wrapper li > a > span {width: auto!important; 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:#fe7701;}
#nav li.level0.columns .column-wrapper > ul.level0 > li.no-link{position: relative;}
#nav li.level0.columns .column-wrapper > ul.level0 > li.no-link > a{cursor: default; position: relative;}
#nav li.level0.columns .column-wrapper > ul.level0 > li.no-link:after{content: ''; top: 0; left: 0; right: 0; height: 40px; z-index: 1;}

#nav li.level0.columns .column-wrapper ul.level1 > li a{font-weight: 400;}

/* cat wrapper */
#nav li.level0.columns.category .column-wrapper{padding:0; text-align: center;}
#nav li.level0.columns > .column-wrapper > ul.level0 {  display:inline-flex; margin:auto; max-width: 1450px; float: none; white-space: nowrap; overflow: hidden; justify-content: center;}
#nav li.level0.columns.cms > .column-wrapper {overflow: hidden;}
#nav li.level0.columns.cms > .column-wrapper > ul.level0 {
    display: block;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    column-fill: auto;
    column-fill: auto;
    -moz-column-fill: balance;
    column-fill: balance;
    margin: auto;

    -webkit-column-rule-style: solid;
    -webkit-column-rule-color: #ececec;
    -webkit-column-rule-width: 1px;

    column-rule-style: solid;
    column-rule-color: #ececec;
    column-rule-width: 1px;
    white-space: initial;
}

#nav li.level0.columns.category .column-wrapper:after,
#nav li.level0.columns.category .column-wrapper > ul.level0:after{content:none;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li{padding: 28px 22px; box-sizing: border-box; -moz-box-sizing: border-box; min-width: 0px; flex-grow: 1; flex-basis: 0;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li:hover a{color:#fe7701;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li a{ font-size: 0.85em; font-weight: 600; text-align: center;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li a span{width: auto;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li > a .cat-img{ min-height: 95px;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li > a .cat-img object{display: block; width: 66%; margin: auto; pointer-events: none;}
#nav li.level0.columns.category .column-wrapper > ul.level0 > li > a img{width: 100%;  margin-bottom: 13px;}

#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: 15px 0;}
#nav li.level0.columns.brands .column-wrapper > ul.level0 > li > a{border: none; margin-bottom: 0;}


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

#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.hide{display: none!important;}

#nav li.level0 > a{

    font-size: 0.92em!important;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 80px;
    padding: 0 9px;
    margin: 0 9px;
    display: inline-block;
    position: relative;
    position: relative;
    -webkit-transition: none;
    transition: none;
    letter-spacing: 2px;
}
#nav li.level0  a  span{font-size: 0.92em;}

#nav li.level0.parent:not(.hide-menu).mouse-out-period > a span:after,
#nav li.level0.parent:not(.hide-menu):hover > a span:after{
    content: '\f05b';
    bottom: -6px;
    line-height: 10px;
    left: 0;
    right: 0px;
    text-align: center;
    z-index: 9999;
    color: #fe7601;
}
#nav li.level0.mouse-out-period > a,
#nav li.level0:hover > a{
    background: #fe7701;
    color:#fff;
    /*-ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);*/
}
#nav li.level0.mouse-out-period > a > span,
#nav li.level0:hover > a > span{
    background: #fe7701;
    /*-ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg); */
    display: block;
}
/*#nav li.level0:hover > a:after{
    background: #fe7701;
    width: 100%;
    height: 100%;
}*/

/*#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{ background: #fff; color: #3A3A3A; }
}*/
/*#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: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:0 0 60px 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;
    margin-bottom: 15px;
    font-size: 1.2em;
    margin-bottom: 15px;
    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%; }

/* blog: tips */


.sidebar .posts.tips{display:block; margin: 0; font-size: 1em;}
.sidebar .posts.tips .post,
.sidebar .posts.tips .post:not(:first-of-type),
.sidebar .posts.tips .post:first-of-type{padding:10px 0; width: 100%;}

.sidebar .posts.tips .post a{height: 160px; }
.sidebar .posts.tips .post .caption{min-height: 45px; padding: 5px 25px;}

.sidebar h3.blog-tips-title{font-size: 1em;}
.sidebar h3.blog-tips-title:before{display:inline-block; margin: 0 10px 0 0; font-size: 16px;}


/* 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 { border-bottom:1px solid #ddd; 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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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 =============================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.category-title { padding:20px 0 20px; margin: 0; position: relative;}
.category-title h1 { color:#000; display: inline-block; background: #fff; padding-right: 15px; position: relative; z-index: 2; line-height: 1;}
.category-title:before{content: ''; height: 2px; background: #fe7701; position: absolute; top: 50%; margin-top: 0.5px; right: 0px; left: 0; z-index: 1;}
.category-image { width:100%; overflow:hidden; margin: 0; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px;  max-width: 825px; font-size: 1.063em;}
.category-description.wide{max-width: 100%;}
.category-description .left-cat-desc{float: left; width: 70%;}
.category-description .right-cat-desc{float: right; width: 30%;}
.category-description .right-cat-desc ul{list-style: none;}
.category-description .right-cat-desc ul a{font-size: 0.92em; font-weight: normal;}
.category-products {background: #fff;}
.category-products a {border: 0; }
.category-products .products-grid{background: #fff; position: relative; z-index: 2; clear: both;}



.category-top .image,
.category-top .image img { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0;}
.category-top .info { width: 100%; line-height: 1.8em; box-sizing: border-box; -moz-box-sizing: border-box; }
.category-top .has-image.has-description .category-title{margin-top: 0}
.category-top .logo{display: inline-block; vertical-align: top;} /*manufacturer logo */
.category-top .logo + .page-title{display: inline-block; vertical-align: top; width: auto;}

/* search bar category */

.form-search-catalog{
    height: 47px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 35px 0 0 0;
    width: 100%;
    padding-right: 290px;
    display: grid;
    grid-template-columns: 1fr 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
.form-search-catalog .input-form{height: 47px;  width: auto;  background: #e9e9e9; border-radius: 3px;}
.form-search-catalog .input-form input{
    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;
}
.form-search-catalog button{float: right;}
.form-search-catalog button.btn-clear-search{
    position: absolute;
    right: 350px;
    border-radius: 0 3px 3px 0;
    width: 55px;
    height: 100%;
    padding: 0 5px;
    /* background: #fecb29 url(https://www.crescent.fi/skin/frontend/crescent2/default/images/btn-remove-thin.png) center no-repeat; */
    background-size: 19px;
}
.form-search-catalog button.btn-clear-search:after{content: '\e117'; position: relative; font-size: 25px;}
.form-search-catalog button.btn-search,
.form-search-catalog button.btn-search:hover{padding: 0; background: none;}
.form-search-catalog button.btn-search:after{position: relative; content: '\e911'; color: #000; line-height: 47px; width: 55px; font-size: 21px; display: block; text-shadow: none;}

.catalogsearch-result-index .cat-search .page-title{display: none;}
.catalogsearch-result-index div.search-result-wrapper:not(.cat-search) .page-title{padding-right: 280px; box-sizing: border-box; -moz-box-sizing: border-box;}
.catalogsearch-result-index div.search-result-wrapper:not(.cat-search) {position: relative;}
.catalogsearch-result-index div.search-result-wrapper:not(.cat-search) .toolbar-top{top: 20px;}

/* col-1 */
.amshopby-index-index .category-top.has-description .image,
.col1-layout .category-top.has-description .image { width: 100%; padding-left: 5px; }
.amshopby-index-index  .category-top.has-image .info,
.col1-layout .category-top.has-image .info { width: 100%; float: left; padding-right: 5px; }

/* col-2 */
.main-container[class*="col2-"] .category-top.has-description .image { width: 100%; float: right; padding-left: 5px; }
.main-container[class*="col2-"] .category-top.has-image .info { width: 100%; float: left; padding-right: 5px; }

/* col-3 */
.col3-layout .category-top.has-description .image { width: 100%; }
.col3-layout .category-top.has-image .info { width: 100%; }






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

.products-grid { font-size: 0; margin: 0 -10px;}
.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; margin-bottom: 55px; 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;}
.products-grid li.item .product-image,
.products-grid li.item .product-image img { max-width: 100%; height: auto!important;}
.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 .image-wrapper{position: relative;}
.products-grid li.item .image-wrapper .quickview-link{width: 100%; font-size: 0.92em; position: absolute; bottom: 0; color: #fff; text-align: center; display: blocK; background: #000; background: rgba(0, 0, 0, 0.84); max-height: 0px; visibility: hidden; }
.products-grid li.item .image-wrapper .quickview-link span{padding: 7px; display: block;}
.products-grid li.item .image-wrapper:hover .quickview-link{max-height: 80px; visibility: visible;}
.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.crescent.fi/skin/frontend/crescent2/default/images/discount-badge.png') no-repeat;
    background-size: 60px auto;
}
.badge.new{
    background: url('https://www.crescent.fi/skin/frontend/crescent2/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-size: 1.1em;
    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;}
.circle.orange,
.ribbon.orange{ background: #fe7701;}

.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: -10px; line-height: 35px; min-width: 50px; font-size: 1em;}
.product-view .product-media .ribbon2:after{border-top-width: 17px; border-bottom-width: 18px;}

.ribbon2{padding: 0 10px 0 10px; left: -20px; font-size: 0.85em; line-height: 28px; min-width: 30px; max-width: 200px;}
.ribbon2:before{
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid #333;
    border-left: 10px 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: #53a0bf;}
.ribbon2.blue:after,
.ribbon2.new:after {
    border-top-color: #53a0bf;
    border-bottom-color: #53a0bf;
}
.ribbon2.blue:before,
.ribbon2.new:before {
    border-top-color: #37758E;
}



/* 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: #3E3E3E;}
.ribbon2.black:after{
    border-top-color: #3E3E3E;
    border-bottom-color: #3E3E3E;
}
.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;
}

/* Creme */
.ribbon2.orange{ background: #fe7701;}
.ribbon2.orange:after{
    border-top-color: #fe7701;
    border-bottom-color: #fe7701;
}
.ribbon2.orange:before{
    border-top-color: #b75500;
}



.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-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 { text-align: center; margin-top: 15px; /*position: relative;*/ }
.col-main .products-grid li.item .item-info .price-pusher { box-sizing: border-box; -moz-box-sizing: border-box; padding-bottom: 5px;}
.col-main .products-grid li.item .item-info .product-name { font-size: 1.1em; letter-spacing: 1.5px;}
.col-main .products-grid li.item .item-info .product-name a { font-size: 1em; color: #252525; }
.col-main .products-grid li.item .item-info .sub-category{font-size: 0.92em; color: #7b818f; text-transform: uppercase; letter-spacing: 2px;}
.col-main .products-grid li.item .item-info .brand-name { font-size: 1.071em; color: #838181; font-weight: 200; }
.col-main .products-grid li.item .item-info .brand-name a{color: #838181; font-weight: normal;}
.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 .partpayment-price{display: block; color: #fe7701; font-size: 1.06em;}
.col-main .products-grid li.item .item-info .partpayment-price .partpayment-info{display: none;}
.col-main .products-grid li.item .item-info .price-box .partpayment-price .price{padding: 0; color:#fe7701; font-size: 1em; vertical-align: initial;}
.col-main .products-grid li.item .item-info .price-box { margin: 0px; }
.col-main .products-grid li.item .item-info .price-box .price{font-size: 1.1em; color: #7b818f; display: inline-block; vertical-align: middle; padding-top: 8px;}
.col-main .products-grid li.item .item-info .price-box .rek{font-weight: bold; font-size: 0.85em; display: inline-block; vertical-align: middle; margin-top: 7px; margin-left: 5px;}
.col-main .products-grid li.item .item-info .premie{padding-top: 8px; color:#838383; display: inline-block; font-size: 0.892em; font-weight: normal; border-bottom: 1px solid #838383; position: relative;}
.col-main .products-grid li.item .item-info .premie:hover{opacity: 0.8;}
.col-main .products-grid li.item .item-info .premie:after{content: '\e903'; right: -15px; top: 10px; font-size: 0.92em;}
.col-main .products-grid li.item .item-info .premie:hover:after{right: -18px; }
.col-main .products-grid li.item .item-info .actions{margin: 10px 0; border: none; text-align: center;}
.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:hover{color:#000;}
.col-main .products-grid li.item .item-info .button-set .info{
    color: #fe7701;
    font-size: 0.92em;
    font-weight: bold;
    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;
}

/* 1 colums */

.col1-layout .products-grid li.item { width: 20%; }

/* 2 colums */

.main-container[class*="col2-"] .products-grid li.item { width: 33.3%; }


/* 3 colums */

.col3-layout .products-grid li.item { width: 33.3%; }


/* Tips */

.catalog-category-view .blog .post-wrapper{width: 100%;}
.catalog-category-view .blog h3{
    font-family: "brandon-grotesque", "UniversLTStd", "Open Sans", "Verdana", sans-serif;
    font-size: 15px;
    display: block;
    width: 100%;
    margin: 55px 0 45px 0;
    color: #403f3f;
    text-align: center;
    display: block;
}

.catalog-category-view .posts.tips .post,
.catalog-category-view .posts.tips .post:first-of-type{width: 33.33%;}
.catalog-category-view .posts.tips .post a{height: 300px;}

/********** 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;
    width: 100%;
    display: none;
}
.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);  }


/* 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 ================================= */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

/*.catalog-product-view .col1-layout .col-main{padding-top: 0;}*/

/* 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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/default/images/rating-stars-big.png) 0 0 no-repeat; display: block; margin-right: 3px;}
.stars.rating.active li label{background:url(https://www.crescent.fi/skin/frontend/crescent2/default/images/rating-stars-big.png) 0 100% no-repeat;}
.stars.rating li.active ~ li label{background:url(https://www.crescent.fi/skin/frontend/crescent2/default/images/rating-stars-big.png) 0 0 no-repeat;}
.stars.rating:hover li label{background:url(https://www.crescent.fi/skin/frontend/crescent2/default/images/rating-stars-big.png) 0 100% no-repeat!important;}
.stars.rating li:hover ~ li label{background:url(https://www.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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; }

.out-of-stock-notice{margin-top: 15px;}
.out-of-stock-notice a{text-decoration: underline; border: none;}

/* Quick View */
.catalog-category-view .MagicThumb-background {display: none!important;}
.quick-view-wrapper{position: fixed; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; padding: 5px; box-sizing: border-box;}
.quick-view-wrapper.static{position: absolute; top: 0; left:0; right: 0; margin: auto; width: auto; overflow: hidden;}
.quick-view-wrapper .product-view{padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; overflow-y:auto; -webkit-overflow-scrolling: touch;}
.quick-view-wrapper .product-view .product-shop .product-name{padding-bottom: 10px;}
.quick-view-wrapper .product-view .product-media{width: 60%;}
.quick-view-wrapper .product-view .product-shop{width: 40%;}
.quick-view-wrapper.show-form .product-view{overflow-y:visible;}
.quick-view-wrapper .product-essential{padding-bottom: 0; margin-bottom: 0;}
.quick-view-wrapper .product-essential:before{left: 50%;}
.quick-view-wrapper .loading{position: absolute; width: 100%; top: 0; bottom: 0; background: #fff url('https://www.crescent.fi/skin/frontend/crescent2/default/images/ajax-loader.gif') no-repeat center;}
.quick-view-wrapper .quick-view-content{position: relative; width: 1100px; height: 625px; background: #fff; z-index: 999; margin: auto; vertical-align: middle; top: 50%; margin-top: -313px; }
.quick-view-wrapper .quick-view-content .quickview-close-btn{position: absolute; top: 12px; right: 10px; cursor: pointer; z-index: 999;}
.quick-view-wrapper .quick-view-content .quickview-close-btn:after{content:'\e117'; position: relative; font-weight: bold; color: #888;}
.quick-view-wrapper .quick-view-content .quickview-close-btn;hover:after{color: #000;}



.quick-view-wrapper .quick-view-content .tabs{margin-top: 20px; position: relative; }
.quick-view-wrapper .quick-view-content .product-tabs{margin-bottom: 0; background: none; position: relative;  padding: 0; border-bottom: 1px solid #ccc; padding: 3px 0; width: 100%;}
.quick-view-wrapper .quick-view-content .product-tabs li{float: left; border: none; font-size: 1em; padding: 0;}
.quick-view-wrapper .quick-view-content .product-tabs li a{
    display: block;
    padding: 5px 7px;
    color: #000;
    font-size: 0.8em;
    text-transform: uppercase;
    background: none;
}
.quick-view-wrapper .quick-view-content .product-tabs li:first-of-type a{padding-left: 0;}
.quick-view-wrapper .quick-view-content .product-tabs > li:not(.content).active a:after{left: 0; right: 0; height: 2px; bottom: -4px; }
.quick-view-wrapper .quick-view-content .product-information .description {max-height: 125px; overflow-y: auto;}
.quick-view-wrapper .quick-view-content .product-tabs li.active:after{content: none;}
.quick-view-wrapper .quick-view-content .product-tabs-content{ height: 400px; padding: 0; margin-bottom: 0; overflow-y: auto; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }
.quick-view-wrapper .quick-view-content .product-tabs-content:not(#product_tabs_general2_contents){padding: 15px 0; }
.quick-view-wrapper .quick-view-content .product-tabs-content .add-to-cart{ margin-top: 20px; padding-top: 20px;}
.quick-view-wrapper .quick-view-content .product-tabs-content .block{background: #fff; padding: 0;}
.quick-view-wrapper .quick-view-content .product-tabs-content .block .block-title{display: none;}
.quick-view-wrapper .quick-view-content .product-tabs-content #product-attribute-specs-short-table .row{width: 100%; font-size: 0.85em; padding: 3px 10px 3px 0;}
.quick-view-wrapper .quick-view-content .product-tabs-content button.full{display: none;}
.quick-view-wrapper .quick-view-content #product_tabs_partpayment2_contents{font-size: 0.85em;}
.quick-view-wrapper .quick-view-content #product_tabs_partpayment2_contents .partpayment-table.data-table tbody td,
.quick-view-wrapper .quick-view-content #product_tabs_partpayment2_contents .partpayment-table.data-table tbody th{padding: 3px 3px 3px 0;}

.quick-view-wrapper .quick-view-content .product-tabs-content .order-form div[id*="_success_text"]{text-align: center;}


.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text h2{text-transform: uppercase; font-size: 1.1em; text-align: center; display: block;}
.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text ul{padding: 0px; margin: 0 -25px; background: #E8E8E8; padding: 5px 40px; margin-bottom: 22px; position: relative;}
.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text ul:before{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(232, 232, 235, 0);
    border-top-color: #E8E8EB;
    border-width: 15px;
    margin-left: -15px;

}
.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text ul li{width: 50%; float: left; text-align: left; text-transform: uppercase; font-size: 0.85em; font-weight: bold; list-style: disc; margin: 5px 0;}
.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text a{
    border: none;
    background: #fecb29;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.2em;
    padding: 7px;
    min-width: 150px;
    cursor: pointer;
    color: #000;
    display: inline-block;
}
.quick-view-wrapper .quick-view-content .product-tabs-content .order-form .webforms-success-text a:hover{
    background: #dbaf23;
    text-decoration: none;
}


.quick-view-wrapper .quick-view-content .product-options-heading{font-size: 0.75em;}
.quick-view-wrapper .quick-view-content .product-options .product-options-heading{margin-top: 10px;}
.quick-view-wrapper .quick-view-content .product-options {margin-top: 0px;}
.quick-view-wrapper .quick-view-content .product-options dd {margin-bottom: 12px;}
.quick-view-wrapper .quick-view-content .product-options dd .amconf-image-container.uses-title .amconf-image-title{font-size: 1em;}
.quick-view-wrapper .quick-view-content .product-options dd .request{margin: 15px 0 0;}

.quick-view-wrapper ~ div .MagicThumb-expanded{position: absolute!important;}
.catalog-category-view .quick-view-wrapper ~ .MagicThumb-expanded{position: fixed!important}
.catalog-category-view .quick-view-wrapper ~ .MagicThumb-expanded > div {margin-top: -30px!important;}
.catalog-category-view .quick-view-wrapper ~ .MagicThumb-expanded > div:first-child {min-height: 100%; margin-top: 0!important;}

.catalog-category-view .MagicThumb-expanded{
    width: 1100px!important;
    left: 50%!important;
    margin-left: -550px!important;
    height: 654px;
    top: 50%!important;
    /*margin-top: -350px!important;*/
    margin-top: -350px!important;
    border: none!important;
}
.catalog-category-view .quick-view-wrapper ~ .MagicThumb-expanded img {
    background: #FFF;
    max-height: 700px!important;
    width: auto!important;
    max-width: 100%;
    text-align: center;
    margin: auto!important;
}

.quick-view-content .product-view .product-img-box,
/*.quick-view-content .product-view .product-shop{width: 50%; padding: 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: left;}*/
.quick-view-content .product-view .product-img-box{max-height: 622px; overflow: auto;}
.quick-view-content .product-view .product-shop .go-to-product{display: block; color: #171716; text-transform: uppercase; border-bottom: 1px solid #dddcdc; padding-bottom: 10px;}
.quick-view-content .product-view .product-shop .go-to-product:hover{text-decoration: none;}
.quick-view-content .product-view .product-shop .product-information{width: 100%; max-width: 100%;}
.quick-view-content .product-view .product-shop .product-title{ margin:0px; float:none; font-size: 1em; margin-bottom: 20px; font-size: 1em;}
.quick-view-content .product-view .product-shop .description{font-size: 0.85em; margin-top: 0px;}
.quick-view-content .product-view .product-shop .form-rating .btn-rating{width: 20px; float: left; height: 19px;}


.quick-view-content .product-view .products-grid{margin: 0;}
.quick-view-content .product-view .header-divider h2{font-size: 1em; color: #000; line-height: 1.8em;}

.quick-view-content .product-view .list-controlls{padding: 0; margin: 0;}
.quick-view-content .product-view .product-wrapper .title h2{padding:15px 0 0 0;}
.quick-view-content .product-view .product-wrapper .title:after{content: none;}
.quick-view-content .product-view .products-grid {border: 1px solid #e2e2e1; border-width: 0 0 1px 1px;}
.quick-view-content .product-view .products-grid:after{content: '.'; display: block; height: 0; visibility: hidden; clear: both;}
.quick-view-content .product-view .products-grid li.item{margin: 0!important; padding: 0!important; width: 33.33%!important; position: relative; overflow: hidden;}
.quick-view-content .product-view .products-grid li.item .item-inner{padding-top: 0;}
.quick-view-content .product-view .products-grid li.item .item-inner{border-color: #e2e2e1; border-width: 0 1px 0 0;}
.quick-view-content .product-view .products-grid .product-image{padding: 0;}
.quick-view-content .product-view .product-name a{color:#fe7701; }
.quick-view-content .product-view .product-name a:hover{text-decoration: underline }


.quick-view-content .product-view .products-grid .view-info{display: block; height: 25px; width: 100%; background:#737373 url('https://www.crescent.fi/skin/frontend/crescent2/default/images/icon-arrow-up.gif') no-repeat center;}
.quick-view-content .product-view .products-grid .item-info{
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    width: 100%;
    line-height: 1em;
    margin:0;
    background: #2d2d2c;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}
.quick-view-content .product-view .products-grid .view-info:hover{background: none; position: relative; z-index: 2}
.quick-view-content .product-view .products-grid .view-info:hover ~ .item-info{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}


/* Product View */

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

/* Product Shop */

.catalog-product-view .breadcrumbs{margin-bottom: -15px; position: relative; z-index: 101;}
.product-view .product-essential form{display: flex; display: -webkit-flex; display: -ms-flexbox;}
.product-view .product-shop {display: block; position: relative; float:right; width:35%; box-sizing: border-box; -moz-box-sizing: border-box; }

.product-view .product-shop .brand-name{   text-transform: uppercase; color: #000; font-size: 1.2em; font-weight: normal; position: relative;}
.product-view .product-shop .brand-name a{ color: #000; font-size: 1em; padding-bottom: 0; }
.product-view .product-shop .product-name { position: relative; text-align: left; margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1;}
.product-view .product-shop .product-name h1{ color: #fe7701; margin: 15px 0; font-size: 2.438em; line-height: 1; letter-spacing: 0; background: #fff; display: inline-block; background: #fff; padding-right: 15px; position: relative; z-index: 2;}

.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 .product-description{width: 70%;}
.product-view .product-shop .product-info{width: 100%; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box;}
.product-view .product-shop .product-info .info-wrapper{text-align: left;}
.product-view .product-shop .description { font-size: 1em; line-height: 1.8em; clear: both;}


.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 .add-to-links li.compare:after { content: '\f177'; left: 0px; top: 5px;}

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

.product-shop .price-wrapper { margin:0; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1;}
.product-shop .regular-price-wrapper{/*float: right;*/}
.product-shop .regular-price-wrapper .total-label{ font-size: 0.70em; text-align: right; text-transform: uppercase; color: #86868a;}
.product-shop .price-box{ margin: 0px; padding: 0 0 10px 0; box-sizing: border-box; -moz-box-sizing: border-box;}
.product-view .product-shop .price{font-size: 0.85em; display: block; vertical-align: middle; color:#414141!important; font-weight: bold; text-align: right;}
.product-view .product-shop .special-price{display: inline-block;}
.product-view .product-shop .old-price .price{color: #7b818f!important;}
.product-view .product-shop .rek{font-size: 0.92em; display: inline-block; vertical-align: middle; margin-left: 15px; font-weight:600;}
.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 .partpayment-price {display: inline-block;}
/*.product-view .product-shop .partpayment-price .price,*/
.product-view .product-shop .price,
.product-view .product-shop .partpayment-price .price-text{ font-family: "UniversLTStd-UltraCn", "Source Sans Pro", "Open Sans", "Verdana", sans-serif;}
.product-view .product-shop .price,
.product-view .product-shop .partpayment-price .price{font-size: 2.500em; font-weight: bold;  display: inline-block; vertical-align: middle;}
.product-view .product-shop .partpayment-price .price-text{font-size: 1.688em; font-weight: bold;  display: inline-block; vertical-align: middle; margin-left: 7px;}
.product-view .product-shop .partpayment-price .price-text span{font-size: 1.1em;}
.product-view .product-shop .partpayment-price .partpayment-info:after{ content: '\f059'; cursor: pointer; position: relative; color: #9c9c9c; font-size: 17px; vertical-align: middle; padding-left: 10px;}
.product-view .product-shop .partpayment-desc{font-size: 0.775em; color: #8f8f8f; letter-spacing: 1px;}
.product-shop .product-options-bottom .price-box { float:none; margin:0; display: none; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }

.product-view .product-shop .premie {font-size: 0.813em; color: #838383; margin-top: 10px;}
.product-view .product-shop .premie .price{display: inline-block; color: #838383!important; vertical-align: middle; font-size: 1em;}
.product-view .product-shop .premie .price + div{display: inline-block; vertical-align: middle;}
.product-view .product-shop .premie .price + div a{color: #838383; margin-left: 10px; text-decoration: underline; font-weight: normal;}



.product-view .product-shop .availability { color:#6D6D6D; margin-top: 3px; padding: 0px; clear: both; }
.product-view .product-shop .availability:after { font-size: 1em; color: #000; margin-left: 5px; margin-top: 1px; }
.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 .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: #B9B9B9; 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.crescent.fi/skin/frontend/crescent2/default/images/stock-arrow.png'); position: absolute; left: -6px; }


/* Product Images */
.product-view .product-media { width: 65%; 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 {text-align: center;}
.product-view .product-img-box .more-views{margin: 10px auto 15px auto; text-align: center; display: inline-block;}
.product-view .product-img-box .more-views ul {}
.product-view .product-img-box .more-views li { float:left; }
.product-view .product-img-box .more-views li:not(:last-of-type) { margin-right: 10px; }
.product-view .product-img-box .more-views li a { float:left; border:1px solid #e1e1e1; overflow:hidden; }

.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: #d1d1d1; border-radius: 50%;  border: none;}
.product-view .product-img-box .product-image .flex-control-nav li a.flex-active{background: #555555;}

/* Add to Links */
.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 .add-to-cart{margin-top: 35px; padding-top: 30px; border-top: 1px solid #e1e1e1;}

.add-to-cart .qty {display: none;}
.add-to-cart button.button { padding: 0 25px; line-height: 55px; height: 55px; width: 100%; font-size: 1em;}
.add-to-cart button.button:disabled{background: #b7b3af!important;}
.add-to-cart .out-of-stock-notice{
    background: #fe7701;
    margin-top: 0px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}
.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; }

/* Store locator */

.store-locator-btn{margin-top: 10px; font-size:1.063em; padding-left: 25px; cursor: pointer;}
.store-locator-btn:hover{color: #fe7701;}
.store-locator-btn:after{content: '\e908'; left: 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 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;}
.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 */


/* 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; min-width: 23px; text-align: left;}
.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; /*padding-left: 30px;*/ box-sizing: border-box; -moz-box-sizing: border-box; position: relative; margin-bottom: 0;}
/*.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: "\e920";
    color: #b2b2b2;
    line-height: 23px;
    margin-left: 15px;
    font-size: 1.063em;
}
/*Detta är radiobutton*/
/*.amconf-size .amconf-image-title:before{content: '\e923'; left:0; color: #464646;  line-height: 23px; padding-top: 1px;}*/
/*.amconf-size .amconf-image-title.outofstock::before{color: #ccc;}*/
/*.amconf-size .amconf-image-container.selected .amconf-image-title:not(.outofstock):before{content: '\e921'; color: #fe7701;}*/
.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: 35px;
    line-height: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: nowrap;
    font-family: "Source Sans Pro", "Open Sans", "Helvetica";
    font-size: 0.875em;
}

/*.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 + .product-options > dl:first-of-type{display: none;}
.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 img{width: 80px; height: auto;}
.alt-colors img{width: 80px; height: auto;}

.alt-colors a img{padding: 3px;}
.alt-colors a{position: relative;}
.alt-colors a.selected img{border-bottom: 2px solid #000; 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-heading{ margin: 20px 0 15px 0; font-size: 0.85em; 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-options-bottom {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;}



.electrical-sticker{display:table; position: relative; width: 90px; height: 90px; font-size: 0.813em; background: #fe7701; border-radius: 50%; text-align: center; color: #fff; margin: auto; margin-top: 30px; cursor: pointer;}
.electrical-sticker a:after{content: ''; width: 82px; height: 82px; position: absolute; top: 3px; left: 3px; border: 1px solid #fff;  border-radius: 50%;}
.electrical-sticker a{display: table-cell; vertical-align: middle; color: #fff; border: none;}
/* 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; color: #7b818f!important;}
.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: #000!important; 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;}

/* bottom links */
.add-to-links li{line-height: 24px;}
.product-view .add-to-links li.compare:after { content: '\f177'; left: 0px;  font-size: 12px; line-height: 24px; color: #fe7701;}
.product-collateral {position: relative;}
.product-collateral .bottom-links{position: absolute; right: 0px;  top: 13px;}
.product-collateral .bottom-links > *{display: inline-block; vertical-align: middle;}
.product-collateral .bottom-links a{font-size: 0.688em; padding-left: 14px;}
.product-collateral .bottom-links a .share-text{padding-left: 17px; position: relative;}
.product-collateral .bottom-links a.addthis_button_email .share-text:before{content: '\e74d'; color: #fe7701; left:0px;}
.product-collateral .bottom-links a.addthis_button_print .share-text:before{content: '\e03b'; color: #fe7701; left:0px;}
.product-collateral .bottom-links a:hover{opacity: 0.8;}

.product-collateral .bottom-links .compare .add-text,
.product-collateral .bottom-links .compare.active .remove-text{display: inline;}

.product-collateral .bottom-links .compare.active .add-text,
.product-collateral .bottom-links .compare .remove-text{display: none;}

.compare-header:hover{background: #dcdcdc;}
.compare-header{
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    vertical-align: bottom;
    background: #e1e1e1;
    color: #fe7701;
    padding: 0 17px;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    display: none;
}
.compare-header.full{display: block;}

.compare-header .count{font-weight: normal;}
.compare-header .icon:after { content: '\f177'; position: relative; left: 0px;  font-size: 15px; line-height: 24px; color: #fe7701;}


/* Product Tabs */
.product-tabs {
    line-height: 1.25;
    font-weight: normal;
    padding-right: 200px;
}
.product-tabs > li:not(.content) { float:left; font-size: 1.188em; padding: 0px 20px;}
.product-tabs > li.content{display: none;}
.product-tabs > li:not(.content):first-child{padding-left: 0;}
.product-tabs > li:not(.content).active{position: relative;}
.product-tabs > li:not(.content) a { display:block; padding: 20px 0px; color:#767575; font-size: 0.92em; font-weight: 700; text-transform: uppercase; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;}
.product-tabs > li:not(.content).active a:after{content:''; height: 4px; background: #fe7701; position: absolute; bottom: -4px; left: -6px; right: -6px; z-index: 1;}
.product-tabs > li:not(.content):first-child a{ }
.product-tabs > li:not(.content).active a { color: #000; }


.product-tabs-content{padding:50px 0; line-height: 1.8em;  position: relative;}
/*.product-tabs-content:before{content: ''; position: absolute; left: -300%; right: 100%; top: 0; background: #e9e9e9; height: 100%;}
.product-tabs-content:after{content: ''; position: absolute; right: -300%; left: 100%; top: 0;background: #e9e9e9; height: 100%;}*/
.product-tabs-content > h2 { display:none; font-size: 1.091em; font-weight:bold; }
.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-content .block{background: #e9e9e9; padding: 40px 50px; margin-top: 35px; line-height: 1.8em;}
.product-tabs-content .block:first-of-type{margin-top: 0;}
.product-tabs-content .block .block-title h3{font-size: 1.188em;}
.product-tabs-content .block .block-content{padding: 0;}
.product-tabs-content .block .block-content  button.button{margin-top: 40px;}

#product_tabs_related_contents{padding: 0;}
[id^="product_tabs_overview_contents"]{display: flex; display: -webkit-flex; display: -ms-flexbox;}
[id^="product_tabs_overview_contents"] .left-col{width: 55%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box;}
[id^="product_tabs_overview_contents"] .right-col{width: 45%;}
[id^="product_tabs_overview_contents"] #product-attribute-specs-short-table .row{width: 100%;}
[id^="product_tabs_overview_contents"] .home-page-title{font-weight: normal}
[id^="product_tabs_overview_contents"] .std{margin-bottom: 30px;}
[id^="product_tabs_overview_contents"] .puffs .puff{margin-bottom: 30px;}
[id^="product_tabs_overview_contents"] .puffs img {float: left; padding-right: 10px; padding-bottom: 10px;}
[id^="product_tabs_overview_contents"] .puffs p ~ *{overflow: hidden;} /* Prevents text wrap around image */

#product_tabs_description_custom_pos_contents,
#product_tabs_description_custom_pos{display: none!important; height: 0; overflow: none; visibility: hidden;}

#product-attribute-specs-short-table{
    display: flex;
    display: -webkit-flex; display: -ms-flexbox;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 700px;
}
#product-attribute-specs-short-table .row {
    line-height: 1;
    min-height: 35px;
    display: table-row;
    padding: 5px 10px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
}
#product-attribute-specs-short-table .row .row-item{display: table-cell;}
#product-attribute-specs-short-table .row .row-header{min-width: 202px; max-width: 40%; font-weight: 300; padding-right: 15px; box-sizing: border-box; -moz-box-sizing: border-box; color: #666767;}
#product-attribute-specs-short-table .row .row-value{max-width: 60%; width: auto; /*word-break: break-all;*/}


/* Product Tab: Delbetalning */
.partpayment-table{ margin-bottom: 15px;}
.partpayment-table.data-table tbody th{padding-left: 0;}

/* Product Tab: Attribut */
#product-attribute-specs-table{display: table; width: 100%;}
#product-attribute-specs-table .row{display: table-row;}
#product-attribute-specs-table .row:nth-child(odd){background-color: #ececec;}
#product-attribute-specs-table .row .row-item{display: table-cell; padding: 15px 30px;}
#product-attribute-specs-table .row .row-header{display: table-cell; font-weight: 300; color: #666767;}


.product-view .product-wrapper{margin-top: 30px;}
/*#product_tabs_additional_contents .data-table tr.odd,
#product_tabs_additional_contents .data-table tr.even{
    background: none;
}

#product_tabs_additional_contents .data-table th,
#product_tabs_additional_contents .data-table td{padding: 5px;}*/

/* Product Tab: Geometry */
#geometry-image{width: 45%; padding-right: 5px; box-sizing: border-box; -moz-box-sizing: border-box;}
#geometry-image img{max-width: 100%;}
#geometry-table{width: 55%; padding-left: 5px; box-sizing: border-box; -moz-box-sizing: border-box;}
#geometry-table.data-table tbody th{padding-right: 25px; color: #868686; text-transform: uppercase; }
#geometry-table.data-table.data-table thead,
#geometry-table.data-table.data-table thead tr{background: none; font-size: 0.92em;}
#geometry-table.data-table.data-table thead td{padding: 12px;}
#geometry-table.data-table.data-table tbody tr.odd {background: #fff;}
#geometry-table.data-table.data-table tbody tr.even { background: #e9e9e9; }
#geometry-table.data-table.data-table tbody th,
#geometry-table.data-table.data-table tbody tr{ border:none;}
#geometry-table.data-table.data-table tbody tr:hover{background: #f9f5f1;}
#geometry-table.data-table.data-table tbody tr td:first-child{font-size: 0.8em;}
#geometry-table.data-table.data-table tbody tr td{color: #000; border: none;}


/* PRoduct tab: Linked Content */
.product-tabs-content .link-wrap,
[id^="product_tabs_linked_content_contents"] .link-wrap{margin-bottom: 30px;}
.product-tabs-content .link-wrap .story,
[id^="product_tabs_linked_content_contents"] .link-wrap .story{border-bottom: 1px solid #a0a0a0;}
.product-tabs-content .link-wrap .story:first-of-type,
[id^="product_tabs_linked_content_contents"] .link-wrap .story:first-of-type{border-top: 1px solid #a0a0a0;}
.product-tabs-content .link-wrap .story a,
[id^="product_tabs_linked_content_contents"] .link-wrap .story a{
    color: #403f3f;
    border-bottom: 0;
    font-weight: 400;
    padding: 0 8px;
    display: inline-block;
}
.product-tabs-content .link-wrap .story a:hover,
[id^="product_tabs_linked_content_contents"] .link-wrap .story a:hover{font-weight: bold;}
.product-tabs-content .link-wrap .story:before,
[id^="product_tabs_linked_content_contents"] .link-wrap .story:before{
    content: '\ea42';
    position: relative;
    display: inline-block;
    color: #fe7701;
    vertical-align: middle;
    font-weight: 200;
    top: -1px;
}
.product-tabs-content .home-page-title,
[id^="product_tabs_linked_content_contents"] .home-page-title {text-align: left; vertical-align: middle; display: inline-block; margin: 0 0 15px 0;}
.product-tabs-content .cms-pages-title:before,
[id^="product_tabs_linked_content_contents"] .cms-pages-title:before{
    content: '\f059';
    position: relative;
    font-size: 25px;
    color: #3d3f43;
    font-size: 15px;;
}

.product-tabs-content .home-page-title:before,
[id^="product_tabs_linked_content_contents"] .home-page-title:before{display: inline-block; margin:0 15px 0 0; font-size: 18px; vertical-align: middle;}

.product-tabs-content h3.blog-tips-title:before,
[id^="product_tabs_linked_content_contents"] h3.blog-tips-title:before{text-align: left;}

/* 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; }

/* 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: 10px 5px; box-sizing: border-box; -moz-box-sizing: border-box;}
div[class*="-wrapper-modal"] .stock-content{margin: auto; background: #fff; width: 700px; max-width: 100%; position: relative; z-index:2; text-align: left;}
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 #c3c2c2; padding: 13px 25px;}
div[class*="-wrapper-modal"] .stock-content .menu-line .h3{ color: #fe7701; 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;}
div[class*="-wrapper-modal"] .stock-content .top-row label.stock-label{display: block; font-size: 0.85em; color: #000; padding-bottom: 2px;}
div[class*="-wrapper-modal"] .stock-content .top-row .product .name{display: block; font-size: 0.85em; color: #676666; font-weight: bold; text-transform: uppercase; padding: 12px 0;}
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;}
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: #000; background: #dadada; line-height: 30px; letter-spacing: 1.3px; border-top: 1px solid #b8b8b8;}
#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 li.store,
div[class*="-wrapper-modal"] .stock-content li.store{padding: 11px 35px 11px 25px; background: #e9e9e9; position: relative; text-align: left; font-size: 0.88em; display: -webkit-flex; display: -ms-flexbox; display: flex;  border-top: 1px solid #b8b8b8; align-items: center;}
#shipping-methods-block li.store{padding: 11px 15px 11px 25px;}
#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; color: #000;}
div[class*="-wrapper-modal"] .stock-content li.store .info{color: #555454; 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: '';
    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{background: #3cb878;}
li.store .quantity.out-of-stock:after{background: #ff0000;}
li.store .quantity.few-left:after{background: #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: #fe7701;}


#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;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 0.92em;
    box-shadow: 0px 0px 11px #4c4c4c;
    border-radius: 4px;
}


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

#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: #d3d3d3; text-align: 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{opacity: 0.5;}
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:disabled:hover{background: #d3d3d3; 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; color: #000; text-shadow: -3px 0 #d3d3d3, 0 3px #d3d3d3, 3px 0 #d3d3d3, 0 -3px #d3d3d3; }
div[class*="-wrapper-modal"] .stock-content li.store button.btn-store-add:after{
    content: '\e91e';
    position: relative!important;
    font-size: 20px;
    text-align: center;
    margin: auto;
    color: #000;
}
div[class*="-wrapper-modal"] .stock-content li.store .store-check.disabled{background: #dedede; 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; align-items: center; justify-content: center;}
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: #fe7701; background: #fff;}
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: #fe7701;}


div[class*="-wrapper-modal"] .added-to-cart-view{padding: 50px; text-align: center;}
div[class*="-wrapper-modal"] .added-to-cart-view h3{color: #fe7701;}
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;}
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;}
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: 2000px; }

#resursbank-checkout-shipping-information{display: none;}

/*cart popup */
.cart-store-select-wrapper-modal .selected-label{margin: 30px 0 10px 0; padding-left: 20px;}
.cart-store-select-wrapper-modal li.store{background: none; /*padding: 10px 7px;*/ cursor: pointer;}
.cart-store-select-wrapper-modal li.store{background: none; /*padding: 10px 7px;*/ cursor: pointer;}
.cart-store-select-wrapper-modal li.store.disabled{opacity: 0.5; cursor: default; background: #f7f7f7;}
.cart-store-select-wrapper-modal li.store:not(.selected):hover{background: #e8e8e88c;}
.cart-store-select-wrapper-modal .selected.store {cursor: default;}
.cart-store-select-wrapper-modal .selected.store .info{position: relative;}
.cart-store-select-wrapper-modal li.store .select{
    text-align: right;
    position: relative;
    padding-right: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 0;
    color: #797979;
    font-size: 0.92em;
    position: relative;
    padding-right: 15px;
}

.cart-store-select-wrapper-modal li.store:not(.disabled).loading:hover .select{color: #f2f2f2;}
.cart-store-select-wrapper-modal li.store.loading .select{color: #e9e9e9;}
.cart-store-select-wrapper-modal li.store.loading .select:after {
    content: " ";
    display: block;
    width: 14px;
    height: 14px;
    margin: 1px;
    border-radius: 50%;
    border: 2px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    z-index: 4;
}

.cart-store-select-wrapper-modal li.store .select:after{
    content: '\e903';
    position: absolute;
    right: 0px;
    top: 2px;
}
.cart-store-select-wrapper-modal li.store:not(.disabled):hover .select{color:#fe7701;}


@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

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

/*home page */

.cms-index-index .messages + .block-after-slider{ top: 71px;}
.cms-index-index .header-container.singlerow + .main-container{padding: 0;}



[class*="inspiration"] .header-container.scrolled .logo .white-logo,
.cms-index-index .header-container.scrolled .logo .white-logo{display: none;}
[class*="inspiration"] .header-container.scrolled .logo img:not(.white-logo),
.cms-index-index .header-container.scrolled .logo img:not(.white-logo){display: block;}
[class*="inspiration"] .header-container:not(.scrolled) .logo .white-logo,
.cms-index-index .header-container:not(.scrolled) .logo .white-logo{display: block;}
[class*="inspiration"] .header-container:not(.scrolled) .logo img:not(.white-logo),
.cms-index-index .header-container:not(.scrolled) .logo img:not(.white-logo){display: none;}


.cms-index-index .awis-block{margin-top: 0px; position: relative; max-height: 640px; overflow: hidden;}
.cms-index-index .awis-block .item{max-height: 640px; overflow: hidden;}
.cms-index-index .awis-block a.flex-next:after{font-size: 50px;}
/*.cms-index-index .awis-block:after{
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom,  rgba(0, 0, 0, 0.82) 0%, transparent 100%);
    height: 55%;
    width: 100%;
    top:0;
    position: absolute;
    content: '';
}*/
.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;
    white-space: nowrap;
    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 h2{font-size: 3.6em; margin-bottom: 0; font-family: UniversLTStd-UltraCn; font-weight: normal;}
.awis-block .awis-block-inner .caption h3{font-size: 3.6em; margin-bottom: 0; font-family: UniversLTStd-UltraCn; font-weight: normal;}
.awis-block .awis-block-inner .caption h4{font-size: 3em; margin-bottom: 0;}
.awis-block .awis-block-inner .caption h5{font-size: 2.5em; margin-bottom: 0;}
.awis-block .awis-block-inner .caption a{
    opacity: .9;
    display: inline-block;
    margin-top: 15px;
    font-size: 0.65em;
    text-shadow: none;
}

.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;
}

/* Hitta Inspiration / Find Inspiration */

.cms-index-index .col-main .inspiration {font-family: "brandon-grotesque", "Source Sans Pro", "Open Sans", "Verdana", sans-serif; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; margin: 0 30px 90px 30px; position: relative;}
.cms-index-index .col-main .inspiration .inspiration-nav{max-width: 100%; text-align: center; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box;}
.cms-index-index .col-main .inspiration .inspiration-nav .label{display: none;}
.cms-index-index .col-main .inspiration .inspiration-nav li{display: inline-block; cursor: pointer; font-weight: 600}
.cms-index-index .col-main .inspiration .inspiration-nav li:not(:last-child){padding-right: 30px;}
.cms-index-index .col-main  .inspiration .inspiration-nav li.active {color: #fe7701;}
.cms-index-index .col-main .inspiration .inspiration-nav li.active span{position: relative; padding: 10px 0; display: block;}
.cms-index-index .col-main .inspiration .flex-control-nav{display: none;}
.cms-index-index .col-main .inspiration .inspiration-nav li.active span:after {
    content: '';
    position: absolute;
    height: 1px;
    background: #fe7701;
    bottom: 0;
    left: -5px;
    right: -5px;
}
.cms-index-index .inspiration {position: relative;}
.cms-index-index .inspiration .categories
{
    /*display: flex;*/
    /*align-items: center;*/
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
    text-align: center;
}

.cms-index-index .inspiration .categories .category{ float:left; width: 25%; /*padding: 0 10px;*/ overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 40px; }
.cms-index-index .inspiration .categories .category a{border-bottom: 0; padding: 0 10px; display: block;}
.cms-index-index .inspiration .categories .category img{max-width: 100%;}
.cms-index-index .inspiration .categories .category .name{color: #000; text-align: center; display: block; font-weight: 400; margin-top: 10px;}
.cms-index-index .inspiration .flex-next, .cms-index-index .inspiration .flex-prev{opacity: 1;}
.cms-index-index .inspiration .flex-next{right: -30px;}
.cms-index-index .inspiration .flex-prev{left: -30px;}
.cms-index-index .flex-direction-nav a:after{line-height: 50px; padding: 10px 0;}
.cms-index-index .flex-direction-nav a.flex-next:after{text-align: right;}
.cms-index-index .flex-direction-nav a.prev:after{text-align: left;}



/* blog tips */

h3.home-page-title{font-family: "brandon-grotesque", "UniversLTStd", "Open Sans", "Verdana", sans-serif; font-size: 1em; display: block; width: 100%; margin: 55px 0 45px 0; color: #403f3f; text-align: center;}
.about-news:not(.no-news) h3.home-page-title{text-align: left;}


h3.blog-tips-title:before{
    content:'\e917';
    display: block;
    text-align: center;
    position: relative;
    font-size: 30px;
    color: #3d3f43;;
    margin-bottom: 15px;

}
.posts.tips {font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -10px;}
.posts.tips .post{display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; position: relative;}
.posts.tips .post a{display: block; overflow: hidden; height: 360px; position: relative;}
.posts.tips .post .videoWrapper iframe{height:360px; width: 100%;}
.posts.tips .post .videoWrapper{position: relative;}
.posts.tips .post .videoWrapper:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;;
}
.posts.tips .post:first-of-type{width: 50%; }
.posts.tips .post{width: 25%;}
.posts.tips .post .image {padding: 0; height: 100%;}
/*.sidebar .posts.tips .post .image img{ max-width: 100%;}*/
.posts.tips .post .image img{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.posts.tips .post .caption{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: #2f2f2f; font-size: 16px; padding: 10px 25px; min-height: 65px; display: table; opacity: 0.9; box-sizing: border-box; -moz-box-sizing: border-box;}
.posts.tips .post .caption h2{font-size: 0.92em; color: #fff; display: table-cell; vertical-align: middle; font-weight: 600; font-family: "brandon-grotesque", "Open Sans", "Verdana", sans-serif;}
.posts.tips + .button-wrapper{text-align: center; margin:10px 0 10px 0; padding-bottom: 50px; border-bottom: 1px solid #e6e6e6;}

/* Featured categories */

h3.featured-cat-title{margin: 35px 0 25px 0;}
h3.featured-cat-title p{margin-bottom: 0;}



/* news & about */

.about-wrapper,
.news-wrapper{float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box;}
.news-wrapper{padding-left: 20px;}
.about-wrapper{padding-right: 20px;}
.news-wrapper .news,
.about-wrapper p{min-height: 150px; margin-bottom: 20px;}

.about-news.no-news .news-wrapper{display: none;}
.about-news.no-news .about-wrapper{width: 100%; text-align: center;}
.about-news.no-news .about-wrapper p{min-height: 0px; max-width: 800px;  margin: 0 auto 20px auto;}
.about-news button.button{min-width: 235px; max-width: 100%;}

.news-wrapper .news .story{ border-bottom: 1px solid #e6e6e6; position: relative;}
.news-wrapper .news .story:last-child{border-bottom: 0;}
.news-wrapper .news .story:first-child a{padding-top: 0;}
.news-wrapper .news .story a{color: #403f3f; border-bottom: 0; font-weight: 400;  padding: 15px 8px 15px 25px; display: inline-block; position: relative;}
.news-wrapper .news .story:first-child:before{margin-top: -16px;}
.news-wrapper .news .story:before{content:'\ea42'; display: inline-block; color: #fe7701; vertical-align: middle; font-weight: 200; top: 50%; margin-top: -8px;}


h3.blog-news-title:before{
    content:'\e918';
    display: block;
    position: relative;
    font-size: 25px;
    color: #3d3f43;;
    margin-bottom: 15px;

}

h3.about-title:before{
    content:'\e916';
    display: block;
    position: relative;
    font-size: 25px;
    color: #3d3f43;;
    margin-bottom: 15px;

}


.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.show-nav-const .flex-next,
.awis-block.show-nav-const .flex-prev{
    opacity: 1;
    line-height: 57px;
    height: 60px;
    width: 35px;
    margin-top: -30px;
    padding: 0 20px;
}
.awis-block.show-nav-const .flex-next:after,
.awis-block.show-nav-const .flex-prev:after{
    padding: 0;
    position: relative;
    display: inline-block;
    color: #fff;
}
.awis-block.show-nav-const .flex-disabled{display: none;}

.awis-block.show-nav-const .flex-control-nav{bottom: 5px;}
.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;
}



@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 {position: absolute; bottom: -10px; left: 0; right: 0; text-align: center;}
.flex-control-nav li {display: inline-block; margin: 0 3px;}
.flex-control-nav li a{width: 10px; height: 10px; display: block; text-decoration: none; border: none; border-radius: 30px; padding-bottom: 0; background: none; border: 1px solid #fff;}
.flex-control-nav li a.flex-active{width: 10px; height: 10px; border: 1px solid #fff; background: #fff;}
/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================== 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{font-size: 0.92em;}
.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;
}
.table-price{min-width: 100px;}


.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;}


.opc-main.active .label,
.klarnacheckout-main.active .label{background: url('https://www.crescent.fi/skin/frontend/crescent2/default2/images/neatklarnacheckout/radiobtn-checked.png') no-repeat left center; cursor: pointer;}
.opc-main .label,
.klarnacheckout-main .label{display: block; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding: 15px 15px 15px 50px; border: 1px solid #C5C5C5; border-width: 1px 0; cursor: pointer; background: url('https://www.crescent.fi/skin/frontend/crescent2/default2/images/neatklarnacheckout/radiobtn.png') no-repeat left center; line-height: 20px;}
.opc-main .label{border-top: 0px;}

.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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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; background: #DFB7B7; color: #8C1D1D; position: relative; z-index: 997;}
.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; }

/*resurs */

.resursbank-checkout-index-index h2:not(.product-name){font-size: 1.3em; color:#fe7701;}
#terms h2 {display: none; margin: 0; padding: 0;}


/* 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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/default/images/btn_remove.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }

/* Checkout Agreements */
.checkout-agreements .agree { margin:0; padding:10px 0; }
.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
{
    font-weight: bold;
    color: #000;
}

.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.crescent.fi/skin/frontend/crescent2/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;}
.my-wishlist + .buttons-set .share-link input.input-text:focus{font-weight: 200;}


#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.crescent.fi/skin/frontend/crescent2/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.crescent.fi/skin/frontend/crescent2/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-container:before{
    content: "";
    display: block;
    height: 25px;
    background-image: url(https://www.crescent.fi/skin/frontend/crescent2/default/images/race-pattern.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    position: absolute;
    top: -25px;
    left: 0;
}
.footer-container
{
    margin-top: 25px;
    position: relative;
    height: auto !important;
    width: 100%;
    background: #303b43;
    color:#656565;
    padding: 30px 0 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.cycleurope-logos-wrapper{
    border-top: 1px solid #ececec;
    /*background: #f5f5f5;*/
    margin-top: 40px;
}
.cycleurope-logos{
    max-width: 1450px;
    width: 100%;
    margin: auto;
    text-align: center;
    align-items: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 40px 50px;
}
.cycleurope-logos > *{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    justify-content: center;
}
.cycleurope-logos h3,
.cycleurope-logos .h3{padding-bottom: 27px;}

.cycleurope-logos span,
.cycleurope-logos a{flex-grow: 1; border: none; padding: 10px 35px; text-align: center;}
.cycleurope-logos span:first-of-type{padding-left: 0; padding-top: 14px;}
.cycleurope-logos a:last-of-type{padding-right: 0;}
.cycleurope-logos img{max-width: 240px;}
.cycleurope-logos p{margin-bottom: 0; line-height: 1;}

.footer-top-wrapper{font-size: 0; margin-bottom: -1px; margin: 0 -2px -2px -2px;}
.footer-top{fill:#fe7701; fill-rule:evenodd; display: block;}
.footer {
    max-width: 1450px;
    padding: 0 50px;
    width: 100%;
    margin: auto;
    font-size: 1em;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    text-align: justify;
    line-height: 1.3em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 30px;
}

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

.footer:after{
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;

}

.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;  font-weight: 200;}
.footer .h2,
.footer h2{ font-size: 1.063em; font-weight: bold; color: #fff;}

.footer ul { display:inline; }

.footer .f-column.newsletter{max-width: 380px; width: 100%;}
.footer .f-column.newsletter .block .block-content{padding: 0;}
.footer .f-column.newsletter label{color:#c5c5c5;}
.footer .f-column.newsletter .signup-box{ display: grid; grid-template-columns: 1fr 95px; margin-top: 20px;}
.footer .f-column.newsletter .signup-box .actions{border: none; vertical-align: middle; margin: 0; padding: 0;}
.footer .f-column.newsletter .signup-box .actions button.button{text-transform: uppercase; text-shadow: none;  width: 100%; color:#fff; line-height: 40px; background: #00000038!important; border-radius: 0 4px 4px 0; padding: 0 10px; font-size: 0.65em;}
.footer .f-column.newsletter .signup-box .input-box{vertical-align: middle; display: inline-block}
.footer .f-column.newsletter .signup-box .input-box input {width: 100%; border: none; line-height: 38px; height: 38px; border-radius: 4px 0 0 4px; background: #fff; text-align: left;}
.footer .f-column.newsletter{margin-bottom: 20px;}


    /*.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; }

.typo-notice{color: #813f05; font-size: 0.688em; text-align: center; display: block;}
.copyright-content{color: #813f05; font-size: 0.688em;}

.copyright-content{text-align: center; padding: 10px 0 0; }
.copyright-content .binea-footer {vertical-align: middle;}
.copyright-content .binea-footer.dark{color: #515151;}
.copyright-content .binea-footer.light{color: #BFBFBF;}
.copyright-content .binea-footer a {border: none; display: inline-block; padding: 0px;}
.copyright-content .binea-footer a img{max-width: 80px; display: inline-block; vertical-align: middle;}
.copyright-content .binea-footer a span{text-indent: -9999em; display: inline-block;}

/* mobile footer */
.mobile-footer {display: none;}



/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ====================================== Clears =========================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.top-bar:after,
.quick-access:after,
.form-search:after,
#nav: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 .block-content: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,
#nav li.level0.columns .column-wrapper > ul:after,
#nav li.level0 .column-wrapper:after,
.manufacturers-view-index .toolbar-top:after,
.stars.rating:after,
.discount-form:after,
.cms-index-index .inspiration .categories:after,
.geometry-wrapper:after,
.blog-cat-view .bottom-border:after,
.top-filter:after,
[id^="product_tabs_overview_contents"] .puffs .puff:after,
.timeline td:last-of-type:after,
.al-form-reset-span:after,
.product-options: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,
.header-container.singlerow,
.header-container.singlerow .nav-container,
.header-container.multirow .header .nav-container,
.find-store li.parent.open .child-stores .inner-wrapper li,
.sub-cats li,
.col-main .products-grid li.item .item-info .premie:after,
.stores-list-all,
div[class*="-wrapper-modal"] .stock-content .menu-line .back
{
    -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{ display: block; text-align: center; font-weight: 600; font-size: 1.313em; margin-bottom: 30px;}
.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;
}
.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;}

/*.flex-viewport {padding-left: 15px;}*/
.awis-block .awis-block-inner {padding-left: 0px;}
.flex-viewport .slides li.item{padding: 0px; margin: 0px!important;  padding-bottom: 1px;}
.flex-viewport .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 a:after
{
    position: relative;
    font-size: 2em;
    color: #000;
    padding: 5px 10px;
    -webkit-text-stroke: 0;
}
.flex-direction-nav .flex-prev{left: 0px;}
.flex-direction-nav .flex-next{right: 0px;}

.flex-direction-nav .flex-prev:after{content: '\e948';}
.flex-direction-nav .flex-next:after{content: '\e91f';}

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

/*CMS-pages*/
.contacts-index-index img,
.cms-page-view .col1-layout .col-main{padding-top: 40px;}
.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 .breadcrumbs{/*max-width: 900px;*/ margin: auto;}
.col1-layout .cms-page-view .col-main .std{max-width: 900px; /*margin: auto;*/}

.cms-page-view .col-main .page-title { font-weight: 200; /*max-width: 900px;*/ margin: auto; }
/*.cms-page-view .col-main .std h2{ font-weight: 200; font-size: 1.35em; margin: 1em 0; line-height: 1.65;}
.cms-page-view .col-main .std h3{ font-weight: 200; font-size: 1.2em; margin: 1em 0;}*/
.cms-page-view form ul{padding-left: 0px;}
.cms-page-view .webforms-fields-comment{
    margin-top: 5px;
    margin-bottom: 0;
    padding: 10px;
    /* background: #eee; */
    border-radius: 3px;
    box-sizing: border-box;
    background: #ffefe0;
    color: #d26508;
    width: 100%;
    font-size: 0.8em;
}

.cms-page-view div.fieldset-7 .fields .field:first-child{display: inline-block; position: relative; width: auto;}
.cms-page-view div.fieldset-7 .fields .field:first-child > label{position: absolute; right: 0px; margin-bottom: 0px; top: 0px;}

.cms-page-view form ul select{height: 32px; line-height: 32px; -webkit-padding-start: 11px; background-position: calc(100% - 14px) center;  background-color: #efefef;}

/*cms menu */

.cms-page-view .breadcrumbs{width: 1450px; padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; max-width: 100%; margin: auto;}
.cms-page-view .col-left{width: 25%; padding-top: 47px;}
.cms-page-view .col-main{width: 75%;}

#nav-left a{display: block;}

/* level 1 */
#nav-left li.level-top > a{display: none;}

/* level 2 */
#nav-left li.level-top:not(.active) > ul {display: none;}
#nav-left li.level-top > ul > li {background-color: #393c41; margin-bottom: 3px;}
#nav-left li.level-top > ul > li.active,
#nav-left li.level-top > ul > li:hover{background: #fe7701;}
#nav-left li.level-top > ul > li.active > a{position: relative;}
#nav-left li.level-top > ul > li.parent.active > a:before{
    content: "";
    display: block;
    position: absolute;
    left: 25px;
    bottom: -10px;
    border: 0 solid transparent;
    border-top: 10px solid #fe7701;
    border-left-width: 10px;
}
#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;
}

/* level 3 */
#nav-left li.level-top > ul ul{display: none;}
#nav-left li.level2.active > ul{display: block;}
#nav-left li.level-top > ul ul > li {
    background-color: #f5f5f5;
}
#nav-left li.level-top > ul ul > li a:before{content: "\f18e";}
#nav-left li.level-top > ul ul > li a{
    font-size: 0.92em;
}
#nav-left li.level-top > ul ul > li a span{
    padding-left: 20px;
}

#nav-left li.level-top > ul li.active ul > li.active > a,
#nav-left li.level-top > ul li.active ul > li:hover > a{color: #fe7701;}
#nav-left li.level-top > ul li.active ul > li > a {
    padding: 15px 25px;
    color: #393c41;
    text-transform: none;
    font-weight: normal;
}
#nav-left li.level3.active > ul{display: block; padding-left: 15px;}
/* level 4 */

/*.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: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox;}
.modal-container .modal { min-height: 200px; max-height: 100%; width: 100%;  margin: auto; text-align: center; display: table-cell; vertical-align: middle;}
.modal-container .modal .modal-content{width: 500px; max-width: 100%; margin: auto; background: #fff;  box-sizing: border-box; -moz-box-sizing: border-box;}
.modal-container .modal .modal-content .block-title{padding: 10px; background: #eee;}
.modal-container .modal .modal-content .block-content{padding: 20px;}
.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-flex{display: none;}
.modal-container-flex.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; align-items: center; justify-content: center; display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox;}
.modal-container-flex .modal-content-flex{width: 500px; max-width: 100%; margin: auto; background: #fff;  box-sizing: border-box; -moz-box-sizing: border-box; }
.modal-container-flex .modal-content-flex .close-btn:after{content:'\e117'; position: relative; font-weight: bold; color: #888;}

/* Blogg pages */

/*.blog-post-view .main,
.blog-cat-view .main{
    width: 900px;
    margin: auto;
}*/



/*.post-wrapper .main-content {display: inline-flex;}*/
.post-wrapper .post-title{max-width: 1000px;}
.post-wrapper .post-content{max-width: 1000px; font-size: 1.1em; padding: 10px 0 30px 0;}
.post-wrapper.has-image .post-title,
.post-wrapper.has-image .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: #fe7701;}
.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%;}

.blog-post-view .post-wrapper .main-image{max-height: auto;}
.blog-post-view .post-wrapper .main-video .videoWrapper iframe{width: 600px; max-width: 100%;}

.blog-post-view #nav-left{margin-bottom: 15px;}
.blog-post-view .col-left{width: 25%; padding-top: 40px;}
.blog-post-view .col-main{width: 75%;}


/* cat */
.blog-post-view .breadcrumbs,
.blog-cat-view .breadcrumbs,
.blog-cat-view .pager,
.blog-cat-view .amount{display: none;}
.blog-cat-view .post-wrapper{ border-top: 1px solid #ececec; margin-top: 50px; padding-top: 50px;}
.blog-cat-view .post-title,
.blog-cat-view .post-content{margin:0;}

.posts.active-filters .post:not(.active){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: #fe7701;}


/* ————————————————————————————————————————————————————————————————————————————————————————— */
/* ================================================================== ÅTERFÖRSÄLJARE ====================================================================== */
/* ————————————————————————————————————————————————————————————————————————————————————————— */

.find-store .search-form{position: relative; display: grid; grid-template-columns: 1fr 60px; float: left; max-width: 50%; width: 100%;}
.find-store .input-box-search{
    height: 47px;
    width: auto;
    background: #e9e9e9;
    border-radius: 3px;
}
.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;}
.find-store button.search-store-btn:after{
    position: relative;
    content: '\e911';
    color: #000;
    line-height: 47px;
    width: 55px;
    font-size: 21px;
    display: block;
    text-shadow: none;
    padding-left: 1.9px;
}
.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: #fe7701;
    color: #fff;
    cursor: pointer;
}
.find-store div.reset-search-btn:hover
{
    background: #fd9d4b;
}
.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 #e6e6e6;}
.find-store li.parent{

    width: 25%;
    float: left;
}

.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;}
.child-stores .inner-wrapper{ box-sizing: border-box; -moz-box-sizing: border-box; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap;}
.find-store li.parent.open .child-stores{display: block; position: absolute; left: 0px; right: 0px; background: #e9e9e9; margin-bottom: 10px; }
.find-store li.parent.open .child-stores .inner-wrapper{/*padding: 15px;*/ background: #e9e9e9;}
.find-store li.parent.open .child-stores .inner-wrapper:before{content: ''; position: absolute; right: 100%; top: 0px; bottom: 0px; width: 200%; background: #e9e9e9;}
.find-store li.parent.open .child-stores .inner-wrapper:after{content: ''; position: absolute; left: 100%; top: 0px; bottom: 0px; width: 200%; background: #e9e9e9;}
.find-store .child-stores .inner-wrapper li{width: 25%; padding:25px 15px; box-sizing: border-box; -moz-box-sizing: border-box; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
.find-store .child-stores .inner-wrapper li:nth-child(4n){border-right-width: 0px;}
.find-store .child-stores .inner-wrapper li:hover{background: #f9f9f9;}
.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 h3{font-size: 1em;}
.store-box div{line-height: 1.5;}
.store-box .info > div{word-break: break-all;}
.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: #fe7701;}
.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 .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{color: #fe7701; display: inline-block; vertical-align: middle;}
.store-box .read-more:after{content: '\e903'; color: #fe7701; 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;
    padding-left: 0px;
    line-height: 1!important;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -webkit-font-smoothing: subpixel-antialiased;
    z-index:1;
}

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

/* Återförsäljarsida */
.store-wrapper .store-map{width: 50%; float: left;}
.store-wrapper .store-info{width: 50%; float: left; padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box;}
.store-wrapper .store-info h1{color: #fe7701; font-size: 1.8em;}
.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;
}



/* Cykelväljare */
.amlanding-page-view .col-main .breadcrumbs{display: none;}
.block-layered-nav.amshopby-filters-top{ margin-bottom: 75px;}
.block-layered-nav.amshopby-filters-top #narrow-by-list{display: -webkit-flex; display: -ms-flexbox; display: flex;  display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; flex-wrap: wrap;}
.block-layered-nav.amshopby-filters-top dl:nth-child(1) dt:before{content: '1';}
.block-layered-nav.amshopby-filters-top dl:nth-child(2) dt:before{content: '2';}
.block-layered-nav.amshopby-filters-top dl:nth-child(3) dt:before{content: '3';}

.block-layered-nav.amshopby-filters-top dt{
    display: inline-block;
    margin-bottom: 0;
    color: #393c41;
    font-size: 1em;
}

.block-layered-nav.type-visible.amshopby-filters-top dl{width: 30%;}
.block-layered-nav.type-visible.amshopby-filters-top dt{background: none!important; border: none; line-height: 50px; padding-left: 60px; margin-bottom: 20px;}
.block-layered-nav.amshopby-filters-top dl dd{position: static;}
.block-layered-nav.amshopby-filters-top dl dt{background: none;}
.block-layered-nav.amshopby-filters-top dl dt:after{content: none!important;}
.block-layered-nav.amshopby-filters-top dl dt:before{
    background-color: #fe7701;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 1.250em;
    font-family:"UniversLTStd", "Open Sans", "Verdana";
}
.block-layered-nav.amshopby-filters-top dd {border: none!important;}
.block-layered-nav.amshopby-filters-top dd a{background-color: #393c41; color: #fff; border-radius: 30px; padding: 6px 15px; margin-bottom: 8px;}
.block-layered-nav.amshopby-filters-top dd a:hover{-webkit-box-shadow: 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); color: #fff;}
div.block-layered-nav.amshopby-filters-top dd a.amshopby-attr-selected:before,
.block-layered-nav.amshopby-filters-top dd a.amshopby-attr:before{content: '\f106'; right: 15px; left: auto; color: #fe7701; font-size: 0.85em; font-size: 0.75em; height: auto; line-height: 1; top: 50%; margin-top: -4px;}
div.block-layered-nav.amshopby-filters-top dd a.amshopby-attr.checked,
div.block-layered-nav.amshopby-filters-top dd a.amshopby-attr-selected{color: #fff; background: #fe7701;}
div.block-layered-nav.amshopby-filters-top dd a.amshopby-attr.checked:before,
div.block-layered-nav.amshopby-filters-top dd a.amshopby-attr-selected:before{color: #000;}

.block-layered-nav.type-visible.amshopby-filters-top dd ol{background: none; padding: 0; display: block!important;}
.block-layered-nav.type-visible.amshopby-filters-top .amshopby-overlay{display: none!important;}

.amlanding-page-view .w_subcategory{display: none;}

/* cms page */
.cms-index-noroute .breadcrumbs{display: none;}
.cms-page-view p.h1{margin-bottom: 0;}
.cms-page-view iframe {max-width: 100%!important;}
[class*="cms-"] table.col-2{width: 100%!important; }
[class*="cms-"] table.col-2 td:first-of-type{padding-right: 15px; width: 50%;}
[class*="cms-"] table.col-2 td:last-of-type{padding-left: 15px; width: 50%;}
[class*="cms-"] table.col-2 td img{max-width: 100%;}
[class*="cms-"] table.col-2 ul{margin-left: 0; margin-right: 0;}

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

.faq-text-content ul,
.faq-text-content ol,
.blog-post-view .post-wrapper ul,
.blog-post-view .post-wrapper ol,
.cms-page-view .std ul,
.cms-page-view .std ol{
    margin-left: 90px;
    margin-right: 90px;
    margin-bottom: 30px;
    padding: 0;
    clear: both;
    border-left: 3px solid #fe7701;
    list-style:none;
}
.faq-text-content li,
.blog-post-view .post-wrapper li,
.cms-page-view .std li {
    padding: 15px 30px 15px 55px;
    position: relative;
    margin-left: 1px;
}
.faq-text-content li:nth-child(odd),
.blog-post-view .post-wrapper 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 li:before,
.cms-page-view .std ul 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: #fe7701;
    border-radius: 50%;
}

.faq-text-content ol li:before,
.blog-post-view .post-wrapper ol li:before,
.cms-page-view .std ol li:before{
    padding-top: 7px;
    counter-increment: li-counter;
    content: counter(li-counter);
    font-size: 18px;
    position: absolute;
    left: 12px;
    height: auto;
    width: 31px;
    text-align: center;
    line-height: 1;
    top: 17px;
    color: rgb(254, 119, 1);
    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;}

/* terms specific */
.cms-page-view[class*="leverans-kopvillkor"] .std ol{margin-left: 0; margin-right: 0;}
.cms-page-view[class*="leverans-kopvillkor"] .std li:nth-child(odd){background-color: #fff;}
.cms-page-view[class*="leverans-kopvillkor"] .std li:hover{background-color: #f5f5f5;}
.cms-page-view[class*="leverans-kopvillkor"] .std ol li:before{font-size: 1em;}


.cms-page-view .std pre:before,
.cms-page-view .std pre:after{content: '"'}
.cms-page-view .std pre{
    text-transform: uppercase;
    display: block;
    line-height: 1.1;
    margin: 40px 20px;
    font-style: italic;
    font-family: 'UniversLTStd-UltraCn', sans-serif;
    font-size: 3.4em;
    white-space: pre-wrap;
}

[class*="inspiration"] .breadcrumbs{display: none;}
[class*="inspiration"] .header-container.singlerow + .main-container{padding-top: 0;}
[class*="inspiration"] .col-main{}
[class*="wide"] .col-main{width: 100%; margin: auto; width: 100%;}
[class*="wide"] .col-main .std{max-width: 100%;}
[class*="wide"] .col-main .col-left{display: none;}
[class*="inspiration"] .top-inspiration {margin-bottom: 40px;}
[class*="inspiration"] .top-inspiration .video{position: relative; z-index: 1; margin-bottom: 30px;}
[class*="inspiration"] .top-inspiration .video .video-container{position: relative;z-index: 1;padding-bottom: 56.25%;}
[class*="inspiration"] .top-inspiration .video .video-container iframe{  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
[class*="inspiration"] .top-inspiration iframe,
[class*="inspiration"] .top-inspiration img{width: 100%; height: auto;}
[class*="inspiration"] .top-inspiration:after{
    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;
}

[class*="inspiration"] .std > p > iframe,
[class*="inspiration"] .std > p > img{display: none;}

/* Vår historia */
.timeline .col1-layout .col-main{width: 100%;}
.timeline .std{max-width: 100%;}
.timeline table{position: relative; width: 100%;}

/* Line fade */
.timeline table:after{
    content: '';
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    left: 99px;
    width: 2px;
    margin-left: 0;
    height: 60px;
    position: absolute;
    display: block;
}

/* Line */
.timeline table:before{
    content: "";
    background-color: #d3d5d9;
    position: absolute;
    left: 100px;
    width: 2px;
    margin-left: 0;
    bottom: -30px;
    top: 0px;
    width: 2px;
    margin-left: -1px;
    height: 100%;
}

.timeline tr{padding-bottom: 40px; display: block;}

/* årtal */
.timeline td:first-of-type{
    color: #7b818f;
    line-height: 1.3;
    font-weight: 500;
    position: absolute;
    display: block;
    padding: 0;
}
/*Text */
.timeline td:last-of-type{
    background-color: #f5f5f5;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    position: relative;
    margin-left: 200px;
    display: block;
    padding: 15px 30px;

}
.timeline td:last-of-type img{padding-left: 10px; padding-bottom: 10px; max-width: 40%;}

/* "Pil" */
.timeline td:last-of-type:before{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 0;
    left: -32px;
    border: 16px solid transparent;
    border-right-color: #dcdcdc;
    border-top-color: #dcdcdc;
}
/* "Pil" */
.timeline td:last-of-type strong:before{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 1px;
    left: -29px;
    border: 15px solid transparent;
    border-right-color: #f5f5f5;
    border-top-color: #f5f5f5;
}
/* Titel */
.timeline td:last-of-type strong{
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.92em;
    word-break: break-all;
}

/* Circle outside */
.timeline td:first-of-type:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 73px;
    top: -14px;
    z-index: 1;

}
/* Circle inside */
.timeline td:first-of-type:after{
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: #fff;
    border: 7px solid #fe7701;
    border-radius: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    left: 80px;
    top: -7px;
    z-index: 2;
}


/* rek pirser */

/*.price:before{content: 'Rek. pris ';}*/

.product-list .premie .price:before{display: none;}

.price-from .price:before,
.product-view .product-shop .price-box .price:before{content:none!important;}
.cart .price:before,
.cart .partpayment-price .price:before,
.product-view .product-shop .partpayment-price .price:before{content: none;}
.product-view .product-shop .partpayment-desc:before{content: 'Rek pris. ';}
/*
.product-view .product-shop .partpayment-price:after{
    content: "(Rek. pris)";
    font-size: 0.78em;
    color: #9c9c9c;
    margin-left: 4px;
}*/


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


.amshopby-filters-top .filter-actions { /*float: left;*/ line-height: 50px; }
.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 15px 17px; border-bottom: 1px solid #d1d1d1;}
/*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: 3px 0 3px 20px; text-align: left; display:block; box-sizing: border-box; -moz-box-sizing: border-box; color:#000; font-size: 0.875em; position: relative; font-weight: normal; line-height: 17px;}
div.block-layered-nav dd a.amshopby-attr:hover:before,
div.block-layered-nav dd a:hover{color: #fe7701;}
div.block-layered-nav dd a.amshopby-attr {}
div.block-layered-nav dd a.amshopby-attr:before{content: '\e912'; position: absolute; left: 0px; font-weight: normal; color: #acacac; font-size: 17px;}
div.block-layered-nav dd a.amshopby-attr-selected {color: #fe7701; font-weight: bold;}
div.block-layered-nav dd a.amshopby-attr-selected:before{content:'\e913'; position: absolute; left: 0px; font-weight: normal; color: #acacac; font-size:17px; color:#fe7701;}
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.crescent.fi/skin/frontend/crescent2/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;
    font-weight: 700;
    line-height: 37px;
    font-family: "brandon-grotesque", "Source Sans Pro", "Open Sans", "Verdana", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.92em;
    position: relative;
    padding-left: 20px;
    padding-top: 15px;
    line-height: 14px;
    cursor: pointer;

}
div.block-layered-nav dt:before{
    content: '\e914' ;
    position: absolute;
    left: 0px;
    font-size: 5px;
    line-height: 14px;
}
div.block-layered-nav dt.amshopby-collapsed:before{
    content: '\e915' ;
}
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-top: 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: 4px;
    top: 3px;
    height: 4px;
    position: absolute;
    cursor: move;
    z-index: 2;
    background: #fff;
    border: 6px solid #fe7701;
    border-radius: 50%;
}

/*
 * Slider labels
 */
#narrow-by-list .price:before{content: none;}
.price-attr{
    padding-bottom: 20px;
    text-align: center;
}
.amshopby-slider{position: relative;}
.amshopby-slider:after{content:''; position: absolute; height: 2px; width: 100%; left: 0; background: #c8c8c8; top:10px;}
.amshopby-slider-price {
	color: #fe7701;
    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;
    position: absolute;
    top: -1px;
    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: #fff;
    border: 1px solid #fe7701;
    height: 11px;
    top: 5px;
    z-index: 1;
    border-radius: 20px;
}

/*
 * 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;}
.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.crescent.fi/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.crescent.fi/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.crescent.fi/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.crescent.fi/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.crescent.fi/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.crescent.fi/skin/frontend/standard/default2/images/manufacturers/horizontal/right.png) center right;
}

.manufacturers-index-index .flex-prev {
    left: 0px;
    background: url(https://www.crescent.fi/skin/frontend/standard/default2/images/manufacturers/horizontal/left.png) center left;
}
@media screen and (max-width:767px) {

    /*
    ===============================================
    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;
    }

    .product-view .product-img-box .product-image a img{max-width: 100%;}

    .col-main{float: none!important;}
    .main-container .main,
    .col1-layout .main{padding: 0px 15px 70px 15px!important;}
    .cms-page-view .breadcrumbs{padding: 0 15px; font-size: 0.92em;}

    .main-container .category-header-wrapper{padding: 0px 15px!important;}

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

    .col-main{min-height: 0px; padding: 0px;}
    .col2-left-layout .col-main {padding-top:40px; padding-left: 0;}

    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{margin-top: 30px; padding-top: 30px; border-top: 1px solid #e6e6e6; float: none; clear: both; }
    .sidebar:after{ content: none; }

    /*Go to top*/
    #toTop{display: none;}

    .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;
    }
    .flex-direction-nav .flex-next{right: -10px;}
    .flex-direction-nav .flex-prev{left: -10px;}

    #to-top.mobile-only{display: block;}
}



@media screen and (min-width:320px) and (max-width:500px) {
    a.button,button.button{
        padding: 18px 30px;
        line-height: 1;
    }
}
@media screen and (min-width:320px) and (max-width:1024px) {

    .cms-page-view .std pre{font-size: 2.2em;}
    h1, .h1{font-size: 2.2em; line-height: 1.2em;}
    h2, .h2{font-size: 1.8em;}
}
@media screen and (min-width:767px) and (max-width:1000px) {

    .page{padding: 0;}
    .col-main{ width: 70%;}
    .col-left{ width: 30%; }
    .col-left:after, .col-right:after{ left: 30%; }

    .col3-layout .col-main{ width: 70%; float: right; }
    .col3-layout .col-left{ width: 30%; }
    .col3-layout .col-left:after, .col-right:after{ left: 30%; }
    .col3-layout .col-right{ float: none; width: 100%; position: relative; background: #FAFAFA; clear: both; }
    .col3-layout .col-right:after{ content: none; }

    .main-container .main,
    .main-container .category-header-wrapper,
    .col1-layout .main{padding: 0 20px!important;}
}

/* place footer at bottom of page */
@media screen and (min-width:767px){
    /*html,body{height: 100%;}*/
    .page{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main-container {
        padding-bottom: 60px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .footer-container{
        flex: 1 0 auto;
        /*max-height: 350px;*/
    }
}


/*
  ===============================================
  NAVIGATION / TOPMENU / NAVBAR
  ===============================================
  */
@media screen and (min-width:1150px) {
    .cms-index-index .header-container.singlerow:not(.scrolled), [class*="inspiration"] .header-container.singlerow:not(.scrolled),
    .cms-index-index .header-container.singlerow .nav-container, [class*="inspiration"] .header-container.singlerow .nav-container,
    .cms-index-index .header-container.multirow .header .nav-container, .inspiration .header-container.multirow .header .nav-container
    {background: none; }
    .cms-index-index .header-container:not(.scrolled) #nav li.level0 > a, [class*="inspiration"] .header-container:not(.scrolled) #nav li.level0 > a,
    .cms-index-index .header-container.singlerow:not(.scrolled) .header .top .cart-header .cart-icon:after, [class*="inspiration"] .header-container.singlerow:not(.scrolled) .header .top .cart-header .cart-icon:after,
    .cms-index-index .header-container:not(.scrolled) .header .top .form-search .toggle-search:after, [class*="inspiration"] .header-container:not(.scrolled) .header .top .form-search .toggle-search:after
    {color:#fff;}

    #nav .home-link a:after{content:'\f055'; font-size: 23px; left: 10px; margin-top: -2px;}
    #nav li.level0.home-link:hover a span,
    #nav .home-link a span{opacity: 0; width: 23px; display: inline-block;}
    #nav li.level0.home-link:hover > a{background: none; color: #fe7701;}

    .nav-container:after{content: none!important;}
}

@media screen and (min-width:320px) and (max-width:1150px) { /* both menu types */
    .header-container.singlerow + .main-container {padding-top: 50px;}

    .header-container.singlerow .header .logo > div a,
    .header-container.singlerow .header .top .form-search input.input-text,
    .header-container.singlerow .header .top .account > a:after,
    .header-container.singlerow .header .logo,
    .header-container.singlerow .header,
    .header-container.singlerow .header .cart-header .cart-icon,
        /*.header-container.singlerow .header .top .form-search button.button{height: 75px;}*/
    .header-container.singlerow .header .top .form-search .toggle-search,
    /*.header-container.singlerow .header .menu-toggle,*/
    .header-container.singlerow .header .top .form-search .show input.input-text{height: 50px;}

    .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,
    .header-container.singlerow .header .menu-toggle,
    .header-container.singlerow .header .top .form-search .show input.input-text{ line-height: 50px;}

    .header-container.singlerow .header .top .form-search .toggle-search{padding-right: 0;}

    /* genomskinglig bakgrund på startsidan */
    [class*="inspiration"] .header-container.singlerow:not(.scrolled),
    .cms-index-index .header-container.singlerow:not(.scrolled){background: none;}
    [class*="inspiration"] .header-container.singlerow:not(.scrolled) .header .top .form-search .toggle-search:after,
    .cms-index-index .header-container:not(.scrolled) .header .top .form-search .toggle-search:after{color:#fff;}
    /*.cms-index-index .header-container:not(.scrolled) .menu-toggle:after{color:#fff;}*/

    /* Placering av knappar och logga i menyn */
    .header-container.singlerow .header .logo{padding: 0; width: 100%; display: block;}
    .header-container.singlerow .header .logo > div{ padding: 0 70px 0 10px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .header-container.singlerow .header .logo > div img{width: 200px; max-width: 100%;}

    /*.menu-toggle{position: absolute; right: 0px; top: 0px;}*/
    .form-search .toggle-search{position: absolute; right: 0; top: 0px;}
    .header-container.singlerow .header .top .form-search .show .search-input{top:0;}

    .header-container .header .top .form-search .toggle-search:after{padding: 8px; font-size: 18px;}

    .header-container .header .top .form-search {float: left!important;}
    /*.header-container .header .top .form-search button.button{ width: 70px; }*/
    .header-container .header .top .form-search .toggle-search{ width: 70px; height: 75px; }
    /*.header-container .header .top .form-search .search-input{ width: 0px; visibility: hidden; position: absolute; left: 70px; right: 100%; z-index: 998; border-left: 1px solid #C2C2C2; opacity: 0;}
    .header-container .header .top .form-search .show .search-input{ visibility: visible; width: auto;  right: 0px; opacity: 1; }*/
    .header-container .header .top .form-search .show input.input-text{width: 100%; height: 74px; line-height: 74px; }
    /*.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'; width: 70px; font-size: 1.6em; }

    #nav li.level0.columns.category .column-wrapper > ul.level0 > li > a img{margin-bottom: 0;}
    /* menu open */
    #nav li.level0.columns.category-wrapper .column-wrapper > ul.level0 > li > a img{display: none;}





}

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

    .header{overflow: hidden;}
    .header-container .header{background-image: none!important;}
    .header-container.multirow .header .top{padding-left: 0px;}
    .quick-access-wrapper{display: none;}


    .responsive:not(.login-link):not(.contact-link){display: block;}
    .contact-link,
    .login-link{display: none;}
    .header .logo{padding-left: 15px; }
    .cart-header .cart-icon{ width: 70px; height: 74px }


    .header-container{position: fixed!important;}

    .menu-toggle{display: none;}

    /* CART */

    .header-container .cart-header .cart-open{
        display: block;
        visibility: hidden;
        position: fixed;
        bottom: 0px;
        left: 0px;
        top: 50px;
        width: 100%;
        height: 0px;
        max-height: calc(100% - 50px)!important;
        margin-bottom: 0px;
        border: none;
        overflow: auto;
        text-align: right;
        -webkit-transition: .5s;
        transition: .5s;
        padding: 0px!important;
        opacity: 0;
        z-index: 997;
    }
    .cart-header.full .cart-open:hover, .cart-header.full.opened .cart-open{
        background: #fff;
    }

    .cart-header.prepared .cart-open{
        height: auto!important;
    }
    .cart-header.opened .cart-open{
        visibility: visible;
        margin-bottom: 43px;
        top: 0;
        opacity: 1;
    }

    .cart-header .cart-open li{
      text-align: left;
    }


    .cart-header .cart-open .bottom-cart{display: block; padding: 0; margin-top: 0px;}
    .cart-header .cart-open .subtotal{display: block; text-align: center; float: none; background: #ececec;}
    .cart-header .cart-open .actions{display: block; text-align: center; min-width: 50%; margin-top: 0px; padding: 0;}
    .cart-header .cart-open .subtotal{font-size: 1.2em; font-weight: bold; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; margin: auto; padding: 10px 20px; border-top: 1px solid #e9e9e9;}
    /*.cart-header .cart-open .subtotal .label{margin-right: 10px;}*/
    .cart-header .cart-open .subtotal .label,
    .cart-header .cart-open .subtotal .price{ display: inline-block; text-align: center;}
    .cart-header .cart-open .actions button.button.btn-checkout{width: 100%; line-height: 50px;}
    .cart-header .cart-open .cart-close{display: inline-block; color: #000; background: #fff; border-bottom: 1px solid #000; margin: auto; padding: 10px; margin-top: 10px; font-size: 0.92em; cursor: pointer;}

    .cart-header .cart-open .select-store{background: #fff; text-align: left; margin-top: 30px;}


    /*.menu-toggle{
        width: 70px;
        text-align: center;
    }

    .menu-toggle:after
    {
        content: '\e919';
        position: relative;
        font-size: 29px;
        color: #414141;
    }*/

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


    .header-container .header .top .form-search {float: left!important;}
    /*.header-container .header .top .form-search button.button{ width: 70px; }*/
    .header-container .header .top .form-search .toggle-search{ width: 70px; height: 75px; }
    .header-container .header .top .form-search .search-input{ width: 0px; visibility: hidden; position: absolute; right: 60px; left: 100%; z-index: 998; border-left: 1px solid #C2C2C2; opacity: 0;}
    .header-container .header .top .form-search .show .search-input{ visibility: visible; width: auto;  left: 0px; opacity: 1; }
    .header-container .header .top .form-search .show input.input-text{width: 100%; height: 74px; line-height: 74px; }
    /*.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'; width: 70px; font-size: 1.6em; }


    /* nav bg */

    body.nav-open{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.68);
        -webkit-transition: .2s;
        transition: .2s;  }


    /* navigation */

    #nav li.level0.parent:not(.hide-menu).mouse-out-period > a span:after, #nav li.level0.parent:not(.hide-menu):hover > a span:after{content: none;}

    /*.close-menu {
        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%);
    }
    .close-menu:after{content:'\e117'; position: relative; font-size: 2.5em; color: #fff; text-shadow: 0px 0px 1px #FFF; width: 40px; text-align: center; cursor: pointer; }
    .nav-slide  .close-menu { -webkit-transform: translateX(-400px); -ms-transform: translateX(-400px); transform: translateX(-400px); }*/

    #nav{
        float: none;
        text-align: left;
        width: 100%;
        display: block;
    }
    .header-container.multirow .header .nav-container,
    .nav-container{
        position: fixed;
        bottom: 0px;
        margin-bottom: 0;
        left: 0px;
        right: 0px;
        width: 100%;
        height: auto!important;
        max-height: calc(100% - 50px)!important;
        overflow: auto;
        margin: 0px;
        padding: 0px;
        border: none;
        overflow: auto;
        text-align: right;
        -webkit-transition: .2s;
        transition: .2s;/*
        -webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%);*/
        padding: 0px!important;
        opacity: 0;
        z-index: 997;

    }


    .nav-slide .header-container.multirow .header .nav-container,
    .nav-slide .nav-container
    {
        margin-bottom: 53px;
        opacity: 1;
    }


    .nav-container #nav > li{display: none!important;}
    .nav-container #nav > li.show-menu-item:not(.login-link):not(.contact-link):not(.hide){display: block!important;}

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





    /* LEVEL 0 / level top */

    #nav li.level0.columns,
    #nav li.level0{

        display: block;
        position: relative!important;
    }

    #nav li.level0 > a{

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

    #nav li.level0.parent:hover > a span:after{content: none;}

    #nav li.level0.columns.category-wrapper .column-wrapper > ul.level0 > li a{
        text-align: left;
        font-weight: normal;
    }
    .catalog-category-view #nav li.opened > .column-wrapper, #nav li.opened > .column-wrapper > ul{display: block;}

    /*.catalog-category-view .category-wrapper > a,
    .catalog-category-view .category-wrapper:hover > a span,*/
    #nav li.active > a,
    #nav li.level0.opened:hover > a,
    #nav li.level0.opened:hover > a span,
    #nav li.level0.opened > a{color: #fe7701!important;}
    #nav li.level0.opened > ul,
    #nav li.opened > .column-wrapper{ border: 1px solid #DEDEDE; border-width: 1px 0px;}
    #nav li.level0.columns.category-wrapper .column-wrapper > ul.level0 > li.active a{font-weight: bold;}
    #nav li.level0.columns.category .column-wrapper > ul.level0 > li a{text-align: left;}

    #nav li.level0:hover > a > span,
    #nav li.level0:hover > a{background: none; color: #000000;}
    #nav li.level0.parent.bike-menu > a:after{content: none;}
    #nav li.level0.parent:after{
        content: '\e603';
        top: 0px;
        right: 0px;
        font-size: 6px;
        color: #2C2C2C;
        line-height: 50px;
        width: 50px;
        text-align: center;
    }
    #nav li.level0.opened.parent:after{ content: '\e605'; }


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

    #nav li.level0[class*="nav"] + li.level0:not([class*="nav"]):not(.brands),
    #nav li.level0.brands + li.level0 { border-top: 1px solid rgba(0, 0, 0, 0.25); }

   /* #nav li.level0[class*="nav"] ~ li.level0:not([class*="nav"]):not(.brands) a,
    #nav li.level0.brands ~ li.level0 a { opacity: .7; }*/

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



    /* LEVEL 1 */

    #nav li.level0 ul,
    #nav 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 li.level0 > ul,
    #nav li.level0 > .column-wrapper{ padding:0!important; background: #fff!important;}

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

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

    #nav 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 li li:after:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        height: 1px;
        background: #B6B6B6;
    }
    #nav li li.parent:after{
        content: '\f05d';
        right: 10px;
        top: 0;
        line-height: 36px;
        color: #000;
        font-size: 1em;
        width: 30px;
        text-align: center;
    }

    #nav li li.opened.parent:after{
        content: '\e115';
    }

    #nav li li.level1 a{font-weight: 400;}

    #nav li.level1 a { color: #000; display: block; font-size: 1em!important; margin-bottom: 0px!important; padding: 3px 20px!important; line-height: 30px!important; margin-right: 30px; border: none!important; }
    #nav li.level1:hover,
    #nav li.level1.opened{background: #F2F2F2;}
    #nav li.level1.opened > a{ font-weight: 600; color:#fe7701!important;}

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


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

    #nav li.level0 a span{font-size: 0.75em;}
    #nav li.level1 a span{font-size: 0.75em;}

    /* LEVEL 2 > */

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

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

    #nav li li > ul{display: none!important;}
    #nav li li.opened > ul{display: block!important;}
    #nav li li.opened {  background: rgba(0, 0, 0, 0.06)!important; margin: 0 10px 10px 10px; }
    #nav li li.opened > a { font-weight: 600; }
    #nav li.bike-menu li > a{display: -webkit-flex; display: -ms-flexbox; display: flex!important; align-items: center;}
    #nav li a .cat-img{display: inline-block; max-width: 60px; padding: 10px 0; vertical-align: middle; min-height: 0px!important;}
    #nav li a .cat-img + span{display: inline-block!important; vertical-align: middle; padding-left: 10px}
    #nav li.view-all .thumbnail{display: none;}
    #nav li.mobile-menu.opened.bike-menu > a{display: none}
    #nav li.mobile-menu.opened.bike-menu:after{content: none!important;}
    #nav li.mobile-menu.bike-menu .column-wrapper{border: none;}
    .nav-container #nav > li,
    #nav li.mobile-menu.opened ul > li {border-top: 1px solid #eee!important;}
    #nav li.mobile-menu.opened ul > li a{ line-height: 50px;}

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

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

}



@media screen and (min-width:1150px) and (max-width:1345px) {
    #nav li.level0 > a{font-size: 0.8em!important; padding: 0 3px;}
}

@media screen and (min-width:1345px) and (max-width:1400px) {
    #nav li.level0 > a{font-size: 0.92em!important;}
}


@media screen and (max-height:750px) {
    .header-container.simple-menu {position: absolute;}
}

/* END single row - early menu */


@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) {
/*    .header-container.multirow .header .nav-container, .nav-container{ width: 260px; }
    .nav-slide .header-container.multirow .header .nav-container, .nav-slide .nav-container {
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    .close-menu{right: -50px;}
    .nav-slide .close-menu {
        -webkit-transform: translateX(-320px);
        -ms-transform: translateX(-320px);
        transform: translateX(-320px);
    }*/
}


@media screen and (min-width:385px) and (max-width:500px) {
    .header-container .top{ font-size: 0.92em; }


    /*.header-container .header .top .form-search button.button,*/
    .header-container .header .top .form-search .toggle-search,
    .cart-header .cart-icon,
    .menu-toggle{ width: 60px; }

    .header .logo a{padding-left: 0; }
    .header .logo img{vertical-align: middle; max-width: 100%; max-height: 60; height: auto;}

    .header-container .header .top .form-search .search-input{ right: 60px; }
}

@media screen and (min-width:385px) and (max-width:420px) {
    .header .logo a:after,
    .header .logo{ /*max-width: 140px; */background-size: 100% auto; }
}

@media screen and (min-width:420px) and (max-width:500px) {
    .header .logo a:after,
    .header .logo{ /*max-width: 200px; */background-size: 100% auto; }
}
@media screen and (min-width:500px) {
    .header .logo a:after{background-size:  auto 75px; }
}

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

    .header-container .top{ font-size: 0.75em;}
    /*.header-container .header .top .form-search button.button,*/
    .header-container .header .top .form-search .toggle-search,
    .cart-header .cart-icon,
    .menu-toggle{ width: 52px; }

    .header .logo a:after,
    .header .logo{ /*max-width: 140px; padding-left: 8px;*/ background-size: 100% auto; }
    .header .logo img{vertical-align: middle;}


    .header-container .header .top .form-search .search-input{ right: 50px; }
}
@media screen and (min-width:320px) and (max-width:330px) { .header-container .top{ font-size: 0.70em;} }
@media screen and (min-width:350px) and (max-width:385px) {
    .header-container .top{ font-size: 0.85em; }


    /*.header-container .header .top .form-search button.button,*/
    .header-container .header .top .form-search .toggle-search,
    .cart-header .cart-icon,
    .menu-toggle{ width: 52px; }

    .header .logo a:after,
    .header .logo{ /*max-width: 140px; padding-left: 8px;*/ background-size: 100% auto; }
    .header .logo img{vertical-align: middle;}


    .header-container .header .top .form-search .search-input{ right: 60px; }
}

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

    /*#nav li.level0 > a{
        font-size: 1.3em;
        color: #fff;
        font-weight: 200;
        text-transform: uppercase;
        line-height: 75px;
        padding: 0 12px;
        display: inline-block;
    }

    #nav {

        display: inline-block!important;
        text-align: justify!important;
    }*/

}

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

    .header-container.singlerow .header{right: 0px;}

}


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

    .header-container.multirow .header .top{padding-right: 0px;}

}

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

    .header-container.multirow .header .nav-container #nav li.level0 > a {
        font-size: 0.92em;
        padding: 0 4px;
    }


}

@media screen and (min-width:1085px) and (max-width:1350px) {

    .header-container.multirow .header .nav-container #nav li.level0 > a {
        font-size: 1em;
        padding: 0 5px;
    }




}

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

    .header-container.multirow .header .nav-container #nav li.level0 > a {
        font-size: 1.1em;
        padding: 0 5px;
    }

}




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

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

Home page
===============================================
*/

@media screen and (max-width:1027px) {
    .post-wrapper .post-title{margin-bottom: 15px;}
}


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

    .posts.tips .post .image img{max-width: 600px;}
    .posts.tips .post:not(:first-of-type),
    .posts.tips .post:first-of-type{width: 100%;}
    .posts.tips .post a{height: 200px;}
    .posts.tips .post .image img{height: auto;}


    /* home boxes */
    .home-boxes.col-3-layout .box .caption{font-size: 13px!important;}


    /* news and about */

    .about-wrapper, .news-wrapper{
        float: none; width: 100%; padding: 0;
    }
    .cms-index-index h3.home-page-title{text-align: left; font-size: 0.92em; margin-bottom: 30px;}
    .cms-index-index .no-news h3.home-page-title,
    .cms-index-index h3.home-page-title.blog-tips-title{text-align: center;}
    .cms-index-index .blog-news-title{margin-top: 30px;}
    .cms-index-index h3.blog-news-title:before,
    .cms-index-index h3.about-title:before{font-size: 20px; margin-bottom: 9px;}

    .about-news:not(.no-news) .about-wrapper {border-bottom: 1px solid #e6e6e6; padding-bottom: 30px;}
    .news-wrapper .news, .about-wrapper p{min-height: 0;}

}
@media screen and (max-device-width:700px) {
    .cms-index-index .inspiration .categories .category a{font-size: 0.8em;}
}
/*
@media screen and (max-width:950px) {
    .post-wrapper .main-content {display: block;}
    .post-wrapper .post-content{padding: 0;}
}*/
@media screen and (max-width:380px) {
    .post-wrapper .bottom-border {font-size: 0.7em;}
    .post-wrapper .bottom-border .read-more {padding: 0 10px;}
    .post-wrapper .bottom-border .date{padding: 0 10px;}


    .cms-index-index .inspiration .categories .category a{font-size: 0.7em;}

}
@media screen and (min-width:380px) and (max-width:445px) {
    .post-wrapper .bottom-border{font-size:0.8em;}
    .post-wrapper .bottom-border .read-more{padding: 0 15px;}
}


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

    .awis-block .awis-block-inner .caption{font-size: 0.92em;}
}
@media screen and (max-device-width:600px) {
    .awis-block .flex-direction-nav{display: none;}
    .flex-control-nav li a {
        width: 10px;
        height: 10px;
    }
    .flex-control-nav li a.flex-active {
        width: 8px;
        height: 8px;
    }

    .cms-index-index .awis-block:after{ height: 65%;}

    /* inspiration menu */

    .cms-index-index .inspiration .inspiration-nav {padding: 0; position: relative;}
    .cms-index-index .inspiration .inspiration-nav .label{display: block; line-height: 30px; border-bottom: 2px solid #fe7701; color: #000; text-align: left; position: relative; cursor: pointer;}
    .cms-index-index .inspiration .inspiration-nav .label:after{content: '\f116'; position: absolute; right: 10px;}
    .cms-index-index .inspiration .inspiration-nav ul{display: none;}
    .cms-index-index .inspiration .inspiration-nav ul.show{
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        background: #fff;
        display: block;
    }
    .cms-index-index .inspiration .inspiration-nav li{display: block; padding: 0px!important; font-size: 0.963em;}
    .cms-index-index .inspiration .inspiration-nav li:hover,
    .cms-index-index .inspiration .inspiration-nav li.active{    background: #d0d0d0; color: #fff;}
    .cms-index-index .inspiration .inspiration-nav li span,
    .cms-index-index .inspiration .inspiration-nav li.active span{line-height: 30px; padding: 0px; font-weight: normal; border-bottom: 1px solid #d2d2d2; display: block; margin: 0;}
    .cms-index-index .inspiration .inspiration-nav li.active span:after{content: none;}

    .cms-index-index .inspiration .categories .category{width: 33%;}

}

@media screen and (max-width:767px) {
    /* Slider */
    .main-container .block.block-home-slider {
        margin: 0 -150px;
        overflow: hidden;
    }

    .awis-block .awis-block-inner .caption{
        left: 150px;
        right: 150px;
        top: 50%;
        transform: translate(0%, -50%);
        white-space: pre-wrap;
        margin-top: 15px;
    }
    .awis-block .awis-block-inner .caption h3{font-size: 2em;}
    .awis-block .awis-block-inner .caption p{font-size: 0.92em;}
}

@media screen and (max-width:520px) {
    /* Slider */
    .awis-block .flex-viewport .caption {font-size: 0.68em;}
    .awis-block .flex-viewport .caption h3{font-size: 3em;}
    .awis-block .flex-viewport .caption a{margin-top: 5px;}
}

/*@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 (max-width:767px) {
    .listing-catalogimg-grid {display: none;}

    /*Toolbar + title */

    .toolbar .pager .pages{margin: 0;}

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

    /* category header */

    .category-top .category-description.truncate{
        max-height: 80px;
        overflow: hidden;
    }

    .category-top .category-description.show.truncate{
        max-height: 1000px;
    }
    .category-top .read-more{display: block!important; text-transform: uppercase; text-align: center; color: #9e9e9e; }
    .category-top .read-more:after{content: "\e906"; position: relative; padding-left: 10px;}
    .category-top .category-description.show + .read-more:after{content: "\e907"}

    .col-main .products-grid li.item .item-info .price-pusher{ min-height: 47px;}

    .category-description .right-cat-desc,
    .category-description .left-cat-desc{width: 100%; float: none;}

}

@media screen and (min-device-width:320px) and (max-device-width:500px) {
    .col-main .products-grid li.item .item-info .premie{font-size: 0.692em;}
}

@media screen and (min-device-width:320px) and (max-device-width:767px) {
    /* quickview button */
    .products-grid li.item .image-wrapper .quickview-link{position: relative; background: #b7bdc1; max-height: 80px; visibility: visible;}
    .products-grid li.item .image-wrapper .quickview-link span{padding: 3px;}


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

    .products-grid li.item .item-inner .circle{ font-size: 0.95em; width: 44px; height: 44px;}
    .product-media  .circle.long-label,
    .products-grid li.item .item-inner .circle.long-label{font-size: 0.7em;}

}

@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:320px) 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;
    }

    .col-main .products-grid li.item .item-info .partpayment-price,
    .col-main .products-grid li.item .item-info .product-name a{font-size: 0.92em}
}

@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 .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;
    }
}

/* toolbar+ filter */

/*@media screen and (min-width:320px) and (max-width:565px) {
    .form-search-catalog{padding-right: 0px;}
    .toolbar-top{ width: 100%; top: -107px;}
    .toolbar-top .pager .limiter{float: none;}
    .toolbar-top .pager .limiter select{width: 100%;}
    .form-search-catalog{margin-top: 68px;}

}

@media screen and (min-width:565px) and (max-width:650px) {
    .form-search-catalog{padding-right: 200px;}
    .pager .limiter select{width: 208px;}
}*/



@media screen and (min-width:320px) and (max-width:767px) {
    .filter-toggle.responsive{display: block!important}

    .toolbar-top{ width: 100%; top: -12px;}
    .toolbar-top .pager .limiter{float: none;}
    .toolbar-top .pager .limiter select{width: 100%;}
    .form-search-catalog{ background: #e9e9e9;border-radius: 3px; margin-top: 30px; grid-template-columns: 1fr 45px; padding-right: 0;}
    .form-search-catalog button.btn-search:after{text-align: center; width: 45px;}
    .catalogsearch-result-index .form-search-catalog button.btn-clear-search{right: 0px;}
    .catalogsearch-result-index .form-search-catalog button.btn-search{right: 70px;}

    .filter-toggle{
        margin-top: 10px;
        width: 50%;
        padding-right: 5px;;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 0.92em;
    }
    .filter-toggle span{
        background: #fe7701;
        line-height: 47px;
        height: 47px;
        padding: 0 15px;
        color: #fff;
        display: block;
        cursor: pointer;
    }
    .filter-toggle span:before{
        content: '\e90b';
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        font-size: 0.85em;
        font-weight: normal;
    }

    .toolbar-top{width: 50%; padding-left: 5px; top:-47px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .toolbar-top .toolbar{position: static;}
    .toolbar-top .pager .limiter{width: 100%;}
    .toolbar-top .pager .limiter select {
        width: 100%;
        background-color: #e9e9e9;
        padding: 0 20px 0 15px;
        background-position: 93% 50%;
        border-bottom: 0px;
        border-radius: 3px;
    }

    /* 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 .close-filter{
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }

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

    .filter-slide:before {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: rgba(0,0,0, 0.68);
        -webkit-transition: .2s;
        transition: .2s;
    }

    /* sidebar */
    .sidebar h3.blog-tips-title{text-align: center;}
}

@media screen and (min-width:320px) and (max-width:375px) {
    .filter-toggle span,
    .toolbar-top .pager .limiter select,
    .form-search-catalog .input-form input{font-size: 0.7em;}
}

@media screen and (min-width:375px) and (max-width:450px) {
    .filter-toggle span,
    .toolbar-top .pager .limiter select,
    .form-search-catalog .input-form input{font-size: 0.85em; padding: 0 10px;}
}
@media screen and (min-width:320px) and (max-width:400px) {
    .sidebar .block.amshopby-filters-left{ width: 260px; }
    .filter-slide .sidebar .block.amshopby-filters-left {
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
    }
    .close-filter{right: -50px;}
    .filter-slide .close-filter {
        -webkit-transform: translateX(-320px);
        -ms-transform: translateX(-320px);
        transform: translateX(-320px);
    }
}
@media screen and (min-width:767px)  {
    .filter-toggle.responsive{display: none!important}
}

/* Product widths */

@media only screen and (min-width : 320px) and (max-width:655px){
    .products-grid li.item,
    .main-container[class*="col"] .products-grid li.item{width: 50%; margin-bottom: 20px;}
    .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;}
}


@media screen and (min-width : 655px) and (max-width:1000px) {
    .products-grid li.item,
    .main-container[class*="col"] .products-grid li.item{ width: 33.33%; }
    .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; }
}
@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; }
}

@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 : 767px) and (max-width:887px), screen and (min-width : 350px) and (max-width:370px) {

    .col2-left-layout .ribbon2{ padding: 0 9px 0 10px;  left: -20px; font-size: 0.65em;}
}

@media screen and (min-width : 887px) and (max-width:1118px), screen and (min-width : 370px) and (max-width:767px)  {

    .col2-left-layout .ribbon2{font-size: 0.75em;}
}

/* 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; }

}

@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){
    .sidebar .leftnavi.block .block-content p{font-size: 1.15em!important;}
    .col-left{width: 30%;}
    .col-left:after{left: 30%;}
    .col2-left-layout .col-main{width: 70%!important;}
    .treeItem.level-3{padding: 0px!important;}


    .products-grid li.item,
    .main-container[class*="col"] .products-grid li.item{ width: 33.33%; }
}

@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 */



/*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;}
}


/*
===============================================
Quickview
===============================================
*/
@media screen and (min-width:320px) and (max-width:380px){
    .quick-view-wrapper .quick-view-content .product-tabs li a{font-size: 0.6em;}
}

@media screen and (min-width:360px) and (max-width:380px){
    .quick-view-wrapper .quick-view-content .product-tabs li a{font-size: 0.7em;}
}

@media screen and (min-width:720px) and (max-width:910px){
    .quick-view-wrapper .product-view .product-media,
    .quick-view-wrapper .product-view .product-shop{width: 50%;}
}

@media screen and (max-width:1110px), screen and (max-height:700px) {
    .quick-view-wrapper{z-index: 9999;}
    .quick-view-wrapper .quick-view-content{width: 100%; height: 100%; top: 0px; margin-top: 0px;}
    .quick-view-wrapper .product-view{
        /*overflow-y: auto;*/
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin-top: 0px;
        padding-top: 15px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .quick-view-wrapper .product-view .product-img-box{padding: 0px; border: none;}


}



@media screen and (min-width:767px) and (max-height:700px) {
    .quick-view-wrapper .quick-view-content{width: 100%;}
    .quick-view-content .product-view .product-shop {
        padding-left: 15px;
    }
}

@media screen and (min-width:320px) and (max-width:720px){
    .product-view .product-essential form{display: block}
    .quick-view-wrapper .product-view .product-media,
    .quick-view-wrapper .product-view .product-shop{
        width: 100%;
    }

    .quick-view-wrapper .quick-view-content .quickview-close-btn:after{
        font-size: 23px;
        z-index: 999999;
    }
}
/*
===============================================
Product page
===============================================
*/

@media screen and (min-width:320px) and (max-width:530px) {
    .product-view .product-shop .product-name:before{  bottom: 28px; top: auto;}
    .product-view .product-shop .product-info,
    .product-view .product-shop .product-description{width: 100%; float: none; text-align: left;}
    .product-view .product-shop .product-info .info-wrapper{width: 100%; /*padding-right: 70px;*/ box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
    .product-view .product-shop .product-info .info-wrapper .electrical-sticker{position: absolute; top: 0; right: 0; margin-top: 0px; width: 83px; height: 83px;}
    .electrical-sticker a:after{width: 75px; height: 75px;}

}

@media screen and (min-width:320px) and (max-width:735px) {
    .product-view .product-essential form{display: block;}
    .product-view .product-shop{width: 100%;}
    .product-view .product-media{width: 100%;}


    .coming-soon-notice {text-align: center; font-size: 0.85em;}
    .coming-soon-notice .inner-wrapper{text-align: left; display: inline-block; padding-left: 60px}
    .coming-soon-notice .inner-wrapper:after{font-size: 23px;}
    .btn-stock-alert{padding: 18px 15px; letter-spacing: 2px; width: 100%;}
}

@media screen and (min-width:735px) and (max-width:900px) {
    .product-view .product-shop{width: 45%;}
    .product-view .product-media{width: 55%;}
}

@media screen and (min-width:735px) and (max-width:1110px) {
    button.btn-stock-alert{ letter-spacing: 1px; font-size: 0.7em;}
}

@media screen and (min-width:1110px) and (max-width:1190px) {
    button.btn-stock-alert{ letter-spacing: 2px;}
}

@media screen and (min-width:735px) and (max-width:1270px) {
    button.btn-stock-alert{ padding: 0 15px;}
}



/* tabs */

@media screen and (min-width:320px) and (max-width:1000px) {
    [id^="product_tabs_overview_contents"]  {display: block;}
    [id^="product_tabs_overview_contents"]  .left-col,
    [id^="product_tabs_overview_contents"] .right-col{width: 100%;}
    [id^="product_tabs_overview_contents"] .right-col{margin-top: 30px;}
}

@media screen and (max-width:400px) {
    #geometry-table.data-table.data-table thead, #geometry-table.data-table.data-table thead tr{display: none;}
    #geometry-table.data-table.data-table tbody tr td{display: block; background: #e9e9e9;}
    #geometry-table.data-table.data-table tbody tr td:first-child{background: #fff;}
    #geometry-table.data-table.data-table tbody tr td:not(:first-child):before{
        content: attr(data-header);
        display: inline-block;
        margin-right: 30px;
        margin-top: 0;
        font-weight: 700;
        font-size: 12px;
    }
}
@media screen and (max-width:650px) {
    .product-page-collateral .product-tabs{margin: 0 -20px;}
    .product-page-collateral .product-tabs > li { font-size: 0.92em; }
    .product-page-collateral .product-tabs > li a{padding: 20px 5px;}
    .catalog-product-view .breadcrumbs,
    .breadcrumbs{margin-bottom: 10px; margin-top: 0px; font-size: 0.92em; line-height: 1.8em; background: #eee; margin-left: -15px; margin-right: -15px; padding: 0 15px;}
    .product-tabs-content{padding: 0;}
    .product-tabs-content .block{padding: 30px 15px;}
    .product-tabs-content .block #product-attribute-specs-short-table{display: table;}
    .product-tabs-content .block #product-attribute-specs-short-table .row .row-item{display: table-cell; min-width: 0px; max-width: 100%; line-height: initial; vertical-align: top; padding: 5px 0;}
    .product-tabs-content .block #product-attribute-specs-short-table .row .row-item:first-of-type{padding-right: 10px;}
    .product-page-collateral .product-tabs > li:not(.content):first-child,
    .product-page-collateral .product-tabs > li:not(.content) { width: 100%; float: none!important; padding: 0 10px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box;}
    .product-page-collateral .product-tabs > li:not(.content) { background: #e9e9e9;}
    .product-page-collateral .product-tabs > li{ border-bottom: 2px solid #fff; position: relative;}
    .product-page-collateral .product-tabs > li:not(.content):after{
        content: '\e040';
        right: 20px;
        top: 0px;
        line-height: 63px;
        color: #000000;
        font-size: 22px;
    }
    .product-page-collateral .product-tabs li.active:after{content: '\e041'}
    .product-page-collateral .product-tabs li.active {border-bottom: 2px solid #fe7701;}
    .product-page-collateral .product-tabs li.active a{border-bottom-color: #D7D7D7;}
    .product-page-collateral .product-tabs li:not(.content).active a:after{content: none;}

    .product-page-collateral .product-tabs li.content{display: block; text-align: left; width: 100%; padding: 15px 15px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .product-page-collateral .product-tabs li.content .product-page-collateral .product-tabs-content{padding:0;}
    .product-page-collateral .product-tabs ~ .product-tabs-content{display: none;}
    .product-page-collateral .product-tabs-content:after,
    .product-page-collateral .product-tabs-content:before{content: none;}

    #geometry-table{margin-top: 20px;}
    #geometry-table,
    #geometry-image{width: 100%;}

    [id^="product_tabs_overview_contents"] .puffs img{display: none;}
    #product-attribute-specs-table .row{ font-size: 0.85em;}
    #product-attribute-specs-table .row .row-header{min-width: 0;}
}

@media screen and (min-width:650px) and (max-width:920px) {
    .product-tabs > li:not(.content){font-size: 0.92em;     padding: 0px 7px;}
    .product-tabs > li:not(.content) a{padding: 10px 0;}
}

@media screen and (max-width:1135px) {
    .product-collateral .bottom-links {
        position: absolute;
        left: 0px;
        top: -30px;
    }

    .product-tabs{padding-right: 0px;}
}

/* specs */

@media screen and (max-width:440px) {
    #product-attribute-specs-table{font-size: 0.92em;}
}
@media screen and (max-width:800px) {
    #product-attribute-specs-table{max-height: 3000em;}
    #product-attribute-specs-table .row{width: 100%;}
    #product-attribute-specs-table .row .row-item{ display: table-cell; min-width: 0px; padding: 7px 9px;}
    #product-attribute-specs-table .row .row-header{padding-right: 5px;}
}



/*
===============================================
Store Quantity popups
===============================================
*/


@media screen and (max-width:420px) {
    #shipping-methods-block li.store{padding: 11px 5px 11px 15px;}
    div[class*="-wrapper-modal"]:not(.stock-wrapper-modal) .stock-content li.store{padding: 11px 11px 11px 15px;}
    .stock-wrapper-modal .stock-content li.store{padding: 11px  34px 11px 15px;}
    #shipping-methods-block li.store .quantity:after, div[class*="-wrapper-modal"] .stock-content li.store .quantity:after{left: 5px;}
    #shipping-methods-block li.store .name, div[class*="-wrapper-modal"] .stock-content li.store .name{font-size: 0.92em;}
    #shipping-methods-block li.store .info,
    div[class*="-wrapper-modal"] .stock-content li.store .info{color: #555454; padding:0 15px 0 10px;}
}

@media screen and (min-width:320px) and (max-width:530px) {
    #shipping-methods-block .view-all-stores, div[class*="-wrapper-modal"] .stock-content .view-all-stores{padding: 0;}
}

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

    #shipping-methods-block li.store, div[class*="-wrapper-modal"] .stock-content li.store{font-size: 0.78em;}
    #shipping-methods-block li.store .quantity:after, div[class*="-wrapper-modal"] .stock-content li.store .quantity:after{width: 10px; height: 10px; margin-top: -5px;}
}


/*
===============================================
Store page
===============================================
*/

/* boxes */
@media screen and (min-width:320px) and (max-width:600px) {
    .store-wrapper .store-map,
    .store-wrapper .store-info{width: 100%; float:none;}
}
@media screen and (min-width:320px) and (max-width:410px) {
    .find-store li.parent,
    .find-store .child-stores .inner-wrapper li{width: 100%;}
    .product-view .find-store .child-stores .inner-wrapper li{width: 100%; margin: 1% 0 0 0;}

    .find-store .child-stores .inner-wrapper li{border-right-width: 0px;}
}
@media screen and (min-width:410px) and (max-width:520px) {
    .find-store .child-stores .inner-wrapper li{ padding: 20px 8px;}
    .find-store .child-stores .inner-wrapper {margin: 0 -8px;}
    .find-store .stores-list{font-size: 0.8em;}

}

@media screen and (min-width:410px) and (max-width:780px) {
    .find-store li.parent,
    .find-store .child-stores .inner-wrapper li{width: 50%;}
    .product-view .find-store .child-stores .inner-wrapper li{width: 49%; margin: 1% 0.5% 0 0.5%;}

    .find-store .child-stores .inner-wrapper li:nth-child(4n){border-right-width: 1px;}
    .find-store .child-stores .inner-wrapper li:nth-child(2n){border-right-width: 0px;}
}

@media screen and (min-width:780px) and (max-width:1100px) {
    .find-store li.parent,
    .find-store .child-stores .inner-wrapper li{width: 33.33%;}

    .find-store .child-stores .inner-wrapper li:nth-child(4n){border-right-width: 1px;}
    .find-store .child-stores .inner-wrapper li:nth-child(3n){border-right-width: 0px;}
}

/* filter, search and title */
@media screen and (min-width:320px) and (max-width:370px) {

    .find-store .search-form ~ .input-box{font-size: 0.85em; width: 100%; margin: 0!important; line-height: 23px;}

    .find-store .search-form{grid-template-columns: 1fr 30px;}
    .find-store button.search-store-btn:after{font-size: 18px; width: 30px;}
}

@media screen and (min-width:357px) and (max-width:370px) {

    .find-store .search-form ~ .input-box{font-size: 0.8em;}
}
@media screen and (min-width:370px) and (max-width:440px) {
    .find-store .search-form{grid-template-columns: 1fr 45px;}
    .find-store button.search-store-btn:after{width: 45px;}
    .find-store div.reset-search-btn{right:46px;}
}

@media screen and (min-width:320px) and (max-width:440px) {
    .find-store .search-form {margin-bottom: 10px;}
    /*.find-store .search-form ~ .input-box{display: block; float: none; width: 100%; margin-left: 0;  line-height: 30px;}*/

    .find-store .search-form ~ .input-box{margin-left: 5px;}
    .find-store .search-form + .input-box{margin-left: 0px;}
    .find-store .search-form ~ .input-box label{letter-spacing: 0!important;}

    .find-store input.search-store {font-size: 0.7em;}
    .resursbank-checkout-block .find-store input.search-store {font-size: 1em;}
}

@media screen and (min-width:440px) and (max-width:550px) {
    .find-store input.search-store {font-size: 0.7em;}
    .resursbank-checkout-block .find-store input.search-store {font-size: 1em;}
}

@media screen and (min-width:370px) and (max-width:500px) {
    .find-store .search-form ~ .input-box{font-size: 0.85em;}
}

@media screen and (min-width:320px) and (max-width:550px) {
    .stores-view h1.title{font-size: 1em;}

}
@media screen and (min-width:550px) and (max-width:767px) {
    .stores-view h1.title{font-size: 1.3em;}
}

@media screen and (min-width:320px) and (max-width:1000px) {
    .find-store .search-form{width: 100%; max-width: 100%; float: none;}
    .stores-view h1.title{margin-bottom: 15px;}
    .bineacustom-index-stores .breadcrumbs{display: none;}
}

@media screen and (min-width:1000px) and (max-width:1230px) {
    .find-store .search-form{width: 50%;}
}


/*
===============================================
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 .main,
    .neatklarnacheckout-index-index .col1-layout .main{padding: 15px 0px!important;}
   /* .cart .page-title,
    #shopping-cart-table,
    .discount-form,
    .shipping,
    .agreement-comments .buttons-set,
    .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:571px) {
    .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_additional_contents) .data-table table,
    div:not(#product_tabs_additional_contents) .data-table table tbody,
    div:not(#product_tabs_additional_contents) .data-table table thead,
    div:not(#product_tabs_additional_contents) .data-table table tbody tr,
    div:not(#product_tabs_additional_contents) .data-table table thead tr th,
    div:not(#product_tabs_additional_contents) .data-table table tbody tr th,
    div:not(#product_tabs_additional_contents) .data-table 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) {
    .cycleurope-logos > *{flex-wrap: wrap;}
    .cycleurope-logos span, .cycleurope-logos a{width: 33%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 7px 20px!important;}
    .cycleurope-logos img{max-height: 20px}
    .cycleurope-logos{padding: 40px 20px;}
}

@media screen and (min-width:320px) and (max-width:500px) {
    .cycleurope-logos > *{flex-wrap: wrap;}
    .cycleurope-logos span, .cycleurope-logos a{width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 7px 20px!important;}
    .cycleurope-logos img{max-width: 120px}
}
@media screen and (min-width:320px) and (max-width:505px) {

    .footer-container{  padding: 20px 20px 35px 20px; }
    .footer{padding: 0;}
    .footer-container .footer .f-column{width: 100%; max-width: 100%; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box;}
}

@media screen and (min-width:505px) and (max-width:900px) {

    .footer-container{  padding: 30px 20px 35px 20px; }
    .footer{padding: 0;}
    .footer-container .footer .f-column{width: 49%; max-width: 49%; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 15px;}
}

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

    .cycleurope-logos img{max-width: 100%;}

    .compare-header{  bottom: 54px; z-index: 999; font-size: 0.85em; height: 35px; line-height: 35px; padding: 0 11px;}
    .compare-header .icon:after{font-size: 10px;}
    /* mobile footer */
    .mobile-footer {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 998; display: block;}
    .mobile-footer #mobile-nav{background: #fe7601; display:flex; padding: 7px 0 11px 0; box-shadow: 1px 1px 2px #000;}
    .mobile-footer #mobile-nav li{width: 33%; text-align: center; font-size: 0.75em; text-transform: uppercase; color: #fff; position: relative;}
    .mobile-footer #mobile-nav li:before{position: relative; display:block; font-size: 19px; height: 19px; -webkit-text-stroke: 0px;}
    .mobile-footer #mobile-nav li.menu:before{content: "\e919"; margin-top: -4px; height: 23px; font-size: 23px;}
    .mobile-footer #mobile-nav li.bike:before{content: "\e0a6"; font-size: 16px;}
    .mobile-footer #mobile-nav li.stores:before{content: "\e92f"; font-size: 17px;}
    .mobile-footer #mobile-nav li.faq:before{
        content: "?";
        font-size: 0.92em;
        width: 19px;
        line-height: 1;
        display: inline-block;
        position: relative;
        padding: 1px 3px 3px 3px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .mobile-footer #mobile-nav li.cart:before{content: "\e91e"; font-size: 17px;}

    .mobile-footer #mobile-nav li a,
    .mobile-footer #mobile-nav li span{color: #fff; border-bottom: 0; display: block; font-weight: normal; padding-top: 2px;}
    .mobile-footer #mobile-nav li > span{padding-top: 4px;}
    .mobile-footer #mobile-nav li span{font-size: 0.85em;}

    .mobile-footer #mobile-nav li.cart span{display: inline-block; position: relative;}
    .mobile-footer #mobile-nav li.cart .count{
        position: absolute;
        top: -16px;
        right: 21px;
        background: #fff;
        color: #fe7601;
        padding: 1px;
        width: 12px;
        height: 12px;
        line-height: 12px;
        border-radius: 50%;
        font-size: 1.2em;
        display: none;
    }
    .mobile-footer #mobile-nav li.cart .count.show{display: block;}

    .header-container.singlerow .header .top .cart-header .cart-icon{display: none;}

}
@media screen and (min-width:320px) and (max-width:380px) {
    .mobile-footer #mobile-nav li span{font-size: 0.75em;}
}
@media screen and (min-width:900px) and (max-width:1250px) {

    .footer-container{  padding: 30px 50px 35px 50px; }

}

@media screen and (min-width:900px) and (max-width: 1350px) {

    .footer-container .footer .f-column{max-width: 25%}

}

/*
===============================================
Search page
===============================================
*/



@media screen and (max-width:767px) {
    .catalogsearch-result-index div.search-result-wrapper:not(.cat-search) .page-title{padding-right: 0;}

    .catalogsearch-result-index div.search-result-wrapper:not(.cat-search) .toolbar-top{top: -87px;}
}

/*
===============================================
Cykelväljare
===============================================
*/
@media screen and (min-width:320px) and (max-width: 450px) {
    .block-layered-nav.type-visible.amshopby-filters-top dt{font-size: 0.85em;}
    .block-layered-nav.type-visible dl.filter-object{width: 100%;margin-bottom: 15px;}
}

@media screen and (min-width:320px) and (max-width: 767px) {
    .block-layered-nav.type-visible.amshopby-filters-top dt{line-height: 35px;}
    .block-layered-nav.type-visible.amshopby-filters-top dt{background: #fe7701!important; color: #fff;  margin: 0 -20px 15px -20px!important; padding: 5px 20px 5px 65px;}
    .block-layered-nav.amshopby-filters-top dl dt:before{ background-color: #393c41; line-height: 35px; height: 35px; width: 35px; font-size: 1.1em;}
    div.block-layered-nav.amshopby-filters-top dt:before{left: 20px;}
    .block-layered-nav.type-visible dl.filter-object{margin-bottom: 5px;}

    /*.filter-toggle{margin: 0px!important;}*/
}

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

    .block-layered-nav.type-visible.amshopby-filters-top dt{font-size: 0.85em;}
    .block-layered-nav.type-visible dl.filter-object{width: 100%;margin-bottom: 15px;}
    .block-layered-nav.type-visible.amshopby-filters-top dd ol{display: -webkit-flex; display: -ms-flexbox; display: flex!important; justify-content: space-between; flex-wrap: wrap;}
    .block-layered-nav.type-visible.amshopby-filters-top dd ol li{width: 49%; min-width: 49%; margin: 0}

}

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

@media screen and (max-width: 700px) {
    .sub-cats li{width: 100%; margin-bottom: 0px; box-sizing: border-box; border-radius: 0; display: none; text-align: left; background: #e6e2e2; color: #393c41;}
    .sub-cats.open li{display: block;}
    .sub-cats li.toggle-select{background: #fe7601; color: #fff; display: block; position: relative;}
    .sub-cats li.toggle-select:after{content: "\e915"; right: 10px; top: 0; font-size: 6px; line-height: 43px;}
    .sub-cats.open li.toggle-select:after{content: "\e914";}
    .sub-cats li.active{background: #ccc;}
}


/*
===============================================
CMS pages
===============================================
*/


/* general */
@media screen and (max-width: 767px) {
    .cms-page-view .std img{float: none; width: auto!important; margin: 10px 0!important; }
    .cms-page-view iframe {max-height: 300px!important;}
}
@media screen and (max-width: 1000px) {

   .cms-page-view .std ul,
   .cms-page-view .std ol{ margin: 0;}

    [class*="cms"] table.col-2 td{display: block; width: 100%!important;}
    [class*="cms"] table.col-2 td iframe{width: 100%;}
    [class*="cms"] table.col-2 td img{margin: auto; display: block;}

    [class*="cms"] table.col-2 td:first-of-type{padding-right: 0px;}
    [class*="cms"] table.col-2 td:last-of-type{padding-left: 0px;}

}

/* timeline */
@media screen and (max-width: 1000px) {
    .timeline table{margin-top: 30px;}
    .timeline td:last-of-type{width: 100%; margin-left: 0; box-sizing: border-box; -moz-box-sizing: border-box;}
    .timeline td:last-of-type:before,
    .timeline td:last-of-type:after{content: none;}

    .timeline td:first-of-type{width: 100%; text-align: center; position: relative; padding: 0 0 15px 70px; box-sizing: border-box; -moz-box-sizing: border-box;}
    .timeline td:first-of-type:before{left: 50%; margin-left: -20px; width: 40px; height: 40px; top: -10px;}
    .timeline td:first-of-type:after{left: 50%; margin-left: -13px; width: 25px; height: 25px; border-width: 5px; top: -2px;}

    .timeline table:before{left: 50%; margin-left: -2px;}
    .timeline td:last-of-type img{float: none!important; display: block; margin: 0 auto 15px auto!important; padding: 0; max-width: 100%; margin: auto;}
}

/**
 * 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.crescent.fi/skin/frontend/standard/default2/images/ico_plus.png) no-repeat left 10px;
}
.expanded p.collapsed
{
    background: transparent url(https://www.crescent.fi/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.crescent.fi/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%;
}
/*


   Magic Zoom Plus v4.0.30 
   Copyright 2012 Magic Toolbox
   Buy a license: www.magictoolbox.com/magiczoomplus/
   License agreement: http://www.magictoolbox.com/license/


*/


/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover {
    display: inline-block;
    cursor: url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/zoomin.cur), pointer;
    outline: 0 !important;
}

/* Style of the small image */
.MagicZoomPlus img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
    display: none !important;
}

/* Style of hint box */
.MagicZoomPlusHint {
    background: url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/hint.gif) no-repeat 2px 50%;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 24px;
    margin: 0;
    min-height: 24px;
    padding: 2px 2px 2px 20px !important;
    text-align: left;
    text-decoration: none;
}

/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText {
    display: none;
}


/* Style of the zoomed image */
.MagicZoomBigImageCont {
    background: #ffffff;
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* Style of text on the zoomed image */
.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important;
}

/* Style of square magnify area under the cursor */
.MagicZoomPup {
    background: #fff;
    border: 1px solid #aaa;
    cursor:url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/zoomin.cur),pointer;
}

/* Style of loading message and icon shown during load */
.MagicZoomLoading {
    background: #fff url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    margin: 0;
    padding: 4px 4px 4px 24px !important;
    text-align: left;
    text-decoration: none;
}

/* Style of hotspots */
.MagicHotspots {
    display: none;
    visibility: hidden;
}
.MagicHotspots a {
    border: 1px solid #ccc;
    display: block !important;
    position: absolute !important;
}
.MagicHotspots a:hover {
    border: 1px solid red;
}

/* Style of the small image when the large image is expanded */
.MagicThumb-expanded-thumbnail {
    cursor: default;
}

/* Style of the expanded image */
.MagicThumb-expanded {
    background: #ffffff;
    border: 1px solid #ccc;
    cursor: url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/zoomout.cur), pointer;
    outline: 0;
    padding: 0;
}

.MagicThumb-expanded img {
    background: #ffffff;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
    background: #EBEBEB;
    border: 0 !important;
    color: #858585;
    font: normal 11px Arial, Helvetica;
    text-transform: uppercase;
    letter-spacing: 1px;
    min-height: 18px !important;
    padding: 8px;
    outline: 0 !important;
    text-align: left;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
    display: block;
    height: 100%;
    width: 100%;
    right:0px !important;
    position: relative;
    top: 0px!important;
    left: 0px!important;
}

.MagicThumb-buttons a[rel="close"]{
    width: auto;
    position: absolute!important;
    top: 10px;;
    right: 10px;
    background: none!important;
}

.MagicThumb-buttons a:after{  text-shadow: 0px 0px 2px #FFF; color: #C7C7C7; position: relative; }
.MagicThumb-buttons a:hover:after{color: #000!important;}
.MagicThumb-buttons a[rel="close"]:after{
    content: '\e117';
    font-size: 2em;
    line-height: 30px;
}

.MagicThumb-buttons a[rel="next"]:after,
.MagicThumb-buttons a[rel="previous"]:after{
    top: 0px;
    color: #C7C7C7;
    font-size: 3em;
    line-height: 45px;
}

.MagicThumb-buttons a[rel="next"]:after{content: '\ea42';}
.MagicThumb-buttons a[rel="previous"]:after{content: '\ea44';}

.MagicThumb-buttons a[rel="next"]{
    position: absolute!important;
    top: 50%;
    right: 20px;
    margin-top: -22px;
}

.MagicThumb-buttons a[rel="previous"]{
    position: absolute!important;
    top: 50%;
    left: 20px;
    margin-top: -22px;
}


/* Style of the loading message box */
.MagicThumb-loader {
    background: #fff url(https://www.crescent.fi/skin/frontend/standard/default2/magiczoomplus/graphics/loader.gif) no-repeat 2px 50%;
    border: 1px solid #000;
    font: normal 12pt sans-serif;
    line-height: 1.5em;
    margin: 0;
    padding: 2px 2px 2px 22px;
    text-align: left;
    text-decoration: none;
}

.MagicThumb-expanded > div > div > div > img {
    max-height: none !important;
    max-width: none !important;
    height: auto !important;
    width: auto !important;
}

.magic-temporary-img img {
    max-height: none !important;
    max-width: none !important;
}

/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
    -moz-box-shadow: 3px 3px 4px #888888;
    -webkit-box-shadow: 3px 3px 4px #888888;
    box-shadow: 3px 3px 4px #888888;
    border-collapse: separate;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
    -moz-box-shadow: 0px 0px 4px 4px #888888;
    -webkit-box-shadow: 0px 0px 4px 4px #888888;
    box-shadow: 0px 0px 4px 4px #888888;
    border-collapse: separate;
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}

/* 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;
}