@import url('https://fonts.googleapis.com/css?family=Grenze|Merriweather|Poppins|Satisfy&display=swap');
body{
  height:71.25vh;
}
body {
  margin: 0;
  padding: 0;
}
body::before {
    content: '';
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;/
    z-index: -1;
    background: url(../images/mountains.jpg) center / cover no-repeat;
    filter: blur(0px);
    filter: contrast(50%);
  }
.background{
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;

}
.home p:not(:last-child){
  margin-top:0%;
  margin-left:9vw;
  margin-right:9vw;
  margin-bottom:2vh;
}
#main{
  margin-top:-2vh;
}
.list2{
  padding-left:0;
  }
.partners_text{
  padding-top: 0%;
  color:white;
}
.content{
  width: 94%;
}
.list{
  margin:0;
}
.content h3{
  margin-top:20%;
}
.carousel-items, .carousel-labels {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.carousel-item {
  display: block;
  float: left;
}

.carousel-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 100vh;
  background-color: transparent;
  overflow: hidden;
}
.h2{
  margin-bottom:8vh;
}
h2{
  margin-left: 6.5vw;
}
hr{
  width: 100vw;
  color: white;
  height: 3px;
  padding-bottom:-30px;
  background:white;
 margin-top:0vw;
}
#disconts_ua{
  margin-bottom:0vh;
}
.col-2 ul{ 
  margin-top:0;
  text-align:justify;
  list-style-type: disc;
 
}
.content_ru_ua .col-2 ul{
  
}
.content_ru_ua .col-2 ul li p{
  margin-top: 1.5vh;
  margin-bottom:1.5vh;
}
.carousel-items {
  width: 100%;/*Для горизонтальной карусели:каждый слайд-  +100%*/
  height: 700%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: top .5s ease-out;
  -o-transition: top .5s ease-out;
  -ms-transition: top .5s ease-out;
  -moz-transition: top .5s ease-out;
  -webkit-transition: top .5s ease-out;
}
.arrow{
  width: 3vw;
  height: 3vh;
}
.carousel-item {
  
  width: 100%;/*Для горизонтальной карусели:100%/количество слайдов*/
  height: 100vh;
  color: white;
  overflow: hidden;
}
.carousel-item *{
  padding-left: 3vw; 
  padding-right: 3vw;
  background-opacity:0; 
}
.carousel-item-blue {
 
}
div h1{
  z-index:4;
  margin:0;
  margin-top:-3vh;
  color: white;
  font-family:'Merriweather', bold, italic;  
  display: block;
  font-size: 5.4vw;
  text-align:center;
}
#head{
  width:100vw;
  position:absolute;
  z-index: 4;
  top:10px;
}
#offer{
  margin-top:25vh;
}
#head *{
  float: left;
}
#head div{
  width: 33%;
}
#head h1{
  width: 40%;
  text-align: center;
}
#head .language{
  width:27%;
}
.numbers{
  margin-top: 10px;
}
.number{
  font-family: 'Merriweather', serif;
  color: white;
  font-size: 1.1vw;
  margin-left: 20px;
  margin-top: 0;
  float:left;
  width:13vw;
}
.media_logo{
  width:4.1vw;
  height:4.1vw;
  margin-left: 0.5vw;

}
.language a {
  margin-left: 10%;
  margin-top: 10px;

}
a img{
  width:3vw;
  height: 3vw;
}
.language :first-child{
  margin-left: 30%;
}
.content_ru_ua{
  font-size:4.5vh;
  font-family: 'Merriweather', serif;
  color: white;
  margin-top:10%;
}
.content_en{
  font-family: 'Poppins', sans-serif;
  margin-top:10%;
  font-size:40px;
  color: white;
}
 .h2 p {
  margin-top:1vh;
  margin-bottom:0;
}
.list2{
  font-size: 3.3vh;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.home{
  margin-top: 10%;
}

.security{
  margin-left: 20px;
  margin-top: 1.5vh;
  margin-bottom: 1vh;
  font-size: 2.5vw;
}

.col-2{
  width:45%;
  float: left;
  padding-left: 0;
  min-height: 100%;
  font-size:2vw;
}
.phone_img{
  width:80vw;
  height:60vw;
  display: none;
}

.carousel-item-red {
  
}
.carousel-item-green {
  
}
.carousel-item-black {
 
}
.carousel-item-yellow {
  
}
.carousel-item-orange {
 
}
.carousel-item-pink {
  background: black;
}
.carousel-labels {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 39%;
    margin-top: -5%;
  height: px;
  width:6vw;
  padding: 10px 0;
  overflow-x: ;
  
}
.carousel-selector {
  display: none;
}
.carousel-label {
  padding-left: 10px;
  padding-top: 5px;
  vertical-align: 50%;
}

.carousel-label label {
  width: 3vw;
  height: 3vw;
  -webkit-border-radius: 1vw;
  border-radius: 1vw;
  background-color: white;
  cursor: pointer;
  overflow:hidden;
}
.label_img{
    width:2.5vw;
    height:2.5vw;
    margin:0.25vw;
    float: left;
   }
ul label p{
  margin: 5px 0 0 0px;
  display: none;
  width:22vw;

}
ul label:hover p{
    display: block;
    z-index:10;
  }
  label{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
  }

.carousel-label{
  width:4vw;
}
.carousel-label label:hover {
  width: 25vw;
  -webkit-transition:0.5s;
  -o-transition:0.5s;
  transition: 0.5s;
  z-index:10;
}
.carousel-labels label:hover {
  width:18vw;
}
#slide1:checked ~ .carousel-items {
  top: 0;
}
#slide1:checked ~ .carousel-labels .carousel-label:nth-child(1) label {
  background-color: #FFCF00;
  color: white;
}
#slide2:checked ~ .carousel-items {
  top: -100%;
}
#slide2:checked ~ .carousel-labels .carousel-label:nth-child(2) label {
  background-color: #FFCF00;
  color: white;
}
#slide3:checked ~ .carousel-items {
  top: -200%;
}
#slide3:checked ~ .carousel-labels .carousel-label:nth-child(3) label {
  background-color: #FFCF00;
  color: white;
}
#slide4:checked ~ .carousel-items {
  top: -300%;
}
#slide4:checked ~ .carousel-labels .carousel-label:nth-child(4) label {
  background-color: #FFCF00;
  color: white;
}
#slide5:checked ~ .carousel-items {
  top: -400%;
}
#slide5:checked ~ .carousel-labels .carousel-label:nth-child(5) label {
  background-color: #FFCF00;
  color: white;
}
#slide6:checked ~ .carousel-items {
  top: -500%;
}
#slide6:checked ~ .carousel-labels .carousel-label:nth-child(6) label {
  background-color: #FFCF00;
  color: white;
}
#slide7:checked ~ .carousel-items {
  top: -600%;
}
#slide7:checked ~ .carousel-labels .carousel-label:nth-child(7) label {
  background-color: #FFCF00;
  color: white;
}
.list{
  padding-left:1vw;
  padding-right:1vw;
  text-align:justify;
}
.names{
  margin-top:5vh;
}
#partners{
  margin-top: 26vh;
  margin-bottom: 1.5vh;
}
.po{
  width:25vh;
  height:25vh;
  float: left;
  z-index:5;
}
#partners_list{
  list-style: none;
  font-size: 2vw;
}
#partners_list li{
  margin-top: 2vw;
}
#partners_list li:last-child{
  margin-top:7vh;
}
 ul label p{
   font-size: 2vw;
 }
 .prices{
   margin-left: 2vw;
 }
