@font-face {
    font-family: 'robotoregular';
    src: url(../fonts/Roboto-Regular.eot);
    src: url("../fonts/Roboto-Regular.eot#iefix") format('embedded-opentype'), url(../fonts/Roboto-Regular.woff) format('woff'), url(../fonts/Roboto-Regular.ttf) format('truetype'), url("../images/Roboto-Regular.svg#robotoregular") format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'robotobold';
    src: url(../fonts/Roboto-Bold.eot);
    src: url("../fonts/Roboto-Bold.eot#iefix") format('embedded-opentype'), url(../fonts/Roboto-Bold.woff) format('woff'), url(../fonts/Roboto-Bold.ttf) format('truetype'), url("../images/Roboto-Bold.svg#robotobold") format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url("../fonts/PlayfairDisplay-Regular.eot#iefix") format('embedded-opentype'), url(../fonts/PlayfairDisplay-Regular.woff) format('woff'), url(../fonts/PlayfairDisplay-Regular.ttf) format('truetype'), url("../images/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'PlayfairDisplay-Bold';
    src: url("../fonts/PlayfairDisplay-Bold.eot#iefix") format('embedded-opentype'), url(../fonts/PlayfairDisplay-Bold.woff) format('woff'), url(../fonts/PlayfairDisplay-Bold.ttf) format('truetype'), url("../images/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold") format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'PlayfairDisplaySC-Regular';
    src: url("../fonts/PlayfairDisplay-Regular.eot#iefix") format('embedded-opentype'), url(../fonts/PlayfairDisplay-Regular.woff) format('woff'), url(../fonts/PlayfairDisplay-Regular.ttf) format('truetype'), url("../images/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'PlayfairDisplaySC-Bold';
    src: url("../fonts/PlayfairDisplaySC-Bold.eot#iefix") format('embedded-opentype'), url(../fonts/PlayfairDisplaySC-Bold.woff) format('woff'), url(../fonts/PlayfairDisplaySC-Bold.ttf) format('truetype'), url("../images/PlayfairDisplaySC-Bold.svg#PlayfairDisplaySC-Bold") format('svg');
    font-weight: 700;
    font-style: normal
}

.line {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: -1
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
em center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
select,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
    font-weight: 400
}

a {
    text-decoration: none;
    color: inherit;
    outline: none
}

input:focus {
    outline: none
}

select:focus {
    outline: none
}

textarea {
    border: 0;
    padding: 0
}

textarea:focus {
    outline: none
}

header,
section,
footer {
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

.res_line {
    text-align: justify
}

.line_block {
    display: inline-block;
    float: none
}

.after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 100%
}

@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
em center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
select,
input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
    font-weight: 400
}

a {
    text-decoration: none;
    color: inherit;
    outline: none
}

input:focus {
    outline: none
}

select:focus {
    outline: none
}

textarea {
    border: 0;
    padding: 0
}

textarea:focus {
    outline: none
}

header,
section,
footer {
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

.res_line {
    text-align: justify
}

.line_block {
    display: inline-block;
    float: none
}

.after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 100%
}

.callback-btn {
    z-index: 1000;
    position: fixed;
    right: -12px;
    top: 70px;
    width: 58px;
    height: 46px;
    background-color: #dfc270;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-right: none;
    padding-top: 8px;
    transition: right 100ms;
    padding-left: 10px
}

.callbackForm {
    padding-left: 15px
}

.callback-btn:hover {
    cursor: pointer;
    right: 0
}

.callback-btn img {
    width: 60%
}

.callback-btn img:hover {
    cursor: pointer
}

.callback-form {
    max-width: 350px;
    width: 100%;
    z-index: 1001;
    position: fixed;
    right: 0;
    top: 50px;
    background: #dfc270;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 15px;
    -webkit-transition: right 500ms ease-in-out;
    -moz-transition: right 500ms ease-in-out;
    -ms-transition: right 500ms ease-in-out;
    -o-transition: right 500ms ease-in-out;
    transition: right 500ms ease-in-out
}

.callback-form form {
    width: 90%;
    left: 5%;
    color: #424242;
    padding-bottom: 20px
}

.callback-form form button {
    outline: 0;
    background: none;
    border: 0;
    width: 100%;
    margin-top: 20px
}

.callback-form form img {
    width: 100%
}

.callback-form form input {
    padding-left: 3%;
    width: 100%;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    color: #5E5E5E;
    text-align: left
}

.callback-form form h5 {
    float: left;
    margin: 10px auto 1px;
    margin-left: 0;
    font-family: "Arial", sans-serif
}

.callback-form img[src="img/i-cross.svg"] {
    position: absolute;
    right: 15px;
    top: 10px
}

.callback-form .orange-btn {
    padding: 10px 5px !important;
    clear: both;
    margin-top: 10px
}

.callback-form.hide {
    right: -1000px
}

.orange-btn {
    background-color: #FFB300;
    background-image: linear-gradient(to top, #ff7e00 0%, #ffd800 100%);
    border-radius: 4px;
    box-shadow: 0 3px 0 #c55800;
    padding: 20px 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

.callback__text {
    color: #fff
}

.input-wrapper label,
.al-country {
    display: none
}

.input-wrapper {
    position: relative
}

.callback-form .input-wrapper {
    margin: 10px auto !important
}

.input-wrapper .error {
    border: 1px solid red;
    padding-top: 6px;
    box-sizing: border-box
}

.input-wrapper .error+label {
    width: 100%;
    height: 100%;
    color: red;
    display: block !important;
    font-size: 11px;
    left: 25px;
    line-height: 1;
    position: absolute;
    top: 8px;
    text-align: left
}

.callback-form .input-wrapper .error+label {
    left: 15px
}

.callback-form .input-wrapper .error+label:before,
.callback-form .input-wrapper .error+label:after {
    right: 35px
}

.input-wrapper .error+label:before,
.input-wrapper .error+label:after {
    content: "";
    position: absolute;
    right: 55px;
    top: 36%;
    width: 3px;
    height: 21px;
    background-color: red
}

.input-wrapper .error+label:before {
    -webkit-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg)
}

.input-wrapper .error+label:after {
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg)
}

.result {
    position: absolute;
    padding: 10px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 100%;
    max-width: 380px;
    top: 20px;
    left: 20px;
    z-index: 9999;
    font: 30px/50px 'PlayfairDisplaySC-Bold';
    display: none
}

.result p {
    width: 100%;
    color: #60ae42;
    text-align: center
}

.modal_fon {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    top: 0;
    left: 0;
    display: none;
    z-index: 999
}

.modal_ring {
    position: absolute;
    padding: 10px 20px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 90%;
    max-width: 380px;
    top: 20px;
    left: 20px;
    z-index: 99;
    padding-bottom: 30px;
    display: none;
    box-sizing: border-box
}

.callback-btn {
    background-color: #EBBD75 !important
}

.callback-form {
    background: #ffffff !important;
    border: 1px solid #510F41 !important
}

.callback-form form input {
    height: 50px !important;
    border-radius: 6px !important;
    font-size: 20px !important;
    background: #f0ede8 !important
}

.orange-btn {
    height: 60px !important;
    font: 24px/42px 'robotobold' !important;
    text-align: center !important;
    color: #ffffff !important;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25) !important;
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25) !important;
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25) !important;
    background: #94c43a !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    border: none
}

.callback__text {
    color: #fff !important
}

@media (max-width:380px) {
    .modal_ring {
        max-width: 280px;
        box-sizing: border-box;
        width: 90%
    }
}

@media (max-height:373px) {
    .modal_ring {
        top: 0px !important
    }
}

.modal_ring_zag {
    float: left;
    width: 100%;
    text-align: center;
    font: 20px/50px 'PlayfairDisplaySC-Bold';
    text-transform: uppercase;
    color: #510f41
}

@media (max-width:380px) {
    .modal_ring_zag {
        line-height: 30px
    }
}

.modal_ring form {
    float: left;
    width: 100%;
    text-align: center
}

.modal_ring form .input_wrap {
    position: relative;
    width: 100%;
    max-width: 340px;
    width: 100%;
    margin: 10px auto;
    float: left;
    box-sizing: border-box
}

.modal_ring form input[type='text'],
.modal_ring form select {
    max-width: 320px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-left: 10px;
    box-sizing: border-box;
    font-family: 'robotoregular';
    font-size: 20px;
    background: #f0ede8;
    white-space: normal;
    position: relative
}

.modal_ring form input[type='number'],
.modal_ring form select {
    max-width: 320px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-left: 20px;
    box-sizing: border-box;
    font-family: 'robotoregular';
    font-size: 20px;
    background: #f0ede8;
    white-space: normal;
    position: relative
}

@media (max-height:373px) {
    .modal_ring form input[type='text'] {
        height: 30px
    }
}

.modal_ring form .submit_line {
    float: left;
    width: 100%;
    text-align: center
}

.modal_ring form .submit_line input {
    display: inline-block;
    width: 230px;
    height: 60px;
    font: 24px/60px 'robotobold';
    text-align: center;
    color: #fff;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    background: #94c43a;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-top: 40px;
    text-transform: uppercase;
    cursor: pointer
}

.modal_ring form .submit_line input:hover {
    background: #60ae42
}

