@charset "UTF-8";
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
figure,
ul {
    margin: 0; 
    padding: 0;
}

body {
    font-family: "LatoRegular";
}

fieldset,
img {
    border: 0;
    vertical-align: baseline;
}

table {
    border-spacing: 0; 
    border-collapse: collapse;
}

ol,
ul {
    list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

q:after,
q:before {
    content: "";
}

abbr,
acronym {
    border: 0;
}

* {
    box-sizing: border-box;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

button {
    -ms-flex-align: start;
    text-indent: 0;
    text-transform: none;
    text-shadow: none;
    word-spacing: normal;
    letter-spacing: normal;
    font: 0 Arial; 

    align-items: flex-start;
    text-rendering: auto;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    animation-duration: 1s;

    animation-fill-mode: both;
}

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        transform: translate3d(0, 0, 0); 
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43% {
        transform: translate3d(0, -30px, 0); 
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70% {
        transform: translate3d(0, -15px, 0); 
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

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

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

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

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, .95, 1);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-name: headShake; 
    animation-timing-function: ease-in-out;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

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

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

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

@keyframes wobble {
    from {
        transform: none;
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from,
    11.1%,
    to {
        transform: none;
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg);
    }
    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg);
    }
}

.jello {
    -ms-transform-origin: center;
    transform-origin: center; 
    animation-name: jello;
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

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

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

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

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    animation-name: flip; 

    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

@keyframes flipInX {
    from {
        opacity: 0; 
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        opacity: 1; 
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInX {
    animation-name: flipInX; 

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipInY {
    from {
        opacity: 0; 
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        opacity: 1; 
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInY {
    animation-name: flipInY; 

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }
    30% {
        opacity: 1; 
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    }
    to {
        opacity: 0; 
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    }
}

.flipOutX {
    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }
    30% {
        opacity: 1; 
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    }
    to {
        opacity: 0; 
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    }
}

.flipOutY {
    animation-name: flipOutY; 

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes lightSpeedIn {
    from {
        opacity: 0; 
        transform: translate3d(100%, 0, 0) skewX(-30deg);
    }
    60% {
        opacity: 1; 
        transform: skewX(20deg);
    }
    80% {
        opacity: 1; 
        transform: skewX(-5deg);
    }
    to {
        opacity: 1; 
        transform: none;
    }
}

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

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0; 
        transform: translate3d(100%, 0, 0) skewX(30deg);
    }
}

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

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

.rotateIn {
    animation-name: rotateIn;
}

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

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

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

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

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

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

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

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        opacity: 1; 
        transform-origin: center;
    }
    to {
        opacity: 0; 
        transform: rotate3d(0, 0, 1, 200deg);
        transform-origin: center;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        opacity: 1; 
        transform-origin: left bottom;
    }
    to {
        opacity: 0; 
        transform: rotate3d(0, 0, 1, 45deg);
        transform-origin: left bottom;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        opacity: 1; 
        transform-origin: right bottom;
    }
    to {
        opacity: 0; 
        transform: rotate3d(0, 0, 1, -45deg);
        transform-origin: right bottom;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        opacity: 1; 
        transform-origin: left bottom;
    }
    to {
        opacity: 0; 
        transform: rotate3d(0, 0, 1, -45deg);
        transform-origin: left bottom;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        opacity: 1; 
        transform-origin: right bottom;
    }
    to {
        opacity: 0; 
        transform: rotate3d(0, 0, 1, 90deg);
        transform-origin: right bottom;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        opacity: 1; 
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    to {
        opacity: 0; 
        transform: translate3d(0, 700px, 0);
    }
}

.hinge {
    animation-name: hinge;
}

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

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

.rollIn {
    animation-name: rollIn;
}

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

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        visibility: visible; 
        transform: translate3d(0, -100%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        visibility: visible; 
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        visibility: visible; 
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        visibility: visible; 
        transform: translate3d(0, 100%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoBold";
    src: local("☺"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoBoldItalic";
    src: local("☺"), url("../fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoHairline";
    src: local("☺"), url("../fonts/Lato/Lato-Hairline.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoHairlineItalic";
    src: local("☺"), url("../fonts/Lato/Lato-HairlineItalic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoLight";
    src: local("☺"), url("../fonts/Lato/Lato-Light.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoRegular";
    src: local("☺"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoRegularItalic";
    src: local("☺"), url("../fonts/Lato/Lato-Italic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal; 
    font-family: "LatoLightItalic";
    src: local("☺"), url("../fonts/Lato/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: GothaProBol;
    src: url(../fonts/GothaPro/GothaProBol.otf) format("opentype"), url(../fonts/GothaPro/GothaProBol.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProBol.woff") format("woff"), url("../fonts/GothaPro/GothaProBol.ttf") format("truetype");
}

@font-face {
    font-family: GothaProLig;
    src: url(../fonts/GothaPro/GothaProLig.otf) format("opentype"), url(../fonts/GothaPro/GothaProLig.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProLig.woff") format("woff"), url("../fonts/GothaPro/GothaProLig.ttf") format("truetype");
}

@font-face {
    font-family: GothaProMed;
    src: url(../fonts/GothaPro/GothaProMed.otf) format("opentype"), url(../fonts/GothaPro/GothaProMed.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProMed.woff") format("woff"), url("../fonts/GothaPro/GothaProMed.ttf") format("truetype");
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothaPro/GothaProReg.otf) format("opentype"), url(../fonts/GothaPro/GothaProReg.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProReg.woff") format("woff"), url("../fonts/GothaPro/GothaProReg.ttf") format("truetype");
}

@font-face {
    font-family: proximanova;
    src: url(../fonts/GothaPro/proximanova.otf) format("opentype");
}

@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/RobotoRegular.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoBold";
    src: url(../fonts/roboto/RobotoBold.ttf) format("truetype");
}

@keyframes preload {
    0% {
        left: 0; 
        width: 1%;
    }
    20% {
        left: 0; 
        width: 100%;
    }
    40% {
        left: 99%; 
        width: 1%;
    }
    60% {
        left: 100%; 
        width: 100%;
    }
    80% {
        left: 0; 
        width: 0;
    }
    100% {
        left: 0; 
        width: 0;
    }
}

.jcarousel-wrapper {
    position: relative;
}

/** Carousel **/
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    position: relative;
    margin: 0;
    padding: 0; 
    width: 20000em;
    list-style: none;
}

.jcarousel li {
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box; 
    padding-bottom: 45px;
}

.jcarousel img {
    position: absolute;
    z-index: -99; 
    display: block;
    min-height: 100%;
    max-width: 100%;
}

/** Carousel Controls **/
/*.jcarousel-control-prev,
.jcarousel-control-next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}*/
/** Carousel Pagination **/
.jcarousel-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin: 0; 
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.jcarousel-pagination a {
    display: inline-block;
    margin-right: 16px;
    width: 21px;
    height: 21px;
    border: 4px solid #7a4170;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 0 2px #4E443C; 
    text-decoration: none;
    text-indent: -9999px;
    font-size: 11px;
    line-height: 10px;
}

.jcarousel-pagination a.active {
    width: 21px;
    height: 21px;
    background: #7a4170;
    box-shadow: 0 0 2px #F0EFE7; 
    color: #FFFFFF;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .jcarousel-pagination {
        bottom: 27px;
    }
    .jcarousel-pagination a {
        margin-right: 10px; 
        width: 17px;
        height: 17px;
    }
    .jcarousel-pagination a.active {
        width: 17px; 
        height: 17px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .jcarousel li {
        position: relative;
        display: block;
        float: left;
        box-sizing: border-box; 
        padding-bottom: 30px;
    }
    .jcarousel-pagination {
        bottom: 24px;
    }
}

/** Stage container **/
.connected-carousels .stage {
    position: relative; 
    max-width: 459px;
}

/** Navigation container **/
.connected-carousels .navigation {
    position: relative; 
    margin: 20px auto;
}

/** Shared carousel styles **/
.connected-carousels .carousel {
    position: relative; 
    overflow: hidden;
}

.connected-carousels .carousel ul {
    position: relative;
    margin: 0;
    padding: 0; 
    width: 20000em;
    list-style: none;
}

.connected-carousels .carousel li {
    float: left;
}

/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation li {
    cursor: pointer;
}

.connected-carousels .carousel-navigation li img {
    display: block;
    margin-right: 19px;
    width: 6.3em;
    height: 6.3em;
}

.connected-carousels .carousel-navigation li:last-child img {
    margin-right: 0;
}

.connected-carousels .carousel-navigation li img:not(.form) {
    border: 2px solid #D5DBD8;
}

.connected-carousels .carousel-navigation li.active img:not(.form) {
    border: 2px solid #6F1F4C;
}

.connected-carousels .carousel-navigation li div {
    border: 2px solid #D5DBD8;
}

.connected-carousels .carousel-navigation li.active div {
    border: 2px solid #6F1F4C;
}

.connected-carousels .carousel-navigation li img.form {
    width: initial;
    height: initial;
}

/** Stage carousel controls **/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    position: absolute;
    top: 0;
    display: block;
    width: 20%;
    height: 100%;
}
.connected-carousels .prev-stage:hover,
.connected-carousels .next-stage:hover {
    background: rgba(213, 219, 216, .5);
}

.connected-carousels .prev-stage {
    left: 0;
}

.connected-carousels .next-stage {
    right: 0;
}

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {
    display: none;
}

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {
    position: absolute;
    top: 50%;
    display: none;
    width: 30px;
    height: 30px;
    color: #6F1F4C;
    text-align: center;
    text-decoration: none;
    font: 60px Arial, sans-serif;
}

.connected-carousels .prev-stage span {
    left: 10px;
}

.connected-carousels .next-stage span {
    right: 10px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}

/** Stage carousel specific styles **/
.select2-container {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    display: block;
    box-sizing: border-box;
    height: 28px;
    cursor: pointer;

    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    display: block;
    box-sizing: border-box;
    min-height: 32px;
    cursor: pointer;

    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    margin-top: 5px;
    padding: 0; 
    border: none;
    font-size: 100%;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    position: absolute;
    z-index: 1051; 
    display: inline-block;
    /*border-radius: 4px;*/
    box-sizing: border-box;
    /*left: -100000px;*/
    width: 100%;
    border: 1px solid #AAAAAA;
    background-color: white;
}

.select2-results {
    display: block;
}

.select2-results__options {
    margin: 0;
    padding: 0; 
    list-style: none;
}

.select2-results__option {
    padding: 6px;

    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    width: 140px !important;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    width: 140px !important;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box; 
    padding: 4px;
    width: 100%;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
    margin: 0;
    padding: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    border: 0;
    background-color: #FFFFFF;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important; 
    height: 1px !important;
    border: 0 !important;
}

.select2-container--default .select2-selection--single {
    outline: none; 
    border: 0;
    background: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    float: left;
    color: #7a4170;
    /*text-decoration: underline; */
    font-size: 16px;
    font-family: GothaProReg;
    line-height: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    float: right;
    font-weight: bold; 
    cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1px;
    right: 0;
    width: 20px; 
    height: 26px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 50%;
    /*left: 90%;*/
    /*margin-left: -4px;*/
    margin-top: -5px;
    width: 0; 
    height: 0;
    border-width: 6px 5px 0 5px;
    border-style: solid;
    border-color: #74496D transparent transparent transparent;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: auto; 
    left: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #EEEEEE;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 5px 4px; 
    border-color: transparent transparent #888888 transparent;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: white;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px;
    width: 100%; 
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    float: left; 
    margin-top: 5px;
    color: #999999;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    float: right;
    margin-top: 5px;
    margin-right: 10px; 
    font-weight: bold;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 5px; 
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: #E4E4E4;
    cursor: default;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-block;
    margin-right: 2px; 
    color: #999999;
    font-weight: bold;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-right: auto; 
    margin-left: 5px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: auto; 
    margin-left: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0; 
    border: solid black 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #EEEEEE;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #AAAAAA;
}

.select2-container--default .select2-search--inline .select2-search__field {
    outline: 0;
    border: none;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y: auto;
    max-height: 200px;
    font-family: "GothaProReg";
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #E2DBE1;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    outline: none; 
    background-color: #C6B8C3;
}

.select2-container--default .select2-results__group {
    display: block;
    padding: 6px; 
    cursor: default;
}

.select2-container--classic .select2-selection--single {
    outline: 0;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: #F7F7F7;
    background-image: linear-gradient(to bottom, white 50%, #EEEEEE 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897FB;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    float: right;
    margin-right: 10px; 
    font-weight: bold;
    cursor: pointer;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 26px;
    border: none;
    border-left: 1px solid #AAAAAA;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #DDDDDD;
    background-image: linear-gradient(to bottom, #EEEEEE 50%, #CCCCCC 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -4px;
    width: 0; 
    height: 0;
    border-width: 5px 4px 0 4px;
    border-style: solid;
    border-color: #888888 transparent transparent transparent;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    right: auto; 
    left: 1px;
    border: none;
    border-right: 1px solid #AAAAAA;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897FB;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    border: none; 
    background: transparent;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 4px 5px 4px; 
    border-color: transparent transparent #888888 transparent;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, white 0%, #EEEEEE 50%);
    background-repeat: repeat-x;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(to bottom, #EEEEEE 50%, white 100%);
    background-repeat: repeat-x;
}

.select2-container--classic .select2-selection--multiple {
    outline: 0; 
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: white;
    cursor: text;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897FB;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
    padding: 0 5px; 
    list-style: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 5px; 
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    background-color: #E4E4E4;
    cursor: default;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-block;
    margin-right: 2px; 
    color: #888888;
    font-weight: bold;
    cursor: pointer;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-right: auto; 
    margin-left: 5px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: auto; 
    margin-left: 2px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897FB;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    outline: 0; 
    border: 1px solid #AAAAAA;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    border: 1px solid transparent; 
    background-color: white;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    overflow-y: auto; 
    max-height: 200px;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875D7;
    color: white;
}

.select2-container--classic .select2-results__group {
    display: block;
    padding: 6px; 
    cursor: default;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897FB;
}

.body-wrapper {
    width: 100%;
}

.overlay:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; 
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: "";
}

.block-title {
    font-size: 18px;
}

.block-text {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    /*.header {
        position: relative;
        margin: 0 auto;
        max-width: 767px;
        white-space: nowrap;
    }
    .header .top-panel {
        position: relative;
        padding: 3px 14px 3px;
        background-color: #EEECF3;
        text-align: center;
        white-space: normal;
    }
    .header .top-panel .top-panel__icon {
        position: relative;
        top: 5px; 
        display: inline-block;
    }
    .header .top-panel .login-block .login:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        width: 14px; 
        height: 19px;
        background: url("../image/user.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .login-block {
        float: left; 
        margin-top: 2px;
    }
    .header .top-panel .login {
        display: inline-block;
        padding: 0 10px;
        font-size: 0;
    }
    .header .top-panel a.sing-up {
        display: none;
    }
    .header .top-panel .contacts-block {
        display: inline-block;
        font-family: "LatoLight";
    }
    .header .top-panel .contacts-block ul {
        display: none;
    }
    .header .top-panel .contacts-block ul li {
        display: inline-block;
    }
    .header .top-panel .contacts-block ul li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/marker.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/phone.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li a {
        position: relative; 
        display: inline-block;
        margin: 0 15px 0 5px;
        padding: 0 0 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .header .top-panel .contacts-block ul li a:hover {
        background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;
        background-size: 14px 1px;
    }
    .header .top-panel .contacts-block .btn {
        padding: 5px;
        outline: none;
        border: 2px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProLig";
        background-color: #fff;
    }
    .header .top-panel .contacts-block .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .contacts-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .contacts-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .contacts-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .contacts-block .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .controls-block {
        float: right;
    }
    .header .top-panel .controls-block .lang {
        display: none;
    }
    .header .top-panel .controls-block .cart {
        position: relative;
        display: inline-block;
        float: right;
        padding-left: 0;
        width: auto;
    }
    .header .top-panel .controls-block .wishlist {
        display: none;
        float: left;
        margin-top: 7px;
        margin-right: 10px;
        color: #7a4170;
    }

    .header .top-panel .controls-block .cart:hover {
        cursor: pointer;
    }
    .header .top-panel .controls-block .cart:hover .cart__items,
    .header .top-panel .controls-block .cart:hover .active {
        bottom: 0;
        padding: 0;
        width: 24px;
        height: 24px;
        background-color: #701C48;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
    }
    .header .top-panel .controls-block .cart .cart__items {
        position: absolute;
        right: 0;
        bottom: -2px;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #7a4170;
        color: #FFFFFF;
        text-align: center;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: 16px;
        transition: width .3s, height .3s, font-size .3s, padding .3s, background-color .3s;
    }
    .cart__btn {
        position: relative !important;
        top: 6px;
        right: 7px;
        width: 25px;
        height: 25px;
        background: url("../image/cart.svg");
        background-repeat: no-repeat;
    }
    .header .top-panel .controls-block .cart .empty {
        display: none;
    }
    .header .top-panel .order {
        position: absolute;
        top: 35px;
        right: 0;
        z-index: 1010;
        width: 316px;
        background-color: #E0E1E5;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .header .top-panel .order .order__items-in-total {
        text-align: center;
        font-size: 16px; 
        line-height: 50px;
    }
    .header .top-panel .order .order__items-in-total span {
        color: #6F1F4C;
        font-size: 18px;
    }
    .header .top-panel .order__table {
        padding-bottom: 10px;
        width: 100%;
        background-color: #CFCFD3;
    }
    .header .top-panel .order__table tr:hover {
        background-color: #D1C9D2;
    }
    .header .top-panel .order__table tr td {
        padding: 8px 4px;
        text-align: center;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td img.product-thumbnail {
        width: 30px;
        height: 30px;
        border: 1px solid #6F1F4C;
        border-radius: 5px; 
        vertical-align: middle;
    }
    .header .top-panel .order__table tr td .item-name {
        display: inline-block;
        color: #000000;
        text-align: center; 
        text-decoration: none;
        font-size: 12px;
    }
    .header .top-panel .order__table tr td .minus,
    .header .top-panel .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        width: 13px;
        height: 18px;
        height: 13px; 
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    .header .top-panel .order__table tr td .minus::after,
    .header .top-panel .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::before,
    .header .top-panel .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::after {
        top: 6px;
        left: 3px; 
        width: 7px;
        height: 1px;
    }
    .header .top-panel .order__table tr td .plus::after {
        top: 6px;
        left: 3px; 
        width: 7px;
        height: 1px;
    }
    .header .top-panel .order__table tr td .plus::before {
        top: 3px;
        left: 6px; 
        width: 1px;
        height: 7px;
    }
    .header .top-panel .order__table tr td .items-num {
        display: inline-block;
        padding: 0 3px;
        height: 13px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 14px;
    }
    .header .top-panel .order__table tr .remove {
        border: none;
        background: transparent;
        color: #6F1F4C;
        font-size: 20px;
    }
    .header .top-panel .order__table tr .remove:hover {
        color: #FF0000; 
        cursor: pointer;
    }
    .header .top-panel .check-out {
        padding-top: 15px; 
        width: 320px;
        height: 90px;
        text-align: center;
    }
    .header .top-panel .check-out .btn {
        padding: 10px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProBol";
        background-color: #fff;
    }
    .header .top-panel .check-out .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .check-out .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .check-out .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .check-out .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .check-out .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .check-out .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .check-out .total-charge {
        display: block;
        padding-top: 15px;
        font-size: 16px;
    }
    .header .top-panel .check-out .total-charge span {
        color: #6F1F4C;
    }
    .header .top-navigation-panel {
        position: relative; 
        padding: 3px 10px;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }
    .header .top-navigation-panel .hamburger-wrap .hamburger {
        position: relative;
        right: 7px;
        display: block;
        float: right;
        padding: 0;
        border: 0;
        background: none;
        color: #6F1F4C; 
        font-size: 36px;
    }
    .header .top-navigation-panel ul.menu {
        display: none;
        text-align: center;
    }
    .header .top-navigation-panel .collapse.in .menu {
        display: block;
    }
    .header .top-navigation-panel ul.menu li.menu__item {
        position: relative;
        display: block;
        padding: 5px 9px;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link {
        position: relative;
        display: block;
        padding: 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link::after {
        position: absolute;
        bottom: 0; 
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel ul.submenu {
        position: relative;
        top: 0;
        left: 0;
        z-index: 999; 
        display: none;
        padding: 20px 0;
        width: 100%;
        background-color: #FFFFFF;
        box-shadow: 3px 3px 15px 1px #A3A3A3;
        text-align: initial;
        font-family: "LatoRegular";
        line-height: 37px;
    }
    .header .top-navigation-panel ul.submenu li {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li::before {
        position: relative;
        position: absolute;
        top: 5px;
        top: 12px;
        display: inline-block;
        margin-left: 20px; 
        width: 19px;
        height: 19px;
        background: url("../image/submenu-arrow.png");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-navigation-panel ul.submenu li a {
        display: inline-block;
        margin: 0 5px 0 40px;
        width: calc(100% - 45px);
        color: #000000;
        text-align: left; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-navigation-panel ul.submenu li a span {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li a span::after {
        position: absolute;
        bottom: -4px; 
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.submenu li a span:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel .search {
        position: absolute;
        top: 17px; 
        right: 74px;
        display: block;
        width: 30px;
    }
    .header .top-navigation-panel .search img {
        display: block;
        padding-bottom: 6px;
        height: 34px;
        border-bottom: 2px solid #FFFFFF;
        transition: border .6s;
    }
    .header .top-navigation-panel .search img:hover {
        border-bottom: 2px solid #701C48;
        cursor: pointer;
    }
    .header .top-navigation-panel .input-group--search {
        position: absolute;
        right: 0;
        bottom: -40px;
        z-index: 99; 
        display: none;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search {
        padding: 10px 15px;
        width: 300px;
        border: 1px solid #181A1D;
        background-image: url("../image/drop-down-search.png");
        background-position: 90% 50%; 
        background-repeat: no-repeat;
        color: #717273;
        font-size: 16px;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search:focus {
        outline: none;
    }
    .header .top-navigation-panel  #menu-search::-webkit-search-cancel-button {
        position: relative;
        right: 35px;

        -webkit-appearance: none;
    }
    .header .top-navigation-panel #search_pronpts_wrapper {
        position: absolute;
        right: 0;
        z-index: 99; 
        height: 400px;
        line-height: initial;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt {
        overflow: hidden;
        padding: 0 20px;
        width: 300px;
        border-right: 1px solid #000000; 
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        background-color: #FFFFFF;
        text-align: left;
        line-height: 30px;
        opacity: .8;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt:hover {
        background-color: #D2C9D2;
        opacity: .9;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .active {
        background-color: #D2C9D2;
        opacity: .9;
    }*/
    .popup {
        position: fixed;
        top: 18%;
        left: 0;
        z-index: 101; 
        width: 100%;
        border: 1px solid #E5E5E5;
        background-color: #FFFFFF;
    }
    .popup #callback-form {
        display: block;
        margin: 0 auto; 
        width: initial;
    }
    .popup #callback-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .popup #callback-form legend {
        width: 100%;
    }
    .popup #callback-form input:not([type="checkbox"]),
    .popup #callback-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        background: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .popup #callback-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .popup #callback-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form fieldset {
        margin: 30px auto; 
        width: 270px;
    }
    .popup #callback-form legend {
        padding-bottom: 25px; 
        text-align: center;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .popup #callback-form input:not([type="checkbox"]) {
        display: block;
        margin: 0 auto 20px;
        padding-left: 15px;
        width: 90%;
        height: 30px;
        border: 1px solid #000000;
    }
    .popup #callback-form input.valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input.invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form #submit-callback {
        display: block;
        margin: 0 auto;
        padding: 12px 0; 
        width: 90%;
        border: 5px solid #AD4937;
        color: #AD4937;
        background-color: #fff;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        text-decoration: none;
        border-radius: 0;
}
    .popup #callback-form #submit-callback:hover {
        cursor: pointer;
    }
    .popup #callback-form #submit-callback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .popup #callback-form #submit-callback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .popup #callback-form #submit-callback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .popup #callback-form #submit-callback.ajaxBtn-on {
        text-align: center;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .popup #callback-form #submit-callback.text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .popup #callback-form #submit-callback span {
        font-size: 12px;
    }
    .popup #callback-form .close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 24px;
        font-size: 24px;
        font-family: "GothaProMed";
        cursor: pointer;
        opacity: 1;
    }
    .popup.hidden {
        display: none;
    }

    .header .top-navigation-panel .menu {
        float: left;
        width: 100%;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    /*.header {
        position: relative;
        margin: 0 auto;
        max-width: 1024px;
        white-space: nowrap;
    }
    .header .top-panel {
        position: relative;
        padding: 3px 20px 5px;
        background-color: #EEECF3;
        text-align: center;
        white-space: normal;
    }
    .header .top-panel .top-panel__icon {
        position: relative;
        top: 5px; 
        display: inline-block;
    }
    .header .top-panel .login-block:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 14px; 
        height: 19px;
        background: url("../image/user.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .login-block {
        float: left; 
        margin-top: 2px;
    }
    .header .top-panel a.login,
    .header .top-panel a.sing-up {
        display: inline-block;
        padding: 0 8px;
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        font-family: "GothaProLig";
    }
    .header .top-panel a.login.login,
    .header .top-panel a.sing-up.login {
        padding: 0 10px;
        border-right: 1px solid #333333;
    }
    .header .top-panel .contacts-block {
        display: inline-block;
        font-family: "LatoLight";
    }
    .header .top-panel .contacts-block ul {
        display: none;
    }
    .header .top-panel .contacts-block ul li {
        display: inline-block;
    }
    .header .top-panel .contacts-block ul li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/marker.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/phone.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li a {
        position: relative; 
        display: inline-block;
        margin: 0 15px 0 5px;
        padding: 0 0 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .header .top-panel .contacts-block ul li a:hover {
        background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;
        background-size: 14px 1px;
    }
    .header .top-panel .contacts-block .btn {
        padding: 5px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProLig";
        background-color: #fff;
    }
    .header .top-panel .contacts-block .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .contacts-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .contacts-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .contacts-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .contacts-block .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .controls-block {
        float: right;
    }
    .header .top-panel .controls-block .lang {
        position: relative;
        bottom: 0;
        display: inline-block;
        float: left;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-panel .controls-block .cart {
        position: relative;
        display: inline-block;
        float: right;
        padding-left: 15px;
        width: auto;
    }

    .header .top-panel .controls-block .cart:hover {
        cursor: pointer;
    }
    .header .top-panel .controls-block .cart:hover .cart__items,
    .header .top-panel .controls-block .cart:hover .active {
        right: 10px;
        bottom: 0;
        padding: 0;
        width: 24px;
        height: 24px;
        background-color: #701C48;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
    }
    .cart__btn {
        position: relative !important;
        top: 0;
        right: 7px;
        width: 25px;
        height: 25px;
        background: url("../image/cart.svg");
        background-repeat: no-repeat;
    }
    .header .top-panel .controls-block .cart .cart__items {
        position: absolute;
        right: 8px;
        bottom: -2px;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #7a4170;
        color: #FFFFFF;
        text-align: center;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: 16px;
        transition: width .3s, height .3s, font-size .3s, padding .3s, background-color .3s;
    }
    .header .top-panel .controls-block .cart .empty {
        display: none;
    }
    .header .top-panel .order {
        position: absolute;
        top: 40px;
        right: 0;
        z-index: 1010;
        width: 500px;
        background-color: #E0E1E5;
        font-family: "LatoBold";
    }
    .header .top-panel .order .order__items-in-total {
        margin-left: 20px;
        font-size: 18px; 
        line-height: 60px;
    }
    .header .top-panel .order .order__items-in-total span {
        color: #6F1F4C;
        font-size: 20px;
    }
    .header .top-panel .order__table {
        padding-bottom: 10px;
        width: 100%;
        background-color: #CFCFD3;
    }
    .header .top-panel .order__table tr {
        padding: 0 20px;
    }
    .header .top-panel .order__table tr:hover {
        background-color: #D1C9D2;
    }
    .header .top-panel .order__table tr td {
        padding: 8px 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        border: 1px solid #6F1F4C;
        border-radius: 5px; 
        vertical-align: middle;
    }
    .header .top-panel .order__table tr td .item-name {
        display: inline-block;
        width: 170px;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td .minus,
    .header .top-panel .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .header .top-panel .order__table tr td .minus::after,
    .header .top-panel .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::before,
    .header .top-panel .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .header .top-panel .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 17px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-panel .order__table tr .remove {
        border: none;
        background: transparent;
        color: #6F1F4C;
        font-size: 25px;
    }
    .header .top-panel .order__table tr .remove:hover {
        color: #FF0000; 
        cursor: pointer;
    }
    .header .top-panel .check-out {
        margin: 0 auto;
        padding-top: 15px; 
        width: 450px;
        height: 110px;
    }
    .header .top-panel .check-out .btn {
        padding: 10px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProBol";
        background-color: #fff;
    }
    .header .top-panel .check-out .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .check-out .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .check-out .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .check-out .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .check-out .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .check-out .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .check-out .total-charge {
        display: block;
        margin: 15px auto 0;
        font-size: 18px;
    }
    .header .top-panel .check-out .total-charge span {
        color: #6F1F4C;
    }
    .header .top-navigation-panel {
        position: relative; 
        padding: 5px 20px;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }
    .header .top-navigation-panel .hamburger-wrap .hamburger {
        position: relative;
        top: -7px;
        right: 4px;
        display: block;
        float: right;
        padding: 0;
        border: 0;
        background: none;
        color: #6F1F4C; 
        font-size: 36px;
    }
    .header .top-navigation-panel ul.menu {
        display: none;
        text-align: center;
    }
    .header .top-navigation-panel .collapse.in .menu {
        display: block;
    }
    .header .top-navigation-panel ul.menu li.menu__item {
        position: relative;
        display: block;
        padding: 5px 9px;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link {
        position: relative;
        display: inline-block;
        padding: 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link::after {
        position: absolute;
        bottom: 20px; 
        left: 0;
        display: none;
        width: 100%;
        height: 3px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel ul.submenu {
      position: relative;
      top: 0;
      left: 0;
      z-index: 999;
      display: none;
      padding: 20px 0;
      width: 100%;
      background-color: #FFFFFF;
      box-shadow: 3px 3px 15px 1px #A3A3A3;
      text-align: initial;
      font-family: "LatoRegular";
      line-height: 37px;
    }
    .header .top-navigation-panel ul.submenu li {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li::before {
        position: relative;
        position: absolute;
        top: 5px;
        top: 12px;
        display: inline-block;
        margin-left: 20px; 
        width: 19px;
        height: 19px;
        background: url("../image/submenu-arrow.png");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-navigation-panel ul.submenu li a {
        display: inline-block;
        margin: 0 5px 0 40px;
        width: calc(100% - 45px);
        color: #000000;
        text-align: left; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-navigation-panel ul.submenu li a span {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li a span::after {
        position: absolute;
        bottom: -4px; 
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.submenu li a span:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel .search {
        position: absolute;
        top: 12px; 
        right: 90px;
        display: block;
        width: 30px;
    }
    .header .top-navigation-panel .search img {
        display: block;
        padding-bottom: 6px;
        height: 35px;
        border-bottom: 2px solid #FFFFFF;
        transition: border .6s;
    }
    .header .top-navigation-panel .search img:hover {
        border-bottom: 2px solid #701C48;
        cursor: pointer;
    }
    .header .top-navigation-panel .input-group--search {
        position: absolute;
        right: 0;
        bottom: -40px;
        z-index: 99; 
        display: none;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search {
        padding: 10px 15px;
        width: 300px;
        border: 1px solid #181A1D;
        background-image: url("../image/drop-down-search.png");
        background-position: 90% 50%; 
        background-repeat: no-repeat;
        color: #717273;
        font-size: 16px;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search:focus {
        outline: none;
    }
    .header .top-navigation-panel form #menu-search::-webkit-search-cancel-button {
        position: relative;
        right: 35px;

        -webkit-appearance: none;
    }
    .header .top-navigation-panel #search_pronpts_wrapper {
        position: absolute;
        right: 0;
        z-index: 99; 
        height: 400px;
        line-height: initial;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt {
        overflow: hidden;
        padding: 0 20px;
        width: 300px;
        border-right: 1px solid #000000; 
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        background-color: #FFFFFF;
        text-align: left;
        line-height: 30px;
        opacity: .8;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt:hover {
        background-color: #D2C9D2;
        opacity: .9;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .active {
        background-color: #D2C9D2;
        opacity: .9;
    }*/
    .popup {
        position: fixed;
        top: 20%;
        left: 50%;
        z-index: 101; 
        width: 420px;
        border: 1px solid #E5E5E5;
        background-color: #FFFFFF;
        transform: translateX(-50%);
    }
    .popup #callback-form {
        display: block;
        margin: 0 auto; 
        width: initial;
    }
    .popup #callback-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .popup #callback-form legend {
        width: 100%;
    }
    .popup #callback-form input:not([type="checkbox"]),
    .popup #callback-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        background: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .popup #callback-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .popup #callback-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form fieldset {
        margin: 30px auto; 
        width: 320px;
    }
    .popup #callback-form legend {
        padding-bottom: 25px; 
        text-align: center;
        font-size: 16px;
        font-family: "GothaProBol";
    }
    .popup #callback-form input:not([type="checkbox"]) {
        display: block;
        margin: 0 auto 20px;
        padding-left: 15px;
        width: 90%;
        border: 1px solid #000000;
    }
    .popup #callback-form input.valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input.invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form #submit-callback {
        display: block;
        margin: 0 auto;
        padding: 12px 0;
        width: 90%;
        border: 5px solid #AD4937;
        color: #AD4937;
        background-color: #fff;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        text-decoration: none;
        border-radius: 0;
    }
    .popup #callback-form #submit-callback:hover {
        cursor: pointer;
    }
    .popup #callback-form #submit-callback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .popup #callback-form #submit-callback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .popup #callback-form #submit-callback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .popup #callback-form #submit-callback.ajaxBtn-on {
        text-align: center;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .popup #callback-form #submit-callback.text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .popup #callback-form #submit-callback span {
        font-size: 12px;
    }
    .popup #callback-form .close {
        position: absolute;
        top: 10px;
        right: 20px;
        width: 30px;
        font-size: 30px;
        font-family: "GothaProMed";
        cursor: pointer;
        opacity: 1;
    }
    .popup.hidden {
        display: none;
    }

    .header .top-panel .controls-block .wishlist {
        display: none;
    }

    .btn.btn-lang {
        margin: 0;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    /*.header {
        position: relative;
        margin: 0 auto;
        max-width: 1366px;
        white-space: nowrap;
    }
    .header .top-panel {
        position: relative;
        padding: 3px 20px;
        background-color: #EEECF3;
        text-align: center;
        white-space: normal;
    }
    .header .top-panel .top-panel__icon {
        position: relative;
        top: 5px; 
        display: inline-block;
    }
    .header .top-panel .login-block:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        width: 14px; 
        height: 19px;
        background: url("../image/user.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .login-block {
        float: left; 
        margin-top: 2px;
    }
    .header .top-panel a.login,
    .header .top-panel a.sing-up {
        display: inline-block;
        padding: 0 8px;
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        font-family: "GothaProLig";
    }
    .header .top-panel a.login.login,
    .header .top-panel a.sing-up.login {
        padding: 0 10px;
        border-right: 1px solid #333333;
    }
    .header .top-panel .contacts-block {
        display: inline-block;
        font-family: "GothaProLig";
    }
    .header .top-panel .contacts-block > div,
    .header .top-panel .contacts-block ul {
        display: inline-block;
        vertical-align: middle;
    }
    .header .top-panel .contacts-block ul li {
        display: inline-block;
    }
    .header .top-panel .contacts-block ul li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/marker.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/phone.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li a {
        position: relative; 
        display: inline-block;
        margin: 0 15px 0 5px;
        padding: 0 0 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: 'LatoLight';
    }
    .header .top-panel .contacts-block ul li a:hover {
        background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;
        background-size: 14px 1px;
    }
    .header .top-panel .contacts-block .btn {
        padding: 5px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProBol";
        background-color: #fff;
    }
    .header .top-panel .contacts-block .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .contacts-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .contacts-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .contacts-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .contacts-block .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .controls-block {
        float: right;
    }
    .header .top-panel .controls-block .lang {
        position: relative;
        bottom: 0;
        display: inline-block;
        float: left;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-panel .controls-block .cart {
        position: relative;
        display: inline-block;
        float: right;
        padding-left: 8px;
        width: auto;
    }
    .header .top-panel .controls-block .cart:hover {
        cursor: pointer;
    }
    .header .top-panel .controls-block .cart:hover .cart__items,
    .header .top-panel .controls-block .cart:hover .active {
        right: -8px;
        bottom: -3px;
        padding: 0;
        width: 24px;
        height: 24px;
        background-color: #701C48;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
    }
    .cart__btn {
        position: relative;
        top: 0;
        right: 18px;
        width: 25px;
        height: 25px;
        background: url("../image/cart.svg");
        background-repeat: no-repeat;
    }
    .header .top-panel .controls-block .cart .cart__items {
        position: absolute;
        right: -12px;
        bottom: -4px;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #7a4170;
        color: #FFFFFF;
        text-align: center;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: 16px;
        transition: width .3s, height .3s, font-size .3s, padding .3s, background-color .3s;
    }
    .header .top-panel .controls-block .cart .empty {
        display: none;
    }
    .header .top-panel .order {
        position: absolute;
        top: 37px;
        right: 0;
        z-index: 100;
        width: 500px;
        background-color: #E0E1E5;
        font-family: "LatoBold";
    }
    .header .top-panel .order .order__items-in-total {
        margin-left: 20px;
        text-align: initial; 
        font-size: 18px;
        line-height: 60px;
    }
    .header .top-panel .order .order__items-in-total span {
        color: #6F1F4C;
        font-size: 20px;
    }
    .header .top-panel .order__table {
        padding-bottom: 10px;
        width: 100%;
        background-color: #CFCFD3;
    }
    .header .top-panel .order__table tr {
        padding: 0 20px;
    }
    .header .top-panel .order__table tr:hover {
        background-color: #D1C9D2;
    }
    .header .top-panel .order__table tr td {
        padding: 8px 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        border: 1px solid #6F1F4C;
        border-radius: 5px; 
        vertical-align: middle;
    }
    .header .top-panel .order__table tr td .item-name {
        display: inline-block;
        width: 170px;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td .minus,
    .header .top-panel .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .header .top-panel .order__table tr td .minus::after,
    .header .top-panel .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::before,
    .header .top-panel .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .header .top-panel .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 17px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-panel .order__table tr .remove {
        border: none;
        background: transparent;
        color: #6F1F4C;
        font-size: 25px;
    }
    .header .top-panel .order__table tr .remove:hover {
        color: #FF0000; 
        cursor: pointer;
    }
    .header .top-panel .check-out {
        margin: 0 auto;
        padding-top: 30px;
        width: 450px;
        height: 90px;
        text-align: initial;
        white-space: nowrap;
    }
    .header .top-panel .check-out .btn {
        padding: 10px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProBol";
        background-color: #fff;
    }
    .header .top-panel .check-out .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .check-out .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .check-out .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .check-out .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .check-out .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .check-out .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .check-out .total-charge {
        display: inline-block;
        margin: 0 0 0 20px;
        font-size: 18px;
    }
    .header .top-panel .check-out .total-charge span {
        color: #6F1F4C;
    }
    .header .top-navigation-panel {
        position: relative; 
        padding: 0 20px;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }
    .header .top-navigation-panel .hamburger-wrap {
        display: none;
    }
    .header .top-navigation-panel ul.menu {
        display: block;
        margin-left: 20px;
        text-align: center;
    }

    .header .top-navigation-panel ul.menu li.menu__item {
        position: relative;
        display: inline-block;
        padding: 2px 5px;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link {
        position: relative;
        display: inline-block;
        padding: 26px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "GothaProBol";
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link::after {
        position: absolute;
        bottom: 20px; 
        left: 0;
        display: none;
        width: 100%;
        height: 3px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel ul.submenu {
        position: absolute;
        top: 72px;
        left: -20px;
        z-index: 999;
        display: none;
        padding: 15px 0;
        background-color: #FFFFFF;
        box-shadow: 3px 3px 15px 1px #A3A3A3;
        text-align: initial;
        font-family: "LatoRegular";
        line-height: 35px;
    }

    .header .top-navigation-panel ul.submenu.submenu-level3 {
        top: 30px;
        left: 55px;
    }

    .header .top-navigation-panel ul.submenu li {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li::before {
        position: relative;
        position: absolute;
        top: 5px;
        top: 12px;
        display: inline-block;
        margin-left: 16px; 
        width: 19px;
        width: 20px;
        height: 19px;
        height: 20px;
        background: url("../image/submenu-arrow.png");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-navigation-panel ul.submenu li a {
        display: inline-block;
        margin-left: 35px;
        padding-right: 10px;
        min-width: 180px;
        color: #000000;
        text-align: left; 
        text-decoration: none;
        font-size: 14px;
    }
    .header .top-navigation-panel ul.submenu li a span {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li a span::after {
        position: absolute;
        bottom: -4px; 
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.submenu li a span:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel .search {
        position: absolute;
        top: 19px; 
        right: 3px;
        display: block;
        width: 30px;
    }
    .header .top-navigation-panel .search img {
        display: block;
        padding-bottom: 8px;
        height: 36px;
        border-bottom: 3px solid #FFFFFF;
        transition: border .6s;
    }
    .header .top-navigation-panel .search img:hover {
        border-bottom: 3px solid #701C48;
        cursor: pointer;
    }
    .header .top-navigation-panel .input-group--search {
        position: absolute;
        right: 0;
        bottom: -47px;
        z-index: 99; 
        display: none;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search {
        padding: 14px;
        width: 400px;
        border: 1px solid #181A1D;
        background-image: url("../image/drop-down-search.png");
        background-position: 90% 50%; 
        background-repeat: no-repeat;
        color: #717273;
        font-size: 16px;
        line-height: initial;
    }
    .header .top-navigation-panel  input.menu-search:focus {
        outline: none;
    }
    .header .top-navigation-panel #menu-search::-webkit-search-cancel-button {
        position: relative;
        right: 35px;

        -webkit-appearance: none;
    }
    .header .top-navigation-panel #search_pronpts_wrapper {
        position: absolute;
        right: 0;
        z-index: 99; 
        height: 400px;
        line-height: initial;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt {
        overflow: hidden;
        padding: 0 20px;
        width: 400px;
        border-right: 1px solid #000000; 
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        background-color: #FFFFFF;
        text-align: left;
        line-height: 30px;
        opacity: .8;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt:hover {
        background-color: #D2C9D2;
        opacity: .9;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .active {
        background-color: #D2C9D2;
        opacity: .9;
    }*/
    .popup {
        position: fixed;
        top: 30%;
        left: 50%;
        z-index: 101; 
        width: 570px;
        border: 1px solid #E5E5E5;
        background-color: #FFFFFF;
        transform: translateX(-50%);
    }
    .popup #callback-form {
        display: block;
        margin: 0 auto; 
        width: initial;
    }
    .popup #callback-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .popup #callback-form legend {
        width: 100%;
    }
    .popup #callback-form input:not([type="checkbox"]),
    .popup #callback-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        background: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .popup #callback-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .popup #callback-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form fieldset {
        margin: 30px auto; 
        width: 370px;
    }
    .popup #callback-form legend {
        padding-bottom: 25px; 
        text-align: center;
        font-size: 20px;
        font-family: "GothaProBol";
    }
    .popup #callback-form input:not([type="checkbox"]) {
        display: block;
        margin: 0 auto 20px;
        padding-left: 15px;
        width: 90%;
        border: 1px solid #000000;
    }
    .popup #callback-form input.valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input.invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form #submit-callback {
        display: block;
        margin: 0 auto;
        padding: 12px 0;
        width: 90%;
        border: 5px solid #AD4937;
        color: #AD4937;
        background-color: #fff;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        text-decoration: none;
        border-radius: 0;
    }
    .popup #callback-form #submit-callback:hover {
        cursor: pointer;
    }
    .popup #callback-form #submit-callback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .popup #callback-form #submit-callback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .popup #callback-form #submit-callback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .popup #callback-form #submit-callback.ajaxBtn-on {
        text-align: center;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .popup #callback-form #submit-callback.text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .popup #callback-form #submit-callback span {
        font-size: 14px;
    }
    .popup #callback-form .close {
        position: absolute;
        top: 10px;
        right: 20px;
        width: 30px;
        font-size: 30px;
        font-family: "GothaProMed";
        cursor: pointer;
        opacity: 1;
    }
    .popup.hidden {
        display: none;
    }
}

