/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../../media/fonts/dosis-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../../media/fonts/dosis-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dosis-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../../media/fonts/dosis-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../media/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../../media/fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../../media/fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../../media/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../../media/fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  color: #172C42;
  font-family: 'Raleway';
}

#font-resizer-controls {
    position: fixed;
    top: 50%;
    right: 55px;
    background: #127CAE;
    border-radius: 8px 8px 0 0px;
    display: flex;
    font-family: 'Dosis';
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
	
    transform-origin: top right;
	transform: translateY(-50%) rotate(-90deg);
  
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 14px 15px;
    gap: 15px;
}

#font-resizer-controls button:focus {
    outline: none;
}

#font-resizer-controls span {
	font-size: 16px !important;
}

#font-resizer-controls #font-decrease {
    background: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.84375 4.59619C9.82462 -0.137875 17.7244 -0.0617733 22.6113 4.82471L22.8408 5.06006C27.4998 9.96202 27.4999 17.6913 22.8408 22.5933L22.6113 22.8276C17.7245 27.7145 9.82475 27.7912 4.84375 23.0571L4.6084 22.8276C-0.355621 17.8632 -0.355871 9.78898 4.6084 4.82471L4.84375 4.59619ZM21.8525 5.58447C17.3808 1.10866 10.1412 1.03854 5.58301 5.37451L5.36816 5.58447C0.821387 10.1271 0.820822 17.5261 5.36328 22.0688L5.5791 22.2788C10.1412 26.6146 17.3767 26.5446 21.8525 22.0688L22.0205 21.9009C26.3291 17.4135 26.3434 10.3035 22.0625 5.79932L21.8525 5.58447Z" fill="white" stroke="white" stroke-width="0.229239"/><path d="M20.9497 13.5966C21.2443 13.5966 21.4849 13.8372 21.4849 14.1317C21.4848 14.243 21.4514 14.346 21.394 14.4315L21.3296 14.5106C21.2327 14.6076 21.0982 14.6669 20.9497 14.6669H7.45264C7.15821 14.6669 6.91771 14.4261 6.91748 14.1317C6.91748 13.8371 7.15807 13.5966 7.45264 13.5966H20.9497Z" fill="white" stroke="white" stroke-width="0.229239"/></svg>');
    width: 27px;
    height: 27px;
    border: 0;
    display: block;
    cursor: pointer;
}

#font-resizer-controls #font-increase {
    background: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6104 0.885742C20.6248 0.885884 26.333 6.5939 26.333 13.6084C26.3329 20.6228 20.6247 26.3309 13.6104 26.3311C6.59585 26.3311 0.887838 20.6229 0.887695 13.6084C0.887695 6.59381 6.59576 0.885742 13.6104 0.885742ZM13.6104 1.95508C7.18467 1.95508 1.95703 7.18271 1.95703 13.6084C1.95717 20.034 7.18475 25.2607 13.6104 25.2607C20.0358 25.2606 25.2626 20.0339 25.2627 13.6084C25.2627 7.1828 20.0359 1.95522 13.6104 1.95508Z" fill="white" stroke="white" stroke-width="0.229239"/><path d="M13.027 6.3002C13.075 6.06555 13.273 5.88917 13.5166 5.86862L13.5283 5.85688H13.5698L13.6803 5.86793C13.8938 5.91166 14.0618 6.07979 14.1056 6.2933L14.1167 6.40378L14.116 13.0543H20.7672L20.8777 13.0654C21.1269 13.1164 21.3139 13.3368 21.3141 13.6012V13.604C21.3103 13.7524 21.253 13.8888 21.1518 13.99C21.0771 14.0647 20.9834 14.1182 20.8756 14.1405L20.7631 14.1523H14.1132V20.8049C14.1094 20.9532 14.0526 21.089 13.9516 21.1902C13.8768 21.265 13.7827 21.3191 13.6747 21.3414L13.5629 21.3525C13.2604 21.3523 13.016 21.1081 13.016 20.8056L13.0153 14.155H6.36544C6.06293 14.1549 5.81854 13.9107 5.81854 13.6081L5.82958 13.4976C5.88055 13.2482 6.10078 13.0614 6.36544 13.0612H13.0153L13.016 6.41069L13.027 6.3002Z" fill="white" stroke="white" stroke-width="0.2"/></svg>');
    width: 27px;
    height: 27px;
    border: 0;
    display: block;
    cursor: pointer;
}

