@import "lib.css" screen;

a {text-decoration: none;}
*{box-sizing: border-box;}

html,
body {
    height: 100%;
    color: #192024;
}
.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content {
    flex: 1 0 auto;
}
.footer {
    flex: 0 0 auto;
}

header{
    width: 100%;
    min-width: 100%;
    box-shadow: 1px 1px 3px 0 #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 222;
    background-color: #ffa301;
}
nav{
    height: 60px;
    max-width: 940px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
nav .nav-img a img{
    width: 100%;
}
nav .nav-img a{
    display: block;
    width: 60px;
    height: 60px;
}
nav .nav-img{
    padding-left: 0%;
    flex: .9;
}
nav .nav-a{
    display: flex;
    flex: 5;
    justify-content: flex-end;
    align-items: center;
}
nav .nav-a a{
    box-sizing: border-box;
    font-family: akrobat-regular;
    color: #222222;
    padding: 22px 20px 21px 20px;
    font-size: 14px;
    text-transform: uppercase;
}
nav .nav-a a:not(.zakaz):hover{
    background-color: #e6002a;
    color: #fff;
}
.mobile-menu{
    flex: 1;
    position: fixed;
    top: -400px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 100%;
    background-color: #f8f8f8;
    transition: .5s;
}
.mobile-menu a{
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    border: 3px solid transparent;
    color: #222222;
    font-family: akrobat-regular;
    margin: auto;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 5%;
}
.mobile-menu a:hover{
    background-color: #e6002a;
}
.empty{
    flex: 1;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.empty img{
    width: 30%;
    margin: auto;
}
.empty p{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12%;
    background-color: #2903d4;
    cursor: pointer;
}
.zakaz{
    background-color: #fe0d16;
    color: #edeff2 !important;
    transition: .5s;
}
.zakaz:hover{
    text-shadow: 1px 1px 1px #000;
    background: url(../images/konv.png) 0% 0%/100% 100% no-repeat;
}
@media(max-width: 600px){
    .empty p{margin-right: 0%;}
    .mobile-menu a {font-size: 14px;}
}

/*----------------garant--------------*/

.win1 .modalWindow-inner{
    width: 99%;
    padding: 4% 3% 4% 5%;
    background: url(../images/qqqqq.png) 50% 50%/100% 100% no-repeat;
}
.win1 .modalWindow-close {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: .3s;
}
.text-block-21{
    margin-bottom: 6px;
    color: #a30302;
    font-size: 44px;
    line-height: 1.4em;
    text-align: center;
}
.block_1{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.block_2{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.text-block-22{
    margin-bottom: 2%;
    font-size: 24px;
    font-weight: 400;
}
.text-block-23{
    line-height: 1.3em;
    font-size: 16px;
}
@media(max-width: 960px){
    .win1 .modalWindow-close {right: 10px;}
}
@media(max-width: 650px){
    .text-block-21 {margin-bottom: 7px; font-size: 32px;}
}
@media(max-width: 450px){
    .win1 .modalWindow-inner {padding: 10% 3% 14% 5%;}
}


/*-----------garant-2------------*/
.win3 .modalWindow-inner{
    padding: 1%;
}
.win3-content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.win3-title{
    margin-bottom: 0%;
    font-size: 24px;
    text-align: center;
}
.win3-content ul{
    text-align: left;
    color: hsla(348.641975308642, 100.00%, 47.65%, 1.00);
    font-size: 24px;
}
.text-block-193 {
    margin-bottom: 0%;
    color: #192024;
    font-size: 16px;
}
.italic-text-4 {
    font-size: 14px;
}
.text-block-195{
    text-align: left;
}
.text-block-194 {
    margin-bottom: 2%;
    font-size: 16px;
    line-height: 1.2em;
    text-align: left;
}
.text-block-192._333 {
    margin-bottom: 2%;
    font-size: 24px;
    margin-top: 2%;
    color: hsla(348.641975308642, 100.00%, 47.65%, 1.00);
}
.inner-win3-img{
    flex: .4;
    min-width: 103px;
}
.inner-win3-img img{
    width: 100%;
    max-width: 70px;
}
.inner-win3-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    min-width: 300px;
    text-align: left;
}
.text-block-196 a:hover{
    text-decoration: underline;
}
.f_{
    justify-content: flex-start;
}

@media(max-width: 770px){
    .win3 .modalWindow-close {width: 25px;height: 25px;}
    .inner-win3-content {min-width: 198px;}
}
@media(max-width: 416px){
    .inner-win3-content {min-width: 176px;}
    .text-block-192._333 {font-size: 18px;}
}

.inner{animation: inner 1s ease-in-out;}

@keyframes inner{
    0%{transform: scale(.3); opacity: 0;}
    70%{transform: scale(1.2); opacity: .7;}
    100%{transform: scale(1); opacity: 1;}
}

.inright{animation: inright 1s ease-in-out;}

@keyframes inright{
    0%{transform: translateX(100px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
.inleft{animation: inleft 1s ease-in-out;}

@keyframes inleft{
    0%{transform: translateX(-100px); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
.flex{display: flex;}
.none{display: none;}

/*new footer*/

.new-footer{
    width: 100%;
    background: #f1f5ff;
}
.first-footer-block{
    height: 100px;
    position: relative;
}
.second-footer-block{
    border-top: 5px solid white;
    background: url(../images/qn.png) 0% 0%/100% 100% no-repeat;
    padding: 1%;
}
.thried-footer-block{
    background: url(../images/qn.png) 0% 0%/124% 435% no-repeat;
    border-top: 5px solid white;
}
.inner-first-footer-block{
    height: 50px;
}
.inner-first-footer-block-2{
    height: 50px;
    background-image: url(../images/runa.png), url(../images/qn.png);
    background-position: 0 0, 0% 0;
    background-size: 30px, 124% 435%;
    background-repeat: no-repeat, repeat;
}
.new-footer-logo{
    position: absolute;
    width: 80px;
    height: 80px;
    right: 20px;
    top: -40px;
}
.inner-second-footer-block{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.inner-second-footer-block-2{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.new-footer-text, .new-footer-text a{
    font-family: akrobat-regular;
    font-size: 16px;
    color: white;
    line-height: 1.2em;
}
.new-footer-text a{
    text-decoration: underline;
}
.footer-max1200{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.max1200_{
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.footer-a-link{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 70px;
}
.footer-a-link a img{
    width: 100%;
    max-width: 100%;
    transition: .3s;
}
.footer-a-link a img:hover{
    transform: scale(.95);
    opacity: .7;
}
.inner-thried-footer-block{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.inner-thried-footer-block a{
    font-family: akrobat-regular;
    font-size: 20px;
    color: white;
    line-height: 1.4em;
    border-bottom: 5px solid white;
    border-left: 5px solid white;
    border-right: 5px solid white;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media(max-width: 801px){
    .new-footer-text, .new-footer-text a {font-size: 18px;}
}
@media(max-width: 416px){
    .new-footer-text, .new-footer-text a {font-size: 16px; text-align: center;}
    .new-footer-logo {width: 56px;height: 56px;top: -24px;}
    .inner-second-footer-block-2 {margin-top: 15px;margin-bottom: 15px;}
    #_1, #_2, #_3, #_4{min-width: 50%;}
    #_1, #_3{border-right: 2px solid white;}
    #_2, #_4{border-left: 2px solid white;}
}
/*-----------end footer----------*/

.active_{color: #0082f3 !important;}


/*=======-----content----========*/


/*first*/

.first{
    z-index: 333;
    position: relative;
}
[src="images/coner.png"]{
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1000;
    width: 323px;
    position: absolute;
}
.inner-first{
    position: relative;
    overflow: hidden;
}
.first video{
    width: 100%;
}
.show{
    display: block;
}
.mobile-show{
    display: none;
    width: 100%;
}
.mobile-show img{
    max-width: 100%;
    width: 100%;    
}

@media(max-width: 1300px){
    [src="images/coner.png"] {width: 240px;}
    .client_info {width: 105px;height: 105px;}
    .client_block {font-size: 12px;}
}
@media(max-width: 801px){
    [src="images/coner.png"] {width: 178px;}
}
@media(max-width: 450px){
    .show{display: none;}
    .mobile-show{display: block;}
    [src="images/coner.png"] {width: 90px;}
    .client_info {width: 70px;height: 70px;}
    .client_block {font-size: 8px;}
}

/*star-1*/

.star-1{
    padding: 5%;
    border-top: 3px solid #e5c486;
    border-bottom: 3px solid #e5c486;
    background-image: linear-gradient(180deg,#fff,transparent 50%),linear-gradient(180deg,transparent 79%,#fbf4f7 83%),url(../images/zvezdyss.jpg);
    background-position: 0 0,0 0,50% 50%;
    background-size: auto,auto,cover;
    background-repeat: repeat,repeat,no-repeat;
    background-attachment: scroll,scroll,scroll;
}
.star-1-video{
    background: url(../images/textvideo.jpg) 0 0/ 100% 100% no-repeat;
    width: 100%;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 20px;
    border-color: #e5c486 #d7ad54;
    border-radius: 20px;
    box-shadow: 4px 4px 9px 7px rgba(0,0,0,.18);
}
.thumb-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.thumb-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}
@media(max-width: 500px){
    .star-1-video {border-width: 10px;border-radius: 10px;}
}

/*trio*/

.trio{
    display: flex;
    min-height: 90vh;
    padding: 5% 5% 3%;
    align-items: flex-end;
    background-image: linear-gradient(180deg,transparent 89%,#fff),url(../images/536q.png);
    background-position: 0 0,50% 50%;
    background-size: auto,contain;
    background-repeat: repeat,no-repeat;
}
.btn-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
}
.btn{
    display: block;
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #edeff2;
    border-radius: 50px;
    background-color: #e42b30;
    box-shadow: 1px 1px 8px 0 #000;
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 10px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 15px;
    color: white;
    transition: .3s;
}
.btn:hover{
    background-image: linear-gradient(293deg,#a10808,#b80b0b);
    box-shadow: none;
}
@media(max-width: 1300px){
    .trio {padding: 5% 5% 2%;}
}
@media(max-width: 1025px){
    .trio {min-height: 590px;}
}
@media(max-width: 801px){
    .trio {min-height: 490px;}
    .btn {max-width: 405px;font-size: 28px;letter-spacing: 8px;}
}
@media(max-width: 450px){
    .trio {min-height: 258px;background-size: auto,80%;}
    .btn {
        max-width: 250px;
        font-size: 16px;
        letter-spacing: 5px;}
}


/*win2*/

.win2 .modalWindow-inner{
    width: 98%;
    max-width: 1000px;
    padding: 1%;
    background: #eee;
}
.win2_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.win2_img img{
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.win2_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.text-block-277 {
    margin-bottom: 5%;
    font-size: 34px;
    line-height: 1.2em;
}
.bold-text-132 {
    color: #eb0d0d;
    font-size: 40px;
    font-weight: 900;
}
.win2_content-img{
    margin-bottom: 3%;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.text-block-323 {
    margin-bottom: 16px;
    font-size: 28px;
    text-align: center;
}
.text-block-276 {
    margin-bottom: 3%;
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
}
.text-block-276 {
    margin-bottom: 3%;
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
}
.embed{
    margin-bottom: 29px;
}
@media(max-width: 450px){
    .bold-text-132 {font-size: 35px;}
    .text-block-277 {font-size: 28px;}
    .text-block-323 {font-size: 22px;}
    .text-block-276 {font-size: 21px;}
    .win2_img img {width: 90%;}
}

/*author-1*/

.author-1{
    padding: 5%;
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
    background-image: linear-gradient(180deg,transparent 80%,#f2f6ff),url(../images/m.jpg);
    background-position: 0 0,50% 0;
}
._700 {
    width: 100%;
    max-width: 700px;
}
.text-block-299 {
    line-height: 1.4em;
}
@media(max-width: 801px){
    .author-1 {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .8) 100% , rgba(255, 255, 255, .2) 100%),url(../images/m.jpg);}
}
@media(max-width: 701px){
    .text-block-299 br:not(.br){display: none;}
}
@media(max-width: 450px){
    .author-1{background-position: 0 0,63% 0;}
}

/*------------author_2-----------*/

.author_2{
    padding: 3%;
    background: #f2f6ff;
}
.author_2_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 458px;
}
.author_2_img img{
    max-width: 100%;
}
.author_2_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.heading-49 {
    margin-bottom: 1%;
    color: #000;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 400;
}
.bold-text-14 {
    color: #b80213;
}
.unordered-list-5 {
    margin-top: 0px;
    margin-left: 0px;
    color: #ffae00;
    font-size: 30px;
    list-style-type: square;
}
.text-block-256 {
    padding-bottom: 0%;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.w-col-4 {
    width: 33.33333333%;
    position: relative;
    min-width: 310px;
}
.text-block-255 {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    align-self: center;
    border-left: 5px solid #f7a422;
    color: #192024;
    font-size: 24px;
    line-height: 1.2em;
}
.bold-text-5 {
    color: #e42b30;
    font-size: 30px;
}
.boldq{
    font-size: 50px;
    color: #e42b30;
}
@media(max-width: 1025px){
    .heading-49 {font-size: 24px;}
    .w-col-4 {flex: 1;}
    .author_2_img {min-width: 200px;max-width: 230px;}
}
@media(max-width: 801px){
    .w-col-4 {min-width: 165px;}
    .boldq {font-size: 36px;}
}
@media(max-width: 416px){
    .boldq {font-size: 24px;}
    .w-col-4 {min-width: 110px;}
    .btn_kak {font-size: 21px;}
    .bold-text-5 {font-size: 20px;}
    .text-block-255 {
        font-size: 16px;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 4%;
        border-left: 3px solid #f7a422;}
}

/*star 2*/

.star-2{
    padding: 5%;
    border-top: 3px solid #e5c486;
    border-bottom: 3px solid #e5c486;
    background-image: url(../images/zvezdyss.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.dem-img{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.text-block-302 {
    color: #192024;
    font-size: 44px;
    line-height: 1.2em;
    text-align: center;
}
.text-block-303 {
    color: #ffa200;
    font-size: 90px;
    line-height: 1.2em;
    text-align: center;
}
@media(max-width: 801px){
    .text-block-303 {font-size: 70px;}
    .text-block-302 {font-size: 40px;}
    .dem-img {max-width: 90%;}
}
@media(max-width: 450px){
    .text-block-303 {font-size: 44px;}
    .text-block-302 {font-size: 26px;}
}
@media(max-width: 400px){
    .text-block-303 {font-size: 28px;}
}

/*good*/

.good{
    padding: 3% 5% 0;
    background-position: 100% 50%;
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
}
#good1{
    background-image: url(../images/mon1.jpg);
}
#good2{
    background-image: url(../images/mon2.jpg);
}
#good3{
    background-image: url(../images/mon3.jpg);
}
#good4{
    background-image: url(../images/mon4.jpg);
}
#good5{
    background-image: url(../images/mon5.jpg);
}
.good_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.good_empty{
    flex: 1;
}
.inner-good_content{
    padding: 7% 4%;
}
.good_num{
    flex: 1;
    min-width: 100px;
    max-width: 120px;
}
.good_num img{
    max-width: 100%;
}
.good_flag{
    flex: 1;
    min-width: 200px;
}
.good_flag img{
    margin-bottom: 2%;
    max-width: 100%;
}
.text-block-304 {
    line-height: 1.4em;
    margin-bottom: 3%;
}
.monitor-img{
    max-width: 100%;
    display: none;
    margin: auto;
}
.list-12 {
    color: #e42b30;
    font-size: 30px;
    list-style-type: square;
}
.text-block-305 {
    padding-bottom: 9px;
    color: #000;
    font-size: 18px;
}
.full{display: flex;}
.not-full{display: none;}

@media(max-width: 1025px){
    #good1, #good2, #good3, #good4, #good5{background: none;}
    .monitor-img{display: block;}
    .good_empty{
        padding-left: 10px;
        padding-right: 10px;
        min-width: 200px;
        flex: .6;
    }
}
@media(max-width: 801px){
    .good_num {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 15px;
        min-width: 50px;
        max-width: 68px;}
    .good {padding: 3% 2% 0;}
    .inner-good_content {padding: 3% 1%;}
    .good .text-block-304 br:not(.br){display: none;}
}
@media(max-width: 683px){
    .full{display: none;}
    .not-full{display: flex;}
    .good_empty{
        flex: 1;
        min-width: 300px;
        order: -1;
    }
}
@media(max-width: 500px){
    .good_num img {max-width: 60%;}
    .good_num {max-width: 50px;padding-right: 1px;}
    .monitor-img {max-width: 70%;}
    .good .text-block-304{font-size: 16px;}
    .text-block-305{font-size: 16px;padding-bottom: 2px;line-height: 1.3em;}
    .list-12{font-size: 24px;padding-left: 30px;}
}

/*format*/

.format{
    padding: 3%;
}
.format_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.format_img img{
    max-width: 100%;
}
.format_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.text-block-308 {
    color: #e42b30;
    font-size: 44px;
    line-height: 1.2em;
}
.link-12:hover{
    text-decoration: underline;
}

@media(max-width: 1025px){
    .text-block-308 {font-size: 36px;}
    .format_img {max-width: 390px;}
}
@media(max-width: 801px){
    .text-block-308 {font-size: 30px;}
    .format_img {max-width: 300px;}
    .format .text-block-309 br:not(.br){display: none;}
}
@media(max-width: 683px){
    .format_content{margin-bottom: 20px;}
}
/*win4*/

.win4 .modalWindow-inner{
    width: 98%;
    max-width: 1000px;
    padding: 1%;
}
.win4_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.win4_menu{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 400px;
}
.inner-win4_menu{
    min-height: 500px;
    padding-top: 32%;
    padding-right: 14%;
    padding-left: 14%;
    background-image: url(../images/071.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.win4_btn{
    cursor: pointer;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #ffe5dc;
    border-radius: 50px;
    background-color: #e42b30;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.5);
    font-size: 16px;
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 2%;
    text-transform: uppercase;
    display: block;
    padding: 9px 15px;
    color: #fff;
}
.win4_btn:hover{
    background-color: #be0f14;
    box-shadow: none;
}
._7787 {
    color: #e42b30;
    font-size: 40px;
}
.win4-item{
    margin-bottom: 3%;
}
.win4-item{
    flex: 1;
    padding: 4% 2% 2%;
    box-shadow: 1px 1px 3px 0 #000;
}
.active-item{
    background-color: #ffa301;
}
.text-block-290 {
    margin-bottom: 9%;
    font-size: 26px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}
.text-block-315 {
    margin-bottom: 17px;
    color: #2903d4;
    font-size: 30px;
    line-height: 1.2em;
}
.text-block-314 {
    margin-bottom: 15px;
    color: #b20000;
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 900;
    text-align: center;
}
.win4-btn2{
    display: block;
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #edeff2;
    border-radius: 50px;
    background-color: #e42b30;
    box-shadow: 1px 1px 8px 0 #000;
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 10px;
    text-transform: uppercase;
    padding: 9px 15px;
    color: #fff;
}
.win4-btn2:hover{
    background-image: linear-gradient(293deg,#a10808,#b80b0b);
    box-shadow: none;
}

@media(max-width: 1025px){
    .text-block-315 {font-size: 25px;}
}
@media(max-width: 801px){
    .win4-item {min-width: 130px;}
    .win4-btn2 {font-size: 23px;}
}
@media(max-width: 450px){
    .text-block-277 {font-size: 23px;}
    ._7787 {font-size: 35px;}
    .text-block-323 {font-size: 19px;}
    .win4_btn {font-size: 15px;}
}
@media(max-width: 376px){
    .inner-win4_menu {padding-top: 38%;}
}
@media(max-width: 361px){
    .inner-win4_menu {padding-top: 42%;}
}
@media(max-width: 321px){
    .inner-win4_menu {padding-right: 9%;padding-left:9%;padding-top: 50%;}
    .win4_btn {font-size: 14px;}
}

.text-block-316 {
    color: #192024;
    font-size: 52px;
}
@media(max-width: 450px){
    .text-block-316 {font-size: 31px;}
}



/*--------------opinions win5------------*/

.win5 .modalWindow-inner{
    width: 98%;
    max-width: 1100px;
    padding: 1%;
}
.opinions{
    padding: 1% 4%;
    background: #e5e5ea;
}
.opinions-title{
    margin-bottom: 1%;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}
.wrap-carousel {
    max-width: 810px;
    margin: 0px auto 0px auto;
}

/*animate*/

.inleft{
    animation: inleft 1s ease-in-out;
}
@keyframes inleft{
    0%{transform: translateX(-100px); opacity: 0;}
    100%{transform: translateX(0px); opacity: 1;}
}
/*cost*/

.cost{
    background-image: url(../images/-27.jpg);
    background-position: 50% 100%;
    min-height: 600px;
    padding-top: 2%;
    background-size: cover;
    background-attachment: scroll;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.cost_img{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 300px;
    max-width: 460px;
}
.cost_img img{
    width: 100%;
    max-width: 400px;
}
.cost_content{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 300px;
    max-width: 400px;
}
.inner-cost-content{
    position: relative;
    left: 0;
    top: -21px;
    right: 0;
    display: flex;
    padding: 7% 7% 0%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*border-top: 1px solid #200255;*/
    background-image: url(../images/465.png);
    background-position: 50% 0;
    bottom: auto;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 500px;
}
.cost-a{
    text-decoration: underline;
    text-align: center;
}
.aa_, .cost-a._o{margin-top: 8px;}
.sec {
    margin-bottom: -4px;
    color: #f92d3c;
    text-align: center;
    font-size: 54px;
}
.text-block-173 {
    margin-bottom: 1%;
    color: #192024;
    font-size: 28px;
    line-height: 1.4em;
    text-align: center;
}
.text-block-346._3425 {
    margin-bottom: 3%;
    text-align: center;
}
.bold-text-193 {
    color: #f92d3c;
    font-size: 44px;
    font-weight: 900;
    text-shadow: 1px 1px 1px rgba(0,0,0,.23);
}
.text-block-437 {
    max-width: 500px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #006177;
    color: #f92d3c;
    font-size: 30px;
    line-height: 1.2em;
    margin-left: auto;margin-right: auto;
    text-align: center;
}
.text-block-438 {
    font-size: 30px;
    line-height: 1em;
    font-weight: 200;
    text-align: center;
    margin-bottom: 1%;
}
.win7_content{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 300px;
}
.win7_img{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;
    max-width: 215px;
}
.win7_img img{
    display: block;
    width: 100%;
    max-width: 130px;
    margin-left: auto;margin-right: auto;
}
.text-block-439 {
    font-size: 16px;
    line-height: 1.2em;
    margin-bottom: 1%;
}
.win7_empty{
    flex: 1;
    max-width: 215px;
}
.list-14 {
    color: #f92d3c;
    font-weight: 900;
    list-style-type: decimal;
}
.text-block-440 {
    padding-bottom: 1%;
    color: #0a0917;
    font-size: 16px;
    font-weight: 400;
}
.esli {
    margin-bottom: 6%;
    color: #100086;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 600;
    text-align: center;
}
.bbtn{
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    background-color: #3d9200;
    font-size: 24px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    padding: 9px 15px;
    color: #fff;
}
.bbtn:hover{
    background-color: #336a0b;
    box-shadow: 2px 2px 9px 2px rgba(51,177,49,.7);
}
/*get promo*/
.capcha{
    width: 100%;
    max-width: 300px;
    min-height: 60px;
    margin-right: auto;
    margin-bottom: 2%;
    margin-left: auto;
    padding: 2%;
    border: 1px solid #bec3c7;
    box-shadow: inset 1px 1px 3px 0 #000;
}
.text-block-418 {
    color: #bec3c7;
    text-align: center;
}
[name="captcha"]{
    font-size: 18px;
    font-family: akrobat-regular;
    border-radius: 3px;
    border: 1px solid #666;
    outline: none;
    padding: 10px;
    margin-top: 10px;
}
.opin{
    width: 100%;
    border-radius: 5px;
    background-color: #ede9de;
    color: #909092;
    text-align: center;
    transition: .3s;
    display: inline-block;
    padding: 9px 15px;
}
.opin:hover{
    transform: scale(.97);
    box-shadow: 1px 1px 7px 0 rgba(249, 45, 60, 0.36);
}
.a_{font-size: 20px;display: block;}
@media(max-width: 1025px){
    .inner-cost-content {top: -37px;}
    .a_ {font-size: 16px;}
    .text-block-346._3425 {margin-bottom: 0%;font-size: 24px;}
    .text-block-173 {
        margin-bottom: 0%;
        font-size: 26px;
    }
    .sec {font-size: 50px;}
    .bold-text-193 {font-size: 36px;}
    .cost_img img {max-width: 100%;margin-top: 0px;margin-left: 0px;}
}
@media(max-width: 500px){
    .inner-cost-content {top: 10px;min-height: 431px;}
    .sec {font-size: 40px;margin-bottom: 20px;}
    .bold-text-193 {font-size: 32px;}
    .text-block-173 {font-size: 24px;}
    .text-block-346._3425 {font-size: 23px;}
    .bbtn {max-width: 100%;}
    .win7_img img {max-width: 82px;}
    .text-block-437 {font-size: 24px;}
    .win7_empty{display: none;}
    .cost_img img {display: block;max-width: 80%;margin-right: auto;margin-left: auto;}
}

.a-win7{
    margin-top: 20px;
    display: block;
    width: 90%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    border-color: #fb0;
    background-color: #fb0;
    color: #000;
    font-size: 22px;
    line-height: 1.6em;
    text-align: center;
    padding: 11px 20px;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: .3s;
}
.a-win7:hover{
    border-color: #2d3e4f;
    background-color: #790510;
    color: #fff;
}
@media(max-width: 500px){
    .win4 .modalWindow-inner{padding-bottom: 30px;}
}
.hide2{
    display: none;
}
.show2{
    display: block;
}
.promo{
    width: 100%;
    margin-bottom: -8px;
    border-radius: 5px;
    background-color: #f92d3c;
    line-height: 2em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 9px 15px;
    color: white;
}
.show2>.esli{
    line-height: 1.3em;
    display: block;
    margin-bottom: 0;
    margin-top: 9px;
}
.text-title{
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
}
.text-title_img{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 20px;
    max-width: 240px;
    display: flex;
    align-items: center;
}
.text-title_img img{
    width: 36px;
}
.text-title_content{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 200px;
}
.i1{
    justify-content: flex-end;
}
.i2{
    justify-content: flex-start;
}
._br{display: none;}
@media(max-width: 1025px){
    .cost_img {max-width: 400px;}
    .cost_img img {
        max-width: 90%;
        margin-top: auto;
        margin-left: auto;
        display: block;}
}
@media(max-width: 500px){
    ._br{display: block !important;}
    .promo {padding: 9px 7px;}
    .text-block-308 {font-size: 24px;}
    .text-block-309{font-size: 16px;line-height: 1.4em;}
}


.cena{
    position: fixed;
    display: flex;
    width: 180px;
    transition: .3s;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #cc0034;
    color: #fff;
    cursor: pointer;
    left: 1%;
    top: 0;
    right: auto;
    bottom: auto;
    height: 120px;
    z-index: 5;
}
.text-block-ii {
    margin-top: -11px;
    text-align: center;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 16px;
}
.tolko{font-size: 20px;}
._89{font-size: 42px;margin-top: 10px;display:block;}
@media(max-width: 500px){
    ._89 {
        font-size: 27px;
        margin-top: 2px;
        display: block;}
    .tolko {font-size: 14px;}
    .cena {width: 88px;height: 120px;}
    .text-block-ii {font-size: 13px;}
    .format_img img {
        max-width: 70%;
        display: block;
        margin-right: auto;
        margin-left: auto;}
    .dem-img {max-width: 98%;}
    .cost_img img {
        max-width: 60%;
        margin-top: 10px;}
    .text-block-172._756{font-size: 16px;}
    .win1 .modalWindow-close {right: 3px;width: 30px;
                              height: 30px;}
}


/*ps*/

.ps{
    padding: 1% 4% 1%;
    background-color: #f1f5ff;
}
.inner-ps{
    display: flex;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 3px;
}
.ps_img{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 300px;  
}
.ps_img img{
    max-width: 100%;
}
.ps_content{
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 300px;
}
.btn-row{
    position: relative;
    top: -30px;
}
.sp-btn{
    flex: 1;
    width: 100%;
    font-size: 20px;
    min-width: 150px;
    max-width: 170px;
    letter-spacing: 3px;
    margin-bottom: 3%;
    text-transform: uppercase;
    border: 1px solid #edeff2;
    border-radius: 50px;
    background-color: #e42b30;
    box-shadow: 1px 1px 8px 0 #000;
    line-height: 2em;
    text-align: center;
    display: block;
    padding: 9px 15px;
    cursor: pointer;
    color: #fff;
}
.sp-btn.bom{
    background-image: url(../images/wallpaper.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #192024;
}
.sp-btn:hover{
    background-image: linear-gradient(293deg,#a10808,#b80b0b);
    box-shadow: none;
}
.sp-btn.bom:hover{
    background-image: url(../images/wallpaper.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #192024;
    box-shadow: none;
}
.ps .text-block-321 {
    color: #e42b30;
    font-size: 90px;
    line-height: 1.2em;
}
.ps .list-14 {
    color: #e42b30;
    font-size: 30px;
    list-style-type: square;
}
.ps .text-block-320 {
    margin-bottom: 1%;
    line-height: 1.4em;
    font-size: 18px;
}
.ps .text-block-322 {
    color: #192024;
    font-size: 18px;
    font-weight: 100;
}
.ps .text-block-320._4567 {
    margin-bottom: 4%;
}


@media(max-width: 1025px){
    .ps .text-block-320 br:not(.br){display: none;}
}
@media(max-width: 801px){
    .sp-btn{min-width: 100%;margin-bottom: 10px;}
}
@media(max-width: 500px){
    .ps .text-block-321 {font-size: 50px;}
    .text-block-299, .text-block-256{font-size: 16px;}
    .unordered-list-5 {
        padding-left: 30px;
        font-size: 25px;}
    .unordered-list-5 div{padding-bottom: 0%;}
    .ps .text-block-320, .ps .text-block-322{font-size: 16px;}
    .ps .list-14{font-size: 24px;padding-left: 30px;}
    .new-footer-text, .new-footer-text a {font-size: 14px;}
}

/*gifts*/

.gift{
    padding: 3% 5% 2%;
    position: relative;
}
.gift_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.gift_img{
    flex: 1;
    min-width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.gift_img img{
    max-width: 100%;
}
.g_title_img{
    flex: 1;
    max-width: 49px;
}
.g_title_img img{
    max-width: 100%;
}
.gift-title{
    margin-bottom: 3%;
}
.g_title_content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    min-width: 200px;
    padding-left: 3%;
    font-size: 44px;
    line-height: 1.2em;
    color: #e42b30;
}
.text-block-317 {
    margin-bottom: 2%;
    line-height: 1.4em;
}
.list-13{
    color: #e42b30;
    font-weight: 900;
    font-size: 30px;
    list-style-type: decimal;
}
.text-block-319 {
    padding-bottom: 2%;
    color: #192024;
    font-size: 18px;
    font-weight: 400;
}
#mw500{max-width: 500px;}
@media(max-width: 1025px){
    .gift_img {max-width: 350px;}
}
@media(max-width: 801px){
    .gift_img {max-width: 200px;}
    .gift .text-block-317 br:not(.br){display: none;}
    .g_title_content {font-size: 36px;}
}

@media(max-width: 683px){
    .gift_img, #mw500{order: -1;margin-bottom: 20px;max-width: 220px;}
    .g_title_img img {max-width: 95%;}
    .text-block-317, .text-block-319{font-size: 16px;}
    .g_title_img{max-width: 40px;}
}
@media(max-width: 416px){
    .g_title_content {font-size: 22px;line-height: 1em;}
    .gift_content{padding-left: 5px;
                  padding-right: 5px;}
    .gift .list-13{font-size: 25px;padding-left: 30px;}
    .cost-2{padding-bottom: 30px;}
}
.wrap-link{width: 100%;text-align: center;}
.link{
    color: blue !important;
    cursor: pointer;
    text-decoration: underline;
    font-size: 22px;
}
.link:hover{
    color: red !important;
}
@media(max-width: 500px){
    .link{font-size: 18px;}
}