@media screen and (min-width: 1367px) {
    /*.header {
        position: relative;
        margin: 0 auto;
        max-width: 1680px;
        white-space: nowrap;
    }
    .header .top-panel {
        position: relative;
        padding: 3px 50px;
        background-color: #EEECF3;
        text-align: center;
        white-space: normal;
    }
    .header .top-panel .top-panel__icon {
        position: relative;
        top: 5px; 
        display: inline-block;
    }
    .header .top-panel .login-block:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        width: 14px; 
        height: 19px;
        background: url("../image/user.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .login-block {
        float: left; 
        margin-top: 2px;
    }
    .header .top-panel a.login,
    .header .top-panel a.sing-up {
        display: inline-block;
        padding: 0 8px;
        color: #000000;
        text-decoration: none;
        font-size: 13px;
        font-family: "GothaProLig";
    }
    .header .top-panel a.login.login,
    .header .top-panel a.sing-up.login {
        padding: 0 10px;
        border-right: 1px solid #333333;
    }
    .header .top-panel .contacts-block {
        display: inline-block;
        font-family: "LatoLight";
    }
    .header .top-panel .contacts-block > div,
    .header .top-panel .contacts-block ul {
        display: inline-block;
        vertical-align: middle;
    }
    .header .top-panel .contacts-block ul li {
        display: inline-block;
    }
    .header .top-panel .contacts-block ul li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/marker.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/phone.svg");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-panel .contacts-block ul li a {
        position: relative; 
        display: inline-block;
        margin: 0 15px 0 5px;
        padding: 0 0 5px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .header .top-panel .contacts-block ul li a:hover {
        background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;
        background-size: 14px 1px;
    }
    .header .top-panel .contacts-block .btn {
        padding: 5px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProLig";
        background-color: #fff;
    }
    .header .top-panel .contacts-block .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .contacts-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .contacts-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .contacts-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .contacts-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .contacts-block .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .contacts-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .controls-block {
        float: right;
    }
    .header .top-panel .controls-block .lang {
        position: relative;
        bottom: 0;
        display: inline-block;
        float: left;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-panel .controls-block .cart {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 8px;
        width: 25px;
    }

    .header .top-panel .controls-block .cart:hover {
        cursor: pointer;
    }

    .header .top-panel .controls-block .cart:hover .active {
        right: -28px;
        bottom: -3px;
        padding: 0;
        width: 24px;
        height: 24px;
        background-color: #701C48;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
    }
    .header .top-panel .controls-block .cart .cart__items {
        position: absolute;
        right: -24px;
        bottom: -4px;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #7a4170;
        color: #FFFFFF;
        text-align: center;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: 16px;
    }
    .cart__btn {
        padding: 0!important;
        width: 25px;
        height: 25px;
        background: url("../image/cart.svg");
        background-repeat: no-repeat;
        box-shadow: none!important;
    }
    .header .top-panel .controls-block .cart .empty {
        display: none;
    }
    .header .top-panel .order {
        position: absolute;
        top: 36px;
        right: -40px;
        z-index: 100;
        width: 500px;
        border-radius: 0!important;
        background-color: #E0E1E5;
        font-family: "LatoBold";
    }
    .header .top-panel .order .order__items-in-total {
        margin-left: 20px;
        text-align: initial; 
        font-size: 18px;
        line-height: 60px;
    }
    .header .top-panel .order .order__items-in-total span {
        color: #6F1F4C;
        font-size: 20px;
    }
    .header .top-panel .order__table {
        padding-bottom: 10px;
        width: 100%;
        background-color: #CFCFD3;
    }
    .header .top-panel .order__table tr {
        padding: 0 20px;
    }
    .header .top-panel .order__table tr:hover {
        background-color: #D1C9D2;
    }
    .header .top-panel .order__table tr td {
        padding: 8px 0;
        width: 90px;
        text-align: center;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        border: 1px solid #6F1F4C;
        border-radius: 5px; 
        vertical-align: middle;
    }
    .header .top-panel .order__table tr td .item-name {
        display: inline-block;
        width: 170px;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
    }
    .header .top-panel .order__table tr td .minus,
    .header .top-panel .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .header .top-panel .order__table tr td .minus::after,
    .header .top-panel .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::before,
    .header .top-panel .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .header .top-panel .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .header .top-panel .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .header .top-panel .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 17px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-panel .order__table tr .remove {
        border: none;
        background: transparent;
        color: #6F1F4C;
        font-size: 25px;
    }
    .header .top-panel .order__table tr .remove:hover {
        color: #FF0000; 
        cursor: pointer;
    }
    .header .top-panel .check-out {
        margin: 0 auto;
        padding-top: 30px;
        width: 450px;
        height: 90px;
        text-align: initial;
        white-space: nowrap;
    }
    .header .top-panel .check-out .btn {
        padding: 10px;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 12px;
        font-family: "GothaProBol";
        background-color: #fff;
    }
    .header .top-panel .check-out .btn:hover {
        cursor: pointer;
    }
    .header .top-panel .check-out .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .header .top-panel .check-out .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .header .top-panel .check-out .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .header .top-panel .check-out .btn.ajaxBtn-on {
        text-align: center;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .header .top-panel .check-out .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .header .top-panel .check-out .btn.text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .text-off {
        font-size: 0;
    }
    .header .top-panel .check-out .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .header .top-panel .check-out .total-charge {
        display: inline-block;
        margin: 0 0 0 20px;
        font-size: 18px;
    }
    .header .top-panel .check-out .total-charge span {
        color: #6F1F4C;
    }
    .header .top-navigation-panel {
        position: relative; 
        padding: 0 50px;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }
    #logo {
        position: relative;
        z-index: 10;
        float: left;
        width: 100px;
    }
    #logo img {
        width: 100%;
    }
    .header .top-navigation-panel .hamburger-wrap {
        display: none;
    }
    .header .top-navigation-panel ul.menu {
        display: block;
        text-align: center;
    }

    .header .top-navigation-panel ul.menu li.menu__item {
        position: relative;
        display: inline-block;
        padding: 2px 9px;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link {
        position: relative;
        display: inline-block;
        padding: 32px 0;
        color: #000000;
        text-decoration: none;
        font-size: 14px;
        font-family: "GothaProBol";
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link::after {
        position: absolute;
        bottom: 20px; 
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.menu li.menu__item a.menu__link:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel ul.submenu {
        position: absolute;
        top: 80px;
        left: -25px;
        z-index: 999; 
        display: none;
        padding: 15px 0;
        background-color: #FFFFFF;
        box-shadow: 3px 3px 15px 1px #A3A3A3;
        text-align: initial;
        font-family: "LatoRegular";
        line-height: 37px;
    }
    .header .top-navigation-panel ul.submenu.submenu-level3 {
        top: 30px;
        left: 55px;
    }
    .header .top-navigation-panel ul.submenu li {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li::before {
        position: relative;
        position: absolute;
        top: 5px;
        top: 12px;
        display: inline-block;
        margin-left: 18px; 
        width: 19px;
        height: 19px;
        background: url("../image/submenu-arrow.png");
        background-repeat: no-repeat;
        content: "";
    }
    .header .top-navigation-panel ul.submenu li a {
        display: inline-block;
        margin-left: 38px;
        padding-right: 10px;
        min-width: 200px;
        color: #000000;
        text-align: left; 
        text-decoration: none;
        font-size: 15px;
    }
    .header .top-navigation-panel ul.submenu li a span {
        position: relative;
    }
    .header .top-navigation-panel ul.submenu li a span::after {
        position: absolute;
        bottom: -4px; 
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        content: "";
        transition: background 1s;
    }
    .header .top-navigation-panel ul.submenu li a span:hover::after {
        background: #7F345C;
    }
    .header .top-navigation-panel .search {
        position: absolute;
        top: 50%;
        right: 32px;
        display: block;
        width: 30px;
        transform: translateY(-50%);
    }
    .header .top-navigation-panel .search img {
        display: block;
        padding-bottom: 8px;
        height: 38px;
        border-bottom: 3px solid #FFFFFF;
        transition: border .6s;
    }
    .header .top-navigation-panel .search img:hover {
        border-bottom: 3px solid #701C48;
        cursor: pointer;
    }
    .header .top-navigation-panel .input-group--search {
        position: absolute;
        right: 0;
        bottom: -47px;
        z-index: 99; 
        display: none;
        line-height: initial;
    }
    .header .top-navigation-panel input.menu-search {
        padding: 14px;
        width: 400px;
        border: 1px solid #181A1D;
        background-image: url("../image/drop-down-search.png");
        background-position: 90% 50%; 
        background-repeat: no-repeat;
        color: #717273;
        font-size: 16px;
        line-height: initial;
    }
    .header .top-navigation-panel input.menu-search:focus {
        outline: none;
    }
    .header .top-navigation-panel #menu-search::-webkit-search-cancel-button {
        position: relative;
        right: 35px;

        -webkit-appearance: none;
    }
    .header .top-navigation-panel #search_pronpts_wrapper {
        position: absolute;
        right: 0;
        z-index: 99; 
        height: 400px;
        line-height: initial;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt {
        overflow: hidden;
        padding: 0 20px;
        width: 400px;
        border-right: 1px solid #000000; 
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        background-color: #FFFFFF;
        text-align: left;
        line-height: 30px;
        opacity: .8;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .prompt:hover {
        background-color: #D2C9D2;
        opacity: .9;
    }
    .header .top-navigation-panel #search_pronpts_wrapper .active {
        background-color: #D2C9D2;
        opacity: .9;
    }*/
    .popup {
        position: fixed;
        top: 30%;
        left: 50%;
        z-index: 101; 
        width: 570px;
        border: 1px solid #E5E5E5;
        background-color: #FFFFFF;
        transform: translateX(-50%);
    }
    .popup #callback-form {
        display: block;
        margin: 0 auto; 
        width: initial;
    }
    .popup #callback-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .popup #callback-form legend {
        width: 100%;
    }
    .popup #callback-form input:not([type="checkbox"]),
    .popup #callback-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        background: none;
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .popup #callback-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .popup #callback-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form fieldset {
        margin: 30px auto; 
        width: 370px;
    }
    .popup #callback-form legend {
        padding-bottom: 25px; 
        text-align: center;
        font-size: 20px;
        font-family: "GothaProBol";
    }
    .popup #callback-form input:not([type="checkbox"]) {
        display: block;
        margin: 0 auto 20px;
        padding-left: 15px;
        width: 90%;
        border: 1px solid #000000;
    }
    .popup #callback-form input.valid {
        border: 1px solid #4EE44E;
    }
    .popup #callback-form input.invalid {
        border: 1px solid #FF0000;
    }
    .popup #callback-form #submit-callback {
        display: block;
        margin: 0 auto;
        padding: 12px 0;
        width: 90%;
        border: 5px solid #AD4937;
        color: #AD4937;
        background-color: #fff;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        text-decoration: none;
        border-rasdius: 0;
    }
    .popup #callback-form #submit-callback:hover {
        cursor: pointer;
    }
    .popup #callback-form #submit-callback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .popup #callback-form #submit-callback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .popup #callback-form #submit-callback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .popup #callback-form #submit-callback.ajaxBtn-on {
        text-align: center;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .popup #callback-form #submit-callback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .popup #callback-form #submit-callback.text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .text-off {
        font-size: 0;
    }
    .popup #callback-form #submit-callback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .popup #callback-form #submit-callback span {
        font-size: 14px;
    }
    .popup #callback-form .close {
        position: absolute;
        top: 10px;
        right: 20px;
        width: 30px;
        font-size: 30px;
        font-family: "GothaProMed";
        cursor: pointer;
        opacity: 1;
    }
    .popup.hidden {
        display: none;
    }
}

