/* Start:/franchise/owl.carousel.min.css?17381346512938*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/franchise/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/agro2024/components/bitrix/form.result.new/franchise/style.css?17383377082427*/
.myModalBg {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

#myModal {
    position: fixed;
    z-index: 10000;
    display: none;
    width: 100%;
    height: 100%;
}

form h3 {
    font-family: "ProximaNova", sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 1.8%;
    text-align: center;
    color: rgb(18, 18, 18);
    border-bottom: 1px solid rgb(239, 239, 239);
    margin-bottom: 6px;
    white-space: nowrap;
}
form p{text-align:center;white-space: nowrap;padding-bottom: 15px;}
#page-body form {
    position: fixed;
    z-index: 10;
    right: 50%;
    bottom: 48%;
    display: block;
    width: 94%;
    max-width: 410px;
    margin: auto;
    padding: 3%;
    transform: translate(50%, 50%);
    background-color: #fff;
    border: 3px solid var(---main-color);
    border-radius: 10px;
}

#page-body form input {height: 45px;}

.myModalForm form input {
    font-family: "ProximaNova", sans-serif;
    font-size: 16px;
    width: 100%;
    margin-bottom: 2.5%;
    padding-left: 5%;
    color: #000;
    border: 1px solid var(---main-color);
    background-color: #fff;
    border-radius: 8px;
}

#page-body form input.inputfile {border: 0; background: transparent;}

#page-body form input[type="submit"] {
    font-weight: bold;
    /* width: 100%; */
    height: 60px;
    margin-top: 3%;
    transition: 0.5s ease;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 20px;
    background-color: rgb(255, 115, 33);
    font-size: 20px;
}

#page-body form input[type="submit"]:hover {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 0 25px 0 rgba(0, 0, 0, .5);}

#page-body form input:focus {outline: none;}

#page-body form .close {
    position: absolute;
    top: 3%;
    right: 3%;
}


@media (min-width: 992px) {
    #page-body form input[type="file"] {height: 40px;}
    
    form h3 {font-size: 20px;}
}

@media (min-width: 320px) and (max-width: 750px) and (orientation: landscape) {
    #page-body form {
        bottom: 45%;
        max-height: 85%;
        padding: 1% 5%;
    }
    
    form h3 {padding: 5px;}
    
    #page-body form input {
        height: 30px;
        margin-bottom: 0;
        padding: 0 0 0 5%;
    }
    
    #page-body form input[type="submit"] {height: 40px;/* margin: 5px; */border-radius: 10px;}
}

/* End */


/* Start:/franchise/franchise.css?175507872624394*/
@font-face {
    font-display: swap;
    font-family: "ProximaNovaBlack";
    src: url("/local/templates/agro2024/fonts/ProximaNovaBlack/ProximaNovaBlack.eot");
    src: url("/local/templates/agro2024/fonts/ProximaNovaBlack/ProximaNovaBlack.eot?#iefix") format("embedded-opentype"), url("/local/templates/agro2024/fonts/ProximaNovaBlack/ProximaNovaBlack.woff") format("woff"), url("/local/templates/agro2024/fonts/ProximaNovaBlack/ProximaNovaBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-display: swap;
    font-family: "ProximaNovaBold";
    src: url("/local/templates/agro2024/fonts/ProximaNovaBold/ProximaNovaBold.eot");
    src: url("/local/templates/agro2024/fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/agro2024/fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"), url("/local/templates/agro2024/fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-display: swap;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('/franchise/font/MYRIADPRO-BOLD.woff') format('woff'), url("/franchise/font/MYRIADPRO-BOLD.OTF") format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "GothamPro";
    src: url(/local/templates/agro2024/fonts/GothamProBold.ttf) format("truetype");
    font-weight: bold;
}

#myModal {
    display: none;
}

#thanks {
    font-size: 50px;
    position: fixed;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: none;
    padding: 20px;
    transform: translate(-50%, -50%);
    color: #fff;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.bg-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    aspect-ratio: 16 / 9;
}

.swiper * {
    transform-style: preserve-3d;
}

.swiper {
    position: relative;
    z-index: 1;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 1920px;
    margin: 0.7em auto;
    padding: 0;
    list-style: none;
    --num: 8;
    --num-per-page: 2;
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: transform;
    animation: motion-navigation 30s infinite linear;
}

.swiper-slide {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: calc(100% / var(--num-per-page));
    height: 100%;
    padding-right: 10px;
    transition-property: transform;
}


@keyframes motion-navigation {
    0% {
        transform: translateX(0);
    }
    
    100% {
        transform: translateX(calc(-100% * var(--num) / var(--num-per-page)));
    }
}

.nowrap {
    white-space: nowrap;
}

.bold {
    font-family: "ProximaNovaBold";
    font-weight: bold;
}

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

.inner {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 1290px;
    margin: 0 auto;
}

.h2 {
    text-transform: uppercase;
}

.fran {
    line-height: 1;
    margin-top: 50px;
}

.fran img {
    width: 100%;
    height: auto;
}

.block {
    padding: 35px 0;
}

.button {
    font-family: "ProximaNovaBlack";
    font-size: 20px;
    font-weight: 900;
    display: inline-block;
    padding: 0.4em 1em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 4px solid var(---main-color);
    border-radius: 5px;
    background-color: transparent;
}

