/* - - - - - - - - - - - - - - - - - - - - - - - 
Scalanova Digital Agency
web www.scalanova.com
email merhaba@scalanova.com
0256 622 34 50 - 0543 507 22 25
- - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    
      GENERAL CSS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
   font-family: 'Quicksand', sans-serif;
   font-size: 100%;
   line-height: 1.5;
   height: 100%;
   margin: 0;
   background-color: #FFF;
   color: #000;
   font-weight: 400;
}

#content { width: 1200px; height: auto; margin: 0 auto; }
/* Titles */
#titles {
   width: 100%;
   height: 40px;
   margin-bottom: 1.2em;
   background: linear-gradient(180deg, rgba(231,231,231,0) 91%, rgba(231,231,231,1) 91%);
}
.titles-text {
   width: auto;
   height: 40px;
   line-height: 40px;
   font-size: 140%;
   font-weight: 700;
   color: #2F4362;
   display: inline-block;
   background: linear-gradient(180deg, rgba(240,90,40,0) 91%, rgba(240,90,40,1) 91%);
}
#titles {
   width: 100%;
   height: 40px;
   margin-bottom: 1.2em;
   background: linear-gradient(180deg, rgba(231,231,231,0) 91%, rgba(231,231,231,1) 91%);
}
h1.titles-text-h1 {
   width: auto;
   height: 40px;
   line-height: 40px;
   font-size: 140%;
   font-weight: 700;
   color: #2F4362;
   display: inline-block;
   margin: 0;
   background: linear-gradient(180deg, rgba(240,90,40,0) 91%, rgba(240,90,40,1) 91%);
}

h2.titles-text-h2 {
   width: auto;
   height: 40px;
   line-height: 40px;
   font-size: 140%;
   font-weight: 700;
   color: #2F4362;
   display: inline-block;
   margin: 0;
   background: linear-gradient(180deg, rgba(240,90,40,0) 91%, rgba(240,90,40,1) 91%);
}

h1.home { display: none; }

h2.texts { display: inline-block; margin: 0; font-size: 100%; font-weight: 400; }

#texts { width: 100%; height: auto; margin-bottom: 1em; }
/* -----------------------------------------------------------------
      DESKTOP CSS FIX
----------------------------------------------------------------- */

.header-mobile { display: none; }
#mobilemore { display: inline; }
#myBtnMobileMore { display: none; }

/* -----------------------------------------------------------------
      HEADER
----------------------------------------------------------------- */
.header-desktop {
  width: 1200px;
  height: 100px;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  background-color: #fff;
}

.logo { max-height: 80px;}

#header-img {
   width: 1200px;
   height: 290px;
   overflow: hidden;
   position: relative;
   margin-bottom: 1em;
   margin: 0 auto;
   margin-bottom: 1em;
}
#header-img img {
   position: absolute;
   object-fit: cover;
   width: 100%;
   top: 0;
}

/* -----------------------------------------------------------------
      TOUR BOXES
----------------------------------------------------------------- */
#tours-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

#tours-box {
   width: 23%;
   height: auto;
   position: relative;
   -webkit-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   -moz-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   padding-bottom: 1em;
   transition: all .3s ease-in-out;
   margin-bottom: 2em;
}

#tours-box:hover { background-color: #F05A28; }
#tours-box:hover h2 { color: #fff; } 
#tours-box:hover h3 { color: #fff; } 
#tours-box:hover img { transform: scale(1.3); } 

#tours-box-img {
   position: relative;
   width: 90%;
   height: 9em;
   overflow: hidden;
   border-radius: 5px;
   margin: 0 auto;
   margin-top: 5%;
} #tours-box-img img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }

#tours-box-title { width: 85%; height: auto; margin: 0 auto; margin-top: 0.7em; margin-bottom: 0.7em; }

h2.tours-box-title {
   display: inline-block;
   text-decoration: none;
   margin: 0 auto;
   width: 100%;
   height: auto;
   line-height: 1.5em;
   text-align: center;
   font-weight: 700;
   font-size: 110%;
   color: #000;
   transition: all .3s ease-in-out;

}

