*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body{
  font-family: sans-serif;
  background: #000000;

  position: relative;

  transition: 1s ease-in all;

  -webkit-overflow-scrolling: touch;
}

body::-webkit-scrollbar {
  width: 0px;
}

/* body::selection {
  background: #FFC20E;
}

body::-moz-selection {
  background: #FFC20E;
} */

a {
  text-decoration: none;

  cursor: pointer !important;
}

a::selection {
  background: #FFC20E;
}

a::-moz-selection {
  background: #FFC20E;
}

p::selection {
  background: #FFC20E;
}

p::-moz-selection {
  background: #FFC20E;
}

canvas{
  position: fixed;

  /* align-self: flex-start; */
  left: 50%;
  top: 50%;
  min-height: 100%;
  min-width: 100%;
  
 
  transform: translate(-50%, -50%);

  z-index: 2;
  
}

.canvas{
  position: sticky;
}

/*------- Preloader ----*/

#preloader_video{
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

#preloader_video_btn{
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: 1s ease all;
  display: none;
}

#preloader_content{
  position: fixed;
  bottom: 0;

  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  transition: 1s ease all;
}

.display_none{
display: none;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* фоновый цвет */
  background: black;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.preloader_image {
  position: absolute;
  width: 100%;
  height: 200px;

  top: 35%;

  z-index: 10000;

  text-align: center;
  animation: preloader-rotate 10s infinite;
}
.preloader_text {
  position: absolute;
  left: 39.5%;
  top: 35%;
  color: white; 
 
  width: 400px;

  margin: 0 auto;


}

.preloader_text2{
  position: absolute;
  left: 39.5%;
  top: 60%;
  color: white; 
 
  width: 400px;
  height: 100px;

  margin: 0 auto;

  background: rgba(0, 0, 0, 0.205);

  z-index: 1;


}

@keyframes preloader-rotate{
   0%{
     opacity: 0;
   }
   50%{
     opacity: 1;
   }
   100%{
     opacity: 0;
   }
}

.loaded_hidding .preloader{
    transition: 0.3s opacity;
    opacity: 0;
}
.loaded .preloader{
    display: none;
}

/*-----End Preloader -----*/

.page{
  position: relative;
}


/* For static structure in canvas you need to write: 
1. Parent block with fixed position.
2. Daughter block with relative position.
3. And the wrapper of daughter blocks must have static position.
*/

/* .main_block {
    position: fixed;
}

.main_2_block {
    width: 100vw;

    display: flex;
    justify-content: space-evenly;
}

.first_block {
    position: relative;
}

.second_block {
    position: relative;
} */

.bookmark_none{
  display: none;
}

.down_icon{
  position: fixed;



  margin-top: 100vh;
  margin-right: 0;
  top: -50px;
  right: 8.2%;
  

  animation-name: down_icon;
  animation-duration: 0.4s;
  animation-delay: 0s;
  animation-iteration-count:infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;

  transition: 1s ease all;

 
  z-index: 10;

}

/* @keyframes down_icon{
  0%{
    top:-100px;
  }
  100%{
    top: -90px;
  }
} */


.home_header {
  position: fixed;
  top: 0;

  color: red;
  

  z-index: 110;

}

.home_header_inner {
  width: 100vw;
  height: 50px;
  padding-top: 0;

  margin-top: -100px;
  display: flex;

  /* background: black; */

  transition: 1s ease all;

  /* border: 1px solid white; */
}

.header_left_side {
  position: relative;

  width: 40%;

  /* border: 1px solid red; */
}

.header_middle_side {
  position: relative;

  width: 20%;

  padding: 20px 0px 30px 0px;

  display: flex;
  justify-content: center;

  /* border: 1px solid green; */
  
}

.header_middle_side img {

  height: fit-content;

  /* border: 1px solid yellow; */

 
}

.header_right_side {
  position: relative;

  width: 40%;

  padding: 2px 8% 0px 4%;
  margin-left: 0%;

  display: flex;
  justify-content: space-around;

  align-items: center;



 
}

.header_right_side div{
  margin-right: 4%;
}

.header_right_side a{
  text-decoration: none;
  color: white;

  font-family: "Averta";
  font-weight: bold;
  font-size:13px ;
  letter-spacing: 2px;
  
}

/*--------------------HAMBURER MENU--------------------*/



/* .open {
  background-color: #FFC20E;
  width: 33px;
  height: 3px;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  top: 8px;

  
  

}

.open:before {
  content: "";
  background-color: #FFC20E;
  width: 33px;
  height: 3px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: -6px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.open:after {
  content: "";
  background-color: #FFC20E;
  width: 33px;
  height: 3px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: 3px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.menuOpen {
  width: 24px;
  height: 20px;
  display: block;
  padding: 15px;
  cursor: pointer;
  float: right;

  

}

.menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: black;

  


}

.menu label {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  background-size: 100%;
  cursor: pointer;
}

.menu .menuContent {
  position: relative;
  top: 50%;
  font-size: 54px;
  text-align: center;
  padding-bottom: 20px;
  margin-top: -170px;

  
}

.menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.menu ul li a {
  display: block;
  color: white;
  text-decoration: none;
  transition: color 0.2s;
  font-family: Trebuchet MS;
  text-transform: uppercase;
  padding: 10px 0;
}

.menu ul li a:hover {
  color: #FFC20E;
}

.menu ul li:hover {
  background: white;
}

.menuEffects {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
  transform: translateY(0%);
  transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

#menuToggle:checked ~ .menuEffects ul {
  opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open {
  background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before {
  content: "";
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
  transform: translateY(-30%);
} */


/*--------------------------------------------*/

.about_hover_upper {
  width: fit-content;

  margin-bottom: 40px;
}

.about_hover_middle {
  margin-bottom: 40px;
  width: fit-content;

}

.see_more_block{
  display: flex;
}

.line{
  width: 35%;
  height: 1px;
  background-color: rgb(215, 172, 14);
  display: block;
  margin-top: 7px;
}

.see_more_text{
  display: block;
  margin-left: 0%;
 
  text-decoration: none;
  color: white;
  
  height: fit-content;
  margin-top: -5px;

  font-family: "Averta";

  font-size: 17px;
  letter-spacing: 7px !important;

}

.see_more_text_about_slide{
  display: block;
  margin-left: 10px;
  text-decoration: none;
  color: white;
  
  height: fit-content;
  margin-top: -3px;

  font-family: "Averta";

  font-size: 13px;
  letter-spacing: 2.5px !important;
}


/*------------------------------------------------*/
/*HOVER ANIMATION*/

.about_hover_upper h1{
  font-size: 45px;
  font-family: "UkranianLazurski";
  font-weight: 700;
  letter-spacing: 11px;
  line-height: 50px;
  font-style: normal !important;

  color:#FFC20E;




  
  /* background: linear-gradient(90deg, #FFC20E, #161101);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;

  animation: rainbow-text-simple-animation-rev 1s ease forwards; */

  cursor: default;
}

.about_hover_upper h1 a {
  color: #FFC20E;
  
}

.about_hover_middle p{
  color: white;

  font-size: 13px;
  letter-spacing: 2.5px;
  line-height: 20px;


  /* background: linear-gradient(90deg, white, #161101);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;

  animation: rainbow-text-simple-animation-rev 1s ease forwards; */

  cursor: default;
}

.about_hover_lower a{
  color: white;
  font-family: "Averta";
  letter-spacing: 2.5px;



  /* background: linear-gradient(90deg, white, #161101);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;

  animation: rainbow-text-simple-animation-rev 1s ease forwards; */

  cursor: default;
}


.about_hover_upper h1:hover{
  animation: rainbow-text-simple-animation 2s ease-in forwards;
  -webkit-animation: rainbow-text-simple-animation 2s ease-in forwards;
  cursor: pointer;
}

.about_hover_middle p:hover{
  animation: rainbow-text-simple-animation 2s ease-in forwards;
}

.about_hover_lower a:hover{
  animation: rainbow-text-simple-animation 2s ease-in forwards;
}

@keyframes rainbow-text-simple-animation-rev {
  0% {
      background-size: 650%;
      
  }
  40% {
      background-size: 650%;
  }
  100% {
      background-size: 100%;
  }
}


@keyframes rainbow-text-simple-animation {
  0% {
      background-size: 100%;
  }
  80% {
      background-size: 1050%;
  }
  100% {
      background-size: 1050%;
  }
}

/*------------------------------------------------*/

.pre_first_block{
  height:100vh;
}

/*------------------------------------------------*/

.first_block {
  /* top: 152px; */
  position: relative;
  
  height: 100vh;
  min-height: 100%;

  top: 0vh;

  padding: 0vh 0px 0px 0px;
  margin-left: 5%;

  display: flex;

 /* border: 2px solid white; */

}

/*-------------------------------------*/

.test_block{
  position: fixed;
  
  top: 10vh;
  left: 10.4%;
  width: 80%;
  height: 1000vh;

  z-index: 10;

 
  overflow: hidden;
}
/* 
.test_block>div:nth-child(1){
  scroll-margin: 500px;
}
.test_block>div:nth-child(2){
  scroll-margin: 1500px;

}
.test_block>div:nth-child(3){
  scroll-margin: 2500px;
}
.test_block>div:nth-child(4){
  scroll-margin: 3500px;
} */

.test_block p{
  color: white;
}
.test_anima1{
  padding-top: 0px;

  /* padding-top: 900px; */
}
.test_anima2{
  display: none;
 
}
.test_anima3{
  /* padding-top: 2900px; */
  display: none;

  
}



.first_a{
margin-top: 0;
}

.second_a{
margin-top: 12%;
}

.third_a{
  margin-top: 16%;
}

.fourth_a{
  margin-top: 19%;
  margin-left: 57%;
}

.blog_line_block{
  width: 100%;

  margin-left: 10%;


}

.blog_title{
  margin-left: 58%;



}



.blog_description{
margin-left: 11%;
}

.blog_line{
width: 58.6% !important;
margin-left: 9%;

}

.blog_more{
width: fit-content !important;

text-align: left;


}


/*-------------------------------------*/

.first_block_left_side {
  position: fixed;
  width: 50%;

  overflow: hidden;


}

.first_block_left_side_blog {
  position: fixed;
  width: 26%;

  text-align: right;

}


.first_block_right_side {
  width: 50%;

  /* display: flex;
  justify-content: flex-end; */
}


/*------------------------------------------------*/


.second_block {
  /* top: 152px; */

  position: relative;

  height: 100vh;

  margin-left: 5%;

  /* border: 2px solid white; */


}


/*------------------------------------------------*/


.third_block {
  /* top: 152px; */
  
  position: relative;

  height: 100vh;

  margin-left: 5%;

  /* border: 2px solid white; */

}

/*------------------------------------------------*/


.fourth_block {
  /* top: 152px; */

  position: relative;
  margin-left: 5%;

  height: 100vh;

  /* border: 2px solid white; */
}


/*------------------------------------------------*/


.fifth_block {
  /* top: 152px; */

  position: relative;

  height: 100vh;

  border: 2px solid white;
}

/*------------------------------------------------*/

.first_block,.second_block,.third_block,.fourth_block,.fifth_block{
  padding: 30vh 0px 0px 10vh;
}

/*------------------------------------------------*/


.last_block{
  position: relative;

  height: 10vh;

}


/*--------------------center page----------------*/

.center_page{
  position: relative;
  top: 580vh;
  height: fit-content;
  width: 100%;
  

  
  background: url(/img/center_page_bg.png);
  background-color: black;
  background-position: center;
 
}



/*--------------------SECOND slide----------------*/



.home_block{
  height: 50vh;
}



.second_slide_first{
  position: relative;
  display: flex;

  background-color: black;

  opacity: 0;

  height: 100vh;
  min-width: 100%;

  /* border: 2px solid white; */
}
.second_slide{
  position: relative;
  display: flex;

  background-color: black;


  opacity: 0;

  height: 100vh;
  min-width: 100%;

  /* border: 2px solid white; */
}



.second_layer_left_side {
  width: 50vw;

  z-index: 10;

  padding-top: 50px;
  margin-left: 5%;
}

.second_layer_right_side {
  display: flex;
  justify-content: flex-end;

  width: 50vw;
}

.second_layer_first_left_side,.second_layer_second_left_side,.second_layer_third_left_side{
  padding: 8vh 0px 0px 10vh;
}

.img_1{
  opacity: 1;
}

.opacity_img1{
  opacity: 1 !important;
  
  transition: 1s ease all;

}

.img_2{
  opacity: 0;
}


/*---------------------------  SLIDER ---------------------------*/

.slider{
  position: relative;
  top: 580vh;
  width: 100%;
  height: 100vh;
  overflow: hidden;

}

.slides{
  width: 500%;
  height: 100vh;
  display: flex;
  
}

.slides input{
  display: none;
}

.slide{
  width: 20%;

  background-color: black;

  color: white;

  


  
}

/*css for manual slide navigation*/

.navigation-manual{
  position: absolute;
  width: 100%;
  margin-top: -20vh;
  display: flex;
  justify-content: center;

  z-index: 2;


}

.manual-btn{
  border: 2px solid #FFC20E;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;

  z-index: 10;
}

.manual-btn:not(:last-child){
  margin-right: 40px;
 
}


.manual-btn:hover{
  background: #FFC20E;
}

.opacity_slider{
  opacity: 1 !important;
  transition: 2s ease all !important;
  z-index: 1;
  /* transition-delay: 2s; */

}

.opacity_slider_off{
  /* visibility: hidden; */
  transition: 1s ease all !important;
  /* transition-delay: 2s; */

}

.first_slide_checked{
  opacity: 1;
  /* transition: 1s all; */
}

.second_slide_checked{
  margin-left: -20%;
  opacity: 1;
}

.third_slide_checked{
  opacity: 1;
   margin-left: -20%;
}

.first_slide_checked_title h1{
  color:#FFC20E;
  transition: 2s ease all  !important;
}

.second_slide_checked_title h1,.third_slide_checked_title h1{
  color:#FFC20E;
  transition: 2s ease all  !important;
}

.first_slide_checked_description p{
  
  color: white;
  transition: 2s ease all 0.3s !important;


}

.second_slide_checked_description p,.third_slide_checked_description p{
  color: white;
  transition: 2s ease all 0.3s !important;

}

.first_slide_checked_line{
  width: 30%;
  transition: 2s ease all 0.9s !important;
}
.second_slide_checked_line,.third_slide_checked_line{

  transition: 2s ease all 0.9s !important;
  
  width: 30%;
}

.first_slide_checked_see_more{
  color: white;
  transition: 2s ease all 0.6s !important;
}
.second_slide_checked_see_more,.third_slide_checked_see_more{
  color: white;
  transition: 2s ease all 0.6s !important;
}


#radio1:checked ~ .first_slide_checked{
  /* margin-left: 0;
  opacity: 1; */
 
}