.main-page .slide-content {
    margin: 0 auto; 
    width: 82%;
}
.main-page .slide-content .slide-title {
    display: inline-block;
    margin: 80px 0 30px 0;
    text-align: center;
    font-size: 30px;
    font-family: "GothaProBol";
}
.main-page .slide-content .slide-text {
    margin-bottom: 0;
    font-size: 22px; 
    font-family: "Roboto";
    line-height: 36px;
}
.main-page .slide-content .slide-text span {
    color: #7a4170; 
    font-size: 30px;
    font-family: "RobotoBold";
}
.main-page .slide-content .btn {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; 
    padding: 0;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-page .slide-content .btn:hover {
    cursor: pointer;
}
.main-page .slide-content .btn a {
    z-index: 999; 
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-page .slide-content .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-page .slide-content .btn .circle.animate {
    animation: effect .65s linear;
}

@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-page .slide-content .btn.ajaxBtn-on {
    text-align: center;
}
.main-page .slide-content .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-page .slide-content .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}

@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-page .slide-content .btn.text-off {
    font-size: 0;
}
.main-page .slide-content .btn .text-off {
    font-size: 0;
}
.main-page .slide-content .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px; 
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-page .slide-content .btn a {
    padding: 14px 25px;
}

@media screen and (min-width: 1367px) {
    .main-page .slide-content .slide-text {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    .main-page .slide-content {
        margin-left: 90px; 
        width: 100%;
    }
    .main-page .slide-content .slide-title {
        margin: 40px 0 20px 0;
        text-align: center;
        text-align: initial; 
        font-size: 25px;
        font-family: "GothaProBol";
    }
    .main-page .slide-content .slide-text {
        margin-bottom: 30px;
        text-align: initial; 
        font-size: 18px;
        line-height: 32px;
    }
    .main-page .slide-content .slide-text span {
        font-size: 22px; 
        font-family: "RobotoBold";
    }
    .main-page .slide-content .btn {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px; 
        padding: 0;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-page .slide-content .btn:hover {
        cursor: pointer;
    }
    .main-page .slide-content .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-page .slide-content .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-page .slide-content .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-page .slide-content .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-page .slide-content .btn.text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-page .slide-content .btn a {
        padding: 14px 25px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .main-page .slide-content {
        width: 92%;
    }
    .main-page .slide-content .slide-title {
        margin: 40px 0 10px 0;
        text-align: center;
        text-align: initial; 
        font-size: 25px;
        font-family: "GothaProBol";
    }
    .main-page .slide-content .slide-text {
        margin-bottom: 30px;
        text-align: initial; 
        font-size: 18px;
        line-height: 36px;
    }
    .main-page .slide-content .slide-text span {
        font-size: 18px; 
        font-family: "RobotoBold";
    }
    .main-page .slide-content .btn {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px; 
        padding: 0;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-page .slide-content .btn:hover {
        cursor: pointer;
    }
    .main-page .slide-content .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-page .slide-content .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-page .slide-content .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-page .slide-content .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-page .slide-content .btn.text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-page .slide-content .btn a {
        padding: 14px 25px;
    }
}

@media screen and (max-width: 767px) {
    .main-page .jcarousel li {
        padding-bottom: 15px; 
        background-color: #E8E8E8;
    }
    .main-page .jcarousel li img {
        display: none;
    }
    .main-page .slide-content {
        width: 100%;
    }
    .main-page .slide-content .slide-title {
        margin: 22px 0 20px 0;
        width: 100%;
        text-align: center;
        text-align: center; 
        font-size: 16px;
        font-family: "GothaProBol";
    }
    .main-page .slide-content .slide-text {
        text-align: center; 
        font-size: 14px;
        line-height: 24px;
    }
    .main-page .slide-content .slide-text span {
        font-size: 14px; 
        font-family: "RobotoBold";
    }
    .main-page .slide-content .btn {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 20px auto 60px; 
        padding: 0;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 10px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-page .slide-content .btn:hover {
        cursor: pointer;
    }
    .main-page .slide-content .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 10px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-page .slide-content .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-page .slide-content .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-page .slide-content .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-page .slide-content .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-page .slide-content .btn.text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .text-off {
        font-size: 0;
    }
    .main-page .slide-content .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-page .slide-content .btn a {
        padding: 12px 20px;
    }
}

.news {
    position: relative;
    background: #fff;
}
.news .news-wrapper {
    position: relative;
}
.news .news-block .news-block__text {
    overflow: hidden;
    font-family: "Roboto";
}
.news .news-block .news-block__expand {
    border-bottom: 2px solid #7a4170; 
    font-family: "RobotoBold";
}
.news .news-block .news-block__expand:hover {
    color: #701C48;
}

.news-page .news {
    background: #fff;
}
.news-page .news .news-wrapper .news-block {
    padding-bottom: 32px;
}

.news-page .pagination {
    margin-left: -10px;
    padding-top: 0;
}

.single-news-page .news {
    margin-right: auto;
    margin-left: auto;
    max-width: 1366px;
    background: #fff;
}
.single-news-page .news .news-wrapper {
    margin-top: 0; 
    width: 90%;
}
.single-news-page .news .sngl-news__preview {
    display: block;
    overflow: hidden; 
    padding-bottom: 30px;
}
.single-news-page .news .sngl-news__preview .preview__img {
    display: inline-block;
    margin-right: 30px; 
    width: 34%;
}
.single-news-page .news .sngl-news__preview .preview__img img {
    width: 100%;
    height:auto;
}
.single-news-page .news .sngl-news__preview .preview__img-descr {
    margin: 15px 0;
    text-align: center; 
    font-size: 14px;
    font-family: "LatoRegularItalic";
}
.single-news-page .news .sngl-news__preview .preview__text {
    display: inline-block;
    width: calc(66% - 40px);
    vertical-align: top;
    text-align: justify; 
    font-size: 14px;
    font-family: "LatoRegular";
    line-height: 24px;
}
.single-news-page .news .sngl-news__content {
    display: block;
    width: 100%;
    text-align: left;
}
.single-news-page .news .sngl-news__content .section-subtitle {
    padding-bottom: 35px;
    font-size: 24px;
    font-family: "LatoBold";
}
.single-news-page .news .sngl-news__content .content {
    text-align: justify; 
    font-size: 14px;
    font-family: "LatoRegular";
    line-height: 24px;
}

@media screen and (min-width: 1367px) {
    .news .news-wrapper {
        margin: 0 auto; 
        width: 100%;
    }
    .news .section-title {
        margin-bottom: 40px; 
        text-align: center;
        text-transform: uppercase;
        font-size: 30px;
        font-family: "GothaProBol";
    }
    .news .news-block:nth-of-type(4n) {
        margin-right: 0;
    }
    .news .news-block {
        display: inline-block;
        margin-right: 35px;
        width: calc(25% - 35px);
        vertical-align: top;
    }
    .news .news-block .news-block__img {
        margin-bottom: 30px;
    }
    .news .news-block .news-block__img img {
        width: 100%;
    }
    .news .news-block .news-block__title {
        margin-bottom: 20px;
        font-family: "GothaProBol";
    }
    .news .news-block .news-block__title a {
        color: #000000;
    }
    .news .news-block .news-block__title a:hover {
        text-decoration: none;
    }
    .news .news-block .news-block__text {
        margin-bottom: 10px;
        line-height: 23px;
        max-height: 69px;
    }
    .news .news-block .news-block__expand {
        display: inline-block;
        padding-bottom: 2px; 
        color: #000000;
        color: #7a4170;
        text-decoration: none;
        font-size: 16px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    .news {
        margin: 0 auto;
    }
    .news .news-wrapper {
        margin: 0 auto; 
        width: 100%;
    }
    .news .section-title {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 30px;
        font-family: "GothaProBol";
        text-transform: uppercase;
    }
    .news .news-block:nth-of-type(4n) {
        margin-right: 0;
    }
    .news .news-block {
        display: inline-block;
        margin-right: 40px;
        width: calc(25% - 35px);
        vertical-align: top;
    }
    .news .news-block .news-block__img {
        margin-bottom: 30px;
    }
    .news .news-block .news-block__img img {
        width: 100%;
    }
    .news .news-block .news-block__title {
        margin-bottom: 20px;
        font-family: "GothaProBol";
    }
    .news .news-block .news-block__title a {
        color: #000000;
    }
    .news .news-block .news-block__title a:hover {
        text-decoration: none;
    }
    .news .news-block .news-block__text {
        margin-bottom: 10px;
        line-height: 23px;
        max-height: 69px;
        text-overflow: ellipsis;
    }
    .news .news-block .news-block__expand {
        display: inline-block;
        padding-bottom: 2px; 
        color: #000000;
        color: #7a4170;
        text-decoration: none;
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .news .news-wrapper {
        margin: 0 auto; 
        width: 100%;
    }
    .news .section-title {
        margin-bottom: 40px; 
        text-align: center;
        font-size: 30px;
        font-family: "GothaProBol";
        text-transform: uppercase;
    }
    .news .news-block:nth-of-type(odd) {
        margin-right: 0;
    }
    .news .news-block {
        display: inline-block;
        margin-bottom: 45px;
        width: calc(25% - 15px);
        vertical-align: top;
    }
    .news .news-block .news-block__img {
        margin-bottom: 30px;
    }
    .news .news-block .news-block__img img {
        width: 100%;
    }
    .news .news-block .news-block__title {
        margin-bottom: 20px;
        font-family: "GothaProBol";
    }
    .news .news-block .news-block__title a {
        color: #000000;
    }
    .news .news-block .news-block__title a:hover {
        text-decoration: none;
    }
    .news .news-block .news-block__text {
        margin-bottom: 23px;
        line-height: 23px;
        max-height: 69px;
    }
    .news .news-block .news-block__expand {
        display: inline-block;
        padding-bottom: 2px; 
        color: #000000;
        color: #7a4170;
        text-decoration: none;
        font-size: 16px;
    }
    .news-page .news .news-wrapper .news-block {
        padding-bottom: 0;
    }
    .single-news-page .news {
        background: #fff;
    }
    .single-news-page .news .news-wrapper {
        margin-top: 0; 
        width: 100%;
    }
    .single-news-page .news .sngl-news__preview {
        display: block;
        overflow: hidden; 
        padding-bottom: 30px;
    }
    .single-news-page .news .sngl-news__preview .preview__img {
        display: block;
        margin: 0 auto;
    }
    .single-news-page .news .sngl-news__preview .preview__img img {
        display: block;
        margin: 0 auto;
    }
    .single-news-page .news .sngl-news__preview .preview__img-descr {
        margin: 15px 0;
        text-align: center; 
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .single-news-page .news .sngl-news__preview .preview__text {
        display: block;
        width: 100%;
        font-size: 14px;
        font-family: "LatoRegular";
        line-height: 24px;
    }
    .single-news-page .news .sngl-news__content {
        display: block;
        width: 100%;
        text-align: left;
    }
    .single-news-page .news .sngl-news__content .section-subtitle {
        padding-bottom: 30px;
        text-align: center; 
        font-size: 24px;
        font-family: "LatoBold";
    }
    .single-news-page .news .sngl-news__content .content {
        font-size: 14px;
        font-family: "LatoRegular";
        line-height: 24px;
    }
}

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

    .news .news-wrapper {
        margin: 0 auto; 
        width: 100%;
    }
    .news .section-title {
        margin-bottom: 35px;
        text-align: center;
        font-size: 24px;
        font-family: "GothaProBol";
        line-height: 30px;
        text-transform: uppercase;
    }
    .news .news-block {
        display: block;
    }
    .news .news-block .news-block__img {
        margin: 0 auto 25px;
    }
    .news .news-block .news-block__img img {
        display: block;
        width: 100%;
    }
    .news .news-block .news-block__title {
        display: block;
        margin: 0 auto 25px;
        font-family: "GothaProBol";
    }
    .news .news-block .news-block__title a {
        color: #000000;
    }
    .news .news-block .news-block__title a:hover {
        text-decoration: none;
    }
    .news .news-block .news-block__text {
        margin: 0 auto 25px;
        line-height: 23px;
        max-height: 69px;
    }
    .news .news-block .news-block__read-more {
        margin: 0 auto 25px;
    }
    .news .news-block .news-block__expand {
        display: inline-block;
        color: #000000;
        color: #7a4170; 
        text-decoration: none;
        font-size: 16px;
    }
    .news-page .news .news-wrapper .news-block {
        padding-bottom: 40px;
        width: 48%;
    }
    .news-page .news .news-wrapper .news-block:last-child {
        padding-bottom: 10px;
    }
    .news-page .news .news-wrapper .news-block .news-block__img {
        margin: 0 auto 10px;
    }
    .news-page .news .news-wrapper .news-block .news-block__title {
        margin: 0 auto 10px;
    }
    .news-page .news .news-wrapper .news-block .news-block__text {
        margin: 0 auto 10px;
    }
    .single-news-page .news {

        background: #fff;
    }
    .single-news-page .news .news-wrapper {
        margin-top: 0;
        padding-top: 20px; 
        min-width: 270px;
        max-width: 100%;
    }
    .single-news-page .news .news-wrapper .section-title {
        margin-bottom: 20px;
    }
    .single-news-page .news .sngl-news__preview {
        display: block;
        overflow: hidden; 
        padding-bottom: 30px;
        width: 100%;
    }
    .single-news-page .news .sngl-news__preview .preview__img {
        display: block;
        margin: 0 auto; 
        min-width: 250px;
    }
    .single-news-page .news .sngl-news__preview .preview__img img {
        display: block;
        margin: 0 auto;
    }
    .single-news-page .news .sngl-news__preview .preview__img-descr {
        margin: 15px 0;
        text-align: center; 
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .single-news-page .news .sngl-news__preview .preview__text {
        display: block;
        width: 100%;
        font-size: 14px;
        font-family: "LatoRegular";
        line-height: 24px;
    }
    .single-news-page .news .sngl-news__content {
        display: block;
        width: 100%;
        text-align: left;
    }
    .single-news-page .news .sngl-news__content .section-subtitle {
        padding-bottom: 30px;
        text-align: center; 
        font-size: 24px;
        font-family: "LatoBold";
    }
    .single-news-page .news .sngl-news__content .content {
        font-size: 14px;
        font-family: "LatoRegular";
        line-height: 24px;
    }
}

.products-wrapper {
    position: relative;
    margin: 0 auto;
    font-size: 0;
}
.products-wrapper .product-block {
    margin-bottom: 30px;
}
.products-wrapper .product-block .product-block__img {
    display: block;
    margin: 0 auto 20px;
}
.products-wrapper .product-block .product-block__img img {
    display: block;
    width: 100%;
}
.products-wrapper .product-block .product-block__title {
    display: block;
    margin-bottom: 10px;
    color: #111111;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
    overflow: hidden;
    height: 36px;
    font-family: GothaProLig;
    /*text-transform: uppercase;*/
}
.products-wrapper .product-block .product-block__description {
    display: block;
    margin-bottom: 15px;
    min-height: 80px;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    font-family: "LatoRegularItalic";
}
.products-wrapper .product-block .product-block__price {
    display: block;
    margin-bottom: 22px;
    font-size: 20.5px;
    font-family: GothaProBol;
    text-transform: uppercase;
    color: #111111;
}

.item-page .product-block {
    background: #fff;
}
.item-page .product-block .product-block__heading {
    text-align: center;
}
.item-page .product-block .product-block__heading .product-block__title {
    padding-bottom: 20px;
}
.item-page .product-block .product-block__heading .product-block__code {
    padding-bottom: 20px;
    font-size: 14px; 
    font-family: "LatoLight";
}
.item-page .product-block .product-block__heading .product-block__code span {
    font-family: "LatoBold";
}
.item-page .product-block .connected-carousels {
    display: block;
}
.item-page .product-block .connected-carousels .carousel-navigation .img-form-wrap {
    box-sizing: border-box; 
    margin-right: 10px;
    width: 50px;
    height: 40px;
}
.item-page .product-block .connected-carousels .carousel-navigation .img-form-wrap img.form {
    display: block;
    margin: 4px auto; 
    width: auto;
    height: auto;
}
.item-page .product-block .item-details {
    display: block;
}
.item-page .product-block .item-details .product-block__title,
.item-page .product-block .item-details .product-block__code,
.item-page .product-block .item-details .product-block__full-descr,
.item-page .product-block .item-details .product-options,
.item-page .product-block .item-details .product-init-price {
    padding-bottom: 20px;
}
.item-page .product-block .item-details .instock-wrap {
    min-width: 280px;
}
.item-page .product-block .item-details .product-instock {
    display: block;
    float: left; 
    margin-bottom: 30px;
}
.item-page .product-block .item-details .product-block__title {
    display: block;
    color: #6F1F4C; 
    text-decoration: none;
    font-size: 30px;
    font-family: GothaProBol;
}
.item-page .product-block .item-details .product-block__code {
    font-family: GothaProLig;
}
.item-page .product-block .item-details .product-block__code span {
    font-family: GothaProBol;
}
.item-page .product-block .item-details .product-block__full-descr {
    font-family: GothaProReg;
}
.item-page .product-block .item-details .product-options .ajaxLoader-off {
    height: 10px;
}
.item-page .product-block .item-details .product-options .text-off {
    font-size: 0;
}
.item-page .product-block .item-details .product-options .text-on {
    font-size: 16px;
}
.item-page .product-block .item-details .product-options .compare {
    float: left;
}
.item-page .product-block .item-details .product-options .compare .ajaxLoader-on {
    display: block;
    margin-top: 4px;
    height: 6px;
    text-align: center;
}
.item-page .product-block .item-details .product-options .compare .ajaxLoader-on .dot {
    display: inline-block;
    margin-right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #6F1F4C;
    vertical-align: top;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.item-page .product-block .item-details .product-options .compare .ajaxLoader-on .dot:last-child {
    margin-right: 0;
}
.item-page .product-block .item-details .product-options .compare .ajaxLoader-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.item-page .product-block .item-details .product-options .compare .ajaxLoader-on .dot:nth-child(3) {
    animation-delay: .4s;
}

@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.item-page .product-block .item-details .product-options .bookmark {
    float: right;
}
.item-page .product-block .item-details .product-options .bookmark .ajaxLoader-on {
    display: block;
    margin-top: 4px;
    height: 6px;
    text-align: center;
}
.item-page .product-block .item-details .product-options .bookmark .ajaxLoader-on .dot {
    display: inline-block;
    margin-right: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #6F1F4C;
    vertical-align: top;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.item-page .product-block .item-details .product-options .bookmark .ajaxLoader-on .dot:last-child {
    margin-right: 0;
}
.item-page .product-block .item-details .product-options .bookmark .ajaxLoader-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.item-page .product-block .item-details .product-options .bookmark .ajaxLoader-on .dot:nth-child(3) {
    animation-delay: .4s;
}

@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.item-page .product-block .item-details .product-options input[type=checkbox] {
    display: none;
    cursor: pointer;
}
.item-page .product-block .item-details .product-options label {
    display: inline-block;
    color: #6F1F4C;
    text-decoration: underline;
    white-space: nowrap; 
    font-family: "LatoBold";
    cursor: pointer;
}
.item-page .product-block .item-details .product-options label:hover {
    color: #8D7188;
}
.item-page .product-block .item-details .product-options label[for="add-bookmark"] {
    position: relative; 
    padding-left: 20px;
}
.item-page .product-block .item-details .product-instock {
    display: block;
    margin-bottom: 30px;
    font-size: 18px;
}
.item-page .product-block .item-details .product-instock.false {
    color: #868686; 
    font-family: "LatoRegular";
}
.item-page .product-block .item-details .product-instock.true {
    color: #317900; 
    font-family: "LatoRegular";
}
.item-page .product-block .item-details #product .list-unstyled {
    padding-left: 0;
}
.item-page .product-block .item-details .product-init-price {
    text-align: left;
    font-size: 20px; 
    font-family: "LatoBold";
}
.item-page .product-block .item-details .product-init-price span {
    color: #6F1F4C;
}
.item-page .product-block .item-details .charc {
    display: block;
    float: left;
    font-size: 14px; 
    font-family: "GothaProReg";
}
.item-page .product-block .item-details .count {
    position: relative; 
    display: inline-block;
    width: 60px;
}
.item-page .product-block .item-details .count:nth-of-type(odd) {
    margin-right: 30px;
}
.item-page .product-block .item-details .count input[type=text],
.item-page .product-block .item-details .count input[type=number] {
    padding: 4px 0 2px 6px;
    width: 100%;
    border: 1px solid #000000;
    background: none; 
    color: #6F1F4C;
    font-size: 14px;
    font-family: "LatoRegular";
}
.item-page .product-block .item-details .count .btns-wrap {
    position: absolute;
    top: 0;
    right: 4px;
    height: 22px;
    background: 0;
}
.item-page .product-block .item-details .count .btns-wrap button.minus,
.item-page .product-block .item-details .count .btns-wrap button.plus {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 8px;
    outline: none;
    border: none;
    background: 0; 
    content: "";
}
.item-page .product-block .item-details .count .btns-wrap button.minus::after {
    position: absolute;
    top: 0;
    right: 0;
    border: 4px solid transparent;
    border-top: 7px solid #6F1F4C; 
    content: "";
}
.item-page .product-block .item-details .count .btns-wrap button.plus::after {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 4px solid transparent;
    border-bottom: 7px solid #6F1F4C; 
    content: "";
}
.item-page .product-block .item-details .count .btns-wrap button.plus {
    top: 1px;
}
.item-page .product-block .item-details .count .btns-wrap button.minus {
    bottom: -4px;
}
.item-page .product-block .item-details .lenses-block .product-charcs {
    margin-top: 20px;
    width: 70%;
    text-align: right;
}
.item-page .product-block .item-details .lenses-block .product-charcs .side {
    margin-bottom: 20px;
    min-width: 270px;
    text-align: right;
    font-family: "LatoBold";
}
.item-page .product-block .item-details .lenses-block .product-charcs .side p {
    display: inline-block;
    padding-left: 40px;
}
.item-page .product-block .item-details .lenses-block .product-charcs fieldset {
    margin-bottom: 20px;
    min-width: 50px;
    white-space: nowrap;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount {
    display: block;
    margin-bottom: 36px;
    text-align: left;
    white-space: nowrap;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount input[type=radio] {
    display: none;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label {
    position: relative;
    cursor: pointer;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label:before {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid black;
    border-radius: 50%; 
    content: "";
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount input[type=radio]:checked + label:before {
    border: 1px solid #6F1F4C;
    background: #6F1F4C;
    background-color: #6F1F4C; 
    background-clip: content-box;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label {
    display: inline-block;
    margin-right: 25px;
    padding-left: 23px;
    white-space: nowrap; 
    font-family: "LatoRegular";
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label:nth-of-type(2n) {
    margin: 0;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label span {
    color: #6F1F4C; 
    font-family: "LatoBold";
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label:before {
    top: -2px;
    left: 0;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount input[type=radio]:checked + label:before {
    padding: 3px; 
    width: 15px;
    height: 15px;
}
.item-page .product-block .item-details .glasses-block .product-charcs,
.item-page .product-block .item-details .form-block .product-charcs {
    margin-top: 20px;
}
.item-page .product-block .item-details .glasses-block .product-charcs fieldset,
.item-page .product-block .item-details .form-block .product-charcs fieldset {
    margin-bottom: 20px;
    white-space: initial;
}
.item-page .product-block .item-details .glasses-block .product-charcs .charc,
.item-page .product-block .item-details .form-block .product-charcs .charc {
    font-family: "GothaProBol";
}
.item-page .product-block .item-details .glasses-block .product-charcs .count,
.item-page .product-block .item-details .form-block .product-charcs .count {
    margin: -4px 0 0 10px; 
    width: 35px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .count input[type=text],
.item-page .product-block .item-details .form-block .product-charcs .count input[type=text],
.item-page .product-block .item-details .glasses-block .product-charcs .count input[type=number],
.item-page .product-block .item-details .form-block .product-charcs .count input[type=number]{
    padding: 2px 0 0 6px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color,
.item-page .product-block .item-details .form-block .product-charcs .color {
    margin-bottom: 30px; 
    font-family: "latoBold";
}
.item-page .product-block .item-details .glasses-block .product-charcs .color legend,
.item-page .product-block .item-details .form-block .product-charcs .color legend {
    margin-bottom: 20px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color input[type=checkbox]:not(#all-colors),
.item-page .product-block .item-details .form-block .product-charcs .color input[type=checkbox]:not(#all-colors) ,
.item-page .product-block .item-details .glasses-block .product-charcs .color input[type=radio]:not(#all-colors),
.item-page .product-block .item-details .form-block .product-charcs .color input[type=radio]:not(#all-colors) {
    display: none;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color label,
.item-page .product-block .item-details .form-block .product-charcs .color label {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 30px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.item-page .product-block .item-details .glasses-block .product-charcs .color label img,
.item-page .product-block .item-details .form-block .product-charcs .color label img{
    background-color: transparent!important;
    border-radius: 0;
    border: none;
    padding: 0;
}


.item-page .product-block .item-details .glasses-block .product-charcs .color input[type=checkbox]:checked + label:before,
.item-page .product-block .item-details .form-block .product-charcs .color input[type=checkbox]:checked + label:before,
.item-page .product-block .item-details .glasses-block .product-charcs .color input[type=radio]:checked + label:before,
.item-page .product-block .item-details .form-block .product-charcs .color input[type=radio]:checked + label:before {
    content: "";
    position: absolute;
    display: block;
    border: 2px solid #d5dbd8;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.item-page .product-block .item-details .btn {
    display: block;
}
.item-page .product-block .item-details .product-total-price {
    text-align: center; 
    font-family: "LatoBold";
}
.item-page .product-block .item-details .product-total-price span {
    color: #6F1F4C; 
    font-size: 18px;
}

@media screen and (min-width: 1367px) {
    .products-wrapper .product-block {
        display: inline-block;
        margin-right: 60px; 
        width: calc(25% - 48px);
    }
    .products-wrapper .product-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .products-wrapper .product-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .products-wrapper .product-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .products-wrapper .product-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .products-wrapper .product-block .btn.text-off {
        font-size: 0;
    }
    .products-wrapper .product-block .btn .text-off {
        font-size: 0;
    }
    .products-wrapper .product-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .products-wrapper .product-block:nth-of-type(4n) {
        margin: 0;
    }
    .main-page .products-main {
        padding: 45px 50px;
        background: #fff;
    }
    .main-page .products-main .section-title {
        margin-bottom: 60px;
        text-align: center;
        text-transform: uppercase; 
        font-size: 30px;
        font-family: "GothaProBol";
    }
    .catalog-page .catalog__products {
        display: inline-block;
        margin: 0 auto;
        padding: 0 0 0 25px;
        width: calc(100% - (280px + 10px));
        vertical-align: top;
    }
    .catalog-page .catalog__products .product-block {
        margin-right: 20px;
        width: calc(25% - 15px);
        vertical-align: top;
        padding: 0 20px;
    }
    .catalog-page .catalog__products .product-block:nth-of-type(4n) {
        margin: 0;
    }
    .item-page .product-block {
        padding: 40px 180px 80px;
    }
    .item-page .product-block .product-block__heading {
        display: none;
    }
    .item-page .product-block .connected-carousels {
        display: inline-block;
        width: 460px;
    }
    .item-page .product-block .connected-carousels .glass-form {
        margin-bottom: 15px;
        font-family: "latoBold";
    }
    .item-page .product-block .item-details {
        display: inline-block;
        margin-left: 40px;
        width: calc(100% - 460px - 60px);
        vertical-align: top;
    }
    .item-page .product-block .item-details .product-block__heading {
        display: block;
    }
    .item-page .product-block .item-details .product-block__full-descr {
        font-size: 14px;
        line-height: 22px;
    }
    .item-page .product-block .item-details .product-options label[for="add-bookmark"]:before {
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        border: 1px solid black;
        border: none;
        border-radius: 2px;
        background: url("../image/bmarkstar.png") no-repeat; 
        content: "";
    }
    .item-page .product-block .item-details .product-options label.done[for="add-bookmark"]:before {
        top: -6px;
        background: none; 
        content: "\2713";
        font-weight: 900;
        font-size: 20px;
    }
    .item-page .product-block .item-details .lenses-block .product-charcs {
        width: 70%;
    }
    .item-page .product-block .item-details .btn {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        padding: 10px 25px;
        width: auto;
        height: auto;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        background-color: #FFFFFF;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
    }

    .item-page .product-block .item-details .btn:hover {
        cursor: pointer;
    }
    .item-page .product-block .item-details .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .item-page .product-block .item-details .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .item-page .product-block .item-details .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on {
        text-align: center;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .item-page .product-block .item-details .btn.text-off {
        font-size: 0;
    }
    .item-page .product-block .item-details .btn .text-off {
        font-size: 0;
    }
    .item-page .product-block .item-details .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .item-page .product-block .item-details .product-total-price {
        float: right; 
        padding-top: 10px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    .products-wrapper .product-block {
        display: inline-block;
        margin-right: 45px; 
        width: calc(25% - 34px);
    }
    .products-wrapper .product-block .btn:hover {
        cursor: pointer;
    }
    .products-wrapper .product-block .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .products-wrapper .product-block .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .products-wrapper .product-block .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .products-wrapper .product-block .btn.ajaxBtn-on {
        text-align: center;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .products-wrapper .product-block .btn.text-off {
        font-size: 0;
    }
    .products-wrapper .product-block .btn .text-off {
        font-size: 0;
    }
    .products-wrapper .product-block .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .products-wrapper .product-block:nth-of-type(4n) {
        margin: 0;
    }
    .main-page .products-main {
        padding: 30px 40px;
        background: #fff;
    }
    .main-page .products-main .section-title {
        margin-bottom: 40px;
        text-align: center;
        text-transform: uppercase; 
        font-size: 30px;
        font-family: "GothaProBol";
    }
    .catalog-page .catalog__products {
        display: inline-block;
        margin: 0 auto;
        padding: 0 0 0 22px;
        width: calc(100% - 266px);
        vertical-align: top;
    }
    .catalog-page .catalog__products .product-block {
        margin-right: 20px;
        width: calc(25% - 15px);
        vertical-align: top;
    }
    .catalog-page .catalog__products .product-block .product-block__title {
        font-size: 17px;
    }
    .catalog-page .catalog__products .product-block:nth-of-type(4n) {
        margin: 0;
    }
    .item-page .product-block {
        padding: 20px 50px 80px;
    }
    .item-page .product-block .product-block__heading {
        display: none;
    }
    .item-page .product-block .connected-carousels {
        display: inline-block;
        width: 460px;
    }
    .item-page .product-block .connected-carousels .glass-form {
        margin-bottom: 15px;
        font-family: "latoBold";
    }
    .item-page .product-block .item-details {
        display: inline-block;
        margin-left: 30px;
        width: calc(100% - 460px - 50px);
        vertical-align: top;
    }
    .item-page .product-block .item-details .product-block__heading {
        display: block;
    }
    .item-page .product-block .item-details .product-block__title {
        font-size: 26px;
    }
    .item-page .product-block .item-details .product-block__full-descr {
        font-size: 14px;
        line-height: 22px;
    }
    .item-page .product-block .item-details .product-options label[for="add-bookmark"]:before {
        position: absolute;
        left: 0;
        width: 18px;
        height: 18px;
        border: 1px solid black;
        border: none;
        border-radius: 2px;
        background: url("../image/bmarkstar.png") no-repeat; 
        content: "";
    }
    .item-page .product-block .item-details .product-options label.done[for="add-bookmark"]:before {
        top: -6px;
        background: none; 
        content: "\2713";
        font-weight: 900;
        font-size: 20px;
    }
    .item-page .product-block .item-details .lenses-block .product-charcs {
        width: 70%;
        background: #fff;
        display: block;
        float: left;
    }
    .item-page .product-block .item-details .btn {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        padding: 10px 25px;
        width: auto;
        height: auto;
        outline: none;
        border: 5px solid #AD4937;
        border-radius: 0;
        background-color: #FFFFFF;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
    }

    .item-page .product-block .item-details .btn:hover {
        cursor: pointer;
    }
    .item-page .product-block .item-details .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .item-page .product-block .item-details .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .item-page .product-block .item-details .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on {
        text-align: center;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .item-page .product-block .item-details .btn.text-off {
        font-size: 0;
    }
    .item-page .product-block .item-details .btn .text-off {
        font-size: 0;
    }
    .item-page .product-block .item-details .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .item-page .product-block .item-details .product-total-price {
        float: right; 
        padding-top: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.products-wrapper {
    text-align: center;
}
.products-wrapper .product-block {
    display: inline-block;
    margin: 0 40px 50px 0;
    max-width: 320px;
    width: calc(50% - 20px);
    text-align: initial;
}

.products-main .products-wrapper .product-block {
    display: inline-block;
     margin: 0 0 40px 0;
     max-width: initial;
    width: calc(50% - 15px);
    text-align: initial;
}

.products-main .products-wrapper {
    text-align: left;
}
.products-wrapper .product-block .btn:hover {
    cursor: pointer;
}
.products-wrapper .product-block .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.products-wrapper .product-block .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.products-wrapper .product-block .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.products-wrapper .product-block .btn.ajaxBtn-on {
    text-align: center;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.products-wrapper .product-block .btn.text-off {
    font-size: 0;
}
.products-wrapper .product-block .btn .text-off {
    font-size: 0;
}
.products-wrapper .product-block .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.products-wrapper .product-block:nth-of-type(2n) {
    margin-right: 0;
}
.main-page .products-main {
    padding: 20px 30px 0;
     
    background: #fff;
}
.main-page .products-main .section-title {
    margin-bottom: 34px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-family: "GothaProBol";
}
.catalog-page .catalog__products {
    padding: 20px 30px 0;
    text-align: center;
}
.catalog-page .catalog__products .product-block {
    margin-right: 60px;
    width: calc(50% - 30px);
    vertical-align: top;
    text-align: initial;
}
.catalog-page .catalog__products .product-block:nth-of-type(2n) {
    margin-right: 0;
}
.item-page .product-block {
    padding: 13px 120px 10px;
}
.item-page .product-block .product-block__heading .product-block__title {
    display: block;
    padding-bottom: 8px;
    color: #6F1F4C;
    text-decoration: none;
    font-size: 30px;
    font-family: "LatoBold";
}
.item-page .product-block .product-block__heading .product-block__code {
    padding-bottom: 30px;
    font-size: 16px;
}
.item-page .product-block .connected-carousels {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 375px;
}
.item-page .product-block .connected-carousels .stage img {
    width: 370px;
}
.item-page .product-block .connected-carousels .navigation {
    margin: 10px auto 30px;
}
.item-page .product-block .connected-carousels .carousel-navigation img {
    width: 79px;
    height: 79px;
}
.item-page .product-block .connected-carousels .glass-form {
    margin-bottom: 15px;
    font-family: "latoBold";
}
.item-page .product-block .item-details {
    display: block;
}
.item-page .product-block .item-details .product-block__heading {
    display: none;
}
.item-page .product-block .item-details .product-block__title,
.item-page .product-block .item-details .product-block__code,
.item-page .product-block .item-details .product-block__full-descr,
.item-page .product-block .item-details .product-options,
.item-page .product-block .item-details .product-init-price {
    padding-bottom: 20px;
}
.item-page .product-block .item-details .product-instock {
    display: block;
    margin-bottom: 30px;
}
.item-page .product-block .item-details .product-block__title {
    display: block;
    color: #6F1F4C;
    text-decoration: none;
    font-size: 30px;
    font-family: "LatoBold";
}
.item-page .product-block .item-details .product-block__code {
    font-family: "LatoLight";
}
.item-page .product-block .item-details .product-block__code span {
    font-family: "LatoBold";
}
.item-page .product-block .item-details .product-block__full-descr {
    font-size: 15px;
    font-family: "LatoRegular";
    line-height: 25px;
}
.item-page .product-block .item-details .product-options label[for="add-bookmark"]:before {
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid black;
    border: none;
    border-radius: 2px;
    background: url("../image/bmarkstar.png") no-repeat;
    content: "";
}
.item-page .product-block .item-details .product-options label.done[for="add-bookmark"]:before {
    top: -6px;
    background: none;
    content: "\2713";
    font-weight: 900;
    font-size: 20px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color legend,
.item-page .product-block .item-details .form-block .product-charcs .color legend {
    margin-bottom: 15px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color label,
.item-page .product-block .item-details .form-block .product-charcs .color label {
    margin-right: 43px;
}
.item-page .product-block .item-details .btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 30px auto 0;
    padding: 0;
    padding: 10px 25px;
    max-width: 250px;
    width: 100%;
    height: auto;
    outline: none;
    border: 5px solid #AD4937;
    border-radius: 0;
    background-color: #FFFFFF;
    color: #AD4937;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 16px;
    font-family: "GothaProBol";
}
.item-page .product-block .item-details .btn:hover {
    cursor: pointer;
}
.item-page .product-block .item-details .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.item-page .product-block .item-details .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.item-page .product-block .item-details .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.item-page .product-block .item-details .btn.ajaxBtn-on {
    text-align: center;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.item-page .product-block .item-details .btn.text-off {
    font-size: 0;
}
.item-page .product-block .item-details .btn .text-off {
    font-size: 0;
}
.item-page .product-block .item-details .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.item-page .product-block .item-details .desktop {
    display: none;
}
}

@media screen and (max-width: 767px) {
.products-wrapper {
    padding: 0 15px;
    max-width: 320px;
}

.products-main .products-wrapper {
    text-align: left;
    max-width: 100%;
}
.products-wrapper .product-block .product-block__img {
    margin: 0 auto 30px;
}
.products-wrapper .product-block .btn:hover {
    cursor: pointer;
}
.products-wrapper .product-block .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.products-wrapper .product-block .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.products-wrapper .product-block .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.products-wrapper .product-block .btn.ajaxBtn-on {
    text-align: center;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.products-wrapper .product-block .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.products-wrapper .product-block .btn.text-off {
    font-size: 0;
}
.products-wrapper .product-block .btn .text-off {
    font-size: 0;
}
.products-wrapper .product-block .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-page .products-main {
    padding: 20px 0;
     
    background: #fff;
}
.main-page .products-main .section-title {
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: "GothaProBol";
}
.catalog-page .catalog__products {
    padding: 20px 0 0 0;
     
    background: #fff;
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
}
.item-page .product-block {
    padding: 15px 15px 10px;
}
.item-page .product-block .product-block__heading .product-block__title {
    display: block;
    color: #6F1F4C;
    text-decoration: none;
    font-size: 18px;
    font-family: "LatoBold";
}
.item-page .product-block .connected-carousels {
    margin: 0 auto;
    padding: 0;
    width: 280px;
}
.item-page .product-block .connected-carousels .stage img {
    width: 280px;
}
.item-page .product-block .connected-carousels .carousel-navigation img {
    width: 55px;
    height: 55px;
}
.item-page .product-block .connected-carousels .glass-form {
    margin-bottom: 15px;
    font-family: "latoBold";
}
.item-page .product-block .item-details .product-block__heading {
    display: none;
}
.item-page .product-block .item-details .product-block__full-descr {
    font-size: 15px;
    line-height: 24px;
}
.item-page .product-block .item-details .product-options .compare,
.item-page .product-block .item-details .product-options .bookmark {
    font-size: 14px;
}
.item-page .product-block .item-details .product-options label[for="add-bookmark"]:before {
    display: none;
}
.item-page .product-block .item-details .count:nth-of-type(odd) {
    margin-right: 20px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color legend,
.item-page .product-block .item-details .form-block .product-charcs .color legend {
    margin-bottom: 18px;
}
.item-page .product-block .item-details .glasses-block .product-charcs .color label,
.item-page .product-block .item-details .form-block .product-charcs .color label {
    margin: 0 10px 10px 0;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount {
    white-space: normal;
}
.item-page .product-block .item-details .lenses-block .product-charcs .item-amount label {
    margin: 0 25px 20px 0;
}
.item-page .product-block .item-details .btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 20px auto 0;
    padding: 0;
    padding: 10px 0;
    max-width: 250px;
    width: 100%;
    height: auto;
    outline: none;
    border: 5px solid #AD4937;
    border-radius: 0;
    background-color: #FFFFFF;
    color: #AD4937;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 16px;
    font-family: "GothaProBol";
}
.item-page .product-block .item-details .btn:hover {
    cursor: pointer;
}
.item-page .product-block .item-details .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.item-page .product-block .item-details .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.item-page .product-block .item-details .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.item-page .product-block .item-details .btn.ajaxBtn-on {
    text-align: center;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.item-page .product-block .item-details .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.item-page .product-block .item-details .btn.text-off {
    font-size: 0;
}
.item-page .product-block .item-details .btn .text-off {
    font-size: 0;
}
.item-page .product-block .item-details .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.item-page .product-block .item-details .desktop {
    display: none;
}
}

.main-content .filters .filters-panel {
background: #FFFFFF;
}
.main-content .filters .filters-panel form {
position: relative;
}
.main-content .filters .filters-panel form legend {
padding: 18px 0;
letter-spacing: .3px;
font-size: 18px;
font-family: "GothaProBol";
}
.main-content .filters .filters-panel form .over-off {
display: none;
}
.main-content .filters .filters-panel form .over {
position: absolute;
top: 0;
z-index: 100;
display: block;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .7);
content: "";
}
.main-content .filters .filters-panel form .over .dots-wrap {
text-align: center;
line-height: 600px;
}
.main-content .filters .filters-panel form .over .dots-wrap .dot {
display: inline-block;
margin: 0 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFFFFF;
vertical-align: middle;
animation-name: load;
animation-duration: 1.4s;
animation-iteration-count: infinite;

animation-fill-mode: both;
}
.main-content .filters .filters-panel form .over .dots-wrap .dot:last-child {
margin-right: 0;
}
.main-content .filters .filters-panel form .over .dots-wrap .dot:nth-child(2) {
animation-delay: .2s;
}
.main-content .filters .filters-panel form .over .dots-wrap .dot:nth-child(3) {
animation-delay: .4s;
}

@keyframes load {
0% {
    opacity: .2;
}
20% {
    opacity: 1;
}
100% {
    opacity: .2;
}
}
.main-content .filters .filters-panel form .over .dots-wrap .dot {
margin-right: 15px;
width: 25px;
height: 25px;
background-color: #7a4170;
vertical-align: middle;
}
.main-content .filters .filters-panel form .over .dots-wrap .dot:last-child {
margin-right: 15px;
}
.main-content .filters .filters-panel .sex label,
.main-content .filters .filters-panel .select-all-wrapper label,
.main-content .filters .filters-panel .brand label {
position: relative;
display: inline-block;
margin-bottom: 10px;
padding-left: 22px;
width: calc(50% - 20px);
text-transform: capitalize;
white-space: nowrap;
letter-spacing: .3px;
font-size: 14px;
font-family: "GothaProReg";
cursor: pointer;
}
.main-content .filters .filters-panel .sex input[type=checkbox],
.main-content .filters .filters-panel .select-all-wrapper input[type=checkbox],
.main-content .filters .filters-panel .brand input[type=checkbox] {
display: none;
}
.main-content .filters .filters-panel .sex label:before,
.main-content .filters .filters-panel .select-all-wrapper label:before,
.main-content .filters .filters-panel .brand label:before {
position: absolute;
left: 0;
padding-left: 1px;
width: 13px;
height: 14px;
border: 1px solid black;
border-radius: 2px;
content: "";
font-size: 21px;
line-height: 9px;
}
.main-content .filters .filters-panel .sex input[type=checkbox]:checked + label:before,
.main-content .filters .filters-panel .select-all-wrapper input[type=checkbox]:checked + label:before,
.main-content .filters .filters-panel .brand input[type=checkbox]:checked + label:before {
border: 1px solid #7a4170;
color: #7a4170;
content: "\2713";
}
.main-content .filters .filters-panel .color input[type=checkbox]:not(#all-colors) {
display: none;
}
.main-content .filters .filters-panel .color label:not([for="all-colors"]) {
position: relative;
display: inline-block;
margin-right: 26px;
margin-bottom: 30px;
cursor: pointer;
}
.main-content .filters .filters-panel .color label:not([for="all-colors"]):before {
position: absolute;
width: 20px;
height: 20px;
content: "";
}
.main-content .filters .filters-panel .color input[type=checkbox]:checked + label:not([for="all-colors"]):before {
padding: 2px;
width: 10px;
height: 10px;
}
.main-content .filters .filters-panel .color label[for="000"]:before {
background: #000000;
}
.main-content .filters .filters-panel .color label[for="7a4170"]:before {
background: #7a4170;
}
.main-content .filters .filters-panel .color label[for="00ff00"]:before {
background: #00FF00;
}
.main-content .filters .filters-panel .color label[for="1d6887"]:before {
background: #1D6887;
}
.main-content .filters .filters-panel .color input[type=checkbox]:checked + label[for="000"]:before {
border: 3px solid #000000;
background: #000000;
background-color: #000000;
background-clip: content-box;
}
.main-content .filters .filters-panel .color input[type=checkbox]:checked + label[for="7a4170"]:before {
border: 3px solid #7a4170;
background: #7a4170;
background-color: #7a4170;
background-clip: content-box;
}
.main-content .filters .filters-panel .color input[type=checkbox]:checked + label[for="00ff00"]:before {
border: 3px solid #00FF00;
background: #00FF00;
background-color: #00FF00;
background-clip: content-box;
}
.main-content .filters .filters-panel .color input[type=checkbox]:checked + label[for="1d6887"]:before {
border: 3px solid #1D6887;
background: #1D6887;
background-color: #1D6887;
background-clip: content-box;
}
.main-content .filters .filters-panel .price label[for="min-price"],
.main-content .filters .filters-panel .price label[for="max-price"] {
font-size: 14px;
font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price .min-price,
.main-content .filters .filters-panel .price .max-price {
display: inline-block;
margin: 0 10px;
width: 50px;
height: 30px;
outline: none;
border: 1px solid #000000;
border-radius: 2px;
background: none;
text-align: center;
font-size: 14px;
font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price span {
font-family: "GothaProBol";
}
.main-content .filters .filters-panel .price .price-range {
position: relative;
width: 230px;
height: 10px;
border-radius: 10px;
background: #A9A9A9;
}
.main-content .filters .filters-panel .price .price-range .thumb-left {
position: relative;
bottom: 6px;
z-index: 99;
display: inline-block;
width: 22px;
height: 22px;
border: 5px solid #7a4170;
border-radius: 50%;
background: #FFFFFF;
}
.main-content .filters .filters-panel .price .price-range .thumb-right {
position: relative;
bottom: 6px;
left: 186px;
display: inline-block;
width: 22px;
height: 22px;
border: 5px solid #7a4170;
border-radius: 50%;
background: #FFFFFF;
}
.main-content .filters .filters-panel .price .price-range .range-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
border-radius: 10px;
background: #7a4170;
}

@media screen and (min-width: 1367px) {
.main-content .filters {
    display: inline-block;
    width: 280px;
    vertical-align: top;
}
.main-content .filters .filters-panel {
    padding: 10px 10px 15px 15px;
    width: 280px;
}
.main-content .filters .filters-panel form fieldset {
    padding-left: 10px;
}
.main-content .filters .filters-panel form legend {
    margin-left: -10px;
}
.main-content .filters .filters-panel .price .price-range {
    margin: 25px 0 25px 0;
}
.main-content .filters .filters-panel .price .price-range .btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel .price .price-range .btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel .price .price-range .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel .price .price-range .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel .price .price-range .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel .price .price-range .btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price .price-range .btn span {
    font-size: 10px;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .btn-wrap {
    margin: 60px 10px 20px 0;
}
.main-content .filters .filters-panel #clear-btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 14px 25px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel #clear-btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel #clear-btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel #clear-btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel #clear-btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn span {
    font-size: 14px;
}
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
.main-content .filters {
    display: inline-block;
    width: 262px;
    vertical-align: top;
}
.main-content .filters .filters-panel {
    padding: 10px 0 15px 15px;
    width: 262px;
}
.main-content .filters .filters-panel form fieldset {
    padding-left: 0;
}
.main-content .filters .filters-panel form legend {
    margin-left: 0;
}
.main-content .filters .filters-panel .price .price-range {
    margin: 25px 0 25px 0;
}
.main-content .filters .filters-panel .price .price-range .btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel .price .price-range .btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel .price .price-range .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel .price .price-range .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel .price .price-range .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel .price .price-range .btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price .price-range .btn span {
    font-size: 10px;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .btn-wrap {
    margin: 60px 15px 20px 0;
}
.main-content .filters .filters-panel #clear-btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 14px 25px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel #clear-btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel #clear-btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel #clear-btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel #clear-btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn span {
    font-size: 14px;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
/*.main-content .filters {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 99;*/
    /*display: block;*/
    /*width: 30%;*/
/*}*/

/*.main-content .filters.active {*/
    /*width: 100%;*/
/*}*/
/*.main-content .filters.hidden {*/
    /*z-index: -99;*/
/*}*/
.main-content .filters .filters-panel {
    padding: 20px 10px 30px;
}
.main-content .filters .filters-panel form fieldset {
    display: inline-block;
    padding-left: 30px;
    vertical-align: top;
}
.main-content .filters .filters-panel form .over .dots-wrap {
    line-height: 300px;
}
.main-content .filters .filters-panel .sex,
.main-content .filters .filters-panel .select-all-wrapper,
.main-content .filters .filters-panel .brand {
    max-width: 280px;
}
.main-content .filters .filters-panel .sex label,
.main-content .filters .filters-panel .select-all-wrapper label,
.main-content .filters .filters-panel .brand label {
    margin-right: 5px;
}
.main-content .filters .filters-panel .color {
    max-width: 280px;
}
.main-content .filters .filters-panel .price {
    padding-bottom: 0;
    width: 100%;
}
.main-content .filters .filters-panel .price .price-range {
    margin: 25px 0 25px -15px;
}
.main-content .filters .filters-panel .price .price-range .btn {
    position: relative;
    position: absolute;
    top: -10px;
    right: -170px;
    display: block;
    overflow: hidden;
    padding: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel .price .price-range .btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel .price .price-range .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel .price .price-range .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel .price .price-range .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel .price .price-range .btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price .price-range .btn span {
    font-size: 10px;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel #clear-btn {
    position: relative;
    display: block;
    float: right;
    overflow: hidden;
    margin-right: 30px;
    padding: 0;
    padding: 14px 25px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel #clear-btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel #clear-btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel #clear-btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel #clear-btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn span {
    font-size: 14px;
}
}

@media screen and (max-width: 767px) {
.main-content .filters {
    /*position: absolute;*/
    top: 92px;
    z-index: 99;
    display: block;
    width: 100%;
}
.main-content .filters.hidden {
    z-index: -99;
}
.main-content .filters .filters-panel {
    padding-bottom: 30px;
}
.main-content .filters .filters-panel form {
    padding-left: 30px;
}
.main-content .filters .filters-panel form fieldset {
    display: inline-block;
    vertical-align: top;
}
.main-content .filters .filters-panel form fieldset.color,
.main-content .filters .filters-panel form fieldset.price,
.main-content .filters .filters-panel form fieldset.brand {
    display: block;
}
.main-content .filters .filters-panel form .over .dots-wrap {
    line-height: 300px;
}
.main-content .filters .filters-panel .sex,
.main-content .filters .filters-panel .select-all-wrapper,
.main-content .filters .filters-panel .brand {
    min-width: calc(50% - 30px);
}
.main-content .filters .filters-panel .brand {
    float: right;
}
.main-content .filters .filters-panel .brand label {
    display: block !important;
}
.main-content .filters .filters-panel .price {
    padding-bottom: 30px;
}
.main-content .filters .filters-panel .price .price-range {
    margin: 25px 0 25px 0;
}
.main-content .filters .filters-panel .price .price-range .btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel .price .price-range .btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel .price .price-range .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel .price .price-range .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel .price .price-range .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel .price .price-range .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel .price .price-range .btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel .price .price-range .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .price .price-range .btn span {
    font-size: 10px;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel .btn-wrap {
    margin-top: 30px;
    width: 230px;
}
.main-content .filters .filters-panel #clear-btn {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    padding: 14px 25px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}
.main-content .filters .filters-panel #clear-btn:hover {
    cursor: pointer;
}
.main-content .filters .filters-panel #clear-btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 14px;
    font-family: "GothaProReg";
    line-height: auto;
}
.main-content .filters .filters-panel #clear-btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.main-content .filters .filters-panel #clear-btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on {
    text-align: center;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.main-content .filters .filters-panel #clear-btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.main-content .filters .filters-panel #clear-btn.text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .text-off {
    font-size: 0;
}
.main-content .filters .filters-panel #clear-btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.main-content .filters .filters-panel #clear-btn span {
    font-size: 14px;
}
}

.review-block {
background: #fff;
}
.review-block .review-block__header {
font-family: "GothaProReg";
}
.review-block .review-block__header span {
font-family: "GothaProBol";
}
.review-block .review-block__header .section-title {
display: block;
float: left;
font-size: 20px;
}
.review-block .review-block__header .section-title p {
display: inline;
}
.review-block .review-block__header .total-rate {
float: right;
}
.review-block .review-block__header .total-rate .product-total-rate {
position: relative;
display: inline-block;
margin-left: 10px;
width: 115px;
height: 15px;
font-size: 18px;
cursor: pointer;
}
.review-block .review-block__header .total-rate .product-total-rate div {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 0;
height: 100%;
cursor: pointer;
}
.review-block .review-item {
margin: 30px 0;
padding: 20px 30px;
border: 1px solid #6F6F6F;
font-family: "GothaProLig";
}
.review-block .review-item .review-info .user-name {
display: inline-block;
padding-right: 8px;
border-right: 1px solid #000000;
font-family: "GothaProBol";
}
.review-block .review-item .review-info .product-rated {
position: relative;
display: inline-block;
margin-left: 10px;
width: 96px;
height: 15px;
background-position-y: -19px;
}
.review-block .review-item .review-info .product-rated div {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.review-block .review-item .review-info .review-date {
float: right;
}
.review-block .review-item .review-info .review {
margin-top: 20px;
}
.review-block .leave-review {
display: block;
margin: 0 auto;
width: initial;
font-family: "GothaProLig";
}
.review-block .leave-review fieldset {
display: block;
width: 100%;
border: 0;
}
.review-block .leave-review legend {
width: 100%;
}
.review-block .leave-review input[type="radio"]{
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.review-block .leave-review textarea {
display: inline-block;
width: 100%;
height: 38px;
outline: none;
border-radius: 5px;
background: none;
font-size: 14px;
font-family: "GothaProLig";
}
.review-block .leave-review textarea {
overflow: auto;
padding-top: 10px;
height: 96px;
resize: none;
}
.review-block .leave-review input:not([type="radio"]).valid {
border: 1px solid #4EE44E;
}
.review-block .leave-review input:not([type="radio"]).invalid {
border: 1px solid #FF0000;
}
.review-block .leave-review legend {
margin-bottom: 20px;
color: #7a4170;
}
.review-block .leave-review input:not([type="checkbox"]) {
margin-bottom: 20px;
padding: 25px;
border: 1px solid #000000;
border-radius: 0;
}
.review-block .leave-review textarea {
overflow: hidden;
margin-bottom: 30px;
padding: 20px 0 0 25px;
height: 160px;
border: 1px solid #000000;
border-radius: 0;
vertical-align: top;
}
.review-block .leave-review .rate-title {
display: inline-block;
font-family: "GothaProReg";
width: 80px;
}
.review-block .leave-review .product-rate {
position: relative;
display: inline-block;
width: 165px;
height: 15px;
cursor: pointer;
}
.review-block .leave-review .product-rate div {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
}
.review-block .leave-review .product-rate div label{
position: relative;
width: 29px;
height: 25px;
top: -3px;
cursor: pointer;
font-size: 27px;
}

.review-block .review-block__header .total-rate .product-total-rate .fa-star-o:before,
.review-block .leave-review .product-rate div .fa:before{
content: "\f005";
}

.review-block .leave-review .product-rate div .active .fa,
.review-block .leave-review .product-rate div .active .fa:before,
.review-block .leave-review input[type="radio"]:checked + label{
color: #FF8B00;
}


.review-block .leave-review .btn {
outline: none;
border: 5px solid #AD4937;
border-radius: 0;
color: #AD4937;
text-transform: uppercase;
letter-spacing: .3px;
font-size: 14px;
font-family: "GothaProBol";
background-color: #fff;
padding: 14px 25px;
}
.review-block .leave-review .btn:hover {
cursor: pointer;
}
.review-block .leave-review .btn a {
z-index: 999;
display: block;
width: 100%;
height: 100%;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .3px;
font-size: 14px;
font-family: "GothaProReg";
line-height: auto;
}
.review-block .leave-review .btn .circle {
position: absolute;
display: block;
border-radius: 50%;
background: rgba(0, 0, 0, .15);
-ms-transform: scale(0);
transform: scale(0);
}
.review-block .leave-review .btn .circle.animate {
animation: effect .65s linear;
}

@keyframes effect {
100% {
    opacity: 0;
    transform: scale(2);
}
}
.review-block .leave-review .btn.ajaxBtn-on {
text-align: center;
}
.review-block .leave-review .btn.ajaxBtn-on .dot {
display: inline-block;
margin: 0 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFFFFF;
vertical-align: middle;
animation-name: load;
animation-duration: 1.4s;
animation-iteration-count: infinite;

animation-fill-mode: both;
}
.review-block .leave-review .btn.ajaxBtn-on .dot:last-child {
margin-right: 0;
}
.review-block .leave-review .btn.ajaxBtn-on .dot:nth-child(2) {
animation-delay: .2s;
}
.review-block .leave-review .btn.ajaxBtn-on .dot:nth-child(3) {
animation-delay: .4s;
}

@keyframes load {
0% {
    opacity: .2;
}
20% {
    opacity: 1;
}
100% {
    opacity: .2;
}
}
.review-block .leave-review .btn.text-off {
font-size: 0;
}
.review-block .leave-review .btn .text-off {
font-size: 0;
}
.review-block .leave-review .btn .success-text {
text-transform: uppercase;
letter-spacing: .25px;
font-size: inherit;
font-family: "GothaProReg";
}
.review-block .leave-review .btn span {
font-size: 14px;
}

@media screen and (min-width: 1367px) {
.review-block {
    padding: 40px 180px 80px;
}
.review-block .rate {
    float: left;
    margin-top: 10px;
}
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
.review-block {
    padding: 40px 50px 60px;
}
.review-block .rate {
    float: left;
    margin-top: 10px;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.review-block {
    padding: 10px 20px 0;
}
.review-block .review-block__header .section-title {
    font-size: 24px;
}
.review-block .review-block__header .total-rate {
    font-size: 18px;
}
.review-block .review-block__header .total-rate .product-total-rate {
    width: 165px;
    height: 15px;
    font-size: 18px;
}
.review-block .review-item {
    padding: 26px 30px;
}
.review-block .leave-review legend {
    color: #000000;
    font-size: 18px;
    font-family: "GothaProBol";
}
.review-block .leave-review .rate {
    text-align: center;
}

.review-block .leave-review .rate-title {
    display: inline-block;
}
.review-block .leave-review .btn {
    float: none;
    margin: 40px auto 0;
    max-width: 250px;
    width: 100%;
}
}

@media screen and (max-width: 767px) {
.review-block {
    padding: 30px 15px 10px;
}
.review-block .review-block__header .section-title {
    float: none;
    margin-bottom: 15px;
    text-align: center;
    font-size: 24px;
}
.review-block .review-block__header .total-rate {
    float: none;
    text-align: center;
}
.review-block .review-block__header .total-rate .product-total-rate {
    width: 165px;
    height: 24px;
    font-size: 24px;
}

.review-block .review-item {
    margin: 24px 0 30px;
    padding: 16px 10px 34px;
    font-size: 14px;
}
.review-block .review-item .review-info .user-name {
    padding-right: 4px;
}
.review-block .review-item .review-info .product-rated {
    margin-left: 10px;
    width: 60px;
    height: 10px;
    background-position-y: -12px;
    }
    .review-block .review-item .review-info .product-rated div {
        width: 100%;
    }
    .review-block .leave-review legend {
        color: #000000; 
        text-align: center;
        font-size: 18px;
        font-family: "GothaProBol";
    }
    .review-block .leave-review textarea {
        margin-bottom: 10px;
    }
    .review-block .leave-review .rate {
        text-align: center;
    }
    .review-block .leave-review .rate .product-rate {
        width: 164px;
        height: 24px; 
        background-position-y: -27px;
    }
    .review-block .leave-review .rate-title {
        display: inline-block;
    }
    .review-block .leave-review .btn {
        float: none; 
        margin: 40px auto 0;
        padding: 14px 0;
        max-width: 250px;
        width: 100%;
    }
}

.header {
    z-index: 2;
}
.main-content {
    position: relative;
    margin: 0 auto;
}
.main-content .breadcrumbs {
    display: block;
    padding: 30px 50px;
    list-style: none;
}
.main-content .breadcrumbs li {
    display: inline-block;
    padding: 0 2px;
}
.main-content .breadcrumbs li:not(:first-child)::before {
    position: relative;
    left: -4px;
    content: "-";
}
.main-content .breadcrumbs li a {
    color: #7a4170; 
    letter-spacing: .3px;
    font-size: 16px;
    font-family: "LatoRegularItalic";
}
.main-content .breadcrumbs li a.current,
.main-content .breadcrumbs li:last-child a {
    color: #000000; 
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .main-content {
        max-width: 767px;
    }
    .main-content .breadcrumbs {
        padding: 10px;
    }
    .main-content .breadcrumbs li a {
        font-size: 14px;
    }
    .main-content .catalog-wrapper {
        position: relative;
    }
    .main-content .catalog .type {
        display: block;
        padding: 0 10px 10px;
         
        background: #fff;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }
    .main-content .catalog .type li {
        display: inline-block;
        padding-right: 5px;
        text-align: center;
        margin-bottom: 10px;
        transition: all 0.4s ease-in-out;
    }
    .main-content .catalog .type li:last-child {
        padding-right: 0;
    }
    .main-content .catalog .type li.current a,
    .main-content .catalog .type li:hover a {
        color: #7a4170;
    }
    .main-content .catalog .type li a {
        color: #000000; 
        text-decoration: none;
        letter-spacing: .3px;
        font-size: 13px;
        font-family: "GothaProReg";
        position: relative;
    }

    .main-content .catalog .type li a:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.55px;
        background-color: #7a4170;
    }

    .main-content .catalog .filters-titles {
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
        width: 100%;
        background: #FFFFFF; 
        vertical-align: top;
    }
    .main-content .catalog .filters-titles h2 {
        display: inline-block;
        padding: 20px 10px 20px 20px;
        font-size: 14px; 
        font-family: "GothaProReg";
        margin: 0;
    }
    .main-content .catalog .filters-titles h2 span {
        padding: 15px 0;
        cursor: pointer;
    }
    .main-content .catalog .filters-titles h2 span::before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/filter.png");
        background-repeat: no-repeat;
        content: "";
    }
    .main-content .catalog .filters-titles h2 span.active,
    .main-content .catalog .filters-titles h2 span:hover {
        background-color: #FFFFFF;
    }
    .main-content .catalog .filters-titles .user-filters {
        display: inline-block;
        letter-spacing: .3px; 
        font-size: 12px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filters-titles .user-filters li {
        display: inline-block;
        margin: 0 4px 6px 2px;
        padding: 2px 5px 2px 10px;
        border: 2px solid #7a4170;
        border-radius: 30px;
    }
    .main-content .catalog .filters-titles .user-filters li:last-child {
        margin-right: 0;
    }
    .main-content .catalog .filters-titles .user-filters li p {
        display: inline-block;
        margin: 4px 8px 0 0;
        vertical-align: top;
    }
    .main-content .catalog .filters-titles .user-filters li span {
        display: inline-block;
        margin-right: 4px;
        padding-right: 2px;
        color: #7a4170;
        font-size: 20px;
        cursor: pointer;
    }
    .main-content .catalog .filters-titles .arrow-down {
        position: absolute;
        top: 30px; 
        right: 20px;
        display: block;
    }
    .main-content .catalog .filters-titles.active .arrow-down {
        /* Для Firefox */
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        /* Для IE */
        /* Для Safari, Chrome, iOS */
        /* Для Opera */
        transform: rotate(180deg);
    }
    .main-content .catalog .sorting-panel {
        display: none;
    }
    .main-content .catalog .sorting-panel .sorting,
    .main-content .catalog .sorting-panel .products-on-page {
        display: inline-block;
        margin-top: 4px;
        letter-spacing: .3px; 
        font-size: 14px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page {
        display: block;
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page p,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page p {
        display: inline-block;
        padding-right: 8px;
    }
    .main-content .catalog .sorting-panel .sorting.sorting,
    .main-content .catalog .sorting-panel .products-on-page.sorting {
        display: block;
        margin-right: 30px;
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.sorting p,
    .main-content .catalog .sorting-panel .products-on-page.sorting p {
        display: inline-block;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .main-content .catalog .sorting-panel .sorting ul,
    .main-content .catalog .sorting-panel .products-on-page ul {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul li,
    .main-content .catalog .sorting-panel .products-on-page ul li {
        display: inline-block;
        padding: 4px 3px;
        border: 2px solid #000000;
    }
    .main-content .catalog .sorting-panel .sorting ul li:not(:last-child),
    .main-content .catalog .sorting-panel .products-on-page ul li:not(:last-child) {
        margin-right: 2px;
    }
    .main-content .catalog .sorting-panel .sorting ul li.current,
    .main-content .catalog .sorting-panel .products-on-page ul li.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .catalog .sorting-panel .sorting ul li:hover,
    .main-content .catalog .sorting-panel .products-on-page ul li:hover {
        border: 2px solid #7a4170;
        background: 0;
        color: #7a4170;
        cursor: pointer;
    }
    .main-content .catalog .sorting-panel .filter-result-desktop {
        display: none;
    }
    .main-content .catalog .filter-result-mobile {
        display: block;
        padding: 30px 0 20px;
         
        background: #fff;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
        text-align: center;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filter-result-mobile span {
        color: #7a4170;
        font-size: 20px;
        font-family: "LatoBold";
    }
    .main-content .pagination {
        display: inline-block;
        padding: 26px 10px; 
        white-space: nowrap;
    }
    .main-content .pagination a,
    .main-content .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .pagination a.current,
    .main-content .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .pagination a:not(.ellipsis):hover,
    .main-content .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .pagination a:first-child,
    .main-content .pagination a:last-child,
    .main-content .pagination span > a:first-child,
    .main-content .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a:first-child:hover,
    .main-content .pagination a:last-child:hover,
    .main-content .pagination span > a:first-child:hover,
    .main-content .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a.last,
    .main-content .pagination span > a.last {
        margin: 0;
    }
    .main-content .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    .main-content .pagination .backward,
    .main-content .pagination .forward {
        margin-right: 0;
    }
    /*.main-content .context {*/
        /*padding: 0 20px 30px;*/
        /*background: #fff;*/
        /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    /*}*/
    .main-content .context .context-wrapper .context-title {
        padding-bottom: 20px;
        letter-spacing: .3px; 
        font-size: 24px;
        font-family: "GothaProBol";
    }
    .main-content .context .context-wrapper p {
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: 24px;
    }
    .main-content .account-options {
        display: block;
        background: #fff;
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
        list-style: none;
    }
    .main-content .account-options li {
        display: inline-block;
        padding-right: 30px;
    }
    .main-content .account-options li:last-child {
        padding-left: 0;
    }
    .main-content .account-options li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .account-options li a.current {
        color: #000000; 
        text-decoration: none;
        font-family: "LatoBold";
    }
    .main-content .account-options li a:hover {
        color: #996A91;
    }
    .main-content .make-order,
    .main-content .my-account,
    .main-content .enter-account {
        /*padding: 50px 50px;*/
         
        background: #fff;
        /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    }
    .main-content .make-order .pagination,
    .main-content .my-account .pagination,
    .main-content .enter-account .pagination {
        display: block;
        margin: 30px 0 0 -8px;
        padding: 0; 
        max-width: 500px;
        white-space: nowrap;
    }
    .main-content .make-order .pagination a,
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination a,
    .main-content .enter-account .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .make-order .pagination a.current,
    .main-content .make-order .pagination span > a.current,
    .main-content .my-account .pagination a.current,
    .main-content .my-account .pagination span > a.current,
    .main-content .enter-account .pagination a.current,
    .main-content .enter-account .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .make-order .pagination a:not(.ellipsis):hover,
    .main-content .make-order .pagination span > a:not(.ellipsis):hover,
    .main-content .my-account .pagination a:not(.ellipsis):hover,
    .main-content .my-account .pagination span > a:not(.ellipsis):hover,
    .main-content .enter-account .pagination a:not(.ellipsis):hover,
    .main-content .enter-account .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .make-order .pagination a:first-child,
    .main-content .make-order .pagination a:last-child,
    .main-content .make-order .pagination span > a:first-child,
    .main-content .make-order .pagination span > a:last-child,
    .main-content .my-account .pagination a:first-child,
    .main-content .my-account .pagination a:last-child,
    .main-content .my-account .pagination span > a:first-child,
    .main-content .my-account .pagination span > a:last-child,
    .main-content .enter-account .pagination a:first-child,
    .main-content .enter-account .pagination a:last-child,
    .main-content .enter-account .pagination span > a:first-child,
    .main-content .enter-account .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a:first-child:hover,
    .main-content .make-order .pagination a:last-child:hover,
    .main-content .make-order .pagination span > a:first-child:hover,
    .main-content .make-order .pagination span > a:last-child:hover,
    .main-content .my-account .pagination a:first-child:hover,
    .main-content .my-account .pagination a:last-child:hover,
    .main-content .my-account .pagination span > a:first-child:hover,
    .main-content .my-account .pagination span > a:last-child:hover,
    .main-content .enter-account .pagination a:first-child:hover,
    .main-content .enter-account .pagination a:last-child:hover,
    .main-content .enter-account .pagination span > a:first-child:hover,
    .main-content .enter-account .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a.last,
    .main-content .make-order .pagination span > a.last,
    .main-content .my-account .pagination a.last,
    .main-content .my-account .pagination span > a.last,
    .main-content .enter-account .pagination a.last,
    .main-content .enter-account .pagination span > a.last {
        margin: 0;
    }
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    .main-content .make-order .pagination a,
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination a,
    .main-content .enter-account .pagination span > a {
        margin-right: 4px;
        width: 24px;
        height: 24px;
        border: 1px solid #000000; 
        vertical-align: middle;
        text-align: center;
        line-height: 20px;
    }
    .main-content .make-order .pagination a.current,
    .main-content .make-order .pagination span > a.current,
    .main-content .my-account .pagination a.current,
    .main-content .my-account .pagination span > a.current,
    .main-content .enter-account .pagination a.current,
    .main-content .enter-account .pagination span > a.current {
        border: 1px solid #7a4170;
    }
    .main-content .make-order .pagination a:not(.ellipsis):hover,
    .main-content .make-order .pagination span > a:not(.ellipsis):hover,
    .main-content .my-account .pagination a:not(.ellipsis):hover,
    .main-content .my-account .pagination span > a:not(.ellipsis):hover,
    .main-content .enter-account .pagination a:not(.ellipsis):hover,
    .main-content .enter-account .pagination span > a:not(.ellipsis):hover {
        border: 1px solid #7a4170;
    }
    .main-content .make-order .pagination a:first-child,
    .main-content .make-order .pagination a:last-child,
    .main-content .make-order .pagination span > a:first-child,
    .main-content .make-order .pagination span > a:last-child,
    .main-content .my-account .pagination a:first-child,
    .main-content .my-account .pagination a:last-child,
    .main-content .my-account .pagination span > a:first-child,
    .main-content .my-account .pagination span > a:last-child,
    .main-content .enter-account .pagination a:first-child,
    .main-content .enter-account .pagination a:last-child,
    .main-content .enter-account .pagination span > a:first-child,
    .main-content .enter-account .pagination span > a:last-child {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a:first-child:hover,
    .main-content .make-order .pagination a:last-child:hover,
    .main-content .make-order .pagination span > a:first-child:hover,
    .main-content .make-order .pagination span > a:last-child:hover,
    .main-content .my-account .pagination a:first-child:hover,
    .main-content .my-account .pagination a:last-child:hover,
    .main-content .my-account .pagination span > a:first-child:hover,
    .main-content .my-account .pagination span > a:last-child:hover,
    .main-content .enter-account .pagination a:first-child:hover,
    .main-content .enter-account .pagination a:last-child:hover,
    .main-content .enter-account .pagination span > a:first-child:hover,
    .main-content .enter-account .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination span > a {
        font-size: 18px;
    }
    .main-content .make-order .account-options,
    .main-content .my-account .order,
    .main-content .my-account .account-options,
    .main-content .enter-account .order,
    .main-content .enter-account .account-options {
        display: block;
        margin: 0 auto;
        max-width: 500px;
        width: 100%;
        text-align: center; 
        white-space: normal;
        font-family: "LatoRegular";
    }
    .main-content .make-order .order li,
    .main-content .make-order .account-options li,
    .main-content .my-account .order li,
    .main-content .my-account .account-options li,
    .main-content .enter-account .order li,
    .main-content .enter-account .account-options li {
        padding: 0 20px 20px 0;
    }
    .main-content .make-order .order li:last-child,
    .main-content .make-order .account-options li:last-child,
    .main-content .my-account .order li:last-child,
    .main-content .my-account .account-options li:last-child,
    .main-content .enter-account .order li:last-child,
    .main-content .enter-account .account-options li:last-child {
        padding-right: 0;
    }
    .main-content .make-order .order li a,
    .main-content .make-order .account-options li a,
    .main-content .my-account .order li a,
    .main-content .my-account .account-options li a,
    .main-content .enter-account .order li a,
    .main-content .enter-account .account-options li a {
        font-size: 14px;
    }
    .main-content .make-order .section-title,
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        padding-bottom: 30px; 
        text-align: center;
        font-size: 18px;
        font-family: "GothaProBol";
    }
    .main-content .my-account .order__table,
    .main-content .enter-account .order__table {
        min-width: 280px;
        width: 100%;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order__table tr,
    .main-content .my-account .order__table tr,
    .main-content .enter-account .order__table tr {
        padding: 0;
    }
    .main-content .make-order .order__table tr:hover,
    .main-content .my-account .order__table tr:hover,
    .main-content .enter-account .order__table tr:hover {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr:nth-of-type(odd),
    .main-content .my-account .order__table tr:nth-of-type(odd),
    .main-content .enter-account .order__table tr:nth-of-type(odd) {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr td,
    .main-content .my-account .order__table tr td,
    .main-content .enter-account .order__table tr td {
        padding: 15px 4px;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
    }
    .main-content .make-order .order__table tr td.date,
    .main-content .my-account .order__table tr td.date,
    .main-content .enter-account .order__table tr td.date {
        display: none;
        font-size: 12px;
    }
    .main-content .make-order .order__table tr td.short-date,
    .main-content .my-account .order__table tr td.short-date,
    .main-content .enter-account .order__table tr td.short-date {
        font-size: 12px;
    }
    .main-content .make-order .order__table tr td.price,
    .main-content .my-account .order__table tr td.price,
    .main-content .enter-account .order__table tr td.price {
        font-family: "LatoBold";
    }
    .main-content .make-order .order__table tr td img.product-thumbnail,
    .main-content .my-account .order__table tr td img.product-thumbnail,
    .main-content .enter-account .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    .main-content .make-order .order__table tr td .item-name,
    .main-content .my-account .order__table tr td .item-name,
    .main-content .enter-account .order__table tr td .item-name {
        display: inline-block;
        color: #000000;
        text-decoration: none;
        font-size: 12px;
        line-height: 18px;
    }
    .main-content .make-order .order__table tr td.item-counter,
    .main-content .my-account .order__table tr td.item-counter,
    .main-content .enter-account .order__table tr td.item-counter {
        white-space: nowrap;
    }
    .main-content .make-order .order__table tr td .minus,
    .main-content .make-order .order__table tr td .plus,
    .main-content .my-account .order__table tr td .minus,
    .main-content .my-account .order__table tr td .plus,
    .main-content .enter-account .order__table tr td .minus,
    .main-content .enter-account .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        width: 13px;
        height: 18px;
        height: 13px; 
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        cursor: pointer;
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::before,
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .minus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .minus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .minus::after {
        top: 6px;
        left: 3px; 
        width: 7px;
        height: 1px;
    }
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        top: 6px;
        left: 3px; 
        width: 7px;
        height: 1px;
    }
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        top: 3px;
        left: 6px; 
        width: 1px;
        height: 7px;
    }
    .main-content .make-order .order__table tr td .items-num,
    .main-content .my-account .order__table tr td .items-num,
    .main-content .enter-account .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 13px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 13px;
    }
    .main-content .make-order .order__table tr .remove,
    .main-content .my-account .order__table tr .remove,
    .main-content .enter-account .order__table tr .remove {
        color: #FF0000;
        font-size: 22px;
    }
    .main-content .make-order .order__table tr .remove:hover,
    .main-content .my-account .order__table tr .remove:hover,
    .main-content .enter-account .order__table tr .remove:hover {
        cursor: pointer;
    }
    .main-content .make-order .order-history,
    .main-content .my-account .order-history,
    .main-content .enter-account .order-history {
        margin: 0 auto 20px;
        max-width: 500px;
        width: 100%;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order-history .price,
    .main-content .my-account .order-history .price,
    .main-content .enter-account .order-history .price {
        font-family: "LatoBold";
    }
    .main-content .make-order .total-charge,
    .main-content .my-account .total-charge,
    .main-content .enter-account .total-charge {
        margin-top: 20px;
        text-align: right;
        font-size: 14px;
    }
    .main-content .make-order .total-charge span,
    .main-content .my-account .total-charge span,
    .main-content .enter-account .total-charge span {
        font-size: 15px; 
        font-family: "LatoBold";
    }
    .main-content .make-order #payment-n-delivery,
    .main-content .my-account #payment-n-delivery,
    .main-content .enter-account #payment-n-delivery {
        display: block;
        margin: 35px auto;
        width: 100%;
        font-family: "LatoRegular";
    }
    .main-content .my-account .delivery,
    .main-content .my-account .payment,
    .main-content .enter-account .delivery,
    .main-content .enter-account .payment {
        display: block;
        margin: 0 auto;
        padding-bottom: 30px;
        width: 70%;
        border: none;
    }
    .main-content .make-order .delivery legend,
    .main-content .make-order .payment legend,
    .main-content .my-account .delivery legend,
    .main-content .my-account .payment legend,
    .main-content .enter-account .delivery legend,
    .main-content .enter-account .payment legend {
        margin-bottom: 30px;
        text-align: center;
        text-align: left; 
        font-size: 15px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery .deliv-radio-wrap,
    .main-content .make-order .payment .deliv-radio-wrap,
    .main-content .my-account .delivery .deliv-radio-wrap,
    .main-content .my-account .payment .deliv-radio-wrap,
    .main-content .enter-account .delivery .deliv-radio-wrap,
    .main-content .enter-account .payment .deliv-radio-wrap {
        margin-left: 0;
    }
    .main-content .make-order .delivery .paymnt-radio-wrap,
    .main-content .make-order .payment .paymnt-radio-wrap,
    .main-content .my-account .delivery .paymnt-radio-wrap,
    .main-content .my-account .payment .paymnt-radio-wrap,
    .main-content .enter-account .delivery .paymnt-radio-wrap,
    .main-content .enter-account .payment .paymnt-radio-wrap {
        margin-left: 0;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-left: 22px;
        /*white-space: nowrap; */
        font-size: 14px;
        cursor: pointer;
    }
    .main-content .make-order .delivery label span,
    .main-content .make-order .payment label span,
    .main-content .my-account .delivery label span,
    .main-content .my-account .payment label span,
    .main-content .enter-account .delivery label span,
    .main-content .enter-account .payment label span {
        font-family: "LatoBold";
    }
    .main-content .make-order .delivery input[type=radio],
    .main-content .make-order .payment input[type=radio],
    .main-content .my-account .delivery input[type=radio],
    .main-content .my-account .payment input[type=radio],
    .main-content .enter-account .delivery input[type=radio],
    .main-content .enter-account .payment input[type=radio] {
        display: none;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        cursor: pointer;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        position: absolute;
        width: 13px;
        height: 13px;
        border: 1px solid black;
        border-radius: 50%; 
        content: "";
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        border: 1px solid #6F1F4C;
        background: #6F1F4C;
        background-color: #6F1F4C; 
        background-clip: content-box;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        top: -2px;
        left: 0;
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        padding: 2px; 
        width: 9px;
        height: 9px;
    }
    .main-content .make-order .delivery-info,
    .main-content .my-account .delivery-info,
    .main-content .enter-account .delivery-info,
    #simplecheckout_payment_address,
    #simplecheckout_shipping_address
    {
        display: block;
        margin: 0 auto;
        width: 280px;
        font-family: "LatoRegular";
    }
    .main-content .make-order .delivery-info fieldset,
    .main-content .my-account .delivery-info fieldset,
    .main-content .enter-account .delivery-info fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        width: 100%;
    }
    .main-content .make-order .delivery-info input:not([type="checkbox"]),
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info input:not([type="checkbox"]),
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info input:not([type="checkbox"]),
    .main-content .enter-account .delivery-info textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).valid,
    .main-content .my-account .delivery-info input:not([type="radio"]).valid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).invalid,
    .main-content .my-account .delivery-info input:not([type="radio"]).invalid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery-info input,
    .main-content .my-account .delivery-info input,
    .main-content .enter-account .delivery-info input {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content .make-order .delivery-info ::-webkit-input-placeholder,
    .main-content .my-account .delivery-info ::-webkit-input-placeholder,
    .main-content .enter-account .delivery-info ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    .main-content .make-order .delivery-info ::-moz-placeholder,
    .main-content .my-account .delivery-info ::-moz-placeholder,
    .main-content .enter-account .delivery-info ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-ms-input-placeholder,
    .main-content .my-account .delivery-info :-ms-input-placeholder,
    .main-content .enter-account .delivery-info :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-moz-placeholder,
    .main-content .my-account .delivery-info :-moz-placeholder,
    .main-content .enter-account .delivery-info :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    .main-content .make-order .delivery-info label[for="register"],
    .main-content .my-account .delivery-info label[for="register"],
    .main-content .enter-account .delivery-info label[for="register"] {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
        padding-left: 22px;
        width: 70%;
        white-space: nowrap; 
        font-size: 15px;
        cursor: pointer;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox],
    .main-content .my-account .delivery-info input#register[type=checkbox],
    .main-content .enter-account .delivery-info input#register[type=checkbox] {
        display: none;
    }
    .main-content .make-order .delivery-info label[for="register"]:before,
    .main-content .my-account .delivery-info label[for="register"]:before,
    .main-content .enter-account .delivery-info label[for="register"]:before {
        position: absolute;
        left: 0;
        padding-left: 1px;
        width: 13px;
        height: 14px;
        border: 1px solid black;
        border-radius: 2px;
        content: "";
        font-size: 21px; 
        line-height: 9px;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .my-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .enter-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before {
        border: 1px solid #7a4170;
        color: #7a4170;
        content: "\2713";
    }
    .main-content .make-order .delivery-info #make-order-btn,
    .main-content .my-account .delivery-info #make-order-btn,
    .main-content .enter-account .delivery-info #make-order-btn {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        padding: 14px 25px;
        width: 100%;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        font-family: "GothaProLig"; 
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .make-order .delivery-info #make-order-btn:hover,
    .main-content .my-account .delivery-info #make-order-btn:hover,
    .main-content .enter-account .delivery-info #make-order-btn:hover {
        cursor: pointer;
    }
    .main-content .make-order .delivery-info #make-order-btn a,
    .main-content .my-account .delivery-info #make-order-btn a,
    .main-content .enter-account .delivery-info #make-order-btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .make-order .delivery-info #make-order-btn .circle,
    .main-content .my-account .delivery-info #make-order-btn .circle,
    .main-content .enter-account .delivery-info #make-order-btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .make-order .delivery-info #make-order-btn .circle.animate,
    .main-content .my-account .delivery-info #make-order-btn .circle.animate,
    .main-content .enter-account .delivery-info #make-order-btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.text-off,
    .main-content .my-account .delivery-info #make-order-btn.text-off,
    .main-content .enter-account .delivery-info #make-order-btn.text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .text-off,
    .main-content .my-account .delivery-info #make-order-btn .text-off,
    .main-content .enter-account .delivery-info #make-order-btn .text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .success-text,
    .main-content .my-account .delivery-info #make-order-btn .success-text,
    .main-content .enter-account .delivery-info #make-order-btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .make-order .delivery-info #make-order-btn span,
    .main-content .my-account .delivery-info #make-order-btn span,
    .main-content .enter-account .delivery-info #make-order-btn span {
        font-size: 14px;
    }
    .main-content .make-order {
        padding: 50px 10px 50px;
    }
    .main-content .my-account {
        padding: 10px 15px 40px;
    }
    .main-content .my-account .order__table .btn {
        position: relative;
        overflow: hidden;
        padding: 0;
        padding: 9px 9px;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 9px;
        font-family: "GothaProReg";
        font-family: "GothaProLig"; 
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .my-account .order__table .btn:hover {
        cursor: pointer;
    }
    .main-content .my-account .order__table .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 9px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .my-account .order__table .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .my-account .order__table .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .my-account .order__table .btn.text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .enter-account {
        padding: 30px 10px 40px;
    }
    .main-content #login-form {
        display: block;
        margin: 0 auto;
        max-width: 320px;
        width: 100%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content #login-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content #login-form legend {
        width: 100%;
    }
    .main-content #login-form input:not([type="checkbox"]),
    .main-content #login-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 14px;
        font-family: "GothaProLig";
    }
    .main-content #login-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content #login-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form fieldset {
        margin: 0 auto;
        text-align: center;
    }
    .main-content #login-form legend {
        font-size: 16px;
    }
    .main-content #login-form label {
        display: none;
    }
    .main-content #login-form .login-block {
        margin: 0 auto; 
        width: 90%;
    }
    .main-content #login-form .login-block input:not([type="checkbox"]) {
        display: block;
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content #login-form .login-block input.valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form .login-block input.invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form .remind-passwd {
        display: block;
        color: #996A91; 
        text-align: center;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .main-content #login-form .remind-passwd:hover {
        color: #000000;
    }
    .main-content #login-form .btn-wrap {
        text-align: center;
    }
    .main-content #login-form .btn {
        position: relative;
        overflow: hidden;
        margin: 30px 22px 0 0; 
        padding: 0;
        padding: 12px 20px;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content #login-form .btn:hover {
        cursor: pointer;
    }
    .main-content #login-form .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 12px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content #login-form .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content #login-form .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content #login-form .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content #login-form .btn.text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form .btn.sign-up {
        margin-right: 0;
    }
    .main-content #login-form .btn span {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .main-content {
        max-width: 1024px;
    }
    .main-content .breadcrumbs {
        padding: 12px 20px;
    }
    .main-content .catalog-wrapper {
        position: relative;
    }
    .main-content .catalog {
         
        background: #fff;
    }
    .main-content .catalog .type {
        display: block;
        padding-bottom: 25px;
    }
    .main-content .catalog .type li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px;
        padding: 4px 10px;
        border: 2px solid #7a4170; 
        text-align: center;
        transition: all 0.4s ease-in-out;
    }
    .main-content .catalog .type li.current,
    .main-content .catalog .type li:hover {
        background: #7a4170;
    }
    .main-content .catalog .type li.current a,
    .main-content .catalog .type li:hover a {
        color: #FFFFFF;
    }
    .main-content .catalog .type li a {
        color: #7a4170; 
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProMed";
    }
    .main-content .catalog .filters-titles {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }
    .main-content .catalog .filters-titles h2 {
        display: block;
        padding: 0 0 20px;
        text-align: left;
        font-size: 14px; 
        font-family: "GothaProReg";
    }
    .main-content .catalog .filters-titles h2 span {
        padding: 15px 10px;
        cursor: pointer;
    }
    .main-content .catalog .filters-titles h2 span::before {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 19px;
        height: 19px;
        background: url("../image/filter.png");
        background-repeat: no-repeat;
        content: "";
    }
    .main-content .catalog .filters-titles h2 span.active,
    .main-content .catalog .filters-titles h2 span:hover {
        background-color: #FFFFFF;
    }
    .main-content .catalog .filters-titles .user-filters {
        display: block;
        letter-spacing: .3px; 
        font-size: 12px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filters-titles .user-filters li {
        display: inline-block;
        margin: 0 6px 6px 0;
        padding: 2px 5px 2px 10px;
        border: 2px solid #7a4170;
        border-radius: 30px;
    }
    .main-content .catalog .filters-titles .user-filters li p {
        display: inline-block;
        margin: 4px 8px 0 0;
        vertical-align: top;
    }
    .main-content .catalog .filters-titles .user-filters li span {
        display: inline-block;
        margin-right: 4px;
        padding-right: 2px;
        color: #7a4170;
        font-size: 20px;
        cursor: pointer;
    }
    .main-content .catalog .filters-titles .arrow-down {
        display: none;
    }
    .main-content .catalog .sorting-panel {
        display: inline-block;
        margin: 0 auto 15px;
        padding: 0;
        width: 50%;
        vertical-align: top;
        white-space: nowrap;

    }
    .main-content .catalog .sorting-panel .sorting,
    .main-content .catalog .sorting-panel .products-on-page {
        display: inline-block;
        margin-top: 4px;
        letter-spacing: .3px; 
        font-size: 14px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page {
        display: block;
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page p,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page p {
        display: inline-block;
        padding-right: 8px;
    }
    .main-content .catalog .sorting-panel .sorting.sorting,
    .main-content .catalog .sorting-panel .products-on-page.sorting {
        display: block;
        margin-right: 30px;
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.sorting p,
    .main-content .catalog .sorting-panel .products-on-page.sorting p {
        display: inline-block;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .main-content .catalog .sorting-panel .sorting ul,
    .main-content .catalog .sorting-panel .products-on-page ul {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul li,
    .main-content .catalog .sorting-panel .products-on-page ul li {
        display: inline-block;
        padding: 4px 3px;
        border: 2px solid #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a {
        color: #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a:hover {
        color: #7a4170;
        text-decoration: none;
    }
    .main-content .catalog .sorting-panel .sorting ul li:not(:last-child),
    .main-content .catalog .sorting-panel .products-on-page ul li:not(:last-child) {
        margin-right: 2px;
    }
    .main-content .catalog .sorting-panel .sorting ul li.current,
    .main-content .catalog .sorting-panel .products-on-page ul li.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .catalog .sorting-panel .sorting ul li:hover,
    .main-content .catalog .sorting-panel .products-on-page ul li:hover {
        border: 2px solid #7a4170;
        background: 0;
        color: #7a4170;
        cursor: pointer;
    }
    .main-content .catalog .sorting-panel .filter-result-desktop {
        display: none;
    }
    .main-content .catalog .filter-result-mobile {
        display: block;
        padding: 20px 0;
        text-align: center;
        letter-spacing: .3px; 
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filter-result-mobile span {
        color: #7a4170;
        font-size: 20px;
        font-family: "LatoBold";
    }
    .main-content .pagination {
        display: inline-block;
        padding: 26px 0; 
        white-space: nowrap;
    }
    .main-content .pagination a,
    .main-content .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .pagination a.current,
    .main-content .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .pagination a:not(.ellipsis):hover,
    .main-content .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .pagination a:first-child,
    .main-content .pagination a:last-child,
    .main-content .pagination span > a:first-child,
    .main-content .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a:first-child:hover,
    .main-content .pagination a:last-child:hover,
    .main-content .pagination span > a:first-child:hover,
    .main-content .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a.last,
    .main-content .pagination span > a.last {
        margin: 0;
    }
    .main-content .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    /*.main-content .context {*/
        /*padding: 0 20px 30px;*/
         /**/
        /*background: #fff;*/
        /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    /*}*/
    .main-content .context .context-wrapper .context-title {
        padding-bottom: 20px;
        letter-spacing: .3px; 
        font-size: 24px;
        font-family: "GothaProBol";
    }
    .main-content .context .context-wrapper p {
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: 24px;
    }
    .main-content .account-options {
        display: block;
        background: #fff;
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
        list-style: none;
    }
    .main-content .account-options li {
        display: inline-block;
        padding-right: 30px;
    }
    .main-content .account-options li:last-child {
        padding-left: 0;
    }
    .main-content .account-options li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .account-options li a.current {
        color: #000000; 
        text-decoration: none;
        font-family: "LatoBold";
    }
    .main-content .account-options li a:hover {
        color: #996A91;
    }
    .main-content .make-order,
    .main-content .my-account,
    .main-content .enter-account {
        background: #fff;
    }
    .main-content .make-order .pagination,
    .main-content .my-account .pagination,
    .main-content .enter-account .pagination {
        display: block;
        margin: 0 auto;
        padding: 0; 
        white-space: nowrap;
    }
    .main-content .make-order .pagination a,
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination a,
    .main-content .enter-account .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .make-order .pagination a.current,
    .main-content .make-order .pagination span > a.current,
    .main-content .my-account .pagination a.current,
    .main-content .my-account .pagination span > a.current,
    .main-content .enter-account .pagination a.current,
    .main-content .enter-account .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .make-order .pagination a:not(.ellipsis):hover,
    .main-content .make-order .pagination span > a:not(.ellipsis):hover,
    .main-content .my-account .pagination a:not(.ellipsis):hover,
    .main-content .my-account .pagination span > a:not(.ellipsis):hover,
    .main-content .enter-account .pagination a:not(.ellipsis):hover,
    .main-content .enter-account .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .make-order .pagination a:first-child,
    .main-content .make-order .pagination a:last-child,
    .main-content .make-order .pagination span > a:first-child,
    .main-content .make-order .pagination span > a:last-child,
    .main-content .my-account .pagination a:first-child,
    .main-content .my-account .pagination a:last-child,
    .main-content .my-account .pagination span > a:first-child,
    .main-content .my-account .pagination span > a:last-child,
    .main-content .enter-account .pagination a:first-child,
    .main-content .enter-account .pagination a:last-child,
    .main-content .enter-account .pagination span > a:first-child,
    .main-content .enter-account .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a:first-child:hover,
    .main-content .make-order .pagination a:last-child:hover,
    .main-content .make-order .pagination span > a:first-child:hover,
    .main-content .make-order .pagination span > a:last-child:hover,
    .main-content .my-account .pagination a:first-child:hover,
    .main-content .my-account .pagination a:last-child:hover,
    .main-content .my-account .pagination span > a:first-child:hover,
    .main-content .my-account .pagination span > a:last-child:hover,
    .main-content .enter-account .pagination a:first-child:hover,
    .main-content .enter-account .pagination a:last-child:hover,
    .main-content .enter-account .pagination span > a:first-child:hover,
    .main-content .enter-account .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a.last,
    .main-content .make-order .pagination span > a.last,
    .main-content .my-account .pagination a.last,
    .main-content .my-account .pagination span > a.last,
    .main-content .enter-account .pagination a.last,
    .main-content .enter-account .pagination span > a.last {
        margin: 0;
    }
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    .main-content .make-order .account-options,
    .main-content .my-account .order,
    .main-content .my-account .account-options,
    .main-content .enter-account .order,
    .main-content .enter-account .account-options {
        display: block;
        margin: 0 auto;
        width: 90%;
        text-align: center; 
        white-space: nowrap;
        font-family: "LatoRegular";
    }
    .main-content .make-order .section-title,
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        text-align: center;
        font-size: 22px;
        font-family: "GothaProBol";
    }
    .main-content .my-account .order__table,
    .main-content .enter-account .order__table {
        margin: 30px 0;
        min-width: 620px;
        width: 100%;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order__table tr,
    .main-content .my-account .order__table tr,
    .main-content .enter-account .order__table tr {
        padding: 0 20px;
    }
    .main-content .make-order .order__table tr:hover,
    .main-content .my-account .order__table tr:hover,
    .main-content .enter-account .order__table tr:hover {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr:nth-of-type(odd),
    .main-content .my-account .order__table tr:nth-of-type(odd),
    .main-content .enter-account .order__table tr:nth-of-type(odd) {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr td,
    .main-content .my-account .order__table tr td,
    .main-content .enter-account .order__table tr td {
        padding: 15px 0;
        width: 110px;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
    }
    .main-content .make-order .order__table tr td:nth-of-type(2),
    .main-content .my-account .order__table tr td:nth-of-type(2),
    .main-content .enter-account .order__table tr td:nth-of-type(2) {
        width: 250px;
    }
    .main-content .make-order .order__table tr td.remove,
    .main-content .my-account .order__table tr td.remove,
    .main-content .enter-account .order__table tr td.remove {
        width: 60px;
    }
    .main-content .make-order .order__table tr td.buy-again,
    .main-content .my-account .order__table tr td.buy-again,
    .main-content .enter-account .order__table tr td.buy-again {
        width: 140px;
    }
    .main-content .make-order .order__table tr td img.product-thumbnail,
    .main-content .my-account .order__table tr td img.product-thumbnail,
    .main-content .enter-account .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    .main-content .make-order .order__table tr td .item-name,
    .main-content .my-account .order__table tr td .item-name,
    .main-content .enter-account .order__table tr td .item-name {
        display: inline-block;
        color: #000000;
        text-decoration: none;
        font-size: 16px;
        line-height: 18px;
    }
    .main-content .make-order .order__table tr td .minus,
    .main-content .make-order .order__table tr td .plus,
    .main-content .my-account .order__table tr td .minus,
    .main-content .my-account .order__table tr td .plus,
    .main-content .enter-account .order__table tr td .minus,
    .main-content .enter-account .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::before,
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .minus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .minus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .main-content .make-order .order__table tr td .items-num,
    .main-content .my-account .order__table tr td .items-num,
    .main-content .enter-account .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 16px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .main-content .make-order .order__table tr td.date,
    .main-content .my-account .order__table tr td.date,
    .main-content .enter-account .order__table tr td.date {
        display: table-cell;
        font-size: 14px;
    }
    .main-content .make-order .order__table tr td.short-date,
    .main-content .my-account .order__table tr td.short-date,
    .main-content .enter-account .order__table tr td.short-date {
        display: none;
        font-size: 12px;
    }
    .main-content .make-order .order__table tr .remove,
    .main-content .my-account .order__table tr .remove,
    .main-content .enter-account .order__table tr .remove {
        color: #FF0000;
        font-size: 30px;
    }
    .main-content .make-order .order__table tr .remove:hover,
    .main-content .my-account .order__table tr .remove:hover,
    .main-content .enter-account .order__table tr .remove:hover {
        cursor: pointer;
    }
    .main-content .make-order .order-history,
    .main-content .my-account .order-history,
    .main-content .enter-account .order-history {
        margin: 30px auto;
        width: 660px;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order-history .price,
    .main-content .my-account .order-history .price,
    .main-content .enter-account .order-history .price {
        font-family: "LatoBold";
    }
    .main-content .make-order .total-charge,
    .main-content .my-account .total-charge,
    .main-content .enter-account .total-charge {
        text-align: right;
    }
    .main-content .make-order .total-charge span,
    .main-content .my-account .total-charge span,
    .main-content .enter-account .total-charge span {
        font-size: 18px; 
        font-family: "LatoBold";
    }
    .main-content .make-order #payment-n-delivery,
    .main-content .my-account #payment-n-delivery,
    .main-content .enter-account #payment-n-delivery {
        display: block;
        margin: 35px auto;
        width: 90%;
        font-family: "LatoRegular";
    }
    .main-content .my-account .delivery,
    .main-content .my-account .payment,
    .main-content .enter-account .delivery,
    .main-content .enter-account .payment {
        display: inline-block;
        width: calc(50% - 20px);
        border: none; 
        vertical-align: top;
    }
    .main-content .make-order .delivery.delivery,
    .main-content .make-order .payment.delivery,
    .main-content .my-account .delivery.delivery,
    .main-content .my-account .payment.delivery,
    .main-content .enter-account .delivery.delivery,
    .main-content .enter-account .payment.delivery {
        margin-right: 20px;
    }
    .main-content .make-order .delivery legend,
    .main-content .make-order .payment legend,
    .main-content .my-account .delivery legend,
    .main-content .my-account .payment legend,
    .main-content .enter-account .delivery legend,
    .main-content .enter-account .payment legend {
        margin-bottom: 30px;
        text-align: center;
        text-align: left; 
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery .deliv-radio-wrap,
    .main-content .make-order .payment .deliv-radio-wrap,
    .main-content .my-account .delivery .deliv-radio-wrap,
    .main-content .my-account .payment .deliv-radio-wrap,
    .main-content .enter-account .delivery .deliv-radio-wrap,
    .main-content .enter-account .payment .deliv-radio-wrap {
        margin-left: 10px;
    }
    .main-content .make-order .delivery .paymnt-radio-wrap,
    .main-content .make-order .payment .paymnt-radio-wrap,
    .main-content .my-account .delivery .paymnt-radio-wrap,
    .main-content .my-account .payment .paymnt-radio-wrap,
    .main-content .enter-account .delivery .paymnt-radio-wrap,
    .main-content .enter-account .payment .paymnt-radio-wrap {
        margin-left: 10px;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-left: 22px;
        white-space: nowrap; 
        font-size: 14px;
        cursor: pointer;
    }
    .main-content .make-order .delivery label span,
    .main-content .make-order .payment label span,
    .main-content .my-account .delivery label span,
    .main-content .my-account .payment label span,
    .main-content .enter-account .delivery label span,
    .main-content .enter-account .payment label span {
        font-family: "LatoBold";
    }
    .main-content .make-order .delivery input[type=radio],
    .main-content .make-order .payment input[type=radio],
    .main-content .my-account .delivery input[type=radio],
    .main-content .my-account .payment input[type=radio],
    .main-content .enter-account .delivery input[type=radio],
    .main-content .enter-account .payment input[type=radio] {
        display: none;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        cursor: pointer;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid black;
        border-radius: 50%; 
        content: "";
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        border: 1px solid #6F1F4C;
        background: #6F1F4C;
        background-color: #6F1F4C; 
        background-clip: content-box;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        top: -2px;
        left: 0;
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        padding: 3px; 
        width: 15px;
        height: 15px;
    }
    .main-content .make-order .delivery-info,
    .main-content .my-account .delivery-info,
    .main-content .enter-account .delivery-info,
    #simplecheckout_payment_address,
    #simplecheckout_shipping_address
    {
        display: block;
        margin: 0 auto;
        width: 340px;
        font-family: "LatoRegular";
    }
    .main-content .make-order .delivery-info fieldset,
    .main-content .my-account .delivery-info fieldset,
    .main-content .enter-account .delivery-info fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        width: 100%;
    }
    .main-content .make-order .delivery-info input:not([type="checkbox"]),
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info input:not([type="checkbox"]),
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info input:not([type="checkbox"]),
    .main-content .enter-account .delivery-info textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).valid,
    .main-content .my-account .delivery-info input:not([type="radio"]).valid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).invalid,
    .main-content .my-account .delivery-info input:not([type="radio"]).invalid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery-info input,
    .main-content .my-account .delivery-info input,
    .main-content .enter-account .delivery-info input {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content .make-order .delivery-info ::-webkit-input-placeholder,
    .main-content .my-account .delivery-info ::-webkit-input-placeholder,
    .main-content .enter-account .delivery-info ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    .main-content .make-order .delivery-info ::-moz-placeholder,
    .main-content .my-account .delivery-info ::-moz-placeholder,
    .main-content .enter-account .delivery-info ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-ms-input-placeholder,
    .main-content .my-account .delivery-info :-ms-input-placeholder,
    .main-content .enter-account .delivery-info :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-moz-placeholder,
    .main-content .my-account .delivery-info :-moz-placeholder,
    .main-content .enter-account .delivery-info :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    .main-content .make-order .delivery-info label[for="register"],
    .main-content .my-account .delivery-info label[for="register"],
    .main-content .enter-account .delivery-info label[for="register"] {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
        padding-left: 22px;
        width: 70%;
        white-space: nowrap; 
        font-size: 16px;
        cursor: pointer;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox],
    .main-content .my-account .delivery-info input#register[type=checkbox],
    .main-content .enter-account .delivery-info input#register[type=checkbox] {
        display: none;
    }
    .main-content .make-order .delivery-info label[for="register"]:before,
    .main-content .my-account .delivery-info label[for="register"]:before,
    .main-content .enter-account .delivery-info label[for="register"]:before {
        position: absolute;
        left: 0;
        padding-left: 1px;
        width: 13px;
        height: 14px;
        border: 1px solid black;
        border-radius: 2px;
        content: "";
        font-size: 21px; 
        line-height: 9px;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .my-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .enter-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before {
        border: 1px solid #7a4170;
        color: #7a4170;
        content: "\2713";
    }
    .main-content .make-order .delivery-info #make-order-btn,
    .main-content .my-account .delivery-info #make-order-btn,
    .main-content .enter-account .delivery-info #make-order-btn {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        padding: 14px 25px; 
        width: 100%;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .make-order .delivery-info #make-order-btn:hover,
    .main-content .my-account .delivery-info #make-order-btn:hover,
    .main-content .enter-account .delivery-info #make-order-btn:hover {
        cursor: pointer;
    }
    .main-content .make-order .delivery-info #make-order-btn a,
    .main-content .my-account .delivery-info #make-order-btn a,
    .main-content .enter-account .delivery-info #make-order-btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .make-order .delivery-info #make-order-btn .circle,
    .main-content .my-account .delivery-info #make-order-btn .circle,
    .main-content .enter-account .delivery-info #make-order-btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .make-order .delivery-info #make-order-btn .circle.animate,
    .main-content .my-account .delivery-info #make-order-btn .circle.animate,
    .main-content .enter-account .delivery-info #make-order-btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.text-off,
    .main-content .my-account .delivery-info #make-order-btn.text-off,
    .main-content .enter-account .delivery-info #make-order-btn.text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .text-off,
    .main-content .my-account .delivery-info #make-order-btn .text-off,
    .main-content .enter-account .delivery-info #make-order-btn .text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .success-text,
    .main-content .my-account .delivery-info #make-order-btn .success-text,
    .main-content .enter-account .delivery-info #make-order-btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .make-order .delivery-info #make-order-btn span,
    .main-content .my-account .delivery-info #make-order-btn span,
    .main-content .enter-account .delivery-info #make-order-btn span {
        font-size: 14px;
    }
    .main-content .my-account {
        padding: 10px 40px 40px;
    }
    .main-content .my-account .section-title {
        padding-bottom: 40px;
    }
    .main-content .my-account .order__table .btn {
        position: relative;
        overflow: hidden;
        padding: 0;
        padding: 12px 20px; 
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .my-account .order__table .btn:hover {
        cursor: pointer;
    }
    .main-content .my-account .order__table .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .my-account .order__table .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .my-account .order__table .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .my-account .order__table .btn.text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .enter-account {
        padding: 30px 10px 40px;
    }
    .main-content .enter-account .section-title {
        padding-bottom: 30px;
        font-size: 20px;
    }
    .main-content #login-form {
        display: block;
        margin: 0 auto;
        max-width: 330px;
        width: 45%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content #login-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content #login-form legend {
        width: 100%;
    }
    .main-content #login-form input:not([type="checkbox"]),
    .main-content #login-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 16px;
        font-family: "GothaProLig";
    }
    .main-content #login-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content #login-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form fieldset {
        margin: 0 auto;
        text-align: right;
    }
    .main-content #login-form .login-block {
        margin: 0 auto; 
        width: 90%;
    }
    .main-content #login-form .login-block input:not([type="checkbox"]) {
        display: block;
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content #login-form .login-block input.valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form .login-block input.invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form .remind-passwd {
        display: block;
        color: #996A91; 
        text-align: center;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .main-content #login-form .remind-passwd:hover {
        color: #000000;
    }
    .main-content #login-form .btn-wrap {
        text-align: center;
    }
    .main-content #login-form .btn {
        position: relative;
        overflow: hidden;
        margin: 30px 22px 0 0; 
        padding: 0;
        padding: 14px 25px;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content #login-form .btn:hover {
        cursor: pointer;
    }
    .main-content #login-form .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content #login-form .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content #login-form .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content #login-form .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content #login-form .btn.text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form .btn.sign-up {
        margin-right: 0;
    }
    .main-content #login-form .btn span {
        font-size: 14px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    .main-content {
        max-width: 1366px;
    }
    .main-content .breadcrumbs {
        display: block;
        padding: 30px 20px;
        list-style: none;
    }
    .main-content .breadcrumbs li {
        display: inline-block;
        padding: 0 2px;
    }
    .main-content .breadcrumbs li:not(:first-child)::before {
        position: relative;
        left: -4px;
        content: "-";
    }
    .main-content .breadcrumbs li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .breadcrumbs li a.current,
    .main-content .breadcrumbs li:last-child a {
        color: #000000; 
        text-decoration: none;
    }
    .main-content .catalog-wrapper {
        position: relative;
    }
    .main-content .catalog .type {
        display: block;
        padding-bottom: 15px;
    }
    .main-content .catalog .type li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px;
        padding: 8px 12px;
        border: 2px solid #7a4170; 
        text-align: center;
        transition: all 0.4s ease-in-out;
    }
    .main-content .catalog .type li.current,
    .main-content .catalog .type li:hover {
        background: #7a4170;
    }
    .main-content .catalog .type li.current a,
    .main-content .catalog .type li:hover a {
        color: #FFFFFF;
    }
    .main-content .catalog .type li a {
        color: #7a4170; 
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProMed";
    }
    .main-content .catalog .filters-titles {
        display: inline-block;
        width: 262px;
        vertical-align: top;
    }
    .main-content .catalog .filters-titles h2 {
        display: block;
        padding: 14px 0;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filters-titles .user-filters {
        display: none;
    }
    .main-content .catalog .filters-titles .arrow-down {
        display: none;
    }
    .main-content .catalog .sorting-panel {
        display: inline-block;
        margin: 0 auto 15px;
        padding: 0 0 0 22px;
        width: 100% ;
        vertical-align: top;
        white-space: nowrap;
        min-height: 50px;
    }
    .main-content .catalog .sorting-panel .sorting,
    .main-content .catalog .sorting-panel .products-on-page {
        display: inline-block;
        width: 41%;
        letter-spacing: .3px; 
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page {
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page p,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page p {
        display: inline-block;
        padding-right: 10px;
    }
    .main-content .catalog .sorting-panel .sorting.sorting p,
    .main-content .catalog .sorting-panel .products-on-page.sorting p {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul,
    .main-content .catalog .sorting-panel .products-on-page ul {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul li,
    .main-content .catalog .sorting-panel .products-on-page ul li {
        display: inline-block;
        padding: 6px 5px;
        width: 37px;
        height: 37px;
        border: 2px solid #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a {
        color: #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a:hover {
        color: #7a4170;
        text-decoration: none;
    }
    .main-content .catalog .sorting-panel .sorting ul li:not(:last-child),
    .main-content .catalog .sorting-panel .products-on-page ul li:not(:last-child) {
        margin-right: 6px;
    }
    .main-content .catalog .sorting-panel .sorting ul li.current,
    .main-content .catalog .sorting-panel .products-on-page ul li.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .catalog .sorting-panel .sorting ul li:hover,
    .main-content .catalog .sorting-panel .products-on-page ul li:hover {
        border: 2px solid #7a4170;
        background: 0;
        color: #7a4170;
        cursor: pointer;
    }
    .main-content .catalog .sorting-panel .filter-result-desktop {
        display: inline-block;
        width: 17%;
        letter-spacing: .3px; 
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .filter-result-desktop span {
        color: #7a4170;
        font-size: 20px;
        font-family: "LatoBold";
    }
    .main-content .catalog .filter-result-mobile {
        display: none;
    }
    .main-content .pagination {
        display: inline-block;
        padding: 26px 0; 
        white-space: nowrap;
    }
    .main-content .pagination a,
    .main-content .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .pagination a.current,
    .main-content .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .pagination a:not(.ellipsis):hover,
    .main-content .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .pagination a.backward:first-child,
    .main-content .pagination a.forward:last-child,
    .main-content .pagination span > a:first-child,
    .main-content .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a.backward:hover,
    .main-content .pagination a.forward:hover,
    .main-content .pagination span > a:first-child:hover,
    .main-content .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a.last,
    .main-content .pagination span > a.last {
        margin: 0;
    }
    .main-content .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    /*.main-content .context {*/
        /*padding: 0 50px 60px;*/
         /**/
        /*background: #fff;*/
        /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    /*}*/
    .main-content .context .context-wrapper {
    }
    .main-content .context .context-wrapper .context-title {
        padding-bottom: 30px;
        letter-spacing: .3px; 
        font-size: 26px;
        font-family: "GothaProBol";
    }
    .main-content .context .context-wrapper p {
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: 24px;
    }
    .main-content .account-options {
        display: block;
        background: #fff;
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
        list-style: none;
    }
    .main-content .account-options li {
        display: inline-block;
        padding-right: 30px;
    }
    .main-content .account-options li:last-child {
        padding-left: 0;
    }
    .main-content .account-options li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .account-options li a.current {
        color: #000000; 
        text-decoration: none;
        font-family: "LatoBold";
    }
    .main-content .account-options li a:hover {
        color: #996A91;
    }
    .main-content .make-order,
    .main-content .my-account,
    .main-content .enter-account {
        /*padding: 50px 50px;*/
        background: #fff;
        /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
        position: relative;
        z-index: 1;
    }
    .main-content .make-order .pagination,
    .main-content .my-account .pagination,
    .main-content .enter-account .pagination {
        display: block;
        margin: 0 auto;
        padding: 0; 
        white-space: nowrap;
    }
    .main-content .make-order .pagination a,
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination a,
    .main-content .enter-account .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .make-order .pagination a.current,
    .main-content .make-order .pagination span > a.current,
    .main-content .my-account .pagination a.current,
    .main-content .my-account .pagination span > a.current,
    .main-content .enter-account .pagination a.current,
    .main-content .enter-account .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .make-order .pagination a:not(.ellipsis):hover,
    .main-content .make-order .pagination span > a:not(.ellipsis):hover,
    .main-content .my-account .pagination a:not(.ellipsis):hover,
    .main-content .my-account .pagination span > a:not(.ellipsis):hover,
    .main-content .enter-account .pagination a:not(.ellipsis):hover,
    .main-content .enter-account .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .make-order .pagination a:first-child,
    .main-content .make-order .pagination a:last-child,
    .main-content .make-order .pagination span > a:first-child,
    .main-content .make-order .pagination span > a:last-child,
    .main-content .my-account .pagination a:first-child,
    .main-content .my-account .pagination a:last-child,
    .main-content .my-account .pagination span > a:first-child,
    .main-content .my-account .pagination span > a:last-child,
    .main-content .enter-account .pagination a:first-child,
    .main-content .enter-account .pagination a:last-child,
    .main-content .enter-account .pagination span > a:first-child,
    .main-content .enter-account .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a:first-child:hover,
    .main-content .make-order .pagination a:last-child:hover,
    .main-content .make-order .pagination span > a:first-child:hover,
    .main-content .make-order .pagination span > a:last-child:hover,
    .main-content .my-account .pagination a:first-child:hover,
    .main-content .my-account .pagination a:last-child:hover,
    .main-content .my-account .pagination span > a:first-child:hover,
    .main-content .my-account .pagination span > a:last-child:hover,
    .main-content .enter-account .pagination a:first-child:hover,
    .main-content .enter-account .pagination a:last-child:hover,
    .main-content .enter-account .pagination span > a:first-child:hover,
    .main-content .enter-account .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a.last,
    .main-content .make-order .pagination span > a.last,
    .main-content .my-account .pagination a.last,
    .main-content .my-account .pagination span > a.last,
    .main-content .enter-account .pagination a.last,
    .main-content .enter-account .pagination span > a.last {
        margin: 0;
    }
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    .main-content .my-account .order,
    .main-content .enter-account .order {
        display: block;
        margin: 0 auto;
        width: 70%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content .make-order .account-options,
    .main-content .my-account .account-options,
    .main-content .enter-account .account-options {
        display: block;
        margin: 0 auto;
        width: 60%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content .make-order .section-title,
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        text-align: center;
        font-size: 22px;
        font-family: "GothaProBol";
    }
    .main-content .my-account .order__table,
    .main-content .enter-account .order__table {
        margin: 30px 0;
        min-width: 620px;
        width: 100%;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order__table tr,
    .main-content .my-account .order__table tr,
    .main-content .enter-account .order__table tr {
        padding: 0 20px;
    }
    .main-content .make-order .order__table tr:hover,
    .main-content .my-account .order__table tr:hover,
    .main-content .enter-account .order__table tr:hover {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr:nth-of-type(odd),
    .main-content .my-account .order__table tr:nth-of-type(odd),
    .main-content .enter-account .order__table tr:nth-of-type(odd) {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr td,
    .main-content .my-account .order__table tr td,
    .main-content .enter-account .order__table tr td {
        padding: 15px 0;
        width: 110px;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
    }
    .main-content .make-order .order__table tr td:nth-of-type(2),
    .main-content .my-account .order__table tr td:nth-of-type(2),
    .main-content .enter-account .order__table tr td:nth-of-type(2) {
        width: 250px;
    }
    .main-content .make-order .order__table tr td.remove,
    .main-content .my-account .order__table tr td.remove,
    .main-content .enter-account .order__table tr td.remove {
        width: 60px;
    }
    .main-content .make-order .order__table tr td.buy-again,
    .main-content .my-account .order__table tr td.buy-again,
    .main-content .enter-account .order__table tr td.buy-again {
        width: 140px;
    }
    .main-content .make-order .order__table tr td img.product-thumbnail,
    .main-content .my-account .order__table tr td img.product-thumbnail,
    .main-content .enter-account .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    .main-content .make-order .order__table tr td .item-name,
    .main-content .my-account .order__table tr td .item-name,
    .main-content .enter-account .order__table tr td .item-name {
        display: inline-block;
        color: #000000;
        text-decoration: none;
        font-size: 16px;
        line-height: 18px;
    }
    .main-content .make-order .order__table tr td .minus,
    .main-content .make-order .order__table tr td .plus,
    .main-content .my-account .order__table tr td .minus,
    .main-content .my-account .order__table tr td .plus,
    .main-content .enter-account .order__table tr td .minus,
    .main-content .enter-account .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::before,
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .minus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .minus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .main-content .make-order .order__table tr td .items-num,
    .main-content .my-account .order__table tr td .items-num,
    .main-content .enter-account .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 16px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .main-content .make-order .order__table tr td.date,
    .main-content .my-account .order__table tr td.date,
    .main-content .enter-account .order__table tr td.date {
        display: table-cell;
        font-size: 14px;
    }
    .main-content .make-order .order__table tr td.short-date,
    .main-content .my-account .order__table tr td.short-date,
    .main-content .enter-account .order__table tr td.short-date {
        display: none;
        font-size: 12px;
    }
    .main-content .make-order .order__table tr .remove,
    .main-content .my-account .order__table tr .remove,
    .main-content .enter-account .order__table tr .remove {
        color: #FF0000;
        font-size: 30px;
    }
    .main-content .make-order .order__table tr .remove:hover,
    .main-content .my-account .order__table tr .remove:hover,
    .main-content .enter-account .order__table tr .remove:hover {
        cursor: pointer;
    }
    .main-content .make-order .order-history,
    .main-content .my-account .order-history,
    .main-content .enter-account .order-history {
        margin: 30px auto;
        width: 750px;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order-history .price,
    .main-content .my-account .order-history .price,
    .main-content .enter-account .order-history .price {
        font-family: "LatoBold";
    }
    .main-content .make-order .total-charge,
    .main-content .my-account .total-charge,
    .main-content .enter-account .total-charge {
        text-align: right;
    }
    .main-content .make-order .total-charge span,
    .main-content .my-account .total-charge span,
    .main-content .enter-account .total-charge span {
        font-size: 18px; 
        font-family: "LatoBold";
    }
    .main-content .make-order #payment-n-delivery,
    .main-content .my-account #payment-n-delivery,
    .main-content .enter-account #payment-n-delivery {
        display: block;
        margin: 35px auto;
        width: 80%;
        font-family: "LatoRegular";
    }
    .main-content .my-account .delivery,
    .main-content .my-account .payment,
    .main-content .enter-account .delivery,
    .main-content .enter-account .payment {
        display: inline-block;
        width: calc(50% - 20px);
        border: none; 
        vertical-align: top;
    }
    .main-content .make-order .delivery.delivery,
    .main-content .make-order .payment.delivery,
    .main-content .my-account .delivery.delivery,
    .main-content .my-account .payment.delivery,
    .main-content .enter-account .delivery.delivery,
    .main-content .enter-account .payment.delivery {
        margin-right: 20px;
    }
    .main-content .make-order .delivery legend,
    .main-content .make-order .payment legend,
    .main-content .my-account .delivery legend,
    .main-content .my-account .payment legend,
    .main-content .enter-account .delivery legend,
    .main-content .enter-account .payment legend {
        margin-bottom: 30px;
        text-align: center;
        text-align: left; 
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery .deliv-radio-wrap,
    .main-content .make-order .payment .deliv-radio-wrap,
    .main-content .my-account .delivery .deliv-radio-wrap,
    .main-content .my-account .payment .deliv-radio-wrap,
    .main-content .enter-account .delivery .deliv-radio-wrap,
    .main-content .enter-account .payment .deliv-radio-wrap {
        margin-left: 10px;
    }
    .main-content .make-order .delivery .paymnt-radio-wrap,
    .main-content .make-order .payment .paymnt-radio-wrap,
    .main-content .my-account .delivery .paymnt-radio-wrap,
    .main-content .my-account .payment .paymnt-radio-wrap,
    .main-content .enter-account .delivery .paymnt-radio-wrap,
    .main-content .enter-account .payment .paymnt-radio-wrap {
        margin-left: 20px;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-left: 22px;
        white-space: nowrap; 
        font-size: 14px;
        cursor: pointer;
    }
    .main-content .make-order .delivery label span,
    .main-content .make-order .payment label span,
    .main-content .my-account .delivery label span,
    .main-content .my-account .payment label span,
    .main-content .enter-account .delivery label span,
    .main-content .enter-account .payment label span {
        font-family: "LatoBold";
    }
    .main-content .make-order .delivery input[type=radio],
    .main-content .make-order .payment input[type=radio],
    .main-content .my-account .delivery input[type=radio],
    .main-content .my-account .payment input[type=radio],
    .main-content .enter-account .delivery input[type=radio],
    .main-content .enter-account .payment input[type=radio] {
        display: none;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        cursor: pointer;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid black;
        border-radius: 50%; 
        content: "";
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        border: 1px solid #6F1F4C;
        background: #6F1F4C;
        background-color: #6F1F4C; 
        background-clip: content-box;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        top: -2px;
        left: 0;
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        padding: 3px; 
        width: 15px;
        height: 15px;
    }
    .main-content .make-order .delivery-info,
    .main-content .my-account .delivery-info,
    .main-content .enter-account .delivery-info,
    #simplecheckout_payment_address,
    #simplecheckout_shipping_address
    {
        display: block;
        margin: 0 auto;
        width: 340px;
        font-family: "LatoRegular";
    }
    .main-content .make-order .delivery-info fieldset,
    .main-content .my-account .delivery-info fieldset,
    .main-content .enter-account .delivery-info fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        width: 100%;
    }
    .main-content .make-order .delivery-info input:not([type="checkbox"]),
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info input:not([type="checkbox"]),
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info input:not([type="checkbox"]),
    .main-content .enter-account .delivery-info textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).valid,
    .main-content .my-account .delivery-info input:not([type="radio"]).valid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).invalid,
    .main-content .my-account .delivery-info input:not([type="radio"]).invalid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery-info input,
    .main-content .my-account .delivery-info input,
    .main-content .enter-account .delivery-info input {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content .make-order .delivery-info ::-webkit-input-placeholder,
    .main-content .my-account .delivery-info ::-webkit-input-placeholder,
    .main-content .enter-account .delivery-info ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    .main-content .make-order .delivery-info ::-moz-placeholder,
    .main-content .my-account .delivery-info ::-moz-placeholder,
    .main-content .enter-account .delivery-info ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-ms-input-placeholder,
    .main-content .my-account .delivery-info :-ms-input-placeholder,
    .main-content .enter-account .delivery-info :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-moz-placeholder,
    .main-content .my-account .delivery-info :-moz-placeholder,
    .main-content .enter-account .delivery-info :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    .main-content .make-order .delivery-info label[for="register"],
    .main-content .my-account .delivery-info label[for="register"],
    .main-content .enter-account .delivery-info label[for="register"] {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
        padding-left: 22px;
        width: 70%;
        white-space: nowrap; 
        font-size: 16px;
        cursor: pointer;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox],
    .main-content .my-account .delivery-info input#register[type=checkbox],
    .main-content .enter-account .delivery-info input#register[type=checkbox] {
        display: none;
    }
    .main-content .make-order .delivery-info label[for="register"]:before,
    .main-content .my-account .delivery-info label[for="register"]:before,
    .main-content .enter-account .delivery-info label[for="register"]:before {
        position: absolute;
        left: 0;
        padding-left: 1px;
        width: 13px;
        height: 14px;
        border: 1px solid black;
        border-radius: 2px;
        content: "";
        font-size: 21px; 
        line-height: 9px;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .my-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .enter-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before {
        border: 1px solid #7a4170;
        color: #7a4170;
        content: "\2713";
    }
    .main-content .make-order .delivery-info #make-order-btn,
    .main-content .my-account .delivery-info #make-order-btn,
    .main-content .enter-account .delivery-info #make-order-btn {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        padding: 14px 25px; 
        width: 100%;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .make-order .delivery-info #make-order-btn:hover,
    .main-content .my-account .delivery-info #make-order-btn:hover,
    .main-content .enter-account .delivery-info #make-order-btn:hover {
        cursor: pointer;
    }
    .main-content .make-order .delivery-info #make-order-btn a,
    .main-content .my-account .delivery-info #make-order-btn a,
    .main-content .enter-account .delivery-info #make-order-btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .make-order .delivery-info #make-order-btn .circle,
    .main-content .my-account .delivery-info #make-order-btn .circle,
    .main-content .enter-account .delivery-info #make-order-btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .make-order .delivery-info #make-order-btn .circle.animate,
    .main-content .my-account .delivery-info #make-order-btn .circle.animate,
    .main-content .enter-account .delivery-info #make-order-btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.text-off,
    .main-content .my-account .delivery-info #make-order-btn.text-off,
    .main-content .enter-account .delivery-info #make-order-btn.text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .text-off,
    .main-content .my-account .delivery-info #make-order-btn .text-off,
    .main-content .enter-account .delivery-info #make-order-btn .text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .success-text,
    .main-content .my-account .delivery-info #make-order-btn .success-text,
    .main-content .enter-account .delivery-info #make-order-btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .make-order .delivery-info #make-order-btn span,
    .main-content .my-account .delivery-info #make-order-btn span,
    .main-content .enter-account .delivery-info #make-order-btn span {
        font-size: 14px;
    }
    .main-content .my-account,
    .main-content .enter-account {
        padding: 10px 50px 60px;
    }
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        padding-bottom: 40px;
    }
    .main-content .my-account .order__table .btn,
    .main-content .enter-account .order__table .btn {
        position: relative;
        overflow: hidden;
        padding: 0;
        padding: 12px 20px; 
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .my-account .order__table .btn:hover,
    .main-content .enter-account .order__table .btn:hover {
        cursor: pointer;
    }
    .main-content .my-account .order__table .btn a,
    .main-content .enter-account .order__table .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .my-account .order__table .btn .circle,
    .main-content .enter-account .order__table .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .my-account .order__table .btn .circle.animate,
    .main-content .enter-account .order__table .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on,
    .main-content .enter-account .order__table .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot,
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .my-account .order__table .btn.text-off,
    .main-content .enter-account .order__table .btn.text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .text-off,
    .main-content .enter-account .order__table .btn .text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .success-text,
    .main-content .enter-account .order__table .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form {
        display: block;
        margin: 0 auto;
        max-width: 360px;
        width: 38%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content #login-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content #login-form legend {
        width: 100%;
    }
    .main-content #login-form input:not([type="checkbox"]),
    .main-content #login-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 16px;
        font-family: "GothaProLig";
    }
    .main-content #login-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content #login-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form fieldset {
        margin: 0 auto;
        text-align: right;
    }
    .main-content #login-form .login-block {
        margin: 0 auto; 
        width: 90%;
    }
    .main-content #login-form .login-block input:not([type="checkbox"]) {
        display: block;
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content #login-form .login-block input.valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form .login-block input.invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form .remind-passwd {
        display: block;
        color: #996A91; 
        text-align: center;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .main-content #login-form .remind-passwd:hover {
        color: #000000;
    }
    .main-content #login-form .btn-wrap {
        text-align: center;
    }
    .main-content #login-form .btn {
        position: relative;
        overflow: hidden;
        margin: 30px 22px 0 0; 
        padding: 0;
        padding: 14px 25px;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content #login-form .btn:hover {
        cursor: pointer;
    }
    .main-content #login-form .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content #login-form .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content #login-form .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content #login-form .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content #login-form .btn.text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form .btn.sign-up {
        margin-right: 0;
    }
    .main-content #login-form .btn span {
        font-size: 14px;
    }
}

@media screen and (min-width: 1367px) {
    .main-content {
        max-width: 1680px;
    }
    .main-content .breadcrumbs {
        display: block;
        padding: 30px 50px;
        background: #fff;
/*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
        list-style: none;
    }
    .main-content .breadcrumbs li {
        display: inline-block;
        padding: 0 2px;
    }
    .main-content .breadcrumbs li:not(:first-child)::before {
        position: relative;
        left: -4px;
        content: "-";
    }
    .main-content .breadcrumbs li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .breadcrumbs li a.current,
    .main-content .breadcrumbs li:last-child a {
        color: #000000; 
        text-decoration: none;
    }

    .main-content {
        box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
    }

    .main-content .catalog-wrapper {
        position: relative;

    }
    .main-content .catalog {
            background: #fff;
    }
    .main-content .catalog .type {
        display: block;
        padding-bottom: 15px;
    }
    .main-content .catalog .type li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px;
        padding: 8px 12px;
        border: 2px solid #7a4170; 
        text-align: center;
        transition: all 0.4s ease-in-out;
    }
    .main-content .catalog .type li.current,
    .main-content .catalog .type li:hover {
        background: #7a4170;
    }
    .main-content .catalog .type li.current a,
    .main-content .catalog .type li:hover a {
        color: #FFFFFF;
    }
    .main-content .catalog .type li a {
        color: #7a4170; 
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProMed";
    }
    .main-content .catalog .filters-titles {
        display: inline-block;
        width: 280px;
        vertical-align: top;
    }
    .main-content .catalog .filters-titles h2 {
        display: block;
        padding: 14px 0;
        font-family: "GothaProReg";
    }
    .main-content .catalog .filters-titles .user-filters {
        display: none;
    }
    .main-content .catalog .filters-titles .arrow-down {
        display: none;
    }
    .main-content .catalog .sorting-panel {
        display: inline-block;
        margin: 0 auto 15px;
        padding: 0 0 0 25px;
        min-height: 47px;
        width: 100%;
        vertical-align: top;
        white-space: nowrap;
        min-height: 50px;
    }
    .main-content .catalog .sorting-panel .sorting,
    .main-content .catalog .sorting-panel .products-on-page {
        display: inline-block;
        width: 40%;
        letter-spacing: .3px; 
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page {
        text-align: right;
    }
    .main-content .catalog .sorting-panel .sorting.products-on-page p,
    .main-content .catalog .sorting-panel .products-on-page.products-on-page p {
        display: inline-block;
        padding-right: 20px;
    }
    .main-content .catalog .sorting-panel .sorting.sorting p,
    .main-content .catalog .sorting-panel .products-on-page.sorting p {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul,
    .main-content .catalog .sorting-panel .products-on-page ul {
        display: inline-block;
    }
    .main-content .catalog .sorting-panel .sorting ul li,
    .main-content .catalog .sorting-panel .products-on-page ul li {
        display: inline-block;
        padding: 7px 6px;
        width: 37px;
        height: 37px;
        border: 2px solid #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a {
        color: #000000;
    }
    .main-content .catalog .sorting-panel .products-on-page ul li a:hover {
        color: #7a4170;
        text-decoration: none;
    }
    .main-content .catalog .sorting-panel .sorting ul li:not(:last-child),
    .main-content .catalog .sorting-panel .products-on-page ul li:not(:last-child) {
        margin-right: 7px;
    }
    .main-content .catalog .sorting-panel .sorting ul li.current,
    .main-content .catalog .sorting-panel .products-on-page ul li.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .catalog .sorting-panel .sorting ul li:hover,
    .main-content .catalog .sorting-panel .products-on-page ul li:hover {
        border: 2px solid #7a4170;
        background: 0;
        color: #7a4170;
        cursor: pointer;
    }
    .main-content .catalog .sorting-panel .filter-result-desktop {
        display: inline-block;
        width: 19%;
        letter-spacing: .3px; 
        font-size: 16px;
        font-family: "GothaProReg";
    }
    .main-content .catalog .sorting-panel .filter-result-desktop span {
        color: #7a4170;
        font-size: 20px;
        font-family: "LatoBold";
    }
    .main-content .catalog .filter-result-mobile {
        display: none;
    }
    .main-content .pagination {
        display: inline-block;
        padding: 26px 0; 
        white-space: nowrap;
    }
    .main-content .pagination a,
    .main-content .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .pagination a.current,
    .main-content .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .pagination a:not(.ellipsis):hover,
    .main-content .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .pagination a:first-child,
    .main-content .pagination a:last-child,
    .main-content .pagination span > a:first-child,
    .main-content .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a:first-child:hover,
    .main-content .pagination a:last-child:hover,
    .main-content .pagination span > a:first-child:hover,
    .main-content .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .pagination a.last,
    .main-content .pagination span > a.last {
        margin: 0;
    }
    .main-content .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    /*.main-content .context {*/
        /*padding: 0 50px 80px;*/
            /*background: #fff;*/
    /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    /*}*/
    .main-content .context .context-wrapper {
    }
    .main-content .context .context-wrapper .context-title {
        padding: 20px 0 30px;
        width: 100%;
        letter-spacing: .3px; 
        font-size: 28px;
        font-family: "GothaProBol";
    }
    .main-content .context .context-wrapper p {
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: 24px;
    }
    .main-content .account-options {
        display: block;
        background: #fff;
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
        list-style: none;
    }
    .main-content .account-options li {
        display: inline-block;
        padding-right: 30px;
    }
    .main-content .account-options li:last-child {
        padding-left: 0;
    }
    .main-content .account-options li a {
        color: #7a4170; 
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "LatoRegularItalic";
    }
    .main-content .account-options li a.current {
        color: #000000; 
        text-decoration: none;
        font-family: "LatoBold";
    }
    .main-content .account-options li a:hover {
        color: #996A91;
    }
    .main-content .make-order,
    .main-content .my-account,
    .main-content .enter-account,
    .main-content .content {
        /*padding: 50px 50px;*/
            background: #fff;
    /*box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);*/
    }
    .main-content .make-order .pagination,
    .main-content .my-account .pagination,
    .main-content .enter-account .pagination {
        display: block;
        margin: 0 auto;
        padding: 0; 
        width: calc(60% + 80px);
        white-space: nowrap;
    }
    .main-content .make-order .pagination a,
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination a,
    .main-content .enter-account .pagination span > a {
        display: inline-block;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        border: 2px solid #000000;
        color: #000000;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;
        font-family: "GothaProReg"; 
        line-height: 28px;
    }
    .main-content .make-order .pagination a.current,
    .main-content .make-order .pagination span > a.current,
    .main-content .my-account .pagination a.current,
    .main-content .my-account .pagination span > a.current,
    .main-content .enter-account .pagination a.current,
    .main-content .enter-account .pagination span > a.current {
        border: 2px solid #7a4170;
        background: #7a4170;
        color: #FFFFFF;
    }
    .main-content .make-order .pagination a:not(.ellipsis):hover,
    .main-content .make-order .pagination span > a:not(.ellipsis):hover,
    .main-content .my-account .pagination a:not(.ellipsis):hover,
    .main-content .my-account .pagination span > a:not(.ellipsis):hover,
    .main-content .enter-account .pagination a:not(.ellipsis):hover,
    .main-content .enter-account .pagination span > a:not(.ellipsis):hover {
        border: 2px solid #7a4170;
        background: 0; 
        color: #7a4170;
    }
    .main-content .make-order .pagination a:first-child,
    .main-content .make-order .pagination a:last-child,
    .main-content .make-order .pagination span > a:first-child,
    .main-content .make-order .pagination span > a:last-child,
    .main-content .my-account .pagination a:first-child,
    .main-content .my-account .pagination a:last-child,
    .main-content .my-account .pagination span > a:first-child,
    .main-content .my-account .pagination span > a:last-child,
    .main-content .enter-account .pagination a:first-child,
    .main-content .enter-account .pagination a:last-child,
    .main-content .enter-account .pagination span > a:first-child,
    .main-content .enter-account .pagination span > a:last-child {
        padding-top: 3px;
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a:first-child:hover,
    .main-content .make-order .pagination a:last-child:hover,
    .main-content .make-order .pagination span > a:first-child:hover,
    .main-content .make-order .pagination span > a:last-child:hover,
    .main-content .my-account .pagination a:first-child:hover,
    .main-content .my-account .pagination a:last-child:hover,
    .main-content .my-account .pagination span > a:first-child:hover,
    .main-content .my-account .pagination span > a:last-child:hover,
    .main-content .enter-account .pagination a:first-child:hover,
    .main-content .enter-account .pagination a:last-child:hover,
    .main-content .enter-account .pagination span > a:first-child:hover,
    .main-content .enter-account .pagination span > a:last-child:hover {
        border: 1px solid #D5DBD8;
    }
    .main-content .make-order .pagination a.last,
    .main-content .make-order .pagination span > a.last,
    .main-content .my-account .pagination a.last,
    .main-content .my-account .pagination span > a.last,
    .main-content .enter-account .pagination a.last,
    .main-content .enter-account .pagination span > a.last {
        margin: 0;
    }
    .main-content .make-order .pagination span > a,
    .main-content .my-account .pagination span > a,
    .main-content .enter-account .pagination span > a {
        margin: 0;
        border: 0;
        letter-spacing: .3px; 
        font-size: 35px;
        font-family: "Times New Roman", Times, serif;
    }
    .main-content .make-order .account-options,
    .main-content .my-account .order,
    .main-content .my-account .account-options,
    .main-content .enter-account .order,
    .main-content .enter-account .account-options {
        display: block;
        margin: 0 auto;
        width: 60%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content .make-order .section-title,
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        text-align: center;
        font-size: 22px;
        font-family: "GothaProBol";
    }
    .main-content .my-account .order__table,
    .main-content .enter-account .order__table {
        margin: 30px 0;
        min-width: 620px;
        width: 100%;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order__table tr,
    .main-content .my-account .order__table tr,
    .main-content .enter-account .order__table tr {
        padding: 0 20px;
    }
    .main-content .make-order .order__table tr:hover,
    .main-content .my-account .order__table tr:hover,
    .main-content .enter-account .order__table tr:hover {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr:nth-of-type(odd),
    .main-content .my-account .order__table tr:nth-of-type(odd),
    .main-content .enter-account .order__table tr:nth-of-type(odd) {
        background-color: #ECECEC;
    }
    .main-content .make-order .order__table tr td,
    .main-content .my-account .order__table tr td,
    .main-content .enter-account .order__table tr td {
        padding: 15px 0;
        width: 110px;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
    }
    .main-content .make-order .order__table tr td:nth-of-type(2),
    .main-content .my-account .order__table tr td:nth-of-type(2),
    .main-content .enter-account .order__table tr td:nth-of-type(2) {
        width: 250px;
    }
    .main-content .make-order .order__table tr td.remove,
    .main-content .my-account .order__table tr td.remove,
    .main-content .enter-account .order__table tr td.remove {
        width: 60px;
    }
    .main-content .make-order .order__table tr td.buy-again,
    .main-content .my-account .order__table tr td.buy-again,
    .main-content .enter-account .order__table tr td.buy-again {
        width: 140px;
    }
    .main-content .make-order .order__table tr td img.product-thumbnail,
    .main-content .my-account .order__table tr td img.product-thumbnail,
    .main-content .enter-account .order__table tr td img.product-thumbnail {
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    .main-content .make-order .order__table tr td .item-name,
    .main-content .my-account .order__table tr td .item-name,
    .main-content .enter-account .order__table tr td .item-name {
        display: inline-block;
        color: #000000;
        text-decoration: none;
        font-size: 16px;
        line-height: 18px;
    }
    .main-content .make-order .order__table tr td .minus,
    .main-content .make-order .order__table tr td .plus,
    .main-content .my-account .order__table tr td .minus,
    .main-content .my-account .order__table tr td .plus,
    .main-content .enter-account .order__table tr td .minus,
    .main-content .enter-account .order__table tr td .plus {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 18px;
        height: 18px;
        border: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #6F1F4C;
        color: #FFFFFF;
        vertical-align: middle; 
        text-align: center;
        cursor: pointer;
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::before,
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .minus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .minus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        position: absolute;
        background-color: #FFFFFF; 
        content: "";
    }
    .main-content .make-order .order__table tr td .minus::after,
    .main-content .my-account .order__table tr td .minus::after,
    .main-content .enter-account .order__table tr td .minus::after {
        top: 8px;
        left: 4px; 
        width: 9px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::after,
    .main-content .my-account .order__table tr td .plus::after,
    .main-content .enter-account .order__table tr td .plus::after {
        top: 8px;
        left: 5px; 
        width: 8px;
        height: 2px;
    }
    .main-content .make-order .order__table tr td .plus::before,
    .main-content .my-account .order__table tr td .plus::before,
    .main-content .enter-account .order__table tr td .plus::before {
        top: 5px;
        left: 8px; 
        width: 2px;
        height: 8px;
    }
    .main-content .make-order .order__table tr td .items-num,
    .main-content .my-account .order__table tr td .items-num,
    .main-content .enter-account .order__table tr td .items-num {
        display: inline-block;
        padding: 0 5px;
        height: 16px;
        color: #000000;
        vertical-align: middle; 
        text-decoration: none;
        font-size: 15px;
    }
    .main-content .make-order .order__table tr td.date,
    .main-content .my-account .order__table tr td.date,
    .main-content .enter-account .order__table tr td.date {
        display: table-cell;
        font-size: 14px;
    }
    .main-content .make-order .order__table tr td.short-date,
    .main-content .my-account .order__table tr td.short-date,
    .main-content .enter-account .order__table tr td.short-date {
        display: none;
        font-size: 12px;
    }
    .main-content .make-order .order__table tr .remove,
    .main-content .my-account .order__table tr .remove,
    .main-content .enter-account .order__table tr .remove {
        color: #FF0000;
        font-size: 30px;
    }
    .main-content .make-order .order__table tr .remove:hover,
    .main-content .my-account .order__table tr .remove:hover,
    .main-content .enter-account .order__table tr .remove:hover {
        cursor: pointer;
    }
    .main-content .make-order .order-history,
    .main-content .my-account .order-history,
    .main-content .enter-account .order-history {
        margin: 30px auto;
        width: 750px;
        background-color: #FAFAFA;
    }
    .main-content .make-order .order-history .price,
    .main-content .my-account .order-history .price,
    .main-content .enter-account .order-history .price {
        font-family: "LatoBold";
    }
    .main-content .make-order .total-charge,
    .main-content .my-account .total-charge,
    .main-content .enter-account .total-charge {
        text-align: right;
    }
    .main-content .make-order .total-charge span,
    .main-content .my-account .total-charge span,
    .main-content .enter-account .total-charge span {
        font-size: 18px; 
        font-family: "LatoBold";
    }
    .main-content .make-order #payment-n-delivery,
    .main-content .my-account #payment-n-delivery,
    .main-content .enter-account #payment-n-delivery {
        display: block;
        margin: 35px auto;
        width: 80%;
        font-family: "LatoRegular";
    }
    .main-content .my-account .delivery,
    .main-content .my-account .payment,
    .main-content .enter-account .delivery,
    .main-content .enter-account .payment {
        display: inline-block;
        width: calc(50% - 20px);
        border: none; 
        vertical-align: top;
    }
    .main-content .make-order .delivery legend,
    .main-content .make-order .payment legend,
    .main-content .my-account .delivery legend,
    .main-content .my-account .payment legend,
    .main-content .enter-account .delivery legend,
    .main-content .enter-account .payment legend {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery .deliv-radio-wrap,
    .main-content .make-order .payment .deliv-radio-wrap,
    .main-content .my-account .delivery .deliv-radio-wrap,
    .main-content .my-account .payment .deliv-radio-wrap,
    .main-content .enter-account .delivery .deliv-radio-wrap,
    .main-content .enter-account .payment .deliv-radio-wrap {
        margin-left: 30px;
    }
    .main-content .make-order .delivery .paymnt-radio-wrap,
    .main-content .make-order .payment .paymnt-radio-wrap,
    .main-content .my-account .delivery .paymnt-radio-wrap,
    .main-content .my-account .payment .paymnt-radio-wrap,
    .main-content .enter-account .delivery .paymnt-radio-wrap,
    .main-content .enter-account .payment .paymnt-radio-wrap {
        margin-left: 80px;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        display: block;
        margin-bottom: 15px;
        padding-left: 22px;
        white-space: nowrap; 
        font-size: 14px;
        cursor: pointer;
    }
    .main-content .make-order .delivery label span,
    .main-content .make-order .payment label span,
    .main-content .my-account .delivery label span,
    .main-content .my-account .payment label span,
    .main-content .enter-account .delivery label span,
    .main-content .enter-account .payment label span {
        font-family: "LatoBold";
    }
    .main-content .make-order .delivery input[type=radio],
    .main-content .make-order .payment input[type=radio],
    .main-content .my-account .delivery input[type=radio],
    .main-content .my-account .payment input[type=radio],
    .main-content .enter-account .delivery input[type=radio],
    .main-content .enter-account .payment input[type=radio] {
        display: none;
    }
    .main-content .make-order .delivery label,
    .main-content .make-order .payment label,
    .main-content .my-account .delivery label,
    .main-content .my-account .payment label,
    .main-content .enter-account .delivery label,
    .main-content .enter-account .payment label {
        position: relative;
        cursor: pointer;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid black;
        border-radius: 50%; 
        content: "";
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        border: 1px solid #6F1F4C;
        background: #6F1F4C;
        background-color: #6F1F4C; 
        background-clip: content-box;
    }
    .main-content .make-order .delivery label:before,
    .main-content .make-order .payment label:before,
    .main-content .my-account .delivery label:before,
    .main-content .my-account .payment label:before,
    .main-content .enter-account .delivery label:before,
    .main-content .enter-account .payment label:before {
        top: -2px;
        left: 0;
    }
    .main-content .make-order .delivery input[type=radio]:checked + label:before,
    .main-content .make-order .payment input[type=radio]:checked + label:before,
    .main-content .my-account .delivery input[type=radio]:checked + label:before,
    .main-content .my-account .payment input[type=radio]:checked + label:before,
    .main-content .enter-account .delivery input[type=radio]:checked + label:before,
    .main-content .enter-account .payment input[type=radio]:checked + label:before {
        padding: 3px; 
        width: 15px;
        height: 15px;
    }
    .main-content .make-order .delivery-info,
    .main-content .my-account .delivery-info,
    .main-content .enter-account .delivery-info,
    #simplecheckout_payment_address,
    #simplecheckout_shipping_address
    {
        display: block;
        margin: 0 auto;
        width: 340px;
        font-family: "LatoRegular";
    }
    .main-content .make-order .delivery-info fieldset,
    .main-content .my-account .delivery-info fieldset,
    .main-content .enter-account .delivery-info fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        width: 100%;
    }
    .main-content .make-order .delivery-info input:not([type="checkbox"]),
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info input:not([type="checkbox"]),
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info input:not([type="checkbox"]),
    .main-content .enter-account .delivery-info textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    .main-content .make-order .delivery-info textarea,
    .main-content .my-account .delivery-info textarea,
    .main-content .enter-account .delivery-info textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).valid,
    .main-content .my-account .delivery-info input:not([type="radio"]).valid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content .make-order .delivery-info input:not([type="radio"]).invalid,
    .main-content .my-account .delivery-info input:not([type="radio"]).invalid,
    .main-content .enter-account .delivery-info input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content .make-order .delivery-info legend,
    .main-content .my-account .delivery-info legend,
    .main-content .enter-account .delivery-info legend {
        margin-bottom: 30px; 
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    .main-content .make-order .delivery-info input,
    .main-content .my-account .delivery-info input,
    .main-content .enter-account .delivery-info input {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content .make-order .delivery-info ::-webkit-input-placeholder,
    .main-content .my-account .delivery-info ::-webkit-input-placeholder,
    .main-content .enter-account .delivery-info ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    .main-content .make-order .delivery-info ::-moz-placeholder,
    .main-content .my-account .delivery-info ::-moz-placeholder,
    .main-content .enter-account .delivery-info ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-ms-input-placeholder,
    .main-content .my-account .delivery-info :-ms-input-placeholder,
    .main-content .enter-account .delivery-info :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    .main-content .make-order .delivery-info :-moz-placeholder,
    .main-content .my-account .delivery-info :-moz-placeholder,
    .main-content .enter-account .delivery-info :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    .main-content .make-order .delivery-info label[for="register"],
    .main-content .my-account .delivery-info label[for="register"],
    .main-content .enter-account .delivery-info label[for="register"] {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
        padding-left: 22px;
        width: 70%;
        white-space: nowrap; 
        font-size: 16px;
        cursor: pointer;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox],
    .main-content .my-account .delivery-info input#register[type=checkbox],
    .main-content .enter-account .delivery-info input#register[type=checkbox] {
        display: none;
    }
    .main-content .make-order .delivery-info label[for="register"]:before,
    .main-content .my-account .delivery-info label[for="register"]:before,
    .main-content .enter-account .delivery-info label[for="register"]:before {
        position: absolute;
        left: 0;
        padding-left: 1px;
        width: 13px;
        height: 14px;
        border: 1px solid black;
        border-radius: 2px;
        content: "";
        font-size: 21px; 
        line-height: 9px;
    }
    .main-content .make-order .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .my-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before,
    .main-content .enter-account .delivery-info input#register[type=checkbox]:checked + label[for="register"]:before {
        border: 1px solid #7a4170;
        color: #7a4170;
        content: "\2713";
    }
    .main-content .make-order .delivery-info #make-order-btn,
    .main-content .my-account .delivery-info #make-order-btn,
    .main-content .enter-account .delivery-info #make-order-btn {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        padding: 14px 25px; 
        width: 100%;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .make-order .delivery-info #make-order-btn:hover,
    .main-content .my-account .delivery-info #make-order-btn:hover,
    .main-content .enter-account .delivery-info #make-order-btn:hover {
        cursor: pointer;
    }
    .main-content .make-order .delivery-info #make-order-btn a,
    .main-content .my-account .delivery-info #make-order-btn a,
    .main-content .enter-account .delivery-info #make-order-btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .make-order .delivery-info #make-order-btn .circle,
    .main-content .my-account .delivery-info #make-order-btn .circle,
    .main-content .enter-account .delivery-info #make-order-btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .make-order .delivery-info #make-order-btn .circle.animate,
    .main-content .my-account .delivery-info #make-order-btn .circle.animate,
    .main-content .enter-account .delivery-info #make-order-btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .make-order .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .my-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .delivery-info #make-order-btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .make-order .delivery-info #make-order-btn.text-off,
    .main-content .my-account .delivery-info #make-order-btn.text-off,
    .main-content .enter-account .delivery-info #make-order-btn.text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .text-off,
    .main-content .my-account .delivery-info #make-order-btn .text-off,
    .main-content .enter-account .delivery-info #make-order-btn .text-off {
        font-size: 0;
    }
    .main-content .make-order .delivery-info #make-order-btn .success-text,
    .main-content .my-account .delivery-info #make-order-btn .success-text,
    .main-content .enter-account .delivery-info #make-order-btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content .make-order .delivery-info #make-order-btn span,
    .main-content .my-account .delivery-info #make-order-btn span,
    .main-content .enter-account .delivery-info #make-order-btn span {
        font-size: 14px;
    }
    .main-content .my-account,
    .main-content .enter-account {
        padding: 10px 50px 60px;
    }
    .main-content .my-account .section-title,
    .main-content .enter-account .section-title {
        padding-bottom: 40px;
    }
    .main-content .my-account .order__table .btn,
    .main-content .enter-account .order__table .btn {
        position: relative;
        overflow: hidden;
        padding: 0;
        padding: 12px 20px; 
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content .my-account .order__table .btn:hover,
    .main-content .enter-account .order__table .btn:hover {
        cursor: pointer;
    }
    .main-content .my-account .order__table .btn a,
    .main-content .enter-account .order__table .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        font-size: 11px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content .my-account .order__table .btn .circle,
    .main-content .enter-account .order__table .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content .my-account .order__table .btn .circle.animate,
    .main-content .enter-account .order__table .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on,
    .main-content .enter-account .order__table .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot,
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:last-child,
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(2),
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content .my-account .order__table .btn.ajaxBtn-on .dot:nth-child(3),
    .main-content .enter-account .order__table .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content .my-account .order__table .btn.text-off,
    .main-content .enter-account .order__table .btn.text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .text-off,
    .main-content .enter-account .order__table .btn .text-off {
        font-size: 0;
    }
    .main-content .my-account .order__table .btn .success-text,
    .main-content .enter-account .order__table .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form {
        display: block;
        margin: 0 auto;
        width: 30%;
        white-space: nowrap; 
        font-family: "LatoRegular";
    }
    .main-content #login-form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    .main-content #login-form legend {
        width: 100%;
    }
    .main-content #login-form input:not([type="checkbox"]),
    .main-content #login-form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 16px;
        font-family: "GothaProLig";
    }
    .main-content #login-form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    .main-content #login-form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form fieldset {
        margin: 0 auto;
        text-align: right;
    }
    .main-content #login-form .login-block {
        margin: 0 auto; 
        width: 90%;
    }
    .main-content #login-form .login-block input:not([type="checkbox"]) {
        display: block;
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    .main-content #login-form .login-block input.valid {
        border: 1px solid #4EE44E;
    }
    .main-content #login-form .login-block input.invalid {
        border: 1px solid #FF0000;
    }
    .main-content #login-form .remind-passwd {
        display: block;
        color: #996A91; 
        text-align: center;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "LatoRegularItalic";
    }
    .main-content #login-form .remind-passwd:hover {
        color: #000000;
    }
    .main-content #login-form .btn-wrap {
        text-align: center;
    }
    .main-content #login-form .btn {
        position: relative;
        overflow: hidden;
        margin: 30px 22px 0 0; 
        padding: 0;
        padding: 14px 25px;
        width: auto;
        height: auto;
        outline: none;
        border: 0;
        border-radius: 8px;
        background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
    }
    .main-content #login-form .btn:hover {
        cursor: pointer;
    }
    .main-content #login-form .btn a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    .main-content #login-form .btn .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .main-content #login-form .btn .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    .main-content #login-form .btn.ajaxBtn-on {
        text-align: center;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    .main-content #login-form .btn.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    .main-content #login-form .btn.text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .text-off {
        font-size: 0;
    }
    .main-content #login-form .btn .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    .main-content #login-form .btn.sign-up {
        margin-right: 0;
    }
    .main-content #login-form .btn span {
        font-size: 14px;
    }
}

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

    .item-page .product-block .item-details .lenses-block .product-charcs {
        width: 90%;
    }

    footer {
        margin: 0 auto; 
        max-width: 767px;
    }
    footer .footer-map-wrapper {
        padding: 0;
    }
    footer .footer-map-wrapper #map {
        position: relative; 
        width: 100%;
        height: 240px;
    }
    footer .footer-map-wrapper form {
        display: block;
        float: none; 
        margin: 0 auto;
        margin: 0 auto 90px;
        width: 280px;
    }
    footer .footer-map-wrapper form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-map-wrapper form legend {
        width: 100%;
    }
    footer .footer-map-wrapper form input:not([type="checkbox"]),
    footer .footer-map-wrapper form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 14px;
        font-family: "GothaProLig";
    }
    footer .footer-map-wrapper form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper form ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    footer .footer-map-wrapper form ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    footer .footer-map-wrapper form :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    footer .footer-map-wrapper form :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    footer .footer-map-wrapper legend {
        padding: 40px 0;
        text-align: center;
        text-align: center;
        font-size: 16px;
        font-family: "GothaProBol";
    }
    footer .footer-map-wrapper input,
    footer .footer-map-wrapper textarea {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    footer .footer-map-wrapper input.valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper input.invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper #submit-feedback {
        cursor: pointer;
        padding: 10px 0;
        width: 250px;
        border: 5px solid #AD4937;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        outline: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;
        background-color: #fff;
    }

    footer .footer-map-wrapper #submit-feedback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-map-wrapper #submit-feedback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-map-wrapper #submit-feedback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-map-wrapper #submit-feedback.text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-map-wrapper #submit-feedback span {
        font-size: 14px;
    }
    footer .footer-panel {
        padding-bottom: 50px;
        background: #454545; 
        white-space: nowrap;
    }
    footer .footer-panel .footer-panel-wrapper {
        padding: 0 54px;
    }
    footer .footer-panel .footer__info {
        display: block;
        margin: 0 auto;
        padding: 0;
        max-width: 230px;
        color: #FFFFFF; 
        font-family: "GothaProLig";
    }
    footer .footer-panel .footer__info p {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
    }
    footer .footer-panel .footer__info p span {
        color: #DFB8F5; 
        font-size: 15px;
        font-family: "RobotoBold";
    }
    footer .footer-panel .footer__info .contacts li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/phoneFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/locationFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.email:before {
        margin-right: 5px;
        color: #DFB8F5;
        content: "@";
        font-size: 21px; 
        font-family: "GothaProBol";
    }
    footer .footer-panel .footer__info .working-hours,
    footer .footer-panel .footer__info .contacts,
    footer .footer-panel .footer__info .social {
        padding-top: 50px;
    }
    footer .footer-panel .footer__info .working-hours h1,
    footer .footer-panel .footer__info .contacts h1,
    footer .footer-panel .footer__info .social h1 {
        padding-bottom: 30px;
        font-size: 16px;
        font-family: "GothaProBol";
        line-height: 30px;
    }
    footer .footer-panel .footer__info .contacts,
    footer .footer-panel .footer__info .social {
        padding-top: 30px;
    }
    footer .footer-panel .footer__info .working-hours p:nth-of-type(1) {
        margin-right: 24px;
    }
    footer .footer-panel .footer__info ul,
    footer .footer-panel .footer-navigation ul {
        display: block;
        list-style: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        display: block;
        font-size: 14px; 
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info ul li a,
    footer .footer-panel .footer-navigation ul li a {
        color: #FFFFFF; 
        text-decoration: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        font-family: "GothaProLig";
        line-height: 30px;
    }
    footer .footer-panel .footer-navigation {
        display: none;
        width: 62%;
        text-align: center;
    }
    footer .footer-panel .footer-navigation .menu {
        position: relative;
        padding-top: 50px;
    }
    footer .footer-panel .footer-navigation .menu .submenu {
        text-align: initial;
    }
    footer .footer-panel .footer-navigation .menu .submenu > li:first-child {
        padding-top: 30px;
    }
    footer .footer-panel .footer-navigation .menu > li {
        display: inline-block;
        margin-right: 70px;
        vertical-align: top;
        font-size: 15px;
    }
    footer .footer-panel .footer-navigation .menu > li:last-child {
        margin-right: 0;
    }
    footer .footer-panel form {
        display: block;
        margin: 0 auto;
        width: 230px;
        white-space: initial;
    }
    footer .footer-panel form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-panel form legend {
        width: 100%;
        border: none;
        margin: 0;
    }
    footer .footer-panel form input:not([type="checkbox"]),
    footer .footer-panel form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    footer .footer-panel form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-panel form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-panel form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-panel form legend {
        padding: 30px 0;
        color: #FFFFFF; 
        font-size: 16px;
        font-family: "GothaProBol";
    }
    footer .footer-panel form input#subscribe-email {
        display: block;
        margin-bottom: 30px;
        padding-left: 15px;
        height: 38px;
        border: 1px solid #FFFFFF; 
        color: #FFFFFF;
    }

    footer .footer-panel form #subscribe a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-panel form #subscribe .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-panel form #subscribe .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-panel form #subscribe.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-panel form #subscribe.text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-panel form #subscribe span {
        font-size: 14px;
    }
}

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

    .item-page .product-block .item-details .lenses-block .product-charcs {
        width: 90%;
    }

    footer {
        margin: 0 auto; 
        max-width: 1024px;
    }
    footer .footer-map-wrapper {
        padding: 0;
    }
    footer .footer-map-wrapper #map {
        position: relative; 
        width: 100%;
        height: 450px;
    }
    footer .footer-map-wrapper form {
        display: block;
        float: none; 
        margin: 0 auto;
        margin: 0 auto 50px;
        width: 340px;
    }
    footer .footer-map-wrapper form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-map-wrapper form legend {
        width: 100%;
    }
    footer .footer-map-wrapper form input:not([type="checkbox"]),
    footer .footer-map-wrapper form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 14px;
        font-family: "GothaProLig";
    }
    footer .footer-map-wrapper form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper form ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
    }
    footer .footer-map-wrapper form ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
    }
    footer .footer-map-wrapper form :-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
    }
    footer .footer-map-wrapper form :-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
    }
    footer .footer-map-wrapper legend {
        padding: 40px 0;
        text-align: center;
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    footer .footer-map-wrapper input,
    footer .footer-map-wrapper textarea {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    footer .footer-map-wrapper input.valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper input.invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper #submit-feedback {
        cursor: pointer;
        padding: 10px 0;
        width: 250px;
        border: 5px solid #AD4937;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        outline: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;
        background-color: #fff;
    }
    footer .footer-map-wrapper #submit-feedback:hover {
        cursor: pointer;
    }
    footer .footer-map-wrapper #submit-feedback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-map-wrapper #submit-feedback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-map-wrapper #submit-feedback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-map-wrapper #submit-feedback.text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-map-wrapper #submit-feedback span {
        font-size: 14px;
    }
    footer .footer-panel {
        padding-bottom: 50px;
        background: #454545; 
        white-space: nowrap;
    }
    footer .footer-panel .footer-panel-wrapper {
        padding: 0 50px;
    }
    footer .footer-panel .footer__info {
        display: inline-block;
        padding: 0;
        width: 70%;
        color: #FFFFFF; 
        vertical-align: top;
        font-family: "GothaProLig";
    }
    footer .footer-panel .footer__info:last-child {
        width: 30%;
    }
    footer .footer-panel .footer__info p {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
    }
    footer .footer-panel .footer__info p span {
        color: #DFB8F5; 
        font-size: 15px;
        font-family: "RobotoBold";
    }
    footer .footer-panel .footer__info .contacts li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/phoneFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/locationFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.email:before {
        margin-right: 5px;
        color: #DFB8F5;
        content: "@";
        font-size: 21px; 
        font-family: "GothaProBol";
    }
    footer .footer-panel .footer__info .working-hours,
    footer .footer-panel .footer__info .contacts,
    footer .footer-panel .footer__info .social {
        padding-top: 50px;
    }
    footer .footer-panel .footer__info .working-hours h1,
    footer .footer-panel .footer__info .contacts h1,
    footer .footer-panel .footer__info .social h1 {
        padding-bottom: 30px;
        font-size: 16px;
        font-family: "GothaProBol";
        line-height: 30px;
    }
    footer .footer-panel .footer__info .working-hours p:nth-of-type(1) {
        margin-right: 24px;
    }
    footer .footer-panel .footer__info ul,
    footer .footer-panel .footer-navigation ul {
        display: block;
        list-style: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        display: block;
        font-size: 14px; 
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info ul li a,
    footer .footer-panel .footer-navigation ul li a {
        color: #FFFFFF; 
        text-decoration: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        font-family: "GothaProLig";
        line-height: 30px;
    }
    footer .footer-panel .footer-navigation {
        display: none;
        width: 62%;
        text-align: center;
    }
    footer .footer-panel .footer-navigation .menu {
        position: relative;
        padding-top: 50px;
    }
    footer .footer-panel .footer-navigation .menu .submenu {
        text-align: initial;
    }
    footer .footer-panel .footer-navigation .menu .submenu > li:first-child {
        padding-top: 30px;
    }
    footer .footer-panel .footer-navigation .menu > li {
        display: inline-block;
        margin-right: 70px;
        vertical-align: top;
        font-size: 15px;
    }
    footer .footer-panel .footer-navigation .menu > li:last-child {
        margin-right: 0;
    }
    footer .footer-panel form {
        display: block;
        margin: 0 auto;
        margin: 0;
        width: 200px;
        width: 200px;
        white-space: initial;
    }
    footer .footer-panel form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-panel form legend {
        width: 100%;
        border: none;
        margin: 0;
    }
    footer .footer-panel form input:not([type="checkbox"]),
    footer .footer-panel form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 5px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    footer .footer-panel form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-panel form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-panel form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-panel form legend {
        padding: 30px 0;
        color: #FFFFFF; 
        font-size: 16px;
        font-family: "GothaProBol";
    }
    footer .footer-panel form input#subscribe-email {
        display: block;
        margin-bottom: 30px;
        padding-left: 15px;
        height: 38px;
        border: 1px solid #FFFFFF; 
        color: #FFFFFF;
    }
    footer .footer-panel form #subscribe:hover {
        cursor: pointer;
    }
    footer .footer-panel form #subscribe a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-panel form #subscribe .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-panel form #subscribe .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-panel form #subscribe.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-panel form #subscribe.text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-panel form #subscribe span {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .item-page .product-block .item-details .lenses-block .product-charcs {
        width: 90%;
    }
}

@media screen and (max-width: 1366px) and (min-width: 1025px) {
    footer {
        margin: 0 auto; 
        max-width: 1366px;
    }
    footer .footer-map-wrapper {
        padding-left: 50px;
    }
    footer .footer-map-wrapper #map {
        position: relative; 
        width: calc(100% - (335px + 50px));
        height: 550px;
    }
    footer .footer-map-wrapper form {
        display: block;
        float: left; 
        margin: 0 auto;
        margin: 30px 50px 0 0;
        width: 335px;
    }
    footer .footer-map-wrapper form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-map-wrapper form legend {
        width: 100%;
    }
    footer .footer-map-wrapper form input:not([type="checkbox"]),
    footer .footer-map-wrapper form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 14px;
        font-family: "GothaProLig";
    }
    footer .footer-map-wrapper form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper legend {
        padding: 40px 0;
        text-align: center;
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    footer .footer-map-wrapper input,
    footer .footer-map-wrapper textarea {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    footer .footer-map-wrapper input.valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper input.invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper #submit-feedback {
        cursor: pointer;
        padding: 10px 0;
        width: 250px;
        border: 5px solid #AD4937;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        outline: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;
        background-color: #fff;
    }
    footer .footer-map-wrapper #submit-feedback:hover {
        cursor: pointer;
    }
    footer .footer-map-wrapper #submit-feedback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-map-wrapper #submit-feedback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-map-wrapper #submit-feedback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-map-wrapper #submit-feedback.text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-map-wrapper #submit-feedback span {
        font-size: 14px;
    }
    footer .footer-panel {
        padding-bottom: 80px;
        background: #454545; 
        white-space: nowrap;
    }
    footer .footer-panel .footer-panel-wrapper {
        padding-left: 20px;
    }
    footer .footer-panel .footer__info {
        display: inline-block;
        color: #FFFFFF;
        vertical-align: top;
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info:last-child {
        padding-left: 0;
    }
    footer .footer-panel .footer__info p {
        display: block;
        font-size: 13px;
        line-height: 30px;
    }
    footer .footer-panel .footer__info p span {
        color: #DFB8F5; 
        font-size: 15px;
        font-family: "GothaProMed";
    }
    footer .footer-panel .footer__info .working-hours {
        padding-left: 30px;
    }
    footer .footer-panel .footer__info .contacts {
        margin-left: 30px;
    }
    footer .footer-panel .footer__info .contacts li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/phoneFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/locationFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.email:before {
        margin-right: 5px;
        color: #DFB8F5;
        content: "@";
        font-size: 21px; 
        font-family: "GothaProBol";
    }
    footer .footer-panel .footer__info .working-hours,
    footer .footer-panel .footer__info .contacts,
    footer .footer-panel .footer__info .social {
        padding-top: 50px;
    }
    footer .footer-panel .footer__info .working-hours h1,
    footer .footer-panel .footer__info .contacts h1,
    footer .footer-panel .footer__info .social h1 {
        padding-bottom: 24px;
        font-size: 14px;
        line-height: 24px;
    }
    footer .footer-panel .footer__info .working-hours p:nth-of-type(1) {
        margin-right: 0;
    }
    footer .footer-panel .footer__info ul,
    footer .footer-panel .footer-navigation ul {
        display: block;
        list-style: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        display: block;
        font-size: 13px; 
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info ul li a,
    footer .footer-panel .footer-navigation ul li a {
        color: #FFFFFF; 
        text-decoration: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        line-height: 30px;
    }
    footer .footer-panel .footer-navigation {
        display: inline-block;
        width: 62%;
        text-align: center;
    }
    footer .footer-panel .footer-navigation .menu {
        position: relative;
        padding-top: 47px;
    }
    footer .footer-panel .footer-navigation .menu .submenu {
        text-align: initial;
    }
    footer .footer-panel .footer-navigation .menu .submenu > li:first-child {
        padding-top: 17px;
    }
    footer .footer-panel .footer-navigation .menu > li {
        display: inline-block;
        /*margin-right: 30px;*/
        vertical-align: top;
        font-size: 14px;
    }
    footer .footer-panel .footer-navigation .menu > li a {
        display: block;
        text-align: left;
    }
    footer .footer-panel .footer-navigation .menu > li:last-child {
        margin-right: 0;
    }
    footer .footer-panel form {
        display: block;
        margin: 0 auto;
        margin: 0; 
        width: 180px;
        white-space: initial;
    }
    footer .footer-panel form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-panel form legend {
        width: 100%;
        border: none;
        margin: 0;
    }
    footer .footer-panel form input:not([type="checkbox"]),
    footer .footer-panel form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    footer .footer-panel form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-panel form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-panel form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-panel form legend {
        padding: 30px 0;
        color: #FFFFFF; 
        font-size: 14px;
    }
    footer .footer-panel form input:not([type="checkbox"]) {
        display: block;
        margin-bottom: 30px;
        padding-left: 15px;
        border: 1px solid #FFFFFF; 
        color: #FFFFFF;
    }
    footer .footer-panel form #subscribe a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-panel form #subscribe .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-panel form #subscribe .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-panel form #subscribe.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-panel form #subscribe.text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-panel form #subscribe span {
        font-size: 14px;
    }
}

@media screen and (min-width: 1367px) {
    footer {
        margin: 0 auto;
        max-width: 100%;
    }
    footer .footer-map-wrapper {
        padding-left: 50px;
    }
    footer .footer-map-wrapper #map {
        position: relative; 
        width: calc(100% - (335px + 50px));
        height: 550px;
    }
    footer .footer-map-wrapper form {
        display: block;
        float: left; 
        margin: 0 auto;
        margin: 30px 50px 0 0;
        width: 335px;
    }
    footer .footer-map-wrapper form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-map-wrapper form legend {
        width: 100%;
    }
    footer .footer-map-wrapper form input:not([type="checkbox"]),
    footer .footer-map-wrapper form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 14px;
        font-family: "GothaProLig";
    }
    footer .footer-map-wrapper form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper legend {
        padding: 40px 0;
        text-align: center;
        text-align: center;
        font-size: 17px;
        font-family: "GothaProBol";
    }
    footer .footer-map-wrapper input,
    footer .footer-map-wrapper textarea {
        margin-bottom: 20px;
        padding-left: 25px;
        border: 1px solid #000000;
    }
    footer .footer-map-wrapper input.valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-map-wrapper input.invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-map-wrapper #submit-feedback {
        cursor: pointer;
        padding: 10px 0;
        width: 250px;
        border: 5px solid #AD4937;
        color: #AD4937;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 16px;
        font-family: "GothaProBol";
        outline: none;
        border-radius: 0;
        display: block;
        margin: 0 auto;
        background-color: #fff;
    }
    footer .footer-map-wrapper #submit-feedback:hover {
        cursor: pointer;
    }
    footer .footer-map-wrapper #submit-feedback a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-map-wrapper #submit-feedback .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-map-wrapper #submit-feedback .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-map-wrapper #submit-feedback.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-map-wrapper #submit-feedback.text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .text-off {
        font-size: 0;
    }
    footer .footer-map-wrapper #submit-feedback .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-map-wrapper #submit-feedback span {
        font-size: 14px;
    }
    footer .footer-panel {
        padding-bottom: 90px;
        background: #454545; 
        white-space: nowrap;
    }
    footer .footer-panel .footer-panel-wrapper {
        padding: 0 40px;
    }
    footer .footer-panel .footer__info {
        display: inline-block;
        width: 18%;
        color: #FFFFFF; 
        vertical-align: top;
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info:last-child {
        padding-left: 0;
    }
    footer .footer-panel .footer__info p {
        display: inline-block;
        font-size: 13px;
        line-height: 30px;
    }
    footer .footer-panel .footer__info p span {
        color: #DFB8F5; 
        font-size: 15px;
        font-family: "GothaProMed";
    }
    footer .footer-panel .footer__info .contacts li.phone:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/phoneFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.location:before {
        position: relative;
        top: 5px;
        display: inline-block;
        margin-right: 5px;
        width: 19px;
        height: 19px;
        background: url("../image/locationFooter.svg");
        background-repeat: no-repeat;
        content: "";
    }
    footer .footer-panel .footer__info .contacts li.email:before {
        margin-right: 5px;
        color: #DFB8F5;
        content: "@";
        font-size: 21px; 
        font-family: "GothaProBol";
    }
    footer .footer-panel .footer__info .working-hours,
    footer .footer-panel .footer__info .contacts,
    footer .footer-panel .footer__info .social {
        padding-top: 50px;
    }
    footer .footer-panel .footer__info .working-hours h1,
    footer .footer-panel .footer__info .contacts h1,
    footer .footer-panel .footer__info .social h1 {
        padding-bottom: 24px;
        font-size: 14px;
        line-height: 24px;
    }
    footer .footer-panel .footer__info .working-hours p:nth-of-type(1) {
        margin-right: 24px;
    }
    footer .footer-panel .footer__info ul,
    footer .footer-panel .footer-navigation ul {
        display: block;
        list-style: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        display: block;
        font-size: 13px; 
        font-family: "GothaProReg";
    }
    footer .footer-panel .footer__info ul li a,
    footer .footer-panel .footer-navigation ul li a {
        color: #FFFFFF; 
        text-decoration: none;
    }
    footer .footer-panel .footer__info ul li,
    footer .footer-panel .footer-navigation ul li {
        line-height: 30px;
    }
    footer .footer-panel .footer-navigation {
        display: inline-block;
        width: 62%;
        text-align: center;
    }
    footer .footer-panel .footer-navigation .menu {
        position: relative;
        padding-top: 47px;
    }
    footer .footer-panel .footer-navigation .menu .submenu {
        text-align: initial;
    }
    footer .footer-panel .footer-navigation .menu .submenu > li:first-child {
        padding-top: 30px;
    }
    footer .footer-panel .footer-navigation .menu > li {
        display: inline-block;
        margin-right: 70px;
        vertical-align: top;
        text-align: left; 
        font-size: 14px;
    }
    footer .footer-panel .footer-navigation .menu > li:last-child {
        margin-right: 0;
    }
    footer .footer-panel form {
        display: block;
        margin: 0 auto;
        margin: 0;
        width: 200px;
        width: 200px;
        white-space: initial;
    }
    footer .footer-panel form fieldset {
        display: block;
        width: 100%;
        border: 0;
    }
    footer .footer-panel form legend {
        width: 100%;
        border: none;
        margin: 0;
    }
    footer .footer-panel form input:not([type="checkbox"]),
    footer .footer-panel form textarea {
        display: inline-block;
        width: 100%;
        height: 38px;
        outline: none;
        border-radius: 0px;
        background: none; 
        font-size: 15px;
        font-family: "GothaProLig";
    }
    footer .footer-panel form textarea {
        overflow: auto; 
        padding-top: 10px;
        height: 96px;
        resize: none;
    }
    footer .footer-panel form input:not([type="radio"]).valid {
        border: 1px solid #4EE44E;
    }
    footer .footer-panel form input:not([type="radio"]).invalid {
        border: 1px solid #FF0000;
    }
    footer .footer-panel form legend {
        padding: 30px 0;
        color: #FFFFFF; 
        font-size: 14px;
    }
    footer .footer-panel form input {
        display: block;
        margin-bottom: 30px;
        padding-left: 15px;
        border: 1px solid #FFFFFF; 
        color: #FFFFFF;
    }
    footer .footer-panel form #subscribe:hover {
        cursor: pointer;
    }
    footer .footer-panel form #subscribe a {
        z-index: 999; 
        display: block;
        width: 100%;
        height: 100%;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .3px;
        font-size: 14px;
        font-family: "GothaProReg";
        line-height: auto;
    }
    footer .footer-panel form #subscribe .circle {
        position: absolute;
        display: block;
        border-radius: 50%;
        background: rgba(0, 0, 0, .15);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    footer .footer-panel form #subscribe .circle.animate {
        animation: effect .65s linear;
    }
    @keyframes effect {
        100% {
            opacity: 0;
            transform: scale(2);
        }
    }
    footer .footer-panel form #subscribe.ajaxBtn-on {
        text-align: center;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot {
        display: inline-block;
        margin: 0 2px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFFFFF;
        vertical-align: middle;
        animation-name: load;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;

        animation-fill-mode: both;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:last-child {
        margin-right: 0;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(2) {
        animation-delay: .2s;
    }
    footer .footer-panel form #subscribe.ajaxBtn-on .dot:nth-child(3) {
        animation-delay: .4s;
    }
    @keyframes load {
        0% {
            opacity: .2;
        }
        20% {
            opacity: 1;
        }
        100% {
            opacity: .2;
        }
    }
    footer .footer-panel form #subscribe.text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .text-off {
        font-size: 0;
    }
    footer .footer-panel form #subscribe .success-text {
        text-transform: uppercase;
        letter-spacing: .25px; 
        font-size: inherit;
        font-family: "GothaProReg";
    }
    footer .footer-panel form #subscribe span {
        font-size: 14px;
    }
}

