@font-face {
  font-family: PTSerif;
  src: url(../fonts/ptserif/PTSerif-Regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: PTSerif;
  src: url(../fonts/ptserif/PTSerif-Bold.ttf);
  font-weight: 700;
}

*{
margin: 0;
padding: 0;
outline: none;
}

*, :after, :before {
    background-repeat: no-repeat;
}

/* TODO : Replace all theis css with clean code because its trash */

/*
colors:
color: var(--primary); синий
color: #ccb35c; оранжевый

*/
body{font-size: 18px; font-weight: normal;font-family: PTSerif; color: var(--primary);}
ul{list-style: none;}
a{color: var(--primary); text-decoration: none;}
h1{color: #ccb35c;text-transform: uppercase;font-weight: 500; font-size: 43px;}
h2{font-size: 30px; text-align: left; font-weight: 500;}
h3{text-align: center; font-weight: 500; font-size: 22px;}
h4{text-align: center; font-weight: 500; font-size: 18px;}
p{font-size: 18px; color: var(--primary);}

button{cursor: pointer;}

.design01 .card-block::after {
    content: initial;
    flex-basis: auto;
}
.purple {background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(203,188,221,1) 0%, rgba(203,188,221,0) 100%); padding: 20px 0 !important;}


.btn-full-19 {background-color: var(--primary);color: white;font-weight: bold;}
.btn-full-19:hover {background-color: white;border-color: var(--primary);color: var(--primary);}
.popup-back {background-color: rgba(0,0,0,0.3);width: 100%;text-align: center;position: absolute;top: 0px;left: 0px;z-index: 1033;}
.popup-back p {color: #000000;}
.abon{color: #ccb35c;}
.blue{color: var(--primary);}
.orange{color: #ccb35c;}
.underline-far{position: relative;}
.underline-far::after{content: "";height: 1px;width: 110px;position: absolute;left: calc(50% - 55px);bottom: -30px;background-color: var(--primary);}
.check{background: url(/img/img-abon/screen-4-svg2.svg) no-repeat left center;}
.choisir-btn{font-family: PTserif;padding: 15px 40px;background-color: var(--primary); color: #fff !important; border: none;font-size: 22px;display: inline-block;}


.bordered-img-block {width: 100%;height: 100%;position: relative;}
.bordered-img-block .border {width: calc(100% - 30px);height: calc(100% - 30px);position: absolute;right: 0;bottom: 0;border: 3px solid #ccb35c !important;}
.bordered-img-block img {width: 100%;max-width: calc(100% - 20px);max-height: calc(100% - 20px); position: absolute;left: 0;top: 0;z-index: 2;}


.burger-menu{height: 100vh; box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);position: absolute;right: -60vw ;top: 0;z-index: 5; width: 55%; background-color: #fff;padding: 20px; padding-left: 40px;}
.burger-display {display: none;}
.burger-menu ul li a {font-size: 24px;}
.burger-btn {width: 30px;height: 23px; z-index: 9999;}
.burger-btn-li {display: none;}
.burger-btn svg{width: 100%;cursor: pointer;}
.burger-menu .burger-list{height: 70%;}
.burger-menu .burger-list a {cursor: pointer;}
.burger-menu ul {height: 100%; display: flex;flex-direction: column; justify-content: space-between; padding-top: 100px;padding-bottom: 40px;}



.content {width: 100%;}
.nav{padding-top: 20px;display: flex;}
.nav .nav-block{display: flex;flex-direction: column;justify-content: space-between;width: 100%;align-items: flex-end;}

.nav .list-1 li {position: relative;}
.nav .list-1 li:not(:last-child){padding-right: 20px;}
.nav .list-1 li:last-child {padding-left: 20px;}
.nav .mail{transition: all .2s ease-in-out; background-color: #fff;background-image: url(/img/icons/e-mail.png);background-repeat: no-repeat; padding-left: 45px;background-position-x: 15px;background-position-y: center;display: flex;}
.nav .mail.hidden{visibility: hidden; transition: all .2s ease-in-out;}
.nav .mail input:first-child {display: flex;max-width: 184px;padding: 10px;box-sizing: border-box;}
.nav .mail form {display: flex;}
.nav .mail .button {
    background: url(/img/icons/right-arrow-forward.svg) no-repeat center;
    background-size: 20px;
    margin-left: 15px;
    border-left: 3px solid #e0e7f6;
    padding: 20px;}
.nav .list-1 li:first-child{margin-right: 87px;}
.nav .list-2 li:not(:last-child){padding-right: 62px;}

.likes-posts {display: none;box-sizing: border-box;padding: 10px;width: 400px;position: absolute;top: 45px;background: #ffffffcf;left: -355px;border: 1px solid var(--primary);}
.likes-posts h2 {font-size: 18px;text-align: left;margin-bottom: 10px}
.likes-posts h2::after {display: none;}
.likes-posts .js-content {overflow: auto;max-height: 300px;}
.likes-posts.active {display: block;}
.likes-posts.active:before {content: "";position: absolute;right: 0;top: -57px;width: 60px;height: 55px;border: 1px solid var(--primary);z-index: -1;}

.mail-screen{background-color: #ccb35c;display: flex;align-items: center;justify-content: space-between;/*padding-top: 10px;padding-bottom: 10px;*/height: 54px;}
.mail-screen *{color: #fff;font-size: 21px;}
.mail-screen p{padding-right: 40px;}
.mail-screen .submit{color: #ccb35c;background-color: #fff;border: none;padding: 4px 40px;font-weight: 600;cursor: pointer;box-shadow: 1px 1px #00000033;}
.mail-screen button{color: #ccb35c;background-color: #fff;border: none;padding: 4px 40px;font-weight: 600;cursor: pointer;box-shadow: 1px 1px #00000033;}
.mail-screen .mail{background-image: url(/img/icons/e-mail2.svg);background-repeat: no-repeat; background-position: 10px center;  background-color: #ccb35c; border: none;color: #fff;font-size: 18px;letter-spacing: 1px;padding-bottom: 5px; border-bottom: 2px solid #fff;padding-left: 45px; padding-right: 30px;margin-right: 20px;}
.mail-screen .mail-blog{text-align: right;}
.mail-screen a{border: 1px solid #fff;padding: 4px 20px;padding-right: 40px;}
.mail-screen .mail-blog a {text-shadow: 1px 1px #00000033;box-shadow: inset 1px 1px 0px 0px #00000033;}
.mail-screen .mail-blog a .icon{width: 22px;height: 20px;background: url(/img/icons/mail-block-icon.svg);margin-left: 10px;}

.screen-abon-1{padding: 20px 0 !important;background: url(/img/page2-img/abon-header.png) no-repeat; background-size: cover; display: flex;align-items: center;justify-content: center;max-width: 100vw !important;}
.screen-abon-1 h1{padding-left: 30px;}
.screen-abon-1 h1::after{background-color: #ccb35c;width: 220px;}

.screen-abon-1 p{width: 150px; font-size: 24px; text-align: center;background: url(/img/page2-img/scr1-img2.png) no-repeat;background-size: contain; background-position: 0;padding: 80px;box-sizing: content-box;}
.screen-abon-1 p span{font-weight: bold;}


.screen-abon-2 .body-content{padding-top: 55px;padding-bottom: 115px;}
.screen-abon-2 .content{display: flex;justify-content: space-between;}
.screen-abon-2 .item{width: 30%;}
.screen-abon-2 .item img{max-width: 100%;filter: grayscale(1);}
.screen-abon-2 .item h3{border-bottom: 3px solid #ccb35c;border-top: 3px solid #ccb35c;height: 78px;text-align: center;display: flex;align-items: center;justify-content: center; margin-top: 5px;font-size: 18px;}


.screen-abon-3 .bordered-container{width: 100%; height: 518px;}
.screen-abon-3 h3{padding-top: 15px; padding-bottom: 54px;}
.screen-abon-3 .content-footer{display: flex;justify-content: space-between;padding-left: 24px;}
.screen-abon-3 .content-footer p{width: 50%;padding-left: 70px;padding-top: 20px;padding-bottom: 20px;}
.screen-abon-3 .content-footer p:first-child{background: url(/img/img-abon/screen-3-svg1.svg) no-repeat 11px center;}
.screen-abon-3 .content-footer p:last-child{background: url(/img/img-abon/screen-3-svg2.svg) no-repeat left center;}

.screen-abon-4 .body-content{padding: 30px 0;display: flex;flex-direction: column; align-items: center;}
.screen-abon-4 .content{display: flex;flex-wrap: nowrap;justify-content: center;padding-top: 59px;width: 100%;}
.screen-abon-4 .left-block{width: 33.33%;}
.screen-abon-4 .right-block{width: 33.33%;}
.screen-abon-4 .right-block:last-child {width: 36.33%;}
.screen-abon-4 .right-block ul {display: flex;flex-direction: column;align-items: start;}
.screen-abon-4 .left-block ul {display: flex;flex-direction: column;align-items: start;}
.screen-abon-4 .content ul li{font-size: 20px;padding-left: 35px; background: url(/img/img-abon/screen-4-svg2.svg) no-repeat left center;}
.screen-abon-4 .content ul li:not(:last-child){margin-bottom: 25px;}
.screen-abon-4 .content h4{padding-top: 20px;margin-bottom: 31px;}
.screen-abon-4 .content h4::after{display: none;}
.screen-abon-4 .content h4 span::after{width: 70px; left: 30px;bottom: -22px;}
.screen-abon-4 .content h4 span{padding-left: 30px; background: url(/img/img-abon/screen-4-svg1.svg) no-repeat left center;}
.screen-abon-4 .content-footer{padding-top: 43px;width: 100%;text-align: center;}
.screen-abon-4 .content-footer p span{padding-left: 35px; margin-left: -35px; /*background: url(../img-abon/screen-4-svg2.svg) no-repeat left center;*/font-style: italic;}
.screen-abon-4 .content-footer a{padding: 20px 40px;background-color: var(--primary); color: #fff;}
.screen-abon-4 .content-footer p{margin-bottom: 60px;}
.screen-abon-4 h2.underline-far::after {bottom: -27px;}
.screen-abon-4 h2.underline-far {display: flex;justify-content: center;align-items: center;}
.screen-abon-4 h2.underline-far::before {content: '';width: 40px;height: 40px;display: block;background: url(/img/img-abon/gift.svg) no-repeat;background-size: contain;margin-right: 17px;}


.screen-abon-5 {padding: 0 !important;padding-top: 30px !important;max-width: 99999px !important;}
.screen-abon-5 h2.underline-far::after {bottom: -33px;}
.screen-abon-5 .body-content{padding: 0 calc(50vw - 646px); padding-top: 40px;background-color: #F0F2FA;}
.screen-abon-5 .content{display: flex;justify-content: space-between;padding-top: 64px;position: relative;}
.screen-abon-5 .item{display: flex; justify-content: start;align-items: center; width: 30%;height: 285px; flex-direction: column;}
.screen-abon-5 .item-inner{display: flex;justify-content: center;align-items: center; margin-bottom: 24px; width: 100%; position: relative; /* padding: 55px 0; */ height: 50%; text-align: center;background: url(/img/img-abon/screen-5-svg1.svg) no-repeat center center;background-size: contain;}
.screen-abon-5 .item-img{text-align: center;}
.screen-abon-5 .item-inner::before{content: "1";position: absolute;width: 25px; height: 25px; text-align: center; padding: 3px; font-size: 21px; left: 33%; top: calc(100% - 30px); border-radius: 50%; background: var(--primary); color: #fff; display: flex;justify-content: center;align-items: center;}
.screen-abon-5 .item:nth-child(2) .item-inner::before{content: "2";}
.screen-abon-5 .item:nth-child(3) .item-inner::before{content: "3";}
.screen-abon-5 .content{background-image: url(/img/img-abon/screen-5-svg2.svg); background-repeat:no-repeat; background-position-x: 30%;background-position-y: 119px; position: relative;padding-bottom: 15px;}
.screen-abon-5 .content::after{content: ""; position: absolute;width: 100%;height: 100%;background-image: url(/img/img-abon/screen-5-svg2.svg); background-repeat:no-repeat; background-position-x: 70%;background-position-y: 55px;}
.screen-abon-5 p{text-align: center;font-weight: bold;}
.screen-abon-5 p span{display: block;}
.screen-abon-5 .underline-far {display: flex;justify-content: center;align-items: center;}
.screen-abon-5 .underline-far::before {content: '';width: 40px;height: 40px;display: block;background: url(/img/img-abon/calendar.svg) no-repeat;background-size: contain;margin-right: 17px;}

.screen-abon-6{padding: 42px 0 51px;background-color: var(--primary);}
.screen-abon-6 .body-content{padding: 0 calc(50vw - 646px);position: relative;}
.screen-abon-6 .content{border: 2px solid var(--gold-primary);padding: 25px; width: calc(100% - 58px);position: relative;}
.screen-abon-6 h3{padding: 0px 10px; background-color: var(--primary); color: #fff; text-transform: uppercase;display: inline;position: absolute; left: 13px;top: -19px;}
.screen-abon-6 p{color: #fff;font-size: 16px;padding-left: 30px;background: url(/img/img-abon/screen-4-svg2.svg) no-repeat left top;line-height: 28px;}
.screen-abon-6 .content p:last-child{margin-top: 10px;}

.screen-abon-7 .content{display: flex;justify-content: space-between;padding-top: 80px;padding-bottom: 80px;}
.screen-abon-7 .left-block{width: 30%;}
.screen-abon-7 .left-block img {width: 100%}
.screen-abon-7 .right-block{width: 66%;padding-top: 40px;}
.screen-abon-7 .right-block p span {font-size: 21px;display: block;font-weight: bold;}
.screen-abon-7 .check{padding-left: 30px;background-position-y: top;}
.screen-abon-7 p{padding-bottom: 10px;}
.screen-abon-7 button{margin-top: 10px;}

.screen-abon-8 .body-content{padding-bottom: 80px;}
.screen-abon-8 .content{padding-top: 60px;}
.screen-abon-8 .content-1{display: flex;justify-content: space-between;}
.screen-abon-8 .content-1 .left-block{width: 48%;}
.screen-abon-8 .content-1 .right-block{width: 48%;margin-top: 50px;}
.screen-abon-8 .content-1 h2{font-size: 30px;margin-bottom: 40px;}
.screen-abon-8 .content-1 p{margin-bottom: 30px;}
.screen-abon-8 .bordered-container{width: 100%; height: 355px;}
.screen-abon-8 .content-2{display: flex;justify-content: space-between;margin-bottom: 40px;}
.screen-abon-8 .content-2 img{float: left;padding-right: 20px;}
.screen-abon-8 .content-2 .left-block{width: 49%;}
.screen-abon-8 .content-2 .right-block{width: 48%;}
.screen-abon-8 .content-2 p{width: 100%;}
.screen-abon-8 .content-2 h3{text-align: left; font-weight: 500;font-size: 18px;padding-right: 0; position: relative;}
.screen-abon-8 .content-2 h3 a {position: relative;z-index: 2;}
.screen-abon-8 .content-2 span{padding: 30px 0;display: block;font-family: verdana;font-size: 16px;}
.screen-abon-8 .content-footer {text-align: center; border-bottom: 3px solid #ccb35c;border-top: 3px solid #ccb35c;padding: 20px 0;margin-top: 5px;}
.screen-abon-8 .content-3{display: flex;justify-content: space-between;}
.screen-abon-8 .content-3 .left-block{width: 48%;}
.screen-abon-8 .content-3 .right-block{width: 48%;}
.screen-abon-8 .content-3 .left-block h2{margin-bottom: 40px;}
.screen-abon-8 .content-3 .left-block li:not(:last-child){padding-bottom: 13px;}
.screen-abon-8 .content-3 .left-block li{padding-left: 30px;}
.screen-abon-8 .content-3 .left-block li span {display: block;}
.screen-abon-8 .content-3 .left-block ul{margin-bottom: 30px;}
.screen-abon-8 .content-footer:last-child{margin-top: 60px;}

.screen-abon-8 .content-2 .tooltip {display: none;position: absolute;text-transform: none;width: 70%;bottom: 45px;right: 0;background: #dfe8f7;z-index: 999;text-transform: none;padding: 15px 15px;z-index: 1;}
.screen-abon-8 .content-2 .tooltip:after {content: '';border: 28px solid transparent;border-top: 20px solid #dfe8f7;position: absolute;bottom: -48px;right: 100px;}
.screen-abon-8 .content-2 .tooltip.active {display: block;}
#tooltip-2 .tooltip {bottom: 45px;}
#tooltip-2 .tooltip:after {right: 161px;}


footer {background-color: #130e40;color: #fff;padding: 0 !important;}
footer .first-block {display: flex;padding: 0 calc(50vw - 646px);}
footer .logo {padding-top: 20px;}
footer .info-butt {padding: 20px 0 10px 60px;width: 100%;}
footer .info-butt .top {display: flex;width: 100%;justify-content: space-between;}
footer .info-butt .top .info {width: 82%;display: flex;justify-content: center;align-items: center;padding-bottom: 35px;}
footer .info-butt .top .info img {width: 60px;height: 60px;}
footer .info-butt .top p{width: 500px;text-align: center;font-size: 22px;}
footer .info-butt .top p span {display: block;}
footer .info-butt .bottom {width: 100%;}
footer .info-butt .bottom ul {display: flex;justify-content: space-between;}
footer .info-butt .bottom a {color: white; text-decoration: none;}
footer button {width: 170px;background-color: #ccb35c;color: #fff;height: 40px; border: none}
footer .copyrights {font-size: 16px;border-top: 1px solid #716e8c;padding: 10px 0; text-align:center; }
footer .info p{color: #fff;}

.modal {position: fixed;z-index: 99999999;width: 100%;height: 100%;background: rgb(0 0 0 / 0.60);top: 0;display: none;justify-content: center;align-items: center;}
.modal.active {display: flex;}
.modal-body {max-width: 820px;width: 100%;display: flex;flex-direction: column;align-items: flex-end;padding: 30px;background: url(/img/img-abon/abon-screen3-big.png) no-repeat;background-size: 85%;background-position-x: -98px;background-position-y: bottom;box-sizing: border-box;background-color: #dfe9f8;}
.modal .close {position: absolute;cursor: pointer;}
.modal .modal-body h3 {width: 100%;font-size: 30px;text-transform: uppercase;padding-bottom: 37px;}
.modal .modal-body form {display: flex;flex-direction: column;max-width: 290px;}
.modal .modal-body form input:nth-child(-n+3) {padding: 10px 25px;font-size: 22px;margin-bottom: 20px;width: 100%;box-sizing: border-box;border: 1px solid var(--primary);background: #fff;}
.modal .agree {position: absolute;z-index: -1;opacity: 0;}
.modal .agree+label {display: inline-flex;align-items: flex-start;user-select: none;margin-top: 25px;font-size: 16px;}
.modal .agree+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;margin-top: 5px;background: #fff;cursor: pointer;}
.modal .agree+label.error::before {background: #ff8f8f;}
.modal .agree:checked+label::before {
  border-color: var(--primary);
  background-color: var(--primary);
  background-image: url('/img/img-abon/agree.svg');
}
input.error {background: #ff8f8f !important;}
.error-inp {display: none;color: red;margin-top: -10px;margin-bottom: 10px;}
.error-check {display: none;color: red;margin-top: 9px;margin-bottom: -20px;}

@media screen and (min-width: 319.98px) and (max-width: 575.98px){

  h2 {font-size: 20px;}
  h3 {text-align: center;font-weight: 500;font-size: 16px;}
  p {font-size: 18px;}
  .burger-btn-li {display: block;}
  .burger-menu{transition: all .3s ease-in-out;}
  .burger-menu.active{transform: translateX(-60vw);}
  .nav .list-1 .mail{margin-right: 20px;font-size: 12px;padding-left: 35px;background-position-x: 5px;margin-left: 35px;margin-top: 10px;}
  .nav .list-1 li:not(:first-child){z-index: 9999;}
  .nav {height: 109px;padding-top: 0;}
  .nav .mail a:first-child {padding: 8px;}
  .nav .mail .button {padding: 8px 20px;display: none;}
  .nav .mail input:first-child {display: flex;max-width: 100px;}
  .burger-btn-li{display: block; }

  .nav .list-1 li {position: unset;}
  .likes-posts {width: 100%;top: 65px;left: 0;}
  .likes-posts.active:before {right: 44px;top: -52px;width: 50px;height: 50px;}

  .nav .list-1 li {position: unset;}
  .likes-posts {width: 100%;top: 65px;left: 0;}
  .likes-posts.active:before {right: 44px;top: -52px;width: 50px;height: 50px;}
  .nav .nav-list {flex-wrap: wrap-reverse;flex-direction: row-reverse;}
  .nav .nav-block {display: flex;align-items: center;flex-direction: row;justify-content: flex-end;width: 100%;align-items: center;}
  .nav .list-2{display: none;}
  .nav .list-1{align-items: center;}
  .nav .list-1 .mail{margin-right: 20px;font-size: 12px;padding: 5px;padding-left: 35px;background-position-x: 5px;margin-left: 100%;margin-top: 10px;}
  .nav .list-1 li:not(:last-child) {margin-right: 0;}
  .nav .list-1 li:nth-child(3) {margin: 0;padding: 0;}
  .nav .list-1 li:nth-child(2) {padding-right: 6px;margin-top: 5px;margin-right: 8px;}
  .nav .mail input:first-child {display: flex;max-width: 109px;padding: 0;}

.mail-screen p{padding-right: 40px; width: 22%;margin-right: 0;padding-right: 0;}
.mail-screen .mail-blog{text-align: right;}
.mail-screen form input{padding: 11.5px 18px !important; font-size: 14px;}
.mail-screen button{padding: 11.5px 18px !important; font-size: 14px;}
.mail-screen form input.mail{padding-left: 44px !important;text-shadow: 1px 1px #00000033;}
.mail-screen .mail-blog a {padding: 6px 10px !important;}
.mail-screen{flex-direction: column;height: 300px;align-items: center;text-align: center;justify-content: space-evenly;padding: 0 25px;}
.mail-screen p{width: 100%;font-size: 25px;text-shadow: 1px 1px #00000033;}
.mail-screen form{width: 100%;display: flex;flex-direction: column;text-align: center;background-position: 10px 15px;}
.mail-screen form .mail{margin-bottom: 20px;margin-right: 0;}
.mail-screen form input{font-size: 20px !important;text-align: left;}
.mail-screen form input::-webkit-input-placeholder { color: #fff; }
.mail-screen form input:-ms-input-placeholder { color: #fff; }
.mail-screen form input::-ms-input-placeholder { color: #fff; }
.mail-screen form input::placeholder { color: #fff; }
.mail-screen .submit {text-align: center;}
.mail-screen .mail-blog a{font-size: 22px; width: 100%;display: flex;align-items: center;justify-content: center;height: 61px;padding: 0 !important;text-shadow: 1px 1px #00000033;}
.mail-screen .mail-blog a {
    font-size: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 61px;
    padding: 0 !important;
    text-shadow: 1px 1px #00000033;
    box-shadow: inset 1px 1px 0px 0px #00000033;}

.mail-screen div {width: 100%;}

  .screen-abon-1{background-position-x: -130px;background-size: cover;flex-wrap: wrap; }
  .screen-abon-1 p {display: block;font-size: 14px;padding: 10px 30px;text-align: center;background-position: center;width: 100px;}
  .screen-abon-1 h1{padding: 0 0 20px;}
  .screen-abon-1 h1::after{top: 25px;}

  .screen-abon-2 .content {flex-wrap: wrap;margin-bottom: 30px;}
  .screen-abon-2 .body-content {padding-top: 55px;padding-bottom: 0;}
  .screen-abon-2 .item {width: auto;margin-bottom: 30px;}
  .screen-abon-2 .item h3 {height: 73px;}

  .screen-abon-3 .bordered-container {height: 130px;width: 95%;margin-left: 15px;}
  .screen-abon-3 .content-footer p:first-child {background: url(/img/img-abon/screen-3-svg1.svg) no-repeat left 20px;width: 100%;}
  .screen-abon-3 .content-footer p:last-child {background: url(/img/img-abon/screen-3-svg2.svg) no-repeat left 20px;width: 100%;}
  .screen-abon-3 h3 {padding: 0 25px;padding-top: 20px;padding-bottom: 15px;}
  .screen-abon-3 .content-footer {flex-wrap: wrap;margin-left: 5px;}
  .bordered-img-block .border {right: 10px;bottom: 10px;}

  .screen-abon-4 .content {display: flex;flex-wrap: wrap;width: 90%;}
  .screen-abon-4 .content-footer p{padding: 0;}
  .screen-abon-4 .body-content {padding: 30px 0;}
  .screen-abon-4 .left-block {width: 100%;}
  .screen-abon-4 .right-block {width: 100%;margin-top: 35px;}
  .screen-abon-4 .right-block:last-child {width: 100%;}
  .screen-abon-4 .content ul li {font-size: 16px;padding-left: 35px;margin-left: 0;}
  .screen-abon-4 .content-footer a {padding: 20px 0;font-size: 22px;display: block;    width: 90%;margin: 0 auto;}
  .screen-abon-4 h2.underline-far {padding: 0 45px;}
  .screen-abon-4 h2.underline-far::before {margin-right: 0;width: 30%;background-position-x: right;}
  .screen-abon-4 .content-footer p span {margin-left: 0;padding: 0;width: 100%;display: block;}
  .screen-abon-4 .left-block ul {align-items: initial;}
  .screen-abon-4 .right-block ul {align-items: inherit;}

  .screen-abon-5 .item-inner{background-size: contain;}
  .screen-abon-5 .item-inner::before{left: 31%;top: calc(100% - 30px);background-size: contain;font-style: normal;}
  .screen-abon-5 .item {width: 100%;height: 315px;}
  .screen-abon-5 .item:first-child {margin-bottom: 50px;}
  .screen-abon-5 .underline-far {flex-wrap: wrap;}
  .screen-abon-5 .content{flex-wrap: wrap;background-size: 8%;background-position-x: 30.5%;padding: 0 15px;padding-top: 50px;box-sizing: border-box;background: none;}
  .screen-abon-5 .content::after{display: none;background-size: 8%;background-position-x: 67.5%;}
  .screen-abon-5 .body-content{padding-right: calc(50vw - 360px); padding-left: calc(50vw - 360px);padding-top: 30px;}
  .screen-abon-5 .underline-far span {display: block;}
  .screen-abon-5 .underline-far::before {width: 20px;height: 20px;margin-right: 10px;}
  .screen-abon-5 .item-img img {width: 60%;margin-top: 5px;}

  .screen-abon-6 .content {border: 2px solid var(--gold-primary);padding: 8px;box-sizing: border-box;width: 100%;}
  .screen-abon-6 .body-content{padding-right: calc(50vw - 150px); padding-left: calc(50vw - 148px)}
  .screen-abon-6 p {font-family: verdana;padding-top: 15px;background: url(/img/img-abon/screen-4-svg2.svg) no-repeat left 15px;}

  .screen-abon-7 .left-block {width: 100%;padding-top: 40px;padding: 0 20px;}
  .screen-abon-7 .left-block img {width: 99%;padding-bottom: 30px;}
  .screen-abon-7 .content {display: flex;flex-wrap: wrap;padding-top: 25px;padding-bottom: 55px;}
  .screen-abon-7 .right-block {width: 100%;padding: 0 20px;}
  .screen-abon-7 .choisir-btn {width: 100%;box-sizing: border-box;text-align: center;display: none;}

  .screen-abon-8 .content {padding-top: 39px;margin-bottom: 32px;}
  .screen-abon-8 .body-content .underline-far::after {bottom: -8px;}
  .screen-abon-8 .bordered-container{height: 186px;}
  .screen-abon-8 .content-1 {display: flex;flex-wrap: wrap;}
  .screen-abon-8 .content-1 h2 {font-size: 24px;text-align: left;margin-bottom: 20px;}
  .screen-abon-8 .content-1 .underline-far::after {left: 0;}
  .screen-abon-8 .content-1 .right-block{margin-top: 22px;width: 100%;}
  .screen-abon-8 .content-2 {flex-wrap: wrap;}
  .screen-abon-8 .content-2 img{max-height: 292px;padding-bottom: 30px;box-sizing: border-box;width: 100%;}
  .screen-abon-8 .content-1 .left-block {width: 100%;}
  .screen-abon-8 .content-1 .left-block .bordered-img-block img {width: 100%;}
  .screen-abon-8 .choisir-btn {width: 100%;box-sizing: border-box;text-align: center;}
  .screen-abon-8 .content-2 .left-block {width: 100%;}
  .screen-abon-8 .content-2 .right-block {width: 100%;margin-top: 30px;}
  .screen-abon-8 .content-2 h3 {font-size: 18px;}
  .screen-abon-8 .content-3 {padding-top: 20px;flex-wrap: wrap;display: flex;flex-direction: column-reverse;}
  .screen-abon-8 .content-3 .left-block {width: 100%;margin-top: 19px;}
  .screen-abon-8 .content-3 .right-block {width: 100%;}
  .screen-abon-8 .bordered-img-block img {width: 100%;}
  .screen-abon-8 .content-1 p {margin-bottom: 20px;}
  .screen-abon-8 .content-3 .left-block h2 {text-align: left;margin-bottom: 40px;}
  .screen-abon-8 .content-3 .left-block h2.underline-far::after {left: 0;bottom: -10px;}
  .screen-abon-8 .content-footer:last-child {margin-top: 38px;}
  .screen-abon-8 .body-content {padding-bottom: 37px;}


  footer .first-block{display: flex;flex-direction: column; justify-content: center;}
  footer .logo{display: flex;justify-content: flex-start;padding-left: 25px;}
  footer .logo img{width: 55%;}
  footer .first-block .top{display: flex;flex-direction: column-reverse;align-items: center;}
  footer .info-butt{padding: 0;}
  footer .info-butt .top .info{padding: 15px 0;}
  footer .info-butt .top button{margin-bottom: 20px;margin-top: -58px;margin-right: -140px;width: 145px}
  footer .info-butt .bottom{display: flex;justify-content: center;}
  footer .info-butt .bottom ul{width: 100%; display: flex;flex-wrap: wrap;justify-content: space-around;}
  footer .info-butt .bottom ul li:nth-child(4){width: 358px;text-align: center;}
  footer .info-butt .bottom ul li{padding-bottom: 20px;}
  footer .info-butt .top p {font-size: 18px;}
  .modal .modal-body h3 {width: 97%;font-size: 24px;text-transform: uppercase;padding-bottom: 65px;text-align: left;}
  .modal .modal-body form {max-width: 100%;}
  .modal .modal-body {background-size: 135%;background-position-x: center;background-position-y: 31%;}
  #tooltip-2 .tooltip:after {right: 100px;}
  .error-inp {background: #ff8f8f;text-align: center;padding: 5px;color: white;}
}
@media screen and (min-width: 369.98px) and (max-width: 575.98px) {
  .nav .mail input:first-child {display: flex;max-width: 130px;}
.screen-abon-6 .body-content{padding-right: calc(50vw - 175px); padding-left: calc(50vw - 182px)}
footer .info-butt .top button{margin-bottom: 20px;margin-top: -58px;margin-right: -140px;width: 170px;height: 40px;}
.screen-abon-3 .bordered-container {height: 150px;}
.screen-abon-4 .content-footer p span {margin-left: 0;}
.screen-abon-5 .item {width: 100%;height: 315px;}
.screen-abon-5 .item:first-child {margin-bottom: 35px;}
  .modal .modal-body h3 {width: 100%;font-size: 30px;text-transform: uppercase;padding-bottom: 145px;text-align: left;}
  .modal .modal-body {background-size: 135%;background-position-x: center;background-position-y: 37%;}
  #tooltip-2 .tooltip:after {right: 100px;}
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px){
  h2 {font-size: 24px;}
  h3 {text-align: center;font-weight: 500;font-size: 16px;}
  p {font-size: 18px;}
  .burger-menu{transition: all .3s ease-in-out;}
  .burger-btn-li {display: block;}
  .burger-menu.active{transform: translateX(-60vw);}
  .nav .list-1 .mail{margin-right: 20px;font-size: 12px;padding-left: 35px;background-position-x: 5px;margin-left: 35px;margin-top: 10px;}
  .nav .list-1 li:not(:first-child){z-index: 9999;}
  .nav {height: 109px;padding-top: 0;}
  .nav .mail a:first-child {padding: 8px;}
  .nav .mail .button {padding: 8px 20px;display: none;}
  .nav .mail input:first-child {display: flex;max-width: 100px;}

  .nav .nav-list {flex-wrap: wrap-reverse;flex-direction: row-reverse;}
  .nav .nav-block {display: flex;align-items: center;flex-direction: row;justify-content: flex-end;width: 100%;align-items: center;}
  .nav .list-2{display: none;}
  .nav .list-1{align-items: center;}
  .nav .list-1 .mail{margin-right: 20px;font-size: 12px;padding: 5px;padding-left: 35px;background-position-x: 5px;margin-left: 100%;margin-top: 10px;}
  .nav .list-1 li:not(:last-child) {margin-right: 0;}
  .nav .list-1 li:nth-child(3) {margin: 0;padding: 0;}
  .nav .list-1 li:nth-child(2) {padding-right: 6px;margin-top: 5px;}
  .nav .mail input:first-child {display: flex;max-width: 109px;padding: 0;}

  .mail-screen p{padding-right: 40px; width: 22%;margin-right: 0;padding-right: 0;}
  .mail-screen .mail-blog{text-align: right;}
  .mail-screen form input{padding: 11.5px 18px !important; font-size: 14px;}
  .mail-screen button{padding: 11.5px 18px !important; font-size: 14px;}
  .mail-screen form input.mail{padding-left: 44px !important;}
  .mail-screen .mail-blog a {padding: 6px 10px !important;}
  .mail-screen{flex-direction: column;height: 300px;align-items: center;text-align: center;justify-content: space-evenly;}
  .mail-screen p{width: 100%;font-size: 34px;}
  .mail-screen form{width: 100%;display: flex;flex-direction: column;text-align: center;}
  .mail-screen form .mail{margin-bottom: 20px;margin-right: 0;}
  .mail-screen form input{font-size: 34px !important;text-align: center;}
  .mail-screen .mail-blog a{font-size: 34px; width: 100%;display: flex;align-items: center;justify-content: center;height: 61px;padding: 0 !important;}
  .mail-screen div {width: 100%;}

  .screen-abon-1{background-position-x: -73px;background-size: 180%;}
  .screen-abon-1 p {display: none;}
  .screen-abon-1 h1{padding: 43px 0;}
  .screen-abon-1 h1::after{top: 100px;}

  .screen-abon-3 .bordered-container {height: 244px;}
  .screen-abon-3 .content-footer p:first-child {background: url(/img/img-abon/screen-3-svg1.svg) no-repeat left 20px;}
  .screen-abon-3 .content-footer p:last-child {background: url(/img/img-abon/screen-3-svg2.svg) no-repeat left 20px;}

  .screen-abon-4 .content-footer p{padding: 0 50px;}

  .screen-abon-5 .item-inner{background-size: contain;}
  .screen-abon-5 .item-inner::before{left: 15%;top: calc(100% - 44px);background-size: contain;}
  .screen-abon-5 .item {width: 23%;}
  .screen-abon-5 .content{background-size: 8%;background-position-x: 30.5%;padding: 0 15px;padding-top: 50px;box-sizing: border-box;}
  .screen-abon-5 .content::after{background-size: 8%;background-position-x: 67.5%;}
  .screen-abon-5 .body-content{padding-right: calc(50vw - 360px); padding-left: calc(50vw - 360px)}

  .screen-abon-6 .body-content{padding-right: calc(50vw - 277px); padding-left: calc(50vw - 277px)}

  .screen-abon-7 .left-block {width: 30%;padding-top: 40px;}

  .screen-abon-8 .bordered-container{height: 167px;}
  .screen-abon-8 .content-1 .right-block{margin-top: 0;}
  .screen-abon-8 .content-2 img{max-height: 292px;padding-bottom: 30px;box-sizing: border-box;}

  footer .first-block{display: flex;flex-direction: column; justify-content: center;}
  footer .logo{display: flex;justify-content: center;}
  footer .first-block .top{display: flex;flex-direction: column;align-items: center;}
  footer .info-butt{padding: 0;}
  footer .info-butt .top .info{padding: 15px 0;}
  footer .info-butt .top button{margin-bottom: 20px;}
  footer .info-butt .bottom{display: flex;justify-content: center;}
  footer .info-butt .bottom ul{width: 65%; display: flex;flex-wrap: wrap;justify-content: space-around;}
  footer .info-butt .bottom ul li:nth-child(4){width: 358px;text-align: center;}
  footer .info-butt .bottom ul li{padding-bottom: 20px;}
  footer .info-butt .top button {margin-bottom: unset;margin-top: unset;margin-right: unset;width: 170px;}
  #tooltip-2 .tooltip:after {right: 100px;}
}

@media screen and (min-width: 767.98px) and (max-width: 991.98px){
  .burger-btn-li {display: block;}
  .burger-menu{transition: all .3s ease-in-out;}
  .burger-menu.active{transform: translateX(-60vw);}
  .nav .nav-list {display: flex;align-items: center;}
  .nav .list-1 li:first-child {margin-right: 30px;margin-right: 35px;padding-right: 0;}
  .nav .list-1 li:not(:first-child) {z-index: 9999;}
  .screen-abon-1{background-position-x: -73px;background-size: cover;}
  .screen-abon-1 p {display: block;}
  .screen-abon-1 h1{padding: 43px 0;text-align: center;}
  .screen-abon-1 h1 span {display: block;}
  .screen-abon-1 h1::after{top: 130px;}

  .mail-screen p{padding-right: 40px; width: 22%;margin-right: 0;padding-right: 0;}
  .mail-screen .mail-blog{text-align: right;}
  .mail-screen form input{padding: 11.5px 18px !important; font-size: 14px;}
  .mail-screen button{padding: 11.5px 18px !important; font-size: 14px;}
  .mail-screen form input.mail{padding-left: 44px !important;}
  .mail-screen .mail-blog a {padding: 6px 10px !important;}

  .screen-abon-2 .item h3 {height: 110px;}

  .screen-abon-3 .bordered-container {height: 322px;}

  .screen-abon-4 .content-footer p{padding: 0 50px;}
  .screen-abon-4 .content {width: 100%;}
  .screen-abon-4 .left-block {width: 50%;}
  .screen-abon-4 .right-block {width: 50%;}
  .screen-abon-4 .content ul li {margin-left: 20px;}
  .screen-abon-4 .left-block ul {align-items: flex-start;}
  .screen-abon-4 .right-block ul {align-items: flex-start;}

  .screen-abon-5 .item-inner::before{left: 15%;top: calc(100% - 44px);}
  .screen-abon-5 .content{background-size: 10%;background-position-x: 30.5%;}
  .screen-abon-5 .content::after{background-size: 10%;background-position-x: 69.5%;}
  .screen-abon-5 .body-content{padding-right: calc(50vw - 360px); padding-left: calc(50vw - 360px);padding-top: 50px;padding-bottom: 160px;}
  .screen-abon-5 .item-inner {display: flex;padding: 30px 0;}
  .screen-abon-6 .body-content{padding-right: calc(50vw - 360px); padding-left: calc(50vw - 360px)}

  .screen-abon-8 .bordered-container{height: 221px;}
  .screen-abon-8 .content-1 .right-block{margin-top: 0;}
  .screen-abon-8 .content-2 img{max-height: 292px;padding-bottom: 30px;float: unset;}

  footer .first-block{display: flex;flex-direction: column; justify-content: center;}
  footer .logo{display: flex;justify-content: center;}
  footer .first-block .top{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;}
  footer .info-butt{padding: 0;}
  footer .info-butt .top .info{padding: 30px 0;}
  footer .info-butt .top button{margin-bottom: 20px;}
  footer .info-butt .bottom{display: flex;justify-content: center;}
  footer .info-butt .bottom ul{width: 65%; display: flex;flex-wrap: wrap;justify-content: center;}
  footer .info-butt .bottom ul li:nth-child(4){width: 358px;}
  footer .info-butt .bottom ul li{padding-right: 30px;padding-bottom: 20px;}
  footer .info-butt .top button {margin-bottom: unset;margin-top: unset;margin-right: unset;width: 170px;}

  #tooltip-2 .tooltip:after {right: 100px;}

}


@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
  .mail-screen p{padding-right: 40px; width: 15%;margin-right: 0;padding-right: 0;}
  .mail-screen .mail-blog{text-align: right;}

  .screen-abon-1 h1{padding-left: 0;position: absolute;left: 31%;top: 72px;}
  .screen-abon-1 {background-size: contain;padding: 51px;position: relative;justify-content: start;}
  .screen-abon-1 p {padding: 35px 90px; background-position: center;box-sizing: border-box;width: 328px;background-size: 155px;margin-top: -55px;}

  .screen-abon-3 .bordered-container {height: 425px;}
  .screen-abon-4 .right-block.first ul li:nth-child(2) {width: 58%;}

  .screen-abon-5 .body-content{padding-right: calc(50vw - 480px); padding-left: calc(50vw - 480px);padding-bottom: 128px;}
  .screen-abon-5 .item-inner::before{left: 21%;top: calc(100% - 44px);}
  .screen-abon-6 .body-content{padding-right: calc(50vw - 480px); padding-left: calc(50vw - 480px); }
  .screen-abon-5 .item:first-child .item-inner {padding: 25px 0;}

  .screen-abon-8 .bordered-container{height: 292px;}
  .screen-abon-8 .content-2 img{max-width: 220px;}
  .screen-abon-8 .content-2 span{padding: 10px 0;}

  footer .first-block{display: flex;flex-direction: column; justify-content: center;}
  footer .logo{display: flex;justify-content: center;}
  footer .first-block .top{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;}
  footer .info-butt{padding: 0;}
  footer .info-butt .top .info{padding: 30px 0;}
  footer .info-butt .top button{margin-bottom: 20px;}
  footer .info-butt .bottom{display: flex;justify-content: center;}
  footer .info-butt .bottom ul{width: 65%; display: flex;flex-wrap: wrap;justify-content: center;}
  footer .info-butt .bottom ul li:nth-child(4){width: 358px;}
  footer .info-butt .bottom ul li{padding-right: 30px;padding-bottom: 20px;}
  footer .info-butt .top button {margin-bottom: unset;margin-top: unset;margin-right: unset;width: 170px;}

  #tooltip-2 .tooltip:after {right: 100px;}

}

@media (min-width: 1199.98px){
  .nav .nav-block {justify-content: unset;}
  .nav .list-1 li:first-child {padding-right: 0 !important;margin-right: 35px;}

  .screen-abon-6 .body-content {padding: 0 calc(50vw - 646px);}
  footer .info-butt .top button {margin-bottom: unset;margin-top: unset;margin-right: unset;width: 170px;font-size: 18px;}
  .screen-abon-4 .right-block h2{padding: 0 95px;}
  .screen-abon-4 .left-block h2{padding: 0 95px;}
}
@media screen and (min-width: 1275.98px){
  .screen-abon-4 .right-block h2{padding: 0;}
  .screen-abon-4 .left-block h2{padding: 0;}
}


.mail-screen{
display: none;
}