* {
    box-sizing: border-box;
    font-family: inherit
}

body {
    font-family: sans-serif
}

.rp-logo {
    max-width: 50px;
    display: block;
    margin: 0 auto 15px
}

.main_img {
    position: relative
}

.action__product::before,
.main_img::before {
    position: absolute;
    content: "-50%";
    width: 60px;
    height: 60px;
    background-color: red;
    background-size: contain;
    border-radius: 50%;
    top: -10px;
    right: 30px;
    color: #fff;
    font-size: 23px;
    text-align: center;
    line-height: 58px;
    box-shadow: inset 0 0 5px #fff
}

.action__product::before {
    right: 35px
}

.atention {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 10px
}

.attention__timer {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-left: 10px;
    justify-content: space-around;
    position: relative
}

.atention .attention__timer {
    left: 60px
}

p.atention__text {
    padding-top: 5px;
    margin-bottom: 0;
    font-size: 22px;
    color: red;
    font-weight: 700
}

.timer__text {
    margin-right: 17px
}

.timer__dots {
    margin: 0 2.5px
}

.timer .hours:nth-child(2n-2),
.timer .minutes:nth-child(2n-2),
.timer .seconds:nth-child(2n-2) {
    margin-left: 4px
}

.timer__block {
    display: flex;
    font-size: 22px
}

.timer .hours,
.timer .minutes,
.timer .seconds {
    padding: 8px 10px
}

.timer .hours,
.timer .minutes,
.timer .seconds {
    background-color: #16aac0;
    color: #fff
}

.blink_me {
    margin-right: 5px !important
}

.b_spr {
    visibility: hidden
}

.visible {
    visibility: visible !important
}

.main .wrap-resp * {
    transition: .5s all ease-out
}

.wrap-resp {
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    max-width: 1100px
}

.header .wrap-resp {
    max-width: 1420px;
    padding-top: 12px;
    width: 100%
}

body,
html {
    font-family: dinreg, Arial;
    font-size: 16px;
    height: 100%;
    color: #000
}

.loading {
    overflow: hidden;
    background-color: #fff
}

.loading_wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 200;
    transition: all .2s ease;
    background-color: #fff
}

.loading_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 87px;
    margin-left: -40px;
    margin-top: -40px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.loaded .loading_wrap {
    opacity: 0;
    visibility: hidden
}

a,
input,
textarea {
    outline: medium
}

input,
textarea {
    padding: 0
}

sup {
    vertical-align: top;
    font-size: 50%;
    line-height: 0;
    position: relative;
    top: .7em
}

.select_txt,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    background-color: #fff;
    border: 1px solid #a8a8a7;
    border-radius: 3px;
    height: 66px;
    line-height: 66px;
    margin-bottom: 15px;
    padding-left: 17px;
    font-size: 20px;
    transition: all .2s ease 0s;
    font-family: dinbold sans-serif
}

input[type=email]:focus,
input[type=number]:focus textarea:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus {
    border-color: #f8e016
}

textarea {
    min-height: 120px;
    padding-top: 5px;
    resize: none
}

table {
    width: 100%;
    margin-bottom: 20px
}

table td,
table th {
    border: 1px solid #c3c3c3;
    padding: 10px;
    vertical-align: middle
}

table th {
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

a {
    color: #028cb9;
    cursor: pointer
}

a:hover {
    text-decoration: none
}

b,
strong {
    font-family: dinbold sans-serif;
    font-size: inherit
}

i {
    font-style: italic
}

ul {
    list-style: outside none none
}

ul li {
    margin-bottom: 10px;
    margin-left: 15px
}

.title,
h1,
h2,
h3,
h4,
h5 {
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: dinbold sans-serif
}

.title:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0
}

.h1,
h1 {
    font-size: 30px
}

.main-title {
    text-align: center
}

.h2,
h2 {
    font-size: 24px
}

.h3,
h3 {
    font-size: 20px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 16px
}

.title.red {
    color: #f01616
}

.title.bl {
    color: #272765
}

.s_title {
    text-align: center;
    font-size: 40px;
    font-family: dinmed sans-serif
}

.grn {
    color: #a1c419
}

hr {
    background-color: #ebf0f3;
    margin: 20px -40px;
    height: 1px;
    border: none;
    display: block
}

.img100px {
    width: 100px;
}

p {
    margin-bottom: 10px
}

a img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .2s ease 0s
}

a:hover img {
    opacity: .8
}

img {
    border: medium;
    /* display: block; */
    max-width: 100%
}

.img_left,
.img_right {
    margin-bottom: 10px
}

.img_left {
    float: left;
    margin-right: 10px
}

.img_right {
    float: right;
    margin-left: 10px
}

.img_center {
    display: block;
    margin: 0 auto
}

.clear {
    clear: both;
    width: 0;
    height: 0
}

.ta_c {
    text-align: center
}

.ta_r {
    text-align: right
}

.tt_u {
    text-transform: uppercase
}

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

.a,
.a_spr,
.b,
.b_spr {
    position: relative
}

.a:after,
.a_spr:after,
.b:before
/* .b_spr:before  */

    {
    content: " ";
    display: block;
    position: absolute
}

.a_spr:after,
/* .b_spr:before, */

.spr,
input.spr {
    background-image: url(../index_files/icons.png);
    background-repeat: no-repeat
}

.cf:after {
    clear: both;
    content: " ";
    display: block;
    width: 0;
    height: 0
}

.action__body {
    display: flex;
    align-items: center;
    justify-content: center
}

.action__product {
    position: relative;
    width: 347px
}

.action__content {
    padding-top: 48px;
    padding-bottom: 48px
}

.action__title,
.action__title2 {
    margin-bottom: 36px;
    text-align: left;
    font-size: 40px
}

.action__title2 {
    display: none
}

.accent-red {
    color: #f33
}

.action__timer {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 15px
}

.timer__cell {
    font-size: 22px
}

.minutes-m {
    margin-right: 4px
}

.timer__colon {
    margin: 0 2.5px !important
}

.action__body .timer .hours,
.action__body .timer .minutes,
.action__body .timer .seconds {
    background-color: #ff5100
}

.action__body .action__timer-wrapper {
    display: flex
}

.action--big .action__timer {
    justify-content: space-between
}

.action__form {
    display: flex
}

