*,
*:after,
*:before {
    box-sizing: border-box
}

@font-face {
    font-display: swap;
    font-family: 'Museo Sans Cyrl';
    src: url('../fonts/MuseoSansCyrl-300.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Museo Sans Cyrl';
    src: url('../fonts/MuseoSansCyrl-500.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Museo Cyrl';
    src: url('../fonts/MuseoCyrl-900.woff2') format('woff2'),
        url('../fonts/MuseoCyrl-900.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Museo Cyrl 500';
    src: url('../fonts/MuseoCyrl-500.woff2') format('woff2'),
        url('../fonts/MuseoCyrl-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Museo Cyrl';
    src: url('../fonts/MuseoCyrl-700.woff2') format('woff2'),
        url('../fonts/MuseoCyrl-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: 'Bad Script';
    src: url('../fonts/BadScript-Regular.woff2') format('woff2'),
        url('../fonts/BadScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    line-height: 1.6;
    font-size: 16px;
    /* use this value for sizing all items */
    min-width: 320px;
}

body {
    margin: 0;
    height: 100%;
    word-wrap: break-word;
    background-color: #e9f2f9;
    color: #1f1f1f;
}

body,
input,
textarea,
button {
    font-family: 'Museo Sans Cyrl', 'Helvetica Neue', 'Tahoma', sans-serif;
    font-weight: 300;

}

textarea {
    line-height:20px !important;
    padding-top:18px !important
}

img {
    border: 0;
}

a {
    color: #1f1f1f;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

a:active,
a:hover {
    outline-width: 0;
    color: #0069b3
}

ul {
    list-style: circle
}

ol {
    list-style: decimal
}

ul,
ol {
    margin-top: 12.8px;
    margin-top: .8rem
}

li {
    margin-bottom: 12.8px;
    margin-bottom: .8rem
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15
}

textarea {
    overflow: auto;
    min-height: 160px;
}

.wow {
    visibility: hidden;
}

.color-white {
    color: #FFF
}

.color-blue {
    color: #0069b3
}

[class$="__content"] {
    margin: 0 auto;
    width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    font-stretch: condensed
}

@media only screen and (max-width:1170px) {
    [class$="__content"] {
        width: 100%;
    }
}

/* CORE */
.btn,
input[type="submit"] {
    font-weight: 300;
    background-color: rgb(214, 219, 222);
    color: #025893;
    white-space: nowrap;
    font-size: 16px;
    padding: 0 22px;
    line-height: 48px;
    height: 48px;
    border-radius: 10px;
    border: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: color .2s ease, background-color .2s ease, -webkit-transform .1s ease;
    transition: color .25s ease, background-color .25s ease, -webkit-transform .1s ease;
    transition: color .25s ease, transform .1s ease, background-color .25s ease;
    transition: color .25s ease, transform .1s ease, background-color .25s ease, -webkit-transform .1s ease;
    outline: none;
}

.btn:hover {
    color: #FFF;
    background-color: rgb(4, 116, 195)
}

.btn:active
input[type="submit"]:active {
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
}

.btn--small {
    font-size: 14px;
    padding: 0 16px;
    line-height: 38px;
    height: 38px;
}

.btn--green,
input[type="submit"] {
    background-color: #01907c;
    color: #FFF
}

.btn--green:hover,
input[type="submit"]:hover {
    background-color: #03a58f
}

.btn--blue {
    background-color: #0069b3;
    color: #FFF
}

.btn--blue:hover {
    background-color: #077ed3;
}

.btn--icon {
    width:28px;
    height:28px;
    border-radius:50%;
    padding:0;
    background-position:50% 50%;
    background-size:40% auto;
    background-repeat:no-repeat
}

.btn--icon-trash {
    background-image:url('../img/lampochka/icon-trash.svg')
}

.btn--fullwidth {
    width:100%;
    padding-left:4px;
    padding-right:4px
}

.btn--catalog-link {
    border-radius: 0 0 10px 10px;
    width: 100%;
    padding: 0 4px;
}

.btn--show-more {
    width: 37%
}

.button-group {
    text-align: center;
}

.btn--cart {
    padding-left:72px;
    background-image:url('../img/lampochka/cart-bg.png');
    background-position:20px 50%;
    background-repeat:no-repeat
}

*::-webkit-input-placeholder {
    color: #08578f;
}

*::-moz-placeholder {
    color: #08578f;
}

*:-ms-input-placeholder {
    color: #08578f;
}

*::placeholder {
    color: #08578f;
}

::-moz-selection {
    background: #0069b3;
    color: #FFF
}

::selection {
    background: #0069b3;
    color: #FFF
}

::-moz-selection {
    background: #0069b3;
    color: #FFF
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ededf0;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(204, 204, 204);
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #0079cf;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
    background-color: #e0eaf1;
    color: #08578f;
    font-size: 14px;
    font-weight: 500;
    padding: 0 22px;
    line-height: 45px;
    height: 45px;
    border-radius: 10px;
    border: 0;
    text-decoration: none;
    outline: none;
}

[disabled] {
    opacity:0.5
}

body .input--white {
    background-color: rgb(255, 255, 255);
}

/* FORM GRID */
.form-grid {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: center
}

.form-grid__item {
    margin-bottom:14px;
    align-self: center
}

.form-grid__item input[type="text"],
.form-grid__item input[type="search"],
.form-grid__item input[type="password"],
.form-grid__item input[type="email"],
.form-grid__item input[type="tel"],
.form-grid__item textarea {
    width:100%
}

.form-grid__item--12 {
    width:100%
}
.form-grid__item--4 {
    width:calc(33.333% - 15px)
}
.form-grid__item--6 {
    width:calc(50% - 15px)
}
.form-grid__item--8 {
    width:calc(66.666% - 15px)
}

@media only screen and (max-width: 720px) {
    .form-grid__item--12,
    .form-grid__item--4,
    .form-grid__item--6,
    .form-grid__item--8 {
        width:100%
    }
}

.reg-form hr {
    margin:0 0 15px 0;
    border:0;
    padding:0;
    height:1px;
    background-color:rgba(0, 0, 0, 0.06)
}

.reg-form {
    margin:20px 0 30px 0;
    border-radius:10px;
}

.reg-form .form-grid__item input[type="text"],
.reg-form .form-grid__item input[type="search"],
.reg-form .form-grid__item input[type="password"],
.reg-form .form-grid__item input[type="email"],
.reg-form .form-grid__item input[type="tel"] {
    background-color:#FFF
}

.reg-form .form-grid__item {
    align-self: flex-start
}


/* CHECKBOX */
.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkbox__switch input {
    display: none
}

.checkbox__switch label {
    width: 21px;
    height: 21px;
    cursor: pointer;
    position: relative;
}

.checkbox__description {
    margin-left: 28px;
    font-size:14px;
    color:#777;
    cursor:pointer;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    transition:color .2s ease
}
.checkbox__description:hover {
    color:#141414
}

.checkbox__switch label:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    margin: 2px;
    background: #FFF;
    border-radius: 2px;
}

.checkbox__switch label:after {
    content: '';
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.checkbox__switch input:checked+label:before {
    background-image: url('../img/lampochka/check.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 64% auto
}

.checkbox__switch input:checked+label:after {
    background-color: #01907c
}

.checkbox__switch input:disabled+label {
    cursor: not-allowed
}



h1,
h2,
h3 {
    font-family: 'Museo Cyrl';
    padding: 0;
    margin: 0;
}

h3 {
    font-weight: 700;
    font-size: 20px
}



/* LAMPOCHKA */
body>.wrapper {
    background-position: 50% 0;
    background-size: auto, auto;
    background-repeat: no-repeat;
    background-image: url('../img/lampochka/header-bg.png'), linear-gradient(to bottom, #133558 0%, #e9f2f9 350px);
    min-height: 400px;
    will-change: transform;
    transition: transform .3s ease;
}
@media only screen and (max-width:640px) {
    body>.wrapper {
        background-position: 0 0;
    }
}

body.nav-displayed {
    overflow: hidden;
}

body.nav-displayed>.wrapper {
    transform: translateX(60%);
}

.particles {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
}

.header {
    transition: background-color .3s ease;
}

.header__content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 30px;
    min-height: 144px;
}

.header__logo {
    width: 23%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: right;
    padding-right: 10px;
}

.header__logo a {
    display: inline;
    position: relative
}

.header__logo img {
    vertical-align: top
}

.header__data {
    width: 77%;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.header__menu {
    width: 100%
}

.header__menu>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0
}

.header__menu li {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.header__menu li a {
    color: #FFF;
    text-decoration: none;
    transition: color .2s ease, border .2s ease, text-shadow .3s ease;
    position: relative
}

.header__menu a:hover,
.header__menu .active a {
    text-shadow: rgb(245, 248, 216) 0 0 10px
}

.header__menu .active a {
    font-weight: 500
}
.header__menu-wishlist .wishlist_heart{
    display:inline-block;
    vertical-align:bottom;
    margin-bottom:2px;
    fill:rgb(255, 255, 255)
}
.header__menu-wishlist--notempty .wishlist_heart{
    fill:rgb(255, 65, 55)
}
.header__profile-link small{
    display:block;
    color:#777
}
.header__info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    position: relative
}

.header__search {
    width: 47%;
}

.header__phone {
    width: 31%;
}

.header__cart {
    width: 22%;
    text-align: right;
}

.header__search form#search {
    display: flex;
    flex-direction: row;
}
.header__search input[type="text"],
.mobile-search input[type="text"]{
    background-color: rgb(255, 255, 255);
}

.header__search input[name="searchword"] {
    width: 100%
}

.header__search .btn--search {
    margin-left: -20px;
    line-height: 45px;
    height: 45px;
    font-weight: 500
}

.contact {
    text-align: right;
}

.contact__item {
    font-size: 22px;
    font-weight: 500;
}

.contact__item a {
    text-decoration: none;
    line-height: 100%
}

.contact__description {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%
}

.contact__item {
    position: relative;
    line-height: 32px;
    white-space: nowrap
}

.contact__item:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    vertical-align: top;
    transform: translateY(2px)
}

.contact__item--phone:before {
    background-image: url('../img/lampochka/phone-icon.png')
}

.contact__item--email:before {
    background-image: url('../img/lampochka/email-icon.png')
}

.header__phone .contact__item a {
    color: #FFF;
    transition: text-shadow .3s ease
}

.header__phone .contact__item a:hover {
    text-shadow: rgb(245, 248, 216) 0 0 10px
}

.header__phone .contact__description {
    color: #779ebf;
}

.header__cart-data {
    padding-bottom: 5px
}

.header__cart-data a {
    display: inline-block;
    position: relative;
    min-height: 39px;
    min-width: 110px;
    line-height: 32px;
    padding-left: 45px;
    text-decoration: none;
    background: url('../img/lampochka/cart-icon.png') 0 50% no-repeat;
}

.header__cart-data .counter {
    display: block;
    position: absolute;
    line-height: 22px;
    height: 21px;
    min-width: 21px;
    text-align: center;
    left: 22px;
    font-weight: 500;
    padding-left: 1px;
    font-size: 14px;
    color: #FFF;
    background: #00907d;
    border-radius: 50%;
    top: -5px;
}

.header__cart-data .sum {
    color: #FFF;
    display: inline-block;
    padding: 5px 0 0 5px;
    font-weight: 500;
    transition: text-shadow .3s ease
}

.header__cart-data a:hover .sum {
    text-shadow: rgb(245, 248, 216) 0 0 10px
}

/* MOBILE NAVIGATION */
.nav-trigger {
    display: none;
    outline: none
}

.mobile-visible {
    padding: 0 15px;
    display: none
}

.mobile-visible.mobile-search {
    padding: 0;
    margin-bottom: 10px;
    display: none
        /* виден только при ширине 640px */
}

.mobile-visible.mobile-search input {
    background-color: transparent;
    border-bottom: #133558 2px solid;
    background-image: url('../img/lampochka/search.svg');
    background-position: 15px 50%;
    background-size: 16px auto;
    background-repeat: no-repeat;
    padding-left: 40px;
    height: 70px;
    border-radius: 0;
    width: 100%
}

.mobile-visible.catalog-link {
    padding: 0;
}

.mobile-visible.catalog-link ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-visible .contact {
    text-align: left;
    padding: 10px 0
}

@media only screen and (max-width:900px) {
    .mobile-visible {
        display: block;
    }

    .header--sticky {
        position: sticky;
        top: 0;
        z-index: 90;
        background: #133558;
        border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
        box-shadow: rgba(0, 0, 0, 0.28) 0 0 10px
    }

    .particles {
        display: none !important;
    }

    .header__content {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 40px;
    }

    .header__logo {
        justify-content: flex-start;
        padding-left: 60px;
        width: 30%;
    }

    .header__data {
        width: 70%;
    }

    .header__search {
        width: 70%;
    }

    .header__search .btn {
        display: none
    }

    .header__cart {
        width: 30%;
    }

    .header__menu {
        position: absolute;
        background-color: #FFF;
        box-shadow: rgba(0, 0, 0, 0.2) -10px 0 15px inset;
        z-index: 0;
        left: 0;
        top: 0;
        width: 60%;
        height: auto;
        height: 100vh;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: visibility .3s ease, -webkit-transform .3s ease;
        transition: visibility .3s ease, -webkit-transform .3s ease;
        transition: transform .3s ease, visibility .3s ease;
        transition: transform .3s ease, visibility .3s ease, -webkit-transform .3s ease
    }

    .nav-displayed .header__menu {
        visibility: visible;
        overflow:auto;
        padding-bottom:30px
    }

    .header__menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header__menu ul li {
        text-align: left;
        margin: 0;
        width: 100%;
        order:2;
    }

    .header__menu ul li a {
        display: block;
        padding: 10px 15px;
        color: #121212;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: background-color .3s ease;
        transition: background-color .3s ease;
        text-shadow: none !important;
        border-bottom: rgba(0, 0, 0, 0.07) 1px solid
    }

    .header__menu-wishlist {
        order:1 !important;
    }

    .header__menu-wishlist .wishlist_heart {
        display:none
    }

    .header__menu ul li a:hover,
    .header__menu ul li.active a {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .header__menu ul ul {
        display: none
    }

    .header__phone {
        display: none
    }

    .nav-trigger {
        display: block !important;
        position: absolute;
        top: 6px;
        left: 0;
    }
}

@media only screen and (max-width:640px) {
    .header__search {
        display: none
    }

    .mobile-visible.mobile-search {
        display: block
    }

    .header__cart {
        width: 100%
    }

    .header__cart-data {
        padding-top: 5px
    }

    .header__cart-data a {
        min-width: auto;
        vertical-align: top
    }

    .header__cart .sum {
        display: none
    }

    .main-column__right .social {
        display: none
    }
}

/* SECTION: MAIN */
.main {
    padding: 45px 0 0 0
}

.main-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.main-column__left {
    width: 23%;
    padding-top: 5px;
}

.main-column__right {
    width: 77%;
    position:relative;
    padding-left: 30px;
}

@media only screen and (max-width: 980px) {
    .main-column {
        flex-direction: column;
        justify-content: flex-start
    }

    .main-column__left {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 30px;
        order: 2;
    }

    .main-column__right {
        width: 100%;
        padding-left: 0;
        order: 1;
    }
}


.heading__coursive {
    font-family: 'Bad Script';
    font-size: 30px;
    line-height: 30px;
}

.heading__main {
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    font-family: 'Museo Sans Cyrl';
}

.heading__main span {
    color: #cfdfec
}

.heading__title {
    font-size: 40px;
    line-height: 44px;
    font-family: 'Museo Cyrl 500';
    font-weight: 500
}

.slider {
    padding-top: 12px;
    position: relative
}

.slider img {
    max-width: 847px
}

.slider__arrows {
    position: absolute;
    z-index: 50;
    width: 100%;
    top: calc(50% - 26px);
    padding: 0 20px
}

.slider__arrow {
    width: 40px;
    height: 52px;
    background-repeat: no-repeat;
    background-size: auto;
    cursor: pointer;
    transition: background-position .3s ease
}

.slider__arrow--left {
    background-image: url('../img/lampochka/left-arrow.png');
    background-position: 100% 50%;
    float: left
}

.slider__arrow--left:hover {
    background-position: 0 50%;
}

.slider__arrow--right {
    background-image: url('../img/lampochka/right-arrow.png');
    background-position: 0% 50%;
    float: right
}

.slider__arrow--right:hover {
    background-position: 100% 50%;
}


/* USER */
.user {
    padding: 30px 0;
    position:relative;
}

.user__login-links {
    text-align: center
}

.user__login-links:before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url('../img/lampochka/user-icon.png') 50% 50% no-repeat;
}

.user__login-links a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}

.user__login-links a span {
    display: block;
    border-bottom: rgba(0, 0, 0, 0.07) 1px dashed;
}

.user__login-links a:first-child {
    margin-right: 8px;
    padding-right: 11px;
    border-right: rgba(0, 0, 0, 0.07) 1px solid
}
@media only screen and (max-width:900px) {
    .main-column__left .user {
        display:none
    }
}

.usercard__profile {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:nowrap;
    align-items: center;

}
.usercard__profile-link {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    flex-wrap:nowrap;
    align-items: center;
    text-decoration:none;
    width:120px;
}
.usercard__avatar {
    width:48px;
    height:48px;
    border-radius:50%;
}
.usercard__identity {
    padding:0 10px;
}
.usercard__name {
    display:block;
    font-size: 18px;
    line-height:18px;
    font-weight: 500;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:170px;
}

.usercard__email {
    display:block;
    font-size:14px;
    color:#777;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:170px;
}
@media only screen and (max-width:1140px) {
    .usercard__logout-link {
        display:none;
    }
}
.usercard__logout-link {
    width:24px;
    height:24px;
    opacity:0.5;
    transition:opacity .2s ease;
    background:url('../img/lampochka/logout.svg') 50% 50% / 100% auto no-repeat;
}
.usercard__logout-link:hover {
    opacity:1;
}

.usercard__links {
    padding:14px;
    background-color:#FFF;
    margin-top:20px;
    border-radius:10px;
    position:relative;
}
.usercard__links :after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    left: calc(50% - 7px);
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 7px solid rgb(255, 255, 255);
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}
.usercard__links ul{
    padding:0;
    margin:0;
    list-style:none;
}
.usercard__links li{
    padding:0;
    margin:3px 0;
}
.usercard__links li a{
    font-size:14px;
    display:block;
    border-radius:3px;
    line-height:28px;
    background-color:transparent;
    text-decoration:none;
    padding-left:10px;
    transition:color .2s ease, background-color .2s ease
}
.usercard__links li a:hover{
    background-color: #0069b3;
    color: #FFF;
}

.usercard__links li .badge {
    display:inline-block;
    border-radius:3px;
    padding:0 5px;
    line-height:20px;
    font-weight:normal;
    font-size:13px;
    background-color:rgb(255, 65, 55);
    color:#FFF
}



/* QUESTION */
.question {
    background-color: #0069b3;
    padding: 25px;
    color: #FFF;
    border-radius: 10px;
    margin-bottom:30px;
}

.question__heading {
    padding: 0;
    margin: 0;
    line-height: 20px
}

.question__description {
    display: block;
    margin: 4px 0 16px 0;
    font-size: 14px
}

.question__button {
    width: 100%;
    padding-right: 4px;
    padding-left: 4px;
    text-align: center
}
@media only screen and (max-width:900px) {
    .question {
        margin-top:30px
    }
    .question__button {
        width: auto;
        padding-right: inherit;
        padding-left: inherit;
    }
}

.social {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 30px 0
}

.social__image,
.social__info {
    display: inline-block;
    vertical-align: middle
}

.social__image img {
    vertical-align: top;
    margin-right: 10px
}

.social__info strong {
    font-weight: 500;
    display: block
}

.social__link {
    font-weight: 500;
    color: #0069b3
}

/* LEFT MENU */
.catalog-menu {
    padding: 23px 48px 0 28px;
    position: relative;
    border-radius: 10px 10px 0 0;
    background-color: rgb(255, 255, 255);
}

.modal .catalog-menu {
    padding: 0 40px 0 0
}

.catalog-menu__heading {
    padding: 0;
    margin: 0 0 2px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    position: relative;
}

.catalog-menu__heading:before {
    content: '';
    width: 60%;
    right: -10%;
    top: 10px;
    height: 1px;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.06)
}

.catalog-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.catalog-menu li {
    padding: 0;
    margin: 0;
}

.catalog-menu>ul>li {
    padding: 14px 0;
    border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
    line-height: 22px;
    position: relative
}

.catalog-menu>ul>li:last-child {
    border-bottom: none
}

.catalog-menu>ul ul {
    padding: 5px 0 0 10px;
    display: none
}

.catalog-menu>ul li.active>ul {
    display: block
}

.catalog-menu>ul>ul li {
    padding: 4px 0
}

.catalog-menu a {
    text-decoration: none;
    font-weight: 500;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.catalog-menu>ul ul a {
    font-size: 14px;
    line-height:16px;
    margin:5px 0;
    display:inline-block;
    color:#000;
    font-weight: 300
}

.catalog-menu>ul ul a:hover {
    color: #0069b3;
}

.catalog-menu>ul ul li.active>a {
    color: #0069b3;
    font-weight: 700
}

.catalog-menu__toggle {
    content: '';
    position: absolute;
    right: -35px;
    top: 11px;
    width: 27px;
    height: 27px;
    background: url('../img/lampochka/left-menu-toggle-arrow.png') 50% 50% no-repeat;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color .2s ease, transform .2s linear
}

.catalog-menu__toggle:hover,
.catalog-menu__toggle--show {
    background-color: rgba(0, 0, 0, 0.07)
}

.catalog-menu__toggle--show {
    transform: rotate(180deg)
}

/* INDEX FILTER */
.index-filter {
    padding: 20px 30px;
    margin: 30px 0 70px 0;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.07)
}

/* SHOP GRID */
.shop-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0
}

.shop-grid__item {
    width: calc(33.333% - 21px);
    margin-bottom: 30px;
    animation-duration: 0.3s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-name: showShopItem;
  animation-fill-mode: forwards;
}

@keyframes showShopItem {
    from {
      opacity:0;
      transform:scale(0.9)
    }
  
    to {
    transform:scale(1);
      opacity:1
    }
  }

.shop-grid:after {
    content: '';
    width: calc(33.333% - 21px);
}

@media only screen and (max-width:800px) {
    .shop-grid__item {
        width: calc(50% - 15px);
    }

    .shop-grid:after {
        width: calc(50% - 15px);
    }

    .btn--show-more {
        width: 100%
    }
}

@media only screen and (max-width:580px) {
    .shop-grid {
        flex-direction: column;
        align-items: center
    }

    .shop-grid__item {
        width: 100%;
    }

    .shop-grid:after {
        width: 100%;
    }
}

.shop-item__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    height:100%;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0px 0px 0px 0px rgba(46, 52, 56, 0);
    transition: box-shadow .35s ease;
    will-change: box-shadow;
    position:relative;
}

.shop_wishlist {
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
    width:27px;
    height:27px;
    border-radius:50%;
    background:url('../img/lampochka/heart.svg') 50% 50% / 58% auto no-repeat rgba(255,255,255,0.35);
    transition:background-color .2s ease, transform .2s ease;
}
.shop_wishlist:hover, .shop_wishlist.active {
    background-color:#FFF
}
.shop_wishlist:active {
    transform:scale(0.9)
}

.wishlist-table {
    margin:30px 0 50px 0
}
.wishlist_remove {
    text-align:center;
}
.wishlist_count .input-number {
    margin:0 auto;
}
.wishlist_last_tr .wishlist_summ {
    color: #01907c;
    font-weight:500
}
.wishlist_buy .btn {
    transform:translateY(-2px)
}
.shop-item__article {
    font-size:14px;
    color:#777;
    margin-bottom: 5px
}

.shop-item__anons {
    font-size:14px;
    color:#121212;
    margin: 10px 0
}

.shop-item__anons p{
    margin:0;
    padding:0
}

.shop-item__block:hover {
    box-shadow: 0px 4px 10px 0px rgba(46, 52, 56, 0.2);
}

.shop-photo img {
    display: block;
    width: 100%
}

.shop-item__info {
    padding: 20px
}

.shop-item-title {
    text-decoration: none;
    font-size: 18px;
    line-height:18px;
    margin-bottom:6px;
    font-weight: 700;
    display: block;
}

.shop-item__props {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}

.shop-item__props li {
    padding: 0;
    margin: 8px 0;
    font-size: 14px;
    line-height:16px;
    color: #777;
    font-weight: 300
}

.shop-item__data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0 20px 20px 20px;
}

