body * {
    font-family: Roboto, sans-serif !important;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

/*HEADER*/
.logo{ width: 135px; height: auto; }
a.navbar-brand {
    padding: 0;
    display: flex;
    justify-content: center;
}
.container{ max-width: 1358px; }
nav{ padding: 0.4rem 1rem; background: #15183c; }
.navbar-dark .navbar-nav .nav-link{ color: #fff; }
.navbar-brand{ margin-right: 0px; }
p, span, a{ font-size: 0.84vw; font-size: 16px; line-height: 24px;  }
h2{ font-size: 2.52vw; font-size: 48px; font-weight: 700; }
h3{ font-weight: 700; font-size: 1.89vw; font-size: 36px; line-height: 55px; }
h4{ font-weight: 700;  font-size: 1.68vw; font-size: 32px; line-height: 40px; }
h5{ font-weight: 600; font-size: 1.26vw; font-size: 24px; line-height: 31px; margin-bottom: 20px; }
h6{ font-weight: 600; font-size: 1.05vw; font-size: 20px; line-height: 25px; margin-bottom: 0px; }
a{ color: #0052A0; }
.nav-item{ color: #fff; }
.nav-link, .navbar .dropdown-item{ font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 20px; text-align: center; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{ color: #fff; text-decoration: underline; }
.navbar-nav.mr-auto{ gap: 10px; align-items: center; margin: auto; }
.nav-combine{ display: flex; }
.nav-combine .number a,
.nav-combine .nav-link.dropdown-toggle{ color:#fff; font-weight: 400; font-size: 1.042vw; font-size: 20px; line-height: 20px; }
.nav-combine .nav-link.dropdown-toggle{ padding-right: 0px; }
.nav-combine .nav-link.dropdown-toggle img{ width: 24px; height: 24px; }
.nav-combine span{ font-size: 0.785vw; font-size: 14px; line-height: 18px; }
.number { display: flex; flex-direction: column; border-right: 1px solid #fff; padding-right: 20px; }
.navbar .dropdown-toggle::after{ display: none; }
.navbar .dropdown-menu.show {
    width: 315px;
    text-align: center;
    right: 0px;
    left: inherit;
    top: 45px;
    border: none;
    background: #fff;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
}
.navbar .dropdown-item{ padding: 15px 0; }
.navbar .dropdown-item img{ margin: 0 10px; }
.navbar-dark .navbar-toggler{ border: none;  }
.navbar-dark .navbar-toggler-icon{ background: none; display: flex; }

header { transition: transform 0.3s ease; width: 100%; z-index: 1000; }
.header-fixed { position: fixed; top: 0; left: 0; }


.registration .number{ border-right: 1px solid #353A40; }
.registration .number, .registration .nav-combine .number a, .registration .nav-combine .nav-link.dropdown-toggle{color:#353A40;}
nav.registration { background: #fff; }
.reg-left-side{ display: flex; justify-content: center; align-items: center; overflow: hidden; }
.reg-inner { height: 100vh; overflow: hidden; border-radius: 15px; background: #F7F7FA; margin-bottom: 2.89vw;   }
.reg-left-side img{ height: 100%; width: auto; }
.reg-inner .row, .reg-inner .col-lg-6, .reg-inner .reg-left-side, .reg-inner .form-container { height: 100%; }
.form-container{ display: flex; justify-content: center; align-items: center; padding-right: 20px; }
.reg-inner .center-form-align{ height: auto; }

/*HOME*/
#home{ position: relative; }
#home .bg-block{ height: calc(100vh - 56px); overflow: hidden; display: flex; align-items: flex-end; }
#home .bg-block img { width: 100%; height: auto;}
#home .bg-block:before{ content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #13193D 15%, rgba(15, 24, 51, 0) 115.02%); position: absolute; top: 0; }
.home-block{ position: absolute; top: 0; width: 100%; height: 100%; display: flex; }
.home-block .col-12{ align-items: center; position: static; justify-content: center; display: flex; padding: 15px 0; margin-top: 5.25vw; text-align: center; flex-direction: column; color: #fff; }
.home-block .container{ position: relative; }
.home-block h3{ font-weight: 400; font-size: 1.68vw; font-size: 32px; }
.home-block h1{  font-weight: 500; font-size: 4.20vw; font-size: 80px; }
.home-block .date-location{ display: flex; flex-direction: column; font-size: 1.05vw; line-height: 35px; margin: 10px 0 20px; }
.home-block .date-location span{ font-size: 1.05vw; font-size: 20px; line-height: 35px; }
.home-block .reg-info{ line-height: 26px; position: absolute; bottom: 30px; }
.home-block .reg-info p{ font-size: 1.05vw; font-size: 20px; }
.reg-block button{ width: 205px; padding: 15px 10px; border: 2px solid #6093C5; background: none; color: #fff; border-radius: 10px; margin: 10px; }
.reg-block button:first-child{ background: #6093C5; }
.center-form-align{ width: 440px; }
.center-form-align p, .restore-form p,
.thanks-registration p, .login-form p{ font-weight: 400; margin-bottom: 1.58vw; font-size: 0.84vw; font-size: 16px; line-height: 24px; color: #636A71; }
#registration-form label, .login-form label, .restore-form label,
#request-form label{ flex: 100%; color: #79828A; font-weight: 400; font-size: 0.74vw; font-size: 14px; line-height: 18px; letter-spacing: 0.25px; }
#registration-form input, #registration-block .login-form input, #registration-block .restore-form input,
#request-form input{ height: 45px; padding: 0 10px; border: 1px solid #D9DCDF; border-radius: 10px; font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 24px; }
#request-form select{ height: 45px; padding: 0 10px; border: 1px solid #D9DCDF; border-radius: 10px; font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 24px; }
#registration-form input::placeholder, .login-form input::placeholder, .restore-form input::placeholder,
#request-form input::placeholder{ color: #A1A9AF; }
.ingroup-two-blocks{ display: flex; gap: 10px; }
.ingroup-two-blocks div{ flex: 1; }
.input-group{ margin-bottom: 1.05vw; }
.checkbox{ margin-bottom: 1.05vw; }
.checkbox input{ display: none; }
.checkbox label{ margin-bottom: 0; }
.checkbox span{ display: flex; align-items: center; gap: 10px; font-size: 0.63vw; font-size: 12px; }
.checkbox input + span:before{ content: ''; display: block; width: 20px; height: 20px; border: 1px solid #0052A0; border-radius: 5px; }
.checkbox input:checked + span:before{ content: url(/files/img/yes.svg); border: none; }
#registration-form button,
#request-form button, .thanks-registration button, .restore-form button,
.login-form button{ background: #0052A0; width: 100%; color: #fff; font-size: 16px; padding: 10px 0; text-align: center;
border: none; border-radius: 10px; outline: none!important; }
#registration-form p,
#request-form p{ text-align: center; margin: 15px auto 0; font-size: 0.84vw; font-size: 16px; }
#request-form{ padding-bottom: 20px; }

    /*ABOUT*/
#about{ padding-top: 5.25vw; background: #F7F7F8; padding-bottom: 3.15vw; }
.about-img-block img{ width: 100%; height: auto; }
.about-img-block{ display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 15px; }
.about-text-block{ border-radius: 15px; background: #EBEDEE; padding: 25px; }
/* .about-block { display: grid; gap: 15px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(9, 4vw);
    transition: max-height 1s ease;  margin-top: 30px;} */
.about-1 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 4; }
.about-2 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 7; }
.about-3 { grid-column-start: 5; grid-column-end: 13; grid-row-start: 1; grid-row-end: 7; }
.about-4{ grid-column-start: 1; grid-column-end: 5; grid-row-start: 7; grid-row-end: 10; }
.about-5 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 7; grid-row-end: 10; }
.about-6 { grid-column-start: 9; grid-column-end: 13; grid-row-start: 7; grid-row-end: 10; }
.about-text-block span{ display: block; font-weight: 700; font-size: 2.52vw; font-size: 48px;  line-height: 55px; color: #0052A0; margin-bottom: 20px; }
.about-text-block b{ display: block; font-weight: 600; font-size: 1.26vw; font-size: 24px; line-height: 30px; margin-bottom: 10px; }

/*RECOMEND*/
#recomendations{ padding-top: 3.15vw; background: #F7F7F8; padding-bottom: 4.20vw; }
.btn.btn-link{ font-weight: 600; font-size: 1.26vw; font-size: 24px; line-height: 32px; color: #353A40; padding: 0;
    width: 100%; display: flex; align-items: center; justify-content: space-between;}
.card-body{ font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 24px; }
#recomendations .card{ margin-bottom: 15px; background: #EBEDEE; border: 1px solid #EBEDEE; border-radius: 15px;}
.card .card-body{ padding: 0 0.98vw 0.98vw; border: none; background: none; }
.card .card-header{ padding: 0.98vw; border: none; background: none; }
.card .card-header button:hover, #accordion .card .card-header button:active,
.card .card-header button:focus{ text-decoration: none; }
.btn.btn-link span{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #0052A0; }
.btn.btn-link span:before{ content:''; width: 14px; height: 2px; background: #fff;  }
.btn.btn-link.collapsed span:after{ content:''; width: 14px; height: 2px; background: #fff; position: absolute; transform: rotate(90deg); }

/*PROGRAMM*/
#programm{ padding-top: 4.20vw; padding-bottom: 3.15vw; }
.programm-menu{ margin-top: 1.58vw; margin-bottom: 1.05vw; }
.programm-menu .nav-link{ max-width: 320px; border: none; background: #F7F7F8; margin-bottom: 15px; display: flex; justify-content: space-between;
    padding: 15px; border-radius: 10px; font-size: 0.84vw; font-size: 16px; color: #636A71; outline: none!important; }
.programm-menu .nav-link .pr-day{ color: #353A40; }
.programm-menu .nav-link.active{ background: #E1EDF8; color: #636A71; }
.programm-menu .nav-link:hover{ background: #E1EDF8; color: #636A71; }
.programm-menu .nav-link.active .pr-day{ background: #E1EDF8; color: #0052A0; }
.programm-button { display: flex; flex-direction: column; gap: 20px; }
.dwnld-button{ max-width: 245px; border-radius: 10px; background: #F7F7F8; padding: 15px; color: #353A40; display: flex;
align-items: center; justify-content: center; gap: 10px; text-decoration: none!important; }
.dwnld-button:hover{ background: #EBEDEE; color: #353A40;  }
.prog-body{ border-radius: 15px; background: #F7F7F8; margin-bottom: 20px; }
.prog-item{ margin-bottom: 0.53vw; }
.prog-time{ font-weight: 700; font-size: 1.05vw; font-size: 20px; line-height: 26px; margin-bottom: 10px; }
.prog-body.row{ margin-left: 0; margin-right: 0; padding: 1.31vw 0.53vw; }
.prod-left{ display: flex; justify-content: space-between; flex-direction: column; }
.category{ display: inline-block; border-radius: 10px; background: #0052A0; color: #fff;
    gap: 10px; padding: 10px; margin-bottom: 15px;}
/* .category.cat-brack:before{ content: url(/files/img/brackfest.svg); margin-right: 5px;} */
.boked{ color: #636A71;  font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 24px; display: flex; align-items: center;
margin-bottom: 0;}
.boked:before{ content: url(/files/img/checked.svg); margin-right: 10px; margin-top: 5px; }
.prog-img, .tab-image { display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 15px; }
.prog-img img, .tab-image img{ width: 100%; height: auto; }
.prog-bottom ul{ padding-left: 16px; margin-top: 15px; margin-bottom: 0; }
.prog-bottom ul li{ font-weight: 400; font-size: 0.84vw; font-size: 16px; line-height: 24px; color: #636A71; }
.prog-bottom ul li::marker { color: #0052A0; }
.prog-content p{ color: #636A71; margin-bottom: 0px; }
.prog-content .prog-img{ margin-top: 20px; }
.only-mobile{ display: none!important; }
.modal-title{ font-weight: 600; font-size: 18px; line-height: 24px; }
.modal-header{ align-items: center; justify-content: center; border-bottom: 0; }
.modal-dialog button.close{ width: 24px; height: 24px; position: absolute; background: #F3F3F7; border-radius: 50%;
    right: 30px; display: flex; align-items: center; justify-content: center; }

/*LOGISTIC*/
#logistic{  padding-top: 1.05vw; padding-bottom: 2.10vw; }
.tab-image{ margin-bottom: 20px; }
.dest-time{ display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 10px;
    margin-bottom: 15px; position: relative; border-bottom: 1px solid #BDC2C6; }
.dest-time:before{ content: ''; display: block; width: 8px; height: 8px; background: #bdc2c6; border-radius: 50%;
    position: absolute; bottom: -4px; }
.dest-time:after{ content: ''; display: block; width: 8px; height: 8px; background: #bdc2c6; border-radius: 50%;
    position: absolute; bottom: -4px; right: 0; }
.start-time, .end-time{ font-weight: 600; font-size: 1.26vw; font-size: 24px; line-height: 30px; }
.duration{ font-weight: 400; font-size: 0.74vw; font-size: 14px; line-height: 20px; color: #636A71; }
.dest-info{ display: flex; justify-content: space-between; color: #636A71; line-height: 24px; margin-bottom: 20px;}
.dest-info p{ margin: 0; }
.dest-info p:nth-child(2){ color: #353A40; }
.dest-finish{ text-align: right; }
.driver-info{ padding: 20px 0; color: #636A71; margin-bottom: 20px; border-top: 1px solid #E4E6E8; border-bottom: 1px solid #E4E6E8; display: flex; justify-content: space-between; }
.driver-info p{ margin: 0; }
.driver-info a{ color: #0052A0; }
.passenger{ color: #636A71; }
.passenger .card{ background: none; border: none; }
.passenger .card-header{ padding: 0; }
.passenger .card-header h5{ display: flex; gap: 20px; height: 20px; }
.passenger .card-header h5 .btn.btn-link{ width: auto; font-weight: 400; font-size: 0.84vw; font-size: 16px;
    line-height: 20px; color: #636A71;   outline: none!important; }
.passenger .boked{ padding-left: 20px; border-left: 1px solid #E4E6E8; border-radius: 0; }
.passenger .card-header h5 .btn.btn-link:before{ content: url(/files/img/carret.svg); margin-right: 5px; margin-top: 5px; margin-left: -3px; }
.passenger .card-header h5 .btn.btn-link.collapsed:before{ transform: rotate(180deg); margin-top: -5px; }
.passenger .card-body{ padding-right: 0; padding-bottom: 0; }
.passenger .card-body ul{ padding-left: 0; display: flex; flex-wrap: wrap; margin: 20px 0 0; gap: 10px; }
.passenger .card-body ul li{ flex: calc(50% - 10px); }
.passenger .card-body ul li.user{ color: #0052A0; }
.passenger ul li::marker { color: #0052A0; }

/*ORGANIZATORS*/
#organizators{ padding-top: 2.63vw; padding-bottom: 2.63vw;  }
#organizators h2{ padding-bottom: 1.58vw; }
.org-card{ margin-bottom: 0; height: 100%; display: flex; flex-direction: column; padding-bottom: 20px; }
.org-card .org-photo{ display: none; justify-content: center; align-items: flex-start;  border-radius: 15px; position: relative;
    z-index: 2; overflow: hidden; max-height: 420px; }
.org-card img { width: 100%; height: auto; }
.org-card-info { margin-top: -25px; background: #F7F7F8; padding: 45px 1.05vw 1.05vw; border-radius: 15px; flex: 1;}
.org-card-info span{ color: #636A71; }
.org-card-info p{ margin-bottom: 10px; }
.org-contacts{ padding-top: 10px; border-top: 1px solid #DFE1E2; }
.org-contacts a{ text-decoration: none!important; display: block; }
.org-contacts a:first-child{ color: #636A71; }
.org-list{ padding: 1.58vw 0; }

/*MATERIALS*/
#materials{ padding-top: 2.63vw; padding-bottom: 2.63vw; background: #F7F7F8; }
.mt-galery{ padding-top: 1.58vw; padding-bottom: 1vw; }
.mt-galery-inner{ padding: 0.53vw 0; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.photo-item{ position: relative; overflow: hidden; border-radius: 15px; }
.photo-item img{ width: 100%; height: 100%; object-fit: cover; }
.remaining-count{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0052A0CC;
    color: white; display: flex; justify-content: flex-start; align-items: baseline; cursor: pointer;
    backdrop-filter: blur(5px); font-weight: 700; font-size: 2.52vw; font-size: 48px; line-height: 55px;
    padding: 25px; }
.hidden{ display: none; }
.mt-video{ padding-top: 1.58vw; padding-bottom: 1.58vw;}
.mt-video .owl-item{ padding: 0; }
.mt-video .item{ padding: 0; height: auto; display: flex; flex-direction: column; text-align: left;}
.for-video {height: 320px; overflow: hidden; border-radius: 15px; position: relative; }
.mt-video .owl-carousel .owl-item img { object-fit: cover; width: 100%; height: 100%; }
.video-text { width: 100%; margin-top: -25px; background: #EBEDEE; padding: 2.3vw 1.05vw 1.05vw; border-radius: 15px; }
.video-text span{  font-size: 0.74vw; font-size: 14px; line-height: 20px; color: #636A71; }
.for-video a{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.for-video a:before{ content: url(/files/img/play.svg); position: absolute; z-index: 2; width: 96px; height: 96px; transition: all 0.3s ease;}
.for-video a:after{ content: ''; z-index: 1; position: absolute; width: 128px; height: 128px; backdrop-filter: blur(5px); border-radius: 50%;}
.for-video a:hover:before{ transform: scale(0.9); transition: all 0.2s ease;  }
.video-carusel{ position: relative; margin-top: 1.05vw; }
.owl-prev, .owl-next{ outline: none!important; display: flex!important; align-items: center; justify-content: center; }
.owl-prev:before, .owl-next:before{ content: url(/files/img/union.svg); left: -4px; position: absolute; z-index: 1; width: 60px; height: 104px; }
.owl-prev span, .owl-next span{ height: 52px; width: 52px; background: #EBEDEE!important; border-radius: 50%!important;
    outline: none!important; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;
font-size: 0;}
.owl-prev span:before, .owl-next span:before{ content: url(/files/img/arrow.svg); width: 24px; height: 24px; }
.owl-prev span:before{ transform: rotate(180deg); }
button.owl-prev {position: absolute; left: -31px; top: calc(50% - 45px); }
button.owl-next { position: absolute; right: -31px; top: calc(50% - 45px); }
.owl-prev:before{ transform: rotate(180deg); }
.owl-nav button.disabled{ display: none!important; }
.mt-documents .dwnld-button{ background: #EBEDEE; max-width: initial; width: 100%; margin-bottom: 1.04vw; justify-content: flex-start; }
.mt-documents{ padding-top: 1.04vw; padding-bottom: 1.04vw;}
.mt-documents h3{ padding-bottom: 0.53vw;}
.mt-documents .dwnld-button:hover{ opacity: 0.8; }

/*Adress*/
#adress{ padding:3.15vw 0 2.10vw; background: #0052A0; color: #fff;}
.map{ overflow: hidden; border-radius: 15px; }
.adress-list{ display: flex; flex-direction: column; overflow-y: auto; max-height: 570px; scrollbar-width: thin;
    scrollbar-color: #3072B2 #0D5BA6; padding-right: 20px; gap: 20px; }
.adress-item{ display: flex; background: #0D5BA6; border-radius: 15px; flex-direction: column; padding: 0.79vw; cursor: pointer; }
body::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #EECFBA, #C5DDE8);
    border-radius: 20px;
    border: 3px solid #050c26;
}
.adress-list::-webkit-scrollbar {
    width: 6px;
}
.adress-list::-webkit-scrollbar-track {
    background: #0D5BA6;
    border-radius: 3px;
}
.adress-list::-webkit-scrollbar-thumb {
    background-color: #3072B2;
    border-radius: 3px;
}
.adress-list {
    scrollbar-width: thin;
    scrollbar-color: #3072B2 #0D5BA6;
}
.adress-item p{ font-weight: 600; font-size: 1.05vw; font-size: 20px; line-height: 26px; margin-bottom: 15px; display: flex;
    align-items: flex-start; justify-content: space-between; }
.adress-item span{font-weight: 400;font-size: 0.84vw; font-size: 12px; line-height: 20px; }
.adress-item.active{ color: #0052A0; background: #E1EDF8;}
.adress-item p:after{ content: url(/files/img/marker.svg); width: 16px; height: 22px; display: block; }
.adress-item.active p:after{ content: url(/files/img/marker-active.svg); }
#adress h2 {
    padding-bottom: 1.58vw;
}

.thanks-registration, .login-form, .restore-form{ display: flex; flex-direction: column; justify-content: center; width: 440px; }
.login-form button, .restore-form button{ margin-top: 15px; }
button.restore-btn{ background: #E8F1FB; color: #0052A0; }
.login-form h4, .restore-form h4{ margin-bottom: 20px; }
.forget-pass { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 20px; }
.registration.navbar .dropdown-menu.show { border: 1px solid #353A40;}

/*FOOTER*/
footer{ background: #0052A0; color: #fff; padding: 2.10vw 0;}
footer a { color: #fff;}
footer a:hover { color: #fff;}
.f-header a{  text-decoration: none; font-weight: 500; font-size: 0.84vw; font-size: 16px; line-height: 24px; display: flex;
    align-items: center; gap: 10px; }
.f-header a span{ line-height: 23px; padding-left: 10px; border-left: 1px solid #fff; }
footer ul.navbar-nav.mr-auto { display: flex; flex-direction: row; gap: 35px; padding: 1.05vw 0;
    border-top: 1px solid #3072B2; border-bottom: 1px solid #3072B2; }
.f-menu{ margin: 1.58vw 0 1.05vw; }
.f-menu a:hover{ text-decoration: underline; }
.copyright p{ font-weight: 400; line-height: 16px; letter-spacing: 0.2px; font-size: 0.63vw; font-size: 12px; margin: 0; }
a.on-top { width: 52px; height: 52px; display: flex; border-radius: 50%; align-items: center;
    justify-content: center; background: #3072B2; cursor: pointer; }
.copyright { display: flex; align-items: center; justify-content: space-between; }

@media screen and (max-width: 1319px) {
    .d-md-none{ display: none!important; }
    .dropdown.d-lg-none{ display: block!important; }
    .about-1 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 5; }
    .about-2 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 9; }
    .about-3 { grid-column-start: 5; grid-column-end: 13; grid-row-start: 1; grid-row-end: 9; }
    .about-4 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 9; grid-row-end: 11; }
    .about-5 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 9; grid-row-end: 11; }
    .about-6 { grid-column-start: 9; grid-column-end: 13; grid-row-start: 9; grid-row-end: 11; }
    .navbar{ padding-left: 0; padding-right: 0; }
    .owl-prev, .owl-next{ display: none!important; }
}

@media screen and (max-width: 1179px) {
    .nav-combine .nav-link.dropdown-toggle{ padding-right: 15px; }
    .navbar-expand-lg .navbar-toggler { display: inline-block; border-left: 1px solid #fff; padding-right: 0; border-radius: 0; outline: none!important; }
    .navbar-dark .navbar-toggler-icon {width: 32px; height: 32px; }
    .navbar-expand-lg .navbar-collapse{ display: none!important; }
    .navbar-expand-lg .navbar-collapse.show{ display: flex!important; }
    .navbar-dark .navbar-brand{ order: 1; }
    .navbar-collapse{ order: 3; }
    .navbar-nav.mr-auto{ flex-direction: row; margin-left: 0; justify-content: space-between; width: 100%; }
    .nav-item.dropdown{ order: 2; }
    .nav-item.dropdown.d-lg-none{ display: none!important; }
    .nav-item.d-md-none.d-lg-block{ display: block!important; }
    .navbar.navbar-expand-lg.navbar-dark .container{ flex-wrap: wrap; padding-left: 15px; padding-right: 15px;  }
    .home-block h1{ font-size: 56px; }
    .home-block .date-location span { font-size: 16px; line-height: 20px; }
    .home-block .reg-info p { font-size: 16px; line-height: 20px;}
    #home .bg-block{ height: auto; }
    h2, .about-text-block span { font-size: 40px; line-height: 48px; }
    /* .about-block { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(7, 7vw); } */
    .about-1 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; }
    .about-2 { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 4; }
    .about-3 { grid-column-start: 1; grid-column-end: 9; grid-row-start: 4; grid-row-end: 8; }
    .about-4 { grid-column-start: 9; grid-column-end: 13; grid-row-start: 4; grid-row-end: 6; }
    .about-5 { grid-column-start: 9; grid-column-end: 13; grid-row-start: 6; grid-row-end: 8; }
    .about-6 {display: none;}
    .about-text-block span { margin-bottom: 1.05vw; }
    .about-text-block { padding: 1.31vw; }
    .card-header{ padding: 10px; }
    .card-body{ padding: 0 10px 10px; }
    .btn.btn-link span{ flex: none; }
    .btn.btn-link { align-items: center; text-align: left; }
    #recomendations .btn.btn-link { align-items: baseline; }
    .programm-menu { margin-top: 25px; }
    .programm-menu .flex-column{ flex-wrap: nowrap; flex-direction: row !important; gap: 20px; }
    .programm-menu .nav-link {flex: 25%;}
    .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .org-card { background: #f7f7f8; padding: 15px; border-radius: 15px; margin-bottom: 20px; }
    .org-card .org-photo{ width: 128px; height: 128px; border-radius: 50%; }
    h6{ font-size: 16px; line-height: 20px; }
    .org-card-info{ padding-left: 0; padding-right: 0; padding-bottom: 0; }
    .org-contacts a:first-child{ overflow-wrap: break-word; }
    .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    #organizators { padding-bottom: 40px; }
    #materials h2{ margin-bottom: 20px; }
    .mt-galery, .mt-video, .mt-documents{ padding-top: 30px; }
    .remaining-count{ font-size: 40px; line-height: 48px; }
    .for-video { height: 270px; }
    .video-text { padding: 40px 15px 15px;}
    #materials{ padding-bottom: 40px; }
    .adress-list { max-height: 480px; }
    .map iframe{ height: 480px; }
    .adress-item { padding: 15px; }
    #adress{ padding-bottom: 40px; }
    footer ul.navbar-nav.mr-auto { gap: 20px; }
    .about-text-block{ padding: 15px; }
    .programm-button { position: absolute; right: 10px; top: 0; justify-content: center; align-items: flex-start;
        flex-direction: row-reverse; }
    .hidden-md{ display: none; }
    .registration .navbar-toggler{ display: none; }
}

@media screen and (max-width: 769px) {
    .navbar.navbar-expand-lg.navbar-dark .container { padding-left: 0px; padding-right: 0;}
    .navbar { padding-left: 10px; padding-right: 10px; }
    .number, .nav-link.dropdown-toggle{ display: none; }
    header.mobile-menu { height: 100vh; }
    .navbar-expand-lg .navbar-toggler{ border-left: 0; }
    .mobile-menu .number{ display: flex; }
    .mobile-menu .nav-link.dropdown-toggle{ display: block; }
    .mobile-menu nav.navbar { height: 100%; background: #0052A0; }
    .mobile-menu .container { flex-direction: column; height: 100%; align-items: baseline; justify-content: space-between; padding-top: 14px;
    padding-bottom: 14px;}
    .mobile-menu .reg-need { order: 2; }
    .mobile-menu .reg-need ul { flex-direction: column; align-items: baseline; height: 100%; justify-content: flex-start; padding-top: 20px; }
    .mobile-menu .nav-item.dropdown { order: 3; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 20px;
        align-items: center; padding-top: 20px; border-top: 1px solid #3a73b1;}
    .mobile-menu button.navbar-toggler { position: fixed; right: 15px; top: 13px; border-left: 0; }
    .mobile-menu button.navbar-toggler span img { display: none; }
    .mobile-menu button.navbar-toggler span:before { content: url(/files/img/close.svg); width: 24px; height: 24px; display: block; }
    .mobile-menu .navbar-collapse{ flex-basis: inherit; }
    .mobile-menu .container .nav-combine:after { content: "© 2025 Концерн «Энергомера»"; display: block; padding: 20px 0 0;
        color: #fff; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0.2px;
        border-top: 1px solid #3072B2; flex: 100%; }
    .mobile-menu .navbar .dropdown-menu.show { top: -85px; }
    .mobile-menu .number { gap: 10px; border-right: 0;}
    .mobile-menu .nav-combine .nav-link.dropdown-toggle { border-left: 1px solid #fff; }
    .home-block h3 { font-size: 24px; line-height: 28px; }
    .home-block .col-12 { margin-top: 10px; }
    .home-block h1 { font-size: 36px; }
    .home-block .date-location { gap: 10px; }
    .home-block .reg-info { bottom: 0px; }
    h2, .about-text-block span { font-size: 32px; line-height: 38px; }
    #about{ padding-top: 50px;}
    .about-text-block b { font-size: 20px; line-height: 26px; }
    /* .about-block { grid-template-rows: repeat(11, 8vw); gap: 10px; } */
    .about-3 { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 9; }
    .about-4 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 9; grid-row-end: 12; }
    .about-5 { grid-column-start: 7; grid-column-end: 13; grid-row-start: 9; grid-row-end: 12; }
    #recomendations .btn.btn-link { align-items: center; }
    .card .card-header { border-radius: 0; padding: 10px; }
    .card .card-body { padding: 0 10px 15px; }
    #programm .dwnld-button { position: static; }
    .programm-menu .flex-column { flex-wrap: wrap; flex-direction: column!important; gap: 0px; }
    .programm-menu .nav-link { flex: 100%; max-width: inherit; }
    #about, #recomendations{ background: #ffffff; }
    #recomendations { padding-top: 60px; }
    #recomendations h2{ margin-bottom: 20px; }
    #recomendations .card { background: #F7F7FA; }
    #programm .dwnld-button{ max-width: inherit; }
    .programm-inner{ display: none!important; }
    .modal { transition: opacity 0.15s linear; display: none; }
    .modal.show { display: block; opacity: 1; }
    .modal-dialog{margin: 0; max-width: inherit; padding: 10px; }
    .modal-body { max-height: 100%; overflow-y: auto; width: 100%; padding: 0 10px;}
    .modal-body .tab-pane.fade{ opacity: 1!important; }
    #universalModal { display: none !important; }
    .modal-body .close { font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; opacity: 0.5;
        background: transparent; border: none; cursor: pointer; padding: 0; }
    .programm-menu .nav-link.active{  color: #636A71;   background: #F7F7F8; }
    .programm-menu .nav-link.active .pr-day { background: none; color: #353A40; }
    span.pr-date:after { content: ''; width: 9px; height: 9px; display: inline-block; border-bottom: 2px solid #6d7279;
        border-right: 2px solid #6d7279; transform: rotate(-45deg); margin-left: 10px; }
    .modal-title{ font-weight: 600; font-size: 16px; line-height: 24px; }
        .prog-time { text-align: center; }
    .prog-body.row { padding: 10px 0 25px; }
    .prog-bottom ul { margin-top: 0; }
    .prog-bottom { padding: 15px 0; margin-top: 15px; margin-bottom: 15px; border-top: 1px solid #EAECEE;
        border-bottom: 1px solid #EAECEE; }
    h5{ font-size: 20px; line-height: 24px; }
    .prog-content h5{ margin-bottom: 10px; }
    .prog-item { margin-bottom: 40px; }
    .prog-item:last-child { margin-bottom: 0px; }
    #logistic { padding-top: 40px; padding-bottom: 20px;}
    #logistic .tab-image{ display: none; }
    .only-mobile{ display: flex!important; }
    #logistic .tab-image.only-mobile { margin-top: 20px; }
    .selector-panel.only-mobile{ align-items: center; justify-content: space-between; background: #F7F7FA;
        padding: 5px; gap: 2px; border-radius: 10px; }
    .selector-panel.only-mobile a { flex: 1; padding: 10px 0; border-radius: 10px; font-weight: 400;
        font-size: 16px; line-height: 20px; text-align: center; color: #353A40; }
    .selector-panel.only-mobile a.active { background: #fff; box-shadow: 2px 2px 5px #7878780d; }
    .programm-button { top: -5px; }
    .driver-info { justify-content: flex-start; flex-direction: column; padding: 20px 0; margin-bottom: 20px;
        border-top: 1px solid #EAECEE; border-bottom: 1px solid #EAECEE; }
    .passenger .card-header h5 { display: flex; gap: 20px; height: auto; flex-direction: column-reverse; align-items: baseline; }
    .passenger .boked { padding-left: 0; border-left: 0; border-bottom: 1px solid #eaecee; padding: 0 0 20px; width: 100%; }
    .card .card-header { padding: 0;}
    .prog-item { margin-bottom: 20px; }
    .passenger .card-body{ padding-bottom: 0; }
    .passenger .card-body ul{ padding-left: 10px; }
    .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    #materials { padding-top: 40px; }
    h3{ font-size: 32px; line-height: 38px; }
    .mt-galery-inner { gap: 10px; }
    .mt-galery, .mt-video, .mt-documents { padding-top: 40px; }
    .for-video { height: 200px; }
    .video-carusel { margin-top: 20px; }
    .mt-documents .dwnld-button { margin-bottom: 10px; }
    .mt-documents h3 { padding-bottom: 10px; }
    #adress .row > div:first-child{ order: 1; }
    #adress .row > div:nth-child(2){ order: 3; }
    #adress .row > div:nth-child(3){ order: 2; }
    #adress { padding-bottom: 60px; padding-top: 40px; }
    .adress-list { margin-top: 20px; }
    .f-header { margin-bottom: 20px; }
    .f-menu { margin: 10px 0; }
    footer { padding: 10px 0; }
    footer ul.navbar-nav.mr-auto { flex-wrap: wrap; }
    #registration-form button, #request-form button { margin-top: 10px; padding: 10px 0; }
    .form-container { padding-right: 0px; }
    .input-group { margin-bottom: 15px; }

}
@media screen and (max-width: 659px) {
    .navbar-dark .navbar-toggler {  border-left: none; }
    .nav-combine { order: 2; }
    #home .bg-block { height: calc(100vh - 48px); overflow: hidden; display: flex; align-items: flex-end;
        justify-content: center; }
    #home .bg-block img { width: auto; height: 100vh; }
    .home-block h3 {  max-width: 350px;  }
    .home-block h1 {  margin-top: 20px;  }
    .hidden-xs { display: none; }
    .mobile-menu .container { padding-top: 10px; }
    .home-block .col-12{ padding-left: 10px; padding-right: 10px; }
    .reg-need.reg-block{ width: 100%;  }
    .reg-block button { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 5px; }
    /* .about-block { grid-template-rows: auto; grid-template-columns: auto; } */
    .about-1 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 6; }
    .about-2 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 6; grid-row-end: 11; }
    .about-3 { grid-column-start: 1; grid-column-end: 7; grid-row-start: 11; grid-row-end: 16; }
    .about-4 { grid-column-start: 1; grid-column-end: 4; grid-row-start: 16; grid-row-end: 18; }
    .about-5 { grid-column-start: 4; grid-column-end: 7; grid-row-start: 16; grid-row-end: 18; }
    .btn.btn-link { font-size: 20px; line-height: 26px; padding: 10px; }
    #programm, #organizators { padding-top: 40px; padding-bottom: 40px; }
    .checkbox span { line-height: 16px; }
    .passenger .card-header h5 .btn.btn-link { padding: 0; }
    .passenger .card-body ul li { flex: 100%; }
    .col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    #materials h3{ margin-bottom: 15px; }
    .mt-galery-inner { padding: 0; grid-template-columns: auto; }
    .remaining-count { font-size: 32px; line-height: 38px; padding: 10px; }
    .mt-video .owl-carousel .owl-item img { height: auto; }
    .map iframe { height: 220px; }
    .adress-item span { font-size: 16px; line-height: 20px; }
    .navbar-nav.mr-auto { justify-content: left;}
    footer ul.navbar-nav.mr-auto { gap: 10px 40px; padding: 20px 0; }
    .f-header { margin-bottom: 30px; }
    .copyright { padding: 10px 0; }
    .programm-button { position: static; justify-content: flex-end; align-items: flex-start; flex-direction: column; }
    .reg-inner { height: auto;
        background: #ffffff; margin-top: 10px; }
    .registration .number, .nav-link.dropdown-toggle { display: flex; }
    .registration .navbar-dark .navbar-brand { flex: 100%; }
    .registration .navbar .container{ justify-content: flex-start; }
    .registration .nav-item.dropdown{  justify-content: space-between; display: flex; flex: 100%; margin-top: 10px; }
    .registration .number { border-right: none; }
    .registration .nav-combine .nav-link.dropdown-toggle { padding-right: 0; border-left: 1px solid #353A40; }
    .center-form-align p, .restore-form p, .thanks-registration p, .login-form p { margin-bottom: 20px;}
    .org-card { height: auto; }
    #registration-block{ background: #F3F3F7; }
    #registration-block .reg-inner{ margin-top: 0; background: none; margin-bottom: 0; }
    .navbar.registration, .reg-inner .center-form-align, .thanks-registration, .login-form, .restore-form, .step.hidden{ display: none; }
    .only-mobile.rgst-mobile { flex-direction: column; overflow: hidden; height: 100vh; }
    .rgst-header { display: flex; justify-content: space-between; align-items: center; padding-top: 15px; }
    .rgst-header ul{ list-style: none; margin: 0; padding: 0; display: flex; gap: 5px; }
    .rgst-header ul li{ display: block; width: 8px; height: 8px; background: #D9DCDF; border-radius: 50%; }
    .rgst-header ul li.active{ background: #0052A0; }
    .rgst-header ul li.done{ background: #8BB1D6; }
    .rgst-mobile form{ height: calc(100% - 40px); }
    div.step { display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding-top: 20px;}
    div.step h4{ font-size: 24px; line-height: 40px; }
    div.step p{ color: #636A71; }
    #registration-block div.step label { flex: 100%; color: #79828A; font-weight: 400;  font-size: 14px; line-height: 18px;
        letter-spacing: 0.25px; }
    #registration-block div.step input { height: 52px; padding: 0 10px; border: 1px solid #D9DCDF; border-radius: 10px;
        font-weight: 400;  font-size: 16px; line-height: 24px; outline: none!important; box-shadow: none; }
    #registration-block div.step input::placeholder{ color: #A1A9AF; }
    div.step .input-group.input-group-sm{ margin-top: 10px; }
    div.step .rgst-top{ margin-bottom: 30px; }
    .has-account{ text-align: center; margin-top: 30px; }
    .rgst-foot button{ background: #0052A0; width: 100%; color: #fff; font-size: 16px; padding: 14px 0; text-align: center;
    border: none; border-radius: 10px; outline: none!important; }
    .rgst-foot button.not-active{ background: #DEE1E3; color: #BDC2C6; }
    .rgst-foot p{  font-size: 10px; line-height: 12px; color: #636A71; text-align: center; margin: 20px 0 30px; }
    .rgst-foot p a{  font-size: 10px; line-height: 12px; }
    .rgst-body p span{  color: #353A40; }
    .rgst-foot p.code-info, .rgst-foot p.code-info span{  font-size: 12px; line-height: 18px; margin: 15px 0; }
    div.step p.error {color: #F13434; font-size: 12px;line-height: 18px; flex: 100%; margin: 5px 0;}
    div.step p.error.hidden.show { display: block; }
    #registration-block div.step input.error { border: 1px solid #F13434; color: #F13434; }
    .rgst-foot button.btn-skip{ background: #E1EDF8; color: #0052A0; margin-top: 20px; }
}