/* Настройки шаблона */
@font-face {
font-family: "Doloman-Pavljenko";
src: url("/templates/rostsayt-4/fonts/DolomanPavljenko.otf") format("opentype");
}
@font-face {
font-family: "Montserrat-Regular";
src: url("/templates/rostsayt-4/fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Montserrat-Medium";
src: url("/templates/rostsayt-4/fonts/Montserrat-Medium.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Montserrat-SemiBold";
src: url("/templates/rostsayt-4/fonts/Montserrat-SemiBold.ttf") format("truetype");
font-weight: 700;
}
:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
:root, body {font-size: 12px;}
}
@media screen and (min-width: 992px) {
:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
:root, body {font-size: 16px;}
}
/* переменные */
:root {
/* --bebas: "BebasNeue-Regular", sans-serif;
--roboto: "Roboto", sans-serif; */
--white-linear: linear-gradient(180deg, #FFF 28.65%, rgba(255, 255, 255, 0.00) 79%);
--yellow-linear-bright: linear-gradient(110deg, #F1D470 16.1%, #B98316 31.36%, #B67E11 43.76%, #C19125 55.2%, #F6DD78 79.52%, #C5962A 111.46%);
--yellow-linear-bright-disabled: linear-gradient(110deg, rgba(241, 212, 112, 0.30) 16.1%, rgba(185, 131, 22, 0.30) 31.36%, rgba(182, 126, 17, 0.30) 43.76%, rgba(193, 145, 37, 0.30) 55.2%, rgba(246, 221, 120, 0.30) 79.52%, rgba(197, 150, 42, 0.30) 111.46%);
--yellow-linear-dark: linear-gradient(118deg, rgba(241, 212, 112, 0.50) 14.23%, rgba(185, 131, 22, 0.50) 25.8%, rgba(182, 126, 17, 0.50) 35.2%, rgba(193, 145, 37, 0.50) 43.87%, rgba(246, 221, 120, 0.50) 62.31%, rgba(197, 150, 42, 0.50) 86.52%), rgba(255, 255, 255, 0.50);
--yellow-linear-blur: linear-gradient(110deg, rgba(241, 212, 112, 0.50) 16.1%, rgba(185, 131, 22, 0.50) 31.36%, rgba(182, 126, 17, 0.50) 43.76%, rgba(193, 145, 37, 0.50) 55.2%, rgba(246, 221, 120, 0.50) 79.52%, rgba(197, 150, 42, 0.50) 111.46%);
--yellow: #F8E562;
--blue: #100C1B;
--white: #FFFFFF;
--black: #000;
}
/* Элементы */
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; color: #fff; overflow-x: hidden; background-color: var(--blue); font-family: "Montserrat-Regular";}
#middle main {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1400px) {.container {max-width: 1296px;}}
@media screen and (min-width: 1920px) {.bg-color::before {margin-left: -960px;}}
h1, .h1 {font-size: 18rem; font-family: 'Doloman-Pavljenko'; font-weight: lighter;}
/* .h1 {font-size: 190px !important;} */
/* h2, .h2 {font-size: 9.375rem; font-family: 'Doloman-Pavljenko'; font-weight: lighter;} */
h2, .h2 {font-size: 6.25rem; font-family: 'Doloman-Pavljenko'; font-weight: lighter; }
h3, .h3 {font-size: 3.625rem; font-family: 'Doloman-Pavljenko'; font-weight: lighter;}
h4, .h4 {font-size: 3.125rem; font-family: 'Doloman-Pavljenko'; font-weight: lighter;}
h5, .h5 {}
h6, .h6 {}
.bg-color::before {background-color: var(--blue);}
a {text-decoration: none; color: var(--yellow-linear-bright)}
.text-yellow-white {background: var(--white-linear); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.text-yellow-bright {background: var(--yellow-linear-bright); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.text-yellow-dark {background: var(--yellow-linear-dark); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.text-warning {color: var(--yellow) !important;}
.bg-yrellow-bright {background: var(--yellow-linear-bright);}
.bg-yrellow-bright-blur {background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important; -webkit-backdrop-filter: blur(6.5px) !important;}
/* .border-info */
.border-warning {border-color: #ffc720 !important;}
/* Адаптация */
/* Анимации */
.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}
/* шрифты */
.doloman-pavljenko-light {font-family: "Doloman-Pavljenko";}
/* Подсвечивание */
.box-warning {box-shadow: 0px 0px 15px 0px rgba(248, 229, 98, 0.50); }
.box-white {box-shadow: 0px 0px 80.5px 0px rgba(255, 255, 255, 0.70);}
.anim_text_write {text-shadow: 0px 0px 5px #FFF;}
/* Цветные линии */
.border-warning-yellow::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: -1px; border-radius: 5px; background: var(--yellow-linear-dark); z-index: -1;}
.border-warning-yellow {position:relative; background-color: var(--blue);}
/* Кнопки */
.btn-nav {height: 5rem; width: 5rem}
.btn-warning {background: var(--yellow-linear-bright) !important; color: #fff !important; border: none;}
.btn-warning-blur {background: var(--yellow-linear-blur) !important; color: #fff !important; border: none; backdrop-filter: blur(1.5px) !important; -webkit-backdrop-filter: blur(1.5px) !important; border:1px solid #ffc720 !important;}
.btn-info {background: var(--yellow-linear-dark) !important; color: #fff !important; border: none;}
/* верхнее меню */
/* #top_menu ul li a {font-size: 1.375rem; background: var(--yellow-linear-dark); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-transform: uppercase; font-family: "Montserrat-Medium";} */
#top_menu ul li a {font-size: 1.4375rem; color: #F6DD78; text-transform: uppercase; font-family: "Montserrat-Medium";}
#top_menu ul {display:flex; justify-content: space-between; flex:1 1 auto;}
#top_menu {flex:1 1 auto;}
.navbar-light .navbar-toggler-icon {background-image: url(/images/toggler_icon.svg); width: 48px; height: 48px;}
/* Баннеры */
.main-banner {margin-top: -132px;}
/* .main-banner::before {background: var(--bg-fon-two) no-repeat center; bottom: 0; margin-top: 0px; margin-bottom: 0px; z-index: -1;} */
/* .main-banner::after {content: ''; position: absolute; opacity: 0; transition: opacity 1.3s ease-in-out; background: var(--bg-fon-one) no-repeat center; bottom:-60rem; left: 50%; margin-top: 0px; margin-bottom: 0px; z-index: 2; top: 0; right: 0; width: 100vw; margin-left: -50vw;} */
.main-banner .svet {top:0;}
.mod-banner.main-banner .video {top: 21rem !important; width: 1920px;}
.main-banner .video {top: 34rem !important; width: 1920px;}
/* .main-banner.show-banner::after {opacity: 1;} */
.main-banner .svet_one {left: -6.25rem;}
.main-banner .svet_three {right: -10rem;}
.main-banner .banner_about_button {left: 40rem; top: 55rem;}
.main-banner .banner_text {top: 42rem;}
.main-banner .banner_title {top: -7.5rem;}
.main-banner .banner_image {top: 20rem; left: 35rem;}
/* Баннер главная */
/* .mod-banner::after {z-index: -1; bottom:-40%; left: 50%;} */
.mod-banner .banner_image_new {margin-top: -35%;}
/* .mod-banner .afisha-carousel .owl-nav .owl-prev > span {display: none;}
.mod-banner .afisha-carousel .owl-nav .owl-next::before {background: url('data:image/svg+xml;utf8,'); width:25px; height: 25px; border:1px solid #ffc720 !important; border:1px solid #ffc720 !important; border-radius:50%;}
.mod-banner .afisha-carousel .owl-nav .owl-prev.desibled::before{content:'';background: url('data:image/svg+xml;utf8,'); border: none; opacity: 1; background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important;} */
.mod-banner .afisha-carousel .bannet_item_image {margin-top: 25%; aspect-ratio: 1/.5;}
/* Баннер проекты */
.mod-projects-banner .banner_text {font-size: 8.25rem; right: 0;}
/* О нас */
.mod-about .about_text .about_image {display: none;position:absolute;}
.mod-about .about_text:hover .about_image {display: block;}
.mod-about .btn_about_text_cont:hover .about_image {display: none !important;}
.mod-about .about_image {width: 196px;}
.mod-about .btn_about_cont {display: none;}
.mod-about .btn_about_text_cont:hover {box-shadow: 0px 0px 40.9px 0px #F1D470;}
.mod-about .btn_about_text_cont:hover .btn_about_cont {display: block;}
/* Проекты */
.mod-projects .btn-warning.btn-nav {border:1px solid #ffc720 !important; background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important; -webkit-backdrop-filter: blur(6.5px) !important;}
/* .mod-projects .btn-warning.btn-nav.disabled {border: none; opacity: 1; background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important; -webkit-backdrop-filter: blur(6.5px) !important;} */
.mod-projects::before{background: url('/images/projects/fon.png') no-repeat center; background-size: cover; top: 0; margin-top: 0px; margin-bottom: 0px; z-index: -1;}
.project_items::before{content:''; position:absolute; background: url('/images/projects/cloud.png') no-repeat center; background-size: contain; top: 0; left:0; bottom: 0; right: 0; z-index: -1; margin:-20rem;}
.project_item_img::before{content:''; position:absolute; top: .5rem; bottom: .5rem; left: .5rem; right: .5rem; border-radius: 2rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 77.48%, rgba(0, 0, 0, 0.80) 98.8%);}
/* Концерты */
.mod-concerts .owl-item .concert_image {transform: scale(0.5); transition: transform 1s ease;}
.mod-concerts .owl-item.active.activate_show .concert_image {transform: scale(1);}
/* Партнеры */
.mod-partners .owl-item.active.center.partner .partner_item_side {background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important; -webkit-backdrop-filter: blur(6.5px) !important; border:1px solid #ffc720 !important; border-radius: 40px;}
.partners-carousel.owl-carousel > div {overflow: visible;}
.mod-partners .owl-item.active.center.activate_scale .image_partner{transform: scale(1.1); transition: transform 0.5s ease;}
.mod-partners .partner_icon{bottom: 1rem; right: 1rem; display: none;}
.mod-partners .partner_icon.activate_show{display:block;}
.mod-partners .partner_cards {perspective: 150rem;}
.mod-partners .partner_item {transform-style: preserve-3d; transition: transform 0.8s}
.mod-partners .partner_item .partner_item_side {backface-visibility: hidden;}
.mod-partners .partner_item .partner_item_hide {transform: rotateY(180deg);}
.mod-partners .owl-item.active.center.partner .partner_cards:hover > .partner_item_show {display: none;}
.mod-partners .owl-item.active.center.partner .partner_cards:hover > .partner_item {transform: rotateY(180deg);}
.cloud_left {left: -35%; top: 20%;}
.cloud_right {right: -35%; top: 30%;}
/* Подвал */
/* .footer_items ul li a {font-size: 1.25rem; background: var(--yellow-linear-dark); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-transform: uppercase; font-family: "Montserrat-Medium";} */
.footer_items ul li a {font-size: 1.4rem; color: #F6DD78; text-transform: uppercase; font-family: "Montserrat-Medium";}
.footer_items ul {display:flex; justify-content: space-between; flex:1 1 auto; text-align: center; gap: 0.7rem;}
.footer_items {flex:1 1 auto;}
/* Мероприятия */
/* Продюсер */
.mod-producer .box-warning {box-shadow: 0px 0px 30px 0px rgba(248, 229, 98, 0.50);}
/* Концерты */
.mod-events {margin-top: 180px;}
.mod-events .owl-item .event_image {transform: scale(0.5); transition: transform 1s ease;}
.mod-events .owl-item.active.activate_show .event_image {transform: scale(1);}
/* Всплывающее окнa */
#fos .modal-content {background: var(--yellow-linear-bright-disabled) !important; backdrop-filter: blur(6.5px) !important; -webkit-backdrop-filter: blur(6.5px) !important; border: 1px solid #ffc720; border-radius: 30px; padding: 2rem;}
#fos .modal-header {display: none;}
#fos input::placeholder {color: #fff; text-transform: uppercase;}
#pop-movie .modal-header {display: none;}
#banner .modal-header {display: none;}
#banner .modal-body {padding: 0;}
#banner .modal-content {border-radius: 30px;}
#banner .person_one {left: 2rem;}
#banner .person_two {left: 20rem;}
#banner .person_four {left: 42rem;}
#banner .person_five {right: 12rem;}
#banner .person_info_block {display: none; bottom: 1rem;}
/* #banner .modal-dialog {width: 100vw !important;} */
#banner .person, #banner .person_stars_cloud {bottom: 2px;}
/* Адаптив баннеров */
@media screen and (max-width: 1400px){
.h1 {font-size: 254px !important;}
#top_menu ul li a {font-size: 1.1875rem;}
.mod-banner.banner_image_new {margin-top: -37%;}
.mod-projects-banner .banner_image {left: 30rem;}
.mod-projects-banner .banner_text {font-size: 6.95rem;}
#banner .modal-dialog {max-width: 1140px !important;}
#banner .person_one {left: 1rem;}
#banner .person_two {left: 18rem;}
#banner .person_four {left: 37rem;}
#banner .person_five {right: 10rem;}
}
@media screen and (max-width: 1199px){
.h1 {font-size: 214px !important;}
.main-banner .banner_title {top: -5.5rem;}
.mod-banner.banner_image_new {margin-top: -30%;}
.main-banner {margin-top: -126px;}
.main-banner .banner_logo {top: 75px; position: relative;}
.mod-about-banner .banner_image, .mod-projects-banner .banner_image{top: 23.525rem; width: 25%; left: 28rem;}
.mod-about-banner .banner_text {top: 38rem;}
.mod-about-banner .banner_about_button {left: 35rem; top: 56rem;}
.mod-banner .afisha-carousel .bannet_item_image {margin-top: 17%;}
.mod-banner .banner_image {top: -20.475rem;}
}
@media screen and (max-width: 992px){
.h1 {font-size: 160px !important;}
.main-banner .banner_title {top: -4.5rem;}
.main-banner {margin-top: -120px;}
.mod-about-banner .banner_about_button {left: 30rem; top: 52rem;}
.mod-about-banner .banner_image, .mod-projects-banner .banner_image{top: 27.525rem; width: 20%;}
.main-banner::after{content: ''; background: var(--bg-fon-three) no-repeat center; bottom: -40rem;}
.mod-projects-banner .banner_text {left: 27rem; top: 46rem;}
.main-banner .svet {top: -20px;}
.box-white {box-shadow: 0px 0px 50.5px 0px rgba(255, 255, 255, 0.70);}
.mod-banner .afisha-carousel .bannet_item_image {margin-top: 10%;}
.mod-banner .banner_image_new {margin-top: -28%;}
}
@media screen and (max-width: 768px){
.h1 {font-size: 119px !important;}
.mod-banner.banner_image_new {margin-top: -25%;}
.main-banner .banner_title {top: -3.5rem;}
.mod-about-banner .banner_image, .mod-projects-banner .banner_image{top: 27.525rem; left: 20rem;}
.mod-about-banner .banner_about_button {left: 21rem; top: 46rem;}
.mod-projects-banner .banner_text {left: 17rem; top: 42rem;}
.box-white {box-shadow: 0px 0px 40.5px 0px rgba(255, 255, 255, 0.70);}
.mod-banner .afisha-carousel .bannet_item_image {margin-top: 10%;}
.mod-banner .banner_image {top: -14.475rem;}
.h2{font-size: 3.625rem !important; font-family: 'Doloman-Pavljenko'; font-weight: lighter;}
}
@media screen and (max-width: 575px){
.h1 {font-size: 79px;}
.main-banner .banner_image {top: -3.875rem;}
.main-banner::after {display: none;}
.mod-events {margin-top: 0px;}
.main-banner::before {top: -47%; width: 104%; left: 50%;}
.main-banner .banner_title {top: .5rem};
.main-banner::after{z-index: -1; bottom: -37rem;}
.mod-about-banner .banner_text {position: relative !important; left: 80%; top: 2rem; transform: translate(-50%, -50%) !important; font-size: 6.95rem;}
/* .mod-about-banner .banner_about_button {display: none !important;} */
.mod-projects-banner .banner_text {position: relative !important; left: 75%; top: 2rem; transform: translate(-50%, -50%) !important;}
.mod-banner .banner_image_new {margin-top: -20%;}
.footer_items ul li a {font-size: 24px;}
.com-content-category.projects {margin-top: -50px !important; padding-top: 0 !important;}
}
@media screen and (max-width: 1200px){
.h2 {font-size: 6.5rem;}
.h4 {font-size: 2.750rem;}
.com-content-category.projects {margin-top: 150px;}
/* .main-banner {margin-top: -133px;} */
#top_menu ul {flex-direction: column; text-align: center; row-gap: 10px;}
#top_menu ul li a {font-size: 24px;}
.main-banner {margin-top: -100px;}
.main-banner .svet {top: -26px;}
.mod-about .btn_about_text_cont:hover .about_image{display: block !important;}
.mod-about .btn_about_text_cont > button {display: none !important;}
.mod-about .btn_about_text_cont:hover {box-shadow: none;}
}