
/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
/* ul[class], */
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
/* ul[class], */
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
html{
  scroll-behavior: smooth;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body{
  font-family: Roboto;
  font-family: Forum;
  background-color: #030303;
}

.header{
  background-color: #030303;
}
a:hover {
   transition: 0.5s;
}
.social:hover{
  color: #9d8665;
  transition: 0.5s;
}
.menu__link:hover{
  color: #9d8665;
  transition: 0.5s;
}
   
.header-container {
    max-width: 1480px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #030303;
                
  }
  .logo_text{
  display: flex;
  gap: 25px;
  align-items: center;
  z-index: 200;
  
  }
  .text_title_header{
  font-family: Forum;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 100%;
  }

  .header__inner{
    min-height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu__list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 55px;
  }
  .burger_check_box {
    display: none;
}
.burger-bottom-span{
  display: none;
}
  
.menu__item:nth-child(1){
  width: 85px;
  height: 26px;
}
.menu__item:nth-child(2){
  width: 84px;
  height: 26px;
}
.menu__item:nth-child(3){
  width: 63px;
  height: 26px;
}
.menu__item:nth-child(4){
  width: 84px;
  height: 26px;
}
.menu__item:nth-child(5){
  width: 82px;
  height: 26px;
}
.menu__item:nth-child(6){
  width: 102px;
  height: 26px;
}

.menu__item >a{
  color: white;
  text-decoration: none;
  
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 2px;

}

/* .burger_wrapper{
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 32px;
  height: 18px;
  z-index: 10;
  position: relative;
  
}
.burger_wrapper>span{
  width: 32px;
  height: 2px;
  background-color: white;
  
} */
/* burger-menu new */
.navibare__arrow {
  display: none;
}




.burger-bottom-span {
   
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: 0.5s;
}
.burger-bottom-span {
  top: 8px;
}
.burger-bottom {
  display: none;
  width: 32px;
  height: 18px;
}



.navbar__imge__wrap {
  display: none;
}
.navbar__line{
  display: none;
}
.burger-bottom {
  display: none;
  width: 32px;
  height: 18px;
}

.burger-bottom::after, .burger-bottom::before, .burger-bottom-span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.5s;
}

.burger-bottom::before {
  content: "";
  top: 0;
}

.burger-bottom::after {
  content: "";
  bottom: 0;
}

.burger-bottom-span {
  top: 8px;
}

.burger_check_box:checked ~ .burger-bottom::after {
  transform: rotate(45deg);
  bottom: 8px;
}

.burger_check_box:checked ~ label span {
  transform: rotate(-45deg);
}

.burger_check_box:checked ~ .burger-bottom::before {
  transform: rotate(-45deg);
  top: 8px;
}
.navbar__social__links{
  display: none;
}




/* main */
.welcome{
  background-color: #030303;
}

.welcome__container{
  max-width: 1480px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:  65px;
    background-color: #030303;
}
.top__inner{
display: flex;
position: relative;
flex-direction: row-reverse;
} 

.top__frame{
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 150px;
left: 0;
gap: 25px;
z-index: 3;
 pointer-events: none;
}
.top__title{
  font-family: Forum;
  font-size: 80px;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 90px;
  color: white;
}
.top__text{
  font-family: Roboto;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 100%;
  color: white;
  padding-bottom: 82px;
}
.top__button{
  font-family: Roboto;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 100%;
  color:white ;
  padding: 25px 66px ;
  background-color: #710707;
  border-radius: 10px;
  text-decoration: none;
  }
  .top__button:hover {
    background-color: #9d8665;
    color:white ;
        }
.frame_img{
  /* margin-left: 440px; */
  width: 69%;
  overflow: hidden;
}
.frame_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 445px;
  width: 30%;
  height: 100%;
  background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  z-index: 2;
  pointer-events: none;
}

.top__img{
  display: flex;
}
#slider {
  width: 100%;
  height: 100%;
  display: flex;
 
}

.shifting {
  transition: 1s ease-in-out;
}



.slider-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex-shrink: 0;
  
  
}


.slider_pagination{
  background-color: #030303;
  position: absolute;
  bottom: -60px;
  right: 0px;
}
.welcome__pagination__container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 55px;
  padding: 49px 74px 49px 75px;
 
}
.welcome_slide_num{
  color: white;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 100%;
}
.carousel_pagination{
  display: flex;
  gap: 25px;
}
.arrays{
  display: flex;
  grid-gap: 20px;
  padding-left: 3px;
}
.other{
  width: 16px;
  height: 16px;
  background-color:white;
}

.active{
  background-color:#D2B183 ;
}
.pagination__first{
  background-color:#D2B183 ;
}

/* virtual-section */
.Visiting{
  background-color: white;
}
a{
  text-decoration: none;
}

.visiting__container{
    max-width: 1440px;
    margin: 0 auto;
    background-color: white;
    padding-bottom: 77px;
}
.title_line{
  background-color:#710707; 
}

.title_line_small{
  width: 100%;
    height: 2px;
    transform: scaleX(0.70);
    transform-origin: left;
    transition: transform 0.4s ease;
}
 
  
.visiting__card {
  transition: transform 0.3s ease;
}
.visiting__card:hover {
  transform: scale(1.05);
}
.visiting__card:hover .title_line {
  transform: scaleX(1);

}