.button:hover {
    background-color: var(---main-color);
}

.block_8 .button:hover {
    color: #000;
    background-color: #fff;
}

.block_1 {
    position: relative;
    z-index: 1;
    color: #fff;
    background-image: url(/franchise/img/block_1/block1_634.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.block_1 .gradient {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, black, transparent);
}

.block_1 .info {
    font-size: 18px;
    line-height: 1;
    max-width: 16.4em;
    padding-top: 20px;
}

.block_1 .h1 {
    font-family: "ProximaNovaBlack";
    font-weight: 900;
    color: var(---main-color);
}

.block_1 .h1 {
    font-size: 55px;
    font-weight: 900;
    line-height: 1;
    width: 5.9em;
}

.block_1 .note {
    font-size: 14px;
    display: block;
    width: 24em;
    padding-top: 15px;
    opacity: 0.7;
}

.block_1 .button {
    margin-top: 15px;
}

.block_2 {
    font-size: 16px;
}

.agro-logo {
    font-size: 1.7em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agro-logo .image {
    width: 1.4em;
    height: 1.2em;
    background: var(---logo) no-repeat;
}

.agro-logo .text {
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
    color: var(---main-color);
}

.block_2 .h2 {
    font-size: 0.8em;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.9em;
    text-transform: uppercase;
}

.block_2 .small-logo {
    width: 1.2em;
    height: 0.4em;
    background: var(---logo) no-repeat;
    background-position: center;
}

.owl-carousel {
    margin-top: 12px;
}

.block_2 .promo-fr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 15px;
    padding-left: 5%;
    align-items: center;
}

.block_2 .promo-fr .item {
    padding-bottom: 12px;
}

.block_2 .promo-fr .center-item {
    /* flex-grow: 1; */
    /* padding: 0 30px; */
    /* text-align: center; */
}

.block_2 .promo-fr .bold {
    font-size: 1.2em;
    font-size: 1.8em;
}

.block_2 .promo-fr .description {
    font-size: 0.8em;
    font-size: 1.2em;
}

.block_3 iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 759 / 427;
}

.block_3.yt {
    padding-top: 0;
}

.block_4 {
    font-size: 14px;
    color: #fff;
    background-color: var(---main-color);
}

.block_4 .h2 {
    font-size: 2.2em;
    text-align: center;
}

.block_4 .h3 {
    font-size: 1.3em;
    margin-top: 2em;
    text-align: center;
}

.block_4 .h4 {
    font-size: 1.1em;
    padding-top: 10px;
    text-align: center;
}

.block_4 p {
    text-transform: uppercase;
}

.block_4 .image {
    position: relative;
    width: 173px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    transform: translate(-32%, 0);
}

.block_4 .image img {
    width: 100%;
    height: auto;
}

.block_4 .text {
    font-size: 3em;
    position: absolute;
    top: 50%;
    left: 107%;
    transform: translate(0, -50%);
}

.block_5 .table {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 18px;
    justify-content: center;
}

.block_5 .h2 {
    text-transform: uppercase;
}

.block_5 .cell {
    font-size: 27px;
    /* width: 10.6em; */
    padding-bottom: 20px;
}

.block_5 .cell .description {
    font-size: 18px;
}

.block_5 .promo-fr {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    border: 3px solid #ddeddb;
}

.block_5 .item .top {
    font-size: 1.2em;
    padding-bottom: 7px;
    white-space: nowrap;
}

.block_5 .promo-fr .info {
    font-size: 0.9em;
}

.block_5 .promo-fr img {
    width: 100%;
    height: auto;
}

.block_5 .item {
    max-width: 300px;
}

.block_5 .first .info {
    /* text-align: right; */
}

.block_5 .first .bottom {
    font-size: 1.7em;
}

.block_5 .first {
    position: relative;
    padding-bottom: 40px;
}

.block_5 .first .arrow {
    position: absolute;
    left: 29%;
    width: 50px;
    transform: scaleX(-1) rotate(139deg);
}

.block_5 .plus {
    width: 37px;
    margin: 8px auto;
}

.block_5 .button {
    margin: 15px auto 0 auto;
}
.orange{
    color: var(---or-color);
}
.block_6 {
    background-color: var(---or-color);
}

.block_6 .h2 {
    font-size: 31px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0.5em;
}

.block_6 .owl-carousel {
    position: relative;
    margin: 5px auto;
}
.block_6 .owl-carousel iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1391 / 726;
}
.block_6 .owl-carousel .item.yt{
    background-color: black;
}
.owl-next, .owl-prev {
    font-size: 0;
    position: absolute;
    z-index: 99999;
    top: 50%;
    transform: translate(0, -50%);
}

.owl-next {
    left: 97%;
}

.owl-next::before, .owl-prev::before {
    font-family: GothamPro;
    font-size: 25px;
    line-height: 1;
    display: block;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border-radius: 50%;
    background-color: #aaa;
}

.owl-next::before {
    padding-left: 3px;
    content: '>';
}

.owl-prev {
    right: 97%;
}

.owl-prev::before {
    padding-right: 3px;
    content: '<';
}

.block_6 .item {
}

.block_7 .h2 {
    line-height: 1;
    margin-bottom: 15px;
}

.block_7 .step {
    /* line-height: 1; */
    margin-left: 0.5em;
    padding-bottom: 15px;
    list-style: none;
}