#tours-box-desc { width: 90%; height: auto; margin: 0 auto; }

h3.tours-box-desc {
   display: inline-block;
   text-decoration: none;
   margin: 0 auto;
   width: 100%;
   height: auto;
   line-height: 1.4em;
   text-align: left;
   font-weight: 400;
   font-size: 100%;
   color: #000;
   transition: all .3s ease-in-out;
}

.tours-box--discount {
   position: absolute;
   background-color: #477f1b;
   z-index: 999;
   line-height: 1.2rem;
   color: #fff;
   padding: 0.7rem;
   text-align: center;
   font-size: 0.8rem;
}

.tours-box--discount div {
   font-weight: 700;
   font-size: 1.5rem;
}

/* Destinations Home */
#destination-home-box {
   width: 31%;
   height: auto;
   position: relative;
   -webkit-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   -moz-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   padding-bottom: 1em;
   transition: all .3s ease-in-out;
   margin-bottom: 2em;
}

#destination-home-box:hover { background-color: #F05A28; }
#destination-home-box:hover h2 { color: #fff; } 
#destination-home-box:hover h3 { color: #fff; } 
#destination-home-box:hover img { transform: scale(1.3); } 
/* -----------------------------------------------------------------
      TOUR BOXES
----------------------------------------------------------------- */
#tours-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

#tours-box {
   width: 23%;
   height: auto;
   position: relative;
   -webkit-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   -moz-box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   box-shadow: 0px 0px 22px -1px rgba(209,209,209,0.5);
   padding-bottom: 1em;
   transition: all .3s ease-in-out;
   margin-bottom: 2em;
   text-decoration: none;
}

#tours-box:hover { background-color: #F05A28; }
#tours-box:hover h2 { color: #fff; } 
#tours-box:hover h3 { color: #fff; } 
#tours-box:hover img { transform: scale(1.3); } 

#tours-box-img {
   position: relative;
   width: 90%;
   height: 9em;
   overflow: hidden;
   border-radius: 5px;
   margin: 0 auto;
   margin-top: 5%;
} #tours-box-img img { position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; transition: all .3s ease-in-out; }

#tours-box-title { width: 85%; height: auto; margin: 0 auto; margin-top: 0.7em; margin-bottom: 0.7em; }

h2.tours-box-title {
   display: inline-block;
   text-decoration: none;
   margin: 0 auto;
   width: 100%;
   height: auto;
   line-height: 1.5em;
   text-align: center;
   font-weight: 700;
   font-size: 110%;
   color: #000;
   transition: all .3s ease-in-out;

}

#tours-box-desc { width: 90%; height: auto; margin: 0 auto; }