@media (max-height:373px) {
    .modal_ring form .submit_line input {
        margin-top: 0;
        line-height: 30px;
        font-size: 18px;
        height: 30px
    }
}

.modal_ring .close {
    display: block;
    position: absolute;
    top: -16.5px;
    right: -16.5px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FFF;
    text-align: center
}

.modal_ring .close i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 9px;
    background: url(../images/close.png)
}

.content {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto
}

@media (max-width:1142px) {
    .content {
        padding: 0 15px;
        box-sizing: border-box
    }
}

@media (max-width:924px) {
    .content {
        padding: 0 5%
    }
}

@media (max-width:900px) {
    .content {
        padding: 0 9%
    }
}

@media (max-width:856px) {
    .content {
        padding: 0 15px
    }
}

.header {
    min-height: 65px;
    background-color: #3a032d;
    text-align: center
}

.header__logo {
    float: left;
    display: block;
    margin-top: 20px;
    float: left;
    font-family: 'Playfair Display';
    font-size: 24px;
    line-height: 30px;
    color: #dadada;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px
}

.header__logo p {
    display: inline-block;
    text-align: left
}

.header__logo i {
    display: inline-block;
    text-align: left;
    margin-left: 12px
}

@media (max-width:600px) {
    .header__logo {
        display: none
    }
}

.header__name {
    font: 48px/100px 'robotoregular';
    display: inline-block;
    color: #ebbd75;
    text-transform: uppercase;
    letter-spacing: .2px
}

@media (max-width:600px) {
    .header__name {
        width: 100%;
        line-height: 60px
    }
}

.header__ring {
    display: block;
    font: 18px/100px 'robotoregular';
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    float: right;
    letter-spacing: .4px
}

@media (max-width:600px) {
    .header__ring {
        display: none
    }
}

section {
    overflow: hidden
}

.block__zag {
    width: 100%;
    display: block;
    margin-top: 140px;
    float: left;
    margin-bottom: 54px
}

@media (max-width:594px) {
    .block__zag {
        margin-top: 80px;
        margin-bottom: 20px
    }
}

.block__zag small {
    display: block;
    font: 36px/36px 'robotoregular';
    color: #666;
    float: left;
    width: 100%;
    margin-top: 12px;
    letter-spacing: -.2px
}

@media (max-width:660px) {
    .block__zag small {
        font-size: 30px
    }
}

@media (max-width:594px) {
    .block__zag small {
        font-size: 20px
    }
}

@media (max-width:377px) {
    .block__zag small {
        font-size: 18px
    }
}

.block__zag span {
    display: block;
    height: 74px;
    position: relative;
    float: left;
    padding-left: 170px;
    padding-right: 87px;
    background: #510f41;
    font: 48px/74px 'robotobold';
    color: #fff;
    text-transform: uppercase
}

@media (max-width:594px) {
    .block__zag span {
        font-size: 24px;
        line-height: 37px;
        height: 37px;
        padding-right: 0;
        padding-left: 80px
    }
}

.block__zag span:after {
    content: "";
    display: block;
    width: 52px;
    height: 74px;
    background: url(../images/after_zag.png);
    background-size: cover;
    position: absolute;
    top: 0;
    right: -51px
}

@media (max-width:594px) {
    .block__zag span:after {
        height: 37px
    }
}

.block__zag span i {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block
}

.block__zag span i img {
    max-width: 100%
}

@media (max-width:594px) {
    .block__zag span i {
        width: 68px
    }
}

.product {
    float: left;
    width: 100%;
    background: url(../images/product_fon.jpg)
}

.product .content {
    min-height: 550px;
    background: url(../images/product_girl.png) right bottom no-repeat
}

@media (max-width:1142px) {
    .product .content {
        background-size: 564px;
        background-position: 110% bottom
    }
}

@media (max-width:924px) {
    .product .content {
        background-size: 464px;
        min-height: 0;
        overflow: hidden;
        padding-bottom: 50px
    }
}

@media (max-width:790px) {
    .product .content {
        background-position: 115% bottom
    }
}

@media (max-width:764px) {
    .product .content {
        background: url(../images/price_m.png) center bottom no-repeat;
        background-size: 330px;
        padding-bottom: 376px;
        text-align: center
    }
}

.product__info {
    float: left
}

@media (max-width:764px) {
    .product__info {
        float: none;
        display: inline-block;
        width: 100%
    }
}

.product__info_zag {
    display: block;
    font: 46px/60px 'PlayfairDisplaySC-Bold';
    text-transform: uppercase;
    color: #510f41;
    margin-top: 72px
}

@media (max-width:900px) {
    .product__info_zag {
        margin-top: 35px
    }
}

@media (max-width:764px) {
    .product__info_zag {
        text-align: left;
        display: inline-block
    }
}

@media (max-width:660px) {
    .product__info_zag {
        font-size: 24px;
        line-height: 35px
    }
}

.product__info_zag h2 {
    width: 100%;
    font-size: 37px
}

@media (max-width:720px) {
    .product__info_zag h2 {
        font-size: 31px
    }
}

@media (max-width:360px) {
    .product__info_zag h2 {
        font-size: 26px
    }
}

.product__info_zag h3 {
    display: block;
    margin-top: 12px
}

.product__info_zag p {
    display: inline-block;
    position: relative;
    font: 44px/57px 'PlayfairDisplaySC-Regular';
    color: #fff;
    background: #510f41;
    letter-spacing: 2.1px
}

@media (max-width:720px) {
    .product__info_zag p {
        display: block;
        text-align: center
    }
}

.product__info_zag p b {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 8px;
    position: relative;
    z-index: 9;
    font-size: 37px
}

@media (max-width:720px) {
    .product__info_zag p b {
        font-size: 31px
    }
}

@media (max-width:360px) {
    .product__info_zag p b {
        font-size: 27px
    }
}

.product__info_zag p:after {
    content: "";
    display: block;
    width: 78px;
    height: 57px;
    right: -38px;
    top: 0;
    moz-transform: skew(-39deg, 0deg);
    -webkit-transform: skew(-39deg, 0deg);
    -o-transform: skew(-39deg, 0deg);
    -ms-transform: skew(-39deg, 0deg);
    transform: skew(-39deg, 0deg);
    background: #510f41;
    position: absolute
}

@media (max-width:660px) {
    .product__info_zag p:after {
        height: 30px;
        right: -25px;
        background: none
    }
}

@media (max-width:660px) {
    .product__info_zag p {
        font-size: 24px;
        line-height: 39px
    }
}

.product__info_text {
    display: block;
    font: 23px/24px 'robotoregular';
    color: #666;
    margin-top: 30px
}

@media (max-width:900px) {
    .product__info_text {
        font-size: 22px;
        width: 60%
    }
}

@media (max-width:764px) {
    .product__info_text {
        text-align: center;
        display: inline-block
    }
}

@media (max-width:448px) {
    .product__info_text {
        width: 100%
    }
}

.product__info_text b {
    display: block;
    font: 24px/24px 'robotobold';
    color: #c00;
    margin-top: 16px
}

.product__info_delivery {
    display: block;
    margin-top: 25px;
    overflow: hidden
}

@media (max-width:448px) {
    .product__info_delivery {
        overflow: visible
    }
}

@media (max-width:764px) {
    .product__info_delivery {
        text-align: left;
        display: inline-block
    }
}

.product__info_delivery .icon {
    float: left;
    width: 78px;
    height: 74px
}

@media (max-width:448px) {
    .product__info_delivery .icon {
        width: 58px;
        height: 52px
    }
}

.product__info_delivery .icon img {
    max-width: 100%
}

.product__info_delivery p {
    float: left;
    font: 20px/24px 'robotoregular';
    color: #666;
    margin-top: 16px;
    margin-left: 21px;
    width: 50%
}

@media (max-width:448px) {
    .product__info_delivery p {
        width: 80%;
        margin-top: 5px;
        margin-left: 10px
    }
}

@media (max-width:448px) {
    .product__info_delivery p {
        width: 75%
    }
}

@media (max-width:900px) {
    .product__info_delivery p span {
        display: block
    }
}

.product__info_button {
    display: block;
    width: 230px;
    height: 60px;
    font: 24px/60px 'robotobold';
    text-align: center;
    color: #fff;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    background: #94c43a;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-top: 40px;
    text-transform: uppercase
}

.product__info_button:hover {
    background: #60ae42
}

@media (max-width:764px) {
    .product__info_button {
        margin: 0 auto;
        margin-top: 30px
    }
}

.price {
    float: left;
    width: 100%;
    height: 115px;
    background: #ebbd75
}

@media (max-width:764px) {
    .price {
        text-align: center
    }
}

.price .content {
    position: relative
}

.price__img_block {
    position: absolute;
    width: 565px;
    height: 484px;
    right: 152px;
    top: -177px
}

@media (max-width:1142px) {
    .price__img_block {
        right: 15px;
        width: 534px
    }
}

@media (max-width:924px) {
    .price__img_block {
        width: 460px
    }
}

@media (max-width:790px) {
    .price__img_block {
        width: 435px
    }
}

@media (max-width:764px) {
    .price__img_block {
        display: none
    }
}

.price__img_block img {
    float: right;
    display: block;
    position: relative
}

@media (max-width:924px) {
    .price__img_block img {
        width: 342px
    }
}