.list2{
  padding-right:0;
  padding-left:0vw;
  }
.services{
  padding-right:0;
  padding-left:3vw;
}
.text_offers{
  font-size:2vw;
  padding-left:0vw; 
}
.col-4{
  text-align: center;
  width: 30%;
  height: 100%;
  float: left;
  padding-left:1vw;
  padding-right: 1vw;
}
.justify{
  width:94vw;
  padding-left:2vw;
}
.col-4 span{
  font-size: 15vh;
  font-family: 'Ubuntu', sans-serif;
  padding-left:0;
  
}
.list3{
padding:0;
  text-align:center;
  font-size:3.4vw;
}
.site_name{
  padding: 0;
  color: green;
  text-decoration: underline;
}
@media screen and (orientation:landscape) and (max-width:1440px;){
#partners_list li:last-child{
  margin-top:17vh;
}
}
@media screen and (orientation:portrait){
  .carousel-wrapper{
    padding-bottom:100vmax;
  }
  .list3{
  margin-bottom:0vw;
  padding-left:2vw;
  padding-right:8.5vw;
}
  div h1{
  margin-top:0;
}
  .content ol{
    margin-top:-4vh;
  }
  .discount{
    height: 100%;
  }
  .col-4 span{
  font-size: 13vh;
  padding-left:0vw;
  padding-right:0;
}
  .justify{
  padding-left:0;
  margin-left:0;
  text-align:center;
  margin-top:-2vh;
}
  .col-4{
    width: 100%;
    float:none;
    height: 30%;
    padding-left:0;
    padding-right:9vw;
  }
  .work{
  font-size:3vh;
  margin-left:10vw;
  margin-right:10vw;
  }
  .content_ru_ua{
    margin-top: 40vw;
    font-size:5vw;
  } 
  .trip-cost{
  font-size:4vw;
 }
  .prices{
   margin-left: 0vw;
 }
  hr{
    margin-top:-5.5vh;
  }
  .arrow{
    width: 4vh;
    height: 4vw;
  padding:0;
  }
  #head div{
  width: 100%;
  justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }
  #head h1{
  width: 100%;
  justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }
  #head .language{
  width:100%;
  justify-content: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }
  .col-2{
    font-size: 3.4vw;
    width:auto;
    max-height:25%;
    min-height:25%;
    margin-right:9vw;
    margin-left:6vw;
  }
  .col-2 *{
    padding:0;
  }
  .discount ol li{
    font-size: 30px;
  }
  .home{
  margin-top: 50%; 
  }
  .security{
  margin-top:2vh;
  margin-bottom: 1vh;
  font-size:2.4vh;
  padding:0;

  }
  .security:first-child {
  margin-top:9vh;
 
  }
  .language :first-child{
    margin-left: 0%;
  }
  .number{
    font-size: 2.7vw;
    width:35vw;
  }
  .media_logo{
    width:8vw;
    height: 8vw;
  }
  div h1{
    font-size: 11vw;
  }
  a img{
    width:7.5vw;
    height: 7.5vw;
  }
  .carousel-label label{
    width:7vw;
    height: 7vw;
  }
  ul label p{
    font-size: 3.5vw;
    width:33vw;
    display: none;

  }
   .label_img{
    width:6vw;
    height: 6vw;
    margin:0.5vw;
   }
  ul label:hover p{
    display: block;
  }
  .carousel-label label:hover{
    width:40vw;
  }
  .carousel-labels{
    width:29vw;
  }
  .col-2 ul{
  line-height:1;
  }
  .content h3{
  margin-top:30%;
  }
 .list{
  padding:0;
  margin-left:4vw;
  }
  h2{
    font-size:5vw;
    margin-left:0;
    margin-bottom:3vh;
  }
  .names{
    margin-bottom: 10vw;
  }
  .list{
    margin-right: 8vw; 
    margin-left: 3.5vw;
    margin-bottom: 0.5vh;
    margin-top: 0.5vh;

  }
  #disconts_en{
    margin-top: 0vh
  }
  #disconts_ua{
  margin-top: 3vh;
  }
  
  .content ol{
    margin-left: 10vw;
  }
  .list2{
    margin-right:13vw; 
    margin-left: 0vw;
    font-size: 1.65vh;
    margin-top:1vh;
    margin-bottom:1vh;
  }
  .services{
    margin-left: 8vw;
  }
  .content_ru_ua .col-2 ul li p{
  margin-top: 0.75vh;
  margin-bottom:0.75vh;
  }
  #main{
  margin-left: 6vw;
  margin-right: 6vw;
  }
  #prices{
    margin-top: 0;
  }
  #parners{
    margin-top: 0;
  }
  .col-4 p{
  font-size:2.7vh;
}
  .offers{
    font-size: 3.4vw;
  text-align: justify;
  list-style-type: disc;
  }
  .h2{
    margin-top: 45%;
  }
 .po{
  padding-right:6vh;
  width:17vh;
  height:17vh;
  float: none;
}
#partners_list{
  text-align: center;
  }