h3.tours-box-desc {
   display: inline-block;
   text-decoration: none;
   margin: 0 auto;
   width: 100%;
   height: auto;
   line-height: 1.4em;
   text-align: left;
   font-weight: 400;
   font-size: 100%;
   color: #000;
   transition: all .3s ease-in-out;
}
/* Tour Duration Listing Info on Tour Pages */
#quick-info-wrap-list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 2em;
}
#quick-info-box-list {
   width: 100%;
   height: 3.5em;
   position: relative;
   margin-right: 0;
} #quick-info-box-list img { height: 3.5em; float: left; margin-right: 0.5em; }
span.quick-info-box-title-list { font-size: 80%; color: #F8B59F; font-weight: 700;}
span.quick-info-box-info-list { font-size: 80%; color: #2F4362; font-weight: 400;}

/* Guaranteed Departure Tour Banner */

.tours-boxes-banner-guaranteed {
   background-color: #F05A28;
   color: #fff;
   padding: 0.5rem;
   text-align: center;
   font-weight: 600;
   margin-bottom: 1rem;
   position: absolute;
   z-index: 100;
   font-size: 0.8rem;
   border-radius: 0 0 5px 0;
}

/* Guaranteed Tours Price List */

.tours-pricelist--wrapper {
   width: 100%;
   height: auto;
   overflow-x: scroll;
   margin-bottom: 2rem;
}

.tours-pricelist {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.tours-pricelist div {
   border: solid 1px #e4e4e4;
   padding: 1rem;
}

.tours-pricelist div:nth-child(-n+6) {
   background-color: #e4e4e4;
}

.tours-pricelist div span {
   font-size: 0.7rem;
}


/* -----------------------------------------------------------------
      HOME TOP DESTINATIONS
----------------------------------------------------------------- */
#top-destinations-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

#top-destinations-box {
   width: 32%;
   height: 14em;
   position: relative;
   padding-bottom: 1em;
   transition: all .3s ease-in-out;
   overflow: hidden;
   border-radius: 5px;
} #top-destinations-box img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }

#top-destinations-box:hover img { transform: scale(1.2); }

#top-destinations-box:hover #top-destinations-box-title { background: rgba(240, 90, 40, 1); }

#top-destinations-box-title {
   position: absolute;
   background-color: red;
   width: 3em;
   height: 100%;
   text-align: center;
   background: rgba(240, 90, 40, 0.5);
   writing-mode: vertical-rl;
   right: -1px;
   color: #fff;
   font-weight: 700;
   font-size: 120%;
   line-height: 3em;
   transform: rotate(-180deg);
   transition: all .3s ease-in-out;
}
/* -----------------------------------------------------------------
      BANNERS
----------------------------------------------------------------- */
#banner-vacation {
   width: 100%;
   height: 15em;
   background-color: orange;
   margin-bottom: 1.5em;
   display: block;
   position: relative;
   margin-bottom: 1.5em;
   overflow: hidden;
} #banner-vacation img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }
#banner-vacation-button {
   width: 350px;
   height: 65px;
   line-height: 65px;
   position: absolute;
   border: solid 2px #F05A28;
   right: 200px;
   top:87px;
   font-size: 160%;
   text-align: center;
   font-weight: 700;
   color: #2F4362;
   transition: all .3s ease-in-out;
}
#banner-vacation-button-desc {
   width: 350px;
   height: 30px;
   line-height: 30px;
   position: absolute;
   right: 200px;
   top:157px;
   font-size: 60%;
   text-align: center;
   font-weight: 700;
   color: #2F4362;
} #banner-vacation:hover #banner-vacation-button { color: #fff; background-color: #F05A28; }
/* -----------------------------------------------------------------
      TOUR PAGES
----------------------------------------------------------------- */
#header-img-tours {
   width: 1200px;
   height: 380px;
   overflow: hidden;
   position: relative;
   margin-bottom: 1em;
   margin: 0 auto;
   margin-bottom: 1em;
}
#header-img-tours img {
   position: absolute;
   object-fit: cover;
   width: 100%;
   top: 0;
}
#quick-info-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   margin-bottom: 2em;
}
#quick-info-box {
   width: auto;
   height: 3.5em;
   position: relative;
   margin-right: 1.5em;
} #quick-info-box img { height: 3.5em; float: left; margin-right: 0.5em; }
span.quick-info-box-title { font-size: 120%; color: #F8B59F; font-weight: 700;}
span.quick-info-box-info { font-size: 120%; color: #2F4362; font-weight: 400;}
/* Middle Gallery */
#tours-middle-gallery-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 1.5em;
   margin-top: 1.5em;
}
#tours-middle-gallery-box {
   display: block;
   width: 24%;
   height: 180px;
   overflow: hidden;
   position: relative;
   border-radius: 5px;
} #tours-middle-gallery-box img {  object-fit: cover; width: 100%; height: 100%; transition: all .3s ease-in-out; }
#tours-middle-gallery-box:hover img { transform: scale(1.3); }
/* Bottom Info */
#tours-bottom-info-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 2em;
}
#tours-bottom-info-box {
   width: 32%;
} #tours-bottom-info-box img { max-height: 0.8em; margin-right: 0.5em; }
/* Bottom Info Titles*/
.tours-bottom-info-titles {
   width: 100%;
   height: 40px;
   line-height: 40px;
   font-size: 120%;
   font-weight: 700;
   color: #2F4362;
   display: inline-block;
   margin-bottom: 1em;
   background: linear-gradient(180deg, rgba(240,90,40,0) 95%, rgba(240,90,40,1) 95%);
}
/* Book Now Button */
#tours-book-now-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   margin-top: 3em;
   margin-bottom: 3em;
}
#tours-book-now-box {
   width: 320px;
   height: 65px;
   line-height: 65px;
   font-size: 140%;
   font-weight: 700;
   text-align: center;
   background: rgba(240,90,40,1);
   color: #fff;
   margin-right: 1em;
   text-decoration: none;
   border: solid 2px #F05A28;
   transition: all .3s ease-in-out;
}

