<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    font-family: bebas, Roboto, sans-serif;
    font-size: 20px;
    color: #fff;
}

ol, ul {
    list-style: none;
}

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

caption, td, th {
    font-weight: 400;
    text-align: left;
}

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

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

a {
    text-decoration: none;
}

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

.clearfix {
    *zoom: 1;
}

.clearfix:after, .clearfix:before {
    display: table;
    line-height: 0;
    content: "";
}

.clear, .clearfix:after {
    clear: both;
}

.fulljustify {
    text-align: justify;
}

.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.for_btn {
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}

.for_btn_hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

img {
    max-width: 100%;
}

section {
    position: relative;
    box-sizing: border-box;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.border-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.before {
    position: absolute;
    display: block;
    content: "";
    background-size: 100% 100%;
}

@font-face {
    font-family: bebas;
    src: url(../fonts/BebasNeue_Bold.otf) format("opentype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: bebas;
    src: url(../fonts/BebasNeue_Regular.otf) format("opentype");
    font-style: normal;
    font-weight: 400;
}

.bebas {
    font-family: bebas, Roboto, sans-serif;
}

.open {
    font-family: 'Open Sans', sans-serif;
}

.table {
    display: table;
    width: 100%;
}

.flex {
    display: flex;
}

.cell {
    vertical-align: top;
    display: table-cell;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

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

.inp {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.italic {
    font-style: italic;
}

.overflow {
    overflow: hidden;
}

.bold {
    font-weight: 700;
}

.roboto {
    font-family: Roboto, sans-serif;
    font-weight: 700;
}

.up {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.overflow &gt; header {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 815px;
}

input.btn {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.btn {
    background: -moz-linear-gradient(top, #1dcef4 0, #16c8f3 28%, #0bbcf0 50%, #07a8eb 76%, #06a3ea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1dcef4), color-stop(28%, #16c8f3), color-stop(50%, #0bbcf0), color-stop(76%, #07a8eb), color-stop(100%, #06a3ea));
    background: -webkit-linear-gradient(top, #1dcef4 0, #16c8f3 28%, #0bbcf0 50%, #07a8eb 76%, #06a3ea 100%);
    background: -o-linear-gradient(top, #1dcef4 0, #16c8f3 28%, #0bbcf0 50%, #07a8eb 76%, #06a3ea 100%);
    background: -ms-linear-gradient(top, #1dcef4 0, #16c8f3 28%, #0bbcf0 50%, #07a8eb 76%, #06a3ea 100%);
    background: linear-gradient(to bottom, #1dcef4 0, #16c8f3 28%, #0bbcf0 50%, #07a8eb 76%, #06a3ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1dcef4', endColorstr='#06a3ea', GradientType=0);
    border: 0;
    width: 275px;
    height: 65px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-bottom: 4px solid #0476a8;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    color: #fff;
}

.btn:before {
    right: -70px;
}

.btn:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.btn a {
    color: #fff;
    display: block;
    line-height: 61px;
}

.desktop {
    background: url(../img/1111.jpg);
}

.top_head article {
    padding-top: 25px;
    padding-left: 255px;
    font-family: bebas, Roboto, sans-serif;
    font-size: 52px;
    line-height: 100%;
    position: relative;
}

.top_head article p {
    font-weight: 700;
    display: table-cell;
    height: 225px;
    vertical-align: middle;
}

.top_head article p span {
    color: #ffc345;
}

.top_head article p span.or {
    color: #ff7937;
}

.top_head article &gt; span {
    font-weight: 400;
    font-size: 32px;
    display: block;
    text-align: justify;
    padding-right: 262px;
}

.top_head &gt; div {
    position: relative;
    width: 950px;
    height: 322px;
    background: url(../img/sec.png) center top no-repeat;
    margin: 70px auto 30px;
    background-size: 100% 100%;
}

.top_head &gt; div &gt; div {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.back {
    position: relative;
}

.back::before, .back::after {
    content: "";
    display: block;
    width: 202px;
    height: 386px;
    background: url(../img/04.png) no-repeat;
    background-size: 100%;
    left: 540px;
    top: 50px;
    position: absolute;
    z-index: -1;
}

.back::before {
    transform: rotate(180deg);
    left: 350px;
    top: 80px;
}

.top_head &gt; div::before {
    display: block;
    line-height: 0;
    content: "";
    background: url(../img/08.png) no-repeat;
    width: 677px;
    left: -230px;
    top: -320px;
    height: 611px;
    position: absolute;
    z-index: -1;
}

.top_head &gt; div::after {
    display: block;
    line-height: 0;
    content: "";
    background: url(../img/01.png) no-repeat;
    width: 268px;
    right: -170px;
    bottom: -60px;
    height: 290px;
    position: absolute;
    z-index: -1;
}

.top_head &gt; div .product {
    position: absolute;
    left: 240px;
    top: -10px;
    max-width: 420px;
}

.top_head &gt; div &gt; div:first-child {
    padding-left: 30px;
    padding-top: 40px;
    float: left;
    position: relative;
}

.top_head &gt; div &gt; div:first-child &gt; p {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 23px;
    margin-bottom: 20px;
    height: 56px;
    box-sizing: border-box;
    padding-right: 50px;
}

.top_head &gt; div &gt; div:first-child &gt; p span {
    color: #ff7937;
}

.top_head &gt; div &gt; div:first-child &gt; aside {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    height: 120px;
    margin-bottom: 5px;
}
.price-old:before{
    background: #262923;
    top: 12px;
}
.old_price .x_price_previous, .price-old .x_price_previous {
    position: relative;
    display: inline-block;
}

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

.new_price span {
    color: #ffc345;
}

.top_head &gt; div &gt; div:first-child &gt; aside .new_price {
    font-size: 70px;
    line-height: 100%;
}

.top_head &gt; div &gt; div .left h4 {
    color: #ff7937;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    padding-top: 15px;
    height: 48px;
}

.top_head &gt; div &gt; div .left p {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}

.top_head &gt; div &gt; div .left p span {
    display: inline-block;
    vertical-align: bottom;
    background: #ff7937;
    font-size: 36px;
    padding: 4px 10px 0;
    color: #fff;
    border-bottom: 5px solid #963d06;
    position: relative;
    left: 30px;
    z-index: 9;
}

.top_head &gt; div &gt; div:last-child {
    padding-top: 0;
    float: right;
    margin-right: 20px;
}

.top_head &gt; div &gt; div:last-child &gt; span {
    display: block;
    text-align: center;
    padding: 7px 0;
}

.top_head &gt; div &gt; div:last-child form {
    width: 275px;
}

.top_head &gt; div &gt; div:last-child form .inp, .top_head &gt; div &gt; div:last-child form select {
    display: block;
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #ff7937;
    background: rgba(0, 0, 0, 0);
    height: 55px;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 20px;
    font-weight: 700;
    font-size: 20px;
    outline: none;
}

::-webkit-input-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.top_head &gt; div &gt; div:last-child form select {
    padding-left: 18px;
}

select::-ms-expand {
    display: none;
}

.sec_scr &gt; h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 60px;
    margin-bottom: 25px;
    font-weight: 700;
}

.sec_scr &gt; h3 span {
    color: #ff7937;
}

.sec_scr &gt; ul li {
    position: relative;
    margin-bottom: 30px;
    min-height: 200px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sec_scr &gt; ul li::after {
    display: block;
    content: "";
    position: absolute;
    background-size: 100%;
    z-index: -1;
    width: 371px;
    height: 170px;
    background: url(../img/02.png) no-repeat left top;
}

.sec_scr &gt; ul li:nth-child(1)::after { left: 80px; top: -50px; }
.sec_scr &gt; ul li:nth-child(2)::after { right: 45px; top: -85px; }
.sec_scr &gt; ul li:nth-child(3)::after { left: 80px; top: -90px; }

.sec_scr &gt; ul li::after {
}

.sec_scr &gt; ul li h4 {
    color: #ff7937;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sec_scr &gt; ul li p {
    font-weight: 700;
    font-size: 25px;
}

.sec_scr &gt; ul li p span {
    color: #e2463c;
}

.sec_scr &gt; ul li p span.big {
    font-size: 40px;
}

.sec_scr &gt; ul li img {
    position: absolute;
    top: 0;
}

.sec_scr &gt; ul li:nth-child(2n+1) img {
    left: 0;
}

.sec_scr &gt; ul li:nth-child(2n+2) img {
    right: 0;
}

.sec_scr &gt; ul li:nth-child(2n+2) {
    padding-right: 505px;
}

.sec_scr &gt; ul li:nth-child(2n+1) {
    padding-left: 505px;
}



.sec_scr &gt; ul li div p {
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
}

.sec_scr &gt; ul li div p span {
    font-family: bebas, Roboto, sans-serif;
    font-weight: 700;
    font-size: 26px;
}

.third_scr {
    background: url(../img/third_scr.png) center top no-repeat;
    height: 769px;
    padding-top: 182px;
    margin-top: -110px;
    background-size: 100% 100%;
}

.third_scr &gt; div &gt; h3 {
    line-height: 100%;
    color: #a10101;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 49px;
    margin-bottom: 30px;
    padding-left: 500px;
}

.third_scr &gt; div &gt; h3 span {
    color: #06840f;
}

.third_scr &gt; div &gt; article {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 700;
    padding-left: 500px;
    margin-bottom: 30px;
}

.third_scr &gt; div &gt; article img {
    position: absolute;
    left: 0;
    top: 0;
}

.third_scr &gt; div &gt; article h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
}

.third_scr &gt; div {
    height: 100%;
}

.third_scr &gt; div &gt; article span {
    color: #ff7937;
    display: block;
}

.third_scr &gt; div &gt; aside {
    width: 100%;
    position: absolute;
    text-align: center;
}

.third_scr &gt; div &gt; p {
    margin-left: 450px;
    background: url(../img/bg.png) left top no-repeat;
    width: 623px;
    height: 110px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 27px 110px 0 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    background-size: 640px 100%;
}

.third_scr .btn {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 30px auto 30px;
}

.third_scr aside p {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff7937;
}

.third_scr aside p span {
    color: #a10101;
}

.forth_scr .product{
    position: absolute;
    top: 390px;
    left: 50%;
    transform: translate(-50, 0);
}
.forth_scr {
    padding: 40px 0 0;
}

.forth_scr &gt; h3 {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 65px;
    margin-bottom: 20px;
}

.forth_scr &gt; h3 span {
    color: #E2463F;
}

.forth_scr &gt; article {
    text-align: center;
    padding: 0 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}

.forth_scr &gt; img {
    position: absolute;
    left: 237px;
    top: 390px;
}

.forth_scr &gt; ul li h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #E2463F;
    font-size: 30px;
}

.forth_scr &gt; ul li p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.forth_scr &gt; ul {
    width: 370px;
}

.forth_scr &gt; ul.left {
    float: left;
}

.forth_scr &gt; ul.right {
    float: right;
    width: 290px;
}

.forth_scr &gt; ul li {
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 12px 15px 30px;
    z-index: 5;
}

.forth_scr &gt; ul.left li:nth-child(2n+1) {
    background: rgba(54, 54, 54, .48);
}

.fifth_scr {
    background: url(../img/fifth.jpg) center top no-repeat;
    height: 737px;
    padding-top: 30px;
    padding-bottom: 120px;
    box-sizing: content-box;
    background-size: 100% 100%;
}

.fifth_scr &gt; div &gt; h3 {
    background: url(../img/bg_top.png) 80px top no-repeat;
    padding-top: 30px;
    height: 150px;
    width: 1235px;
    position: relative;
    left: -110px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
}

.fifth_scr &gt; div &gt; div {
    padding-left: 50%;
    margin-top: 20px;
}

.fifth_scr &gt; div &gt; div &gt; div {
    margin: 0 0 10px;
}

.fifth_scr &gt; div &gt; div &gt; div &gt; p {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
}

.fifth_scr &gt; div &gt; div &gt; div &gt; p span {
    color: #ff7937;
}

.fifth_scr &gt; div &gt; div &gt; article &gt; p {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.fifth_scr &gt; div &gt; div &gt; article &gt; p span {
    font-size: 50px;
    color: #E2463F;
}

.fifth_scr &gt; div &gt; div &gt; p {
    background: url(../img/bg_red.png) center top no-repeat;
    height: 138px;
    width: 692px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 222px;
    padding-top: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    position: relative;
    left: -222px;
    margin-bottom: 35px;
    margin-top: 10px;
}

.fifth_scr &gt; div &gt; div &gt; p img {
    position: absolute;
    left: 48px;
    top: -10px;
}

.fifth_scr &gt; div &gt; div &gt; ul li:before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    height: 42px;
    background: url(../img/yes.png) center top no-repeat;
    left: 0;
    top: -10px;
}

.fifth_scr &gt; div &gt; div &gt; ul li {
    position: relative;
    color: #000;
    margin-bottom: 8px;
    padding-left: 35px;
}

.img_3 {
    position: absolute;
    left: 324px;
    bottom: -30px;
}

.img_1 {
    position: absolute;
    left: 324px;
    top: 182px;
}

.sixth_scr {
    padding-top: 2px;
}

.sixth_scr &gt; div &gt; h3 {
    text-align: center;
    font-weight: 700;
    font-size: 51px;
    line-height: 100%;
}

.penis-item {
    display: inline-block;
    vertical-align: top;
    width: 21.5%;
    margin: 20px 1.5%;
    text-align: center;
    color: #fff;
}

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

.penis-img img {
    max-width: 100%;
    height: 264px;
    width: auto;
}

.penis-ned {
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    height: 50px;
}

.penis-desk {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 65px;
}

.penis-time-desl {
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
}

.penis-result {
    color: #ff5949;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
}

.sixth_scr &gt; div &gt; h3 span {
    color: #e1473c;
}

.sixth_scr &gt; div &gt; h3 span.red {
    color: #E2463F;
}

.sixth_scr &gt; div &gt; ul {
    display: block;
}

.sixth_scr &gt; div &gt; ul li {
    width: 50%;
    position: relative;
    padding-left: 260px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.sixth_scr &gt; div &gt; ul li:nth-child(2n+2) {
    padding-left: 230px;
}

.sixth_scr &gt; div &gt; ul li:nth-child(2n+2) img {
    left: 50px;
}

.sixth_scr &gt; div &gt; ul li img {
    position: absolute;
    left: 92px;
    top: 10px;
}

.sixth_scr &gt; div &gt; ul li h4 {
    color: #ff7937;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
}

.sixth_scr &gt; div &gt; ul li p {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    font-size: 15px;
}

.sixth_scr &gt; div &gt; ul li p:nth-of-type(1):after {
    width: 50%;
    content: "";
    display: block;
    height: 2px;
    background: #515151;
    margin: 10px 0;
}

.sixth_scr &gt; div &gt; ul li &gt; span {
    color: #E2463F;
    font-size: 30px;
    font-weight: 700;
}

.sixth_scr &gt; div &gt; .btn {
    margin: 10px auto 0;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.alm_last {
    background-color: #00a3fe;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 64px;
    padding: 15px 0;
}

#last {
    background: url(../img/footer.jpg) center top no-repeat;
    padding-bottom: 30px;
    background-size: cover;
}

#last div.hell {
    background: url(../img/sec.png) center top no-repeat;
    height: 362px;
    width: 950px;
    margin: 0 auto;
    position: relative;
}

#last div.hell &gt; div:first-child &gt; aside {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    height: 120px;
}

#last div.hell &gt; div:first-child &gt; aside .new_price {
    font-size: 80px;
    line-height: 100%;
}

#last .product {
    position: absolute;
    left: 290px;
    top: 0;
    max-width: 420px;
}

#last div.hell &gt; div .left h4 {
    color: #ff7937;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: -25px;
    height: 48px;
}
.hell .product:before{
    left: -60px;
}
.hell .product .discount{
    left: 280px;
}


#last .list div {
    width: 211px;
    height: 61px;
    padding: 5px 10px 0 65px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 22px;
    color: #fff;
    text-align: left;
}

.nine_scr-number{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nine_scr-number h1{
    font-size: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1021px) {
    .nine_scr ul li:nth-child(2) div img, .nine_scr ul li:nth-child(3) div img { left: 35px; }
}

#last .price {
    padding: 20px 0 30px;
    text-align: center;
}

#last .price .price-old {
    /*padding: 0 45px 0 90px;*/
    margin-right: 20px;
    font-size: 36px;
    color: #262923;
    font-weight: 700;
}

#last .price .price-new {
    font-size: 48px;
    color: #fff;
    font-weight: 700;
}

.landing___price__currency {
    font-size: .6em !important;
}

#last h2 {
    font-size: 64px;
    line-height: 100%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 40px 0 15px;
}

#last .price &gt; span {
    display: inline-block;
    vertical-align: baseline;
}

#last .list div.second {
    background: url(../img/icon18.png) no-repeat;
}