.action__field {
    min-width: 250px
}

.bullet,
.input {
    position: relative
}

.input__element {
    height: 65px;
    width: 100%;
    padding-left: 54px;
    padding-right: 40px;
    color: #000;
    font-size: 16px;
    background-color: #eef2f7;
    border: 0;
    border-radius: 30px/50%;
    -webkit-transition-property: background-color, -webkit-box-shadow;
    transition-property: background-color, box-shadow;
    transition-property: background-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.action__field+* {
    margin-left: 20px
}

.input__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px
}

.action__body .btn {
    height: 66px;
    max-width: 200px;
    font-size: 24px;
    width: 100%
}

.sale_wrap-box {
    width: 250px;
    margin-right: 20px
}

.old_price,
.price_main {
    position: relative !important
}

.price_main::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 8px;
    left: 0;
    background-color: #ff5100
}

.prop-info {
    font-size: 21px;
    text-align: center;
    padding-top: 20px
}

.btn,
input.btn {
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    font-family: dinbold sans-serif;
    height: 51px;
    line-height: 48px;
    padding: 0 25px;
    text-decoration: none;
    transition: all .3s ease;
    color: #fff;
    background: #ff5100;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, .08) inset
}

.btn.big {
    height: 78px;
    width: 100%;
    line-height: 71px;
    font-size: 30px;
    border-radius: 7px;
    color: #fff;
    display: block;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, .08) inset, 0 13px 18px rgba(0, 0, 0, .16);
    overflow: hidden;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 2
}

.btn:hover {
    background: #e04802
}

.btn,
input,
input.btn,
select {
    -webkit-appearance: none
}

.prices {
    font-size: 0
}

.accent .prices {
    box-shadow: inset 0 0 20px #fff
}

.prices .new_price,
.prices .old_price {
    height: 50px;
    width: 50%;
    display: inline-block;
    vertical-align: baseline;
    padding-top: 6px;
    text-align: center
}

.prices .old_price {
    font-size: 20px;
    letter-spacing: -.5px
}

.x_price_previous {
    position: relative
}

.x_price_previous::after,
.x_price_previous::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: red;
    top: 50%;
    left: 0;
    transform: rotate(15deg)
}

.x_price_previous::after {
    transform: rotate(-15deg)
}

.prices .new_price {
    font-size: 24px;
    letter-spacing: -.5px;
    font-weight: 700
}

.prices .new_price .price {
    color: #920d16
}

.wrap {
    margin: 30px auto;
    padding: 0 20px;
    position: relative;
    max-width: 1000px
}

.dialek.inL_720148,
.dialek_blur.inL_92519,
.dialek_blur_top.inL_608338 {
    display: none !important
}

.header {
    position: fixed;
    height: 90px;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    transition: all .3s ease;
    overflow: visible !important
}

.header .wrap {
    max-width: 1420px
}

.header .logo_wrap {
    position: absolute;
    left: 17px;
    top: 0;
    display: block;
    text-decoration: none;
    font-size: 45px;
    line-height: 1
}

.header .logo_wrap img {
    float: left;
    width: 100%;
    height: auto
}

.header .logo_wrap span {
    margin-left: 56px;
    display: block;
    font-family: dinbold sans-serif;
    font-size: 15px;
    color: #272765;
    text-transform: uppercase
}

.header .logo_wrap span+span {
    font-family: dinreg
}

.nav {
    margin-left: 309px;
    margin-top: 23px;
    display: inline-block
}

.nav ul li {
    float: left;
    margin-right: 65px;
    margin-left: 0
}

.menu_btn {
    width: 37px;
    height: 30px;
    display: block;
    left: 17px;
    top: 35px;
    position: absolute;
    display: none
}

.menu_btn span {
    height: 5px;
    background-color: #003562;
    display: block;
    border-radius: 2px;
    margin-bottom: 6px
}

.nav ul li a {
    color: #003562;
    font-size: 15px;
    letter-spacing: -.5px;
    font-family: dinbold sans-serif;
    text-decoration: none
}

.nav ul li a.act,
.nav ul li a:hover {
    text-decoration: underline
}

.header .r_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    height: 90px;
    padding-left: 14px;
    padding-right: 5px
}

.header .r_wrap:before {
    border-left: 9px solid transparent;
    border-top: 45px solid #ffe400;
    border-bottom: 45px solid #ffe400;
    left: -8px;
    visibility: hidden;
    opacity: 0
}

.header .r_wrap .sale {
    padding-left: 56px;
    white-space: nowrap;
    top: 16px;
    float: left;
    margin-right: 30px
}

.header .r_wrap .sale:before {
    left: 0;
    top: -4px;
    background-position: -316px -228px;
    width: 40px;
    height: 44px
}

.header .r_wrap .sale span {
    color: #272765;
    font-family: dinbold sans-serif;
    font-size: 36px;
    display: block;
    line-height: 22px
}

.header .r_wrap .sale span+span {
    font-size: 10px
}

.header .r_wrap .btn {
    font-size: 15px;
    text-align: center;
    border: 1px solid #cfcfcf;
    margin-right: 10px;
    margin-top: 19px;
    white-space: nowrap
}

.header.act {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

.header.act .r_wrap {
    background-color: #ffe400
}

.header.act .r_wrap:before {
    visibility: visible;
    opacity: 1
}

.main {
    background: url(../index_files/light_bg.jpg) no-repeat 0 0 #d2dff1;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 48px;
    position: relative
}

.main_img {
    position: absolute;
    left: 5%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease !important;
    -webkit-transform: translate(0, -100px);
    -moz-transform: translate(0, -100px);
    -o-transform: translate(0, -100px);
    -ms-transform: translate(0, -100px);
    transform: translate(0, -100px);
    width: 60%;
    max-width: 368px;
    height: 452px;
    background-image: url(../index_files/pack.png);
    background-repeat: no-repeat
}

.title2 {
    display: block;
    font-family: dinbold;
    font-size: x-large;
    color: #272765;
    text-transform: uppercase;
    margin: 0;
}

.loaded .main_img {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
}

.main_img img {
    width: 916px
}

.main_txt {
    margin-left: 46%;
    margin-top: 110px;
    position: relative
}

.main_txt .logo_wrap {
    line-height: 42px;
    margin-bottom: 13px
}

.main_txt .logo_wrap img {
    float: left;
    width: 87px
}

.main_txt .logo_wrap span {
    margin-left: 98px;
    display: block;
    font-family: dinbold sans-serif;
    font-size: 49px;
    color: #272765;
    text-transform: uppercase
}

.main_txt .logo_wrap span+span {
    font-family: dinreg;
    font-size: 29px
}

.main_txt .party {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-left: 9px;
    margin-bottom: 21px
}

.main_txt .adv_list {
    font-family: dinbold sans-serif;
    font-size: 18px;
    color: #000;
    margin-bottom: 50px
}

.main_txt .adv_list li {
    padding-left: 82px;
    margin-bottom: 29px
}

.main_txt .adv_list li:before {
    left: 36px;
    top: 0;
    background-position: -317px -138px;
    width: 27px;
    height: 27px
}

.main_txt .sale_wrap {
    width: 300px;
    text-align: center;
    position: relative;
    margin-bottom: 23px
}

.main_txt .btn {
    display: block
}

.btn.big>div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 157px;
    background-color: #fee40e;
    z-index: 1;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, .08) inset
}