#tours-learn-now-box {
   width: 320px;
   height: 65px;
   line-height: 65px;
   font-size: 140%;
   font-weight: 700;
   text-align: center;
   background: rgba(240,90,40,0);
   color: #2F4362;
   margin-right: 1em;
   text-decoration: none;
   border: solid 2px #F05A28;
   transition: all .3s ease-in-out;
}
#tours-learn-now-box:hover { 
   background: rgba(240,90,40,1);
   color: #fff;
   border: solid 2px #F05A28;
 }
#tours-book-now-box:hover { background: rgba(240,90,40,1); color: #fff; }
#tours-learn-now-box:hover + #tours-book-now-box { background: rgba(240,90,40,0); color: #2F4362; }
/* Daily Plans */
#tours-daily-plans-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   margin-top: 2em;
   margin-bottom: 2em;
}
#tours-daily-plans-days {
   width: 23%;
   min-height: 10em;
   border: solid 1px #979797;
   border-radius: 5px;
   margin-bottom: 1em;
   margin-right: 1em;
   
}
.tours-daily-plans-day-number { width: 100%; height: 2em; line-height: 2em; text-align: center; font-weight: 700; color: #F05A28; font-size: 120%; }
.tours-daily-plans-day-desc { display: table-cell; vertical-align: middle; width: 90%; height: 7em; text-align: left; font-weight: 400; color: #000; font-size: 90%; padding-left: 5%; padding-right: 5%; }

/* Tour Dates */

.tours-page-dates--wrapper {
   display: flex;
   gap: 1rem;
   margin-bottom: 2rem;
}

.tours-page-dates--box {
   display: flex;
   flex-direction: column;
   align-items: left;
   justify-content: space-around;
   
   width: 33.3%;
   height: auto;
   padding: 1rem;
   box-sizing: border-box;

   border: solid 1px #979797;
   border-radius: 5px;
}

.tours-page-dates--box span {
   font-size: 0.7rem;
}

.tours-page-dates--box_days {
   color: #f05a28;
   font-weight: 600;
   font-size: 1.2rem;
}

/* Tour Buttons */

.tours-anchor--wrapper {
   display: flex;
   gap: 1rem;
   margin-bottom: 2rem;
}

.tours-anchor--button {
   background-color: #f05a28;
   padding: 0.5rem;
   text-decoration: none;
   text-align: center;
   color: #fff;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}


/* Bottom Info */
#tours-bottom-info2-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 2em;
   margin-bottom: 2em;
}
#tours-bottom-info2-box {
   width: 49%;
} #tours-bottom-info2-box img { max-height: 0.6em; vertical-align: middle; margin-right: 0.5em; }
/* Bottom Info Titles*/
.tours-bottom-info2-titles {
   width: 100%;
   height: 40px;
   line-height: 40px;
   font-size: 120%;
   font-weight: 700;
   color: #2F4362;
   display: inline-block;
   margin-bottom: 1em;
   background: linear-gradient(180deg, rgba(240,90,40,0) 95%, rgba(240,90,40,1) 95%);
}
span.perperson { font-size: 50%; }

   .tours--prices__wrapper {
      display: flex;
    flex-direction: row;
    justify-content: space-between;
   }
   .tours--prices__box {
      padding: 1em;
    border: solid 1px #bbb;
    text-align: center;
   }
   .tours--prices__box__price {
      font-size: 1.2rem;
   }
   .tours-prices__desc {
      margin-top: 1em;
   }
/* -----------------------------------------------------------------
      PAGES
----------------------------------------------------------------- */
#pages-tours-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
}

