body{ padding: 0px; margin: 0px; font-weight: 400;font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}
ul, li{ list-style: none}

/*------------Font Face------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,900,900i');

/*--------------------------Header Top----------------------------*/

.header-top .dropdown-menu.pull-right { left: 0; right: auto;}
.explore_btn{ display: inline-block; color: #FEDD00; font-size: 18px; padding:15px 0px; border-radius: 30px; border:1px #fff solid; font-weight: 500;
 margin-top: 90px; font-family: 'Roboto', sans-serif;  text-transform: uppercase; width: 280px;background: transparent; }

.explore_btn { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
 box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color;
 transition-property: color, background-color;}
.explore_btn:hover, .explore_btn:focus, .explore_btn:active { background: #FEDD00; border-color: #FEDD00; color: #000 }
.explore_btn:focus { background: transparent; border-color: #fff; color: #FEDD00 }
/**-------------------------Header--------------------------------*/
.header .navbar-brand { height: auto; padding: 15px 0; margin: 0 !important; width: 100%}
.header .navbar.navbar-default{ background: transparent; border: 0 none; border-radius: 0; margin: 0;}
.header .collapse.navbar-collapse{ float: right; width: 100%}
.slider_cover { display: inline-block; text-align: center; width: 100%; padding-top: 60px;}
.slider_cover h1{ color: #fff; font-size: 106px; font-family: 'Roboto', sans-serif; font-weight: 600; text-shadow: none; line-height: 90px}
.slider_cover h5{ color: #fff;  font-family: 'Roboto', sans-serif; font-weight: 400; text-shadow: none;font-size: 20px;letter-spacing: 6px;}
.slider { float: left; position: relative; width: 100%;background: #000 url("../img/bg1.jpg") no-repeat top center; padding-bottom: 100px;
  background-attachment: fixed; background-size: cover }
.header { float: left; width: 100%; z-index: 999;}
.header .navbar-default .navbar-nav > li > a { color: #fff; margin: 0 1px 0 0; padding: 25px 22px;font-family: 'Roboto', sans-serif; font-size: 17px;}
.header .navbar-default .navbar-nav > li > a:hover { color: #ffdd00; background: transparent }
.header .navbar-default .navbar-nav > .active > a, 
.header .navbar-default .navbar-nav > .active > a:hover, 
.header .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: transparent}
.header .navbar.navbar-default ul.nav.navbar-nav{margin: 0; float: none; display: inline-block}
.login_menu{ float: left; width: 100%;  padding: 14px 0; text-align: right}
.login_menu li{ display: inline-block; position: relative }
.login_menu li a{ display: block; color: #fff; font-size: 15px;  padding: 0 8px; line-height: 18px;}
.login_menu li a:hover{ color: #FFDD00 }
.login_menu li:first-child{ border-right: 1px #7fd3eb solid}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 14px 17px;}
.header-top { border-bottom: 1px solid #7fd3eb; width: 100%;}
.header .navbar-header{ display: inline-block; float: none  }
.country_bx { border-right: 1px solid #7fd3eb; float: left; padding: 7px 0; width: 95px}
.country_bx .btn-default { background-color: transparent; border-color: transparent; color: #fff; font-size: 15px;}
.country_bx_last{ border-right: none    }
.country_bx .btn-default:active, 
.country_bx .btn-default.active, 
.country_bx .open > .dropdown-toggle.btn-default { background-color: transparent; border-color: transparent; color: #fff; box-shadow: none}
/*-------------------------------------------------------*/
.fixed-me{ background:rgba(0, 0, 0, 0.9) ; padding: 0px  !important; margin-bottom: 5px; position: fixed; top:0;z-index:888;width: 100%;
 border-bottom: 3px solid #ffdd00 !important; left: 0;}
.navbar-me {   transition: all 1s ; text-align: center}
.navbar-me{ padding: 0px 0px; top: 0px; border: 0px; border-radius: 0px; margin: 0}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 6px 0 0;}
.header .fixed-me .navbar-brand { height: auto; padding: 5px 0; width: 124px;}
.header .fixed-me .navbar-brand { height: auto; padding: 10px 0;}
.header .fixed-me .navbar-brand{ display: inline-block}
.header .fixed-me .collapse.navbar-collapse {  width: 85%;}
/*----------------------------booking-section--------------------------------------*/
.booking-section{ background: #FFDD00; padding-bottom: 30px;}
.booking-section .nav-tabs > li { float: left; margin-bottom: -1px; text-align: center; width: 25%;}
.booking-section .nav-tabs { border-bottom: medium none; margin-top: -40px}
.nav-tabs > li > a { border: none; border-radius: 0; line-height: 1.42857; margin-right: 2px; background: #222222; color: #fff; font-size: 15px;
  font-weight: 500;}
.nav-tabs > li > a i{ margin-right: 5px;}
.booking-section .nav-tabs > li.active > a, .booking-section .nav-tabs > li.active > a:hover, .booking-section .nav-tabs > li.active > a:focus,
.booking-section .nav-tabs > li > a:hover{ background: #FFDD00; color: #222; border: none}
.booking-section .tab-content > .active { display: block; padding: 50px 0;}
.booking_bx{ float: left; width: 100%}
.booking_bx h3{ display: block; text-align: center; color: #222222; font-weight: 600; font-size: 25px; text-transform: uppercase}
.booking_form{ float: left; width: 100%; padding-top: 30px;}
.booking_form .form-group{ width: 28%; float: left; margin-right: 10px;}
.booking_form .form-group label{ font-weight: normal; font-size: 15px; color: #666}
.booking_form .form-group-input .form-control{ border: none; border-radius: 0; box-shadow: none; font-size: 14px; color: #222; }
.booking_form .form-group-date{ width: 15%}
.booking_form .form-group-selection{ width: 10%}
.booking_form .form-group-btn{ margin-right: 0; float: right; width: auto}
.search_btn{ background: #222222; border: 1px #222222 solid; border-radius: 30px; padding: 0 30px; height: 34px; color: #FFDD00; text-transform: uppercase}
.search_btn:hover, .search_btn:focus{ background: #FFDD00; border: 1px #222 solid; color: #222}
.form-group-input { float: left; position: relative; width: 100%;}
.help-icon { color: #999; position: absolute; right: 6px; top: 6px;}

/*-----------------------Why Choose Us-----------------*/
.why-choose-section{ background: #fff; padding: 60px 0}
.how-itwork-service { display: inline-block;  width: 100%;}
.how-itwork-service .jumbotron{ padding: 0; background: transparent}
.how-itwork-service .jumbotron p{ color: #727272; font-size: 16px; font-style: italic; line-height: 30px; font-weight: 300; padding-top: 30px;}
.how-itwork-service .jumbotron h1{ color: #000; font-size: 44px; font-weight: 400; padding-top: 20px; }
.how-itwork-service .btn-primary{ background: #FFDD00; border: none; border-radius: 30px; padding: 12px 30px; color: #222; margin-top: 20px;}
.how-itwork-service .btn-primary:hover, .search_btn:focus{ background: #222; border: none; color: #FFDD00}
/*-----------------------------package-section-------------*/
.package-section{ padding:  70px 0; background: url("../img/bg2.jpg") no-repeat top center; }
.package-section .page-header{ border: none; margin-top: 0}
.package-section .page-header h2{ color: #fff; font-size: 40px; font-weight: 500;}
.package-section .page-header h2 small{ display: block; color: #fff; font-size: 19px; padding-top: 3px;}
.tour-packages-service{ display: inline-block; width: 100%; padding-top: 20px;}
.tour-packages-service .thumbnail {  background-color: transparent;  border: medium none;  border-radius: 0;  padding: 0;}

.tour-packages-service .thumbnail .caption { background: #ececec; padding: 20px;}
.aption_left { display: inline-block; width: 54%; vertical-align: middle}
.aption_left h3{ font-size: 20px; color: #000;}
.aption_left p{ font-size: 16px;color: #222222; font-weight: 300}
.price_packages { display: inline-block; color: #ffa000; font-size: 22px; font-weight: 600; padding-top: 10px;}
.price_packages span{font-size: 16px; color: #222; font-weight: 400; text-decoration: line-through; margin-left: 3px;}
.tour-packages-service .btn-primary{ background: #D6D6D6; border: none; border-radius: 30px; font-size: 16px; padding: 7px 20px; color: #222; }
.tour-packages-service .btn-primary:hover, .search_btn:focus{ background: #FFDD00; border: none; color: #222}
.populer-section{ padding: 70px 0}
.populer-section .page-header{ border: none; margin-top: 0}
.populer-section .page-header h2{ color: #222; font-size: 30px; font-weight: 500;}

/**-------------explore-dream---------------------*/
.explore-dream-section{padding:  0px 0; background: url("../img/bg3.jpg") no-repeat top center; position: relative; background-attachment: fixed; 
                      background-size: cover; display: table }
.explore-dream-section .banner-left { display: table-cell; height: 100%; vertical-align: middle; width: 50%; }
.explore-dream-sectiond:before{ position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 50%; background: rgba(255, 255, 255, 0.5);}
.explore-dream-section .banner-left h2{ font-size: 87px; font-weight: 600;background-color: rgba(255, 255, 255, 0.85);color: #000000; font-weight: 900;
 margin: 0; mix-blend-mode: lighten; overflow: hidden; text-transform: uppercase; padding: 70px 10%}
.explore-dream-section h2 span{ font-size: 36px; display: block}
.explore-dream-section .banner-right { display: table-cell; vertical-align: middle; color: #ffffff}
.text-salebox { display: table; margin: 0 auto; width: 520px;}
.text-salebox .text-left { display: table-cell; vertical-align: top;}
.text-salebox .text-left .sale-box .sale-box-top { display: inline-block; position: relative;}
.text-salebox .text-left .sale-box .number { display: inline-block; font-size: 90px; font-weight: 900; line-height: 1; margin: 0;}
.text-salebox .text-left .sale-box .sup-1 { display: block; font-size: 40px; font-weight: 900; left: 100%; line-height: 1; position: absolute; top: 10px;}
.text-salebox .text-left .sale-box .sup-2 { bottom: 8px; display: block; font-size: 36px; font-weight: 900; left: 100%; line-height: 1; position: absolute;
 text-transform: uppercase;}
.text-salebox .text-left .sale-box .text-sale { color: #ffffff; font-size: 72px; font-weight: 900; line-height: 55px; margin: 0; text-transform: uppercase;}
.text-salebox .text-left .sale-box .number { color: #ffdd00;}
.text-salebox .text-left .sale-box .sup-1 { color: #ffdd00;}
.text-salebox .text-right { display: table-cell; padding-left: 20px; padding-top: 13px; text-align: left; vertical-align: top;}
.text-salebox .text-right .title { border-bottom: 1px solid #ffffff; display: inline-block; font-size: 20px; line-height: 24px; margin: 0; padding: 0 0 5px;
  text-transform: capitalize;}
.text-salebox .text-right .text { margin: 0;}
.text-salebox .text-right .group-button { margin-top: 9px;}
.btn.btn-maincolor { color: #3c3c3c;}
.btn.btn-maincolor { background-color: #ffdd00; border: 1px solid #ffdd00; border-radius: 50px; transition: all 0.5s ease 0s;}
.group-button .btn:first-child { margin-right: 15px;}
.text-salebox .text-right .group-button .btn { padding-left: 20px; padding-right: 20px; text-transform: capitalize; width: auto; border-radius: 50px;
  transition: all 0.5s ease 0s;}
.btn.btn-maincolor:hover { background-color: #3c3c3c; border: 1px solid #3c3c3c; color: #ffffff;}
.text-salebox .text-right .group-button .btn.btn-transparent { border: 1px solid #ffffff; color: #ffffff;}
.text-salebox .text-right .group-button .btn.btn-transparent:hover { border: 1px solid #3c3c3c; background-color: #3c3c3c;}
/*---------------Why Choose-------------------*/
.tour-choose-service .thumbnail { border: medium none; border-radius: 0; padding: 0;  margin-bottom: 40px;}
.tour-choose-service .thumbnail i{ color: #FFDD00;  font-size: 50px;}
.tour-choose-service .thumbnail .caption { color: #333; padding:20px 0;}
.tour-choose-service .thumbnail .caption h3{ font-size: 20px;color: #222;font-weight: 600;}
.tour-choose-service .thumbnail .caption p{ font-size: 14px;line-height: 26px;color: #8c8c8c; font-weight: 400; padding-top: 20px;}
.tour-choose-service { display: inline-block; padding-top: 20px; width: 100%;}


/*-----------------------happy-traveler-----------*/
.happy-traveler-section{padding:  70px 0; background: url("../img/bg4.jpg") no-repeat top center; position: relative; background-attachment: fixed; 
   background-size: cover;  float: left}
.page-header-title{ margin: 0 0 20px;}
.page-header-title h2 { color: #fff; font-size: 54px; font-weight: 500;}
.happy-traveler-service{ display: inline-block; width: 100%; padding-top: 60px; }
.happy-traveler-service .thumbnail {  background-color: #fff;  border: medium none;  border-radius: 0;  display: block;  line-height: 1.42857;
  margin-bottom: 20px; padding: 54px 24px 30px; transition: border 0.2s ease-in-out 0s; margin-top: 50px;}
.happy-traveler-service .thumbnail .caption h3{ font-size: 16px;color: #222;font-weight: 600;}
.happy-traveler-service .thumbnail .caption p{ font-size: 14px;line-height: 20px;color: #8c8c8c; font-weight: 400; padding: 20px 0; }
.happy-traveler-service .thumbnail .caption span{ font-size: 15px;line-height: 20px;color: #262e3a; font-weight: 400; }
.thumbnail_happy_img { left: 0; position: absolute ;top: 0px; width: 100%;}

.clinte-traveler-section{ padding: 70px 0;}
.clinte-traveler-section ul{ display: inline-block; width: 100%; text-align: center;}
.clinte-traveler-section ul li{ display: inline-block; margin: 0 15px;}
/*---------------Footer-------------------*/
.footer { background: #181601 ; display: inline-block; width: 100%; padding: 0; color: #333;} 
.footer_center p{font-size: 15px;line-height: 24px;color: rgb(255,255,255); padding-top: 50px; width: 80%}
.footer_center{ display: inline-block; width: 100%; padding: 20px 0}
.title-widget {color: #fff;font-size: 16px;font-weight: 400;line-height: 1;position: relative; margin: 63px 0 25px; display: inline-block; width: 100%}
.title-widget span {position: relative; display: inline-block; width: 100%}
.widget_nav_menu ul { list-style: outside none none; padding-left: 0; padding-top: 20px;}
.widget_nav_menu ul li { position: relative;  margin-bottom: 7px;width:95%;}
.widget_nav_menu ul li a{ font-size: 15px; line-height: 20px; color: #fff; font-weight: 400;  }
.copyright a:hover,
.widget_nav_menu ul li a:hover{ color: #ffdd00}
.widget_nav_menu ul.menu_categori{ width: 50%; float: left}
.ftdrop3,
.ftdrop2,
.ftdrop1{ display: none}
.footerp{ display: inline-block; width: 100%; padding-top: 25px;}
.nomargin a i:hover {
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
			}
			
.nomargin a i {-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;	}           

.nomargin { margin:10px 0 0; padding:0px;}
.nomargin a {  color: #fff} 
.nomargin a:hover {  color: #01A5C1}  
.nomargin a i{ font-size: 35px; width: 60px; height: 52px;line-height: 48px; text-align: left; }
.footer-bottom { width: 100%; padding: 15px 10px; background: #181601; float: left}
.copyright { color: #fff; padding: 0px 0; font-size: 15px;}
.copyright a{ color: #fff; padding: 0px 5px;}

.contact_info { color: #fff; display: inline-block; font-size: 15px; margin-bottom: 20px; width: 100%;}
.contact_info i{ width: 30px; font-size: 16px;}
/*-----------------------**/
.header .navbar-brand > img { display: inline-block;}
.form-group.dartt {
  width: 22%;
}
/*-------------------------------Media css-------------*/
@media only screen and (max-width:1200px){
.header .navbar-default .navbar-nav > li > a { padding: 25px 18px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 14px 8px;}
}
@media only screen and (max-width:1100px){
.header .navbar-default .navbar-nav > li > a { padding: 25px 17px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 12px 9px;}
.header .fixed-me .navbar-brand { width: 80px;}
.explore-dream-section .banner-left h2 { font-size: 37px;}
.clinte-traveler-section ul li { margin: 0 1%; width: 17%;}
.aption_left {
  width: 100%;
}
.tour-packages-service .thumbnail img{ width: 100%; height: 100%}
}
@media only screen and (max-width:991px){
.footer_center .list-unstyled { min-height: 250px;}
.header .navbar-default .navbar-nav > li > a {  padding:16px 13px; font-size: 13px;}
.header {position: relative;}
.header .navbar.navbar-default ul.nav.navbar-nav { }
.header .fixed-me .navbar-brand { width: 80px;}
.header .navbar-default .fixed-me .navbar-nav > li > a { padding: 6px 8px;}
.header .navbar.navbar-default .fixed-me ul.nav.navbar-nav { margin: 13px 0 0;}
.contact_info { font-size: 13px;}
.contact_info i { font-size: 14px; width: 20px;}
.title-widget { margin-top: 28px;}
.footer_center p{ width: 100%}
.booking_form .form-group { margin-right: 1%; width: 32%;}
.clinte-traveler-section ul li { margin: 0 1%; width: 17%;}
.aption_left {
  width: 54%;
}
.aption_left h3 {
  font-size: 16px;
}
}
@media only screen and (max-width:767px){
.slider_cover h1 { font-size: 33px; line-height: 42px;}
.header .navbar-collapse { float: right; left: 0; margin: 0; position: absolute; width: 100%; background: #000; top: 60px;}
.moddel-velue i { width: 40px;}
.header .navbar-toggle { margin-top: 30px;}
.header .navbar-toggle { margin-top: 12px;}
.header .navbar-brand{ margin-left: 10px !important;}
.header .navbar-default .navbar-nav > li > a { font-size: 15px; padding: 9px;}
.nomargin,
.footer_logo { text-align: center;}
.header-top .navbar-brand{ position: relative; z-index: 999; width: 100%; text-align: center}
.header-top .navbar-brand > img { display: inline-block;}
.header .fixed-me .collapse.navbar-collapse { width: 100%;}
.header .navbar.navbar-default ul.nav.navbar-nav { margin: 14px 0 0;}
.ftdrop2::after, 
.ftdrop1::after, 
.ftdrop3::after, 
.ftdrop4::after, 
.ftdrop5::after{color:#fff;content:"+";font-family:"robotolight";font-size:30px;font-weight:normal;position:absolute;right:10px;top:-4px; cursor: pointer}
.ftopen1::after, 
.ftopen2::after, 
.ftopen3::after, 
.ftopen4::after, 
.ftopen5::after{content:"_";top:-19px;}
.ftblock1, 
.ftblock2, 
.ftblock3, 
.ftblock4, 
.ftblock5{padding:0 0px; display: none}
.ftdrop5, .ftdrop4, .ftdrop3, .ftdrop2, .ftdrop1 { display: inline-block; width: 100%; cursor: pointer}
.mobile_sh{ display: none}
.footer_center .list-unstyled { min-height:0px; margin-bottom: 20px;}
.header .navbar-header { display: inline-block; float: none; width: 100%;}
.header .fixed-me .navbar-brand { width: 130px;}
.booking-section .nav-tabs { margin-top: 0;}
.booking_form { padding: 30px;}
.booking_form .form-group { margin-right: 0; width: 100%;}
.booking_form .form-group-selection,
.booking_form .form-group-date { width: 100%;}
.explore-dream-section .banner-left {display: inline-block;  float: left;  height: 100%;  text-align: center;  vertical-align: middle; width: 100%;}
.explore-dream-section .banner-right { display: inline-block; float: left; width: 100%;}
.text-salebox { display: inline-block; margin: 0 auto; width: 100%; padding: 20px;}
.text-salebox .text-left { display: inline-block; width: 100%;}
.text-salebox .text-right { display: inline-block; padding-left: 0;padding-top: 13px; width: 100%;}
.clinte-traveler-section {padding: 20px 0;}
.clinte-traveler-section ul li { margin: 0 1%; width:30%;}
.footer_center .pull-right { float: right; width: 100%;}
.title-widget { margin: 12px 0;}
.slider_cover h5 { font-size: 15px;}
.tour-packages-service .thumbnail {
  display: inline-block;
  text-align: left;
  width: 370px;
}
.tour-packages-service { text-align: center
}
.thumbnail_happy_img {
  left: 0;
  position: absolute;
  top: -50px;
  width: 100%;
}
.header-top .form-group {
  float: left;
   margin-bottom: 0;
}
}
@media only screen and (max-width:479px){
.slider_cover { padding: 10px 0; }
.slider .slider_cover img { width: 42px;}
.slider_cover h2 { font-size: 16px;}

.how-itwork-service .list-group-item { font-size: 14px;}
.slider .carousel-caption { padding-top: 4px;}
.header-top .pull-right{ width: 100%}
.login_menu { text-align: center;}
.clinte-traveler-section ul li { margin: 0 1%; width: 45%;}
.tour-packages-service .thumbnail {
  width: 100%;
}
.header-top {
  border-bottom: medium none;
  width: 100%;
}
.header-top .form-group {
  border-bottom: 1px solid #7fd3eb;
  float: left;
  width: 100%;
}
}