/* ---------- Globally --------------- */

#logo {
    position: relative;
    z-index: 10;
    float: left;
    max-width: 60px;
}

@media screen and (max-width: 768px){
    #logo {
        max-width: 30px;
    }
}

.products-main + .owl-carousel .owl-controls {
    display: none!important;
}

.item-page .product-block .item-details .form-block .product-charcs .panel-default{
    border: none;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}
.image-additional {
    max-width: 78px;
}
.thumbnails > li {
    margin-left: 20px;
}

.wishlist {
    display: inline-block;
    float: left;
    color: #7a4170;
    line-height: 30px;
}

#payment-n-delivery .form-control {
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 25px;
    width: 100%;
    height: 38px;
    outline: none;
    border: 1px solid #000000;
    border-radius: 5px;
    background: none;
    font-size: 15px;
    font-family: "GothaProLig";
}

#payment-n-delivery .btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: 1px;
    padding: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    outline: none;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D34D35 37%, #AD4937 100%);
    color: #FFFFFF;
    vertical-align: top;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d34d35', endColorstr='#ad4937');
}

.order__table thead tr {
    background-color: #FFFFFF;
}

.price-tax {
    display: none;
}

.price-old {
    text-decoration: line-through;
}

.account-voucher .form-control {
    display: inline-block;
    padding-left: 25px;
    width: 100%;
    height: 38px;
    outline: none;
    border: 1px solid #000000;
    border-radius: 5px!important;
    background: none;
    font-size: 15px;
    font-family: "GothaProLig";
}