#pages-tours-box {
   width: 32%;
   height: 14em;
   position: relative;
   transition: all .3s ease-in-out;
   overflow: hidden;
   border-radius: 5px;
   margin-bottom: 1em;
} #pages-tours-box img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }

#pages-tours-box:hover img { transform: scale(1.2); }

#pages-tours-box:hover #pages-tours-box-title { background: rgba(240, 90, 40, 1); }

#pages-tours-box-title {
   position: absolute;
   width: 80%;
   height: 3em;
   text-align: center;
   background: rgba(240, 90, 40, 0.5);
   color: #fff;
   font-weight: 700;
   font-size: 120%;
   line-height: 3em;
   left: 0; 
   right: 0;
   top: 0;
   bottom: 0; 
   margin-left: auto; 
   margin-right: auto;
   margin-bottom: auto; 
   margin-top: auto;  
   transition: all .3s ease-in-out;
}

/* -----------------------------------------------------------------
      HOTELS
----------------------------------------------------------------- */

#hotels-box-img {
   position: relative;
   width: 90%;
   height: 13em;
   overflow: hidden;
   border-radius: 5px;
   margin: 0 auto;
   margin-top: 5%;
} #hotels-box-img img { position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; transition: all .3s ease-in-out; }

/* -----------------------------------------------------------------
      FOOTER
----------------------------------------------------------------- */
#footer {
   width: 100%;
   height: auto;
   background-color: #314666;
   padding: 2em 0 2em 0;
   margin-top: 2em;
}
#footer-wrap {
   width: 1200px;
   height: auto;
   margin: 0 auto;
}
#footer-logos {
   width: 100%;
   height: 6em;
   line-height: 5em;
   text-align: center;
   margin-bottom: 1em;
}
img.footer-logo {
   max-height: 80%;
   width: auto;
   vertical-align: middle;
}
img.footer-social {
   max-height: 40%;
   width: auto;
   vertical-align: middle;
   margin-left: 1em;
}
img.footer-tursab {
   max-height: 60%;
   width: auto;
   vertical-align: middle;
   margin-left: 1em;
}
img.footer-line {
   max-height: 80%;
   width: auto;
   vertical-align: middle;
   margin-left: 1em;
}
/* Company */
#footer-company { width: 100%; height: 2em; line-height: 2em; text-align: center; color: #fff; font-size: 75%; padding-top:25px; }
#footer-company img { max-height: 2em; vertical-align: middle; }
/* Second Footer */
#footer-second { width: 100%; height: 3em; }
#footer-second-wrap { width: 1200px; height: 3em; line-height: 3em; font-size: 100%; margin: 0 auto; }
#footer-second-left { width: 50%; float: left; }
#footer-second-right { width: 50%; float: right; text-align: right; }

.footer-payments {
   width: 100%;
   height: auto;
   padding: 10px;
   display: flex;
   justify-content: center;
   box-sizing: border-box;
}

.footer-payments img {
   width: 300px;
   height: auto;
}

.footer-otas {
   width: 100%;
   height: auto;
   padding: 10px;
   margin-bottom: 10px;
   display: flex;
   justify-content: center;
   box-sizing: border-box;
}

.footer-otas img {
   width: 450px;
   height: auto;
}

/* -----------------------------------------------------------------
      FOOTER SITE MAP
----------------------------------------------------------------- */
#footer-site-map-wrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 1em;
}

#footer-site-map-box {
   width: 18%;
   height: auto;
   position: relative;
}
#footer-titles {
   width: 100%;
   height: 35px;
   margin-bottom: 0.5em;
   background: linear-gradient(180deg, rgba(231,231,231,0) 94%, rgba(231,231,231,1) 94%);
}
#footer-titles-text {
   width: auto;
   height: 35px;
   line-height: 35px;
   font-size: 95%;
   font-weight: 700;
   color: #fff;
   display: inline-block;
   background: linear-gradient(180deg, rgba(240,90,40,0) 94%, rgba(240,90,40,1) 94%);
}
#footer-links { font-size: 100%; color: #fff; text-decoration: none; }
#footer-links:hover { font-size: 100%; color: #fff; text-decoration: underline; }
/* -----------------------------------------------------------------
      MENU (DESKTOP)
----------------------------------------------------------------- */
.menu-desktop {
  float: right;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin-top: 25px;
}

