@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Bold.eot');
    src: local('../fonts/TT Hoves Bold'), local('TTHoves-Bold'),
        url('../fonts/TTHoves-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTHoves-Bold.woff2') format('woff2'),
        url('../fonts/TTHoves-Bold.woff') format('woff'),
        url('../fonts/TTHoves-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
*{
    margin:0;
    padding:0;
    outline:none !important;
    font-size:110%;
    font-family: "Open Sans", sans-serif;
}
:root{
  --primary-color:#EF2853;
  --primary-color-hover:#cf1039;
  --secondary-color:#004080;
  --secondary-color-hover:#0b56a2;
  --dark-color:#010101;
  --heading-font:"Roboto", sans-serif;
  --title-font:"Source Sans 3", sans-serif;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Open Sans", sans-serif;
}
html{
  width: 100%;
}
body, html {
  line-height: 100%;
  color: #010101;
  font-size: 16px;
  font-weight: 400;
  overflow-x: hidden;
  background: #FFF;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
  display: block;
}
nav ul, ul {
  list-style-type: none;
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
button {
  vertical-align: middle;
}
.btn{
  transition: 0.4s all !important;
}
.btn-primary-vtp{
  background: var(--primary-color);
  border-color:var(--primary-color);
  color:#FFF;
  height: 51px;
  line-height: 35px;
  /* box-shadow: 0 8px 20px 0 rgba(239, 40, 83, 0.5); */
}
.btn-primary-vtp:hover, .btn-primary-vtp:active, .btn-primary-vtp:focus{
  background: var(--primary-color-hover) !important;
  border-color:var(--primary-color-hover) !important;
  color:#FFF !important;
}
.btn-seconary-vtp{
  background: #FFF;
  border-color:var(--primary-color);
  color:var(--primary-color);
  height: 37px;
  box-shadow: 0 8px 20px 0 rgba(239, 40, 83, 0.5);
}
.btn-seconary-vtp:hover, .btn-seconary-vtp:active, .btn-seconary-vtp:focus{
  background: var(--primary-color) !important;
  border-color:var(--primary-color) !important;
  color:#FFF !important;
}
.fs-30{font-size:30px;}input[type="radio"], input[type="checkbox"]{border-color:#333;box-shadow: none !important;}.text-secndary-vtp{color:var(--secondary-color);}.bg-light-vtp3{background:rgba(0, 64, 128, 0.05);}.fs-7{font-size:5px;}.lh-140{line-height: 140%;}.fs-28{font-size: 28px;}.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.06) !important;}.border-primary-vtp{border:1px solid var(--primary-color);}.bg-light-vtp2{background:rgba(240, 240, 240, 0.2);}.bg-light{background:#F0F0F0 !important;}.w-20{width:20px;}.h-20{height:20px;}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.h-51{height:51px;}.bg-orange{background:#F77F00;}.bg-yellow{background:#EFD320;}.bg-green{background:#2CC009;}.bg-light-vtp{background:#F5F5F5;}.shadow-dark{box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);}.fs-18{font-size:18px;}.fs-24{font-size:24px;}.transition{transition:all 0.4s;}.shadow-vtp{box-shadow: 0 8px 20px 0 rgba(239, 40, 83, 0.5);}.fs-32{font-size:32px;}.bg-warning{background:#FFD700 !important;}.fs-12{font-size:12px}.fs-10{font-size:10px}.mt-n100{margin-top:-100px;}.fs-20{font-size:20px;line-height: 120%;}.fs-12{font-size:12px;}.text-grey{color:#778088;}.text-secondary-vtp{color:var(--secondary-color);}.fs-36{font-size: 36px;line-height: 120%;}.fs-40{font-size: 40px;line-height: 120%;}.fs-48{font-size: 48px;line-height: 120%;}.fs-64{font-size: 64px;line-height: 120%;}.text-dark-vtp{color:var(--dark-color);}.fs-14{font-size:14px;}.container{max-width:1348px;}.text-primary-vtp{color:var(--primary-color);}.bg-dark-vtp{background:var(--dark-color);}.bg-primary-vtp{background:var(--primary-color);}.bg-secondary-vtp{background:var(--secondary-color);}.title-font{font-family: var(--title-font);}.heading-font{font-family: var(--heading-font);}.lh-100{line-height: 100%;}.lh-120{line-height: 120%;}.lh-150{line-height: 150%;}.lh-175{line-height: 175%;}.lh-200{line-height: 200%;}

/********************Default CSS Ends Here**********************/
  div#cke_notifications_area_editor {
      display: none;
  }
.home-banner{
  /* background:url(../images/home-banner.jpg) no-repeat center bottom;*/
  min-height: 580px;
  background-size: cover;
  height:calc(85vh - 64px);
}
.header.navbar-expand-lg .navbar-nav .nav-link{
  padding-left:12px;
  padding-right: 12px;
  color: var(--dark-color);
}
.header .navbar-nav .nav-link.active, .header .navbar-nav .nav-link.show{
  color:var(--primary-color);
}
.dropdown-toggle::after{
  display: none;
}
.header ul li ul{
  max-height: 300px;
  overflow-x: hidden;
}
.header ul li ul li a:hover, .header ul li ul li a:active, .header ul li ul li a:focus{
  background: var(--primary-color);
  color: #FFF;
}
.searh-filter{
  /* box-shadow: 0 10px 30px 0 rgba(0, 64, 128, 0.21); */
  border-radius:12px;
  margin-top: -60px;
  padding: 20px;
}
.searh-filter select, .searh-filter input, .searh-filter button{
  height: 53px;
}
.w-110{
  max-width: 110%;
  margin-left: -15px;
}
.book-boxes{
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
}
.book-boxes span{
  width: 126px;
  height: 1px;
}
.featured-cruises{
  background: rgba(0, 64, 128, 0.05);
}
.deal-box{
  box-shadow: 0 8px 36px 0 rgba(0, 0, 0, 0.18);
}
.deal-box .fav{
  width:28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.30);
  padding-top: 4px;
  padding-left: 4px;
  backdrop-filter: blur(25.68px);
}
.deal-box .fav:hover, .deal-box .fav:active, .deal-box .fav:focus{
  background: var(--primary-color);
}
.deal-box .fav img.main{
  max-height: 180px;
  min-height: 180px;
}
.s-boxes{
  padding: 25px 20px 40px 0;
}
.s-boxes .deal-box{
  max-width: 270px;
}
.cruise-deal {
  margin-left: 190px;
  transition: all 0.4s;
}
.cruise-deal:before{
  content:'';
  position: absolute;
  left: -51px;
  top: -70px;
  transform: scale(0.85);
  background: url(../images/shadow.png) no-repeat;
  width: 55px;
  height: 696px;
}
.slick-prev, .slick-next{
  width:50px;
  height: 50px;
  border-radius: 25px;
  border:1px solid var(--primary-color);
  background:#FFF;
  top:-100px;
  box-shadow: 0 8px 20px 0 rgba(239, 40, 83, 0.5);
}
.slick-prev{
  left: auto;
  right: 245px;
}
.slick-next{
  left: auto;
  right: 185px;
}
.slick-prev:before{
  content:'\f053';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color:var(--primary-color);
}
.slick-next:before{
  content:'\f054';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color:var(--primary-color);
}
.slick-prev:hover, .slick-prev:active, .slick-prev:focus, .slick-next:hover, .slick-next:active, .slick-next:focus{
  background: var(--primary-color);
}
.slick-prev:hover:before, .slick-prev:active:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:active:before, .slick-next:focus:before{
  color:#FFF;
}
.s-overlay{
  background: rgba(239, 40, 83, 0);
}
.s-overlay .btn{
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.28);
  border:1px solid #FFF;
  height: 51px;
  width:143px;
  line-height: 40px;
  opacity: 0;
}
.with-detail:hover .s-overlay{
  background: rgba(239, 40, 83, 0.54);
}
.with-detail:hover .s-overlay .btn{
  opacity: 1;
}
.s-overlay .btn:hover, .s-overlay .btn:active, .s-overlay .btn:focus{
  background: rgba(255, 255, 255, 0.40);
}
.three-boxes span{
  width:70px;
  height: 70px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}
