/* Elements */

@font-face {
        font-family: MuseoCyrl300;
        src: url(../../api/fontface/museo-cyrl_300.eot?) format("eot")
        ,url(../../api/fontface/museo-cyrl_300.woff2) format("woff2")
        ,url(../../api/fontface/museo-cyrl_300.woff) format("woff")
        ,url(../../api/fontface/museo-cyrl_300.otf) format("opentype")
}


@font-face {
        font-family: BP-Iconfont;
        src: url(../../api/fontface/bp-iconfont.eot) format("eot")
                , url(../../api/fontface/bp-iconfont.woff) format("opentype")
}

html, body, td, ul, li, div, p, input, textarea, img
{
        margin: 0;
        padding: 0;
        border: 0;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
}

* {
        /* box-sizing: content-box; */ /* Prooviks maha võtta*/
}
body, html
{
        /*min-width: 100%;
        min-height: 100%;*/
        outline: none;
        /*min-width: 1020px;*/
}

head {
        display: none;
}

body#site
{
        /* background: #eceae3;*/
        background: #fff;
}

a
{
        color: #0d76bd;
        text-decoration: none;
}


p
{
        margin: 10px 0;
}

h1 {
        font-family: MuseoCyrl300,Arial,sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 22px;
        line-height: 28px;
}

table {
        border-collapse: separate;
}

img {
       /* max-width: 100%;
        height: auto !important;*/
}

/* Layout items */

.wrapper
{

        margin: 0 auto;
        background: #fff;
        position: relative;
}

.header
{
        background-color: #fff;
        position: relative;
        top: 0;
        /*min-width: 1020px;*/
}

.container-fluid {
        padding: 0;
}

.banner {
        overflow: hidden;
}

.teaser {
        background-color: #ccc;
        color: #000;
        line-height: 20px;
        font-size: 14px;
        padding: 2px 0;
        height: 25px;
        box-sizing: border-box;
}

.container {
        /*width: 1024px;*/
        /*max-width: 1024px;*/
}

header .container {
        box-sizing: border-box;
        padding-left: 44px;

        /*max-width: 1200px;*/

}



.teaser .container .row {
        margin: 0 6px 0 6px;
        box-sizing: border-box;
        text-align: center;
        height: 22px;
}

.teaser .col-4 {
        text-align: center;
        letter-spacing: normal;
        padding: 0;
        width: 33%;
        display: inline-block;
        box-sizing: border-box;
}

.teaser .col-4 p {
        font-size: 13px;
        color: #000;
        padding: 1px 0;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
}

.site-header {
        box-sizing: border-box;
}
.site-header .container>.row {
        padding: 15px 0;
        margin: 0 -22px;
}
.site-header .container>.row>div {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        height: 75px;
}

.site-header .container>.row>div.offset-2 .col{
        /*padding-left: 4px;*/
        padding-left: 10px;
        padding-right: 10px;
}

.offset-05 {
        margin-left: 4.166666%;
}
.logo
{
        height: 77px;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        margin: 0 auto;
}
.logo a {
        display: block;
        width: 100%;
        box-sizing: border-box;
}
.logo img {
        height: 77px;
        width: 84px;
}


.links-box {
        margin-bottom: 5px;
        display: inline;
        height: auto;
        line-height: 18px;
}

.links-box a {
        color: #369;
        font-family: Arial, sans-serif;
        font-size: 12px;
        text-decoration: none;
        line-height: 18px;

}
.links-box a:hover {
        text-decoration: underline;
}



header .r {
        width: 100%;
}
header .row form {
        width: 100%;
}



.badges {
        line-height: 18px;
        position: relative;
        display: block;
        box-sizing: border-box;
}

.badge-wrapper {
        display: block;
        width: 40px;
        height: 40px;
        padding: 4px;
        margin: 6px auto 0;
        position: relative;
        box-sizing: border-box;
}
.badge-myaccount {
        display: block;
        background-position:0 -1953.5px;
        background-size:141px 3172px;
        background-image: url('../tmpl/img/responsive-2x.png');
        height: 32px;
        width: 32px;
        box-sizing: border-box;
}
.badge-logo {
        display: block;
        background-position: 0 -2096px;
        background-size: 87px 2298px;
        background-image: url('../tmpl/img/responsive2x.png');
        width: 45px;
        height: 33px;
        box-sizing: border-box;
}

.badge-search {
        display: block;
        background-position: 0 -1975px;
        background-size: 87px 2298px;
        background-image: url('../tmpl/img/responsive2x.png');
        width: 40px;
        height: 40px;
        box-sizing: border-box;
}

.badge-myaccount-logged {
        bottom: 0;
        left: 24px;
        width: auto;
        display: block;
        position: absolute;
        min-width: 18px;
        height: 18px;
        border-radius: 10px;
        font-size: 12px;
        z-index: 1;
        background-color: #529b39;
}
.badge-myaccount-logged span {
        background-position: 0 0;
        background-size: 141px 3096px;
        background-image: url('../tmpl/img/responsive-2x.png');
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
        padding-left: 4px;
        padding-right: 4px;
        color: #fff;
        text-align: center;
        transform: translate(-50%,-50%);
        position: relative;
        display: block;
        left: 50%;
        top: 50%;
        box-sizing: border-box;
}

.badge-wishlist {
        display: block;
        background-position:0 -1914px;
        background-size:141px 3172px;
        background-image: url('../tmpl/img/responsive-2x.png');
        height: 32px;
        width: 32px;
        margin: 0 auto;
        padding: 4px;
        box-sizing: border-box;
}
.badge-cart {
        display: block;
        background-position:0 -1756px;
        background-size:141px 3172px;
        background-image: url('../tmpl/img/responsive-2x.png');
        height: 32px;
        width: 32px;
        margin: 0 auto;
        padding: 4px;
        box-sizing: border-box;
}

.badge-text {
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        color: #000;
        width: 100%;
        text-align: center;
        margin: 5px 0;
        box-sizing: border-box;
}

.badge-amount {
        position: absolute;
        top: 50%;
        right: 28px;
        transform: translateY(-50%);
        min-width: 18px;
        height: 18px;
        border-radius: 10px;
        font-size: 12px;
        z-index: 1;
        background-color: #000;
        margin: 0;
        padding: 0;
        outline: none;

}
.badge-amount span {
        padding-left: 4px;
        padding-right: 4px;
        color: #fff;
        text-align: center;
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box;
}


.badges:hover>span {
        color: #0d76bd;
}