.shop-photo-labels {
    position:absolute;
    left:0;
    top:0;
}

.price {
    color: #009079;
    font-weight: 700;
    font-size: 18px
}

.price-old {
    display: block;
    color: #777;
    font-weight: 300;
    font-size: 16px
}

.strike {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top
}

.strike:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1.5px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.28);
    transform: rotate(-6deg)
}

.shop-item__more {
    font-weight: 700;
    font-size: 14px
}

/* SHOP ITEM PAGE */
.good {
    padding-top:10px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: flex-start
}
.good__gallery {
    width:calc(55% - 15px)
}
.good__info {
    width:calc(45% - 15px)
}
.good__heading {
    font-family: 'Museo Cyrl 500';
    font-weight:normal;
    font-size:30px;
    line-height:110%;
    padding:0;
    margin:20px 0 5px 0
}
.good__rate {
    margin-bottom:20px
}
.good__anons {
    font-size:14px;
    line-height:16px;
    margin-bottom:20px
}
.shop__discount {
    border-bottom:20px;
    margin-top:0 !important
}
.good__order {
    padding:20px 40px 30px 40px;
    border-radius:10px;
    background-color:#FFF
}
.good__order-info .price{
    font-size:26px;
}
.good__order-sklad {
    font-weight:500
}
.good__order-info .price-old{
    line-height:100%
}
.good__makeorder {
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items: center;
}
.good__outer-wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.good__order-info {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    margin-bottom:15px;
}
.good__order .error_message, 
.good__order .error{
    text-align:right;
    color:#777;
    font-size:14px;
    line-height:16px;
    padding-top:5px
}
.good__order .addict-field {
    text-align:right;
    margin-bottom:10px;
}
.good__order .shop-dropdown{
    padding: 4px 35px 3px 8px;
    outline:none !important;
    margin:0;
    display:inline-block;
    border-radius:10px;
    border:1px solid #009079;
    color:#777;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat:no-repeat;
    background-color:#FFF;
    background-position:right 8px top 50%;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="12px" viewBox="0 0 24 12" fill="rgba(0,0,0,0.52)"><g><path d="M 0 0 L 24 0 L 12 12 z"/></g></svg>');
    background-size:10px auto;
    cursor:pointer;
    will-change: background-color;
    transition:background-color .25s ease
}
.good__order .shop-dropdown:hover{
    background-color:rgba(0,0,0,0.06);
}
.good__gallery img{
    max-width:100%;
    vertical-align:top
}
.shop-item-big-images {
    position:relative;
    border-radius:10px;
    overflow:hidden
}
.good__gallery .shop_all_img a{
    width:30%;
    display:inline-block;
    margin-bottom:20px;
    border-radius:10px;
    overflow:hidden;
}
.good__gallery .shop_all_img a:first-child{
    width:100%;
}
.good__available {
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    margin-bottom:25px;
}
.in-stock {
    font-size: 14px;
    text-align: left
}

