@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
padding: 0px;
font-family: 'Muli', sans-serif;
overflow-x: hidden;
}
a:hover, a:focus {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
margin: 0;
/*font-family: 'Open Sans', sans-serif;*/
}

.fl-w {
float: left;
width: 100%;
}
p {
margin: 10px;
    font-size: 16px;
    text-align: justify;
}
/* Home page start */
.menulist{
text-align: left;
float: left;
width: 100%;
}
.menulist ul{
float: right;
display: block;
padding: 0;
margin: 0;
}
.menulist li{
    list-style: none;
    float: left;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    line-height: 115px;
    padding: 0px 5px;
    text-transform: capitalize;
}
.menulist li:last-child{
margin-right: 0;
}
.menulist li a{
color: #0f0f0f;
text-decoration: none;
position: relative;
}

.navbar-brand {
float: left;
height: 42px;
padding: 0px 15px;
font-size: 18px;
line-height: 20px;
}

.navbar-brand img{
height: 50px!important;
}
.navbar-nav {
margin: 0px -15px;
}
.navbar-default .navbar-nav>li>a {
color: #fff;
font-size: 13px;
font-weight: 600;
}
.navbar-default .navbar-nav>li{
border-bottom: 1px solid #fff;
background: #fe7100;
}

.bg-color {
background: #fff;
position: fixed!important;
}

.menu-bar{
width: 100%;
position: absolute;
top: 0;
z-index: 100;
background: #fff;
border-bottom: 1px solid #cccbcb;
}
.menulist li a:hover{
color: #ff1901;
font-weight: 700;
}
.banner-sec{
float: left;
width: 100%;
}
.banner-div img{
float: left;
width: 100%;
height: 100vh;
}
.banner-div{
float: left;
width: 100%;
}

.logo-image{
padding:15px 0px;
}

.banner-text{
width: 100%;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
z-index: 10;
}
.banner-text h1{
color: #fff;
font-size: 43px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
float: left;
width: 100%;
}
.banner{
    float: left;
    width: 100%;
}
.banner-text p{
color: #fff;
font-size: 13px;
line-height: 22px;
font-weight: 500;
font-family: 'Muli', sans-serif;
padding: 15px 0px;
text-align: center;
text-transform: capitalize;
float: left;
width: 100%;
}

.read-btn{
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
padding: 5px 30px;
border-radius: 0px;
color: #000;
background-color: #fff;
text-decoration: none;
display: inline-block;
margin-top: 15px;
}

.read-btn:hover{
background: #0f0f0f;
color:#fff;
}


.packages-sec{
    float: left;
    width: 100%;
    padding: 50px 0px;
}

.packages-sec h2{
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.packages-sec p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #595959;
    text-align: center;
    padding: 5px 0px;
}

.offer-box{
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
}

.overlay-sec{
    position: absolute;
    bottom:-11px;
    left:0;
    height: 120px;
    width: 100%;
}

.overlay-sec h3{
    color: #fff;
    font-weight: 800;
    padding: 0px 20px;
    text-transform: uppercase;
    font-size: 20px;
}

.inner-list{
    margin: 0;
    padding: 2px 20px;
    float:left;
}

.inner-list li{
    list-style: none;
    float: left;
}

.inner-list li i{
        color: #fdb714;
    margin-right: 5px;
    font-size: 12px;
}

.overlay-sec span{
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 7px 0px;
    float: left;
    }   

    .overlay-sec .right-sec{
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 10px 20px;
    float: right;
    text-transform: uppercase;
    }
    .overlay-sec .view-sec {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 7px 20px;
    float: left;
}

.overlay-view{
    float: left;
    width: 100%;
} 