.btn.big>div:after {
    border-left: 11px solid #fee40e;
    border-top: 36px solid transparent;
    border-bottom: 39px solid transparent;
    right: -11px
}

.btn.big>div span {
    display: inline-block;
    position: relative;
    font-family: dinbold sans-serif
}

.btn.big>div span.js_new_price {
    left: -10px;
    float: right
}

.btn.big>div .old_price {
    font-size: 23px;
    color: #008198;
    left: 15px
}

.btn.big>div .old_price:after {
    background-position: -144px -252px;
    width: 67px;
    height: 16px;
    left: 2px;
    top: 31px
}

.btn.big>.a {
    text-align: left
}

.btn.big .old_price span:last-child,
.btn.big .price span:last-child,
.sale_wrap .js_new_price span:last-child,
.sale_wrap .price span:last-child {
    visibility: hidden
}

.btn.big>div .price {
    color: #dc1010;
    font-size: 30px;
    left: 7px;
    top: 3px
}

.btn.big>div .percent {
    color: #dc1010;
    font-size: 20px;
    right: 8px;
    top: 2px
}

.main_txt .sale_wrap>img {
    position: absolute;
    width: 133px;
    right: 0;
    top: -57px;
    z-index: 3
}

.main_txt>span {
    font-size: 18px;
    font-family: dinmed sans-serif;
    display: block;
    margin-left: 17px;
    margin-top: 40px
}

.main_txt>span span {
    color: #dc1010
}

.jimnema {
    background: url(../index_files/palace.jpg) no-repeat 0 0 #fff;
    background-size: 170%;
    overflow: hidden
}

.jimnema .img {
    width: 100%
}

.jimnema-cont {
    font-size: 0;
    margin: 30px auto 40px
}