#menu-boxes {
  display: block;
  width: auto;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-right: 15px;
  padding-left: 8px;
  padding-right: 8px;
  transition: all .3s ease-in-out;
} #menu-boxes:hover { background-color: #F05A28; } 

#menu-boxes a { color: #2F4362; display: block; font-weight: 700; text-decoration: none; transition: all .3s ease-in-out; }
#menu-boxes a:hover { color: #fff;}


/* Contact (Last Child) */
#menu-boxes:last-child { margin-right: 0; background-color: #2F4362; padding-left: 8px; padding-right: 8px; transition: all .3s ease-in-out; }
#menu-boxes:last-child:hover { background-color: #F05A28; }
#menu-boxes:last-child a { color: #fff; border-bottom: none; }
#menu-boxes:last-child a:hover { border-bottom: none; }

/* -----------------------------------------------------------------
      BREADCRUMB
----------------------------------------------------------------- */

.breadcrumb--wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 1em;
}

.breadcrumb--wrapper a {
    font-size: 80%;
    color: #2F4362;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.3em;
}

.breadcrumb--wrapper a::after {
   content: "-";
   font-weight: 700;
   color: #EB1D60;
   font-family: 'Material Icons';
   height: 100%;
   margin-left: 0.3em;
}

.breadcrumb--wrapper a:last-child::after {
   content: "";
}

.wadestek {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 2em;
    right: 1em;
    overflow-y: auto;
    z-index: 100000;
    padding: 1em;
}

.wadestek-text {
    font-size: 100%;
    font-weight: 600;
    color: #fff;
    padding: 1em;
    background-color: #7ad06d;
    text-decoration: none;
}

.wadestek-text img {
    height: 1.7em;
    vertical-align: middle;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    
      MOBILE CSS - MAX-WIDTH: 800PX

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

@media screen and (max-width: 800px) {

/* -----------------------------------------------------------------
      MOBILE CSS FIX
----------------------------------------------------------------- */

.header-desktop { display: none; }
.header-mobile { display: block; }
#mobilemore { display: none;}
#myBtnMobileMore { display: inline;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    
      GENERAL CSS

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content { width: 95%; height: auto; margin: 0 auto; }
/* Titles */

#texts { width: 100%; height: auto; }

h1.titles-text-h1 {
   overflow: hidden;
}

h2.titles-text-h2 {
   overflow: hidden;
}

/* -----------------------------------------------------------------
      HEADER
----------------------------------------------------------------- */
.header-mobile {
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
}

.header-mobile-logo {
  width: 100%;
  height: 4em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  position: relative;
} .header-mobile-logo img { height: 90%; margin-top: 0; margin-left: 0.5em; }

#header-img {
   width: 100%;
   height: 8em;
   margin-bottom: 0.5em;
}
/* -----------------------------------------------------------------
      FOOTER
----------------------------------------------------------------- */
#footer {
   height: auto;
   margin-top: 0;
}
#footer-wrap {
   width: 95%;
   margin: 0 auto;
}
#footer-logos {
   width: 100%;
   height: 4em;
   line-height: 4em;
   margin-bottom: 1em;
}
img.footer-logo {
   max-height: 70%;
}
img.footer-social {
   max-height: 50%;
}
img.footer-tursab {
   max-height: 50%;
}
img.footer-line {
   max-height: 80%;
}
/* Company */
#footer-company { width: 100%; height: 5em; line-height: 5em; text-align: center; color: #fff; font-size: 75%;  }
#footer-company img { max-height: 2em; vertical-align: middle; }
/* Second Footer */
#footer-second { width: 100%; height: 2em; }
#footer-second-wrap { width: 100%; height: 2em; line-height: 2em; font-size: 85%;}
#footer-second-left { width: 100%; float: none; text-align: center; }
#footer-second-right { width: 100%; float: none; text-align: center; }