.in-stock:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 8px;
    height: 8px;
    margin-bottom:1px;
    border-radius: 50%
}

.in-stock--true {
    color: #01907c
}

.in-stock--true:before {
    background-color: #01907c;
}

.in-stock--false {
    color: rgb(228, 5, 33)
}

.in-stock--false:before {
    background-color: rgb(228, 5, 33)
}
.shop-item-artikul {
    font-size:14px;
    font-weight:500;
    color:#777
}
.shop-item-artikul strong{
    color:#141414
}
.good__suggestions {
    margin-top:25px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    font-size:14px;
    white-space:nowrap;
    line-height:24px;
}
.good__add-wish {
    cursor:pointer;
}
.good__add-wish span:before{
    color:#777;
    transition:color .3s ease;
    font-weight:500
}
.good__add-wish.active span:before {
    color:rgb(1, 144, 124);
}
.good__add-wish span:before{
    content:'В избранное'
}
.good__add-wish.active span:before{
    content:'В избранном'
}
.good__wishlist-heart {
    transition:fill .3s ease;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 4px;
    margin-right:8px;
    fill:rgb(1, 144, 124)
}
.good__add-wish.active .good__wishlist-heart{
    fill:rgb(1, 144, 124)
}
.good__watch-video {
    cursor:pointer;
}
.good__watch-video img{
    display: inline-block;
    vertical-align: bottom;
    margin-right:8px;
}
.good__watch-video span{
    color:#777;
    transition:color .3s ease;
    font-weight:500
}
.shop_text {
    width:100%;
    padding:20px 0 30px 0
}
.shop_text p{
    margin-block-start: 7px;
    font-weight:500
}
.shop_text__heading {
    margin:0 0 10px 0;
    padding:0;
}