#last .list div.third {
    background: url(../img/icon19.png) no-repeat;
}

#last .list div.first {
    background: url(../img/icon17.png) no-repeat;
}

#last div.hell &gt; div:last-child form .inp, #last div.hell &gt; div:last-child form select {
    display: block;
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #ff7937;
    background: rgba(0, 0, 0, 0);
    height: 55px;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 20px;
    font-weight: 700;
    font-size: 20px;
}

#last div.hell &gt; div .left p {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}

#last div.hell &gt; div .left p span {
    display: inline-block;
    vertical-align: bottom;
    background: #ff7937;
    font-size: 36px;
    padding: 4px 10px 0;
    color: #fff;
    border-bottom: 5px solid #963d06;
    position: relative;
    left: 30px;
    z-index: 5;
}

#last div.hell &gt; div:first-child &gt; p {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 14px;
    height: 56px;
    line-height: 100%;
}

#last div.hell &gt; div:first-child &gt; p span {
    color: #ff7937;
}

#last div.hell &gt; div:first-child {
    padding-left: 30px;
    padding-top: 90px;
    float: left;
}

#last div.hell &gt; div:last-child {
    padding-top: 60px;
    float: right;
    margin-right: 20px;
}

.doc_scr {
    height: 1052px;
    padding-top: 191px;
    margin-top: -108px;
}