@media (max-width:1142px) {
    .price__img_block span {
        width: 342px;
        height: 191px;
        background-size: cover;
        top: 95px
    }
}

@media (max-width:924px) {
    .price__img_block span {
        width: 346px;
        top: 110px
    }
}

@media (max-width:790px) {
    .price__img_block span {
        top: 105px
    }
}

.price__info {
    float: left;
    height: 115px;
    position: relative;
    padding-left: 55px;
    box-sizing: border-box;
    width: 100%;
    position: relative
}

@media (max-width:764px) {
    .price__info {
        display: inline-block;
        float: none;
        width: auto;
        padding: initial
    }
}

.price__info_data {
    display: block;
    font: 24px/24px 'robotobold';
    color: #510f41;
    margin-top: 13px
}

@media (max-width:342px) {
    .price__info_data {
        font-size: 20px
    }
}

.price__info_price {
    display: block
}

.price__info_price_old {
    float: left;
    font: 35px/48px 'robotoregular';
    vertical-align: super;
    text-decoration: line-through;
    color: #c00
}

@media (max-width:900px) {
    .price__info_price_old {
        font-size: 24px;
        margin-top: 5px
    }
}

@media (max-width:342px) {
    .price__info_price_old {
        font-size: 20px
    }
}

.price__info_price_new {
    float: left;
    font: 60px/70px 'robotobold';
    color: #fff;
    margin-left: 20px
}

@media (max-width:900px) {
    .price__info_price_new {
        font-size: 48px
    }
}

@media (max-width:342px) {
    .price__info_price_new {
        font-size: 38px
    }
}

.price__info_price_new sup {
    font-size: 34px;
    line-height: 50px;
    vertical-align: top;
    margin-left: 15px
}

@media (max-width:900px) {
    .price__info_price_new sup {
        font-size: 30px
    }
}

@media (max-width:342px) {
    .price__info_price_new sup {
        font-size: 20px
    }
}

.price__info:before {
    content: "";
    display: block;
    position: absolute;
    width: 72px;
    height: 69px;
    left: -15px;
    top: -20px;
    background: url(../images/before_price.png)
}

.situation {
    float: left;
    width: 100%;
    min-height: 500px
}

