:root {
    --text-main-color: #c1cbcc;
    --text-selected-color: #ea3f35;
    --text-link-color: #777;
}


html {
   font-size: 14px;
}


body {
    font-family:Arial, Tahoma;
    color:var(--text-main-color);
    background-color:#000;
    min-width: 350px;
}

header, footer, section {
    padding: 0px;
    min-width: 350px;
}

header {
    background-color: #000000;
}


footer {
    background-color: #101010;
    padding: 40px 0px;
}

.container {
    max-width: 1000px;
}
header .container {
    max-width: 1000px;
}

/********** Эффекты **********/
.nova__appeared-on-the-left {
    transform: translateX(-150%);
    animation: appeared-on-the-left 0.5s forwards;
}

@keyframes appeared-on-the-left {
    0% {transform: translateX(-150%);}
    100% {transform: translateX(0);}
}

.nova__appeared-on-the-rigth {
    transform: translateX(+150%);
    animation: appeared-on-the-right 0.5s forwards;
}
@keyframes appeared-on-the-right {
0% {transform: translateX(+150%);}
100% {transform: translateX(0);}
}

.nova__fade-in {
    opacity: 1;
    animation: fade-in 2s ease;
}
@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}




/********** Основные стили текстового блока **********/
.nova__main-body {
    padding: 0px 0px 0px 0px;
    font-size: 1rem;
    min-height: 200px;
}
.nova__main-body h1 {
    font-size: 2rem;
    font-weight: normal;
}
.nova__main-body h1:first-letter {
    color: var(--text-selected-color);
}
.nova__main-body h2 {
    font-size: 1.2rem;
}
.nova__main-body a {
    text-decoration: none;
    color: var(--text-link-color);
}
.nova__main-body a:hover {
    color: var(--text-selected-color);
}

.nova__main-body__about {
    background-image: url("../data/image/design/back_about.jpg");
    background-color: #101615;
    background-position: top;
    background-repeat: repeat-x;
    border-bottom: 1px solid #333432;
    border-top: 1px solid #222;
}

.nova__main-body__about:first-letter {
    font-size: 2rem;
    color: var(--text-selected-color);
}


.nova__main-body__music {
    background-image: url("../data/image/design/back.jpg");
    /* background-attachment: fixed;
    background-position: bottom;
    background-repeat: repeat-y; */
}


.nova__audio-playlist {
    color: var(--text-link-color);
    font-size: 0.9rem;
}
.nova__audio-playlist h3 {
    font-size: 1rem;
    color: var(--text-selected-color);
    margin-top: 10px;
}
.nova__audio-playlist ol {
    margin-left: 0px;
    padding-left: 15px;
}
.nova__audio-playlist img {
    border: 1px solid #333432;
}
.nova__play-button:before {
    content:'[play]';
    display: inline-block;
    padding: 0px 3px;
    pxborder-radius: 2px;
    margin: 0px 5px;
}

.nova__play-button.active:before {
    content:'[stop]';
    background-color: #a00;
    color: #fff;
}






/********** Навигация **********/
.navbar-toggler:focus {
    box-shadow: none !important;
}
.navbar-brand {
    color: var(--text-selected-color);
    font-size: 0.8rem;
}

.nova__main-menu {
    background-color: #1a1a1a;
    font-size: 1.2rem;
}
.nova__main-menu .bg-body-tertiary {
    background-color: #1a1a1a !important;
}

.nova__main-menu__icons {}
.nova__main-menu__icons img {opacity: 0.3; height: 25px;}
.nova__main-menu__icons img:hover {opacity: 0.9;}

.nova__main-menu .nav-item a{color: var(--text-main-color);}
.nova__main-menu .nav-item a.active{color: var(--text-selected-color);}
.nova__main-menu .nav-item a:hover {color: var(--text-link-color);}



/********** Афиша **********/

.nova__main-body__poster {
    background-color: #1a1a1a;
    border-top: 1px solid #333432;
    border-bottom: 1px solid #222222;
}

.nova__foto-album__item {
    min-width: 300px;
    overflow: hidden;
    margin-bottom: 10px;
}
.nova__foto-album__item img {
    width: 100%;
    border: 1px solid #333432;

}


    /********** Подвал **********/
footer a{
    color: var(--text-main-color);
    text-decoration: none;
}
footer a:hover{
    color: var(--text-selected-color);
}
.nova__footer-menu {font-size: 1.2rem}
.nova__footer-menu a{color: var(--text-main-color); text-decoration: none;}
.nova__footer-menu a.active{color: var(--text-selected-color);}
.nova__footer-menu a:hover {color: var(--text-link-color);}


.nova__footer__icons img {opacity: 0.3;}
.nova__footer__icons img:hover {opacity: 0.9;}
.nova__footer-copyright {font-size: 10px;}


/*
#carousel__nova-video .carousel-indicators {top: 70px; border: 1px solid #a00; height: 20px;}
#carousel__nova-video .carousel-caption {top: 20px;}
*/

#carousel__nova-video .carousel-inner video {border: 1px solid #333432;}

#carousel__nova-video .carousel-caption {bottom: 10%; padding: 5px 10px;}
#carousel__nova-video video { aspect-ratio: 448 / 256; background-color: #000;}
#carousel__nova-video .carousel-control-prev-icon, #carousel__nova-video  .carousel-control-next-icon {
    position: absolute;
    bottom: 10px;}