/*
Theme Name: Gotrips For Swoosh
Theme URI: http://gotrips.ohteamvn.com/
Author: the OhTeamvn and Haris
Author URI: http://ohteamvn.com
Description: Gotrips is a WordPress theme supporting online hotel booking, car rental according to the journey, tour booking.For a variety of payment gateways such as popular Bank Transfer, Paypal Express, Stripe, 2Checkout in many countries around the world.
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-colors, featured-images, theme-options, post-formats
Text Domain: gotrips
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Alignment
2.0 Caption
3.0 Screen Reader
4.0 Gallery
5.0 Lists
6.0 Theme style
*/

body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

body {
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 0.01em;
}

@font-face {
  font-family: "BebasNeue";
  src: url("./assets/fonts/bebasneue/36FD40_0_0.eot");
  src: url("./assets/fonts/bebasneue/36FD40_0_0.eot?#iefix")
      format("embedded-opentype"),
    url("./assets/fonts/bebasneue/36FD40_0_0.woff2") format("woff2"),
    url("./assets/fonts/bebasneue/36FD40_0_0.woff") format("woff"),
    url("./assets/fonts/bebasneue/bn.ttf") format("truetype");
  font-display: swap;
}

/*---- 1.0 ALIGNMENT ----*/
:root {
  --header-font: "BebasNeue";
  --header-font-color: #5a7e91;
  --header-font-size: 20px;
}


h1,.h1 {
  font-size: 36px;
  font-family: "BebasNeue";
}
h2, .h2 {
  font-size: 30px;
    font-family: "BebasNeue";
}
h3,.h3 {
  font-size: 24px;
  font-family: "BebasNeue";

}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}

h4 {
  font-weight: 700;
}
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*---- 2.0 CAPTION ----*/

.wp-caption {
  margin-bottom: 1.6em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption-text {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  padding: 0.5em 0;
  text-align: center;
  font-style: italic;
}

/*---- 3.0 SCREEN READER ----*/

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*---- 4.0 GALLERY ----*/
.gallery {
  margin-bottom: 20px;
}

.gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(50% - 4px);
  max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: -webkit-calc(33.3% - 4px);
  max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: -webkit-calc(25% - 4px);
  max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(20% - 4px);
  max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: -webkit-calc(16.6% - 4px);
  max-width: calc(16.6% - 4px);
}

.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(14.28% - 4px);
  max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: -webkit-calc(12.5% - 4px);
  max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: -webkit-calc(11.1% - 4px);
  max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-1.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-2.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-3.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(3n + 1),
.gallery-columns-4.gallery-size-thumbnail
  figure.gallery-item:nth-of-type(4n + 1) {
  clear: left;
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  left: 0;
  text-align: left;
  width: 100%;
  transition: all 0.5s;
  bottom: -100%;
}

.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
  bottom: 0;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.gallery:before {
  content: "";
  display: table;
}

.gallery:after {
  clear: both;
}

.gallery:before,
.gallery:after {
  content: "";
  display: table;
}

.entry-content .gallery {
  background: transparent;
  min-height: 300px;
}

.bypostauthor {
  font-size: 13px;
}

/*---- 5.0 LISTS ----*/
/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
  margin: 0 0 1.5em 15px;
  padding: 0;
}

ul {
  list-style: none;
  margin: 0;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/*---- 6.0 THEME STYLE ----*/

/*
*   = See more in:
*   /assets/css/main.less
*   /assets/css/responsive.less
*   /assets/css/helper.less
*/

/*Some styles are added here for SKiZoom*/

.form-book-tour .holiday-price .price {
  color: #5a7e91;
}
#result-cached .btn-white,
.price-btn {
  width: 120px;
  height: 40px;
  margin-top: 8px;
  float: right;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  margin-right: 10px;
}
#result-cached .btn-white.sel,
.price-btn.sel {
  color: #fff;
  background: #6ac6dc;
}
#result-cached table tr td {
  padding: 20px 0;
}