.overlay-sec .right-sec1{
    color: #ff1901;
    font-size: 15px;
    font-weight: 800;
    padding: 0px 20px;
    float: right;
    }  

  .button-sec {
    float: left;
    width: 100%;
    margin: 28px 20px;
    height: 33px;
    } 

    .offer-box:hover .overlay-sec  {
    position: absolute;
    bottom:53px;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.route-btn{
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 25px;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
    background-color: #146106;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
    }

.route-btn:hover{
    background: #fff;
    color:#000;
    }

.destinations-sec{
    float: left;
    width: 100%;
    padding: 0px 0px 50px 0px;
}

.destinations-sec h2{
 text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.destinations-sec p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #595959;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.np-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.name-over {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
}
.name-over i {
position: absolute;
left: 15px;
top: 20px;
font-size: 30px;
color: #fff;
}
.name-over h4 {
font-weight: 800;
font-size: 18px;
margin-bottom: 5px;
color: #ffffff;
text-transform: uppercase;
}
.name-over h5 {
color: #fff;
font-weight: 700;
font-size: 15px;
}
.np-sec .col-lg-3 {
margin-top: 30px;
}
.np-box img {
-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.np-box:hover img {
filter: brightness(50%);
-webkit-filter: brightness(50%);
-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.name-over h4:hover{
    color: #ff1901;
}
.no-padding{
margin:25px 0px 0px 0px;
padding: 0;
}

.desti-sec{
    float: left;
    width: 100%;
    padding: 30px 0px 0px 0px;
}
.gear-list{
    float: left;
    width: 100%;
    padding: 60px 0px;
    background: transparent url(../images/gear-list.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.shira-route-banner{
    text-align: center;
    position: relative;
    float: left;
    background: url(../images/shira-route-banner.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    
}
.northern-route-banner{
    text-align: center;
    position: relative;
    float: left;
    background: url(../images/northern-circuit-route-banner.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    
}
.northern-route-banner h1 {
    color: #fff;
    font-weight: 800;
}
.shira-route-banner h1 {
    color: #fff;
    font-weight: 800;
}
.gear-list h2{
    font-size: 36px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0px 10px 15px 0px;
}

.gear-list span{
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    float: left;

}
.gear-icon{
    position: absolute;
    top: 15px;
    right: 35px;
    border: 2px solid #fff;
    border-radius: 50px;
    height: 90px;
    width: 90px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.5s;
}
.img-box:hover .gear-icon{
    background-color: #7bb570;
}
.img-box > img {
    width: 100%;
}
.img-box{
    -webkit-box-shadow: 11px 17px 46px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 11px 17px 46px -6px rgba(0,0,0,0.75);
    box-shadow: 8px 17px 46px -6px rgba(0,0,0,0.75);  
}
.gear-icon img{
    margin-top: 17px;
}
.inner-list-icon{
    margin: 0;
    padding: 0px 5px;
    float:left;
}

.inner-list-icon li{
    list-style: none;
    float: left;
}

.inner-list-icon li i{
    color: #fdb714;
    margin-right: 5px;
    font-size: 12px;
}

.location{
    float: left;
    width: 100%;
}

.inner-list-loc{
    float: left;
    margin: 0;
    padding: 20px 0px;
}

.inner-list-loc i{
        padding-right: 10px;
        color:#fff;
}

.inner-list-loc li{
    color: #fff;
    font-weight: 800;
    padding-left: 14px;
    list-style: none;
    float: left;
}

.inner-list-loc li:first-child{
    padding-left: 8px;
}

.gear-list p{
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.gear-list-btn{
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
padding: 7px 30px;
border-radius: 4px;
color: #fff;
background-color: #146106;
text-decoration: none;
display: inline-block;
margin-top: 15px;
}

.gear-list-btn:hover{
background: #fff;
color:#000;
}

.blog-part{
    float: left;
    width: 100%;
    padding:50px 0px;
}

.blog-part h2{
    text-align: center;
    font-size: 34px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.blog-part p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #595959;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.blog-sec{
    float: left;
    width: 100%;
    padding-top: 40px;
}

.blog-bottom-sec{
    float: left;
    width: 100%;
    padding: 20px 20px;
    border: 1px solid #f1f1f1;
    background: #fcfcfc;
}

.list-sec{
    margin: 0;
    padding:0;
    float: left;
    width: 100%;
}

.list-sec li{
    margin-right: 15px;
    color: #333;
    font-weight: 600;
    float: left;
    list-style: none;
    font-size: 17px;
}

.blog-bottom-sec h3{
    text-align: left;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    padding: 15px 0px 0px 0px;
    float: left;
    width: 100%;
}

.blog-bottom-sec p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 22px;
    color: #595959;
    text-align: left;
    float: left;
    width: 100%;
}


.blog-btn{
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
line-height: 25px;
padding: 7px 30px;
border-radius: 50px;
color: #fff;
background-color: #146106;
text-decoration: none;
display: inline-block;
margin-top: 15px;
margin-bottom:10px;
}

.blog-btn:hover{
background: #000;
color:#fff;
}


.footer-part{
    float: left;
    width: 100%;
    padding: 40px 0px;
    background:#9e9e9e3d;
}

.footer-part h4{
    color:#2A2A2A;
    font-weight:800;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    text-transform: uppercase; 
    }

    .quicklink {
padding:10px 0px;
float:left;
width:100%;
}

.quicklink ul {
float:left;
width:100%;
text-decoration: none;
list-style: none;
margin:0;
padding: 0;
}

.quicklink ul li a {
font-size: 14px;
line-height: 30px;
font-weight: 600;
text-decoration: none;
font-family: 'Muli', sans-serif;
text-align: left;
display: block;
color: #9a9a9a;
float:left;
width:100%;
}

.quicklink ul li a:hover{
color:#146106;
font-weight: 600;
}

.gallery-bg ul{
    margin: 0;
    padding: 20px 0px 0px 0px;
    float: left;
    width: 100%;
}
.gallery-bg ul li {
    float: left;
    width: 30%;
    list-style: none;
    margin-bottom: 10px;
    margin-right: 5px;
}
.gallery-bg ul li:hover {
    opacity: 0.4;
}

.gallery-bg{
    float: left;
    width: 100%;
}

.footer-part p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #9a9a9a;
    line-height: 24px;
    padding:15px 0px;
}

.footer-list{
float: left;
width: 100%;
list-style: none;
margin:0;
padding: 10px 0px 0px 0px;
}

.footer-list li{
float: left;
    color: #9a9a9a;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    font-weight: 600;
}
.footer-list li i{
color: #146106;
float: left;
font-size: 16px;
line-height: 20px;
margin-right: 15px;
}

.copyright {
float: left;
    width: 100%;
    background: #f3efee;
    padding: 10px 0;
    border-top: 1px solid rgba(42, 42, 42, 0.05);
}
.copyright p {
color: #9a9a9a;
font-size: 13px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
float: left;
}

.copyright span{
color: #9a9a9a;
font-size: 13px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
text-align: center;
float: right;
}
.copyright span a {
    text-decoration: none;
    color: #9a9a9a;
    font-weight: 600;
}
.copyright span a:hover{
    color: #146106;
}
.testimonials-part {
    margin: 0px;
    padding: 60px 0px;
    position: relative;
    background: url(../images/testimonials-bg.jpg) center center;
    float: left;
    width: 100%;
    position: relative;
}
.testimonials-part h1 {
    font-size: 34px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: center;
    padding-bottom:20px;
}
.reviews-body img {
    display: inline-block;
    border-radius: 50%;
}
.reviews-body {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.owl-carousel .reviews-body img {
    width: 70px;
}
.riviews-content {
    padding: 20px 0px 0px 0px;
    float: left;
    width:100%;
}
.riviews-content h3 {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    float: left;
    width: 100%;
    
}
.riviews-content a{
display: inline-block;
}
.riviews-content p {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #333;
    float: left;
    width: 100%;
    line-height: 24px;
    padding: 15px 0px;
}
.testimonials-slider-btn {
    position: absolute;
    top: 58%;
    left: 25px;
    z-index: 1;
    margin-top: 0px;
    width: 100%;
}
.testimonials-slider-btn-1 {
    padding: 10px 15.5px;
    background-color: #f1f1f1;
    color: #146106;
    font-size: 25px;
    border: none;
}
.testimonials-slider-btn-2 {
    padding: 10px 15.5px;
    background-color: #f1f1f1;
    color: #146106;
    font-size: 25px;
    margin-right: 50px;
    border: none;
    float: right;
}

.btn.client-testi-btn {
    border-radius: 10px 0px 10px 0px;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px;
    color: #fff;
    background: #00a003;
    display: inline-block;
}
.btn.client-testi-btn:hover {
    color: #fff;
    background: #000;
}
/*index style end*/

/*breadcrumb start*/
.all-breadcrumb {
    float: left;
    width: 100%;
    background: #146106;
}
.breadcrumb {
   background-color: #fff0;
   margin-bottom: 0;
   padding: 8px 0;
}
.breadcrumb ol{
    margin-bottom: 0;
}
.breadcrumb li a{
    color: #fff;
}
.breadcrumb li a:hover{
    color: #ddd;
}
/*breadcrumb end*/

/*about us style start*/
.about-us-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/about-us-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.about-us-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.about-us{
    float: left;
    width: 100%;
    padding: 60px 0;
}
.safari-img{
    border-bottom: 4px solid #146106;
    padding-bottom: 10px;
}
.about-us h2{
    color: #414141;
    font-weight: bold;
}
.about-us h2 span{
    color: #146106;
}
.about-us p{
    padding: 10px 0;
}
.about-us-sub{
    float: left;
    width: 100%;
    padding: 60px 0;
    background-color: #deeddd;
}
.why-us{
    border-right: 2px solid #999;
}
.why-us img {
    float: right;
}
.why-us h1 {
    margin-bottom: 20px;
    font-weight: bold;
}
.why-us p {
    text-align: justify;
    padding: 10px 20px 10px 0;
}
.about-modal button.btn.btn-default.btn-lg {
    width: 27%;
    margin: 0 auto;
    height: 200px;
    margin: 15px 30px;
}
.about-modal h2{
    font-size: 23px;
    margin: 0 auto;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
    outline-offset: unset;
}
.about-dest{
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 0;
    background-image: url(../images/sunrise-bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}
.about-dest h2 {
    font-size: 43px;
    margin-bottom: 50px;
}
.about-dest h5{
    font-size: 20px;
    margin-bottom: 60px;
}
.about-dest a{
    color: #fff;
    border: 2px solid #fff;
    border-radius: 35px;
    padding: 10px 50px;
    font-size: 20px;
    font-weight: bold;
}
.about-dest a:hover{
    background: #fff;
    color: #000;
}
.about-team{
    float: left;
    width: 100%;
    padding: 60px 0;
    text-align: center;
}
.about-team .thumbnail .img-clip{
    -webkit-clip-path: polygon(0 0,1600px 0,1600px 10%,0 100%);
    clip-path: polygon(0 0,1600px 0,1600px 10%,0 100%);
}
.about-team .thumbnail .caption{
    position: relative;
}
.about-team .thumbnail .caption img{
    margin: 0 auto;
    position: absolute;
    top: -75px;
    left: 75px;    
    border-radius: 50%;
    border-right: 1px solid #555;
    padding: 4px;
    background-color: #fff;
}
.about-team h3{
    margin: 30px 0 10px;
}
.about-team h5{
    margin: 10px 0;
}
.about-team ul.social-icon{
    margin: 10px 20px;
    padding: 0px;
    text-align: left;
}
/*about us style end*/

/*destination style start*/
.destination-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/destination.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.destination-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.destination{
    text-align: center;
    position: relative;
    float: left;
    padding: 60px 0;
    width: 100%;
}
.destination h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 80px;
    left: 400px;
}
.destination p{
    margin-top: 10px;
}
.destination h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 80px;
    right: 400px;
}
.dest-text {
    overflow: hidden;
}
.dest-text img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.dest-text:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.dest-text .dest-image{
    position:absolute;
    top:0px;
    width:360px;
    height:250px;
    background:#00000052;
    opacity:0;
    transition: ease .2s;
}
.dest-text:hover .dest-image
{
    opacity:1;
}
.destination h3 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #fff;
    font-size: 21px;
}
.mr-top{
    margin-top: 40px;
}
/*destination style end*/

/* serengeti style start */
.serengeti-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/Serengeti-National-Park-background.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.serengeti-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.serengeti{
    float: left;
    padding: 60px 0;
    width: 100%;
}
.serengeti-overview{
    text-align: left;
    margin: 0 auto;
}
.serengeti-overview h2{
    margin-bottom: 20px;
    margin-left: 15%;
}
.serengeti-overview h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    left: 20px;
}
.serengeti-overview h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    right: 390px;
}
.serengeti-what-to-see{
    float: left;
    width: 100%;
    background-color: #90a53ed9;
    text-align: center;
    padding: 40px 0;
    color: #fff;
}
.serengeti-what-to-see h2{
    font-weight: bold;
}
.serengeti-what-to-see p{
    margin: 20px 0 !important;
}

.serengeti-what-to-see .img-circle {
    margin: 0 auto;
    border: 2px solid #fff;
}
.serengeti-sub{
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0;
}
.serengeti-how-to-go{
    background-color: #1461068c;
    float: left;
    width: 100%;
    color: #fff;
}
.serengeti-how-to-go p{
    padding: 15px 10px;
}
.serengeti-how-to-go ul {
    list-style: none;
}
.serengeti-how-to-go h2{
    margin: 30px 0;
}
.mr{
    margin: 30px 0;
}
.serengeti-how-to-go .fas{
    font-size: 26px;
    margin-top: 2zz0px;
}
.serengeti-best-time{
    float: left;
    text-align: left;
    width: 100%
}
.serengeti-best-time h2{
    margin-bottom: 20px;
}
.serengeti-best-time h2:after{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    right: 200px;
}
/* serengeti style end */
/* climbing style start */
.climbing-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/climb-bg.jpg);
    background-size: cover;
    background-position: center;
}
.climbing-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.climbing {
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 0;
}
.climbing h2{
    margin-bottom: 30px;
    position: relative;
}
.climbing h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    left: 325px;
}
.climbing h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    right: 325px;
}
.climb-cont{
    margin-top: 50px;
    overflow: hidden;
}
.climb-cont img {
    max-width: 100%;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
}
.climb-cont:hover img{
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.angle-border {
    border-bottom: 50px solid #fff;
    border-right: 25px solid #fff0;
    position: absolute;
    top: 220px;
    left: 20px;
    width: 200px;
}
.angle-border h3 {
    position: absolute;
    top: 0;
    font-size: 21px;
    font-weight: bold;
}
h3.center-text {
    top: 12px;
    left: 20px;
}
.climb-cont .caption {
    height: 250px;
    margin-top: 0px;
}
.climb-cont .caption ul li{
    list-style: none;
    margin: 10px 0;
    text-align: left;
}
.climb-cont .caption ul li i{
    margin-right: 20px;
}
/* climbing style start */

/* mount kilimanjaro style start */
.mount-k-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/climb-kmj-bg.jpg);
    background-size: cover;
    background-position: center;
}
.mount-k-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.mount-k{
    float: left;
    width: 100%;
    padding: 60px 0;
}
.mount-k h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    top: 55px;
    left: 10px;
}
.mount-k h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    left: 116px;
    top: 55px;
}
.mount-k i{
    margin-left: 71px;
    color: #146106
}
.Kilimanjaro-routes{
    float: left;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}