.badges:hover>span .badge-search {
        background-position: 0 -1935px;
        background-size: 87px 2298px;
        cursor: pointer;
}

.badges:hover>span .badge-myaccount {
        background-position:0 -1993px;
        background-size:141px 3172px;
}

.badges:hover>span .badge-wishlist{
        background-position:0 -1835px;
        background-size:141px 3172px;
}
.badges:hover>span .badge-cart {
        background-position:0 -1795.5px;
        background-size:141px 3172px
}

#myaccount-popup-wrapper {
        display: none;
}

.myaccount-popup {
        cursor: auto;
        opacity: 1;
        position: absolute;
        z-index: 9999;
        top: 77px;
        width: 200px;
        border: 1px solid #aaa;
        border-top-width: 5px;
        box-sizing: content-box;
        -webkit-transition: max-height .4s ease,opacity 0s ease .3s;
        transition: max-height .4s ease,opacity 0s ease .3s;
        background-color: #fff;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
}
.myaccount-popup-arrow {
        position: absolute;
        width: 12px;
        height: 10px;
        line-height: 20px;
        font-size: 14px;
        top: 67px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        border-bottom: 10px solid #aaa;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        -webkit-transition: opacity 0s linear .3s;
        transition: opacity 0s linear .3s;
        box-sizing: border-box;
}

.myaccount-popup-closer {
        background-image: url('../tmpl/img/responsive-2x.png');
        background-position: 0 -1874.5px;
        background-size: 141px 3172px;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
}
.myaccount-popup-closer:hover  {
        background-position:0 -1716.5px;
        background-size:141px 3172px;
}

.myaccount-popup-menu {
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
        list-style-type: none;
}
.myaccount-popup-menu li {
        list-style: none;
        margin-bottom: 15px;
}
.myaccount-popup-menu li a {
        color: #000;
}
.myaccount-popup-menu li a:hover {
        color: #0d76bd;
        text-decoration: none;
}
.myaccount-popup-usertext {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 5px;
        border-top: 1px solid #ccc;
        line-height: 1.25rem;
        font-size: .875rem;
        font-size: 14px;
        line-height: 20px;
        font-family: Arial,Helvetica,sans-serif;
        color: #000;
}

.myaccount-popup-username {
        line-height: 1.25rem;
        font-size: .875rem;
        font-size: 14px;
        line-height: 20px;
        color: #666;
        font-weight: 700;
}

.myaccount-popup-logout {
        padding: 0 20px 20px;
        font-family: Arial,Verdana,sans-serif;
        color: #0d76bd;
        cursor: pointer;
        display: block;
        text-align: center;
}

.myaccount-popup-newclient {
        padding: 0 20px 20px;
        font-family: Arial,Verdana,sans-serif;
        color: #0d76bd;
        cursor: pointer;
        display: block;
        text-align: center;
}

.myaccount-popup .button18 {
        margin: 0 20px 15px;
        width: 160px;
        padding: 4px 20px;
        line-height: 20px;
        min-height: 30px;
}

.cart-box
{

}
.cart-container {

}

/*
.shopping-bag a.bag {
        background: #fff url('../tmpl/img/responsive-2x.png') 0 -1775px no-repeat;
        background-position:0 -1756px;
        background-size:141px 3172px;
        height: 32px;
        width: 32px;
        display:block;
        text-decoration: none;
        margin: 0 auto;
        padding: 4px;
}
.shopping-bag a.full {
        background: #fff url('../tmpl/img/sprites.png') 0 0 no-repeat;
}
.shopping-bag a span {
        background: transparent url('../tmpl/img/sprites.png') 0 -1442px no-repeat;
        display: block;
        width: 43px;
        height: 18px;
        padding-top: 10px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        font-weight: bold;

}
.shopping-bag a span.two-digit {
        background: transparent url('../tmpl/img/sprites.png') 0 -917px no-repeat;
}


.cart-items {
        float:left;
        text-align: right;
        width: 80px;
        padding-top: 20px;
}
.cart-items a.cart-link {
        color: #369;
        font-weight: bold;
        font-family: Arial, sans-serif;
        font-size: 12px;
        text-decoration: none;
}
.cart-items a.cart-link:hover {
        text-decoration: underline;
}

.cart-items a.cart-sum {
        color: #333;
        font-weight: bold;
        font-family: Arial, sans-serif;
        font-size: 12px;
        text-decoration: none;
}
.cart-items a.cart-sum:hover {
        text-decoration: underline;
}
*/

.banderole-container {
        margin-bottom: 11px;
}

.banderole {
        background-color: #e1564e;
        position: relative;
        height: 40px;

}
.banderole .container {
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
}
.banderole p {
        font-size: 16px;
        font-family: MuseoCyrl300,Arial,sans-serif;
        color: #fff;
        letter-spacing: 1px;
        white-space: nowrap;
        margin: 0;
}