#header {
  background: #fff !important;
  top: 0;
  padding-top: 29px;
  padding-bottom: 29px;
}

#nav .drop-holder .has-drop-down-a::after,
#nav a:hover, #nav li.active a {
  color: #0797d1 !important;
}

#nav li .drop-holder .drop-holder ul {
  background-color: #0797d1;
}

.banner .content-holder {
  top: initial;
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial;
  bottom: 120px;
}

.banner .content-holder, .banner .slider-content {
  text-align: left;
}

.banner .content-holder .description {
  max-width: inherit;
}

.banner .pagination a:hover, .banner .pagination li.active a {
  background: #fff;
}

.banner .pagination a {
  border: 1px solid #fff;
  height: 9px;
  width: 9px;
  background-color: transparent;
}

@media (min-width: 1000px) {
  #header .header-holder {
      max-width: 1280px;
  }
}

@media (max-width: 1300px) {
  #header .header-holder {
      padding-left: 20px;
      padding-right: 20px;
  }
}

#header .logo {
  margin: 0;
}

@media (max-width: 1300px) {
  #header .logo {
    left: 20px;
  }
}

@media only screen and (max-width: 999px) {
  #header {
    height: 100px !important;
  }
  #header .logo {
      top:  0px;
  }

  #nav ul ul li,
  .nav-active .nav-opener::before, .nav-active .nav-opener::after, .nav-active .nav-opener span,
  .nav-opener::before, .nav-opener::after, .nav-opener span {
      background-color: #127CAE !important;
  }
  .nav-opener {
      top: 0;
  }

  #nav .has-drop-down::after {
    color: #127CAE !important;
  }
}


#nav {
  box-shadow: none !important;
  padding-right: 0;
}

#nav a {
  color: #172C42 !important;
}

.banner .slideset > .slide > span:first-child,
.cycle-gallery .img-holder {
  position: relative;
  display: block;
}

.banner .slideset > .slide > span:first-child:before,
.banner.cruise-detail .slideset > .slide > div.img-holder:before,
.cycle-gallery .img-holder:before {
  content: "";
  position: absolute;
  top: 0px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(4, 33, 56, 0.8) 100%);
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.banner .content-holder {
  z-index: 10;
}

.banner .slider-content h1, .banner .slider-content h2 {
  font-size: 60px;
  line-height: 70px;
}

.banner .pagination ul,
.banner .slider-content {
  max-width: 1280px;
  width: auto;
}

.home .banner .description {
  max-width: inherit;
}

.banner .slider-content p {
  font-family: 'Raleway';
  font-weight: 700;
}

.banner .button {
  font-size: 18px;
  background: #fff;
  color: #127CAE;
  padding: 16px 24px;
}

.banner .button:hover {
  background: #127CAE;
  color: #fff;
}

.home .banner:after, .home .banner:before {
  background-color: #F1F6FB !important;
}

.home .banner.pattern .shape::before {
  border-left: 119px solid #F1F6FB;
  border-right: 119px solid #F1F6FB;
}


.home .tabs,
.home .main-block {
  background-color: #F1F6FB !important;
}

.blog-wrapper .container,
.cruises-holder {
  max-width: 1310px;
}

