@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family: first !important; font-size:14px !important; overflow-x:hidden;}

@font-face{font-family:first; src: url(../fonts/OpenSans-Light_0.ttf);}
@font-face{font-family:sec; src: url(../fonts/OpenSans-Regular_0.ttf);}
@font-face{font-family:third; src: url(../fonts/OpenSans-Bold_0.ttf);}
@font-face{font-family:fourth; src: url(../fonts/OpenSans-SemiBold_0.ttf);}
@font-face{font-family:five; src: url(../fonts/OpenSans-ExtraBold_0.ttf);}


h1{margin:0 !important; padding:0 !important; border:none; outline:none;}
h2{margin:0 !important; padding:0 !important; border:none; outline:none;}
h3{margin:0 !important; padding:0 !important; border:none; outline:none;}
h4{margin:0 !important; padding:0 !important; border:none; outline:none;}
h5{margin:0 !important; padding:0 !important; border:none; outline:none;}
h6{margin:0 !important; padding:0 !important; border:none; outline:none;}

ul{padding:0; list-style-type:none;}
input, select, option, textarea{outline:none; resize:none;}
button{outline:none !important;}
img{border:none; margin:0; padding:0;}
a{text-decoration:none;}
a:hover{text-decoration:none !important;}
a:focus{text-decoration:none;}
.top-space{margin-top:70px;}


