/******Стили для текста*******/
.montserrat {
    font-family: 'Montserrat';
}

.rteleft {
    text-align: left;
}

.rteright {
    text-align: right;
}

.rtecenter {
    text-align: center;
}

.text-enlarged {
    font-size: 1.25em;
}

/* 25px*/
.text-additional {
    font-size: 0.75em;
}

.size15,
.size15 p {
    font-size: 15px;
}

.size-2_5 {
    font-size: 2.5em;
}


/* 50px*/
.text-enlarged,
.text-additional {
    text-transform: none;
    font-weight: 400;
}

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

.font-weight-bold {
    font-weight: bold;
}

.ws_nowrap {
    white-space: nowrap;
}

h2 {
    font-size: 2em;
    color: black;
}


/*40px*/
h3 {
    font-size: 1.5em;
}


/*30px*/
h4 {
    font-size: 1.25em;
}


/*25px*/
h2, h3, h4 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    margin: 1em 0;
}

p {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.25em 0;
}

.main ul li {
    padding-bottom: 0.5em;
}

.color-white {
    color: #fff;
}

.color-red {
    color: #cc2027;
}

.color-black {
    color: #000;
}

a.color-black:hover {
    color: #2E2828;
}
/******End Стили для текста*******/


/******** Отступы *******/
.top-30 {
    position: relative;
    top: 30px;
}

.top-80 {
    position: relative;
    top: 80px;
}

.padding-lr-10 {
    padding: 0 10px;
}
/****** End Отступы *******/


/****** Скрыть блок *********/
.d-none {
    display: none;
}

.d-block {
    display: block;
}


/********** Кнопки **********/
.button {
    position: relative;
    color: white;
    text-decoration: none;
    background: #A4111B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat';
    font-size: 1.25em;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease;
    user-select: none;
    outline: none;
}


/***************************************
    После правки шапки main убрать!
***************************************/
main .button,
menu.mobile .button {
    padding: 0.9em 0.8em;
    text-align: center;
    width: 19.2em;
    height: auto;
}

.button.button-slider {
    width: 15.6em;
}

.button.center {
    margin: 0 auto;
}

.button:hover {
    color: white;
    background: #6B0002
}

.button.black {
    background: black;
}

.button.black:hover {
    background: #2E2828;
}

.button.white {
    background: white;
    color: black;
}

.button.white.color-red {
    color: #A4111B;
}

.button.white:hover {
    background: #D8D8D8;
}

.button.gray {
    background: #ADAFB2 !important;
}

.button.video {
    max-width: 1.2em;
    background: #404040;
}

.button.video:hover {
    background: black
}

.button.video__red {
    background: #A4111B;
}

.button.video__red:hover {
    background: #6B0002;
}

.button.video span {
    width: 0;
    height: 0;
    border-left: 0.96em solid white;
    border-top: 0.48em solid transparent;
    border-bottom: 0.48em solid transparent;
}


/* иконка play для Ютуба*/
.video_indent {
    margin-right: 0.5em;
}

.video_indent-5 {
    margin-right: 5px;
}
/******** End Кнопки *******/


/********** Список ******************/
ul.check li {
    list-style: none;
    background: url(/static/img/check.svg) no-repeat;
    background-size: 0.8em;
    background-position: top 8px left;
    font-size: 1.25em;
    line-height: 1.2;
    padding-bottom: 1.4em;
    padding-left: 1.44em;
}
/********** End Список *************/