@media only screen and (max-width:850px) {
    .good {
        flex-direction:column;
        justify-content:flex-start;
    }
    .good__gallery {
        width:100%;

    }
    .good__info {
        width:100%;

    }
}


/* VIDEO PLAYER */
.good__video-review {
    width:100%
}
.video__heading {
    margin-bottom:20px
}
.video video {
    outline:none !important;
    vertical-align:top;
}
.video__wrapper {
    border-radius:10px;
    overflow:hidden;
    position:relative;
}
.video__trigger {
    width:100%;
    height:100%;
    background:url('../img/lampochka/play.png') 50% 50% no-repeat rgb(0, 105, 179, 0.6);
    position:absolute;
    top:0;left:0;
    cursor:pointer;
    transition:opacity .2s ease
}
.video__trigger--hide {
    opacity:0
}

/* ХАРАКТЕРИСТИКИ НА СТРАНИЦЕ ТОВАРА */
.good__props {
    padding-bottom:30px;
}
.good__props-heading {
    margin-bottom:15px;
}
.good__props ul {
    list-style:none;
    margin:0;
    padding:0
}
.good__props li {
    margin:0 0 5px 0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: center;
    font-weight:500;
}
.good__props li > span{
    color:#777;
    min-width:200px
}
.good__props li > strong{
    flex:1
}
.sameproducts-heading {
    padding:80px 0 30px 0
}