.crumbs
{
        padding: 10px 0 0 0;
        margin-bottom: 22px;
}
.crumbs #path {

}
.crumbs li a {
        font-size: 12px;
        text-decoration: none;
        vertical-align: top;

}
.crumbs li#last-1 a {
        font-size: 12px;
        color: #333 !important;
        font-weight: normal !important;
        text-decoration: underline;

}
.crumbs li#last-1 span {
        display: none;
}
.crumbs li a:hover {
        text-decoration: underline;
}
.crumbs_separator {
        background-image: url('../tmpl/img/navigation.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        margin: -4px 9px 0 5px;
        padding: 0;
        display: inline-block;
        float: left;
        vertical-align: top;
        line-height: 12px;
}

.terms_link
{
       /* width: 980px;*/
        margin: 30px auto 0 auto;;
        background: #fff;
        position: relative;
        padding: 22px 0 5px 0 ;
}

.footer-newsletter {
        margin-left: -20px;
}
.newsletter-advantages {
        display: inline-block;
        margin-bottom: 10px;
}
.footer-newsletter .newsletter-advantages-round {
        width: 70px;
        height: 70px;
        float: left;
        line-height: 1.125rem;
        font-size: .75rem;
        font-size: 12px;
        line-height: 18px;
        background-color: #66b945;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        text-align: center;
}
.footer-newsletter .newsletter-advantages-round span {
        position: relative;
        display: block;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
}
.footer-newsletter .newsletter-advantages-text {
        margin-left: 80px;
}
.footer-newsletter .newsletter-advantages-text ul {
        float: left;
        list-style-type: none;
        margin-right: 30px;
        margin-top: 10px;
}

.footer-newsletter .newsletter-advantages-text ul li:before {
        background-image: url(../tmpl/img/responsive-2x.png);
        background-position: 0 -62px;
        background-size: 141px 3231px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        content: "";
        display: inline-block;
        margin-right: 5px;
}

.footer .footer-newsletter h4 {
        margin: 0;
}

.footer .footer-newsletter form {
        margin-top: 10px;
}

.footer .footer-newsletter form input.text {
        height: 40px;
        padding: 9px;
        font-size: 14px;
        line-height: 20px;
        width: 75%;
        box-sizing: border-box;
        vertical-align: middle;
}
.footer .footer-newsletter form button {
        padding: 11px 10px 9px;
        width: 20%;
        box-sizing: border-box;
        vertical-align: middle;
        border-style: none;
}
.footer .footer-newsletter form button:hover {
        border-style: none;
}

.social ul {
        margin-top: 13px;
        margin-bottom: 43px;
        list-style-type: none;
}
.social ul li {
        display: inline-block;
}
.social ul li a {
        font-size: 0;
        height: 41px;
        width: 41px;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
}
 .social ul li a.fb {
         background-image: url(../tmpl/img/responsive-2x.png) ;
         background-position:0 -2352.5px;
         background-size:141px 3231px;
}
.social ul li a.insta {
        background-image: url(../tmpl/img/responsive-2x.png) ;
        background-position:0 -2207.5px;
        background-size:141px 3231px;
}

.footer {
        position: relative;
        width: 100%;
        background-color: #e8e8e8;
}
.footer .wrapper {
        background-color: #e8e8e8;
        border-bottom: 1px solid #ccc;
}
.footer h4 {
        color: #000;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 35px 0 25px 20px;
}
.footer .footer_service {
        float: left;
        width: 374px;
        margin-left: 33px;
}

.footer .footer_service #footer-menu li
{
        height: 46px;
        float: left;
        width: 115px;
}
.footer .footer_service .menu_image
{
        position: absolute;
        margin-left: -46px;
        margin-top: -13px;
}

.footer .footer_cat_menu {
        float: left;
        width: 176px;
        margin-left: 11px;
        padding-left: 11px;
}
.footer .footer_cat_menu  li {
        padding: 4px 0;
}
.footer .footer_contact {
        float: left;
        width: 176px;
        margin-left: 11px;
        padding-left: 11px;
}
.footer .footer_contact ul#footer-contact-menu {
        list-style-type: none;
}
.footer .footer_contact  li {
        padding: 4px 0;
}
.footer .secure_shopping {



}

.footer_cat_menu ul {
        list-style-type: none;
}



.content-container
{

}

.body-left
{
        width: 180px;
        /*float: left;*/
        margin-right: 15px;
        margin-left: 22px;
        padding-bottom: 15px;
}

.left-box
{
        background: #e33422;
        height: 65px;
        padding-top: 115px;
        width: 180px;
        color: #fff;
        text-align: center;
        font-size: 24px;
        /*font-family: 'AvantGarde Book', 'Didact Gothic', sans-serif;*/
}

.body-right
{
        /*float: right;*/
        width: 781px;
        margin-right: 22px;
        padding-bottom: 15px;
}

.body-frontpage {
        padding: 0;
        margin-left: 22px;
        margin-top: -10px;
}


/* Stuff */

#pop-lay, .hamburger-menu-modal
{
        background: #000;
        position: fixed;
        display: none;
        opacity: 0.5;
        filter: alpha(opacity = 50);
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 101;
}

#pop-lay.on
{
        display: block;
}

.catalog-img
{
        float: left;
        width: 80px;
}

.catalog-name
{
        float: left;
        width: 100px;
        font-size: 13px;
        padding-top: 15px;
}

.fp-menu-item
{
        width: 181px;
        height: 23px;
        background: #e33422 url('../tmpl/img/bar1.png') no-repeat;
        line-height: 22px;
        margin: 5px 0;
}

.fp-menu-item a
{
        font-family:  'AvantGarde Bold Condensed', sans-serif;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        text-transform: uppercase;
        padding-left: 25px;
}

.fp-title
{
        font-size: 20px;
        color: #e33422;
        margin: 15px 0;
}

.back-link
{
        padding: 30px 0 25px 0;
        color: #6cb2df;
}

.back-link a
{
        color: #369;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 12px;
}

.body-right h1
{
        color: #333;
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin: 15px 0 14px;
}
.body-right h1 img
{
        padding-right: 20px;
        vertical-align: baseline;
        float:left;
        padding-bottom: 10px;
}
.body-right h1 span
{
        display: block;
        padding-top: 12px;
        float:left;
}


.cat-brands .brand
{
        width: 140px;
        text-align: center;
        height: 75px;
        line-height: 75px;
}

.cat-brands .box
{
        width: 700px;
        overflow: hidden;
        float: left;
        position: relative;
        height: 75px;
}

.cat-brands
{
}

.cat-brands #brand-slider
{
        position: absolute;
}

#brand-right
{
        background: url('../tmpl/img/arrow3.png') no-repeat top;
        margin-top: 22px;
        height: 23px;
        width: 23px;
}

#brand-left
{
        background: url('../tmpl/img/arrow2.png') no-repeat top;
        margin-top: 22px;
        height: 23px;
        width: 23px;
}

/* Menus */

#lang
{
        float: right;

}

#lang li
{
        list-style: none;
        float: left;
}

#lang a
{
        background: none;
        padding-right: 8px;
}

#lang .active a
{
        color: #DA2031;
}

.category {
        background-color: #666;
}

.cat-menu
{

        height: 30px;
}

.cat-menu a
{
        text-decoration: none;
}

#main-menu {
        width: 100%;
}

#main-menu li.firstlevel
{
        display: inline-block;
        list-style: none;
        float:left;
        position: static;

}

#main-menu li.firstlevel.secondlevel
{
        margin: 0 0 10px;
}

.front #main-menu a, .front #main-menu, #main-menu li.firstlevel:hover span, #main-menu li.firstlevel.active span
{
        color: #fff;
}


#main-menu li.firstlevel a
{

}

#main-menu li.firstlevel:hover>a  {
        background-color: #FFF;
        color: #0d76bd;

}


#main-menu li.firstlevel.active>a {
        background-color: #fff;
        color: #000;

}

#main-menu li.firstlevel.activ>a {
        text-decoration: underline;
}






#main-menu li.firstlevel>a
{

        font-size: 16px;
        color: #FFF;
        width: 100%;
        text-align: center;
        display: block;
        padding: 3px 0;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
}

#main-menu li.firstlevel:hover .secondlevel
{
        visibility: visible;
        opacity: 1;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;

}

