@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url("jquery-ui.css");

@font-face {
	font-family: "Circe-Light";
	src: url("../fonts/Circe-Light.eot");
	src: url("../fonts/Circe-Light.eot?#iefix")format("embedded-opentype"), url("../fonts/Circe-Light.woff") format("woff"), url("../fonts/Circe-Light.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Circe-ExtraBold";
	src: url("../fonts/Circe-ExtraBold.eot");
	src: url("../fonts/Circe-ExtraBold.eot?#iefix")format("embedded-opentype"), url("../fonts/Circe-ExtraBold.woff") format("woff"), url("../fonts/Circe-ExtraBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Circe-Bold";
	src: url("../fonts/Circe-Bold.eot");
	src: url("../fonts/Circe-Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/Circe-Bold.woff") format("woff"), url("../fonts/Circe-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Circe-Regular";
	src: url("../fonts/Circe-Regular.eot");
	src: url("../fonts/Circe-Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/Circe-Regular.woff") format("woff"), url("../fonts/Circe-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
.cx:before, .cx:after {
	content: "";
	display: table;
}
.cx:after {
	clear: both;
}
.entrance_free{
    width: 100%;
  margin: 0 0 4px;
    font-size: 16px;
    color: #4061AC;
    font-weight: bold;
    text-align: center;

}
.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.accent_text {
    color: #D00E46;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
    pointer-events: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

ul {
    list-style-type: none;
    margin: 10px 10px 24px!important;
    padding: 0;
    text-align: left;
}


li {
	background: url(../img/technokatok_mark.png) no-repeat 0 9px;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
}
.list>li {
	background: none;
	padding: 0;
}
a {
    color: #000;
}

html {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.selected_tickets ul.ticket_list{
   list-style-type: none;
   width: 100%;
   margin: 0;
}

.selected_tickets ul.ticket_list li {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 10px 0;
    border: 1px solid gray;
    border-radius: 20px;
}
.selected_tickets ul.ticket_list li .btn_2{
    border-radius: 20px;
    background: #F68D6F;
    color: #ffffff;
    border: none;
    font-weight: bold;
    width: 100%;
    height: 40px;

}


@media (min-width: 320px) {
    html {
        font-size: calc(14px + 2 * (100vw - 320px) / 860);
    }
}

@media (min-width: 1180px) {
    html {
        font-size: 16px;
    }
}

.container {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto;
	
}
.header .container{
	position:relative;
}
.footer .container{
	position:relative;
}
@media (min-width: 1180px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

* {
    box-sizing: border-box;
}

[v-cloak] {
    display: none!important;
}

.bold {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.btn {
    display: flex;
    height: 40px;
    line-height: 40px;
    background: #37548D;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn.accent2 {
    background: #28364B;
}

.btn.accent2:hover {
    background: #161e2a;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
    background: #dd5042 url(/img/arrow-right.svg) no-repeat right 10px center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type=text], input[type=tel], input[type=email] {
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
     font-weight: 300;
    display: flex;
    width: 100%;
    font-size: 16px;
    margin: 5px 0;
    padding: 0 15px;
    -webkit-appearance: none;
    color: #000;
     background: #D3E0FE;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

input[type=text]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder {
    color: white;
    opacity: 1 !important;
}

input[type=text]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder {
    color: white;
    opacity: 1 !important;
}

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus {
    box-shadow: 0 0 15px rgba(55, 84, 141, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type=submit] {
    border: none;
    background: #D3E0FE url(/img/arrow-right.svg) no-repeat right center;
    color: #000;
    text-align: center;
    justify-content: center;
    width: auto;
    padding: 0 40px;
    margin: auto;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

input[type=submit]:hover {
    background: #D3E0FE;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type=submit]:focus {
    outline: none;
    box-shadow: 0 0 15px rgba(55, 84, 141, 0.8);
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
}

[class*=col-] {
    width: 100%;
}

p {
    margin: 0;
    margin-bottom: 20px;
}
.ac{
    text-align: center;
}
h1, .h1 {
    margin: 0 0 5px;
    font-size: 18px;
    width: 100%;
	font-weight: bold;
     color: #4061AC;
     text-transform: uppercase;
}
h2, .h2 {
    margin: 0 0 18px;
    font-size: 18px !important;
    width: 100%;
	font-weight: bold;
     color: #4061AC !important;
}
h3, .h3 {
    margin: 0 0 10px;
    font-size: 18px !important;
    width: 100%;
	font-weight: bold !important;
     color: #4061AC !important;
}
h4, .h4 {
    margin: 0 0 10px;
    font-size: 24px;
    width: 100%;
	font-weight: 600;
    color: #4061AC !important;
}
h4 span, .h4 span{
    color: #4061AC !important;
}
h5, .h5 {
    font-size: 0.83em;
    font-size: 12px;
    width: 100%;
	font-weight:normal;
}
h6, .h6 {
    font-size: 0.75em;
    font-size: 11px;
    width: 100%;
	font-weight:normal;
}


.popup_wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.popup_wrapper.show {
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper.show .animation svg {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper.show .popup {
    transform: translateY(0%) scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper .animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.popup_wrapper .animation svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(15) rotate(90deg);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.popup_wrapper .animation svg path, .popup_wrapper .animation svg rect {
    fill: #0c121f;
}

.popup_wrapper .popup {
    background: white;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: scroll;
    padding: 20px;
    border-radius: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(250%) scale(2);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.popup_wrapper .popup .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 40px;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.popup_wrapper .popup .close svg {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    height: 100%;
}

.popup_wrapper .popup .close svg path {
    stroke-width: 4;
    stroke: #8b8b8b;
}

.popup_wrapper .popup .close:hover svg {
    transform: rotate(90deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.popup_wrapper .popup .close:focus {
    transform: scale(0.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.popup_wrapper.accent2 .animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.popup_wrapper.accent2 .animation svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(15) rotate(90deg);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.popup_wrapper.accent2 .animation svg path, .popup_wrapper.accent2 .animation svg rect {
    fill: #161e2a;
}

.popup_wrapper.accent2.show {
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper.accent2.show .animation svg {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper.accent2.show .popup {
    transform: translateY(0%) scale(1);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup_wrapper.accent2.show .popup input[type=text]:focus, .popup_wrapper.accent2.show .popup input[type=tel]:focus, .popup_wrapper.accent2.show .popup input[type=email]:focus {
    box-shadow: 0 0 15px rgba(40, 54, 75, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup_wrapper.accent2.show .popup input[type=submit] {
    border: none;
    background: #28364B !important;
    color: white;
    text-align: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup_wrapper.accent2.show .popup input[type=submit]:hover {
    background: #161e2a !important;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup_wrapper.accent2.show .popup input[type=submit]:focus {
    box-shadow: 0 0 15px rgba(40, 54, 75, 0.7);
}
main .hero_slider{
    /*background: #D00E46;*/
}
.img_wrapper {
    width: 100%;
    height: 100%;
	
}

.img_wrapper img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.img_wrapper.fixed_height {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.img_wrapper.fixed_height img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.btn-order:disabled {
    background: #a0aec0 url(/img/arrow-right.svg) no-repeat right 10px center;
}

/*@media (min-width: 642px)*/
@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
    main .additional .title {
        margin: 29px 0 30px;
        font-size: 24px !important;
      }
    .selected_tickets ul.ticket_list{
       
          margin: 20px;
          width: calc(100% - 40px);
        }
    .selected_tickets ul.ticket_list li {
        display: inline-block;
        width: calc(50% - 20px);
        margin: 10px;
    }
   
    .entrance_free{
      margin: 41px 0 20px;
      font-family: "Montserrat", sans-serif;
        font-size: 24px;
        font-weight: bold;
    
    }
    .operating_mode{
        flex-direction: row;
        width: 70%;
        
     
    }
    .operating_mode .in{
        margin: 0;
        
     
    }
    h1, .h1 {
        margin: 0 0 23px !important;
        font-size: 24px !important;
      }
      h2, .h2 {
        font-size: 24px !important;
      }
      h3, .h3 {
        margin: 0 0 35px !important;
        font-size: 24px !important;
      }
	h4, .h4{
        font-size: 18px;
    }
    .col-1 {
        width: 8.3333333333%;
    }

    .col-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-2 {
        width: 16.6666666667%;
    }

    .col-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-3 {
        width: 25%;
    }

    .col-offset-3 {
        margin-left: 25%;
    }

    .col-4 {
        width: 33.3333333333%;
    }

    .col-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-5 {
        width: 41.6666666667%;
    }

    .col-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-6 {
        width: 50%;
    }

    .col-offset-6 {
        margin-left: 50%;
    }

    .col-7 {
        width: 58.3333333333%;
    }

    .col-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-8 {
        width: 66.6666666667%;
    }

    .col-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-9 {
        width: 75%;
    }

    .col-offset-9 {
        margin-left: 75%;
    }

    .col-10 {
        width: 83.3333333333%;
    }

    .col-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-11 {
        width: 91.6666666667%;
    }

    .col-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-12 {
        width: 100%;
    }

    .col-offset-12 {
        margin-left: 100%;
    }

    .col {
        width: 8.3333333333%;
        flex-basis: 0;
        flex-grow: 1;
    }
    li {
        background-position: 0 10px;
      }
    .container {
        /*width: 642px;*/
        width: 768px;
    }

    .btn {
        width: auto;
        padding: 0 40px;
    }

    .popup_wrapper .popup {
        width: 400px;
        height: auto;
        position: relative;
        overflow: visible;
    }

    .popup_wrapper .popup .close {
        right: -50px;
        top: 0;
    }

    .popup_wrapper .popup .close svg path {
        stroke: white;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1180px) {
    .container {
        width: 1150px;
    }
}

.vc-is-dark .vc-day-content[data-v-243c9412]:hover {
    background-color: rgba(255, 255, 255, 0) !important;
}

.vc-day-content[data-v-243c9412] {
    height: 15px !important;
    min-height: 15px !important;
}

.vc-day-box-center-center[data-v-243c9412] {
    height: 22px !important;
}

.vc-highlight[data-v-243c9412] {
    width: 28px;
    height: 22px !important;
}

.vc-day-content[data-v-a1110b40] {
    height: 15px !important;
}

.vc-day[data-v-a1110b40] {
    min-height: 15px !important;
}

.vc-day[data-v-243c9412] {
    min-height: 20px !important;
}

.vc-day-content[data-v-a1110b40] {
    height: 17px !important;
}

.vc-weekday[data-v-3491b290] {
    padding: 0 !important;
}

.vc-is-dark .vc-day-content[data-v-243c9412]:focus {
    background-color: rgba(114, 129, 151, 0) !important;
}

.vc-day-layer[data-v-243c9412] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px !important;
    bottom: 0px !important;
    pointer-events: none;
}

.mx_capcha {
    background: #4061AC;
    position: absolute;
    border-radius: 40px;
    overflow: hidden;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mx_capcha ~ input {
    padding-left: 140px;
}

.mx_capcha a {
    display: flex;
}

html {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
	background:#fff;
    font-size: 16px;
    color: #000;
    line-height: 1.5;
}



body {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
	overflow-x:hidden;
}

.vc-container {
    --rounded-full: 4px !important;
    --font-bold: 500 !important;
    --text-xs: 20px !important;
    --text-sm: 20px !important;
    --text-base: 20px !important;
    --text-lg: 20px !important;
}

.vc-weekday[data-v-3491b290], .vc-title[data-v-3491b290] {
    text-transform: capitalize;
}

.vc-day-content[data-v-a1110b40] {
    --rounded-full: 10px !important;
    border-radius: 0px !important;
}

.vc-highlight {
    background-color: white !important;
}

.vc-container {
    --rounded-full: 4px !important;
}

header {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    background: #4061AC;
    height: 48px;
	
}
header .row {
	justify-content: flex-start;
    height: 100%;
  align-items: center;
}
header .logo_wrapper {
    display: flex;
    flex-wrap: wrap;
}

header .logo_wrapper .logo {
    width:112px;
	height:33px;
	position:relative;
	overflow:hidden;
}
header .logo_wrapper .logo img{
	max-width:100%;
	max-height:100%;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
header .logo_2{
	display:none;
   width:136px;
   position:absolute;
   top:7px;
   left:125px;
   
}
header .logo_wrapper .logo img {
    max-width: 100%;
}
header .logo_2 img {
    max-width: 100%;
	padding:4px 10px;
}
header .logo_wrapper .pretitle {
    width: 28%;
    font-size: 8px;
    display: flex;
    align-items: center;
}

header .in {
    width: calc(100% + 30px);
    height: 40px;
    margin: 0 -15px;
    padding: 0 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

header .in:before {
    content: "";
    background: #dd5042;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
header .tickets{
	width:36px;
	height:45px;
	position:absolute;
	top:0;
	right:18px;
}
header .order_btn {
    background: url(../img/shvecaria_ticket.svg) no-repeat 0 50%;
	background-size:36px 45px;
    color: white;
	width:36px;
	height:45px;
    display: flex;
    font-family: "Circe-Bold";
    font-size: 14px;
	font-weight: normal;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}
header .order_btn .text{
	display:none;
}
header .training_trainer_btn {
    background: url(../img/new/ice-skating-shoes_mobile.svg) no-repeat;
    border-right: 1px solid rgba(255, 254, 254, 0.4);
    display: flex;
    padding: 3px 3px 0 34px;
    height: 27px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
}

main {
    flex: 1 0 auto;
}

main ul {
    list-style-type: unset;
    padding: 0;
    margin: 20px;
    display: block;
    width: calc(100% - 40px);
}

main .hero_slider.confirm_in {
    display: none;
}

main .hero_slider .container {
    padding: 0;
}

main .hero_slider .container .row {
    margin: 0;
}

main .hero_slider .img_wrapper {
	background-size:100%;
    position: relative;
    width: 100%;
    height: 0;
	padding:0 0 34%;
}
main .hero_slider .img_wrapper img {
	
    width: 100%;
    height:100%;
	position: absolute;
	right:0;
	bottom:0;
	left:0;

    object-fit: cover;
}

main .hero_slider .text{
	width:100%;
		margin:0 0 0 -50%;
		position:absolute;
		top:53px;
		left:50%;
        color: #4061AC;
		text-align:center;
}
    main .hero_slider .title {
		margin:0 0 1px;
        font-weight: bold;
		font-size:16px;
		line-height:1;
		
    }
	main .hero_slider .title_big {
        font-weight: 800;
		font-size:24px;
		line-height:1;
    }
main .scedule {
    position: absolute;
    top: 207px;
    text-align: left;
    display: none;
    width: 100%;
    padding: 0px 15px 10px 22px;
    left: 0;
    background: #30322e78;
}

main .vc-container {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    --white: #37548d;
}

main .vc-container.vc-is-dark {
    background-color: #dd5042;
    border: none;
    --rounded-lg: 24px;
}

main .mxapp {
    padding: 16px 0 0;
    text-align: center;
}

@media (min-width: 1180px) {
    main .mxapp {
        padding: 17px 7px;
    }
}

main .mxapp .title_wrapper {
    margin: 0 0 40px;
	padding:20px 16px 17px;
	position:relative;
	text-align:center;
}
main .mxapp .title_wrapper:before {
    content: "";
    background: #D3E0FE;
    border-radius: 7px;
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    z-index: -1;
}
.operating_mode{
    background: url(../img/2024_danilov_time.svg) no-repeat 0 41px;
    background-size: 38px 38px;
    padding: 0 0 0 53px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 1.8;
    
 
}
.operating_mode .title_operating_mode{
    margin: 0 0 3px;
    
 
}
.operating_mode .in{
    margin: 0 0 4px;
    
 
}

.attention_block {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    width: 100%;
    margin: 0 0 33px;
    padding: 21px 14px 3px;
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
  }
  
  .attention_block .pink_text{
    font-weight: 600;
    color: #C51718;
  }

.booking_opens{
    width: 100%;
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: bold;
    color: #4061AC;
    text-align: center;
    line-height: 1.1;
}

main .mxapp .title_wrapper .jakori {
    position: absolute;
    top: 10px;
    left: 0;
}
main .mxapp .title_wrapper .h3 {
	margin:0 0 13px;
    font-weight: 800;
    text-transform: uppercase;
	font-size:18px;
    color: #4061AC;
}
main .mxapp .title_wrapper .title {
	width:248px;
	margin:0 auto 18px;
    font-weight: bold;
	font-size:16px;
    color: #4061AC!important;
	letter-spacing: 0.05em;
	line-height:1.1;
}
main .mxapp .title_wrapper .title span{
	
	font-size:16px !important;
	
    color: #4061AC !important;
	
}
main .mxapp .title_wrapper .info_text{
	width: 225px;
	margin:0 auto 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	font-size:14px;
	letter-spacing: 0.05em;
    color: #4061AC !important;
}
main .mxapp .title_wrapper .info_text span{
	
	font-size:14px !important;
	
    color: #4061AC!important;
}
main .mxapp .title_wrapper p{
	margin:0 0 12px;
}
main .mxapp .title_wrapper .red_text{
	margin:0 0 10px;
    font-weight: normal;
	font-size:14px;
    color: #4061AC;
	letter-spacing: 0.05em;
	line-height:1.1;
}
main .mxapp .title_wrapper .pretitle {
	font-size:12px;
    width: 100%;
	text-align:center;
    margin: 20px 0 73px;
}



main .mxapp .calendar_wrapper {
    min-height: 114px;
	margin: 0 0 22px;
}

main .mxapp .calendar_wrapper .choose_date_title {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    color: white;
    background: #4061AC;
    border-radius: 40px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: -60px;
    z-index: 5;
    position: relative;
    width: 258px;
    margin-left: auto;
    margin-right: auto;
}

main .mxapp .calendar_wrapper .vc-container {
    padding-top: 45px;
    display: none;
}

main .mxapp .count_wrapper.disabled {
    opacity: 0.5;
}

main .mxapp .count_wrapper .pretitle {
	margin:0 0 28px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#828282;
}
main .mxapp .count_wrapper{
    text-align: center;
}
main .mxapp .count_wrapper .title{
	margin:0 0 10px;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:normal;
    color: #000;
}
main .mxapp .ticket_section.hide {
    display: none;
}
main .mxapp .ticket_section .ticket_add {
    margin-top: 10px;
    display: none;
}

main .mxapp .ticket_section .ticket_add.fake {
    margin-left: 0;
}

main .mxapp .ticket_section .ticket_add.active {
    display: block;
}

main .mxapp .ticket_section .ticket_add button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    border-radius: 25px;
    border: none;
    font-size: 14px;
    background: #dd5042;
    color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 7px;
    outline: none;
    text-align: left;
    align-items: center;
    min-height: 44px;
}

main .mxapp .ticket_section .ticket_add button:disabled {
    background: gray;
}

main .mxapp .ticket_section .ticket_add button span:last-child {
    text-align: right;
    flex-shrink: 0;
}

main .mxapp .ticket_section .ticket_add button.current {
    color: #4061AC;
    background: white;
}

.hide {
    display: none !important;
}

main .mxapp .submiting_form .date {
    font-family: "Circe-Light";
    line-height: 36px;
}

main .mxapp .end_point {
    display: none;
    width: 100%;
}

main .mxapp .end_point.show {
    display: flex;
}

main .vrppr .additional_1 {
    width: 100%;
    padding: 50px 20px 10px 20px;
    border-radius: 25px;
    border: none;
    font-size: 16px;
    color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    margin-top: -50px;
    z-index: -1;
    position: relative;
    margin-bottom: 6px;
    display: none;
    text-align: left;
}

main .vrppr .additional_1.show {
    display: block;
}

main .time_wrapper {
    margin-bottom: 18px;
	padding:0 0 1px;
	position:relative;
	
}
.line_bottom{
	display: flex;
flex-direction: row;
flex-wrap: wrap;
	position:relative;
	width: 100%;
	margin:0 0 7px;
	padding:0 0 18px;
	justify-content: center;
}
.line_bottom .line{
	border-top:1px dashed #FFFFFF;
	display:block;
	width:248px;
	margin-left:-124px;
	position:absolute;
	bottom:0;
	left:50%;
}
.line_bottom .line:after{
	content:"";
	background: url(../img/Frame.svg) no-repeat;
	width:21px;
	height:21px;
	margin-top:-11px;
	position:absolute;
	top:50%;
	left:-21px;
}
.line_bottom .line:before{
	content:"";
	background: url(../img/Frame.svg) no-repeat;
	width:21px;
	height:21px;
	margin-top:-11px;
	position:absolute;
	top:50%;
	right:-21px;
}
main .time_wrapper.disabled {
    opacity: 0.4;
}

main .time_wrapper .left {
    margin: 3px 0 9px;
}

main .time_wrapper .left .white-text {
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	color:#828282;
}

main .time_wrapper .left .red-text {
    font-size: 14px;
    color: #dd5042;
    text-align: justify;
}

main .time_wrapper .timing {
    display: flex;
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}


main .time_wrapper .timing button {
    background: #D3E0FE;
    border: none;
    color: #000;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Roboto', sans-serif;
    font-size: 18px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    margin: 1px 4px;
	width:46%;
}

main .time_wrapper .timing button.disabled {
    opacity: 0.5;
    background: gray;
}

main .time_wrapper .timing button:disabled {
    opacity: 0.5;
    background: gray;
	
}

main .time_wrapper .timing button.active {
    background: #4061AC;
    color: #fff;
    outline: none;
}

main .additional .title {
    text-transform: none;
    
}

main .additional .tickets {
    display: flex;
    justify-content: space-evenly;
    margin: 5px 0 7px;
}

main .additional .tickets button {
    height: 44px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D3E0FE;
    color: #4061AC;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
	font-weight:bold;
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 40px;
    outline: none;
}
main .additional .title{
	margin:29px 0 38px;
	font-size:16px;
	font-weight:bold;
    color: #4061AC;
    text-align: center;
}
main .additional .tickets button.active {
    background: #4061AC;
    color: #fff;

}

main .additional .tickets button:disabled {
    opacity: 0.5;
    background: gray;
    color: white;
    opacity: 0.2;
}

main .additional .item {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    color: white;
    background: #4061AC;
    border-radius: 20px;
    text-align: left;
    margin: 10px 0;
}

main .additional .item .inwrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #4061AC;
    border-radius: 20px;
    padding-left: 20px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

main .additional .item .inwrapper.active {
    color: #4061AC;
    background: white;
}

main .additional .item .inwrapper span {
    width: calc(100% - 105px);
    position: relative;
}

main .additional .item .inwrapper .mx_counter {
    margin: 0;
    margin-right: -1px;
    flex-shrink: 0;
    width: 105px;
    position: relative;
}

main .additional .item .dop {
    padding: 0px;
    font-size: 0px;
}

main .additional .item .dop.show {
    padding: 10px 20px;
    font-size: 14px;
}

main .additional .item.selected .inwrapper {
    background: white;
    color: #4061AC;
}


main .time_wrapper .timing button:disabled {

    opacity: 0.5;
    background: gray;

}

main .inner_text {
    width: 100%;
    text-align: left;
    margin-top: 20px;
    font-size: 14px;
}

main .btn-order {
    background: #4061AC url(/img/arrow-right.svg) no-repeat right 18px center;
    background-size: 18px 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 30px;
    width: 254px;
    height: 54px;
    margin:20px auto 50px;
    padding: 0 0 0 46px;
	font-size:18px;
	font-weight:normal;
    color: white;
    text-align: left;
    letter-spacing: 2px;
}
.blue_bg{
	position:relative;
	padding:32px 0 0;
}
.blue_bg:before{
	content:"";
	background: linear-gradient(180deg, #F2F6F9 0%, rgba(242, 246, 249, 0) 100%);
	position:absolute;
	top:0;
	right:-10000px;
	bottom:0;
	left:-10000px;
	z-index:-1;
}
main a.back {
    position: relative;
    padding-left: 25px;
    text-decoration: none;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
	font-size:14px;
    text-align: left;
}

main a.back:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    transform: rotate(180deg);
    background:#4061AC url(/img/arrow-right.svg) no-repeat 50% 50%;
	background-size:12px 12px;
	border-radius:50%;
}

.submiting_form {
    width: 100%;
    text-align: left;
    font-size: 14px;
}

.submiting_form .title {
	font-family: "Circe-Bold";
    font-size: 20px;
    color: #4061AC;
    text-transform: uppercase;
    text-align: center;
}
.submiting_form table tr:first-child td{
	font-family: "Circe-Bold";
    color: #4061AC;
}
.total_table{
	font-family: "Circe-Bold";
    color: #4061AC;
}
.submiting_form button {
    border: none;
    margin: 20px auto;
    background: #4061AC url(/img/arrow-right.svg) no-repeat right 10px center;
    color: white;
    text-align: center;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
    justify-content: flex-start;
}

.mx_counter {
    display: flex;
    height: 43px;
    width: 179px;
    margin: 10px auto 0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.mx_counter button {
    background: #D3E0FE;
    font-size: 24px;
    color: #000;
    border: none;
    height: 100%;
    width: 50px;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
    outline: none;
}

.mx_counter button:focus {
    background-color: #4061AC;
    color: #fff;
}

.mx_counter button:first-child {
    border-radius: 20px 0 0 20px;
}

.mx_counter button:last-child {
    border-radius: 0 20px 20px 0;
}

.mx_counter input {
	width:79px;
    height: 100%;
    margin: 0;
    text-align: center;
    border: none;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    color: white;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #4061AC !important;
}
.blue_text{
    color: #4061AC;
}
.total_block{
    display: flex;
    justify-content: space-between;
    margin: 0 0 57px;
    font-size: 26px;
    font-weight: bold;
    color: #4061AC;
}
footer {
    flex: 0 0 auto;
    background: #4061AC;
	padding:14px 0 73px;
    position: relative;
    color: #fff;
}
footer .box{
    width: 48%;
	margin:0 0 13px;
}
footer .logo_section {
	display:inline-block;
width: 38px;
height: 61px;
position: relative;
overflow: hidden;
}

footer .logo_section img {
    max-width: 100%;
	max-height:100%;
	margin:auto;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}


footer .logo_2_footer {
	display:inline-block;
    width: 59px;
	height:58px;
position: relative;
margin:3px 0 0 0;
}

footer .logo_2_footer img {
   max-width: 100%;
	max-height:100%;
	margin:auto;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.logo_footer {
  width: 146px;
  height: 42px;
  margin:14px 0 0;
  position: relative;
  overflow: hidden;
}
.logo_footer img {
   max-width: 100%;
	max-height:100%;
	margin:auto;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
footer .logo_section .title {
    width: 100px;
    flex-shrink: 0;
    font-size: 10px;
}

footer .socs {
    text-align: center;
   margin: 0 0 11px;
    width: 100%;
	z-index:2;
	position:relative;
}
footer .socs .title{
	font-size:14px;
	color:#fff;
}
footer .socs ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .socs ul li {
    background: none;
	width:35px;
	height:26px;
    padding: 0;
	
    margin: 7px 0 7px 7px;
	position:relative;
	overflow:hidden;
}
footer .socs ul img {
	max-width:100%;
	max-height:100%;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
footer .return {
    border-bottom: 2px solid rgba(255,255,255,0.20);
	display:flex;
	justify-content: space-between;
    margin: 0 -8px 29px;
    padding: 0 8px 38px;
    width: calc(100% + 16px);
    font-family: "Circe-Bold";
    font-size: 14px;
}

footer .return a {
	display:block;
    width: 43%;
    color: white;
	line-height:1.2;
}



footer .bottom_text {
    font-family: "Circe-Light";
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    position: relative;
	margin:0 -8px 5px;
    padding: 0 8px 0;
	color:#fff;
	line-height:1.2;
	letter-spacing: 0.05em;
}

footer .bottom_text p {
    line-height:1.2;
}

.input_wrapper .error {
    color: red;
    font-size: 11px;
    margin-bottom: 15px;
    width: 100%;
}

.input_wrapper label {
    padding-left: 10px;
}

.input_wrapper.df {
    display: flex;
	margin:28px 0 0;
}

.form_wrapper {
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: "Circe-Light";
}

.form_wrapper input[type=checkbox] {
    border: 1px solid rgba(0,0,0,0.20);
    margin-top: 3px;
    width: 31px;
    height: 30px;
    display: block;
    flex-shrink: 0;
}

.form_wrapper .error {
    border: 1px solid red;
    border-radius: 6px;
    padding: 10px;
    margin: 8px 0;
    color: red;
    font-size: 14px;
}

.res_data table {
    font-family: "Circe-Light";
    margin-bottom: 30px;
}
.res_data table tr:first-child td:first-child{
    font-family: "Circe-Bold";
}
table {
    border-collapse: collapse;
    position: relative;
    width: 100%;
}

table td {
    padding: 5px;
}

table .total td {
    padding: 20px 5px;
}

.total_table {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.total_table:before {
    content: "";
    position: absolute;
    width: 98.9vw;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -30px);
    /*background: rgba(255, 255, 255, 0.4);*/
}

.end_point {
    flex-wrap: wrap;
}

.end_point .popup {
    background: url(/img/technokatok_end_point_popup.svg) no-repeat 0 15px;
    background-size: 53px 66px;
    padding-left: 65px;
    min-height: 100px;
    display: flex;
    align-items: center;
    margin: auto;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: bold;
    color: #C72127;
    line-height: 1.2;
}

.end_point .popup a {
    background: #4061AC url(/img/arrow-right.svg) no-repeat right 10px center;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: white;
    border: none;
    height: 37px;
    border-radius: 30px;
    padding: 0 40px 0 20px;
    padding-top: 8px;
    margin:20px auto;
    min-width: 165px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
}

.res_data {
    margin: auto;
}

.res_data table tr td:nth-child(1) {
    width: 70%;
}

.res_data table tr td:nth-child(2) {
    width: 10%;
}

.res_data table tr td:nth-child(3) {
    width: 20%;
    text-align: right;
}

.tickets_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 99;
    color: #4061AC;
}

.tickets_popup.show {
    display: flex;
}

.tickets_popup .wrapper {
    border-radius: 30px;
    padding: 43px 10px 13px 10px;
    width: 285px;
    background: linear-gradient(180deg, #2F322E 0%, #dd5042 100%);
    position: relative;
}

.tickets_popup .wrapper .close {
    background: url(/img/close_2.svg) no-repeat center;
    width: 21px;
    height: 21px;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
}

.tickets_popup .wrapper .h2 {
    font-size: 20px;
    color: white;
}

.tickets_popup .wrapper .goback {
    background: #2F322E url(/img/goback.svg) no-repeat left 1px top 5px;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    height: 37px;
    display: block;
    width: 164px;
    border: none;
    color: white;
    font-size: 14px;
    margin: 4px auto;
}

.tickets_popup .wrapper .force {
    background: #2F322E url(/img/arrow-right.svg) no-repeat right 1px top 5px;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    height: 37px;
    display: block;
    width: 164px;
    border: none;
    color: white;
    font-size: 14px;
    margin: 4px auto;
}
.additional_footer{
   
	margin:-7px 0 0;
}
.additional_footer .call{
	margin:0 0 1px;
}
.additional_footer .title{
    font-family: "Circe-Light";
    font-size: 14px;
    font-weight: normal;
	margin:0 0 4px;
}
.additional_footer p{
   
	margin:0;
}

.additional_footer .call a {
    font-family: "Circe-Bold";
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
	letter-spacing: 0.05em;
	color:#fff;
    line-height: 1.3;
}

.additional_footer .mail {
    margin-bottom: 11px;
}


.additional_footer .mail a {
    font-family: "Circe-Bold";
    font-weight: normal;
    font-size: 16px;
    text-decoration: underline;
	letter-spacing: 0.05em;
	color:#fff;
}
.additional_footer .mail a:hover {
    text-decoration: none;
}
.additional_footer .ooo_1 {
    font-family: "Circe-Light";
    font-size: 12px;
    font-weight: normal;
	color:#fff;
	letter-spacing: 0.05em;
    line-height: 1.1;
	
}
.additional_footer .ooo_1 p{
	margin:0 0 32px;
}
.additional_footer .ooo_2 {
    font-family: "Circe-Light";
    font-size: 12px;
    font-weight: normal;
	color:#fff;
	letter-spacing: 0.05em;
}
.additional_footer .ooo_2 p{
	margin:0;
	line-height:1.1;
}
.bottom_wrapp {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-areas: "a1" "a2" "a3";
	position:relative;
	padding: 24px 0 0;
}
.bottom_wrapp:before {
    content: "";
    background: #D3E0FE;
    border: 1px solid #D3E0FE;
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    z-index: -1;
  }

.bottom_wrapp .pop_title {
    width: 100%;
    padding: 0 7px;
    grid-area: a1;
    text-align: left;
	font-size: 15px;
	color: #000000;
}
.bottom_wrapp .pop_title .in{
    display: flex;
    align-items: center;
    margin: 0 0 21px;
}
.bottom_wrapp .pop_title .fig{
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    width: 64px;
    height: 64px;
    margin: 0 20px 0 0;
    position: relative;
    overflow: hidden;
}
.bottom_wrapp .pop_title img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}
.bottom_wrapp .pop_title .text{
    width: calc(100% - 84px);
}
.bottom_wrapp .pop_title p {
    padding: 0;
    margin: 0 0 17px;
}
.pop_title ul{
    margin: 0 !important;
}
.mb-0{
	margin:0 !important;
}
.bottom_wrapp .inner_text {
    width: 100%;
    text-align: center;
}

.bottom_wrapp .warn {
    color: #dd5042;
    font-size: 18px;
    margin: 20px 0 8px 0;
}
.bottom_wrapp .h3{
	margin:0 0 40px;
	text-align:center;
    line-height: 1.2;
}

main .mxapp .bottom_wrapp .title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 9px;
}
.bottom_wrapp ul{
	margin:0 0 11px;
}
.bottom_wrapp li{
    background: none;
    padding: 0;
	list-style:none;
	margin:0 0 10px;
	
}
.note_text{
    font-weight: bold;
	font-size:16px;
	color:#000;
}
.white_space {
    background: white;
    border-radius: 0px;
    margin-left: -8px;
    margin-right: -8px;
	margin-top:-17px;
    margin-bottom: 45px;
    padding: 7px 28px 12px;
	text-align:center;
}

.white_space .h3{
	font-size:18px;
	font-weight:bold;
	color:#071E3F;
}
.space {
    border-radius: 0px;
    margin-left: -22px;
    margin-right: -22px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
}

.white_space p {
	color:#071E3F;
    font-size: 10px;
    margin: 0;
}
.white_space .fig{
	display:inline-block;
	width:289px;
	height:177px;
	margin:0 -13px;
	position:relative;
	overflow:hidden;
}
.white_space .fig .img {
    max-width: 100%;
	max-height:100%;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	vertical-align:top;
}
.white_space img {
    max-width: 100%;
}

.training_trainer_step {
    width: 100%;
    margin: 0 auto;
    padding: 19px 0 21px;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: center;
}

.training_trainer_step > p {
    margin-bottom: 9px;
}

.training_trainer_step .h1 {
    margin: 20px 0 16px 0;
    font-size: 24px;
    text-transform: uppercase;
}

.training_trainer_step .h2 {
    margin: 0 0 14px;
    padding: 0;
    font-size: 24px;
    text-transform: uppercase;
}

.training_trainer_step .red-text {
    margin: 0 0 10px;
    color: #FF0000;
}

.training_trainer_step .download_file {
    margin: 0 0 26px;
}

.training_trainer_step .download_file .link {
    background: url(../img/new/download_file.svg) no-repeat;
    display: inline;
    padding: 0 0 0 24px;
    color: #fff;
}

.training_trainer_step .download_file .link:hover {
    text-decoration: none;
}

.lessons_list {
    display: flex;
    flex-direction: column;
    margin: 0 0 11px;
}

.lessons_list .item {
    margin: 0 0 9px;
}

.lessons_list .btn {
    background: #dd5042;
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    display: block;
    width: 100%;
    height: 140px;
    padding: 0 22px 16px 53px;
    color: #fff;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-align: left;
}

.lessons_list .active .btn {
    background: #fff;
    color: #dd5042;
}

.lessons_list .title {
    display: flex;
    flex-direction: row;
    margin: -2px 0 4px -39px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.1;
}

.lessons_list .fig {
    width: 29px;
    height: 29px;
    margin: 0 11px 0 0;
    position: relative;
    overflow: hidden;
}

.lessons_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.lessons_list .text {
    width: 84%;
    padding: 3px 0 0;
}

.lessons_list .fig_blue {
    display: none;
}

.lessons_list .active .fig_blue {
    display: block;
}

.lessons_list .active .fig_white {
    display: none;
}

.lessons_list .price {
    font-weight: bold;
    line-height: 1.1;
}

.lessons_list p {
    margin: 0 0 8px;
}

.training_trainer_step .btn-further {
    background: #4061AC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    border: none;
    display: inline-block;
    width: 100%;
    height: 37px;
    position: relative;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 37px;
    text-align: center;
}

.training_trainer_step .btn-further .text {
    background: url(/img/arrow-right.svg) no-repeat 100% 50%;
    display: inline-block;
    padding: 0 28px 0 0;
}

.training_trainer_step .btn-further:disabled {
    background: #6B717B;
}

.ar {
    text-align: right;
}

.choice_list {
    display: flex;
    flex-direction: column;
    margin: 0 0 13px;
}

.choice_list .item {
    margin: 0 0 12px;
}

.choice_list .btn {
    background: #4061AC;
    border: none;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 20px 0 26px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.1;
}

.choice_list .active .btn {
    background: #D3E0FE;
    color: #4061AC;
}

.choice_list .title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.choice_list .fig {
    width: 22px;
    height: 23px;
    margin: 0 11px 0 0;
    position: relative;
    overflow: hidden;
}

.choice_list .img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
}

.choice_list .text {
    width: calc(100% - 33px);
}

.choice_list .fig_blue {
    display: none;
}

.choice_list .active .fig_blue {
    display: block;
}

.choice_list .active .fig_white {
    display: none;
}

.training_trainer_step .back {
    background: #4061AC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    border: none;
    display: inline-block;
    width: 100%;
    height: 37px;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 37px;
    text-align: center;
}

.training_trainer_step .back .text {
    display: inline-block;
    padding: 0 0 0 28px;
    position: relative;
}

.training_trainer_step .back .text:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 37px;
    left: 0;
    top: 0;
    transform: rotate(180deg);
    background: url(/img/arrow-right.svg) no-repeat 0 50%;
    background-size: contain;
}

.training_trainer_step .btn_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



.class_time {
    column-count: 2;
    margin: -10px 0 20px 8px;
}

.class_time .item {
    min-width: 144px;
    margin: -10px -10px -4px -20px;
}
.class_time .item:first-child{
	 margin: 0 -10px -4px -20px;
}
.class_time button {
    background: rgba(60, 92, 157, 0.78);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    border: none;
    width: calc(100% - 20px);
    height: 40px;
	margin:10px;
    position: relative;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    text-align: left;
}

@media (min-width: 360px) {
    .class_time button {
        padding: 0 0 0 10px;
    }
}

.class_time button:hover {
    cursor: pointer;
}

.class_time button:disabled {
    background: #6B717B;
}

.class_time button:disabled:hover {
    cursor: default;
}

.class_time button.active {
    background: #D3E0FE;
    color: #4061AC;
}

.class_time .group:before {
    content: "";
    background: url(../img/new/class_time_groupe_white.svg) no-repeat 0 50%;
    width: 20px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 0;
}

.class_time .active.group:before {
    content: "";
    background: url(../img/new/class_time_groupe_blue.svg) no-repeat 0 50%;
    width: 20px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 0;
}

.class_time .one:before {
    content: "";
    background: url(../img/new/class_time_one_white.svg) no-repeat 0 50%;
    width: 18px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 0;
}

.class_time .active.one:before {
    content: "";
    background: url(../img/new/class_time_one_blue.svg) no-repeat 0 50%;
    width: 18px;
    height: 40px;
    position: absolute;
    right: 6px;
    top: 0;
}

.notes_calendar {
    width: 265px;
    margin: 20px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.notes_calendar .item {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    color: #fff;
}

.notes_calendar .dot {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
}

.training_trainer_step .search {
    background: #D3E0FE url(../img/new/coach_search_lupa.svg) no-repeat 93% 50%;
    border-radius: 25px;
    width: 100%;
    height: 49px;
    margin: 0 0 7px;
    position: relative;
    transition: all 0.5s ease 0s;
}

.training_trainer_step .search:before {
    content: "Выберите тренера";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 50px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.training_trainer_step .search.over {
    background: none;
    height: auto;
}

.training_trainer_step .search.over:before {
    display: none;
}

.training_trainer_step .search .field {
    background: #D3E0FE;
    border: none;
    border-radius: 25px;
    display: none;
    height: 43px;
    margin: 0 0 13px;
    padding: 5px 45px 6px 15px;
    font-size: 20px;
    color: #000;
    text-align: center;
    transition: all 0.5s ease 0s;
}

.training_trainer_step .search.over .field {
    display: inline-block;
    width: 100%;
}

.training_trainer_step .search .field:-moz-placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1;
}

.training_trainer_step .search .field::-moz-placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1;
}

.training_trainer_step .search .field::-webkit-input-placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1;
}

.training_trainer_step .search .field:-ms-input-placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1;
}

.training_trainer_step .search .field.placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1;
}

.training_trainer_step .search .btn {
    background: #6B717B url(/img/arrow-right.svg) no-repeat 166px 50%;
    border: 0;
    border-radius: 25px;
    display: none;
    width: 100%;
    height: 43px;
    padding: 0 0 0 115px;
    position: relative;
    font-size: 14px;
    color: #000;
    text-align: left;
    transition: all 0.5s ease 0s;
}

.training_trainer_step .search.over .btn {
    display: inline-block;
}

.training_trainer_step .search .click.btn {
    background: #4061AC url(/img/arrow-right.svg) no-repeat 166px 50%;
}

.training_trainer_step .delete {
    background: url(../img/new/coach_search_delete.svg) no-repeat 50% 50%;
    border: 0;
    display: none;
    width: 45px;
    height: 43px;
    position: absolute;
    top: 3px;
    right: 0;
}

.coach_list {
    column-count: 1;
	margin:0 0 29px;
}

.coach_list .item{
	margin:0 0 6px;
}

.coach_list button {
    background: rgba(60, 92, 157, 0.78);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    border: none;
    width: 100%;
    height: 44px;
    padding: 10px;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.coach_list button:hover {
    cursor: pointer;
}

.coach_list button:disabled {
    background: #6B717B;
}

.coach_list button:disabled:hover {
    cursor: default;
}

.coach_list button.active {
    background: #D3E0FE;
    color: #4061AC;
}
.datepicker .title{
    background: #4061AC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100px;
    display: inline-block;
    width: 100%;
    height: 49px;
	margin:0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 49px;
    text-align: center;
    box-sizing: border-box;
}





.ui-datepicker {
   background: #D3E0FE;
    border-radius: 20px;
    width: 100%;
	margin:-40px 0 0;
  
}

.ui-widget-header {
    background: none;
    border-radius: 0;
    border: none;
    padding: 46px 0 0;
	position:relative;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;

    color: #000;
    font-weight: normal;
    text-align: center;

}

.ui-datepicker-month {
	font-family: 'Roboto', sans-serif;
    font-size: 20px;

    color: #000;
    font-weight: normal;
}

.ui-widget select {
    background: none;
    border: none;
    padding: 0;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;

    color: #000;
    font-weight: normal;
}

.ui-widget-content {
    color: #000;
}

.ui-widget {
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
	font-weight:normal;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-datepicker-prev {
    background: url(../img/new/calendari_arrow_left.svg) no-repeat;
	border:none;
    display: block;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 52px;
    left: 6px;
}
.ui-datepicker-prev-hover{
	 background: url(../img/new/calendari_arrow_left.svg) no-repeat !important;
	 border:none !important;
}
.ui-datepicker-next {
    background: url(../img/new/calendari_arrow_right.svg) no-repeat;
	border:none;
    display: block;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 52px;
    right: 6px;
}
.ui-datepicker-next-hover{
	background: url(../img/new/calendari_arrow_right.svg) no-repeat !important;
	border:none !important;
}
.ui-datepicker-year {
    display: none;
}

.ui-datepicker-calendar th {
    font-weight: normal;
    text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    font-weight: normal;
    display: block;
    width: 25px;
    height: 24px;
    color: #4061AC;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
}



.ui-state-active {
    border: none;
    background: #fff !important;
	border-radius:3px;
    font-weight: normal;
    color: #00539C !important;
}
.ui-state-disabled .ui-state-default, .ui-widget-content .ui-state-disabled .ui-state-default{
    opacity: 1;
    color: #000 !important;
  }
.ui-datepicker-calendar {
	margin:-4px 0 0;
    padding: 0 19px 20px;
	border-collapse: separate;
}

.ui-datepicker-calendar td {
    padding: 0 4px;
}
.time_wrapper{
    text-align: center;
}
.time_wrapper .title{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
    color: #000;
	font-weight:normal;
}
.info_text{
	margin:0 0 16px;
	font-size:14px;
    color: #828282;
}
.info_text .link{
    color: #828282;
}

   .additional .left_block{
	float: none;
	width: 304px;
	margin:0 auto;
}
.age_tenant {
    float: none;
    width: 304px;
    margin: 23px auto 0;
}


.age_tenant button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 12px 18px 15px;
    border-radius: 25px;
    border: none;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
    font-size: 16px;
    background: #D3E0FE;
    color: #4061AC;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 6px;
    outline: none;
    text-align: left;
    align-items: center;
    min-height: 45px;
}

.age_tenant button:disabled {
    background: gray;
}



.age_tenant button.active {
    background: #4061AC;
    color: #fff;
}

.ticket_add button{
    background: #4061AC;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    border: none;
	border-radius: 40px;
    display: flex;
    justify-content: space-between;
	width:100%;
	 height: 45px;
	  padding: 12px 18px 15px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
    font-size: 16px;
    color:#fff;
    margin:0 0 6px;
	min-height: 45px;

}
.ticket_add button.active{
    background: #D3E0FE;
    color: #00539C;

}
.ticket_add button.current{
    background: #D3E0FE;
    color: #00539C;
}
.ticket_add button:disabled{
	 background: gray;
}
.o {
	margin:0 0 20px;
    overflow: hidden;
}


.attention_block p{
    line-height: 1.2;
  }
.text_block .title_1{
    margin: 0 0 14px;
    font-weight: 600;
}
.text_block .title_2 {
    margin: 0 0 30px;
  }
.text_block .h4{
	margin:0 auto 15px;
    font-size: 20px;
    font-weight: bold;
    color: #4061AC;
	line-height:1.3;
    text-transform: uppercase;
    text-align: center;
}
.attention_block h4, .attention_block .h4{
    margin: 0 0 24px;
    font-size: 14px;
    font-weight: 600;
    color: #4061AC;
    text-transform: none;

}
/*@media (min-width: 642px)*/
@media (min-width: 768px) {
    li {
        display: inline-block;
      }
.bottom_wrapp:before {
        right: -10000px;
        left: -10000px;
      }
    .booking_opens{
        margin: 0 0 34px;
        font-family: 'Montserrat', sans-serif;
        font-size: 26px;
        font-weight: bold;
        line-height: 1.2;
    }
	.attention_block{
        margin: 0 0 52px;
        padding: 29px 31px 13px;
        font-size: 14px;
    }
.note_text {
  margin: 0 auto;
}


    footer .box {
        width: auto;
        margin: 0;
        padding: 0;
    }
    footer .box:nth-child(2) {
        width: calc(100% - 130px);
    margin: -10px 0 27px;
      }
footer .logo_section{
    width:47px;
	height:75px;
    margin: 0;
    position: absolute;
    top: 18px;
    left: 0;
}
	footer .logo_section img {
    padding-right: 0;
}
	footer .logo_2_footer {
width:73px;
	height:71px;
    position: absolute;
    top: 22px;
    left: 59px;

}
.logo_footer {
    width:216px;
	height:50px;
  margin: 0 0 0 -108px;
    position: absolute;
    top: 25px;
    left: 50%;
}
	.age_tenant{
	float:right;
	width: calc(50% - 11px);
	margin: 23px 0 0;
}
.additional .left_block{
	float:left;
	width: calc(50% - 11px);
	margin:0 20px 0 0;
}
	
    .space {
        border-radius: 15px;
        padding: 15px 40px;
    }
	.line_bottom{
	margin:0;
	padding:0 0 24px;
	justify-content: flex-start;
}
	.line_bottom .line{
	
	width:318px;
	margin-left:-159px;
	
}

.bottom_wrapp .h3 {
    margin: 0 0 54px !important;
    font-size: 24px;
}
main .mxapp .bottom_wrapp .title {
    font-size: 20px;
	margin-bottom: 4px;
}
.bottom_wrapp .pop_title {
    font-size: 18px;
}
.bottom_wrapp .pop_title .box{
    display: flex;
}
.bottom_wrapp li {
    margin: 0 0 7px;
    font-size: 16px;
}
.white_space .fig {
    width: 569px;
    height: 331px;
    margin: 0 auto;
}
    header .container .row {
		justify-content: flex-start;
        align-items: center;
		height:77px;
		position:relative;
    }

    header .logo_wrapper .logo {
        width: 200px;
		height:59px;
        margin: 12px 0 0 0;
    }

   
	header .logo_2 {
        width: 164px;
		position:relative;
		top:0;
		left:0;
		margin: -30px 0 0;
    }

   header .logo_2 img {
        padding: 5px;
    }
.white_space {
    margin-left: -4px;
    margin-right: -4px;
}
    header .logo_wrapper .pretitle {
        width: 77px;
        font-size: 8px;
    }

    header .in {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
    }

    header .in:before {
        display: none;
    }
header .tickets {
    width: auto;
    height: 77px;
	right:0;
}
    header .order_btn {
		background-size:51px 64px;
		background-position:0 44%;
        width: auto;
        box-shadow: none;
		height:77px;
		padding:0 0 0 62px;
		font-size:20px;
		text-transform: uppercase;
    }
header .order_btn .text {
    display: block;
}
    header .training_trainer_btn {
        background: url(../img/new/ice-skating-shoes_planshet.svg) no-repeat;
        border: none;
        height: 29px;
        margin: 0 23px 0 0;
        padding: 0 0 0 35px;
        font-size: 12px;
    }

    main .hero_slider {
       min-height: auto;
		padding:0 0 33%;
        position: relative;
    }
main .hero_slider .text{
	width:100%;
		margin:0 0 0 -50%;
		position:absolute;
		top:24px;
		left:50%;
		color:#00558B;
		text-align:center;
}
    main .hero_slider .title {
		margin:0 0 5px;
        font-weight: bold;
		font-size:30px;
		line-height:1;
		
    }
	main .hero_slider .title_big {
        font-weight: 800;
		font-size:50px;
		line-height:1;
    }

 
    main .hero_slider .img_wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    main .scedule {

        position: relative;
        top: auto;
        text-align: left;
        width: 100%;
        padding: unset;
        left: unset;
        background: none;
        font-size: 20px;
    }
.white_space {
    padding: 20px 28px 5px;
}
    main .mxapp .title_wrapper {
        width: 100%;
        text-align: center;
        margin-top: 9px;
        margin-bottom: 34px;
		padding: 19px 0 19px;
		font-size:16px;
    }
    

    .operating_mode {
        background-position: 0 7px;
        background-size: 51px 51px;
        margin: 20px auto 0;
  padding: 0 0 0 84px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 70%;
      }
      .operating_mode .title_operating_mode{
        width: 100%;
      }
      .attention_block p {
        line-height: 1.4;
      }
      .text_block .title_2 {
        margin: 0 0 39px;
      }
      h2, .h2 {
        margin: 0 0 29px !important;
        font-size: 24px !important;
      }
    main .mxapp {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
		padding:22px 0 0;
    }

    main .mxapp .title_wrapper .title {
		width: auto;
  font-size: 18px;
  margin-bottom: 25px;
}
main .mxapp .title_wrapper .title span{
	
    font-size: 18px !important;
	
}
main .additional .tickets button {
  height: 45px;
  width: 79px;
}
main .mxapp .title_wrapper .info_text {
  width: auto;
  margin: 0 auto 18px;
  font-size: 16px;
}
main .mxapp .title_wrapper .info_text span{
	
	font-size:16px !important;
	
}
    main .mxapp .title_wrapper .pretitle {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin: 0;
    }
main .mxapp .title_wrapper .red_text {
	margin:25px 0 0;
  font-size: 18px;
}
    main .mxapp .ticket_section {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    main .mxapp .calendar_wrapper {
        width: 50%;
    }

    main .mxapp .calendar_wrapper .vc-container {
        margin: 20px 0;
        width: calc(100% - 48px);
    }

    main .mxapp .calendar_wrapper .choose_date_title {
        width: 314px;
        margin-left: 0;
        margin-right: unset;
    }

    main .mxapp .time_wrapper {
        width: 50%;
        padding-top: 0px;
    }

    main .mxapp .time_wrapper .timing button {
        width: 45%;
    }

    main .mxapp .count_wrapper {
        width: 50%;
    }

    main .mxapp .additional {
        width: 100%;
    }

    footer {
        height: 345px;
        padding: 0;
        position: relative;
    }
    footer:before {
        content: "";
        border-top: 2px solid rgba(255,255,255,0.50);
        position: absolute;
        top: 119px;
        right: 8px;
        left: 8px;
    }
    footer .row {
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }

  

    footer .socs {
        width: auto;
    text-align: left;
    margin: 12px 38px 27px 0;
    }

    footer .socs ul {
        justify-content: flex-start;
		margin:0 0 0 -6px;
    }
footer .socs ul li {
    margin: 7px 6px;
}
footer .return {
    border: none;
    flex-direction: column;
    width: auto;
    margin: 0;
    position: absolute;
    top: 26px;
    right: 0;
    padding: 0;
}
footer .return a {
    width: auto;
	margin:0 0 17px;
}
footer .bottom_text {
	border-top: none;
    width: 40%;
    position: absolute;
    top: 154px;
    left: 0;
    right: 0;
}

    table {
        width: 100%;
    }

    .end_point {
        display: flex;
        min-height: 300px;
    }

    .end_point .popup {
        width: 470px;
        font-size: 25px;
    }

    .additional_footer {
        display: flex;
    justify-content: space-between;
        width: 55%;
        padding: 0;
        position: absolute;
        top: 154px;
        right: 8px;
        margin: 0;
    }
    .additional_footer .title {
        margin: 0 0 7px;
        font-size: 13px;
        line-height: 1.2;
      }
      .additional_footer .call {
        margin: 0 0 1px;
        width: 180px;
      }
      .additional_footer .call a {
        font-family: "Circe-Bold";
        font-size: 18px;
        font-weight: normal;
      }
.additional_footer .in{
	width:45%;
}

   

    

    .additional_footer .mail {
        margin-top: 10px;
        margin-bottom: 0;
    }

  

    .additional_footer .mail a {
        font-family: "Circe-Bold";
        font-size: 14px;
        font-weight: normal;
        
    }

    .additional_footer .ooo_1 {
        width: 186px;
        margin-top: 1px;
    }
    .additional_footer .ooo_1 p {
        line-height: 1.7;
      }
    .additional_footer .ooo_2 {
        margin-top: 7px;
    }

    .bottom_wrapp {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "g2" "g1" "g3" "g4";
        padding: 48px 0 0;
    }
    .bottom_wrapp::before {
        border-radius: 7px;
      }
    .bottom_wrapp .box{
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 0 -24px;
    }
    .bottom_wrapp .pop_title .in {
        border-left: 1px solid #4061AC;
        width: calc(50% - 24px);
        margin: 0 0 24px 24px;
        padding: 0 0 0 24px;
      }
      .bottom_wrapp .pop_title .in:first-child {
        border-left: none;
        padding: 0;
      }
    
    .bottom_wrapp .pop_title {
        grid-area: g1;
        width: 100%;
        margin: auto;
		padding: 0 7px 70px;
    }

    .bottom_wrapp .pop_title p {
        padding: 0;
       
    }

    .bottom_wrapp .inner_text {
        grid-area: g2;
    }

    .bottom_wrapp .warn {
        grid-area: g3;
        margin: 10px 0;
		font-size:16px;
    }
.white_space p {
    font-size: 12px;
}
.white_space .h3 {
    font-size: 24px;
}
    .bottom_wrapp button {
        grid-area: g4;
    }

    main .time_wrapper .left .red-text {
        text-align: left;
    }

    main .mxapp .calendar_wrapper .choose_date_title {
        width: max-content;
        margin-left: 0;
        margin-right: unset;
        margin: auto;
        padding: 0 20px;
        margin-top: 14px;
        background: #dd5042;
    }

    .adds {
        margin: 20px 0;
    }

   

   

    main .time_wrapper .left {
        margin: 16px auto;
        width: 90%;
    }

    main .time_wrapper .timing button {
        width: 48%;
    }

  

    .training_trainer_step {
        margin: 0 auto;
        padding: 19px 0 66px;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-align: center;
    }

    .training_trainer_step > p {
        margin-bottom: 9px;
    }

    .training_trainer_step .h1 {
        margin: 20px 0 16px 0;
        font-size: 24px;
        text-transform: uppercase;
    }

    .training_trainer_step .h2 {
        margin: 0 0 14px;
        padding: 0;
        font-size: 24px;
        text-transform: uppercase;
    }

    .training_trainer_step .red-text {
        margin: 0 0 10px;
        color: #FF0000;
    }

    .training_trainer_step .download_file {
        margin: 0 0 26px;
    }

    .training_trainer_step .download_file .link {
        background: url(../img/new/download_file.svg) no-repeat;
        display: inline-block;
        padding: 0 0 0 24px;
        color: #fff;
    }

    .training_trainer_step .download_file .link:hover {
        text-decoration: none;
    }

    .lessons_list {
        display: flex;
        flex-direction: row;
        margin: 0 0 30px -12px;
    }

    .lessons_list .item {
        width: 50%;
        margin: 0 0 0 12px;
    }

    .lessons_list .btn {
        background: #dd5042;
        border: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        display: block;
        width: 100%;
        height: 160px;
        padding: 13px 43px 16px 54px;
        color: #fff;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: left;
    }

    .lessons_list .active .btn {
        background: #fff;
        color: #dd5042;
    }

    .lessons_list .title {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin: 0 0 13px -35px;
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1.1;
    }

    .lessons_list .text {
        width: 76%;
    }

    .lessons_list .fig {
        width: 29px;
        height: 29px;
        margin: 0 6px 0 0;
        position: relative;
        overflow: hidden;
    }

    .lessons_list .img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        vertical-align: top;
    }

    .lessons_list .fig_blue {
        display: none;
    }

    .lessons_list .active .fig_blue {
        display: block;
    }

    .lessons_list .active .fig_white {
        display: none;
    }

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

    .lessons_list p {
        margin: 0;
    }

    .training_trainer_step .btn-further {
        background: #dd5042;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 30px;
        border: none;
        display: inline-block;
        width: auto;
        height: 37px;
        padding: 0 36px 0 31px;
        position: relative;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 37px;
        text-align: center;
    }

    .training_trainer_step .btn-further:disabled {
        background: #6B717B;
    }

    .ar {
        text-align: right;
    }

    .choice_list {
        display: flex;
        flex-direction: row;
        margin: 0 0 30px -12px;
    }

    .choice_list .item {
        margin: 0 0 0 12px;
        width: 50%;
    }

    .choice_list .btn {
        background: #dd5042;
        border: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        display: block;
        width: 100%;
        height: auto;
        padding: 9px 21px 7px 39px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: left;
        text-transform: uppercase;
        line-height: normal;
    }

    .choice_list .active .btn {
        background: #fff;
        color: #dd5042;
    }

    .choice_list .title {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .choice_list .text {
        width: 80%;
    }

    .choice_list .fig {
        width: 22px;
        height: 24px;
        margin: 0 11px 0 0;
        position: relative;
        overflow: hidden;
    }

    .choice_list .img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        vertical-align: top;
    }

    .choice_list .fig_blue {
        display: none;
    }

    .choice_list .active .fig_blue {
        display: block;
    }

    .choice_list .active .fig_white {
        display: none;
    }

    .training_trainer_step .back {
        background: #4061AC;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 30px;
        border: none;
        display: inline-block;
        width: 135px;
        height: 37px;
        padding: 0;
        position: relative;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 37px;
        text-align: center;
    }

    .training_trainer_step .btn_block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
	
	



    .class_time {
        column-count: 2;
       margin: -10px -8px 20px 11px;
    }

    .class_time .item {
         margin: -10px -10px -4px -20px;
    }
.class_time .item:first-child{
	 margin: 0 -10px -4px -20px;
}
    .class_time button {
        background: rgba(60, 92, 157, 0.78);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        border: none;
        width: calc(100% - 20px);
        height: 40px;
        padding: 0 46px 0 18px;
		margin:10px;
        position: relative;
        font-size: 20px;
        color: #fff;
        line-height: 40px;
        text-align: left;
    }

    .class_time button:hover {
        cursor: pointer;
    }

    .class_time button:disabled {
        background: #6B717B;
    }

    .class_time button:disabled:hover {
        cursor: default;
    }

    .class_time button.active {
        background: #fff;
        color: #dd5042;
    }

    .class_time .group:before {
        content: "";
        background: url(../img/new/class_time_groupe_white.svg) no-repeat 0 50%;
        width: 20px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 0;
    }

    .class_time .active.group:before {
        content: "";
        background: url(../img/new/class_time_groupe_blue.svg) no-repeat 0 50%;
        width: 20px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 0;
    }

    .class_time .one:before {
        content: "";
        background: url(../img/new/class_time_one_white.svg) no-repeat 0 50%;
        width: 18px;
        height: 40px;
        position: absolute;
        right: 22px;
        top: 0;
    }

    .class_time .active.one:before {
        content: "";
        background: url(../img/new/class_time_one_blue.svg) no-repeat 0 50%;
        width: 18px;
        height: 40px;
        position: absolute;
        right: 22px;
        top: 0;
    }

    main .training_trainer_step .time_wrapper {
        width: calc(100% - 279px);
    }

    main .training_trainer_step .calendar_wrapper {
        width: 276px;
        margin: 0 3px 0 0;
    }

    main .training_trainer_step .calendar_wrapper .choose_date_title {
        width: 100%;
        margin: 0;
    }

    .notes_calendar {
        width: 100%;
        margin: 10px auto 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .notes_calendar .item {
        display: flex;
        flex-direction: row;
        font-size: 12px;
        color: #fff;
    }

    .notes_calendar .dot {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        width: 15px;
        height: 15px;
        margin: 0 8px 0 0;
    }

    .class_time .item {
        min-width: 182px;
    }

    .training_trainer_step .search {
        background: #dd5042 url(../img/new/coach_search_lupa.svg) no-repeat 98% 50%;
        border-radius: 25px;
        width: 100%;
        height: 49px;
        margin: 0 0 7px;
        padding: 3px 110px 3px 3px;
        position: relative;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search:before {
        content: "Выберите тренера";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 50px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }

    .training_trainer_step .search.over {
        background: #fff;
    }

    .training_trainer_step .search.over:before {
        display: none;
    }

    .training_trainer_step .search .field {
        background: #D3E0FE;
        border: 1px solid #D3E0FE;
        border-radius: 25px;
        display: none;
        height: 43px;
        padding: 5px 49px 6px 15px;
        font-size: 20px;
    color: #000;
        text-align: center;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search .field {
        margin: 0;
    }

    .training_trainer_step .search.over .field {
        display: inline-block;
        width: 100%;
    }

    .training_trainer_step .search .field:-moz-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field::-moz-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field::-webkit-input-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field:-ms-input-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field.placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .btn {
        background: #6B717B url(/img/arrow-right.svg) no-repeat 90% 50%;
        border: 0;
        border-radius: 25px;
        display: none;
        width: 102px;
        height: 43px;
        padding: 0 0 0 22px;
        position: absolute;
        top: 3px;
        right: 3px;
        font-size: 14px;
        color: #fff;
        text-align: left;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search.over .btn {
        display: inline-block;
    }

    .training_trainer_step .search .click.btn {
        background: #dd5042 url(/img/arrow-right.svg) no-repeat 90% 50%;
    }

    .training_trainer_step .delete {
        background: url(../img/new/coach_search_delete.svg) no-repeat 50% 50%;
        border: 0;
        display: none;
        width: 49px;
        height: 43px;
        position: absolute;
        top: 3px;
        right: 111px;
    }

    .coach_list {
        column-count: 2;
        margin: -10px 0 20px 4px;
    }

    .coach_list .item {
        margin: -10px -10px -4px -14px;
    }
.coach_list .item:first-child{
	 margin: 0 -10px -4px -14px;
}
    .coach_list button {
        background: rgba(60, 92, 157, 0.78);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        border: none;
        width: calc(100% - 20px);
        height: 44px;
		margin:10px;
        padding: 10px;
        position: relative;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    .coach_list button:hover {
        cursor: pointer;
    }

    .coach_list button:disabled {
        background: #6B717B;
    }

    .coach_list button:disabled:hover {
        cursor: default;
    }

    .coach_list button.active {
        background: #fff;
        color: #dd5042;
    }
	
	main .hero_slider .img_wrapper {
        background: url(../img/2024_danilov_promo_mobile.jpg) no-repeat 0 100%;
		background-size:100%;
		width:100%;
		height:100%;
		right:auto;
		left:50%;
		transform:translate(-50%, 0);
		padding:0;
}
main .hero_slider .img_wrapper img{
	display:none;
}
  header {
    height: 77px;
}

.bottom_wrapp .box_text{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.bottom_wrapp .box_text .in{
	width:50%;
	margin:0 0 24px;
}
.white_space{
	position:relative;
}
.white_space:before{
	content:"";
	background:#fff;
	width:100vw;
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	transform:translate(-50%, 0);
	z-index:-1;
}
footer .return br {
	display:none;
}
.text_block{
font-size:18px;
text-align: center;
}
	.text_block .h4{
		margin: 0 0 19px;
	font-size:26px;
    line-height: 1.5;
}
.attention_block .h4{
    margin: 0 0 28px;
    font-size:20px;
  }

.text_block p {
  font-size: 18px;
}
.attention_block p {
    font-size: 16px;
  }
.text_block .title_1{
    margin: 0 0 25px;
    font-size: 24px;
}
	main .mxapp .title_wrapper .h3 {
  font-size: 24px;
}
.submiting_form {
  font-size: 20px;
}
main a.back::before {
    width: 26px;
    height: 26px;
    background-size: 18px 18px;

}

main a.back {
    padding-left: 35px;
    font-size: 20px;

}



.end_point .popup {
    background-position: 0 8px;
    background-size: 64px 80px;
    padding-left: 85px;
    font-weight: 600;
    font-size: 20px;
}
}
@media (min-width: 1024px) {
    ul {
        text-align:  center;
    }
	header {
    height: 77px;
}
	main .hero_slider .img_wrapper {
       background: url(../img/2024_danilov_promo.jpg) no-repeat 0 100%;
		background-size:100%;
		width:100%;
		height:100%;
		right:auto;
		left:50%;
		transform:translate(-50%, 0);
		padding:0;
}
main .hero_slider .img_wrapper img{
	display:none;
}
   
 main .hero_slider {
   padding: 0 0 25%;
}  
header .logo_wrapper .logo {
    width: 200px;
    height: 59px;
}
}
@media (min-width: 1180px) {
    html {
        font-size: 18px;
      }
        h1, .h1 {
            margin: 0 0 71px !important;
            font-size: 30px !important;
        }
    
        h2, .h2 {
            font-size: 26px !important;
        }
    
        h3, .h3 {
            font-size: 26px !important;
        }
    
        h4, .h4 {
            font-size: 24px;
        }
        h5, .h5 {
            font-size: 20px;
        }
        h6, .h6 {
            font-size: 18px;
        }
    
    .end_point .popup {
        background-position: 0 0;
        background-size: 126px 157px;
        min-height: 148px;
        padding: 9px 0 0 172px;
        font-weight: 600;
        font-size: 24px;
    }
    .booking_opens{
        margin: 0 0 38px;
        font-size: 24px;
    }
    .attention_block{
        margin: 0 0 43px;
        padding: 35px 98px 44px;
        font-size: 18px;
    }
    h4, .h4{
        font-size: 24px;
    }
	main .mxapp .count_wrapper .pretitle {
  font-size: 14px;
  margin:0 0 16px;
}
main .time_wrapper .left .white-text {
  font-size: 14px;
}
	.submiting_form {
    font-size: 20px;
}
main a.back {
    padding-left: 34px;
	font-size:20px;
}

main a.back:before {
    width: 26px;
    height: 26px;
	background-size:18px 18px;
}
main .time_wrapper .timing button {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}
header .logo_2 {

   width: 216px;
top: 17px;
left: 295px;
position: absolute;
margin: 0;

}
	.age_tenant{
	
        width: calc(50% - 11px);
	
}


.additional .left_block{
	
	width: calc(50% - 11px);
	
}
    main .time_wrapper .left {
        margin: 16px auto;
        width: auto;
    }
	footer .return br {
	display: block;
}
footer .socs {
    width: auto;
	position:absolute;
	top:32px;
	right:0;
	margin:0;
}
.info_text{
	margin:0 0 41px;
}
    main .mxapp .ticket_section .ticket_add.fake {
        margin-left: 20px;
    }

    main .title_wrapper {
        width: 100%;
    }

    main .title_wrapper .pretitle {
        margin: 0;
    }

    main .mxapp .calendar_wrapper {
        width: 276px;
        margin: 0 18px 20px 0;
    }
.ui-datepicker {
    width: 276px;
}
    main .mxapp .calendar_wrapper .vc-container {
        width: calc(100% - 30px);
    }

    main .mxapp .calendar_wrapper .choose_date_title {
        width: 265px;
    }

    main .mxapp .time_wrapper {
        width: 31%;
    }

    main .mxapp .count_wrapper {
        width: 30%;
    }

    main .mxapp .additional {
        width: 72%;
    }
.age_tenant {
  margin: 53px 0 0;
}
main .mxapp .count_wrapper .title {
  margin: 0 0 16px;
}
    main .inner_text {
        padding-left: 50%;
    }

    .res_data {
        width: 700px;
        margin: auto;
    }

    .res_data table tr td:nth-child(1) {
        width: 70%;
    }

    .res_data table tr td:nth-child(2) {
        width: 10%;
    }

    .res_data table tr td:nth-child(3) {
        width: 20%;
        text-align: right;
    }

    .additional_footer {
  width: 40%;
  padding: 0;
  position: absolute;
  top: 45px;
  right: 0;
  margin: 0;
}
footer::before {
    display: none;
  }
footer .return {
    width: 227px;
    margin: 0;
	position:absolute;
	top:115px;
	left: 312px;
}
footer .socs .title {

    margin: 0;

}
.logo_footer {
    width: 227px;
    height: 52px;
  margin: 0;
  position:absolute;
  top:44px;
  left: 312px;
}

footer .bottom_text {
     border-top: 2px solid rgba(255,255,255,0.50);
	 width:auto;
	  padding: 38px 0 0;
	 position:absolute;
	 top:189px;
	 left:0;
	 right:0;
}
footer .bottom_text::before {
	display:none;
}
footer .bottom_text p {
    line-height: 15px;
}
footer {
    height: 420px;
	padding:0;
}
footer .return a {
    
    margin: 0 0 10px;
    font-size: 14px;
    text-align: left;
}
.additional_footer .call {
    width: 227px;
  }
.additional_footer .title {
    margin: 0 0 16px;
    font-size: 14px;
  }
  .additional_footer .ooo_1 {
    margin-top: 0;
  }
  .additional_footer .mail a {
    font-size: 18px;
  }
    .bottom_wrapp {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "g1 g2" "g3 g3" "g4 g4";
    }

    .bottom_wrapp .pop_title {
        grid-area: g1;
        width: 92%;
        margin: auto;
    }

    .bottom_wrapp .pop_title p {
        padding: 0;
       
    }

    .bottom_wrapp .inner_text {
        grid-area: g2;
    }

    .bottom_wrapp .warn {
        grid-area: g3;
        margin: 10px 0 15px;
        text-align: center;
        font-size: 18px;
    }

    .bottom_wrapp button {
        grid-area: g4;
    }

    main .inner_text {
        padding-left: 0;
    }

    main .time_wrapper .left .red-text {
        text-align: justify;
    }

  .spacewhite_space {
        width: 75%;
        margin: 0px auto 25px auto;
    }

.line_bottom .line {
    width: 336px;
    margin-left: -168px;
}
.white_space p {
    font-size: 18px;
}
.white_space .h3 {
    font-size: 42px;
}
.white_space .fig {
    width: 879px;
    height: 561px;
    margin: 0 auto;
}
main .mxapp .title_wrapper .title {
  font-size: 24px;
}
main .mxapp .title_wrapper .title span{
	
    font-size: 24px !important;
	
}
.bottom_wrapp .h3 {
	margin: 0 0 68px;
    font-size: 32px;
}
.bottom_wrapp {
    display: block;
	margin:27px 0 0;
	padding: 49px 0 0;
}
.bottom_wrapp li {
    font-size: 20px;
  }
  .bottom_wrapp .box {
    margin: 0 0 0 -98px;
  }
  .bottom_wrapp .pop_title .in {
    width: calc(50% - 98px);
    margin: 0 0 24px 98px;
    padding: 0 0 0 78px;
  }
main .mxapp .bottom_wrapp .title {
	
    font-size: 24px;
	margin:0 0 3px;
}
.bottom_wrapp li {
    margin: 0 0 4px;
}
.note_text {
  font-size: 18px;
}
.line_bottom {
    margin: 0 86px;
    padding: 0;
}
    main .mxapp .title_wrapper {
        margin-bottom: 20px;
    }

    header .training_trainer_btn {
        background: url(../img/new/ice-skating-shoes.svg) no-repeat;
        border: none;
        height: 48px;
        padding: 0 0 0 58px;
        margin: 0 63px 0 0;
        font-size: 20px;
    }
header .container .row{
	height:77px;
}
   

    header .logo_wrapper .logo {
        width:200px;
		height:59px;
    }
	header .logo_wrapper .logo img {
  padding: 0;
}
	header .logo_wrapper .logo_2 {
  
    width: 216px;
}
	header .tickets {
    width: auto;
    height: 77px;
    margin: 0;
}
main .hero_slider {

    position: relative;
}
header .order_btn .text {
    display: inline-block;
}
    header .logo_wrapper .pretitle {
        width: 90px;
        font-size: 10px;
    }

    header .in {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
    }

    header .in:before {
        display: none;
    }

    .training_trainer_step {
        margin: 0 auto;
        padding: 19px 0 66px;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-align: center;
    }

    .training_trainer_step > p {
        margin-bottom: 9px;
    }

    .training_trainer_step .h1 {
        margin: 20px 0 16px 0;
        font-size: 24px;
        text-transform: uppercase;
    }

    .training_trainer_step .h2 {
        margin: 0 0 14px;
        padding: 0;
        font-size: 24px;
        text-transform: uppercase;
    }

    .training_trainer_step .red-text {
        margin: 0 0 10px;
        color: #D00E46;
    }

    .training_trainer_step .download_file {
        margin: 0 0 26px;
    }

    .training_trainer_step .download_file .link {
        background: url(../img/new/download_file.svg) no-repeat;
        display: inline-block;
        padding: 0 0 0 24px;
        color: #fff;
    }

    .training_trainer_step .download_file .link:hover {
        text-decoration: none;
    }

    .lessons_list {
        display: flex;
        flex-direction: row;
        margin: 0 0 30px -12px;
    }

    .lessons_list .item {
        width: 50%;
        margin: 0 0 0 12px;
    }

    .lessons_list .btn {
        background: #dd5042;
        border: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        display: block;
        width: 100%;
        height: 124px;
        padding: 13px 58px 16px 92px;
        color: #fff;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: left;
    }

    .lessons_list .active .btn {
        background: #fff;
        color: #dd5042;
    }

    .lessons_list .title {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0 0 0 -42px;
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1;
    }

    .lessons_list .fig {
        width: 29px;
        height: 29px;
        margin: 0 11px 0 0;
        position: relative;
        overflow: hidden;
    }

    .lessons_list .img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        vertical-align: top;
    }

    .lessons_list .fig_blue {
        display: none;
    }

    .lessons_list .active .fig_blue {
        display: block;
    }

    .lessons_list .active .fig_white {
        display: none;
    }

    .lessons_list .price {
        font-weight: bold;
        line-height: 40px;
    }

    .lessons_list p {
        margin: 0;
    }

    .training_trainer_step .btn-further {
        background: #dd5042;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 30px;
        border: none;
        display: inline-block;
        height: 37px;
        position: relative;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 37px;
        text-align: left;
    }

    .training_trainer_step .btn-further:disabled {
        background: #6B717B;
    }

    .ar {
        text-align: right;
    }

    .choice_list {
        display: flex;
        flex-direction: row;
        margin: 0 0 30px -12px;
    }

    .choice_list .item {
        margin: 0 0 0 12px;
        width: 50%;
    }

    .choice_list .btn {
        background: #dd5042;
        border: none;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        display: block;
        width: 100%;
        height: 50px;
        padding: 0 58px 0 26px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: left;
        text-transform: uppercase;
    }

    .choice_list .active .btn {
        background: #fff;
        color: #dd5042;
    }

    .choice_list .title {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .choice_list .fig {
        width: 29px;
        height: 50px;
        margin: 0 11px 0 0;
        position: relative;
        overflow: hidden;
    }

    .choice_list .img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        vertical-align: top;
    }

    .choice_list .fig_blue {
        display: none;
    }

    .choice_list .active .fig_blue {
        display: block;
    }

    .choice_list .active .fig_white {
        display: none;
    }

    .training_trainer_step .back {
        background: #4061AC;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 30px;
        border: none;
        display: inline-block;
        width: 135px;
        height: 37px;
        position: relative;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        line-height: 37px;
    }

    .training_trainer_step .btn_block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
	
	

   


    .class_time {
        column-count: 3;
       margin: -10px -8px 20px 1px;
    }

    .class_time .item {
         margin: -10px -10px -4px -12px;
    }
.class_time .item:first-child{
	 margin: 0 -10px -4px -12px;
}
    .class_time button {
        background: rgba(60, 92, 157, 0.78);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        border: none;
         width: calc(100% - 20px);
        height: 40px;
		margin:10px;
        position: relative;
        font-size: 20px;
        color: #fff;
        line-height: 40px;
        text-align: center;
    }

    .class_time button:hover {
        cursor: pointer;
    }

    .class_time button:disabled {
        background: #6B717B;
    }

    .class_time button:disabled:hover {
        cursor: default;
    }

    .class_time button.active {
        background: #fff;
        color: #dd5042;
    }

    .class_time .group:before {
        content: "";
        background: url(../img/new/class_time_groupe_white.svg) no-repeat 0 50%;
        width: 20px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 0;
    }

    .class_time .active.group:before {
        content: "";
        background: url(../img/new/class_time_groupe_blue.svg) no-repeat 0 50%;
        width: 20px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 0;
    }

    .class_time .one:before {
        content: "";
        background: url(../img/new/class_time_one_white.svg) no-repeat 0 50%;
        width: 18px;
        height: 40px;
        position: absolute;
        right: 22px;
        top: 0;
    }

    .class_time .active.one:before {
        content: "";
        background: url(../img/new/class_time_one_blue.svg) no-repeat 0 50%;
        width: 18px;
        height: 40px;
        position: absolute;
        right: 22px;
        top: 0;
    }

    main .training_trainer_step .time_wrapper {
        width: calc(100% - 294px);
    }

    .notes_calendar {
        width: 265px;
        margin: 10px auto 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .notes_calendar .item {
        display: flex;
        flex-direction: row;
        font-size: 12px;
        color: #fff;
    }

    .notes_calendar .dot {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        width: 15px;
        height: 15px;
        margin: 0 8px 0 0;
    }

    .training_trainer_step .search {
        background: #dd5042 url(../img/new/coach_search_lupa.svg) no-repeat 98% 50%;
        border-radius: 25px;
        width: 100%;
        height: 49px;
        margin: 0 0 7px;
        padding: 3px 110px 3px 3px;
        position: relative;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search:before {
        content: "Выберите тренера";
        position: absolute;
        top: 10px;
        left: 10px;
        right: 50px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }

    .training_trainer_step .search.over {
        background: #fff;
    }

    .training_trainer_step .search.over:before {
        display: none;
    }

    .training_trainer_step .search .field {
        background: #D3E0FE;
        border: 1px solid #D3E0FE;
        border-radius: 25px;
        display: none;
        height: 43px;
        padding: 5px 49px 6px 15px;
        font-size: 20px;
    color: #000;
        text-align: center;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search.over .field {
        display: inline-block;
        width: 100%;
    }

    .training_trainer_step .search .field:-moz-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field::-moz-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field::-webkit-input-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field:-ms-input-placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .field.placeholder {
        font-size: 20px;
    color: #000;
        opacity: 1;
    }

    .training_trainer_step .search .btn {
        background: #6B717B url(/img/arrow-right.svg) no-repeat 90% 50%;
        border: 0;
        border-radius: 25px;
        display: none;
        width: 102px;
        height: 43px;
        padding: 0 0 0 22px;
        position: absolute;
        top: 3px;
        right: 3px;
        font-size: 14px;
        color: #fff;
        text-align: left;
        transition: all 0.5s ease 0s;
    }

    .training_trainer_step .search.over .btn {
        display: inline-block;
    }

    .training_trainer_step .search .click.btn {
        background: #dd5042 url(/img/arrow-right.svg) no-repeat 90% 50%;
    }

    .training_trainer_step .delete {
        background: url(../img/new/coach_search_delete.svg) no-repeat 50% 50%;
        border: 0;
        display: none;
        width: 49px;
        height: 43px;
        position: absolute;
        top: 3px;
        right: 111px;
    }
	
	

	
	

    .coach_list {
        column-count: 2;
        margin: -10px 0 20px 4px;
    }

    .coach_list .item {
       margin: -10px -10px -4px -14px;
    }
.coach_list .item:first-child{
	 margin: 0 -10px -4px -14px;
}
    .coach_list button {
        background: rgba(60, 92, 157, 0.78);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 25px;
        border: none;
       width: calc(100% - 20px);
        height: 44px;
		margin:10px;
        padding: 10px;
        position: relative;
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    .coach_list button:hover {
        cursor: pointer;
    }

    .coach_list button:disabled {
        background: #6B717B;
    }

    .coach_list button:disabled:hover {
        cursor: default;
    }

    .coach_list button.active {
        background: #fff;
        color: #dd5042;
    }
	main .hero_slider .img_wrapper {
     background: url(../img/2024_danilov_promo.jpg) no-repeat 0 100%;
        background-size: 100%;
		width:100%;
		height:100%;
		right:auto;
		left:50%;
		transform:translate(-50%, 0);
		padding:0;
}
main .hero_slider .img_wrapper img{
	display:none;
}
header {
    height: 77px;
}

.additional_footer .call span {
    margin: 0 0 4px;
}
.additional_footer .mail span {
    margin: 0 0 4px;
}
footer .logo_section {
	position:absolute;
	top:22px;
	left:0;
 
}
footer .logo_section {
    width: 80px;
    height: 129px;
  }
footer .logo_2_footer {
    width: 126px;
    height: 124px;
 position:absolute;
 top: 31px;
 left: 115px;
	margin:0;
}
 
.bottom_wrapp .box_text .in {
  width: 25%;
  margin: 0 0 27px;
}
.text_block .h4 {
  margin: 0 0 43px;
  font-size: 36px;

}
.attention_block .h4 {
    margin: 0 0 14px;
    font-size: 24px;
  
  }
h2, .h2 {
    font-size: 32px;
  }
  
main .mxapp .title_wrapper::before {
    right: -10000px;
    left: -10000px;
  }
  .operating_mode {
    background-position: 0 12px;
    width: 60%;
    margin: 43px auto 0;
    font-size: 20px;
  }
.text_block p {
  font-size: 18px;
}
.text_block .title_2{
    margin: 0 0 66px;
}
.operating_mode .title_operating_mode {
    margin: 0;
  }
main .mxapp .title_wrapper .h3 {
  font-size: 36px;
}
main .mxapp .title_wrapper .info_text {
  font-size: 18px;
}
main .mxapp .title_wrapper .info_text span{
	
	font-size:18px !important;
}
main .mxapp .title_wrapper {
	margin:0 0 47px;
    padding: 32px 0 51px;
  font-size: 18px;
}
footer .box {
  width: auto;
  margin: 0;
  padding: 0;
}
footer .row {
  justify-content: flex-start;
}
main .mxapp {
    padding: 73px 0 0;
  }
}

@media (min-width: 1200px) {


    main .hero_slider .title {
		margin:0 0 4px;
		
		font-size:60px;
		
		
    }
	main .hero_slider .title_big {
	
		font-size:110px;
		
    }
	
}


@media (min-width: 1600px) {

main .hero_slider .text{
		top:72px;
}
    main .hero_slider .title {
		margin:0 0 4px;
		
		font-size:60px;
		
		
    }
	main .hero_slider .title_big {
	
		font-size:110px;
		
    }
}

@media (min-width: 1920px) {
	

}
/*# sourceMappingURL=style.css.map */