.account-voucher .panel-body {
    padding: 15px 0 0;
}

.account-voucher .radio-wrap input[type="radio"] {
    visibility: hidden;
}

.account-voucher .radio-wrap label::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid black;
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
}

.account-voucher .radio-wrap .radio.active label::before {
    border: 1px solid #6F1F4C;
    background: #6F1F4C;
    background-color: rgb(111, 31, 76);
    background-color: #6F1F4C;
    background-clip: border-box;
    background-clip: content-box;
}

#slideshow0 img {
    margin: 0 auto;
}

.footer__titl {
    text-transform: uppercase;
}

.form-horizontal legend {
    text-transform: capitalize;
}

.main-content .make-order .order__table tr td .items-num {
    border: none;
    background: none;
}

.item-title {
    display: inline-block;
    color: #000000;
    text-decoration: none;
}

.main-content .simplecheckout  legend {
    border: none;
}

.simplecheckout-block-content .form-group .radio input[type="radio"] {
    display: none;
}

.simplecheckout-block-content .form-group .radio label {
    position: relative;
    cursor: pointer;
}
.simplecheckout-block-content .form-group .radio label:before {
    position: absolute;
    top: -2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid black;
    border-radius: 50%;
    content: "";
}
.simplecheckout-block-content .form-group .radio input[type="radio"]:checked + label:before {
    padding: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid #6F1F4C;
    background: #6F1F4C;
    background-color: rgb(111, 31, 76);
    background-color: #6F1F4C;
    background-clip: border-box;
    background-clip: content-box;
}


