/**{scroll-margin-top:100px}*/

/* html *{font-family:'PT Sans',sans-serif;}
h1,h2,h3,h4,h5,h6,.main-menu,.btn{font-family:'Roboto',sans-serif;}

 */:root{--bs-body-font-family:"Gilroy",sans-serif;--bs-body-color:#121212;--bs-body-bg:#FDFAED;--bs-heading-color:#000;--bs-body-font-size:1.125rem;--bs-body-font-weight:500;}
.b-intro{height:100vh;min-height:600px;overflow:hidden;position:relative;background-color:rgba(0,0,0,.26);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:left 0 top 0,left 0px top 0px,left 0px top 0px,center bottom 0;background-size:100%;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;}
.b-intro__content{padding-top:10rem;padding-bottom:10rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;text-align:center;padding:0 1rem 1rem}
.b-intro__content h1{font-size:5rem;color:#fff;text-transform:uppercase;font-weight:600;text-align: center}
.b-intro__content p{font-size: 1.5rem;margin-top: 1rem;}
.b-outro__content p{font-size: 1.5rem;margin-top: 1rem;}
.b-outro__content h1{margin-top:5rem}
.b-intro__content-logo{width:400px;margin-bottom:20px;}
.b-intro__img{height:100%;width:100%;position:absolute}
.b-intro__img img{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;background:#000}

.btn-vk-video{background:#000; border-radius:8px; color:#fff;font-size:1rem;;text-align:left;display:flex; align-items: center;padding: 4px 16px;text-decoration:none;min-width:160px;margin-bottom:4px;height:36px;margin:0 10px;margin-bottom:1rem; border:1px solid #fff  !important;}
.btn-vk-video ins{background:url(../images/icon-social_vk.svg) center center no-repeat;display:block;background-size:contain;width:22px;height:22px;margin-left:auto}
.btn-youtube-video{background:#000; border:1px solid #fff !important;border-radius:8px; color:#fff;font-size:1rem;text-align:left;display:flex; align-items: center;padding: 4px 16px;text-decoration:none;min-width:160px;height:36px;margin:0 10px;margin-bottom:1rem}
.btn-youtube-video ins{background:url(../images/icon-social_youtube.svg) center center no-repeat;display:block;background-size:contain;width:22px;height:22px;margin-left:auto}
.btn-vk-video:hover, .btn-youtube-video:hover{color:#fff}



.navbar-brand{color:#fff!important;font-size:2rem;font-weight:600;text-transform:uppercase;line-height:1.2;margin-top:1rem;display:flex; align-items: center;
}
.navbar-brand img{height:72px;display:block;margin-right:12px;}
.navbar-brand small{color:#fff;font-size:1.35rem;font-weight:500;display:block;}


.main-menu{margin-left:auto; display:flex;flex-direction: row;margin-bottom:4rem;position: relative;}
.main-menu li a{color:#fff;font-size:1.35rem;text-transform:uppercase;text-decoration:none;font-weight:500}
.main-menu li{margin-right:16px;margin-left:16px}

.social-list { list-style: none; padding: 0; display: flex; flex-direction: row;margin-top:6px;margin-left:auto;}
.social-list li a { text-decoration: none; margin:0 .5rem;background-color: none; display: block; width: 32px; height: 32px;}
.social-list li a ins { display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size:auto }
.social-list li a ins.social-list_vk { background-image: url(/images/icon-social_vk.svg) }
.social-list li a ins.social-list_tg { background-image: url(/images/icon-social_telegram.svg) }
.social-list li a ins.social-list_wa { background-image: url(/images/icon-social_whatsapp.svg) }
.social-list li a ins.social-list_yt { background-image: url(/images/icon-social_youtube.svg) }
.social-list li a ins.social-list_ig { background-image: url(/images/icon-social_instagram.svg) }


.b-lyrics p{font-size:1rem;margin-bottom:.5rem}
.b-lyrics h3{font-size:1.125rem}

section{padding:3rem 0 0}
h1,h2,h3{font-weight:600}
h2{font-size:2rem;margin-bottom:1rem}
.heroes-item{text-align:left}
.heroes-item__photo{position:relative;border-radius:50%;overflow:hidden;width:50%;margin:0 0 1rem}
.heroes-item__photo:before{content:"";display:block;padding-top:100%;}
.heroes-item__photo img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;max-width:100%;}
.heroes-item__name{font-size:1.325rem;font-weight:600;margin-bottom:0}
.heroes-item__role{font-size:1.125rem;font-weight:600;margin-bottom:0;color:#222}
.heroes-item__highlight{font-size:1rem;color:#d97545}

#characters{margin-top:2rem;padding-top:2rem;padding-bottom:2rem;background:#efefef}

.b-outro{height:100vh;min-height:600px;overflow:hidden;position:relative;background-color:rgba(0,0,0,.26);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:left 0 top 0,left 0px top 0px,left 0px top 0px,center bottom 0;background-size:100%;display:flex;flex-direction:column;align-items:center;}
.b-outro__content{padding-top:10rem;padding-bottom:10rem;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;padding:0 1rem;text-align:center}
.b-outro__content h1{font-size:5rem;color:#fff;text-transform:uppercase;font-weight:600;text-align: center}
.b-outro__img{height:100%;width:100%;position:absolute}
.b-outro__img img{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;background:#000}

.main-footer{height:100vh;overflow: hidden;margin-top:5rem}


@media (max-width:992px){
	.navbar-brand{font-size:1rem;}
    .navbar-brand img{margin: 0 auto;height: 46px;}
	.btn-vk-video, .btn-youtube-video{min-width:150px;}
	.b-intro__content h1, .b-outro__content h1{font-size: 2.5rem;}
	.b-intro__content p{font-size:1.2rem;}	
    .b-intro__content-logo{width:200px;}
    .main-menu{margin-top:2rem;display:none;}
    section{padding:0;margin-bottom:2rem}
    header .social-list { display:none;}
    .navbar-brand{ }
    p{font-size: .9125rem;        margin-bottom: .5rem;}
    .heroes-item__photo{    margin-bottom: .5rem;}
    .heroes-item__name{font-size:1rem}
    .heroes-item__role{font-size:.8rem}
    .heroes-item__highlight{font-size:.8rem}
	.main-footer {margin-top: 2rem;}
}