/* SORT PANEL */
.product-ordering {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin:15px 0;
}

.product-ordering__title {
    font-size:14px;
}

.product-ordering__name {
    font-size:14px;
    margin-left:20px;
    color:#777
}

.product-ordering__name:first-child {
    margin-left:0
}

.product-ordering a {
    color: #000;
    background-color: #FFF
}

.product-ordering a:hover {
    background-color: #eeeeee
}

.product-ordering .sort-down,
.product-ordering .sort-up {
    background-image: url('../img/lampochka/left-menu-toggle-arrow.png');
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.product-ordering .sort-down.active,
.product-ordering .sort-up.active {
    background-image: url('../img/lampochka/left-menu-toggle-arrow-white.png');
}

.product-ordering .sort-up {
    transform: rotate(180deg)
}

.product-ordering a,
.product-ordering span.active {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    margin-left: 3px;
    transition: all .2s ease
}

.product-ordering span.active {
    color: #FFF;
    background-color:#009079;
    box-shadow: #009079 0 0 0 2px inset;
}

.product-ordering span.sort_title {
    margin-left: 0.5rem
}


/* PAGINATION */
.paginator_more_form {
    width: calc(33.333% - 21px);
    margin-bottom: 30px;
    border-radius:10px;
}
.paginator_more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center; 
    overflow: hidden;
    height:100%;
    border-radius: 10px;
    position:relative;
}
.paginator_more_button {
    font-size: 0;
    background:url('../img/lampochka/load.svg') 50% 50% / 60% auto no-repeat rgb(4, 116, 195);
    height: 48px;
    width:48px;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color .2s ease, -webkit-transform .1s ease;
    transition: background-color .25s ease, -webkit-transform .1s ease;
    transition: transform .1s ease, background-color .25s ease;
    transition: transform .1s ease, background-color .25s ease, -webkit-transform .1s ease;
    outline: none;
}
.paginator_more_button:hover {
    color: #FFF;
    background-color: rgb(4, 116, 195)
}
.paginator_more_button:active {
    -webkit-transform: scale(0.98);
    transform: scale(0.98)
}

.paginator {
    padding: 0 0 30px 0;
    justify-content: center;
}

.paginator ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.paginator li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0;
    overflow:hidden;
}

.paginator li a {
    text-decoration:none
}

.paginator li a,
.paginator li span {
    display: block;
    width: 40px;
    height: 36px;
    line-height: 36px;
    background-color: #FFF;
    font-size: 16px;
    color: #01907c;
    transition: background-color .2s ease
}

.paginator li a:hover {
    background-color:#F5F5F5
}

.paginator .active {
    cursor: default;
    background-color: #01907c;
    color: #ededed
}