.account-login .main-content,
.account-account .main-content,
.account-address .main-content,
.account-download .main-content,
.account-edit .main-content,
.account-forgotten .main-content,
.account-logout .main-content,
.account-newsletter .main-content,
.account-order .main-content,
.account-password .main-content,
.account-recurring .main-content,
.account-reset .main-content,
.account-return .main-content,
.account-reward .main-content,
.account-success .main-content,
.account-transaction .main-content,
.account-voucher .main-content,
.account-wishlist .main-content,
.product-search .main-content,
.account-return-add  .main-content,
.account-register .main-content {
        background: #fff;
    box-shadow: none;
}


.account-login .main-content,
.account-account .main-content,
.account-address .main-content,
.account-download .main-content,
.account-edit .main-content,
.account-forgotten .main-content,
.account-logout .main-content,
.account-newsletter .main-content,
.account-order .main-content,
.account-password .main-content,
.account-recurring .main-content,
.account-reset .main-content,
.account-return .main-content,
.account-reward .main-content,
.account-success .main-content,
.account-transaction .main-content,
.account-voucher .main-content,
.account-wishlist .main-content,
.product-search .main-content,
.account-return-add  .main-content,
.account-register .main-content {
    padding: 0;
}


.account-login .main-content .breadcrumbs,
.account-account .main-content .breadcrumbs,
.account-address .main-content .breadcrumbs,
.account-download .main-content .breadcrumbs,
.account-edit .main-content .breadcrumbs,
.account-forgotten .main-content .breadcrumbs,
.account-logout .main-content .breadcrumbs,
.account-newsletter .main-content .breadcrumbs,
.account-order .main-content .breadcrumbs,
.account-password .main-content .breadcrumbs,
.account-recurring .main-content .breadcrumbs,
.account-reset .main-content .breadcrumbs,
.account-return .main-content .breadcrumbs,
.account-reward .main-content .breadcrumbs,
.account-success .main-content .breadcrumbs,
.account-transaction .main-content .breadcrumbs,
.account-voucher .main-content .breadcrumbs,
.account-wishlist .main-content .breadcrumbs,
.product-search .main-content .breadcrumbs,
.account-return-add  .main-content .breadcrumbs,
.account-register .main-content .breadcrumbs {
    padding: 46px 0 37px;
}

