@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
a {
   text-decoration: none;
   color: white;
}
body {
	background-image: url("../images/Pictures/photo.jpeg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: 100% 100%;
	overflow-x: hidden;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
.header {
   position: relative;
   display: flex;
   background-color: #19776d;
   width: 100%;
}
.logo{
   position: absolute;
   border: 2px solid #e69c01;
   border-radius: 50%;
   top: 5%;
   margin-left: 2%;
   width: 7%;
}
.head_text_div {
   display: flex;
   justify-content: center;
   margin-top: 0.5%;
   width: 100%;

}
.head_text {
   position: relative;
   text-align: center;
   font-size: 1.5vw;
   padding-right: 10%;
   color: white;
   z-index: 1;
}
.head_text a:hover{
   color: #e69c01;
}

#show:hover {
   cursor: pointer;
   color: #e69c01;
}
.tours_div {
   right: 30%;
   position: absolute;
   width: 100%;
}
.hide {
   padding-bottom: 5%;
   width: 100%;
   display: none;
}

.tours_types{
   width: 100%;
   background-color: rgb(25, 119, 109, 0.7);
}

.lang {
   position: absolute;
   top: 5%;
   right: 1%;
   width: 1.5%;
}
.flag {
   cursor: pointer;
   padding-bottom: 10%;
   width: 100%;
}
.phrase {
   color: #b37a00;
   margin-top: 2%;
   text-align: center;
}
.slideshow {
   width: 60vw;
   height: 30vw;
   margin: auto;
   overflow: hidden;
   border: 2px solid #e69c01;
}
.slider {
   position: relative;
   display: flex;
   width: 720vw;
   height: 30vw;
   left: 0;
   transition: all ease 2s;
}
.slide {
   width: 60vw;
   height: 30vw;
}
.recalling {
   position: absolute;
   bottom: 0;
   display: flex;
   background-color: #19776d;
   width: 100%;
   margin-top: 18vh;
   font-size: 1.35vw;
   justify-content: space-between;
   color: white;
}
.numbers {
   display: flex;
   justify-content: space-evenly;
   width: 33%;
}
.email {
   width: 33%;
   text-align: center;
}
.mail a:hover {
   color: #e69c01;
}
.feedback_icons {
   width: 33%;
   display: flex;
   justify-content: center;
   margin-top: auto;
   margin-bottom: auto;
}
.feed_icon {
   width: 2vw;
}