.block_7 .step li {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e1e1e1;
}

.block_7 .step li:last-child {
    border-bottom: none;
}

.block_7 .step li::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 3px;
    height: 105%;
    content: "";
    background-color: var(---main-color);
}

.block_7 .step li:last-child::before {
    top: 0;
    height: 52%;
}

.block_7 .step li:first-child::before {
    top: 46%;
    height: 60%;
}

.block_7 .number {
    font-family: "GothamPro";
    font-size: 16px;
    line-height: 2;
    position: relative;
    z-index: 1;
    left: -0.9em;
    display: block;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: var(---main-color);
}

.block_7 .info {
}

.block_7 .top {
    font-size: 1.2em;
    display: block;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.block_7 .bottom {
    font-size: 1.1em;
    line-height: 1;
}

.block_8 {
    background-color: var(---main-color);
}

.block_8 .h2 {
    color: #fff;
}

.block_8 .table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 15px;
}

.block_8 .cell {
    display: flex;
    align-items: center;
    width: 95%;
    margin-top: 15px;
}

.block_8 .image {
    min-width: 85px;
    height: 50px;
}

.block_8 .cell:last-child .image {
    height: 40px;
    transform: translateX(-18px);
}

.block_8 .info {
}

.block_8 .table .bold {
    font-size: 1.3em;
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
}

.block_8 .description {
    font-size: 1em;
}

.block_8 .image img {
    width: auto;
    height: 100%;
}

.block_8 .button {
    color: #fff;
    border-color: #fff;
    padding: 0.4em 1.22em;
}

.block_9 {
}

.block_9 .h2 {
}

.block_9 .table {
    /* margin-top: 15px; */
    border: 2px solid var(---or-color);
}

.block_9 .cell {
    font-size: 17px;
    padding: 13px;
    border-bottom: 2px solid var(---or-color);
}

.block_9 .cell:last-child {
    border-bottom: none;
}

.block_9 .image-block {
    margin-top: 15px;
}

.block_9 .description {
    /* font-size: 16px; */
}

.block_9 .text-center {
    margin-top: 15px;
    margin-bottom: 15px;
}
.block_10 .yt-video {
    display: flex;
    flex-wrap: wrap;
}
.block_10 .yt-video .item {
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 5px auto;
}
.block_5 .h2, .block_7 .h2, .block_8 .h2, .block_9 .h2 {
    font-size: 28px;
    padding-bottom: 15px;
    text-align: center;
}

@media screen and (min-width: 640px) {
    .swiper {
        --num-per-page: 3;
    }
    
    .block_2 {
        font-size: 23px;
    }
    
    .block_2 .promo-fr {
        flex-direction: row;
        padding-left: 0;
    }
    
    .block_2 .promo-fr .bold {
        font-size: 1em;
    }
    
    .block_2 .promo-fr .description {
        font-size: 0.7em;
    }
    
    .block_4 {
        font-size: 16px;
    }
    
    .block_4 .image {
        /* margin-right: auto; */
        /* margin-left: auto; */
    }
    
    .block_5 .table {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .block_5 .cell{
    width: 10.6em;
    /* width: 50%; */
}
    
    .block_5 .promo-fr {
        font-size: 18px;
    }
    
    
    .block_8 .info {
        padding-left: 20px;
    }
}

@media screen and (min-width: 768px) {
    .button {
        font-size: 22px;
    }
    
    .inner {
        width: 83%;
    }
    
    .block_4 .image {
        transform: translate(-26%, 0);
    }
    
    .block_5 .promo-fr {
        font-size: 16px;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 30px;
    }
    .block_5 .first .info {
    text-align: right;
}
    .block_5 .item .top {
        white-space: normal;
    }
    
    .block_5 .promo-fr ul.info {
        padding-left: 15px;
    }
    
    .block_5 .promo-fr img {
        width: 100%;
        height: auto;
    }
    
    .block_5 .item {
        max-width: 10.4em;
    }
    
    .block_5 .item.first {
        position: relative;
        max-width: 16em;
        padding-right: 2em;
        padding-bottom: 0;
    }
    
    .block_5 .first .arrow {
        top: 105%;
        right: -1.1em;
        left: auto;
        width: 3.5em;
        transform: scaleX(1) rotate(0deg);
    }
    
    .block_5 .plus {
        align-self: flex-end;
        width: 27px;
        margin: initial;
        transform: translate(-14px, 50%);
    }
    
    .block_6 .h2 {
        font-size: 36px;
    }
    
    .block_5 .h2, .block_7 .h2, .block_8 .h2, .block_9 .h2 {
        font-size: 38px;
    }
    
    .block_9 .h2 {
    }
    
    .block_9 .table {
        display: flex;
        align-items: stretch;
    }
    
    .block_9 .cell {
        display: flex;
        align-items: center;
        border-right: 2px solid var(---or-color);
        border-bottom: none;
    }
    
    .block_9 .cell:last-child {
        border-right: none;
    }
    
    .block_9 .image-block {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }
    
    .block_9 .image-block .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 63%;
        min-width: 340px;
        padding-right: 4%;
    }
    
    .block_9 .image-block .text-center {
        margin: initial;
        text-align: left;
    }
    
    .owl-next::before, .owl-prev::before {
        font-size: 35px;
    }
    
    .owl-next {
        left: 101.2%;
    }
    
    .owl-prev {
        right: 101%;
    }
}