#result-cached .holiday-price {
  text-align: center;
  width: 180px;
  float: right;
  color: #6ac6dc;
  padding: 10px 0;
}
#result-cached .holiday-price.current {
  background: #6ac6dc;
  color: #fff;
}
#result-cached .holiday-price .price {
  display: block;
  padding-bottom: 10px;
}
#result-cached .holiday-price.current .price,
#result-cached .holiday-price.current .price-small {
  color: #fff;
}

.holiday-price .price span.chepaest {
  display: block;
  font-size: 18px;
  padding-top: 10px;
  color: #6ac6dc;
}
.holiday-price.current .price span.chepaest {
  color: #fff;
}
.hlt-box {
  width: 135px;
  margin: 5px;
  float: left;
  height: 100px;
  border: 1px solid;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  padding: 6px;
  position: relative;
  color: #5a7e91;
  background: #fff;
}
.hlt-box:hover,
.hlt-box.active {
  color: #fff;
  background: #6ac6dc;
  border: 1px solid #2caae0;
}
.hlt-box:hover .st0,
.hlt-box.active .st0 {
  fill: #fff;
}
.hlt-box .fa-male:before,
.hlt-box .fa-female:before {
  font-size: 35px;
  color: #5a7e91;
}
.hlt-box .fa-child:before {
  font-size: 25px;
  color: #5a7e91;
}

.hlt-box:hover .family:before,
.hlt-box.active .family:before {
  color: #fff;
}
.hlt-box .fa-check-circle {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: none;
}
.hlt-box.active .fa-check-circle {
  display: block;
}
.st0 {
  fill: #5a7e91;
}
svg#bus {
  width: 70px;
}
svg#highalt {
  width: 60px;
}

.alot {
  background: #f5f5f5;
  border: 1px solid #bdbdbd;
  width: 100%;
  min-height: 250px;
  margin-bottom: 100px;
}
.booked-it {
  min-height: 370px;
  background: #5a7e91;
  color: #fff;
}
.booked-it p {
  font-size: 16px;
  margin: 20px 0;
}
.your-holiday-details {
  padding-top: 10px;
}

.steps-container i:not(.fa-check) {
  font-size: 40px;
  line-height: 40px;
}
.steps-container i.fa-angle-down {
  font-size: 16px;
  line-height: 16px;
}
.maxpp {
  font-size: 10px;
  text-decoration: italic;
}

.steps-container i.fa-check-circle {
  font-size: 20px;
}
.hlt-box .selt {
  position: absolute;
  text-align: center;
  bottom: 10px;
  width: 100%;
  left: 0;
}
.steps-container label {
  color: #5a7e91;
}
.steps-container .hlt-box .fa-check-circle {
  position: absolute;
  right: 16px;
  bottom: -10px;
}
.red-color {
  color: #e70404;
}

h4.traveler-heading {
  margin: 30px 0 10px 0;
}
.traveler.form-group .field-icon {
  margin-top: -21px;
  margin-right: 3px;
  color: #6ac6dc;
  font-size: 15px;
}
.daterangepicker.dropdown-menu .calendar-header h2 {
  width: 40%;
  float: left;
  margin-left: 27px;
}
.daterangepicker.dropdown-menu select.monthselect,
.daterangepicker.dropdown-menu select.yearselect {
  display: block;
  font-size: 16px;
  font-family: "open sans";
  padding: 5px;
}
.daterangepicker.dropdown-menu select.monthselect {
  width: 90%;
}
.daterangepicker.dropdown-menu .calendar-header h5 {
  color: #5a7e91;
  font-family: "BebasNeue";
  font-size: 15px;
}

.daterangepicker.dropdown-menu .calendar-control .fa.fa-chevron-right {
  right: 10px;
  top: 13px;
}

.daterangepicker.dropdown-menu .calendar-control .fa.fa-chevron-left {
  left: 10px;
  top: 13px;
}

.daterangepicker.check-in-out table .td-date.available.off {
  visibility: hidden;
}