.category-secondlevel
{
        height: 50px;

}
.category-secondlevel.open {

}
.secondlevel-border {
        border-bottom: 1px solid #ccc;
}
.secondlevel-div {
        position: absolute;
        width: 100%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
        z-index: 10;
}
.secondlevel-div>.container {
        text-align: center;
}
.secondlevel {
        display: block;
        height: 49px;
        letter-spacing: 1px;
        text-align: center;
        z-index: 90;
}

.secondlevel .nav-layer-triangle {
        background-image: url(../tmpl/img/arrow-sprite.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 13px;
        height: 10px;
        visibility: hidden;
        opacity: 0;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
        position: absolute;
        bottom: -16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
}
.secondlevel li:hover a .nav-layer-triangle {
        visibility: visible;
        opacity: 1;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
}

.firstlevel.active .secondlevel {
        visibility: visible;
        opacity: 1;
}
.firstlevel.active .secondlevel-div {
        visibility: visible;
        opacity: 1;
}

.firstlevel:hover .secondlevel-div
, .firstlevel:hover .secondlevel {
        /*display: block;*/
        visibility: visible;
        opacity: 1;
        z-index: 999;
        background-color: #fff;

}


.secondlevel li {
        list-style: none;
        height: calc(100% + 1px);
        margin-top: -4px;
        margin-bottom: 0;
        vertical-align: text-top;
        display: inline-block;
        box-sizing: border-box;
}
.secondlevel li a {
        padding: 0 15px;
        color: #000;
        position: relative;
        top: 14px;
        font-size: 15px;
        display: inline-block;
        text-decoration: none;

}
.secondlevel li a:hover {
        color: #0d76bd;
        text-decoration: none;
}

.secondlevel li .thirdlevel {
        visibility: hidden;
        opacity: 0;
        -moz-transition-delay:.4s;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
}

.secondlevel li:hover .thirdlevel {
        visibility: visible;
        opacity: 1;
}
.secondlevel li.active>a {
        text-decoration: underline;
}



.thirdlevel-div {
        position: absolute;
        background: #fff;
        padding: 30px 30px 0 0;
        text-align: left;
        border: 1px solid #ccc;
        border-top: 5px solid #ccc;
        z-index: 1;
        top: 50px;
        margin-left: -16px;
}

.thirdlevel-div .thirdlevel-col {
        display: inline;
        float: left;
        padding-left: 30px;
        margin: auto;
        min-width: 160px;
        max-width: 300px;
        color: #000;
        letter-spacing: normal;
}
.thirdlevel-div ul {
        margin-top: -15px;
        margin-bottom: 50px;

}

.thirdlevel-div li {
        display: block;
        margin: 10px 0 0;
        font-weight: 400;
        position: relative;
}
.thirdlevel-div li a {
        position: relative;
        font-size: 15px;
        top: 0;
        padding: 0;
}



.footer-quickmenu
{
        padding-top: 20px;
        padding-left: 10px;
        margin-right: 40px;
        overflow: hidden;
        border-right: 1px solid #ccc;
}

.footer-quickmenu li
{
        float: left;
        list-style: none;
        height: 26px;
        margin-bottom: 30px;
        padding-right: 10px;
        width: 50%;
}

.footer-quickmenu a
{
        font-family: arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
}
.footer-quickmenu li:hover a {
        color: #0d76bd;
}






.footer-menu
{

        overflow: hidden;
        margin-bottom: 30px;
        margin-left: 20px;
}

.footer-menu li
{
        list-style: none;
        height: 26px;
        margin-bottom: 10px;
}

.footer-menu a
{
        font-family: arial, sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #000;
        text-decoration: none;
}
.footer-menu li:hover a {
        color: #0d76bd;
}



.menu-box
{
        background: url('../tmpl/img/bar2.png') no-repeat;
        margin: 0 -10px -5px;
        padding: 0 10px 5px;
        line-height: 18px;
        position: relative;
        z-index: 40;
}

.menu-box:hover
{
        background: url('../tmpl/img/bar3.jpg') no-repeat;
}

.menu-box:hover a
{
        color: #fff;
        background-image: url('../tmpl/img/bullet3.png');
}

.menu-box:hover #service-menu
{
        display: block;
}


#upper-menu li
{
        list-style: none;
        float: left;
        padding: 0 15px 0 0;
        display: inline;
        height: auto;
}

#upper-menu li a {
        color: #000;
        font-size: 12px;
}
#upper-menu li a:hover {
        text-decoration: none;
        color: #0d76bd;
}


#path li
{
        display: inline;
        list-style: none;
}

#path .sfx
{
        margin: 0 10px;
        width: 14px;
        height: 14px;
        background: #E33422 url('../tmpl/img/arrow1.png') no-repeat center;
        display: inline;
}

#path a
{
        color: #000;
        float: left;
        line-height: 12px;
}

#path li#last-1 a
{
        font-weight: bold;
}

#path li#last-1 .sfx
{
        display: none;
}

/* Common */

.form_label
{
        /*font-weight: bold; */ /* Because of feedback form*/
}

fieldset
{
        border: 0;
        margin: 10px 0;
        padding: 0;
}

fieldset legend {
        height: 44px;
        line-height: 44px;
        font-size: 15px;
        font-weight: bold;
        color: #066;
        padding: 0 0 0 66px;
        box-sizing: border-box;
        background-color: #E8E8E8;
        margin: 15px 5px 0 5px;
}
fieldset table {
        width: 100%;
        position: relative;
        top: 5px;
        border: 1px solid #e8e8e8;
        margin: 5px;
}

fieldset table td.form_label {
        font-weight: normal;
        text-align: right;
        padding-right: 22px;
        font-size: 14px;
        padding-left: 15px;
        width: 150px;
        line-height: 22px;
}

.required-notification {
        padding-left: 25px;
        font-size: 11px;
}
textarea, input.text
{
        border-radius: 4px;
        border: 1px solid #ccc;
        background-color: #fff;
        line-height: 17px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 6px;
}
textarea:hover, input.text:hover {
        border: 1px solid #0d76bd;
}

input[type="radio"],
input[type="checkbox"],
#agree_terms,
#agree_terms2,
#have_id_card {
        display: inline-block;
        position: absolute;
        -moz-opacity:0;
        filter:alpha(opacity:0);
        opacity:0;
        outline: 0;
}