.account-login .main-content #content h1,
.account-account .main-content #content h1,
.account-address .main-content #content h1,
.account-download .main-content #content h1,
.account-edit .main-content #content h1,
.account-forgotten .main-content #content h1,
.account-logout .main-content #content h1,
.account-newsletter .main-content #content h1,
.account-order .main-content #content h1,
.account-password .main-content #content h1,
.account-recurring .main-content #content h1,
.account-reset .main-content #content h1,
.account-return .main-content #content h1,
.account-reward .main-content #content h1,
.account-success .main-content #content h1,
.account-transaction .main-content #content h1,
.account-voucher .main-content #content h1,
.account-wishlist .main-content #content h1,
.product-search .main-content #content h1,
.account-return-add  .main-content #content h1,
.account-register .main-content #content h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
    font-size: 32px;
}

.account-login .main-content #content h2,
.account-account .main-content #content h2,
.account-address .main-content #content h2,
.account-download .main-content #content h2,
.account-edit .main-content #content h2,
.account-forgotten .main-content #content h2,
.account-logout .main-content #content h2,
.account-newsletter .main-content #content h2,
.account-order .main-content #content h2,
.account-password .main-content #content h2,
.account-recurring .main-content #content h2,
.account-reset .main-content #content h2,
.account-return .main-content #content h2,
.account-reward .main-content #content h2,
.account-success .main-content #content h2,
.account-transaction .main-content #content h2,
.account-voucher .main-content #content h2,
.account-wishlist .main-content #content h2,
.product-search .main-content #content h2,
.account-return-add  .main-content #content h2,
.account-register .main-content #content h2 {
    /*text-align: center;*/
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 24px;
}

.common-home .blog-horz-heading {
    margin-top: 32px;
}



.news .news-block .news-block__title {
    display: block;
    color: black;
}


.btn.btn-lang {
    margin-right: 10px;
    background: none;
    box-shadow: none;
    color: #7a4170;
}

.btn-group.open .btn-lang.dropdown-toggle {
    background: none;
    box-shadow: none;
    color: #7a4170;
}

.btn.btn-lang + .dropdown-menu {
    min-width: 82px;
}

.item-page .product-block .item-details .input-group-btn .btn {
    padding: 3px 13px;
    border: 3px solid #AD4937;
}

.lang .btn-lang {
    padding-top: 4px;
}

@media screen and (max-width: 768px){
    .lang .btn-lang {
        margin: 0;
    }
}

/* Blog */

.news-block__info {
    min-height: 41px;
}

.single-news-page .news .sngl-news__preview .bm2-prev-next{
    color: rgb(91, 65, 122);
}

/*  */


.owl-item {
    position: relative;
}

.slideshow-item_description {
    position: absolute;
    top: 25%;
    left:5%;
}

.slideshow-item_description h2 {
    font-family: "GothaProBol";
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.slideshow-item_description h3 {
    font-family: "Roboto";
    color: #333;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.slideshow-item_description h3 span {
    font-family: "RobotoBold";
    color: #7a4170;
}

.slideshow-item_description a {
    padding: 10px;
    border: 5px solid #AD4937;
    color: #AD4937;
    background-color: #fff;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 16px;
    font-family: "GothaProBol";
    text-decoration: none;
}


@media screen and (max-width: 1024px){
    .slideshow-item_description h2 {
        font-size: 2.5vw;
        margin-bottom: 10px;
    }

    .slideshow-item_description h3 {
        font-size: 2vw;
        margin-bottom: 10px;
    }

    .slideshow-item_description a {
        padding: 5px;
        border: 2px solid #AD4937;
        font-size: 1.5vw;
    }

}


.main-content .catalog .type li:last-child {
    margin-bottom: 0;
}

.category-description {
    padding-bottom: 60px;
    max-width: 100%;
}

.simplecheckout-button-block {
    background: none !important;
    text-align: center !important;
}

.simplecheckout-button-right {
    float: none !important;
    text-align: center !important;
}

#payment_address_address_1,
#shipping_address_country_id,
#shipping_address_zone_id,
#shipping_address_city
{
    background-color: transparent !important;
    border: 1px solid #000 !important;
    width: 100%;
    height: 38px;
    outline: none;
    border-radius: 0px;
    background: #fff;
    font-size: 15px;
    font-family: "GothaProLig";
}


#input-name {
    padding: 0 25px !important;
    background-color: transparent !important;
}

/*------------- Site map ----------*/

.sitemap ul {
  padding-left: 20px;
}



#submit-callback {
    padding: 10px;
    outline: none;
    border: 5px solid #AD4937;
    border-radius: 0;
    color: #AD4937;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: 12px;
    font-family: "GothaProLig";
    background: #fff;
}


.owl-wrapper-outer {
    border:none;
}

.alert-success {
    background-color: #ebd7e8;
    border-radius: 0;
    margin-bottom: 20px;
    border: 0;
    border-left: 4px solid #7a4170;
    color: #333;
    font-size: 1.5rem;
    box-shadow: 3.2px 3.8px 20px 0 rgba(0, 0, 0, 0.1);
}

.alert-success > a {
    text-transform: uppercase;
    font-family: GothaProBol;
    color: #000;
}

.item-details #product-charcs {
    margin-top: 0px;
}

.item-page .product-block .item-details .product-options {
    margin-top: 20px;
    padding-bottom: 0;
}


#product .lenses-block .glasses {
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}

#product .lenses-block .group-name {
    text-align: left;
}

#product .lenses-block .text-danger-number {
    color: #a94442;
}

#product .lenses-block {
    margin-bottom: 20px;
    display: block;
    float: left;
}

#product .lenses-block .custom_options_view > div {
    padding: 10px;
    box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .5);
}

.review-block .review-list {
    margin-top: 20px;
}

.review-block .review-list legend {
    border: none;
}

.simple-content .simplecheckout .product-row .image a {
    padding-left:25px;
}

.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 20px;
    padding-left: 15px;
    border: 1px solid #000000;
}

.account-simpleregister .main-content .make-order:after {
    clear: both;
}

.account-simpleregister .main-content .make-order:before, .account-simpleregister .main-content .make-order:after {
    display: table;
    content: " ";
}

.account-simpleregister .main-content .make-order #content {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 75%;
    float: left;
}

.account-simpleregister .main-content .make-order #content .row-register_newsletter {
    text-align: right;
}



/* buy one click */
#oneClickCheckout .product_all .buy-one-click-order__table {
    padding-bottom: 10px;
    width: 100%;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr {
    padding: 0 20px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td {
    padding: 8px 0;
    width: 90px;
    text-align: center;
    font-size: 14px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td img.product-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 0;
    vertical-align: middle;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .item-name {
    display: inline-block;
    width: 170px;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .minus,
#oneClickCheckout .product_all .buy-one-click-order__table tr td .plus {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #6F1F4C;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .minus::after,
#oneClickCheckout .product_all .buy-one-click-order__table tr td .plus::after {
    position: absolute;
    background-color: #FFFFFF;
    content: "";
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .minus::before,
#oneClickCheckout .product_all .buy-one-click-order__table tr td .plus::before {
    position: absolute;
    background-color: #FFFFFF;
    content: "";
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .minus::after {
    top: 8px;
    left: 4px;
    width: 9px;
    height: 2px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .plus::after {
    top: 8px;
    left: 5px;
    width: 8px;
    height: 2px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .plus::before {
    top: 5px;
    left: 8px;
    width: 2px;
    height: 8px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr td .items-num {
    display: inline-block;
    padding: 0 5px;
    height: 17px;
    color: #000000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr .remove {
    border: none;
    background: transparent;
    color: #111111;
    font-size: 25px;
}
#oneClickCheckout .product_all .buy-one-click-order__table tr .remove:hover {
    color: #FF0000;
    cursor: pointer;
}
#oneClickCheckout .product_all .buy-one-click-in-total {
    text-align: initial;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}
#oneClickCheckout .product_all .buy-one-click-in-total span {
    color: #6F1F4C;
    font-size: 20px;
}
#oneClickCheckout .product_all .total-charge {
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: right;
    width: 90%;
}
#oneClickCheckout .product_all.total-charge span {
    color: #6F1F4C;
}
#oneClickCheckout #button_buyoneclick {
    float: right;
}


.form-control:focus {
    border-color: #6F1F4C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(111, 31, 76, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(111, 31, 76, 0.6);
}

.information-contact #input-name {
    background-color: #fff !important;
}


.header .top-panel a.login, .header .top-panel a.sing-up {
    font-family: 'LatoLight';
}

.product-search .main-content #content h2 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    font-size: 24px;
}

.product-search .main-content #content {
    margin-bottom: 40px;
}

.product-search .main-content #content .pagination  {
    margin-left: 40px;
}

.product-search .main-content #content .pagination  {
    margin-left: 40px;
}

.product-search .main-content .control-label  {
    margin-bottom: 20px;
}

.product-search .main-content p > .checkbox-inline  {
    margin-bottom: 20px;
}

.product-search .main-content #compare-total {
    color: #7a4170;
}


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


.dropdown-backdrop {
  /*z-index: -1;*/
  position: absolute;
}

#content,
.main-content {
    position: relative;
    z-index: 1;
}

.footer-map-wrapper {
    box-shadow: 0 2px 5px -3px rgba(0, 0, 0, .5);
}
























/*NES STYLES*/







@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoBold";
    src: local("☺"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoBoldItalic";
    src: local("☺"), url("../fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoHairline";
    src: local("☺"), url("../fonts/Lato/Lato-Hairline.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoHairlineItalic";
    src: local("☺"), url("../fonts/Lato/Lato-HairlineItalic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoLight";
    src: local("☺"), url("../fonts/Lato/Lato-Light.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoRegular";
    src: local("☺"), url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoRegularItalic";
    src: local("☺"), url("../fonts/Lato/Lato-Italic.ttf") format("truetype");
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "LatoLightItalic";
    src: local("☺"), url("../fonts/Lato/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: GothaProBol;
    src: url(../fonts/GothaPro/GothaProBol.otf) format("opentype"), url(../fonts/GothaPro/GothaProBol.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProBol.woff") format("woff"), url("../fonts/GothaPro/GothaProBol.ttf") format("truetype");
}

@font-face {
    font-family: GothaProLig;
    src: url(../fonts/GothaPro/GothaProLig.otf) format("opentype"), url(../fonts/GothaPro/GothaProLig.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProLig.woff") format("woff"), url("../fonts/GothaPro/GothaProLig.ttf") format("truetype");
}

@font-face {
    font-family: GothaProMed;
    src: url(../fonts/GothaPro/GothaProMed.otf) format("opentype"), url(../fonts/GothaPro/GothaProMed.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProMed.woff") format("woff"), url("../fonts/GothaPro/GothaProMed.ttf") format("truetype");
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothaPro/GothaProReg.otf) format("opentype"), url(../fonts/GothaPro/GothaProReg.eot) format("opentype");
    src: url("../fonts/GothaPro/GothaProReg.woff") format("woff"), url("../fonts/GothaPro/GothaProReg.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url(../fonts/roboto/RobotoRegular.ttf) format("truetype");
}

@font-face {
    font-family: "RobotoBold";
    src: url(../fonts/roboto/RobotoBold.ttf) format("truetype");
}














body {
    font-family: GothaProLig;
}

input[type="search"], input[type="text"], input[type="phone"], input[type="email"] {
    height: 42px;
    padding-left: 32px;
    border: 1px solid #ececec;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

input[type="search"]:focus, input[type="text"]:focus, input[type="phone"]:focus, input[type="email"]:focus,
input[type="search"]:active, input[type="text"]:active, input[type="phone"]:active, input[type="email"]:active,
input[type="search"]:hover, input[type="text"]:hover, input[type="phone"]:hover, input[type="email"]:hover{
    border: 1px solid #000000;
}




select {
    margin:0;
    min-width: 60px;
    padding: 0 8px 0 0;
    text-align: center;
    height: 25px;
    font-size: 13px;
    display: block;
    border: 1px solid #000000;
    background: url(../image/arrow.svg) no-repeat right 8px center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
}

select:focus {
    background: url(../image/arrow-rotated-180.svg) no-repeat right 8px center !important;
    border: 1px solid #000000 !important;
}


.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 3.2px 3.8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3.2px 3.8px 20px 0 rgba(0, 0, 0, 0.1);
}


.list-group-item:first-child, .list-group-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn.btn-primary {
    border-radius: 0;
    line-height: 44px;
    text-align: center;
    display: block;
    font-size: 13px;
    font-family: GothaProBol;
    text-transform: uppercase;
    background-color: #ffffff;
    border: solid 1px #111111;
    color: #111111;
    cursor: pointer;
    margin-top: 18px;
    padding: 0 24px 0;
    max-width: 275px;
}

.btn.btn-primary:hover {
    text-transform: uppercase;
    background-color: #111111;
    color: #ffffff;
    text-decoration: none;
}

input.form-control {
    height: 44px;
    box-shadow: 1.3px 1.5px 6px 0 rgba(13, 13, 13, 0.1);
    background-color: #ffffff;
    border: solid 0.3px #b7b7b7;
}

input.form-control:focus {
    border: solid 0.3px #000000;
}

.btn.buy {
    background-color: #7a4170;
    text-align: center;
    display: block;
    color: #ffffff;
    border: 0;
    font-size: 16px;
    font-family: GothaProBol;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    padding: 12px 0;
}

.btn.buy:hover {
    background-color: #68335e;
}






.container_flex {
    max-width: 1505px;
    margin: auto;
    display: flex;
}

.main-content .catalog-wrapper {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

.news-page .news {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}

.text-bold {
    font-family: GothaProBol;
}

.facebook-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../image/facebook.svg");
    background-repeat: no-repeat;
    content: "";
}


.js-offcanvas {
    z-index: 2000;
}



.header .header__mobile {
    display: none;
}


.header .header__top {
    display: block;
    background-color: #f2f2f2;
    line-height: normal;
}

.header .header__top .container_flex {
    display: flex;
    justify-content: flex-end;
    padding-left: 97px;
    padding-right: 97px;
}

.header__top a {
    color: #000;
}

.header__pages ul {
    display: flex;
    width: 400px;
    justify-content: space-between;
}
.header__pages ul li a {
    font-size: 15px;
    text-decoration: underline;
}

.header__facebook:active, .header__facebook:focus, .header__facebook:hover {
    text-decoration: none;
}

.header__facebook {
    line-height: normal;
    height: auto;
    font-size: 17px;
    padding: 0 89px;
    justify-content: center;
    display: flex;
}





.header__auth {
    display: flex;
    justify-content: space-between;
    width: 184px;
}

.header .header__auth:before {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 8px;
    height: 11px;
    background: url("../image/user.svg");
    background-repeat: no-repeat;
    content: "";
}

.header .header__auth .sing-up:after {
    position: relative;
    top: 0px;
    display: inline-block;
    /*display: flex;*/
    /*justify-content: center;*/
    width: 42px;
    content: "|";
    text-align: center;
}

.header__lang {
    display: flex;
    justify-content: flex-end;
    width: 71px;
}

.header__lang .btn-lang{
    border: 0px solid transparent;
    line-height: normal;
}

.header__lang .btn-lang span {
    font-size: 14px;
    color: #000;
    font-family: GothaProBol;
}

.header__lang .dropdown-menu {
    right: 0;
    left: auto;
    margin: 11px 0 0;
    border-radius: 0;
    border: 0;
    box-shadow: 3.2px 3.8px 50px 0 rgba(0, 0, 0, 0.2);
}


.header__lang .dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    top: -10px;
    right: 0;
    content: "";
    display: block;
    position: absolute;
}

.header__lang .dropdown-menu li button {
    line-height: 30px;
    font-size: 14px;
    font-family: GothaProBol;
    padding: 0 10px;
    color: #111111;

}








.header__top .btn {
    margin: 0;
    padding: 0;
}


.header__top-padding {
    padding-top: 12px;
    padding-bottom: 10px;
}



/*HEADER MAIN*/


.header .header__main{
    display: block;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header .header__main .container_flex{
    display: flex;
    justify-content: flex-start;
    line-height: normal;
    align-items: center;
}



.header .header__logo {
    height: 130px;
    width: 227px;
}



.header .header__phones {
    display: flex;
    width: 288px;
    flex-direction: column;
    color: #000000;
    justify-content: center;
    text-align: center;
}

.header .header__phones li a {
    color: #000000;
    font-size: 16px;
    line-height: 22px;
    font-family: GothaProLig;
}

.header .header__phones li a:hover, .header .header__phones li a:active, .header .header__phones li a:focus {
    text-decoration: none;
}



.header .header__recall {
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
    font-family: GothaProBol;
    border: 1px solid white;
    padding: 13px 0;
    text-transform: uppercase;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    margin-right: 62px;
    min-width: 256px;
    text-align: center;
}
.header .header__recall:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid black;
}



.header .header__work {
    display: flex;
    flex-direction: column;
    color: #000000;
    justify-content: flex-start;
    width: 230px;
    font-size: 16px;
    line-height: 22px;
    font-family: GothaProLig;
}


.header .header__search {
    width: 348px;
}
.header .header__search .search {

    position: absolute;
}

.header .header__search .search img {
    display: inline-block;
    position: relative;
    padding-bottom: 6px;
    height: 20px;
    transition: border .6s;
    top: 15px;
    left: 310px;

}
.header .header__search .search img:hover {
    cursor: pointer;
}
.header .header__search input[type="search"] {
    width: 100%;
}


.header .header__cart {
    margin-left: 18px;
    display: block;
    padding-right: 10px
}






.header .header__cart .check-out .btn {
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
    line-height: 22px;
    font-family: GothaProBol;
    border: 1px solid white;
    padding: 13px 60px;
    text-transform: uppercase;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}
.header .header__cart .check-out .btn:hover {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid black;
}






.header .header__cart .check-out .btn:hover {
    cursor: pointer;
}
.header .header__cart .check-out .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.header .header__cart .check-out .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}
.header .header__cart .check-out .btn .circle.animate {
    animation: effect .65s linear;
}
@keyframes effect {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
.header .header__cart .check-out .btn.ajaxBtn-on {
    text-align: center;
}
.header .header__cart .check-out .btn.ajaxBtn-on .dot {
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    vertical-align: middle;
    animation-name: load;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;

    animation-fill-mode: both;
}
.header .header__cart .check-out .btn.ajaxBtn-on .dot:last-child {
    margin-right: 0;
}
.header .header__cart .check-out .btn.ajaxBtn-on .dot:nth-child(2) {
    animation-delay: .2s;
}
.header .header__cart .check-out .btn.ajaxBtn-on .dot:nth-child(3) {
    animation-delay: .4s;
}
@keyframes load {
    0% {
        opacity: .2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: .2;
    }
}
.header .header__cart .check-out .btn.text-off {
    font-size: 0;
}
.header .header__cart .check-out .btn .text-off {
    font-size: 0;
}
.header .header__cart .check-out .btn .success-text {
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: inherit;
    font-family: "GothaProReg";
}
.header .header__cart .check-out .total-charge span {
    color: #6F1F4C;
}

.header .header__cart #cart > .btn:first-child {
    background: url(../image/backet.svg) no-repeat center;
    display: block;
    width:36px;
    height: 37px;
}

.header .header__cart #cart > .btn:first-child:active,
.header .header__cart #cart > .btn:first-child:focus,
.header .header__cart #cart > .btn:first-child:hover
{
    box-shadow: none;
    -webkit-box-shadow: none;
}

.header .header__cart #cart > .btn:first-child .cart__items {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background-color: #7a4170;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: -17px;
    right: -19px;
    color: #ffffff;
    font-size: 15px;
    font-family: GothaProBol;
}


.header .header__cart #cart .dropdown-menu {
    right: 0;
    left: auto;
    margin: 11px 0 0;
    border-radius: 0;
    border: 0;
    box-shadow: 3.2px 3.8px 50px 0 rgba(0, 0, 0, 0.2);
    min-width: 400px;
}

.header .header__cart #cart .dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    top: -10px;
    right: 10px;
    content: "";
    display: block;
    position: absolute;
}

.header .header__cart #cart .dropdown-cart .order__items-in-total {
    margin: 10px 20px 24px;
    font-size: 15px;
}

.header .header__cart #cart .dropdown-cart .order__items-in-total span {
    font-family: GothaProBol;
}

.header .header__cart #cart .dropdown-cart .order__table {
    width:90%;
    margin: 0 5%;
}

.header__cart #cart .dropdown-cart .order__table .product-row {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    display: block;
}

.header__cart #cart .dropdown-cart .order__table .product-row .item-name {
    text-decoration: none;
    font-family: GothaProReg;
    color: #000000;

}

.header__cart #cart .dropdown-cart .order__table .product-row .item-name:hover {
    text-decoration: none;
}

.header__cart #cart .dropdown-cart .order__table .product-row .count {
    font-family: GothaProBol;
}

.header__cart #cart .dropdown-cart .order__block {
    width:90%;
    margin: 0 5%;
}

.header__cart #cart .dropdown-cart .order__block .product-info {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width:100%;
    margin-bottom: 24px;
    align-items: center;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-image {
    width: 20%;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-image a {
    width: 100%;
    display: block;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-image a img {
    width: 100%;
    height: auto;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-detail {
    width: 35%;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-detail .item-name {
    font-size: 14px;
    font-family: GothaProReg;
    color: #000000;
}

.header__cart #cart .dropdown-cart .order__block .product-info .prod-detail .item-name:hover {
    text-decoration: none;
}

.header__cart #cart .dropdown-cart .order__block .product-info .count,
.header__cart #cart .dropdown-cart .order__block .product-info .remove {
    font-family: GothaProBol;
}

.header__cart #cart .dropdown-cart .cart-none{
    margin-top: 24px;
}

.header__cart #cart .dropdown-cart .order__block .product-info .remove {
    background: none;
    border: none;
    font-size: 14px;
}

.header__cart #cart .dropdown-cart .check-out {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 24px;
}

.header__cart #cart .dropdown-cart .check-out .total-charge {
    padding: 0;
    margin-bottom:16px;
    font-family: GothaProBol;
    font-size: 16px;
    color: #000000;
}

.header__cart #cart .dropdown-cart .check-out .total-charge span {
    font-family: GothaProReg;
    color: #000000;
}

.header__cart #cart .dropdown-cart .check-out .s-btn {
    border-radius: 0;
}






/*HEADER NAV*/



.header .header__nav {
    display: block;
    line-height: normal;
    /*padding-top: 25px;*/
    /*padding-bottom: 20px;*/
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 1px 4px -4px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 1px 4px -4px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 1px 4px -4px rgba(50, 50, 50, 0.4);
}

.header .header__nav .container_flex .navigation {
    display: flex;
    padding: 0 95px;
    justify-content: space-between;
    width: 100%;
}

.header .header__nav .container_flex .navigation li {
    display: flex;
}

.header .header__nav .container_flex .navigation > li {
    position: relative;
}


.header .header__nav .container_flex .navigation li ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    min-width: 250px;
    padding: 0;
    z-index: 10;
    background-color: white;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 1px 4px -1px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 1px 4px -1px rgba(50, 50, 50, 0.4);
}

.header .header__nav .container_flex .navigation li ul li {
    padding: 0 30px;
}

.header .header__nav .container_flex .navigation .nd-level-2 > li:hover > a:before, .header .header__nav .container_flex .navigation .nd-level-3 > li:hover > a:before {
    font-family: GothaProBol;
    color: #713c68;
    content: '|';
    padding-right: 5.5px;
}

.header .header__nav .container_flex .navigation .nd-level-2 {
    left: 0;
    top: 100%;
}

.header .header__nav .container_flex .navigation > li:hover:last-child > .nd-level-2 {
    right: 0;
    left: auto;
}

.header .header__nav .container_flex .navigation > li > .nd-level-2 {
    display: none;
}

.header .header__nav .container_flex .navigation > li:hover > .nd-level-2 {
    display: flex;
}


.header .header__nav .container_flex .navigation .nd-level-2 > li {
    position: relative;
}

.header .header__nav .container_flex .navigation .nd-level-2 > li > .nd-level-3 {
    display: none;
}

.header .header__nav .container_flex .navigation .nd-level-2 > li:hover > .nd-level-3 {
    display: flex;
}

.header .header__nav .container_flex .navigation .nd-level-3 {
    left: 100%;
    top: 0;
}

.header__nav ul li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    font-family: GothaProReg;
    min-height: 50px;
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.header__nav .nd-level-2 > li > a, .header__nav .nd-level-3 > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.header__nav .container_flex > .navigation > li:hover > a,
.header__nav .container_flex > .navigation > li:active > a,
.header__nav .container_flex > .navigation > li:focus > a {
    border-top: 2px solid #7a4170;
    padding-top: 0;
}

.header__nav .nd-level-2 > li:hover > a, .header__nav .nd-level-3 > li:hover > a {
    padding-left: 0;
}







.bm2-module-articles-horz {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.bm2-module-articles-horz .section-title.blog-horz-heading {
    width: 100%;
}

.news .news-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news .bm2-category-info {
    width: 100%;
}




























































.main-content {
    max-width: 1366px;
    box-shadow: none;
    margin-left: auto;
    margin-right: auto;
}





/* BREACRUMBS */

.main-content .breadcrumbs li:not(:first-child)::before {
    position: relative;
    left: -10px;
    padding-left: 10px;
    content: "|";
    font-weight: 500;
    font-size: 16px;
}
.main-content .breadcrumbs {
    padding: 46px 0 37px;
}
.main-content .breadcrumbs li a {
    font-family: GothaProReg;
    font-size: 15px;
    line-height: 2;
    font-weight: 300;
    color: #111111;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
}
.main-content .breadcrumbs li:last-child a {
    font-family: GothaProBol;
    font-weight: 500;
}

/* PRODUCT PAGE */
.item-page .product-block {
    padding: 0 0 80px;
}

.product-heading__title {
    padding-left: 0;
    font-family: GothaProBol;
    font-size: 30px;
    font-weight: 500;
    line-height: 0.73;
    letter-spacing: 0.8px;
    color: #111111;
}

.product-heading__model-text {
    width: 256px;
    height: auto;
    background-color: #ebebeb;
    padding: 17px 2px 17px;
    letter-spacing: 0.4px;
    color: #111111;
    font-family: GothaProReg;
    font-size: 14px;
    float: right;
    display: block;
    text-align: center;
}

.product-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* PRODUCT CONTENT */

.product-content {
    display: flex;
    padding: 28px 0 0;

}

.main-content #column-left {
    padding-left: 0;
    padding-right: 0;
}

.product-content .content-left {
    padding-left: 0;
}

.product-content .content-left .connected-carousels {
    display: inline-block;
    width: 100%;
}

.content-left .thumbnails {
    display: flex;
    flex-direction: row;
    justify-content:  space-between;
    flex-wrap: wrap;
}

.content-left .thumbnails li:first-child {
    /*flex: 0 0 100%;*/
    flex-grow: 1;
}

.content-left .thumbnails .image-additional {
    max-width: 33.3%;
    display: block;
    width: 33.3%;
}

.content-left .thumbnails .image-additional a {
    display: block;
}

.content-left .thumbnails .image-additional a img {
    display: block;
}

.content-left .thumbnails li {
    margin-left: 0;
}

.content-left .thumbnails li:first-child .thumbnail {
    border: none;
    padding: 0;
    border-radius: 0;
}


.content-left .thumbnails li.image-additional a img {
    max-width: 90%;
    height: auto;
    padding: 5%;
    background-color: #ffffff;
    border: solid 0.3px #a1a1a1;
    margin-bottom: 10px;
}

.content-left .shared-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 30px;
    align-items: center;
}

.content-left .shared-buttons .shared-buttons-text {
    font-family: GothaProBol;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #111111;
    padding-right: 12px;
    display: flex;
    align-items: center;
    height: 35px;
}


.content-center .product-status {
    font-family: GothaProBol;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-align: left;
    color: #7a4170;
}


.content-center .attributes-main {
    margin-top: 38px;
}

.content-center .attributes-main .attribute a, .content-center .attributes-main .attribute {
    font-family: GothaProReg;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #393939;
}

