@import "main.css" screen;

.none{
    display: none;
}
.head{
    height: 100vh;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.57), rgba(0, 0, 0, 0.57)), url(../images/423.jpg);
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.logo{
    width: 50px;
    display: block;
    margin: 0 auto 30px auto;
}
.hero-heading {
    margin-bottom: 30px;
    color: #fff;
    font-size: 54px;
    line-height: 1.2em;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.bold-text-2 {
    color: #0fd6c7;
    font-size: 60px;
    font-weight: 900;
}
.hero-subheading {
    margin-bottom: 25px;
    color: #fff;
    font-size: 28px;
    line-height: 1.2em;
    letter-spacing: 2px;
}
.btn{
    display: block;
    width: 100%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    border-style: solid;
    border-color: #ffae00;
    background-color: #ffae00;
    color: #02182e;
    font-size: 22px;
    line-height: 1.6em;
    text-align: center;
    letter-spacing: 2px;
    padding: 9px 15px;
    border-radius: 4px;
    transition: .3s;
}
.btn:hover{
    border-color: #2d3e4f;
    background-color: #790510;
    color: #fb0;
}
.active_{
    color: #00837c !important;
    background: #fff;
}


@media(max-width: 1025px){
    .head {height: 500px;}
    .bold-text-2 {font-size: 49px;}
    .hero-heading {font-size: 46px;}
}
@media(max-width: 630px){
    .bold-text-2 {font-size: 36px;}
    .head {height: 455px;}
    .hero-heading {font-size: 36px;}
    .hero-subheading {font-size: 22px;}
    .btn {max-width: 340px;}
}

/*----------win1-----------*/

.win1_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.win1_img img{
    max-width: 100%;
}
.win1_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.form_wrapp{
    margin: 11px 0 15px;
    padding: 4% 5%;
    background-color: #7ce6e8;
    background-image: linear-gradient(207deg, #7ce6e8, #089499);
    box-shadow: 1px 1px 3px 0 #000;
}
.text-block-127 {
    margin-bottom: 8%;
    color: #192024;
    font-size: 20px;
    line-height: 1.4em;
    text-align: center;
}
.bold-text-151 {
    color: #fd3708;
    font-size: 44px;
    font-weight: 900;
}
.text-field, .text-field-2{
    min-height: 60px;
    font-size: 18px;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.submit-button{
    width: 100%;
    background-color: #fd3708;
    color: #fff;
    font-size: 24px;
    line-height: 2em;
    letter-spacing: 6px;
    display: inline-block;
    padding: 9px 15px;
    border: 0;
    cursor: pointer;
}
.submit-button:hover{
    background-color: #f8c740;
    background-image: none;
    color: #192024;
}
.info{
    margin-top: 16px;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    background-color: #fff;
}
.info_content{
    flex: 1;
    min-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info_img{
    width: 60px;
}
.info_img img{
    display: block;
    width: 84%;
    max-width: 60px;
    margin-right: auto;
    margin-left: auto;
}
.text-block-128 {
    margin-left: 7px;
    color: #030000;
    font-size: 16px;
}
@media(max-width: 1000px){
    .bold-text-151 {font-size: 44px;}
    .modalWindow-close {right: 0px;}
}

/*aside*/

aside{
    background-color: #089499;
}

.logo_link{
    display: block;
    margin-top: 10vh;
    margin-bottom: 7vh;
    float: none;
    text-align: center;
}
.brand-text {
    display: block;
    margin-top: 10vh;
    margin-bottom: 7vh;
    color: white;
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 1px;
    transition: .3s;
}
.brand-text:hover{
    text-decoration: underline;
}

.menu_btn{
    width: 100%;
    display: block;
    padding: 2vh 0px;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    transition: .2s;
    color: white;
}
.menu_btn:hover{
    color: #00837c;
    background: #fff;
}

/*header*/

header{
    /*display: none;*/
    height: 50px;
    background: #089499;
    position: relative;
}
.header_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background: #089499;
    top: -430px;
    transition: .4s;
}
.switch{
    position: absolute;
    height: 50px;
    width: 50px;
    right: 0;
    top: 0px;
    cursor: pointer;
    background: url(../images/2menu.png) center center/75% no-repeat;
}
.ab{
    position: absolute;
    left: 12px;
    top: 0;
    margin-top: 5px;
    margin-bottom: 0;
}
.top{
    top: 50px;
}
.bgr{
    background: url(../images/3menu.png) center center/75% no-repeat;
}
@media(max-width: 1025px){
    .menu_btn {padding: 11px 0px;}
}
@media(max-width: 801px){
    aside{display: none;}
    header{display: block;}
    main{width: 100%;}
}


/*desc*/

.desc{
    padding: 3%;
}
.desc_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.desc_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.desc_img img{
    max-width: 100%;
}
.unordered-list {
    color: #fd3708;
    font-size: 36px;
    font-weight: 900;
    list-style-type: decimal;
}
.text-block-201 {
    padding-bottom: 1%;
    color: #192024;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
}
.text-block-200 {
    margin-bottom: 2%;
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
}

@media(max-width: 1025px){
    .desc_content br:not(.br){display: none;}
}
@media(max-width: 655px){
    .ddd{order: -1;}
}

/*-------layer-------*/

.layer{
    padding: 8% 40px;
    background-color: #0a3b5c;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), url(../images/423.jpg);
    background-position: 0px 0px, 100% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    color: #fff;
}

/*--------------sl-----------*/

.sl{
    padding: 3% 40px;
}
.btn_container{
    display: flex;
    justify-content: space-between;
}
.span{
    transform: rotate(90deg);
    display: block;
}
.btn_item{
    width: 20%;
    padding: 9px 40px;
    background-color: #089499;
    color: #fff;
    text-align: center;
    font-size: 44px;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ppp, .btn_active{
    background-color: #fd3708;
}
.btn_active:hover{
    background-color: #15165a;
}
.block_item{
    display: none;
    padding: 2%;
}
.block_item_content{
    flex: 1;
    min-width: 150px;
    padding-left: 10px;
    padding-right: 10px;
}
.block_item_img{
    flex: 1;
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 154px;
}
.block_item_img img{
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.click{
    cursor: pointer;
}

.row1_content{
    flex: 1;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.row1_img{
    flex: 1;
    max-width: 249.9px;
}
.row1_img img{
    max-width: 100%;
}
.text-block-299 {
    color: #fd3706;
    font-size: 44px;
    line-height: 1.2em;
    font-weight: 900;
    text-align: center;
}
.text-block-300 {
    font-size: 22px;
    line-height: 1.4em;
    text-align: center;
}
.row2_content{
    flex: 1;
    min-width: 100px;
}
.row2_img{
    flex: 1;
    max-width: 124px;
}
.row2_img img{
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.text-block-296 {
    font-size: 20px;
    line-height: 1.2em;
    text-align: right;
}
.bold-text-149 {
    color: #b20000;
    text-transform: uppercase;
}
.item__{
    display: flex;
}
.b_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.b_img{
    max-width: 77px;
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.b_img img{
    display: block;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.b1_num{
    flex: 1;
    min-width: 30px;
    max-width: 137.5px;
    color: #fd3708;
    font-size: 300px;
    line-height: 0.9em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.b1_content{
    flex: 1;
    min-width: 200px;
}
.bb_content{
    flex: 1;
    min-width: 200px;
}
.bb_img{
    flex: 1;
    min-width: 90px;
    max-width: 229.3px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.bb_img img{
    width: 100%;
}
.text-block-10 {
    margin-bottom: 2%;
    color: #fd3708;
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 700;
}
.text-block-202 {
    margin-bottom: 2%;
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
}
.text-block-298 {
    padding: 1% 3% 0%;
    border-left: 1px solid #ff8200;
    background-color: transparent;
    color: #192024;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
}

@media(max-width: 801px){
    .text-block-299 {font-size: 26px;}
    .row1_img {max-width: 148.9px;}
    .block_item_img {max-width: 103px;}
    .text-block-202 br:not(.br){display: none;}
    .b1_num {font-size: 182px;max-width: 70.5px;}
}
@media(max-width: 501px){
    .btn_item {width: 23%;font-size: 29px;}
    .row2_img {max-width: 56px;}
    .text-block-299 {font-size: 20px;}
    .text-block-300 {font-size: 17px;}
    .row1_content {min-width: 141px;}
}
@media(max-width: 480px){
    .btn_item {padding: 9px 10px;}
    .sl {padding: 3% 10px;}
    .block_item_img {max-width: 58px;}
    .b1_num{display: none;}
    .b_img {max-width: 43px;}
    .bb_img {min-width: 155px;}
    .dd{order: -1;}
}


/*------------author-----------*/

.author{
    position: relative;
    padding: 3%;
    background-image: url(../images/454.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-heading.centered {
    margin-bottom: 3%;
    color: #313131;
    font-size: 44px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.author_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 560px;
}
.author_empty{
    flex: 1;
    max-width: 400px;
}
.text-block-5 {
    font-size: 16px;
    line-height: 1.4em;
    text-align: left;
}
@media(max-width: 1025px){
    .author_content br:not(.br){display: none;}
    .author_empty {max-width: 222px;}
}
@media(max-width: 770px){
    .author {background-position: 56% 50%;}
}
@media(max-width: 416px){
    .section-heading.centered {font-size: 35px;}
    .author_empty{display: none;}
    .author {background-position: 0% 50%;}
}

/*----------format---------*/

.format{
    background-image: url(../images/fon.jpg);
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3%;
}
.format_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.format_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.format_img img{
    max-width: 100%;
}
.text-block-304 {
    margin-bottom: 2%;
    margin-left: 0%;
    font-size: 16px;
    line-height: 1.4em;
}
.a{
    color: #000;
}
.a:hover{
    text-decoration: underline;
}

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

.author_2{
    padding: 3%;
}
.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;
    text-align: left;
    letter-spacing: 0px;
    text-transform: none;
}
.bold-text-14 {
    color: #089499;
}
.unordered-list-5 {
    margin-top: 0px;
    margin-left: 0px;
    color: #fd3708;
    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;
    float: left;
}
.text-block-255 {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    align-self: center;
    border-left: 5px solid #fd3708;
    color: #192024;
    font-size: 24px;
    line-height: 1.2em;
}
.bold-text-5 {
    color: #089499;
    font-size: 30px;
}

@media(max-width: 1025px){
    .heading-49 {font-size: 34px;}
    .w-col-4 {flex: 1;}
    .author_2_img {min-width: 200px;max-width: 297px;}
}
@media(max-width: 416px){
    .w-col-4 {min-width: 240px;}
}

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

.opinions{
    background-image: url(../images/fon.jpg);
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 3%;
}
.section-title-group {
    margin-bottom: 20px;
}
.section-heading.centered {
    margin-bottom: 3%;
    color: #313131;
    font-size: 44px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
#app{
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 70px 20px 70px;
    background-color: #ecf6ff;
}
@media(max-width: 500px){
    #app {padding: 20px 20px 20px 20px;}
    .section-heading.centered {font-size: 27px;}
}

/*-----------footer----------*/

#footer{
    flex: 0 0 auto;
    width: 100%;
    background: #079498;
}
.inner-footer{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    color: #fff;
    padding: 1px 23px 1px 23px;
}
#footer-img{
    min-width: 146px;
    margin: 0 auto 0 auto;
    padding-top: 4px;
    text-align: center;
}
#footer-img img{
    width: 80px;
    border-radius: 50%;
}
#left-footer, #right-footer{
    width: 35%;
    min-width: 246px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#left-footer>div div:first-child{
    font-family: Akrobat-Light;
    font-size: 16px;
}

#left-footer>div div:nth-child(3){
    font-family: Akrobat-Light;
    font-size: 16px;
}
#left-footer>div div:nth-child(4){
    font-family: Akrobat-Regular;
    font-size: 16px;
}

#left-footer a{
    font-family: Akrobat-Regular;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

#right-footer{
    text-align: right;
    font-family: Akrobat-Regular;
    color: #fff;
    font-size: 16px;
}
@media (max-width: 800px){
    #left-footer, #right-footer, #footer a, #footer-img{
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 640px){
    #left-footer, #right-footer{
        margin: 0 auto;
    }
    #left-footer>div div:first-child,
    #left-footer>div div:nth-child(2),
    #left-footer>div div:nth-child(3),
    #left-footer>div div:nth-child(4),
    #right-footer>div div:first-child,
    #right-footer>div div:nth-child(2),
    #right-footer>div div:nth-child(3){
        text-align: center;
    }
    #right-footer{
        padding-top: 0px;
    }
    .inner-footer{padding: 10px 23px 10px 23px;}
}
.address{
    font-family: akrobat-regular;
    font-size: 16px;
}
/*-----------end footer----------*/

/*-----------garant-2------------*/
.win3 .modalWindow-inner{
    padding: 1%;
    margin-top: 20px;
    width: 98%;
    max-width: 900px;
}
.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;}
}

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