label.bullet {

        margin-left: 54px;
        font-size: 14px;
        margin-top: 12px;
        display: inline-block;
        box-sizing: content-box;

        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid #aaa;
        margin: 11px;
        background: #fff;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
}
label.bullet:active,
label.bullet:focus,
.form-table .method:hover label.bullet {
        border: 1px solid #0d76bd;
}

 input[type="radio"]:checked + label.bullet:after,
 label.bullet.checked:after {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #111;
        position: absolute;
        margin: 4px 0 0 4px;
}


input[type="checkbox"] + label.checkbox, #have_id_card_label {
        position: relative;
        padding-right: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #aaa;
        margin: 11px;
        background: #fff;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        border-radius: 4px;
        box-sizing: content-box;
}
input[type="checkbox"]:checked + label.checkbox, #have_id_card_label.checked {
        background-color: #000;
        border-color: #000;
}

input[type="checkbox"]:checked + label.checkbox:after,
label.checkbox.checked:after
{
        margin-left: -8px;
        background-image: none;
        content: "n";
        color: #fff;
        line-height: 16px;
        font-family: BP-Iconfont;
        font-size: 34px;
        pointer-events: none;
}

input[type="checkbox"]:active + label.checkbox
, #have_id_card_label.active {
        border: 1px solid #0d76bd;
}

 input[type="text"],
 input[type="password"],
 select {
        border: 1px solid #AAA;
        border-radius: 5px;
        height: 33px;
        width: 250px ;
        font-size: 14px;
        padding-left: 6px;
}
select {
        display: inline-block;
        width: auto;
}
input[type="text"].err,
select.err {
        background-color: #FAE5E5;
        border: 1px solid #D21929;
        color: #000;
}



input.text.err,
textarea.err
{
        background-color: #fae5e5;
        border: 1px solid #d21929;
}

.r input.text
{
    color: #000;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px 40px 9px 9px;
    height: 40px;
    line-height: 22px;
    outline: none;
    caret-color: #0d76bd;
}

.r input.text:active,
.r input.text:focus,
.r input.text:hover {
    border: 1px solid #0d76bd;
}

.r input.text::-webkit-input-placeholder {
    font-size: 14px;
    line-height:20px;
    color:#666
}
.r input.text::-moz-placeholder {
    font-size: 14px;
    line-height:20px;
    color:#666
}
.r input.text:-ms-input-placeholder {
    font-size: 14px;
    line-height:20px;
    color:#666
}
.r input.text:-moz-placeholder
{
    font-size: 14px;
    line-height:20px;
    color:#666
}

.req, .err, #err
{
        color: #d21929;
}

div#err
{
        display: block;
        padding: 20px 23px 20px 76px;
        color: #000;
        background-color: #fae5e5;
        font-size: 14px;
        vertical-align: middle;
        line-height: 22px;
        position: relative;

}
div#err span.error-header {
        color: #c00;
        display: block;
        font-weight: 700;
}

div#err span.error-icon {
        background-image: url(../tmpl/img/checkout3.png);
        background-position: 0 -1023px;
        background-repeat: no-repeat;
        width: 33px;
        height: 33px;
        content: "";
        display: inline-block;
        vertical-align: middle;
        left: 22px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
}


a.button18, input.button18, button.button18 {
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font-family: Arial,sans-serif;
        display: inline-block;
        -moz-appearance: none;
        border: none;
        box-sizing: border-box;
        padding: 9px 20px;
        min-height: 40px;
        line-height: 1.25rem;
        font-size: .875rem;
        font-size: 14px;
        line-height: 20px;
        outline: none;

}

a.button18.secondary
, input.button18.secondary
, button.button18.secondary {
        font-size: 12px;
        line-height: 18px;
        padding: 5px;
        text-align: center;
        cursor: pointer;
        font-weight: 400;
        text-shadow: none;
        box-shadow: none;
        min-height: 0;
}

a.button18.gray, input.button18.gray, button.button18.gray {
        background-color: #f5f5f5;
        border: 1px solid #aaa;
}

a.button18.gray:hover, input.button18.gray:hover, button.button18.gray:hover {
        border: 1px solid #0d76bd;
        text-decoration: none;
        color: #0d76bd;
}


a.button18.red, input.button18.red, button.button18.red {
        background: #d21929;
        color: #fff;
}

a.button18.red:hover, input.button18.red:hover, button.button18.red:hover {
        background-color: #9d131f;
        text-decoration: none;
        color: #fff !important;
}

a.button18.white, input.button18.white, button.button18.white {
        border: 1px solid #aaa;
        background: #fff;
        color: #000;
}

a.button18.white:hover, input.button18.white:hover, button.button18.white:hover {
        border: 1px solid #0d76bd;
        color: #0d76bd;
        background: #fff;
        box-shadow: none;
}

a.button18.blue, input.button18.blue, button.button18.blue {
        border: 1px solid #0d76bd;
        background:  #0e76bd;;
        color: #fff;

 }

a.button18.blue:hover, input.button18.blue:hover, button.button18.blue:hover {
        border: 1px solid #0a568a;
        background: #0a568a;
        color: #fff;
        box-shadow: none;
        text-decoration: none;
}

a.button18:focus, a.button18:active,
input.button18:focus, input.button18:active {
        outline: none;
}

.button18.next:after {
        content: ">";
        width: 22px;
        margin-left: -10px;

        font-family: BP-Iconfont;
        font-size: 36px;
        display: inline-block;
        vertical-align: middle;
        height: 20px;
        line-height: 20px;
        margin-top: -1px;
}

.button18.previous:before {
        content: "<";
        width: 27px;
        margin-left: -15px;

        font-family: BP-Iconfont;
        font-size: 36px;
        display: inline-block;
        vertical-align: middle;
        height: 20px;
        line-height: 20px;
        margin-top: -1px;
}