@media screen and (min-width: 1024px) {
    .swiper {
        --num-per-page: 4;
    }
    
    .button {
        font-size: 25px;
    }
    
    .inner {
        width: 73%;
    }
    
    .block_1 {
        background-image: url(/franchise/img/block_1/block1_1024.jpg);
    }
    
    .block_1 .h1 {
        font-size: 64px;
    }
    
    .block_1 .info {
        font-size: 21px;
        padding-top: 35px;
    }
    
    .block_1 .note {
        font-size: 16px;
        width: 27em;
        padding-top: 25px;
    }
    
    .block_1 .button {
        margin-top: 65px;
    }
    
    .block_2 {
        font-size: 27px;
    }
    
    .block_2 .h2 {
        font-size: 1.1em;
    }
    
    .block_4 {
        font-size: 19px;
    }
    
    .block_4 .image {
        width: 250px;
        margin-top: 26px;
    }
    
    .block_5 .h2 {
        font-size: 44px;
    }
    
    .block_5 .item {
        max-width: 13em;
    }
    
    .block_5 .promo-fr {
        font-size: 17px;
        padding: 11px;
    }
    
    .block_5 .table {
        padding: 13px 50px;
    }
    
    .block_5 .cell {
        width: 44%;
    }
    
    .block_7 .step {
        font-size: 20px;
    }
    
    .block_8 .table {
        font-size: 20px;
    }
    
    .block_8 .cell {
        width: 49%;
        /* margin-top: 0; */
        align-items: flex-start;
    }
    
    .block_8 .cell:last-child .image {
        transform: translateX(-10px);
    }
    
    .block_9 .image-block {
        margin-top: 25px;
    }
    
    .block_9 .image-block .info {
        width: 50%;
        padding-right: 7%;
    }
    
    .block_9 .image-block .image {
        width: 50%;
    }
    
    .block_5 .h2, .block_7 .h2, .block_8 .h2, .block_9 .h2 {
        font-size: 42px;
    }
    
    .block_9 .description {
        font-size: 19px;
    }
   
}

@media screen and (min-width: 1025px) {
    .fran {
        margin-top: 140px;
    }
}

@media screen and (min-width: 1350px) {
    .swiper {
        --num-per-page: 5;
    }
    
    
    .fran {
        margin-top: 161px;
    }
    
    .block {
        padding: 27px 0 37px 0;
    }
    
    .inner {
        width: 68%;
    }
    
    .block_1 .h1 {
        font-size: 100px;
    }
    
    .block_1 .info {
        font-size: 33px;
        padding-top: 49px;
    }
    
    .block_1 .note {
        font-size: 20px;
        padding-top: 39px;
    }
    
    .block_1 .button {
        margin-top: 113px;
    }
    
    .block_2 {
        font-size: 36px;
        padding-top: 20px;
    }
    
    
    .block_2 .promo-fr .bold {
        font-size: 1em;
    }
    
    .block_2 .promo-fr .description {
        font-size: 0.6em;
    }
    
    .block_2 .promo-fr {
        /* justify-content: center; */
    }
    
    .block_2 .promo-fr .item {
        width: 27%;
        text-align: center;
    }
    
    .block_2 .promo-fr .center-item {
        flex-grow: 1;
        padding: 0 30px;
        /* text-align: center; */
    }
    
    .block_4 .h2 {
        padding-top: 0.6em;
        /* text-align: center; */
    }
    
    .block_4 {
        font-size: 23px;
    }
    
    .block_4 .image {
        width: 14em;
        margin-top: 2.5em;
    }
    
    .block_5 {
        /* padding-top: 27px; */
    }
    
    .block_5 .h2 {
        font-size: 58px;
    }
    
    .block_5 .cell {
        font-size: 36px;
        width: 50%;
        padding-left: 2%;
    }
    
    .block_5 .cell .description {
        font-size: 0.5em;
        padding-top: 7px;
    }
    
    .block_5 .cell:nth-child(2n) {
        padding-left: 11%;
    }
    
    .block_5 .promo-fr {
        font-size: 21px;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0.7em;
        margin-bottom: 1.6em;
        padding: 25px 57px;
    }
    
    .block_5 .first {
        position: relative;
        max-width: 16em;
        padding-right: 70px;
        padding-bottom: 0;
    }
    
    .block_5 .promo-fr .info {
        font-size: 0.8em;
    }
    
    .block_7 .step {
        font-size: 25px;
    }
    
    .block_5 .first .arrow {
        top: 105%;
        right: 0.3em;
        width: 4em;
    }
    
    .block_5 .plus {
        width: 54px;
        transform: translate(0, -6%);
    }
    
    .block_6 .h2 {
        font-size: 48px;
    }
    
    .block_7 .h2 {
        font-size: 54px;
        margin-bottom: 0.2em;
    }
    
    .block_7 .info {
        padding-left: 1em;
    }
    
    .block_7 .bottom {
        font-size: 0.85em;
    }
    
    .block_7 .step li {
        padding-top: 0.7em;
        padding-bottom: 0.7em;
    }
    
    .block_7 .number {
        font-size: 27px;
        line-height: 1.7;
        width: 1.7em;
        height: 1.7em;
    }
    
    
    
    .block_8 .h2 {
        font-size: 39px;
        text-align: center;
    }
    
    .block_8 .table {
        font-size: 21px;
        padding: 1em 2em 2em 2em;
    }
    
    .block_8 .image {
        min-width: 84px;
        height: 83px;
        align-self: center;
    }
    
    .block_8 .cell:last-child .image {
        height: 87px;
        transform: translate(-21px,10px);
    }
    
    .block_8 .info {
        padding-left: 20px;
    }
    
    .block_9 .h2 {
        font-size: 40px;
        text-align: center;
    }
    
    .block_9 .cell {
        font-size: 20px;
    }
    
    .block_9 .description {
        font-size: 24px;
    }
    
    .block_9 .image-block .info {
        /* width: 50%; */
        max-width: 495px;
        padding-top: 3%;
        padding-right: 2%;
    }
    
    .block_9 .image-block .image {
        width: 55%;
    }
    
    .block_9 .image-block {
        margin-top: 25px;
    }
     .block_10 .yt-video .item{
        width: 33%;
    }
}