.doc_scr &gt; div &gt; h3 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 57px;
    line-height: 100%;
    color: #a10101;
}

.doc_scr &gt; div &gt; h3 span {
    color: #ff7937;
}

.doc_scr &gt; div {
    height: 100%;
}

.doc_scr &gt; div aside {
    width: 100%;
    position: absolute;
    padding: 0 70px;
    bottom: 30px;
}

.doc_scr &gt; div aside h4 {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #DD443E;
    font-size: 35px;
}

.doc_scr &gt; div aside p {
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.half_scr .product:before{
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 180px;
    height: 222px;
    left: auto;
    right: 40px;
}

.half_scr .product {
    position: absolute;
    top: -80px;
    right: 20px;
}
.half_scr {
    margin-top: 119px;
    position: relative;
    text-align: center;;
}

.half_scr h3 {
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    color: #E2463F;
    font-size: 40px;
    margin-right: 80px;
}

.half_scr .btn {
    margin: 6px 0 14px 100px;
    display: block;
    vertical-align: top;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.half_scr .btn a {
    padding-top: 20px;
    font-weight: 700;
}

.half_scr p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-right: 80px;
}

.half_scr img {
    position: absolute;
    right: -20px;
    top: -80px;
    width: 280px;
}

.seventh_scr {
    background: url(../img/magaz.png) center top no-repeat;
    height: 862px;
    padding-top: 140px;
    margin-top: -20px;
    background-size: 100% 830px;
}

.seventh_scr &gt; div h3 {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 66px;
    line-height: 100%;
    color: #000;
    margin-bottom: 30px;
}

.seventh_scr &gt; div h3 span {
    color: #E24943;
}

.seventh_scr &gt; div ul li {
    margin-bottom: 20px;
}

.seventh_scr &gt; div ul li h4 {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
}

.seventh_scr &gt; div ul li p {
    color: #000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.seventh_scr &gt; div ul li h4 img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.eigth_scr .vk header {
    background: #4A7AA9;
    height: 100px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 0;
    text-align: center;
}

.eigth_scr .odn header {
    background: #E67817;
    height: 100px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 0;
    text-align: center;
}

.eigth_scr &gt; div {
    display: flex;
}

.eigth_scr &gt; div &gt; div {
    width: 50%;
}

.eigth_scr {
    margin-top: 20px;
}

.eigth_scr &gt; div &gt; div ul {
    background: #fff;
    padding: 10px 10px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 580px;
    height: 100%;
}

.eigth_scr &gt; div &gt; div ul li {
    padding: 10px 20px 10px 65px;
    border-bottom: 1px solid #E0E0E2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 120px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.eigth_scr &gt; div &gt; div ul li:last-child {
    border: 0;
}

.eigth_scr &gt; div &gt; div ul li &gt; img {
    position: absolute;
    left: 0;
    top: 10px;
}

.eigth_scr &gt; div &gt; div ul li &gt; p {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.eigth_scr &gt; div &gt; div ul li &gt; article {
    margin: 6px 0;
    color: #000;
}

.eigth_scr &gt; div &gt; div.vk ul li &gt; p {
    color: #51667B;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; p {
    color: #538761;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; div span {
    color: #385165;
    position: relative;
    cursor: pointer;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; div span img {
    position: relative;
    top: 2px;
    left: -7px;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; div span:first-child {
    padding-left: 0px;
    color: #B4B5BE;
}

#ten::after {
    display: table;
    content: "";
    clear: both;
}

.eigth_scr &gt; div &gt; div.odn ul li:last-child {
    border-bottom: 1px solid #E0E0E2;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; div span:first-child img {
    top: 4px;
}

.eigth_scr &gt; div &gt; div.vk ul li &gt; div span {
    color: #385165;
    cursor: pointer;
}

.eigth_scr &gt; div &gt; div.vk ul li &gt; div span.grey {
    color: #B4B5BE;
}

.eigth_scr &gt; div &gt; div.odn ul li {
    padding: 10px 20px 10px 65px;
    height: 120px;
}

.eigth_scr &gt; div &gt; div.odn ul li &gt; img {
    top: 15px;
    width: 51px;
    height: 51px;
}

.nine_scr {
    padding: 20px 0 0;
}

.nine_scr h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 66px;
    line-height: 100%;
    margin-bottom: 30px;
}

.blue {
    color: #00a3fe !important;
}

.nine_scr h3 span {
    color: #ff7937;
}

.nine_scr ul {
    text-align: center;
}

.nine_scr ul li {
    padding: 0 28px;
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

.nine_scr ul li div {
    height: 230px;
    /* display: block; */
    position: relative;
    margin-bottom: 15px;
    text-align: center;
}

.nine_scr ul li div img {
    display: block;
    position: absolute;
    bottom: 0;
}

.nine_scr ul li p {
    text-align: center;
    font-size: 30px;
}

.nine_scr ul li p span {
    color: #E2463F;
}

.ten_scr {
    background: url(../img/delivery.png) center top no-repeat;
    padding-top: 155px;
    padding-bottom: 50px;
    color: #000;
    margin-top: -5px;
    background-size: cover;
}

.ten_scr &gt; div {
    padding-left: 500px;
}

.ten_scr h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 20px;
    line-height: 100%;
}

.ten_scr h4 {
    color: #ff7937;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.ten_scr p {
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.ten_scr p span {
    font-weight: 700;
    color: #ff7937;
}

footer {
    color: #fff;
    padding: 15px 0;
    text-align: center;
}

select option {
    margin: 40px;
    background: rgba(0, 0, 0, .1);
    color: #000;
    font-weight: 700;
    padding: 10px 0;
}

#test {
    height: 819px;
}

#weeks {
    height: 633px;
    background: #242424;
}

.forth_scr &gt; ul.right li:nth-child(2n+1) {
    background-color: rgba(54, 54, 54, .48)
}

.button {
    background: url(../img/button.png) no-repeat;
    width: 328px;
    height: 72px;
    line-height: 67px;
    font-family: bebas, Roboto, sans-serif;
    border: 0;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
}

#ouibounce-modal input, #ouibounce-modal select, .ever-popup input, .ever-popup select, .ever-popup-build input, .ever-popup-build select {
    background: #fff;
    width: 275px;
    height: 32px;
    padding: 0 25px;
    border: 1px solid #000;
    display: block;
    border-radius: 16px;
    -moz-border-radius: 16px;
    font-size: 20px;
    font-weight: 700;
    color: #262923;
    margin: 0 0 6px;
    outline: none;
}
.modal-select {
    width: 275px;
}
.button:hover {
    background-position: 0 -72px;
}