.Kilimanjaro-routes h2{
    background-image: linear-gradient(to right, #fff, #146106, #fff);
    color: #fff;
    margin: 30px;
    font-size: 26px;
    font-weight: 800;
}
.k-route{
    position: relative;
}
.k-route h3 {
    position: absolute;
    top: 20px;
    padding: 10px 0;
    width: 300px;
    background-image: linear-gradient(to right, #fff, #146106ad, #fff);
    color: #fff;
    opacity: 0;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.k-route:hover h3{
    opacity: 1;
}
.k-route-text {
    text-align: left;
    float: left;
    width: 100%;
    border-bottom: 2px solid #146106bf;
    /*height: 250px;*/
    padding: 20px;
}
.k-route-text h3{
    margin-bottom: 0px;
}
.k-route-text a {
    color: #fff;
    background-image: linear-gradient(to right, #fff, #146106ad, #fff);
    padding: 10px 20px;
    float: right;
}
ul.social-icon li {
    display: inline;
    list-style: none;
}
ul.social-icon li i{
    margin-left: 20px;
}
ul.social-icon li a{
    margin: 0 auto
}
ul.social-icon li a:hover, ul.social-icon li a:focus{
    text-decoration: none;
}
/* mount kilimanjaro style start */

/* machame-route style start */
.machame-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/machame-route-bg.jpg);
    background-size: cover;
    background-position: center;
}
.machame-route-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.machame-route{
    float: left;
    width: 100%;
    padding: 60px 0;
}
.machame-route-overview .machame-route-h1{
    margin-top: 0;
}
.route-addition {
    float: left;
    width: 100%;
}
.route-addition ul{
    list-style: none;
    padding-left: 0;
}
.route-addition ul li i{
   font-weight: 700;
    font-size: 12px;
    color: #ff1901;
    padding-right: 8px;
}
.machame-route-h1{
    background-color: #f5f5f5;
    color: #146106;
    margin: 50px 0 30px;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
}
.machame-route-h1 span{
    float: right;
    padding-right: 10px;
}
.machame-route-itinerary .route-accordian {

}
.route-accordian .panel-default {
    border-color: #fff0;
    border-left: 2px solid #ff1901;
}
.route-accordian .panel-default>.panel-heading {
    background-color: #f91a0212;
}
.route-accordian .panel-title a:focus {
    outline: none;
    outline-offset: unset;
    text-decoration: none;
}
.other-routes{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.other-routes h2{
   font-size: 22px;
}
.other-routes{
    padding: 20px;
    background: #14610682;
}
.other-routes h3{
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 21px;
}
.sub-routes{
    padding: 20px;
    background: #00000096;
}
.sub-routes .media-body {
    padding: 25px 0;
}
.sub-routes .media-heading{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.routes-gallery{
    float: left;
    width: 100%;
    padding: 40px 0;
    background-image: url(../images/gallery-bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.routes-gallery h2{
    color: #0f0f0f;
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px;
}
.routes-gallery > .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
    display: none;
}
.routes-extent{
    float: left;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}
.routes-extent .thumbnail{
    padding: 20px 10px;
}
.extent-icon-style{
    background-color: #ff190173;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.routes-extent .thumbnail h3, .routes-extent .thumbnail p{
    margin-bottom: 20px;
}
.booking{
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-left: 15px;
}
/* machame-route style end */

/* tours and safari style start */
.tns-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/safarintour-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.tns-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.tns{
    text-align: center;
    position: relative;
    float: left;
    padding: 80px 0;
    width: 100%;
}
.tns-containt{
    overflow: hidden; 
}
.tns-containt img {
    max-width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.tns-containt:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.tns-text{
    position: absolute;
    bottom: -50px;
    left: 65px;
    padding: 10px 0;
    background-color: #00000052;
    width: 450px;
    height: 120px;
    color: #fff;
    border: 1px solid #fff0;
}
.tns-containt:hover .tns-text{
    background-color: #ffffff6e;
    border: 1px solid #000;
    color: #000;
}
.tns-text:hover a{
    background-color: #000;
    color: #fff;
}
.tns-text h2{
    margin-bottom: 20px;
}
.tns-text a{
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-weight: bold;
}
/* tours and safari style end */
/* tour style start*/
.tour-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/tour-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.tour-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.day-tour-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/day-tour-banner.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.day-tour-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.tour{
    text-align: center;
    position: relative;
    float: left;
    padding: 80px 0 150px;
    width: 100%;
}
.tour-containt{
    position: relative;
}
.tour-containt img {
    max-width: 100%;
    -moz-transition: all 3s;
    -webkit-transition: all 3s;
    transition: all 3s;
}
.tour-containt:hover img{
    -moz-transform: rotateY(40deg) scale(1.1);
    -webkit-transform: rotateY(40deg) scale(1.1);
    transform: rotateY(40deg) scale(1.1);
}
.tour-text {
    position: absolute;
    bottom: -100px;
    left: -100px;
    background: #90a003fc;
    width: 300px;
    height: 200px;
    padding: 25px 0;
    color: #fff;
}
.tour-text:hover a{
    background-color: #fff;
    color: #90a003fc;
}
.tour-text h2{
    margin-bottom: 10px;
}
.tour-text p{
    margin-bottom: 30px !important;
}
.tour-text a{
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-weight: bold;
}
/* tour style end */
/* safari style start*/
.safaris-cont-sec{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
}
.safaris-cont-sec h2{
    position: relative;
}
.safaris-cont-sec h2:before{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    top: 55px;
    left: 10px;
}
.safaris-cont-sec h2:after{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    left: 116px;
    top: 55px;
}
.safaris-cont-sec i{
    margin-left: 86px;
    color: #146106;
}
.safaris-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/safari-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.safaris-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.safaris{
    text-align: center;
    float: left;
    padding: 0px;
    width: 100%;
    margin: 0px;
}
.safaris h3{
    background-image: linear-gradient(to right, #fff, #146106, #fff);
    color: #fff;
    margin: 30px;
    font-size: 26px;
    font-weight: 800;
}
.safaris-containt{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.safaris-containt img {
    max-width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-clip-path: polygon(0 0,100% 0,87% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,87% 100%,0 100%);
}
.safaris-containt:hover img{
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.safaris-text {
    background: #90a003fc;
    padding: 30px 70px;
    margin: 30px 0;
    color: #fff;
    line-height: 1.7;
    height: 300px;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
}
.safaris-text a{
    color: #000;
    border: 3px solid #fff;
    padding: 10px 20px;
    font-weight: 800;
    font-size: 16px;
}
.safaris-text a:hover{
    background-color: #fff;
    color: #90a003fc;
}
.safaris-text h2{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 800;
}
.safaris-text p{
    margin-bottom: 30px !important;
    line-height: 1.5;
}
/* safari style end */
/* wildlife-safari style start*/
.wildlife-safari-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/wildlife-safari-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.wildlife-safari-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.wildlife-safari{
    text-align: center;
    position: relative;
    float: left;
    padding: 80px 0 150px;
    width: 100%;
}
.wildlife-cont {
    float: left;
    width: 100%;
    text-align: left;
    border-left: 3px solid #b36f45;
    padding-left: 30px;
}
.wildlife-cont h1, .wildlife-desc h1{
    margin-bottom: 20px;
    border-bottom: 1px solid #b36f45;
    padding-bottom: 10px;
}
img.wild-small {
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #000;
    padding: 2px;
}
.row .wildlife-desc{
    margin-top: 50px;
}
.wildlife-desc h4 {
    text-align: left;
    font-size: 24px;
    margin-bottom: 20px;
    margin-left: 30px;
}
.wildlife-desc h4 i{
    margin-right: 20px;
    color: #b36f45;
}
.wildlife-time {
    margin-top: 50px;
    border-left: 1px solid #b36f45;
    border-right: 1px solid #b36f45;
    padding: 0 20px;
}
.wildlife-time h1 {
    margin-bottom: 20px;
}
.wildlife-time p {
    text-align: justify;
}
.wildlife-safari-gallery {
    float: left;
    width: 100%;
    padding: 40px 0;
    background-color: #e2e8c0;
}
.wildlife-safari-gallery h1 {
    color: #000;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
}
/* wildlife-safari style start */

/* zanzibar style start */
.zanzibar-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/zanzibar-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.zanzibar-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.zanzibar{
    text-align: center;
    position: relative;
    float: left;
    padding: 60px 0;
    width: 100%;
}
.zanzibar h2:before{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    left: 360px;
}
.zanzibar h2:after{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 22px;
    right: 354px;

}
.zanzibar h2{
    position: relative;
    margin-bottom: 20px;
}
.zanzibar .excursion{
    position: relative;
}
.excursion img {
    border-radius: 3%;
}
.excursion-text{
    position: absolute;
    top: 55px;
    right: -40px;
    padding: 60px 0;
    background-image: linear-gradient(to right, #8c83bf, #fff0);
    width: 400px;
    height: 200px;
    color: #fff;
}
.excursion-text .modal-title{
    color: #000;
    font-size: 20px;
    font-weight: 800;
    
}
.modal-header{
    border-bottom: 0px solid #e5e5e5!important;
}
.modal-header img{
    width: 100%;
}
.modal-body{
    color: #000;
    border-bottom: 0px solid #e5e5e5!important;
}
.modal-footer{
    border-top: 0px solid #e5e5e5!important;
}
.excursion-text:hover{
    background-image: unset;
    background-image: linear-gradient(to right, #00000059, #fff0);
}
.excursion-text h3{
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}
.excursion-text a{
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-weight: bold;
}
.excursion-text:hover a{
    background: #fff;
    color: #000;
}
/* zanzibar style end */

/* gear-list style start */
.gear-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/gear-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.gear-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.gear{
    text-align: center;
    position: relative;
    float: left;
    padding: 60px 0;
    width: 100%;
}
.img-responsive{
    position: relative;
}

.gear span{
    position: absolute;
    top: -30px;
    right: -15px;
    background: #7bb5706e;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.gear-cont{
    position: absolute;
    bottom: 150px;
    left: 15px;
}
.gear-cont a{
    float: right;
    color: #fff;
    font-size: 20px;
    border-bottom: 2px solid #fff;
    margin: 20px 20px 0 0;
}
.gear-cont a:focus{
    outline: none;
    text-decoration: none;
}
.gear-tag {
    position: absolute;
    top: 0;
    width: 245px;
    height: 0;
    background: #e85d4e;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    color: #fff;
    text-align: center;
    line-height: 1px;
    margin: 15px 0;
    font-size: 20px;
    font-weight: 800;
}
.gear-tag-name{
    position: absolute;
    top: 0;
    padding: 3px 0px 3px 15px;
    height: 0;
    background: #e85d4e;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    color: #fff;
    text-align: center;
    line-height: 1px;
    margin: 15px 0;
    font-size: 20px;
    font-weight: 800;
    width: 193px;
}
.gear-tag-name:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 57px solid #e85d4e;
    border-right: 65px solid transparent;
    top: -25px;
    left: 193px;
}
.gear-tag-name:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 56px solid #e85d4e;
    border-right: 68px solid transparent;
    top: -25px;
    left: 193px;
}
.info-list{
    float: left;
    width: 100%;
    list-style-type: none;
}
.info-list li i{
    color: #7bb570;
    font-size: 16px;
    padding: 0px 6px;
}
.gear-containt{
    border-left: 3px solid #e85d4e;
    height: 300px;
    margin-left: 20px;
}
.gear-containt .gear-tag{
    border-right: 50px solid #fff;
}
.gear-containt h3{
    padding: 80px 0 0 20px;
    text-align: left;
}
.gear-containt ul{
    padding: 20px 40px;
}
.gear-containt ul li{
    text-align: left;
}
/* gear-list style end */
.hot-spring-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/kikuletwa-hot-springs-moshi-banner.jpg);
    background-size: cover;
    background-position: center;
}
.hot-spring-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.day-tour-sec {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.day-tour-sec h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px;
    color: #000;
}
.day-tour-sec ul li {
    list-style-type: none;
}
.day-tour-sec ul li i {
    margin-right: 6px;
    color: #146106;
}
.day-tour-sec h2 {
    text-align: center;
    margin-top: 30px;
    font-size: 30px;
    font-weight: 700;
    color: #5e5d5d;
}
.day-tour-sec h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 50px;
    left: 400px;
}
.day-tour-sec h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 50px;
    right: 400px;
}
.back-colore  {
    height: 100%;
    width: 100%;
    background-color: #00000085;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
}
.image-hover:hover .back-colore{
    opacity: 1;
}
.day-tour-box {
    float: left;
    width: 100%;
    margin: 30px 0px;
    padding: 0px;
}
.image-hover {
    position: relative;
    width: 100%;
    float: left;
}
.image-hover h3 {
    position: absolute;
    bottom: 60px;
    left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

/* accommodations style start */
.accommodations-banner{
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/accom-bg.jpg);
    padding: 16% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.accommodations-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    background-image: linear-gradient(to right, #fff0, #00000047, #fff0);
}
.accommodations{
    text-align: center;
    position: relative;
    float: left;
    padding: 60px 0;
    width: 100%;
}
.accommodations .thumbnail .caption{
    position: relative;
}
.accommodation-image {
    float: left;
    width: 100%;
    text-align: center;
}
.caption {
    float: left;
    width: 100%;
    margin-top: -60px;
    box-shadow: 1px 1px 36px 0px #999;
}

.caption h3 {
    margin-top: 75px;
    font-size: 24px;
    font-weight: 600;
    color: #146106;
}

.caption1 {
    float: left;
    width: 100%;
    margin-top: 20px;
    box-shadow: 1px 1px 36px 0px #999;
    /*border: 2px solid #ff1901;*/
    padding: 15px;
}
.caption1 p{
    line-height: 25px;
}

.caption1 h3 {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 600;
    color: #146106; 
    margin-bottom: 40px;
}

.accommodation-image img {
    display: inline-block;
    border: 3px solid #c0c0c0;
}
.contact-us-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/contact-bg.jpg);
    background-size: cover;
    background-position: center;
}
.contact-us-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}
.contact-us{
    float: left;
    width: 100%;
    padding: 100px 0;
}
.contact-us form{
    background-color: #f5f5f5;
    padding: 60px 40px;
    position: relative;
}
.contact-us form .input-group{
    width: 100%;
}
.contact-us form .input-group .form-control{
    border-radius: 0;
}
.git{
    position: absolute;
    top: -70px;
    left: 210px;
    z-index: 11;
}
.contact-address h3 {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    width: 50%;
    padding: 0 0 10px 30px;
    font-weight: bold;
}
.contact-address h5{
    margin-bottom: 10px; 
    font-size: 16px;
}
.contact-address h5 span {
    margin-right: 20px;
    color: #146106;
    border-radius: 50%;
    padding: 10px;
    font-size: 30px;
}
.contact-us form .btn-success{
    margin: 0 auto;
    display: block;
    border-radius: 0;
    padding: 10px 35px;
}
.border-left{
    border-left: 1px solid #ddd;
}
.contact-map{
    height: 300px;
}


.term-and-condition-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/term-and-conditions-banner.jpg);
    background-size: cover;
    background-position: center;
}

.term-and-condition-banner h1{
    color: #fff;
    font-size: 43px;
    font-weight: bold;
}


/* contact us style end */
/* icon style start */
.flaticon-climbing:before { font-size: 25px;}
.flaticon-instagram-logo:before { font-size: 35px; color: #dd2a7b}
.flaticon-twitter-logo-button:before { font-size: 35px; color: #337ab7}
.flaticon-facebook-logo-button:before { font-size: 35px; color:#286090;}
.flaticon-youtube-symbol:before { font-size: 35px; color: #e22020}
.flaticon-doctor:before { font-size: 35px; line-height: 80px;}
.flaticon-climbing-equipment:before { font-size: 35px; line-height: 80px;}
.flaticon-calendar-with-a-clock-time-tools:before { font-size: 35px; line-height: 80px;}
.flaticon-approve-invoice:before {  font-size: 35px; line-height: 80px;}
.flaticon-mission:before { font-size: 70px; display: block; color: #146106;}
.flaticon-guarantee:before { font-size: 70px; display: block; color: #146106;}
.flaticon-online-booking:before { font-size: 70px; display: block; color: #146106;}
.flaticon-online-support:before { font-size: 70px; display: block; color: #146106;}
.flaticon-sun:before { font-size: 70px; display: block; color: #e85d4e}
.flaticon-map-of-roads:before { font-size: 70px; display: block; color: #e85d4e}
.flaticon-backpack:before { font-size: 70px; display: block; color: #e85d4e}
.flaticon-diet:before { font-size: 70px; display: block; color:#e85d4e}
/* icon style end */

/* --------  */
.read-more{
    margin: 10px 0px;
    background-image: linear-gradient(to right, #fff, #146106ad, #fff);
    border: none;
    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: right;
}
/*----------Overview--------*/
.overview-sec{
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.overview-sec h1{
    margin-bottom: 30px;
    position: relative;
}
.overview-sec h1:before{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    left: 360px;
}
.overview-sec h1:after{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    right: 360px;
}
/*------Footer Edit-----*/
.media-left img:hover{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
}
.media-left{
    overflow: hidden;
}
.media-left img{
    transition: transform .5s;
    -ms-transition: transform .5s;
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    -moz-transition: transform .5s;
}
.meru-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/mt-meru-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.meru-route-banner h1{
    font-weight: 700;
    color: #fff;
}
.rongai-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/rongai-route-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.rongai-route-banner h1{
    font-weight: 700;
    color: #fff;
}
.marangu-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/marangu-route-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.marangu-route-banner h1{
    font-weight: 700;
    color: #fff;
}
.lemosho-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/lemosho-route-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.lemosho-route-banner h1{
    font-weight: 700;
    color: #fff;
}
.umbwe-route-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/umbwe-route-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.umbwe-route-banner h1{
    font-weight: 700;
    color: #fff;
}
.ol-doinyo-lengai-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/ol-doinyo-lengai-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.ol-doinyo-lengai-banner h1{
    font-weight: 700;
    color: #fff;
}
.mkomazi-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/mkomazi-national-park.bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.mkomazi-banner h1{
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    margin-top: 10px;

}
.position-map {
    position: sticky;
    top: 130px;
}
.lake-natron-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/lake-natron-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.lake-natron-banner h1{
    font-weight: 700;
    color: #fff;
}
.arusha-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/arusha-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.arusha-banner h1{
    font-weight: 700;
    color: #fff;
}
.serengeti-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/serengeti-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.serengeti-banner h1{
    font-weight: 700;
    color: #fff;
}
.lake-manyara-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/lake-manyara-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.lake-manyara-banner h1{
    font-weight: 700;
    color: #fff;
}
.tarangire-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/tarangire-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.tarangire-banner h1{
    font-weight: 600;
    color: #fff;
    font-size: 30px;
}
.ngorongoro-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/ngorongoro-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.ngorongoro-banner h1{
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
}
.content{
    float: left;
    width: 100%;
    margin: 30px 0px;
}
.kili-np-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/kilimanjaro-np-banner.jpg);
    background-size: cover;
    background-position: center;
}
.kili-np-banner h1{
    font-weight: 700;
    color: #fff;
    font-size: 45px;
}
.lake-challa-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/challa-banner.jpg);
    background-size: cover;
    background-position: center;
}

.lake-challa-banner h1{
    font-weight: 700;
    color: #fff;
    font-size: 45px;
}
.arusha-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/arusha-day-tour-banner.jpg);
    background-size: cover;
    background-position: center;
}
.arusha-banner h1{
    font-weight: 700;
    color: #fff;
    font-size: 45px;
}
.coffee-tour-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/kilimanjaro-coffee-tour-banner.jpg);
    background-size: cover;
    background-position: center;
}
.coffee-tour-banner h1{
    font-weight: 700;
    color: #fff;
    font-size: 45px;
}

/*------cultural-tour-----*/
.cultural-tour-sec{
    text-align: center;
    position: relative;
    float: left;
    padding: 80px 0 150px;
    width: 100%;
}
.cultural-tour-info{
    position: absolute;
    bottom: -62px;
    left: 77px;
    background: #0000005e;
    width: 300px;
    height: 210px;
    padding: 25px 0;
    color: #fff;
    border: 1px solid #3c3c3c63;
}
.cultural-tour-box{
    position: relative;
}
.cultural-tour-box img{
    max-width: 100%;
    -moz-transition: all 3s;
    -webkit-transition: all 3s;
    transition: all 3s;
}
.cultural-tour-box:hover img{
    -moz-transform: rotateY(20deg) scale(1.1);
    -webkit-transform: rotateY(20deg) scale(1.1);
    transform: rotateY(20deg) scale(1.1);
}
.cultural-tour-info h2{
    margin-bottom: 10px;
}
.cultural-tour-info p{
    margin-bottom: 30px !important;
}
.cultural-tour-info a{
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    font-weight: bold;
}
.cultural-tour-info:hover a{
    background-color: #146106;
    color: #fff;
    border: 1px solid transparent;
}
.cultural-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/culture-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.cultural-banner h1{
    font-weight: 700;
    color: #fff;
}
/*------Tribal Section-----*/
.tribal-box-part{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px;
    text-align: center;
}
.tribal-box-part h2{
    position: relative;
    margin-bottom: 20px;
    font-weight: 700;
}
.tribal-box-part h2:before{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    left: 360px;
}
.tribal-box-part h2:after{
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    right: 360px;
}
.tribal-box{
    position: relative;
}
.tribal-text{
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.tribal-text h3{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.tab {
  overflow: hidden;
  /*border: 1px solid #ccc;
  background-color: #f1f1f1;*/
  text-align: center;
  border-bottom: 0px solid #146106;
}
/* Style the buttons inside the tab */
.tab button {
    outline: none;
    cursor: pointer;
    padding: 8px 30px;
    transition: 0.3s;
    font-size: 17px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    background: #c0fdb5;
    margin: 0px 6px;
    border: none;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #e0ffda;
}
/* Create an active/current tablink class */
.tab button.active {
    background-color: #146106;
    color: #fff;
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
  text-align: justify;
}
.tabcontent h3{
    border-left: 3px solid #146106;
    margin: 20px 0px;
    font-weight: 700;
    font-size: 23px;
    padding-left: 5px;
}
.tabcontent img{
    float: right;
    margin-left: 15px;
    margin-top: 10px;
}
.tribal-tours{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/tribal-tours-banner.jpg);
    background-size: cover;
    background-position: center;
}
.tribal-tours h1{
    font-weight: 700;
    color: #fff;
}
.olduvai-gorge-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/olduvai-gorge-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.olduvai-gorge-banner h1{
    font-weight: 700;
    color: #fff;
}
.route-accordian .panel-title{
    font-size: 16px;
    color: #000;
    font-weight: 800;
}
.safari-8day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/8days-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-8day-banner h1{
    font-weight: 700;
    color: #fff;
}
.safari-7day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/7day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-7day-banner h1{
    font-weight: 700;
    color: #fff;
}
.safari-6day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/6day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-6day-banner h1{
    font-weight: 700;
    color: #fff;
}
 .safari-5day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/5day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-5day-banner h1{
    font-weight: 700;
    color: #fff;
}
.safari-4day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/4day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-4day-banner h1{
    font-weight: 700;
    color: #fff;
}
.safari-3day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/3day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-3day-banner h1{
    font-weight: 700;
    color: #fff;
}
.safari-2day-banner{
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/2day-safari-banner.jpg);
    background-size: cover;
    background-position: center;
}
.safari-2day-banner h1{
    font-weight: 700;
    color: #fff;
}       

.mount-overview-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/kili-overview-banner.jpg);
    background-size: cover;
    background-position: center;
}

.mount-overview-banner h1 {
    color: #fff;
    font-weight: 700;
}
.project-support-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 16% 0;
    background-image: url(../images/project-support-banner.jpg);
    background-size: cover;
    background-position: center;
}
.project-support-banner h1{
    color: #fff;
    font-weight: 700;
}

      /*responsive*/


@media screen and (min-width: 320px) and (max-width: 556px) {

 p{
    font-size: 14px;

}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.banner-text h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;
}
.banner-text p {
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Muli', sans-serif;
    padding: 15px 0px;
    text-align: center;
    text-transform: capitalize;
    float: left;
    width: 100%;
}
.banner-div img {
    float: left;
    width: 100%;
    height: 70vh;
}
.banner-text {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 10;
}
.serengeti-banner h1 {
    font-size: 22px;
    margin-top: 10px;
}
.packages-sec {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.packages-sec h2 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.packages-sec p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 25px;
    color: #595959;
    text-align: center;
    padding: 3px 0px;
}
.offer-box {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
}

.destinations-sec {
    float: left;
    width: 100%;
    padding: 0px 0px 30px 0px;
}
.destinations-sec h2 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.destinations-sec h2 {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.desti-sec {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
}
.tarangire-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    margin-top: 15px;
}
.lake-manyara-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    margin-top: 15px;
}
.arusha-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
}
.k-route-text a {
    margin-top: 15px;
}
.testimonials-slider-btn {
 display: none;
}
.no-padding img{
    width: 100%;
}
.destinations-sec {
    float: left;
    width: 100%;
    padding: 0px 0px 30px 0px;
}
.gear-list h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0px 10px 15px 0px;
}
.gear-list h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0px 10px 15px 0px;
}
.gear-list h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0px 10px 15px 0px;
}
.inner-list-loc {
    float: left;
    margin: 0;
    padding: 15px 0px;
}
.gear-list p {
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    line-height: 22px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.gear-list-btn {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 22px;
    padding: 5px 15px;
    border-radius: 4px;
    color: #fff;
    background-color: #146106;
    text-decoration: none;
    display: inline-block;
    margin-top: 0px;
}

.blog-part {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.blog-part h2 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    color: #2a2a2a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}
.blog-part p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    color: #595959;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.blog-sec {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.blog-sec img{
    width:100%;
}
.blog-bottom-sec {
    float: left;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #f1f1f1;
    background: #fcfcfc;
}
.list-sec li {
    margin-right: 15px;
    color: #333;
    font-weight: 600;
    float: left;
    list-style: none;
    font-size: 14px;
}
.blog-bottom-sec h3 {
    text-align: left;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    padding: 15px 0px 0px 0px;
    float: left;
    width: 100%;
}
.blog-bottom-sec p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
    line-height: 22px;
    color: #595959;
    text-align: left;
    float: left;
    width: 100%;
}
.blog-btn {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 25px;
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
    background-color: #146106;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
     margin-bottom: 20px;
}
.testimonials-part {
    margin: 0px;
    padding: 30px 0px;
    position: relative;
    background: url(../images/testimonials-bg.jpg) center center;
    float: left;
    width: 100%;
    position: relative;
}
.testimonials-part h1 {
    font-size: 24px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}