@media screen and (min-width: 1600px) {
    .swiper {
        --num-per-page: 6;
    }
    
    
    .fran {
        margin-top: 156px;
    }
    
    .button {
        font-size: 28px;
    }
    
    .block_3.yt {
        /* padding: 88px 0; */
    }
    
    .block_1 {
        background-image: url(/franchise/img/block_1/block1_1920.jpg);
    }
    
    .block_1 .h1 {
        font-size: 145px;
        padding-top: 42px;
    }
    
    .block_1 .info {
        font-size: 49px;
        padding-top: 71px;
        max-width: 21em;
    }
    
    .block_1 .note {
        font-size: 26px;
        padding-top: 54px;
        width: 35em;
    }
    
    .block_1 .button {
        /*font-size: 44px;*/
        margin-top: 89px;
    }
    
    .block_2 {
        font-size: 37px;
    }
    
    .block_2 .owl-carousel {
        margin-top: 31px;
    }
    
    .block_2 .promo-fr .bold {
        font-size: 1.1em;
        white-space: nowrap;
    }
    
    .block_2 .promo-fr .description {
        font-size: 0.6em;
    }
    
    .block_2 .promo-fr {
        margin-top: 1em;
    }
    
    .block_2 .promo-fr .item {
        width: 25%;
    }
    
    .block_4 .h2 {
        padding-top: 0px;
    }
    
    .block_4 {
        font-size: 30px;
    }
    
    .block_4 .image {
        margin-top: 40px;
        width: 14.5em;
    }
    
    .block_4 .h3 {
        font-size: 1.2em;
        margin-top: 1.4em;
        text-align: center;
    }
    
    .block_5 .h2 {
        font-size: 60px;
    }
    .block_4 .h4 {
        font-size: 1em;
        padding-top: 25px;
        text-align: center;
    }
    .block_5 .table {
        padding: 42px 50px;
    }
    
    .block_5 .cell {
        font-size: 44px;
    }
    
    .block_5 .cell .description {
    }
    
    .block_5 .cell:nth-child(2n) {
        padding-left: 11%;
    }
    
    .block_5 .promo-fr {
        font-size: 26px;
        padding: 35px 25px;
    }
    
    .block_5 .first {
        position: relative;
        max-width: 15em;
        padding-right: 51px;
        padding-bottom: 0;
    }
    
    .block_5 .promo-fr .info {
        font-size: 0.8em;
    }
    
    .block_7 .step {
        font-size: 29px;
    }
    
    .block_7 .h2 {
        font-size: 62px;
    }
    
    .block_7 .info {
        padding-left: 1em;
    }
    
    .block_7 .bottom {
        font-size: 0.85em;
    }
    
    .block_5 .first .arrow {
        top: 105%;
        right: -2em;
        width: 5.2em;
    }
    
    .block_6 .h2 {
        font-size: 53px;
    }
    
    .block_8 .h2 {
        font-size: 55px;
    }
    
    .block_8 .image {
        min-width: 129px;
        height: 109px;
    }
    .block_8 .cell:last-child .image {
        height: 75px;
        /* transform: translate(-21px,10px); */
    }
    .block_8 .table {
        font-size: 27px;
    }
    
    .block_8 .table .bold {
        padding-bottom: 17px;
    }
    
    .block_9 .h2 {
        font-size: 51px;
        padding-bottom: 35px;
    }
    
    .block_9 .cell {
        font-size: 25px;
        padding: 24px;
    }
    
    .block_9 .description {
        font-size: 31px;
    }
    
    .block_9 .image-block .info {
        width: 43%;
        padding-top: 1%;
    }
    
    .block_9 .image-block {
        margin-top: 65px;
    }
}

/* End */