.paginator li:first-child {
    border-radius:5px 0 0 5px
}

.paginator li:last-child {
    border-radius:0 5px 5px 0
}
.show_all {
    text-align:center;
    margin-bottom:30px;
}
.shop_cat_link {
    margin-top:10px;
}
.shop_cat_link a{
    text-decoration:none;
    border-bottom:rgba(0, 0, 0, 0.12) 1px dashed;
}
.shop_cat_link h3{
    font-weight:500;
    padding:0;
    margin:0;
    display:inline-block;
}

.previous_next_links {
    position:relative;
    padding-bottom:50px;
    font-size:14px;
}
.previous_next_links .next_link{
    width:50%;
    float:right;
    text-align:right;
}
.previous_next_links .previous_link{
    width:50%;
    float:left;
    text-align:left;
}

.catalog__empty {
    padding: 10px 20px;
    margin:20px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    height: calc(100% - 28px);
    width: 100%;
    background-color: #FFF;
    border-radius: 10px;
}

.catalog__empty span {
    font-size: 18px;
    margin-left:20px
}

.informer_alert {
    padding: 12px 20px;
    margin:20px 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: #FFF;
    border-radius: 10px;
    text-align:left;
    line-height:100%
}
.informer_alert span {
    font-size: 16px;
    margin-left:20px
}


/* REVIEWS */
.review-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.review-grid__item {
    width: calc(50% - 15px);
    margin-bottom: 30px;
}
.review-item__block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
    padding:25px;
    background-color: #FFF;
    position: relative;
}
.reviews_name {
    font-weight:500;
    font-size:18px;
    line-height:100%
}
.reviews_date {
    color:#777;
    font-size:14px
}
.reviews_param {
    border-top:rgba(0, 0, 0, 0.06) 1px solid;
    margin-top:10px
}
.reviews_param_value {
    padding-top:10px;
    display:block;
    font-size:14px
}
.reviews_param_value img{
    vertical-align:top
}
@media only screen and (max-width:640px) {
    .review-grid__item {
        width: 100%;
    }
}


/* LEFT SHOP FILTER */
.filter {
    background-color:#FFF;
    margin-bottom:30px;
    border-radius:10px;
    padding:25px;
}
.filter__heading {
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    position: relative;
}
.filter__heading:before {
    content: '';
    width: 30%;
    right: 0;
    top: 10px;
    height: 1px;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.06)
}
.filter__item {
    margin-bottom:5px
}
.filter__subtitle {
    margin:10px 0 5px 0;
    display:block;
    font-weight:500
}
.filter__group {
    margin-top:20px
}


/* BREADCRUMB */
.breadcrumb {
    padding:20px 0 10px 0;
    font-size:14px
}
.breadcrumb a{
    color:#0069b3;
    text-decoration:underline;
    text-shadow:rgba(255, 255, 255, 0.1) 0 1px;
}
.breadcrumb span:after{
    content:'/';
    padding:0 5px 0 2px;
    color:#000
}
.breadcrumb span:last-child a{
    color:#000;
    text-decoration:none
}
.breadcrumb span:last-child:after{
    content:'';
    padding:0;
}

/* BANNERS */
.infoblock {
    padding: 80px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.infoblock__item {
    border-radius: 10px;
    overflow: hidden;
    width: calc(50% - 15px);
    background-color: rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-decoration: none
}

.infoblock__item--green {
    background-color: rgb(1, 144, 124);
}

.infoblock__item--fullwidth .infoblock__left-side {
    width: 42%
}

.infoblock__item--fullwidth .infoblock__right-side {
    width: 58%
}

.infoblock__item--fullwidth {
    width: 100%
}

.infoblock__text {
    padding: 28px 36px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.infoblock__item--fullwidth .infoblock__text {
    padding: 35px 0 35px 50px;
}

.infoblock__subheading {
    font-family: 'Bad Script';
    font-size: 24px;
    margin-bottom: 7px;
    backface-visibility: hidden;
    transition: transform .35s ease;
    transition-delay: 0
}

.infoblock__name {
    font-family: 'Bad Script';
    font-size: 20px;
    margin-bottom: 12px;
    color: #FFF;
    text-align: right
}

.infoblock__item:hover .infoblock__subheading {
    transform: scale(0.92)
}

.infoblock__maintext {
    font-size: 30px;
    font-family: 'Museo Cyrl 500';
    line-height: 110%;
    transition: transform .35s ease;
    transition-delay: 0.1s
}

.infoblock__item--fullwidth .infoblock__maintext {
    margin-bottom: 12px;
}

.infoblock__item--fullwidth .infoblock__maintext {
    font-size: 40px;
}

.infoblock__item:hover .infoblock__maintext {
    transform: scale(0.92)
}

.infoblock__description {
    color: rgba(255, 255, 255, 0.4);
    backface-visibility: hidden;
    transition: transform .35s ease;
    transition-delay: 0.2s;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.infoblock__item:hover .infoblock__description {
    transform: scale(0.92)
}

.infoblock__right-side {
    padding: 43px 0 35px 16px;
    position: relative;
    font-size: 14px;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.4);
    background: url('../img/lampochka/s-arrow.png') 16px calc(100% - 35px) no-repeat;
}

.infoblock__image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 10px);
    transition: transform .35s ease;
    transition-delay: 0
}

.infoblock__item:hover .infoblock__image {
    transform: scale(0.94) translateX(20px)
}

.infoblock__item--instagram {
    background-color: #c41c83;
    background-image: url('../img/lampochka/w-arrow.png'), url('../img/lampochka/infoblock-instagram-bg.jpg');
    background-size: auto, cover;
    background-position: 73% calc(100% - 18px), 50% 0;
    background-repeat: no-repeat, no-repeat;
}

.infoblock__item--vk {
    background-image: url('../img/lampochka/w-arrow.png');
    background-position: 73% calc(100% - 18px);
    background-repeat: no-repeat;
}

@media only screen and (max-width:800px) {
    .infoblock__item--fullwidth .infoblock__left-side {
        width: 100%
    }

    .infoblock__item--fullwidth .infoblock__right-side {
        display: none
    }

    .infoblock__item--fullwidth .infoblock__text {
        padding: 20px 25px 25px 25px;
    }

    .infoblock__item--fullwidth .infoblock__maintext {
        font-size: 30px;
    }
}

@media only screen and (max-width:720px) {
    .infoblock {
        padding: 20px 0;
        flex-direction: column
    }

    .infoblock__item {
        width: 100%;
        margin: 20px 0
    }
}

/* ABOUT */
.about {
    padding: 60px 0 40px 0
}

.about p {
    padding-top: 10px;
    font-weight: 500
}

/* BOTTOM */
.bottom {
    background-color: #FFF;
    padding: 60px 0
}