.riviews-content p {
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #333;
    float: left;
    width: 100%;
    line-height: 24px;
    padding: 15px 0px;
}
.riviews-content h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    float: left;
    width: 100%;
}

.copyright span {
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
     float: none; 
}
.copyright {
    float: left;
    width: 100%;
    background: #f3efee;
    padding: 10px 0;
    border-top: 1px solid rgba(42, 42, 42, 0.05);
    text-align: center;
}


/*about us*/

.about-us {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.safari{
    text-align: center;
}
.about-us h2 {
    color: #414141;
    font-weight: bold;
    font-size: 24px;

    margin: 20px 0 0;
}
.about-us p {
    padding: 10px 0;
    text-align: justify;
    font-size: 14px;
}
.about-modal button.btn.btn-default.btn-lg {
    width: 100%;
    margin: 0 auto;
    height: 200px;
    margin: 15px 0px;
}
.about-dest {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background-image: url(../images/sunrise-bg.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #fff;
}
.about-dest h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.about-dest h5 {
    font-size: 13px;
    margin-bottom: 40px;
}
.about-dest a {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 35px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: bold;
}
.about-team {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.why-us p {
    text-align: justify;
    padding: 10px 20px 10px 0;
    font-size: 14px;
}
.caption p{
    font-size: 14px;
}

.about-us-banner {
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/about-us-bg.jpg);
    padding: 30% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.about-us-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.destination-banner {
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/destination.jpg);
    padding: 30% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.destination-banner h1{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.destination {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.destination h2{
    font-size: 24px;
    font-weight: 800;
}

.destination h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 80px;
    left: 400px;
    display: none;
}
.dest-text .dest-image {
    position: absolute;
    top: 0px;
    width: auto;
    height: 250px;
    background: #00000052;
    opacity: 0;
    transition: ease .2s;
}
.dest-text {
    overflow: hidden;
    margin-bottom: 20px;
}
.mr-top {
    margin-top: 0px;
}
.destination h3 {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.footer-part {
    float: left;
    width: 100%;
    padding: 20px 0px;
    background: #f3efee;
}

.serengeti-overview h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    left: 20px;
    display: none;
}

.lake-natron-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    background-image: url(../images/lake-natron-bg-banner.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 10px;
}
.lake-natron-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.serengeti {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.serengeti-overview h2 {
     margin-bottom: 0px; 
     margin-left: 0%; 
    text-align: center;
    font-size: 26px;
    font-weight: 800;
}

.serengeti-overview p{
    font-size: 14px;

}

.serengeti-what-to-see {
    float: left;
    width: 100%;
    background-color: #90a53ed9;
    text-align: center;
    padding: 20px;
    color: #fff;
}
.serengeti-what-to-see h2 {
    font-size: 22px;
}
.serengeti-what-to-see p{
    font-size: 14px;
}
.serengeti-sub {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.serengeti-how-to-go h2 {
    margin: 10px 0;
    font-size: 22px;
    font-weight: 700;
}
.serengeti-how-to-go p {
    padding: 15px 10px;
    font-size: 14px;
}
.serengeti-how-to-go .fas {
    font-size: 20px;
    margin-top: 0px;
}
.mr {
    margin: 12px 0;
}
.mr h4 {
    font-size: 13px;
}
.mr .col-xs-6 {
    width: 50%;
    margin-bottom: 20px;
}
.serengeti-best-time h2 {
    margin: 17px 0px;
    text-align: center;
    font-weight: 700;
    font-size: 22px;
}
.serengeti-best-time h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    right: 200px;
    display: none;
}

.serengeti-best-time p{
    font-size: 14px;
}

.climbing-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 30% 0;
    background-image: url(../images/climb-bg.jpg);
    background-size: cover;
    background-position: center;
}
.climbing-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.climbing {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.climbing h2 {
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
    font-size: 24px;
}
.climbing p{
    font-size: 14px;
}

.climbing h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    right: 360px;
    display: none;
}
.climbing h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    left: 360px;
    display: none;
}

.caption ul{
    margin: 0;
    padding: 0;
}
.angle-border h3 {
    position: absolute;
    top: 0;
    font-size: 18px;
    font-weight: bold;
}
.climb-cont {
    margin-top: 20px;
    overflow: hidden;
}
.thumbnail {
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    /* line-height: 1.42857143; */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -ms-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    /* height: auto; */
}

.mount-k-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    /*padding: 30% 0;*/
    background-image: url(../images/climb-kmj-bg.jpg);
    background-size: cover;
    background-position: center;
}

.mount-k-banner h1 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
}
.mount-k {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.flaticon-climbing {
    text-align: center;
     margin-left: 71px; 
     display: none;
    color: #146106;
}

.mount-k h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    top: 55px;
    left: 10px;
    display: none;
}
.mount-k h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 70px;
    left: 116px;
    top: 55px;
    display: none;
}

