@charset "utf-8";@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,700,900';body{font-family:'Roboto', sans-serif;background:url(../images/bg.png);}

.modal-dialog { width:850px;} 
.modal-content { overflow:hidden; padding:20px; }
.loadleft { float:left; }
.loadright { float:right; }




.topline{background-color:#333333;}
.navline{background-color:#fff;border-bottom:6px solid #fff;}
.navbar-inverse{background-color:#fff!important;border:none!important;  background:url(../images/shadow-flip.png) center bottom	 no-repeat;}
.navbar-inverse .navbar-nav>li>a{color:#333;font-size:12px;}
.navbar-brand{padding:0;}
.topcontact{text-align:right;padding-top:6px;padding-bottom:6px;padding-right:26px; color:#333;}
.topcontact a{color:#333;}
.topcontact a:hover{text-decoration:none;}
.footbg1{background-color:#16a7ae;color:#fff;font-size:12px;}
.footbg1 a{color:#fff;}
.footbg1 ul{list-style-type:none;margin:0;padding:0;}
.footbg1 ul li{padding:4px 0;}
.footbg1 h3{color:#fff;}
.footermedia{font-size:42px;color:#FFF;}
.footbg2{background-color:#0a949b;color:#fff;text-align:center;padding:8px 0;font-size:12px;}
.footbg2 a{color:#fff;padding:0 20px;}
.footbg2 div{padding:4px 0;}
.homecontent{}
.homecontent h1{color:#484948;font-family:impact!important;font-weight:normal;text-align:center;font-size:38px;}
.homecontent h1 strong{color:#fe8503;font-weight:normal;}
.homecontent p{text-align:justify;}
.innercontent{}
.innercontent h1, h2, h3, h4{font-weight:normal;}
.innercontent h4{font-size:24px;border-bottom:1px dashed #1da650;padding-bottom:6px;}
.innercontent p{text-align:justify;}
.quickform{padding:16px 10px;background-color:#fff;border:1px solid #e6e6e6;}
.formhead h4{background:#fe8503;margin:0;padding:12px 12px;font-size:24px;color:#fff;font-weight:normal;}
.halfright{padding:0 0 0 5px;}
.halfleft{padding:0 5px 0 0;}
.form-group{margin-bottom:8px;}
.checkcontent{font-size:11px;}
.formbutton{float:none;}
.duration{color:#fe8503;font-size:20px;}
.covered{font-size:13px;border-bottom:1px dashed #1da650;padding:4px 4px 4px 0;color:#000;}
.days{display:block;line-height:normal;font-size:25px;color:#555555;font-family:impact!important;}
.days strong{color:#fe8503;font-size:26px;font-weight:normal;}
.inquirybutton{font-size:20px;background:#009fd1;padding:9px 25px 10px 25px;margin-top:10px;text-decoration:none;display:inline-block;font-weight:bold;color:#FFFFFF;text-align:center;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);}
.encolor{color:#FF6;}
a.inquirybutton{text-decoration:none!important;color:#FFF;}
a:hover.inquirybutton{text-decoration:none!important;color:#FFF;background:#00aadf;}
.navbar{min-height:66px;}
.navbar-inverse .navbar-nav>li>a{font-size:14px;}
.navbar-nav>li>a{line-height:36px;}
.navbar-nav>li>a:hover{background-color:#333!important;}
.navbar-brand>img{padding-top:14px;}
.packagelist{position:relative;height:208px;overflow:hidden;}
.packagelist img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;width:100%;}
.packagelist:hover img{-webkit-transform:translate3d(0,-80px,0);transform:scale(1.2);transition:all 250ms ease;}
a.packagelistlink{color:#FFF;}
.nightspackage{position:absolute;top:0;background-color:#16a7ae;padding:6px 10px;font-family:impact!important;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.6);}
.videomargin{margin:14px 0; }
.packagemargin{margin:14px 0;}
.packagetext{background-color:#FFF;padding:8px 12px;font-weight:bold;color:#333;font-size:16px;box-shadow:0px 3px 8px rgba(68,68,68,0.2);}
.hotelsdiv{}
.hotelsdiv ul{margin:0;padding-left:15px;}
.hotelsdiv ul li{margin:4px 0;}
.hotelsdiv ul li a{color:#090;}
.viewallbutton{font-size:20px!important;padding-left:20px;padding-right:20px;}
.largeform{background-color:#f0f0f0;padding:20px;}
.largeform .control-label{display:block;text-align:left;font-weight:normal;}
.largeform .form-group{height:63px;}
.marginformleft{margin-left:2%!important;}
.form-horizontal .form-group{margin-right:0;margin-left:0;}
.date-pick{background-color:#fff;}
.fieldrequired{background-color:#ff7240;padding:10px 16px;color:#FFF;margin-bottom:12px;}
.control-label span{font-weight:bold;color:#ff7240;padding-left:3px;}
.notestyle { color:#C03; }

.dealtoprighitline { text-align:right; color:#333; font-size:14px; padding-top:20px;}
.dealtoprighitline a { color:#333; }

.packagedeal{ background-color:#fff; box-shadow:0px 3px 8px rgba(68,68,68,0.2); padding:10px; }
.packagedealimg { height:208px; overflow:hidden;  }
.packagedealimg img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;width:100%;}
.packagedealimg:hover img{-webkit-transform:translate3d(0,-80px,0);transform:scale(1.2);transition:all 250ms ease;}

.dealtext { font-size:16px; padding:4px 0; color:#000; font-weight:bold; }
.dealdays { font-size:14px; color:#066; font-weight:bold; }
.dealprice { font-size:14px; }
.dealprice span { font-size:16px; color:#F30; font-weight:bold; }
.dealgraphic { }
.dealgraphic ul { list-style-type:none; margin:0; padding:0;  }
.dealgraphic ul li { display:inline-block; margin:0; padding:0 12px; text-align:center;  }
.dealgraphic ul li figure { font-size:30px; }
.dealinclusions { }
 ul.dealinclusions { margin:0; padding:0; }
ul.dealinclusions li  { margin:6px 0; padding:0 0 0 18px; list-style-type:none; background:url(../images/arrow1.png) left  top no-repeat; background-position: 0 2px;}
.inclusionheading { display:block; font-size:20px; color:#000; padding:6px 0; }
.abstyle { font-size:14px; color:#06F; }
.wcstyle { font-size:40px; }
.bustyle { float:right; font-size:16px;}

.dealbanner { width:100%; background:url(../images/banner-1.jpg) center no-repeat; height:452px;}
.dealbanner h1 { text-align:center; font-size:40px; margin:0; margin-top:26%;  color:#fff; font-weight:normal; }
.dealbanner h2 { text-align:center; font-size:60px; margin:0; color:#fff; font-weight:normal;  }

ul.bannerlist { margin:18px 0 0 0; padding:0; font-size:18px; }
ul.bannerlist li { margin:0; padding:6px 0 6px 28px; list-style-type:none; background:url(../images/right.jpg) left no-repeat; }

.badge1 { background:url(../images/badge1.png) right no-repeat; }

.middlebox { background:#099; padding:20px 10px;  overflow:auto; color:#FFF; }
.whyhead { font-size:18px; color:#FF9; }
.whyulli { font-size:12px; margin:10px 0; }
.whyulli li { line-height:1.8em; }

.mfotterfixed { position:fixed; bottom:0; width:100%; }
.foot-call { margin:0; width:50%; float:left; background-color:#333; text-align:center; font-size:20px;color:#fff;  }
.foot-whatsappp { margin:0;width:50%; float:right; background-color:#090; text-align:center; font-size:20px; color:#fff; }
.foot-call a { padding:10px; display:block; color:#fff; text-decoration:none;}
.foot-whatsappp a { padding:10px;display:block; color:#fff; text-decoration:none; }
.footwsty { font-size:24px; }
.largewhat { position:fixed; bottom:0; right:0;  }

.popup {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
    }

    .popup-content {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      padding: 20px;
      border-radius: 5px;
      width: 450px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

details {
  position:relative;
}
details summary {
    display: block;
    cursor: pointer;
    color: red;
    margin: 10px 0px;
	
    
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  padding-top:0px;
 
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details #open{padding-left:18px;}
details #open:after{
    display: inline-block;
    position:relative;
    top: -3px;
    padding-left: 8px;
    /*content: "\00bb";*/
    /*transform: rotate(90deg);*/
}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block; padding-left:18px;}

::-webkit-details-marker {display: none;}





.demo-1 {
 height: 40px;  
 overflow: hidden;
 position: relative;
}

.demo-1 h3 {
 font-size: 16px;
 color: #F00;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: demo-1 20s linear infinite;
 -webkit-animation: demo-1 20s linear infinite;
 animation: demo-1 20s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes demo-1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes demo-1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes demo-1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);     
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}