.win2, .win3{
    background: rgba(0, 0, 0, .7);
}
.win2 .modalWindow-inner{
    padding: 4% 3% 4% 5%;
    background-color: transparent;
    background-image: url(../images/qqqqq.jpg);
    background-position: 50% 50%;
    background-size: 936px;
    background-repeat: no-repeat;
    margin-top: 20px;
    width: 98%;
    max-width: 900px;
}
.text-block-21{
    margin-bottom: 26px;
    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: 650px){
    .text-block-21 {margin-bottom: 7px; font-size: 32px;}
    .win1 .modalWindow-inner {background-size: 1134px;}

}

.gif_img{
    width: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

/*--------------cost------------*/

.cost{
    padding: 1% 3% 2% 3%;
    background-image: url(../images/d-4.jpg);
    background-position: 50% 100%;
    background-size: 100% 200%;
    background-repeat: no-repeat;
}
.cost_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.cost_img img{
    max-width: 100%;
}
.cost_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.inner_cost_content{
    position: relative;
    left: 0%;
    top: -18px;
    right: 0%;
    bottom: auto;
    min-height: 500px;
    padding: 15% 11% 7%;
    background-image: url(../images/465.png);
    background-position: 50% 0%;
    background-size: contain;
    background-repeat: no-repeat;
}
.cost .text-block-305 {
    font-size: 40px;
    line-height: 1.4em;
    font-weight: 200;
    text-align: center;
}
.cost .bold-text-133 {
    color: #a00202;
}
.text-block-306 {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 4px solid #0080b2;
    font-size: 36px;
    line-height: 1.4em;
    text-align: center;
}
.cost_a{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.cost_a img{
    display: block;
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

@media(max-width: 1025px){
    .cost .text-block-305 {font-size: 30px;}
    .cost_a img {max-width: 244px;}
}
@media(max-width: 675px){
    .cost .text-block-305 {font-size: 28px;}
}
@media(max-width: 416px){
    .cost_img img {
        max-width: 82%;
        display: block;
        margin-left: auto;margin-right: auto;
    }
    .cost {padding-top: 30px;}
}

/*----------------limit--------------*/

.limit{
    padding: 2%;
}
.text-block-308 {
    margin-bottom: 1%;
    font-size: 70px;
    line-height: 1.2em;
    text-align: center;
}
.limit_content{
    width: 100%;
    max-width: 746px;
    margin-right: auto;
    margin-bottom: 3%;
    margin-left: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.limit_item{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 5% 2%;
    box-shadow: 1px 1px 3px 0 #000;
    max-width: 400px;
}
.limit_active{
    background-color: #ffd901;
}
.text-block-290 {
    margin-bottom: 3%;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.text-block-291 {
    margin-bottom: 10px;
    color: #00837c;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    text-align: center;
}
.text-block-292 {
    margin-bottom: 15px;
    color: #b20000;
    font-size: 30px;
    line-height: 1.4em;
    font-weight: 900;
    text-align: center;
}
.text-block-290 {
    margin-bottom: 3%;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.bold-text-148 {
    color: #a00202;
    line-height: 26px;
    text-transform: uppercase;
}
.text-block-307 {
    margin-bottom: 2%;
    font-size: 33px;
    line-height: 1.2em;
    text-align: center;
}
.embed{
    margin-bottom: 3%;
    text-align: center;
}
.limit_btn{
    display: block;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
    margin-bottom: 2%;
    margin-left: auto;
    border-radius: 5px;
    background-color: #b20000;
    box-shadow: 1px 1px 3px 0 #000;
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 9px 15px;
    color: white;
}
.limit_btn:hover{
    background-color: #ffa301;
    box-shadow: none;
    color: #192024;
}
@media(max-width: 1025px){
    .text-block-308 {font-size: 51px;}
    .limit_item{max-width: 300px;}
}
@media(max-width: 416px){
    .text-block-308 {font-size: 36px;}
}

/*---------gift----------*/

.gift{
    padding: 1% 2% 2%;
    background-image: url(../images/d-4.jpg);
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.gift_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 400px;
}
.inner_gift_content{
    position: relative;
    left: 0%;
    top: -15px;
    right: 0%;
    bottom: auto;
    min-height: 500px;
    padding: 15% 11% 7%;
    background-image: url(../images/465.png);
    background-position: 50% 0%;
    background-size: contain;
    background-repeat: no-repeat;
}
.gift_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.gift_img img{
    display: block;
    width: 100%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
}
.g_img{
    width: 80px;
    margin-bottom: 15px;
}
.text-block-309 {
    margin-bottom: 7%;
    font-size: 28px;
    line-height: 1.4em;
    text-align: center;
}
.gift_a{
    font-size: 30px;
    font-style: italic;
    text-decoration: underline;
}
.g_2{
    max-width: 940px;
    padding: 18px 28px;
    background-color: #fff;
}
.gift_2_img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 376.5px;
}
.gift_2_img img{
    display: block;
    width: 100%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
}
.gift_2_content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.gift_2_btn{
    display: block;
    width: 100%;
    border-radius: 5px;
    background-color: #b10000;
    box-shadow: 1px 1px 3px 0 #000;
    line-height: 2em;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 9px 15px;
    color: white;
}
.gift_2_btn:hover{
    background-color: #ff9500;
    color: rgba(9, 8, 8, 0.88);
    box-shadow: none;
}
.text-block-311 {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
.text-block-310 {
    margin-bottom: 2%;
    font-size: 16px;
    line-height: 1.3em;
    text-align: left;
}

@media(max-width: 1025px){
    .gift_2_content br:not(.br){display: none;}
}
@media(max-width: 770px){
    .text-block-309 {font-size: 23px;}
}
@media(max-width: 700px){
    .gift_2_img{margin-bottom: 30px;}
}
@media(max-width: 416px){
    .inner_gift_content {top: 0px;}
}

.dop{
    margin-top: 30px;
}
@media(max-width: 500px){
    .dop{
        font-size: 20px;
        padding: 9px 5px;
        letter-spacing: 2px;
    }
}

/*модальное окно*/

.modalWindow{
    display: block;
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, .7);
}
.modalWindow-inner{
    max-width: 900px;
    margin: 10px auto;
    width: 90%;
    background: #fff;
    padding: 2% 1% 1%;
    position: relative;
}
.modalWindow-close{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 50%;
    transition: .3s;
}
.win1 .modalWindow-close:hover,
.win2 .modalWindow-close:hover{
    transform: scale(.8);
}
.win1-img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.win1-content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.win1-img img{
    width: 100%;
    max-width: 350px;
}
.text-block-43 {
    font-size: 36px;
    line-height: 1.4em;
    text-align: center;
}
.win1 .btn, .__b, .last-block .btn{
    max-width: 400px;
    margin-top: 3%;
    background-image: linear-gradient(180deg, #fd0517, #7e0505);
    box-shadow: 1px 1px 3px 0 #000;
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 2px;
}
.win1 .btn:hover, .__b:hover, .last-block .btn:hover{
    background-image: linear-gradient(180deg, #7e0505, #fd0517);
}


@media(max-width: 699px){
    .ddd{order: -1;}
    .win1-img img {width: 79%;}
    .win1 .btn {font-size: 25px;}
}

.cost .limit_btn{
    margin-bottom: 0;
}
.cost{
    /*padding: 3%;*/
}
/*cart-style*/
.no-btn{
    background-image: linear-gradient(rgb(151, 151, 151), rgb(61, 58, 58)) !important;
}