.mount-k h2{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
}

.read-more {
    margin: 0px 0px;
    background-image: linear-gradient(to right, #fff, #146106ad, #fff);
    border: none;
    padding: 6px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: right;
}

.Kilimanjaro-routes {
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.Kilimanjaro-routes h2 {
    background-image: linear-gradient(to right, #fff, #146106, #fff);
    color: #fff;
    margin: 10px;
    font-size: 22px;
    font-weight: 800;
}
.meru-route-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.marangu-route-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    /*padding: 30% 0;*/
    background-image: url(../images/umbwe-route-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.marangu-route-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;

}
.machame-route {
    float: left;
    width: 100%;
    padding: 20px 0;
}
.machame-route-h1 {
    background-color: #f5f5f5;
    color: #146106;
    margin: 5px 0 15px;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    font-size: 22px;
}
.ol-doinyo-lengai-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
/*`*/
.sub-routes .media-heading {
    font-size: 15px;
}
.other-routes h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
}
.other-routes{
    margin-top: 0px;
}
.route-accordian .panel-title {
    font-size: 14px;
    color: #000;
    font-weight: 800;
}
.booking {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding-left: 15px;
    margin-bottom: 15px;
}
.routes-gallery h2 {
    color: #0e0e0e;
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 30px;
}

.tns-text {
    position: absolute;
    bottom: -20px;
    left: 10%;
    padding: 10px 0;
    background-color: #00000052;
    width: 80%;
    height: 120px;
    color: #fff;
    border: 1px solid #fff0;
}
.tns-containt {
    overflow: hidden;
    margin-bottom: 30px;
}
.tns {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.tour-containt {
    position: relative;
    padding-bottom: 40px;
}
.tour-text {
    position: absolute;
    bottom: 40px;
    left: 0;
    background: #90a003fc;
    width: 200px;
    height: 100px;
    padding: 15px 0;
    color: #fff;
}
.tour-text h2 {
    margin-bottom: 20px;
    font-size: 20px;
}
.tour-text p {
     margin-bottom: 10px !important; 
     font-size: 10px;
     display: none;
}

.tour-text a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 7px;
    font-weight: bold;
}
.tour {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.cultural-tour-sec {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.cultural-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    /*padding: 30% 0;*/
    background-image: url(../images/culture-bg-banner.jpg);
    background-size: cover;
    background-position: center;
}
.cultural-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.cultural-tour-box {
    position: relative;
    margin-bottom: 40px;
}
.cultural-tour-info h2 {
    margin-bottom: 0px;
    font-size: 16px;
}

.cultural-tour-info {
    position: absolute;
    bottom: -60px;
    left: 0;
    background: #0000005e;
    width: auto;
    height: auto;
    padding: 7px 0;
    color: #fff;
    border: 1px solid #3c3c3c63;
    margin: 30px;
}

.cultural-tour-info p {
    margin-bottom: 10px !important;
    font-size: 16px;
}
.cultural-tour-info a {
    color: #fff;
    border: 2px solid #fff;
    padding: 3px 5px;
    font-weight: bold;
}
.tribal-box-part h2 {
    margin: 10px 0px;
}
.tribal-box-part h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    bottom: 15px;
    left: 360px;
    display: none;
}
.tribal-box-part {
    margin: 0px;
}
.tribal-tours h2 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.tab button {
    outline: none;
    cursor: pointer;
    padding: 6px 18px;
    transition: 0.3s;
    font-size: 14px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    background: #c0fdb5;
    margin: 0px 6px;
    border: none;
}
.tribal-tours h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.gear-banner {
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/gear-bg.jpg);
    padding: 30% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.gear-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.gear {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.gear-tag-name:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 29px solid #e85d4e;
    border-right: 46px solid transparent;
    top: -9px;
    left: 110px;
}
.gear-tag-name:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 35px solid #e85d4e;
    border-right: 47px solid transparent;
    top: -10px;
    left: 112px;
}
.gear-tag-name {
    position: absolute;
    top: 0;
    padding: 0px 0px 0px 0px;
    height: 0;
    background: #e85d4e;
    border-top: 9px solid transparent;
    border-bottom: 25px solid transparent;
    color: #fff;
    text-align: center;
    line-height: 15px;
    margin: 0 0;
    font-size: 11px;
    font-weight: 800;
    width: 113px;
}

.gear-containt {
    border-left: 3px solid #e85d4e;
    height: auto;
    margin-left: 0px;
    margin-top: 20px;
}
.gear-containt ul {
    padding: 9px 9px;
    font-size: 12px;
    line-height: 25px;
}
.gear-icon img {
    margin-top: 0px;
    height: 39px;
}
.gear-icon {
    position: absolute;
    top: 15px;
    right: 35px;
    border: 2px solid #fff;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.5s;
}

.gear-tag {
    position: absolute;
    top: 0;
    width: 180px;
    height: 0;
    background: #e85d4e;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    color: #fff;
    text-align: center;
    line-height: 1px;
    margin: 15px 0;
    font-size: 13px;
    font-weight: 800;
    left: 15px;
}

.gear-containt h3 {
    padding: 60px 0 0 20px;
    text-align: left;
    font-size: 22px;
}

.img-box {
    margin-top: 15px;
    -webkit-box-shadow: 11px 17px 46px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 11px 17px 46px -6px rgba(0,0,0,0.75);
    -o-box-shadow: 8px 17px 46px -6px rgba(0,0,0,0.75);
    -ms-box-shadow: 8px 17px 46px -6px rgba(0,0,0,0.75);
    box-shadow: 8px 17px 46px -6px rgba(0,0,0,0.75);
}

.tns-banner {
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/safarintour-bg.jpg);
    padding: 30% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.tns-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}