.blog-post {
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.cruises-holder ul.cruises-list li {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 32px !important;
}

.cruises-holder .description {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
}

.cruises-holder .desc-holder > span {
  font-size: 26px;
  color: #172C42;
  font-family: 'Raleway';
  font-weight: 600;
  line-height: 32px;
}

.cruises-holder .desc-holder .btn-learn {
  border: none;
  background: none;
  font-size: 18px;
  color: #127CAE;
  position: relative;
  font-family: 'Raleway';
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 5px;
}

.cruises-holder .desc-holder .btn-learn:after {
  content: "";
  background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16669 18L15.1667 12L9.16669 6" stroke="%23127CAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 25px;
  height: 24px;
}

.cruises-holder .desc-holder:before {
  content: "";
  height: 206px;
  width: 100%;
  background-color: #8EAD5B;
  border-radius: 6px;
  margin-bottom: 25px;
}

.cruises-holder .orange .desc-holder:before {
  background-color: #E09C51;
}

.cruises-holder .sky-blue .desc-holder:before {
  background-color: #127CAE;
}

.cruises-holder .purple .desc-holder:before {
  background-color: rgb(27 48 65);
}

.cruises-holder .dark-blue .desc-holder:before {
  background-color: #335980;
}

.cruises-holder .l-brown .desc-holder:before {
  background-color: rgba(218,168,105,1);
}

.cruises-holder ul.cruises-list li img {
    position: absolute;
    width: auto;
    top: 84px;
    height: 58px;
    max-height: inherit;
    margin: 0;
}

.tabs nav a {
  font-size: 18px;
  line-height: 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #fff;
}

.tabs .ship-details {
  padding-top: 75px;
}

.ship-details h2 {
  font-size: 36px;
  line-height: 48px;
  text-align: center;
  font-family: 'Raleway';
  font-weight: 600;
}


.footer-holder,
.box-wrapper .container,
.ship-details .container, .container {
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.home .tabs nav .container {
  max-width: 820px;
}
@media (min-width: 992px) {
  .ship-details .row .col.image-holder {
    width: 55%;
    padding-right: 70px;
  }
}

.ship-details .row .col.details p {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Raleway';
}

.ship-details .row .col.details .list li {
  font-size: 16px;
  line-height: 30px;
}

.ship-details .row .col.details .list li .icon {
  top: -5px;
}

.ship-details .btns a.read-more {
  background: transparent;
  font-size: 18px;
  padding: 19px 24px;
  color: #fff;
}
.ship-details .btns a.book-now {
  background: #fff;
  color: #127CAE;
  font-size: 18px;
  padding: 19px 24px;
}

.tabs.pattern .shape::before {
  border-left: 119px solid #fff;
  border-right: 119px solid #fff;
}

.box-wrapper .box .text-content h4 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  font-family: 'Raleway';
}

.box-wrapper .box .text-content p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.pagination .pages a, .pagination .pages span.current {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Dosis';
  color: #127CAE;
  padding: 8px 19px;
  border: 2px solid #127CAE;
}

.pagination .pages span.current {
  color: #fff;
}

.pagination .pages span.current,
.cruises-button-holder .cruises-button {
  border-color: #127CAE;
}

.pagination .pages span.current,
.cruises-button-holder:after,
.cruises-button-holder .cruises-button:hover, .cruises-button-holder .cruises-button.active,
.box-wrapper .box .read-more {
  background: #127CAE;
}

.pagination .fa-angle-left, .pagination .fa-angle-right,
.main-block a,
.cruises-button-holder .cruises-button {
  color: #127CAE;
}

.box-wrapper .box .read-more:hover {
  background: transparent;
  color: #127CAE;
  border-color: #127CAE;
}

.newsletter .inner-wrapper {
  max-width: 1280px;
  background-color: #127CAE;
  border-radius: 10px;
  padding: 40px;
}

.newsletter .inner-wrapper header h2 {
  margin-top: 24px;
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  font-family: 'Raleway';
}

.newsletter .inner-wrapper header {
  max-width: inherit;
}

.newsletter .inner-wrapper header p {
  font-size: 16px;
  line-height: 24px;
}

.newsletter form {
  display: flex;
}

.newsletter form input[type="submit"] {
  font-size: 18px;
  color: #127CAE;
  padding: 17px 24px;
  width: auto;
}

.newsletter form .input-holder input {
  font-size: 16px;
  line-height: 45px;
  border-width: 2px;
  height: 61px;
}

.newsletter form .input-holder .input-placeholder-text {
  font-size: 16px;
  line-height: 24px;
  top: 20px;
}

#footer .copyright {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-family: 'Raleway';
}

#footer .links-block li a {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  font-weight: 500;
  font-family: 'Raleway';
}

#footer .social li.follow {
  font-size: 16px;
  color: #fff;
}

#footer .social li.facebook a, #footer .social li.googleplus a, #footer .social li.instagram a {
  background-position: bottom;
}

#footer .amyma a,
#footer .amyma {
  color: #fff;
  font-size: 12px;
}

#footer {
  padding-bottom: 90px;
}

.main-block.ship-details {
  padding-top: 65px;
}

.ship-details .ship-list-holder {
  max-width: inherit;
}

.ship-details .ship-list-holder li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Raleway';
}

.cruise-features-holder ul li:after, .ship-list-holder ul li:after {
  top: 15px;
}


.ship-details div.carousel div.mask-carousel,
.ship-details div.cycle-gallery div.mask img, 
.ship-details div.header-image div.mask img {
  margin-top: 0%;
}