.three-boxes .has-arrow:after{
  content: '';
  background: url(../images/arrow-line.svg) no-repeat center center;
  width: 222px;
  height: 10px;
  display: block;
  margin-top: -25px;
  margin-left: 100px;
}
.post{
  border:6px solid #FFF;
}
.post .post-verlay{
  background: #F0F0F0;
  opacity: 0;
}
.post:hover .post-verlay{
  opacity: 1;
}
.traveller{
  background: rgba(0, 64, 128, 0.05);
}
.accordion-button{
  padding-top: 20px;
  padding-bottom: 20px;
}
.accordion-button:not(.collapsed){
  background-color: rgba(239, 40, 83, 0.1);
  color: var(--primary-color);
}
footer{
  background:url(../images/footer-top.png) repeat-x center top #04101C;
}
footer form .btn{
  text-wrap: nowrap;
}
footer form input{
  background:rgba(255, 255, 255, 0.2) !important;
}
footer form input::placeholder{
  color:#FFF !important;
}
/* .insta-box{
  border-top:1px solid #353340;
  border-bottom:1px solid #87838a;
} */
footer ul li a{
  color:rgba(255, 255, 255, 0.7);
  transition: all 0.4s;
}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus{
  color:#FFF;
}
.copy{
  background: rgba(1, 1, 1, 0.2);
}
.hidden-desktop{
  display: none !important;
}
.monthly-wrp {
  padding: 1em;
  top: 6px;
  z-index: 1000;
  border-radius: 4px;
  background-color: var(--secondary-color);
}
.monthly-wrp:before {
  content: "";
  border-bottom: 6px solid var(--secondary-color);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -5px;
  left: 10px;
  z-index: 1002;
}
.monthly-wrp .years {
  margin-bottom: 0.8em;
  text-align: center;
}
.monthly-wrp .years select {
  border: 0;
  border-radius: 3px;
  width: 100%;
}
.monthly-wrp .years select:focus {
  outline: none;
}
.monthly-wrp table {
  border-collapse: collapse;
  table-layout: fixed;
}
.monthly-wrp td {
  padding: 2px;
}
.monthly-wrp table button {
  width: 100%;
  border: none;
  background-color: #FFF;
  color: var(--primary-color);
  padding: 0.6em;
  cursor: pointer;
  border-radius: 3px;
}
.monthly-wrp table button:hover, .monthly-wrp table button.selected {
  background-color: var(--primary-color);
  color: #FFF;
}
.monthly-wrp table button:focus {
  outline: none;
}
.year-tabs button{
  padding: 10px 15px;
  border:none;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  background: #FFF;
  color: #000;
}
.year-tabs button.active{
  background: var(--primary-color);
  color: #FFF;
}



.spent a{
  margin-top: -10px;
}
.h-48{
  height: 48px;
  line-height: 48px;
}
.bg-secondary-vtp2{
  background: #2C4A7C;
}
.points{
  background: linear-gradient(to right,  rgba(239,40,83,1) 0%,rgba(0,64,128,1) 100%);
}
.btn-outline-primary{
  border-color:var(--secondary-color) !important;
  color: var(--secondary-color) !important;
  background: #FFF !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{
  border-color:var(--secondary-color) !important;
  color: #FFF !important;
  background: var(--secondary-color) !important;
}
.counters{
  width: 70px;
  height: 70px;
}
.my-n{
  margin-top: -80px;
}
.mt-n3{
  margin-top: -2px !important;
}

/************************Homepage CSS Ends Here************************/