/* Start:/franchise/video_widget/s.css?173943025618061*/
#preplay {
    --preplay-border-width: 3px;
    --preplay-border-color: rgb(85, 173, 77);
    --preplay-border-color-hover: rgb(242, 113, 16);
    --preplay-border-shadow: 1px -2px 15px 5px rgba(0, 0, 0, .62);
    --preplay-preview-width: 100px;
    --preplay-preview-height: 100px;
    --preplay-button-opacity: 1;
    --preplay-button-background: rgb(255, 255, 255);
    --preplay-button-border-width: 2px;
    --preplay-button-border-color: rgb(242, 113, 16);
    --preplay-button-border-color-hover: rgb(85, 173, 77);
    --preplay-button-border-shadow: none;
    --preplay-button-font-color: #000000;
    --preplay-button-font-family: inherit;
    --preplay-button-font-weight: 400;
    --preplay-button-font-style: normal;
    --preplay-button-font-decoration: none;
    --preplay-label-opacity: 1;
    --preplay-label-background: #ffffff;
    --preplay-label-font-color: #000000;
    --preplay-label-font-family: inherit;
    --preplay-label-font-weight: 400;
    --preplay-label-font-style: normal;
    --preplay-label-font-decoration: none;
}


body:not(.no_video) {
    .cover_chat, .cover_promo {
        display: none !important;
    }
    #totop{
        display: none !important;
    }
}
#preplay {
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 0
}

#preplay * {
    box-sizing: border-box
}

#preplay .preplay-wrapper {
    z-index: 999999;
    position: absolute;
    left: 50px;
    bottom: 50px;
    box-sizing: border-box;
    transition: transform .2s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,bottom .3s ease-in-out,border-color .2s ease-in-out,opacity 1s ease-in-out;
    opacity: 1;
    width: 130px;
    height: 180px;
    max-height: 92vh
}

#preplay .preplay-wrapper .preplay-content {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(0,0,0,0);
    box-shadow: var(--preplay-border-shadow);
    transition: transform .2s ease-in-out,border-radius .3s ease-in-out,bottom .3s ease-in-out,border-color .2s ease-in-out,opacity 1s ease-in-out;
    border-style: solid;
    border-width: var(--preplay-border-width);
    border-color: var(--preplay-border-color);
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 2
}

#preplay .preplay-wrapper .preplay-content .preplay-video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 101%;
    min-height: 100%;
    z-index: 200;
    transition: opacity .4s ease-in-out
}

#preplay .preplay-wrapper .preplay-content .preplay-button {
    bottom: 50px;
    right: 20px;
    left: 20px;
    background: var(--preplay-button-background);
    border-style: solid;
    border-width: var(--preplay-button-border-width);
    border-color: var(--preplay-button-border-color);
    position: absolute;
    height: 60px;
    border-radius: 10px;
    z-index: 300;
    box-shadow: var(--preplay-button-border-shadow);
    visibility: hidden;
    opacity: 0;
    transition: transform .2s ease-in-out,opacity .3s ease-in-out,background-color .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

#preplay .preplay-wrapper .preplay-content .preplay-button span {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: var(--preplay-button-font-color);
    font-family: var(--preplay-button-font-family),Arial,sans-serif;
    font-weight: var(--preplay-button-font-weight);
    font-style: var(--preplay-button-font-style);
    text-decoration: var(--preplay-button-font-decoration)
}

#preplay .preplay-wrapper .preplay-content .preplay-button:hover {
    transform: scale(1.1);
    border-color: var(--preplay-button-border-color-hover)
}

#preplay .preplay-wrapper .preplay-content .preplay-button.active {
    opacity: var(--preplay-button-opacity);
    visibility: visible
}

#preplay .preplay-wrapper .preplay-content .preplay-label {
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--preplay-label-background);
    border-top: var(--preplay-label-background);
    opacity: var(--preplay-label-opacity);
    position: absolute;
    height: 40px;
    z-index: 200;
    transition: transform .2s ease-in-out,opacity .3s ease-in-out,background-color .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: var(--preplay-label-font-color);
    font-family: var(--preplay-label-font-family),Arial,sans-serif;
    font-weight: var(--preplay-label-font-weight);
    font-style: var(--preplay-label-font-style);
    text-decoration: var(--preplay-label-font-decoration)
}

#preplay .preplay-wrapper .preplay-close {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    z-index: 250;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    opacity: .3;
    cursor: pointer
}

#preplay .preplay-wrapper .preplay-close .after,#preplay .preplay-wrapper .preplay-close .before {
    position: absolute;
    left: 14px;
    top: 7px;
    content: " ";
    height: 18px;
    width: 2px;
    background: #fff;
    box-shadow: 1px -2px 15px 5px rgba(0,0,0,.62);
    transform: rotate(45deg)
}

#preplay .preplay-wrapper .preplay-close .after {
    transform: rotate(-45deg)
}

#preplay .preplay-wrapper .preplay-close:hover {
    opacity: 1;
    transform: scale(1.2);
    background: rgba(0,0,0,.5)
}

#preplay .preplay-wrapper .preplay-close .after,#preplay .preplay-wrapper .preplay-close .before {
    transform: rotate(90deg)
}

#preplay .preplay-wrapper .preplay-remove {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    z-index: 250;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    opacity: .3;
    cursor: pointer
}

#preplay .preplay-wrapper .preplay-remove .after,#preplay .preplay-wrapper .preplay-remove .before {
    position: absolute;
    left: 14px;
    top: 7px;
    content: " ";
    height: 18px;
    width: 2px;
    background: #fff;
    box-shadow: 1px -2px 15px 5px rgba(0,0,0,.62);
    transform: rotate(45deg)
}

#preplay .preplay-wrapper .preplay-remove .after {
    transform: rotate(-45deg)
}