a.button, input.button
{
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0;
        background-image: url('../tmpl/img/overlay.png');
        background-image: -webkit-linear-gradient(top, #4C6B86 0%, #4C6B86 50%, #355777 50%, #355777 100%);
        border: 1px solid #1F313D;
        cursor: pointer;
        border-radius: 4px;
        box-shadow: rgba(0, 0, 0, 0.4) 0 1px 2px 0;
        color: #fff;
        display: inline-block;
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: bold;
        line-height: 13px;
        margin: 12px 0 0 0;
        padding: 6px 12px 7px 12px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
        width: 111px;
        outline: none;

}
a.button:hover, input.button:hover
{
        background-image: url('../tmpl/img/overlay-hover.png');
        -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 5px 0;
        background-image: -webkit-linear-gradient(top, rgb(65, 91, 113) 0%, rgb(65, 91, 113) 50%, rgb(45, 74, 101) 50%, rgb(45, 74, 101) 100%);
        box-shadow: rgba(0, 0, 0, 0.498039) 0 1px 5px 0;
}
a.button.wide, input.button.wide
{
        width: 181px;
}

input.button.medium
{
        width: 134px;
}

input.button.medium_back
{
        width: 134px;
}

input.button.wide_back
{
        width: 181px;

}


a.button.white, input.button.white
{
        background-image: url('../tmpl/img/overlay-secondary-large.png');
        background-image: -webkit-linear-gradient(top, rgb(228, 234, 243) 0%, rgb(228, 234, 243) 50%, rgb(228, 234, 243) 50%, rgb(212, 224, 235) 50%);
        border: 1px solid #7E9EBF;
        color: #243947;
        text-shadow: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        height: 14px;
        outline: none;
}
a.button.white:hover, input.button.white:hover
{
        background-image: url('../tmpl/img/overlay-secondary-large-hover.png');
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
        background-image: -webkit-linear-gradient(top, rgb(212, 224, 235) 0%, rgb(212, 224, 235) 50%, rgb(191, 209, 225) 50%, rgb(191, 209, 225) 100%);
        box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
}

a.button.red, input.button.red
{
        background-image: url('../tmpl/img/overlay-button-checkout.png');
        background-image: -webkit-linear-gradient(top, rgb(208, 46, 57) 0%, rgb(194, 43, 52) 50%, rgb(182, 22, 30) 50%, rgb(182, 22, 30) 100%);
        font-size: 15px;
        border: 1px solid #5D0D05;
        outline: none;
}
a.button.red:hover, input.button.red:hover
{
        background-image: url('../tmpl/img/overlay-button-checkout-hover.png');
        background-image: -webkit-linear-gradient(top, rgb(187, 41, 51) 0%, rgb(175, 39, 48) 50%, rgb(164, 20, 27) 50%, rgb(164, 20, 27) 100%);
}
input.button.back
{
        background: url('../tmpl/img/bg_button6.png') no-repeat;
        width: 79px;
}

.paginator
{
        overflow: auto;
        margin: -7px 0 -5px;
}

.paginator table
{
}

.paginator a
{

        text-decoration: none;
}

.paginator a:hover
{
        text-decoration: underline;
}

.paginator .btn_prev a
{
        background: url('../tmpl/img/arrow5.png') no-repeat center;
        height: 13px;
        width: 13px;
        display: block;
}
.paginator .btn_next a
{
        background: url('../tmpl/img/arrow4.png') no-repeat center;
        height: 13px;
        width: 13px;
        display: block;
}

.sep
{
        margin: 10px 0;
        clear: both;
}

.sep.dot
{
        border-style: dotted;
}

.sep.bot
{
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
}

.body-left .sep.bot
{
        width: 180px;
}

.body-right .sep.bot
{
        width: 770px;
        left: auto;
        right: 0;
}

.left
{
        width: 979px;
 /*       height: 484px;*/
}

.right
{
        float: right;
}

.clear
{
        clear: both;
}




/* Icons */

i.icon-close {
        display: inline-block;
        float: none;
        margin: 0 0 0 8px;
        position: relative;
        top: 2px;
        background-image: url(../tmpl/img/responsive2x.png);
        background-position: 0 -20px;
        background-size: 87px 2358px;
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
}

.hamburger-menu {
        cursor: pointer;
        width: 40px;
        display: block;

}
.hamburger-menu-text {
        margin-top: 17px;
        margin-left: -1px;
}
.hamburger-menu-icon {
    position: relative;
    top: 10px;
    display: block;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
    box-sizing: border-box;
}

.hamburger-menu-icon:before {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
    top: -5px;
    content: '';
}
.hamburger-menu-icon:after {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 1px;
    border-radius: 1px;
    background-color: #000;
    top: 5px;
    content: '';
}

.hamburger-menu-list {
        box-shadow: 3px 0 0 0 rgba(0,0,0,.5);
        background: #ececec;
        position: fixed;
        width: 80%;
        max-width: 300px;
        top: 0;
        bottom: 0;
        z-index: 101;
        color: #3d3d3d;
        /*margin-left: -82%;*/
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        transform: matrix(1, 0, 0, 1, -500, 0);
}

.hamburger-menu-list.open {
        transform: matrix(1, 0, 0, 1, 0, 0);
}

.hamburger-menu-list-header {

        display: block;
        top: 0;
        position: absolute;
        width: 100%;
        background: none repeat scroll 0 0 #fff;
        height: 68px;
        z-index: 1000;
        border-bottom: 2px solid #b2b2b2;
        overflow: hidden;

}

.hamburger-menu-list-header>div
{
        display: block;
        background-color: #fff;
        width: 100%;
        border-bottom: 2px solid #b2b2b2;
        height: 68px;
        box-sizing: border-box;
        margin: 22px 0 0 7%;
}

.hamburger-menu-list-header a {
        display: block;
        box-sizing: border-box;
}

.hamburger-menu-list>ul>li>a,
.hamburger-menu-list-header a span
{
        font-family: MuseoCyrl300,Arial,sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 1.3em;
        white-space: nowrap;
        color: #000;
}

.hamburger-menu-list>ul {
        position: absolute;
        background-color: #fff;
        width: 100%;
        margin-top: 65px;
        height: 100%;
        overflow-x: scroll;
}
.hamburger-menu-list li {
        list-style-type: none;
}

.hamburger-menu-list li .hamburger-secondlevel-div,
.hamburger-menu-list li .hamburger-thirdlevel-div {
        display: none;
}

.hamburger-menu-list>ul>li a {
        padding: 12px 0;
        padding-right: 10%;
        padding-left: 7%;
        display: block;
        color: #333;
        text-decoration: none;
        font-size: 1.3em;
}

.hamburger-menu-list>ul>li.open a {
        color: #333;
}
.hamburger-menu-list li.active {
        background-color: #000;
        color: #fff;
}
.hamburger-menu-list li.active>a{
        color: #fff;
}

.hamburger-menu-list li.open {
        background-color: #ccc;
        color: #333;
}

.hamburger-menu-list li .hamburger-secondlevel-div li.open {
        background-color: #ececec;

}

.hamburger-menu-list li .hamburger-secondlevel-div li a {
        padding-left: 12%;
        color: #333;
        font-size: 16px;
}

.hamburger-menu-list li.open .hamburger-secondlevel-div {
        display: block;
        background-color: #fff;
        color: #333;
}

.hamburger-menu-list li .hamburger-secondlevel-div li.open .hamburger-thirdlevel-div {
        display: block;
        background-color: #fff;
}
.hamburger-menu-list li .hamburger-secondlevel-div li .hamburger-thirdlevel-div a {
        padding-left: 18%;
}

.hamburger-menu-list li.active.open.last {
        background-color: #000;
}
.hamburger-menu-list li.active.open.last a {
        color: #fff;
}





.hamburger-menu-list ul li.firstlevel[style] {
        width: auto !important;
}

.hamburger-menu-list ul li {
        display: block;
        position: relative;
}
.hamburger-menu-list ul li a:after {
        content: "";
        display: block;
        position: absolute;
        top: 15px;
        right: 7%;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-position: 0 -876.5px;
        background-size: 300px 4450.5px;
        background-image: url(../tmpl/img/global2x.png);
}

.hamburger-menu-list ul li.open>a:after {
        background-position: 0 -711.5px;
        background-size: 300px 4450.5px;
}
.hamburger-menu-list ul li.last>a:after {
        background: none;
}











.mobile-search-box {
        display: none;
        position: fixed;
        top: 0;
        margin-left: 40px;
        background-color: #fff;
        height: 64px;
        width: 78%;
        z-index: 200;

}
.mobile-search-box input {
        border-bottom: 1px solid #0d76bd;
        caret-color: #0d76bd;
        padding: 1px 1px 2px;
        height: 26px;
        width: 80%;
        margin-top: 18px;
        font-size: 16px;
        line-height: 22px;
        outline: none;
        background-color: #fff;

}
.mobile-search-box input::-webkit-input-placeholder {
        font-size: 14px;
}

.mobile-search-box-closer {
        background-image: url('../tmpl/img/responsive-2x.png');
        background-position: 0 -1874.5px;
        background-size: 141px 3172px;
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 10%;
        top: 18px;
        cursor: pointer;
}
.mobile-search-box-closer:hover  {
        background-position:0 -1716.5px;
        background-size:141px 3172px;
}



/* Footer menu image styles */
.footer-iconmenu li a:before {
        content: "";
        width: 24px;
        height: 24px;
        display: inline-block;
        line-height: 20px;
        vertical-align: bottom;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-image: url(../tmpl/img/responsive2x.png);
        background-position: -100px 100px;
}
.footer-iconmenu .home .home:before {
        background-position: 0 -578px;
        background-size: 87px 2298px;
}
.footer-iconmenu .home:hover .home:before {
        background-position: 0 -546px;
        background-size: 87px 2298px;
}

.footer-iconmenu .my_account .my_account:before {
        background-position: 0 -1122px;
        background-size: 87px 2298px;
}
.footer-iconmenu .my_account:hover .my_account:before {
        background-position: 0 -1090px;
        background-size: 87px 2298px;
}


.footer-iconmenu .my_orders .my_orders:before {
        background-position: 0 -770px;
        background-size: 87px 2298px;
}
.footer-iconmenu .my_orders:hover .my_orders:before {
        background-position: 0 -226px;
        background-size: 87px 2298px;
}

.footer-iconmenu .email .email:before {
        background-position: 0 -642px;
        background-size: 87px 2298px;
}
.footer-iconmenu .email:hover .email:before {
        background-position: 0 -610px;
        background-size: 87px 2298px;
}

.footer-iconmenu .catalog .catalog:before {
        background-position: 0 -514px;
        background-size: 87px 2298px;
}
.footer-iconmenu .catalog:hover .catalog:before {
        background-position: 0 -482px;
        background-size: 87px 2298px;
}


.footer-iconmenu .contact .contact:before {
        background-position: 0 -802px;
        background-size: 87px 2298px;
}
.footer-iconmenu .contact:hover .contact:before {
        background-position: 0 -994px;
        background-size: 87px 2298px;
}

.footer-iconmenu .transport .transport:before {
        background-position: 0 -322px;
        background-size: 87px 2298px;
}
.footer-iconmenu .transport:hover .transport:before {
        background-position: 0 -290px;
        background-size: 87px 2298px;
}

.footer-iconmenu .return .return:before {
        background-position: 0 -930px;
        background-size: 87px 2298px;
}
.footer-iconmenu .return:hover .return:before {
        background-position: 0 -898px;
        background-size: 87px 2298px;
}

.footer-iconmenu .discount .discount:before {
        background-position: 0 -386px;
        background-size: 87px 2298px;
}
.footer-iconmenu .discount:hover .discount:before {
        background-position: 0 -354px;
        background-size: 87px 2298px;
}

.footer-iconmenu .sizetable .sizetable:before {
        background-position: 0 -1058px;
        background-size: 87px 2298px;
}
.footer-iconmenu .sizetable:hover .sizetable:before {
        background-position: 0 -1026px;
        background-size: 87px 2298px;
}

.footer-iconmenu .transport2 .transport2:before {
        background-image: url(../tmpl/img/icon-versand-62x42.png);
        background-position: -18px -11px;
        background-size: 60px 40px;
}
.footer-iconmenu .transport2:hover .transport2:before {
        background-image: url(../tmpl/img/icon-versand-62x42.png);
        background-position: -18px -11px;
        background-size: 60px 40px;
}

.footer-iconmenu .ccard .ccard:before {
        background-image: url(../tmpl/img/icon-card-62x42.png);
        background-position: -18px -11px;
        background-size: 60px 40px;
}
.footer-iconmenu .ccard:hover .ccard:before {
        background-image: url(../tmpl/img/icon-card-62x42.png);
        background-position: -18px -11px;
        background-size: 60px 40px;
}

/*------------------------------------*\
  #PRODUCT CAROUSEL
\*------------------------------------*/


.banner-products {
        margin: 20px auto;
        overflow: hidden;
        box-sizing: border-box;
        padding-bottom: 10px;
}

.banner-products .banner-products-headline {
        margin-top: 20px;
        margin-bottom: 30px;
        font-family: Arial,sans-serif;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 2px;
        text-align: center;
        display: block;
        color: #000;
}

.banner-product-item {
        display: inline;
        width: 240px;
}
#random-products {
        position: relative;
}
.owl-item {
        display: inline-block;
}
.banner-product-item a {
        display: inline-block;
        position: relative;
}