.jimnema-cont .item {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.img100 {
    width: 100%;
}

.fred {
    color: red;
}

.jimnema-cont .item:first-child {
    width: 50%
}

.jimnema table {
    margin: 0
}

.jimnema table td {
    border: none;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 60px
}

.jimnema .txt {
    padding-top: 0;
    display: block;
    padding-left: 29px
}

.jimnema .txt .s_title {
    text-align: left;
    margin-bottom: 10px
}

.jimnema .txt .note {
    font-family: dinbold sans-serif;
    display: block;
    margin-bottom: 25px
}

.jimnema .txt p {
    font-size: 24px;
    line-height: 38px
}

.accent:after {
    border-top: 34px solid;
    border-right: 55px solid transparent;
    border-left: 55px solid transparent;
    bottom: -33px;
    left: 50%;
    margin-left: -55px
}

.accent.grn:after {
    border-top-color: #16aac0
}

.accent.grn {
    background-color: #16aac0;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 20px
}

.accent.grn .txt {
    margin-top: 70px;
    margin-left: 318px;
    display: inline-block;
    line-height: 45px
}

.accent.grn .txt span {
    display: block;
    font-family: dinbold sans-serif;
    font-size: 49px;
    text-transform: uppercase
}

.accent.grn .txt span+span {
    font-family: dinreg;
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 21px
}

.accent.grn .txt span+span+span {
    font-size: 40px;
    font-family: dinbold sans-serif;
    text-transform: none
}

.consist {
    padding-top: 15px;
    padding-bottom: 10px;
    background: #f0f4fa;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f4fa 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f4fa), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f0f4fa 0, #fff 100%);
    background: -o-linear-gradient(top, #f0f4fa 0, #fff 100%);
    background: -ms-linear-gradient(top, #f0f4fa 0, #fff 100%);
    background: linear-gradient(to bottom, #f0f4fa 0, #fff 100%);
    position: relative;
    overflow: hidden
}

.consist .s_title {
    margin-bottom: 112px
}

.cnst_img {
    margin: 0 auto;
    position: relative;
    margin-bottom: 150px;
    background-image: url(../index_files/consist.png);
    background-repeat: no-repeat;
    width: 298px;
    height: 281px
}

.cnst_img>img {
    width: 300px
}

.cnst_img span {
    display: block;
    position: absolute;
    font-family: dinbold sans-serif;
    font-size: 21px;
    text-align: center;
    line-height: 23px
}

.cnst_img .txt_1 {
    top: -60px;
    left: 85px
}

.cnst_img .txt_2 {
    top: 30px;
    right: -155px
}

.cnst_img .txt_3 {
    top: 192px;
    right: -160px
}

.cnst_img .txt_4 {
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%)
}

.cnst_img .txt_5 {
    top: 192px;
    left: -131px
}

.cnst_img .txt_6 {
    top: 30px;
    left: -155px
}

.consist .turq {
    color: #0a7256
}

.consist .brown {
    color: #946634
}

.consist .vinous {
    color: #ac5110
}

.consist .d_green {
    color: #748009
}

.consist .green {
    color: #377609
}

.consist .blue {
    color: #4d39a4
}

.consist .neck {
    margin: 0 auto
}

.cnst_txt,
.danger .items,
.prop .items {
    letter-spacing: -.31em;
    font-size: 0
}

.cnst_txt>div,
.danger .items>div,
.prop .items>div {
    letter-spacing: 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: top
}

.cnst_txt {
    margin-left: -13px;
    margin-right: -103px
}

.cnst_txt>div {
    width: 33.3%;
    padding-right: 40px;
    margin-bottom: 40px
}

.cnst_txt .img {
    background-position: -153px -357px;
    width: 123px;
    height: 115px;
    position: relative;
    margin: 0 auto 20px
}

.cnst_txt .img div {
    position: absolute;
    width: 125px;
    background-repeat: no-repeat
}

.cnst_txt .img_1 div {
    background-image: url(../index_files/1.png);
    height: 121px;
    top: -3px;
    left: -16px
}

.cnst_txt .img_2 div {
    background-image: url(../index_files/2.png);
    height: 118px;
    top: -13px;
    left: 24px
}

.cnst_txt .img_3 div {
    background-image: url(../index_files/3.png);
    height: 121px;
    top: -2px;
    left: 62px
}

.cnst_txt .img_4 div {
    background-image: url(../index_files/4.png);
    height: 118px;
    top: 52px;
    left: -13px
}

.cnst_txt .img_5 div {
    background-image: url(../index_files/5.png);
    height: 122px;
    top: 57px;
    left: 23px
}

.cnst_txt .img_6 div {
    background-image: url(../index_files/6.png);
    height: 119px;
    top: 53px;
    left: 62px
}

.cnst_txt .title {
    margin: 0;
    font-size: 21px;
    margin-bottom: 3px;
    text-align: center
}

.cnst_txt .title+span {
    font-size: 14px;
    font-family: dinbold sans-serif;
    display: block;
    margin-bottom: 20px
}

.cnst_txt p {
    line-height: 24px
}

.accent.beidge {
    background-color: #f1f0d6;
    color: #000;
    font-size: 44px;
    text-align: center;
    padding-top: 68px;
    padding-bottom: 78px;
    line-height: 54px
}

.accent.beidge:after {
    border-top-color: #f1f0d6
}

.prop {
    padding-top: 45px;
    padding-bottom: 20px
}

.prop .s_title {
    margin: 0;
    margin-bottom: 25px
}

.prop .s_title+p {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    max-width: 790px;
    margin: 0 auto
}

.prop .items {
    margin-top: 59px
}

.prop .items>div {
    width: 33.3%;
    text-align: center;
    padding-top: 170px;
    line-height: 38px
}

.prop .items>div:before {
    top: 22px
}

.prop .items .item_1:after {
    background-position: -2px -365px;
    width: 140px;
    height: 54px;
    top: 30px;
    left: 138px;
    z-index: 2;
    display: none
}

.prop .items .item_1 img {
    width: 170px;
    position: absolute;
    left: 40px;
    top: -11px;
    z-index: 3
}

.prop .items .item_2 img {
    width: 170px;
    position: absolute;
    left: 40px;
    top: -11px;
    z-index: 3
}

.prop .items .item_1 .arr {
    height: 79px;
    background-color: #e0e2e4;
    width: 213px;
    position: absolute;
    top: 19px;
    left: 63px;
    z-index: 1
}

.prop .items .item_1 .arr:after {
    border-left: 50px solid #e0e2e4;
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    right: -50px;
    top: -40px
}

.prop .items .item_2:before {
    background-position: -58px -12px;
    width: 96px;
    height: 100px;
    left: 105px
}

.prop .items .item_3:before {
    background-position: -234px -12px;
    width: 87px;
    height: 92px;
    left: 115px;
    top: -10px
}

.prop .items>div span {
    display: block;
    font-size: 28px;
    margin-bottom: 10px
}

.prop .items>div p {
    font-size: 18px;
    padding: 0 8px;
    line-height: 24px
}

.press {
    background: url(../index_files/wave.png) repeat;
    overflow: hidden;
    padding-bottom: 40px
}

.press .txt {
    font-size: 28px;
    line-height: 38px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 16px 73px rgba(0, 0, 0, .23);
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center
}

.press .q_icons {
    position: absolute;
    bottom: -32px;
    right: -25px
}

.press .txt .q_icons img {
    float: left
}

.fda img {
    max-width: 100%
}

.press .txt>img {
    position: absolute;
    right: -18px;
    top: -50px
}

.press .icon_1,
.press .icon_2 {
    display: none !important
}

.press .icon_3 {
    position: relative;
    width: 75px;
    height: 75px
}

.press .txt>a {
    position: absolute;
    top: 212px;
    right: 43px;
    color: #60605a;
    text-decoration: underline;
    font-size: 16px
}

.press .txt>a:before {
    background-position: -331px -351px;
    width: 20px;
    height: 20px;
    left: -31px;
    top: 10px
}

.press .txt>a:hover {
    text-decoration: none
}

.press .journal {
    margin-top: 99px;
    position: relative;
    padding-right: 90px
}

.press .journal img {
    position: absolute;
    left: 94px;
    top: -39px
}

.press .journal span {
    font-size: 18px;
    line-height: 34px;
    margin-left: 330px;
    display: block
}

.press .journal_wrap {
    position: relative;
    margin-top: 28px
}

.press .journal_wrap .journal_img {
    margin-top: 32px;
    max-width: none;
    margin-left: -88px
}

.press .journal_wrap .j_point_1,
.press .journal_wrap .j_point_2 {
    position: absolute;
    background-repeat: no-repeat
}

.press .journal_wrap .j_point_1 {
    background-image: url(../index_files/j_point_1.png);
    width: 95px;
    height: 160px;
    right: 179px;
    top: -47px
}

.press .journal_wrap .j_point_2 {
    background-image: url(../index_files/j_point_2.png);
    width: 351px;
    height: 149px;
    left: 254px;
    bottom: 36px
}

.press .expert {
    margin-left: 250px;
    margin-top: 110px
}

.press .exp_img {
    margin-top: -24px;
    float: left;
    text-align: center
}

.press .exp_img img {
    margin-bottom: 14px
}

.press .exp_img span {
    font-size: 18px;
    font-family: dinbold sans-serif;
    display: block
}

.press .exp_img span+span {
    font-family: dinreg
}

.press .quote {
    margin-left: 222px;
    max-width: 303px
}

.press .quote span {
    background-color: #f1c101;
    height: 65px;
    line-height: 65px;
    display: block;
    border-radius: 5px;
    font-family: dinbold sans-serif;
    font-size: 18px;
    color: #fff;
    padding-left: 65px;
    margin-bottom: 15px;
    visibility: visible
}

.press .quote span:before {
    background-position: -310px -171px;
    width: 35px;
    height: 45px;
    left: 15px;
    top: 9px
}

.press .quote p {
    font-size: 18px;
    line-height: 34px;
    padding-left: 4px;
    padding-right: 0
}

.accent.ylw {
    background-color: #f8e016;
    font-size: 44px;
    color: #000;
    padding-top: 64px;
    padding-bottom: 82px;
    line-height: 54px;
    text-align: center
}

.accent.ylw:after {
    border-top-color: #f8e016
}

.danger {
    padding-top: 87px;
    padding-bottom: 65px
}

.danger .s_title {
    margin-bottom: 12px;
    white-space: nowrap
}

.danger .s_title+p {
    font-size: 20px;
    line-height: 30px;
    font-family: dinbold sans-serif;
    text-align: center
}

.danger .s_title.bl+p {
    font-size: 18px;
    line-height: 38px;
    font-family: dinreg;
    margin: 0 auto;
    text-align: center;
    max-width: 740px;
    margin-top: 19px;
    position: relative;
    z-index: 2
}

.danger .items {
    margin-top: 48px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 43px
}

.danger .items>div {
    width: 25%;
    text-align: center;
    line-height: 26px;
    padding: 0 23px;
    margin-bottom: 23px
}

.danger .items>div:before {
    position: static;
    margin: 0 auto;
    margin-bottom: 11px;
    height: 63px
}

.danger .items .item_1:before {
    background-position: -3px -136px;
    width: 55px
}

.danger .items .item_2:before {
    background-position: -68px -136px;
    width: 75px
}

.danger .items .item_3:before {
    background-position: -148px -136px;
    width: 57px
}

.danger .items .item_4:before {
    background-position: -219px -137px;
    width: 91px
}

.danger .items .item_5:before {
    background-position: -2px -205px;
    width: 62px
}

.danger .items .item_6:before {
    background-position: -67px -205px;
    width: 65px
}

.danger .items .item_7:before {
    background-position: -139px -205px;
    width: 76px
}

.danger .items .item_8:before {
    background-position: -221px -205px;
    width: 77px
}

.danger .items>div span {
    font-family: dinbold sans-serif;
    display: block;
    font-size: 18px;
    margin-bottom: 11px;
    font-weight: 700
}

.danger .arr_wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* margin-top: -50px; */
    z-index: 1
}

.danger .arr_wrap .arrow {
    width: 280px;
    height: 313px
}

.danger .arr_wrap .dialek_1,
.danger .arr_wrap .dialek_2,
.danger .arr_wrap .dialek_3,
.danger .arr_wrap .party {
    position: absolute
}

.danger .arr_wrap .dialek_1,
.danger .arr_wrap .dialek_2 {
    width: 91px;
    top: 71px
}

.danger .arr_wrap .dialek_1 {
    left: 100px
}

.danger .arr_wrap .dialek_2 {
    right: 150px
}

.danger .arr_wrap .dialek_3 {
    width: 260px !important;
    top: 85px;
    left: 176px;
    display: none !important
}

.danger .arr_wrap .party {
    top: 106px;
    left: -118px;
    width: 245px;
    height: 86px;
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg)
}

.order {
    background-color: #e1eaf7;
    padding-top: 54px;
    padding-bottom: 51px;
    position: relative;
    overflow: hidden
}

@media(max-width:1200px) {
    .order {
        padding-top: 0
    }
}

.order_wrap {
    margin: 0 -44px
}

.order_wrap>div {
    float: left
}

.slider_wrap {
    width: 301px;
    padding-top: 107px;
    position: relative;
    z-index: 1
}

.slider_wrap>.title {
    font-size: 24px;
    position: absolute;
    left: 28px;
    top: 36px;
    line-height: 24px;
    margin: 0
}

.slider_wrap:after,
.slider_wrap:before {
    width: 18px;
    background-color: rgba(255, 255, 255, .18);
    bottom: 28px;
    top: 128px
}

.slider_wrap:after {
    right: -18px;
    border-radius: 0 10px 10px 0
}

.slider_wrap:before {
    left: -18px;
    border-radius: 10px 0 0 10px
}

.slider {
    border-radius: 5px;
    padding: 20px 16px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 10px;
    padding-bottom: 50px;
    height: 493px;
    overflow: hidden;
    text-overflow: ellipsis
}

.slider.right {
    padding-right: 30px;
    padding-left: 23px
}

.slider img {
    width: auto !important
}

.slide_item {
    line-height: 23px;
    overflow: hidden;
    max-height: 450px
}

.slide_item img {
    float: left;
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 6px;
    margin-top: 8px
}

.slide_item p,
.slide_item span {
    margin-left: 12px;
    font-size: 14px
}

.slide_item span {
    display: block
}

.slide_item .title {
    font-size: 18px;
    margin-top: 11px;
    line-height: 26px;
    margin-bottom: 14px
}

.slide_item .name {
    font-family: dinbold sans-serif
}

.slide_item .city {
    font-size: 14px;
    color: #969696
}

.owl-dots {
    position: absolute;
    width: 100%;
    bottom: 29px;
    right: 0;
    text-align: center;
    font-size: 0;
    left: 0
}

.owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    display: inline-block;
    background-color: #bac4d3;
    margin: 0 8px;
    border-radius: 11px;
    position: relative
}