.cus-header{}
.shrink{padding: 0px 0;}
.shrink, .stuck{background-color: #252525; padding: 0;}
#cussticky{width: 100%; padding: 40px 0; transition: all 0.4s ease-in-out; z-index: 9999; top: 0; position: fixed;}



.logo{}
.slider-hdng{font-size: 90px; text-transform: uppercase; font-family: five; letter-spacing: -1px; margin: 0;}
.slider-txt{font-size: 18px; font-family: first; letter-spacing: .5px;}

.srch-box{margin-top: 30px; display: none;}
.srch-box input{width: 95%; float: left; height: 56px; border: none; padding: 0 0 0 20px; font-family: sec; border-radius: 5px 0 0 5px;}
.srch-box button{height: 56px; border: none; padding: 0 20px 0 20px; background-color: coral; color: #fff; border-radius: 0 5px 5px 0;}




.tour-bg{width: 100%; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-size: 100%;}
.tour-ovrly{background-color: #00000085; color: #FFF; padding: 100px 0 170px 0;}
.main-hdng{font-family: third; border-bottom: solid #f0a45f 6px; display: table; margin: 0 auto !important; margin-bottom: 70px !important; padding: 0px 0 14px 0 !important;}

.tour-panel{background-color: #fff; padding: 5px 5px 25px 5px; border-radius: 10px;}
.tour-box{position: relative; overflow: hidden;}
.tour-text{position: absolute; top: 100%; background-color: #5d34029c; width: 100%; height: 100%; padding: 25px; transition: all ease .5s;}
.tour-icon{height: 230px; overflow: hidden; border-radius: 10px 10px 0 0;}
.tour-panel:hover .tour-text{top: 0; border-radius: 10px 10px 0 0;}
.half-day{transform: translateY(60%); font-size: 20px; font-family: fourth; opacity: 0;}
.tour-panel:hover .half-day{transform: translateY(-25%); transition: all ease 2s; opacity: 1; transition-delay: .1s;}
.hald-des{transform: translateY(60%); font-family: sec; opacity: 0; line-height: 1.5999; letter-spacing: .3px; font-size: 13.499px;}
.tour-panel:hover .hald-des{transform: translateY(-5%); transition: all ease 2s; opacity: 1; transition-delay: .1s;}


ul.tour-dtls{color: #333; margin: 15px 0 0 0; padding: 0px 0 10px 15px; position: relative;}
ul.tour-dtls li{font-family: sec;}
ul.tour-dtls li:nth-child(1){text-transform: uppercase; font-size: 11px; letter-spacing: 5px; color: #ad6000; margin: 0 0 6px 0;}
ul.tour-dtls li:nth-child(1):after{content:""; display: block; background-color: #ccb2a7; height: 1px; min-width: 30%; position: absolute; top: 7px; left: 110px;}
ul.tour-dtls li:nth-child(2){font-family: third; font-size: 15px; margin: 10px 0 12px 0;}
ul.tour-dtls li a{background-color: #d27300; padding: 3px 20px 4px 20px; color: #fff; border-radius: 20px; font-size: 12px; letter-spacing: .5px;}


.our-tours-bg{width: 100%; background-image: url(../images/bg2.jpg); background-size: 100%; color: #FFF;}
.our-desert-bg{background-image: url(../images/bg3.jpg);}
.our-camp-bg{background-image: url(../images/bg56.jpeg);}
.ourtour-box{background-color: #f0a45f; padding: 220px 0 220px 0;}
.tour-content{width: 100%; margin: 0 0 0 -80px; font-family: first; line-height: 1.7; letter-spacing: 0.4px; font-size: 19px;}
.desert-content{margin: 0 0 0 80px; text-align: right;}
.tour-content-hdng{font-size: 40px; text-transform: uppercase; font-family: fourth; letter-spacing: 1px; border-top: solid #fff 4px; display: inline-block;}
.tour-content a{font-family: first; color: #fff !important; border: solid #fff 2px; padding: 6px 30px 5px 30px; display: inline-block; margin-top: 10px;}


.ftr-bg{width: 100%; color: #FFF; background-color: #1f0b00; padding: 90px 0 20px 0;}
.ftr-box{text-align: center; background-color: #703e23; height: 115px; border-radius: 4px;}
.ftr-box i{width: 70px; height: 70px; background-color: #fff; border-radius: 50%; color: #c04300; transform: translateY(-26px); line-height: 3.3; font-size: 22px;}
.ftr-box p{margin: 0; line-height: 0; font-family: third; letter-spacing: 1px; font-size: 18px;}
.ftr-box a{color: #FFF !important; letter-spacing: .5px;}

ul.ftr-links{text-align: center; margin-top: 60px;}
ul.ftr-links li{display: inline-block; margin: 0 0 0 10px; font-family: sec; letter-spacing: 1px; border-right: solid #fff 1px; padding: 0 10px 0 0px; line-height: .7999;}
ul.ftr-links li a{color: #fff !important;     padding: 0px;}

.copyright-bg{width: 100%; color: #FFF; background-color: #000; padding: 16px 0 16px 0; font-family: sec; letter-spacing: .5px;}
.copyright-bg p{margin: 0;}
.designed{text-align: right;}
.copyright-bg a{color: #FFF !important;}



/*************************
**************************/
.menu-line{border-bottom: solid #633c2c 1px; padding: 25px 0 0 0;}

.inr-hdng-bg{background-color: #f1f1f1;}
.inr-bg{background-color: #521800; width: 100%; padding: 170px 0 100px 0; color: #fff;}
.inr-hdng{text-align: center; padding: 0 0 30px 0 !important; font-size: 50px; letter-spacing: 2px;}
.inr-box{position: relative; margin: -150px 0 0 0; color: #FFF;}
.inr-text{position: absolute; height: 100%; background-color: transparent; width: 100%; text-align: center;}
.inr-vrtcle{transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%;}
.inr-icon{height: 350px; overflow: hidden;}

ul.cus-breadcrumb{margin: 8px 0 0 0;}
ul.cus-breadcrumb li{display: inline-block; margin: 0 6px 0 0; letter-spacing: 1px;}
ul.cus-breadcrumb li:after{content:"/"; display: inline-block; margin: 0 0 0 8px;}
ul.cus-breadcrumb li:last-child:after{content:""; display: block;}
ul.cus-breadcrumb li:last-child{color: #ff5109;}
ul.cus-breadcrumb li a{color: #FFF;}

.about-box{background-color: #FFF; padding: 40px 30px 30px 30px; margin: 40px 0 0 0;}
.about-hdng{font-size: 25px; font-family: sec; color: #983804; margin: 0 0 30px 0 !important; letter-spacing: 0;}
.about-hdng:after{content:""; display: block; background-image: url(../images/border.jpg); height: 13px; margin: 18px 0 0 0;}
.about-text{font-family: sec; color: #737373; line-height: 1.8; letter-spacing: .35px;}

.about-right{background-color: #ffd41d; margin-top: 40px; padding: 50px 0 50px 20px; border-radius: 15px; box-shadow: 0 6px 7px #0003;}
ul.cont-right{margin: 10px 0 0 0;}
ul.cont-right li{margin: 0 0 6px 0; font-family: sec; letter-spacing: .3px; text-align: left;}
ul.cont-right li a{color: #333 !important;}

.trip-box{background-color: #fff; padding: 20px; margin-top: 30px; box-shadow: 0 6px 7px #0003; border-radius: 15px;}
.textwidget{text-align: center; margin: 0 auto; display: table;}
.wad-rum-icon{margin: 0 0 13px 0;}


.wad-rum-time{padding: 0 10px 0 0;}
.wad-rum-time-hdng{font-family: fourth; margin: 20px 0 5px 0; letter-spacing: 0; color: #fff; background-color: #521800; padding: 1px 7px 2px 7px; display: inline-block; line-height: normal;}
ul.wad-rum-time-list{margin: 6px 0 0 0;}
ul.wad-rum-time-list li{display: flex; color: #000;}
ul.wad-rum-time-list li:before{content:"\f069"; display: inline-table; font-weight: 900; font-family: "font awesome 5 free"; float: left; margin: 3px 6px 0 0; font-size: 11px; animation-name: example; animation-duration: 4s; animation-iteration-count: infinite;}

@keyframes example {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.wad-rum-line{border-bottom: solid #e8e8e8 1px;}
.warn{margin: 15px 0 15px 0; color: #dc3300;}
.per-person-box{margin: 12px 0 0 0;}
.optional-hdng{font-size: 19px; color: #000;}
.per-person-box p{margin: 0;}
.ovrnght{color: red; font-family: fourth; font-size: 13px; margin: 1px 0 3px 0 !important;}
.ovrnght a{color: red;}
ul.per-prsn-list{margin-top: 10px;}
ul.per-prsn-list li{}
ul.per-prsn-list li:before{content:"\f192"; display: inline-table; font-weight: 900; font-family: "font awesome 5 free"; float: left; margin: 1px 6px 0 0; font-size: 11px;}

.gallery-box{margin: 0 0 40px 0;}

.contact-box{}
.contact-form{}
.contact-form input, textarea{width: 60%; display: block; margin: 0 0 10px 0; padding: 0 0 0 6px; height: 37px; border-radius: 3px; border: solid #ccc 1px;}
.contact-form input::placeholder{color: #999; letter-spacing: .2px;}
.contact-form textarea{height: auto; padding-top: 5px;}
.contact-form textarea::placeholder{color: #999; letter-spacing: .2px;}
.contact-form button{margin: 20px 0 0 0; background-color: #252525; border: none; padding: 7px 30px 7px 30px; color: #fff; border-radius: 3px;}





@media screen and (max-width: 1200px){
.srch-box input{width: 92%;}
.stellarnav.light li a{font-family: first !important; font-size: 12px !important;}
.stellarnav>ul>li>a{padding: 0px 4px !important;}
}


@media screen and (max-width: 1024px){
.tour-icon{height: auto;}
}



@media screen and (max-width: 768px){
.logo{text-align: center; margin: 0 0 50px 0;}
.cus-header{position: relative !important; background-color: #333;}
#cussticky{padding: 40px 0 15px 0;}
.menu-toggle{text-align: right; background-color: #c35a00; color: #fff !important;}
.stellarnav.mobile.light ul{background-color: #fd8016 !important;}
.srch-box input{width: 89%; display: block;}

.flexslider li .meta{width: 70% !important;}
.flex-direction-nav{display: none;}
.slider-hdng{font-size: 40px;}
.slider-txt {font-size: 14px;}

.tour-panel{margin-bottom: 40px;}
.our-tours-bg{background-repeat: no-repeat; background-size: auto;}
.ourtour-box{background-color: #633b16c7; padding: 30px 0 30px 0;}
.tour-content{margin: 0; padding: 40px;}
.desert-content{text-align: left;}
ul.ftr-links{margin: 0;}
ul.ftr-links li{line-height: 2; border-right: none;}
.ftr-box{margin: 0 0 60px 0;}
.copyright-bg, .designed{text-align: center; line-height: 2;}

.inr-bg{padding: 70px 0 90px 0;}
.inr-icon{height: auto;}
.inr-h1{font-size: 20px; font-family: fourth}
}

@media screen and (max-width: 520px){
.srch-box input{width: 85%;}
}

@media screen and (max-width: 390px){
.srch-box input{width: 82%;}
.slider-hdng{font-size: 18px; letter-spacing: 1px;}
}

@media screen and (max-width: 330px){
.srch-box input{width: 78%;}
}

@media screen and (max-width: 275px){
.srch-box input{width: 75%;}
}