#preplay .preplay-wrapper .preplay-remove:hover {
    opacity: 1;
    transform: scale(1.2);
    background: rgba(0,0,0,.5)
}

#preplay .preplay-wrapper .preplay-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    right: 10px;
    width: auto;
    max-width: calc(100% - 20px);
    height: 20px;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    background: rgba(0,0,0,.2);
    border-radius: 0 0 4px 4px;
    cursor: pointer;
    padding: 0 10px;
    color: rgba(255,255,255,.8);
    font-size: 10px;
    transform: translateY(-100%);
    opacity: 0;
    z-index: 1
}

#preplay .preplay-wrapper .preplay-copyright span {
    color: rgba(255,255,255,.6);
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px
}

#preplay .preplay-wrapper .preplay-copyright:hover {
    background: rgba(0,0,0,.5);
    color: rgba(255,255,255,.6)
}

#preplay .preplay-wrapper .preplay-copyright:hover span {
    color: rgba(255,255,255,.8)
}

#preplay .preplay-wrapper .preplay-socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 50px;
    height: auto;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
    color: rgba(255,255,255,.8);
    font-size: 10px;
    transform: translate(-100%, -50%);
    opacity: 0;
    z-index: 1
}

#preplay .preplay-wrapper .preplay-socials.active {
    transform: translate(10%, -50%);
    opacity: 1
}

#preplay .preplay-wrapper .preplay-socials .preplay-socials-item img {
    width: 40px
}

#preplay .preplay-wrapper .preplay-socials .preplay-socials-item:hover {
    transform: scale(1.1)
}

#preplay .preplay-wrapper .preplay-video-controls {
    position: absolute;
    width: 80%;
    top: 4px;
    left: 4px;
    height: 30px;
    z-index: 250;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    transform: scale(0);
    background: rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    gap: 10px
}

#preplay .preplay-wrapper .preplay-video-controls .preplay-video-mute {
    border: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    min-width: 30px;
    padding: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.5)
}

#preplay .preplay-wrapper .preplay-video-controls .preplay-video-mute:hover {
    background: rgba(0,0,0,.9)
}

#preplay .preplay-wrapper .preplay-video-controls .preplay-video-volume {
    width: 100%
}

#preplay .preplay-wrapper .preplay-video-controls .slider-container {
    position: relative;
    width: 100%;
    height: 3px;
    background: #ddd
}

#preplay .preplay-wrapper .preplay-video-controls .slider-container .slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.5)
}

#preplay .preplay-wrapper .preplay-video-controls .slider-container .slider-handle {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    transform: translateY(-50%)
}

#preplay .preplay-wrapper .preplay-video-controls .slider-container input[type=range] {
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0);
    position: absolute;
    top: -15px;
    left: 0;
    opacity: 0;
    z-index: 3
}

#preplay .preplay-wrapper.d_desktop {
    opacity: 0
}

#preplay .preplay-wrapper.circle {
    width: 130px;
    height: 130px
}

#preplay .preplay-wrapper.circle .preplay-close {
    top: -10px;
    right: -10px
}

#preplay .preplay-wrapper.circle .preplay-remove {
    top: -10px;
    right: -10px
}

#preplay .preplay-wrapper.circle .preplay-content {
    border-radius: 50%
}

#preplay .preplay-wrapper.circle.active .preplay-close {
    top: 4px;
    right: 4px
}

#preplay .preplay-wrapper.circle.active .preplay-remove {
    top: 4px;
    right: 4px
}

#preplay .preplay-wrapper.active {
    width: 280px;
    height: 500px;
    left: 25px;
    bottom: 25px
}

#preplay .preplay-wrapper.active:hover {
    opacity: 1;
    transform: scale(1)
}

#preplay .preplay-wrapper.active .preplay-content {
    border-color: var(--preplay-border-color-hover);
    border-radius: 8px
}

#preplay .preplay-wrapper.active .preplay-close {
    display: block;
    opacity: 1
}

#preplay .preplay-wrapper.active .preplay-close .after,#preplay .preplay-wrapper.active .preplay-close .before {
    transform: rotate(90deg)
}

#preplay .preplay-wrapper.active .preplay-label:not(.hard-visible),#preplay .preplay-wrapper.active .preplay-remove {
    display: none
}

#preplay .preplay-wrapper.active .preplay-copyright {
    transform: translateY(0);
    opacity: 1
}

#preplay .preplay-wrapper.active .preplay-video-controls {
    transform: scale(1)
}

#preplay .preplay-wrapper:hover {
    transform: scale(1.05) translate(5px, -5px)
}

#preplay .preplay-wrapper:hover .preplay-content {
    border-color: var(--preplay-border-color-hover)
}

#preplay .preplay-wrapper:hover .preplay-close {
    opacity: .5
}

#preplay .preplay-wrapper:hover .preplay-remove {
    opacity: .5
}

#preplay.right_bottom {
    right: 0;
    left: inherit
}

#preplay.right_bottom .preplay-wrapper {
    right: 50px;
    left: inherit
}

#preplay.right_bottom .preplay-wrapper .preplay-socials {
    left: auto;
    right: 100%;
    transform: translate(100%, -50%)
}

#preplay.right_bottom .preplay-wrapper .preplay-socials.active {
    transform: translate(-10%, -50%)
}