.footer-payments img {
   width: 70%;
   height: auto;
}

.footer-otas img {
   width: 80%;
   height: auto;
}

/* -----------------------------------------------------------------
      TOUR BOXES
----------------------------------------------------------------- */
#tours-box {
   width: 49%;
   margin-bottom: 1em;
}

#tours-box-img {
   position: relative;
   height: 6em;
   overflow: hidden;
}

#hotels-box-img {
   position: relative;
   height: 6em;
   overflow: hidden;
}

#tours-box-title { width: 85%; }

h2.tours-box-title {
   width: 95%;
   height: auto;
   line-height: 1.5em;
   font-size: 90%;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

#tours-box-desc { font-size: 90%; }

h3.tours-box-desc {
   font-size: 90%;
}
/* Destinations Home */
#destination-home-box {
   width: 49%;
}
/* -----------------------------------------------------------------
      BANNERS
----------------------------------------------------------------- */
#banner-vacation {
   height: 10em;
} #banner-vacation img { height: 100%; }
#banner-vacation-button {
   width: 13em;
   height: 3em;
   line-height: 3em;
   right: 1em;
   top: 2.5em;
   font-size: 95%;
}
#banner-vacation-button-desc {
   width: 20em;
   height: 4em;
   line-height: 1.5em;
   right: 2em;
   top: 10em;
}
/* -----------------------------------------------------------------
      HOME TOP DESTINATIONS
----------------------------------------------------------------- */
#top-destinations-box {
   width: 100%;
   height: 13em;
   border-radius: 5px;
   margin-bottom: 1em;
} #top-destinations-box img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }

#top-destinations-box:hover img { transform: scale(1.2); }

#top-destinations-box:hover #top-destinations-box-title { background: rgba(240, 90, 40, 1); }

#top-destinations-box-title {
   position: absolute;
   background-color: red;
   width: 3em;
   height: 100%;
   text-align: center;
   background: rgba(240, 90, 40, 0.5);
   writing-mode: vertical-rl;
   right: -1px;
   color: #fff;
   font-weight: 700;
   font-size: 120%;
   line-height: 3em;
   transform: rotate(-180deg);
   transition: all .3s ease-in-out;
}
/* -----------------------------------------------------------------
      PAGES
----------------------------------------------------------------- */
#pages-tours-box {
   width: 100%;
   height: 14em;
   position: relative;
   transition: all .3s ease-in-out;
   overflow: hidden;
   border-radius: 5px;
   margin-bottom: 1em;
} #pages-tours-box img { position: absolute; object-fit: cover; width: 100%; top: 0; transition: all .3s ease-in-out; }

#pages-tours-box:hover img { transform: scale(1.2); }

#pages-tours-box:hover #pages-tours-box-title { background: rgba(240, 90, 40, 1); }

#pages-tours-box-title {
   position: absolute;
   width: 80%;
   height: 3em;
   text-align: center;
   background: rgba(240, 90, 40, 0.5);
   color: #fff;
   font-weight: 700;
   font-size: 120%;
   line-height: 3em;
   left: 0; 
   right: 0;
   top: 0;
   bottom: 0; 
   margin-left: auto; 
   margin-right: auto;
   margin-bottom: auto; 
   margin-top: auto;  
   transition: all .3s ease-in-out;
}
/* -----------------------------------------------------------------
      TOUR PAGES
----------------------------------------------------------------- */
#header-img-tours {
   width: 100%;
   height: 8em;
   margin-bottom: 0.5em;
}
#quick-info-wrap {
   margin-bottom: 0;
}
#quick-info-box {
   width: 50%;
   height: 3em;
   margin-right: 0;
   margin-bottom: 1em;
} #quick-info-box img { height: 3em; }
span.quick-info-box-title { font-size: 90%; }
span.quick-info-box-info { font-size: 90%; }
/* Middle Gallery */
#tours-middle-gallery-wrap {
   margin-bottom: 1em;
   margin-top: 1em;
}
#tours-middle-gallery-box {
   width: 49%;
   height: 7.5em;
   margin-bottom: 0.5em;
} 
/* Bottom Info */
#tours-bottom-info-wrap {
   margin-top: 1em;
}
#tours-bottom-info-box {
   width: 100%;
   margin-bottom: 1em;
}
/* Book Now Button */
#tours-book-now-wrap {
   margin-top: 1em;
   margin-bottom: 1em;
}
#tours-book-now-box {
   width: 100%;
   height: 3.5em;
   line-height: 3.5em;
   margin-right: 0;
}