#partners_list>li{
  margin-top: 2vh;
  }
#partners_list li:last-child{
  margin-top:2vh
}
.content_ru_ua .col-2 ul{
  line-height: 1.2;
}
.text_offers{
  margin-right: 8vw;
  font-size:3.4vw;
}
.partners_text{
  padding-top: 0;
  margin-top: 0.5vh;
}
}

@media screen and (orientation:portrait) and (min-aspect-ratio: 11/16) {
  .content_ru_ua{
    margin-top: 45vw;
  }
  #disconts_ua{
    margin-top:-3vh;
  }
  #disconts_en{
    margin-top: 4vh;
  }
  .h2{
    margin-bottom: 3vh;
    margin-top:32%;
  }
  .tablet .h2 {
    margin-top: 49%;
  }
  #disconts_ua{
    margin-bottom:0vh;
}
  content ol {
    margin-top: 4vh;
  }
#partners_list li:last-child{
  margin-top:-4vh;
}
.tablet .content_ru_ua {
  margin-top:47vw;
}
}
@media screen and (orientation:landscape) and (max-width: 4096px) and (max-height: 2160px) {
  .mobile .home {
    margin-top: 13%;
}
  .mobile .h2 {
    margin-bottom: 11vh;
    margin-top:20vh;
}
  .mobile .list3{
    margin-top: 0vh;
    font-size:4.5613vh;
    margin-bottom:8vh;
    
  }
  .mobile .partners {
    margin-top: 23vh;
}
  .mobile .carousel-labels {
    top:40%;
}
  .mobile .security{
    font-size:3.7vh; 
  }
  .mobile .main {
    margin-top: 0;
}
  .mobile #warning {
    margin-top: 0vh;
    margin-bottom:0;
  }
  .mobile .content_ru_ua{
    font-size:4vh;
  margin-top:10%;
  }
  .mobile div h1{
    font-size:10.3vh;
    margin-top:-4vh;
  }
  .mobile #head{
    top:5vh;
  }
  .mobile .justify{
    margin-top:0vh;
  }
  .mobile #main{
    margin-top:-1vh;
  }
  .mobile .home p:not(:last-child){
    margin-top:1%;
    margin-bottom:0%;
  }
  .mobile .home p:last-child{
    font-size:3.7vh;
}
  .mobile .h2 p{
  margin-top:0.5vh;
  
}
  .mobile .carousel-labels label:hover {
  width:20vw;
}
}
.flex{
  display:flex;
}
.partners_apps{
  
  width:50%;
  padding:0;
  margin:1vw 0 0 0;
  -ms-flex-pack: distribute;
    justify-content: space-around;
}
.tablet.portrait .partners_apps,.mobile.portrait .partners_apps{
  width:100%;
}
.tablet.portrait .partners_apps img{
  width:15vh;
}
.tablet.landscape .partners_apps img{
  width:15vw;
}
.mobile.portrait .partners_apps img{
  width:17vh;
}
.mobile.landscape .partners_apps img{
  width:15vw;
}
.apps a,.partners_apps a{
  padding:0;
  display:flex;
  align-items:center;
}
.apps img,.partners_apps img{
  width:12vw;
  height:auto;
  padding:0;
}
.apps
{
    width: 100%;
    margin: 5vh auto 0 auto;

    -ms-flex-pack: distribute;
    justify-content: space-around;
}


.tablet.portrait .apps img{
  width:15vh;
}
.tablet.landscape .apps img{
  width:15vw;
}
.mobile.portrait .apps img{
  width:20vh;
}
.mobile.landscape .apps img{
  width:15vw;
}