.dashboard-bar{
  padding-top: 12px;
  padding-bottom: 12px;
}
.menu-btn{
  left: 240px;
  top: 25px;
  display: none;
}
.e-bar{
  height: 80px;
}
.side-nav{
  width: 240px;
  height: calc(100vh - 80px);
  padding: 40px 24px 24px 24px;
}
.side-nav.closed-nav{
  margin-left: -250px;
}
.side-nav ul{
  height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
}
.side-nav ul li a, .side-nav .log {
  color:#778088;
  line-height: 160%;
  padding: 9px 15px;
}
.side-nav ul li a i, .side-nav .log i{
  width: 18px;
  height: 18px;
  transition: all 0.4s;
}
.side-nav ul li a:hover, .side-nav .log:hover, .side-nav ul li a.active{
  color:#FFF;
  background: var(--secondary-color);
}
.side-nav ul li:nth-child(1) a i{
  background: url(../images/menu-home.svg) no-repeat center center;
}
.side-nav ul li:nth-child(1) a:hover i, .side-nav ul li:nth-child(1) a.active i{
  background: url(../images/menu-home-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(2) a i{
  background: url(../images/menu-heart.svg) no-repeat center center;
}
.side-nav ul li:nth-child(2) a:hover i, .side-nav ul li:nth-child(2) a.active i{
  background: url(../images/menu-heart-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(3) a i{
  background: url(../images/menu-message.svg) no-repeat center center;
}
.side-nav ul li:nth-child(3) a:hover i, .side-nav ul li:nth-child(3) a.active i{
  background: url(../images/menu-message-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(4) a i{
  background: url(../images/menu-book.svg) no-repeat center center;
}
.side-nav ul li:nth-child(4) a:hover i, .side-nav ul li:nth-child(4) a.active i{
  background: url(../images/menu-book-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(5) a i{
  background: url(../images/menu-badge.svg) no-repeat center center;
}
.side-nav ul li:nth-child(5) a:hover i, .side-nav ul li:nth-child(5) a.active i{
  background: url(../images/menu-badge-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(6) a i{
  background: url(../images/menu-refer.svg) no-repeat center center;
}
.side-nav ul li:nth-child(6) a:hover i, .side-nav ul li:nth-child(6) a.active i{
  background: url(../images/menu-refer-hover.svg) no-repeat center center;
}
.side-nav ul li:nth-child(7) a i{
  background: url(../images/menu-cog.svg) no-repeat center center;
}
.side-nav ul li:nth-child(7) a:hover i, .side-nav ul li:nth-child(7) a.active i{
  background: url(../images/menu-cog-hover.svg) no-repeat center center;
}
.side-nav .log i{
  background: url(../images/menu-logout.svg) no-repeat center center;
}
.side-nav .log:hover i, .side-nav .log.activei{
  background: url(../images/menu-logout-hover.svg) no-repeat center center;
}
.main-content{
  width:calc(100vw - 240px);
  padding: 24px;
  margin-left: 240px;
  position: relative;
}
.stats-boxes{
  padding: 16px;
}
.stat-box{
  width: 20%;
}
.stat-box span{
  width:48px;
  height: 48px;
  border-radius: 5px;
  padding-top: 12px;
}
.box-inner{
  padding: 12px;
}
.stat-box.sb-4 h2{
  word-break: break-all;
}
.stat-box h3{
  width: 66px;
  min-width: 66px;
  line-height: 66px;
  height: 66px;
  background: rgba(255, 255, 255, 0.08);
}
.sb-1{
  background: linear-gradient(135deg,  rgba(235,74,135,1) 0%,rgba(163,89,176,1) 100%);
}
.sb-2{
  background: linear-gradient(135deg,  rgba(70,194,244,1) 0%,rgba(101,146,218,1) 70%,rgba(101,146,218,1) 70%);
}
.sb-3{
  background: linear-gradient(135deg,  rgba(155,107,221,1) 0%,rgba(84,70,186,1) 100%);
}
.sb-4{
  background: linear-gradient(135deg,  rgba(26,193,237,1) 0%,rgba(0,121,153,1) 100%);
}
.sb-5{
  background: linear-gradient(135deg,  rgba(246,170,61,1) 0%,rgba(245,128,90,1) 60%,rgba(245,128,90,1) 60%);
}
.search-bar a{
  left:10px;
  bottom: 9px;
}
.pbtn{
  width: 32px;
  line-height: 25px;
  height: 32px;
}
.search-bar input{
  padding-left: 30px;
  background-color: rgba(180, 180, 180, 0.2);
  height: 32px;
}
.common-table th{
  padding: 10px;
  background: var(--secondary-color);
}
.common-table th:first-child{
  border-left:16px solid #FFF;
}
.common-table th:last-child{
  border-right:16px solid #FFF;
}
.common-table td{
  padding: 13px 10px;
  background: #FFF;
  vertical-align: middle;
  border-bottom: 1px solid #F0F0F0;
}
.common-table tbody tr:hover td{
  background: rgba(44, 192, 9, 0.04);
}
.common-table tbody tr:hover td.empty{
  background: none;
}
.common-table tbody tr td .bg-orange, .common-table tbody tr td .bg-yellow, .common-table tbody tr td .bg-green{
  width: 73px;
}
.sam-boxes ul{
  max-height: 275px;
}

/**************************Dashboard CSS Ends Here************************/

.f-icon{
  bottom: 15px;
  left: 5px;
}
.login-register .f-icon.extra{
  bottom: 17px;
}
.login-register .right-icon{
  left: auto;
  right: 5px;
}

/********************Login and Regoster Page CSS Ends Here********************/

.find-cruise{
  /* background:url(../images/cruise-banner.jpg) no-repeat center center; */
  background:#FFF;
  min-height: 320px;
  background-size: cover;
}
.cruise-filter{
  margin-top: -100px;
}
.f-links a{
  transition: all 0.4s;
  opacity: 0.5;
}
.f-links a:hover, .f-links a:active, .f-links a:focus, .f-links a.active{
  opacity: 1;
}
.tabs-filters .nav-pills .nav-link{
  height: 39px;
  color:#778088;
}
.tabs-filters .nav-pills .nav-link.active, .tabs-filters .nav-pills .show>.nav-link{
  background: #778088;
  color: #FFF;
}
.pagination li span, .pagination li a{
  height: 42px;
  line-height: 29px;
  color: #010101;
}
.pagination .active>.page-link, .pagination  .page-link.active, .pagination li a:hover, .pagination li a:active, .pagination li a:focus{
  background:var(--primary-color);
  border-color:var(--primary-color);
  color:#FFF;
}

/************************Find A Cruise Page CSS Ends Here******************************/

.map-box{
  background: url(../images/cruise-detail-map.jpg) -200px center #ECF6FF no-repeat;
  min-height: 427px;
  border:1px solid rgba(119, 128, 136, 0.2);
}
.map-box:after{
  content:'';
  background:url(../images/shade.png) no-repeat right center;
  position: absolute;
  left: calc(50% - 185px);
  margin: auto;
  min-height: 431px;
  width: 237px;
  top: -2px;
  bottom: -2px;
  display: block;
  background-size:cover ;
}
.thead{
  background:#F0F0F0 !important;
}
.cruise-ports td .dot{
  width:24px;
  height: 24px;
}
.cruise-ports tr td{
  vertical-align: middle;
  background:#FAFAFA !important;
}
.cruise-ports td em{
  background: #fba5b8;
  width: 15px;
  left: 5px;
}
.cruise-ports td .img-fluid{
  width: 120px;
  height: 90px;
}
.cruise-ports td:nth-child(3){
  min-width: 500px;
}
.cruise-ports td.mw-200{
  min-width: 200px;
}
.cruise-ports td.mw-150{
  min-width: 150px;
}
.mt-22{
  margin-top: 37px;
}
.mb-l{
  margin-bottom: 60px;
}
.cruise-ports tr:last-child td{
  padding-bottom: 20px !important;
}
.cabin-inner{
  background: url(../images/cabin.jpg) no-repeat center top;
}
.mt-cabin{
  padding-top: 310px;
}



#shipGallery .carousel-caption{
  bottom: 10px;
}
#shipGallery .carousel-control-next, #shipGallery .carousel-control-prev{
  width: 30px;
  height: 30px;
  bottom: 10px;
  top: auto;
  background: rgba(0, 0, 0, 0.75);
}
#shipTabs .nav-link{
  color:#999;
  border:1px solid #999;
}
#shipTabs .nav-link.active, #shipTabs .show>.nav-link{
  color:#FFF;
  border:1px solid #333;
  background: #333;
}
.onn{
  min-height: 180px;
  max-height: 180px;
  /* margin-bottom: -3px; */
}

/***************************Cruise Detail Page CSS Ends Here******************************/

.b-links a i{
  width:48px;
  height: 48px;
  transition: all 0.4s;
}
.b-links a i em{
  width:24px;
  height: 24px;
  transition: all 0.4s;
}
.b-links a span{
  color:#778088;
  transition: all 0.4s;
}
.b-links a:hover i, .b-links a.active i{
  background: var(--primary-color);
}
.b-links a:hover span, .b-links a.active span{
  color:var(--dark-color);
}
.b-links a i:after{
  content:'';
  display: block;
  background: url(../images/booking-arrow.svg) no-repeat center center;
  width: 100px;
  height: 10px;
  position: absolute;
  right: -115px;
}
.b-links a:last-child i:after{
  display: none;
}
.b-links a.b-link1{
  margin-right: 80px;
}
.b-links a.b-link1 i em{
  background: url(../images/guest-icon.svg) no-repeat center center;
}
.b-links a.b-link1:hover i em, .b-links a.b-link1.active i em{
  background: url(../images/guest-icon-hover.svg) no-repeat center center;
}
.b-links a.b-link2{
  margin-right: 100px;
}
.b-links a.b-link2 i em{
  background: url(../images/cabin-icon.svg) no-repeat center center;
}
.b-links a.b-link2:hover i em, .b-links a.b-link2.active i em{
  background: url(../images/cabin-icon-hover.svg) no-repeat center center;
}
.b-links a.b-link3{
  margin-right: 30px;
}
.b-links a.b-link3 i em{
  background: url(../images/contact-icon.svg) no-repeat center center;
}
.b-links a.b-link3:hover i em, .b-links a.b-link3.active i em{
  background: url(../images/contact-icon-hover.svg) no-repeat center center;
}
.b-links a.b-link4{
  margin-right: 25px;
}
.b-links a.b-link4 i em{
  background: url(../images/passenger-icon.svg) no-repeat center center;
}
.b-links a.b-link4:hover i em, .b-links a.b-link4.active i em{
  background: url(../images/passenger-icon-hover.svg) no-repeat center center;
}
.b-links a.b-link5 i em{
  background: url(../images/payment-icon.svg) no-repeat center center;
}
.b-links a.b-link5:hover i em, .b-links a.b-link5.active i em{
  background: url(../images/payment-icon-hover.svg) no-repeat center center;
}
.counter{
  width: 114px;
  height: 45px;
}
.guest-category .nav-pills .nav-link{
  color:var(--dark-color);
  background: #F0F0F0;
  border-right:1px solid rgba(119, 128, 136, 0.20);
}
.guest-category .nav-pills .nav-link.active, .guest-category .nav-pills .show>.nav-link{
  background: var(--secondary-color);
  color: #FFF;
}
.guest-category table tr th{
  background: var(--secondary-color);
}
.guest-category table tr td{
  border-bottom: 1px solid #F0F0F0;
}
.guest-category table tr td:first-child{
  background: #778088 !important;
}
.guest-category table tr td a:hover, .guest-category table tr td a:active, .guest-category table tr td a:focus, .guest-category table tr td a.active{
  background: var(--primary-color) !important;
  color: #FFF !important;
}
.new-t tr th{
  background: rgba(240, 240, 240, 0.6);
}
.new-t tr td{
  background: rgba(240, 240, 240, 0.2);
  border-bottom:1px solid rgba(240, 240, 240, 0.6)
}
.radio-primary-vtp{
  border:1px solid transparent;
  box-shadow: 0 0 0 1px var(--primary-color);
  width: 20px;
  height: 20px;
}
.form-check-input:checked[type=radio]{
  background-image:url(../images/radio.svg);
  background-color: #EEE;
  border:4px solid transparent;
  box-shadow: 0px 0px 0px 1px var(--primary-color);
}
.zoomer a{
  width: 28px;
  line-height: 28px;
  line-height: 28px;
}
.pn .btn{
  line-height: 35px;
}
.thank-box table tr:nth-child(odd) td{
  background: rgba(255, 255, 255, .0) !important;
}
.booking-banner{
  background: url(../images/book-banner.jpg) no-repeat center center;
  background-size: cover;
  min-height: 550px;
}

/*******************Booking Pages CSS Ends Here*******************/

.destinations{
  /* background: url(../images/destination-banner.jpg) no-repeat center center; */
  background-size: cover;
  min-height: 450px;
}
.blog-category{
  color:var(--primary-color);
  background: rgba(240, 240, 240, 0.31);
  height: 44px;
}
.blog-category:hover, .blog-category:active, .blog-category:focus{
  color:#FFF;
  background: var(--primary-color);
}
.blog-post-overlay{
  background: linear-gradient(to bottom,  rgba(0, 64, 128,0.2) 24%,rgba(0,0,0,1) 100%);
}
.blog-post .p-title{
  text-shadow: 0 5px 13px rgba(255, 255, 255, 0.4);
}
.mnh-565{
  min-height: 585px;
  max-height: 585px;
}
.mnh-283{
  min-height: 283px;
  max-height: 283px;
}
.mnh-449{
  min-height: 449px;
  max-height: 449px;
}

/*************************Destinations and Blog Page CSS Ends Here*************************/

.shop-banner{
  background: url(../images/rewards-banner.jpg) no-repeat center center;
  background-size: cover;
  min-height: 450px;
}
.shop-steps span{
  width: 70px;
  height: 70px;
  font-size: 41px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  line-height: 70px;
}
.shop-steps span:after{
  content: '';
  background: url(../images/booking-arrow.svg) no-repeat;
  width: 126px;
  height: 13px;
  position: absolute;
  top:35px;
  left:auto;
  right: auto;
  margin-left: 70px;
  display: block;
}
.shop-steps:last-child span:after{
  display: none;
}
.categories .accordion-button:not(.collapsed){
  background: none;
  padding-bottom: 0;
  color: #010101;
}
.page-item .page-link.bg-none{
  background: none;
}
.page-item .page-link.bg-none:hover, .page-item .page-link.bg-none:active, .page-item .page-link.bg-none:focus{
  background: var(--primary-color);
}

/****************Shop Rewards Page CSS Ends Here****************/

.loader-overlay{
  background: rgba(255, 255, 255, 0.96);
}
.loader {
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.box-loader{
  min-height: 521px;
  background: #F9FDFF;
}
.mh-170{
  min-height: 170px;
  max-height: 170px;
}
#categoryDetail1, #categoryDetail2, #categoryDetail3{
  display: none;
}

/*******************Loader Page CSS Ends Here*********************/

.deal-box a.bg-none{
  background: none !important;
  backdrop-filter: blur(0);
}
.main-bookmark .btn{
  width: 100% !important;
}
.inbox table tr td{
  vertical-align: middle;
}
.my-bookings .nav-pills .nav-link, .grey-tabs.nav-pills .nav-link{
  color:#778088;
}
.my-bookings .nav-pills .nav-link.active, .my-bookings .nav-pills .show>.nav-link, .grey-tabs.nav-pills .nav-link.active, .grey-tabs.nav-pills .show>.nav-link{
  color: #FFF;
  background: #778088;
}
.t-alert.alert-success{
  background: rgba(115, 180, 92, 0.2);
  border:1px solid rgba(107, 172, 83, 0.1);
}
.t-alert.alert-success i.text-success{
  color:#3E991C !important;
}
.t-alert.alert-warning{
  background: rgba(255, 221, 21, 0.2);
  border:1px solid rgba(255, 221, 21, 0.1);
}
.t-alert.alert-warning i.text-warning{
  color:#FFDD15 !important;
}
.t-alert.alert-info{
  background: rgba(18, 143, 198, 0.2);
  border:1px solid rgba(18, 143, 198, 0.1);
}
.t-alert.alert-info i.text-info{
  color:#128FC6 !important;
}
.t-alert.alert-danger{
  background: rgba(239, 40, 83, 0.2);
  border:1px solid rgba(239, 40, 83, 0.1);
}
.t-alert.alert-danger i.text-danger{
  color:#EF2853 !important;
}
.t-alert{
  width:94px;
}
table tr td{
  vertical-align: middle;
}
.custom-stiped tr:nth-child(even) td{
  background: #FBFBFB !important; 
}
.top-deals{
 /*  background: url(../images/top-deals-banner.jpg) no-repeat center bottom; */
  min-height: 690px;
}
.top-deals img{
  object-position: bottom;
}
.new-counters{
  width:46px;
  height: 46px;
}
.mt-n4{
  margin-top: -10px !important;
}
.thirty{
  /* background: url(../images/thirty-banner.jpg) no-repeat center center;*/
  min-height: 650px;
} 
.thirty .container, .top-deals .container{
  height: calc(100% - 110px);
}
/* .solo{
  background: url(../images/solo-banner.jpg) no-repeat center bottom;
  height: 500px;
  background-size: cover;
} */
.last{
  /* background: url(../images/last-banner.jpg) no-repeat center bottom; */
  min-height: 550px;
}
.home-banner.top-deals{
  position: relative;
}
.home-banner.top-deals .text-center a {
  position: absolute;
  bottom: 10px;
  left: 0;
  text-indent: -100px;
  right: 0;
  text-transform: capitalize !important;
}

/******************My Booking and My Rewards Pages CSS Ends Here*********************/

.border-dashed{
  border-top:1px dashed rgba(1, 1, 1, 0.30);
}
.search-bar2{
  width: 373px;
  height: 41px;
}
.search-bar2 input{
  background-color:rgba(120, 120, 120, 0.2) ;
  height: 41px;
}
.search-bar2 a{
  left: 15px;
  top: 11px;
}
.c-list tr th{
  background: rgba(1, 1, 1, 0.02);
}
.referral-form{
  display: none;
}

/******************Refer & Earn Page CSS Ends Here*********************/

.profile-side{
  width: 230px;
  height: 166px;
}
.profile-links .nav-link{
  color: #010101;
  border:1px solid #FFF;
  padding: 12px;
}
.profile-links.nav-pills .nav-link.active, .profile-links.nav-pills .show>.nav-link{
  background: #F0F0F0;
  color: #010101;
  font-weight: 600;
  border:1px solid #FFF;
}
.ch{
  bottom: 15px;
  right: 8px;
}
.p-cover{
  min-height: 137px;
  max-height: 137px;
}
.p-dp{
  margin-top: -80px;
  width: 167px;
  height: 167px;
}
.p-dp img.object-fit-cover{
  min-width: 167px;
  max-width: 167px;
  min-height: 167px;
  max-height: 167px;
}
.up-btn{
  right:5px;
  bottom: -15px;
}
.f-user{
  min-width:60px;
  max-width:60px;
}

/*************************Profile Page CSS Ends Here*******************************/
.modal-header .btn-close{
  background: none !important;
}
.mt-n1{
  margin-top: -20px;
}
.select-menu .select-btn {
  height: 53px;
  border:1px solid #dee2e6;
  z-index: 100;
  cursor: pointer;
}
.select-menu .options {
  max-height: 300px;
  border-radius: 0 0 20px 20px;
  padding-top: 35px !important;
  margin-top: -25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  display: none;
  opacity: 0;
}
.select-menu .options .option {
  cursor: pointer;
  border:1px solid transparent;
  color: #777;
  font-size: 13px;
}
.select-menu .options .option:hover, .select-menu .options .option.active {
  border:1px solid var(--primary-color);
  color: #000;
}
.select-menu .options .option i{
  opacity: 0;
}
.select-menu .options .option:hover i, .select-menu .options .option.active i{
  opacity: 1;
}
.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 1;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
}
.options .btn-outline-primary{
  border-color:#333;
  color: #333;
}
.options .btn-outline-primary:hover, .options .btn-outline-primary:active, .options .btn-outline-primary:focus{
  border-color:var(--primary-color);
  color: var(--primary-color);
}
.options .btn-check:checked+.btn{
  background: var(--primary-color);
  color: #FFF;
  border-color: var(--primary-color);
}
.options a:hover, .options a:active, .options a:focus, .options a.active{
  color:var(--primary-color);
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}

.shadow2{
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
}
.h-29{
  height:29px;
}
.mxw-224{
  max-width: 224px;
}
.uni{
  border-radius:0 0 0 12px;
  margin-top:-1px;
}
.grey-box{
  background: rgba(119, 128, 136, 0.12);
  border-radius: 0 0 12px 0;
  border-right:1px solid rgba(0, 64, 128, 0.12);
  border-bottom:1px solid rgba(0, 64, 128, 0.12);
}
.new-h{
  height: calc(100% - -31px);
}
.border-secondary-vtp{
  border-color:var(--secondary-color-hover) !important;
}
.h-38{
  height:38px;
  min-height: 38px;
  line-height: 24px;
  max-height: 38px;
}
.h-32{
  height: 32px;
}
.bg-light-vtp4{
  background: rgba(0, 64, 128, 0.12);
}
.sticky-menu ul li a, #shipTabs li a{
  color:var(--secondary-color);
}
.sticky-menu ul li a:hover, .sticky-menu ul li a:active, .sticky-menu ul li a:focus, .sticky-menu ul li.active a, #shipTabs li a:hover, #shipTabs li a:active, #shipTabs li a:focus, #shipTabs li a.active{
  color:var(--primary-color);
}
.togs.nav-pills .nav-link{
  color:var(--primary-color);
} 
.togs.nav-pills{
  border:1px solid var(--primary-color);
}
.togs.nav-pills .nav-link.active, .togs.nav-pills .show>.nav-link{
  color:#FFF;
  background: var(--primary-color);
}
.details-ship.table  th{
  background: var(--secondary-color);
}
.details-ship.table tr th:first-child{
  border-radius:10px 0 0 0;
}
.details-ship.table tr th:last-child{
  border-radius:0 10px 0 0;
  max-width: 80px;
  width:80px;
}
.details-ship.table tr td:last-child{
  max-width: 80px;
  width:80px;
}
.details-ship.table tr.active td{
  background: rgba(0, 64, 128, 0.08);
  border-bottom: rgba(0, 64, 128, 0.12);
}
.details-ship.table tr td{
  background: #F0F0F0;
  transition: all 0.4s;
}
.expandable img{
  max-width: 405px;
}
.details-ship.table tbody {
  display: block;
  max-height: 713px;
  overflow-y: auto;
}

.details-ship.table thead,
.details-ship.table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.details-ship.table tbody::-webkit-scrollbar {
  width: 10px; 
  padding:2px;
}

.details-ship.table tbody::-webkit-scrollbar-track {
  background:rgba(119, 128, 136, 0.2);
}

.details-ship.table tbody::-webkit-scrollbar-thumb {
  background-color:var(--secondary-color-hover); 
  border-radius: 10px;
  width:7px;
}

.details-ship.table tbody::-webkit-scrollbar-thumb:hover {
  background-color:var(--secondary-color); 
}

#accomodationsPricing .nav-pills .nav-link{
  background: var(--secondary-color);
}
#accomodationsPricing .nav-pills .nav-link.active, #accomodationsPricing .nav-pills .show>.nav-link{
  background: var(--primary-color);
}
.t2 tr th, .t2 tr td{
  width: auto !important;
  max-width: auto !important;
}
.t2 tr td .btn{
  white-space: nowrap;
}
.t2 tr th:nth-child(2), .t2 tr td:nth-child(2){
  max-width: 150px !important;
  width: 150px !important;
}
.shop-banners{
  background: linear-gradient(to bottom,  rgba(239,40,83,1) 0%,rgba(22,67,128,1) 100%);
}
.how-it-works{
  background: #D9EEFF;
  margin-top: 130px;
  max-height: 352px;
}
.curve-bar{
  border:1px solid rgba(0, 64, 128, 0.5);
  transform: skew(-20deg);
  margin-left: -32px;
  height: 60px;
}
.cb b{
  margin-top: 22px;
}
.ms-n1{
  margin-left:-25px;
}
.pe-32{
  padding-right: 32px !important;
}
.fs-22{
  font-size: 22px;
}
.h-41{
  height: 41px;
}
.mw-161{
  max-width: 161px;
}
.white-space-nowrap{
  white-space: nowrap;
}



.welcome-banner{
  background: linear-gradient(to right,  rgba(215,52,97,1) 0%,rgba(152,84,134,1) 40%,rgba(85,120,175,1) 70%,rgba(25,151,211,1) 100%);
}
.fw-lighter{
  font-weight: 200;
}
.fs-72{
  font-size: 72px;
}
.fw-bolder{
  font-weight: 900;
}
.btn-blue{
  background: var(--secondary-color) !important;
  border-color:var(--secondary-color) !important;
  color:#FFF !important;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus{
  background: var(--secondary-color-hover) !important;
  border-color:var(--secondary-color-hover) !important;
  color:#FFF !important;
}
.w-182{
  width: 182px;
  max-width: 182px;
  min-width: 182px;
}
#rewards2 .nav-pills .nav-link{
  background: rgba(119, 128, 136, 0.15);
  width: 182px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color:#666;
}
#rewards2 .nav-pills .nav-link.active, #rewards2 .nav-pills .show>.nav-link{
  background: var(--secondary-color);
  color:#FFF;
}
.h-43{
  height: 43px;
}
.fs-16{
  font-size: 16px;
}
.stepper .w-205 span{
  width: 32px;
  height: 32px;
  border-radius: 20px;
  text-align: center;
  border: 1px solid var(--secondary-color);
  display: block;
  line-height: 29px;
  margin:20px  auto;
  color: var(--secondary-color);
  background: #FFF;
}
.stepper .w-205 span:after{
  content:'';
  display: block;
  height: 1px;
  width: 105%;
  left: 50%;
  right: 0;
  top:16px;
  background: var(--secondary-color);
  position: absolute;
  top: 36px;
  margin-left: 16px;
}
.stepper .w-205:last-child span:after{
  display: none;
}
.bg-timer{
  background: linear-gradient(to right,  rgba(249,249,249,1) 0%,rgba(211,211,211,1) 48%,rgba(171,171,171,1) 100%);
}
.mt-n1{
  margin-top: -10px;
  position: relative;
  z-index: 1;
}