#radio2:checked ~ .second_slide_checked{
  /* margin-left: -20%; */
  /* border: 2px solid white; */
  /* opacity: 1 !important; */
}




#radio3:checked ~ .third_slide_checked{
  /* opacity: 1;
  margin-left: -20%; */
 
}

@keyframes showIn {
  0% {
    width: 0%;
  }
  90% {
    width: 25% !important;
  }
  100% {
    width: 30% !important;
  }
}

@keyframes showOut {
  0% {
    width: 30%;
  }
  90% {
    width: 5%;
  }
  100% {
    width: 0%;
  }
}



/*css for automatic navigation*/

.navigation-auto{
  position: absolute;
  width: 100%;
  margin-top: 80vh;
  display: flex;
  justify-content: center;

  z-index: 2;

}

.navigation-auto div{
  border: 2px solid #FFC20E;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}

.navigation-auto div:not(:last-child){
  margin-right: 40px;
}

#radio1:checked~.auto-btn1{
  background: #FFC20E;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
  background: #FFC20E;
}

#radio2:checked ~ .navigation-auto .auto-btn2{
  background: #FFC20E;
}

#radio3:checked ~ .navigation-auto .auto-btn3{
  background: #FFC20E;
}

#radio4:checked ~ .navigation-auto .auto-btn4{
  background: #FFC20E;
}
      