#preplay.has_thumb .preplay-wrapper .preplay-content .preplay-thumb {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 101%;
    min-height: 100%;
    z-index: 200;
    transition: opacity .4s ease-in-out
}

#preplay.has_thumb .preplay-wrapper .preplay-content .preplay-video {
    display: none
}

#preplay.has_thumb .preplay-wrapper.active .preplay-content .preplay-thumb {
    display: none
}

#preplay.has_thumb .preplay-wrapper.active .preplay-content .preplay-video {
    display: block
}

#preplay.has_thumb.image_thumb .preplay-wrapper {
    width: var(--preplay-preview-width);
    height: var(--preplay-preview-height)
}

#preplay.has_thumb.image_thumb .preplay-wrapper.active {
    width: 280px;
    height: 500px
}

#preplay .preplay-pop-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999997;
    visibility: hidden;
    opacity: 0;
    font-family: var(--preplay-button-font-family),Arial,sans-serif;
    font-weight: var(--preplay-button-font-weight)
}

#preplay .preplay-pop-up .preplay-pop-up-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 9999998;
    transition-duration: .2s
}

#preplay .preplay-pop-up .preplay-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    max-width: 400px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 6px;
    padding: 40px;
    background: #fff;
    z-index: 9999999;
    transition-duration: .3s
}

#preplay .preplay-pop-up .preplay-form .preplay-close {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    z-index: 250;
    transition: transform .3s ease-in-out,opacity .2s ease-in-out;
    background: rgba(0,0,0,.1);
    border-radius: 4px;
    opacity: .3;
    cursor: pointer
}

#preplay .preplay-pop-up .preplay-form .preplay-close .after,#preplay .preplay-pop-up .preplay-form .preplay-close .before {
    position: absolute;
    left: 14px;
    top: 7px;
    content: " ";
    height: 18px;
    width: 2px;
    background: #fff;
    box-shadow: 1px -2px 15px 5px rgba(0,0,0,.62);
    transform: rotate(45deg)
}

#preplay .preplay-pop-up .preplay-form .preplay-close .after {
    transform: rotate(-45deg)
}

#preplay .preplay-pop-up .preplay-form .preplay-close:hover {
    opacity: 1;
    transform: scale(1.2);
    background: rgba(0,0,0,.5)
}

#preplay .preplay-pop-up .preplay-form .preplay-fields {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field {
    display: flex;
    flex-direction: column;
    gap: 4px
}

#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field label {
    font-size: 14px;
    line-height: 1em;
    color: #000
}

#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field input,#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field textarea {
    display: block;
    border: 1px solid rgba(0,0,0,.5);
    height: 40px;
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    border-radius: 4px
}

#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field button {
    border: 2px solid rgba(40,199,111,.5);
    height: 44px;
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    color: #28c76f;
    border-radius: 6px;
    background: #fff
}

#preplay .preplay-pop-up .preplay-form .preplay-fields .preplay-field button:hover {
    border: #28c76f;
    color: #fff;
    background: #28c76f;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

#preplay .preplay-pop-up .preplay-form .preplay-pop-up-success {
    display: none
}

#preplay .preplay-pop-up .preplay-form .preplay-pop-up-error {
    display: none;
    border: 1px solid red;
    padding: 5px 10px;
    color: red;
    border-radius: 6px
}

#preplay .preplay-pop-up.opened {
    visibility: visible;
    opacity: 1
}

#preplay .preplay-pop-up.opened .preplay-pop-up-bg {
    background: rgba(0,0,0,.5)
}

#preplay .preplay-pop-up.opened .preplay-form {
    transform: translate(-50%, -50%) scale(1)
}

#preplay .preplay-pop-up.success .preplay-form {
    max-width: 100px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 50%;
    padding: 0;
    background: rgba(0,0,0,0)
}

#preplay .preplay-pop-up.success .preplay-form .preplay-fields {
    display: none
}

#preplay .preplay-pop-up.success .preplay-form .preplay-pop-up-success {
    display: block
}

#preplay .preplay-pop-up.error .preplay-form .preplay-fields input:invalid,#preplay .preplay-pop-up.error .preplay-form .preplay-fields textarea:invalid {
    border-color: red
}

@media only screen and (max-width: 600px) {
    #preplay .preplay-wrapper {
        left:25px;
        bottom: 75px;
        width: 100px;
        height: 135px
    }
    #preplay .preplay-wrapper.active{
        bottom: 75px;
    }

    #preplay .preplay-wrapper .preplay-content {
        border-radius: 8px;
        border-width: var(--preplay-border-width)
    }

    #preplay .preplay-wrapper .preplay-content .preplay-label {
        font-size: 12px;
        line-height: 14px
    }

    #preplay .preplay-wrapper.d_desktop {
        opacity: 1
    }

    #preplay .preplay-wrapper.d_mobile {
        opacity: 0
    }

    #preplay .preplay-wrapper.circle:not(.active) {
        width: 100px;
        height: 100px
    }

    #preplay.right_bottom .preplay-wrapper {
        right: 25px;
        left: inherit
    }
}

/* End */
/* /franchise/owl.carousel.min.css?17381346512938 */
/* /local/templates/agro2024/components/bitrix/form.result.new/franchise/style.css?17383377082427 */
/* /franchise/franchise.css?175507872624394 */
/* /franchise/video_widget/s.css?173943025618061 */