button.button {
    margin-top: 18px;
}

#ouibounce-modal {
    font-family: bebas, Roboto, sans-serif;
    font-weight: 700;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
}

.over-window {
    background: #fff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    cursor: default;
    position: relative;
    margin: 0 auto;
    padding: 0 22px;
    width: 732px;
    z-index: 9999;
}

.popup-overflow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 97;
    display: none;
    overflow: auto;
}

#ouibounce-modal .close-over, .ever-popup .close-over, .ever-popup-build .close-over {
    background: url(../img/close2.png) no-repeat;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

#ouibounce-modal h1 , .ever-popup h1, .ever-popup-build h1{
    color: #282624;
    font-size: 48px;
    text-align: center;
    line-height: 40px;
    padding-bottom: 10px;
}
.popup {
    padding: 15px 0;
}

#ouibounce-modal .blue , .ever-popup .blue, .ever-popup-build .blue{
    background: #00a3fe;
    width: 337px;
    height: 92px;
    padding: 22px 10px 0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    color: #fff !important;
    text-align: center;
    font-size: 40px;
    float: left;
    box-sizing: border-box;
}

#ouibounce-modal .red , .ever-popup .red, .ever-popup-build .red{
    background: #ef4c40;
    width: 344px;
    height: 92px;
    padding: 22px 0 0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    color: #fff;
    text-align: center;
    font-size: 40px;
    float: right;
}