#tours-learn-now-box {
   width: 100%;
   height: 3.5em;
   line-height: 3.5em;
   margin-right: 0;
   margin-bottom: 0.5em;
}
/* Daily Plans */
#tours-daily-plans-wrap {
   justify-content: space-between;
   margin-top: 1em;
   margin-bottom: 1em;
}
#tours-daily-plans-days {
   width: 48%;
   height: auto;
   margin-bottom: 1em;
   margin-right: 0;
   
}
/* Bottom Info */
#tours-bottom-info2-wrap {
   margin-top: 1em;
}
#tours-bottom-info2-box {
   width: 100%;
   margin-bottom: 1em;
} 

   .tours--prices__wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 10px
   }
   .tours--prices__box {
    width: 40%;
   }

/* Tour Dates */

.tours-page-dates--wrapper {
   flex-direction: column;
}

.tours-page-dates--box {

   width: 100%;
}

/* Tour Buttons */

.tours-anchor--wrapper {
   gap: 0.3rem;
}

.tours-anchor--button {
   background-color: #f05a28;
   padding: 0.3rem;
   font-size: 0.9rem;
}

/* Guaranteed Tours Price List */

.tours-pricelist div {
   padding: 0.8rem;
   font-size: 0.8rem;
   min-width: 110px;
}

.tours-pricelist div span {
   font-size: 0.6rem;
}

/* -----------------------------------------------------------------
      FOOTER SITE MAP
----------------------------------------------------------------- */
#footer-site-map-wrap {
   flex-direction: column;
}

#footer-site-map-box {
   width: 100%;
   margin-bottom: 1em;
}
#footer-titles {
   width: 100%;
   height: 35px;
   margin-bottom: 0.5em;
   background: linear-gradient(180deg, rgba(231,231,231,0) 94%, rgba(231,231,231,1) 94%);
}
#footer-titles-text {
   width: auto;
   height: 35px;
   line-height: 35px;
   font-size: 95%;
   font-weight: 700;
   color: #fff;
   display: inline-block;
   background: linear-gradient(180deg, rgba(240,90,40,0) 94%, rgba(240,90,40,1) 94%);
}
#footer-links { font-size: 100%; color: #fff; text-decoration: none; }
#footer-links:hover { font-size: 100%; color: #fff; text-decoration: underline; }
/* -----------------------------------------------------------------
      MOBILE MENU
----------------------------------------------------------------- */
#myNav { display: block; }

.mobile-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(49,70,102, 0.94);
    overflow-x: hidden;
    transition: 0.5s;
}

.mobile-menu-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
} .mobile-menu-content img { vertical-align: top; max-height: 25px; }

.mobile-menu a {
    padding: 0.5em;
    text-decoration: none;
    font-size: 120%;
    color: white;
    display: block;
    transition: 0.3s;
}

.mobile-menu .closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 60px;
}

.mobile-menu-button {
display: block;
  width: 2em;
  height: auto;
  font-size: 250%;
  position: absolute;
  right: 0.5em;
  top: 0.1em;
  text-align: right;
  color: #2f4362;
}

/* -----------------------------------------------------------------
      BREADCRUMB
----------------------------------------------------------------- */

.breadcrumb--wrapper {
    width: 95%;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.breadcrumb--wrapper a {
    font-size: 65%;
}

/* END OF THE CSS */ }