h2,h3,h4 {font-weight: 300}

a img {
    border: none; /* Убираем рамку */
}

a {
    outline: none; /* Убираем границу вокруг ссылок  */
}

header {
    background: url(../images/header-home.jpg) repeat-x 0 0;
}

nav.navbar .navbar-toggler {
    border: none;
    background: transparent !important;
}

nav.navbar .navbar-toggler:focus {
    outline: none;
    background: transparent !important;
}

nav.navbar .navbar-toggler .icon-bar {
    background-color: #fff;
    -webkit-transform: rotate(0deg) translate(0px, 0px);
    -ms-transform: rotate(0deg) translate(0px, 0px);
    transform: rotate(0deg) translate(0px, 0px);
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

nav.navbar .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}

nav.navbar .navbar-toggler .icon-bar:nth-child(2) {
    width: 16px;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav.navbar .navbar-toggler:hover > .icon-bar:nth-child(2) {
    width: 22px;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav.navbar .navbar-toggler:active > .icon-bar:nth-child(2) {
    width: 22px;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    -ms-transform: rotate(45deg) translate(5px, 4px);
    transform: rotate(45deg) translate(5px, 4px);
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav.navbar .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

nav a {
    text-transform: uppercase;
}

.slider-text {
    text-align: left;
    left:0;
    top:0;
}

.slider-text h2 {
    background: url(/bitrix/templates/tchernovaudio.com/images/arrow_headline.png) no-repeat right center;
    font-size: 3.6em;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.slider-main-dots {
    position: relative;
    top: -80px;
    text-align: end;
    right: 0;
}

.slider-main-dots ul.slick-dots  {
 text-align: end;
}

.slider-main-dots ul.slick-dots li button {
    background-color: #232829;
    border: 1px #4b5657 solid;
}

.slider-main-dots ul.slick-dots li.slick-active button {
    background-color: #BBCBCD;
}

.slider-main-dots ul.slick-dots li button:before {
    content: '';
}

.slider-logo {
    width: 100%;
    background: url(/bitrix/templates/tchernovaudio.com/images/header-more.jpg) repeat-x 0 0;
    height: 85px;
    position: relative;
    top: -30px;
}

.slider-logo
.slick-prev:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -5px 0 no-repeat;
    color: transparent;
}

.slider-logo
.slick-next:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -5px -25px no-repeat;
    color: transparent;
}

.slider-logo .slick-slide a {
   text-align: center;
    display: block;
}

.slider-logo .slick-slide img {
    display: inline;
}

.logos {
    margin: 0 20px;
}


.card a h5 {
    text-transform: uppercase;
    color: #484949;
}

.card a:hover {
    text-decoration: none;
}

.card .btn-arrow {
    background: url(/bitrix/templates/tchernovaudio.com/images/arrow_link.png) no-repeat 0 16px;
    padding-left: 20px;
    color: #327c90;
    text-decoration: underline;
}

.entry-date {
    color: #999;
    font-style: italic;
}

h2 {text-transform: uppercase}

.new-gallery {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 15px 30px;
}

.new-gallery img {
    padding: 0 15px;
}

.new-gallery
.slick-prev:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -33px -3px no-repeat;
    color: transparent;
    left: 30px;
    position: relative;
}


.new-gallery
.slick-next:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -36px -27px no-repeat;
    color: transparent;
    right: 30px;
    position: relative;
}

.nagrada {
    background: #eee;
    margin-top: 30px;
    padding: 30px 0;
    border-top: 2px solid #ccc;
}

a.show-list {
    display: block;
    text-align: end;
    background: url(/bitrix/templates/tchernovaudio.com/images/arrow_link.png) no-repeat right 10px;
    padding-left: 20px;
    color: #327c90;
    text-decoration: underline;
    padding-right: 20px;
}

a.show-list:hover {
    color: #327c90;
    text-decoration: none;
}

.nagrada-slider {
    padding: 15px 30px;
}

.nagrada-slider  img {
    padding: 0 15px;
}

.nagrada-slider
.slick-prev:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -33px -3px no-repeat;
    color: transparent;
    left: 30px;
    position: relative;
}


.nagrada-slider
.slick-next:before  {
    background: url(/bitrix/templates/tchernovaudio.com/images/scrollable-browse.png) -36px -27px no-repeat;
    color: transparent;
    right: 30px;
    position: relative;
}

.small-text {
    text-transform: uppercase;
    font-size: .8em;
    display: block;
}


footer {
    padding: 30px 0;
    background: rgba(103,101,103,1);
    background: -moz-linear-gradient(top, rgba(103,101,103,1) 0%, rgba(0,0,0,1) 43%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,101,103,1)), color-stop(43%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(103,101,103,1) 0%, rgba(0,0,0,1) 43%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(103,101,103,1) 0%, rgba(0,0,0,1) 43%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(103,101,103,1) 0%, rgba(0,0,0,1) 43%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(103,101,103,1) 0%, rgba(0,0,0,1) 43%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676567', endColorstr='#000000', GradientType=0 );
    color: #AFB1B2;

}

footer a {
    color:#AFB1B2;
}
footer a:hover {
    color:#fff;
}

footer .nav.logo li {margin-right: 15px}
footer .nav.logo a { display: block;width: 32px; height: 32px}

a.facebook {background: url(../images/social/facebook-logo.png) center center no-repeat}
a.facebook:hover {background: url(../images/social/facebook-logo-hover.png) center center no-repeat}

a.instagram {background: url(../images/social/instagram.png) center center no-repeat}
a.instagram:hover {background: url(../images/social/instagram-hover.png) center center no-repeat}

.logo-mobile {
    top:0px;
}

@media (max-width: 1024px) {
    .slider-text h2 {
        font-size: 2.5em;
    }
}

@media (max-width: 924px) {
    .slider-logo{
        height: 80px;
    }
}

@media (max-width: 831px) {
    .slider-logo{
        height: 50px;
    }
}

@media (max-width:767px) {
    .slider-text h2{
        font-size: 2.5em;
    }

    .slider-text p{
        display: none;
    }

    .img-mobile {
        top: -30px;
        position: relative;
    }

    .logo-mobile {
        top:-30px;
    }

}


@media (max-width:414px) {
    .slider-text h2{
        font-size: 2em;
    }

    .slick-dots li button {
        width: 13px;
        height: 13px;
    }



}