#ouibounce-modal h2 , .ever-popup h2, .ever-popup-build h2{
    padding-bottom: 30px;
    font-size: 48px;
    color: #ef4c40;
    text-align: center;
}

#ouibounce-modal .product , .ever-popup .product, .ever-popup-build .product{
    float: left;
    /*position: static;*/
    margin: 0 0 0 -22px;
    width: 360px;
}

#ouibounce-modal form , .ever-popup form, .ever-popup-build form{
    margin: 0px 24px 0 350px !important;
}

#ouibounce-modal .price, .ever-popup .price, .ever-popup-build .price{
    /*width: 360px;*/
    /*float: left;*/
    font-size: 48px;
    line-height: 40px;
    color: #282624;
    /*text-align: center;*/
    padding: 10px 0;
    margin-top: 10px;
}

#ouibounce-modal .copy , .ever-popup .copy, .ever-popup-build .copy{
    font-size: 24px;
    color: #282624;
    width: 340px;
    float: right;
    text-align: center;
    padding: 10px 0;
}

.box::-webkit-input-placeholder {
    color: #000;
}

.box:-moz-placeholder {
    color: #000;
}

.box::-moz-placeholder {
    color: #000;
}

.x_order_form {
    margin-top: 20px !important;
}

.inp:focus, .in:active, .in:hover { outline: none !important; }

.clicked {
    transition: 0.4s all;
    background: rgba(0,0,0,0.7);
}

.product:before{
    background: url(../img/prod-it.png) center / contain no-repeat;
    width: 120px;
    height: 320px;
    content: '';
    position: absolute;
    top: 40px;
    left: 96px;
}
.forth_scr .product:before{
    background: url(../img/prod-it.png) center / contain no-repeat;
    width: 320px;
    height: 320px;
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-35%, 0);
}
.product__1:before {
    width: 340px;
}

.product{
    position: relative;
}
.discount{

    width: 90px;
    height: 90px;
    background: limegreen;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 20px 0 0;
    text-align: center;
    position: absolute;
    left: 310px;
    top: 0;
    font-size: 25px;

}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type="text"]{
    font-size: 18px !important;
    outline: none;
}


#ouibounce-modal .product:before, .ever-popup .product:before, .ever-popup-build .product:before{
    width: 220px;
    height: 292px;
    background-size: 100%;
    position: static;
    display: block;
}
#ouibounce-modal .product .discount, .ever-popup .product .discount, .ever-popup-build .product .discount{
    position: absolute;
    top: -30px;
    left: 210px;
    color: #fff;
}
#ouibounce-modal .product, .ever-popup .product, .ever-popup-build .product{
    margin: 0;
    width: 330px;
    float: left;
    position: relative;
}

#ouibounce-modal .button:hover, .ever-popup .button:hover, .ever-popup-build .button:hover{
    background-position: 0 -61px;
}
#ouibounce-modal .button, .ever-popup .button, .ever-popup-build .button{
    width: 278px;
    background-size: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
}

.eigth_scr &gt; div &gt; div.vk ul li &gt; div span.grey &gt; span { color: #B4B5BE; }

#form &gt; div { margin-top: 40px; }
#form &gt; div::before, #form &gt; div::after { content: none; }
#form .product::before {     
    left: 15px;     
    top: 17px; 
    width: 220px;
}
#form .discount { left: 270px; }

.x_country_select{
  overflow: hidden;
  position: relative;
}
.x_country_select::after{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ff7937;
  position: absolute;
  top: 40%;
  right: 10px;
  content: "";
  z-index: 98;
 }
 .ever-popup__inner .x_country_select::after {
    right: 50px;
    top: 35%;
 }
.x_country_select select{
  position: relative;
  z-index: 99;
  background: none;
}
.ev-footer__logo {
    text-align: center;
}



 /* ---------------------------------------------------------- */