/*------------------- second_slide_first-----------------------------*/


.second_slide_first_block{
  background: url(/img/wood.png) no-repeat;
  background-position: bottom !important;
  background-size: 100% !important;

  transition: 0.5s ease-in !important;

  background-color: rgba(255, 0, 0, 0);
}

/* .second_slide_first_block:hover{
  background: url(/img/wood_hover.png) no-repeat;
  background-position: bottom;
  background-size: 100%;

  transition: 1s ease-in all;
} */

.second_layer_first_block_img{
  position: absolute;
  right: 0%;
  top: -7%;
  
  transition: 1.2s ease-in all;
}

.second_layer_first_block_img~.img_2:hover{
  opacity: 1;

}

.second_layer_first_block .img_2:hover {
  background: url(/img/wood_hover.png) no-repeat;
}

.grape_hover{
  background: url(/img/wood_hover.png) no-repeat;
}

/*------------------- second_slide_second-----------------------------*/

.region_slide_img{
  margin-right: -15vh;
}
/*------------------- second_slide_third-----------------------------*/


.second_layer_third_block_img{
  position: absolute;
  right: 0;
 
  bottom: 10vh;
  
  transition: 1.2s ease-in all;

}

.second_layer_third_block_img~.img_2:hover{
  opacity: 1;

}

