/* Обнуление оснвных параметров браузера */
* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    }
    *,*:before,*:after{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .focus :active{outline: none;}
    a:focus, :active{outline: none;}
    
    nav,footer,header,aside{display: block;}
    
    html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
    
    input,button,textarea{font-family: inherit;}
    
    input::-ms-clear{display: none;}
    button{cursor: pointer;}
    button::-moz-focus-inner {padding:0; border:0;}
    a, a:visited{text-decoration: none;}
    a:hover{text-decoration: none;}
    ul li{list-style: none;} 
    img{vertical-align: top;}
    
    h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: 400;}
    /* -------------------------------------------------- */

    html, body {
        height: 100%;
        background-color: #0d0d0d;
    }
    .wrapper__rock__music {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }
    .header {
    }
    .logo__text {
        width: 100%;
        height: 190px;
        background-color: #000;
        margin: 0px auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }
    header h6 {
        
        margin-right: 330px;
        color: whitesmoke;
        font-size: 16px;
        text-shadow: 1px 1px 3px black;
    }
    header h1 {
        margin-top: -35px;
        font-size: 110px;
        color: red;
        text-shadow: 3px 3px 6px #000;
    }
    .logo {
        display: none;
    }
    .container {
        margin: 0 auto;
        max-width: 1100px;
    }
    .rock__music__content {
        flex: 1 1 auto;
    }   
    .menu__burger {
        display: none;
    }
    .rock__music__menu {
        display: flex;
        width: 100%;
        font-size: 16px;
        margin: 0px auto;
        font-family:'Times New Roman', Times, serif;
    }
    ul.rock__music__menu li {
        border: 1px solid black;
        width: 12.5%;
        text-align: center;
        
    }
    .rock__music__menu a {
        display: block;
        padding: 22px 24px;
        text-transform: uppercase;
        color: whitesmoke;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
        transition: 0.3s;
        white-space: nowrap;
    }
    .rock__music__menu a:hover {
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,111111+60,2b2b2b+100,1c1c1c+100,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #2b2b2b 100%, #1c1c1c 100%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
        
        color: RED;
    }
    .rock__music__menu a:focus {
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,111111+60,2b2b2b+100,1c1c1c+100,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #2b2b2b 100%, #1c1c1c 100%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
        
        color: RED;
    }
    li:hover > a, a:hover {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,111111+60,2b2b2b+100,1c1c1c+100,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #2b2b2b 100%, #1c1c1c 100%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
        
        color: RED;
    }
    .rock__music__group__list { 
        position: relative;   
    } 
  
    .rock__music__group__list::after {
        content: "";
        position: absolute;
        top: 1.7em;
        right: 0.5em;
        border: 6px solid;
        border-color: whitesmoke transparent transparent transparent;
        transition: 0.3s;
    }
    .rock__music__group__list:hover::after {
        transform: scale(-1.1);
        position: absolute;
        top: 1.3em;
        border-color: red transparent transparent transparent;
    }    

    ul.rock__music__group > li {
        width: 100%;
        height: 60px;
        text-align: center;
        border: none;
    }
    li:focus-within > .rock__music__group,
    li:hover > .rock__music__group {
        clip: auto;
        width: auto;
        height: auto;
        margin: 0;
    }
    .rock__music__group {
        position: absolute;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        color: whitesmoke;
        z-index: 12;
    }
    
    .rock__music__slider {
        margin: 0px auto;
        width: 100%;
        height: 460px;
        
    }
    /* Ограничивающая оболочка */ 
    .slick-list {
        overflow: hidden;
    } 
    /* Лента слайдов */ 
    .slick-track{
        display: flex;
    }
    
    .rock__music__slider {
        position: relative;
        text-align: center;
        
    }
    .rock__music__slider .slick-arrow{
        position: absolute;
        top: 50%;
        margin: -40px 0 0 0;
        z-index: 10;
        font-size: 0;
        width: 60px;
        height: 80px;
    } 
    .rock__music__slider .slick-arrow.slick-prev{
        left: 0;
        background: url(../img/icons8-двойная-стрелка-влево-64.png) 0 0/ 100% no-repeat;
    }
    .rock__music__slider .slick-arrow.slick-next{
        right: 0;
        background: url(../img/icons8-двойная-стрелка-вправо-64.png) 0 0/ 100% no-repeat;
    }
    .rock__music__slider  .slick-arrow.slick-disabled{
        opacity: 0.4;
    }
    .rock__music__slider .slick-dots{
        display: flex;
        justify-content: center;
        align-items: center;
    } 
    .rock__music__slider .slick-dots li{
        margin: -40px 0 0 20px;
        z-index: 10;
    } 
    /* Элемент точки */ 
    .rock__music__slider .slick-dots li button{
        font-size: 0;
        width: 10px;
        height: 10px;
        background-color: whitesmoke;
        border-radius: 50%;
    }
     /* Активная точка */ 
    .rock__music__slider .slick-dots li.slick-active button{
        width: 11px;
        height: 11px;
        background-color: transparent;
        border: 1px solid whitesmoke;
    }
    
    .rock__music__slider__item {
    }
    
    .rock__music__information {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        border-radius: 14px;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        background-color: #010101;
        border-bottom: 0px solid whitesmoke;
        overflow: hidden;
    }
    .rock__music__information__data {         
        width: 366px;
        height: 440px;
        border-left: 2px solid #131313;
    }
    .rock__music__information__data:first-child {
        border: none;
    }
    .rock__music__information__data h2 {
        margin: 40px 0 0 40px;
        font-size: 20px;
        text-transform: uppercase;
        color: whitesmoke;
    }
    .rock__music__information__content {
        display: flex;
        justify-content: space-between;
        margin: 40px;
        width: 290px;
        height: 65px;
        
    }
    .rock__music__data__1 {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 22px;
        min-width: 65px;
        min-height: 65px;
        border-radius: 50%;
        background-color: #131313;   
    }
    .rock__music__data__11 {
        margin: 0px 0px 0 20px;
        text-align: justify;
        width: 245px;
        font-size: 14px;    
        color: darkgrey;
        
    }
    .rock__music__data__2 {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 22px;
        min-width: 65px;
        min-height: 65px;
        border-radius: 50%;
        background-color: red;
        color: whitesmoke;
    }
    .rock__music__data__22 {
        margin: 0px 0px 0 20px;
        width: 245px;
        font-size: 20px;
        padding-top: 10px;
        color: whitesmoke;
    }
    .rock__music__image__alboum {
        width: 190px;
        height: 190px;
        margin: 40px;
        background: url(../img/maxresdefault1.jpg) 0 0/ 100% 100% no-repeat;
    }
    .rock__music__information__two {
        margin: 0px auto;
        padding-top: 25px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        border-radius: 14px;
        font-family: Arial, Helvetica, sans-serif;
        overflow: hidden;
    }
    .rock__music__information__data__two h2 {
        margin: 40px 0 0 40px;
        font-size: 20px;
        text-transform: uppercase;
        color: whitesmoke;
    }
    .rock__music__information__data__two {
        width: 366px;
        height: 380px;
        border: 0px solid white; 
    }
    .rock__music__information__content__two {
        display: flex;
        justify-content: space-between;
        margin: 40px;
        width: 290px;
        height: 65px;
    }
    .rock__music__data__two {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 22px;
        min-width: 60px;
        max-height: 60px;
        border-radius: 50%;
        background-color: whitesmoke;
        
    }
    .rock__music__data__two__two {
        margin: 0px 0px 0 20px;
        text-align: justify;
        width: 245px;
        font-size: 14px;    
        color: darkgrey;
    }
    ul.rock__music__information__content__links a{
        display: inline-block;
        padding-bottom: 15px;
        color: red;
        background: url(../img/1612480505_11-p-strelka-na-serom-fone-12.png) 0 0/ 14px 14px no-repeat;
        padding-left: 16px;
    }
   
        .footer {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,111111+60,2b2b2b+100,1c1c1c+100,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #111111 60%, #2b2b2b 100%, #1c1c1c 100%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#111111 60%,#2b2b2b 100%,#1c1c1c 100%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  
    }
    .footer__row {
        height: 70px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: ;
    }
    .footer__row p {
        color: whitesmoke;
    }

    @media (max-width: 1110px) {
        .rock__music__information__data {
            width: 366px;
            height: 440px;
            border-left: 2px solid #131313;
            border-right: 2px solid #131313;
        }  
        .rock__music__information__data:first-child {
            border-left: 2px solid #131313;         
        }
    }
    @media (max-width: 1090px) {
        body.lock {
            overflow: hidden;
        }
        .logo__text {
            display: none;
        }
        .line__menu {
            position: fixed;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 60px;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
            z-index: 13;
        }
        .logo {
            margin-left: 20px;
            display: flex;
            font-size: 40px;
            color: red;
        }
        .logo span {
            margin-left: 10px;
        }
        .menu__burger {
            position: fixed;
            display: flex;            
            margin: 0px 25px 0 0;           
            position: relative;
            width: 25px;
            height: 20px;
            z-index: 14;
            cursor: pointer;
        }
        .menu__burger span {
            position: absolute;
            top: 8px;
            left: 0;
            background-color: #fff;
            width: 115%;
            height: 4px;
            transition: all 0.1s ease 0s;
        }
        .menu__burger::before,
        .menu__burger::after{
            content: "";
            background-color: #fff;
            position: absolute;
            width: 115%;
            height: 4px;
            left: 0;
            transition: all 0.1s ease 0s;
        }
        .menu__burger::before {
            top: 0;
        }
        .menu__burger::after {
            bottom: 0;
        }
        .menu__burger.active::before {
            transform: rotate(45deg);
            top: 8px;
        }
        .menu__burger.active::after {
            transform: rotate(-45deg);
            bottom: 8px;
        }
        .menu__burger.active span {
            transform: scale(0);
        }
        
        .burger__menu {
            position: fixed;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.9);
            padding: 0px 0px 0px 0px;
            transition: all 0.2s ease 0s;
            z-index: 12;
        }
        .burger__menu.active {
            left: 0;
        } 
        .rock__music__group__list { 
            position: relative;   
        }

        
        .rock__music__group__list::after {
            display: ;
            content: "";
            position: absolute;
            top: 1.6em;
            right: 0.6em;
            border: 6px solid;
            border-color: transparent transparent transparent whitesmoke;
            transition: 0.3s;
        }
        .rock__music__group__list:hover::after {
            display: ;
            transform: scaleX(-1);
            position: absolute;
            top: 1.5em;
            right: 1em;
            border-color: transparent transparent transparent red;
        }

       
        .rock__music__menu {
            display: block;
            width: 250px;
            margin: 60px 0 0 0;
        }
        ul.rock__music__menu li {
            width: 100%;
            text-align: left;                
        }
        .rock__music__group {
            top: 0px;
            left: 100%;
            position: absolute;
            clip: rect(0 0 0 0);
            width: 1px;
            height: 1px;
            margin: -1px;          
        }
        .rock__music__slider {
            margin: 0px auto;
            width: 100%;
            height: 100%;
        }
        .rock__music__slider__item img{
            margin-top: 60px;           
        }
    }
    @media (max-width: 778px) {
        .rock__music__information__data {
            width: 366px;
            height: 440px;
            border-left: 2px solid #131313;
            border-right: 2px solid #131313;
            border-bottom: 2px solid #131313;
        }  
        .rock__music__information__data:first-child {
            border-right: 2px solid #131313; 
            border-bottom: 2px solid #131313;    
        }
        .rock__music__information__data__two {
            width: 366px;
            height: 380px;
            border-bottom: 1px solid whitesmoke; 
        }
    }