.situation__line {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.situation__vertical_block {
    float: left;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    min-height: 519px
}

@media (max-width:764px) {
    .situation__vertical_block {
        float: none;
        display: table;
        width: 100%;
        max-width: 367px;
        margin: 0 auto;
        padding: 0
    }
}

.situation__vertical_block_img {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

@media (max-width:764px) {
    .situation__vertical_block_img {
        display: table-header-group;
        float: none
    }
}

.situation__vertical_block_img img {
    width: 100%;
    max-width: 100%
}

.situation__vertical_block_text {
    float: left;
    width: 100%;
    text-align: center
}

@media (max-width:764px) {
    .situation__vertical_block_text {
        display: table-footer-group;
        float: none
    }
}

.situation__vertical_block_text h3 {
    width: 100%;
    font: 24px/30px 'robotobold';
    color: #510f41;
    margin: 7px 0
}

.situation__vertical_block_text p {
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #666;
    margin-bottom: 30px;
    letter-spacing: -.2px
}

.situation__horizontal_block {
    float: left;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box
}

@media (max-width:764px) {
    .situation__horizontal_block {
        width: 100%;
        max-width: 367px;
        float: none;
        display: block;
        margin: 0 auto;
        padding: 0
    }
}

.situation__horizontal_block_img {
    width: 50%;
    float: left;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

@media (max-width:764px) {
    .situation__horizontal_block_img {
        width: 100%;
        padding-right: 0
    }
}

.situation__horizontal_block_img img {
    width: 100%;
    max-width: 100%
}

.situation__horizontal_block_text {
    float: left;
    width: 50%;
    padding-left: 15px;
    box-sizing: border-box
}

@media (max-width:764px) {
    .situation__horizontal_block_text {
        width: 100%;
        padding-left: 0
    }
}

.situation__horizontal_block_text h3 {
    width: 100%;
    font: 24px/30px 'robotobold';
    color: #510f41;
    letter-spacing: -.3px;
    margin-bottom: 23px;
    margin-top: 20px
}

@media (max-width:764px) {
    .situation__horizontal_block_text h3 {
        margin-bottom: 0
    }
}

.situation__horizontal_block_text p {
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #666;
    margin-bottom: 30px;
    letter-spacing: -.2px
}

@media (max-width:1162px) {
    .situation__horizontal_block_text p {
        display: none
    }
}

.situation__horizontal_block .text_mobile {
    float: left;
    width: 100%;
    font: 16px/24px 'robotoregular';
    color: #666;
    display: none;
    margin-top: 20px
}

@media (max-width:1162px) {
    .situation__horizontal_block .text_mobile {
        display: block;
        margin-bottom: 20px
    }
}

.how {
    float: left;
    width: 100%;
    min-height: 615px;
    background: url(../images/video_bg.jpg) center no-repeat
}

@media (max-width:497px) {
    .how {
        background-size: cover
    }
}

.how_zag {
    float: left;
    width: 100%;
    font: 60px/165px 'robotobold';
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:576px) {
    .how_zag {
        font-size: 30px;
        line-height: 83px
    }
}

.how__line {
    float: left;
    width: 100%
}

.how__line_video {
    float: left;
    width: 58.5%;
    height: 390px;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

.how__line_video iframe {
    width: 100%;
    height: 100%
}

@media (max-width:1113px) {
    .how__line_video {
        width: 471px;
        max-width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
        height: auto;
        margin-bottom: 30px
    }
}

.how__line_video img {
    width: 100%
}

.how__line_comment {
    float: right;
    width: 39.7%;
    height: 386px;
    background: rgba(244, 244, 244, .8);
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

@media (max-width:1113px) {
    .how__line_comment {
        width: 100%;
        height: 300px;
        margin-bottom: 30px
    }
}

@media (max-width:719px) {
    .how__line_comment {
        height: auto;
        padding-bottom: 40px
    }
}

.how__line_comment .slick-dots {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 30px;
    text-align: center
}

@media (max-width:719px) {
    .how__line_comment .slick-dots {
        bottom: 20px
    }
}

.how__line_comment .slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.how__line_comment .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.how__line_comment .slick-dots li:nth-last-child(1) {
    margin-right: 0
}

.how__line_comment .slick-dots .slick-active button {
    background: #510f41
}

.how__line_comment .slide {
    width: 100%;
    padding: 0 31.5px;
    box-sizing: border-box;
    float: left
}

@media (max-width:764px) {
    .how__line_comment .slide {
        padding: 0 10px
    }
}

.how__line_comment .slide__autor {
    width: 100%;
    float: left;
    margin-top: 30px
}

@media (max-width:1113px) {
    .how__line_comment .slide__autor {
        text-align: center
    }
}

.how__line_comment .slide__autor .avatar {
    display: block;
    float: left
}

@media (max-width:1113px) {
    .how__line_comment .slide__autor .avatar {
        display: inline-block;
        float: none
    }
}

.how__line_comment .slide__autor .name {
    float: left;
    margin-left: 20px;
    font-family: 'robotoregular';
    line-height: 24px;
    margin-top: 30px
}

@media (max-width:1113px) {
    .how__line_comment .slide__autor .name {
        display: inline-block;
        float: none;
        text-align: left
    }
}

.how__line_comment .slide__autor .name .autor {
    display: block;
    font-size: 20px;
    color: #603
}

.how__line_comment .slide__autor .name .city {
    display: block;
    font-size: 18px;
    color: #666
}

.how__line_comment .slide_text {
    float: left;
    width: 100%;
    font-family: 'robotoregular';
    line-height: 17px;
    font-size: 16px;
    color: #666;
    text-align: justify;
    margin-top: 12px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none
}

@media (max-width:768px) {
    .how__line_comment .slide_text {
        font-size: 1em;
        line-height: 1.2em
    }
}

.problems {
    float: left;
    width: 100%;
    padding-bottom: 60px;
    background: url(../images/problems_fon.jpg) center 100px no-repeat
}

@media (max-width:594px) {
    .problems .block__zag {
        margin-top: 90px
    }
}

.problems .end {
    margin-right: 0
}

.problems_block {
    float: left;
    width: 31.62%;
    margin-right: 2.56%
}

@media (max-width:1156px) {
    .problems_block {
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-right: 0;
        height: 447px
    }
}

@media (max-width:764px) {
    .problems_block {
        display: block;
        float: none;
        margin: 15px auto !important;
        width: 100%;
        max-width: 370px;
        clear: both;
        height: auto
    }

    .problems_block p {
        margin-bottom: 30px
    }
}

@media (max-width:640px) {
    .problems_block {
        padding: 0
    }
}

.problems_block_img {
    width: 100%;
    float: left;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

.problems_block_img img {
    max-width: 100%;
    width: 100%
}

.problems_block_text {
    float: left;
    width: 100%;
    text-align: center
}

.problems_block_text h3 {
    float: left;
    width: 100%;
    font: 24px/30px 'robotobold';
    color: #510f41;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-top: 15px;
    margin-bottom: 15px
}

.problems_block_text h3 span {
    color: #ebbd75
}

.problems_block_text h3 i {
    display: block
}

.problems_block_text p {
    float: left;
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #666
}

.problems_block_text p span {
    display: block
}

.problems_block_text p span {
    display: block
}

.problems .action_zag {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    margin-top: 45px
}

@media (max-width:1156px) {
    .problems .action_zag {
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box;
        margin-top: 0;
        min-height: 417px;
        background: url(../images/action_fon.jpg) center bottom no-repeat;
        background-size: 345px
    }
}

@media (max-width:764px) {
    .problems .action_zag {
        display: block;
        float: none;
        margin: 15px auto;
        width: 100%;
        max-width: 370px;
        clear: both;
        background: none;
        min-height: 0
    }
}

.problems .action_zag p {
    display: inline-block;
    font-size: 24px;
    line-height: 30px;
    text-align: left
}

@media (max-width:1100px) {
    .problems .action_zag p {
        text-align: center
    }
}

.problems .action_zag p span {
    color: #c03
}

.problems .action_zag h3 {
    display: inline-block;
    font: 68px/55px 'PlayfairDisplay-Bold'
}

@media (max-width:688px) {
    .problems .action_zag h3 {
        font-size: 48px
    }
}

.problems .action_line {
    float: left;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)), url(../images/action_fon.jpg) right center no-repeat
}

@media (max-width:1156px) {
    .problems .action_line {
        background: none
    }
}

@media (max-width:764px) {
    .problems .action_line {
        background: url(../images/action_fon.jpg) right center no-repeat;
        background-size: 313px
    }
}

@media (max-width:688px) {
    .problems .action_line {
        background-position: 50% 15%
    }
}

.problems .action_line_zag {
    float: left;
    width: 100%;
    margin-top: 53px
}

@media (max-width:768px) {
    .problems .action_line_zag {
        float: left;
        width: 100%;
        margin-top: 0
    }
}

.problems .action_line_zag h3 {
    display: block;
    position: relative;
    float: left;
    font: 55px/90px 'robotobold';
    color: #fff;
    text-transform: uppercase;
    background: #be0027;
    letter-spacing: 9px;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25)
}

.problems .action_line_zag h3 b {
    display: inline-block;
    padding-right: 76px;
    padding-left: 30px;
    background: #be0027;
    text-transform: uppercase;
    position: relative;
    z-index: 9
}

@media (max-width:764px) {
    .problems .action_line_zag h3 b {
        padding-right: 7px;
        padding-left: 25px
    }
}

@media (max-width:764px) {
    .problems .action_line_zag h3 b {
        padding-right: 7px;
        padding-left: 15px
    }
}

@media (max-width:764px) {
    .problems .action_line_zag h3 {
        font-size: 46px;
        line-height: 55px
    }
}

@media (max-width:452px) {
    .problems .action_line_zag h3 {
        font-size: 30px;
        line-height: 55px;
        letter-spacing: 4px
    }
}

@media (max-width:375px) {
    .problems .action_line_zag h3 {
        font-size: 26px;
        letter-spacing: 2px
    }
}

.problems .action_line_zag h3:after {
    content: "";
    display: block;
    width: 83px;
    height: 90px;
    moz-transform: skew(-39deg, 0deg);
    -webkit-transform: skew(-39deg, 0deg);
    -o-transform: skew(-39deg, 0deg);
    -ms-transform: skew(-39deg, 0deg);
    transform: skew(-39deg, 0deg);
    background: #be0027;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    position: absolute;
    top: 0;
    right: -40px
}

@media (max-width:764px) {
    .problems .action_line_zag h3:after {
        height: 55px;
        background-size: cover
    }
}

@media (max-width:452px) {
    .problems .action_line_zag h3:after {
        right: -25px
    }
}

.problems .action_line_zag p {
    float: left;
    font: 100px/48px 'robotobold';
    color: #c03;
    margin-left: 58px
}

@media (max-width:768px) {
    .problems .action_line_zag p {
        font-size: 69px;
        line-height: 55px;
        margin-top: 5px
    }
}

@media (max-width:688px) {
    .problems .action_line_zag {
        margin-top: 10px
    }

    .problems .action_line_zag p {
        margin-left: 0;
        margin-top: -5px;
        display: block;
        float: right
    }
}

@media (max-width:452px) {
    .problems .action_line_zag p {
        transform: scale(.7, .7);
        margin-top: -13px
    }
}

@media (max-width:360px) {
    .problems .action_line_zag p {
        transform: scale(.6, .6);
        width: 33%
    }
}

.problems .action_line_zag p sup {
    font-size: 70px;
    vertical-align: super
}

@media (max-width:768px) {
    .problems .action_line_zag p sup {
        font-size: 50px
    }
}

@media (max-width:452px) {
    .problems .action_line_zag p sup {
        margin-right: -15px
    }
}

@media (max-width:360px) {
    .problems .action_line_zag p sup {
        margin-right: -25px
    }
}

.problems .action_line__info {
    float: left;
    width: 100%
}

@media (max-width:688px) {
    .problems .action_line__info {
        display: table
    }
}

@media (max-width:452px) {
    .problems .action_line__info {
        margin-top: 260px
    }
}

.problems .action_line__info_timer {
    float: left;
    width: 43.7%
}

@media (max-width:688px) {
    .problems .action_line__info_timer {
        width: 100%
    }
}

.problems .action_line__info_timer h3 {
    display: block;
    font: 18px/75px 'robotobold';
    color: #666;
    text-transform: uppercase
}

@media (min-width:764px) and (max-width:768px) {
    .problems .action_line__info_timer h3 {
        font: 18px/30px 'robotobold';
        margin-top: 20px
    }
}

@media (max-width:764px) {
    .problems .action_line__info_timer h3 {
        font-size: 17px;
        line-height: 20px;
        margin: 15px auto
    }
}

@media (max-width:329px) {
    .problems .action_line__info_timer h3 {
        font-size: 15px;
        line-height: 20px;
        margin: 15px auto
    }
}

.problems .action_line__info_timer .timer {
    width: 100%
}

.problems .action_line__info_timer .timer .countDays,
.problems .action_line__info_timer .timer .countHours,
.problems .action_line__info_timer .timer .countMinutes {
    float: left;
    width: 23%;
    height: 80px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #510f41;
    font: 60px/80px 'robotobold';
    color: #fff;
    text-align: center;
    overflow: hidden;
    letter-spacing: -18px
}

@media (max-width:924px) {

    .problems .action_line__info_timer .timer .countDays,
    .problems .action_line__info_timer .timer .countHours,
    .problems .action_line__info_timer .timer .countMinutes {
        font-size: 38px;
        width: 20%;
        line-height: 50px;
        height: 50px;
        letter-spacing: normal
    }
}

@media (max-width:688px) {

    .problems .action_line__info_timer .timer .countDays,
    .problems .action_line__info_timer .timer .countHours,
    .problems .action_line__info_timer .timer .countMinutes {
        width: 22.5%
    }
}

@media (max-width:329px) {

    .problems .action_line__info_timer .timer .countDays,
    .problems .action_line__info_timer .timer .countHours,
    .problems .action_line__info_timer .timer .countMinutes {
        width: 21%
    }
}

.problems .action_line__info_timer .timer .countSeconds {
    float: left;
    width: 23%;
    height: 80px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #e6e6e6;
    font: 60px/80px 'robotobold';
    color: #be0027;
    text-align: center;
    overflow: hidden;
    letter-spacing: -18px
}

@media (max-width:924px) {
    .problems .action_line__info_timer .timer .countSeconds {
        font-size: 38px;
        width: 20%;
        line-height: 50px;
        height: 50px;
        letter-spacing: normal
    }
}

@media (max-width:688px) {
    .problems .action_line__info_timer .timer .countSeconds {
        width: 22.5%
    }
}

@media (max-width:329px) {
    .problems .action_line__info_timer .timer .countSeconds {
        width: 21%
    }
}

.problems .action_line__info_timer .timer .countDiv {
    float: left;
    width: 10px;
    height: 80px
}

@media (max-width:924px) {
    .problems .action_line__info_timer .timer .countDiv {
        height: 50px
    }
}

.problems .action_line__info_timer .timer .position {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 34px;
    text-align: left
}

@media (max-width:924px) {
    .problems .action_line__info_timer .timer .position {
        width: 24px
    }
}

@media (max-width:724px) {
    .problems .action_line__info_timer .timer .position {
        width: 24px
    }
}

.problems .action_line__info_timer .timer .digit {
    position: absolute;
    display: block
}

.problems .action_line__info_timer .timer .static {
    width: 100%
}

.problems .action_line__info_timer .name_line {
    float: left;
    width: 100%;
    font: 18px/40px 'robotobold';
    color: #510f41;
    text-transform: uppercase
}

@media (max-width:924px) {
    .problems .action_line__info_timer .name_line {
        font-size: 12px;
        line-height: 29px
    }
}

.problems .action_line__info_timer .name_line span {
    width: 23%;
    text-align: center;
    margin-right: 10px;
    display: block;
    float: left
}

.problems .action_line__info_timer .name_line span:nth-last-child(1) {
    margin: 0
}

@media (max-width:924px) {
    .problems .action_line__info_timer .name_line span {
        width: 20%
    }
}

@media (max-width:688px) {
    .problems .action_line__info_timer .name_line span {
        width: 22.5%
    }
}

@media (max-width:329px) {
    .problems .action_line__info_timer .name_line span {
        width: 21%
    }
}

.problems .action_line__info_price {
    float: left;
    margin-left: 7.6%;
    margin-top: 36px;
    width: 48%
}

@media (max-width:688px) {
    .problems .action_line__info_price {
        width: 100%;
        margin-left: 0;
        display: table-header-group;
        float: none
    }
}

.problems .action_line__info_price_old {
    float: left;
    font: 45px/48px 'robotoregular';
    vertical-align: super;
    text-decoration: line-through;
    color: #c03
}

@media (max-width:902px) {
    .problems .action_line__info_price_old {
        font-size: 30px
    }
}

@media (max-width:688px) {
    .problems .action_line__info_price_old {
        font-size: 28px
    }
}

.problems .action_line__info_price_new {
    float: left;
    font: 70px/70px 'robotobold';
    color: #510f41;
    margin-left: 20px
}

@media (max-width:902px) {
    .problems .action_line__info_price_new {
        font-size: 60px
    }
}

@media (max-width:688px) {
    .problems .action_line__info_price_new {
        font-size: 48px
    }
}

.problems .action_line__info_price_new sup {
    font-size: 44px;
    line-height: 50px;
    vertical-align: top;
    margin-left: 15px
}

@media (max-width:902px) {
    .problems .action_line__info_price_new sup {
        font-size: 30px
    }
}

@media (max-width:688px) {
    .problems .action_line__info_price_new sup {
        font-size: 28px
    }
}

.problems .action_line__info_price_data {
    font: 35px/24px 'robotobold';
    color: #510f41;
    float: left;
    width: 100%;
    margin-top: 27px
}

@media (max-width:902px) {
    .problems .action_line__info_price_data {
        font-size: 26px;
        margin-top: 0
    }
}

.problems .action_line__info_price_data span {
    color: #c03
}

.problems .action_line__info_button_line {
    float: left;
    width: 100%;
    text-align: center
}

.problems .action_line__info_button_line a {
    display: inline-block;
    width: 230px;
    height: 60px;
    font: 24px/60px 'robotobold';
    text-align: center;
    color: #fff;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    background: #94c43a;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-top: 40px;
    text-transform: uppercase
}

.problems .action_line__info_button_line a:hover {
    background: #60ae42
}

.forget {
    float: left;
    width: 100%;
    min-height: 584px;
    background: url(../images/forget_fon.jpg) center no-repeat;
    background-size: cover
}

.forget_zag {
    float: left;
    width: 100%;
    font: 60px/123px 'robotobold';
    text-align: center;
    margin-top: 20px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:575px) {
    .forget_zag {
        font-size: 30px;
        line-height: 85px;
        margin-top: 0
    }
}

@media (max-width:375px) {
    .forget_zag {
        font-size: 30px;
        line-height: 75px;
        margin-top: 5px;
        margin-bottom: -10px
    }
}

.forget_zag span {
    color: #c00
}

@media (max-width:375px) {
    .forget_zag span {
        line-height: 15px
    }
}

.forget__line {
    float: left;
    width: 100%
}

.forget__line_option {
    width: 42.73%;
    float: left
}

@media (max-width:1095px) {
    .forget__line_option {
        width: 100%
    }
}

.forget__line_option_block {
    float: left;
    width: 100%;
    height: 200px
}

.forget__line_option_block p {
    font: 18px/25px 'robotobold';
    padding: 10px 20px;
    background: rgba(190, 0, 39, .85);
    margin-top: 110px;
    color: #fff;
    text-transform: uppercase
}

.forget__line_option .option1 {
    background: url(../images/option1.jpg) left center no-repeat
}

@media (max-width:1095px) {
    .forget__line_option .option1 {
        margin-bottom: 30px
    }
}

.forget__line_option .option1 p {
    float: left;
    margin-left: 170px
}

@media (max-width:485px) {
    .forget__line_option .option1 p {
        line-height: 24px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width:385px) {
    .forget__line_option .option1 p {
        font-size: 17px;
        padding-left: 17px;
        padding-right: 0
    }
}

@media (max-width:320px) {
    .forget__line_option .option1 p {
        margin-left: 165px;
        padding-right: 10px
    }
}

.forget__line_option .option2 {
    background: url(../images/option2.jpg) right center no-repeat
}

.forget__line_option .option2 p {
    float: right;
    margin-right: 170px
}

@media (max-width:475px) {
    .forget__line_option .option2 p {
        line-height: 24px;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (max-width:320px) {
    .forget__line_option .option2 p {
        margin-right: 135px
    }
}

.forget__line_comment {
    float: right;
    width: 48.71%;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px
}

@media (max-width:1095px) {
    .forget__line_comment {
        width: 100%
    }
}

.forget__line_comment .slide {
    float: left;
    width: 100%;
    margin: 0 15px
}

.forget__line_comment .slide__autor {
    width: 100%;
    float: left;
    margin-top: 30px
}

.forget__line_comment .slide__autor .avatar {
    display: block;
    float: left
}

.forget__line_comment .slide__autor .name {
    float: left;
    margin-left: 20px;
    font-family: 'robotoregular';
    line-height: 24px;
    font-size: 18px;
    margin-top: 30px
}

.forget__line_comment .slide__autor .name .autor {
    display: block;
    font-family: 'robotobold';
    color: #ebbd75;
    text-transform: uppercase
}

.forget__line_comment .slide__autor .name .city {
    display: block;
    color: #fff
}

.forget__line_comment .slide_text {
    float: left;
    width: 100%;
    font-family: 'robotoregular';
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    letter-spacing: .2px
}

@media (max-width:768px) {
    .forget__line_comment .slide_text {
        font-size: 1em;
        line-height: 1.2em
    }
}

.forget__line_comment .slick-dots {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 30px;
    text-align: center
}

.forget__line_comment .slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px
}

.forget__line_comment .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.forget__line_comment .slick-dots .slick-active button {
    background: #510f41
}

.description {
    width: 100%;
    float: left;
    min-height: 1756px;
    background: url(../images/description_fon.jpg) center top no-repeat
}

@media (max-width:1058px) {
    .description {
        background: none
    }
}

.description__zag {
    float: left;
    width: 100%;
    margin-top: 60px;
    text-align: center
}

.description__zag h2 {
    float: left;
    width: 100%;
    font: 60px/60px 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .6px
}

@media (max-width:1058px) {
    .description__zag h2 {
        font-size: 48px;
        line-height: 48px
    }
}

@media (max-width:525px) {
    .description__zag h2 {
        font-size: 30px;
        line-height: 30px
    }
}

.description__zag h2 small {
    font-size: 24px;
    line-height: 24px;
    color: #c00;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

@media (max-width:1058px) {
    .description__zag h2 small {
        font-size: 22px
    }
}

@media (max-width:525px) {
    .description__zag h2 small {
        font-size: 18px;
        line-height: 24px
    }
}

.description__zag h3 {
    float: left;
    width: 100%;
    font: 48px/48px 'PlayfairDisplay-Bold';
    text-align: center;
    color: #510f41;
    margin-top: 30px
}

@media (max-width:525px) {
    .description__zag h3 {
        font-size: 35px;
        line-height: 40px
    }
}

#hide_br {
    display: none
}

@media (max-width:525px) {
    #hide_br {
        display: block
    }
}

.description_view {
    float: left;
    width: 100%;
    margin-top: 53px
}

.description_view .img_plan {
    display: none
}

.description_view .img_mob {
    display: none
}

@media (max-width:1058px) {
    .description_view {
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box;
        text-align: center;
        max-height: 584px;
        margin-top: 30px
    }

    .description_view .img_plan {
        display: inline-block;
        margin-top: 37px
    }
}

@media (max-width:727px) {
    .description_view {
        width: 100%
    }

    .description_view .img_plan {
        display: none
    }

    .description_view .img_mob {
        display: inline-block;
        max-width: 100%
    }
}

.description_view h3 {
    float: left;
    width: 100%;
    text-align: center;
    font: 36px/36px 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    letter-spacing: .8px
}

@media (max-width:1058px) {
    .description_view h3 {
        font-size: 30px
    }
}

@media (max-width:525px) {
    .description_view h3 {
        font-size: 24px;
        line-height: 24px
    }
}

.description_view h4 {
    float: left;
    width: 100%;
    text-align: center;
    font: 24px/24px 'robotobold';
    color: #510f41;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 20px
}

@media (max-width:525px) {
    .description_view h4 {
        font-size: 18px;
        line-height: 18px
    }
}

.description_view p {
    float: left;
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #686164;
    text-align: center;
    margin-top: 4px
}

.description_view p span {
    display: block;
    width: 100%;
    text-align: center
}

.description_block {
    width: 34.18%;
    margin-top: 30px
}

@media (max-width:1058px) {
    .description_block {
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box;
        min-height: 584px
    }
}

@media (max-width:727px) {
    .description_block {
        width: 100%;
        text-align: center;
        min-height: 0
    }

    .description_block .img_plan {
        display: none !important
    }

    .description_block .img_mob {
        display: inline-block !important;
        max-width: 100%
    }
}

.description_block h3 {
    float: left;
    width: 100%;
    font: 36px/36px 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-bottom: 10px
}

@media (max-width:1058px) {
    .description_block h3 {
        font-size: 30px
    }
}

@media (max-width:525px) {
    .description_block h3 {
        font-size: 24px;
        line-height: 24px
    }
}

.description_block h3 span {
    display: block;
    width: 100%;
    text-align: center
}

.description_block h4 {
    float: left;
    width: 100%;
    text-align: center;
    font: 24px/24px 'robotobold';
    color: #510f41;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 20px
}

@media (max-width:1058px) {
    .description_block h4 {
        font-size: 22px
    }
}

@media (max-width:525px) {
    .description_block h4 {
        font-size: 18px;
        line-height: 18px
    }
}

.description_block h4 span {
    display: block;
    width: 100%;
    text-align: center
}

.description_block p {
    float: left;
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #686164;
    text-align: center;
    margin-top: 4px
}

.description_block p span {
    display: block;
    width: 100%;
    text-align: center
}

.description .security {
    float: left;
    text-align: center
}

.description .security .img_plan {
    display: none
}

.description .security .img_mob {
    display: none
}

@media (max-width:1058px) {
    .description .security {
        float: right
    }

    .description .security h3 {
        text-align: center;
        font-size: 30px
    }

    .description .security h4 {
        font-size: 22px
    }
}

@media (max-width:727px) {
    .description .security {
        width: 100%
    }

    .description .security .img_plan {
        display: none
    }

    .description .security .img_mob {
        display: inline-block;
        max-width: 100%;
        -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
        -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
        box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
    }
}

@media (max-width:525px) {
    .description .security h3 {
        font-size: 24px;
        line-height: 24px;
        margin-top: 20px
    }

    .description .security h4 {
        font-size: 18px;
        line-height: 18px
    }
}

.description .security .blade {
    float: left;
    width: 70%
}

.description .security .blade img {
    display: none
}

@media (max-width:1058px) {
    .description .security .blade {
        width: 100%;
        text-align: center
    }

    .description .security .blade img {
        display: inline-block;
        margin: 30px 0
    }
}

@media (max-width:727px) {
    .description .security .blade {
        display: none
    }
}

.description .security .coating {
    float: right;
    width: 90%;
    margin-top: 10px
}

@media (max-width:1058px) {
    .description .security .coating {
        width: 100%
    }
}

.description .convenience {
    float: right
}

.description .convenience .img_mob {
    display: none;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

.description .convenience .img_plan {
    display: none
}

.description .convenience .d_text {
    display: block
}

@media (max-width:1058px) {
    .description .convenience {
        float: left;
        margin-top: 30px
    }

    .description .convenience .d_text {
        display: none
    }
}

.description .convenience h3 {
    text-align: center
}

@media (max-width:1058px) {
    .description .convenience h3 {
        font-size: 30px
    }
}

@media (max-width:525px) {
    .description .convenience h3 {
        font-size: 24px;
        line-height: 24px;
        margin-top: 20px
    }
}

.description .convenience h3 h4 {
    font-size: 22px
}

@media (max-width:525px) {
    .description .convenience h3 h4 {
        font-size: 18px;
        line-height: 18px
    }
}

.description .convenience .energy {
    float: left;
    width: 70%;
    margin-left: 10%;
    margin-top: 5px
}

.description .convenience .energy img {
    display: none
}

@media (max-width:1058px) {
    .description .convenience .energy {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .description .convenience .energy img {
        display: inline-block;
        max-width: 100%;
        margin: 30px 0
    }

    .description .convenience .energy h4 {
        display: none
    }
}

.description_bottom {
    float: left;
    width: 100%;
    margin-top: 85px
}

@media (max-width:1058px) {
    .description_bottom {
        margin-top: 30px;
        width: 50%;
        padding: 0 15px;
        box-sizing: border-box
    }
}

@media (max-width:727px) {
    .description_bottom {
        width: 100%;
        text-align: center
    }

    .description_bottom .img_plan {
        display: none
    }

    .description_bottom .img_mob {
        display: inline-block !important;
        max-width: 100%;
        -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
        -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
        box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
    }
}

.description_bottom_block {
    display: block
}

@media (max-width:1058px) {
    .description_bottom_block {
        width: 100% !important
    }
}

.description_bottom_block h3 {
    float: left;
    width: 100%;
    text-align: center;
    font: 36px/36px 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    letter-spacing: .8px
}

@media (max-width:1058px) {
    .description_bottom_block h3 {
        font-size: 30px
    }
}

@media (max-width:525px) {
    .description_bottom_block h3 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 20px
    }
}

.description_bottom_block h4 {
    float: left;
    width: 100%;
    text-align: center;
    font: 24px/24px 'robotobold';
    color: #510f41;
    text-transform: uppercase;
    letter-spacing: .7px;
    margin-top: 20px
}

@media (max-width:1058px) {
    .description_bottom_block h4 {
        font-size: 22px
    }
}

@media (max-width:525px) {
    .description_bottom_block h4 {
        font-size: 18px;
        line-height: 18px
    }
}

.description_bottom_block p {
    float: left;
    width: 100%;
    font: 18px/30px 'robotoregular';
    color: #686164;
    text-align: center;
    margin-top: 4px
}

.description_bottom_block p span {
    display: block;
    width: 100%;
    text-align: center
}

.description_bottom .size {
    float: left;
    width: 42.7%
}

.description_bottom .size .img_mob {
    display: none
}

.description_bottom .hygiene {
    float: right;
    width: 48.7%
}

@media (max-width:1058px) {
    .description_bottom .hygiene {
        margin-top: 30px
    }
}

.description__comment_line {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px
}

@media (min-width:728px) and (max-width:1024px) {
    .description__comment_line {
        margin-top: -120px
    }
}

@media (max-width:727px) {
    .description__comment_line {
        padding: 0 15px;
        box-sizing: border-box;
        padding-bottom: 100px;
        background: url(../images/present_fon_mob.jpg) center bottom no-repeat;
        background-size: cover
    }
}

.description__comment_line_slider {
    display: inline-block;
    width: 100%;
    max-width: 830px;
    min-height: 350px;
    position: relative;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    background-color: #ffffff4a;
    overflow: hidden
}

@media (max-width:1059px) {
    .description__comment_line_slider {
        background-color: #ffffff4a;
        background: url(../images/descript_comment.jpg) center no-repeat
    }
}

@media (max-width:727px) {
    .description__comment_line_slider {
        padding: 0;
        background: rgba(255, 255, 255, .85);
        padding-bottom: 72px
    }

    .description__comment_line_slider .slick-dots {
        position: absolute;
        width: 100%;
        height: 10px;
        left: 0;
        bottom: 30px;
        text-align: center
    }
}

@media (max-width:727px) and (max-width:719px) {
    .description__comment_line_slider .slick-dots {
        bottom: 20px
    }
}

@media (max-width:727px) {
    .description__comment_line_slider .slick-dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 10px
    }

    .description__comment_line_slider .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: #e6e6e6;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%
    }

    .description__comment_line_slider .slick-dots li:nth-last-child(1) {
        margin-right: 0
    }

    .description__comment_line_slider .slick-dots .slick-active button {
        background: #510f41
    }
}

.description__comment_line_slider .slide {
    width: 100%;
    float: left;
    padding: 0 30px;
    box-sizing: border-box
}

.description__comment_line_slider .slide_autor {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.description__comment_line_slider .slide_autor .avatar_line {
    float: left;
    width: 100%;
    text-align: center
}

.description__comment_line_slider .slide_autor .avatar_line img {
    max-width: 100%
}

.description__comment_line_slider .slide_autor .name_line {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    float: left
}

.description__comment_line_slider .slide_autor .name_line .name {
    float: left;
    width: 100%;
    font-family: 'robotobold';
    color: #ebbd75;
    text-transform: uppercase;
    margin-top: 15px
}

.description__comment_line_slider .slide_autor .name_line .city {
    font-family: 'robotoregular';
    color: #722247;
    float: left;
    width: 100%;
    margin-top: 10px
}

.description__comment_line_slider .slide_text {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, .85);
    padding: 12px;
    font: 16px/18px 'robotoregular';
    box-sizing: border-box;
    margin-top: 18px
}

@media (max-width:768px) {
    .description__comment_line_slider .slide_text {
        font-size: 1em;
        line-height: 1.2em;
        text-align: justify
    }
}

.description__comment_line_slider .slick-prev,
.description__comment_line_slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    display: block;
    width: 13px;
    height: 25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.description__comment_line_slider .slick-prev {
    left: 0;
    background: url(../images/prev.png)
}

.description__comment_line_slider .slick-next {
    right: 0;
    background: url(../images/next.png)
}

.description_present {
    float: left;
    width: 100%;
    margin-top: 55px
}

@media (max-width:1151px) {
    .description_present {
        margin-top: 0
    }
}

@media (max-width:1058px) {
    .description_present {
        background: #c66;
        padding-bottom: 48px;
        margin-top: 104px
    }
}

@media (max-width:727px) {
    .description_present {
        margin-top: 0
    }
}

.description_present h3 {
    float: left;
    width: 100%;
    text-align: center;
    font: 24px/24px 'robotobold';
    color: #510f41;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-top: 30px
}

.description_present h2 {
    float: left;
    width: 100%;
    text-align: center;
    font: 48px/48px 'PlayfairDisplay-Bold';
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .5px;
    margin-top: 10px;
    margin-bottom: 20px
}

.description_present h4 {
    text-align: center;
    font: 18px/28px 'robotobold';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin: auto 10px
}

.description_present .button_line {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center;
    margin-top: 30px
}

.description_present .button_line a {
    display: inline-block;
    width: 230px;
    height: 60px;
    font: 24px/60px 'robotobold';
    text-align: center;
    color: #fff;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    background: #94c43a;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    text-transform: uppercase
}

.description_present .button_line a:hover {
    background: #60ae42
}

.steps {
    float: left;
    width: 100%;
    min-height: 634px;
    background: #fef5ec
}

.steps_zag {
    float: left;
    width: 100%;
    font: 60px/60px 'robotobold';
    text-align: center;
    color: #510f41;
    text-transform: uppercase;
    margin-top: 68px
}

.steps_zag small {
    display: block;
    width: 100%;
    font: 24px/24px 'robotobold';
    text-align: center;
    color: #666;
    margin-top: 20px
}

.steps_line {
    float: left;
    width: 97.1%;
    margin: 0 1.45%;
    margin-top: 50px;
    text-align: center
}

@media (max-width:900px) {
    .steps_line {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.steps_line .block {
    display: inline-block;
    width: 20.76%
}

@media (max-width:900px) {
    .steps_line .block {
        float: left
    }
}

@media (max-width:489px) {
    .steps_line .block {
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
        float: none;
        display: block
    }
}

.steps_line .block_icon {
    width: 100%;
    text-align: center
}

.steps_line .block_icon img {
    max-width: 100%
}

.steps_line .block_text {
    width: 100%;
    font: 20px/30px 'robotoregular';
    color: #666;
    margin-top: 10px
}

@media (max-width:900px) {
    .steps_line .block_text {
        font-size: 18px;
        line-height: 24px
    }
}

.steps_line .delimiter {
    display: inline-block;
    width: 4.61%;
    text-align: center;
    margin-top: 60px
}

@media (max-width:900px) {
    .steps_line .delimiter {
        float: left
    }
}

@media (max-width:489px) {
    .steps_line .delimiter {
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
        float: none;
        display: block;
        padding: 27.5px 0
    }
}

.steps_line .delimiter img {
    max-width: 100%
}

.steps__info {
    display: block;
    width: 88.11%;
    margin-left: 5.94%;
    float: left;
    margin-top: 30px
}

.steps__info_block {
    width: 45.63%;
    min-height: 140px;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 102, 102, .25)
}

@media (max-width:899px) {
    .steps__info_block {
        display: block;
        float: none !important;
        width: 100%;
        max-width: 470px;
        margin: 0 auto;
        margin-bottom: 30px
    }
}

.steps__info_block h3 {
    float: left;
    width: 100%;
    font: 24px/53px 'robotobold';
    text-align: center;
    color: #ebbd75;
    text-transform: uppercase;
    margin-top: 12px
}

.steps__info_block p {
    float: left;
    width: 100%;
    font: 20px/30px 'robotoregular';
    color: #fff;
    text-align: center
}

@media (max-width:919px) {
    .steps__info_block p {
        font-size: 18px
    }
}

@media (max-width:370px) {
    .steps__info_block p {
        font-size: 17px
    }
}

.steps__info_block p span {
    display: block;
    width: 100%;
    text-align: center
}

.steps__info .delivery {
    float: left;
    background: url(../images/delivery.jpg) center no-repeat;
    background-size: cover
}

.steps__info .pay {
    float: right;
    background: url(../images/pay.jpg) center no-repeat;
    background-size: cover
}

.gift {
    float: left;
    width: 100%;
    min-height: 571px;
    position: relative
}

@media (max-width:1000px) {
    .gift {
        background: url(../images/gift_plan.jpg) 90% 160px no-repeat
    }
}

@media (max-width:742px) {
    .gift {
        background: url(../images/gift_mob.jpg) center 201px no-repeat
    }
}

.gift__action {
    float: left;
    width: 68.37%;
    background: url(../images/action.jpg) right 20px no-repeat;
    min-height: 461px
}

@media (max-width:1000px) {
    .gift__action {
        display: table;
        padding-top: 170px;
        width: 58%;
        background: none
    }
}

@media (max-width:742px) {
    .gift__action {
        width: 100%;
        min-height: 0;
        padding-top: 200px
    }
}

.gift__action_zag {
    float: left;
    width: 100%;
    margin-top: 60px
}

@media (max-width:1000px) {
    .gift__action_zag {
        position: absolute;
        margin-top: 0;
        left: 0;
        top: 40px
    }
}

@media (max-width:742px) {
    .gift__action_zag {
        padding-left: 15px;
        box-sizing: border-box
    }
}

.gift__action_zag h3 {
    float: left;
    font: 72px/90px 'robotobold';
    position: relative;
    color: #fff;
    letter-spacing: 12px;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25)
}

@media (max-width:742px) {
    .gift__action_zag h3 {
        font-size: 36px;
        line-height: 45px
    }
}

.gift__action_zag h3 b {
    display: inline-block;
    padding-left: 28px;
    padding-right: 102px;
    background: #be0027;
    text-transform: uppercase;
    position: relative;
    z-index: 9
}

@media (max-width:742px) {
    .gift__action_zag h3 b {
        padding-left: 15px;
        padding-right: 51px
    }
}

.gift__action_zag h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -45px;
    width: 140px;
    height: 90px;
    moz-transform: skew(-39deg, 0deg);
    -webkit-transform: skew(-39deg, 0deg);
    -o-transform: skew(-39deg, 0deg);
    -ms-transform: skew(-39deg, 0deg);
    transform: skew(-39deg, 0deg);
    background: #be0027;
    -webkit-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    -moz-box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25);
    box-shadow: 4px 4px 25px 0 rgba(102, 0, 51, .25)
}

@media (max-width:742px) {
    .gift__action_zag h3:after {
        height: 45px;
        right: -18px
    }
}

.gift__action_zag span {
    float: right;
    font: 60px/24px 'robotobold';
    color: #be0027;
    margin-right: -40px
}

@media (max-width:1000px) {
    .gift__action_zag span {
        float: left;
        margin-right: 0;
        line-height: 80px;
        font-size: 120px;
        position: relative;
        margin-left: 80px
    }
}

@media (max-width:742px) {
    .gift__action_zag span {
        display: block;
        width: 100%;
        margin: 0;
        font-size: 60px
    }
}

@media (max-width:350px) {
    .gift__action_zag span {
        font-size: 50px
    }
}

.gift__action_zag span sup {
    font-size: 34px;
    vertical-align: super
}

@media (max-width:1000px) {
    .gift__action_zag span sup {
        font-size: 60px;
        position: absolute;
        top: -20px
    }
}

@media (max-width:742px) {
    .gift__action_zag span sup {
        font-size: 40px;
        top: -10px
    }
}

@media (max-width:350px) {
    .gift__action_zag span sup {
        font-size: 35px
    }
}

.gift__action_timer {
    float: left;
    width: 63.75%
}

@media (max-width:1000px) {
    .gift__action_timer {
        display: table-footer-group;
        float: none
    }
}

.gift__action_timer h3 {
    display: block;
    font: 18px/84px 'robotobold';
    color: #666;
    text-transform: uppercase
}

@media (max-width:764px) {
    .gift__action_timer h3 {
        font-size: 17px
    }
}

@media (max-width:350px) {
    .gift__action_timer h3 {
        font-size: 15px;
        line-height: 40px
    }
}

.gift__action_timer .timer {
    width: 100%
}

@media (max-width:1000px) {
    .gift__action_timer .timer {
        width: 94%
    }
}

@media (max-width:768px) {
    .gift__action_timer .timer {
        width: 81%
    }
}

@media (max-width:742px) {
    .gift__action_timer .timer {
        width: 100%
    }
}

.gift__action_timer .timer .countDays,
.gift__action_timer .timer .countHours,
.gift__action_timer .timer .countMinutes {
    float: left;
    width: 23%;
    height: 80px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #510f41;
    font: 60px/80px 'robotobold';
    color: #fff;
    text-align: center;
    overflow: hidden;
    letter-spacing: -18px
}

@media (max-width:924px) {

    .gift__action_timer .timer .countDays,
    .gift__action_timer .timer .countHours,
    .gift__action_timer .timer .countMinutes {
        font-size: 38px;
        width: 20%;
        line-height: 50px;
        height: 50px;
        letter-spacing: normal
    }
}

@media (max-width:742px) {

    .gift__action_timer .timer .countDays,
    .gift__action_timer .timer .countHours,
    .gift__action_timer .timer .countMinutes {
        height: 40px;
        line-height: 40px;
        width: 15%;
        font-size: 30px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }
}

@media (max-width:320px) {

    .gift__action_timer .timer .countDays,
    .gift__action_timer .timer .countHours,
    .gift__action_timer .timer .countMinutes {
        width: 20%
    }
}

.gift__action_timer .timer .countSeconds {
    float: left;
    width: 23%;
    height: 80px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #e6e6e6;
    font: 60px/80px 'robotobold';
    color: #be0027;
    text-align: center;
    overflow: hidden;
    letter-spacing: -18px
}

@media (max-width:924px) {
    .gift__action_timer .timer .countSeconds {
        font-size: 38px;
        width: 20%;
        line-height: 50px;
        height: 50px;
        letter-spacing: normal
    }
}

@media (max-width:742px) {
    .gift__action_timer .timer .countSeconds {
        height: 40px;
        line-height: 40px;
        width: 15%;
        font-size: 30px
    }
}

@media (max-width:340px) {
    .gift__action_timer .timer .countSeconds {
        width: 20%;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }
}

.gift__action_timer .timer .countDiv {
    float: left;
    width: 10px;
    height: 80px
}

@media (max-width:924px) {
    .gift__action_timer .timer .countDiv {
        height: 50px
    }
}

@media (max-width:742px) {
    .gift__action_timer .timer .countDiv {
        height: 40px;
        width: 13%
    }
}

@media (max-width:340px) {
    .gift__action_timer .timer .countDiv {
        width: 5%
    }
}

.gift__action_timer .timer .position {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 34px;
    text-align: left
}

@media (max-width:924px) {
    .gift__action_timer .timer .position {
        width: 24px
    }
}

@media (max-width:742px) {
    .gift__action_timer .timer .position {
        width: 18px
    }
}

.gift__action_timer .timer .digit {
    position: absolute;
    display: block
}

.gift__action_timer .name_line {
    float: left;
    width: 100%;
    font: 18px/40px 'robotobold';
    color: #510f41;
    text-transform: uppercase
}

@media (max-width:1000px) {
    .gift__action_timer .name_line {
        width: 94%
    }
}

@media (max-width:768px) {
    .gift__action_timer .name_line {
        width: 81%;
        font-size: 12px;
        line-height: 29px
    }
}

@media (max-width:742px) {
    .gift__action_timer .name_line {
        width: 100%
    }
}

.gift__action_timer .name_line span {
    width: 23%;
    text-align: center;
    margin-right: 10px;
    display: block;
    float: left
}

.gift__action_timer .name_line span:nth-last-child(1) {
    margin: 0
}

@media (max-width:924px) {
    .gift__action_timer .name_line span {
        width: 20%
    }
}

@media (max-width:688px) {
    .gift__action_timer .name_line span {
        width: 22.5%
    }
}

@media (max-width:742px) {
    .gift__action_timer .name_line span {
        width: 15%;
        margin-right: 13%
    }
}

@media (max-width:340px) {
    .gift__action_timer .name_line span {
        width: 20%;
        margin-right: 5%
    }
}

.gift__action_price {
    float: left;
    width: 100%;
    margin-top: -10px
}

.gift__action_price .old {
    float: left;
    width: 100%;
    text-align: right;
    font: 34px/24px 'robotobold';
    color: #be0027;
    text-decoration: line-through
}

@media (max-width:1000px) {
    .gift__action_price .old {
        width: auto;
        line-height: 44px;
        font-family: 'robotoregular'
    }
}

@media (max-width:768px) {
    .gift__action_price .old {
        font-size: 30px;
        line-height: 30px;
        margin-top: 10px
    }
}

@media (max-width:742px) {
    .gift__action_price .old {
        margin-left: 10%
    }
}

.gift__action_price h3 {
    float: left;
    width: 100%;
    text-align: right;
    font: 48px/24px 'robotobold';
    color: #3a032d;
    text-transform: uppercase;
    margin-top: 10px
}

@media (max-width:1000px) {
    .gift__action_price h3 {
        text-align: left;
        width: auto
    }

    .gift__action_price h3 i {
        display: none
    }
}

.gift__action_price h3 i {
    text-transform: uppercase;
    line-height: 40px
}

.gift__action_price h3 span {
    color: #be0027;
    display: inline-block;
    vertical-align: baseline
}

@media (max-width:1000px) {
    .gift__action_price h3 span {
        color: #510f41;
        font-size: 60px;
        margin-left: 20px
    }
}

@media (max-width:768px) {
    .gift__action_price h3 span {
        font-size: 50px
    }
}

.gift__action_price h3 sup {
    vertical-align: super;
    font-size: 24px;
    text-transform: none
}

@media (max-width:1000px) {
    .gift__action_price h3 sup {
        font-size: 44px
    }
}

@media (max-width:768px) {
    .gift__action_price h3 sup {
        font-size: 34px
    }
}

.gift__action_price .data {
    float: left;
    width: 100%;
    font: 26px/26px 'robotobold';
    color: #3a032d;
    margin-top: 30px;
    letter-spacing: .8px;
    display: none
}

@media (max-width:1000px) {
    .gift__action_price .data {
        display: block
    }
}

@media (max-width:742px) {
    .gift__action_price .data {
        margin-left: 10%
    }
}

.gift__action_price .data span {
    color: #c03
}

.gift_presents {
    float: right;
    width: 31.63%;
    min-height: 461px;
    padding-top: 60px;
    padding-left: 50px;
    box-sizing: border-box;
    background: url(../images/present.jpg) left 113px no-repeat
}

@media (max-width:1000px) {
    .gift_presents {
        background: none;
        padding-top: 160px
    }
}

@media (max-width:924px) {
    .gift_presents {
        width: 42%
    }
}

@media (max-width:742px) {
    .gift_presents {
        padding-top: 115px;
        width: 100%;
        padding-left: 0;
        min-height: 0
    }
}

.gift_presents h3 {
    width: 100%;
    font: 48px/48px 'robotobold';
    color: #be0027;
    text-transform: uppercase
}

@media (max-width:1000px) {
    .gift_presents h3 {
        font-size: 38px;
        line-height: 38px
    }
}

@media (max-width:924px) {
    .gift_presents h3 {
        float: right;
        width: auto;
        font-size: 36px
    }
}

@media (max-width:350px) {
    .gift_presents h3 {
        font-size: 28px
    }
}

.gift_presents h3 span {
    display: block;
    width: 100%;
    font: 19px/30px 'robotobold';
    color: #3a032d;
    text-transform: uppercase;
    padding-left: 40px;
    box-sizing: border-box
}

@media (max-width:1000px) {
    .gift_presents h3 span {
        font-size: 17px;
        padding-left: 0
    }
}

.gift_presents p {
    width: 100%;
    font: 19px/30px 'robotobold';
    color: #666;
    padding-left: 40px;
    box-sizing: border-box
}

@media (max-width:1000px) {
    .gift_presents p {
        font-size: 16px;
        padding-left: 30px;
        line-height: 20px
    }
}

@media (max-width:924px) {
    .gift_presents p {
        float: right;
        width: auto
    }
}

@media (max-width:742px) {
    .gift_presents p {
        width: 100%;
        text-align: right
    }
}

.gift .button_line {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center
}

@media (max-width:742px) {
    .gift .button_line {
        margin-bottom: 60px
    }
}

.gift .button_line a {
    display: inline-block;
    width: 230px;
    height: 60px;
    font: 24px/60px 'robotobold';
    text-align: center;
    color: #fff;
    webkit-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    -moz-box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    box-shadow: 4px 4px 10px 0 rgba(51, 102, 0, .25);
    background: #94c43a;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    text-transform: uppercase
}

.gift .button_line a:hover {
    background: #60ae42
}

.footer {
    background: #212121
}

.footer_zag {
    float: left;
    width: 100%;
    text-align: center;
    font: 20px/30px 'robotobold';
    color: #ebbd75;
    margin-top: 20px
}

@media (max-width:493px) {
    .footer_zag {
        font-size: 18px;
        line-height: 24px
    }
}

.footer_zag span {
    display: block;
    width: 100%;
    text-align: center
}

@media (max-width:493px) {
    .footer_zag span {
        display: inline
    }
}

.footer_zag b {
    font-size: 24px;
    text-transform: uppercase
}

.footer_zag_logo {
    display: inline-block;
    margin-top: 30px
}

@media (max-width:493px) {
    .footer_zag_logo {
        width: 100%
    }
}

.footer__line {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -50px
}

@media (max-width:684px) {
    .footer__line {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
}

.footer__line .adres {
    float: left;
    font: 14px/24px 'robotoregular';
    color: #999;
    text-align: left
}

@media (max-width:684px) {
    .footer__line .adres {
        width: 100%;
        text-align: center
    }
}

.footer__line .adres span {
    display: block
}

.footer__line_logo {
    display: inline-block
}

.footer__line .linck {
    float: right;
    font: 14px/24px 'robotoregular';
    color: #999;
    text-decoration: underline;
    margin-top: 50px
}

@media (max-width:684px) {
    .footer__line .linck {
        width: 100%;
        text-align: center
    }
}

.footer_copir {
    float: left;
    width: 100%;
    height: 38px;
    background: #333;
    text-align: center;
    font: 16px/38px 'robotoregular';
    color: #999;
    margin-top: 22px
}

.footer_copir p {
    width: 100%
}

.ajax_loader {
    display: none
}

.video-container {
    position: relative;
    width: 100%;
    height: 390px;
    overflow: hidden;
    margin: 0 auto 10px
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width:960px) {
    .video-container {
        position: relative;
        width: 440px;
        height: 300px
    }
}

@media screen and (max-width:640px) {
    .video-container {
        position: relative;
        width: 300px;
        height: 170px
    }
}

@media (min-width:705px) and (max-width:1024px) {
    #centred {
        float: none;
        margin: 30px auto;
        background-position-y: 120%
    }
}