/*!
 * 2016 (c) Lacigale Shop
 * Author: Demid <demid@uix.su>
 */
 @charset "UTF-8"; article,details,section,summary,aside,main,menu,nav,figcaption,figure,footer,header,hgroup {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

html {
    background: white;
    height: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    background: url("../images/tower-paris.jpg") no-repeat right -400px top 0;
    font: 14px/1.2 Arial,'Helvetica Neue',Helvetica,sans-serif;
    min-height: 100%;
    min-width: 300px;
    overflow-y: scroll;
    padding-bottom: 30px;
    color:black;
}

input,textarea,button,a,:focus {
    outline: none !important
}

a {
    color: #000;
}

a:hover,a:focus {
    color: #000
}

hr {
    height: 1px;
    border: none;
    color: #d6d6d6;
    background: #d6d6d6;
    margin: 20px 0
}

.errorMessage {
    color: #f00;
    font-size: .875em;
    line-height: 1.2;
    padding: 5px
}

.request-head-success {
    color: #680200;
    font: bold .875em/1.2 Arial,'Helvetica Neue',Helvetica,sans-serif
}

.readmore-link {
    display: block;
    text-align: center;
    font-size: .875em;
    margin-top: 10px;
}

.readmore-link:hover,.readmore-link:focus {
    text-decoration: none
}

.inline-block {
    display: inline-block
}

.text-red {
    color: #680200
}

.text-green {
    color: #2fa72f
}

.text-uppercase {
    text-transform: uppercase
}

.required {
    color: #f00;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: .875em
}

.messages-block {
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.125em;
    background: rgba(0,0,0,0.05)
}

[data-share] {
    font-size: 1.5625em;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-filter: alpha(opacity=50);
    -moz-filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
}

[data-share]:hover,[data-share]:focus {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    text-decoration: none
}

@media (max-width: 767px) {
    [data-share] {
        font-size:2.1875em
    }

    .readmore-link {
        margin-top: 15px
    }
}

.header {
    margin-top: 15px;
}

.header .btn {
    font-size: .875em
}

.header-logo {
    background-repeat: no-repeat;
    display: block;
    /* height: 53px;
    max-width: 235px; */
    /* font: 75px/1.0 Arial,'Helvetica Neue',Helvetica,sans-serif; */
    margin-left: 381px;        
    
}

@media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx) {
    .header-logo {
        background-image:url("../images/large-logo-shop@2x.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

.header-navigation {
    text-align: right;
    padding-top: 15px;
    padding-right: 30px;
}

.header-navigation-cart {
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    color: #000;
    display: block;
    float: left;
    font-size: .8125em;
    height: 17px;
    left: -4px;
    line-height: 16px;
    margin-right: 3px;
    padding-top: 3px;
    position: relative;
    background-image: url("../images/cart.png");
    text-align: center;
    top: -2px;
    width: 14px
}

@media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx) {
    .header-navigation-cart {
        background-image:url("../images/cart@2x.png");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

.header-navbar {
    background-color: transparent !important;
    border: 0 !important;
    margin-top: 35px !important;
}

.header-navbar .navbar-nav > li > a {
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    color: #000;
    padding: 5px 15px;
}

.header-navbar .navbar-nav > li > a .caret {
    margin-top: -3px
}

.header-navbar .navbar-nav > li.active > a,.header-navbar .navbar-nav > li.open > a {
    background-color: transparent !important
}

.header-navbar .navbar-nav > li.open > a {
    color: #000
}

.header-navbar .navbar-nav > li .dropdown-menu {
    background-color: rgba(0,0,0,0.8);
    -webkit-border-radius: 0;
    border-radius: 0;
}

.header-navbar .navbar-nav > li .dropdown-menu a {
    color: #f1f1f1 !important;
}

.header-navbar .navbar-nav > li .dropdown-menu a:hover,.header-navbar .navbar-nav > li .dropdown-menu a:focus {
    background-color: rgba(255,255,255,0.1);
    color: #f1f1f1 !important
}

.header-navbar .navbar-nav > li .dropdown-menu a .md-underline:after {
    border-color: #f1f1f1 !important
}

/* #currency-styler{
    display: none !important;
} */

.header-currency {
    width: 130px !important;
    text-align: left
}

.header-search {
    position: relative;
    display: inline-block;
    width: auto;
}

.header-search__btn {
    color: #666;
    padding: 5px 10px;
    position: absolute;
    right: 0;
}

.header-search__btn:hover,.header-search__btn:focus {
    background-color: #fff;
    border: 1px solid #fff
}

.header-search__input {
    font-size: .84375em;
    padding: 6px 10px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 115px;
}

.header-search__input:focus {
    background-color: #fff;
    border: 1px solid #fff;
    width: 190px
}

.header-search__btn,.header-search__input {
    background-color: rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.7)
}

@media (max-width: 767px) {
    .header {
        margin-top:75px
    }

    .header-logo {
        -webkit-background-size: 95% !important;
        -moz-background-size: 95% !important;
        background-size: 95% !important;
        margin: 0 auto
    }

    .header-navigation {
        text-align: center;
        padding-right: 15px;
    }

    .header-navigation__buttons {
        float: none
    }

    .header-navbar {
        left: 0;
        margin-top: 0 !important;
        min-width: 300px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .header-navbar a {
        color: #f1f1f1 !important;
        min-width: 175px;
        
    }

    .header-navbar .navbar-header {
        background-color: white;
    }

    .header-navbar .navbar-collapse {
        border-top: none;
        background-color: rgba(246,246,246,0.9) !important;
    }

    .header-navbar .navbar-collapse li:hover,.header-navbar .navbar-collapse li:focus {
        background-color: rgba(246,246,246,0.1)
    }

    .header-navbar .navbar-collapse a {
        color: #000 !important;
    }

    .header-navbar .navbar-collapse a .md-underline:after {
        border-color: #f1f1f1
    }

    .header-navbar .navbar-toggle {
        background-color: transparent;
        border: none;
    }

    .header-navbar .navbar-toggle .icon-bar {
        background-color: black
    }

    .header-navbar .navbar-toggle:hover,.header-navbar .navbar-toggle:focus {
        background-color: transparent;
    }

    .header-navbar .navbar-toggle:hover .icon-bar,.header-navbar .navbar-toggle:focus .icon-bar {
        background-color: black;
    }

    .header-navbar .navbar-nav > li > a {
        font-weight: normal;
        font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    }

    .header-navbar .navbar-nav > li > a .caret {
        margin-top: 0
    }

    .header-navbar .navbar-nav > li.open > a {
        background-color: rgba(0,0,0,0.1) !important;
        color: #000 !important;
    }

    .header-navbar .navbar-nav > li.open > a .md-underline:after {
        border-color: #000 !important
    }

    .navbar-header .icon-bar {
        height: 3px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -ms-transition: all 0.4s;
        transition: all 0.4s
    }

    .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
        -webkit-transform: rotate(45deg) translate(5px,5px);
        -moz-transform: rotate(45deg) translate(5px,5px);
        -o-transform: rotate(45deg) translate(5px,5px);
        -ms-transform: rotate(45deg) translate(5px,5px);
        transform: rotate(45deg) translate(5px,5px)
    }

    .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-filter: alpha(opacity=0);
        -moz-filter: alpha(opacity=0);
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    .navbar-header .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
        -webkit-transform: rotate(-45deg) translate(5px,-5px);
        -moz-transform: rotate(-45deg) translate(5px,-5px);
        -o-transform: rotate(-45deg) translate(5px,-5px);
        -ms-transform: rotate(-45deg) translate(5px,-5px);
        transform: rotate(-45deg) translate(5px,-5px)
    }

    .header-search {
        margin: 25px 0;
        width: 100%;
    }

    .header-search__input,.header-search__input:focus {
        width: 100%;
        padding: 10px !important
    }

    .header-search__btn {
        padding: 9px 10px
    }

    .navbar-brand {
        padding-right: 0;
    }

    .navbar-brand > img {
        position: relative;
        top: -16px;
        left: -12px
    }

    .fix-xs-my-bag {
        min-width: 100px;
        text-align: left
    }

    .header-navigation-cart {
        background-image: none;
        color: #fff
    }
}

@media (min-width: 768px) {
    .header-logo {
        -webkit-background-size:100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important
    }

    .header-navbar {
        margin-bottom: 0;
        min-height: 40px !important;
    }

    .header-navbar .navbar-nav > li .dropdown-menu {
        margin-left: 15px
    }

    .header-navigation__buttons {
        float: right
    }
}

@media (min-width: 992px) {
    .header-logo {
        /* -webkit-background-size:cover !important;
        -moz-background-size: cover !important;
        background-size: cover !important */
    }

    .header-search {
        float: right;
        margin-right: 5px;
        width: auto;
        margin-top: 2px
    }
}

@media (min-width: 768px) and (max-width:1055px) {
    .header-search {
        width:100%;
        margin-top: 10px;
    }

    .header-search__input,.header-search__input:focus {
        width: 100%
    }

    .header-navigation__buttons {
        margin-top: 13px
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        width:1280px
    }
}

.md-underline {
    position: relative;
}

.md-underline:after {
    border-bottom: 1px solid #000;
    bottom: -1px;
    content: ' ';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 0
}

.md-underline:hover:after {
    width: 100%
}

.md-underline.-while-underline:after {
    border-color: #f1f1f1
}

.form-control {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .9375em;
}

.form-control:focus {
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-style: none
}

.btn {
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    padding: .37em 1em .33em;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s;
    margin: 2px 0;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}

.btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn-noround {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.btn-black {
    background: rgba(0,0,0,1.0);
    color: #f1f1f1;
}

.btn-black:hover,.btn-black:focus {
    background: rgba(0,0,0,0.95);
    color: #f1f1f1;
    text-decoration: none
}

.btn-while {
    background: rgba(255,255,255,0.7);
    color: #000;
}

.btn-while:hover,.btn-while:focus {
    background: rgba(255,255,255,0.95);
    color: #000;
    text-decoration: none
}

.btn-red {
    background: rgba(255,19,18,0.7);
    color: #fff;
}

.btn-red:hover,.btn-red:focus {
    background: rgba(255,19,18,0.95);
    color: #fff;
    text-decoration: none
}

.btn-default {
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: linear-gradient(to bottom, #fbfbfb, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #b3b3b3;
    -webkit-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    color: #000;
    font-size: 1em;
    line-height: 20px;
    margin-bottom: 0;
    padding: 3px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.btn-default:hover,.btn-default:focus {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    border-color: #b3b3b3 !important
}

.btn-default:active {
    background-image: -webkit-linear-gradient(top, #e6e6e6, #fbfbfb);
    background-image: -moz-linear-gradient(top, #e6e6e6, #fbfbfb);
    background-image: -o-linear-gradient(top, #e6e6e6, #fbfbfb);
    background-image: -ms-linear-gradient(top, #e6e6e6, #fbfbfb);
    background-image: linear-gradient(to bottom, #e6e6e6, #fbfbfb)
}

.input-checkbox-label {
    cursor: pointer;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    padding-left: 2.2rem;
    position: relative;
    top: -4px;
}

.input-checkbox-label:after {
    background: transparent;
    content: ' ';
    cursor: pointer;
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.6rem
}

.input-checkbox-label:before {
    border: 2px solid #e5e5e5;
    content: ' ';
    height: 1.5rem;
    left: 0;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 1.5rem;
    z-index: 1
}

.input-checkbox-label:after,.input-checkbox-label:before {
    top: -2px
}

.input-checkbox-label:hover:before,.input-checkbox-label:focus:before {
    border-color: #ccc
}

.input-checkbox-label > span {
    position: relative;
    top: -1px
}

.input-checkbox {
    display: none;
}

.input-checkbox:checked + .input-checkbox-label:before {
    border-color: #f00;
    border-right-style: none;
    border-top-style: none;
    height: .8rem;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.input-checkbox:checked + .input-checkbox-label.-while:before {
    border-color: #fff
}

label {
    font-size: .875em
}

.light-label {
    font-weight: normal
}

.field-require {
    display: inline-block;
    color: #f00;
    padding: 7px 0
}

.btn-block {
    width: 100%
}

@media (max-width: 767px) {
    .btn-xs-block {
        display:block;
        width: 100%;
        margin-bottom: 5px
    }

    .field-require {
        display: block;
        margin-left: 16.66666667%;
        padding: 20px;
        position: relative;
        top: 5px
    }

    .btn-while-mobile {
        background: rgba(0,0,0,1.7);
        color: #f1f1f1;
    }

    .btn-while-mobile:hover,.btn-while-mobile:focus {
        background: rgba(0,0,0,0.95);
        color: #f1f1f1;
        text-decoration: none;
    }

    .btn-while-mobile:hover *:after,.btn-while-mobile:focus *:after {
        border-color: #f1f1f1
    }
}

@font-face {
    font-family: "Arial";
    src: url("./fonts/WeblySleekUISemuLight.eot");
    src: url("./fonts/WeblySleekUISemuLight.eot?#iefix") format("embedded-opentype"),url("./fonts/WeblySleekUISemuLight.woff") format("woff"),url("./fonts/WeblySleekUISemuLight.ttf") format("truetype"),url("./fonts/WeblySleekUISemuLight.svg#HelveticaNeueCyr") format("svg");
    font-weight: '300';
    font-style: 'normal'
}

@font-face {
    font-family: "Arial";
    src: url("./fonts/WeblySleekUISemuBold.eot?") format("embedded-opentype")
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("./fonts/WeblySleekUISemuBold.woff") format("woff"),url("./fonts/WeblySleekUISemuBold.ttf") format("truetype"),url("./fonts/WeblySleekUISemuBold.svg#HelveticaNeueCyr") format("svg");
    font-weight: 600;
    font-style: 'normal'
}

#processing {
    background-color: rgba(0,0,0,0.6);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
}

#processing .processing {
    visibility: hidden
}

#processing.active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    visibility: visible;
}

#processing.active .processing {
    visibility: visible
}

.processing {
    -webkit-animation: 1s spin infinite cubic-bezier(.255,.2,.315,.455);
    -moz-animation: 1s spin infinite cubic-bezier(.255,.2,.315,.455);
    -o-animation: 1s spin infinite cubic-bezier(.255,.2,.315,.455);
    -ms-animation: 1s spin infinite cubic-bezier(.255,.2,.315,.455);
    animation: 1s spin infinite cubic-bezier(.255,.2,.315,.455);
    height: 7rem;
    left: 50%;
    margin-left: -3.5rem;
    margin-top: -3.5rem;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 7rem;
}

.processing > span,.processing > span:before {
    -webkit-border-bottom-left-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;
    -webkit-border-top-left-radius: 3.5rem;
    border-top-left-radius: 3.5rem;
    height: 7rem;
    overflow: hidden;
    position: absolute;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    width: 3.5rem
}

.processing > span:before {
    -webkit-animation: 3s mask infinite linear;
    -moz-animation: 3s mask infinite linear;
    -o-animation: 3s mask infinite linear;
    -ms-animation: 3s mask infinite linear;
    animation: 3s mask infinite linear;
    border: 5px solid #fff;
    border-right-color: transparent;
    content: ' '
}

.processing .processing__first {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.processing .processing__last {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.processing .processing__last:before {
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s;
    animation-delay: .75s
}

@-moz-keyframes mask {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25%,50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75%,100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mask {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25%,50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75%,100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes mask {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25%,50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75%,100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mask {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    25%,50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    75%,100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.sidebar {
    margin-bottom: 20px;
}

.sidebar-heder {
    background-color: #000;
    color: #e3e3e3;
    font: bold .875em/1.2 Arial,sans-serif;
    padding: 10px
}

.sidebar-body {
    background-color: rgba(255,255,255,0.95);
    padding: 10px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sidebar-product__image {
    overflow: hidden;
}

.sidebar-product__image a,.sidebar-product__image img {
    display: block
}

.sidebar-product__image img {
    /* -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out */
}

.sidebar-product__image a {
    margin: 0 10px;
    overflow: hidden;
}

.sidebar-product__image a:hover img,.sidebar-product__image a:focus img {
    /* -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1) */
}

.sidebar-product__image[data-product-sale]:after {
    left: 5px
}

.sidebar-product__title {
    color: #000;
    font: bold .875em/1.2 Arial,sans-serif;
}

.sidebar-product__title:hover,.sidebar-product__title:focus {
    text-decoration: none
}

.sidebar-product__content {
    margin-top: 10px;
    color: #777;
    font: .75em/1.8 Arial,sans-serif
}

.sidebar-product__price {
    text-align: center;
    /* background-color: rgba(0,0,0,0.05); */
    padding: 5px;
    margin-top: 10px;
    font: bold .8125em/1.2 Arial,sans-serif
}

.sidebar-text {
    margin: 15px 0;
    font-size: .96875em
}

.sidebar-promo {
    background: rgba(0,0,0,0.02);
    border-bottom: 1px dashed #ccc;
    margin: -10px -10px 20px;
    padding: 15px;
    text-align: center;
    position: relative;
}

.sidebar-promo_title {
    font-weight: bold;
    font-size: 1.375em;
    margin-bottom: 5px
}

.sidebar-promo span {
    color: #ff1312
}

@media (max-width: 767px) {
    .sidebar-product__image {
        display:table;
        margin: 0 auto;
    }

    .sidebar-product__image img {
        display: inline-block;
        max-height: 190px;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        filter: grayscale(0)
    }

    .sidebar-product__image a {
        text-align: center
    }

    .sidebar-product__body {
        text-align: center;
        margin-top: 5px
    }
}

.jq-selectbox {
    cursor: pointer;
    vertical-align: middle;
    width: 100%;
}

.jq-selectbox__select {
    background-color: #fff;
    border: 1px solid #e3dfe0;
    padding: 7px 10px;
    position: relative;
    width: 100%;
    font-size: .875em
}

.jq-selectbox.placeholder {
    color: #888
}

.jq-selectbox__dropdown {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-top: 2px;
    overflow: hidden;
    padding: 2px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}

.jq-selectbox__dropdown ul {
    margin: 0;
    padding: 0
}

.jq-selectbox__dropdown li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    min-height: 1.2em;
    padding: 5px 10px;
}

.jq-selectbox__dropdown li.sel {
    background-color: #000;
    color: #f1f1f1
}

.jq-selectbox__dropdown li:hover {
    background-color: #666;
    color: #f1f1f1
}

.jq-selectbox__trigger-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    height: 0;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 0
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.styler-black .jq-selectbox__select {
    background: rgba(0,0,0,0.7);
    border-color: rgba(0,0,0,0.7);
    color: #f1f1f1;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
    font-size: .9375em;
    padding: .41em 1em;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    transition: all 0.15s
}

.styler-black:hover,.styler-black:focus {
    background: rgba(0,0,0,0.95);
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.styler-black .jq-selectbox__trigger-arrow {
    border-top-color: #f1f1f1
}

.styler-black:hover .jq-selectbox__trigger-arrow,.styler-black:focus .jq-selectbox__trigger-arrow {
    border-top-color: #f1f1f1 !important
}

@media (max-width: 767px) {
    .filter .jq-selectbox {
        padding:8px
    }
}

.container-inside {
    background-color: rgba(255,255,255,0.95);
    padding: 15px;
    margin-bottom: 20px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.page-title {
    color: #000;
    font: bold 1.1875em/1.2 Arial;
    margin-top: 0;
    text-transform: uppercase
}

.page-content {
    font: .875em/1.4 Arial,sans-serif;
    color: #000;
}

.page-content p {
    margin-bottom: 15px
}

.page-content a {
    text-decoration: underline;
}

.page-content a:hover,.page-content a:focus {
    text-decoration: none
}

.searck-block {
    background-color: #f1f1f1;
    padding: 10px;
}

.searck-block__result {
    font: .875em;
    margin: 5px 0
}

.search-block-content {
    background-color: #eee;
    border: 1px solid #999;
    margin: 6px;
    padding: 10px;
}

.search-block-content__title {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    font: 1.3125em/1.2 Arial;
    margin-bottom: 10px;
    padding-bottom: 5px
}

@media (max-width: 767px) {
    .page-content img {
        max-width:100%;
        display: block
    }

    .page-content-table > table th,.page-content-table > table td {
        display: block;
        width: 94%
    }

    .page-content-table .block-table {
        text-align: left !important;
    }

    .page-content-table .block-table + table,.page-content-table .block-table th {
        display: none !important
    }

    .page-content-table .block-table img {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .container-inside-fluid {
        margin-left:15px;
        margin-right: 15px
    }

    .search-label {
        padding-top: 5px
    }
}

.bx-wrapper {
    overflow: hidden;
}

.bx-wrapper img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.bx-wrapper .bxslider-txt {
    position: absolute;
    left: 0;
    bottom: 37px;
    padding: 15px 21px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.3);
    font: 1.1875em/1 Arial,'Helvetica Neue',Helvetica,sans-serif
}

@media (max-width: 767px) {
    .bx-wrapper li > a {
        background-position:50% 50%;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        display: block;
        height: 200px;
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        -webkit-filter: alpha(opacity=90);
        -moz-filter: alpha(opacity=90);
        -ms-filter: alpha(opacity=90);
        filter: alpha(opacity=90);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        width: 100%
    }

    .bx-wrapper:hover li > a,.bx-wrapper:focus li > a {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        filter: none
    }

    .bx-wrapper img {
        display: none !important
    }

    .bx-wrapper .bxslider-txt {
        bottom: 30px;
        font-size: 1em;
        padding: 10px 21px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .bx-wrapper .bx-viewport {
        height:312px !important;
        overflow: hidden
    }

    .bx-wrapper .bx-slider > li > a {
        background-image: none !important
    }
}

@media (min-width: 992px) {
    .bx-wrapper .bxslider-txt {
        bottom:auto;
        top: 222px
    }
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-17 {
    font-size: 17px
}

.fs-18 {
    font-size: 18px
}

.fs-19 {
    font-size: 19px
}

.fs-20 {
    font-size: 20px
}

.fs-21 {
    font-size: 21px
}

.fs-22 {
    font-size: 22px
}

.fs-23 {
    font-size: 23px
}

.fs-24 {
    font-size: 24px
}

.fs-25 {
    font-size: 25px
}

.p-0 {
    padding: 0
}

.p-t-0 {
    padding-top: 0
}

.p-r-0 {
    padding-right: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-l-0 {
    padding-left: 0
}

.m-0 {
    margin: 0
}

.m-t-0 {
    margin-top: 0
}

.m-r-0 {
    margin-right: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-l-0 {
    margin-left: 0
}

.p-5 {
    padding: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-l-5 {
    padding-left: 5px
}

.m-5 {
    margin: 5px
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-l-5 {
    margin-left: 5px
}

.p-10 {
    padding: 10px
}

.p-t-10 {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-l-10 {
    padding-left: 10px
}

.m-10 {
    margin: 10px
}

.m-t-10 {
    margin-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-l-10 {
    margin-left: 10px
}

.p-15 {
    padding: 15px
}

.p-t-15 {
    padding-top: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-15 {
    padding-left: 15px
}

.m-15 {
    margin: 15px
}

.m-t-15 {
    margin-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-15 {
    margin-left: 15px
}

.p-20 {
    padding: 20px
}

.p-t-20 {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-20 {
    padding-left: 20px
}

.m-20 {
    margin: 20px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-20 {
    margin-left: 20px
}

.p-25 {
    padding: 25px
}

.p-t-25 {
    padding-top: 25px
}

.p-r-25 {
    padding-right: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.p-l-25 {
    padding-left: 25px
}

.m-25 {
    margin: 25px
}

.m-t-25 {
    margin-top: 25px
}

.m-r-25 {
    margin-right: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-l-25 {
    margin-left: 25px
}

.col-xs--5,.col-sm--5,.col-md--5,.col-lg--5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    float: left
}

@media (max-width: 767px) {
    .text-xs-center {
        text-align:center
    }

    .text-xs-left {
        text-align: left
    }

    .text-xs-right {
        text-align: right
    }

    .col-xs--5 {
        width: 20%
    }

    .p-xs-0 {
        padding: 0
    }

    .p-xs-t-0 {
        padding-top: 0
    }

    .p-xs-r-0 {
        padding-right: 0
    }

    .p-xs-b-0 {
        padding-bottom: 0
    }

    .p-xs-l-0 {
        padding-left: 0
    }

    .m-xs-0 {
        margin: 0
    }

    .m-xs-t-0 {
        margin-top: 0
    }

    .m-xs-r-0 {
        margin-right: 0
    }

    .m-xs-b-0 {
        margin-bottom: 0
    }

    .m-xs-l-0 {
        margin-left: 0
    }

    .p-xs-5 {
        padding: 5px
    }

    .p-xs-t-5 {
        padding-top: 5px
    }

    .p-xs-r-5 {
        padding-right: 5px
    }

    .p-xs-b-5 {
        padding-bottom: 5px
    }

    .p-xs-l-5 {
        padding-left: 5px
    }

    .m-xs-5 {
        margin: 5px
    }

    .m-xs-t-5 {
        margin-top: 5px
    }

    .m-xs-r-5 {
        margin-right: 5px
    }

    .m-xs-b-5 {
        margin-bottom: 5px
    }

    .m-xs-l-5 {
        margin-left: 5px
    }

    .p-xs-10 {
        padding: 10px
    }

    .p-xs-t-10 {
        padding-top: 10px
    }

    .p-xs-r-10 {
        padding-right: 10px
    }

    .p-xs-b-10 {
        padding-bottom: 10px
    }

    .p-xs-l-10 {
        padding-left: 10px
    }

    .m-xs-10 {
        margin: 10px
    }

    .m-xs-t-10 {
        margin-top: 10px
    }

    .m-xs-r-10 {
        margin-right: 10px
    }

    .m-xs-b-10 {
        margin-bottom: 10px
    }

    .m-xs-l-10 {
        margin-left: 10px
    }

    .p-xs-15 {
        padding: 15px
    }

    .p-xs-t-15 {
        padding-top: 15px
    }

    .p-xs-r-15 {
        padding-right: 15px
    }

    .p-xs-b-15 {
        padding-bottom: 15px
    }

    .p-xs-l-15 {
        padding-left: 15px
    }

    .m-xs-15 {
        margin: 15px
    }

    .m-xs-t-15 {
        margin-top: 15px
    }

    .m-xs-r-15 {
        margin-right: 15px
    }

    .m-xs-b-15 {
        margin-bottom: 15px
    }

    .m-xs-l-15 {
        margin-left: 15px
    }

    .p-xs-20 {
        padding: 20px
    }

    .p-xs-t-20 {
        padding-top: 20px
    }

    .p-xs-r-20 {
        padding-right: 20px
    }

    .p-xs-b-20 {
        padding-bottom: 20px
    }

    .p-xs-l-20 {
        padding-left: 20px
    }

    .m-xs-20 {
        margin: 20px
    }

    .m-xs-t-20 {
        margin-top: 20px
    }

    .m-xs-r-20 {
        margin-right: 20px
    }

    .m-xs-b-20 {
        margin-bottom: 20px
    }

    .m-xs-l-20 {
        margin-left: 20px
    }

    .p-xs-25 {
        padding: 25px
    }

    .p-xs-t-25 {
        padding-top: 25px
    }

    .p-xs-r-25 {
        padding-right: 25px
    }

    .p-xs-b-25 {
        padding-bottom: 25px
    }

    .p-xs-l-25 {
        padding-left: 25px
    }

    .m-xs-25 {
        margin: 25px
    }

    .m-xs-t-25 {
        margin-top: 25px
    }

    .m-xs-r-25 {
        margin-right: 25px
    }

    .m-xs-b-25 {
        margin-bottom: 25px
    }

    .m-xs-l-25 {
        margin-left: 25px
    }

    .pull-xs-right {
        float: right
    }

    .pull-xs-left {
        float: left
    }
}

@media (min-width: 768px) {
    .text-sm-center {
        text-align:center
    }

    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .col-sm--5 {
        width: 20%
    }

    .p-sm-0 {
        padding: 0
    }

    .p-sm-t-0 {
        padding-top: 0
    }

    .p-sm-r-0 {
        padding-right: 0
    }

    .p-sm-b-0 {
        padding-bottom: 0
    }

    .p-sm-l-0 {
        padding-left: 0
    }

    .m-sm-0 {
        margin: 0
    }

    .m-sm-t-0 {
        margin-top: 0
    }

    .m-sm-r-0 {
        margin-right: 0
    }

    .m-sm-b-0 {
        margin-bottom: 0
    }

    .m-sm-l-0 {
        margin-left: 0
    }

    .p-sm-5 {
        padding: 5px
    }

    .p-sm-t-5 {
        padding-top: 5px
    }

    .p-sm-r-5 {
        padding-right: 5px
    }

    .p-sm-b-5 {
        padding-bottom: 5px
    }

    .p-sm-l-5 {
        padding-left: 5px
    }

    .m-sm-5 {
        margin: 5px
    }

    .m-sm-t-5 {
        margin-top: 5px
    }

    .m-sm-r-5 {
        margin-right: 5px
    }

    .m-sm-b-5 {
        margin-bottom: 5px
    }

    .m-sm-l-5 {
        margin-left: 5px
    }

    .p-sm-10 {
        padding: 10px
    }

    .p-sm-t-10 {
        padding-top: 10px
    }

    .p-sm-r-10 {
        padding-right: 10px
    }

    .p-sm-b-10 {
        padding-bottom: 10px
    }

    .p-sm-l-10 {
        padding-left: 10px
    }

    .m-sm-10 {
        margin: 10px
    }

    .m-sm-t-10 {
        margin-top: 10px
    }

    .m-sm-r-10 {
        margin-right: 10px
    }

    .m-sm-b-10 {
        margin-bottom: 10px
    }

    .m-sm-l-10 {
        margin-left: 10px
    }

    .p-sm-15 {
        padding: 15px
    }

    .p-sm-t-15 {
        padding-top: 15px
    }

    .p-sm-r-15 {
        padding-right: 15px
    }

    .p-sm-b-15 {
        padding-bottom: 15px
    }

    .p-sm-l-15 {
        padding-left: 15px
    }

    .m-sm-15 {
        margin: 15px
    }

    .m-sm-t-15 {
        margin-top: 15px
    }

    .m-sm-r-15 {
        margin-right: 15px
    }

    .m-sm-b-15 {
        margin-bottom: 15px
    }

    .m-sm-l-15 {
        margin-left: 15px
    }

    .p-sm-20 {
        padding: 20px
    }

    .p-sm-t-20 {
        padding-top: 20px
    }

    .p-sm-r-20 {
        padding-right: 20px
    }

    .p-sm-b-20 {
        padding-bottom: 20px
    }

    .p-sm-l-20 {
        padding-left: 20px
    }

    .m-sm-20 {
        margin: 20px
    }

    .m-sm-t-20 {
        margin-top: 20px
    }

    .m-sm-r-20 {
        margin-right: 20px
    }

    .m-sm-b-20 {
        margin-bottom: 20px
    }

    .m-sm-l-20 {
        margin-left: 20px
    }

    .p-sm-25 {
        padding: 25px
    }

    .p-sm-t-25 {
        padding-top: 25px
    }

    .p-sm-r-25 {
        padding-right: 25px
    }

    .p-sm-b-25 {
        padding-bottom: 25px
    }

    .p-sm-l-25 {
        padding-left: 25px
    }

    .m-sm-25 {
        margin: 25px
    }

    .m-sm-t-25 {
        margin-top: 25px
    }

    .m-sm-r-25 {
        margin-right: 25px
    }

    .m-sm-b-25 {
        margin-bottom: 25px
    }

    .m-sm-l-25 {
        margin-left: 25px
    }

    .pull-sm-right {
        float: right
    }

    .pull-sm-left {
        float: left
    }
}

@media (min-width: 992px) {
    .text-md-center {
        text-align:center
    }

    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .col-md--5 {
        width: 20%
    }

    .p-md-0 {
        padding: 0
    }

    .p-md-t-0 {
        padding-top: 0
    }

    .p-md-r-0 {
        padding-right: 0
    }

    .p-md-b-0 {
        padding-bottom: 0
    }

    .p-md-l-0 {
        padding-left: 0
    }

    .m-md-0 {
        margin: 0
    }

    .m-md-t-0 {
        margin-top: 0
    }

    .m-md-r-0 {
        margin-right: 0
    }

    .m-md-b-0 {
        margin-bottom: 0
    }

    .m-md-l-0 {
        margin-left: 0
    }

    .p-md-5 {
        padding: 5px
    }

    .p-md-t-5 {
        padding-top: 5px
    }

    .p-md-r-5 {
        padding-right: 5px
    }

    .p-md-b-5 {
        padding-bottom: 5px
    }

    .p-md-l-5 {
        padding-left: 5px
    }

    .m-md-5 {
        margin: 5px
    }

    .m-md-t-5 {
        margin-top: 5px
    }

    .m-md-r-5 {
        margin-right: 5px
    }

    .m-md-b-5 {
        margin-bottom: 5px
    }

    .m-md-l-5 {
        margin-left: 5px
    }

    .p-md-10 {
        padding: 10px
    }

    .p-md-t-10 {
        padding-top: 10px
    }

    .p-md-r-10 {
        padding-right: 10px
    }

    .p-md-b-10 {
        padding-bottom: 10px
    }

    .p-md-l-10 {
        padding-left: 10px
    }

    .m-md-10 {
        margin: 10px
    }

    .m-md-t-10 {
        margin-top: 10px
    }

    .m-md-r-10 {
        margin-right: 10px
    }

    .m-md-b-10 {
        margin-bottom: 10px
    }

    .m-md-l-10 {
        margin-left: 10px
    }

    .p-md-15 {
        padding: 15px
    }

    .p-md-t-15 {
        padding-top: 15px
    }

    .p-md-r-15 {
        padding-right: 15px
    }

    .p-md-b-15 {
        padding-bottom: 15px
    }

    .p-md-l-15 {
        padding-left: 15px
    }

    .m-md-15 {
        margin: 15px
    }

    .m-md-t-15 {
        margin-top: 15px
    }

    .m-md-r-15 {
        margin-right: 15px
    }

    .m-md-b-15 {
        margin-bottom: 15px
    }

    .m-md-l-15 {
        margin-left: 15px
    }

    .p-md-20 {
        padding: 20px
    }

    .p-md-t-20 {
        padding-top: 20px
    }

    .p-md-r-20 {
        padding-right: 20px
    }

    .p-md-b-20 {
        padding-bottom: 20px
    }

    .p-md-l-20 {
        padding-left: 20px
    }

    .m-md-20 {
        margin: 20px
    }

    .m-md-t-20 {
        margin-top: 20px
    }

    .m-md-r-20 {
        margin-right: 20px
    }

    .m-md-b-20 {
        margin-bottom: 20px
    }

    .m-md-l-20 {
        margin-left: 20px
    }

    .p-md-25 {
        padding: 25px
    }

    .p-md-t-25 {
        padding-top: 25px
    }

    .p-md-r-25 {
        padding-right: 25px
    }

    .p-md-b-25 {
        padding-bottom: 25px
    }

    .p-md-l-25 {
        padding-left: 25px
    }

    .m-md-25 {
        margin: 25px
    }

    .m-md-t-25 {
        margin-top: 25px
    }

    .m-md-r-25 {
        margin-right: 25px
    }

    .m-md-b-25 {
        margin-bottom: 25px
    }

    .m-md-l-25 {
        margin-left: 25px
    }

    .pull-md-right {
        float: right
    }

    .pull-md-left {
        float: left
    }
}

@media (min-width: 1200px) {
    .text-lg-center {
        text-align:center
    }

    .text-lg-left {
        text-align: left
    }

    .text-lg-right {
        text-align: right
    }

    .col-lg--5 {
        width: 20%
    }

    .p-lg-0 {
        padding: 0
    }

    .p-lg-t-0 {
        padding-top: 0
    }

    .p-lg-r-0 {
        padding-right: 0
    }

    .p-lg-b-0 {
        padding-bottom: 0
    }

    .p-lg-l-0 {
        padding-left: 0
    }

    .m-lg-0 {
        margin: 0
    }

    .m-lg-t-0 {
        margin-top: 0
    }

    .m-lg-r-0 {
        margin-right: 0
    }

    .m-lg-b-0 {
        margin-bottom: 0
    }

    .m-lg-l-0 {
        margin-left: 0
    }

    .p-lg-5 {
        padding: 5px
    }

    .p-lg-t-5 {
        padding-top: 5px
    }

    .p-lg-r-5 {
        padding-right: 5px
    }

    .p-lg-b-5 {
        padding-bottom: 5px
    }

    .p-lg-l-5 {
        padding-left: 5px
    }

    .m-lg-5 {
        margin: 5px
    }

    .m-lg-t-5 {
        margin-top: 5px
    }

    .m-lg-r-5 {
        margin-right: 5px
    }

    .m-lg-b-5 {
        margin-bottom: 5px
    }

    .m-lg-l-5 {
        margin-left: 5px
    }

    .p-lg-10 {
        padding: 10px
    }

    .p-lg-t-10 {
        padding-top: 10px
    }

    .p-lg-r-10 {
        padding-right: 10px
    }

    .p-lg-b-10 {
        padding-bottom: 10px
    }

    .p-lg-l-10 {
        padding-left: 10px
    }

    .m-lg-10 {
        margin: 10px
    }

    .m-lg-t-10 {
        margin-top: 10px
    }

    .m-lg-r-10 {
        margin-right: 10px
    }

    .m-lg-b-10 {
        margin-bottom: 10px
    }

    .m-lg-l-10 {
        margin-left: 10px
    }

    .p-lg-15 {
        padding: 15px
    }

    .p-lg-t-15 {
        padding-top: 15px
    }

    .p-lg-r-15 {
        padding-right: 15px
    }

    .p-lg-b-15 {
        padding-bottom: 15px
    }

    .p-lg-l-15 {
        padding-left: 15px
    }

    .m-lg-15 {
        margin: 15px
    }

    .m-lg-t-15 {
        margin-top: 15px
    }

    .m-lg-r-15 {
        margin-right: 15px
    }

    .m-lg-b-15 {
        margin-bottom: 15px
    }

    .m-lg-l-15 {
        margin-left: 15px
    }

    .p-lg-20 {
        padding: 20px
    }

    .p-lg-t-20 {
        padding-top: 20px
    }

    .p-lg-r-20 {
        padding-right: 20px
    }

    .p-lg-b-20 {
        padding-bottom: 20px
    }

    .p-lg-l-20 {
        padding-left: 20px
    }

    .m-lg-20 {
        margin: 20px
    }

    .m-lg-t-20 {
        margin-top: 20px
    }

    .m-lg-r-20 {
        margin-right: 20px
    }

    .m-lg-b-20 {
        margin-bottom: 20px
    }

    .m-lg-l-20 {
        margin-left: 20px
    }

    .p-lg-25 {
        padding: 25px
    }

    .p-lg-t-25 {
        padding-top: 25px
    }

    .p-lg-r-25 {
        padding-right: 25px
    }

    .p-lg-b-25 {
        padding-bottom: 25px
    }

    .p-lg-l-25 {
        padding-left: 25px
    }

    .m-lg-25 {
        margin: 25px
    }

    .m-lg-t-25 {
        margin-top: 25px
    }

    .m-lg-r-25 {
        margin-right: 25px
    }

    .m-lg-b-25 {
        margin-bottom: 25px
    }

    .m-lg-l-25 {
        margin-left: 25px
    }

    .pull-lg-right {
        float: right
    }

    .pull-lg-left {
        float: left
    }
}

.footer {
    margin-top: 40px;
    padding: 0 15px 5px;
    color: #666;
}

.footer__label {
    border-bottom: 1px solid #ccc;
    font: bold .9375em/1 Arial,'Helvetica Neue',Helvetica,sans-serif;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #666
}

.footer__corp {
    font-size: .75em;
    margin-top: 10px;
    line-height: 1.5
}

.footer_nav {
    padding: 0 15px;
}

.footer_nav > a {
    display: block;
    position: relative;
    font: .875em/1.7 Arial,'Helvetica Neue',Helvetica,sans-serif;
}

.footer_nav > a:hover,.footer_nav > a:focus {
    text-decoration: none
}

.footer_nav > a:before {
    content: '-';
    display: block;
    position: absolute;
    top: 0;
    left: -10px
}

.footer-social a,.footer-social a > img {
    display: inline-block
}

.footer-social a {
    margin-bottom: 5px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-filter: alpha(opacity=60);
    -moz-filter: alpha(opacity=60);
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer-social a:hover,.footer-social a:focus {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

@media (max-width: 767px) {
    .footer__label {
        text-align:center;
        margon-top: 25px
    }

    .footer_nav {
        margin-bottom: 25px;
        text-align: center;
    }

    .footer_nav > a:before {
        display: none
    }

    .footer-social {
        text-align: center;
        margin-bottom: 20px
    }

    .footer__corp {
        text-align: center
    }
}

.product-list__block {
    /* background-color: #eee;
    border: 1px solid #999; */
    display: inline-block;
    margin: 7.5px;
    max-height: 405px;
    padding: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.product-list__block:hover,.product-list__block:focus {
    border-color: #eee
}

.product-list__block-image {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 179px;
    min-height: 268px;
    min-width: 179px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.product-list__block-image > img {
    /* -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%); */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-width: 100%;
}

/* .product-list__block-image:hover > img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
} */

.product-list__block-name {
    /* display: block; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2em;
    font: 1.1em/2.2 Arial;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    width: 100%
}

.product-list__block-price {
    /* background: rgba(0,0,0,0.05); */
    font-size: 1.0625em;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    text-align: center
}

.product-price .old {
    text-decoration: line-through;
    margin-right: 10px
}

.product-price .new {
    color: #f00
}

.product__price {
    font-size: 1.25em;
    font-weight: bold;
    color: #000
}

[data-product-sale]:after {
    background: rgba(255,0,0,0.6);
    color: #fff;
    content: attr(data-product-sale);
    font-size: .875em;
    left: 0;
    padding: 3px 10px;
    position: absolute;
    top: 10px
}

.product-new:before,.product-soon:before {
    content: ' ';
    display: block;
    height: 49px;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    position: absolute;
    right: 6px;
    top: 7px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 49px;
    z-index: 1
}


.product-soldout:after {
    content: 'SOLD OUT';
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    position: absolute;
    top: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%;
    color: red;
    background: white;
    font-size: .875em;

    z-index: 1
}


.product-soldout:hover:before,.product-new:hover:before,.product-soon:hover:before,.product-soldout:focus:before,.product-new:focus:before,.product-soon:focus:before {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

.product-new:before {
    background: url("../images/new.png") no-repeat 50% 50%
}

.product-soon:before {
    background: url("../images/soon.png") no-repeat 50% 50%
}

.product-soldout:before {
    /* background: url("../images/soldout.png") no-repeat 50% 50% */
}



.btn-icon-cart:after {
    background: transparent url("../images/black-cart.png") no-repeat left 50%;
    display: block;
    width: 16px;
    height: 19px;
    -webkit-background-size: 75%;
    -moz-background-size: 75%;
    background-size: 75%;
    float: left;
    margin-right: 2px;
    content: ' '
}

.product-title {
    border-bottom: 1px solid #d6d6d6;
    font: bold 1.125em/1.2 Arial;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: black;
}

.similar-products {
    margin-bottom: 35px;
}

.similar-products__title {
    color: #000;
    display: block;
    font: bold 1.125em/1.2 Arial;
    padding: 10px 0;
    text-transform: uppercase
}

.similar-products__block {
    /* background-color: #eee;
    border: 1px solid #999; */
    display: inline-block;
    padding: 10px;
    margin-bottom: 5px;
}

.similar-products__block:hover,.similar-products__block:focus {
    border-color: #eee
}

.similar-products__block-image {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    max-width: 120.6px;
    min-height: 179px;
    min-width: 120.6px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.similar-products__block-image > img {
    /* -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%); */
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 179px
}

.similar-products__block-image:hover > img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.similar-products__block-image:not([data-product-sale]):after {
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    background-size: 70%;
    right: 3px;
    top: 3px
}

.similar-products__block-name {
    font-size: .875em;
    padding: 10px 5px 0;
    text-align: center;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px
}

.product-options__label {
    font-size: .875em;
    margin-bottom: 20px;
    color: #000
}

@media (max-width: 767px) {
    .product-list__block {
        display:inline;
    }

    .product-list__block-image {
        max-width: 401px
    }

    .similar-products__title {
        text-align: center
    }

    .similar-products__block {
        display: block;
    }

    .similar-products__block-name {
        width: 100% !important
    }

    

}

@media (min-width: 768px) {
    .product-list__block {
        display:inline-block;
        max-width: 401px;
    }

    .product-list__block-image {
        max-width: 401px
    }

    .product-list__block-name {
        width: 401px
    }
}

.breadcrumb {
    background-color: #f6f6f6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d6d4d4;
    display: inline-block;
    font-size: .875em;
    font-weight: bold;
    line-height: 2;
    list-style: none;
    margin-bottom: 28px;
    margin-left: 5px;
    min-height: 6px;
    outside: none;
    overflow: hidden;
    padding: 0 11px;
    position: relative;
    z-index: 1;
}

.breadcrumb a {
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 0 15px 0 22px;
    position: relative;
}

.breadcrumb a:after {
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-right: 1px solid #d6d4d4;
    border-top: 1px solid #d6d4d4;
    content: ".";
    display: inline-block;
    height: 18px;
    position: absolute;
    right: -10px;
    text-indent: -5000px;
    top: 3px;
    width: 18px;
    z-index: 2
}

.breadcrumb a:first-child,.breadcrumb a.first-child {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #777;
    display: inline-block;
    font-size: 1.25em;
    height: 24px;
    line-height: 1.5;
    margin: 0 0 0 -10px;
    padding: 0;
    text-align: center;
    width: 38px;
    z-index: 99;
}

.breadcrumb a:first-child:before,.breadcrumb a.first-child:before {
    display: none
}

.breadcrumb a:before,.breadcrumb a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.breadcrumb a:hover,.breadcrumb a:focus {
    text-decoration: none
}

.breadcrumb .breadcrumb-pipe {
    display: inline-block;
    text-indent: -5000px;
    width: 18px
}

.breadcrumb .fa {
    position: relative;
    top: 1px
}

.pagination-wrap {
    display: block;
    margin: 0 5px 10px
}

.pagination-label {
    font-size: .875em;
    display: inline-block;
    padding: 8px 10px;
    float: left
}

.pagination {
    display: inline-block;
    list-style: none;
    margin: 0;
    float: left;
}

.pagination li > a {
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: linear-gradient(to bottom, #fbfbfb, #e6e6e6);
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #b3b3b3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    color: #717171;
    display: inline-block;
    font: bold .875em/1 Arial,'Helvetica Neue',Helvetica,sans-serif;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.pagination li:hover > a,.pagination li:focus > a {
    border-color: #b3b3b3;
    color: #000;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}

.pagination li:active > a {
    background: #f5f5f5
}

.pagination li.active > a {
    background: #000 !important;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
    border: none;
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.8);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.8);
    color: #f0f0f0;
    padding: 6px 10px
}

.pagination-all {
    display: inline-block;
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -o-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fbfbfb, #e6e6e6);
    background-image: linear-gradient(to bottom, #fbfbfb, #e6e6e6);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #b3b3b3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 1px 1px rgba(0,0,0,0.1);
    color: #717171;
    display: inline-block;
    font: bold .875em/1 Arial,'Helvetica Neue',Helvetica,sans-serif;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pagination-all:hover,.pagination-all:focus {
    border-color: #b3b3b3;
    color: #000;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-filter: alpha(opacity=80);
    -moz-filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80)
}

.pagination-all:active {
    background: #f5f5f5
}

.pagination-all.active {
    background: #000;
    border: none;
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.8);
    box-shadow: inset 0 0 8px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.8);
    color: #f0f0f0;
    padding: 6px 10px
}

@media (max-width: 767px) {
    .pagination-wrap,.pagination-label {
        text-align:center
    }

    .pagination,.pagination-label {
        float: none
    }

    .pagination-label,.pagination-all {
        display: block
    }

    .pagination-all {
        margin-top: 15px
    }

    .pagination a,.pagination-all {
        padding: 8px 12px !important
    }

    .pagination li.active > a {
        padding: 9px 12px !important
    }
}

.glass-case {
    margin-bottom: 20px
}

.gc-zoom,.gc-display-area,.glass-case ul li,.gc-icon-next-vt,.gc-icon-prew-vt {
    border-color: #e5e5e5;
    border-width: 1px
}

.gc-icon {
    color: #f1f1f1 !important;
    background: #000;
    background: rgba(0,0,0,0.7);
    border-color: rgba(0,0,0,0.1)
}

.gc-icon-download {
    display: none !important
}

.gc-icon-prev {
    left: 2px
}

.gc-icon-next {
    right: 2px
}

.gc-thumbs-area-inside {
    position: absolute;
}

.gc-thumbs-area-inside .gc-thumbs-area-next,.gc-thumbs-area-inside .gc-thumbs-area-prev {
    left: 50%;
    margin-left: -1.5px
}

.gc-thumbs-area-inside .gc-thumbs-area-prev {
    top: -23px
}

.gc-thumbs-area-inside .gc-thumbs-area-next {
    bottom: -23px
}

@media (max-width: 767px) {
    .glass-case {
        margin-bottom:50px
    }
}

.block-table {
    min-width: 300px;
    overflow: hidden;
    width: 100%;
}

.block-table th {
    text-transform: uppercase
}

.block-table th,.block-table td {
    border-bottom: 1px solid #eaeaea;
    font-size: .875em;
    padding: 15px
}

.block-table tfoot td {
    border-bottom: 0
}

@media (max-width: 767px) {
    .block-table th {
        display:none
    }

    .block-table td {
        display: block;
    }

    .block-table td[data-th]:not([colspan]):before {
        content: attr(data-th) ': ';
        display: inline-block;
        width: 8em;
        background-color: #f7f7f7;
        margin: -15px 15px -15px -15px;
        padding: 15px
    }

    .block-table td.-not-td {
        border-bottom: 0;
    }

    .block-table td.-not-td:before {
        display: none
    }

    .block-table td:first-child {
        border-top: 1px solid #eaeaea
    }

    .block-table td[colspan] {
        border: 0
    }

    .block-table tr {
        margin-bottom: 20px;
    }

    .block-table tr:after {
        content: '';
        display: table-row;
        height: 2em
    }
}

.basket-products__count {
    text-align: center
}

.basket-products__sum {
    font-size: 1.25em !important
}

@media (max-width: 767px) {
    .basket-products__count {
        display:inline-block;
        float: left;
        margin-left: 9em;
        width: 40%;
        position: relative;
        top: -22px
    }
}

@media (min-width: 768px) {
    .basket-content {
        min-height:390px;
        font-family: Arial;
        line-height: 1.3;
    }

    .basket-content > div {
        display: inline-block;
        vertical-align: middle;
        overflow: auto
    }

    .basket-content:before {
        content: ' ';
        display: inline-block;
        height: 100%;
        min-height: inherit;
        vertical-align: middle
    }
}

.news {
    height: 100%;
    position: relative;
}

.news__item {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 5px 10px;
    width: 33.333333333333336%;
}

.news__item-image,.news__item-image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    width: 100%
}

.news__item-image {
    min-width: 272.48px;
    min-heigh: 196.89px;
    position: relative;
    overflow: hidden;
}

.news__item-image:before {
    border: 1px solid rgba(255,255,255,0.5);
    bottom: 6px;
    content: ' ';
    display: block;
    left: 6px;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1
}

.news__item-image img {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    filter: grayscale(50%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 100%
}

.news__item-image:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: rotate(-.8deg) scale(1.1);
    -moz-transform: rotate(-.8deg) scale(1.1);
    -o-transform: rotate(-.8deg) scale(1.1);
    -ms-transform: rotate(-.8deg) scale(1.1);
    transform: rotate(-.8deg) scale(1.1)
}

.news__item-content {
    font: .875em/1.5 Arial,'Helvetica Neue',Helvetica,sans-serif;
    color: #000;
}

.news__item-content p {
    margin-bottom: 15px
}

.news__item-date {
    color: #999;
    font-size: .875em
}

.news__item-more {
    color: #000;
    font-size: .875em;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

.news__item-more:hover,.news__item-more:focus {
    text-decoration: none
}

.news__title {
    color: #000;
    display: block;
    font: bold 1.0625em/1.2 Arial;
    margin: 10px 0 !important;
    padding: 10px 0;
    text-transform: uppercase;
}

.news__title:hover,.news__title:focus {
    text-decoration: none
}

.news-page__date {
    color: #999;
    font-size: .875em
}

.news-page__video {
    height: 370px
}

@media (max-width: 767px) {
    .news__item {
        width:100%
    }

    .news-page__video {
        height: 100%
    }

    .news-page-content img {
        display: block;
        max-width: 100%;
        height: auto
    }
}

.promo-modal {
    background: rgba(0,0,0,0.5);
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 20px;
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
}

.promo-modal > div {
    display: table-cell;
    vertical-align: middle
}

.promo-modal_body {
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    max-width: 650px;
    height: 300px;
    padding: 10px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    padding-top: 100px;
    position: relative;
}

.promo-modal_body-footer {
    padding: 5px 10px;
    position: absolute;
    bottom: 22px;
    left: 9px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
}

.promo-modal_body-footer > span {
    color: #ff1312;
    margin-right: 5px
}

.promo-modal_body-discount {
    font-size: 2.1875em;
    padding-top: 28px;
    color: #4c4c4c;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 15px;
    max-width: 340px;
}

.promo-modal_body-discount > b {
    color: #ff1312
}

.promo-modal_body-text {
    font-weight: bold;
    max-width: 372px;
    text-align: center;
    padding-top: 5px
}

.promo-modal_body-close {
    background: transparent;
    border: 0;
    font-size: 1.125em;
    font-family: Arial;
    position: absolute;
    padding: 5px 10px;
    right: -11px;
    top: -30px;
    color: #f8f8f8;
}

.promo-modal_body-close:hover {
    color: #ff1312
}

.promo-modal_body.discount-code {
    background-image: url("../images/discounts-code.png")
}

.promo-modal_body.discount-message {
    background-image: url("../images/discounts-message.png")
}

.promo-modal_body-btn {
    background-color: #ff1312;
    color: #f8f8f8;
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.promo-modal_body-btn:hover,.promo-modal_body-btn:focus {
    background-color: #f80100;
    color: #fff
}

.form-control-promo {
    font-weight: normal;
    height: 32px;
    top: 2px;
    -webkit-border-top-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

[data-promo-timeout] {
    display: none;
}

[data-promo-timeout].showin {
    display: table
}

@media (max-width: 767px) {
    .promo-code_modal {
        background-color:#efefef;
    }

    .promo-code_modal-discount,.promo-code_modal-text {
        max-width: 100%
    }

    .promo-code_modal-footer {
        text-align: center;
    }

    .promo-code_modal-footer > span {
        display: block;
        margin-bottom: 5px
    }
}

.my-modal.w500 .modal-dialog,.my-modal-preorder.w500 .modal-dialog {
    max-width: 500px
}

.my-modal .modal-content,.my-modal-preorder .modal-content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.my-modal .modal-title,.my-modal-preorder .modal-title {
    font-size: 1.125em
}

.my-modal .modal-header,.my-modal-preorder .modal-header {
    border-bottom: 0
}

.my-modal .modal-footer,.my-modal-preorder .modal-footer {
    border-top: 0
}

.my-modal-preorder .modal-content {
    background: white url("../images/preorder.png") no-repeat 0 0;
    max-height: 450px;
    min-height: 300px;
    overflow: visible !important
}

.my-modal-preorder .modal-title {
    /*font: bold 2.1875em/1 Arial,'Helvetica Neue',Helvetica,sans-serif;*/
    font: bold 2.1875em/1 ;
    text-transform: uppercase;
    color: black;
}

.my-modal-close {
    position: absolute;
    top: -25px;
    right: 0;
    color: #f8f8f8;
    font-size: 1.125em;
}

.my-modal-close,.my-modal-close:hover {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none
}

.my-modal-close:hover {
    color: #ff1312;
    text-shadow: none !important
}

.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 .modal-content {
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 0 !important
}

@media (max-width: 767px) {
    .my-modal-preorder .modal-title {
        font-size:1.875em
    }

    .my-modal-preorder .modal-content {
        min-width: 100%
    }
}

body.safari .header-navigation__buttons .fix-xs-my-bag .md-underline {
    margin-right: 15px
}

html[data-useragent*='Edge'] .header-navigation-cart + span {
    padding-right: 15px
}

@media (min-width: 768px) {
    .m-back-site {
        margin-left:5px !important
    }
}


.control-hidden{
    display: none;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color:black;
}

/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */

.image-slide {
    width: 100%;
    height: auto;
}
.slidercontainer {
    /* position: absolute;
    left: 0;
    right: 0; */
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);        
}
@media  (max-width:767px){
    .crop-img {
    margin: 0px -100%;
    }
    .swiper-slide-active{
        z-index: 1;
    }
}
.slidertextbox{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}
.slidertext{
    color: #fff;
    font-size: 28px;

}
.slider-button{
    display: inline-block;
    vertical-align: baseline;
    padding: 9.5px 30px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .2s ease-in-out;
}

.slider-button:hover{
    color: #1a1714;
    background: #fff;        
}

.addcart-cont-button{
    display: inline-block;
    vertical-align: baseline;
    padding: 9.5px 30px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #000;
    background: 0 0;
    border: 1px solid #000;
    transition: all .2s ease-in-out;
    margin-top: 30px;
}

.addcart-cart-button{
    display: inline-block;
    vertical-align: baseline;
    padding: 9.5px 30px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    background-color: black;
}



#addcart-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.addcart-item-image{
    width: 100px;
}

.addcart-item{
    display: flex;
    
}
.addcart-item-text{
    margin-left: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
}

.addcart-header{
    margin-left: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 15px;

}

@font-face {
    font-family: 'Marianna';
    src: url('/css/fonts/Marianna.ttf') format('truetype');
  }
  
  @media screen and (max-width: 939px) {
    .sidebtns-wrapper {
        right: 15px;
    }
}

.sidebtns-wrapper {
    position: fixed;
    z-index: 100001;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    padding: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
}    

.sidebtns {
    backdrop-filter: blur(10px);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.5);
}


.sidebtns__button-telegram {
    background-image: url(/images/telegram.png);
}

.sidebtns__button-whatsapp {
    background-image: url(/images/whatsapp.png);
}

.sidebtns__button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    background-color: #fff;
}

@media (max-width: 939px) {

    .sidebtns-wrapper {
        right: -8px;
        bottom: -4px;
    }    
    
    .sidebtns__button {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        background-color: #fff;
    }
}


.sidebtns__button + .sidebtns__button {
    margin-top: 15px;
}

@media screen and (max-width: 939px) {
    .sidebtns__button + .sidebtns__button {
        margin-top: 5px;
    }
}