.banner-product-item .caption {
        position: absolute;
        left: 0!important;
        top: 0!important;
        z-index: 10;
        width: 100%!important;
        display: table!important;
        height: 308px!important;
        text-align: center;
        vertical-align: middle;
        min-width: 100%!important;
        margin: 0!important;
        opacity: 0;
        background-color: #fff;
        -webkit-transition: opacity 0.4s; /* Safari */
        transition: opacity 0.4s;
}
.banner-product-item .caption .caption-add {
        position: relative;
        display: table-cell;
        left: 0;
        width: 100%;
        height: 100%;
        font-weight: 700;
        font-style: normal;
        text-decoration: none;
        color: #333;
        padding: 0;
        vertical-align: middle;
        text-align: center;
        margin: 0;
}

.caption-add .del {
        font-weight: 400;
        text-decoration: line-through;
}
.caption-add .special {
        color: #c62233;
}

.banner-product-item .caption:hover {
        opacity: 0.8;
        -webkit-transition: opacity 0.4s; /* Safari */
        transition: opacity 0.4s;
}

.banner-product-item .caption .caption-add>span {
        display: block;
        max-width: 20ch;
        margin-left: auto;
        margin-right: auto;
}
.banner-product-item .caption .caption-add .name {
        white-space: normal;
        word-wrap: break-word;
}