.owl-dots .owl-dot.active span {
    background-color: #fff;
    width: 9px;
    height: 9px;
    display: block;
    border-radius: 4px;
    position: absolute;
    left: 1px;
    top: 1px
}

.order_forma {
    background-color: #f8f7eb;
    width: 446px;
    position: relative;
    box-shadow: 0 16px 54px rgba(55, 61, 68, .58);
    border-radius: 9px;
    overflow: hidden;
    z-index: 2
}

.order_forma .title_wrap {
    background-color: #f8e016;
    font-family: dinbold sans-serif;
    position: relative;
    padding: 27px 47px 0;
    text-align: center
}

.order_forma .title_wrap:after {
    border-top: 26px solid #f8e016;
    border-right: 223px solid transparent;
    border-left: 223px solid transparent;
    bottom: -25px;
    left: 0
}

.order_forma .title_wrap .title {
    font-size: 34px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 16px
}

.order_forma .title_wrap span+span {
    display: block;
    font-size: 18px;
    margin-bottom: 3px
}

.order_forma .title_wrap span span {
    display: inline;
    color: #dc1010
}

.order_forma .title_wrap .percent {
    font-size: 42px;
    color: #dc1010;
    line-height: 35px
}

.form_wrap {
    padding-top: 42px;
    padding-left: 37px;
    padding-right: 37px;
    padding-bottom: 24px;
    font-size: 17px
}

