@charset "UTF-8";
@import 'oe.css';

img{max-width: 100%; height: auto;}
.cover{background-size: cover; background-position: center top;}
a:focus{text-decoration: none;}
.fweight600{font-weight: 600;}.color-green{color: #0f9e04;}.color-red{color: #cd1d1d;}

.btn{border-radius: 0; text-transform: uppercase; font-size: 1.1428571428571428em; padding: 12px 16px;}

.display-t{display: table;}
.display-t .display-tc{display: table-cell; vertical-align: middle;}
.w100{width: 100%;}

label{margin: 0;}

.btn.btn-blank{
    text-align: left;
    padding: 9px 10px;
    border: 1px solid #ccc;
    outline: none;
    text-transform: none;
    font-size: 14px;
    color: #303030;
    line-height: 16px;
}
.btn.btn-blank strong{
    font-weight: 700;
    color: #1a338a;
    font-size: 18px;
}
.btn.btn-blank:hover{background-color: #ccc;}
.d-table{display: table;}
.d-cell{display: table-cell; vertical-align: middle;}
.btn-transparent{
    border: 1px solid rgba(255,255,255,0.35);
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 300;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-transparent:hover,
.btn-transparent:focus{color: #fff;}
.btn-transparent:hover{border-color: rgba(255,255,255,0.75)}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight: 700;}
h1,.h1{font-size: 22px;}
h2,.h2{font-size: 18px;}

#wrapper{max-width: 1920px; margin: 0 auto;}

/* =============================================================================
   header
   ========================================================================== */
#header{position: relative; background-image: url(../images/header-bg.jpg); background-position: center 0; background-repeat: no-repeat;}
#header:before{
    content: '';
    background-color: #173087;
    display: block;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
}
#header .container{position: relative; z-index: 5;}
#header > .container{z-index: 5000;}
#sitelogo{background-color: #173087; float: left; background-image: url(../images/block-seperator.png); background-position: 100% center; background-repeat: no-repeat; padding-right: 50px; height: 60px; padding-top: 12px;}
#head-btns{float: left; position: relative; padding-right: 38px;}
#head-btns .inner{background-color: #173087; height: 60px; padding-top: 13px;}
#head-btns .seperator{background-image: url(../images/block-seperator.png); background-position: 100% center; background-repeat: no-repeat; width: 42px; height: 60px; right: -42px; position: absolute; top: 0; right: 0;}
#head-btns .my-bills, #head-btns .my-orders{background-position: 6px center; background-repeat: no-repeat; padding-left: 27px;}
#head-btns .my-bills{background-image: url(../images/icos/my-bills.png);}#head-btns .my-orders{background-image: url(../images/icos/my-orders.png);}


.sitelang, .sitelang ul{list-style: none; padding: 0; margin: 0; z-index: 1000;}
ul.sitelang{float: left; margin-left: -10px; margin-right: 5px;}
.sitelang > li{position: relative;}
.sitelang a{display: block; padding: 6px 10px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #173087;}
.sitelang ul{position: absolute; min-width: 100%; white-space: nowrap; display: none;}
.sitelang li:hover > a{background-color: #132871; border-color: #41559d;}
.sitelang li:hover > a{text-decoration: none;}
.sitelang > li:hover > ul{display: block;}
.sitelang ul a{background-color: #173087;}
.sitelang ul li{padding-top: 4px;}
.sitelang img{width: 16px; height: auto;}

.head-btns{float: left; list-style: none; padding: 0; margin: 0;}
.head-btns li{float: left; margin: 0 5px;}
.head-btns li a{display: inline-block; background-color: #233b8d; text-transform: uppercase; border: 1px solid #41559d; color: #fff; padding: 6px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.head-btns li a:hover{background-color: #132871; text-decoration: none;}

#shoppingcart{background-color: #eee; border-bottom: 1px solid #ccc; padding: 15px 0;}
#searching{background-color: #f8f8f8; border-bottom: 1px solid #f3f3f3; padding: 15px 0;}

#sitemenu{margin-top: 12px; text-transform: uppercase; margin-bottom: 12px;}
#sitemenu a{color: #fff;}
#sitemenu ul{list-style: none; padding: 0; margin: 0;}
#sitemenu ul li{float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; margin-top: 8px; font-size: 16px; font-weight: 600;}
#sitemenu ul li:first-child{border-left: 0; margin-left: 0; padding-left: 0;}
#sitemenu ul li.btn-li{border-left: 0; padding-left: 0; margin-top: 0;}

#sitemenu .btn{
    border: 1px solid #545556;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 300;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#sitemenu .btn:hover{background-color: #545556;}

.header-bot{color: #fff; min-height: 175px; overflow: hidden; position: relative; z-index: 0;}
.header-bot.compact{min-height: 100px;}
.header-bot .container{z-index: 0;}
.header-bot .d-table{ height: 175px; width: 100%;}
.header-bot.compact .d-table{height: 100px;}
.header-bot a{color: #fff;}
.client-img .img-wrap{height: 100px; width: 100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 55px; margin-right: 35px;}
.client-info h2{font-size: 24px; line-height: 26px; font-weight: 700; margin-top: 0;}
.client-info .info-1, .client-info .info-2{float: left; min-width: 245px; width: 33.3%;}
.client-info .info-3{float: left; width: 33.3%; text-align: right;}

/* =============================================================================
   content
   ========================================================================== */
.table-responsive{margin: 25px 0;}
.table th{font-size: 0.8571428571428571em; color: #818181; font-weight: 400;}
.table thead tr th{border: none;}
.small-input{border: 1px solid #d9dfd9; width: 42px; height: 28px; padding: 3px 5px;}
.table th.remove-pad{padding-left: 0!important; padding-right: 0!important;}
.table th.darken{color: #585858;}
.table tbody tr td{background-color: #f8fff8; vertical-align: middle;}
.table a{color: #173087;}
.pagination{margin: 0; font-size: 12px;}

#search-results{border-bottom: 1px solid #eee; padding: 15px 0;}
#search-results h2{margin: 0;}
#search-results label{color: #6a6c6a; font-size: 13px;}

#search-results .display-tc{padding: 0 15px;}
#search-results .display-t.pull-left .display-tc{padding-left: 0;}
#search-results .display-t.pull-right .display-tc{padding-right: 0;}
#search-results .display-t.pull-left .display-tc.fweight600 span{border-left: 1px solid #f1f1f1; padding-left: 10px; display: block;}

#searching .search-txt{
    color: #303030;
    line-height: 16px;
    padding: 12px 15px;
}
#searching .search-txt strong{
    font-size: 18px;
    color: #1a338a;
}

.searchform:not(.l-search__col)/*,
#search_plate_nr_form*/ {
    position: relative;
}

.searchform:not(.l-search__col) input[type="text"]/*,
#search_plate_nr_form input[type="text"]*/ {
    width: 100%;
    outline: none;
    border: 1px solid #e7e7e7;
    font-size: 26px;
    padding: 5px 15px;
    color: #303030;
    font-weight: 600;
    height: 55px;
}

.searchform:not(.l-search__col) *[type="submit"]/*,
#search_plate_nr_form *[type="submit"]*/ {
    height: 100%;
    width: 55px;
    border: none;
    outline: none;
    top: 0;
    right: 0;
    position: absolute;
    color: #fff;
    background: #173087;
}

.searchform:not(.l-search__col) *[type="submit"]:hover/*,
#search_plate_nr_form *[type="submit"]:hover */{
    background-color: #323232;
}

.no-pad-left{padding-left: 0;}
.no-pad-right{padding-right: 0;}

.shopping-carts{width: 595px; float: left;}
.shopping-carts h2{float: left; line-height: 36px; text-transform: uppercase; margin: 7px 16px 0 0;}
.shopping-carts select{border: 1px solid #ccc; background-color: #fff; float: left; height: 36px; margin: 7px 16px 0 0; width: 180px; padding: 0 0 0 10px;}
.shopping-carts .add_cart{width: 184px; float: left; position: relative;}
.add_cart .dropdown-menu .btn-sm {
    height: 2.25rem;
}
.shopping-carts .btn{border: 1px solid #ccc; font-size: 14px; height: 36px; padding: 7px 10px; background-color: #f7f7f7; margin: 7px 0 0 0; color: #303030;}
.shopping-carts .btn:hover{color: #303030; border-color: #ccc; background-color: #ccc;}
#news-ticker{
    margin-top: 7px;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 16px;
    color: #173087;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    height: 36px;
    line-height: 36px;
    float: left;

    overflow: hidden;
}
#news-ticker:before,
#news-ticker:after{content: ''; height: 36px; width: 51px; position: absolute; top: 0; z-index: 10;}
#news-ticker:before{left: 0; background: url(../images/ticker-left.png);}
#news-ticker:after{right: 0; background: url(../images/ticker-right.png);}
/* liScroll styles */
.tickercontainer{height: 36px; margin: 0; padding: 0; overflow: hidden;}
.tickercontainer .mask{position: relative; left: 0; top: 0; height: 36px; padding-left: 10px; padding-right: 10px; overflow: hidden;}
ul.newsticker{position: relative; left: 250px; list-style-type: none; margin: 0; padding: 0;}
ul.newsticker li{float: left; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #173087;}
ul.newsticker a{white-space: nowrap; padding: 0; color: #173087;}
ul.newsticker span{margin: 0 10px 0 0;}

.cart-btn{background-image: url(../images/icos/cashregister.png); background-position: 15px center; background-repeat: no-repeat; padding-left: 50px;}
.tocart-btn{background-image: url(../images/icos/tocart.png); background-position: 15px center; background-repeat: no-repeat; padding-left: 50px;}

.table.order-table th,
.table.order-table td{background: #fff;}
.table.order-table>thead>tr>th,
.table.order-table>tbody>tr>th,
.table.order-table>tfoot>tr>th,
.table.order-table>thead>tr>td,
.table.order-table>tbody>tr>td,
.table.order-table>tfoot>tr>td{border: none;}
.table .radio{margin-top: 0;}
.order-table th{font-weight: 700; color: #9d9d9d; font-size: 14px;}
.order-table tfoot{background-color: #f2f2f2;}
.order-table tfoot th{color: #303030; vertical-align: middle!important;}
.order-table tfoot td{font-size: 18px; vertical-align: middle!important;}
#other_address_form{display: none;}
.table.order-table .pink-bg th,
.table.order-table .pink-bg td{background-color: #fef5f5;}
.pink-bg th{color: #303030; vertical-align:middle!important;}
.pink-bg td{color: #c32929;}
.pink-bg td strong{font-size: 20px;}
.table.border-bot-none tr:last-child th,
.table.border-bot-none tr:last-child td{border: none;}
.table.th-black th{color: #000; font-size:14px;}

.order-basket-transport-select h4 {
    color: var(--forss-color-primary);
}

@media (max-width: 991.98px) {
    .order-basket-transport-select .col-md-6 + .col-md-6 {
        margin-top: 20px;
    }
}

.dropdown-menu{min-width: 100%; white-space: nowrap; background-color: #f7f7f7;}
.dropdown-menu .dropdown-form{width: 300px;}
.dropdown-menu .dropdown-form .btn{margin: 0;}
.dropdown-menu .dropdown-form .col-sm-8{padding-right: 0;}
.dropdown-menu .dropdown-form input[type="text"]{padding: 7px 10px; height: auto; border-radius: 0;}
.dropdown-menu .dropdown-form .btn{border-color: #173087; color: #fff; background-color: #173087;}
.dropdown-menu .dropdown-form .btn:hover{background-color: #323232; border-color: #323232;}

.black-title-box {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.black-title-box-menu{float:left;}

.black-title-box h4 a {
    color: #fff;
}
.black-title-box h4{min-width: 270px; display: inline-block; background: #303030; color: #fff; padding: 15px 20px; line-height: 24px; margin: 0 0 -1px 0;}
.black-title-box h4 small{display: block; color: #a3a3a3;}
.black-title-box label.pull-right{margin-top: 30px;}
.black-title-box .pull-right {
    margin-left: auto;
}
.black-title-box .btn {
    /*margin-top: -1px;*/
    margin-bottom: -1px;
    margin-left: 5px;
}

.black-title-box-menu:hover h4,
.black-title-box-menu.active h4
{
    background-color: #d7d7d7;
    color: #303030;
}

.pad-30-0{padding-top: 30px; padding-bottom: 30px;}

.section-title{font-size: 28px; text-transform: uppercase; line-height: 32px; font-weight: 700; margin-top: 0; margin-bottom: 20px;}
.news-list{list-style: none; padding: 0;}
.news-list li{min-height: 100px; margin-bottom: 50px;}
.post-date{font-size: 12px; display: block; margin-bottom: 10px;}
.post-status{color: #f02626; margin-right: 10px;}
.post-status.status-green{color: #0f9e04;}
.post-thumb{width: 100px; height: 100px; overflow: hidden; float: left; margin-right: 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.post-thumb.empty{background: url(../images/header-logo.png) center/70% no-repeat, rgb(23, 48, 135, .7);}

/* =============================================================================
   media query
   ========================================================================== */

/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
    opacity: 0;
    font-size: 18px;
    position: absolute;
    width:180px;
    height:60px;
    left: 0;
    top: -200px;
    z-index: 1;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    font-family: sans-serif;
}

/***
  With .over you can provide feedback when user drags a file over the drop zone:
 ***
  .fd-zone.over { border-color: maroon; background: #eee; }
*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#login-user{padding-top: 20px;}
.loginform .btn-small{margin-top: 20px; padding: 8px 15px; font-size: 12px;}

@media (max-width: 1170px){
    #news-ticker{display: none!important;}
    #footer .social_nets{float: none; clear: both; margin: 0;}
    .container{width: 100%;}
    .header-bot .d-table{width: 100%;}
    .client-info .info-1, .client-info .info-2{width: 50%; margin-bottom: 15px;}
    .client-info .info-1{padding-right: 15px;} .client-info .info-2{padding-left: 15px;}
    .client-info .info-3{margin-left: 0; float: none; clear: both; width: 100%;}
    #searching .search-txt, .btn.btn-blank{text-align: center;}
    #searching .no-pad-left{padding-left: 15px;}
}
@media (max-width: 960px){
    .header-bot{height: auto;}
}
@media (max-width: 767px){
    #login-user .pull-left{float: none!important;}
    #login-user .pull-right{float: none!important; margin-top: 15px; clear: both;}
}
@media (max-width: 640px){
    .shopping-carts h2{display: block; float: none;}
    .shopping-carts select, .shopping-carts .btn, .shopping-carts .add_cart{margin-left: 0; margin-right: 0; width: 100%;}
    .dropdown-menu .dropdown-form{width: 100%;}
    .dropdown-menu .dropdown-form .col-sm-8{padding-right: 15px; margin-bottom: 15px;}
    .shopping-carts .add_cart{margin-bottom: 15px;}
    #footer ul{display: block;}
    #footer .company-info li{display: block; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
    #searchform{margin-bottom: 15px;}
    .no-pad-right{padding-right: 15px;}
    .no-pad-left{padding-left: 15px;}
    .news-element{min-height: 100px;}
    .news-element:last-of-type{margin-bottom: 0;}
    #footer{margin-top: 0;}
    .pad-30-0{padding-top: 15px; padding-bottom: 15px;}
    .pad-30-0 > .col-sm-6, .pad-30-0 > .col-sm-12{padding-left: 0; padding-right: 0;}
    .header-bot .d-table{width: 100%;}
    #searching{margin-left: -15px; margin-right: -15px; margin-top: -15px;}
    #search-results .display-t.pull-left, #search-results .display-t.pull-right{float: none!important; width: 100%; margin-bottom: 15px;}
    #search-results .display-t.pull-left .display-tc:first-of-type{text-align: right;}
    #search-results .display-t.pull-right{margin-bottom: 0;}
    #search-results .display-t.pull-right .display-tc{width: 50%; padding: 0;}
    #search-results .display-t.pull-right .display-tc:first-child{padding-right: 15px;}
    #search-results .display-t.pull-right .display-tc:last-child{padding-left: 15px;}
    #search-results .display-t.pull-right .btn{display: block; text-align: center; width: 100%;}
    ul.sitelang{margin-left: 0;}
    #sitemenu ul li{float: none; border: none; padding-left: 0; margin-left: 0; margin-top: 15px;}
    #sitemenu ul li.btn-li{margin-top: 15px;}
    .head-menu.pull-right{float: none!important; padding: 10px 0; clear: both;}
    #sitemenu{margin: 0 0 15px 0!important;}
}
@media (max-width: 639px){
    #header:before{width: 100%;}
    #head-btns .seperator{display: none;}
    #sitelogo{background-image: none; padding-right: 15px;}
    #head-btns{padding-right: 0; background-image: none; float: right; font-size: 10px;}
    #logo{display: inline-block; width: 80px; margin-top: 5px;}
    ul.sitelang{margin-left: 0;}
    #sitemenu ul li{float: none; border: none; padding-left: 0; margin-left: 0; margin-top: 15px;}
    #sitemenu ul li.btn-li{margin-top: 15px;}
    .head-menu.pull-right{float: none!important; padding: 10px 0; clear: both;}
    #sitemenu{margin: 0 0 15px 0!important;}
}

#results-table td{padding-top: 2px; padding-bottom: 2px;}

.table-hover tr:hover td,
.search-result-row:hover td {
    background-color: #e4f3e4;
}

.search-result-alternative-row td:first-child {
    padding-left: 5px;
    border-left: 20px solid #ddd;
}

.q3O4yk68KakpZkEjFTes7,
._2BXoIw6B8oJXA1nU-idaaI{
    border-radius: 0 !important;
}
._3IQ_qpdVQHWlsy3iyiPpRh {
    border-top: none;
    display: none!important;
}
._3rgxkMYdMAINVRIwyS23xQ  span {
    font-size: 18px !important;
    color: #1a338a;
    font-weight: bold;
    font-family: 'Open Sans',sans-serif !important;
    text-transform: uppercase;
}
._2n8pQlhLaip_4ERcTLxGPj {
    padding: 0 !important;
}
.margin-top-15 {
    margin-top: 15px;
}

.gJdDgfkx16fZTMTm_ESxA > div {
    display: none!important;
}
.gJdDgfkx16fZTMTm_ESxA div {
    display: none!important;
}

.q3O4yk68KakpZkEjFTes7,
._2BXoIw6B8oJXA1nU-idaaI {
    border: 1px solid #d3dade!important;
    font-weight: 400;
}
._3YnKqo5flseXUrCNYnJfdp {
    color: #a1b7c2!important;
}

.qty-group {
    overflow: hidden;
    float: right;
    height: 32px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    position: relative;
    border-radius: 0;
}

.qty-group .qty-input {
    width: 100%;
    border: none;
    line-height: 28px;
    height: 32px;
    padding-right: 26px;
    outline: none !important;
}


.qty-group .input-group-btn{
    height: 16px;
    width: 24px;
    position: absolute;
    right: 0;
}
.qty-group .input-group-btn.input-top{top: 0}
.qty-group .input-group-btn.input-bot{bottom: 0}

.qty-group .input-group-btn button{
    position: relative;
    height: 16px;
    width: 24px;
    line-height: 16px;
    text-align: center;
    border: none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -5000px;
    padding: 0;
}

.qty-group .input-group-btn button.qty-minus{background-image: url(../images/qty-minus.png); top: -16px}
.qty-group .input-group-btn button.qty-plus{background-image: url(../images/qty-plus.png)}
.qty-group .input-group-btn button:hover{background-color: #e2e2e2}
.qty-group .input-group-btn button:focus{outline:none!important}
.qty-input {
    min-width: 3.75rem !important;
}
.domain-wholesale .qty-input {
    min-width: 4.75rem !important;
}
@media (max-width: 992px){
    /*
    html:not(.domain-retail) .qty-group .qty-input{width: 40px; padding: 0}
    html:not(.domain-retail) .qty-group .input-group-btn{display: none!important}
     */
    .qty-input {
        width: 3.75rem !important;
    }
    .domain-wholesale .qty-input {
        width: 4.75rem !important;
    }
}

#product-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 40px
}

.product-category {
    position: relative;
    cursor: pointer;
    min-height: 133px;
    min-width: calc(50% - 1px);
    max-width: 100%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: calc(50% - 1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    -o-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    margin: .5px;
    -webkit-box-shadow: 0 0 0 1px #d3dade, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #d3dade, 0 0 0 0 transparent;
    text-decoration: none !important;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-category-inner {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}
.product-category-inner__name {
    font-size: 16px;
    margin-bottom: 18px;
}
.product-category-inner__name a {
    color: #546c78;
}
.product-category-inner__image {
    min-height: 98px;
    margin-bottom: 18px;
}

.product-category img {
    max-width: 100%;
    display: block;
    height: 160px;
}

.product-search-btn {
    float:right;
    background-color: #3380a9;
    border-radius: 3px;
    width: 45px;
    height: 35px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-search-btn:hover {
    background-color: #36454d;
}
.product-search-btn-icon {
    font-size:14px;
    height:20px;
    fill:white;
}
.product-search-btn-icon:hover {
    fill:white;
}
@media only screen and (min-width: 600px) {
    .product-category {
        overflow: visible;
        z-index: 10;
        min-height: 220px;
        min-width: 220px;
        width: auto;
    }
}

.prod-cat-btn {
    text-align: center;
    height: 55px;
}

.prod-cat-btn strong{
    font-size: 14px !important;
    line-height: 35px;
}
@media only screen and (max-width: 760px) {
    .prod-cat-btn {
        margin-top:10px;
    }
}



/* 16.04.2019 */
.clearfix::after{content: "";clear: both;display: table}

.flex-stretch{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -15px
}
.flex-center{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px
}
.flex-content-center{-webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important}
.flex-content-end{-webkit-justify-content: flex-end!important; -ms-flex-pack: end!important; justify-content: flex-end!important}
.flex-item{
    padding: 0 15px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    flex: 0 0 auto\0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.flex-auto{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto\0;
}
.flex-fill{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1;
}
.no-pad{padding: 0!important}
.no-pad-left{padding-left: 0!important}
.no-pad-right{padding-right: 0!important}

.no-gutters{margin:0!important}
.no-gutters > .flex-item{padding:0!important}

/* sidebar */
#sidebar.flex-item{
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    width: 20%;
    flex: 0 0 auto\0;
}
#sidebar.flex-item + .flex-item{
    -webkit-flex: 0 1 80%;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
    width: 80%;
    flex: 0 0 auto\0;
}

.widget-title > *,
.component-header > *{margin: 0}

.widget-title + *{margin-top: 30px}
.component-header + *{margin-top: 24px}

.form-control + .input-group-addon,
.form-control + .input-group-addon + .input-group-addon{border-left: none}

a.input-group-addon:hover{background-color: #ddd}

.permalink-edit{background-color: #f1f1f1; margin-top: 1px; border-radius: 4px; border: 1px solid #ccc; padding: 4px 5px; font-size: 13px; line-height: 14px}
.permalink-label{color: #666; padding-right: 0}
.permalink-button{padding-left: 0}
.permalink-button button{
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 3px 10px;
    color: #666;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px
}
.permalink-button button:hover{background-color: #ddd}

.flex-item > .checkbox,
.flex-item > .radio{margin: 0}

.form-group + .flex-item{padding-top: 6px}

.category-img-btn,
.category-img-wrap{border: 1px solid #ccc; background-color: #f1f1f1; position: relative; width: 130px; height: 70px}

.category-img-wrap .remove-img{position: absolute; width: 16px; height: 16px; top: -8px; right: -8px; background-color: #fff; border-radius: 50%; padding: 0; border: none; z-index: 10}
.category-img-wrap .remove-img > svg{fill: #d75a4a; width: 16px; height: 16px}
.category-img-wrap .remove-img:hover > svg{fill: #000}
.category-img-wrap .change-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
.category-img-wrap .change-img .btn{padding: 5px 15px; line-height: 20px; height: auto; font-size: 1em}
.category-img-wrap .change-img .btn-success svg{fill: #fff; margin-right: -5px}
.category-img-wrap:hover .change-img{opacity: 1}
.category-img-wrap img {
    max-height: 70px;
}

.flex-category-add > .flex-item + .flex-item{border-left: 1px solid #ccc}

.form-group.flex-item{margin: 0}

.add-category{display: inline-block; padding-left: 22px; position: relative; font-size: 12px}
.add-category > svg{display: block; width: 16px; height: 16px; position: absolute; top: 0; left: 0; fill: #2c7fc4}

.delete-items{padding: 9px 9px 7px 9px!important}
.delete-items svg{width: 14px; height: 14px; fill: #fff}

.v-center{vertical-align: middle!important}

.no-border{border: none!important}

.no-border thead td{border: 1px solid #ddd!important}

* + .product-list-actions{margin-top: 15px}
* + #product-list-container{margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc}
.product-list-actions + #product-list-container{margin-top: 0}
#product-list-container .table-responsive{margin: 0}


.btn-primary,
.btn-success{color: #fff!important}

.btn-sm{height: auto; font-size: 14px; line-height: 14px; padding: 8px 15px}

.no-bg{background-color:transparent!important}

.delete-row{display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 5px; border: none; background: none; padding: 0}
.delete-row svg{width: 18px; height: 18px; display: block}
.delete-row:hover svg{fill: #c9302c}


.flex-search-label{
    -webkit-flex: 0 1 270px;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
    width: 270px;
    flex: 0 0 auto\0;
    padding-right: 0
}
.flex-search-label strong{text-transform: uppercase; color: #1a338a; font-size: 18px; line-height: 1em}

.flex-search-submit{
    -webkit-flex: 0 1 200px;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
    width: 200px;
    flex: 0 0 auto\0;
    padding-left: 0
}
.flex-search-submit .btn .flex-center{height: 53px; padding: 4px 10px}
.flex-search-submit .btn{padding: 0; height: auto; white-space: normal; font-size: 14px; line-height: 1em}
.flex-search-submit .btn.prod-cat-btn strong{line-height: 1em!important}

.flex-search-submit .btn{margin: 0!important}

@media (max-width: 1199px){
    #sidebar.flex-item,
    #sidebar.flex-item + .flex-item{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        flex: 0 0 auto\0;
    }
    #sidebar.flex-item{
        margin-top: 30px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}
@media (max-width: 1024px){
    .flex-search-label{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        flex: 0 0 auto\0;
        margin-bottom: 5px
    }
    .flex-category-add > .flex-item > .flex-stretch > .form-group.flex-item{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        flex: 0 0 auto\0;
        margin-bottom: 5px
    }
    .flex-category-add > .flex-item > .flex-stretch > .form-group + .flex-item.no-pad-left{padding-left: 15px!important}


    .flex-category-add > .flex-item.flex-fill,
    .flex-category-add > .flex-fill + .flex-auto{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        flex: 0 0 auto\0;
        padding: 0 15px!important
    }
    .flex-category-add > .flex-fill + .flex-auto{border-left: none; margin-top: 15px; padding-top: 15px!important}
}
@media (max-width: 768px){
    .flex-search-submit{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        flex: 0 0 auto\0;
        padding-left: 15px;
        margin-top: 5px
    }
}

.m-bot-15 {
    margin-bottom: 15px;
}

.m-bot-0 {
    margin-bottom: 0;
}

.btn-unp {
    background-color: #ffcf00;
}
.btn-unp:hover {
    background-color: #deb800 !important;
}

.clear-search {
    position:absolute;
    top:5px;
    right:60px;
    background: white;
    padding:10px;
}

.clear-search:hover {
    background: #a0a0a0;
}

/* 2020 forss tellimiskeskus */
@media (min-width: 992px){
    .modal {
        text-align: center;
        padding: 0!important;
    }
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

.modal-content{border-radius: 0; border: none}
.modal-header{border: none}
.modal-title{font-weight: 400}

.parts-container-frame{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 4px
}
.parts-container-frame > .frame-lang-select{
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    z-index: 1;
    top: -16px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid rgba(0,64,96,.2);
    color: rgba(0,64,96,.48);
    background-color: #f8f8f8;
    border-radius: 100px;
}
.parts-container-frame > .frame-lang-select > ul{
    height: 32px;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.parts-container-frame > .frame-lang-select > ul > li{padding: 0 10px}
.parts-container-frame > .frame-lang-select > ul > li + li{border-left: 1px solid rgba(0,64,96,.2)}
.parts-container-frame > .frame-lang-select > ul > li > a{display: block}
.parts-container-frame > .frame-lang-select > ul > li > a svg{
    display: block;
    width: 20px;
    height: 15px;
    opacity: .5
}
.parts-container-frame > .frame-lang-select > ul > li > a:hover svg{opacity: 1}

.parts-container-frame > .frame-content{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1;
    padding: 48px 8.045% 54px 8.045%;
}
.parts-container-frame > .frame-seperator{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto\0;
}
.frame-seperator > .frame-seperator-inner{
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.frame-seperator > .frame-seperator-inner:before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.5px;
    background-color: rgba(0,64,96,.2)
}
.frame-seperator > .frame-seperator-inner > span{
    position: relative;
    color: rgba(0,64,96,.48);
    display: block;
    padding: 7px 2px;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 20px;
    background-color: #f8f8f8;
    width: 50px;
    text-align: center;
}

.parts-content-title{
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33333;
}
.desc-txt{
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.54)
}
.small-txt{
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,.24)
}
.underlined-txt{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: rgba(0,0,0,.24);
    cursor: pointer
}


.form-input-container{
    position: relative;
    width: 100%;
    height: 40px;
}
.form-input-container input[type="text"],
.form-input-container input[type="search"],
.form-input-container input[type="email"],
.form-input-container input[type="password"],
.form-input-container select{
    height: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    flex: 0 0 auto\0;
    padding: 0 15px;
    background: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    outline: 0;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 4px;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.form-input-container select{padding-right: 0}
.form-input-container:hover input[type="text"]:not(:disabled),
.form-input-container:hover input[type="search"]:not(:disabled),
.form-input-container:hover input[type="email"]:not(:disabled),
.form-input-container:hover input[type="password"]:not(:disabled),
.form-input-container:hover select:not(:disabled){border-color: rgba(0,64,96,.48)}

.form-input-container.form-input-search input[type="text"],
.form-input-container.form-input-search input[type="search"],
.form-input-container.form-input-search input[type="email"],
.form-input-container.form-input-search input[type="password"]{padding-right: 45px}

.form-input-container input[type="text"]:disabled,
.form-input-container input[type="search"]:disabled,
.form-input-container input[type="email"]:disabled,
.form-input-container input[type="password"]:disabled,
.form-input-container select:disabled{
    opacity: .5;
    cursor: not-allowed
}

.form-input-search button{
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38px;
    flex: 0 0 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}
.form-input-search button > span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.form-input-search button > span > svg{fill: rgba(0,64,96,.48)}
.form-input-search button:hover > span{background-color: rgba(0,64,96,.2)}

.parts-form-group + *{margin-top: 13px}

.parts-form-group.inline-group{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}
.parts-form-group.inline-group > label{
    display: block;
    -ms-flex: 0 0 35.41667%;
    flex: 0 0 35.41667%;
    width: 35.41667%;
    flex: 0 0 auto\0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    color: rgba(0,0,0,.87)
}
.parts-form-group.inline-group > .form-input-container{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1;
}

.parts-form-group + .parts-form-group{margin-top: 20px}

.parst-form-after-select{
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid rgba(0,64,96,.06)
}
* + .parts-form-btn{margin-top: 32px}


.parts-btn{
    user-select: none;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 0 16px;
    margin: 0;
    border: 0;
    background: #0067b2;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    outline: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}
.parts-btn:hover{background-color: rgba(0,103,178,.72)}
.parts-btn > .btn-value-small{
    font-size: 13px;
    margin-left: 5px;
    opacity: .54;
}

.parts-btn.btn-block{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.parts-btn.btn-small{
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 24px
}
.parts-btn.btn-extra-small{
    height: 32px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 14px
}
.parts-btn.btn-outline{
    border: 1px solid rgba(0,64,96,.2);
    background-color: transparent!important;
    color: rgba(0,0,0,.87)
}
.parts-btn.btn-outline:hover{border-color: #0067b2; color: rgba(0,0,0,.87)}

.parts-btn.btn-light-blue{background-color: rgba(0,103,178,.72)}
.parts-btn.btn-light-blue:hover{background-color: #0067b2}

.parts-breadcrumbs{
    margin: -4px 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,.24)
}
.parts-breadcrumbs > li{padding-top: 4px; padding-bottom: 4px}
.parts-breadcrumbs > li:not(:last-child){
    padding-right: 32px;
    margin-right: 16px;
    background-image: url(../images/breadcrumb-arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px 16px
}
.parts-breadcrumbs > li > a{
    color: rgba(0,0,0,.42);
    -webkit-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear;
    text-decoration: none!important
}
.parts-breadcrumbs > li > a:hover{color: #0067b2}

.parts-results-header + *{
    margin-top: 16px;
    /*padding-top: 16px;
    border-top: 1px solid rgba(0,64,96,.06)*/
}
.parts-results-header + .parts-results-filter{
    border-top: 0;
    padding-top: 0
}
.parts-results-filter + *{
    margin-top: 16px
}

/* flex grid */
.parts-flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.parts-flex.flex-centered{
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.parts-flex.flex-stretched{
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.parts-flex.flex-start{
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.parts-flex.flex-end{
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.parts-flex > .parts-flex-item{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    flex: 0 0 auto\0;
}
.parts-flex > .parts-flex-item.item-fill{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1;
}
.parts-flex > .parts-flex-item.item-auto{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    width: auto;
    flex: 0 0 auto\0;
}
.parts-flex > .parts-flex-item.item25{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    flex: 0 0 auto\0;
}
.parts-flex > .parts-flex-item.item50{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    flex: 0 0 auto\0;
}


.parts-flex.flex-start > .flex-sticky{
    position: sticky;
    top: 16px
}

.flex-grid{margin: -4px}
.flex-grid > .parts-flex-item{padding: 4px}

.flex-grid.grid-wide{margin: -16px}
.flex-grid.grid-wide > .parts-flex-item{padding: 16px}

.parts-body-title > h1{
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    font-weight: 400;
}

.parts-body-title + *{margin-top: 24px}

.parts-body-title.parts-flex{margin-left: -8px; margin-right: -8px}
.parts-body-title.parts-flex > *{padding-left: 8px; padding-right: 8px}

.parts-table{
    width: 100%;
    border: none;
    border-collapse: collapse;
    text-align: left!important
}
.parts-table thead{
    font-size: 12px;
    line-height: 16px;
    border-bottom: 1px solid rgba(0, 64, 96, .2);
    color: rgba(0,0,0,.24)
}
.parts-table thead th{font-weight: 400; padding: 0 0 16px 0}
.parts-table tbody tr > td{
    padding: 32px 0;
    padding: 16px 0;
    font-size: 16px;
    line-height: 24px
}
.parts-table tbody tr{
    border-bottom: 1px solid rgba(0, 64, 96, .2);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: border;
    -o-transition-property: border;
    transition-property: border;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    will-change: border
}
.parts-table tbody .table-link > td{cursor: pointer}
.parts-table tbody .table-link:hover{border-bottom: 2px solid #0067b2}

.table-item-highlight{color: #0067b2}
.table-item-font14{font-size: 14px!important}

.parts-table + *{margin-top: 32px}

.parts-table .table-label{
    display: none;
    color: rgba(0,0,0,.24);
    font-size: 13px;
    line-height: 16px
}

.parts-body-filter{
    padding-left: 32px;
    padding-right: 32px;
    background-color: rgba(0,64,96,.06);
    border-radius: 4px;
}
.parts-body-filter + *{margin-top: 32px}
.parts-body-filter + .parts-body-filter-alt{margin-top: 0}

.parts-body-filter > .filter-heading{padding-top: 16px; padding-bottom: 16px; color: inherit; text-decoration: none!important}
.parts-body-filter > .filter-heading > .parts-flex-item + .parts-flex-item{padding-left: 16px}

.parts-body-filter > .filter-body > .panel-body{
    border-top: 1px solid rgba(0,64,96,.06);
    padding: 16px 0!important
}


.d-block{display: block}

.filter-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    padding: 0;
    border: 0;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background-color linear .15s;
    -o-transition: background-color linear .15s;
    transition: background-color linear .15s;
    outline: none!important
}
.filter-btn:not(:disabled):hover{background-color: #fff}
.filter-btn:not(:disabled) > svg{
    -webkit-transition: all linear .15s;
    -o-transition: all linear .15s;
    transition: all linear .15s;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.filter-btn-active > svg,
.filter-heading.collapsed .filter-btn:not(:disabled) > svg{
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.filter-btn:disabled > svg{fill: rgba(0,64,96,.06)!important}

.btn-reset{
    padding: 0;
    cursor: pointer;
    color: #0067b2;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #0067b2;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: border-bottom-color;
    -o-transition-property: border-bottom-color;
    transition-property: border-bottom-color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}
.btn-reset:hover{border-bottom-color: transparent}

.active-filters-list{
    margin: -4px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.active-filters-list > li{padding: 4px}

.filter-list-item{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    font-size: 14px;
    line-height: 16px;
    padding: 0 16px;
    border-radius: 16px;
    color: rgba(0,0,0,.54);
    background-color: rgba(0,64,96,.06);
    -webkit-transition: background-color ease-in-out .15s;
    -o-transition: background-color ease-in-out .15s;
    transition: background-color ease-in-out .15s
}
.filter-list-item > span > span{color: rgba(0,0,0,.24)}

.filter-list-item button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-left: 10px;
    border: 0;
    background: 0 0;
    cursor: pointer;
}

.filter-list-item:hover{color: #fff; background-color: #004060}
.filter-list-item:hover > span{text-decoration: line-through}
.filter-list-item:hover > span > span{color: inherit}
.filter-list-item:hover button > svg{fill: #fff!important}

.color-blue{color: #0067b2}

.selected-filters{
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.87);
    margin: -4px 0;
}
.selected-filters > li{
    padding: 4px 16px
}
.selected-filters > li > span{
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,0,0,.24);
    margin-bottom: 4px
}


.parts-boxed-grid{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: -4px
}
.parts-boxed-grid > .boxed-grid-item{
    padding: 4px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    flex: 0 0 auto\0
}
.parts-boxed-grid > .boxed-grid-item > .grid-item-inner{
    background-color: #fff;
    border: 1px solid rgba(0,64,96,.2);
    position: relative;
    height: 100%;
    padding: 20px;
    overflow: hidden;
    border-radius: 4px
}

.parts-boxed-grid.boxed-img-grid > .boxed-grid-item > .grid-item-inner{
    height: 336px;
    padding: 0;
}

.grid-item-inner > .img-grid-header:not(.grid-header-static),
.grid-item-inner > .img-grid-body:not(.grid-body-static){
    position: absolute;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.grid-item-inner > .img-grid-header > .inner-item,
.grid-item-inner > .img-grid-body > .inner-item{width: 100%}


.grid-item-inner > .img-grid-header.grid-header-fluid{height: auto; padding: 24px}
.grid-item-inner > .img-grid-header.grid-header-fluid > .inner-item{padding-right: 0}
.inner-item-links{font-size: 14px; line-height: 1.42857143; padding-top: 16px; width: 100%}

.inner-item-links ul {
    padding-left: 0;
    list-style: none;
    color: #0067b2
}

.inner-item-links li {
    display: block;
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.inner-item-links li + li{margin-top: 10px}
.inner-item-links li a:hover{text-decoration: underline}

.grid-item-inner > .img-grid-header > .inner-item{position: relative; padding-right: 37px}
.grid-item-inner > .img-grid-header > .inner-item > .img-grid-header-tooltip{position: absolute; top: 50%; margin-top: -16px; right: 0}

.grid-item-inner > .img-grid-header{
    top: 0;
    padding: 0 24px;
    height: 100px;
    opacity: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 46px rgba(0,0,0,.12);
    box-shadow: 0 9px 46px rgba(0,0,0,.12);
    font-size: 16px;
    line-height: 24px
}
.grid-item-inner > .img-grid-body:hover + .img-grid-header:not(.grid-header-static){top: -100%; opacity: 0}

.grid-item-inner > .img-grid-header.grid-header-static{-webkit-box-shadow: none; box-shadow: none}

.grid-item-inner > .img-grid-body{
    position: absolute;
    height: 100%;
    bottom: -100px;
    text-align: center
}
.grid-item-inner > .img-grid-body:not(.grid-body-static):hover{bottom: 0}

.grid-item-inner > .img-grid-body.grid-body-static{
    position: absolute;
    padding: 24px;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: left
}

.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label,
.img-grid-header-label,
.img-grid-body-label
{
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label > div:first-of-type,
.img-grid-header-label > div:first-of-type,
.img-grid-body-label > div:first-of-type
{
    padding-right: 10px;
}

.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label > div,
.img-grid-header-label > div
{
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

div.label-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
div.label-title.label-title-w-info {
    margin-right: 32px;
}

.grid-item-inner .inner-list-item a {
    color:#000;
}
.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label + *{margin-top: 16px}
.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-content ul{margin: 0; padding: 0; list-style: none; color: #0067b2}

.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-content ul > li{
    display: block;
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}
.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-content ul > li + li{margin-top: 10px}

.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-content ul > li:hover{text-decoration: underline}
.grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-content ul > li:hover a{text-decoration: none; color: inherit}

.img-grid-header-label a,
.img-grid-body-label a{color: inherit}
.img-grid-header-label a:hover,
.img-grid-body-label a:hover{text-decoration: underline}

.tooltip-toggle{
    padding: 0;
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 4px;
    background-color: rgba(0, 64, 96, .06);
    cursor: pointer;
    outline: none;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.tooltip-toggle > svg{
    display: block;
    fill: rgba(0,64,96,.2);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.tooltip-toggle:hover{background-color: rgba(0,64,96,.48)}
.tooltip-toggle:hover > svg{fill: #fff}

.parts-layout-switcher button{
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    height: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none
}
.parts-layout-switcher button:not(.current-layout){opacity: .25}
.parts-layout-switcher svg{display: block; fill: #004060}

.parts-detail-item{
    padding: 16px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-left: 1px solid transparent;
    -webkit-box-shadow: inset 0 -3px 0 -2px rgba(0,64,96,.2);
    box-shadow: inset 0 -3px 0 -2px rgba(0,64,96,.2);
    cursor: pointer
}
.parts-detail-item.detail-centered{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.parts-detail-item > .detail-item-about{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1;
}
.parts-detail-item > .detail-item-more{
    padding-left: 16px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto\0;
}

.toggle-more-info{
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border: none;
    background-color: rgba(0,64,96,.06);
    border-radius: 4px
}
.toggle-more-info svg{
    display: block;
    fill: rgba(0,64,96,.48);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.toggle-more-info:hover{background-color: rgba(0,64,96,.48)}
.toggle-more-info:hover svg{fill: #fff}

.item-about-flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.item-about-flex > .detail-item-nr{
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    width: 64px;
    max-width: 100%;
    flex: 0 0 auto\0;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.24);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.item-about-flex > .detail-item-name{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex: 1
}
.detail-item-name > .item-title{
    font-size: 16px;
    line-height: 24px
}
.detail-item-name > .item-code{
    font-size: 12px;
    line-height: 16px;
    color: rgba(0,64,96,.48)
}
.detail-item-name > .item-code button{
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: 5px;
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.detail-item-name > .item-code button svg{
    fill: rgba(0,64,96,.48);
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.detail-item-name > .item-code button:hover{background-color: rgba(0,64,96,.48)}
.detail-item-name > .item-code button:hover svg{fill: #fff}

.item-about-flex > .detail-item-nr + .detail-item-name{padding-left: 16px}

.item-about-flex > .detail-item-btn{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto\0
}
.item-about-flex > .detail-item-btn .parts-btn{
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #0067b2
}

.parts-detail-item:hover .item-about-flex > .detail-item-nr,
.parts-detail-item.detail-item-active .item-about-flex > .detail-item-nr,
.parts-detail-item.detail-item-clicked .item-about-flex > .detail-item-nr
{padding-left: 16px}

.parts-detail-item.detail-item-active,
.parts-detail-item.detail-item-clicked
{
    border-left: 4px solid #0067b2!important;
    -webkit-box-shadow: inset 0 -3px 0 -2px rgba(0,64,96,.2)!important;
    box-shadow: inset 0 -3px 0 -2px rgba(0,64,96,.2)!important
}
.parts-detail-item.detail-item-active .item-about-flex > .detail-item-nr{color: #0067b2}


#wrapper{overflow: hidden}

.styled-link{
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: #0067b2;
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #0067b2;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: border-bottom-color;
    -o-transition-property: border-bottom-color;
    transition-property: border-bottom-color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    text-decoration: none!important
}
.styled-link:hover{border-bottom-color: transparent}

@media (max-width: 1023px){
    .parts-container-frame > .frame-content{
        padding-left: 3%;
        padding-right: 3%
    }
}
@media (max-width: 992px){
    .parts-boxed-grid > .boxed-grid-item{
        -ms-flex: 0 0 33.3334%;
        flex: 0 0 33.3334%;
        width: 33.3334%;
        flex: 0 0 auto\0;
    }
    .item-about-flex > .detail-item-nr{
        font-size: 14px;
        line-height: 20px;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
        width: 44px;
        flex: 0 0 auto\0;
    }

    .parts-breadcrumbs > li:not(:last-child){padding-right: 24px; margin-right: 8px}

    .parst-form-after-select{margin-top: 16px; padding-top: 16px}
    .parts-form-group + .parts-form-group{margin-top: 10px}


    .parts-table,
    .parts-table tbody,
    .parts-table tbody tr{display: block}

    .parts-table tbody tr{padding: 10px 0}
    .parts-table tbody tr > td{
        padding: 0;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 13px!important;
        line-height: 14px!important;
    }
    .parts-table tbody td + td{margin-top: 5px}
    .parts-table .table-label{
        display: block;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        max-width: 150px;
        flex: 0 0 auto\0;
    }
    .parts-table .table-value{
        display: block;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex: 1;
    }

    .parts-table thead{display: none!important}

    .modal-open .modal{padding-right: 0!important}
    .modal-dialog{width: auto; margin: 10px}
}
@media (max-width: 820px){
    .parts-flex > .parts-flex-item.item50 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
}
@media (max-width: 768px){
    .parts-container-frame > .frame-content{
        padding: 20px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .parts-container-frame > .frame-lang-select + .frame-content{padding-top: 30px}
    .parts-container-frame > .frame-seperator{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        flex: 0 0 auto\0;
    }
    .frame-seperator > .frame-seperator-inner:before{height: 1px; width: 100%; top: 50%; margin-top: -0.5px; left: 0; margin-left: 0}

    .parts-form-group.inline-group > label{
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        width: 150px;
        flex: 0 0 auto\0
    }

    .parts-body-filter{padding-left: 10px; padding-right: 10px}

    .parts-boxed-grid > .boxed-grid-item{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        flex: 0 0 auto\0;
    }

    .item-hidden-mobile{display: none!important}

    .parts-content-title{font-size: 18px; line-height: 24px}
    .desc-txt{font-size: 14px; line-height: 18px}

    .parts-body-title > h1{font-size: 18px; line-height: 24px}
    .parts-body-title > h1:not(:last-child){margin-bottom: 0}

    .filter-heading.parts-flex > .parts-flex-item.item-auto:first-child{display: none!important}
    .filter-heading.parts-flex > .parts-flex-item.item-fill{padding-left: 0}

    .parts-body-filter > .filter-heading{padding-top: 8px; padding-bottom: 8px}

    .parts-body-title + *,
    .parts-body-filter + *,
    .parts-table + *{margin-top: 8px}

    * + .parts-body-content{margin-top: 32px}
}
@media (max-width: 640px){
    .parts-results-header .parts-flex > .parts-flex-item.item-fill,
    .parts-results-header .parts-flex > .parts-flex-item.item-auto,
    .parts-body-title.parts-flex > .parts-flex-item.item-fill{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .parts-results-header .parts-flex > .parts-flex-item + .parts-flex-item{margin-top: 10px}

    .parts-body-title.parts-flex > .parts-flex-item.item-fill{margin-bottom: 10px}
    .parts-body-title.parts-flex > .parts-flex-item.item-fill + .parts-flex-item.item-auto{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex: 1;
    }
    .parts-body-title.parts-flex > .parts-flex-item.item-fill + .parts-flex-item.item-auto .parts-flex-item.item-auto{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }

    .parts-flex > .parts-flex-item.item25 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .selected-filters{margin-left: -16px; margin-right: -16px}

    .parts-boxed-grid > .boxed-grid-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .parts-boxed-grid.boxed-img-grid > .boxed-grid-item > .grid-item-inner{
        height: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .grid-item-inner > .img-grid-body,
    .grid-item-inner > .img-grid-header{
        width: unset!important;
        position: static!important;
        height: auto!important;
        padding: 0;
        opacity: 1!important;
    }
    .grid-item-inner > .img-grid-header{
        padding: 10px 5px 10px 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex: 1;
    }
    .grid-item-inner > .img-grid-body img{max-width: 50px}

    .grid-item-inner > .img-grid-body{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .grid-item-inner > .img-grid-body.grid-body-static{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
        padding: 10px
    }

    .item-about-flex > .detail-item-btn{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
        margin-top: 10px;
        margin-right: -54px
    }
    .item-about-flex > .detail-item-btn .parts-btn{width: 100%; height: 30px; font-size: 13px; line-height: 18px}

    .detail-item-name > .item-title{font-size: 14px; line-height: 20px}
}
@media (max-width: 420px){

    .parts-detail-item.detail-item-active{border-left: 1px solid transparent!important}

    .item-about-flex > .detail-item-nr{
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        width: 24px;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
    .parts-detail-item:hover .item-about-flex > .detail-item-nr, .parts-detail-item.detail-item-active .item-about-flex > .detail-item-nr{
        padding-left: 8px
    }

    .parts-table .table-label{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        flex: 0 0 auto\0;
    }
}


.parts-boxed-grid.boxed-img-grid.grid-numbered{counter-reset: parts-counter}
.parts-boxed-grid.boxed-img-grid.grid-numbered > .boxed-grid-item{counter-increment: parts-counter}

.parts-boxed-grid.boxed-img-grid.grid-numbered > .boxed-grid-item > .grid-item-inner{height: auto}
.parts-boxed-grid.boxed-img-grid.grid-numbered > .boxed-grid-item > .grid-item-inner > .img-grid-body.grid-body-static{position: relative; padding: 0}
.parts-boxed-grid.boxed-img-grid.grid-numbered > .boxed-grid-item > .grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label > a:before{
    content: counter(parts-counter);
    width: 48px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.parts-boxed-grid.boxed-img-grid.grid-numbered > .boxed-grid-item > .grid-item-inner > .img-grid-body.grid-body-static > .img-grid-body-label > a{
    padding: 0 24px 0 48px;
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 72px;
}

/* sektsioonide visuaalne eraldaja */
.visual-seperator{
    position: relative;
    padding-top: 32px;
    border-top: 1px dashed rgba(0,0,0,.24)
}
.visual-seperator > .visual-seperator-label{
    text-align: center;
    border: 1px dashed rgba(0,0,0,.24);
    background-color: #f8f8f8;
    position: absolute;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    top: 0;
    left: 50%;

    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    border-radius: 100px;
}

.visual-seperator + .visual-seperator{margin-top: 64px}

.toggle-part-more-info.toggled > svg{
    transform: rotate(180deg);
}

.imagemap-hover {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    transition: background-color 0.5s ease;
    text-align: center;
    background-color: rgba(23, 48, 135, 0.10);
}

.imagemap-hover:hover, .imagemap-hover-active {
    cursor: pointer;
    background-color: rgba(23, 48, 135, 0.44);
    border:0;
}

/*.imagemap-active {*/
/*    cursor: pointer;*/
/*    background-color: rgba(23, 48, 135, 0.44);*/
/*    border: 2px solid rgba(23, 48, 135, 0.78);*/
/*    border-radius: 4px;*/
/*}*/

#search-parts-btn {
    margin-right: 10px;
    margin-left: 10px;
}


/* TecDoc */

.tecdoc-header {
    margin-bottom: 20px;
}

.manufacturer-block {
    padding: 10px;
    text-align: center;
}

.model-block {
    padding: 10px;
    text-align: center;
}

.group-block {
    padding: 10px;
    text-align: center;
}

.group-block-list {
    padding: 10px;
}
.group-block select {
    text-align: left;
}

#tecdoc-products-table td {
    background: none;
}


#tecdoc-products-table tr.matched-row td {
    background: #f8fff8;
}

@media (min-width: 1200px) {
    #content.container {
        width: 1400px;
        max-width: 100%;
    }
}

#forss-tecdoc-container {
    padding-top: 50px;
}

/* Tecdoc group */

.td-group-block {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.td-group-block__toggle,
.td-group-block__label,
.td-group-block__list {
    display: block;
    position: relative;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 4px;
    padding: 9px 18px;
    font-size: 15px;
    white-space: normal;
    color: #000;
    transition: box-shadow .2s, color .2s;
}

.td-group-block__toggle:hover,
.td-group-block__label:hover {
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #323232;
    text-decoration: none;
    color: #000;
}

.td-group-block__toggle {
    position: relative;
    flex: 0 0 60px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}

.td-group-block__toggle:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-left: 6px solid #000;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    transform: translate(-50%, -50%);
    transition: transform .3s;
}

.td-group-block__toggle.toggled:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.td-group-block__label {
    flex: 1 1 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.td-group-block__list {
    display: none;
    flex: 0 0 100%;
    margin-top: -5px;
    padding-top: 14px;
    z-index: -1;
}

.td-group-block__list ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    border-left: 2px solid rgba(0,64,96,.2);
}

.td-group-block__list li {
    margin: 0 0 0 -22px;
    padding: 0 0 0 20px;
    border-left: 2px solid rgba(0,64,96,.2);
}

.td-group-block__list li:hover {
    border-color: #1a338a;
}

.td-group-block__list a {
    display: block;
    margin: 0 0 0 -20px;
    padding: 5px 10px 5px 20px;
    color: #000;
}

.td-group-block__list a:hover {
    text-decoration: none;
    color: #1a338a;
}

/* TecDoc sidebar */

.td-sidebar,
.td-sidebar table {
    font-size: 14px;
}

.td-menu {
    display: block;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background: #fff;
    overflow: hidden;
}

.td-menu > li {
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.td-menu > li:last-child {
    border-bottom: 1px solid #e7e7e7;
}

.td-menu li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 1px 10px 0 30px;
}

.td-menu li:before {
    background: #e7e7e7;
    content: "";
    display: block;
    height: 1px;
    width: 300%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.td-menu .active > a,
.td-menu .active > span {
    font-weight: 700;
}

.td-menu a,
.td-menu span {
    display: block;
    padding: 6px 0;
    margin: 0;
    color: #000;
    flex: 0 0 100%;
}

.td-menu a {
    text-decoration: underline;
}

.td-menu a:hover {
    background: #efefef;
}

.td-menu__sub {
    list-style: none;
    flex: 0 0 100%;
    padding: 0;
}

.td-menu__toggle {
    display: inline-block;
    position: absolute;
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    margin-right: 5px;
    border: none;
    background: transparent;
    transition: transform .3s;
}

.c-filters__group-title:before,
.td-menu__toggle:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-left: 5px solid #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    transform: translate(-50%, -50%);
}

.td-menu__toggle.toggled {
    transform: rotate(90deg);
}

.td-car table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.td-car td {
    padding: 6px 8px;
    border: 1px solid #e7e7e7;
    white-space: normal;
}

.td-car__image {
    text-align: center;
}

.td-car__link {
    padding: 0 !important;
}

.td-car__link a {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 13px;
}

.td-car__link a:hover {
    text-decoration: none;
    background: #efefef;
}

/* Makes selection */

.c-makes {
    user-select: none;
    background: #eee;
    gap: 30px;
    padding: 50px 0;
    margin-top: 30px;
}

.c-makes + #footer {
    margin-top: 0;
}

.c-makes__container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 1400px;
    max-width: 100%;
}

.c-makes__container:before {
    display: none !important;
}

.c-makes__group {
    flex: 0 0 calc(50% - 15px);
}

.c-makes__group-title {
    font-size: 32px;
    margin-bottom: 30px;
}

.c-makes__group-makes {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.c-makes__make {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 4px;
    padding: 20px;
}

.c-makes__make-label {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 100px;
    /*font-size: 16px;*/
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    justify-content: center;
}

.c-makes__make-filter {
    flex: 0 0 30px;
    margin-bottom: 20px;
    width: 100%;
    outline: none;
    border: 1px solid #e7e7e7;
    padding: 5px 15px;
    color: #303030;
    font-weight: 600;
    height: 45px;
}

.c-makes__make-label img {
    width: 48px;
    height: auto;
    margin-right: 10px;
}

.c-makes__make-models {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 0;
    max-height: 100%;
}

.c-makes__make-filter + .c-makes__make-models {
    max-height: calc(100% - 50px);
}

.c-makes__make-collapse {
    flex: 1 1 0;
    display: none;
    width: 100%;
}

.c-makes__make.open {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.c-makes__make.open .c-makes__make-label {
    flex: 0 0 100px;
}

.c-makes__make.open .c-makes__make-label img {
    width: 80px;
}

.c-makes__make.open .c-makes__make-collapse {
    display: flex;
    flex-direction: column;
    flex: calc(100% - 100px);
}

.c-makes__model {
    display: block;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: background-color .2s;
}

.c-makes__model:hover {
    background: #eee;
    text-decoration: none;
}

.c-makes__model.hidden {
    display: none;
}

.c-makes__model-production {
    display: inline-block;
    font-size: 80%;
    font-weight: 700;
    color: rgba(0,0,0,.5);
    margin-left: 10px;
    white-space: nowrap;
    line-height: 18px;
}

.c-makes__model i {
    display: inline-block;
    background: #ffcf00;
    font-style: normal;
    border-radius: 2px;
}

@media (max-width: 1200px) {
    .c-makes__container {
        flex-wrap: wrap;
    }

    .c-makes__group {
        flex: 0 0 100%;
    }
}

@media (max-width: 700px) {
    .c-makes__group-makes {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* TecDoc product groups dash */
.td-groups-dash {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.td-groups-dash__item {
    display: block;
    position: relative;
    text-align: center;
    flex-wrap: wrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(0,64,96,.2);
    border-radius: 4px;
    padding: 20px 6px;
    font-size: 15px;
    white-space: normal;
    color: #000;
    transition: box-shadow .2s, color .2s;
}

.td-groups-dash__item:hover {
    box-shadow: inset 0 0 0 2px #323232;
    text-decoration: none;
    color: #000;
}

.td-groups-dash__item img {
    display: block;
    height: 80px;
    width: auto;
    object-fit: contain;
    margin: 0 auto 2rem;
}

@media (max-width: 1000px) {
    .td-groups-dash {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    .td-groups-dash {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .td-groups-dash {
        grid-template-columns: repeat(1, 1fr);
    }
}

.c-dbselect__specs {
    margin-bottom: 30px;
}

.search-result-row [data-load-extra] {
    width: 19px;
    height: 19px;
    line-height: 19px;
    color: #173087;
    background-color: transparent;
    border: none;
}

.product-extra-info {
    font-size: 13px;
    line-height: 1.1;
    margin: 5px 0;
    min-height: 600px;
    width: 500px;
    max-width: 80vw;
}

.product-extra-info table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.product-extra-info td {
    padding: 3px 4px;
    border: 1px solid rgba(0, 0, 0, .2);
    white-space: normal;
    background-color: #fff;
}

.product-extra-info-images {
    white-space: nowrap;
    overflow: auto;
}

.product-extra-info img {
    height: 200px;
    width: auto;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .2s;
    pointer-events: none;
}

.product-extra-info img:hover {
    border-color: #173087;
}

/* TecDoc filters */
.c-filters {
    position: relative;
    height: 100%;
}

.c-filters__toggle {
    display: block;
    width: 100%;
    height: 35px;
    background: #e8e9e8;
    border-radius: 0;
    border: none;
    margin: -8px 0;
    font-weight: 400;
    transition: background-color .2s;
}

.c-filters__toggle:hover {
    background: #d5d5d5;
}

.c-filters__body {
    position: absolute;
    top: 100%;
    right: 0;
    height: 350px;
    width: 300px;
    padding: 10px 0;
    overflow: auto;
    background-color: #fff;
    opacity: 0;
    z-index: 40000;
    pointer-events: none;
    box-shadow: 0 0 30px rgba(0,0,0,.15);
    transition: opacity .3s;
}

.c-filters__group {
    position: relative;
    flex-wrap: wrap;
    padding: 8px 10px 8px 30px;
}

.c-filters__group-title {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 120%;
    transition: color .2s;
}

.c-filters__group-title:hover {
    color: #173087;
}

.c-filters__group-title:before {
    left: -10px;
    transition: transform .2s;
}

.c-filters__group-title.toggled:before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.c-filters__group-options {
    padding: 10px 0 0;
    margin: 0;
    list-style: none;
}

.c-filters__group-options [type="checkbox"] + span {
    display: flex;
    align-items: center;
    line-height: 1.2;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.c-filters__group-options [type="checkbox"] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.c-filters__group-options [type="checkbox"] + span:before {
    content: "";
    line-height: 1.2;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 8px;
    border: 1px solid #dfdfdf;
    margin-right: 7px;
    transition: color .2s;
}

.c-filters__group-options [type="checkbox"] + span:hover {
    color: #173087;
}


.c-filters__group-options [type="checkbox"] + span:hover:before {
    border: 1px solid #173087;
}

.c-filters__group-options [type="checkbox"]:checked + span:before {
    background-color: #173087;
}

.c-filters__body.visible {
    opacity: 1;
    pointer-events: all;
}

tr[data-modification-url] {
    cursor: pointer;
}

@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

.search-result-row td:first-child a {
    color: currentColor;
    text-decoration: underline;
    transition: color .2s;
}

.search-result-row td:first-child a:hover {
    text-decoration: none;
    color: blue;
}

.search-result-row-ajax-stock td:nth-child(4),
.search-result-row-ajax-stock td:nth-child(5),
.search-result-row-ajax-stock td:nth-child(6),
.search-result-row-ajax-stock td:nth-child(7),
.search-result-row-ajax-stock td:nth-child(8),
.search-result-row-ajax-stock td:nth-child(10),
.search-result-row-ajax-stock td:nth-child(11) {
    opacity: .5;
    pointer-events: none;
}

.search-result-row-ajax-stock-error td {
    opacity: .5;
    pointer-events: none;
    background-color: #ff9696 !important;
}

.montonio-aspsp-grid-logos .montonio-aspsp-grid-item {
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

/*.c-payment__card {*/
/*    margin: 0 16px 16px 0;*/
/*    background: white;*/
/*    justify-content: center;*/
/*    cursor: pointer;*/
/*    padding: 8px;*/
/*    box-sizing: border-box;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px !important;*/
/*    user-select: none;*/
/*    transition: background-color .2s;*/
/*}*/

/*.c-payment__card:hover {*/
/*    background-color: #f7f7f7;*/
/*}*/

/*.c-payment__card--active {*/
/*    background-color: #BEE6FF !important;*/
/*}*/

.l-auth {
    margin: 3vw auto;
    width: calc(100% - 40px);
    max-width: 640px;
    padding: 50px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.l-login__title {
    margin: 0 0 30px;
    text-align: center;
}

.l-login__field {
    width: 100%;
}

.l-login__field + .l-login__row,
.l-login__row + .l-login__row,
.l-login__row + .l-login__field,
.l-login__field + .l-login__field {
    margin-top: 20px;
}

.l-login__type {
    display: flex;
    margin: 40px 0 30px;
}

.l-login__type-value {
    display: block;
    flex: 1 1 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    overflow: visible;
    -webkit-appearance: button;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    background-color: #fff;
    white-space: nowrap;
    line-height: 1.42857143;
    user-select: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.1428571428571428em;
    /*padding: 12px 16px;*/
    padding: 6px 16px;
    color: #000!important;
    text-decoration: none !important;
    transition: border-color .3s;
}

.l-login__type-value:hover {
    border-color: #173087;
}

.l-login__type-value.active {
    border-color: #173087;
    background-color: #173087;
    color: #fff!important;
}

.l-login [type="submit"] {
    margin-top: 30px;
}

.l-login__dropdown {
    position: relative;
}

.l-login__dropdown-values {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 2;
}

.l-login__dropdown .hidden {
    display: none;
}

.l-login__dropdown-item {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    color: #000;
    border-radius: 0;
    user-select: none;
    padding: 10px;
    text-align: left;
}

.l-login__dropdown-item + .l-login__dropdown-item {
    border-top: 1px solid #ccc;
}

button.l-login__dropdown-item:hover {
    background: #ddd;
}

.l-login__dropdown-error {
    color: red;
}

.l-login__dropdown-info {
    color: #31708f;
}

/*.l-login input[type="search"]::-webkit-search-cancel-button {*/
/*    -webkit-appearance: searchfield-cancel-button;*/
/*}*/

/*.l-login input[type="search"]::-webkit-search-decoration {*/
/*    -webkit-appearance: searchfield-decoration;*/
/*}*/

@media (max-width: 768px) {
    .l-auth {
        padding: 20px;
    }
}

/** Fix spacing in the layout */

#content {
    padding-bottom: 0;
}

#footer {
    margin-top: 0;
}

#search_results_area:empty {
    padding: 0;
    margin: 0;
}

.news-wrapper {
    padding-top: 30px !important;
    padding-bottom: 30px;
}

.news-wrapper h2 {
    margin-bottom: 40px;
}

.news-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 30px;
}

.news-list:before,
.news-list:after {
    display: none !important;
}

.news-list li {
    margin-bottom: 0;
    width: 100% !important;
    float: none !important
}

html,
body,
#wrapper {
    min-height: 100vh;
}

/** Retail footer menu */

.l-footer-menu {
    background: #303030;
}

.l-footer-menu__items {
    display: flex;
    gap: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.l-footer-menu__items:before,
.l-footer-menu__items:after {
    display: none;
}

.l-footer-menu__items a {
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

.l-footer-menu__items a:hover {
    text-decoration: underline;
}

/** Wrapper */

.l-wrapper--auth {
    display: flex;
    flex-direction: column;
}

.l-wrapper--auth .l-footer-menu {
    margin-top: auto;
}

.l-wrapper--auth #footer {
    margin-top: auto;
}

.l-wrapper--auth .l-footer-menu + #footer {
    margin-top: 0;
}

/** Cart registration */

.c-register-cart {
    margin: 0 auto;
    height: 49px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.c-register-cart + .c-register-cart {
    margin-top: 30px;
}

.c-register-cart__title {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: right;
    box-sizing: border-box;
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

/** Scrollbar */
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    background-color: #E6EAF5;
    border-radius: 6.25rem;
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 0.625rem;
}

.simplebar-scrollbar:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1A338A;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 0.625rem;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/** Cart product override form */

.c-cart-override {
    width: 500px;
}

.c-cart-override__buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

/*.c-cart-override__buttons button {*/
/*    border: none;*/
/*    border-radius: 0;*/
/*}*/

/** Cart product removal */

#cart_table .remove-product-header {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 0;
}

#cart_table .remove-product-header svg {
    height: 24px;
    width: auto;
}

#cart_table .remove-product {
    padding-left: 0;
    padding-right: 0;
}

#cart_table .remove-product button {
    font-family: inherit;
    border: none;
    padding: 0 10px;
    font-size: 24px;
    color: currentColor;
    cursor: pointer;
    transition: color .2s;
    background: transparent;
}

#cart_table .remove-product button:hover {
    color: #f02626;
}

[data-montonio-country],
[data-montonio-provider] {
    margin-top: 10px;
}

#montonio-checkout {
    padding: 0;
    background: transparent;
}

.transport_radio label,
.transport_radio .select2 {
    width: 100% !important;
}

/** Global notifications */

.l-global-notifications {
    position: relative;
    background: #1A338A;
    color: #FFFFFF;
    border-bottom: 1px solid rgb(38, 75, 203);
    /* Modal is 1050 */
    z-index: 1040;
}

.l-global-notifications__container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.l-global-notifications__item {
    font-size: 15px;
    font-weight: 700;
}

.l-global-notifications__item a {
    color: currentColor;
    text-decoration: underline;
}

/** User data page */

.l-user {
    display: flex;
}

.l-user__baskets-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.l-user__baskets .l-basket-name {
    width: 100%;
}

.l-user__tabs {
    flex: 0 0 15.625rem;
    display: flex;
    flex-direction: column;
}

.l-user__tab {
    border: solid #ddd;
    border-width: 1px 0;
    background: transparent;
    text-align: left;
    padding: 0.9375rem;
    font-size: 1.125rem;
    font-weight: 500;
}

.l-user__tab + .l-user__tab {
    border-top: none;
}

.l-user__tab:hover {
    color: var(--forss-color-primary);
}

.l-user__tab.active {
    color: var(--forss-color-white);
    background: var(--forss-color-primary);
}

.l-user__contents {
    flex: 1 1;
}

.l-user__content:not(.active),
.l-user__accordion-content:not(.active) {
    display: none;
}

.l-user__accordion-toggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    text-align: left;
    background: var(--forss-color-primary);
    color: var(--forss-color-white);
    border: none;
    padding: 0.9375rem;
    font-size: 1.125rem;
    font-weight: 500;
}
.l-user__accordion-toggle--highlight {
    background: #ee2222;
}

.l-user__accordion-block:not(:first-child) {
    margin-top: 1.25rem;
}

.l-user__accordion-toggle:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.816' height='8.408' viewBox='0 0 12.816 8.408'%3E%3Cpath d='M7701,100l5,6,5-6' transform='translate(-7699.592 -98.592)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
    content: '';
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s;
}

.l-user__accordion-toggle.active:after {
    transform: translateY(-50%) rotate(180deg);
}

.l-user__accordion-content {
    padding-top: 1.25rem;
}

.l-user__accordion-toggle-separator {
    display: inline-block;
    height: 1.5rem;
    width: 0.125rem;
    background: #fff;
}

/** Response modals */

.modal-body .form-messages .alert:last-child {
    margin-bottom: 0;
}

/** Basket name form */

.l-basket-name {
    display: inline-flex;
    align-items: center;
}

.l-basket-name__input {
    all:inherit;
    cursor: text;
    display: inline-block;
    position: relative;
    width: 100%;
}

.l-basket-name__input:hover {
    box-shadow: 0 0 0 1px #ccc;
}

/** Select2 */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.select2-selection__choice__display {
    white-space: normal;
    max-width: 100%;
}

.select2-dropdown {
    z-index: 80000;
}

/** Colorbox */

.domain-retail {
    
}

/** Result alternative link arrow */

a.search-result-row-alternatives {
    display: flex;
    align-items: center;
    gap: 7px;
}

a.search-result-row-alternatives:after {
    content: '';
    display: block;
    border-top: 8px solid currentColor;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: transform .2s;
}

a.search-result-row-alternatives.shown:after {
    transform: scaleY(-1);
}

/** Result thumbnail */
.search-result-row .has-thumbnail {
    position: relative;
}

.search-result-row .thumbnail {
    float: right;
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
    cursor: pointer;
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    .search-result-row .thumbnail {
        float: none;
        margin-left: auto;
    }
}