.content-center .attributes-main .attribute span {
    font-family: GothaProBol;
    line-height: 22px;
    letter-spacing: 0.4px;
    text-align: left;
    color: #0e0e0e;
    margin-right: 12px;
}

.content-center .options-with-images .option-info {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 17px;
    margin-top:19px;
}

.options-with-images .option-info .option-name {
    margin-right: 12px;
    font-family: GothaProBol;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #111111;
}

.options-with-images .option-info .option-selected-name {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #111111;
}

.options-with-images .option-detailed input[type='radio'] {
    display: none;
}

.options-with-images .option-detailed .option-detailed-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 60%;
}

.options-with-images .option-detailed .option-detailed-block label {
    margin-right: 20px;
    max-width: 32px;
    flex-grow: 5;
    padding-bottom: 6px;
}

.options-with-images .option-detailed .option-detailed-block label.active {
    padding-bottom: 4px;
    border-bottom: 2px solid #252525;
}

.options-with-images .option-detailed .option-detailed-block label img {
    max-width: 32px;
    max-height: 32px;
}

.content-center .product-options .default-options select {
    width: 60%;
}


.content-center .quantity-group {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 42px;
}

.quantity-group .charc {
    font-family: GothaProBol;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #111111;
}


.content-center .quantity-group .quantity {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

.quantity .quantity-nav .quantity-button {
    width: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-family: GothaProBol;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]
{
    -moz-appearance: textfield;
}

.quantity input {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 0.3px #707070;
    text-align: center;
    font-size: 16px;
    font-family: GothaProBol;
}

.quantity input:focus {
    outline: 0;
}


.content-center .price-block {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 18px;
}


.content-center .price-block .product-init-price {
    font-family: GothaProBol;
    font-size: 30px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
    color: #111111;
}

.content-center .price-block .price-old {
    font-family: GothaProBol;
    font-size: 26px;
    color: rgba(180, 0, 14, 0.82);
}

.content-center .buy-buttons {
    margin-top: 32px;
}

.content-center #button-cart {
    min-width: 317px;
    line-height: 54px;
    background-color: #7a4170;
    text-align: center;
    display: block;
    color: #ffffff;
    border: 0;
    font-size: 16px;
    font-family: GothaProBol;
    text-transform: uppercase;
    cursor: pointer;
}

.content-center #button-cart:hover {
    background-color: #68335e;
}

.content-center .one_click_checkout, #button_buyoneclick {
    max-width: 317px;
    line-height: 54px;
    text-align: center;
    display: block;
    font-size: 13px;
    font-family: GothaProBol;
    text-transform: uppercase;
    background-color: #ffffff;
    border: solid 1px #111111;
    color: #111111;
    cursor: pointer;
    margin-top: 18px;
    border-radius: 0;
}

#button_buyoneclick {
    line-height: 30px;
}

#button_buyoneclick {
    width: 180px;
}

.content-center .one_click_checkout:hover, #button_buyoneclick:hover {
    text-transform: uppercase;
    background-color: #111111;
    color: #ffffff;
    text-decoration: none;
}




.content-center .options-for-linses {
    background-color: #ffffff;
    box-shadow: 3.2px 3.8px 20px 0 rgba(0, 0, 0, 0.1);
    margin: 32px 0;
    padding: 28px 40px;
}

.content-center .linza-side {
    margin-left: 40%;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding-bottom: 18px;
}

.content-center .linza-side .linza-side__title {
    width: 30%;
    font-family: GothaProBol;
    text-align: center;
    font-size: 14px;
}

.options-for-linses #linzu-values {
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 100%;
}


.content-center .options-for-linses .linza-options {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.options-for-linses .linza-options  .title-linzu {
    width: 40%;
}

.options-for-linses .linza-options  .value-linzu {
    width: 30%;
    display: flex;
    justify-content: center;
}
.options-for-linses .linza-options  .value-linzu .select2-container {
    width: auto !important;
}

.options-for-linses .linza-options  .value-linzu select {
    margin:0;
    min-width: 60px;
    padding: 0 8px 0 0;
    text-align: center;
    height: 25px;
    font-size: 13px;
    display: block;
    border: 1px solid #000000;
    background: url(../image/arrow.svg) no-repeat right 8px center;
}

.options-for-linses .linza-options  .value-linzu select:focus {
    background: url(../image/arrow-rotated-180.svg) no-repeat right 8px center;
}

.options-for-linses .linza-options  .value-linzu select::-ms-expand {
    display: none;

}



.default-options .form-group .radio-options {
    display: flex;
    width: 100%;
    justify-content: left;
    flex-direction: row;
    align-items: center;
}

.default-options .form-group .control-label {
    font-family: GothaProBol;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
}

.default-options .form-group .radio-options .radio {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0 30px 0 0;
    color: #111111;
    font-size: 13px;
}

.default-options .form-group .radio-options .radio .option-price-bold {
    font-family: GothaProBol;
}



a {
    color: #7a4170;
}

a:hover {
    color: #733969;
}

h1 {
    font-size: 2.5rem;
    padding-bottom: 2rem;
}

h2{
    font-size:2rem;
    padding-bottom: 1.5rem;
}

.manufacturer-list #content .row {
    padding-bottom: 1rem;
}












.content-right .info {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 16px;
}

.content-right .info .anouther-city {
    width: 25%;
    display: flex;
    justify-content: flex-end;
    height: 40px;
    align-items: center;
    position: relative;
}

.content-right .info .anouther-city i {
    color: #ab97a8;
    height: 25px;
    width: 25px;
    background-size: 25px;
}

.content-right .info .anouther-city .detailed-anouther-city {
    /*display: none;*/
    position: absolute;
    z-index: 1000;
    top: 104%;
    left: 78%;
    min-width: 330px;
    background-color: #ffffff;
    box-shadow: 3.2px 3.8px 50px 0 rgba(0, 0, 0, 0.2);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.content-right .info .anouther-city .detailed-anouther-city:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    top: -10px;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    box-shadow: 3.2px 3.8px 50px 0 rgba(0, 0, 0, 0.2);

}

.content-right .info .anouther-city .heading-cities, .content-right .info .anouther-city .description-cities {
    font-size: 14px;
    font-family: GothaProBol;
    padding: 15px 30px 0;
    display: block;
    line-height: 23px;
}
.content-right .info .anouther-city .description-cities{
    font-family: GothaProReg;
    padding: 0 30px 15px;
}

.content-right .info .anouther-city:hover .detailed-anouther-city {
    display: block;
}

.content-right .info .info-all {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 75%;
}

.content-right .info-all .detailed {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px;
}

.content-right .info-all li {
    display: flex;
    flex-direction: row;
    margin-bottom: 33px;
    align-items: center;
    min-width: 256px;
    padding-left: 18px;
}

.content-right .info-all li:before {
    content: "";
    border-left: 4px solid #7a4170;
    padding-right: 18px;
    height: 30px;
}

.content-right .info-all .detailed .bold {
    font-family: GothaProBol;
}

.content-right .recomended-article {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20%;
}

.content-right .recomended-article i {
    color: #78406e;
}

.content-right .recomended-article .article-name {
    font-family: GothaProBol;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    color: #78406e;
    padding-left: 14px;
    padding-right: 10%;
}

















/* DETAILED PRODUCT CONTENT */

.product-detailed-content {
    margin-top: 80px;
}

.product-detailed-content #detailed-tabs {
    border-bottom: 0px;
    display: flex;
    justify-content: center;
}

.product-detailed-content #detailed-tabs li a {
    text-transform: uppercase;
    padding-top: 18px;
    color: #6f6f6f;
}

.product-detailed-content #detailed-tabs > li.active a,
.product-detailed-content #detailed-tabs > li a:hover {
    border: 0;
    border-top: 4px solid #7a4170;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #ffffff;
    padding-top: 15px;
    color: #111111;
}
.product-detailed-content #detailed-tabs > li.active a {
    font-family: GothaProBol;
    color: #6f6f6f;
}

#detailed-tabs-content {
    background-color: #ffffff;
    box-shadow: 14.8px 17.6px 62px 0 rgba(199, 201, 201, 0.46);
    padding: 60px 75px;
    margin-bottom: 110px;
}

#detailed-tabs-content > div {
    font-family: GothaProReg;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #5c5c5c;
}



.mod-art-horizontal-item .article-items .info {
    display: none;
}

.mod-art-horizontal-item .article-items .bm2-article-title a {
    font-size: 16px;
    font-family: GothaProBol;
    line-height: 20px;
    text-align: left;
    color: #111111;
    height: 40px;
    display: block;
}

.mod-art-horizontal-item .article-items .block-text {
    margin-top: 11px;
    line-height: 18px;
    max-height: 54px;
}

.module-blog-article .mod-art-horizontal-item .article-items .news-block__read-more a {
    text-align: left;
    color: #111111;
    font-size: 16px;
    font-family: GothaProBol;
    text-decoration: none;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.bm2-module-articles-horz .article-items img {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.module-blog-article .bm2-module-articles-horz .news-block__img {
    margin-bottom: 20px;
}

.module-blog-article .bm2-module-articles-horz .bm2-article-title {
    margin-bottom: 20px;
}

.module-blog-article h3.section-title {
    font-size: 28px;
    font-family: GothaProBol;
}

.content-bottom .module-blog-article {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}




.related-products h3 {
    font-family: GothaProBol;
    font-size: 28px;
    line-height: 22px;
    color: #111111;
    text-align: center;
    margin-bottom: 52px;
    text-transform: uppercase;
}


.related-products .product-thumb .caption h4 a {
    font-size: 15.5px;
    line-height: 18.5px;
    color: #111111;
    margin-bottom: 18px;
    min-height: 37px;
    height: 37px;
    overflow: hidden;
    display: block;
}


.related-products .product-thumb {
    padding: 0 40px 0;
}

.related-products .product-thumb .caption h4 a:hover {
    text-decoration: none;
}

.related-products .product-thumb .price,
.related-products .product-thumb .price-new,
.related-products .product-thumb .price-old {
    font-family: GothaProBol;
    font-size: 20.5px;
    line-height: 18.5px;
    text-align: left;
    color: #111111;
    width: 100%;
    margin-bottom: 24px;
}

.related-products .product-thumb .price-old  {
    color: rgba(180, 0, 14, 0.82);
    text-decoration: line-through;
}

.related-products .product-thumb button {
    border: 0;
    background-color: #7a4170;
    color: #ffffff;
    font-family: GothaProBol;
    font-size: 12px;
    width: 100%;
    padding: 14px 0 14px;
    line-height: 12px;
    text-transform: uppercase;
}

.related-products .product-thumb button:hover {
    background-color: #68335e;
}

.related-products .owl-wrapper-outer {
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.related-products {
    margin-bottom: 144px;
}












footer {
    margin-top: 115px;
    background-color: #454545 !important;
}

footer .footer-panel {
    flex-direction: column;
    padding-top: 50px;
}

footer .footer-panel .footer-panel-wrapper {
    display: flex;
    width: 100%;
}

.footer-panel-wrapper .footer__info {
    width: 20%;
}

.footer-panel-wrapper .footer-navigation {
    width: 60%;
}

.footer-panel-wrapper .footer_top {
    width: 60%;
    margin-top: 30px;
}

.footer-panel-wrapper .footer_top form {
    width: inherit;
}

.footer-panel .footer-panel-wrapper .form-horizontal .form-group {
    margin: 0;
}

.footer-panel .footer-panel-wrapper .footer_top #newsletter-email {
    width:60%;
}

.footer-panel .footer-panel-wrapper .footer_top #newsletter-email input {
    border-radius: 0;
    height: 48px;
    margin-bottom: 0;
    width:100%;
    font-size: 14px;
}

.footer-panel .footer-panel-wrapper .footer_top .btn.btn-primary {
    border-radius: 0;
    height: 48px;
    text-align: center;
    display: block;
    font-size: 13px;
    font-family: GothaProBol;
    text-transform: uppercase;
    background-color: #ffffff;
    border: none;
    color: #111111;
    cursor: pointer;
    padding: 0 24px 0;
    width:40%;
    margin: 0;
}

.footer-panel .footer-panel-wrapper .footer_top .btn.btn-primary:hover {
    box-shadow: 3.2px 3.8px 50px 0 rgba(0, 0, 0, 0.2);
}

.footer-panel .footer-panel-wrapper .footer_top #form-newsletter-error {
    display: flex;
    flex-direction: row;
    width:100%;
}

.footer-panel-wrapper .footer_top #form-newsletter-error {
    display: flex;
    flex-direction: row;
    width:100%;
}

.footer-panel-wrapper .footer_top #form-newsletter-error {
    display: flex;
    flex-direction: row;
    width:100%;
}

.footer-panel-wrapper .footer_top #form-newsletter-error {
    display: flex;
    flex-direction: row;
    width:100%;
}
footer .footer-panel .footer__info .working-hours,
footer .footer-panel .footer__info .contacts,
footer .footer-panel .footer__info .social {
    padding: 0;
}
footer .footer-panel .footer__info .contacts ul {
    margin-top: 24px;
}
footer .footer-panel .footer__info .contacts h1 {
    position: absolute;
    line-height: 28px;
}

footer .footer-panel .footer-navigation .menu {
    padding-top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.footer__info {
    width:100%;
    display:block;
}

.footer__info .working-hours {
    width:100%;
    display:block;
}

.footer__info .working-hours p {
    width:50%;
    display:block;
    float: left;
    padding: 0;
    margin: 0;
}

.footer__info .contacts .facebook-icon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: 30%;
}

.footer__info .contacts .facebook-icon .facebook-footer {
    background-image: url(../image/facebook-footer.svg);
    display: inline-block;
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
    content: "";
}


.header .header__cart .check-out .btn a {
    z-index: 999;
    display: block;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .25px;
    font-size: 10px;
    font-family: "GothaProReg";
    line-height: auto;
}
.header .header__cart .check-out .btn .circle {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    -ms-transform: scale(0);
    transform: scale(0);
}


.popup #callback-form #submit-callback {
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 42px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-family: "GothaProReg";
    background-color: #111111;
    border: 1px solid #111111;
    margin: 0 auto;
    padding: 0;
}


.popup #callback-form #submit-callback:hover {
    color: #111111;
    background-color: #ffffff;
}

.news-block__info {
    display: none;
}

.news .news-block .news-block__expand {
    color: #111111;
    text-decoration: none;
    border: none;
}

.news .news-block .news-block__expand:hover {
    color: #000000;
}



#content .section-title {
    margin-bottom: 16px;
}


.simplecheckout-button-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}



.bm2-ci-subcategory {
    margin-bottom: 32px;
}



.bm2-ci-subcategory .bm2-ci-subtitle {
    font-size: 2.5rem;
}

.bm2-ci-subcategory .row a {
    color: #111111;
    text-decoration: none;
}

.bm2-ci-subcategory .row a:hover {
    color: black;
    text-decoration: none;
}

.bm2-pagination {
    width: 100%;
}






































































.bm2-ci-description {
    margin: 32px 0;
    font-family: GothaProLig;
}

.news-page .pagination {
    margin: 0;
    padding: 0;
}

.bm2-prev-next a {
    color: #000000;
}














.header_mobile_menu-background {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: rgba(223,225,240,.8);
    overflow-x: hidden;
    /* background: #000; */
    /* opacity: 0.2; */
    z-index: 1100;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}


.header_mobile_menu {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1101; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.header_mobile_menu  a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
header, .main-content, footer {
    transition: margin-right .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}





.main-page .owl-carousel .owl-wrapper-outer {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.common-home .main-page {
    max-width: 100%;
}

input.form-control, .form-control {
    box-shadow: 1.3px 1.5px 6px 0 rgba(13, 13, 13, 0.1);
    background-color: #ffffff;
    border: 1px solid #ececec;
    transition-duration: 0.2s;
}

.form-control:hover {
    border: 1px solid #000000;
}

a.btn{
    border-radius: 0;
    line-height: 44px;
    text-align: center;
    display: block;
    font-size: 13px;
    font-family: GothaProBol;
    text-transform: uppercase;
    background-color: #ffffff;
    border: none;
    color: #111111;
    cursor: pointer;
    margin-top: 18px;
    padding: 0 24px 0;
    max-width: 250px;
}

a.btn:hover, a.btn:focus, a.btn:active{
    text-transform: uppercase;
    background-color: #ffffff;
    color: #111111;
    /*border: none;*/
    text-decoration: none;
}

#buyoneclick {
    border-radius: 0;
    border: none;
}

#reviews input[name="rating"] {
    display: none;
}

.rate .product-rate label i {
    position: inherit;
}

#reviews .product-rate {
    position: relative;
    display: inline-block;
    width: 165px;
    height: 15px;
    cursor: pointer;
}
#reviews .product-rate div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#reviews .product-rate div label{
    position: relative;
    width: 29px;
    height: 25px;
    top: -3px;
    cursor: pointer;
    font-size: 27px;
}

#reviews .product-rate div .fa:before{
    content: "\f005";
}

#reviews div .active .fa,
#reviews div .active .fa:before,
#reviews input[type="radio"]:checked + label{
    color: #FF8B00;
}

#review .review-item {
    width: 100%;
    border-bottom: solid 1.3px #a6a6a6;
    margin-bottom: 32px;
}

#review > div:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 0;
}

.review-item .review-info .review-detail {
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
}

.review-item .review-info .review-detail .review-date {
    color: #828282;
    font-size: 16px;
    font-family: GothaProBol;
}

.review-item .review-info .review-detail .user-name {
    color: #111111;
    font-size: 16px;
}

.review-item .review-info .review-detail .review-date,
.review-item .review-info .review-detail .user-name {
    margin-right: 32px;
}

.review-item .review-info .review {
    width: 100%;
    margin-bottom: 32px;
    color: #828282;
}

#reviews h2 {
    font-size: 2rem;
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 32px;
}

.fa-star::before,
.fa-star::before,
#reviews div .active .fa,
#reviews div .active .fa::before{
    color: #ffc703;
}




































































/* NEW MEDIA STYLES */


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

    .header__top-padding {
        padding-top: 11px;
        padding-bottom: 9px;
    }

    .container_flex {
        max-width: 1200px;
    }

    .main-content .catalog-wrapper {
        max-width: 1200px;
    }

    .header__pages ul li a {
        font-size: 14px;
    }

    .header .header__logo {
        height: auto;
    }

    .header .header__phones {
        width: 220px;
    }

    .header .header__phones li a {
        font-size: 15px;
        line-height: 18px;
    }

    .header .header__recall {
        padding: 11px 0;
        margin-right: 50px;
        min-width: 225px;
    }

    .header .header__work {
        width: 200px;
        font-size: 14px;
        line-height: 18px;
    }

    .header .header__work li:last-child {
        font-size: 13px;
    }

    input[type="search"], input[type="text"], input[type="phone"], input[type="email"] {
        height: 38px;
        padding-left: 25px;
        border: 1px solid #ececec;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .header .header__top .container_flex {
        padding-left: 72px;
        padding-right: 72px;
    }

    .header .header__nav .container_flex .navigation {
        padding: 0;
    }

    .header .header__search .search img {
        top: 12px;
        left: 260px;
    }

    .header__nav ul li a {
        font-size: 13px;
    }

    .main-content .breadcrumbs {
        padding: 30px 0px 25px;
    }

    .main-content .breadcrumbs li a {
        font-family: GothaProReg;
        font-size: 14px;
    }


    .item-page .product-block {
        padding: 0 0 80px;
    }






























    .product-heading__model-text {
        width: 220px;
        height: auto;
        font-size: 14px;
        line-height: 14px;
    }


    .content-right .info .anouther-city {
        width: 15%;
        height: 28px;
    }

    .content-right .info .info-all {
        width: 85%;
    }

    .content-right .info-all li {
        margin-bottom: 20px;
        min-width: 200px;
        padding-left: 15px;
    }

    .content-right .info-all .detailed {
        font-size: 13px;
        line-height: 16px;
    }

    .content-right .info .anouther-city .detailed-anouther-city {
        top: 130%;
        left: 45%;
        min-width: 250px;
    }

    .content-center .attributes-main .attribute a, .content-center .attributes-main .attribute {
        font-size: 15px;
        line-height: 20px;
    }
    .default-options .form-group .control-label {
        font-size: 15px;
    }

    .content-center .options-for-linses {
        margin: 24px 0;
        padding: 24px 32px;
    }

    .content-center .buy-buttons {
        margin-top: 24px;
    }

    .content-center #button-cart, .content-center .one_click_checkout {
        min-width: 260px;
        max-width: 260px;
        line-height: 44px;
    }

    .content-center .attributes-main {
        margin-top: 24px;
    }

    .content-center .product-status {
        font-size: 20px;
        letter-spacing: 0.8px;
    }

    .options-with-images .option-info .option-name,
    .options-with-images .option-info .option-selected-name {
        font-size: 15px;
        line-height: 20px;
    }

    .quantity-group .charc {
        font-size: 15px;
        line-height: 26px;
    }

    .content-center .quantity-group {
        margin-top: 24px;
    }

    .product-content {
        padding: 16px 0 0;
    }

    .content-center .options-with-images .option-info {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .content-center .options-with-images .option-detailed {
        margin-bottom: 10px;
    }

    .content-right .info .anouther-city .heading-cities, .content-right .info .anouther-city .description-cities {
        font-size: 13px;
        padding: 10px 24px 0;
        line-height: 18px;
    }

    .content-right .info .anouther-city .description-cities {
        padding: 0 24px 10px;
    }

    .content-right .recomended-article {
        margin-left: 5%;
    }

    .content-right .recomended-article .article-name {
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        color: #78406e;
        padding-left: 14px;
        padding-right: 10%;
    }

    .product-detailed-content {
        margin-top: 62px;
    }

    .quantity input {
        width: 26px;
        height: 26px;
        font-size: 15px;
    }
    .quantity .quantity-nav .quantity-button {
        width: 26px;
        line-height: 26px;
        font-size: 17px;
    }

    .default-options .form-group .radio-options .radio {
        padding: 0 24px 0 0;
    }

    .header .header__search .search img {
        top: 13px;
        left: 240px;
    }



    .news-page .news {
        max-width: 1200px;
    }


    .single-news-page .news {
        max-width: 1200px;
    }
    .main-content {
        max-width: 1200px;
    }

    .review-item .review-info .review-detail .review-date,
    .review-item .review-info .review-detail .user-name {
        font-size: 14px;
    }

    #reviews .product-rate div label {
        font-size: 21px;
        top: 2px;
    }

}

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

    body {
        font-family: GothaProLig;
        font-size: 13px;
    }

    .header__top-padding {
        padding-top: 10px;
        padding-bottom: 8px;
    }

    .container_flex {
        max-width: 980px;
    }

    .main-content {
        max-width: 980px;
    }

    .header__top-padding {
        padding-top: 8px;
        padding-bottom: 6px;
    }

    .facebook-svg {
        width: 14px;
        height: 14px;
    }

    .header__lang .btn-lang span {
        font-size: 13px;
    }

    .header .header__auth .sing-up::after {
        width: 24px;
    }

    .header .header__top .container_flex {
        padding-left: 65px;
        padding-right: 65px;
    }

    .header__pages ul {
        width: 345px;
    }

    .header__pages ul li a {
        font-size: 13px;
    }

    .header .header__phones {
        width: 175px;
    }

    .header .header__phones li a {
        font-size: 14px;
        line-height: 16px;
    }

    .btn {
        font-size: 13px;
    }

    .header__lang .dropdown-menu {
        margin: 9px 0 0;
    }

    .header__lang .dropdown-menu li button {
        line-height: 24px;
        font-size: 13px;
    }

    .header .header__cart {
        margin-left: 24px;
    }

    .header__main .header__cart #cart > .btn:first-child {
        width: 16px;
        height: 40px;
        background-size: 100% auto;
    }

    .header .header__recall {
        font-size: 12px;
        line-height: 18px;
        padding: 11px 0;
        margin-right: 24px;
        min-width: 200px;
    }

    .header .header__work {
        width: 175px;
        font-size: 13px;
        line-height: 17px;
    }

    .header .header__search {
        width: 200px;
    }

    input[type="search"], input[type="text"], input[type="phone"], input[type="email"] {
        height: 36px;
        padding-left: 12px;
    }

    .header .header__search .search img {
        height: 19px;
        top: 12px;
        left: 135px;
    }

    .header .header__nav .container_flex .navigation {
        padding: 0;
    }

    .header__nav ul li a {
        font-size: 12px;
        min-height: 42px;
        line-height: 16px;
    }

    .main-content .breadcrumbs li a {
        font-size: 13px;
    }

    .breadcrumbs {
        padding: 24px 0 18px;
    }

    .product-heading__title {
        font-size: 24px;
        line-height: 24px;
    }

    .main-content .breadcrumbs {
        padding: 24px 0 16px;
    }

    .product-heading__model {
        padding: 0;
    }

    .product-heading__model-text {
        width: 225px;
        line-height: 40px;
        height: auto;
        padding: 0;
        font-size: 13px;
    }


    .content-center .attributes-main .attribute a,
    .content-center .attributes-main .attribute,
    .options-with-images .option-info .option-selected-name,
    .options-with-images .option-info .option-name {
        font-size: 14px;
        line-height: 16px;
    }

    .content-center .options-with-images .option-info {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .content-center .price-block .product-init-price {
        font-size: 24px;
        line-height: 30px;
    }

    .content-center .quantity-group {
        margin-top: 16px;
    }

    .content-left .shared-buttons .shared-buttons-text {
        font-size: 13px;
    }

    #detailed-tabs-content > div {
        font-size: 13px;
        line-height: 18px;
    }

    #detailed-tabs-content {
        padding: 56px 64px;
        margin-bottom: 64px;
    }

    .related-products h3 {
        font-size: 24px;
        line-height: 18px;
        margin-bottom: 40px;
    }

    .module-blog-article h3.section-title {
        font-size: 24px;
    }

    .related-products .product-thumb button {
        font-size: 11px;
        padding: 12px 0 12px;
        line-height: 11px;
    }

    .news .section-title {
        margin-bottom: 24px;
    }

    .module-blog-article .bm2-module-articles-horz .bm2-article-title {
        margin-bottom: 16px;
    }

    .mod-art-horizontal-item .article-items .bm2-article-title a {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
    }

    .mod-art-horizontal-item .article-items .block-text {
        margin-top: 8px;
        line-height: 14px;
        max-height: 42px;
    }

    .module-blog-article .mod-art-horizontal-item .article-items .news-block__read-more a {
        font-size: 14px;
    }

    .related-products {
        margin-bottom: 80px;
    }

    .item-page .product-block {
        padding: 0 0 40px;
    }

    footer {
        margin-top: 40px;
    }

    .footer-panel .footer-panel-wrapper .footer_top #newsletter-email input {
        height: 40px;
        font-size: 12px;
    }

    .footer-panel .footer-panel-wrapper .footer_top .btn.btn-primary {
        height: 40px;
        font-size: 12px;
        padding: 0;
    }

    .content-right .recomended-article {
        margin-left: 15%;
    }

    .header__facebook {
        font-size: 13px;
        padding-left: 48px;
        padding-right: 48px;
    }

    .content-right .info .anouther-city .detailed-anouther-city {
        top: 130%;
        left: 45%;
        min-width: 210px;
    }







}





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




    body {
        font-family: GothaProLig;
        font-size: 12px;
    }

    .header__top-padding {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .container_flex, .main-content {
        max-width: 95%;
    }


    .header .header__desktop {
        display: none;
    }


    .header .header__mobile {
        display: block;
        background-color: #f2f2f2;
        width: 100%;
    }

    .header .header__mobile .header__mobile-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto;
    }

    .header .header__mobile-top .header__logo, .header .header__mobile-top .header__logo a {
        height: 90px;
        width: 50%;
        display: block;
    }

    .header .header__mobile-top .header__logo svg {
        height: inherit;
    }

    .header .header__mobile-top .header__recall {
        width: 20%;
        min-width: 20%;
        height: 40px;
        margin-left: 10%
    }

    .header .header__mobile-top .header__cart {
        width: 10%;
    }

    .header .header__mobile-top .header__button-menu {
        width: 10%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }


    .header .header__cart #cart .dropdown-menu::before {
        right: 12%;
    }

    .header__button-menu .button-menu__name {
        font-size: 1.5rem;
        padding-left: 5px;
    }

    #product {
        flex-wrap: wrap;
    }

    .product-heading__model-text {
        width: 100%;
    }

    .content-right .info {
        align-items: center;
    }

    .content-right .info .anouther-city {
        width: auto;
        height: 14px;
    }

    .content-right .info .info-all {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .content-right .info .info-all li {
        margin-bottom: 0;
        min-width: 200px;
        padding-right: 8px;
        align-items: center;
    }

    .content-right .info .anouther-city .detailed-anouther-city {
        top: 170%;
        left: -2%;
        min-width: 240px;
    }




    .content-right .recomended-article {
        display: none;
    }

    .mobile_menu__container {
        padding: 15px 20px;
        width: 100%;
        color: #ffffff;
    }

    .header_mobile_menu .mobile_menu__top {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 16px;
    }

    .mobile_menu__top .header__auth {
        width: 60%;
        font-size: inherit;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .mobile_menu__top .header__auth .sing-up:before {
        display: inline-block;
        content: '';
        width: 12px;
        height: 16px;
        mask-image: url("../image/user.svg");
        background-color: #ffffff;
    }

    .mobile_menu__top .header__auth a, .mobile_menu__top .header__auth .border-between {
        padding: 0;
        width: auto;
        padding-right: 10px;
        color: #ffffff;
        text-align: left;
        font-size: 14px;
    }

    .mobile_menu__top .header__lang {
        width: 25%;
        color: #ffffff;
        font-size: 14px;
    }

    .mobile_menu__top .header__lang .btn-group .btn-lang {
        color: #ffffff;
        font-size: 14px;
        padding: 0;
    }

    .mobile_menu__top .header__close,
    .mobile_menu__top .header__lang .pull-left {
        line-height: 14px;
    }

    .mobile_menu__top .header__lang .btn-group .btn-lang span {
        color: #ffffff;
        font-size: 14px;
        padding: 0;
    }

    .mobile_menu__top .header__lang .dropdown-menu {
        right: 13px;
    }

    .mobile_menu__top .header__close {
        width: 15%;
        font-size: 32px;
        color: #ffffff;
        display: flex;
        justify-content: flex-end;
        font-family: GothaProBol;
    }

    .header__search .search img {
        display: none;
    }

    .mobile_menu__top .header__search #search {
        width: 100%;
        background-color: inherit;
    }

    .mobile_menu__container .header__search #search #menu-search {
        width: 100%;
        background-color: inherit;
        border: none;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        margin-bottom: 16px;
        font-size: 12px;
    }

    .mobile_menu__container > .navigation {
        width: 100%;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .mobile_menu__container .header__pages > ul {
        display: flex;
        flex-direction: column;
        font-family: GothaProBol;
        padding-bottom: 8px;
        border-bottom: 1px solid #ffffff;
        width: 100%;
        margin-bottom: 8px;
    }

    .mobile_menu__container .header__pages > ul a {
        font-size: 14px;
        text-decoration: none;
        line-height: 24px;
    }

    .mobile_menu__container .header__phones {
        margin-bottom: 24px;
    }

    .mobile_menu__container .header__phones li a {
        font-size: 14px;
        line-height: 24px;
    }

    .mobile_menu__container .header__work li {
        font-size: 14px;
        line-height: 24px;
    }

    .mobile_menu__container .header__work li:last-child {
        margin-top: 24px;
    }

    .mobile_menu__container .header__facebook {
        margin: 0;
        padding: 0;
        justify-content: flex-start;
    }

    .mobile_menu__container .header__facebook a .facebook-svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        mask-image: url("../image/facebook.svg");
        background: none;
        background-repeat: no-repeat;
        content: "";
        background-color: #ffffff;
    }

    #mobile_navigation li a {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 32px;
    }

    #mobile_navigation .has-children:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 5px solid white;
        display: inline-block;
        transform: rotate(180deg);
        margin-left: 10px;
    }

    #mobile_navigation .has-children.open:after {
        transform: rotate(0deg);
    }


    #mobile_navigation .has-children {
        display: flex;
        flex-direction: row;
        align-items: center;
    }


    #mobile_navigation .nd-level-2, #mobile_navigation .nd-level-3 {
        margin-left: 16px;
    }


    #mobile_navigation .sub-menu {
        display: none;
    }


    #mobile_navigation .sub-menu.open {
        display: block;
    }






    #product .shared-buttons {
        display: none;
    }

    .footer-panel-wrapper .footer_top {
        width: 80%;
    }

    .header .header__mobile-top .header__logo a{
        height: inherit;
    }

}



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



    .header .header__mobile-top .header__logo, .header .header__mobile-top .header__logo a {
        height: 90px;
        width: 40%;
        display: block;
    }

    .header .header__mobile-top .header__recall {
        width: 30%;
        min-width: 30%;
        margin-left: 0;
    }

    .header .header__mobile-top .header__cart {
        width: 15%;
    }

    .header .header__mobile-top .header__button-menu {
        width: 15%;
    }


    .header .header__cart #cart .dropdown-menu::before {
        right: 12%;
    }





}



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



    .header .header__mobile-top .header__logo, .header .header__mobile-top .header__logo a {
        height: 90px;
        width: 40%;
        display: block;
    }

    .header .header__mobile-top .header__recall {
        width: 35%;
    }

    .header .header__mobile-top .header__cart {
        width: 15%;
    }

    .header .header__mobile-top .header__button-menu {
        width: 10%;
    }


    .header .header__cart #cart .dropdown-menu::before {
        right: 12%;
    }

    .product-heading {
        flex-wrap: wrap;
    }

    .product-heading .product-heading__title {
        margin-bottom: 16px;
    }

    .product-heading .product-heading__model {
        width: 60%;
    }

    .content-center .product-status {
        text-align: center;
    }

    .content-right .info .info-all {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .content-right .info .info-all li {
        margin-bottom: 16px;
        padding-right: 0;
    }

    .content-right .info {
        align-items: flex-start;
    }

    .content-right .info .anouther-city {
        margin-top: 8px;
    }

    .product-detailed-content #detailed-tabs {
        flex-direction: column;

    }

    .product-detailed-content #detailed-tabs > li.active a, .product-detailed-content #detailed-tabs > li a:hover {
        border: 0;
        border-top: 4px solid #7a4170;
    }

    .product-detailed-content #detailed-tabs li a {
        text-align: center;
    }

    #detailed-tabs-content {
        padding: 24px 32px;
    }

    #characteristics table, #characteristics table tbody, #characteristics tr, #characteristics td {
        display: block;
    }

    #characteristics td:first-child {
        font-family: GothaProBol;
    }

    #review {
        margin-bottom: 24px;
    }

    .default-options {
        margin-bottom: 32px;
    }

    .content-center .quantity-group {
        align-items: center;
        justify-content: center;
    }

    .content-center .price-block {
        align-items: center;
    }

    .buy-buttons {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .content-right .info {
        justify-content: center;
    }

    .content-right .info .info-all {
        width: auto;
    }

    footer .footer-panel .footer-panel-wrapper {
        padding: 0;
    }

    .footer-panel-wrapper .footer__info {
        width: 100%;
    }

    #form-newsletter-error {
        flex-wrap: wrap;
        width: 100%;
    }

    #form-newsletter-error #newsletter-email, #form-newsletter-error #subscribe {
        width: 100%;
        min-width: 100%;
    }






}



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



    .header .header__mobile-top .header__logo, .header .header__mobile-top .header__logo a {
        height: 90px;
        width: 50%;
        display: block;
    }

    .header .header__mobile-top .header__recall {
        display: none;
    }

    .header .header__mobile-top .header__cart {
        width: 25%;
    }

    .header .header__mobile-top .header__button-menu {
        width: 25%;
    }


    .header .header__cart #cart .dropdown-menu::before {
        right: 12%;
    }



    .product-heading .product-heading__model {
        width: 85%;
    }

    .content-center .product-options .default-options select {
        width: 80%;
    }

    .content-center .options-for-linses .linza-options {
        flex-wrap: wrap;
    }

    .content-center .options-for-linses .linza-options .title-linzu {
        width: 100%;
        margin-bottom: 16px;
    }

    .content-center .options-for-linses .linza-options .value-linzu {
        width: 50%;
    }

    .content-center .options-for-linses .linza-options .value-linzu select {
        width: 60%;
    }

    .content-center .options-for-linses .linza-side {
        margin-left: 0;
        width: 100%;
    }

    .content-center .options-for-linses .linza-side .linza-side__title {
        width: 50%;
    }

    .header .header__cart #cart .dropdown-menu {
        min-width: 240px;
    }

    footer .footer-panel .footer__info {
        max-width: 100%;
        width: 100%;
    }

    footer .footer-panel .footer-panel-wrapper {
        padding-left: 10%;
        flex-wrap: wrap;
    }


    .news-page .news .news-wrapper .news-block {
        width: 90%;
    }



}

.modal {
    background-color: #111111b3;
}

.panel {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-backdrop.fade.in {
    display: none;
}


.simplecheckout .simplecheckout-three-column {
    min-height: 1px;
}

.simplecheckout .simplecheckout-block select {
    width: 100%;
    height: 38px;
    outline: none;
    border-radius: 0px;
    background: none;
    font-size: 15px;
    font-family: "GothaProLig";
    padding-left: 10px;
}

.header__logo img {
    height: 90px;
}



/* START STYLES FOR INFORMATION PAGES */

.information #content b,
.information #content strong {
    font-weight: bold;
}
.information #content h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.information #content hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
.information #content fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
.information #content legend {
    border: 0;
    padding: 0;
}
.information #content h1,
.information #content h2,
.information #content h3,
.information #content h4,
.information #content h5,
.information #content h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.information #content h1,
.h1,
.information #content h2,
.h2,
.information #content h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.information #content h4,
.h4,
.information #content h5,
.h5,
.information #content h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.information #content h1,
.h1 {
    font-size: 36px;
}
.information #content h2,
.h2 {
    font-size: 30px;
}
.information #content h3,
.h3 {
    font-size: 24px;
}
.information #content h4,
.h4 {
    font-size: 18px;
}
.information #content h5,
.h5 {
    font-size: 14px;
}
.information #content h6,
.h6 {
    font-size: 12px;
}
.information #content p {
    margin: 0 0 10px;
}
.information #content ul,
.information #content ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.information #content ul ul,
.information #content ol ul,
.information #content ul ol,
.information #content ol ol {
    margin-bottom: 0;
}


/* END STYLES FOR INFORMATION PAGES */