.select-dropdown .caret {
  cursor: pointer;
}
input.select-dropdown:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-style: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-rendering: auto;
  speak: none;
  font-weight: normal;
}
.amount-payable {
  font-size: 15px;
  border: 2px solid #5a7e91;
  padding: 15px 10px 0px 15px;
  height: 165px;
}
.amount-payable.sel {
  background: #6ac6dc;
  border-color: #6ac6dc;
  color: #fff;
}
.amount-payable .price,
.amount-payable .final-balance {
  margin: 10px 0 0 35px;
}
.steps-container .amount-payable.sel label,
.amount-payable.sel .price {
  color: #fff;
}
.amount-payable.sel.material-checkbox span:before {
  border-color: #fff;
}
.amount-payable.sel.material-checkbox span:after {
  top: 15px;
  left: 15px;
}
.amount-payable .material-checkbox {
  font-size: 18px;
}
.amount-payable .final-balance {
  padding-top: 5px;
  font-size: 14px;
}
.amount-payable b {
  font-size: 24px;
}
.btn-yellow,
.btn-yellow:hover,
.btn-yellow:focus {
  background: #f9b213;
}
#security-badges img {
  margin-right: 5px;
}
#subscribe-mobile {
  display: none;
}
.hide-on-desktop {
  visibility: hidden;
  opacity: 0;
}

.flights-box {
  width: 90%;
  margin: auto;
  border-bottom: 1px solid #69a4ba;
  padding: 30px 0;
}
.time-n-apt {
  position: relative;
  float: left;
}
.airport-name {
  position: absolute;
  left: 5px;
  top: 45px;
  font-size: 16px;
}
.airport-name.right {
  left: auto;
  right: 0px;
}
.flight-time {
  font-size: 30px;
  display: block;
  float: left;
}
.flights-time-line {
  background: #5a7e91;
  width: 40%;
  margin: 19px -16px 0 20px;
  height: 2px;
  display: block;
  float: left;
}
.steps-container i.fa-angle-double-right {
  font-size: 21px;
  display: block;
  float: left;
  margin-right: 20px;
}
.ariline {
  margin-left: 50px;
}

.coming-back {
  width: 100%;
  clear: both;
  margin-top: 20px;
  height: auto;
  overflow: hidden;
}

#flight-filters {
  background: #f5f5f5;
}
.gform_body input[type="text"] {
  border: 1px solid #5a7e91;
  margin-bottom: 0;
}
.gform_wrapper .top_label .gfield_label,
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
  color: #5a7e91;
  font-size: 14px;
}
.gform_wrapper .gfield_description {
  font-size: 14px;
}
.going-out,
.coming-back {
  position: relative;
  padding-bottom: 50px;
}
.going-out img.airline-logo {
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
}
@media (max-width: 600px) {
  #mfesecure-ts-image {
    display: none;
    visibility: hidden;
  }
  .going-out img.airline-logo {
    width: 80px;
  }
  #newsletter-box-desktop,
  .newsbox-cont-desktop {
    display: none;
  }
  .hide-on-desktop {
    visibility: visible;
    opacity: 1;
  }
  .intercom-namespace .intercom-igthit.intercom-launcher-frame {
    margin-bottom: 50px;
  }
  .flights-time-line {
    width: 90px;
  }
}
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 0px;
  border: 1px solid #d0d0d0;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: red;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
#card-errors {
  color: red;
}
.error-responce {
  color: red;
  font-size: 18px;
}
.step-4-container {
  padding-bottom: 300px;
}

.choose-days,
.tf-bag {
  color: #5a7e91;
  border: 2px solid #5a7e91;
  padding: 5px 10px;
  display: block;
  float: left;
  margin: 20px 40px 20px 0;
}
.tf-bag {
  border-width: 1px;
  font-size: 12px;
  margin: 10px 10px 0px 0px;
}
.choose-days:hover,
.tf-bag:hover {
  color: #5a7e91;
}
.choose-days.act,
.tf-bag.act {
  color: #fff;
  background: #5a7e91;
}

.tf-bag-radio {
  display: none;
}
.tf-bag {
  display: none;
}

.days-pass {
  margin-top: 20px;
}
.reqspan {
  color: red;
}