.bottom__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bottom__subscription {
    width: 31.6%
}

.bottom__links {
    width: 58%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.subscription-block {
    background-color: #0069b3;
    padding: 30px;
    color: #FFF;
    border-radius: 10px
}

.subscription-block__heading {
    padding: 0;
    margin: 0;
    line-height: 30px
}

.subscription-block__description {
    display: block;
    margin: 4px 0 26px 0;
    font-size: 16px;
    color: #8aacc5
}

.subscription-block__button,
.subscription-block__inputs input {
    min-width: 76%
}

.subscription-block__inputs input {
    margin-bottom:10px
}

.captcha-image {
    display:inline-block;
    border-radius:7px;
    vertical-align:middle;
    margin-bottom:10px
}
.js_captcha_update {
    display:inline-block;
    vertical-align:middle
}
.js_captcha_update a{
    transform:translateY(-5px);
    display:block;
    width:24px;
    height:24px;
    background:url('../img/lampochka/reload.svg') 50% 50% / contain no-repeat
}

.bottom__links-block {
    max-width: 33.333%
}

.bottom__links-block h3 {
    font-family: 'Museo Sans Cyrl';
    padding: 0;
    margin: 0 0 16px 0;
    line-height: 20px;
    font-size: 20px
}

.bottom__links-block ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bottom__links-block li {
    padding: 0 0 6px 0;
    margin: 0;
}

.bottom__links-block li a {
    font-weight: 500
}

.bottom__links-block li a:hover {
    color: #e3023a
}

@media only screen and (max-width:800px) {
    .bottom__content {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .bottom__subscription {
        width: 100%;
    }

    .bottom__links {
        margin-top: 30px
    }

    .subscription-block__button {
        min-width: 0
    }

    .bottom__links {
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .bottom__links {
        display: none
    }
}

/* CONTACT ROW */
.contact-row {
    padding: 50px 0
}

.contact-row__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.contact-row .contact__item a {
    font-weight: 700;
    font-size: 22px
}

.contact-row .contact__description {
    color: #779ebf
}

@media only screen and (max-width:1090px) {
    .contact-row__content {
        flex-wrap: wrap;
    }

    .contact-row .social__item,
    .contact-row .contact {
        padding: 20px 0
    }
}

@media only screen and (max-width:720px) {
    .contact-row__content {
        flex-direction: column;
        align-items: center
    }
}

/* FOOTER */
.footer {
    background-color: #FFF;
    padding: 40px 0 30px 0
}

.footer__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer__copyright {
    color: #777
}

.footer__pay-methods span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    margin-right: 16px
}

.footer__pay-methods img {
    vertical-align: middle;
}

.footer__site-manifest {
    margin-top: 30px;
    color: #777;
    font-size: 14px
}

.footer__site-manifest a {
    color: #0069b3
}

@media only screen and (max-width:1090px) {
    .footer__info {
        flex-wrap: wrap;
    }

    .footer__logo,
    .footer__copyright,
    .footer__pay-methods {
        width: 100%;
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 20px
    }
}

/* SCROLL UP BUTTON */
.scrollup {
    display: none;
    position: fixed;
    z-index: 200;
    bottom: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    transition: background-color .3s ease
}

.scrollup:hover {
    background-color: rgba(255, 255, 255, 1)
}

.scrollup svg {
    width: 42px;
    height: 42px;
    transform: scale(0.6)
}

.scrollup__arrow {
    transition: fill .3s ease;
    fill: rgb(165, 165, 165)
}

.scrollup:hover .scrollup__arrow {
    fill: rgb(0, 105, 179)
}





/* setup tooltips */
.tooltip {
    position: relative;
  }
  .tooltip:before,
  .tooltip:after {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }
  .tooltip:after {
      border-right: 6px solid transparent;
      border-bottom: 6px solid rgba(255,255,255,.75); 
    border-left: 6px solid transparent;
    content: '';
    height: 0;
      top: calc(100% - 3px);
      left: 20px;
    width: 0;
  }
  .tooltip:before {
    background: rgba(255,255,255,.75);
    border-radius: 10px;
    content: attr(data-title);
    font-size: 14px;
    padding: 6px 10px;
      top: calc(100% + 3px);
      left:calc(-50% - 3px);
    white-space: nowrap;
  }
  
  /* the animations */
  /* fade */
  .tooltip.fade:after,
  .tooltip.fade:before {
    transform: translate3d(0,-10px,0);
    transition: all .15s ease-in-out;
  }
  .tooltip.fade:hover:after,
  .tooltip.fade:hover:before {
    opacity: 1;
    transform: translate3d(0,0,0);
  }
  



/* TABLE */
.table {
    overflow-x:auto;
    width:100%;
    margin:20px 0
}
table {
    margin:0;
    border:0;
    box-shadow:rgb(240, 240, 240) 0 0 0 1px inset;
    overflow:hidden;
    background-color:#FFF;
    border-radius:10px;
    overflow:hidden;
    border-collapse:collapse;
    line-height:100%;
    width:100%;
}
@media only screen and (max-width:720px) {
    table {
        border-radius:10px 10px 0 0
    }
}
table th {
    padding:12px 6px;
    color:#0069b3
}
table td {
    padding:8px 6px;
}
table th,
table td {
    font-size:14px;
    border:rgb(240, 240, 240) 1px solid;
}
table th {
    font-weight:500;
    text-align:left;
    line-height:100%;
    white-space:nowrap
}
table img {
    width:100%;
    vertical-align:top;
    max-width:140px;
    min-width:90px;
    height:auto
}
table b{
    font-weight:500
}
table .cart_delivery_name {
    margin-bottom:3px;
    font-weight:500
}
table .cart_delivery_text {
    color:#777
}
.cart_img img {
    width:100%;
    border-radius:3px;
}
.cart_count .input-number {
    margin:0 auto
}

/* CART */
.cart_summ {
    font-weight:500;
}
tbody tr:last-child .cart_summ {
    color:#01907c
}
td.cart_check {
    text-align:center
}
.cart_remove {
    text-align:center
}
.cart_order_heading {
    margin-top:30px
}
.form-order {
    margin:20px 0 30px 0
}
.form-order input[type="text"],
.form-order input[type="tel"],
.form-order input[type="email"],
.form-order textarea {
    background-color:#FFF
}
.form-order .infofield{
    color:#777;
    font-size:14px
}
.form-order .form-grid__item {
    align-self: flex-start
}
.payments {
    margin:20px 0;
}
.payment {
    margin-bottom:20px;
}
.payment label {
    cursor:pointer
}
.payment_text {
    padding-left:26px;
    color:#777;
    font-size:14px;
    line-height:100%
}

/* COUPON */
.coupon-activation-form input[type="text"] {
    background-color:#FFF
}
.coupon-activation-form .btn {
    height:45px;
    line-height:45px;
}
.coupon-activation-form .form-grid__item {
    align-self: flex-start;
}

/* USERPAGE */
.user-page__name {
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin:10px 0 0 0
}
.user-page__settings-link {
    display:inline-block;
    vertical-align: middle;
    padding-left:16px
}
.user-page__register-date {
    font-size:14px;
    color:#777
}
.user-page__ballance {
    margin-top:20px
}
.ballance-card {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items: center;
}
.ballance-card__values {
    padding:10px;
    border-radius:10px;
    background-color:#FFF;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
}
.ballance-card__title {
    font-size:14px
}
.ballance-card__sum {
    font-weight:500;
    font-size:18px;
    color:#009079
}
.ballance-card__topup {
    padding-left:12px;
}
.ballance-card__topup a {
    width:27px;
    height:27px;
    line-height:26px;
    font-size:16px;
    display:block;
    text-align:center;
    background-color:#FFF;
    border-radius:50%;
    text-decoration:none
}


/* INPUT NUMBER */
.input-number {
    border: 1px solid #009079;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 48px;
    margin:1px 10px 0 0;
    width: 100%;
}

.input-number input {
    border: none;
    display: inline-block;
    height: 100%;
    padding: 0 0px 0 0px;
    text-align: center;
    outline: none;
    position: relative;
    width: calc(100% - 20px);
    font-size: 16px;
    font-weight: 500;
    color:#777;
}

.input-number input,
.input-number input:hover,
.input-number input:active {
    background-color: transparent !important
}

.input-number-increment,
.input-number-decrement {
    background: url('../img/lampochka/left-menu-toggle-arrow.png') 50% 50% no-repeat transparent;
    border: 0;
    cursor: pointer;
    display: block;
    outline: none;
    position: absolute;
    width: 28px;
    height: 25px;
    text-align: center;
    right: 0;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

.input-number-increment:hover,
.input-number-decrement:hover {
    background-color: rgba(0, 0, 0, 0.1)
}


.input-number-increment {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0;
}

.input-number-decrement {
    bottom: 0;
}

/* OTHER */
.search_list {
    padding:20px 0 30px 0
}
.error_message {
    cursor:pointer
}
.modal .error_message,
.coupon-activation-form .error_message,
.reg-form .error_message,
.form-order .error_message {
    color:#777;
    font-size:14px;
    line-height:100%;
    padding:8px 12px;
    background-color:#fff4db;
    box-shadow:rgba(0,0,0,0.06) 0 3px 2px;
    border-radius:5px;
    position:relative;
    margin-top:12px;
}
.reg-form .error_message:after,
.coupon-activation-form .error_message:after,
.modal .error_message:after,
.form-order .error_message:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    left: calc(50% - 7px);
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff4db;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}


.cart_order .cart_table_form .error_message {
    color:#FFF;
    font-size:14px;
    line-height:100%;
    padding:8px 12px;
    background-color:#00907d;
    border-radius:10px;
    position:relative;
    text-align:center;
    margin-bottom:12px;
}
.cart_order .cart_table_form .error_message:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    left: calc(50% - 7px);
    top: 100%;
    width: 0;
    height: 0;
    border-bottom: 7px solid transparent;
    border-top: 7px solid #00907d;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.privacy_field {
    font-size:14px;
    line-height:14px;
    color:#777
}

/* FORUM */
.forum_list {
    margin:30px 0;
}
.forum_list th{
    padding-top:15px;
    padding-bottom:15px;
}
.forum_title {
    font-weight:500;
    color:#777;
    background-color:#f7f7f7;
}
body .forum_search__input {
    height:48px;
    display:inline-block;
    margin-right:27px;
    vertical-align:top;
    background-color: #FFF;
}
.forum_add {
    margin-top:10px;
}
.add-message form{
    width:100%;
}
.bbcode_toolbar {
    padding:0;
    margin:0;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    overflow:hidden;
}
.bbutton {
    cursor:pointer;
    transition:transform .2s ease;
}
.bbutton:first-child {
    border-radius:5px 0 0 0;
}
.bbutton:last-child {
    border-radius:0 5px 0 0;
}
.bbutton:hover {
    transform:scale(1.13);
}
.bbutton:active {
    transform:scale(1);
}
.bbcode_toolbar + textarea{
    border-radius:0 5px 5px 5px;
}
.add-message {
    margin:30px 0;
}
.add-message .form-grid__item input[type="text"],
.add-message .form-grid__item textarea {
    background-color:#FFF
}
.forum_messages {
    background-color:#FFF;
    padding:25px;
    border-radius:10px;
    margin:30px 0;
}
.forum_messages .forum_author {
    font-weight: 500;
    font-size: 18px;
}
.forum_date {
    color:#777;
    font-size:14px;
}
.forum_text {
    padding-top: 10px;
    display: block;
    font-size: 14px;
}
.forum_messages > div {
    border-bottom: rgba(0, 0, 0, 0.06) 1px solid;
    margin-bottom: 20px;
    padding-bottom:30px;
}
.forum_messages > div:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom:0
}