.form_wrap .btn {
    position: relative;
    text-align: center;
    margin-bottom: 24px
}

.form_wrap input[type=submit] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.form_wrap .sticker {
    background-position: 0 -274px;
    width: 297px;
    height: 77px;
    margin: 0 auto
}

.form_wrap .sticker:before {
    background-position: -313px -284px;
    width: 47px;
    height: 51px;
    left: 40px;
    top: 15px
}

.form_wrap .sticker span {
    font-size: 36px;
    display: block;
    position: absolute;
    font-family: dinbold sans-serif;
    left: 98px;
    top: 16px;
    color: #fff;
    line-height: 1
}

.form_wrap .sticker span+span {
    font-size: 14px;
    top: 48px
}

.footer {
    font-size: 16px;
    line-height: 24px;
    color: #3c454a;
    text-align: center;
    padding: 20px 0
}

.footer a {
    font-style: italic
}

.footer .req {
    float: left
}

.footer .img {
    position: relative;
    margin-left: 341px
}

.footer .img .party {
    position: absolute;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    left: 49px;
    top: 8px
}

.footer .img .dialek {
    width: 87px;
    position: relative;
    top: -8px
}

.footer .q_icons {
    float: right;
    margin-top: 23px
}

.footer .left_block {
    float: left;
    margin-right: 165px;
    background: url(../index_files/logo-everad.png) no-repeat left center;
    padding: 10px 0 10px 70px
}

.footer .centr_block {
    float: left;
    text-align: center;
    padding-top: 10px
}

.footer .right_block {
    float: right;
    text-align: right;
    padding-top: 10px
}

.select {
    transition: all .2s ease;
    position: relative;
    width: 100%
}

.select select {
    position: absolute;
    visibility: hidden
}

.select.open {
    z-index: 3
}

.select_txt {
    background-image: none;
    padding-right: 26px;
    font-family: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    transition: width .2s ease;
    width: 100%
}

.select_txt:after {
    background-position: -336px -387px;
    width: 14px;
    height: 8px;
    right: 23px;
    top: 50%;
    margin-top: -4px;
    opacity: .3;
    transition: all .2s ease
}

.select.open .select_txt:after,
.select_txt:hover:after {
    opacity: 1
}

.select.open .select_txt {
    border-color: #f8e016
}

.select .dropdown {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 66px;
    border-radius: 5px;
    z-index: 130;
    right: 0;
    min-width: 120px;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .2);
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    font-size: 20px;
    overflow: hidden;
    display: block
}

.select.open .dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.select .dropdown li {
    margin: 0;
    padding: 0 20px;
    cursor: pointer;
    line-height: 48px;
    white-space: nowrap;
    position: relative;
    z-index: 120
}

.select .dropdown li.act {
    background-color: #f5f6f7
}

.select .dropdown li:hover,
.select_wrap .dropdown li.act:hover {
    background-color: #f8e016
}

.prlx {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 100%
}

.prlx img {
    position: absolute;
    top: 0
}

.prlx .left {
    left: 0
}

.prlx .right {
    right: -30px
}

.prlx .bg_l {
    left: 147px;
    top: 151px
}

.prlx .bg_r {
    right: 178px;
    top: 390px
}

.main .prlx .left {
    top: 137px
}

.main .prlx .right {
    top: 100px
}

.consist .prlx .bg_l {
    top: 306px;
    left: 50px
}

.consist .prlx .bg_r {
    top: 356px;
    right: 5px
}

.consist .prlx .leaf.left {
    top: 80px
}

.consist .prlx .leaf.right {
    top: 105px
}

.consist .prlx .berry {
    top: 1700px
}

.order .prlx .bg_l {
    left: 63px;
    top: 270px
}

.order .prlx .bg_r {
    right: 80px;
    top: 70px
}

.order .prlx .dialek_blur_top {
    top: -258px;
    left: 50%;
    margin-left: -154px
}

.order .prlx .dialek_blur {
    left: 126px;
    top: 230px
}

.order .prlx .dialek {
    width: 412px;
    right: 52px;
    top: 400px
}

.order .prlx .left {
    top: 75px
}

.order .prlx .right {
    top: 20px
}

.js_errorMessage {
    z-index: 100000
}

select {
    background-color: #fff;
    border: 1px solid #a8a8a7;
    border-radius: 3px;
    height: 66px;
    line-height: 66px;
    margin-bottom: 15px;
    padding-left: 17px;
    font-size: 20px;
    transition: all .2s ease 0s;
    font-family: dinbold sans-serif;
    width: 372px;
    color: #a8a8a7
}

.fancybox-margin {
    margin-right: 0
}

.order__form__button {
    cursor: pointer;
    width: 100%;
    border: 0
}

.main .wrap-resp {
    margin-top: 110px
}

@media screen and (max-width:1100px) {
    .prlx {
        display: none
    }
    .press .q_icons {
        bottom: -55px;
        right: 16px
    }
}

