body { margin:0px; padding:0px; font-family:segoeui; font-size:16px; color:#3d3d3d;}
strong {font-family:segoeuib; font-weight:normal;}
ul { margin:0; padding:0; list-style:none;}
h1,h2,h3,p {padding:5px 0;;margin:0;}
.space20
{
  padding: 20px;
}
.section { float:left; width:100%;}
.hg_54 { height:40px;}
.redBox { padding:15px 18px;}
.redBox ul{}
.redBox ul li{ 
	background:#ca3538;
	display:inline-block;
	padding:15px 18px;
	border-radius: 30px;
}
.redBox ul li+li{margin-left:16px;}
.redBox ul li.whatsapp { background:#008000;}
.help-btn-wraper{padding:15px 0px;}
.help-btn-wraper ul li{padding: 12px 14px; border: solid 4px #fff;}
.help-btn-wraper ul li+li{margin-left:0px;  margin-top: 16px;}    
.help-btn-wraper ul li span.text{display:none;}
.row_2 { margin:0 -2px;}
.row_20 { margin:0 -20px;}

/** { transition: all 0.1s linear}
*/.heading {  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
  padding-top: 0px;
  color: #0c5bb8;}
.sliderArrowControl {position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;}
    .carousel-control {
      cursor: pointer;
    }
.requiredLabel {font-size:12px;color:#ccc;}
.contactForm .help-block {right: 16px !important;}
/*Itinary Page Css Start */
.itinaryPicture,.itinaryDetail,.itinayButton {padding:8px;vertical-align:top;}
.tble { display:table; margin:7px 0;float:left;}
.itinaryDetail a {font-size:14px;color:#0c5bb8;display:block; cursor:pointer;}
.itinaryDetail p {font-size:16px;display:block;}
.itinaryPicture {padding:0px;}
.itinaryPicture img {width:100%;}
.tble > .section,.tble > .section { transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.tble:focus > .section,.tble:hover > .section {    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;}
.listing { margin-left:18px; padding:0px;}
.listing > li { list-style:outside; list-style-type:circle; padding-left:10px; font-size:16px;}
.minHgt { min-height:355px;}
.liGutterSpace > li { margin-bottom:10px;}
.itinaryDaySchedule { margin:15px 0;}
.itinaryDaySchedule h1 { font-size:16px; font-weight:bold; padding-bottom:2px;padding-top:0px; color:#0c5bb8;}
.itinaryDaySchedule p {font-size:15px;padding-bottom:5px;padding-top:0px;text-align:justify;}
/*Itinary Page Css End */
.blue { color:#0c5bb8;}
.red { color:#ca3538;}
.newTabListing {  border-bottom: solid 1px #ccc;
  float: left;
  width: 100%;
    margin-bottom: 9px;
}
.newTabListing li {
  float: left;
  /* display: block; */
  border-radius: 3px;
    position: relative;
  border: solid 1px #fff;
}
  
  .newTabListing li.active {
   float: left;
  /* display: block; */
  border-radius: 3px;
  border: solid 1px #ccc;
  border-bottom: #fff;
  position: relative;
  bottom: -2px;
  background-color: #fff;}


.newTabListing li a {
    padding: 9px 14px;
  display: block;
  font-size: 17px;
color:#5a5a5a;}

  .newTabListing li.active a {
   color:#428bca;}



/*Navigation Css Start */
#navbar {padding:0 !important;}
.navbar-toggle { border-color:#fff !important;}
.navbar-toggle .icon-bar { background:#fff;}
.mainNav { margin:0px !important; display:table; width:100%;}
.mainNav > li { display:table-cell;width:1%; float: none; }
.mainNav > li > a { color:#fff; display:block; font-size:17px; 
    text-align: center; padding:10px; white-space:nowrap;}
.mainNav > li > a:hover,.mainNav > li > a:focus,.mainNav > li > a.active	{ background:#ca3538; text-decoration:none;}
.stickNav{ position:fixed; margin-top:-20px;}
/*Navigation Css Start */

/*Section Bg css Start*/
.trending_DestinationBg { background:url(../img/trending_destinationBg.jpg) 0 0 repeat;background-size: 100%;}
.BannerImage1 { background:url(../img/trandingdest/banner/mauritius.jpg) center 0 repeat-x;   background-size:100%}
.BannerImage2 { background:url(../img/trandingdest/banner/switzerland.jpg) center 0 repeat-x;   background-size: 100%}
.BannerImage3 { background:url(../img/trandingdest/banner/hongkong.jpg) center 0 repeat-x;   background-size:100%}
.BannerImage4 { background:url(../img/trandingdest/banner/thailand.jpg) center 0 repeat-x;   background-size: 100%;}
.BannerImage5 { background:url(../img/trandingdest/banner/dubai.jpg) center 0 repeat-x;   background-size: 100%;}
.BannerImage6 { background:url(../img/goa/banners/goa-holiday.jpg) center 0 repeat-x;   background-size: 100%;}
.BannerImage7 { background:url(../img/trandingdest/banner/excon-banglore.jpg) center 0 repeat-x;   background-size: 100%;}
.skywing_pckg { background:url(../img/skywing_pckg_bg.jpg) 0 0 repeat;background-size: 100%;margin-bottom: 40px;}

/*Section Bg css End*/


/*Home Page css Start*/
.trendingDestination_text,.upcomingDs_text { position:absolute; width:100%; bottom:0; padding:20px 10px; font-weight:bold; background:url(../img/black_shadow.png) 0 0 no-repeat;}
.testimonialsArrow { position:absolute; width:85px; height:43px;right: 0;
    top: -64px; cursor:pointer;}
    .testimonialsArrow > .bjqs-prev { background:url(../img/arrow_prev_next.png) 0 0 no-repeat;    height: 51px;
    width: 38px; float: left;
}
    .testimonialsArrow > .bjqs-next { background:url(../img/arrow_prev_next.png) right 0 no-repeat;    height: 51px;
    width: 38px;float: left;
}
    .testimonialsArrow > li > a { display: block; width: 100%; height: 100%;} 

  .bjqs-markers { display:none;}
  ul.bjqs { min-height:220px;}
  li.bjqs-slide,ul.bjqs {transition:initial;}
/*Home Page css End*/


/*Inner Page css Start*/
.innerForm { padding:10px; border:solid 1px #dadada; background:#0c5bb8;}

.innerForm  label { color:#fff;font-weight:normal;font-size:16px;}
.itinaryDeatil__cntr {padding:4px; width:33.33333333333%; float:left; }
.itinaryDeatil__cntr > .thumbPs { position:relative;}
.itinaryDeatil__cntr > .thumbPs  > .tagName {padding:10px; width:100%; position:absolute; left:0;bottom:0; font-size:20px; color:#fff; text-align:right; background:#000;}
.row_4 {margin-left:-4px;margin-right:-4px}
/*Inner Page css End*/


/*font Css Start*/
.font13 { font-size:13px;}
.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font18 { font-size:18px;}
.font17 { font-size:17px;}
.font16 { font-size:16px;}
.font20 { font-size:20px;}
.font33 { font-size:33px;}
.font32 { font-size:32px;}
.font36 { font-size:36px;}
.font39 { font-size:39px;}
.font25 { font-size:25px;}
.font13 { font-size:13px;}
.font21 { font-size:21px;}
.font22 { font-size:22px;}
.font23 { font-size:23px;}
/*font Css End*/


/*Color Css Start*/

.white { color:#fff;}
.blue { color:#0750a7;}
.grey {color:#a3a3a3;}
.greyDark {color:#343434;}

.red {color:#ed1f24;}
.greyBG {background:#ededed; border-bottom:solid 1px #c1c1c1;}
.borderGrey {border:solid 1px #d4d4d4;}
/*Color Css End*/

/*Extra Css Start*/
.text-center { text-align:center;}
.text-justify { text-align:justify;}
.text_upercase { text-transform:uppercase;}
.lineHgt_32 { line-height:16px;}
.lineHgt_44 { line-height:44px;}
.lineHgt_no { line-height:0;}
.mr_tNgt9 { margin-top:-9px;}
.mr_t30 { margin-top:26px !important;}
.ps_rel { position:relative;}
.glyphicon-chevron-right:before,.glyphicon-chevron-left:before { content:inherit;}
.psrel { position:relative;}
.text_strong{ font-weight:bold;}
.blueBtn {color:#0c5bb8;border-color:#0c5bb8; background:none;}
/*Extra Css End*/

/*Grid Css Start*/
.col-x-20 { width:19.5222222222222222%; float:left; position:relative;}
.lg-col-7 { width:62%; float: left;}
.lg-col-3 { width:31.6555555555555%; float: left; position:relative;}
.lg-col-4 { width:38%; float: left;}
.col-x-8 { width:24.555555555%; float: left; position:relative;}
.col-x-7  { width:70%; float:left;}
.col-x-3  { width:30%;float:left;}
.col-x-6  { width:60%; float:left;}
.col-x-4  { width:40%;float:left;}
.col-x-9 {width:25%; float:left;}
.col-lq-4 {width:33.33333333333%;}
.col-sm-4 {}
.col-lq-4  {padding-left:15px;padding-right:15px;}
.rightCOl {float:left; width:100%;}
/*Grid Css Start*/



/*Margin and Padding Css Start*/
.mr_t20 { margin-top:20px;}
.mr_no { margin:0;}
.mr_b5 { margin-bottom:5px !important;}
.mr_l10 { margin-left:10px !important;}
.mr_b20 { margin-bottom:20px !important;}
.pd_lrb10 { padding:0 10px 10px 10px;}
.pd_lr15 { padding:5px 15px 0px 15px;}
.mr_b10 { margin-bottom:10px !important;}
.mr_tb10 { margin-top:10px !important;margin-bottom:10px !important;}

.mr_b15 { margin-bottom:15px !important;}
.pd_tb20 { padding:20px 0;}
.pd_t0b5 { padding:0 0 5px 0 !important ;}
.mr_lr2 { margin:0.23333333333344444444444%;}
.mr_lr_2 { margin:2px;}
.mr_tb10 { margin-top:10px; margin-bottom:10px;}
.container { width:85%;}
.mr_lr20 { margin-left:20px;margin-right:20px;}
.pd_lr20 { padding-left:20px;padding-right:20px;}
.pd_10 {padding:10px;}
.pd_none { padding: 0px;}
/*Margin and Padding Css Start*/


/*Background Css Start*/
.blueBg { background:#0c5bb8;}
.customeInput { border:solid 1px #aeafaf; border-radius:0; background:#ededed; resize:none;}
.btnfrmtng { width:100%; font-size:20px; border-radius:0; background:#0c5bb8;}
.btnfrmtng:hover { background:#074b9b;}
.white_border {border-color:#fff transparent -moz-use-text-color}
/*Background Css Start*/

/*News Css Start*/
 .newsCircle { background:#eeeeee; border-radius:50%; height:50px; width:50px; text-align:center;}
.newsDetail { width:78.5556%;}
/*News Css End*/

/*Upcoming Destination Css Start*/
.upcomingDestinationBG { background:url(../img/upcoming_destinationBG.jpg) 0 0 repeat;background-size: contain  contain;}
.ucpmingDest_placeholder { width:25%; float:left;}
.col-nw-3 { width:29%;    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative; float:right;} 
/*Upcoming Destination Css End*/

/*Footer Css Start*/
.footerNav { list-style:none; padding:0px; margin:0px;}
.footerNav > li { display:block;}
.footerNav > li > a { font-size:15px; color:#4d4d4d;}
.footerNav > li > a:hover,.footerNav > h1,.footerLinks > li > a { color:#0c5bb8;}
.footerNav > h1 { font-size:16px; font-weight:bold;}
/*Footer Css End*/

/*Itinary Listing Css Start*/
.daysInfo {position:absolute;right:0;bottom:15px; background:#ed1f24;color:#fff;font-size:18px; display:inline-block;padding:3px 5px;}
.itinaryLIstingCntr {border:solid 1px #e0e0e0;}
.listing__panelFooter {border-top:solid 1px #efefef; text-align:center; background:#f6f6f6;padding:5px;}
.itinary__rightNav { background:#fafafa;border:solid 1px #cfcfcf; padding:4px;}
.innerNavigation { list-style:none; padding:5px 0;}
.innerNavigation > li {font-size:15px;line-height:26px; border-bottom:dotted 1px #a2a2a2;padding:0 4px;}
.innerNavigation > li:last-child {border:none;}
.innerNavigation > li > a {color:#000;}
.listStyling {padding:0px; list-style:circle; list-style-position:outside;margin-left:21px;}
.listStyling > li {font-size:15px;line-height:24px;}
.listingBorder { border:solid 1px #0c5bb8;padding:10px; float:left;width: 100%;}
.gridStyling {border:solid 1px #ccc;border-collapse:collapse;font-size:15px;width:100%;}
.gridStyling td {border:solid 1px #ccc; padding:5px; vertical-align:top;}
.gridStyling th {border:solid 1px #ccc; padding:5px; vertical-align:top;}
.gridStyling tr:nth-child(odd) {background:#f9f9f9;}
.gridStyling tr:hover {background: #fdfde4;}

.help-block {    position: absolute;
    right: 0;
    top: -9px;
	    font-size: 13px;
		}
.enquiryButton { position: fixed;
        position: fixed;
        width: 50px;
        height: 50px;
        left: 24px;
        top: 45%;
        z-index: 9;}
		
		
		
		
		@-webkit-keyframes chatBtn {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes chatBtn {
  16.65% {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    -ms-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.chatBtn {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.chatBtn:hover {
  -webkit-animation-name: chatBtn;
  animation-name: chatBtn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

    .formCntr {
        width: 350px;
        background: #fff;
        position: absolute;
        bottom: 50px;
        z-index: 143;
        padding: 15px;
        border: solid 1px #ccc;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.48);

    }
    .closeBtn{   position: absolute;
    right: -9px;
    top: -13px;
    width: 28px;
    height: 28px;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: solid 3px #fff;
    line-height: 18px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
		cursor:pointer;
        z-index:9;
    }
    .chatBtn {
        height: 50px;
        width: 50px;
        background: #0c5bb8;
        border: solid 4px #fff;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.60);
    border-radius:50%;}
	
	.chatBtn:focus {outline:none;}

.psRel {position:relative;}
/*
Back to top button 
*/
#back-top {
  position: fixed;
  bottom: 30px;
  right:1%;
}
#back-top a {
   width: 83px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  color: #000;
}
/* arrow icon (span tag) */
#back-top span {
  width: 40px;
  height: 40px;
  display: block;
  margin-bottom: 7px;
  background: #ddd url(../img/up-arrow.png) no-repeat center center;
  /* rounded corners */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
    margin-left: 14px;
}
#back-top a:hover span {
  background-color: #777;
}
/*Footer Css End*/

/*Itinary Detail Css Start*/
.accordionHeading { background: #0c5bb8;
  font-size: 19px;
  color: #fff;
  padding: 10px;}
/*Itinary Detail Css End*/

.demo1 { height: 300px !important;}

/* ============================================================
  GLOBAL
============================================================ */

.effects .img {
  position: relative;
  float: left;
  overflow: hidden;
}
.effects .img img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  text-left: center;
  color: #fff;
  line-height: 50px;
  font-size:14px;
  }

/*Fade In and Fade Out Slider Css Starts from here*/
  .cycler{position:relative; height: 136px;}
.cycler img{position:absolute;z-index:1;transition: initial;width: 100%;height: 92%;}
.cycler img.active{z-index:3}
/*Fade In and Fade Out Slider Css Ends here*/

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */
#effect-1 .overlay {
  bottom: -26%;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-1 .overlay a.expand {
   left: 14px;
  right: 0;
  bottom: 25px;
  margin: 0 auto -30px auto;
}
#effect-1 .img.hover .overlay {
  height: 100%;
  bottom: 0;
}
.stickNav{ position:fixed; z-index: 60;  border: 0; background: #fff;}
.navbar  {margin-bottom: 0px; border: 0;}
.CelebrationUnit {position: absolute;
    right: 0;
    top: 110px;
    z-index: 60;}


 /* new css */
  .col-x-3_new{margin-left: 6.5%;
    margin-top: 80px;
    float: left;
    margin-bottom: 30px;}




  /*@media (max-width:1180px){
    
    .lg-col-7 {width:56%}}*/
  @media (max-width:1010px){
    .newsDetail { width:78.5556%;}
    .col-x-9  { width:40%;}
    
    }


  
    
@media (max-width:1280px){  
 
.BannerImage1,.BannerImage2,.BannerImage3,.BannerImage4,.BannerImage5 {background-size: inherit;} 
}

    
@media (max-width:768px){
.col-x-4 img
{
  width: 100px !important;
}
.mt100
{
  margin-top: 130px;
}
}
    
@media (max-width:990px){
.col-md-3 {width:33.3333333%;}
}



@media (max-width:970px){.col-x-8{
  width:24.22222222%}
      .container { width:98%;}
.col-md-3 {width:33.3333333%;}
}
  


    @media (max-width:810px){
      .lg-col-7,.lg-col-4 { width:100%; margin:8px 0;}
      
      .newsDetail  { width:90%;}
      
      }
      
  @media (max-width:810px){
      .mainNav > li { display:table-row;}
      .mainNav > li > a { text-align:left;}
      .navbar-collapse { max-height:inherit !important}
      .col-x-20 { width:32.8%;}
      }
        @media (max-width:720px){
          .testimonialsArrow { position:inherit; top:0; margin:10px 0;}
          .col-lq-4,.rightCOl {width:50%;}
          .rightCOl {padding:0 15px;}
          .col-nw-3 {  width: auto;padding: 0;float: none;margin: 0 -15px;}
          .minHgt {min-height:370px;}
          .col-x-3_new {margin-left: 6%;margin-bottom: 25px !important;width: 88% !important;margin-top: 20px;}
         .skywing_pckg .col-md-3
         {
          width: 99.22%
         }
          }
      
        @media (max-width:650px){
      .logo     { width:50%; max-width: 150px; margin-right:16px;}
      .col-x-8 { width:48.556%}

    
      @media (max-width:580px){
      .newsDetail  { width:85%;}
      .logo     { width:100%; }
      .redBox  { float:left !important; clear:right; margin-top:0px; width:calc(100% - 166px); text-align: center; padding: 15px 0px;}
	  .redBox ul li span.text{display:none;}
	  .redBox a{display:block;}
      .col-x-20 { width:49.522%;}
      .CelebrationUnit{ position: inherit;    width: 50%;
          top: 0;}
      .left-panel, .right-panel{width:100%; text-align:center;}
      }
      @media (max-width:530px){
      .col-x-7, .col-x-3, .col-x-4, .col-x-6 { width:100%;}
	  .col-md-3 {width:50%;}
	  .minHgt {min-height:390px;}
      
      
      }
@media (max-width:510px){
      .newsDetail  { width:82%;}
      .col-lq-4  { width:100%;}
      .minHgt {min-height:auto;}
      
      }
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
   }
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}





@media (max-width:420px){
      .newsDetail  { width:78%;}
      /*.col-x-20 { width:99.2222222%;}*/
	  .col-x-20 {width:49.2222222%;}
      .rightCOl {width:100%;}
	  .formCntr{width: 320px;}
	  .text-center {text-align: justify;}

	  .font33 {font-size: 24px;}
	  .inner_page_banner img{
		  height:250px;
		  object-fit:cover;
	  }
      .help-btn-wraper{padding:15px 0px; margin-top:53px;}
	  .help-btn-wraper ul li{padding:10px 12px;}
	  .enquiryButton{top:auto; bottom:25%;}
      }
    
@media (max-width:350px){
      .col-x-9   { width:100%; margin:8px 0;}
      .col-x-3 { margin:8px 0}
      .footerNav { margin-bottom:15px;}
      .col-x-8 { width:98.556%}
      .col-md-3 {width:100%;}
      }
    }
/* new css */    
.nav-tab { overflow: hidden;border-bottom: 1px solid #ccc;}
.nav-tab button {background-color: inherit;border: none;outline: none;cursor: pointer;padding: 9px 15px;transition: 0.3s;border-top: 1px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff;}
.nav-tab button:hover {background-color: #ddd;border-right: 1px solid #fff;border-left: 1px solid #fff;}
.nav-tab button.active {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.nav-tabcontent {display: none;padding: 6px 12px;}
 
.pckg_block
{
  padding: 10px;
    box-shadow: 1px 1px 1px;
    background: #fff;
    margin-bottom: 25px;
}

.text-block button
{
  
    background: #1ac2e0;
    border: none;
   /* padding: 5px 10px;*/
    color: #fff;
    cursor: pointer;
}
.skywing_pckg
{

   /* background: #2196f326;*/
    padding: 20px;
    margin-bottom: 40px;
  }
  .text-block
  {
   margin-top: -84px;
    background: #00000096;
    /* z-index: 11111; */
    position: relative;
    /* opacity: .6; */
    /* padding: 10px; */
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}
.text-block p
{
  margin-left: 10px;
  font-weight: 500;
}
  .star-img
  {
       position: absolute;
    top: 10%;
    left: 9%;
    background: #d60808;
    padding: 0px 4px;
    transform: skewY(163deg);
  }
     .beach-packages-text
     {
        position: absolute;
    top: 6%;
    color: #fff;
    left: 13%;
  }
  .beach-packages-text h3
     {
 font-size: 25px;
    /* color: #f7e8e8; */
   
   
    font-style: oblique;
    /* font-family: cursive , Arial; */
    font-weight: bold;
  
   }