.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 1000px;
  min-height: 300px;
  margin: 20px auto;
}
.deal-finder-form {
  padding: 15px 25px;
  background-color: rgba(90, 126, 145, 0.9);
}
.search-form-deals .row {
  margin: 10px auto;
}
.search-form-deals h4 {
  padding: 5px 0 0 0;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
.deal-finder-results {
  padding: 0 20px;
  height: auto;
  overflow: hidden;
}
.deal-finder-results .month {
  float: left;
  padding: 12px 18px;
  margin-right: 5px;
  width: 100px;
  background: #3997d3;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
.deal-finder-results .days {
  float: left;
  width: 850px;
}
.deal-finder-results .day {
  float: left;
  margin: 0 5px 10px 5px;
  padding: 5px 0;
  background: #eee;
  width: 60px;
  text-align: center;
}
.deal-finder-results a {
  text-decoration: underline;
}
.deal-finder-results .clear {
  height: 20px;
}
.deal-finder-form .btn.btn-primary {
  background: #f9b213;
}
.deal-finder-form .material-checkbox {
  float: left;
  margin: 10px 10px 5px 0;
  width: 180px;
  color: #fff;
}
.deal-finder-form .material-checkbox > span::before {
  border: solid 2px #fff;
  background: #fff;
}
.fa.fa-close {
  font-size: 15px;
}
.mfp-close-btn-in .mfp-close {
  top: -12px;
  right: -4px;
}

.holiday-meta svg {
  width: 16px;
}

.phone-contact {
  float: left;
  color: #000;
  padding-top: 30px;
  text-align: right;
}
.open-today {
  font-size: 13px;
}
.phone-number {
  font-size: 24px;
}

.code-info {
  color: #fff;
  float: left;
  padding: 5px 10px;
}

.code-info.wrong {
  background: #e05252;
}
.code-info.correct {
  background: #64b764;
}

.book-popup {
  position: relative;
  background: #f5f5f5;
  color: #5a7e91;
  border: 3px solid #bdbdbd;
  padding: 5px 20px;
  width: auto;
  max-width: 700px;
  min-height: 400px;
  margin: 20px auto;
}

.book-popup.closable .book-popup_close {
  display: block;
}
.book-popup_close {
  display: none;
  position: absolute;
  right: 0;
  color: #000;
  cursor: pointer;
  margin-right: 1rem;
}
.book-popup img {
  width: 200px;
  display: block;
  margin: auto;
}
.booking-steps {
  color: #ccc;
  font-size: 20px;
  padding: 20px 60px;
}
.booking-steps .step {
  position: relative;
  margin-bottom: 5px;
}
.booking-steps .step .st {
  position: absolute;
  left: -30px;
  top: 3px;
}

.booking-steps .step.processing {
  color: #5a7e91;
}
.booking-steps .step.done {
  color: green;
}

.booking-steps .step.fail {
  color: red;
}

.preloader-wrapper.tiny {
  width: 20px;
  height: 20px;
}

.mobile-booking-label {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: block;
  width: 100%;
  height: 60px;
  background: #fff;
  padding: 0;
  box-shadow: 0 0 10px #888;
}

.show-holiday-details {
  position: relative;
  padding-top: 17px;
  display: block;
  width: 65px;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  float: left;
}
.show-holiday-details svg {
  position: absolute;
  fill: #6ac6dc;
  left: 50%;
  margin-left: -4px;
  top: 6px;
}
.mobile-booking-label .price-area {
  background-color: #e5e5e5;
  padding: 12px;
  text-align: right;
  width: 43%;
  height: 100%;
  float: left;
}
.vertical-cell-separator {
  background-color: #e5e5e5;
  background-image: linear-gradient(-75deg, #e5e5e5 50%, #fff 50%);
  width: 22px;
  height: 100%;
  margin-right: -1px;
  float: left;
}
.sidebar-tour .close {
  cursor: pointer;
}
.sidebar-tour .close svg {
  fill: #5a7e91;
  width: 14px;
}

 /* skizoom  */
 
.continue-button.btn-primary , .btn-primary {
  background: #F9B213;
}

.price {
  font-weight: 700;
}