@media screen and (max-width: 1400px) {
        .fifth_scr,
    .third_scr,
    .ten_scr {
        background-size: cover;
    }
}

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

    .wrapper { width: 800px; }

    .top_head article { font-size: 40px; padding-left: 325px; }

    .top_head &gt; div::before { left: -160px; }

   .top_head &gt; div &gt; div:first-child::before { content: none; }

    .discount, #last div.hell .product .discount { left: 178px; }

    .top_head .product:before {
        width: 346px;
        top: 20px;
        left: -8px;
    }

    #form .product::before {
        top: 12px;
        left: -57px;    
    }

    #form &gt; div { margin-top: 0; }
    #form .discount { left: 127px; }
    .top_head &gt; div {
        font-size: 0;
        height: 300px;
        width: 100%;
        background-image: none;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 40px;
    }

    #last div.hell&gt; div:first-child, 
    .top_head &gt; div &gt; div:first-child { 
        padding: 15px 0;
        background-color: #fff;
        width: 420px;
        border-radius: 30px;
        height: 100%;
    }

    .top_head &gt; div &gt; div:first-child &gt; aside {
      background: #d45300; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(left, #4f0400 , #f66a00); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(right, #4f0400, #f66a00); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(right, #4f0400, #f66a00); /* For Firefox 3.6 to 15 */
      background: linear-gradient(to right, #4f0400 , #f66a00); /* Standard syntax */
      padding: 10px 20px;
    }
    .top_head &gt; div &gt; div:first-child &gt; aside .new_price { font-size: 59px; }
    .top_head &gt; div &gt; div:last-child { width: 280px; margin-right: 10px; }
    .top_head &gt; div &gt; div:last-child form { 
        width: 100%; 
        margin: 0 auto; 
        text-align: center;
    }

    form input.btn { margin: 0 auto; }

    .top_head &gt; div &gt; div:first-child &gt; p { padding: 0 20px; margin-bottom: 15px; }
    .top_head &gt; div &gt; div:first-child &gt; .left { padding: 0 20px; }

    .half_scr h3 { margin-right: 110px; }
    .half_scr p { display: inline-block; margin-right: 100px; }
    .third_scr &gt; div &gt; p { margin-left: 270px; }
    .third_scr &gt; div &gt; article,
    .third_scr &gt; div &gt; h3 { padding-left: 350px; }
    .sec_scr &gt; ul li div p { width: 100%; font-size: 22px;}
    .sec_scr &gt; ul li div p br { display: none; }
    .sec_scr &gt; ul li:nth-child(3) { padding-left: 490px; }

    .forth_scr&gt;ul.left,
    .forth_scr&gt;ul.right {
        float: none;
        width: 100%;
    }
    .forth_scr &gt; ul li { left: 0; }

    .forth_scr .product,
    .forth_scr .product:before {
        position: static;
        display: block;
    }

    .forth_scr .product:before {
        width: 480px;
        height: 400px;
        margin: 0 auto;
        position: relative;
        left: 50%;
        transform: translate(-61%, 0);
    }

    .back::before, .back::after {
        width: 232px;
        height: 437px;
        left: 430px;
        top: -40px;
    }

    .back::before { left: 180px; top: 0px; }
    .fifth_scr &gt; div &gt; h3 { left: -211px; }
    .img_1, .img_3 { left: 228px; }
    .fifth_scr &gt; div &gt; div &gt; article &gt; p span { font-size: 44px; }
    .penis-desk { height: 80px; }
    .seventh_scr { margin-top: -20px; }
    .half_scr .product:before { right: -10px; z-index: -1; }
    .eigth_scr &gt; div &gt; div { width: 100%; }
    .eigth_scr &gt; div { display: block; }
    .eigth_scr &gt; div &gt; div ul li:last-child { border-bottom: 1px solid #E0E0E2; }
    .eigth_scr &gt; div &gt; div ul { min-height: initial; padding-top: 0; }
    .eigth_scr &gt; div &gt; div ul li, .eigth_scr &gt; div &gt; div.odn ul li {
        height: auto;
    }
    .nine_scr h3 { font-size: 58px; }
    .ten_scr &gt; div { padding-left: 390px; }
    #last div.hell &gt; div:last-child { padding-top: 0; position: relative; }
    #last div.hell .product .discount { left: 128px; }
    #last div.hell &gt; div:first-child &gt; p { padding-top: 7px; margin-bottom: 5px; }
}

@media screen and (max-width: 820px) {
    .wrapper { width: 600px; }
    .ever-popup, .ever-popup-build, .popup-overflow { display: none !important; }

    #header { margin-bottom: 50px; }
    #header::after, #weeks::after, #feed::after, #nine::after { clear: both; content: ""; display: table; }
    #test, #weeks, #feed, #nine { height: auto; }

    .top_head article { padding-left: 195px; }
    .top_head &gt; div::before { left: -240px; }
    .top_head &gt; div &gt; div:first-child,
    .top_head &gt; div &gt; div:last-child { width: 100%; margin-right: 0; }
    .top_head .product:before { left: 50px; }
    .discount { left: 279px; }

    .top_head &gt; div &gt; div:first-child &gt; p,
    .top_head &gt; div &gt; div:first-child &gt; aside,
    .top_head &gt; div &gt; div:first-child &gt; .left { padding-left: 30px; }

    .top_head &gt; div &gt; div:last-child { background-color: rgba(0, 0, 0, 0.2); border-radius: 30px; margin-top: 15px; padding: 10px 80px; }
    .sec_scr &gt; h3 { font-size: 48px; }
    .sec_scr &gt; ul li img { display: none; }
    .sec_scr &gt; ul li::before { content: ""; display: block; margin: 0 auto; width: 435px; height: 200px; }
    .sec_scr &gt; ul li:nth-child(1)::before { background: url(../img/li_1_1.jpg) no-repeat -8px; }
    .sec_scr &gt; ul li:nth-child(2)::before { background: url(../img/li_1_2.jpg) no-repeat -23px; }
    .sec_scr &gt; ul li:nth-child(3)::before { background: url(../img/li_1_3.jpg) no-repeat -8px; }
    .sec_scr &gt; ul li:nth-child(n) { padding: 0; }
    .sec_scr &gt; ul li h4 { margin-top: 10px; text-align: center; }
    .sec_scr &gt; ul li p { padding-left: 83px; }
    .third_scr &gt; div &gt; article, .third_scr &gt; div &gt; h3 { padding-left: 250px; }
    .third_scr &gt; div &gt; p { margin-left: 30px; }
    .third_scr .btn { margin: 40px auto 5px; }
    .forth_scr &gt; h3 { font-size: 48px; }
    .back::before { left: 77px; }
    .back::after { left: 320px; }

    #size { margin-bottom: 40px; }
    #weeks { padding-top: 30px; }
    #how { height: auto; background: #fff none; }
    .fifth_scr &gt; div &gt; h3 br { display: none; }
    .fifth_scr &gt; div &gt; h3 { font-size: 40px; color: #ea5f00; background: none; width: auto; position: static; height: auto; }
    .fifth_scr &gt; div &gt; div { padding-left: 160px; }
    .fifth_scr &gt; div &gt; div &gt; p img { left: 65px; }
    .img_3 { bottom: -32px; }
    .img_1, .img_3 { left: 0; }
    .fifth_scr &gt; div &gt; div &gt; ul { margin-top: 40px; }

    .penis-item { width: 45%; }
    .penis-desk { height: 50px; }
    #half { margin-top: 80px; }
    .half_scr .product:before { right: -60px; }
    #feed { background: #fff none; margin-top: 40px; padding: 50px 0 15px; }
    .nine_scr ul li { display: block; width: 100%; margin-bottom: 20px; text-align: center  }
    .nine_scr ul li p { display: block; padding: 85px 0 0; }

    .nine_scr ul li::after, #half::after { display: table; clear: both; content: ""; }

    .nine_scr ul li div {
        height: 90px;
        /* display: inline-block; */
        margin-bottom: 15px;
        text-align: center;
        width: 230px;
        float: left;
    }

    
    .half_scr h3, .half_scr p { float: left; }
    .half_scr p { margin-left: 30px; }
    .half_scr .product:before { right: -70px; }
    .nine_scr ul li div img { display: block; }
    .ten_scr { margin-top: 0; padding-top: 45px; padding-bottom: 30px; background: #fff; }
    .ten_scr &gt; div { padding-left: 10px; }

    #last .list div { display: block; margin: 15px auto; }
    #last { background-size: 3580px; }
    .fifth_scr { padding-bottom: 40px; }
    .seventh_scr &gt; div h3 { font-size: 54px; }
    #form .discount { left: 147px; }
}

@media screen and (max-width: 640px) {
    .wrapper { width: 480px; padding: 0 10px; }

    .top_head &gt; div::before { content: none; }
    .top_head article { padding: 25px 10px 0;  }
    .top_head &gt; div { margin-top: 0; }
    .discount {     left: 121px;     top: 0px; }
    .discount__1 {
        top: 20px;
    }
    .top_head .product:before { left: -35px; top: 75px; width: 276px; }
    .sec_scr &gt; ul li p br { display: none; }
    .sec_scr &gt; ul li p { padding: 0; text-align: center; }

    #what { height: auto; background: #eae5e3; margin-top: 0; padding-top: 40px; padding-bottom: 25px; }
    #size { padding-top: 40px; }
    .third_scr &gt; div &gt; article, .third_scr &gt; div &gt; h3 { padding: 0 10px; }
    .third_scr &gt; div &gt; p { height: auto; width: auto; background: #f66a00; margin-left: 0; padding: 20px 10px; }
    .third_scr &gt; div &gt; aside { position: static; }
    .third_scr .btn { margin: 20px auto 15px; }

    .forth_scr .product:before { width: 360px; height: 300px; transform: translate(-50%, 0); top: 0px;}
    .half_scr h3, .half_scr p { float: none; margin: 0; }
    .back::before, .back::after { width: 152px; height: 297px; }
    .back::after { left: 275px; top: -10px; }
    .img_1, .img_3 { left: 15px; }
    .img_1 { top: 250px; }
    .penis-desk { height: 60px; }
    .half_scr h3 { margin-right: 0; }
    .half_scr h3 br, .seventh_scr &gt; div h3 span br { display: none; }
    .seventh_scr &gt; div h3 { font-size: 48px; }
    .half_scr .product { position: static; }
    .half_scr .product:before { position: static; display: block; margin: 10px auto 0; }
    #form .product::before { left: -67px; }
    #form .discount { left: 81px; }
    .top_head &gt; div { background-color: transparent; }
    .top_head &gt; div &gt; div:last-child { padding: 10px; }
    footer.wrapper { padding: 10px; }
}

@media screen and (max-width: 480px) {
    .penis-ned {
        height: 80px;
    }
    .fifth_scr &gt; div &gt; h3 {
        font-size: 30px;
    }
    .wrapper { width: 320px; }
    .fifth_scr p {
        margin: 25px auto;
    }
    .ten_scr h4 {
        text-align: center;
    }
    .top_head article p { display: block; height: auto; }
    .top_head article { padding: 25px 0; }
    #form &gt; div &gt; div:first-child &gt; .left { padding-left: 15px; }
    .top_head &gt; div &gt; div:first-child &gt; .left { padding-left: 15px; }
    #form &gt; div &gt; div .left h4 { margin-bottom: -15px; }
    .top_head &gt; div &gt; div .left h4 { margin-bottom: -15px; }
    #form &gt; div &gt; div .left p span { display: inline; color: #ff7937; vertical-align: inherit; background: transparent; border-bottom: none; position: static; padding: 0; } 
    .top_head &gt; div &gt; div .left p span { display: inline; color: #ff7937; vertical-align: inherit; background: transparent; border-bottom: none; position: static; padding: 0; } 
    #form &gt; div .product { position: static; display: block; }
    .top_head &gt; div .product { position: static; display: block; }
    #form &gt; div &gt; div { float: none !important; }
    .top_head &gt; div &gt; div { float: none !important; }
    #form &gt; div { height: auto; }
    .top_head &gt; div { height: auto; }
    .discount { left: 181px; top: 250px; }
    #form .discount {
        left: auto;
        right: 20px;
    }
    #form &gt; div .product::before { display: block; position: static; margin: 60px auto 20px; height: 222px; }
    .top_head &gt; div .product::before { display: block; position: static; margin: 60px auto 20px; height: 222px; }

    #header { margin-bottom: 20px; }
    .sec_scr &gt; ul li::before { content: ""; display: block; margin: 0 auto; width: 300px; height: 200px; }
    .sec_scr &gt; ul li:nth-child(1)::before { background-position-x: -80px; }
    .sec_scr &gt; ul li:nth-child(2)::before { background-position-x: -80px; }
    .sec_scr &gt; ul li:nth-child(3)::before { background-position-x: -80px; }
    .sec_scr &gt; ul li div p { padding-right: 0; }

    .forth_scr .product:before { width: 300px; height: 250px; }
    .back { display: none; }
    .fifth_scr &gt; div &gt; div &gt; div &gt; p {
        font-size: 30px;
    }
    .fifth_scr &gt; div &gt; div &gt; article &gt; p span {
        font-size: 30px;
    }
    .img_3 { bottom: 140px; }
    .img_1 { left: 375px; top: 222px; }
    .fifth_scr &gt; div &gt; div { padding-left: 0; }
    .img_1, .img_3 { left: 90px; }
    .fifth_scr &gt; div &gt; div { margin-top: 205px; }
    .penis-desk { height: 60px; }
    .penis-item:nth-child(n+4) .penis-desk { height: 90px; }
    .seventh_scr &gt; div h3 { font-size: 40px; }
    #half { margin-top: 50px; }
    .fifth_scr &gt; div &gt; div &gt; p img { display: block; position: static; margin-left: 80px; }
    .fifth_scr &gt; div &gt; div &gt; p {
        background: #da4b41;
        height: auto;
        width: auto;
        padding-top: 14px;
        font-size: 25px;
        position: static;
        margin-bottom: 15px;
        padding: 10px 5px;
        font-size: 24px;
        margin-top: 10px;
    }
    .fifth_scr &gt; div &gt; div &gt; p br { display: none; }
    .fifth_scr &gt; div &gt; div &gt; ul { margin-top: 220px; }
    #nine { padding-bottom: 20px; }
    .ten_scr h3 { text-align: center; }
    #last { background-size: 4780px; }
    #form &gt; div &gt; div:last-child { background-color: rgba(0, 0, 0, 0.5); }
    #last .price { display: none; }
    #form { margin-top: 20px; }
    .sec_scr &gt; ul li:nth-child(1)::after { left: 8px; }
    .sec_scr &gt; ul li:nth-child(2)::after { right: -65px; }
    .sec_scr &gt; ul li:nth-child(3)::after { left: -3px; }
}

footer::before {
    content: "";
    display: block;
    width: 47px;
    height: 41px;
    background: url() no-repeat;
    background-size: 100%;
    margin: 0px auto 10px;
}
/*========================== POPUPS ==============================*/
.conf-button {
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
    color: #fff;
}

.conf-popup {
    position: fixed;
    min-height: 0 !important;
    overflow-y: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    display: none;
}

.popup-close-area, .video-close-area {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.popup-box {
    width: 80%;
    background-color: #fff;
    padding: 40px 2%;
    position: relative;
    margin: 5% auto 2% auto;
    text-align: center;
    font-family: 'ek', arial, sans-serif;
}

.popup-header h5 {
    padding: 10px 20px;
}

.popup-header p {
    font-size: 16px;
}

.popup-box .min {
    font-size: 0.8em;
}

.popup-fon {
    -webkit-transition: all 0.5s ease-in-out 0.0s;
    -moz-transition: all 0.5s ease-in-out 0.0s;
    -o-transition: all 0.5s ease-in-out 0.0s;
    transition: all 0.5s ease-in-out 0.0s;

}

.popup-fon-active {
    z-index: 110;
    opacity: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    left: 0;
}

.popup-active {
    display: block;
    background: rgba(0, 0, 0, 0.5);
}

.popup-active .popup-box, .art-popup, .popup video {
    -webkit-animation: viewtop 0.5s ease-in-out 0s;
    animation: viewtop 0.5s ease-in-out;
}

form {
    --form-border: #333;
    --form-check-border-checked: #ff7937;
    --form-check-bg-checked: #ff7937;
    --form-check-yes-checked: #ff7937;
}

.form__checkbox {
    position: relative;
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    max-width: 280px;
    width: 100%;
}

.form__checkbox-modal {
    color: #000;
}

.form__checkbox a {
    text-decoration: underline;
    color: #fff;
}

.form__checkbox-modal a {
    color: #000;
}

.form__checkbox-mark {
    width: 20px;
    height: 20px;
    border: 1px solid var(--form-border);
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer
}

.form__checkbox-mark:after {
    position: relative;
    content: "";
    display: none;
    width: 80%;
    height: 80%;
    top: 2px;
    left: 1px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.823 2.774A.5.5 0 0 0 10 2.392V.91a.5.5 0 0 0-.823-.382l-5.422 4.58a.5.5 0 0 1-.637.007L.815 3.246A.5.5 0 0 0 0 3.634v1.503a.5.5 0 0 0 .185.389l2.933 2.38a.5.5 0 0 0 .637-.007l6.068-5.125z' fill='%23fff'/%3E%3C/svg%3E")
}

.form__checkbox-mark:hover {
    border-color: var(--form-check-border-hover);
    background: hsla(0,0%,100%,.9)
}

.form__checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: -10;
    background-color: var(--form-bg)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
    display: block
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark {
    border-color: var(--form-check-border-checked);
    background-color: var(--form-check-bg-checked)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
    border-color: var(--form-check-yes-checked)
}

.form__checkbox input[type=checkbox]:active~.form__checkbox-mark,.form__checkbox input[type=checkbox]:focus~.form__checkbox-mark {
    border-color: var(--form-check-border-checked)
}

@-webkit-keyframes viewtop {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes viewtop {
    0% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
    }
    100% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

.popup-deactive {
    overflow: hidden;
}

.popup-deactive .popup-box, .art-popup.popup-deactive, .popup.popup-deactive video {
    -webkit-animation: hidetop 0.5s ease-in-out 0s;
    animation: hidetop 0.5s ease-in-out;
}

@-webkit-keyframes hidetop {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        display: block;
    }
    100% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        display: none;
    }

}

@keyframes hidetop {
    0% {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        opacity: 1;
        display: block;
    }
    100% {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        opacity: 0;
        display: none;
    }
}

.popup-deactive {
    opacity: 1;
}

.popup-close img {
    width: 100%;
    height: 100%;

}

.popup-close img:hover {
    animation: eggs3 0.6s ease-in-out;
    -webkit-animation: eggs3 0.6s ease-in-out;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.popup-zvonok-close, .popup-zayavka-close, .popup-audio-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 25px;
    top: 10px;
    cursor: pointer;
}

.popup-header {
    font-size: 24px;
}

</pre></body></html>