.git {
    position: absolute;
    top: -70px;
    left: 50%;
    z-index: 11;
    height: 100px;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}
.contact-address h3 {
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 0 0 10px 30px;
    font-weight: bold;
    margin-top: 15px;
}

.contact-address{
    margin-bottom: 20px;
}

.contact-address h5 span {
    margin-right: 20px;
    color: #146106;
    border-radius: 50%;
    padding: 10px;
    font-size: 22px;
}
.contact-address h5 {
    margin-bottom: 10px;
    font-size: 13px;
}
.contact-us {
    float: left;
    width: 100%;
    padding: 100px 0 30px;
}

.contact-us-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    padding: 30% 0;
    background-image: url(../images/contact-bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    object-fit: cover;
}
.tns-text h2 {
    margin-bottom: 20px;
    font-size: 24px;
}
.contact-us-banner h1 {
    color: #f8f8f8;
    font-size: 28px;
    font-weight: bold;
}
.accommodations .thumbnail .caption a {
    position: absolute;
    top: -80px;
    right: -10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #e882a8;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 18px;
    border: 6px solid #fff0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.accommodations-banner {
    text-align: center;
    position: relative;
    float: left;
    background-image: url(../images/accom-bg.jpg);
    padding: 30% 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.accommodations-banner h1 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background-image: linear-gradient(to right, #fff0, #00000047, #fff0);
}

.accommodations {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.accommodations h1{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
.zanzibar-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
}
.zanzibar h2 {
    position: relative;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
}
.zanzibar h2:before {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 20px;
    left: 360px;
    display: none;
}
.zanzibar h2:after {
    content: "";
    position: absolute;
    border: 1px dashed #146106;
    width: 100px;
    top: 22px;
    right: 354px;
    display: none;
}

.excursion-text {
    position: absolute;
    top: 34px;
    right: 0px;
    padding: 16px 0;
    background-image: linear-gradient(to right, #8c83bf, #fff0);
    width: 75%;
    height:125px;
    color: #fff;
}
.excursion-text h3 {
    font-size: 20px;
    margin-bottom: 18px;
}
.excursion-text a {
    color: #fff;
    border: 2px solid #fff;
    padding: 6px 8px;
    font-weight: bold;
}
.zanzibar .excursion {
    position: relative;
    margin-bottom: 20px;
}
.zanzibar {
    text-align: center;
    position: relative;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.content {
    float: left;
    width: 100%;
    margin: 0px 0px;
}
.tribal-box-part h2:after {
    display: none;
}
.mount-k a img {
    width: 100%;
}
.olduvai-gorge-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safaris-cont-sec h2:before {
    display: none;
}      
.safaris-cont-sec h2:after {
    display: none;
}
.safaris-banner h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
}
.safaris-cont-sec h2 {
    font-size: 26px;
    font-weight: 600;
}
.safaris-cont-sec {
    margin-top: 15px;
}
.safaris h3 {
    background-image: linear-gradient(to right, #fff, #146106, #fff);
    color: #fff;
    margin: 20px;
    font-size: 22px;
    font-weight: 700;
}
.safaris-containt img {
    max-width: 100%;
    -webkit-clip-path: none;
    clip-path: none;
}
.safaris-text h2 {
    font-size: 18px;
    margin-bottom: 26px;
    font-weight: 600;
}
.safaris-text {
    -webkit-clip-path: none;
    clip-path: none;
    padding: 18px 18px;
    margin: 20px 0;
    height: auto;
}
.safaris-text p {
    display: none;
}
.safari-8day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-7day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-6day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-5day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-2day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-4day-banner h1 {
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.safari-3day-banner h1{
    font-weight: 600;
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
}
.mount-overview-banner h1 {
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
}
.shira-route-banner h1 {

}
/*.day-tour-banner{
    padding: 0;
}*/
.day-tour-banner h1{
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px; 
}
.hot-spring-banner{
    padding: 0;
}
.hot-spring-banner h1{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px; 
}
.kili-np-banner{
    padding: 0;
}
.kili-np-banner h1{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px; 
}
.arusha-banner {
    padding: 0px;
}
.arusha-banner h1 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 600;
}
.coffee-tour-banner {
    padding: 0px;
}
.coffee-tour-banner h1 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 600;
}
   .destination h2:before {
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        left: 400px;
        display: none;
    }
    .destination h2:after{
        display: none;
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        right: 400px;
    }
    .dest-text img{
        width: 100%;
    }
        .serengeti-overview h2:before{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        left: 20px;
        display: none;
    }
    .serengeti-overview h2:after{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        right: 390px;
        display: none;
    }
    .serengeti-best-time h2:after{
        display: none;
    }
     .serengeti-best-time h2:before{
        display: none;
    }
    .climbing h2:after{
        display: none;
    }
    .climbing h2:before{
        display: none;
    }
    .k-route img{
        width: 100%;
    }
     .zanzibar h2:before{
        display: none;
    }
    .zanzibar h2:after{
        display: none;
    }
    .caption{
        float: left;
        width: 100%;
        margin-top: -60px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 36px 0px #999;
    }
    .box-gap{
        margin-bottom: 35px;
    }
    .day-tour-sec h2:before{
        display: none;
    }
    .day-tour-sec h2:after{
        display: none;
    }
    .image-hover img{
        width: 100%;
        margin-bottom: 20px;
    }
    .day-tour-box {
        float: left;
        width: 100%;
        /* margin: 30px 0px; */
        padding: 0px;
    }
 /*   .route-addition ul li{
        padding: 10px 0px;

    }*/


}

@media screen and (min-width: 557px) and (max-width: 768px) {
    
    .menulist {
        text-align: none; 
        float: left;
        width: 100%;
    }
    .logo-image{
        padding: 20px 0px;
    }
    .menulist ul{
        float: left;
        display: block;
        padding: 0;
        margin: 0;
    }
    .menulist li {
        list-style: none;
        float: left;
        font-weight: 700;
        font-size: 10px;
        font-family: 'Muli', sans-serif;
        line-height: 73px;
        padding: 0px 3px;
        text-transform: capitalize;
    }
    .np-box{
        padding: 0px 5px;
    }
    .about-modal button.btn.btn-default.btn-lg {
        width: 24%;
        margin: 0 auto;
        height: 200px;
        margin: 15px 30px;
    }
    
    .destination h2:before {
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        left: 400px;
        display: none;
    }
    .destination h2:after{
        display: none;
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        right: 400px;
    }
        .serengeti-overview h2:before{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        left: 20px;
        display: none;
    }
    .serengeti-overview h2:after{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        right: 390px;
        display: none;
    }
        .serengeti-best-time h2:after{
        display: none;
    }
     .serengeti-best-time h2:before{
        display: none;
    }
    .climbing h2:after{
        display: none;
    }
    .climbing h2:before{
        display: none;
    }
    .k-route-text h3{
        font-size: 23px;
    }
     .zanzibar h2:before{
        display: none;
    }
    .zanzibar h2:after{
        display: none;
    }
    .excursion-text{
        position: absolute;
        top: 25px;
        right: -26px;
        padding: 60px 0;
        background-image: linear-gradient(to right, #8c83bf, #fff0);
        width: 284px;
        height: 150px;
        color: #fff;
    }
    .excursion-text h3{
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
    }
    .caption1{
        
        float: left;
        width: 100%;
        margin-top: -40px;
        box-shadow: 1px 1px 36px 0px #999;
        /* border: 2px solid #ff1901; */
        padding: 15px;
        margin-bottom: 10px;
    }
     .caption1{
        
        float: left;
        width: 100%;
        margin-top: -16px;
        box-shadow: 1px 1px 36px 0px #999;
        /* border: 2px solid #ff1901; */
        padding: 15px;
        margin-bottom: 10px;
    }
    .caption {
        float: left;
        width: 100%;
        margin-top: -60px;
        margin-bottom: 20px;
        box-shadow: 1px 1px 36px 0px #999;
    }
    .tns-text {
        position: absolute;
        bottom: -50px;
        left: 65px;
        padding: 10px 0;
        background-color: #00000052;
        width: 250px;
        height: 120px;
        color: #fff;
        border: 1px solid #fff0;
    }
    .tns {
        text-align: center;
        position: relative;
        float: left;
        padding-top: 40px;
        padding-bottom: 80px;
        width: 100%;
    }
    .tour-text {
        position: absolute;
        bottom: 0px;
        left: -100px;
        background: #90a003fc;
        width: 300px;
        height: 200px;
        padding: 25px 0;
        /* margin-bottom: 33px; */
        color: #fff;
    }
    .box-gap{
        margin-bottom: 35px;
    }
    .tour {
        text-align: center;
        position: relative;
        float: left;
        padding: 80px 0 50px;
        width: 100%;
   }
   .day-tour-sec h2:before{
        display: none;
    }
    .day-tour-sec h2:after{
        display: none;
    }

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .logo-image{
        padding: 26px 0px;
    }
    .menulist ul{
        float: left;
        display: block;
        padding: 0;
        margin: 0;
    }
    .menulist li{
        list-style: none;
        float: left;
        font-weight: 700;
        font-size: 12px;
        font-family: 'Muli', sans-serif;
        line-height: 100px;
        padding: 0px 7px;
        text-transform: capitalize;
    }
        .np-box{
        padding: 0px 5px;
    }
      .about-modal button.btn.btn-default.btn-lg {
        width: 26%;
        margin: 0 auto;
        height: 200px;
        margin: 15px 30px;
    }
       .destination h2:before {
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        left: 400px;
        display: none;
    }
    .destination h2:after{
        display: none;
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 80px;
        right: 400px;
    }
    .serengeti-overview h2:before{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        left: 20px;
        display: none;
    }
    .serengeti-overview h2:after{
        content: "";
        position: absolute;
        border: 1px dashed #146106;
        width: 100px;
        top: 20px;
        right: 390px;
        display: none;
    }
    .serengeti-best-time h2:after{
        display: none;
    }
     .serengeti-best-time h2:before{
        display: none;
    }
    .climbing h2:after{
        display: none;
    }
    .climbing h2:before{
        display: none;
    }
    .zanzibar h2:before{
        display: none;
    }
    .zanzibar h2:after{
        display: none;
    }
    .excursion-text {
    position: absolute;
    top: 38px;
    right: -40px;
    padding: 60px 0;
    background-image: linear-gradient(to right, #8c83bf, #fff0);
    width: 400px;
    height: 200px;
    color: #fff;
    }
    .caption1 {
    float: left;
    width: 100%;
    margin-top: -35px;
    box-shadow: 1px 1px 36px 0px #999;
    /* border: 2px solid #ff1901; */
    padding: 15px;
    }
      .tns-text {
        position: absolute;
        bottom: -50px;
        left: 65px;
        padding: 10px 0;
        background-color: #00000052;
        width: 350px;
        height: 120px;
        color: #fff;
        border: 1px solid #fff0;
    }
    .tns {
        text-align: center;
        position: relative;
        float: left;
        padding-top: 40px;
        padding-bottom: 80px;
        width: 100%;
    }
    .day-tour-sec h2:before{
        display: none;
    }
    .day-tour-sec h2:after{
        display: none;
    }
    .safaris-text p {
    margin-bottom: 30px !important;
    line-height: 1.2;
    }
    .safaris-text h2 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 800;
    }



}

@media screen and (min-width: 1024px) and (max-width: 1440px) {

.caption1 {
    float: left;
    width: 100%;
    margin-top: -20px;
    box-shadow: 1px 1px 36px 0px #999;
    /* border: 2px solid #ff1901; */
    padding: 15px;
   }


}




    .allreviews {
    background: #f5f5f5;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px 2px #e4e4e4;
}
.review-img img {
    border-radius: 50%;
        height: 72px;
}
.review-img small {
    float: right;
    font-size: 16px;
    font-style: italic;
}
.review-name h3 {
 font-weight: 700;
    letter-spacing: 1.4px;
    color: #0f0f0f;
    width: 100%;
    padding: 10px 0;
    border: none;
    margin: 0;
}
.review-name span {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
}
.review-content p {
    text-align: justify;
    line-height: 30px;
        margin: 0;
}

.review-img>span>i{
    font-size: 16px;
    color: #04a84e;
    font-weight: 500;
}
.review-img>span{
    margin-left: 20px;
}

.review-img h6{
    font-weight: 600;
    margin: 10px 0;
}
.more-review {
    text-align: center;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.more-review a{
        background: #0f0f0f;
    color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}