/*************** [ START CSS RESET ] *****************/
*
{
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  sizing: border-box;
}
/*************** [ START OUR FRAMEWORK ] *****************/
section.action-bar i
{
  color: #fff;
}
.contact-methods .success
{
  margin: 9px 0;
  font-size: 1em;
  text-align: center;
  font-family: 'Laila', sans-serif;
  color: #1b9405;
  font-weight: bold;
  line-height: 29px;
  font-weight: bold;
}
.main-bg
{
  background-color: #282944;
}
.main-color
{
  color: #282944;
}
a,button
{
  cursor: pointer;
  text-decoration: none;
}
.outer-content
{
  margin: 0 auto;
  width: 96%;
}
.container
{
  width: 100%;
}
.clearfix
{
  clear: both;
}
.toggled
{
  display: block!important;
  animation: slideInLeft .3s 1 linear;
}
/*************** [ END OUR FRAMEWORK ] *****************/

/*************** [ START ACTION BAR ] *****************/
.action-bar
{
  width: 100%;
  overflow: hidden;
}
.action-bar .social-media
{
  float: left;
  height: 30px;
  line-height: 20px;
  margin: 5px 2px;
  color: #fff;
  font-size: 1.5em;
}
.action-bar .lang-swicher
{
  float: right;
  padding: .7% 0 0.3% 0;
  width: 44px;
  text-align: center;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.lang-swicher.cliked
{
  background-color: #ce4627;
}
.lang-swicher img
{
  height: 22px;
  width: 26px;
}
.lang-swicher ul
{
  position: absolute;
  list-style-type: none;
  padding: 9px 7px 5px 7px;
  background-color: #ce4627;
  display: none;
}
.lang-swicher ul.active
{
  display: block;
}
/*************** [ END ACTION BAR ] *****************/

/*************** [ START FIXED HEADER ] *****************/
.fixed-header
{
  width: 100%;
  height: 104px;
  border-bottom: 2px solid #28294461;
}
.fixed-header #logo
{
  float: left;
  height: 84px;
  width: 125px;
  padding: 5px 0;
  margin: 9px;
}
.fixed-header #logo img
{
  height: 100%;
  width: 100%;
}
header nav
{
  float: right;
  padding: 23px 8px;
}
header nav ul
{
  margin: 0;
  padding: 0;
  display: flex;
}
header nav ul li
{
  list-style: none;
  position: relative;
}
header nav ul li a
{
  text-decoration: none;
  display: block;
  font-family: 'Catamaran', sans-serif;
  padding: 18px 17px;
  color: #333333ad;
  font-weight: 600;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
header nav ul li a:hover,
header nav ul li a.active
{
  background-color: #ef682e;
  color: #fff;
}
header nav ul li ul
{
  position: absolute;
  display: none;
  background-color: #282944;
  color: #fff;
}
header nav ul li ul li
{
  width: 240px;
  display: block;
}
header nav ul li ul li a
{
  color: #fff;
}
header nav ul li ul li a:hover
{
  background-color: #cd6133;
}
header nav ul li:hover ul
{
  display: block;
  z-index: 9999;
}
header .mobile-menu
{
  display: block;
  color: #cd6133;
  font-size: 26px;
  float: right;
  height: 50px;
  line-height: 100px;
  cursor: pointer;
  display: none;
}
/*************** [ END FIXED HEADER ] *****************/

/*************** [ START MAIN SLIDER ] ********************/
.main-slider
{
  width: 100%;
  margin: -5px auto;
  background-color: #cd6133;
}
.main-image
{
  width: 100%;
  height: 500px;
  border-bottom: 3px solid #cd6133;
}
.main-image img
{
  width: 100%;
  height: 100%;
}
/*************** [ END MAIN SLIDER ] ************************/

/*************** [ START HOME INTRO ] ************************/
.home-intro {
  width: 100%;
}
.home-intro .intro
{
  width: 100%;
}
.home-intro .intro h1
{
  font-family: 'Ramaraja', serif;
  text-align: center;
  color: #282944;
  font-size: 2.4em;
}
.intro p
{
  font-family: 'Neuton', serif;
  padding: 5px 21px;
  line-height: 35px;
  width: 90%;
  margin: 0 auto;
  text-align: justify;
  font-size: 20px;
  color: #333;
  font-weight: 100;
  background-color: #eee;
}
.home-shortcuts
{
  width: 80%;
  margin: 2% auto;
  overflow: hidden;
  border-top: 2px solid #d4d4d4;
  border-bottom: 2px solid #d4d4d4;
}
.home-shortcuts .shortcut
{
  float: left;
  width: 20%;
  text-align: center;
  border-right: 2px solid #d4d4d4;
  padding-bottom: 12px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.home-shortcuts .shortcut:first-of-type
{
  border-left: 2px solid #d4d4d4;
}
.home-shortcuts .shortcut i
{
  display: block;
  font-size: 4em;
  color: #ef682e;
  padding: 12px 0;
}
.home-shortcuts .shortcut span
{
  font-family: 'Neuton', serif;
  color: #333;
  font-size: 18px;
}
/****************** [ END HOME INTRO ] **************************/

/****************** [ START POPULAR TOURS ] **************************/
.popular-tours,
.camel-trekking,
.day-trips,
.our-gallery,
.about-us,
.contact-pg
{
  width: 100%;
  margin-top: 4%;
}
.sub-info .day-trips
{
  margin-top: 0;
  text-align: left;
}
.contact-pg h1,
.our-gallery h1
{
  font-family: 'Ramaraja', serif;
  text-align: center;
  color: #282944;
  font-size: 2.4em;
}
.popular-tours .tours-col,
.our-gallery .gallery-col,
.about-us .info-col
{
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.popular-tours .tours-col h2,
.camel-trekking h2,
.day-trips h2,
.our-gallery h2,
.info-col h2
{
  text-align: center;
  font-family: 'Ramaraja', serif;
  color: #4e4643;
  padding: 2% 0 3% 0;
  font-size: 2em;
  font-weight: 100;
}
.tour-category
{
  position: absolute;
  top: 3%;
  right: 1%;
  display: table;
  background-color: #ef682e;
  height: 10%;
  width: 37%;
}
.tour-category span
{
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  font-family: 'Catamaran', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #fff;
  text-align: center;
}
.tours-col .tour-box,
.gallery-col .img-box
{
  width: 30.66%;
  float: left;
  height: 300px;
  position: relative;
  border: 2px solid #ccc;
  margin: 0 1%;
}
.tours-col .tour-box img,
.gallery-col .img-box img
{
  height: 100%;
  width: 100%;
}
.tours-col .tour-box .info-box
{
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding: 15px 9px;
  background-color: #282944;
}
.tour-box .info-box h3
{
  font-family: 'Neuton', serif;
  text-align: center;
  font-size: 22px;
}
.tours-col button.check-more
{
  border: 2px solid #282944;
  background-color: transparent;
  padding: 10px 24px;
  font-family: 'Neuton', serif;
  font-weight: 600;
  font-size: 17px;
  margin: 3%  auto;
  color: #282944;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.tours-col button.check-more i,
.tour-info .main-info button i
{
  font-size: 12px;
}
.tours-col button.check-more:hover
{
  background-color: #282944;
  color: #fff;
}
article.sp-tour
{
  margin-top: 0;
  overflow: hidden;
}
article.sp-tour .tours-col:not(:last-of-type),
article.sp-tour .gallery-col:not(:last-of-type)
{
  margin-bottom: 3%;
}
.popular-tours .tour-pg
{
  margin-bottom: 5%;
}
/****************** [ END POPULAR TOURS ] **************************/

/****************** [ Excursions & Trekking ] **************************/
.day-trips
{
  text-align: center;
}
.day-trips button.check-more
{
  margin: 3% auto 0;
}
.day-trips .df-col
{
  margin-bottom: 3%;
}
.camel-trekking
{
  margin-top: 0;
}
.camel-trekking .tour-box
{
  margin: 0 1% 4% 1%;
}
/****************** [ Excursions & Trekking ] **************************/

/************** START FOOTER *******************/
footer
{
  background-color: #282944;
  margin-top: 4%;
}
footer .outer-content
{
  overflow: hidden;
}
footer .content-box
{
  float: left;
  width: 30%;
  margin-bottom: 30px;
}
footer .content-box h3
{
  text-align: center;
  padding: 15px;
  color: #fff;
  font-family: 'Vollkorn', serif;
  font-size: 1.4em;
  font-weight: 100;
}
footer .content-box:not(:last-child)
{
  margin-right: 2%;
}
.content-box .company-info
{
  color: #fff;
  font-family: 'Neuton', serif;
  font-size: 19px;
  font-weight: 100;
}
.content-box .company-info i
{
  font-size: 1.3em;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  margin-top: 5px;
  background-color: #ef682e;
  margin-right: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.content-box .company-info .fa-envelope,
.content-box .company-info .fa-map-marker
{
  line-height: 35px;
}
.content-box .visitors
{
  width: 63%;
  margin: 0 auto;
}
.content-box .tripadvisor
{
  width: 63%;
  margin: 20px auto;
}
footer .content-box .fb-widget
{
  width: 320px;
  margin: 0 auto;
}
footer .content-box .social-media
{
  width: 80%;
  margin: 25px auto;
  text-align: center;
}
footer .content-box .social-media-title
{
  padding: 17px 0 0 0;
}
footer .content-box .social-media i
{
  font-size: 2em;
  color: #fff;
  padding: 8px;
  border: 2px solid #ef682e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -wekit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
footer .social-media i:hover
{
  background-color: #ef682e;
}
/************** END FOOTER ********************/

/************** START COPYRIGHT  **************/
.copyright
{
  width: 100%;
  background-color: #262222;
  padding: 6px 0;
  line-height: 24px;
}
.copyright p
{
  text-align: center;
  font-family: 'Catamaran', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 100;
}
/**************** END COPYRIGHT  ******************/

/************ START WHATSSAP ICON ****************/
.whatsapp-icon
{
  position: fixed;
  right: 5px;
  bottom: 5px;
  width: 54px;
  height: 54px;
  background-color: #20B038;
  color: #fff;
  z-index: 9999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.whatsapp-icon i
{
  color: #fff;
  font-size: 40px;
  line-height: 54px;
  margin-left: 10px;
}
/************ END WHATSSAP ICON *****************/

/************ [ START ABOUT PAGE ] *******************/
.about-us .info-col
{
  overflow: hidden;
}
.about-us .info-col:not(:last-child)
{
  margin-bottom: 3%;
}
.info-col .about-img
{
  float: left;
  border-right: 2px solid #d4d4d4;
  padding: 4.1% 0;
  background: rgb(179,220,237); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(188,224,238,1) 100%);
  background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(188,224,238,1) 100%);
  background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(188,224,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 );
}
.about-img img
{
  width: 64.8%;
  height: 64.8%;
}
.info-col .about-article
{
  float: right;
  width: 68.9%;
  background-color: #eee;
  padding: 8px;
}
div.about-article p
{
  padding:0 8px 17px 8px;
  font-family: 'Neuton' , serif;
  line-height: 36px;
  font-size: 19px;
  text-align: justify;
}
div.about-article p:last-of-type
{
  padding-bottom: 0;
}
.info-col .features
{
  overflow: hidden;
}
.features .feature-box
{
  float: left;
  width: 11.11%;
  padding: 25px 0;
  background-color: #c35425d9;
}
.feature-box i
{
  font-size: 3em;
  color: #f1f1f1;
}
.feature-box h4
{
  margin-top: 20px;
  font-family: 'Laila' , sans-serif;
  font-size: 13px;
  color: #f3d0a3;
  line-height: 18px;
}
.features .feature-sp
{
  background-color: #bd643e;
}
/************ [ END ABOUT PAGE ] *******************/

/************ [ END CONTACT PAGE ] *******************/
.contact-col,
.tour-col
{
  overflow: hidden;
}
.contact-col .contact-methods,
.tour-col .info-program
{
  float: left;
  width: 60%;
  margin-right: 3%;
  background-color: #eee;
}
.contact-methods h2,
.contact-col .sub-info h2,
.sub-info .asked-questions h2
{
  text-align: center;
  font-family: 'Vollkorn', serif;
  color: #4e4643;
  padding: 2% 0;
  font-size: 1.4em;
  border-bottom: 2px solid #ef682e;
}
.contact-methods p
{
  padding: 17px 10px;
  font-family: 'Neuton', serif;
  font-size: 19px;
  line-height: 24px;
  text-align: justify;
}
.contact-methods form
{
  width: 70%;
  margin: 0 auto 3%;
}
.contact-methods form input,
.contact-methods form textarea
{
  width: 96%;
  margin: 0 auto 1%;
  font-family: 'Laila' , sans-serif;
  font-size: 14px;
  padding: 10px 4px;
}
.contact-methods form textarea
{
  height: 110px;
  resize: vertical;
}
.contact-methods form button
{
  display: block;
  margin: 2% auto;
  background-color: transparent;
  border: 2px solid #ef682e;
  font-family: 'Laila' , sans-serif;
  padding: 8px 26px;
  font-size: 18px;
  font-weight: 600;
  background-color: #ef682e;
  color: #fff;
}
.contact-col .sub-info,
.tour-col .sub-info
{
  float: right;
  width: 37%;
  background-color: #eee;
  font-family: 'Neuton', serif;
  font-size: 19px;
}
.sub-info ul
{
  list-style-type: none;
  padding: 17px 10px;
}
.sub-info ul li
{
  line-height: 24px;
}
.sub-info ul li i
{
  margin-right: 12px;
  height: 25px;
  width: 25px;
  line-height: 24px;
  text-align: center;
  background-color: #ef682e;
  color: #fff;
  margin-bottom: 4px;
}
.more-tours .tours-content
{
  padding: 17px 10px;
}

/************ [ END CONTACT PAGE ] *******************/

/************ [ START TOUR PAGE ] *******************/
 .info-program h2
{
  font-family: 'Catamaran', sans-serif;
  font-size: 19px;
  font-weight: 600;
  padding: 15px 13px;
  color: #535469;
}
 .info-program p
{
  padding: 0 10px;
  font-family: 'Neuton', serif;
  line-height: 29px;
  text-align: justify;
  font-size: 18px;
}
.sub-info .day-trips h2,
.sub-info .more-tours h2

{
  text-align: center;
  font-family: 'Catamaran', sans-serif;
  color: #4e4643;
  padding: 2% 0;
  font-size: 20px;
  background-color: #282944c7;
  color: #fff;
}
.tour-list ul li i
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-right: 7px;
}
.tour-list ul li a
{
  color: #4e4643;
}
.tour-list ul li a:hover
{
  text-decoration: underline;
}
.tour-pg .info-program .included,
.tour-pg .info-program .excluded,
.tour-pg .info-program .photos-title
{
  text-align: center;
  border-top: 2px dashed #cd6133;
  border-bottom: 2px dashed #cd6133;
  margin: 2% 0;
}
.photos-title i,
.included i,
.excluded i
{
  font-size: 15px;
}
.info-program .included-list,
.info-program .excluded-list
{
  margin: 0 3% 2% 1%;
  list-style-type: none;
  font-family: 'Neuton', serif;
  line-height: 31px;
  font-size: 17px;
}
.info-program .included-list i
{
  color: #20b038;
}
.info-program .excluded-list i
{
  color: #f00;
}
.info-program .tour-gallery
{
  width: 98%;
  margin: 2% 1%;
  overflow: hidden;
}
.info-program .tour-gallery img
{
  float: left;
  width: 32%;
}
.info-program .tour-gallery img:not(:last-child)
{
  margin-right: 2%;
}
.important-nt ul
{
  padding: 17px 10px 0 17px;
}
.important-nt p
{
  margin-bottom: 4%;
  background-color: #d8d8d8;
  padding: 2px 10px;
}
/************ [ END TOUR PAGE ] *******************/

/******************* [ START RESPONSIVE ] ***********************/
@media(max-width:480px)
{
  .action-bar .lang-swicher
  {
    padding: 2.7% 0 1.3% 0;
  }
  .home-intro .intro h1
  {
    padding-top: 13px;
    font-size: 1.7em;
  }
  .home-shortcuts
  {
    border-bottom: none;
  }
  .home-shortcuts .shortcut
  {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 2px solid #d4d4d4;
  }
  .home-shortcuts .border-sp
  {
    border-top: 2px solid #d4d4d4;
  }
  .popular-tours .tours-col h2,
  .camel-trekking h2,
  .day-trips h2
  {
    font-size: 1.5em;
    padding: 2% 0 8% 0;
  }
  .tours-col .tour-box,
  .gallery-col .img-box
  {
    width: 100%;
    margin: 0 auto 7%;
    float: none;
    height: 313px;
   }
  .container .tours-col .tour-box .info-box
  {
    padding: 12px 6px;
    height: auto;
  }
  .camel-trek-col .camel-trek-box,
  .day-trips-col .day-trip-box
  {
    width: 95%;
    margin: 0 auto 7%;
    float: none;
    height: 313px;
  }
  .camel-trek-box .thumnail-box,
  .day-trip-box .thumnail-box
  {
    height: 313px;
  }
  footer .content-box:not(:last-child)
  {
    margin-right: 0;
  }
  footer .content-box
  {
    width: 98%;
    margin: 0 auto 8%;
    float: none;
  }
  .copyright p
  {
    width: 98%;
    margin: 0 auto;
  }
  .sp-tour h1
  {
    padding-top: 13px;
    font-size: 1.5em;
  }
  .info-col .about-img,
  .info-col .about-article
  {
    float: none;
    width: 100%;
  }
  .features .feature-box
  {
    margin: 0 auto 1%;
    width: 82%;
    float: none;
  }
  .info-col h2
  {
    font-size: 1.5em;
    padding: 4% 0 8% 0;
  }
  .contact-col .contact-methods
  {
    padding-bottom: 9px;
    margin-bottom: 17px;
  }
  .contact-col .contact-methods,
  .contact-col .sub-info
  {
    float: none;
    width: 100%;
  }
  .contact-col .contact-methods,
  .tour-col .info-program
  {
    margin-right: 0;
    float: none;
    width: 100%;
    margin-bottom: 3%;
  }
  .contact-col .sub-info,
  .tour-col .sub-info
  {
    width: 100%;
    float: none;
  }
  .info-program .tour-gallery
  {
    width: 94%;
    margin: 2% auto;
  }
  .info-program .tour-gallery img
  {
    float: none;
    width: 100%;
    margin-bottom: 4%;
  }
  .info-program .tour-gallery img:not(:last-child)
  {
    margin-right: 0;
  }
  .important-nt ul
  {
    padding: 17px 10px;
  }
}
@media (min-width:481px) and (max-width:919px)
{
  .camel-trek-col .camel-trek-box,
  .day-trips-col .day-trip-box
  {
    width: 80%;
    margin: 0 10% 6% 10%;
    float: none;
    height: 400px;
  }
  .camel-trek-col .camel-trek-box:last-of-type,
  .day-trips-col .day-trip-box:last-of-type
  {
    margin-bottom: 0;
  }
  .camel-trek-box .thumnail-box,
  .day-trip-box .thumnail-box
  {
    height: 400px;
  }
  .camel-trek-col .camel-trek-box:not(:last-of-type),
  .day-trips-col .day-trip-box:not(:last-of-type)
  {
    margin-right: 0;
  }
}
@media (max-width:1260px)/*** Fix camel Trekking Buttons ***/
{
  .camel-trek-box .tour-info .main-info,
  .day-trip-box .day-trip-info .main-info
  {
    padding: 15.5% 2%;
  }
}
@media (max-width:998px)/***** Fix Main Image Issue ******/
{
  .main-image
  {
    height: auto;
    border-bottom: none;
  }
}
@media (min-width:481px) and (max-width:789px)
{
  .tours-col,
  .gallery-col,
  {
    padding: 0;
    margin: 0;
  }
  .tours-col .tour-box,
  .gallery-col .img-box
  {
    width: 80%;
    margin: 0 auto 3%;
    float: none;
    height: 400px;
  }
}
@media (max-width:1073px)/**** Fix Tour Boxes Titles ****/
{
  .tours-col .tour-box .info-box
  {
    width: 96%;
    margin: 0 2%;
  }
}
@media (max-width:1005px)/***** Fix Menu On mobile *****/
{
  header nav ul li:hover ul
  {
    display: none;
  }
  header nav ul li.active ul
  {
    display: block;
    z-index: 9999;
    position: relative!important;
    background-color: #282944;
  }
  header .mobile-menu
  {
    display: block;
  }
  header nav
  {
    display: none;
    -webkit-box-shadow: -2px 2px 3px #cacaca;
    -moz-box-shadow: -2px 2px 3px #cacaca;
    -o-box-shadow: -2px 2px 3px #cacaca;
    box-shadow: -2px 2px 3px #cacaca;
    position: absolute;
    padding: 0;
    width: 98%;
    height: calc(100vh -122px);
    background-color: #fff;
    top: 145px;
    z-index: 9999;
    left: 1%;
    right: 1%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  header nav.active
  {
    display: block;
    -webkit-animation: slideInLeft .5s ease-in-out;
    -moz-animation: slideInLeft .5s ease-in-out;
    -o-animation: slideInLeft .5s ease-in-out;
    animation: slideInLeft .5s ease-in-out;
  }
  header nav ul
  {
    display: block;
    text-align: center;
  }
  header nav ul li ul li
  {
    width: 100%;
  }
}

/*************** [ END RESPONSIVE ] *********************/