.home-banner p{
  max-width: 450px;
}
.jf{
  font-family: "Julius Sans One", sans-serif !important;
}
.tt-hoves{
  font-family: 'TT Hoves';
}
.handle{
  width:39px;
  height: 39px;
  background: linear-gradient(to right,  rgba(239,40,83,1) 0%,rgba(228,135,155,1) 100%);
}
table .text-secndary-vtp{
  color: var(--secondary-color) !important;
}
/* @media (min-width:1900px) and (max-width:25000px){
  .home-banner{
    height: calc(100vh - 250px);
  }
  .home-banner .container{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  .home-banner .container h1{
    margin-top: -150px !important;
  }
  .booking-banner.home-banner .container{
    display: block !important;
  }
  .booking-banner.home-banner .container h1{
    margin-top: 0px !important;
  }
  .home-banner .bg-timer{
    position: absolute;
    bottom: 210px;
    left: 0;
    right: 0;
  }
  .home-banner .text-center.mt-4.mt-sm-5.pt-0.pt-sm-4, .home-banner .text-center.mt-4.mt-sm-5.pt-sm-5.pt-sm-4{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 170px;
  }
} */
@media (min-width:1451px) and (max-width:1500px){
  .slick-prev {
    left: auto;
    right: 90px;
  }
  .slick-next {
    left: auto;
    right: 25px;
  }
  .cruise-deal{
    margin-left: 150px;
  }
  .home-banner{
    background-size: cover;
  }
}
@media (min-width:1251px) and (max-width:1450px){
  .home-banner{
    background-size: cover;
  }
  .header{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .main-menu .navbar-brand img{
    width: 150px;
  }
  .header.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
  }
  .header form .btn{
    font-size: 14px;
  }
  .slick-prev {
    left: auto;
    right: 170px;
  }
  .slick-next {
    left: auto;
    right: 115px;
  }
  .cruise-deal{
    margin-left: 120px;
  }
  .stat-box.sb-4 h2{
    word-break: keep-all;
  }
  .stat-box h3, .stat-box h2{
    font-size: 18px !important;
  }
  .stat-box h3{
    width: 40px;
    height: 40px;
    min-width: 40px;
    line-height: 40px;
  }
}
@media (min-width:992px) and (max-width:1250px){
  .thirty .bg-secondary-vtp, .top-deals .bg-secondary-vtp{
    margin-bottom: -20px !important;
  }
  .home-banner{
    background-size: cover;
  }
  .fs-64{
    font-size: 60px;
  }
  .header{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .main-menu .navbar-brand img{
    width: 120px;
  }
  .header.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
  }
  .header form .btn{
    font-size: 12px;
  }
  .book-boxes h3{
    font-size: 18px;
  }
  .book-boxes p{
    font-size: 14px;
  }
  .fs-48{
    font-size: 45px;
  }
  .slick-prev {
    left: auto;
    right: 100px;
  }
  .slick-next {
    left: auto;
    right: 40px;
  }
  .cruise-deal{
    margin-left: 30px;
  }
  footer .col-lg-9.pe-lg-0{
    padding-left: 0 !important;
  }
  footer span{
    font-size: 12px;
  }
  .stats-boxes{
    overflow-x: auto;
  }
  .stat-box{
    width:290px;
    height: 290px;
  }
  .stat-box.sb-4 h2{
    word-break: keep-all;
  }
  .sam-boxes .bg-white{
    margin-bottom: 5px;
    height: auto !important;
  }
  .sam-boxes .fs-20{
    font-size: 14px;
  }
  .sam-boxes a.fw-semibold{
    font-size: 12px;
  }
  .deal-box .d-flex.gap-1.justify-content-between.mt-1 strong{
    font-size: 13px;
  }
  .deal-box .d-flex.gap-1.justify-content-between.mt-1 img.d-block{
    width: 51px;
  }
  .map-box:after {
    content: '';
    left: calc(50% - 139px);
    width: 255px;
    top: -32px;
    bottom: -2px;
  }
  .desti a.fs-20{
    font-size: 15px;
  }
  .main-bookmark strong, .main-bookmark p{
    font-size: 14px !important;
  }
  .mw-110 {
    min-width:110px;
  }
  .mw-210 {
    min-width:210px;
  }
  .rewar .stat-box{
    min-width: 300px;
  }
  .search-bar2{
    width: 280px;
  }
  .refer-top .col-lg-12{
    margin-top: 15px;
  }
  .profile-links .nav-link, .two-btns .btn{
    font-size: 13px;
  }
  .profile-tabs h4.heading-font{
    font-size: 15px;
    margin-top: 15px;
  }
  #pills-tab li button b{
    font-size: 25px;
  }
  .t2.details-ship.table th:nth-child(4), .t2.details-ship.table td:nth-child(4){
    width: 330px !important;
    max-width: 330px !important;
  }
  .fs-36 {
    font-size: 33px;
  }
  .fs-32 {
    font-size: 29px;
  }
  .how-it-works{
    max-height: 290px;
  }
  .fs-24 {
    font-size: 19px;
  }
}
@media (min-width:768px) and (max-width:991px){
  .thirty .bg-secondary-vtp, .top-deals .bg-secondary-vtp{
    margin-bottom: -20px !important;
  }
  .mains{
    min-height: 400px;
  }
  .searh-filter{
    margin-top: -130px;
  }
  .searh-filter .col-lg-3{
    margin: 12px 0;
  }
  .slick-prev {
    left: auto;
    right: 90px;
  }
  .slick-next {
    left: auto;
    right: 25px;
  }
  .cruise-deal{
    margin-left: 0;
  }
  .fs-20{
    font-size: 18px;
  }
  .three-boxes p, footer span, footer ul li a, .copy p{
    font-size: 14px;
  }
  .three-boxes .has-arrow:after {
    margin-top: -35px;
    margin-left: 166px;
    zoom: 0.6;
  }
  .stats-boxes{
    overflow-x: auto;
  }
  .stat-box{
    width:290px;
    height: 290px;
  }
  .stat-box.sb-4 h2{
    word-break: keep-all;
  }
  .sam-boxes .bg-white{
    margin-bottom: 5px;
    height: auto !important;
  }
  
  .map-box {
    background-position:center top;
    padding-top: 600px !important;
  }
  .map-box:after{
    display: none;
  }
  .ship-details .fs-18{
    font-size: 16px;
  }
  .blog-post{
    margin-bottom: 15px;
  }
  .shop-rewards .d-sm-flex{
    overflow-x: auto;
  }
  .shop-steps{
    width: 200px;
    min-width: 200px;
  }
  .menu-btn{
    display: block;
  }
  .mw-110 {
    min-width:110px;
  }
  .mw-210 {
    min-width:210px;
  }
  .rewar .stat-box{
    min-width: 300px;
  }
  .search-bar2{
    width: 280px;
  }
  .profile-links .nav-link, .two-btns .btn{
    font-size: 13px;
  }
  .profile-tabs h4.heading-font{
    font-size: 16px;
    margin-top: 15px;
  }
  .mxw-224{
    max-width: 200px;
  }
  .new-h{
    margin-top:20px;
  }
  .linksbar{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .linksbar ul li a{
    white-space: nowrap;
  }
  .t2.details-ship.table th:nth-child(1), .t2.details-ship.table td:nth-child(1){
    width: 210px !important;
  }
  .t2.details-ship.table th:nth-child(2), .t2.details-ship.table td:nth-child(2){
    width: 70px !important;
  }
  .t2.details-ship.table th:nth-child(3), .t2.details-ship.table td:nth-child(3){
    width: 140px !important;
  }
  .t2.details-ship.table th:nth-child(4), .t2.details-ship.table td:nth-child(4){
    width: 330px !important;
    max-width: 330px !important;
  }
  .seond{
    display: block !important;
  }
  .how-it-works{
    margin-bottom: 0px;
    max-height: 230px;
  }
  .how-it-works .fs-32{
    margin-top:30px;
  }
  .featured-cats ul li b{
    font-size: 20px;
  }
  .fs-72 {
    font-size: 62px;
  }
  .w-182{
    width: auto;
    min-width: auto;
  }
  #rewards1 img{
    width: 100px;
  }
  #rewards2 ul{
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
  }
}
@media (max-width:767px){
  .thirty .bg-secondary-vtp, .top-deals .bg-secondary-vtp{
    margin-bottom: -20px !important;
  }
  .mains{
    min-height: 400px;
  }
  html, body, a, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    font-size:14px;
  }
  .hidden-mobile{
    display: none !important;
  }
  .hidden-desktop{
    display: block !important;
  }
  .top-bar span.opacity-50{
    opacity: 1 !important;
  }
  .main-menu .navbar-nav{
    margin-top: 20px;
  }
  .header.navbar-expand-lg .navbar-nav .nav-link{
    font-size:16px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .fs-64{
    font-size: 42px;
  }
  .searh-filter{
    margin-top: -190px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    padding-left: 20px;
    padding-right: 20px;
  }
  .searh-filter .col-lg-3{
    margin: 12px 0;
  }
  .searh-filter .btn{
    margin-top: -10px !important;
  }
  .searh-filter span{
    font-size: 16px;
    font-weight: 500;
  }
  .fs-48{
    font-size: 32px;
    font-weight: 500;
  }
  .book-matters .mobil-b{
    min-height: 500px;
    object-position: top;
  }
  .mt-n100{
    padding-left: 12px;
    padding-right: 12px;
    margin-top: -167px;
  }
  .fs-20, .deal-box a{
    font-size: 16px;
  }
  .book-boxes .text-primary-vtp{
    font-size:16px;
  }
  .featured-cruises h2, .featured-cruises p{
    text-align: center;
  }
  .cruise-deal{
    margin-left: 0;
  }
  .featured-cruises{
    padding-bottom: 80px !important;
  }
  .slick-prev, .slick-next{
    height: 36px;
    width: 36px;
    bottom: -50px;
    top: auto;
  }
  .slick-next {
    left: auto;
    right: calc(50% - 47px);
  }
  .slick-prev {
    left: auto;
    right: calc(50% - -2px);
  }
  .slick-prev:before, .slick-next:before{
    font-size: 14px;
  }
  .fw-bold{
    font-weight: 500 !important;
  }
  .deal-box{
    margin-bottom: 10px !important;
  }
  .deal-box a.fw-medium{
    padding: 15px 0 10px 0;
    display: block;
  }
  .deal-box hr{
    margin-bottom: 15px !important;
  }
  .text-b{
    min-height: 375px;
  }
  .text-b .fs-48{
    font-size: 48px;
    font-weight: bold !important;
  }
  .current-promotion .more{
    width:137px;
  }
  .with-detail, .with-detail h3{
    text-align: center;
  }
  .with-detail h3{
    font-size: 24px;
    margin: auto;
    left: 0;
    right: 0;
    font-weight: 500 !important;
    margin-left: 0 !important;
    bottom: 100px !important;
    margin-bottom: 0 !important;
  }
  .m-btn{
    width:137px;
    line-height: 51px;
  }
  .mobile-overlay-n{
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 42%,rgba(0,0,0,0.51) 72%,rgba(0,0,0,1) 100%); 
    display: block;
  }
  .three-boxes p{
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .three-boxes .btn{
    font-weight: bold !important;
  }
  .three-boxes .has-arrow:after{
    display: none;
  }
  .mobile-arrow{
    margin-top: -10px;
  }
  .cruise-blog{
    margin-top: 50px;
  }
  .cruise-blog h2{
    text-align: center;
  }
  .h-217{
    height: 217px !important;
  }
  .h-155{
    height: 155px !important;
  }
  .post-verlay img{
    width:16px;
  }
  .post-verlay span{
    font-size: 14px;
  }
  .post-verlay h3, .accordion-button strong{
    font-size: 20px;
  }
  .post-verlay .btn{
    width: 109px;
    height: 35px;
    line-height: 20px;
  }
  .text-center-m{
    text-align: center;
  }
  .fs-40, .insta-box h4{
    font-size: 28px;
  }
  footer form input{
    height: 51px;
  }
  footer form .btn{
    width: 100%;
  }
  .insta-box{
    border: none;
    margin-bottom: -60px;
  }
  .insta-box .btn{
    width: 100%;
  }
  .insta-box h3{
    font-size: 24px;
  }
  .copy ul{
    justify-content: center;
  }
  .copy ul li img{
    width: 32px;
    margin: 0 5px;
  }
  .copy p{
    color: #cdcdcd;
  }
  .stats-boxes{
    overflow-x: auto;
  }
  .stat-box{
    width:290px;
    height: 290px;
  }
  .stat-box.sb-4 h2{
    word-break: keep-all;
  }
  .sam-boxes .bg-white{
    margin-bottom: 5px;
    height: auto !important;
  }
  .map-box {
    background-position:center top;
    padding-top: 450px !important;
  }
  .map-box:after{
    display: none;
  }
  .ship-details .fs-18{
    font-size: 16px;
  }
  .b-links a i:after{
    display: none;
  }
  .b-links a{
    margin: 0 !important;
  }
  .b-links{
    gap:20px;
  }
  .b-links strong span.text-grey.fs-16.fw-normal{
    font-size: 12px;
  }
  table tr th, table tr td{
    font-size: 13px !important;
  }
  .home-banner.cruise-banner{
    min-height:407px ;
  }
  .blog-post{
    margin-bottom: 15px;
  }
  .shop-rewards .d-sm-flex{
    overflow-x: auto;
  }
  .shop-steps{
    width: 200px;
    min-width: 200px;
  }
  .menu-btn{
    display: block;
  }
  .main-bookmark .btn-primary-vtp{
    margin-top: 5px !important;
  }
  .mw-110 {
    min-width:110px;
  }
  .mw-210 {
    min-width:210px;
  }
  .rewar .stat-box{
    min-width: 315px;
  }
  .refer-top .col-lg-6, .refer-top .col-lg-12{
    margin: 10px 0 !important;
  }
  .search-bar2{
    width: 100%;
    margin-bottom: 20px;
  }
  .search-bar2 a{
    top:14px;
  }
  .profile-side{
    width: 100%;
  }
  .profile-tabs h4.heading-font{
    font-size: 17px;
    margin-top: 12px;
  }
.main-content:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}
.main-content.closed-content{
  margin-left: 0;
  width:calc(100vw - 0px);
}
.main-content.closed-content:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.modal-body p br{
  display: none;
}
.select-menu .options.last{
  padding-top: 45px !important;
}

  .new-h{
    margin-top:20px;
  }
  .linksbar{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .linksbar ul li a{
    white-space: nowrap;
  }
  #tabs li{
    width:50%;
  }
  #tabs li button{
    width:100%;
  }
  .details-ship.table th:nth-child(1), .details-ship.table td:nth-child(1){
    width: 130px;
  }
  .details-ship.table th:nth-child(2), .details-ship.table td:nth-child(2){
    width: 220px;
  }
  .details-ship.table th:nth-child(3), .details-ship.table td:nth-child(3),
  .details-ship.table th:nth-child(4), .details-ship.table td:nth-child(4){
    width: 95px;
  }
  #shipTabs{
    flex-wrap: nowrap;
  }
  .t2.details-ship.table th:nth-child(1), .t2.details-ship.table td:nth-child(1){
    width: 210px !important;
  }
  .t2.details-ship.table th:nth-child(2), .t2.details-ship.table td:nth-child(2){
    width: 70px !important;
  }
  .t2.details-ship.table th:nth-child(3), .t2.details-ship.table td:nth-child(3){
    width: 140px !important;
  }
  .t2.details-ship.table th:nth-child(4), .t2.details-ship.table td:nth-child(4){
    width: 330px !important;
    max-width: 330px !important;
  }
  .expandable .d-flex{
    display: block !important;
  }
  .expandable .d-flex .p-4{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .fs-36{
    font-size: 26px;
  }
  .how-it-works{
    margin-bottom: 70px;
    max-height: 270px;
  }
  .how-it-works .fs-32{
    margin-top:30px;
  }
  .w-182 {
    width: auto;
    min-width: auto;
    padding: 5px 15px !important;
  }
  #rewards2 .nav-pills .nav-link{
    width:150px;
  }
}
@media (max-width:574px){
  html, body, a, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    font-size:14px;
  }
  .hidden-mobile{
    display: none !important;
  }
  .hidden-desktop{
    display: block !important;
  }
  .mains{
    min-height: 220px;
  }
  .top-bar span.opacity-50{
    opacity: 1 !important;
  }
  .main-menu .navbar-brand img{
    width: 140px;
  }
  .main-menu .navbar-nav{
    margin-top: 20px;
  }
  .header.navbar-expand-lg .navbar-nav .nav-link{
    font-size:16px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .fs-64{
    font-size: 32px;
  }
  .searh-filter{
    margin-top: -100px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    padding-left: 20px;
    padding-right: 20px;
  }
  .searh-filter .col-lg-3{
    margin: 12px 0;
  }
  .searh-filter .btn{
    margin-top: -10px !important;
  }
  .searh-filter span{
    font-size: 16px;
    font-weight: 500;
  }
  .fs-48{
    font-size: 28px;
    font-weight: 500;
  }
  .book-matters .mobil-b{
    min-height: 500px;
    object-position: top;
  }
  .vtpp .fs-32{
    font-size: 20px;
  }
  .vtpp .fs-48{
    font-size: 24px;
  }
  .spent{
    padding: 0 20px;
  }
  .partner .btn{
    width: 100%;
  }
  .mb-n1{
    margin-bottom: -2px;
  }
  .counters{
    width:30px;
    height: 30px;
    font-size: 16px !important;
  }
  .w-m-100{
    width: 100%;
  }
  .current-promotion .row{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: center !important;
  }
  .current-promotion .row .col-lg-3{
    max-width: 270px;
  }
  .mt-n100{
    padding-left: 12px;
    padding-right: 12px;
    margin-top: -147px;
  }
  .fs-20, .deal-box a{
    font-size: 16px;
  }
  .book-boxes .text-primary-vtp{
    font-size:16px;
  }
  .featured-cruises h2, .featured-cruises p{
    text-align: center;
  }
  .cruise-deal{
    margin-left: 0;
  }
  .featured-cruises{
    padding-bottom: 80px !important;
  }
  .slick-prev, .slick-next{
    height: 36px;
    width: 36px;
    bottom: -50px;
    top: auto;
  }
  .slick-next {
    left: auto;
    right: calc(50% - 47px);
  }
  .slick-prev {
    left: auto;
    right: calc(50% - -2px);
  }
  .slick-prev:before, .slick-next:before{
    font-size: 14px;
  }
  .fw-bold{
    font-weight: 500 !important;
  }
  .deal-box{
    margin-bottom: 10px !important;
  }
  .deal-box a.fw-medium{
    padding: 15px 0 10px 0;
    display: block;
  }
  .deal-box hr{
    margin-bottom: 15px !important;
  }
  .text-b{
    min-height: 375px;
  }
  .text-b .fs-48{
    font-size: 48px;
    font-weight: bold !important;
  }
  .current-promotion .more{
    width:137px;
  }
  .with-detail, .with-detail h3{
    text-align: center;
  }
  .with-detail h3{
    font-size: 24px;
    margin: auto;
    left: 0;
    right: 0;
    font-weight: 500 !important;
    margin-left: 0 !important;
    bottom: 100px !important;
    margin-bottom: 0 !important;
  }
  .m-btn{
    width:137px;
    line-height: 51px;
  }
  .mobile-overlay-n{
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 42%,rgba(0,0,0,0.51) 72%,rgba(0,0,0,1) 100%); 
    display: block;
  }
  .three-boxes p{
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .three-boxes .btn{
    font-weight: bold !important;
  }
  .three-boxes .has-arrow:after{
    display: none;
  }
  .mobile-arrow{
    margin-top: -10px;
  }
  .cruise-blog{
    margin-top: 50px;
  }
  .cruise-blog h2{
    text-align: center;
  }
  .h-217{
    height: 217px !important;
  }
  .h-155{
    height: 155px !important;
  }
  .post-verlay img{
    width:16px;
  }
  .post-verlay span{
    font-size: 14px;
  }
  .post-verlay h3, .accordion-button strong{
    font-size: 20px;
  }
  .post-verlay .btn{
    width: 109px;
    height: 35px;
    line-height: 20px;
  }
  .text-center-m{
    text-align: center;
  }
  .fs-40, .insta-box h4{
    font-size: 28px;
  }
  footer form input{
    height: 51px;
  }
  footer form .btn{
    width: 100%;
  }
  .insta-box{
    border: none;
    margin-bottom: -60px;
  }
  .insta-box .btn{
    width: 100%;
  }
  .insta-box h3{
    font-size: 24px;
  }
  .copy ul{
    justify-content: center;
  }
  .copy ul li img{
    width: 32px;
    margin: 0 5px;
  }
  .copy p{
    color: #cdcdcd;
  }

  .menu-btn{
    display: inline-block;
    left: 155px;
    top: 22px;
  }
  .dashboard-bar{
    padding-left: 0 !important;
    padding-right: 0px !important;
  }
  .dashboard-bar .logo img{
    width: 120px;
  }
  .stat-box{
    width: 100%;
  }
  .main-content{
    padding: 20px;
  }
  .e-bar{
    height: 63px;
  }
  .sam-boxes .bg-white{
    margin-bottom: 5px;
    height: auto !important;
  }
  .desti a.fs-20{
    font-size: 11px;
  }
  .blog-post .btn{
    margin-top: 20px;
  }
  .shop-steps span:after{
    display: none;
  }
  .categories .accordion-button{
    font-size: 18px;
  }
  .loader-overlay h3{
    font-size: 24px;
  }
  .mw-110 {
    min-width:110px;
  }
  .mw-210 {
    min-width:210px;
  }
  .my-bookings .nav-pills .nav-link, .grey-tabs.nav-pills .nav-link{
    font-size: 13px;
  }
  .search-bar2{
    width: 100%;
  }
  .profile-tabs h4.heading-font{
    font-size: 19px;
  }
  .p-dp{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .two-btns .btn{
    width: 100%;
    margin: 15px 0;
  }
  .monthly-wrp table button{
    font-size: 9px;
    font-weight: bold;
  }
  .tabs-filters ul{
    width: max-content;
    margin:auto
  }
  .cruise-ports td em{
    display: none !important;
  }
  .shop-steps{
    width: 100%;
    min-width: 200px;
  }
  .main-content:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
  }
  .main-content.closed-content{
    margin-left: 0;
    width:calc(100vw - 0px);
  }
  .main-content.closed-content:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
  }
  .mxw-224 {
    max-width: 140px;
  }
  .find-cruise{
    min-height: 307px;
  }
  .fs-36{
    font-size: 26px;
  }
  .how-it-works{
    margin-bottom: 70px;
    max-height: 320px;
  }
  .how-it-works .fs-32{
    margin-top:30px;
  }
  .featured-cats ul li b{
    font-size: 17px;
    margin-left: 10px !important;
  }
  #rewards2 ul{
    flex-wrap:nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
  }
}