@media screen and (max-width:1000px) {
    .order_wrap {
        display: flex;
        flex-wrap: wrap
    }
    .order {
        min-height: auto !important
    }
    .order .order_forma {
        position: static;
        order: 10
    }
    .slider {
        height: auto !important
    }
    .prop {
        padding-bottom: 0 !important
    }
    .wrap {
        width: 768px
    }
    .wrap,
    .wrap-resp {
        padding: 0 10px
    }
    .main_txt .logo_wrap span {
        font-size: 37px;
        margin-left: 40px
    }
    .main_txt .logo_wrap span+span {
        font-size: 25px
    }
    .main_img {
        background-size: 100%
    }
    .main_txt .sale_wrap {
        margin: 0 auto
    }
    .main_txt>span {
        display: block;
        max-width: 230px;
        margin: 40px auto 0
    }
    .jimnema {
        background-position: 67% 64px
    }
    .jimnema .txt p {
        font-size: 20px;
        line-height: 29px
    }
    .jimnema .s_title {
        line-height: 40px
    }
    .s_title {
        font-size: 35px
    }
    .prop .items .item_1 img {
        left: 5px
    }
    .prop .items .item_1 .arr {
        left: 40px
    }
    .prop .items .item_1:after {
        left: 110px
    }
    .prop .items .item_1 .arr:after {
        right: -40px
    }
    .prop .items .item_2:before {
        left: 80px
    }
    .prop .items .item_3:before {
        left: 80px
    }
    .press .txt>img {
        top: -12px
    }
    .press .txt .q_icons {
        top: 128px
    }
    .press .expert {
        margin: 110px auto 0;
        width: 510px
    }
    .press .quote {
        margin-top: 72px
    }
    .danger .items>div {
        width: 50%;
        text-align: center;
        line-height: 26px;
        padding: 0 23px;
        margin-bottom: 23px
    }
    .order {
        min-height: 1260px;
        padding: 0
    }
    .order_forma {
        position: absolute;
        left: 0;
        right: 0;
        margin: 20px auto;
        font-size: 16px;
        top: auto !important;
        bottom: -660px
    }
    .slider_wrap {
        display: inline-block;
        width: 45%;
        margin: 0 2.5%
    }
    .order_wrap>div {
        float: none
    }
    .footer .left_block {
        float: none;
        width: 60px;
        font-size: 0;
        margin: 0 auto;
        padding-left: 60px
    }
    .footer .right_block {
        display: none
    }
    .footer .centr_block {
        float: none;
        margin: 0 auto
    }
    .jimnema-cont {
        margin: 0
    }
    .consist {
        padding-top: 0;
        padding-bottom: 0
    }
    .accent.beidge,
    .accent.ylw,
    .danger,
    .prop {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 35px
    }
    .danger {
        padding-bottom: 0
    }
    .slider_wrap {
        padding-top: 90px
    }
    .slider_wrap>.title {
        font-size: 21px;
        top: 28px
    }
    .footer {
        padding: 1px
    }
    .accent.grn .txt span+span,
    .danger .s_title+p,
    .danger .s_title.bl+p,
    .press .quote p,
    .press .txt,
    p {
        line-height: 2.6ex
    }
    .slider {
        height: 430px
    }
}