.btn-prev {
  background: url('data:image/svg+xml,<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="45" cy="45" r="45" transform="rotate(90 45 45)" fill="white"/><g clip-path="url(%23clip0_43_1945)"><path d="M55.4349 68.2497C56.5146 67.1103 56.5146 65.2637 55.4349 64.1243L37.3095 44.9971L55.4349 25.8764C56.5146 24.737 56.5146 22.8904 55.4349 21.751C54.3552 20.6116 52.6053 20.6116 51.5256 21.751L31.2657 43.1308C30.2852 44.1655 30.2852 45.8418 31.2657 46.8764L51.5256 68.2497C52.6053 69.3956 54.3551 69.3956 55.4349 68.2497Z" fill="%23172C42"/></g><defs><clipPath id="clip0_43_1945"><rect width="25.7143" height="48.2143" fill="white" transform="translate(56.25 69.1069) rotate(-180)"/></clipPath></defs></svg>');
  width: 90px;
  height: 90px;
  margin-top: -45px;
}

.btn-next {
  background: url('data:image/svg+xml,<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="45" cy="45" r="45" transform="rotate(-90 45 45)" fill="white"/><g clip-path="url(%23clip0_43_1939)"><path d="M34.5651 21.7503C33.4854 22.8897 33.4854 24.7363 34.5651 25.8757L52.6905 45.0029L34.5651 64.1236C33.4854 65.263 33.4854 67.1096 34.5651 68.249C35.6448 69.3884 37.3947 69.3884 38.4744 68.249L58.7343 46.8692C59.7148 45.8345 59.7148 44.1582 58.7343 43.1236L38.4744 21.7503C37.3947 20.6044 35.6449 20.6044 34.5651 21.7503Z" fill="%23172C42"/></g><defs><clipPath id="clip0_43_1939"><rect width="25.7143" height="48.2143" fill="white" transform="translate(33.75 20.8931)"/></clipPath></defs></svg>');
  width: 90px;
  height: 90px;
  margin-top: -45px;
}

/*.ship-details .banner-img img {
  height: 650px;
}*/

.cruises-list-holder a.btn-detail, .info .tab-content .box-info a.btn-detail {
  font-size: 18px;
  border-color: #127CAE;
  color: #127CAE;
  border-width: 2px;
  padding: 20px 24px;
  top: 67px;
  margin-top: 0;
}

.cruises-list-holder li img {
  width: 224px;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

.excursions-list .short-info span.name, .cruises-list-holder .short-info span.name {
  font-size: 26px;
  line-height: 36px;
  color: #172C42;
  font-weight: 600;
  width: 260px;
  font-family: 'Raleway';
  min-width: 260px;
}

.excursions-list .short-info strong, .excursions-list .short-info time, .cruises-list-holder .short-info strong, .cruises-list-holder .short-info time {
  font-size: 18px;
  font-weight: 600;
  color: #172C42;
  font-family: 'Raleway';
  border-left: 2px solid #B4BFC9;
  border-right: 2px solid #B4BFC9;
  padding-left: 30px;
  padding-right: 30px;
  white-space: nowrap;
  max-width: inherit;
}
.cruises-list-holder li {
  display: flex;
  align-items: flex-start;
  padding: 25px 0;
}

.cruises-list-holder .price-from,
.excursions-list .short-info, .cruises-list-holder .short-info {
  padding-top: 50px;
  max-width: inherit;
}

.meta-data {
  font-size: 18px;
  font-weight: 600;
  color: #172C42;
  background: #E09C5133;
  text-transform: none;
  font-family: 'Raleway';
  max-width: inherit;
  padding: 10px 25px;
  width: auto;
}

.cruises-holder.add1 {
  padding-left: 20px;
  padding-right: 20px;
}

.cruises-list-holder .short-info .holder1 {
  display: inline-flex;
  flex-direction: column;
}

.cruises-list-holder .price-from .word {
  font-size: 18px;
  line-height: 24px;
  color: #172C42;
  font-weight: 600;
  font-family: 'Raleway';
}

.cruises-list-holder .price-from {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  color: #172C42;
  font-family: 'Raleway';
  position: static;
  transform: none;
  padding-left: 30px;
}

.banner a.btn-book, a.btn-book, input.btn-book {
  font-size: 18px;
  padding: 19px 24px;
  background: #fff;
  color: #127CAE;
}

.banner a.btn-book:hover, a.btn-book:hover, input.btn-book:hover {
  background-color: #127CAE;
  border-color: #127CAE;
  color: #fff
}

.price-block .btn-book, .main-block.cruises-itinerary .btn-book, .destinations .btn-book {
  background: #127CAE;
  border-color: #127CAE;
  color: #fff;
}

.cruises-holder h2, .cruise-detail .cruises-holder h2,
.itinerary-info h2 {
  font-size: 38px;
  line-height: 48px;
  font-weight: 600;
  font-family: 'Raleway';
  text-align: center;
  color: #172C42;
}

.info .tab-content .box-info, .tab-content .box-info, .tab-content .box-info p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  font-family: 'Raleway';
}

