@font-face { font-family: AxiformaLight; src: url(./fonts/AxiformaLight.otf);}
@font-face { font-family: AxiformaBold; src: url(./fonts/AxiformaBold.otf);}
@font-face { font-family: AxiformaReg; src: url(./fonts/Axiforma-Regular.ttf);}
@font-face { font-family: Angella_White; src: url(./fonts/Angella_White.otf);}




::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #272262;
}
::selection {
  color: #fff;
  background: #272262;
}
a{text-decoration: none;transition: 0.3s}
a:hover{transition: 0.3s}

body {
  overflow-y: scroll;
  overflow-x: hidden;
}

body, html {
  font-family:'AxiformaReg', sans-serif;
  font-size: 15px;
  height: 100%;
  margin: 0;
  color: #777;
  line-height: 1.9em;
  font-weight: normal;
}

.chat{position: fixed; bottom:30px; right:50px; width: 80px !important; height:70px; background:   url('speech_buble.png') center center; background-size: 100%; z-index: 100}

h1,h2,h3,h4,strong{font-weight:700}
h1,h2,h3,h4, h5{margin:0;font-family:AxiformaBold,Helvetica,Arial,sans-serif; }

h1{font-size: 2.6vw; color:#000 }
h2{font-size: 2.2vw; color:#000}
h3{font-size: 3.2vw; }
h4{font-size: 2.0vw; }
h5{font-size: 1.2vw;   }
h5.big{font-size: 2.3vw;}
h6{font-size: 1.2vw; font-weight: 700}

.section-title{  clear: both; text-align: center;color:#000;  line-height: 1.3em }
/* change */
.section-subtitle{ font-size: 1.0em; clear: both; text-align: center;   line-height: 1.7em; margin:10px 30px 30px 30px; font-family: "AxiformaReg", sans-serif !important; font-weight: normal;}
@media (max-width: 768px) {
  .section-subtitle{font-size: 1.0em;}
}
/* ed of change */


.lead{ font-size: 1.3em; color: #000}
.slogan h1{font-size: 7.2vw; line-height: 0.9em; }
.slogan h2{font-size: 5.2vw; line-height: 0.9em;  padding-right:20px; }
@media (max-width: 576px) {
      h1{font-size: 6.8vw; }
      h2{font-size: 6.8vw;}
      h3{font-size: 6.8vw;}
      h4{font-size: 6.8vw;}
      h5{font-size: 3.8vw;}
      h6{font-size: 4.2vw;}
}


@media (min-width: 576px) {
    h1{font-size: 6.2vw;  }
    h2{font-size: 6.2vw; }
    h3{font-size: 6.2vw;}
    h4{font-size: 3.2vw; }
    h5{font-size: 2.8vw;}
    h5.big{font-size: 6.5vw;}
    h6{font-size: 4.2vw;}
		.slogan h1{font-size: 10.2vw; line-height: 0.9em; }
		.slogan h2{font-size: 7.2vw; line-height: 0.9em;  padding-right:20px}
}

@media (min-width: 768px) {
    h1{font-size: 5.4vw; }
    h2{font-size: 4.8vw; }
    h4{font-size: 2.4vw; }
		h5.big{font-size: 3.5vw;  }
		h6{font-size: 2.2vw;}
}

@media (min-width: 992px) {
    h1{font-size: 3.3vw; }
    h2{font-size: 44px }
		h4{font-size: 2.4vw; }
}

@media (min-width: 1200px) {
    h1{ font-size: 2.2vw;  }
    h2{font-size: 1.6vw;}
    h3{font-size: 3.0vw; }
		h4{font-size: 2.0vw; }
		h5{font-size: 1.2vw !important;   }
		h5.big{font-size: 2.3vw;}
    h6{font-size: 1.2vw; font-weight: 700}
}


a { color: #1D7CB9 }
.btn-info { background-color: #F48B16 ; border-color: #F48B16; }
.btn-info:hover { background-color: #ffa700; }
.btn-primary { background-color: #272262 ; border: 1px solid #272262}
.btn-primary:hover, .btn-primary:focus{background: #265297 !important; border: 1px solid #272262 !important }
.btn-primary i, .btn-success i, .btn-accent i{color:#fff !important}
.btn-primary b{color: #fff}
.btn-primary-2{background: #272262 !important; border:0 !important; padding: 12px 20px; color:#fff; font-family: 'AxiformaBold'; border-radius: 14px; transition: 0.3s}
.btn-primary-2:hover{background: #272262 !important;  color:#fff; transform: scale(1.05); transition: 0.3s}

.btn-success, .btn-success:active.btn-success:active{background: #F48B16 !important; border: 1px solid #F48B16 !important}
.btn-success .material-symbols-outlined, .btn-primary .material-symbols-outlined{color:#fff}
.btn-success:hover,  .btn-success:focus {background: #f9aa20 !important; border: 1px solid #F48B16 !important}
 .btn span,  .btn i, span, i{vertical-align: middle; margin-right:15px}

.btn-accent-2{background: #F48B16 !important; border:0 !important; padding: 12px 20px; color:#fff; font-family: 'AxiformaBold'; border-radius: 14px; transition: 0.3s}
.btn-accent-2:hover{background: #F48B16 !important;  color:#fff; transform: scale(1.05); transition: 0.3s}
.bg-primary{background: #272262 !important;}
.bg-accent{background: #F48B16 !important; }
.bg-white-transparent{background: rgba(255,255,255,0.9)}

.bg-light{background: #f1f3f7 !important}
.link-primary{color:#272262 !important;}
.link-primary:hover{color:#F48B16 !important;}
.text-navy{color: #272262 !important;}
.text-accent{color: #F48B16 !important; }
.text-dark{color: #111 !important} /** change **/
.btn-navbar{border-radius: 20px; padding: 3px 20px; float: left; font-size: 0.9em}
.btn-accent {background: #F48B16;  color: #fff;  font-family: 'AxiformaBold'; margin-right: 20px; border: 1px solid #da790d !important}
.btn-accent:hover {  background: #ffa700; color: #fff;}
.btn-accent.active{border:1px solid #fff !important; background: transparent !important; color:#fff}
.box-accent-button{background: #F48B16 !important;  color:#fff; display: block; text-transform: uppercase; text-align: center; padding: 5px 5px; border-radius: 5px}
.box-accent-button:hover{background: #f2ab3c !important; color: #fff}
.box-accent-button .bi{font-size: 2em}
@media (max-width: 768px) {
  .box-accent-button{ font-size: 0.8em; }
}
.text-small{font-size: 0.8em}
.angella-font{  font-family: Angella_White, sans-serif; font-size: 4em;font-weight: normal !important; }
.quote{font-family: Georgia, serif; font-style: italic; font-size: 1.3em; line-height: 1.8em; text-align: center;}
.font-bold{font-family: 'AxiformaBold'}


.top-banner{ min-height: 580px; margin-top:20px; padding-top: 80px; padding-bottom: 80px} /** change **/
.top-banner .heading{color:#fff; font-family: Angella_White, sans-serif; font-size: 9em; margin-bottom:0; font-weight: normal !important;} /** change **/

@media (max-width: 992px) {
  .top-banner .heading{ font-size: 4em; text-align: center;}
}
.top-banner .sub-heading{color:#fff; margin-top:-10px}

 @media (max-width: 992px) {
  .top-banner{ min-height: 450px;}
}
.banner-links{position: fixed; top:220px; right:0; width: 100px; z-index: 99}
.banner-links a{width:100px; text-align: center; font-size: 0.75em; margin:0 0 0 auto;color:#fff; font-weight: 700;text-decoration: none;
  text-transform: uppercase; background: #F48B16; padding: 15px 10px 5px 10px; letter-spacing: -1px}
.banner-links a i{width:40px; height:40px; background: #fff; color:#F48B16; display: block; margin: 0 auto 5px auto; border-radius: 50%; font-size: 1.8em; padding-top: 6px}
.banner-links a:hover{background: #ffa700;}

@media (max-width: 768px) {
  .banner-links{position: fixed; top:180px; right:0; width: 60px; z-index: 99}
  .banner-links a{width:60px; text-align: center; font-size: 0.55em; margin:0 0 3px auto;color:#fff; font-weight: 700;text-decoration: none;
    text-transform: uppercase; background: #F48B16; padding: 10px 5px 5px 5px; letter-spacing: -1px}
  .banner-links a i{width:30px; height:30px; background: #fff; color:#F48B16; display: block; margin: 0 auto 5px auto; border-radius: 50%; font-size: 1.4em; padding-top: 2px}
  .banner-links a:hover{background: #ffa700;}
  .top-banner{ min-height: 420px;}
}

@media (max-width: 1080px) {
  .logo-section{position: relative; z-index: 99}
  .top-banner{margin-top:50px}  /*** change ***/
  .logo-reg{width: 200px; transition: 0.3s}
  .logo-small{width: 120px; transition: 0.3s}
}

/******* NAVBAR ****/

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

/* hide close when burger shown */

.navbar-toggler  .close-icon, .navbar-toggler .navbar-toggler-icon{font-size: 0.5em; text-align: center;}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {  display: inline;}
.navbar-toggler.collapsed .close-icon {  display: none;}
.navbar-toggler  .close-icon{margin: 4px auto}
.navbar-toggler .navbar-toggler-icon{padding: 0; margin: 0}


.navbar .mobile-buttons .btn-navbar{color:#fff; font-size: 0.8em; padding: 0 10px; line-height: 38px}



.nav-item .btn-myprofile{padding:4px 20px !important; background: #F48B16; border-radius: 20px; line-height: 34px !important;
  margin-left:10px !important;margin-top: 30px !important; position: relative;left:14px; top:8px;  }
.btn-myprofile:hover{background: #ffa700 !important}
.navbar .mobile-buttons .btn-myprofile {float: right; padding:3px 6px !important; background: #F48B16; border-radius: 10px;
line-height: 23px !important; margin-left:3px !important;margin-top: 4px !important;  }


.flag{width: 28px}
.nav-item .bi{font-size: 1.4em; line-height: 30px}
.navbar-toggler {
  font-family: "entypo", sans-serif;
  font-size: 1.0em;
  display: block;
  width: 34px;
  height: 34px;
  transition: transform .5s ease;
  transform-origin: 25% 50%;
  transform-origin: center center;
  z-index: 100;
  text-align: center !important;
  padding: auto;
  margin: 0px 0
}
/*.navbar-toggler:before {content: "\2630";}*/

@media (max-width: 992px) {
  .nav-link{font-size: 1.0em; line-height: 1.2em; }
  .navbar{padding:10px }
  .navbar button{padding: 0px 0 8px 0; font-size: 2.3em}
  .navbar-nav {padding: 40px 10px}
  .navbar .active  .nav-link, .nav-item.active  .nav-link:hover, .nav-item  .nav-link.bg-accent:hover{color: #F48B16 !important;}
}

@media (min-width: 993px) {
  .navbar{padding: 0}
  .nav-item{padding: 0 !important; margin: 0!important}
  .navbar .nav-link{padding:0 17px !important; line-height: 50px; margin: 0 1px 0 0 !important; color:#fff !important;  }
  .navbar .nav-link:hover{background: #345589;}
  .navbar .active  .nav-link, .nav-item.active  .nav-link:hover, .nav-item  .nav-link.bg-accent:hover{background: #F48B16 !important;}

}

 /**** search form **/
#cityFrom, #cityFrom_1, #cityFrom_2, #cityFrom_3, #cityFrom_4, #cityFrom_5, #destinationFrom {background:#fff url(../icons/to-icon.png) no-repeat 4px center;
  background-size: 20px; padding-left:26px; }
#cityTo, #cityTo_1, #cityTo_2, #cityTo_3, #cityTo_4, #cityTo_5, #destinationTo {background:#fff url(../icons/to-icon.png) no-repeat 4px center; background-size: 20px;
padding-left:26px;}
#From, #From_1, #From_2, #From_3, #From_4, #From_5, #To, #insStart, #insEnd, #Checkin, #Checkout{background:#fffffe url(../icons/calendar-icon.png) no-repeat 4px center; background-size: 20px;
padding-left:34px;}
#passengers, #instravs, #guests {background:#fff url(../icons/people-icon.png) no-repeat 4px center; background-size: 20px;
padding-left:34px;}




/**** Main banners ***/
.home{background: url('../images/sizes/1920/Home-new.jpg') center center; background-size: cover;}


.flights{background: url('../images/sizes/1920/Flights.jpg') center center; background-size: cover;}
.cruises{background: url('../images/sizes/1920/10.jpg') center center; background-size: cover;}
.cruise-offers{background: url('../images/sizes/1920/10.jpg') center center; background-size: cover;}
.insurance{background: url('../images/sizes/1920/Insurance.jpg') center center; background-size: cover;}
.about-us{background: url('../images/sizes/1920/about-us-header.jpg') center center; background-size: cover;}/** change **/
.blog{background: url('../images/sizes/1920/blog-header.jpg') center center; background-size: cover;}
.support{background: url('../images/sizes/1920/Support.jpg') center center; background-size: cover;}
.support-1{background: url('../images/sizes/1920/support-2.jpg') center center; background-size: cover;}
.faq{background: url('../images/sizes/1920/FAQ-Header.jpg') center center; background-size: cover;}
.cruiselines{background: url('../images/sizes/1920/8.jpg') center center; background-size: cover;}
.newsletter{background: url('../images/sizes/1920/newsletter.jpg') center center; background-size:cover}
.quote{background: url('../images/sizes/1920/quote.jpg') center center; background-size:cover}

.adults-only{background: url('../images/sizes/1920/adults-only.jpg') center center; background-size:cover}
.suite-deals{background: url('../images/sizes/1920/suite-deals.jpg') center center; background-size:cover}
.fly-cruise{background: url('../images/sizes/1920/fly-cruise.jpg') top center; background-size:cover}
.river-cruises{background: url('../images/sizes/1920/river-cruises.jpg') center center; background-size:cover}
.family-fun{background: url('../images/sizes/1920/family-fun.jpg') center center; background-size:cover}
.unique-voyages{background: url('../images/sizes/1920/unique-voyages.jpg') center center; background-size:cover}
.callback{background: url('../images/sizes/1920/callback.jpg') center center; background-size:cover; padding: 0; }
.get-a-quote{background: url('../images/sizes/1920/get-a-quote.jpg') center center; background-size:cover; } /** change **/
.airlines{background: url('../images/sizes/1920/airlines.jpg') center center; background-size:cover; } /** change **/
.flights-offers{background: url('../images/sizes/1920/flight-offers.jpg') center center; background-size:cover; } /** change **/
.flight-destinations{background: url('../images/sizes/1920/flight-destinations.jpg') center center; background-size:cover; } /** change **/
.contact-us {background: url('../images/sizes/1920/contact-us.jpg') center center; background-size:cover; } /** change **/
.what-our-customer-say{background: url('../images/sizes/1920/what-our-customer-say.jpg') center center; background-size:cover;} /** change **/
.cruise-offers-2{background: url('../images/sizes/1920/cruise-offers.jpg') center center; background-size: cover;} /** change **/
.cruise-lines-bg{background: url('../images/sizes/1920/cruise-lines.jpg') center center; background-size: cover;} /** change **/
.cruise-destinations{background: url('../images/sizes/1920/cruise-destinations.jpg') center center; background-size: cover;} /** change **/
.airports{background: url('../images/sizes/1920/airports.jpg') center center; background-size: cover;} /** change **/
.my-profile{background: url('../images/sizes/1920/My-Profile-Header.jpg') center center; background-size: cover;} /** change **/
.luxury-cruises{background: url('../images/sizes/1920/Luxury-Cruises.jpg') center center; background-size:cover} /** change **/
.city-breaks{background: url('../images/sizes/1920/city-breaks.jpg') center center; background-size:cover}
.city-breaks-dests{background: url('../images/sizes/1920/city-breaks-dests.jpg') center center; background-size:cover}
.hotels-only{background: url('../images/sizes/1920/hotels.jpg') center center; background-size:cover}

.africa{background: url('../images/dest/big/africa.jpg') right center; background-size:cover}
.alaska{background: url('../images/dest/big/alaska.jpg') right center; background-size:cover}
.asia{background: url('../images/dest/big/asia.jpg') right center; background-size:cover}
.australia{background: url('../images/dest/big/australia.jpg') right center; background-size:cover}
.bermuda{background: url('../images/dest/big/bermuda.jpg') right center; background-size:cover}
.canada{background: url('../images/dest/big/canada.jpg') right center; background-size:cover}
.canary{background: url('../images/dest/big/canary.jpg') right center; background-size:cover}
.caribbean{background: url('../images/dest/big/caribbean.jpg') right center; background-size:cover}
.dubai{background: url('../images/dest/big/dubai.jpg') right center; background-size:cover}
.galapagos{background: url('../images/dest/big/galapagos.jpg') right center; background-size:cover}
.hawaii{background: url('../images/dest/big/hawaii.jpg') right center; background-size:cover}
.mediterranean{background: url('../images/dest/big/mediterranean.jpg') right center; background-size:cover}
.mexico{background: url('../images/dest/big/mexico.jpg') right center; background-size:cover}
.neurope{background: url('../images/dest/big/neurope.jpg') right center; background-size:cover}
.newengland{background: url('../images/dest/big/newengland.jpg') right center; background-size:cover}
.panama{background: url('../images/dest/big/panama.jpg') right center; background-size:cover}
.samerica{background: url('../images/dest/big/samerica.jpg') right center; background-size:cover}
.transatl{background: url('../images/dest/big/transatl.jpg') right center; background-size:cover}

.qatar{background: url('../images/sizes/1920/qatar-header.jpg') center center; background-size: cover;}
.etihad{background: url('../images/sizes/1920/etihad-header.jpg') center center; background-size: cover;}


@media only screen and (max-width: 768px) {
  .tabs{margin-top:-35px; }
  .tabs .nav-pills{margin-left: 0px !important}
  .tabs .nav-pills .nav-link{padding: 8px 40px}
  .top-banner{ background: #fff; overflow: hidden;  padding:0px 0px 0px 0px}
  .mobile-banner{min-height: 400px; padding: 70px 20px; margin-bottom:34px }
  .home .mobile-banner{background: url('../images/sizes/768/home-new-m.jpg') center right; background-size: cover; }
  .flights .mobile-banner {background: url('../images/sizes/768/Flights-m.jpg') center center; background-size: cover;}
  .cruises .mobile-banner {background: url('../images/sizes/768/10-m.jpg') center center; background-size: cover;}
  .cruise-offers .mobile-banner {background: url('../images/sizes/768/10-m.jpg') center center; background-size: cover;}
  .insurance .mobile-banner {background: url('../images/sizes/768/Insurance-m.jpg') center center; background-size: cover;}
  .about-us .mobile-banner{background: url('../images/sizes/768/about-us-header.jpg') center center; background-size: cover;} /** change **/
  .blog .mobile-banner{background: url('../images/sizes/768/blog-header.jpg') center center; background-size: cover; margin-bottom:0px; min-height: 420px;}
  
  .support .mobile-banner {background: url('../images/sizes/768/Support.jpg') center center; background-size: cover;}
  .support-1 .mobile-banner {background: url('../images/sizes/768/support-2.jpg') center center; background-size: cover;}
  .faq .mobile-banner {background: url('../images/sizes/1920/FAQ-Header.jpg') center center; background-size: cover;}
  .cruiselines .mobile-banner {background: url('../images/sizes/768/8-m.jpg') center center; background-size: cover;}
  .newsletter .mobile-banner {background: url('../images/sizes/768/newsletter.jpg') center center; background-size:cover}
  .quote .mobile-banner {background: url('../images/sizes/768/quote-m.jpg') center center; background-size:cover}
  .adults-only .mobile-banner {background: url('../images/sizes/768/adults-only-m.jpg') center center; background-size:cover}
  .suite-deals .mobile-banner {background: url('../images/sizes/768/suite-deals-m.jpg') center center; background-size:cover}
  .fly-cruise .mobile-banner {background: url('../images/sizes/768/fly-cruise-m.jpg') top center; background-size:cover}
  .river-cruises .mobile-banner {background: url('../images/sizes/768/river-cruises-m.jpg') center center; background-size:cover}
  .family-fun .mobile-banner {background: url('../images/sizes/768/family-fun-m.jpg') center center; background-size:cover}
  .unique-voyages .mobile-banner {background: url('../images/sizes/768/unique-voyages-m.jpg') right center; background-size:cover}

  .get-a-quote .mobile-banner{background: url('../images/sizes/768/get-a-quote.jpg') center center; background-size:cover; } /** change **/
  .airlines .mobile-banner{background: url('../images/sizes/768/airlines.jpg') center center; background-size:cover; } /** change **/
  .flights-offers .mobile-banner{background: url('../images/sizes/768/flight-offers.jpg') center center; background-size:cover; } /** change **/
  .flight-destinations .mobile-banner{background: url('../images/sizes/768/flight-destinations.jpg') center center; background-size:cover; } /** change **/
  .contact-us .mobile-banner{background: url('../images/sizes/768/contact-us.jpg') center center; background-size:cover; } /** change **/
  .cruise-offers-2 .mobile-banner{background: url('../images/sizes/768/cruise-offers.jpg') center center; background-size:cover; } /** change **/
  .cruise-lines-bg .mobile-banner{background: url('../images/sizes/768/cruise-lines.jpg') center center; background-size: cover;} /** change **/
  .luxury-cruises .mobile-banner{background: url('../images/sizes/768/luxury-cruises-m.jpg') center center; background-size:cover} /** change **/
  .cruise-destinations .mobile-banner{background: url('../images/sizes/1920/cruise-destinations.jpg') center center; background-size: cover;} /** change **/
  .city-breaks .mobile-banner{background:  url('../images/sizes/768/city-breaks.jpg') center center; background-size:cover;  margin-bottom:0px;} /** new **/
  .city-breaks-dests .mobile-banner{background:  url('../images/sizes/768/city-breaks-dests.jpg') center center; background-size:cover;  margin-bottom:0px;} /** new **/
  .hotels-only .mobile-banner{background:  url('../images/sizes/768/hotels.jpg') center center; background-size:cover;  margin-bottom:0px;} /** new **/
  .city-breaks {background: #f1f3f7}/** new **/

  .africa .mobile-banner {background: url('../images/dest/sm/africa.jpg') right center; background-size:cover}
  .alaska .mobile-banner {background: url('../images/dest/sm/alaska.jpg') right center; background-size:cover}
  .asia .mobile-banner {background: url('../images/dest/sm/asia.jpg') right center; background-size:cover}
  .australia .mobile-banner {background: url('../images/dest/sm/australia.jpg') right center; background-size:cover}
  .bermuda .mobile-banner {background: url('../images/dest/sm/bermuda.jpg') right center; background-size:cover}
  .canada .mobile-banner {background: url('../images/dest/sm/canada.jpg') right center; background-size:cover}
  .canary .mobile-banner {background: url('../images/dest/sm/canary.jpg') right center; background-size:cover}
  .caribbean .mobile-banner {background: url('../images/dest/sm/caribbean.jpg') right center; background-size:cover}
  .dubai .mobile-banner {background: url('../images/dest/sm/dubai.jpg') right center; background-size:cover}
  .hawaii .mobile-banner {background: url('../images/dest/sm/hawaii.jpg') right center; background-size:cover}
  .galapagos .mobile-banner {background: url('../images/dest/sm/galapagos.jpg') right center; background-size:cover}
  .mediterranean .mobile-banner {background: url('../images/dest/sm/mediterranean.jpg') right center; background-size:cover}
  .mexico .mobile-banner {background: url('../images/dest/sm/mexico.jpg') right center; background-size:cover}
  .neurope .mobile-banner {background: url('../images/dest/sm/neurope.jpg') right center; background-size:cover}
  .newengland .mobile-banner {background: url('../images/dest/sm/newengland.jpg') right center; background-size:cover}
  .panama .mobile-banner {background: url('../images/dest/sm/panama.jpg') right center; background-size:cover}
  .samerica .mobile-banner {background: url('../images/dest/sm/samerica.jpg') right center; background-size:cover}
  .transatl .mobile-banner {background: url('../images/dest/sm/transatl.jpg') right center; background-size:cover}
  
  .qatar .mobile-banner {background: url('../images/sizes/768/qatar-header.jpg') center center; background-size: cover;}
  .etihad .mobile-banner {background: url('../images/sizes/768/etihad-header.jpg') center center; background-size: cover;}
}



.nav-pills .nav-link{border-radius: 0; background: #F48B16;color:#fff; paddding:3px 10px !important; font-size: 16px}
.nav-pills .nav-link.active{background: #272262 ; color:#fff;  }
.top-banner .nav-pills .nav-link{ background: #272262; color:#fff}
.top-banner .nav-pills .nav-link.active{background: #F48B16;}
.form-group label{margin:10px 0 8px auto}
.image-banner{max-width: 100%}
.bg-primary .nav-pills .nav-link{  margin: 3px; border-radius: 3px; float: left;}
.bg-primary .nav-pills .nav-link.active{ border: 1px solid #fff}
.cruise-info-box h6{color:#272262; text-transform: uppercase; font-family: "AxiformaLight"}
.cruise-info-box{border-radius:0px 8px 8px 0; border: 1px solid rgba(0,0,0,.125); }
.cruise-info-image{border-radius:8px 0px 0px 8px;}
@media only screen and (max-width: 992px) {.cruise-info-box{border-radius:8px 8px 8px 8px;  }
.cruise-info-image{border-radius:8px 8px 8px 8px;}}

/*** get a quote form ***/
/** change **/
/*.quote-form input{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; background: #f1f3f7}
.quote-form  input[type=text], .quote-form  input[type=email], .quote-form  input[type=phone]{width: 100%}
.quote-form .form-item{margin-top:20px}
.quote-form textarea{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; width: 100%; background: #f1f3f7}
.quote-form select {width: 150px; padding: 16px 20px;border: 1px solid #ccc; border-radius: 5px;background: #f1f3f7;}
*/
/** request-callback ***/


.form  input[type=text], .form  input[type=email], .form input[type=phone]{width: 100%; background: #f1f3f7; border: 1px solid #ccc; padding: 3px 10px; border-radius: 5px; }
.form .form-item{margin-top:20px}
.form textarea{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; width: 100%; background: #f1f3f7}
.form select {width: 150px; padding: 16px 20px;border: 1px solid #ccc; border-radius: 5px;background: #f1f3f7;}

/** cruise-details-form  ***/
.cruise-details-form{padding:20px;-webkit-box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);
box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);}
.cruise-details-form   input[type=text], .cruise-details-form   input[type=email], .cruise-details-form  input[type=phone]
{width: 100%; background: #f1f3f7; border: 1px solid #ccc; padding: 3px 10px; border-radius: 5px; }
.cruise-details-form  .form-item{margin-top:20px}
.cruise-details-form  textarea{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; width: 100%; background: #f1f3f7}



/*********** OFFERS GRID  ***/
.offer-bg h1, .offer-bg h2, .offer-bg h3, .offer-bg h4, .offer-bg h5{color: #fff}
.offers-grid {margin-top:0; padding-top: 0px}

.offers-grid .single-offer{color: #fff; padding:100px 0 0 0;  cursor: pointer;  margin:0px; border-radius:8px;   transition:0.3s}
@media (min-width: 1080px) {.offers-grid .single-offer:hover{scale:1.04; transition: 0.3s}}

.offers-grid.center .single-offer {text-align: center; }

.offers-grid .single-offer a {  display: block;  width: 100% !important;  height: 100%;  overflow: hidden;  padding: 20px 20px 20px 30px;  color: #fff;   }
.offers-grid .single-offer .offer-title {font-size: 2.2em; font-family: AxiformaBold; margin:10px 0;}
.offers-grid .single-offer .btn{margin-top: 20px}
.offers-grid .offer-bg, .offers-grid  .offer-bg a{  min-height: 250px !important; border-radius: 8px; } /* change */
.offers-grid .single-offer h3{display: inline;font-size: 22px; padding: 5px 20px;color:#fff; margin: 0 auto 0px auto; font-family: AxiformaBold}
.offers-grid .single-offer h4{font-size: 14px; display: inline; margin: 10px auto; background: #272262; padding: 5px 20px; color:#F48B16; font-family: AxiformaReg}

.offers-grid .single-offer .offer-details{display: block;width: 200px;padding:8px 12px 5px 12px; background: #272262;  border-radius: 8px; margin: 0 auto !important; text-align: center;} /* change */




/*********** CAROUSEL **********/
.carousel-control-prev, .carousel-control-next{width: 50px;}
.carousel-control-prev{left:-70px;}
.carousel-control-next{right:-70px;}
.carousel-control-prev-icon {background: url(../images/prev.png) no-repeat top center;  width: 50px; height: 50px;    margin-right: 0px;  position: absolute;}
.carousel-control-next-icon {background: url(../images/next.png) no-repeat top center;width: 50px;height: 50px;    position: absolute;}
.carousel-indicators {  position: absolute;bottom: -50px;}
.carousel-indicators button {  border-radius:50% !important; width: 14px !important;  height: 14px !important; background-color: navy !important }

.carousel-indicators{display: none}



.our-team-carousel .carousel-control-prev-icon{ margin-left: 200px}
.our-team-carousel .carousel-control-next-icon{ margin-right: 200px;}
@media only screen and (max-width: 1024px) {
.carousel-indicators{display: block; width: 100%; text-align: center; height: 40px;    margin: 0}
.carousel-control-prev, .carousel-control-next {display: none; width: 40px !important; margin-top:-90px}
.carousel-control-prev-icon {width: 40px; height: 40px; background-size: cover;}
.carousel-control-next-icon{width: 40px;height: 40px;background-size: cover; }
}

/*********** carousel offer - general **********/

.offer-card{ transition: 0.3s}
@media (min-width: 1080px) {.offer-card:hover{scale:1.04; transition: 0.3s}}


.carousel-offers .offer-card{border:1px solid #e1e3e7; border-radius: 8px; background: #f1f3f7}
.carousel-offers .bg-light .offer-card{background: #fff}
.carousel-offers .offer-card .offer-img{border-radius: 8px 8px 0 0;  }
.carousel-offers .offer-card .offer-details{line-height: 1.4em; padding:20px 20px 25px 20px; color:#000;}
.image-offer-card{transition: 0.3s}
.image-offer-card .offer-bg{ border-radius:8px; min-height: 300px}
@media (min-width: 1080px) {.image-offer-card:hover{scale:1.04;transition: 0.3s}}

.image-offer-card .offer-title{ font-size: 1.8em}
.image-offer-card .tag-flightsFrom{margin: 20px 10px 20px 10px; width: 180px; background: #fff; border-radius: 8px; line-height: 1.2em; padding: 10px 5px; font-size: 0.7em; color:#777}
.image-offer-card  .tag-flightsFrom .big {font-size: 2.2em;line-height: 1.1em;  letter-spacing: -1px; color:#f79421;}

.cruise-lines .offer-card .offer-img{  min-height:220px; padding:20px }

/*********** carousel - cheapest offers **********/
.cheapest-offers .offer-card .offer-img{  min-height:220px; padding:20px }
.cheapest-offers .offer-card .tag{width:150px; background: #272262; padding:3px 6px; color:#fff; line-height: 1.1em; border-radius: 8px}
.cheapest-offers .offer-card .tag small{font-size:0.7em; color:#F48B16; }
.cheapest-offers .offer-card .offer-price {font-weight: bold;color: #F48B16;}
.cheapest-offers .offer-card .offer-price .price-txt .big {display: block;  font-size: 2.4em;line-height: 1.2em;letter-spacing: -1px}
.offer-card .offer-price .price-txt .big .pps{font-size: 0.4em; margin-left: 5px;}


.travel-inspirations .image-offer-card .offer-bg{  min-height:350px; padding:20px }
.travel-inspirations .image-offer-card  .offer-title{   height: 180px}


 #carouselLuxuryFlights .image-offer-card .offer-bg{border:1px solid #ddd; overflow:hidden;padding:0 0 20px 0}
 #carouselLuxuryFlights .flight-details{height:200px; padding: 0 20px 0 20px}
 #carouselLuxuryFlights .airline{  background: #fff; width:130px; height:50px; overflow: hidden;
   margin-top:0px; margin: 0 0 0 auto ; text-align: center; border-radius:0 5px 0px 40px; padding-top: 3px}
 #carouselLuxuryFlights .airline img{height: 40px !important; width:auto;overflow: visible; margin: 0 auto} /* change */
 #carouselLuxuryFlights .button{margin:20px 0px 20px 20px}




/**************** Cruises carousel **************/

.cruise-offers-carousel .offer-card {border-radius: 8px;margin-bottom: 30px;  background-color: #f1f3f6;font-size: 0.8em;color: #6f7d8c;padding: 0px;background-color: #f1f3f6}
.cruise-offers-carousel .offer-card a {  color: #272262;}
.cruise-offers-carousel .offer-card a:hover {text-decoration: none;  color: #272262;}
.cruise-offers-carousel .offer-card .offer-price { font-weight: bold; color: #262262; border-radius: 0 0 8px 8px}
.cruise-offers-carousel .offer-card .offer-price .big { font-size: 1.5em; letter-spacing: -1px; display: inline;}
.cruise-offers-carousel .offer-card .offer-img { height: 150px;  background: #000;  border-radius: 8px 8px 0 0;}
.cruise-offers-carousel .offer-card .offer-details { padding: 20px;height: 240px;display: block;  background-color: #f1f3f6;  line-height: 2.5em} /* change */
.cruise-offers-carousel  .offer-card .offer-details i{color: #F48B16;background:#fff;padding-top:6px;border-radius:50%;  width:25px; height:25px; text-align: center;margin-right: 4px}
.cruise-offers-carousel  .offer-card, .offer-card .btn {cursor: pointer;}

@media (min-width: 768px) and (max-width: 1200px){
.cruise-offers-carousel  .offer-card .offer-details {height: 240px;  padding: 20px 10px;}
}
@media (max-width: 568px) {
.cruise-offers-carousel  .offer-card .offer-details { padding: 20px 10px;}
}

.cruise-calendar .offer-card {border-radius: 8px;margin-bottom: 30px; font-size: 0.8em;padding: 0px;}
.cruise-calendar .offer-card a {  color: #272262;}
.cruise-calendar .offer-card a:hover {text-decoration: none;  color: #272262;}
.cruise-calendar .offer-card .offer-price { font-weight: bold; color: #262262; border-radius: 0 0 8px 8px; text-align: center;font-size: 14px;}
.cruise-calendar .offer-card .offer-img { height: 150px;  background: #000;  border-radius: 8px 8px 0 0;}
.cruise-calendar  .offer-card, .offer-card .btn {cursor: pointer;}
@media (max-width: 768px) { .cal-btn {width: 15% !important}}


/*** HOME ***/
.circle{border-radius: 50%}
#book-with-confidence .circle{background: #f1f3f7; padding: 14px; margin:0 auto 20px auto}
#book-with-confidence{text-align: center !important; line-height: 1.3em; font-family: AxiformaBold}

@media (max-width: 768px) {#book-with-confidence .circle{  padding: 10px;  }}


/***** FLIGHTS PAGE ****/

.flight-offers .nav-link {  width: 200px;height: 36px;padding: 4px 10px;  border-radius: 3px;font-size: 16px;  font-family: AxiformaBold;
  margin: 10px 10px 0 0;}
.flight-offers .nav-link.active{border: 1px solid #fff}


/********** CRUISES PAGE *****/
.cruise-offers{}
.cruise-offers .nav-link {width: 100%;height: 36px;padding: 4px 10px;  border-radius: 3px;font-size: 16px;font-family: AxiformaBold;
  margin: 10px auto 0 auto;  display: block;}
.cruise-offers .nav-link.active{border: 1px solid #fff}

.cruise-lines .offer-img{min-height: 200px; border-radius:8px 8px 0 0}
.cruise-lines .offer-card{  height: 100%; border-radius:8px; border:1px solid #e1e3e7; transition: 0.3s}
@media (min-width: 1080px) {.cruise-lines .offer-card:hover{scale:1.04; transition: 0.3s}}

.cruise-lines .title{font-size: 1.2em; font-family: 'AxiformaBold'}
#carouselCruisePromo .offer-card, #carouselCruisePromo .offer-card img {border-radius: 8px}
#carouselFlyCruise .offer-card, #carouselCruiseOnly .offer-card {border:1px solid #e1e3e7;}


/********** Cruise Line page ***/
.single-cruise, .single-cruise-line{background: #f1f3f7; border-radius: 8px; margin-bottom: 15px !important}
.single-cruise .cruise-info{ padding:15px 30px}
.single-cruise .material-symbols-outlined{color:#272262 !important}
.single-cruise .btn .material-symbols-outlined{color:#fff !important; font-size: 1.9em}
.single-cruise .cruise-image{border-radius: 8px  0 0 8px }
.single-cruise h2{color:#F48B16; font-size:1.6em; margin-bottom: 10px}
.single-cruise h2 .material-symbols-outlined{color:#272262!important; font-size: 1.0em}
.single-cruise h3{  font-size:1.2em !important; margin-bottom: 10px}
.single-cruise h5{color:#F48B16; text-transform: uppercase; font-family: 'AxiformaLight'; font-size: 1.0em}
.single-cruise .cruise-details{font-size: 0.9em; margin-top:3px}
.single-cruise .cruise-details .bi{color:#272262; font-size: 1.3em; margin-right: 10px}
.single-cruise .cruise-details strong{color:#272262;}
.single-cruise .cruise-price {margin-top:15px; color:#272262}
.single-cruise .cruise-price strong{font-family: 'AxiformaBold'; font-size: 1.6em;  }
.single-cruise-line h2{margin:10px 0 20px 0; color:#000}
.cruise-line-description{padding: 20px 30px; font-family: 'AxiformaLight';font-size: 0.88em; line-height: 1.7em}
.cruise-line-description img{width: 200px}

/********** About us *******/
.about-us-section{text-align: center;}
.about-us-section .row{background: #f1f3f7; margin:10px 0}
.about-us-section .head{color:#fff ;font-size: 1.1em; font-family: 'AxiformaLight'; padding:25px 35px 25px 15px;
border-bottom: 0;background:#f1f3f7 url(../images/about-head-bg-2.png) center right; background-size: cover;
background-repeat: no-repeat; margin: 0px}
.about-us-section img{width: 80px}
.about-us-section .body{background:#f1f3f7; font-size: 0.9em; line-height: 1.5em; padding: 30px 15px 30px 15px;margin:0px}
@media (min-width: 1400px) {.about-us-section .body{  padding: 30px 25px 30px 25px; }}


 .about-us-section-mobile{text-align: left;  }
 .about-us-section-mobile .head{text-align: center; font-size: 1.4em; font-family: 'AxiformaLight'; padding:60px 15px 40px 15px;
 border-bottom: 0;background:#272262;  color:#fff}
 .about-us-section-mobile img{width: 80px; margin-top: 20px}
 .about-us-section-mobile .body{font-size: 1.0em; line-height: 1.9em; padding: 15px 20px 30px 20px;  background: #f1f3f7; margin-bottom: 20px}

/********** Values *******/

.icon-bg{  padding: 6px; border:1px solid #272262; width: 160px; height: 160px; border-radius: 50%; margin:20px  }
.icon-inner{padding:35px 20px; background: #272262;  font-size: 1.05em; border-radius: 50%; width: 146px; height: 146px;
   display:table-cell; vertical-align: middle; padding-bottom:50px; color: #fff}
.icon-bg-1{border:1px solid #272262}
.icon-bg-2{border:1px solid #31425d}
.icon-bg-3{border:1px solid #19202f}
.icon-bg-1 .icon-inner{background: #272262; color:#fff; font-family: "AxiformaBold"}
.icon-bg-2 .icon-inner{background: #272262}
.icon-bg-3 .icon-inner{background: #272262}
.icon-inner-blue{  background: #272262;  font-size: 0.9em; border-radius: 50%; width: 156px; height: 156px;}
.icon-inner .bi{font-size: 1.9em}

@media only screen and (max-width: 992px) {
  .icon-bg{width: 160px !important; height: 160px !important; margin:5px  }
  .icon-inner{ width: 146px !important; height: 146px !important; font-size: 0.8em;}
}


/********** Insurance ****/
.image-box{height: 440px !important}
@media only screen and (max-width: 1400px) {
  .image-box{height: 480px !important}
}

@media only screen and (max-width: 992px) {
  .image-box{height: 560px !important}
}
@media only screen and (max-width: 768px) {
  .image-box{height: 200px !important}
  .description-box{height: 550px !important}
}
@media only screen and (max-width: 568px) {
  .image-box{height: 200px !important}
  .description-box{height: 750px !important}
}

/********** blog *****/
.blogs .blog-link { border: 0; background: transparent; color: #cfd3de; font-weight: bold; margin-right: 20px }
.blogs button.blog-link:focus {outline-color:#fff}
.blogs .blog-link:hover, .blog-link.active { color: #262262 }
.blogs .blog .item {border-left: 15px solid #fff; border-right: 15px solid #fff; border-top: 20px solid #fff; min-height: 500px;
  margin-bottom: 20px; color: #fff; transition: all 0.4s; padding: 0;}
.blogs .offer-card { -webkit-box-shadow: 0px 6px 23px -6px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0px 6px 23px -6px rgba(0, 0, 0, 0.24); box-shadow: 0px 6px 23px -6px rgba(0, 0, 0, 0.24);
  border: 1px solid #f1f3f5; margin-bottom: 20px; background-color: #f1f3f6;font-size: 0.8em;  line-height: 1.2em !important;
  color: #6f7d8c; padding: 0px 0px  0px 0px; background-color: #f1f3f6;transition: 0.3s; min-height: 380px}

@media (min-width: 1080px) {.blogs .offer-card:hover {scale:1.04}}

.blogs .offer-card a { color: #6f7d8c; }
.blogs .offer-card a:hover { text-decoration: none; color: #6f7d8c; }
.blogs .offer-card .offer-img { height: 200px; background: #000; border-radius:8px 8px 0 0 }

.blogs .offer-card .offer-title { color: #262262; text-transform: uppercase; font-family: "AxiformaBold"; font-size: 15px; line-height: 1.4em; padding: 15px 0 0 0 } /* change */

.blogs .offer-card .offer-details { padding: 0px 20px 20px 20px; height: 210px; display: block; background-color: #f1f3f6; overflow: hidden !important;} /* change */
.blogs .offer-card .title{color:#6f7d8c; line-height: 2.2em !important; font-size: 1em; display: block;}
.blogs .offer-card .desc{color:#6f7d8c; line-height: 1.8em !important; font-size: 12px;  font-family: "AxiformaReg" }/* change */

#cruises-mobile .offer-card { height: 450px; background-color: #f1f3f6 }
#cruises-mobile .offer-card .offer-details { background-color: #f1f3f6 }


/********** support page ****/

.yellow-icon-button{display: block; background: #F48B16; color:#fff; padding: 20px 10px; text-align: center; font-family: "AxiformaBold"}
.yellow-icon-button:hover{background: #F48B16; color:#fff; scale:1.08; -webkit-box-shadow: 0px 11px 20px -21px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 11px 20px -21px rgba(66, 68, 90, 1);
box-shadow: 0px 11px 20px -21px rgba(66, 68, 90, 1);}
.yellow-icon-button .bi{font-size: 2.7em}
.contact-info .bi{background: #272262; color:#fff; width: 36px !important; height: 36px !important; border-radius: 50%; padding:10px 10px; text-align: center;font-size: 18px; line-height: 20px; float: left; margin-right: 20px}
.contact-info p{margin: 20px 0}
.contact-info h4{color:#000; margin: 36px 0; font-size: 1.8em}



.contact-form-wrapper{-webkit-box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);
box-shadow: 0px 1px 20px -9px rgba(66, 68, 90, 1);}
.contact-form input, .contact-form textarea{border:1px solid #eee; border-radius: 8px; padding:3px 20px; background: #f1f3f6}
.contact-form sup{font-family: 'AxiformaBold'; color:#000}

@media only screen and (max-width: 1400px) {.support-filters .yellow-icon-button{ ;}}
@media only screen and (max-width: 1200px) {.support-filters .yellow-icon-button{height: 130px  ;  display: block}}
@media only screen and (max-width: 768px) {.support-filters .yellow-icon-button{height: 110px ; }}
@media only screen and (max-width: 568px) {.support-filters .yellow-icon-button{height: 140px ; }}

.supp-pill{padding-top: 20px; border-radius: 5px}
.supp-pill a{display: block; background: #f1f3f6; margin: 0px 5px; padding: 8px 30px; color: #000; text-align: center; font-size: 0.9em; line-height: 1.6em; font-family: 'AxiformaLight'; height: 100%; border-radius: 5px}
.supp-pill a:hover, .supp-pill.active a{background: #F48B16; color:#fff}
.supp-pill a .bi{font-size: 2.4em; line-height: 2.1em}
.card-header {padding: 1rem 1.5rem;margin-bottom: 0;font-size: 15px;font-weight: 600;  background-color: #f4f4f4;  border-bottom: none;}
#accordion a.collapsed {color: #666;}
.card-content {padding: 5px 20px;font-weight: 400;color: #666;}
.card-header:hover {  background: #f09121;  color: #fff;}







/*** FOOTER **/



#numbers h1 {font-size: 3.4vw !important;  padding-top: 10px;  font-family: AxiformaBold}
#numbers h5 {font-size: 13px;padding-top: 15px;font-family: AxiformaLight}
#numbers-m h1 {font-size: 20px !important;  padding-top: 10px;  font-family: AxiformaBold; height: 70px;}
#numbers-m h5 {font-size: 12px;padding-top: 0px;font-family: AxiformaLight; height: 40px;}

@media (min-width: 768px) {#numbers h1 {font-size: 1.6vw !important;}#numbers h5 {font-size: 13px !important;}}
@media (min-width: 1200px) {#numbers h1 {font-size: 1.2vw !important;}#numbers h5 {font-size: 13px !important; width:75%; margin: 0 auto}}
#numbers i {color: #000 !important}
.why-choose-us img{background:#272262; padding: 15px; border-radius:50%} /* change */
@media only screen and (min-width: 998px) {.why-choose-us img{ padding: 25px;  }}


footer ul{list-style-type: none; margin:0; padding: 0}
footer ul a{color:#fff; transition: 0.2s}
footer ul a:hover{color:#a3caff; transition: 0.2s}
footer .social-icons i{font-size: 1.4em; color:#fff}
footer .social-icons i:hover{  color:#a3caff;}
footer .text-uppercase{font-size: 0.9em}
.modal p, .modal{font-size:14px; font-family:"AxiformaLight"; color:#333; padding-top:14px; line-height:1.6em}
.modal .text-small{font-size:13px}
.modal a{color:#F48B16 !important; font-family:"AxiformaReg"; transition:0.3s}
.modal a:hover{color: #F48B16 !important}
.modl h4{font-size:13px; font-family:"AxiformaReg"; color:#444; padding-top:14px}
.modal h5{font-size:13px; font-family:"AxiformaReg"; color:#444; padding-top:14px}
.modal .text-primary{   color:#444; }
.modal .text-strong, .modal strong{font-size:16px; font-family:"AxiformaBold" !important;  }
.modal a.btn-footer{display:block; background-color:#F48B16; color:#fff !important; border-radius:20px; padding:8px 20px;font-family:"AxiformaBold" ;  width:210px; margin:auto auto;
text-decoration:none; border:0}
.modal a.btn-footer:hover{padding:8px 30px; width:240px; margin:auto auto;}
.modal-footer .btn-footer{  background-color:#272262; color:#fff !important; border-radius:20px; padding:4px 20px;font-family:"AxiformaLight" ;  text-decoration:none; border:0; transition:0.3s; margin-right:10px; font-size:12px}
.modal-footer .btn-footer:hover{padding:4px 30px; margin-right:0}
 .icon-blue{background-color: #F48B16; color:#fff; text-align: center; width:28px; PADDING-TOP:3PX; margin-right:10px;height: 28px; border-radius: 50%; display: block; float: left}


.award{text-align: center; vertical-align: middle; color: #fff; background:#272262; border:2px solid #d1d3d7; padding:25px !important}
.award-line1{font-size: 0.66em;   line-height: 1.0em; padding-top:30px}
.award-line2{font-size: 1.1em; text-transform: uppercase;line-height: 1.1em; font-family: AxiformaBold, sans-serif;  padding:5px 10px 5px 10px;  }
.award-line3{font-size: 0.8em;  line-height: 1.0em;  padding-top:14px }



@media (max-width:1500px){
  .award-line1{font-size: 0.8em;   line-height: 0.9em; padding-top:20px;  }
  .award-line2{font-size: 0.9em; line-height: 1.1em; padding: 10px 10px 10px 10px !important;   }
  .award-line3{font-size: 0.8em;  line-height: 1.0em; padding-top: 0px;  }
}

@media (max-width:1200px){
  .award-line1{font-size: 0.7em;   line-height: 0.9em; padding-top:14px;}
  .award-line2{font-size: 0.9em; line-height: 1.1em; padding: 0px 10px 0 10px ;   margin-top: 0px !important}
  .award-line3{font-size: 0.7em;  line-height: 1.0em; padding-top: 10px; }
}
@media (max-width: 992px) {
  .award-line1{font-size: 0.8em;  line-height: 1.0em; padding-top:20px;  }
  .award-line2{font-size: 0.9em;line-height: 1.1em; padding: 0px 10px 0px 10px !important; }
  .award-line3{font-size: 0.8em;  line-height: 1.0em; padding-top: 5px; }
}
@media (max-width: 768px) {
  .award-line1{font-size: 0.9em;   line-height: 1.0em; padding-top: 40px;   }
  .award-line2{font-size: 1.2em;line-height: 1.0em; padding: 10px 10px 10px 10px !important; margin-top: 5px }
  .award-line3{font-size: 0.9em;  line-height: 1.0em ; }
}

@media (max-width: 668px) {
  .award-line1{font-size: 0.82em;   line-height: 1.1em; padding-top: 15px; }
  .award-line2{font-size: 1.0em; line-height: 1.0em;   padding:5px 10px !important}
  .award-line3{font-size: 0.9em;  line-height: 1.0em; padding-top: 10px;  }
}
@media (max-width: 568px) {
  .award-line1{font-size: 0.7em;   line-height: 1.0em; padding-top: 20px !important;  margin: 0;}
  .award-line2{font-size: 0.9em; line-height: 1.0em;   padding:12px 3px !important ; margin:0!important}
  .award-line3{font-size: 0.7em;  line-height: 1.0em; padding-top:0px; }
}





.qsf_main .nav-pills { margin: 0 auto; }
.qsf_main .nav-pills .active {  background-color: rgba(244,139,22, 1) !important; border-radius: 0; transition: all 0.4s; } 
.qsf_main .nav-pills { color: #fff !important; text-transform: uppercase; font-size: .9em; transition: all 0.4s; }
.qsf_main .nav-pills .nav-link { background-color: rgba(39,34,98,0.8); color: #fff; border-radius: 0 } 



.qsf_main .tab-content {z-index: 20; background: rgba(39,34,98,0.8); padding: 10px 10px 10px 10px;} 
.qsf_main .nav-tabs  { padding-left: 10px; border-bottom: 0px; }
.qsf_main ul.nav-tabs li  { background: rgba(39,34,98,0.8); height: 30px; line-height: 30px; font-size: 14px;}
.qsf_main .nav-tabs > li > a { border: 0px; color: #fff; font-weight: 600; padding-top: 5px; margin: 0px; }
.qsf_main .nav-tabs > li.active > a, 
.qsf_main .nav-tabs > li > a:focus, 
.qsf_main .nav-tabs > li > a:hover { background: none; border: 0px;  font-weight: 600; color: #f48b16; margin: 0px;}


@media (max-width: 768px) {
  .qsf_main .nav-pills .nav-link { background-color: rgba(39,34,98,1); }/** change **/
  .qsf_main .tab-content {z-index: 20; background: rgba(39,34,98,1);}/** change **/
}


.qsf_main .nav-tabs > li.active { background: #fff; color: #003466; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) inset;}
.qsf_main .nav-tabs > li.active > a { color: #003466; text-shadow: none; }

.qsf_main label { font-size: 13px; padding: 0px; color: #fff }
.qsf_main .form-group {line-height: 12px; padding: 5px}
.qsf_main .advanced-div {  text-align: right; padding-top: 10px; }
.qsf_main a.advanced-link { color: #fff; text-decoration: none; font-size: 12px; }
.qsf_main .btn-primary { background: #f58f1f;  padding: 7px 12px; width: 100%; border-color: transparent; }
.qsf_main .btn-primary:hover { background: #e47b07 }

.qsf_main .chosen-single { text-shadow: none; }
.qsf_main .chosen-container { text-shadow: none; }
.qsf_main .chosen-single span { color: #003466; }
.qsf_main .chosen-default span { color: #999;}
.qsf_main .chosen-container-single .chosen-single { border-radius: .25rem;}
.qsf_main .check-sel { font-size: 13px; font-weight: 100; padding-left: 5px; }
.qsf_main .form-control { font-weight: 100; color: #000; border-radius: .25rem;}
.qsf_main .btn { border-radius: .25rem; }

.qsf_main .has-error .control-label { color: #f98d32 }
.qsf_main .has-error .help-block { color: #f98d32; font-size: 13px; }

#passSelector { position: absolute; overflow-x: hidden; width: 450px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#passSelector .title { font-size: 16px; color: #666; line-height: 40px; }
#passSelector .note { font-size: 14px; color: #666; line-height: 40px; }
#passSelector .alert-danger { font-size: 14px }
#pppassSelector { position: absolute; overflow-x: hidden; width: 450px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#pppassSelector .title { font-size: 16px; color: #666; line-height: 40px; }
#pppassSelector .note { font-size: 14px; color: #666; line-height: 40px; }
#pppassSelector .alert-danger { font-size: 14px }

#instravSelector { position: absolute; overflow-x: hidden; width: 500px; display: none; z-index: 1; background: white; text-shadow: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding:10px; margin-top: 3px;}
#instravSelector .title { font-size: 14px; color: #666; line-height: 25px; }
#instravSelector select.age-selector { font-size: 13px; }
#instravSelector .ages-title { font-size: 14px; font-weight: 200; color: #6A90B1; line-height: 25px; }
#instravSelector .alert-danger { font-size: 12px }
#instravSelector .ins-spinner .form-control { margin: 0px; }

#ppflightsSearchForm .nav-item a {color: #007bff; cursor: pointer}
#ppflightsSearchForm .nav-item .active {border-bottom: #f58f1f solid 3px}

.btn-navy {background: #003466; color: #fff}
.btn-navy:hover {background: #032a55; color:#fff}

.modal a.chosen-single { color: #212529 !important}
.modal a.advanced-link { color: #212529 !important}

.calendar td.title, .calendar th.title { height: 48px; }
.calendar td, .calendar th { vertical-align: top; padding: 5px; width: 55px; border-right: #eee solid 1px; border-bottom: #eee solid 1px; color: #5d76bf; text-align: center; height: 34px; font-size: 12px; font-weight: 100; line-height: 1.4em; }

.grecaptcha-badge { visibility: hidden !important; }
#requestForm .help-block {background: #fff; color: red; clear: both; padding: 3px; font-size: 13px;}
#subscribeForm .help-block {background: #fff; color: red; clear: both; padding: 3px; font-size: 13px;}


/******* our team ****/
.profile{margin-bottom: 50px; transition: all 0.5s ease 0s; cursor: pointer}

@media (min-width:1200px){
  .profile:hover{
  transition: all 0.5s ease 0s;
   transform: scale(1.05) ;
  -webkit-transform: scale(1.05) ;
  -moz-transform: scale(1.05) ;
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05) ;
   z-index:99
  }
}

.spacer{width:100%; height:50px;}
.inner-shadow{box-shadow: rgba(39, 34, 98, 0.447059) 0px 0px 20px -10px inset, rgba(39, 34, 98,  0.598039) 0px 0px 116px 21px inset;}
.profile-pic {width:100%; z-index: 1}
.center{}
.img-profile{
 position: relative;
 text-align: center;
 color: white;
transition: all 0.5s ease 0s;
	max-width:360px !important; margin:0 auto 20px auto ;
}
@media (min-width:1200px){
.img-profile:hover{  transition: all 0.5s ease 0s;
 transform: scale(1.07) ; /** change **/
-webkit-transform: scale(1.03) ; /** change **/
-moz-transform: scale(1.03) ; /** change **/
-ms-transform: scale(1.03); /** change **/
-o-transform: scale(1.03) ; /** change **/
box-shadow: rgba(39, 34, 98, 0.117647) 0px 2px 4px 0px, rgba(39, 34, 98, 0.317647) 0px 2px 16px 0px;
margin-bottom:10px;
}}
.profile-info {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height:100%;
 background: rgba(0,0,0,0.2);
 padding: 0;
font-size:0.8em;
}

.profile-info:hover{background-color: rgba(34, 45, 98, 0.8); }
.profile-info:hover .profile-info-inner{display: none;  }
.img-profile .profile-info-more{display: none; }
.img-profile:hover .profile-info-more{display: block; background: #272262;   line-height: 1.5em }
.bottom-center{position: absolute;
 bottom: 25px;
 left:15px;
 right:15px;
 text-align: left;
}
.profile-info-inner h3{font-size: 30px}
.profile-info-more h3,.profile-info-more h4{font-size: 30px !important}
@media (max-width:768px){
  .profile-info-more h3,.profile-info-more h4{font-size: 20px !important}
  .img-profile:hover .profile-info-more{display: block; background: #272262;   line-height: 1.4em; font-size: 0.96em}
}


/**** cruise results ***/

.cruise-results .side-buttons .btn-accent{display: block;  width: 99%; margin:0 0 3px 0}
.cruise-results .filter-area{margin-top: 10px}
.cruise-results .filter-area .card{margin-bottom: 3px}
.cruise-results .filter-area .card h5{font-size: 20px !important}
.cruise-results .cruises-list h2{border:0; font-size: 32px}
.cruise-results .cruises-list h3{color:#272262; font-size: 22px; text-transform: uppercase; font-family: "AxiformaLight"}
.cruise-results .cruises-list h4{ font-size: 22px}
.cruise-results  .cruise-overview{list-style-type: none;color:#272262; margin: 20px 0 0 0; padding: 0}
.cruise-results  .cruise-overview li{font-family:"AxiformaLight"}
.cruise-results  .cruise-overview li strong{font-family: "AxiformaReg"}
.cruise-results  .cruise-overview li .bi{font-weight: bold;}

@media (max-width:768px){
  .cruise-results .side-buttons .btn-accent{font-size: 0.8em; margin:0 auto 3px auto; padding: 7px 3px}
  .cruise-results .side-buttons .btn-accent i{font-size: 1.2em}
  .single-cruise-image{border-radius: 5px 5px 0 0px !important}
  .cruise-results .filter-area .card h5{font-size: 14px !important}
  .cruise-results .cruises-list h2{border:0; font-size: 22px}
  .cruise-results .cruises-list h3{color:#272262; font-size: 18px; text-transform: uppercase; font-family: "AxiformaLight"}
    .cruise-results .cruises-list h4{ font-size: 16px}
}


/********** Itinerary *******/
.cruise-info   h2{  font-size: 32px; border:0 !important}
.cruise-info  h3{color:#272262; font-size: 22px; text-transform: uppercase; font-family: "AxiformaLight";  }
.cruise-info h4{ font-size: 22px;  }
.cruise-info { display: block; background: #fff; text-decoration: none; margin-bottom: 30px; font-weight: 100; color: #5d76bf; padding: 10px; border: #f5f5f5 solid 1px; box-shadow: 0 0 5px rgba(0,0,0, .15);}
.cruise-info .result-img {width: 100%; height: 150px;}
.cruise-info .cruise-title { font-size: 22px;}
.cruise-info .cruise-ship {  font-size: 18px; padding-left: 5px;}
.cruise-info .cruise-line {  font-size: 14px; padding-left: 5px; color: #666}
.cruise-info .cruise-ports { color: #999; font-size: 13px; }
.cruise-info .offer-logo {float: right; padding: 10px 5px 0 0;}
.cruise-info .offer-price { background: #003466; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 10px;}
.cruise-info .offer-price .price-txt {display: inline-block; transform:scale(1.5,2); -webkit-transform:scale(1.5,2);}
.cruise-info .offer-price .big { font-size: 18px; font-weight: 800;}
.cruise-info th, .cruise-info td { width: 20% }
.cruise-info .cabin-title { font-size: 18px;}
.cruise-info .cabin-details { color: #888;}

.cruise-info{ }
.cruise-info .sm-title {   color:#777; font-weight: 400 }
.cruise-info .txt-content { font-size: 15px }
.cruise-info .note {  color:#777; font-size: 11px; margin-top: 20px}
.cruise-info .from-price { font-size: 29px; font-weight: 600 }
.cruise-info .nav-pills > li { border: #ddd solid 1px; text-align: center; margin: 2px; border-radius: 6px;  }
.cruise-info .nav-pills > li:hover { background-color:#eee; }
.cruise-info .nav-pills > li.active { background-color:#F48B16; }
.cruise-info .nav-pills > li.active > a, .cruise-info .nav-pills > li.active > a:hover,
.cruise-info .nav-pills > li.active > a:focus  { background-color:#F48B16; color:#fff; }
.cruise-info .nav-pills > li.pill-date { width: 65px;}
.cruise-info .nav-pills > li.pill-price { width: 80px; }
.cruise-info .nav-pills > li.pill-price a{  color:#272262 !important}
.cruise-info .nav-pills > li.active a{color:#fff !important}
.cruise-info .nav-pills > li > a {  line-height: 16px; padding: 2px; font-weight: 400; text-decoration: none }
.cruise-info .cruise-includes{color:#777; font-size: 13px; line-height: 24px !important}
.cruise-info .cruise-includes i{font-size: 20px; line-height: 24px; }
.cruise-info .cruise-includes strong{color:#777}

.itinerary-section{text-align: center;}
.itinerary-section .row{background: #f1f3f7; margin:10px 0}
.itinerary-section strong{font-family: "AxiformaBold"}
.itinerary-section .head{color:#fff ;font-size: 1.1em; font-family: 'AxiformaLight'; padding:25px 35px 25px 15px;
border-bottom: 0;background:#f1f3f7 url(../images/about-head-bg-2.png) center right; background-size: cover;
background-repeat: no-repeat; margin: 0px}
.itinerary-section .material-symbols-outlined{font-size: 3em}
.itinerary-section .body{background:#f1f3f7; font-size: 1em; line-height: 1.6em; padding: 30px 15px 30px 15px;margin:0px; text-align: left; color:#333}
@media (min-width: 1400px) {.itinerary-section .body{  padding: 30px 25px 30px 25px; }}


 .itinerary-section-mobile{text-align: left;  }
 .itinerary-section-mobile .head{text-align: center; font-size: 1.4em; font-family: 'AxiformaLight'; padding:60px 15px 40px 15px;
 border-bottom: 0;background:#272262;  color:#fff}
 .itinerary-section-mobile img{width: 80px; margin-top: 20px}
 .itinerary-section-mobile .body{font-size: 1.0em; line-height: 1.9em; padding: 15px 20px 30px 20px;  background: #f1f3f7; margin-bottom: 20px}

.on-board-section h4{font-size: 24px; color:#272262; margin-bottom: 10px}
.offer-banner{background: rgba(244,139,22,0.94); color:#fff; padding:5px 10px; border-radius:0px 5px 5px 0;  width:80%;line-height:1.5em}


/*** check availability form ***/

.btn-primary{background-color: #272262 ; border: 1px solid #272262}
.modal-title{letter-spacing: -0.2px}
::placeholder {font-size: 0.8em;color:#666;}
.control-accent:checked ~ .control-indicator-accent { border-color: #F48B16; }
form .icon{font-size: 1.5em; padding: 4px 9px; text-align: center; width: 40px !important;
  height: 3em !important; margin: 0; color:#fff; background: rgba(244,139,22, 0.95)}


select {
  -webkit-appearance: none;-moz-appearance: none;  appearance: none;border: 0;outline: 0;font: inherit;
  height: 3em;padding: 0 1em 0 1em;
  background:  url(./icons/caret-down-blue.svg) no-repeat right 0.8em center/1.4em, linear-gradient(to left, rgba(246, 247, 251, 1) 3em, rgba(246,247, 251, 1.0) 3em);
  color: #333;font-size: 0.9em;border-radius: 0.25em;cursor: pointer;  border: 0px solid #e3e6e9}
.select{width: 100%}
.icon-select{ width: calc(100% - 40px);}

/*
input[type=text]{height: 3em;padding: 0 10px 0;color: #333;border-radius: 0.25em;cursor: pointer;background: #f6f7fb !important;border: 1px solid #e3e6e9}
select option {color: inherit;  background-color: #320a28;}
select:focus {  outline: none;}
select::-ms-expand {display: none;}
*/


@charset "UTF-8";
.options{  margin:0 0 40px -13px !important; overflow:hidden}
.options input[type=radio] {display: none;}
.options input[type=radio]:checked + .box {background-color: #F48B16; border:1px solid #F48B16}
.options input[type=radio]:checked + .box span {color: white;transform: translateY(5px);}
.options input[type=radio]:checked + .box span:before {transform: translateY(0px);opacity: 1;}
.options .box {
  width: 213px;
  height: 65px;
  background-color: #272262;
  border: 1px solid #272262;
  transition: all 250ms ease;
  will-change: transition;
  display:  block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-family: "AxiformaReg";

}

.options .box:active {  transform: translateY(10px);}
.options .box span {
  position: absolute;
  transform: translate(0, 0px);
  left: 0;
  right: 0;
  top:4px;
  transition: all 300ms ease;
  font-size: 1.1em;
  /*** change ***/ letter-spacing: -0.2px; margin: 0;
  user-select: none;
  color:  #fff;
}




.options .box span:before {
  font-size: 1.5em;
  display: block;
  transform: translateY(-60px);
  opacity: 0;
  transition: all 300ms ease-in-out;
  font-weight: normal;
  color: white;
}
/*.options .front-end span:before {content: url("./icons/plane-icon.png");    margin: 0 auto;  }*/
.options .front-end span:before{content: " ";
  background-image:url(../icons/directions_boat_FILL1_wght400_GRAD0_opsz48.png);
  background-size: 100% 100%;
  /*size of your image*/
  height: 20px;
  width:20px;
  margin:0 auto 4px auto;
  /*if you want to change the position you can use margins or:*/
  position:relative;
}
.options .back-end span:before {content: "\2713";}

.options .back-end-flight span:before{content: " ";
  background-image:url(../icons/cruise-flight.png);
  background-size: 100% 100%;
  /*size of your image*/
  height: 20px;
  width:58px;
  margin:0 auto 4px auto;
  /*if you want to change the position you can use margins or:*/
  position:relative;
}
  .options .back-end-hotel span:before{content: " ";
    background-image:url(../icons/cruise-flight-hotel.png);
    background-size: 100% 100%;
    /*size of your image*/
    height: 20px;
    width:96px;
    margin:0 auto 4px auto;
    /*if you want to change the position you can use margins or:*/
    position:relative;
  }



  @media only screen and (max-width: 992px) {
    .options .box {  min-width: 100px; width:30%; height: 85px;}
    .options .box span {font-size: 11px}
    .options .front-end span:before{height: 16px;  width:16px;}
    .options .back-end-flight span:before{height: 16px;
    width:47px;}
    .options .back-end-hotel span:before{height: 16px;
    width:77px;}
  }


  /**** newsletter ***/
  #mc_embed_signup{background:transparent;   font:14px Helvetica,Arial,sans-serif;   }
  #mc_embed_signup input[type=text],#mc_embed_signup input[type=email]{padding:5px 10px; border-radius: 5px; border:1px solid #F48B16; font:14px Helvetica,Arial,sans-serif; }
  #mc_embed_signup input[type=checkbox] { border-radius: 0.1em; height: 1.15em; border:1em solid #F48B16; place-content: center; float: left; background: #fff; -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ transform: scale(1.5); padding: 1px; }
  #mc_embed_signup input[type=checkbox]:active, input[type=checkbox]:focus{border: 0; outline: none}
  #mc_embed_signup input[type=checkbox]:focus, input[type=checkbox]:active,input[type="checkbox"]:checked { border:1em solid #F48B16; padding: 0; filter: hue-rotate(180deg) brightness(140%) sepia(0.2); }
  #mc_embed_signup .checkbox-label{background: transparent; padding:0px 20px 0px 1px; border-radius:5px; color:#fff; font-family: 'AxiformaBold';float: left; margin-right:5px; }
  #mc_embed_signup span{font-size: 1em}
  #mc_embed_signup	.mc-field-group{width: 750px}
  @media (max-width: 768px) {#mc_embed_signup .mc-field-group{width: 340px; padding: 0; margin: 0 auto; } #mc_embed_signup .mc-field-group div{  padding: 0}}
  
  .newsletter-checkoboxes { display: grid; grid-template-columns: auto auto auto auto auto auto; }
  @media screen and (max-width: 1200px) { .newsletter-checkoboxes{grid-template-columns: auto auto auto  }}
 

  @media screen and (max-width: 768px) {
    .checkbox-fligts{grid-area: flights}
    .checkbox-cruises{grid-area: cruises}
    .checkbox-holidays{grid-area: holidays}
    .checkbox-cb{grid-area: cb}
    .checkbox-hotels{grid-area: hotels}
    .newsletter-checkoboxes{
      grid-template-columns: auto auto;
      grid-template-rows: auto;
      grid-template-areas:
      "flights cruises"
      "holidays hotels "
      "cb cb"
      "col-1 col-1";
      }
    .newsletter-subscribe{grid-area: col-1}
  }
  @media screen and (max-width: 568px) {
    .newsletter-checkoboxes{grid-template-columns: auto ; }
  }


/*** new 2025 **/
strong{font-family: "AxiformaBold"}
.rounded-lg{border-radius:15px}
.text-primary{color:#272262 !important;}
.link-dark:hover{color: #F48B16}
.text-strong{font-family:"AxiformaBold" !important; }
.text-reg{font-family:"AxiformaReg" !important; }
.text-light{font-family:"AxiformaLight" !important; }
.contact-subtitle{font-family:"AxiformaLight" !important; font-size: 1.6em !important; color:#111}
.display-5{font-size:40px}
.display-6{font-size: 18px !important; font-family:"AxiformaBold"}
.display-7{font-size: 30px}

.box-title{font-size: 20px; font-family: "AxiformaReg"; color: #fff; border-bottom: 0px solid rgba(255,255,255,0.2); padding-bottom: 2px}
.btn-back{border-radius: 10px; border: 1px solid #000; padding: 4px 10px}
.btn-back:hover{color: #272262; border: 1px solid #272262; background: #f1f3f6}
.modal .btn-close{border: 1px solid #000; border-radius: 10px; padding: 5px}

.lead{font-size: 22px !important; font-family: "AxiformaBold" !important}
.section-title{font-size:42px; display: block; text-align: center; color:#000; font-family: "AxiformaBold" !important; font-weight:bold}
.section-intro{text-align: center; margin-top: 20px; margin-bottom: 30px; font-family: "AxiformaReg"; font-size:16px !important}
.section-subtitle{font-size:20px; display: block; text-align: center; color:#000; font-family: "AxiformaBold" !important; }
.section-upper-title{font-size: 20px; font-family: "AxiformaReg"}
.grid-offer-title{font-size:22px; display: block; text-align: center;  font-family: "AxiformaBold" !important; margin-bottom: 0}
.cheapest-offers .offer-title{font-size:20px}
.flight-destinations-section .offer-title{color:#fff; font-family: "AxiformaBold"; font-size:28px}
.mosaic-offers .offer-title{color:#fff; font-family: "AxiformaBold"; font-size:28px; margin-top: 20px}
.mosaic-offers .offer-price{margin-top: 10px; margin-bottom: 20px}
@media screen and (max-width: 992px) {
  .section-title{font-size:28px;}
}
.trustpilot-logo{width: 100px !important; margin-top: -8px; display: inline;}
.testimonials p{font-size: 0.9em; line-height: 1.5em}
.testimonials .bi-star-fill{margin: 0 2px}
.why-choose-us{text-align: center;}
.why-choose-us .number{font-family: "AxiformaBold"; line-height: 1.2em; font-size: 16px;  color:#000; font-weight: bold; margin: 16px 0px 20px 0px}
.why-choose-us .small{font-family: "AxiformaLight"; line-height: 1.3em; margin: 20px 14px 20px 14px} /* change */


/* The container */
.home-newsletter-box .checkbox-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.home-newsletter-box .checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.home-newsletter-box .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
}

/* On mouse-over, add a grey background color */
.home-newsletter-box .checkbox-label:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.home-newsletter-box .checkbox-label input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.home-newsletter-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.home-newsletter-box .checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.home-newsletter-box .checkbox-label .checkmark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}




.dropdown-item {
  color: #fff;line-height: 1.8em
}
.navbar .dropdown-menu {
  background: #fff; list-style-type: none; padding: 12px 0; margin-left: 0;
  border-radius: 0;
}
.navbar .dropdown-menu .dropdown-menu{border-left: 5px solid #F48B16; padding-left: 12px}
.navbar .dropdown-menu li{
  list-style-type: none; padding: 0; margin-left: 0;
}
.navbar .dropdown-menu .dropdown-item{
  color:#000;
}
.navbar .dropdown-menu .dropdown-item:hover{
  background: #fff; color: #F48B16
}
@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;

  }
  .navbar .dropdown-menu {
    line-height: initial;

  }

  .dropdown .dropdown-menu {
    display: none;
  }

  .dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
    display: block;
  }

  .dropdown:hover > .dropdown-menu {
    margin-top: -0.5rem;
  }

  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: -0.5rem;
    left: 100%;
    margin-left: 0;
  }
}
.sidePanel {
            position: fixed;
            top: 0px;
            left: -998px;
            width: 100%;
            height: 100%;
            background-color: red);
            box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
            transition: left 1s ease;
            padding: 70px 20px 20px 20px;
            z-index: 1001;
            background: #fff;
            color:#2e2e73
        }
        @media (min-width: 998px) {
          .sidePanel {display: none}
        }
        .sidePanel a{
          display: block !important;
          border-bottom: 1px solid rgba(0,0,0,0.1);
          padding: 12px 0;
          font-size: 18px;
          color:rgba(255,255,255,0.8);
          color: #2e2e73;
        }
        .sidePanel a.back{border:0; margin-top: 0px; font-size:30px; x}

        .sidePanel .btn-close{margin:10px 20px 0 0px; width: 24px; height: 24px; padding: 0 5px 5px 5px; text-align: center !important; color:#fff; opacity: 1}
        .sidePanel .btn-close:hover{  background:#F48B16}
        .sidePanel .btn-close i{margin: 0 auto; font-size: 20px}

        .navbar-toggler{opacity: 1}
        .navbar-toggler .close-icon {
            display: none;
        }

        .navbar-toggler.active .navbar-toggler-icon {
            display: none;
        }

        .navbar-toggler.active .close-icon {
            display: block;
        }
        .navbar-dark .navbar-toggler{color: #fff !important;border-color: rgba(255,255,255,.2); padding-bottom: 5px}



.side-panel-title{ font-weight: bold !important; font-size: 26px !important; color: #F48B16; margin: 30px 0 20px 0}




.contact-details{color:#111; font-size: 14px; line-height: 1.7em}
.contact-info-icon{background:#272262; border-radius: 50%; color:#fff; padding: 7px;
  font-size: 20px !important; display: block; width: 34px; height: 34px; text-align: center !important; line-height: 1em !important}

.logo-reg{width: 180px; padding: 5px 20px}
@media (max-width: 1200px) {.logo-reg{width: 140px; padding: 6px 10px}}
.contact-icon{z-index: 100; width:60px; height:60px; position:fixed; bottom:40px; right:40px} /** change **/
.email-icon{z-index: 100; width:60px; height:60px; position:fixed; bottom:40px; left:40px} /** change **/
.qoute-form .nav-link{border:1px solid #f1f3f7; color:#000}
.qoute-form .nav-link.active{border-bottom:1px solid #f1f3f7; border-top:3px solid #F48B16; background: #f1f3f7}
.qoute-form .nav-link{}
.quote-form{}
.quote-form input{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; background: #fff}
.quote-form  input[type=text], .quote-form  input[type=email], .quote-form  input[type=phone], .quote-form  input[type=date]{width: 100%}
.quote-form .form-item{margin-top:20px}
.quote-form textarea{border: 1px solid #ccc; padding: 8px 10px; border-radius: 5px; width: 100%; background: #fff}
.quote-form select {width: 100%; padding: 22px 20px;border: 1px solid #ccc; border-radius: 5px;background: #fff;}

.get-support .bi{font-size:36px; margin-bottom:12px}
.where-to-find-us{font-size:18px; font-family: "AxiformaLight"; line-height: 1.4em}
.where-to-find-us strong{font-family: "AxiformaBold"}
.where-to-find-us .bi{font-size: 20px; color:#272262; background: #fff; border-radius:50%; padding: 4px 7px}
.where-to-find-us .bi-telephone-fill{font-size: 36px; padding: 4px 10px}
.secure-established .circle{border:1px solid #272262; padding: 5px;width:154px; height:154px; text-align: center; color:#fff; line-height: 1.3em; font-family: "AxiformaLight"; font-size:16px}
.secure-established .circle .inner{width:142px; height:142px;; border-radius: 50%; padding: 20px 5px}

.bg-light  .offer-card .offer-details{background: #fff}

.bi-bg{background: #fff; font-size: 30px; border-radius:50%;   padding: 6px 12px}
.about-section-buttons .btn-accent-2{font-size: 1.4em}
@media (max-width: 768px) {
  .secure-established .circle{ width:110px; height:110px;   font-size:11px}
  .secure-established .circle .inner{width:98px; height:98px; padding: 12px 3px}
  .bi-bg{background: #fff; font-size: 20px; border-radius:50%;   padding: 6px 10px}
}


.contact_modal{text-align: left;}
.contact_modal .col-2{padding-top: 12px}
.contact_modal i{font-size: 24px; color:#fff; padding:6px 10px; border-radius: 50%; border:1px solid #fff; }
.contact_modal h6, .contact_modal p{color:#fff}
.contact_modal h6{font-size: 20px; font-family: "AxiformaLight"; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom:12px} /** change **/
.contact_modal p{padding-top: 0px}/** change **/
.contact_modal .rounded{background: #272262; border-radius:20px !important; padding:18px 20px 6px 20px}/** change **/
.contact_modal i:hover{color: #F48B16; border: 1px solid #F48B16}
.contact_modal  .line{border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:13px; padding-bottom:8px}

@media (max-width: 1200px) {
  .icons .navbar-nav li a{ font-size: 12px}
  .contact_modal  .line{ margin-bottom:5px; padding-bottom:3px}
  .contact_modal h6{font-size: 17px;}
  .contact_modal p{font-size: 0.9em}
}

.navbar{background: #272262}
@media (max-width: 992px) {
  .icons {width: 50%}
  .icons .nav-item{width:100px float: left;}
  .icons .nav-item a{}
  .btn-myprofile{padding:10px !important;   border-radius: 50%; line-height: 14px !important;
  margin-left:0px !important; margin-top: 0px !important; position: relative; left:6px; top:2px; width: 36px !important; height: 36px !important; font-size: 14px}
  .btn-myprofile:hover{background: #ffa700 !important}
.navbar{background: rgba(39,34,98,1)}
.navbar-collapse{height: 860px; overflow: scroll; transition: 0.3s; padding-bottom: 100px ;}
}

.bookappointment .dropdown-wrapper {position: relative; width:100%;}
.cols-2 {display: grid; grid-template-columns: 1fr 1fr; grid-gap:20px;}
.bookappointment select.sort-select {height: 40px !important; line-height: 40px !important; color: #000 !important; text-indent: 0 !important; appearance: auto !important;}
.bookappointment input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; left: 0;}
.datepicker {font-size: 14px; padding: 10px 20px; border-radius: 12px; color:#555;}
.datepicker table tr td {border-radius: 0 !important; padding: 2px 10px !important; font-family: "AxiformaLight"; border: 2px solid #fff;}
.datepicker table tr td:hover {background: none !important; color: inherit !important;}
.datepicker table tr td.day:hover {background-color: #F48B16 !important; border-radius: 6% !important; color: #fff !important;}
.datepicker table tr td.active, .datepicker table tr td.active:hover {background-color: #F48B16 !important; background-image: none !important; color: white !important; border-radius: 6px !important; font-weight: normal; box-shadow: none !important; text-shadow: none !important; border: 2px solid #fff;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {background-color: #f0f0f0 !important; color: #aaa !important; cursor: not-allowed;}
.datepicker table tr th.datepicker-switch {color: #272262 !important; font-weight: bold; border-radius: 8px 8px 0 0;}
.datepicker table tr th.prev, .datepicker table tr th.next {color: #272262 !important; border-radius: 4px; cursor: pointer; margin:0 20px;}
.datepicker table tr th.prev:hover, .datepicker table tr th.next:hover, .datepicker table tr th.datepicker-switch:hover {color: #272262 !important;}


.navbar-collapse-m{display: block; width: 100%; height: 860px; transition: 0.3s}
.navbar-collapse-m ul{ width: 100%; }
.navbar-collapse-m li{ border-bottom: 1px solid rgba(255,255,255,0.1); display: block; width: 100%}
.navbar-collapse-m .nav-link{ font-size: 18px; color: rgba(255,255,255,0.8) !important; padding: 20px;}

.flight-destinations-section .single-offer .offer-bg{padding: 50px 20px; border-radius: 8px; display: block;}
.flight-destinations-section .single-offer .offer-bg:hover{transform: scale(1.03); transition: 0.3s; cursor: pointer !important;}
.flight-destinations-section .single-offer .offer-bg .offer-title{margin-bottom: 90px}
.flight-destinations-section .single-offer .offer-bg .offer-price{background: #fff; border-radius: 8px; width: 150px;   padding: 10px 10px; text-align: left; display: flex;}
.flight-destinations-section .single-offer .offer-bg  .offer-price .price-txt{ font-size: 0.6em;  color: #888; font-family: "AxiformaReg"; width: 50px;
  display: inline-block; float: left !important ; line-height: 1.4em; text-transform: uppercase;}
.flight-destinations-section .single-offer .offer-bg  .big {letter-spacing: -1px; display: inline-block;; color:#F48B16; font-size:1.6em; width: 70px; }



.cruise-destinationsest-offers .image-offer-card .offer-bg{height: 360px !important}
.cruise-destinationsest-offers .tag-flightsFrom{margin-top: 150px !important}

footer .bi.circle{background: #fff; border-radius:50%; color:#272262; width: 26px; height: 26px;display: inline-block; text-align: center; padding-top: 0px; font-size: 15px}
.newsletter h5{font-size: 18px !important}




.insurance-container{
  display: grid;
  grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;
  column-gap: 0.5%;
}


.insurance-container > div {
  background-color: #eee;

  font-size: 11.6px;
  line-height: 1.6em;
  text-align: center;

}
.insurance-option{transition:0.3s; text-align: left !important; color:#fff; z-index: 1; position: relative;}
.insurance-option div{padding:35px 20px; height: 100%}
.insurance-option p{opacity: 0;margin-top: -60px}
.insurance-option h3{opacity: 1; font-size: 34px; }


.insurance-option:hover p{opacity: 0.9; }
.insurance-option:hover h3{opacity: 0; }
.insurance-option:hover{transform:scale(1.05); z-index: 2}
.insurance-option div:hover{ background: rgba(34, 35, 98, 0.89);}

@media (max-width: 998px) {
  .insurance-container{grid-template-columns: 99%;}
  .insurance-option{margin-bottom: 16px}
  .insurance-option:hover{transform:scale(1); z-index: 2}
  .insurance-option p{font-size: 15px; line-height: 1.6em}
}


.insurance-option p {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.insurance-option h3 {
  transition: opacity 0.3s ease-in-out;
}


.insurance-option.active p {
  opacity: 1;
  transform: translateY(0);
}

.insurance-option.active h3 {
  opacity: 0;
}

.insurance-option.active div {
  background: rgba(34, 35, 98, 0.89);
}

.single-airline{background: #f1f3f7;  border-radius:9px;height: 280px;  width:280px; min-width: 280px; max-width: 280px; transition: 0.3s; position: relative;}
.single-airline:hover, .popular-airline:hover{transform: scale(1.04); transition: 0.3s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.single-airline .airline-pic{height:150px; border-radius:9px 9px 0 0; }

.airline-logo{border-radius:0 9px 0 0; opacity:0.9}

.single-airline-snippet{padding: 15px 20px; }
.single-airline-snippet p{font-size: 0.80em; line-height: 1.4em; margin-top: 4px; }
.single-airline-snippet .airline-btn{font-size: 0.9em;  position:absolute;; bottom:5px; right:20px}
.single-airline-snippet strong{color: #000; font-weight: normal;}

.popular-airline{background: #f1f3f7;  border-radius:4px; height: 140px;  width:280px; min-width: 280px; max-width: 280px; transition: 0.3s}

.popular-airline .airline-pic{border-radius:4px 0 0 4px;}
.popular-airline img{border-radius:0 4px 4px 0px;}

.airline-link{display: block; color:#777}
.airline-link:hover{color:#777}
.airline-class-info {border-radius: 20px;  background: #fff; margin-bottom: 20px; }






.airline-class-info p{font-size: 1em;line-height: 2em}
.circle-airport{width:80px; height:80px;border-radius:50px}


a.airline-flight-offer{margin-top:50px; display: block}
.airline-flight-offer .arrow{padding-left:0px;transition: 0.4s;   }

.airline-flight-offer small{font-size: 12px; font-family: "AxiformaLight"}
.airline-flight-offer h6{font-size: 14px}
.airline-flight-offer h4{font-size: 24px}
.border-btm{border-bottom: 1px solid #ddd;  padding-bottom: 0px; margin-bottom: 10px}
@media only screen and (min-width: 992px){.airline-flight-offer:hover .arrow { padding-left:20px !important; transition: 0.4s; }}
@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .arrow small{display: none}

}
@media only screen and (min-width: 992px) and (max-width: 1600px){
.airline-flights .circle-airport{width:70px; height:70px;border-radius:35px; margin-top:15px}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
.airline-flight-details{padding-left:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1100px){
.airline-flight-details{padding-left:30px}
.arrow {display: none}
}
@media only screen and (min-width: 850px) and (max-width: 991px) {
.arrow small{display: none}
.airline-flights .circle-airport{width:100px; height:100px;border-radius:50px; margin-top:15px}
}
@media only screen and (min-width: 550px) and (max-width: 850px){
.airline-flight-details{padding-left:40px}
}


/************* Airports *************/
.section-title-left{font-size: 24px}
.airport {
  padding: 10px 30px
}

.airport-img {
  min-height: 200px
}

.airports-2 {
  background-color: #f1f4f8;
  padding: 20px;
  min-height: 240px !important;
}

.airports-2 a {
  display: block;
  color: #262262;

}

.airports-2 a:hover {
  color: #245ca7;
  text-decoration: none
}

#all-airports h1 {
  margin: 50px 0 20px 0
}


#newsletterPopup input{border: 1px solid #F48B16; padding: 2px 10px; border-radius:8px}

.checkbox-lg .form-check-input{
 width:24px; height: 24px
 }

 .qoute-form .nav-link{font-size: 1.4em}

.select-field{padding-top: 0 !important;   }


.single-post-title{width: 50%; min-width: 400px; margin: -100px auto 50px auto; text-align: center; font-family: "AxiformaBold"; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.post-title{font-size: 34px}
.single-post{padding-bottom: 100px; max-width: 1024px; margin: 0 auto}
.qsf_main  .nav-link{margin-right: 3px}
@media only screen and (max-width: 1024px) {
.top-banner .nav-link{font-size: 1.5em; padding: 12px 40px !important}
}
@media only screen and (max-width: 768px) {
  .insurance  .nav-link{font-size:20px !important; text-align: center; padding-left: 20px !important; border-bottom: 1px solid  #46417b}
  .insurance  .nav-link.active{border-bottom:1px solid #F48B16 }

  .qsf_main{background: #272262;}
  .qsf_main .nav{ padding: 0 20px}
  .qsf_main .nav li{width:24% !important; text-align: center; padding: 0 0px; margin: 10px auto 0px auto; border-radius: 5px}
  .qsf_main .nav li a.nav-link{background: #f1f3f7; color:#272262; border-radius: 5px}
  .qsf_main .nav li a.nav-link.active{color:#fff}
  .qsf_main .nav li .material-symbols-outlined {display: block;margin-bottom: 8px; font-size: 30px}
  .qsf_main  .nav-link{font-size:14px !important; text-align: center !important; padding:12px 0 !important; border-bottom: 0px solid  #46417b}
}




.offers-v1 .item {
  color: #f1f4f8;
}

.offers-v1 .item .offer-img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0px;
  color: #fff;
  background-color: rgba(15, 35, 85, 0.25);
  padding: 0;
  height: 350px;
  margin-bottom: 20px;
  color: #fff;
  padding: 0;
  transition: all 0.4s;
  border-radius: 1px;
}

.offers-v1 .item:hover {
  -webkit-box-shadow: 1px 1px 15px 4px rgba(40, 40, 40, 0.43);
  -moz-box-shadow: 1px 1px 15px 4px rgba(40, 40, 40, 0.43);
  box-shadow: 1px 1px 15px 4px rgba(40, 40, 40, 0.43);
  transform: scale(1.06);
  transition: all 0.4s;
  z-index: 2;
}

.offers-v1 .item:hover .offer-img {}

.offers-v1 .item .offer-info {
  width: 100%;
  height: 350px;
  padding: 30px;
  background: rgba(10, 36, 98, 0.2)
}

.offers-v1 .item:hover .offer-info {
  background: rgba(18, 45, 90, 0.85);
  transition: all 0.2s;
}

.offers-v1 .item a .offer-hidden-info {
  margin-top: 30px;
  transition: all 0s;
  opacity: 0
}

.offers-v1 .item a:hover .offer-hidden-info {
  margin-top: 30px;
  transition: all 0.6s;
  opacity: 1
}

.offers-v1 .offer-img-title {
  font-size: 32px;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 10px;
  color: #f1f4f8
}

.offers-v1 .offer-img-price {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #62c6de
}

.offers-v1 .offer-details {
  line-height: 1.4em
}

.offers-v1 .price-txt .big {
  font-size: 20px;
}



/*** airline ***/
.airline-info-row1 {
 display: flex;
 grid-template-columns: auto auto auto;
 gap: 0rem;
 margin-bottom: 20px;
 max-width: 100%; /* Zapewnia, że kontener nie wykracza poza szerokość ekranu */
 width: 100%; /* Kontener zajmuje 100% szerokości */
}

.box1{background: #fff; padding: 40px 30px 20px 30px; border-radius: 8px }
.box1:nth-child(2){margin-left: 40px; margin-right: 40px}
.box1:last-child{ margin-right: 0}
 .box1:first-child{margin-left: 0}

 .airline-info-row1 h5{font-size: 24px !important;}
 .airline-info-row1 h5 i,.airline-info-row1 h5 span{font-size: 30px !important}
 @media (max-width: 987px) {
   .airline-info-row1 {
    display: block;
    grid-template-columns: 1fr !important;}
    .box1{}
    .box1{margin-left: 10px !important; margin-right: 10px !important; margin-bottom: 20px}
 }

  .arrow-left{margin-left: -20px}
  .arrow-right{margin-left: 20px}
  .arrow-left img, .arrow-right img{width: 60px; }
  @media only screen and (min-width: 1024px) {
    .cruise-info-modal ul{margin: -30px 50px 50px 50px; column-count: 3;}
    .arrow-left{margin-left: -50px}
    .arrow-right{margin-left: 50px}
    .arrow-left img, .arrow-right img{width: 60px ; margin-top: 0px}
    .deck-modal .arrow-left img, .deck-modal  .arrow-right img{ margin-top: 40px}
  }

  .single-airport{background: #f1f3f7;  border-radius:9px;height: 350px;  min-width: 31%;max-width: 31%; width:31%;  transition: 0.3s; position: relative;}
  .single-airport a{font-size: 0.9em; color:#000; line-height: 1.3em !important}
  .single-airport a i{margin-right: 4px;color: #F48B16}

  .single-airport .airport-pic{height:180px; border-radius:9px 9px 0 0; }
  @media only screen and (max-width: 1400px) {
    .single-airport{min-width: 30%;  }
  }
  @media only screen and (max-width: 968px) {
    .single-airport{min-width: 45%;  }
  }
  @media only screen and (max-width: 768px) {
      .single-airport{min-width: 90%;}
      .airports-section h2{text-align: center;}
  }

  @media only screen and (min-width: 1200px) {
    .single-airport a:hover{font-size: 1em; color:#272262; margin-left: 5px}
  }

  .single-airport-snippet{padding: 15px 20px; }
  .single-airport-snippet p{font-size: 0.80em; line-height: 1.4em; margin-top: 4px; }
  .single-airport-snippet .airline-btn{font-size: 0.9em;  position:absolute;; bottom:5px; right:20px}
  .single-airport-snippet strong{color: #000; font-weight: normal;}


  /*ships content*/
  .text-md{font-size: 1.4em; font-family: "AxiformaLight"}
.text-lg{font-size: 2.5em}
.cruiseInfoAccordion .card-header{padding: 0}
.cruiseInfoAccordion .btn{width: 100%; height: 100%; padding: 15px 20px; text-align: left; color:#fff; background: #272262;
  font-size:20px; text-transform: uppercase; letter-spacing: 1px; font-family: "AxiformaBold"}
.cruiseInfoAccordion .card-header .btn[aria-expanded=true] {background-color: #F48B16;}
.cruiseInfoAccordion .card{border: 0; margin-bottom: 10px}
.cabin-img{height: 210px; margin: 10px 5px} 
.cabin-name{background:  #272262; color:#fff; margin-bottom: 0; margin-top:140px; padding: 6px 10px 0 10px; text-align: center; font-size: 0.9em; line-height: 1.4em; height: 48px; }  

.staterooms-section .nav-link{line-height: 1.2em; background: transparent; color:#111; text-transform: uppercase;font-size: 1.2em; font-family: "AxiformaLight"; padding: 0px 6px ; margin:  0px;} /** change **/
.staterooms-section .nav-pills .nav-item{border-left: 1px solid #111; padding: 0 15px !important} /** change **/
.staterooms-section .nav-pills .nav-item:first-child{border-left: 0;  } /** change **/

.staterooms-section .nav-link.active{font-family: "AxiformaBold";   background: transparent; color:#111; } /** change **/


.staterooms-section .nav-link.active { /** change **/
      position: relative;
      text-decoration: none;
      color: black;

      font-family: "Quicksand", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
}

.staterooms-section .nav-link.active::after { /** change **/
      content: "";
      position: absolute;
      left: 0;
      bottom: -10px;
      width: 100%;
      height: 2px;
      background-color: #F48B16;
      transition: width 0.3s ease-in-out;
}

.sld-wrp {
  width: 100%;
  margin: 0 auto;
}

.slider-for {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.slide-container {
  text-align: center;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.slide-btn {
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden !important;
}
.slide-btn span{background: #f1f3f7; padding:3px 5px; width: 100%; display: block; color:#111}
.slide-btn:hover span{
   color: #F48B16;
}
.slick-current .slide-btn span{background: #272262; color:#fff}
.sld-wrp .slick-slide {
  margin: 0px 0px;
  padding: 0px 2px;
}
.sld-wrp .slide-container strong{color: #000; font-size: 1.3em; margin-bottom: 20px; display: block;}
.cruise-sidebar .cruiise-logo{border:1px solid #ccc; padding: 60px 50px}

.cruise-sidebar .ship-facts table{border:1px solid #d1d3d7}
.cruise-sidebar .ship-facts table th{background:#272262 /* #616367*/; text-align: center; color: #fff; padding: 12px 20px; font-size: 1.2em; text-transform: uppercase;}
.cruise-sidebar .ship-facts table td{background: #f1f3f7;  padding: 4px 10px; border-bottom: 1px solid #e1e3e7; color:#111}
.cruise-sidebar .ship-facts table td .bi{font-size: 1.3em}
.cruise-sidebar .ship-facts table.ships td{padding: 0}
.cruise-sidebar .ship-facts table td a{font-size: 1.1em; text-transform: uppercase; display: block; text-align: center; padding:12px 10px; color: #111; font-family: "AxiformaBold"; transition: 0.3s}
.cruise-sidebar .ship-facts table td a:hover{background: #e1e3e7}

/** change **/
/** Include the code below **/
.text-dark p{color:#333}
.banner-accent{background:#F48B16;  color: #fff; font-size: 1.5em; font-family: "AxiformaBold"; padding: 10px 30px; border-radius: 5px}
.box-shadow {
  -webkit-box-shadow: 10px 10px 50px 8px rgba(173, 181, 199, 0.49);
  -moz-box-shadow: 10px 10px 50px 8px rgba(173, 181, 199, 0.49);
  box-shadow: 10px 10px 50px 8px rgba(173, 181, 199, 0.49);
}
.box-shadow .ship-facts table{}
.box-shadow .ship-facts table td .bi{font-size: 1.3em; color:rgba(244,139,22, 1)}
.box-shadow .ship-facts table td a{font-size: 1.1em; text-transform: uppercase; display: block; text-align: center; padding:12px 10px; color: #111; font-family: "AxiformaBold"; transition: 0.3s}
.box-shadow .ship-facts table td a:hover{background: #e1e3e7}
.box-shadow .ship-facts table td{color:#111; padding: 5px 20px; }
.box-shadow .ship-facts th{font-size: 1.4em; color:#000; margin-bottom: 20px}
h4 .material-symbols-outlined{font-size: 1.3em; }
.box-shadow .ship-facts .material-symbols-outlined{ color:rgba(244,139,22, 1)}
.useful-info-section .box-shadow .box-shadow-content{height: 245px; overflow: scroll;}
@media (min-width: 1024px) {
  .useful-info-section .box-shadow:nth-child(odd) {margin-right: 30px;}
}

.cruise-card a{display: block; margin-bottom: 20px; padding-top: 160px;  }

.useful-info-banners .slide{height: 400px; overflow: hidden;}
.useful-info-banners .slide img{height: 400px; object-fit: cover; }
@media (min-width: 1200px) {
  .useful-info-banners .slide{height: 400px; overflow: hidden;}
  .useful-info-banners .slide img{height: 400px; object-fit: cover; }
}
@media (min-width: 800px) {
  .facilities{display: grid;  grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr;}
}

.ship-info-modal  .info-box{height: 350px; overflow: scroll;}

.decks-section .slide-container ul li{display: inline}
.decks-section .slide-container ul li::after{content:", ";}
.decks-section .slide-container ul li:last-child::after{content:" ";}
.cruise-info-modal ul{ margin-top: 30px}

@media only screen and (min-width: 1024px) {
  .cruise-info-modal ul{margin-top: 20px; column-count: 3;}
}
  .zoom-container {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
  }

  .zoom-container img {
    width: 100%;
    transition: transform 0.3s ease;
    transform-origin: center center;
    transform: scale(1);
  }
  @media only screen and (max-width: 1024px) {
    .zoom-container {
      position: relative;
      overflow:visible;
      cursor: zoom-in;
    }
    .zoom-container {
      overflow: auto;
      max-width: 100%;
      position: relative;
    }

    .zoom-container img {
      width: 600%;
      display: block;
    }
    .zoom-container {
      overflow-x: scroll;
      overflow-y: hidden;
      max-width: 100%;
      white-space: nowrap;
      scrollbar-width: auto; /* Firefox */
    }
    .zoom-container::-webkit-scrollbar {
      height: 8px;
      background: #eee;
    }

    .zoom-container::-webkit-scrollbar-thumb {
      background: #999;
      border-radius: 4px;
    }
}


.holiday-offers-carousel .offer-card {border-radius: 8px; margin-bottom: 30px; background-color: #f1f3f6; font-size: 0.8em; color: #6f7d8c; padding: 0px;}
.holiday-offers-carousel .offer-card a {color: #272262;}
.holiday-offers-carousel .offer-card a:hover {text-decoration: none; color: #272262;}
.holiday-offers-carousel .offer-card .offer-price {font-weight: bold; color: #262262; border-radius: 0 0 8px 8px}
.holiday-offers-carousel .offer-card .offer-price .big {font-size: 1.5em; letter-spacing: -1px; display: inline;}
.holiday-offers-carousel .offer-card .offer-img {height: 150px; background: #000; border-radius: 8px 8px 0 0;}
.holiday-offers-carousel .offer-card .offer-details {padding: 20px; height: 230px; display: block; line-height: 2.5em}
.holiday-offers-carousel .offer-card .offer-details i{width:25px; height:25px; text-align: center; margin-right: 4px}
.holiday-offers-carousel .offer-card .offer-details .holiday-info i{color: #F48B16; background:#fff; padding-top:6px; border-radius:50%;}
.holiday-offers-carousel .offer-card .offer-details .holiday-info i.bi{display: inline-block; padding-top:2px;}
.holiday-offers-carousel .offer-card, .offer-card .btn {cursor: pointer;}
.holiday-offers-carousel .offer-card .text-strong{line-height: 1.5em}

@media (min-width: 768px) and (max-width: 1200px){
  .holiday-offers-carousel .offer-card .offer-details {height: 230px; padding: 20px 10px;}
  .holiday-offers-carousel .offer-card .offer-img {height: 250px !important;}
}

@media (max-width: 768px) {
  .holiday-offers-carousel .offer-card .offer-details {padding: 20px 10px; height: 290px;}
  .holiday-offers-carousel .offer-card .offer-img {height: 220px !important;}
}



.holiday-offers-carousel .offer-details{padding-top: 5px !important}
.holiday-offers-carousel .holiday-info{list-style-type: none; margin: 0; padding: 0}
.holiday-offers-carousel .holiday-info li{font-size: 14px; line-height: 1.5em; margin: 5px 0}
.bg-light .offer-card {background-color: #fff !important;}
.hotel-rating small{font-family: "AxiformaLight"; margin-left: 10px}
.rating{background: #272262; border-radius: 5px; padding: 2px 10px; color: #fff; font-family: "AxiformaReg";}

.top-city-breaks-mosaic{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px}
.top-city-breaks-mosaic a{ transition: 0.3s; display: block; text-align: center; color: #fff; position: relative; font-size:30px; font-family: "AxiformaBold"; text-transform: uppercase; border-radius: 18px}
.top-city-breaks-mosaic a img{border-radius:18px}
.top-city-breaks-mosaic .city-break-title{height: 50px; margin-top: calc(-50% - 25px); margin-bottom: calc(50% - 25px);}
.top-city-breaks-mosaic a:hover{scale:1.05; transition: 0.3s}
@media(max-width:1200px){ .top-city-breaks-mosaic a{font-size:28px; } }
@media(max-width:1024px){
  .top-city-breaks-mosaic{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px}
  .top-city-breaks-mosaic a{font-size:24px; } 
}
@media(max-width:768px){ .top-city-breaks-mosaic{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px} }