.virtual_title{
  font-family: Forum;
  font-size: 80px;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 90px;
  color: #9D8665;
  padding: 75px 0 25px 0;
  /* border-bottom: 3px solid #710707; */
}
.underline_title_visiting{
  background-color: rgb(113, 7, 7);
  height: 3px;
}
.cards__container{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 60px;
    row-gap: 75px;
  padding-top: 75px;
}
.title__card{
  font-family: Forum;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 100%;
  color: #9D8665;
  padding: 30px 0 10px 0;
  
  
}

.text__card_first{
  font-family: Roboto;
  font-size: 22px;
  color: #000000;
 
  padding: 5px 0 10px 0;
  
}
.text__card_second{
  font-family: Roboto;
  font-size: 18px;
  font-weight: 200;
  line-height: 100%;
  color: #000000;
}
/* explore */





.explore_container {
  max-width: 1440px;
  background-color: black;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 72px;
}

.title__text_explore {
  padding-top: 55px;
  padding-bottom: 75px;
  height: 715px;
}
.title__explore {
  font-family: "Forum", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 5px;
    font-size: 80px;
    margin: 0;
    color: white;
}

.title__line__explore {
  height: 3px;
  width: 100%;
  background-color: #710707;
  margin-top: 11px;
  margin-bottom: 77px;
}

.text__explore__first {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0%;
  font-size: 22px;
  color: #FFFFFF;
  font-weight: 300;
  line-height: 38.5px;
  margin-bottom: 0;
  max-width: 660px;
  margin-top: 24px;
}

.slaider__explore_wrapper {
  max-width: 720px;
  width: 50%;
  height: auto;
  margin-top: 90px;
}

.slider__container {
  position: relative;
  overflow: hidden;
  width: 100%;
  user-select: none;
}

.explore__slider__container img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top left;
}

.view-before {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 2;
  width: 61%;
  height: 100%;
}

.explore__slider_line {
  max-width: 39px;
  max-height: 700px;
  height: 100%;
  width: 50%;
  fill: #FFFFFF;
  position: absolute;
  left: 58.45%;
  z-index: 10;
  top: 0;
}

.explore-slide {
  max-width: 720px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
}

.explore__slider:hover {
  fill: #c0c0c0;
}

.explore__slider:active {
  fill: #8d8d8d;
}







/* Video journey */
.Video{
  background-color: #ffff;
}
.video_jouney_container{
  max-width: 1440px;
  margin: 0 auto;
  padding: 75px 0 75px 0;
}
.image_youtube{
  display: flex;
position: relative;
}