.cruises-holder .top-block a,
.cruises-holder .detail-text a,
.contact .cruises-holder a,
.tab-content .box-info a {
  font-weight: 700;
  font-family: 'Raleway';
  text-decoration: underline;
}

@media only screen and (min-width: 1000px) {
.itinerary-info .img-holder {
    width: 48%;
}
.itinerary-info .scrollable-area-wrapper, .itinerary-info .scrollable-area {
	width: 48% !important;
}
}

.itinerary-info .img-holder img {
  width: 100%;
  height: auto;
}

.info-table,
.itinerary-info , .itinerary-info .scrollable-area {
  width: 100% !important;
  float: none;
  padding-bottom: 30px;
}



.itinerary-info h2 {
  order: 1;
}



.cruises-itinerary .cruises-holder {
  padding-bottom: 100px;
}

.info-table thead th {
  font-size: 20px;
  line-height: 30px;
  color: #172C42;
  font-weight: 600;
  font-family: 'Raleway';
}

.info-table td {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  color: #172C42;
  font-family: 'Raleway';
  padding-top: 5px;
  padding-bottom: 5px;
}
.info-table tbody tr td:first-child {
  padding-left: 15px;
}

.info-table tbody tr:nth-child(odd) {
  background-color: #F1F6FB; 
}

.blog-post h2, .blog-post h2 a {
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  color: #172C42;
  font-family: 'Raleway';
}

.blog-post .meta-data-data {
  font-weight: 600;
}

.blog-post p {
  font-size: 18px;
  line-height: 26px;
  color: #172C42;
  font-weight: 500;
  font-family: 'Raleway';
}

.blog-wrapper .button {
  border: 2px solid #127CAE;
  color: #127CAE;
  padding: 15px 24px;
}

.blog-wrapper .button:hover {
  background-color: #127CAE;
  color: #fff;
}

.blog-post .post-image img {
  border-radius: 6px;
}

.info .tabset {
  background: transparent;
  padding-top: 70px;
  border-bottom: 2px solid #127CAE;
}

.info .tabset li a {
  border: 2px solid #127CAE;
  border-bottom: 0;
  font-size: 18px;
  color: #127CAE;
}

.info .tabset li:first-child a {
  border-left: 2px solid #127CAE;
}

.info .tabset li a.active:after, .info .tabset li a:hover:after {
  display: none;
}

.cruises-holder h3, .cruise-detail .title-section {
  font-size: 26px;
  color: #172C42;
  font-weight: 600;
  font-family: 'Raleway';
}

.info .tabset li {
  margin: 0 8px;
}

.info .tabset li a.active, .info .tabset li a:hover {
  background: #127CAE;
}

.bottom-banner {
  max-height: 510px;
}

.contact .cruises-holder p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'Raleway';
  text-align: center;
}

.contact-info {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  font-family: 'Raleway';
  color: #172C42;
}

.input-placeholder-text {
  font-size: 18px;
  color: #627A8F;
  font-family: 'Raleway';
  font-weight: 700;
  top: 22px;
}
.newsletter-form2 {
  max-width: 1080px;
  margin: 30px auto 19px;
}

.contact-form .row,
.newsletter-form2 .row {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}

.contact-form .row .input-wrap {
  float: none;
  margin: 0;
  width: 33%;
}
.newsletter-form2 .row .input-wrap {
  float: none;
  margin: 0;
  width: 50%;
}

.contact-form textarea,
.contact-form .select-area,
.contact-form input[type="text"], .contact-form input[type="email"], .newsletter-form2 input[type="text"] {
  border: 2px solid #627A8F;
  font-size: 18px;
  color: #627A8F;
  font-family: 'Raleway';
  padding: 14px 20px;
  width: 100%;
  height: auto;
  line-height: 28px;
  font-weight: 700;
  text-transform: none;
  margin: 0;
}

.input-wrap.text-area {
  width: 100%;
  margin-bottom: 24px;
}

.contact-form textarea {
  width: 100% !important;
  height: 123px;
}