@media screen and (max-width:768px) {
    .press {
        padding-bottom: 20px
    }
    .press .q_icons {
        bottom: -30px;
        right: 12px
    }
    .press .icon_3 {
        width: 40px;
        height: 40px
    }
    .consist .wrap {
        margin-bottom: 0
    }
    .main_txt>span {
        display: block;
        margin: 25px 20px 0 auto
    }
    .prop .items div:last-child {
        margin-bottom: 10px
    }
    .danger .s_title {
        white-space: normal
    }
    .danger .arr_wrap .dialek_3 {
        max-width: 230px !important
    }
    .wrap {
        width: 490px
    }
    .prlx {
        display: none
    }
    .main {
        padding-bottom: 40px
    }
    .main_img {
        max-width: 305px
    }
    .main_txt .adv_list {
        margin-bottom: 60px
    }
    .main_txt .logo_wrap {
        line-height: 32px;
        margin-left: 46%;
        margin-bottom: 15px
    }
    .main_txt .party {
        margin-left: 46%
    }
    .main_txt .logo_wrap span {
        font-size: 35px;
        margin-left: 5px;
        line-height: 43px
    }
    .main_txt .logo_wrap span+span {
        font-size: 23px;
        line-height: 29px
    }
    .main_txt .adv_list li {
        padding-left: 12px;
        margin-left: 46%;
        margin-bottom: 20px
    }
    .main_txt .sale_wrap {
        margin-top: 20px
    }
    .jimnema-cont .item:first-child {
        display: none
    }
    .jimnema-cont .item {
        display: block;
        width: 100%
    }
    .accent.grn img {
        margin: 0 auto;
        position: relative;
        left: 0
    }
    .accent.grn .txt {
        margin: 10px auto 0
    }
    .cnst_img {
        display: none
    }
    .consist .s_title {
        margin-bottom: 30px
    }
    .cnst_txt>div {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 51px
    }
    .cnst_txt .img {
        margin: 10px auto
    }
    .accent.beidge {
        background-color: #f1f0d6;
        color: #000;
        font-size: 29px;
        text-align: center;
        line-height: 37px
    }
    .prop {
        padding-top: 60px;
        padding-bottom: 40px
    }
    .prop .items>div {
        width: 100%;
        padding-top: 130px;
        margin-bottom: 30px
    }
    .prop .items .item_2:before,
    .prop .items .item_3:before {
        width: 96px;
        height: 100px;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto
    }
    .prop .items .item_1 img {
        left: 94px;
        top: -25px
    }
    .prop .items .item_1:after {
        left: 200px;
        top: 22px
    }
    .prop .items .item_1 .arr {
        top: 10px;
        left: 140px
    }
    .prop .items .item_1 .arr:after {
        display: none
    }
    .press .txt {
        font-size: 19px;
        line-height: 33px
    }
    .press .txt>img {
        top: -87px !important;
        right: -18px
    }
    .press .txt .q_icons {
        top: 111px;
        right: 270px
    }
    .press .expert {
        margin: 170px auto 0;
        width: 100%
    }
    .press .quote {
        margin-left: 180px
    }
    .accent.ylw {
        font-size: 36px;
        line-height: 47px
    }
    .press .quote span {
        margin-top: 120px
    }
    .danger {
        padding-top: 40px;
        padding-bottom: 20px
    }
    .danger .s_title+p {
        font-size: 16px;
        line-height: 26px
    }
    .danger .s_title+p br {
        display: none
    }
    .danger .items {
        margin: 20px 0
    }
    .danger .items>div {
        padding: 0 10px
    }
    .danger .arr_wrap .party {
        left: -50px;
        width: 200px;
        height: 60px
    }
    .slider_wrap {
        display: block;
        width: 300px;
        margin: 0 auto
    }
    .order .wrap {
        margin-top: 10px
    }
    .order {
        min-height: 1750px
    }
    .order .order_forma {
        margin-top: 40px
    }
    .slider_wrap>.title {
        top: 25px;
        left: 16px
    }
    .accent.beidge,
    .accent.ylw,
    .danger,
    .jimnema .txt,
    .prop {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .danger {
        padding-bottom: 0
    }
    .accent.grn .txt span+span,
    .danger .s_title+p,
    .danger .s_title.bl+p,
    .press .quote p,
    .press .txt,
    p {
        line-height: 2.4ex
    }
    .slider {
        height: 430px
    }
    .danger .arr_wrap {
        width: 320px
    }
}

@media screen and (max-width:600px) {
    .main_txt>span {
        margin: 25px auto 0
    }
    .loaded .main_img {
        margin-bottom: 30px !important;
        top: 18px !important
    }
}

@media screen and (max-width:490px) {
    .press .expert {
        margin-top: 135px !important
    }
    .press .journal_wrap {
        margin-top: 0 !important
    }
    .press .txt .q_icons {
        display: none !important
    }
    .press .txt {
        margin-top: 20px !important
    }
    .press .txt>img {
        top: 8px !important
    }
    .wrap {
        width: 320px;
        margin: 15px auto
    }
    .nav {
        width: 100%;
        left: 0 !important
    }
    .s_title {
        font-size: 27px
    }
    .main_txt .adv_list {
        margin-bottom: 30px
    }
    .main .wrap * {
        transition: 0s all ease-out !important
    }
    .main_txt>span {
        width: 300px
    }
    .accent.beidge {
        font-size: 20px;
        line-height: 31px
    }
    .header .logo_wrap {
        font-size: 38px
    }
    .main_txt {
        text-align: center;
        margin-top: 50px;
        margin-left: 0
    }
    .main_txt .party {
        margin: 0 auto -86px !important;
        top: -205px;
        position: relative
    }
    .main_txt .adv_list li,
    .main_txt .logo_wrap,
    .main_txt .party {
        margin-left: 0
    }
    .main_txt .sale_wrap {
        width: 100%
    }
    .btn.big>div {
        width: 140px
    }
    .main_txt .sale_wrap .btn {
        text-align: center;
        font-size: 25px
    }
    .jimnema .txt {
        padding: 0
    }
    .jimnema .txt .s_title {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 10px
    }
    .jimnema .txt p {
        font-size: 16px;
        line-height: 21px
    }
    .cnst_txt>div {
        width: 100%;
        margin-bottom: 30px
    }
    .cnst_txt .title {
        text-align: center
    }
    .consist {
        padding: 30px 0 0
    }
    .prop .items .item_1 img {
        left: 46px;
        top: -35px
    }
    .prop .items .item_1 .arr {
        top: -5px;
        left: 80px
    }
    .prop .items .item_1:after {
        left: 147px;
        top: 6px
    }
    .press .txt>img {
        position: relative;
        top: 0;
        left: 0;
        margin: 10px auto 0
    }
    .jimnema-cont {
        margin: 15px auto 20px
    }
    .jimnema .txt {
        padding: 0 10px;
        font-size: 17px;
        line-height: 26px
    }
    .prop {
        padding-top: 35px;
        padding-bottom: 20px
    }
    .q_icons {
        position: absolute;
        width: 100%;
        top: 418px;
        left: 20px
    }
    .press .txt .q_icons {
        top: 420px
    }
    .press .exp_img {
        float: none;
        width: 100%;
        margin-top: 90px
    }
    .press {
        padding-bottom: 0
    }
    .press .exp_img img {
        margin: 0 auto
    }
    .press .quote span {
        margin-top: -300px
    }
    .press .quote p {
        margin-top: 260px
    }
    .press .quote {
        margin: 15px auto 0
    }
    .accent.grn {
        padding: 20px 0
    }
    .accent.grn img {
        width: 210px
    }
    .press .journal_wrap {
        margin-top: 165px
    }
    .accent.grn .txt {
        padding: 0 15px
    }
    .accent.grn .txt span {
        font-size: 40px
    }
    .accent.grn .txt span+span {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .accent.ylw {
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
        line-height: 33px
    }
    .jimnema .s_title {
        line-height: 30px
    }
    .danger .s_title+p {
        line-height: 24px
    }
    .danger .items>div {
        font-size: 13px;
        line-height: 18px
    }
    .danger .s_title.bl+p {
        font-size: 16px;
        line-height: 25px
    }
    .danger .arr_wrap .arrow {
        width: 305px;
        height: 280px
    }
    .danger .arr_wrap .party {
        left: -20px
    }
    .danger .arr_wrap .dialek_1 {
        left: 160px
    }
    .danger .arr_wrap .dialek_3 {
        left: 176px
    }
    .danger .arr_wrap {
        width: 300px
    }
    .order_forma {
        width: 300px !important;
        bottom: -580px
    }
    .order_forma .title_wrap {
        padding: 15px 10px
    }
    .order_forma .title_wrap:after {
        border-left-width: 150px !important;
        border-right-width: 150px !important
    }
    .select_txt,
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    textarea {
        height: 50px
    }
    .form_wrap {
        padding: 20px 10px
    }
    .order {
        min-height: 1640px
    }
    .cnst_txt p,
    .press .quote p {
        text-align: center
    }
    .press .txt {
        padding: 11px
    }
}

.my-popup {
    width: 870px !important;
    height: 655px;
    background-color: #dfeaec;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 0 5px #fff
}

.ever-popup.show {
    overflow: hidden
}

.popup-product {
    width: 100%;
    max-width: 300px;
    margin-right: 60px;
    position: relative;
    left: -20px
}

.my-popup div.order_forma {
    max-width: 350px;
    width: 100%;
    top: 0;
    position: static
}

@media screen and (max-width:1023px) {
    .my-popup {
        width: 500px !important;
        padding: 15px;
        display: block;
        height: auto
    }
    .popup-product {
        display: none
    }
    .my-popup div.order_forma {
        margin: 0 auto
    }
}

@media screen and (max-width:570px) {
    .my-popup {
        max-width: 310px;
        padding: 0
    }
    .my-popup div.order_forma {
        margin: 0 auto;
        max-width: 310px
    }
}

.notice {
    font-size: 15px;
    display: block;
    padding-top: 5px
}

.deck-title-center {
    display: flex;
    justify-content: center;
    padding: 10px
}

.title-deck {
    font-size: 12px !important;
    font-style: italic
}