.proportions_16-9 {
    width: 1280px;
    height: 720px;
    max-width: 100%;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.display-sm-block {
    display: none;
}


/********* отступы ****************/
.range.indent-10 {
    margin-right: -10px;
    margin-left: -10px;
}

.range.indent-10 [class*="cell-"] {
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.range.indent-20 {
    margin-right: -20px;
    margin-left: -20px;
}

.range.indent-20 [class*="cell-"] {
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.margin-auto {
    margin: 0 auto;
}

.margin-right-auto {
    margin-right: auto;
}

.margin-right-0 {
    margin-right: 0;
}

.margin-left-auto {
    margin-right: auto;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-75 {
    margin-top: 75px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-110 {
    margin-bottom: 4.4em;
}

.margin-left-45 {
    margin-left: 45px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-60 {
    margin-right: 60px;
}

.h68 {
    height: 68px;
}

.h130 {
    height: 130px;
}

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;
}
/********************************/


.swiper-tab-nav {
    height: auto;
}

.swiper-tab-nav .swiper-slide {
    height: auto;
}

.swiper-tab-content {
    height: auto;
}

.swiper-tab-box .swiper-pagination-bullet {
    background: #707070;
}

.swiper-tab-box .swiper-pagination-bullet-active {
    background: #404040;
}

@media (max-width: 1440px) {
    .rteleft-md {
        text-align: left;
    }

    .rteright-md {
        text-align: right;
    }

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

    .display-md-none {
        display: none;
    }
}


/******Стили для текста*******/
@media (max-width: 1440px) {
    .wrapper {
        padding: 0 20px;
    }

    .range>.cell-md-6 {
        flex-basis: 37.5%;
        max-width: 37.5%;
    }

    .range>.cell-md-7 {
        flex-basis: 43.75%;
        max-width: 43.75%;
    }

    .range>.cell-md-8 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .range>.cell-md-9 {
        flex-basis: 56.25%;
        max-width: 56.25%;
    }

    .range>.cell-md-10 {
        flex-basis: 62.5%;
        max-width: 62.5%;
    }

    .range>.cell-md-12 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .range>.cell-md-14 {
        flex-basis: 87.5%;
        max-width: 87.5%;
    }

    .range>.cell-md-16 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .d-md-none {
        display: none;
    }

    .d-md-block {
        display: block;
    }

    .range-no-indent-right-md {
        margin-right: 0;
    }

    .range-indent-md {
        margin: 0 6.25%;
    }

    .flex-md {
        display: flex;
    }

    .range-md-vertical {
        flex-direction: column;
    }

    .range-md-center {
        justify-content: center;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .padding-md-lr-10 {
        padding: 0 10px;
    }

    .proportions_16-9 {
        width: 1260px;
        height: 708px;
    }
}

@media (max-width: 1280px) {
    .proportions_16-9 {
        width: 1024px;
        height: 576px;
    }
}

@media (min-width: 1024px) {
/*************************************
    franchise
**************************************/
    .franchise-form .our-offer {
        display: none;
    }
/*************************************
    End franchise
**************************************/
}

@media (max-width: 1024px) {
    h2 {
        font-size: 1.5em;
    }

    .franchise ul li {
        font-size: 1em;
    }

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

    .rteleft-sm {
        text-align: left;
    }

    .text-enlarged-sm {
        font-size: 1.25em;
    }

    .text-normal-sm {
        font-size: 1em;
    }

    .text-additional-sm {
        font-size: 0.75em;
    }

    .lh-1_5-sm {
        line-height: 1.5;
    }

    .flex-sm {
        display: flex;
    }

    .range-sm-vertical {
        flex-direction: column;
    }

    .range-sm-center {
        justify-content: center;
    }

    .range-sm-bottom {
        align-items: flex-end;
    }

    .range-sm-indent {
        margin: 0;
    }

    .margin-sm-top-1_5 {
        margin-top: 1.5em;
    }

    .range>.cell-sm-12 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .range>.cell-sm-14 {
        flex-basis: 87.5%;
        max-width: 87.5%;
    }

    .range>.cell-sm-15 {
        flex-basis: 93.75%;
        max-width: 93.75%;
    }

    .range>.cell-sm-16 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .margin-sm-auto {
        margin: 0 auto;
    }

    .margin-sm-bottom-20 {
        margin-bottom: 20px;
    }

    .margin-sm-right-10 {
        margin-right: 10px;
    }

    .d-sm-none {
        display: none;
    }

    .d-sm-block {
        display: block;
    }

    .padding-sm-lr-10 {
        padding: 0 10px;
    }

    .display-sm-none {
        display: none;
    }

    .display-sm-block {
        display: block;
    }

    .width-sm-max-380 {
        max-width: 380px;
        margin: 0 auto;
    }


    /*************************************
        franchise
    **************************************/
    .franchise-form .our-offer {
        display: block;
    }

    .franchise-form #franchise-form {
        display: none;
    }
    /*************************************
        End franchise
    **************************************/


    .proportions_16-9 {
        width: 767px;
        height: 431px;
    }

    .index-tabs-games .tab-panels {
        margin: 2.5em 0;
    }

    .index-tabs-games .view-game {
        margin: 0 -10px
    }

    .swiper-tab-nav .swiper-slide {
        cursor: default;
    }

    .size-sm-15 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .range>.cell-xs-8 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .range>.cell-xs-10 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .range>.cell-xs-12 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .range>.cell-xs-14 {
        flex-basis: 87.5%;
        max-width: 87.5%;
    }

    .range>.cell-xs-15 {
        flex-basis: 93.75%;
        max-width: 93.75%;
    }

    .range>.cell-xs-16 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .range-xs-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-xs-bottom {
        align-items: flex-end;
    }

    .text-xs-normal {
        font-size: 1em;
    }


    /*15px*/
    .size-xs-1_3 {
        font-size: 1.3333333em;
    }


    /*20px*/
    .inside-xs {
        padding: 0;
    }

    .padding-xs-lr-10 {
        padding: 0 10px;
    }


    /******** Отступы *******/
    .top-xs-0 {
        top: 0;
    }

    .bottom-xs-70 {
        top: auto;
        bottom: 70px;
    }

    .bottom-xs-200 {
        top: auto;
        bottom: 200px;
    }

    .margin-xs-auto {
        margin: 0 auto;
    }
    /****** End Отступы *******/


    .d-xs-none {
        display: none;
    }

    .d-xs-block {
        display: block;
    }

    .proportions_16-9 {
        width: 578px;
        height: 325px;
    }

    p {
        line-height: 1.5;
    }
}

@media (max-width: 578px) {
    main .button,
    menu.mobile .button {
        width: 275px;
        font-size: 1em;
    }

    .proportions_16-9 {
        width: 450px;
        height: 253px;
    }
}

@media (max-width: 450px) {
    .proportions_16-9 {
        width: 392px;
        height: 220px;
    }
}