.banner-product-item .caption .caption-add .brand {
        font-size: 10px;
        font-weight: 400;
}
.banner-product-item .caption .caption-add .price {
        margin-top: 8px;
}

/**
 * Navigation
 */

.banner-products .owl-nav {
        box-sizing: border-box;
}

.banner-products .owl-prev,
.banner-products .owl-next  {
        border: none;
        background-color: transparent;
        outline: none;
        padding: 0;

}
.banner-products .owl-prev {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 29px;
        cursor: pointer;
}
.banner-products .owl-prev span {
        display:block;
        position: absolute;
        font-size: 0;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        background-image: url(../tmpl/img/prod-spring.png);
        background-position: 0 -1572px;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
}
.banner-products .owl-prev:hover span {
        background-position: 0 -2352px;
}

.banner-products .owl-prev.disabled span {
        background-position: 0 -1572px;
        opacity: 0.6;
        cursor: default;
}

.banner-products .owl-next {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 29px;
        cursor: pointer;
}

.banner-products .owl-next span {
        display: block;
        position: absolute;
        font-size: 0;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        background-image: url(../tmpl/img/prod-spring.png);
        background-position: 0 -1182px;
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
}
.banner-products .owl-next:hover span {
        background-position: 0 -1442px;
}

.banner-products .owl-next.disabled span {
        opacity: 0.6;
        background-position: 0 -1182px;
}

.banner-products .owl-next.disabled,
.banner-products .owl-prev.disabled {
        cursor: default;
}

/* OWL CAROUSEL */

/* owl carousel */

.owl-loaded {
        touch-action: manipulation;
}

.owl-nav.disabled {
        display: none;
}
.owl-dots button {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        text-align: center;
        background-color: transparent;
        border-radius: 100%;
        border: 1px solid #aaa;
        display: inline-block;
        padding: 0;
        outline: none;
        cursor: pointer;
}
.owl-dots button.active {
        background-color: #aaa;
}


/*------------------------------------*\
  #RESPONSIVE
/*------------------------------------*\

 */
@media (min-width: 1366px) {
        .container {
                /*max-width: 1024px;*/
        }
}
@media (min-width: 941px) {
        .owl-dots {
                display: none;
        }
        .terms_link
        {
                padding: 22px 22px 5px 22px ;
        }
}
@media (min-width: 768px) {
        #footer_service_menu,
        #footer_cat_menu,
        #footer_contact_menu {
                display: block;
        }
}

@media (max-width: 600px) {
        /*.banderole {
                display: none;
        }*/
        .teaser {
                display: none;
        }

}

@media (max-width: 767px) {
        .offset-05 {
                margin-left: 0;
        }
        .site-header {
                position: fixed;
                top: 0;
                border-bottom: 3px solid #ccc;
                background-color: #fff;
                z-index: 100;

        }
        .site-header .container>.row {
                padding-top: 12px;
                padding-bottom: 12px;
        }

        .site-header .container>.row>div {
            height: 40px;
        }
        .badge-wrapper {
                margin: 0 auto;
        }

        .banderole p {
                font-size: 16px;
        }


        .myaccount-popup {
                top: 52px;
        }
        .myaccount-popup-arrow {
                top: 42px;
        }
        /* MENU */
        .category {
                margin-top: 67px;
                background-color: #fff;
                width: 100%;
                max-width: none;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                height: 76px;
                padding: 0;
        }
        .category.hide-menu {
                height: 0;
        }
        .category::-webkit-scrollbar {
                display: none;
        }

        .category .container {
                max-width: none;
        }

        #main-menu li.firstlevel {
                padding-left: 2.5%;
                padding-right: 2.5%;
                border-right: 1px solid #ccc;
                margin: 15px 0;
                white-space: nowrap;
                float: none;
        }

        #main-menu li.firstlevel>a {
                font-size: 24px;
                font-family: MuseoCyrl300,Arial,sans-serif;
                font-weight: 300;
                letter-spacing: 1px;
                color: #000;
                line-height: 40px;
                display: inline-block;




        }
        #main-menu li.firstlevel[style] {
                width: auto !important;
        }

        .secondlevel-div {
                display: none !important;
        }

        .footer-quickmenu-wrapper {
                border-bottom: 1px solid #ccc;
        }

        .footer-quickmenu {
                border-right: none;
                margin-right: auto;

        }

        .footer-newsletter .newsletter-advantages {
                margin-top: 20px;
        }


        .footer-collapsible-menu {
                border-bottom: 1px solid #ccc;
        }
        .footer-collapsible-menu span:after  {
                border: 1px solid #ccc;
                border-radius: 50%;
                width: 40px;
                height: 40px;
                float: right;
                text-align: center;
                vertical-align: middle;
                background-repeat: no-repeat;
                display: flex;
                position: absolute;
                right: 10px;
                top: 5px;
        }
        .footer-collapsible-menu span {
                display: inline-block;
                width: 100%;
                margin: 15px 0 15px 0;
                line-height: 20px;
        }
        .footer-collapsible-menu span[aria-expanded=true]:after {
                content: " ";
                background-position: 6px -705.5px;
                background-size: 300px 4450.5px;
                background-image: url(../tmpl/img/global2x.png);
        }
        .footer-collapsible-menu span[aria-expanded=false]:after {
                content: " ";
                background-position: 6px -870.5px;
                background-size: 300px 4450.5px;
                background-image: url(../tmpl/img/global2x.png);
        }

}
@media (max-width: 992px ) {
        .footer-newsletter .newsletter-advantages-text ul {
                margin-right: 20px;
        }

}