.play_vector{

  position: absolute;
  left: 611px;
  top: 214px;
  z-index: 100;
  
}
.video_clider_hidden{
  overflow: hidden;
}
.swiper {
  /* width: 600px; */
  height: 254px;
}
.video__slider{
 height: 306px; 
}
.video__slider__item{
  position: relative;
}
.youtube_icon{
  position: absolute;
  left:192px ;
  top: 103px;
}
.title_text_video_jouney{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0 75px 0px;
}
.title_video_jouney{
    font-family: Forum;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 5px;
    line-height: 90px;
    color: #9D8665;
  
    }
    .text_video_jouney{
      font-family: Roboto;
      max-width: 720px;
    font-size: 22px;
    font-weight: 300;
    line-height: 38.5px;
    }
    .controls_youtube{
      display: flex;
      justify-content:space-around;
      align-items: center;
      max-width: 1440px;
      height: 85px;
      background-color: #000000;
      margin-bottom: 38px;
    }
    .video_player_progress{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .wolume_player_progress{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .video_player_progress_before{
      width: 497px;
      height: 8px;
      background-color: #710707;
    }
    .video_player_progress_afther{
      width: 432px;
      height: 8px;
      background-color: white;
      }
      
      .video__slider_pagination {
        /* position: relative; */
        display: flex;
        bottom: 0px;
        position: absolute;
        max-width: 1440px;
        width: 100%;
        justify-content: center;
        align-items: center;
      }
       .video__slider_pagination .swiper-pagination{
        position: static;
      }
      
      .video__slider_pagination .swiper-button-prev, .video__slider_pagination .swiper-button-next {
        position: static;
        margin-top: 0;
      /* bottom:0;
      top: unset; */
    }
    .video__slider_pagination .swiper-pagination-bullets.swiper-pagination-horizontal {
      width: auto;
    }
    /* .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    } */
    .video__slider_pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 10px;
      background-color: #999;
      width: 12px;
      height: 12px;
      opacity: 1;
      transition-duration: 0.5s;
    }
    .video__slider_pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover {
      background-color: #710707;
    }
    .video__slider_pagination .swiper-button-prev:hover, .video__slider_pagination .swiper-button-next:hover {
      fill: #710707;
    }
    .video__slider_pagination .swiper-pagination-bullet-active {
      background-color: #000 !important;
    }
    .vector_volume{
      display: flex;
      justify-content: center;
    }
    .wolume_player_progress_before{
      width: 67px;
      height: 8px;
      background-color: #710707;
    }
    .wolume_player_progress_afther{
      width: 88px;
      height: 8px;
      background-color: white;
    }
    /* gallery */

    .gallery{
      background-color: #000000;
    }
    .gallery_container{
      max-width: 1440px;
      max-height: 2200px;
      margin: 0 auto;
      overflow-y: hidden;
      
    }
    .title_art_gallery{
    font-family: Forum;
    font-size: 80px;
    font-weight: 400;
    line-height: 90px;
    letter-spacing: 5px;
    padding-bottom: 70px;
    padding-top: 75px;
    color: white;
    }
    .picture_container{
      overflow-y: hidden;
    }
    .content_art_gallery{
      
      column-count: 3;
      column-width: 456px;
      column-gap: 36px;
      column-rule-color:#000000;
      columns: nth-child(1) 50px;
           
    }
    .gallery_content{
      max-width: 456px;
      margin-top: 27px;
      
    }
    .gallery__img {
      opacity: 0.4;
      transform: translate(0, 100px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }


    .gallery__img._active{
      opacity: 1;
      transform: scale(1) translate(0, 0);
    }

    .gallery_content:nth-child(1){
      margin-top: 50px;
    }
    .gallery_content:nth-child(11){
      margin-top: 50px;
      break-before: column;
    }

    /* buy tickets */
    .tickets{
      max-width: 1920px;
      background-color: white;
      margin: 0 auto;
    }
    .tickets_container{
      max-width: 1440px;
      margin: 0 auto;
      
      padding-bottom: 77px;
    }
    .amount_ticket{
      display: flex;
      flex-direction: column;
      justify-self: start;
    }
    
    .title_tickets{
  font-family: Forum;
  font-size: 80px;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 90px;
  color: #9D8665;
  padding: 75px 0 25px 0;
  margin-bottom: 75px;
  border-bottom: 3px solid #710707;
    }
    .parallax{
      max-width: 100%;
      
      min-height: 400px;
      background-image: url(assets/img/parallax.jpg);
      background-size: cover;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
  
    }
    .wrapper_ticket{
      display: flex;
      justify-content: space-between;
    align-items: start;
    min-width: 46%;
     
     
    }
    .wrapper_ticket_type{
      display: flex;
      gap: 275px;
      justify-content: space-between;
      
    }
    .title_ticket_type{
      font-family: Roboto;
      font-weight: 700;
      font-size: 28px;
      line-height: 100%;
      letter-spacing: 0%;
      padding: 10px 10px;
      text-align:start;
      margin-bottom: 43px;
    }
    .amout{
      font-family: Roboto;
      font-size: 28px;
      line-height: 100%;
      letter-spacing: 0%;
      padding:  6px 10px;
      text-align:end;
      margin-bottom: 25px;
    }
    .input_label{
      font-family: Roboto;
      font-weight: 300;
      font-size: 22px;
      line-height: 100%;
      letter-spacing: 0%;
    }
    .input_label input{
      width: 17px;
      height: 17px;
    }
    .amount_ticket> p {
      font-family: Roboto;
      font-weight: 300;
      font-size: 22px;
      line-height: 100%;
      letter-spacing: 0%;
      margin: 0 0 0 0;
      justify-items: left;
    }
    .select_number_tickets_senior{
      width: 150px;
      height: 50px;
      border: 3px solid #000000;
    }
    .select_number_tickets_basic{
      width: 150px;
      height: 50px;
      border: 3px solid #000000;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .select_number_tickets_senior{
      width: 150px;
      height: 50px;
      border: 3px solid #000000;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    
    .select_number_tickets_basic button {
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        border: none;
        background: none;
      }
      .select_number_tickets_senior button {
        font-family: Roboto;
        font-weight: 400;
        font-size: 32px;
        border: none;
        background: none;
      }

      .number_ticket {
        display: inline;
        text-align: center;
        max-width: 33%;
        font-family: Roboto;
        font-weight: 300;
        font-size: 22px;
        border: none;
      }

    .text_amount{
      padding-bottom: 15px;
    }
    .input_label{
      margin-bottom: 25px;
    }
    .ticket_type{
      min-width: 150px;
    }
    .ticket_subtitle{
      margin: 42px 0 60px 0;
      letter-spacing: 1.65px;
      font-family: Roboto;
      font-weight: 700;
    font-size: 28px;
    }
    .tickets_buy{
      background-color: black;
    border: none;
    border-radius: 1px;
    color: white;
    font-family: Roboto;
    font-weight: 300;
    font-size: 22px;
    min-width: 175px;
    min-height: 50px;
    text-align: center;
    letter-spacing: 2px;
    }
    .image__tickets{
      background-image: url(assets/img/image_ticket.svg);
      background-position: center;
      background-size: cover;
      width: 720px;
      height: 550px;
    }
    /*contacts  */
    .contacts{
      background-color: #fff;
    }
   
    .contacts_container{
    margin: 0 auto;
    max-width: 1440px;
    padding-top: 60px;
    padding-bottom: 75px;
    }
    .light_section_title {
      color: rgb(157, 134, 101);
  }
  .section-title {
    font-family: Forum;
    font-size: 80px;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 5px;
}
   .underline-title {
    position: relative;
    }
    .underline-title::after {
      content: "";
      position: absolute;
      bottom: -22px;
      left: 0;
      right: 0;
      height: 3px;
      background-color: rgb(113, 7, 7);
    }
    .contacts_content_container {
      display: flex;
      justify-content: space-between;
      align-items: start;
      margin-top: 82px;
  }
    .contacts_content_title {
    font-family: Roboto;
    font-weight: 500;
    line-height: 129%;
    font-size: 28px;
    max-width: 227px;
    margin: 0 0 35px 0;
   }
   .contacts_item >a{
    text-decoration: none;
    color: black;
    font-family: Roboto;
      font-weight: 300;
      font-size: 22px;
      /* line-height:125%; */
      letter-spacing: 0%;
   }
   .contacts_item{
    padding: 14px 0 0 0;
   }
  .contacts__map__container{
    width: 66%;
    max-width: 960px;
    height: 620px;
  }
  .progress__video{
    min-width:65%;
    height: 8px;
    margin: 0;
    /* appearance: none; */
    background: linear-gradient(to right, #710707 0%, #710707 0%, #C4C4C4 0%, #C4C4C4 100%);
  }
  .player_btn{
    background: none;
    border: none;
    outline: none;
    
  }
  



    /* footer */

    .footer{
      background-color: #000000;
    }

    .footer_container{
      max-width: 1440px;
      margin: 0px auto;
      background:#000000
    }
    .logo_text{
       color:white;
       font-family: Forum;
       font-size: 28px;
       font-weight: 400;
      letter-spacing: 5px;
        line-height: 100%;
    }
    .logo_footer {
      display: flex;
      gap: 20px;
    }
    
    .menu__list-footer{
     display: flex; 
     flex-direction: column;
     flex-wrap: wrap;
     gap: 25px;
     max-height: 128px;
    }
    .menu_footer{
      max-width: 363px ;
    }
     .footer_nav_logo{
      display: flex;
      justify-content: space-between;
      align-content:space-around;
      align-items: center;
      padding: 87px 0 50px 0;
     }
   .social{
    display: flex;
    gap: 25px;
    cursor: pointer;
    padding: 0px 0 0 10px;

   }
   
   .icon {
    border: solid white 1px;
    padding: 8px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: white;
    fill: currentColor;
   
}
   .icon:hover {
    
    fill: #9d8665;
    transition: 0.5s;
    border: solid #9d8665 3px;
  }
   .footer_year{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color:white;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 22px;
    padding: 50px 0;
   }
   .years-text{
    text-decoration: none;
   }
   .menu__item_footer>a{
    color: white;
    text-decoration: none;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 2px;
   }
   .menu__link{
    transition-duration: 1s;
   }
   .menu__link:hover{

   }
   .menu__item{
    transition-duration: 1s;
   }

   .menu__item_footer:nth-child(1){
   width: 107px;
   height: 26px;
   }
   .menu__item_footer:nth-child(2){
    width: 88px;
    height: 26px;
    }
    .menu__item_footer:nth-child(3){
      width: 87px;
      height: 26px;
      }
      .menu__item_footer:nth-child(4){
        width: 80px;
        height: 26px;
        }
        .menu__item_footer:nth-child(5){
          width: 85px;
          height: 26px;
          }
          .menu__item_footer:nth-child(6){
            width: 106px;
            height: 26px;
            }
            .github_footer{
              text-decoration: none;
              color: white;
            }

            .footer_nav_social{
               
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                flex-direction: row;
                align-items: flex-end;
                gap: 514px;
            }
            .line-footer{
              width: 100%;
              height: 3px;
              background-color: #666666;
            }

            /* tickets  1910*/
            @media(max-width: 1910px){
            .image__tickets{
              width: 71.2%;
              height: 440px;
            }
            .ticket_type{
              display: none;
            }
          }

             /* adaptiv 1246px */
             @media(max-width: 1246px){
              .footer_nav_social{
                gap: 132px;
                padding-top: 15px;
              }
              .menu__list-footer{
                row-gap: 23px;
                column-gap: 54px;
              }
              .logo-footer {
              padding-bottom: 88px;
               
            }
            .footer_year{
              padding-top: 64px;
              padding-bottom: 51px;
            }
            .social{
              padding-right: 20px;
            }
             }

            /* adaptiv 1024px */
            /* header */

            @media(max-width: 1095px){
              .header__inner{
                min-height: 130px;
              }
              

              .burger_wrapper{
                  display: flex;
              }

              /* welcome */
              .welcome__container{
                padding-bottom: 61px;
              }
              
              .frame_img {
                width: 71%;
            }
              .slider_pagination {
                bottom: -59px;
                right: 0px;
            }
            .other {
              width: 12px;
              height: 12px;
            }
              .top__title {
                font-family: Forum;
                font-size: 50px;
                font-weight: 400;
                letter-spacing: 5px;
                line-height: 90px;
                color: white;
             }
             .top__text {
              font-size: 24px;
              padding-bottom: 48px;
            }  
            .top__frame{
              top: 51px;
            }                   
            .top__button {
              padding: 18px 45px;
              font-size: 20px;
              border-radius: 10px;
              text-decoration: none;
            }
            .welcome_slide_num {
              font-size: 20px;
            }  
            .welcome__pagination__container {
              gap: 45px;
              padding: 50px 72px 48px 217px;
          }
          /* visiting 1024px */
          .virtual_title{
            font-size: 50px;
            line-height: 75px;
            padding: 60px 0 5px 19px;
          } 
          .underline_title_visiting{
            margin: 14px 20px 0 20px;
          }
            .visiting__container{
              max-width: 1024px;
              padding-bottom: 62px;
            }
            .cards__container {
              margin: 0 0 0 0;
              column-gap: 108px;
              row-gap: 60px;
              padding-top: 60px;
          }
         
         .title__card {
          letter-spacing: 3px;
          font-size: 28px;
          padding: 30px 0 10px 0;
         }
         
          .item_card__container{
           width: 32.3%;
          }
          .title_line_small {
            width: 100%;
            height: 2px;
            transform: scaleX(0.45);
          } 
          .text__card_first {
            font-size: 20px;
            padding: 5px 0 10px 0;
        }
       
        .text__card_second {
          font-size: 16px;
          font-weight: 200;
          margin-bottom: 0px;
          
      }
         /* explore */
         .title__explore {
          
          line-height: 75px;
        font-size: 50px;
        letter-spacing: 5px;
      }
      .explore_container{
        max-width: 984px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      .title__line__explore {
        width: 984px;
        margin-top: 20px;
        margin-bottom: 63px;
    }
    .text_cecond{
      display: none;
    }
    .text__explore__first {
      max-width: 984px;
        font-size: 20px;
        margin: 0;
        line-height: 35px;
  }
  .last__explore__p {
    display: none;
}
  .text__explore__other{
    font-size: 20px;
  }
  .title__text_explore {
    padding-top: 60px;
    height: 100%;
    padding-bottom: 0;
    
}
.slider__container {
  
  /* margin: 15px 0 0 0;
  overflow: hidden;
  position: relative;
  width: min(61vh, 50vw);
  height: min(68.2vh, 55.5vw);
  box-sizing: border-box; */
}
/* .slider__container .view-before {
  width: min(61.5vh, 49.5vw);
  height: min(68.2vh, 55.5vw); 
  z-index: 200;
} */
.slaider__explore_wrapper{
 
  width: 100%;
  margin-top: 63px;
  padding-bottom: 60px;
}  
              /* video 1024px */
              .title_video_jouney {
                line-height: 75 px;
                font-size: 50px;
              }  
              .play_vector {
                position: absolute;
                left: 471px;
                top: 173px;
                z-index: 100;
                width: 152px;
            }
          .text_video_jouney{
            display: none;
          }
          .video_jouney_container{
            padding: 53px 20px 0 20px;
          }
          .title_text_video_jouney {
            padding: 0px 0 32px 0px;

          }
          .controls_youtube {
            height: 60px;
            padding: 0 40px 0 40px;
            justify-content: space-between;
          }
          .play_vector{
            left: 418px;
            top: 146px;
          }
          .video__slider_pagination {
            padding: 39px 0 63px 0;
          }
          /* gallery 1024px */
          .title_art_gallery{
            font-size: 50px;
            line-height: 75px;
            letter-spacing: 5px;
          }
          .gallery_container{
            padding: 0 20px 0 20px;
            max-height: 1460px;
          }
          .title_art_gallery {
            padding-top: 61px;
          }
          .gallery_content{
            max-width: 304px;
          }
          .content_art_gallery{
            column-width: 304px;
          }
          .youtube_icon {
            position: absolute;
            left: 114px;
            top: 65px;
        }
              /* tickets 1024px */
              .title_tickets {
                font-size: 50px;
                line-height: 75px;
                padding: 60px 0 20px 0;
                margin-bottom: 60px;
              }  
              .tickets_container {
                padding: 0 20px 0 20px;
              }
              .amout{
                text-align:start;
              }
              .amount_ticket{
                margin-right: 31px;
              }
              
              .ticket_type{
                display: none;
              }
              .image__tickets{
              display: flex;

              }
              .wrapper_ticket{
                /* width: 70%; */
                padding: 0 0 60px 0;
              }
              .select_number_tickets_senior{
                width: 175px;
              }
              .select_number_tickets_basic{
                width: 175px;
                margin-bottom: 30px;
              }
              .ticket_subtitle {
                margin: 5px 0 65px 0;
                
               
                
                
            }

              /* contacts 1024px */
              .section-title{
                font-size: 50px;
                line-height: 75px;
              }
              .contacts_container{
                padding:61px 20px 0 20px ;
              }
              .contacts_content_title {
                
                line-height: 113%;
                font-size: 24px;
                max-width: 227px;
                margin: 0 0 24px 0;
               }
               .contacts_list {
                font-size: 15px;
               }
               .contacts_item {
                padding: 8px 0 0 0;
            }
               .contacts_item > a{
                padding: 5px 0 0 0;
                font-size: 20px;
            }
            .contacts_content_container {
              display: flex;
          
              justify-content: space-between;
              align-items: start;
              margin-top: 82px;
              margin-bottom: 65px;
          }
          .contacts__map__container {
            width: 71%;
        }
        /* footer 1024px */
        .footer_container{
          padding: 0 20px 0 20px;
        }
        .footer_nav_logo{
          padding: 51px 0 50px 0;
        }
        .logo_footer{
          padding-bottom: 72px;
        }

      }

                
            @media(max-width: 1024px) {
              

              .burger-bottom {
                position: relative;
                display: block;
            }

            .menu__list{
              
              margin: 0;
              position: fixed;
              left: 0;
              right: 0;
              background-color: #000;
              z-index: 100;
              width: 297px;
              margin-top: -56px;
              padding-top: 165px;
              padding-left: 55px;
              flex-direction: column;
              justify-content: space-between;
              align-items: start;
              max-height: 122px;
              height: 100%;
              padding-bottom: 100%;
              left: -120vw;
              right: 100vw;
              transition: 0.8s; 
            }
            .menu__list{
              padding-top: 165px;
            }


            .burger_check_box:checked ~ .menu__list {
              left: 0;
              right: 0;
          }
          .menu__item{
          font-size: 20px;
          letter-spacing: 1.5px;
          line-height: 23px;
          font-weight: 200;
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 122px;
          margin-bottom: 25px;
          }
          .navibare__arrow {
            display: block;
        }

            }    
            @media(max-width: 1023px)  {
              .menu__list{
                padding-top: 165px;
              }
            }
                
                
                
            

                
               
                
           
              
         
              
             
              
              
              
             
          
          
          

          @media(max-width: 990px){
             /* header */
        .text_title_header {
           font-size: 28px;
          } 
            .header__inner {
              min-height: 110px;
          }
            .logo_text{
          margin-top: 10px;

            }
            .top__inner {
              display: flex;
              position: relative;
              flex-direction: column;
              align-items: center;
            }    
         
          .top__frame {
            position: relative;
            top: 0px;
        }
        .top__title {
          line-height: 60px;
          font-size: 40px;
          text-align: center;
        } 
        .top__text {
          font-size: 20px;
          padding-bottom: 29px;
      }
          .button_welcome{
            display: none;
          }
          
          .frame_img {
            width: 100%;
            padding-top: 21px;
        }
        
      .welcome__container {
        padding-bottom: 100px;
    }
    .slider_pagination {
      bottom: -100px;
      right: 88px;

      }
      .welcome__pagination__container {
        gap: 45px;
        padding: 31px 72px 40px 145px;
    }
    .item_card__container{
      width: 36.4%;
     }
     .cards__container{
        column-gap: 56px;
        row-gap: 38px;
        padding-top: 40px;
        padding-bottom: 17px;
     }
     .title__card {
      
      font-size: 22px;
      padding: 30px 0 10px 0;
  }
  .text__card_first {
    font-size: 18px;
    padding: 5px 0 10px 0;
}
.title_line_small {
  width: 100%;
  height: 2px;
  transform: scaleX(0.54);
}
    /* video 990px */
    .play_vector {
      position: absolute;
      left: 269px;
      top: 72px;
      z-index: 100;
  }
  .circle_play_vector{
    width: 11%;
  }
  .video__slider__item{
    max-width: 354px;
  }
  .video__slider {
    width:1102px ;
    flex-wrap: wrap;
    gap: 20px;
   
        }
      }
        @media(max-width: 990px){
          .explore_container {
            max-width: 1440px;
            margin: 0 auto;
            display: flex;    
            flex-direction: column;
            justify-content: space-between;
            align-items:center;
            gap: 60px;
            padding: 40px 67px 70px 0;
        }
        .text__explore__first{
          display: none;
        }
        .text__explore__other{
          display: none;
        }
        /* explore */
        .title__explore {
          font-family: Forum;
          font-size: 40px;
          line-height: 60px;
          padding-bottom: 25px;
                 
         
      }
      .title__line__explore {
        width: 728px;
        height: 3px;
        
    }
    .title__text_explore {
      max-width: 94%;
      color: white;
  }
  .slider__container {
    margin: 224px 0 0 0;
   
}
     /* visiting 990px */
     .virtual_title{
      font-size: 40px;
      line-height: 60px;
      padding: 38px 0 5px 19px;
    } 
    .underline_title_visiting {
      margin: 16px 20px 0 20px;
    }
    .video_jouney_container {
      padding: 40px 20px 0 20px;
  }
  .title_text_video_jouney {
    padding: 0px 0 20px 0px;
}


    /* gallery 480px */

    .title_art_gallery{
      line-height: 60px;
      font-size: 40px;
    }
      /* video 768px */
    .title_video_jouney {
      line-height: 60px;
      font-size: 40px;
    }  
    .controls_youtube {
      width: 100%;
      height: 56px;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 21px;
    }
    .video__slider_pagination {
      padding: 21px 0 79px 0;
      gap: 18px;
  }
    .controls_youtube .player_btn {
      width: 4%;
      height: 29px;
     
      order: 1;
    }
      .controls_youtube .progress__video {
        width: 100%;
        height: 5px;
       
        order: 0;
      }
      
      .controls_youtube .player_btn{
        width: 4%;
        height: 29px;
        
        order: 1;
      }
      
      .controls_youtube .progress-volume {
        width: 63%;
        height: 5px;
        background: orange;
        order: 1;
      }
      /* gallery 990px */
      .title_art_gallery {
        
        padding-top: 40px;
    }
    .content_art_gallery {
      max-height: 3125px;
      column-width: 352px;
      column-gap: 24px;
      column-count: 2;
  }
  .gallery_content {
    max-width: 354px;
}
.gallery_container {
  padding: 0 20px 0 20px;
  max-height: 1220px;
}


     /* tickets 768px */
     .title_tickets {
      font-size: 40px;
      line-height: 60px;
      margin-bottom: 40px;
      padding: 40px 0 20px 0;
    }  
    .contacts_content_container {
      flex-direction: column;
      justify-content: space-between;
      align-items: start;
      margin-top: 62px;
      margin-bottom: 73px;
  }
  .contacts_content_title{
    font-size: 20px;
    line-height: 113%;
    margin: 0 0 33px 0;
  }
  .image__tickets {
    width: 61%;
    height: 340px;
  }
  .contacts_item > a {
    
    font-size: 18px;
}
  .amount_ticket {
    margin-right: 50px;
}
.contacts_list {
margin-bottom: 25px;
}
.text_contacts{
  padding-bottom:35px ;
}
.amout{
  margin-bottom: 34px;
}
.contacts__map__container {
  width: 100%;
}
.select_number_tickets_basic {
  
  margin-bottom: 24px;
}
.text_amount {
  padding-bottom: 12px;
}
.select_number_tickets_senior{
  margin-bottom: 32px;
}
.ticket_subtitle {
  margin: 5px 0 36px 0;
}
.ticket_subtitle{
  font-size: 28px;
}
.wrapper_ticket {
 
  padding: 0 0 40px 0;
}
.parallax {
 
  min-height: 300px;
}
 
 
  /* contacts 768px */
  .section-title {
    font-size: 40px;
    line-height: 60px;
}
.contacts_container {
  padding: 41px 20px 0 20px;
}
/* footer 768px*/
.footer_nav_logo{
  align-items: start;
  padding: 43px 0 24px 0;
}
.footer_nav_social {
  gap: 52px;
  padding-top: 15px;
}
.social{
  gap: 25px;
  padding: 0px 0 0 55px;
}
.footer_year {
  padding-top: 43px;
  padding-bottom: 37px;
}

.years-text-rolling {
  padding: 0 0 0 114px;
}
    }
    @media(max-width: 750px){
      .welcome_slide_num {
        font-size: 16px;
        letter-spacing: 0px;
    }
      .title__explore {
        font-family: Forum;
        font-size: 28px;
        line-height: 40px;
        padding-bottom: 25px;
    }

      .title__line__explore {
        width: 380px;
        height: 3px;
    }
    .explore_container{
      align-items:center;
    }
    .welcome__pagination__container {
      gap: 25px;
      padding: 7px 46px 24px 2px;
  }
  .slider_pagination {
    bottom: -72px;
    right: 27px;
}

    }

    @media(max-width: 768px) {
      .menu__list {
        width: 100%;
        padding-top: 156px;
        max-height: 1785px;
        justify-content: start;
    }
    .navbar__imge__wrap {
      margin-top: 9px;
      max-width: 658px;
      max-height: 375px;
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 194px;
      grid-gap: 20px;
  }
     .burger-bottom{
      z-index: 100;
     }
     .navibar__img_first{
      background-size: cover;
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2;
      background-image: url(assets/img/burger/image_15.png);
    }
    .navbar__img_second{
      grid-column-start: 1;
      grid-row-start: 2;
        grid-row-end: 3;
        background-size: cover;
      height: 161px;
      background-image: url(assets/img/burger/image_16.png);
    }
    .navbar__img_thirty{
      grid-column-start: 2;
      height: 161px;
      background-image: url(assets/img/burger/image_17.png);
      grid-row-end: 3;
      background-size: cover;
    }
    .menu__item:nth-child(1){
      width: 122px;
      height: 26px;
    }
    .menu__item:nth-child(2){
      width: 122px;
      height: 26px;
    }
    .menu__item:nth-child(3){
      width: 122px;
      height: 26px;
    }
    .menu__item:nth-child(4){
      width: 122px;
      height: 26px;
    }
    .menu__item:nth-child(5){
      width: 122px;
      height: 26px;
    }
    .menu__item:nth-child(6){
      width: 122px;
      height: 26px;
    }
    .navbar__line {
      display: block;
      background-color: #fff;
      height: 1px;
      width: 100%;
      margin-top: 34px;
      max-width: 658px;
      z-index: 200;
  }
  .navbar__social__links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 118px;
}
  }


    @media(max-width: 600px){
      .play_vector{
     width: 50px;
      }
      .circle_play_vector {
        width: 100%;
      }
      .wrapper_ticket {
        flex-direction: column;
        align-items: center;
      }
      .cards__container {
        flex-direction: column;
        align-items: center;
    }
    .item_card__container {
      width:66.5%;
      
  }
      .ticket_type{
        display: none;
      }
      .title__card {
        font-size: 22px;
        padding: 25px 0 11px 0;
    }
    .text__card_first {
      font-size: 16px;
      padding: 5px 0 10px 0;
  }
  .visiting__container {
    max-width: 1024px;
    padding-bottom: 27px;
}
.title__explore {
  padding-left: 10px;
}
.slider__container {
  margin: 81px 0 0 0;
}
.controls_youtube {
  height: 55px;
}
.controls_youtube .player_btn {
  width: 8%;
  height: 17px;
  order: 1;
}
.play_vector {
  left: 165px;
  top: 58px;  
}
.title_text_video_jouney {
  padding: 0px 0 15px 0px;
}
.video__slider__item {
  max-width: 180px;
  padding: 19px 0 0 0;
}
.video__slider {
  width: 581px;  
}
.youtube_icon {
  position: absolute;
  left: 55px;
  top: 46px;
}
.video__slider_pagination {
  margin-top: 60px;
  padding: 38px 0 38px 0;
  gap: 18px;
}
.elipse{
  width: 10px;
}
.gallery_content {
  max-width: 178px;
}
.gallery_container {
  padding: 0 20px 0 20px;
  max-height: 757px;
}
.content_art_gallery {
  max-height: 754px;
  column-width: 352px;
  column-gap: 24px;
  column-count: 2;
}
.image__tickets {
  width: 100%;
  height: 160px;
}
    }
    @media(max-width: 480px) {
    .text_video_jouney{
      display: none;
    }
    /* header */
    .text_title_header {
      font-size: 16px;
    } 
    .logo_louvre {
      max-width: 65%;
  }
  .logo_text{
    font-size: 16px;
    
    gap: 4px;
    margin-top: 3px;
  }
  .header__inner {
    min-height: 90px;
}
/* welcome */
.top__title {
  line-height: 40px;
  font-size: 28px;
       
}



    
    .welcome__container {
      padding-bottom: 80px;
  }
  .slider_pagination {
    bottom: -72px;
    right: 27px;
}
    
  .top__text {
    font-size: 16px;
    padding-bottom: 33px;
  }
  .top__frame {
    position: relative;
    top: 6px;
  }
  .frame_img {
    width: 100%;
    padding-top: 25px;
  }
  .other {
    width: 7px;
    height: 7px;
  }
  
  .carousel_pagination {
    gap: 10px;
  }
  .welcome__pagination__container {
    gap: 25px;
    padding: 7px 46px 24px 2px;
}
.arrays {
  display: flex;
  grid-gap: 15px;
  padding-left: 3px;
}
.arrow_svg{
  width: 20px;
}
    /* gallery 480px */
   

    .title_art_gallery{
      line-height: 40px;
      font-size: 28px;
    }
    /* visiting 480px */
    .virtual_title{
      line-height: 40px;
      font-size: 28px;
      padding: 38px 0 6px 19px;
    } 
     /* video 480px */
     .title_video_jouney {
      line-height: 40px;
      font-size: 28px;
    }  
    .progress__video {
      width: 50%;
    }
    
     
    /* tickets 480px */
    .title_tickets {
      font-size: 28px;
      line-height: 40px;
    }  
    .amount_ticket {
      margin-right: 0px;
  }
  .amount_ticket> p {
    
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0 0 0 0;
    justify-items: left;
}
.amout {
  margin-bottom: 21px;
  margin-top: 35px;
  font-size: 16px;
  text-align: center;
}
.ticket_subtitle {
  font-size: 16px;
  text-align: center;
  letter-spacing: 0px;
}
.tickets_buy{
  font-size: 16px;
}
.select_number_tickets_senior {
  margin-bottom: 33px;
}
.text_amount {
  padding-bottom: 14px;
}
    /* contacts 480px */
    .contacts_content_title {
      font-size: 16px;
      line-height: 113%;
      margin: 0 0 33px 0;
  }
  .section-title  {
    font-size: 28px;
    line-height: 40px;
  }  
  .contacts_item > a {
    font-size: 16px;
}
.contacts_content_container {
  margin-top: 62px;
  margin-bottom: 46px;
}
  .social {
    display: flex;
    gap: 4px;
    cursor: pointer;
    padding: 0;
}
.menu__item_footer>a {
   font-size: 18px;
  }
  .menu__item_footer:nth-child(1) {
    width: 65px;
    height: 19px;
}
.menu__item_footer:nth-child(2) {
  width: 63px;
  height: 19px;
}
.menu__item_footer:nth-child(3) {
  width: 47px;
  height: 19px;
}
.menu__item_footer:nth-child(4) {
  width: 60px;
  height: 19px;
}
.menu__item_footer:nth-child(5) {
  width: 62px;
  height: 19px;
}
.menu__item_footer:nth-child(6) {
  width: 77px;
  height: 19px;
}
.menu__list-footer {
  row-gap: 37px;
  column-gap: 75px;
  padding-top: 25px;
}
.navbar__line {
  max-width: 310px;
  margin-top: 24px;
}
.logo_footer {
  display: flex;
  gap: 22px;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 0px;
  padding-top: 41px;
  
}
.logo_footer-svg{
  width: 7%;
}
.footer_nav_logo{
  display: inline;
}

.menu_footer{
  min-width: 380px;
  min-height: 68px;
  padding-top: 20px;
}
.footer_nav_social {
  gap: 42px;
  padding-top: 15px;
  padding-bottom: 35px;
}
.footer_year{
  font-size: 16px;
}
.years-text-rolling{
  display: none;
}
.years_logo{
  width: 82%;
}
.navbar__imge__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 310px;
  max-height: 95px;
  column-gap: 14px;
  
}
.navibar__img_first {
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  background-repeat: no-repeat;
   background-size: 100%;
   background-image: url(assets/img/burger/image_1_420.png);
}
.navbar__img_second {
  background-repeat: no-repeat;
   background-size: 100%;
   grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        background-image: url(assets/img/burger/image\ _2_420.png);
}
.navbar__img_thirty {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  background-repeat: no-repeat;
   background-size: 100%;
   background-image: url(assets/img/burger/image_3_420.png);
}
.navbar__social__links{
  height: 89px;
}


  }