/* header */

header{position:relative; width:100%; height:50px; line-height:50px; 
}

.languages_container{position:absolute; right:10px; top:5px; background-color:rgb(184,115,51,0.4); cursor:pointer; border:1px solid #585858; height:30px; line-height:30px; margin-top:7px; border-radius:4px; padding-left:7px; padding-right:7px;}
.languages_container i{font-size:28px; color:white;}
.languages_img{position:relative; display:inline-block; width:25px; height:20px; margin-right:5px;}
.languages_img img{position:absolute; width:100%; height:100%;}


.all_language_container{position:absolute; top:55px; width:calc(100% - 10px); right:5px; border-radius:8px; background-color:rgb(0,0,0,0.9); display:none; text-align:center; padding-bottom:20px; z-index:1;}
.all_language_sub_container{position:relative; background-color:#C19A6B; margin:10px; border:1px solid #484848; font-weight:550; display:inline-block; vertical-align:top; width:90px; height:90px; text-align:center; border-radius:5px; cursor:pointer; font-size: 14px;}
.all_language_img_container img{margin-top:5px;}
.all_language_sub_container img{width:60px; height:55px;}

.body_elemenet{position:relative; margin:5px;  background-color:#C19A6B; box-shadow:0px 0px 1px black;}
.body_elemenet_no_background{position:relative; margin:5px; }

.logo{margin-left:10px; height:40px; width:40px; margin-top:5px;}
body{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0px; }

.header_list_options{position:relative; display:inline-block; vertical-align:top;  font-size:13px;  width:calc(100% - 197px); text-align:center;}
.header_list_options div{position:relative; cursor:pointer; display:inline-block; color:white; vertical-align:top; padding:5px; margin-left:5px; margin-right:5px;}
.header_list_options a{text-decoration:none;}
h1,h2{margin:0px;}

.title_container{text-align:left; color:white; padding-left:10px; width:calc(100% - 10px); background-color:#6F4E37; height:35px; line-height:35px; font-size:13px;}

.page_name_element{margin:10px; position:relative; width:calc(100% - 10px); text-align:center; color:white;}

.slide_tour_image{position:relative; display:inline-block; margin:4px; vertical-align:top; overflow:hidden; border-radius:8px; width:550px; height:350px;}
.slide_tour_image img{position:absolute; width:100%; height:100%; left:0px; top:0px;}
.slide_tour_detail_container{position:relative; display:inline-block; vertical-align:top; width:calc(100% - 180px); border-radius:8px; background-color:rgb(0,0,0,0.6);}
.slide_content{position:relative; display:inline-block; vertical-align:top; width:calc(100% - 567px); margin-top:4px; background-color:#C19A6B; border-radius:8px;}
.slide_content_cover{padding:4px;}

body{  background: url(gallery/gerhard-venter-00qlZ72yfnY-unsplash.jpg);
  background-repeat: no-repeat;
  background-size: cover;}

.black_background{position:fixed; z-index:-1; background-color:rgb(0,0,0,0.6); top:0px; left:0px; width:100%; height:100%;}

.checked {
  color: orange;
}



.header_safari_category_container{position:absolute; display:none; z-index:2; left:5px; top:54px; background-color:rgb(184,115,51); width:calc(100% - 30px); min-height:400px; padding:10px;}

/* Safari destinations list page*/

.destinatio_rating_container{ margin-left:5px; font-weight:540;}

.destination_container{position:relative; display:inline-block; vertical-align:top; margin:10px; background-color:#C19A6B; color:black;
border-radius:8px; width:calc(33% - 20px); cursor:pointer;}
.destination_container h2{font-size:20px;}
.destination_container img{position:relative; width:100%; height:250px; object-fit:cover;}
.destination_title_container{width:100%; height:35px; line-height:35px; text-align:center;}


/*Remove the google translate banner*/
/* Hide Google Translate top frame */
body > .skiptranslate {
  display: none !important;
}
.goog-te-banner-frame {
  display: none !important;
}

/* Prevent body from being pushed down */
body {
  top: 0px !important;
}

/* Hide the "powered by Google Translate" text */
.goog-logo-link,
.goog-te-gadget span {
  display: none !important;
}



.body_cover_container {

}


.index_destinations_container{
	
	position:relative; display:inline-block; color:white; vertical-align:top; vertical-align:top; width:280px; margin: 10px 20px 10px 20px; background-color:#8B4513;
	
}
.index_destinations_container img{width:280px; height:220px; object-fit:cover;
	
}

.sub_category_contents{text-align:left;}


.index_blogs_container{position:relative; display:inline-block; background-color:#8B4513; color:white; vertical-align:top; margin:10px; width:calc(50% - 25px);}
.index_blogs_container img{width:200px; height:200px; display:inline-block; vertical-align:top;}
.index_blogs_content{position:relative; display:inline-block; vertical-align:top; width:calc(100% - 205px); }
.index_blogs_content h1{margin:0px; font-size:19px; padding:0px;}
.index_blogs_bottom{position:relative; bottom:5px; margin-top:20px;}
.index_blogs_bottom div{float:right; margin-right:10px;  height:30px; line-height:30px;}
.index_blogs_bottom a{color:white; text-decoration:none;}
.index_blogs_bottom a div{background-color:rgb(0,122,0,0.9); padding-left:4px; padding-right:4px; border-radius:4px;}

 
/*faqs*/

.body_elemenet_faqs{background-color:white; float: left; margin-left:5px; width:calc(100% - 10px); margin-bottom:20px;}


/*footer*/

footer{position:relative; width:100%; min-height:100px; height:auto; background-color:rgb(156,115,51);}

/* Inquiry form and booking form */




#inquire_from{position:fixed; top:0px; height:100%; z-index:2; background-color:white; transition-duration: 1s; overflow-y:auto; scrollbar-width:thin;  scrollbar-color:#242424 #ececeb;}
.open_inquire_from{ right:0px; width:100%; }
.closed_inquire_from{right:-100%; width:100%;  }

@media screen and (max-width: 800px){
#booking_form{position:fixed; width:calc(100% - 20px); border-radius:8px; top:5px; height:calc(100% - 10px); z-index:2; background-color:white; transition-duration: 2s; overflow-y:auto; scrollbar-width:thin;  scrollbar-color:#242424 #ececeb;}
.open_booking_form{ right:10px;  }
.closed_booking_form{right:-100%; }

.booking_firstname{width:calc(100% - 10px);  height:30px; margin-left:5px; margin-top:20px; border:none; border-bottom:2px solid #545454; }
#booking_country_codes{width:calc(100% - 10px);  height:34px; margin-left:5px; margin-top:20px; border:none; background:none; border-bottom:2px solid #545454; }
.booking_email{width:calc(100% - 10px);  height:30px; margin-top:20px; margin-left:5px; border:none; border-bottom:2px solid #545454; }
.booking_phonenumber{width:calc(100% - 10px); height:30px; margin-left:5px; margin-top:20px; border:none; border-bottom:2px solid #545454; }

#inquire_from input{margin-top:25px; height:25px; margin-left:5px; border:none; border-bottom:2px solid #545454; width:calc(100% - 10px);}
#inquire_from textarea{margin-top:25px; height:120px; margin-left:5px; border:none; border-bottom:2px solid #545454; width:calc(100% - 10px); resize:none; margin-bottom:35px;}


.inquiry_message_sent_box{position:relative; width:calc(100% - 180px); display:inline-block; height:35px; vertical-align:top;}
#inquiry_country_codes{border:none; background:none; border-bottom:2px solid #545454;  width:calc(100% - 10px); margin-left:5px; margin-top:20px; height:40px;}
 
 .booking_message_sent_box{position:relative; width:calc(100% - 200px); margin-left:20px; color:white; font-size:16px; display:inline-block; height:35px;  line-height:35px; vertical-align:top;}

 }
 
 
 
@media screen and (min-width: 801px){
	
	#booking_form{position:fixed; width:calc(100% - 80px); border-radius:8px; top:20px; height:calc(100% - 40px); z-index:2; background-color:white; transition-duration: 2s; overflow-y:auto; scrollbar-width:thin;  scrollbar-color:#242424 #ececeb;}
.open_booking_form{ right:40px;  }
.closed_booking_form{right:-100%; }

.booking_form_div{position:relative; margin-top:-40px; display:inline-block; vertical-align:top; width:calc(100% - 580px); margin-left:560px;}



.booking_inquire_logo{position:absolute; width:80px; height:80px;}
.booking_inquiry_title{position:relative; display:inline-block; vertical-align:top; width:550px; height:40px; font-weight: bold;
    line-height: 40px;
    font-size: 18px;}
	
.booking_safari_title{height:40px; font-weight: bold;
    line-height: 40px;
    font-size: 20px;}	
.booking_safari_cover_img{position:absolute; left:10px; top:50px; width:550px; height:450px; object-fit:cover; z-index:-1;}

.booking_firstname{width:280px; height:30px; border:none; border-bottom:2px solid #545454; }
#booking_country_codes{width:285px; height:34px; margin-top:17px; border:none; background:none; border-bottom:2px solid #545454; }
.booking_email{width:250px; height:30px; margin-left:5px; border:none; border-bottom:2px solid #545454; }
.booking_phonenumber{width:250px; height:30px; margin-left:5px; margin-top:13px; border:none; border-bottom:2px solid #545454; }


#inquire_from input{margin-top:25px; height:25px; margin-left:5px; border:none; border-bottom:2px solid #545454; width:385px;}
#inquire_from textarea{margin-top:25px; height:120px; margin-left:5px; border:none; border-bottom:2px solid #545454; width:385px; resize:none; margin-bottom:32px;}


.inquiry_message_sent_box{position:relative; width:220px; display:inline-block; height:35px; vertical-align:top;}
#inquiry_country_codes{border:none; background:none; border-bottom:2px solid #545454;  width:385px; margin-left:5px; margin-top:20px; height:40px;}
.booking_message_sent_box{position:relative; width:400px; margin-left:20px; color:white; font-size:16px; display:inline-block; height:35px;  line-height:35px; vertical-align:top;}

 }
 
 
 .booking_cancelsubmit_container{position:relative; margin-top:20px; margin-bottom:10px; width:100%; text-align:center;}
  .booking_cancelsubmit_container div{position:relative; display:inline-block; cursor:pointer; border-radius:4px; vertical-align:top; margin-left:10px; margin-right:10px; padding:7px;}
  
  .booking_cancel{background-color:rgb(225,0,0,0.9); color:white;}
  .booking_submit{background-color:rgb(0,122,0,0.9); color:white;}