/*-------------------THIRD SLIDE-----------------------------*/


.third_slide{
  position: relative;

  /* display: flex; */

  /* background-color: red; */
 

  height: 100vh;
  min-width: 100%;

  top: 0vh;

  /* background: url(/img/grape.png); */
  

  /* border: 2px solid white; */
}

.third_slide_title{
  width: auto;

  margin: 0px 0px 25px 10.3%;
}

.third_slide_title h1{
  font-size: 40px;
}

.third_slide_menu{
  position: relative;
  display: flex;
}

.third_slide_left{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  width: 50%;

  margin: 0px 10px 0px 0px;

  /* border: 2px solid lime; */
}

.third_slide_left_upper{
  width: 79%;
  height: 50vh;  

  margin: 0px 0px 10px 0px;

  background: #B2995B;
  background-image: url(/img/third_slide_cut.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position:center ;

  overflow: hidden;

}

.third_slide_left_lower{
  width: 79%;
  height: 50vh;

  margin: 10px 0px 0px 0px;

  background: #226E46;
  background-image: url(/img/third_slide_cut.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position:center ;

  overflow: hidden;
}

.third_slide_right{
  position: relative;
  width: 50%;

  margin: 0px 0px 0px 10px;

  /* border: 2px solid lime; */
}

.third_slide_right_full{
  width: 78.9%;
  height: calc(100vh + 20px);

  margin: 0px 0vh 0px 0px;

  background: #6B595C;
  background-image: url(/img/third_right_bg.png);
  background-size: cover;
  background-position: center;

}


/*----------------------------*/

.bottle_titles{
  height: 5%;

  padding: 10px 0px 0px 15px;


  /* border: 2px dotted white; */
}

.bottle_titles p{
  font-family: "UkranianLazurski" !important;
  font-weight: 400;
  font-size: 40px;
}

.bottle_images{
  display: flex;
  height: 95%;
  width: auto;

  /* border: 2px dotted white; */
}

.third_bottle_right_image{
  display: flex;
  height: 90%;
  width: auto;
}

.third_slide_bottles{
  position: relative;
  
  margin: 0px auto;
  z-index: 10;
  transition: 0.5s ease-in all;
}

.third_slide_bottles:hover{

 /* -webkit-transform-origin:bottom ; */

 transform: scale(1.03);
 cursor: pointer;



 
}

.third_line{
  width: 60%;
  margin-left: 10.4%;

}

.third_line_block{
  display: flex;
  justify-content: space-between;
  width: 100%;

  margin-top: 2%;

}

.third_see_more_text{
  margin-right: 9.8%;
  width: 25%;
  text-align: end;

}


/*------------ fourth slide (Other products)----------------*/


.fourth_slide{
  position: relative;

  /* display: flex; */

  /* background-color: red; */
 

  height: 100vh;
  min-width: 100%;

  top: 30vh;

  /* border: 2px solid white; */
}

.fourth_slide_title{
  width: auto;

  margin: 0px 0px 25px 10.3%;

  /* border: 2px solid white; */
}

.fourth_slide_title h1{
  font-size: 40px;
}

.fourth_slide_menu{
  position: relative;
  display: flex;

  /* border: 2px solid black; */
}

.fourth_slide_left{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  width: 50%;

  margin: 0px 10px 0px 0px;

  /* border: 2px solid lime; */
}

.fourth_slide_left_full{
  width: 78.9%;
  height: calc(86vh + 20px); 

  margin: 0px 0px 10px 0px;


  background-color: white;
  background: url(/img/bg1.png)50% 50% no-repeat ,url(/img/bg2.png) 100% 100% !important;
  /* background-size: 100% 100%; */

  background-position:center ;
}

/* @media only screen and (min-width:1600px){
  .fourth_slide_left_full{
    background: url(/img/bg1.png)no-repeat,url(/img/bg2.png) 100% 150%;
    
    background-position: center;
  }
} */


.fourth_slide_right{
  position: relative;
  display: flex;
  flex-direction: column;


  width: 50%;

  margin: 0px 0px 0px 10px;

  /* border: 2px solid lime; */
}

.fourth_slide_right_upper{
  width: 78.9%;
  height: 43vh;  

  margin: 0px 0px 10px 0px;

  background: linear-gradient(67.69deg, #9A0025 -0.04%, #FF5B83 100%);
  /* background-image: url(/img/other_right_upper_wine.png);
  background-size: 110% 100%; */
  background-repeat: no-repeat;
  background-position:left;


}

.fourth_slide_right_upper,.fourth_slide_right_lower,.fourth_slide_left :hover{
  cursor: pointer;
}

.fourth_slide_right_lower{
  width: 78.9%;
  height: 43vh;

  margin: 10px 0px 0px 0px;

  background: linear-gradient(233.83deg, #FFDE88 0%, #CE3100 100%);

  background-repeat: no-repeat;
  background-position:center ;
}




/*----------------------------*/

.fourth_slide_left_full_title p{
  width: fit-content;
  margin: 0 auto;
  padding-top: 0vh;

  font-family: "UkranianLazurski" !important;
  font-weight: 400;
  font-size: 50px;
  color: white;
  letter-spacing: 10px;
}

.fourth_slide_second_tittle {
  font-family: "Averta" !important;
  font-weight: bold !important;
  font-size: 10px !important;
  letter-spacing: 1px;
  line-height: 18px;
  color: white;
  margin-top: 10px;

}

.fourth_slide_second_tittle2 {
  font-family: "Averta" !important;
  font-weight: bold !important;
  font-size: 10px !important;
  letter-spacing: 1px;
  line-height: 18px;
  color: white;

  text-align: right;

  margin-top: 10px;
  margin-right: 4%;
}

.other_products_title_line{
  display: block;
  width: 89%;
  height: 0.1px;
  background-color: white;
 
}
.other_products_title_line2{
  display: block;
  width: 95%;
  height: 0.1px;
  background-color: white;
 
}

.fourth_slide_bottles{
  position: relative;
  
  margin: 0px auto;
  z-index: 10;
  transition: 0.5s ease-in all;
}

.fourth_slide_right_upper_tittle{
  position: absolute;
  margin-top: 15%;
  margin-left: 5%;
}

.fourth_slide_first_tittle{
  font-family: "UkranianLazurski" !important;
  font-weight: 400;
  letter-spacing: 10px;
  /* font-size: 40px !important; */
  
  color: white;

}


.fourth_slide_right_lower_tittle{
  width: fit-content;
  position: absolute;
  right: 0;
  margin-right: 25%;
  margin-top: 15%;


  
}

.fourth_slide_right_bottles_upper{
  width: 90%;
  height: 105.5%;
  margin-left: 50px;

}

.fourth_slide_right_bottles_lower{
  width: 90%;
  height: 104.91%;
  margin-left: 10px;

}

.fourth_slide_bottles:hover{
 transform: scale(1.03);
 
}

.fourth_line{
  width: 68.6%;
}

.fourth_line_block{
  display: flex;
  justify-content: space-between;

  margin-top: 2%;
}
.fourth_see_more_text{
  margin-right: 10%
}
/*---------------center-down page--------------*/


.center_down_page_bg{
  height: 90vh;
  
}
/*---------------down page--------------*/

.down_page{
 
  position: relative;
  top: 580vh;
  height: fit-content;

  background: url(/img/down_bg.png);
  background-color: black;
  background-position: top;
  background-size: 100% 100%;
  z-index: 100;
}

/*---------------fifth slide (blog)--------------*/


.fifth_slide{
  position: relative;


  /* display: flex; */

  /* background-color: red; */
 

  height: 70vh;
  min-width: 100%;

  bottom: 40vh;

  background:none;


  /* border: 2px solid white; */
}

.fifth_slide_title{
  width: auto;

  margin: 0px 0px 30px 10.2%;

  /* border: 2px solid white; */
}

.fifth_slide_title h1{
  font-size: 40px;
}

.fifth_line{
  width: 69%;
}

.fifth_line_block{
  display: flex;
  justify-content: space-between;

  margin-top: 3%;

}

.glide{
  height: 400px;
  background:none;
  margin: 0 auto;

  cursor:default !important;
  
  /* margin-top: 100px; */

}

.title_h1{
  color: orange;
}

.glide_slide{
  background-color: white;
  width: 100%;
}

.glide__arrow{
  border: none;
  margin-top: 0;
  background-color: red;
}


.glide__arrow--left{
  margin-left: -80px;
}

.glide__arrow--right{
  margin-right: -80px;
}


/*---------------six slide (wine tour)--------------*/

.wine_tour_slide{
  position: relative;
  bottom: 50vh;

  height: 70vh;

  background:none;
  

  padding: 150px 60px 0px 10.4%;
  margin-left: 0;

}

.wine_tour_title {
  margin-bottom: 50px;
}

.wine_tour_title h1 {
  color: #FFC20E;
  font-size: 50px;
  font-family: "UkranianLazurski";
  letter-spacing: 5.5px;

  cursor: default;
}

.wine_tour_input {
  display: flex;
  flex-direction: column;

  color: white;
}

.wine_tour_input label {
  font-size: 18px;
  letter-spacing: 5px;
  font-family: "Averta";

  margin-bottom: 10px;
}

.wine_tour_input input {
  width: 570px;
  height: 56px;

  border: 1px solid #FFC20E;
  border-radius: 10px;

  margin-bottom: 20px;

  background-color: rgba(38, 38, 38, 0.7);
  outline: none;
}

.wine_tour_input_last {
  margin-bottom: 20px;
}

.wine_tour_slide button {
  width: 126px;
  height: 39px;

  color: white;
  font-size: 20px;
  font-family: "Averta";
  letter-spacing: 5px;

  border: 1px solid #FFC20E;
  border-radius: 5px;

  background: none;

  margin-left: 445px;
  outline: none;

  cursor: pointer;
}





/*---------------FOOTER--------------*/

.inner_footer{
  
  width: 50%;

  
  margin-left: 45%;
  text-align: right;

  


}

.main_footer {
  position: relative;

  bottom: 22vh;

  width: 100%;

  height: 100vh;

  background:none;
  

  padding: 0px 60px 0px 10.4%;
  margin-left: 0;



}

.footer_title {
  margin-bottom: 40px;
  margin-left: 45.5%;

}

.footer_title h2 {
  color: #FFC20E;
  font-family: "UkranianLazurski";
  font-size: 50px;
  letter-spacing: 10px;

  cursor: default;
}
/* 
.inner_footer {
  border: 1px dotted lime;
} */

.footer_content_desc p:first-child {
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-family: "Averta";
  letter-spacing: 5px;
  margin-bottom: 5px;
}

.footer_content_desc p:not(:first-child) {
  color: white;
  font-size: 15px;
  font-family: "Averta";
  letter-spacing: 5px;
}

.footer_content_desc p:last-child {
  margin-bottom: 10px;
}

.footer_content_desc{
  margin-right:3%;
  padding-bottom: 10px;
}

.footer_logo {
  display: flex;
  justify-content: center;

  padding: 30px 0px 30px 0px;
}

.footer_logo img {
  width: 200px;
  height: 50px;
}

.contact_us_line{

  position: relative;
  padding-left: 0px;
  margin-left: -4.7%;

  width: 100%;
 
}

.contact_us_line span{
  width: 55%;
  margin-left:30%;
}