/* CLAUSES */
.clauses_list .block_header {
    font-family: 'Bad Script';
    font-size: 26px;
    line-height: 26px;
    color: #0069b3;
    margin:30px 0 10px 0;
}
.clauses_list > .block {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    background-color:#FFF;
    border-radius:10px;
    padding:25px;
    margin:10px 0 20px 0;
}
.clauses_list .block-row-img {
    width:30%;
}
.clauses_list .block-row-img img{
    width:100%;
    border-radius:5px;
    vertical-align:top;
}
.clauses_list .block-text {
    width:70%;
    padding-left:4%;
}
.clauses_list .block-text h4{
    margin:0 0 10px 0;
    padding:0;
}
.clauses_list .block-text .anons {
    font-size:14px;
}
.clauses_list .block-text .date {
    font-size:14px;
    color:#777;
}

/* VIDEO PLAYER */
.video {
    width:320px;
    margin-bottom:10px;
}
.review__media {
    height:240px;
}
.video__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .06);
    background-position: 50% 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius:10px;
}

.video__play-control {
    width: 60px;
    height: 60px;
    background-color: #03a58f;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: width .2s ease, height .2s ease;
    transition: width .2s ease, height .2s ease
}

.video__play-control svg {
    fill: none;
    stroke-width: 1px;
    stroke: rgb(255, 255, 255);
    margin-left: 2px;
    width: 18px !important;
    height: 23px !important;
    -webkit-transition: stroke-width .2s linear;
    transition: stroke-width .2s linear;
}

.video__thumb:hover .video__play-control {
    width: 70px;
    height: 70px
}

.video__thumb:hover .video__play-control svg {
    stroke-width: 1.5px;
}