.contact-form input[type="submit"],
body.catalog .request-form input[type="submit"],
.newsletter-form2 input[type="submit"] {
  background: #127CAE;
  font-size: 18px;
  color: #fff;
  border: #127CAE;
  padding: 21px 24px;
  float: left;
  margin: 0;
}

.select-area .center {
  color: #627A8F;
  font-size: 18px;
}

.contact-form #ct_tripdate,
.contact-form .select-area {
  width: 33% !important;
}

.contact-form input[type="submit"]:hover, .newsletter-form input[type="submit"]:hover, body.catalog .request-form input[type="submit"]:hover {
  border-color: #127CAE;
  color: #fff;
}

.select-area .select-opener {
  border-color: #627A8F transparent transparent;
  top: 30px;
}

.scrollable-area-wrapper .drop-list {
  width: 100% !important;
}

.select-options .drop-holder {
  font-size: 18px;
  line-height: 28px;
  border: 2px solid #627A8F;
  border-width: 0 2px 2px;
}

.select-options ul a {
  color: #627A8F;
}

.scrollable-area-wrapper .drop-list {
  overflow-y: auto !important;
  /* Các thuộc tính CSS cho thanh cuộn */
  scrollbar-width: thin; /* Thanh cuộn mỏng */
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0); /* Màu của thanh cuộn và nền */
}

.scrollable-area-wrapper .drop-list::-webkit-scrollbar {
  width: 8px; /* Độ rộng của thanh cuộn */
}

.scrollable-area-wrapper .drop-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); /* Màu của phần thanh cuộn */
  border-radius: 10px; /* Làm tròn góc thanh cuộn */
}

.scrollable-area-wrapper .drop-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0); /* Màu nền của track (vùng chứa thanh cuộn) */
}


@media (max-width: 1199px) {
  .cruises-list-holder .short-info .holder1 {
      display: block;
  }
  .excursions-list .short-info strong, .excursions-list .short-info time, .cruises-list-holder .short-info strong, .cruises-list-holder .short-info time {
      display: block;
      border: 0;
      padding-left: 0;
      padding-right: 0;
  }
  .cruises-list-holder .price-from {
      width: 80%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding-right: 135px;
  }
}

@media (max-width: 999px) {
  .banner .slider-content h1, .banner .slider-content h2 {
      font-size: 54px;
      line-height: 1;
  }
  .contact-holder,
  .contact-form, .newsletter-form2 {
      max-width: inherit;
      padding-left: 15px;
      padding-right: 15px;
  }
  .contact-form .row, .newsletter-form2 .row {
      display: flex;
      flex-direction: column;
  }

  .contact-form #ct_tripdate, .contact-form .select-area,
  .contact-form .row .input-wrap {
    width: 100% !important;
  }

}

@media only screen and (max-width: 900px) {
  .cruises-list-holder li {
      display: flex;
      flex-direction: column;
  }
  .cruises-list-holder li img {
      height: auto;
      width: 100%;
  }
  .cruises-list-holder li >a {
      display: block;
      width: 100%;
  }
  .cruises-list-holder a.btn-detail, .info .tab-content .box-info a.btn-detail {
      position: static;
  }
  .cruises-list-holder .price-from, .excursions-list .short-info, .cruises-list-holder .short-info {
      width: 100%;
  }
  .excursions-list .short-info span.name, .cruises-list-holder .short-info span.name {
      width: 100%;
      max-width: 100%;
  }
  .cruises-list-holder .price-from {
      padding-left: 0;
      padding-right: 0;
      display: flex;
      align-items: flex-start;
      padding-top: 10px;
  }
  .cruises-list-holder .short-info .holder1 {
      display: flex;
      flex-direction: row;
      gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .cycle-gallery .mask img,
  .cycle-gallery .mask .img-holder {
      left: 0%;
  }
  .newsletter form {
      display: flex;
      gap: 20px;
      flex-direction: column;
  }
  .newsletter form .input-holder {
      margin-bottom: 0px;
  }
  .newsletter .inner-wrapper {
      padding: 20px 17px;
  }
  .box-wrapper .box .text-content h4 {
      font-size: 20px;
      line-height: 1.2;
  }
}

@media only screen and (max-width: 599px) {
  .tabs nav a {
    font-size: 14px;
    line-height: 1;
    padding-left: 10px;
    padding-right: 10px;
  }
  .newsletter-form2 .row {
      flex-direction: column;
  }
  .newsletter-form2 .row .input-wrap {
      width: 100%;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}