/*@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https:fonts.googleapis.com/css?family=Oswald:300,400,700');*/

@import "~@ng-select/ng-select/themes/default.theme.css";

.ng-select.disable-clear-all .ng-clear-wrapper {
  display: none;
}

.ng-select.disable-arrow .ng-arrow-wrapper .ng-arrow {
  display: none;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  position: absolute;
  border-top: 1px solid #e5e5e5;
  padding: 0;
  padding-top: 4px;
  color: #878787;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  width: 100%;
  text-align: right;
  padding-right: 7px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 17px !important;
}

.destination-location-option .slick-slider .slick-slide {
  height: 150px !important;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../fonts/Oswald-normal-300.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/Oswald-normal-400.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/Oswald-normal-700.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: url(../fonts/Roboto-normal-100.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(../fonts/Roboto-normal-300.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/Roboto-normal-400.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/Roboto-normal-500.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/Roboto-normal-700.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(../fonts/Roboto-normal-900.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src: url(../fonts/Roboto-italic-100.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(../fonts/Roboto-italic-300.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/Roboto-italic-400.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/Roboto-italic-500.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/Roboto-italic-700.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../fonts/Roboto-italic-900.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/montserrat-400.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/montserrat-700.woff) format("woff");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 900;
  src: url(../fonts/Montserrat-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'airglyphsregular';
  src: url('../fonts/airglyphs-webfont.eot');
  src: url('../fonts/airglyphs-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/airglyphs-webfont.woff2') format('woff2'),
    url('../fonts/airglyphs-webfont.woff') format('woff'),
    url('../fonts/airglyphs-webfont.svg#airglyphsregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.overflow-auto {
  overflow: inherit !important;
}
.iframe-body {
  height: 100% !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-width: 100%;
}
.iframe-silvertip-header {
  height: 100px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  padding: 10px;
  z-index: 500;
  background: #fff;
  right: 0;
  transition: all 0.4s ease;
}
.iframe-silvertip-header.sm-header {
  height: 70px;
}
.iframe-silvertip-header .iframe-logo {
  width: 300px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.sm-header .iframe-logo {
  width: 200px;
}
.iframe-silvertip-header img {
  max-width: 100%;
  height: 100%;
}

.iframe-section {
  min-height: 100vh;
}
.iframe-site .package-summary-panel .summary-col {
  margin: 0;
}

.iframe-site .cart-main-panel .order-main-head {
  margin: 15px 0 0 0;
  padding: 15px;
}
.iframe-site .package-banner-image.adventure-video {
  margin-top: 30px;
}
.iframe-site .white-label-iframe-package h1 {
  padding: 0 15px 0 0;
}
.package-banner-image.adventure-video {
  background: transparent;
}
.package-banner-image.adventure-video .slick-slide {
  border: 0 !important;
}
.iframe-site .k-link span {
  font-size: 10px !important;
}

.iframe-site .signup-modal .guest-email {
  padding: 5px 15px;
  margin: 15px 15px 0;
  width: calc(100% - 30px);
  border: #e0e0e0 1px solid;
  font-size: 14px;
  outline: 0;
  box-shadow: none;
}
.iframe-site .signup-modal .guest-email ~ .error {
  padding: 5px 15px 0;
}
.iframe-site .signup-modal .signup-descp-text {
  padding: 0 15px;
}

.iframe-site .white-label-iframe-package-box,
.iframe-site .white-label-iframe-slider {
  width: 100%;
}

.iframe-site .lodging-carousel .lodging-image {
  height: 300px;
}

.iframe-site .lodging-carousel .lodging-image img {
  max-height: inherit !important;
  height: 100%;
}

.iframe-site .k-widget.k-daterangepicker {
  flex: 1;
  justify-content: center;
}

.iframe-site .proceed-btn .row {
  margin: 0;
}
.iframe-site .row-iframe {
  margin-right: -15px !important;
  margin-left: -15px !important;
}
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  background-color: #ebebeb;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
}

a:hover,
a:focus {
  color: transparent;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.cls {
  clear: both;
  margin: 0;
  padding: 0;
}

.relative {
  position: relative !important;
}

.icon-rotate {
  transform: rotate(-180deg);
  margin-right: 0 !important;
}

.pd {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.button-auto {
  width: auto !important;
  margin-right: 6px;
  padding: 6px 25px !important;
}

.pl {
  padding-left: 0;
}

.padding-lf-rt10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-lf-rt15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-lf-rt20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pr {
  padding-right: 0;
}

.pd-lr5 {
  padding: 0 5px;
}

.pd-0 {
  padding: 0px !important;
}

.modal-pd-10 {
  padding: 0px 10px !important;
}

.pd-bottom {
  padding-bottom: 0 !important;
}

.pd-top {
  padding-top: 0px !important;
}

.mgt0 {
  margin-top: 0px !important;
}

.mgb5 {
  margin-bottom: 5px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgt5 {
  margin-top: 5px;
}

.mgt10 {
  margin-top: 10px;
}

.mgt15 {
  margin-top: 15px;
}

.mgt20 {
  margin-top: 20px;
}

.mgt25 {
  margin-top: 25px;
}
.mgt30 {
  margin-top: 30px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb15 {
  margin-bottom: 15px;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.pgt20 {
  padding-top: 20px !important;
}

.mgb25 {
  margin-bottom: 25px;
}

.mgb30 {
  margin-bottom: 30px;
}

.mgb40 {
  margin-bottom: 40px;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.mgt150 {
  margin-bottom: 150px;
}

.mgtb25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mr-0 {
  margin-right: 0 !important;
}

.bd-rt {
  border-right: 0;
}

.bd-lf {
  border-left: 0;
}

.let1 {
  letter-spacing: 1px;
}

.let2 {
  letter-spacing: 2px;
}

.let3 {
  letter-spacing: 3px;
}

.let4 {
  letter-spacing: 4px;
}

.let5 {
  letter-spacing: 5px;
}

.inline-block {
  display: inline-block !important;
}

.sm-padding {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

textarea {
  resize: none;
}

.form-control textarea {
  height: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", sans-serif;
}

.border-top-grey {
  border-bottom: #e0e0e0 1px solid;
}

.border-bottom-grey {
  border-bottom: 1px solid #ebebeb;
}

.no-border {
  border: 0 !important;
}

.d-block {
  display: block !important;
}

.text-center {
  text-align: center;
}

.btn {
  transition: background-color 0.5s ease;
}

.overflow-visible {
  overflow: visible !important;
}

.btn,
.navbar-default,
.navbar-default .navbar-header .navbar-brand {
  font-family: "Roboto", sans-serif;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-default .nav > li {
  float: left;
}

.navbar-collapse {
  border-top: 0;
}

.btn-black {
  color: #fff;
  background-color: #000;
  border: none;
  cursor: pointer;
}

.btn-black:active,
.btn-black:hover,
.btn-black:focus {
  color: #fff !important;
  background: #0065d8;
  border-color: #0065d8;
}

.group-button.btn-black:hover,
.group-button.btn-black:active,
.group-button.btn-black:focus {
  color: #fff !important;
  background-color: #000;
  border-color: #000;
}

.btn-black.btn-lg {
  min-width: 140px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.manifest-title-page .download-panel + .download-panel {
  margin-left: 15px;
}

.manifest-title-page .download-panel .dropdown-menu li a {
  cursor: pointer;
}

button[disabled]#submit_frm {
  background-color: #ddd !important;
}

.select2-drop {
  position: relative !important;
}

.package-main-panel {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 73px;
}

.package-main-panel .tab-pane {
  margin-top: 30px;
  background: #fff;
  float: left;
  width: 100%;
  padding: 25px;
  min-height: calc(100vh - 232px);
  padding-bottom: 100px;
  border: 1px solid #e2e2e2;
}

.package-sub-panel {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 30px;
  padding-bottom: 100px;
}

.package-sub-panel .location-select .ui-select-search {
  display: none;
}

.pack-sm-head {
  width: 100%;
  float: left;
  font-size: 24px;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  margin: 0;
}

.pack-big-head {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.package-colum-1 {
  width: 25%;
  float: left;
}

.package-colum-2 {
  width: 75%;
  float: left;
}

.pack-sm-para {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
  line-height: 17px;
  color: #7f7f7f;
  float: left;
}

.packing-list {
  padding-left: 15px;
}

/*Package creation Head*/
.package-main-panel .nav-tabs {
  background-color: #ffffff;
  border-bottom: 1px solid #979797;
  font-size: 0;
  font-family: "Roboto", sans-serif;
  color: #000000;
  font-weight: 500;
  /*text-align: center;*/
  overflow: hidden;
}

.airports {
  padding: 15px;
  border: 1px solid #ccc;
}

.airports span {
  margin-right: 10px;
  background-color: #ddd;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 2px;
}

.package-main-panel .nav-tabs li {
  float: none;
  font-size: 10px;
  display: inline-block;
  border-bottom: 1px solid #979797;
}

.package-main-panel .nav-tabs > li > a {
  color: #000000;
  border-radius: 0;
  border: 0;
  padding: 10px 0px 10px 20px;
  margin: 0;
  text-align: center;
  line-height: 25px;
  white-space: nowrap;
  text-align: center;
  flex-grow: 1 !important;
}

.package-main-panel .nav-tabs > li > a span.tab-text {
  position: relative;
  z-index: 100;
  background: transparent;
}

.package-main-panel .nav-tabs > li > a:after {
  position: absolute;
  z-index: 11;
  content: "";
  top: -15px;
  right: -5px;
  border: none;
  background-color: #fff;
  width: 75px;
  height: 75px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px -1px 1px -1px rgba(151, 151, 151, 1) inset;
  box-shadow: -1px -1px 1px -1px rgba(151, 151, 151, 1) inset;
}

.package-main-panel .nav-tabs > li > a:hover:after {
  background-color: #eee;
}

.package-main-panel .nav-tabs > li.active > a:after {
  background-color: #eee;
}

.package-main-panel .nav-tabs > li.done > a:hover:after {
  background-color: #eee;
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #000;
}

.package-main-panel .nav-tabs > li.disabled > a:hover:after {
  background-color: #fff;
  pointer-events: none;
  cursor: not-allowed;
}

.package-main-panel .nav-tabs > li.disabled.active > a:after {
  background-color: #eee;
}

.package-main-panel .nav-tabs > li.disabled > a span.tab-text {
  pointer-events: none;
  opacity: 0.4;
}

.package-main-panel .nav-tabs > li.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.package-main-panel .nav-tabs > li.active > a {
  background-color: #eee;
  border: 0px;
}

.input-group {
  width: 100%;
  margin-bottom: 20px;
}

.package-sub-panel .form-control {
  height: 42px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
}

.package-sub-panel input.disabled-slot {
  background: #eee !important;
}

.search-field .input-group-addon {
  background: #000;
  border-radius: 0;
  border-color: #000;
}

.search-field-location .ui-select-bootstrap .ui-select-choices-row > span {
  padding: 10px 20px;
}

.search-field-location .ui-select-match span {
  padding-top: 5px;
}

.search-icon {
  height: 23px;
  width: 23px;
  background: url(../../images/search.svg) center no-repeat;
  display: inline-block;
  margin: 5px 12px;
}

.search-map-ico {
  width: 48px;
  color: #fff;
  display: block;
}

.z-index7 .right-sign-green {
  left: 4px;
}

.right-sign-green {
  height: 14px;
  width: 14px;
  background: url(../../images/green-ovel.png) center no-repeat;
  background-size: 100%;
  display: inline-block;
  /* margin: 0 8px; */
  margin-right: 5px;
  position: relative;
  z-index: 600;
  top: 3px;
  left: 4px;
}

.right-sign-red {
  height: 14px;
  width: 14px;
  background: url(../../images/incomplete-icon.svg) center no-repeat;
  background-size: 100%;
  display: inline-block;
  /* margin: 0 8px; */
  margin-right: 5px;
  position: relative;
  top: 3px;
  left: 4px;
  z-index: 600;
}

.package-sub-panel .form-group {
  width: 100%;
  position: relative;
}

.package-sub-panel textarea.form-control {
  height: auto;
  min-height: 110px;
  resize: none;
}

.package-sub-panel label {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 3px;
  color: #000000;
  text-transform: uppercase;
  white-space: nowrap;
}

.package-sub-panel .button-panel {
  padding: 10px 5px;
  width: 100%;
  text-align: right;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-top: 0;
}

.package-sub-panel .button-panel button {
  width: 70px;
  background: transparent;
  border: 1px solid #000;
  margin: 0px 5px;
}

.package-sub-panel .button-panel button.cancel {
  border: 0;
}

.check-group {
  position: relative;
  min-width: 22.5%;
  height: 40px;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
}

.check-group label {
  border: solid 1px #dddddd;
  height: 40px;
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px !important;
  position: relative;
  line-height: 20px !important;
  color: #8d8d8d;
  margin-left: 0 !important;
  background: none !important;
}

.check-group label span {
  display: inline-block;
  position: relative;
}

.check-group input[type="checkbox"] {
  top: 0;
  left: 0;
  margin-top: 0;
  z-index: 9;
}

.check-group input[type="checkbox"]:checked ~ label span:before {
  content: "";
  height: 19px;
  width: 19px;
  background: url(../../images/black-ovel.png) center no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: 0px;
  top: -1px;
  vertical-align: top;
  margin-right: 5px;
}

.check-group input[type="checkbox"]:checked ~ label {
  color: #000000;
  border: solid 1px #000000;
}

.event-small-head {
  font-family: "Roboto", sans-serif;
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000000;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.activity-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.activity-list .activity-name {
  float: left;
  width: 100px;
  font-size: 14px;
  font-weight: 500;
  color: #878787;
  padding-top: 10px;
  text-transform: uppercase;
  text-align: left;
}

.activity-list .check-list {
  float: left;
  width: calc(100% - 200px);
}

.radio-group {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.radio-letterspacing .label-text {
  letter-spacing: 0;
}

.radio-group .radio-btn {
  float: left;
  width: auto;
  min-width: 80px;
  position: relative;
  margin-right: 20px;
}

.radio-group .radio-btn label {
  margin-left: 0;
  padding-left: 30px;
}

.radio-group .radio-btn label .label-text {
  top: 0;
  left: 0;
  font-family: "Roboto", sans-serif;
  color: #878787;
  font-weight: normal;
  font-size: 14px;
}

.radio-group .radio-btn input[type="radio"] {
  left: 0;
  top: 0;
  margin-top: 0;
  z-index: 9;
  width: 30px;
}

.radio-group .radio-btn input[type="radio"]:checked + label .label-text {
  color: #000;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadada;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-group {
  margin-bottom: 25px;
}

.form-control:focus {
  border-color: #ccc;
  outline: 0;
  box-shadow: none;
}

iframe {
  width: 100%;
}

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 12px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.map-description {
  font-size: 14px;
  color: #7f7f7f;
  font-family: "Roboto", sans-serif;
  margin: 10px 0 0 0;
}

hr.line {
  width: 100%;
  margin: 20px 0;
  border: 1px solid #d8d8d8;
}

.checkboxgroup {
  width: 20em;
  overflow: auto;
}

.checkboxgroup p {
  width: 7em;
  text-align: right;
}

.checkboxgroup label {
  width: 12em;
  float: right;
}

.package-activity {
  font-size: 16px;
  color: #000;
  letter-spacing: 3px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.activity-label {
  float: left;
}

.col-1 {
  width: 100px;
  float: left;
  padding: 0;
  margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  left: -14px;
  top: -6px;
}

input[type="checkbox"].terms-cond-checkbox {
  position: absolute;
  opacity: 0;
  width: 20%;
  height: 100%;
  cursor: pointer;
  left: -14px;
  top: -6px;
}

.radio-panel label {
  width: 100%;
  float: left;
}

.col-1 label {
  width: 100%;
  float: left;
}

.event-panel label {
  width: 100%;
  float: left;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: 700;
}

input[type="radio"] + label em {
  display: inline-block;
  float: left;
  width: 30px;
  height: 34px;
  margin: 0;
  vertical-align: middle;
  background: url(../../images/checkbox-sprite-1.png) -60px -5px no-repeat;
  cursor: pointer;
}

input[type="radio"]:checked + label em {
  background-position: -60px -64px;
}

input[type="checkbox"] + label em {
  display: inline-block;
  float: left;
  width: 36px;
  height: 40px;
  margin: 0;
  vertical-align: middle;
  background: url(../../images/checkbox-sprite-1.png) -4px -3px no-repeat;
  cursor: pointer;
}

input[type="checkbox"]:checked + label em {
  background-position: -4px -60px;
}

.label-text {
  font-size: 16px;
  color: #000;
  letter-spacing: 3px;
  font-family: "Rubik";
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  top: 4px;
  left: 5px;
}

.letter-spacing-normal {
  letter-spacing: normal;
}

.label-text-sm {
  font-size: 14px;
  color: #000;
  letter-spacing: 3px;
  font-family: "Rubik";
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 7px;
  float: left;
  width: 85%;
}

.package-colum-2 textarea {
  height: 150px;
}

.adult-field {
  width: 100%;
  float: right;
  text-align: right;
  margin-bottom: 20px;
}

.radio-panel {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.add-on-panel {
  width: 95%;
  float: left;
}

.incl-panel {
  width: 40%;
  float: left;
  margin: 0 25px 0 0;
}

.price-panel {
  width: 25%;
  float: left;
  margin: 0 15px 0 0;
}

.price-child-panel {
  width: 25%;
  float: left;
}

.add-icon {
  float: right;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 10px;
}

.btn-create-package {
  font-size: 18px;
  width: 372px;
  padding: 18px 12px;
  background: #7b869d;
  color: #fff;
  text-transform: uppercase;
}

.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
  outline: 0;
}

.package-img-panel img {
  width: 100%;
  height: 100%;
}

.package-img-panel {
  float: left;
  width: 100%;
  height: 150px;
  background: #ffffff;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
}

.add-img {
  color: #848484;
  cursor: pointer;
  font-size: 16px;
  font-family: "Rubik";
  top: 60px;
  position: relative;
}

.add-img span {
  display: block;
  font-size: 13px;
}

#package_medias {
  display: block;
  height: 150px;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.event-panel {
  width: 100%;
  float: left;
}

.slot-main-panel {
  width: 90%;
  float: left;
}

.slot-add-icon {
  float: right;
  vertical-align: middle;
  cursor: pointer;
  margin-top: 85px;
}

.add-on {
  float: right;
  position: relative;
}

.add-on label {
  float: left;
}

.label-txt-sm {
  font-size: 14px;
  color: #000;
  letter-spacing: 3px;
  font-family: "Rubik";
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 7px;
  float: left;
}

.input-group-addon {
  padding: 0;
  max-width: 100%;
}

.input-group-addon img {
  padding: 12px 15px;
}

.agent-tab-pointer {
  cursor: pointer;
}

/*----home screen----*/

.header-container {
  background: url(https://heli-production.s3.amazonaws.com/images/homepage-cover.jpg)
    no-repeat center top;
  display: block;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  position: relative;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}

.header-container .header-content .header-content-inner h1 {
  font-size: 54px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  /*font-family: 'Oswald', sans-serif;*/
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 0;
}

.header-container .header-content .header-content-inner p {
  font-size: 30px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-transform: uppercase;
  margin: 15px 0 0 0;
  font-weight: 300;
  letter-spacing: 4px;
  font-family: "Oswald", sans-serif;
}

.header-container .header-content {
  width: 100%;
  position: absolute;
  padding-top: 50%;
  height: 285px;
  padding: 0 140px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.main-div {
  display: initial;
  height: 100%;
  width: 100%;
  /*position: absolute;*/
}

.location-results {
  position: relative;
  left: 0px;
  top: 3px;
  width: 100%;
  float: left;
  list-style: none;
  padding: 0px;
  text-align: left;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 14px;
  border-radius: 2px;
  box-shadow: 0px 0px 2px #ccc;
  z-index: 9;
}

.location-results li {
  padding: 10px 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.location-results li:hover {
  background-color: #cfcfcf;
}

.location-results li a {
  color: #000;
}

.header-container .header-content .search-panel {
  width: 100%;
  background: #fff;
  max-height: 70px;
  float: left;
  margin: 30px 0 0 0;
  color: #000;
}

.search-panel .column-1 label {
  padding: 0 0 0 10px;
}

.search-panel .column-1 {
  width: 45%;
  float: left;
  padding: 10px 0 0 0px;
  border-right: 1px solid #dddddd;
  overflow: hidden;
  min-height: 70px;
}

.search-panel .date-picker {
  width: 30%;
  float: left;
}

.search-panel .date-picker .column-2 {
  width: 50%;
  float: left;
  padding: 10px 0 0 10px;
  border-right: 1px solid #dddddd;
}

.search-panel .date-picker .column-3 {
  width: 50%;
  float: left;
  padding: 10px 0 0 10px;
  border-right: 1px solid #dddddd;
}

.search-panel .column-4 {
  width: 15%;
  float: left;
  /*padding: 10px 0 0 10px;*/
  max-height: 70px;
  /*padding-top: 10px;*/
}

.search-panel .column-5 {
  width: 10%;
  float: right;
}

.btn-search {
  width: 100%;
  border-radius: 0;
  height: 68px;
  min-height: 70px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  background: #000;
  color: #fff;
  font-family: "Roboto", sans-serif;
}

.btn-search:hover {
  background: #0065d8;
  color: #fff;
}

.search-active:active,
.search-active:focus,
.search-active:hover {
  color: #fff;
  background-color: #0065d8 !important;
}

.form-contl {
  display: block;
  width: 100%;
  height: 39px;
  padding: 0px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: transparent;
  background-image: none;
  border: 0px solid #ccc;
  border-radius: 0px;
  font-family: "Roboto";
  font-weight: 400;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-contl::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  color: #c1c1c1;
  letter-spacing: 0;
  text-transform: inherit;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  color: #c1c1c1;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  color: #c1c1c1;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl:-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  color: #c1c1c1;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.ui-select-match {
  float: left;
  width: 100%;
}

.focusTo:before {
  left: 195px !important;
}

.focusTo:after {
  left: 196px !important;
}

.daterangepicker.show-calendar .calendar {
  display: block;
  height: 250px !important;
}

.daterangepicker .calendar-table {
  position: relative;
  top: -8px;
}

.daterangepicker {
  z-index: 999 !important;
  position: absolute !important;
}

.column-4 label span {
  font-size: 11px;
  text-transform: none;
}

.column-1 label {
  margin-left: 5px;
}

.demo {
  position: relative;
}

.demo i {
  position: absolute;
  bottom: 9px;
  right: 14px;
  top: 32px;
  cursor: pointer;
}

.search-panel label {
  float: left;
  text-align: left;
  padding: 0px;
  font-size: 13px;
  color: #878787;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.column-4 label {
  padding-left: 10px;
}

.column-4 input {
  padding-left: 10px;
}

.range_inputs {
  display: block;
}

.navbar {
  min-height: 75px;
}

.navbar-nav {
  margin: 16px -15px !important;
}

.navbar-brand {
  float: left;
  height: 72px;
  padding: 14px 15px 0 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand img,
.navbar-brand i {
  width: 75px;
  font-size: 40px !important;
  padding-top: 12px;
}

.navbar-default.affix {
  background-color: #000000;
  border-color: rgba(34, 34, 34, 0.05);
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-header .navbar-brand {
  color: #fff;
  text-transform: inherit;
  min-height: 72px;
  font-size: 60px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.navbar-default .navbar-header .navbar-agents {
  float: left;
  color: #fff;
  border-left: #fff 1px solid;
  padding: 15px 20px;
  margin: 12px 0 0;
  position: relative;
}
.navbar-default.affix .navbar-header .navbar-brand {
  color: #fff;
  font-size: 14px;
}

.navbar-default.affix .navbar-header .navbar-brand {
  color: #fff;
  font-size: 45px;
  padding-top: 27px;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.navbar-default .nav > li em {
  height: 30px;
  margin-top: 0px;
  position: absolute;
  width: 10px;
  top: 3px;
  right: 0;
  border-right: 1px solid #6c7f95;
}

.navbar-default.affix .nav > li em {
  display: none;
}

.navbar-default.affix .nav > li > a,
.navbar-default.affix .nav > li > a:focus {
  color: #fff;
}

.navbar-default.affix .nav > li > a:focus:hover,
.navbar-default.affix .nav > li > a:hover {
  color: #fff;
}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #fff !important;
  background-color: transparent;
}

.card-icon {
  margin-right: 10px;
  margin-top: -5px;
}

.menu-icon {
  width: 21px;
  margin-left: 10px;
  margin-top: 2px;
  color: #fff;
}

.section-1 {
  background: #fff;
  padding: 0px;
  margin-bottom: 40px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
}

.section-2 {
  width: 100%;
  float: left;
  background: transparent;
  padding: 0px;
  margin-bottom: 0px;
  position: relative;
}

.section-2 .hover-border {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  left: 0;
  z-index: 99;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

.section-2:hover .hover-border {
  display: block;
}

.bd {
  border-bottom: 3px solid transparent;
}

.section-3 {
  width: 100%;
  float: left;
  background: transparent;
  padding: 0px;
  /*margin-bottom: 50px;*/
  border: 0px solid #000;
}

.section-4 {
  width: 100%;
  float: left;
  background: transparent;
  padding: 0px;
  margin-bottom: 50px;
}

.section-5 {
  width: 100%;
  float: left;
  background: transparent;
  padding: 0px;
  margin-bottom: 40px;
}

.section-6 {
  width: 100%;
  max-height: 600px;
  float: left;
  /*margin-bottom: 20px;*/
  overflow: hidden;
}

.section-7 {
  padding-top: 65px;
  padding-bottom: 65px;
  float: left;
  width: 100%;
  /*background-color:#f2f2f2;*/
}

.section-7 .big-head {
  margin: 0;
}

.section-8 {
  padding-bottom: 0px;
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  width: 100%;
  border-top: 1px solid #f2f2f2;
}

.section-featured {
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px 0;
}

.section-9 {
  background: #000;
  color: #fff;
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

.section-contact-our-team {
  background: #fafafa;
  color: #000;
  overflow: hidden;
  width: 100%;
  padding: 80px 0;
  display: flex;
  justify-content: center;
}

.section-contact-our-team .container {
  display: flex;
  align-items: center;
}

.contact-our-team-img {
  max-width: 350px;
  max-width: 350px;
  width: 100%;
  height: 100%;
}

.speak-title {
  text-transform: uppercase;
  font-size: 48px;
  line-height: 48px;
  font-family: 'Roboto';
  font-weight: 300;
}

.speak-title-number {
  text-transform: uppercase;
  font-size: 72px;  
  line-height: 72px;
  font-family: 'Montserrat';
  font-weight: 900;
  color: #1D51B8;
  margin-bottom: 20px;
}

.speak-title-footer {
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 32px;
  font-family: 'Roboto';
  font-weight: 300;
}

.btn-footer-learn-more {
  margin-top: 20px;
  margin-left: 17px;
}

.align-end {
  display: flex;
  justify-content: end;
}

.section-9 .big-head,
.section-9 .update-txt {
  color: #fff;
}

.full-img-panel {
  width: 100%;
  min-height: 600px;
  max-height: 600px;
  background: url(../../images/full-img.png) no-repeat center;

  background-attachment: fixed;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  object-fit: contain;
  overflow: hidden;
}

.home-parallax {
  position: relative;
  z-index: 0;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-top: -20%;
}

.full-img-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img {
  background-image: url(../../images/full-img.png);
  width: 100%;
  height: 500px;
  position: relative;
}

h1.big-head {
  color: #000;
  font-size: 30px;
  font-family: "Montserrat";
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

h1.big-head a {
  color: #367bf9;
}

div.big-head {
  color: #000;
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

div.big-head a {
  color: #367bf9;
}

.img-panel {
  width: 100%;
  height: 445px;
}

.img-panel img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  padding: 0;
  border-radius: 0;
}

.thumbnail {
  background-color: transparent;
  border: 0px solid #ddd;
  padding: 0;
  border-radius: 0;
}

.img-panel {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}

.img-shadow span {
  display: block;
  font-size: 15px;
}

.img-shadow {
  transition: 1s;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.img-panel:hover .img-shadow {
  opacity: 1;
  transition: 1s;
  z-index: 9;
  cursor: pointer;
}

.img-panel .btn-connect {
  opacity: 0;
  -webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.img-panel:hover .btn-connect {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.img-panel .cap-hover {
  opacity: 0;
  -webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  margin-top: 160px;
}

.img-panel .cap-hover-op {
  margin-top: 158px;
}

.img-panel:hover .cap-hover {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.img-head {
  position: absolute;
  bottom: 20px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  opacity: 1;
  right: 0;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  color: #fff;
  transition: 1s;
}

.img-head span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.img-panel .img-text {
  text-transform: none;
}

.img-panel:hover .img-head {
  opacity: 0;
  transition: 1s;
}

.grey-shadow {
  position: absolute;
  color: #fff;
  top: 0;
  right: inherit;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  z-index: 2;
  padding: 0px 0px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03000000', endColorstr='#cc000000', GradientType=0);
}

.btn-connect {
  width: 170px;
  padding: 10px 12px;
  border: 1px solid #fff;
  background: transparent;
  border-radius: 0;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  transition: background-color 0.5s ease;
}

.btn-primary {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 40px;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  color: white;
  background: #1D51B8;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-primary:hover {
  color: white !important;
  background-color: #1D51B8 !important;
  text-decoration: none;
}

/*.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
}*/

.main-nav {
  margin: auto;
  display: table;
  margin-top: 15px;
  margin-bottom: 25px;
}

.tab-panel {
  float: left;
  width: 100%;
}

.main-nav.nav-pills > li.active > a,
.main-nav.nav-pills > li.active > a:focus,
.main-nav.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: transparent;
  text-transform: uppercase;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #000 !important;
  background-color: transparent;
  text-transform: uppercase;
}

.main-nav.nav-pills > li + li {
  margin-left: 2px;
  text-transform: uppercase;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #878787;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.header-nav > li > a {
  padding: 10px 10px !important;
}

.dimond-icon {
  top: 8px;
  position: relative;
}

.feature {
  padding: 0;
}

.feature .img-section {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  /*cursor: pointer;*/
}

#tab1 .img-section {
  cursor: pointer !important;
}

.feature .thumbnail-panel {
  height: 400px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.home .thumbnail-panel {
  height: 450px;
  overflow: hidden;
  position: relative;
}

.feature .img-section a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature .img-section:hover .feature .box-shadow {
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  text-transform: uppercase;
  padding: 50% 0 0 0;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.feature .img-cap-div span {
  display: block;
  font-size: 15px;
}

.feature .img-section .box-shadow {
  position: absolute;
  color: #fff;
  top: 0;
  right: inherit;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0px 0px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03000000', endColorstr='#cc000000', GradientType=0);
}

.img-caption {
  width: 100%;
  z-index: 99;
  position: absolute;
  color: #fff;
  text-align: center;
  bottom: 54px;
  opacity: 1;
  padding: 0 25px;
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

.slot-logo-mb {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  display: none;
  transform: translateY(-50%);
}

.slot-logo-mb img {
  width: 150px;
  height: 130px;
  object-fit: contain;
}

.img-section .slots-panel {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  transition: 0.4s;
  position: absolute;
  top: 0;
  z-index: 4;
  overflow: hidden;
  cursor: pointer;
}

.img-section .slots-panel .slot-txt {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.6);
}

.rador-feature .img-section .slots-panel .slot-txt {
  bottom: 90px;
  padding: 10px 0;
}

.rador-feature .img-section .slots-panel .bottom-slots {
  bottom: 0;
}

/*.img-section:hover .slot-logo-mb{
    display: none;
}*/
.slot-logo img {
  max-width: 160px;
  max-height: 80px;
}

.img-section:hover .slots-panel {
  opacity: 1;
}

.img-section .slots-inner {
  width: 100%;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 25%;
  /*margin-top: -50px;*/
  transition: 0.4s;
}

.home-slot-inner {
  position: absolute !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  top: 0 !important;
}

.img-section:hover .slots-inner {
  opacity: 1;
}

.img-section:hover .img-caption {
  opacity: 0;
}

.img-section .slot-logo,
.img-section .img-capt {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.4s;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
  opacity: 0;
  text-transform: uppercase;
}

.img-section .img-capt {
  cursor: pointer;
}

.img-section .slots-middle,
.img-section .btn-adven,
.img-section .slot-modal {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.4s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  opacity: 0;
}

.img-section:hover .slot-logo,
.img-section:hover .img-capt {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.img-section:hover .slots-middle,
.img-section:hover .btn-adven,
.img-section:hover .slot-modal {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.start-rate {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 3;
}

.start-rate .rates {
  background: #000;
  padding: 12px 5px;
  width: 165px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Roboto", sans-serif;
}

.start-rate .rates span {
  font-size: 16px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

span.start-price {
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
}

.starting-from {
  color: #787878;
}

.amount {
  color: #000000;
  font-weight: 400;
}

.operator-price {
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500;
}

.operator-price-detail {
  font-size: 16px !important;
}

.consumer-price {
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500;
  color: #000;
}

.operator-price-cart {
  font-size: 13px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500;
  color: #878787;
}

.operator-price-cart-checkout {
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #878787 !important;
  top: 20px !important;
}

span.operator-price-sans {
  font-size: 12px !important;
  font-weight: 400;
}

.start-rate .seat-left {
  background: #55565a;
  color: #fff;
  text-align: center;
  padding: 7px 15px;
  font-weight: 400;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.img-capt {
  color: #fff;
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.slots-middle {
  max-width: 400px;
  min-width: 60%;
  float: none;
  text-align: center;
  color: #fff;
  padding: 7px 0;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slot-1 {
  float: left;
  width: 33.33%;
  display: table-cell;
  vertical-align: middle;
}

.slot-1 span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.slot-1:nth-child(2) {
  border-left: 1px solid #71767c;
}

.slot-1 .sp-center {
  margin: 0 auto;
  width: 35px;
}

.slot-1 .sprite {
  width: 35px;
  height: 29px;
  background: url(../../images/slot-sprit.png);
  background-position: 3px 33px;
}

.slot-1 .sprite1 {
  width: 35px;
  height: 29px;
  background: url(../../images/slot-sprit.png);
  background-position: -60px 33px;
}

.slot-1 .sprite2 {
  width: 35px;
  height: 29px;
  background: url(../../images/slot-sprit.png);
  background-position: 33px 34px;
}

.btn-adven {
  color: #fff;
  width: 200px;
  padding: 14px 12px;
  font-size: 15px;
  border-radius: 0;
  border: 1px solid #fff;
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.btn-adven:active,
.btn-adven:hover,
.btn-adven:focus {
  color: #fff;
}

a.slot-txt {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: block;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.slots-middle .slot-1 {
  font-size: 22px;
}

.community {
  margin: 50px 0 50px 0;
  cursor: pointer;
}

.update-txt {
  color: #202020;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.btn-subscribe {
  width: 100%;
  border-radius: 0;
  height: 50px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.form-contl-input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 8px 12px 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dedede;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-contl-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 12px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.input-dark {
  color: #000 !important;
}

.update-panel {
  width: 100%;
  float: left;
  margin: 25px 0;
}

.update-panel .form-group {
  width: 100%;
  float: left;
}

.update-panel [class^="col"] {
  padding-left: 4px;
  padding-right: 4px;
}

.update-disc {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #a6a6a6;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.mb-update {
  margin-left: 5%;
}

.copyright-head {
  color: #000;
  font-size: 25px;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.btn-sell {
  width: 224px;
  border-radius: 0;
  height: 61px;
  margin: 28px auto;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.btn-sell:hover {
  background: #000;
}

.span-1 .btn-sell:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0065d8;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.span-1:hover .btn-sell:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.span-1:hover {
  cursor: pointer;
}

.footer-section {
  background: #fff;
  width: 100%;
  padding: 20px 0 15px 0;
  border-top: 0px solid #dfdfdf;
  /*    position: absolute;
    width: 100%;
    bottom: 0;*/
}

.footer-head {
  width: 100%;
  color: #000;
  font-size: 20px;
  font-family:  "Roboto", "Oswald", sans-serif;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
}

.footer-head1 {
  float: right;
  text-align: right;
}

.footer-para {
  color: #787878;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  transition: background-color 0.5s ease;
}

.footer-para:active,
.footer-para:hover,
.footer-para:focus {
  color: #787878;
  text-decoration: underline;
  cursor: pointer;
  outline: 0;
}

.footer-para a {
  color: #787878;
  text-decoration: underline;
}

.follow-panel {
  margin-bottom: 10px;
}

.footer-inner {
  display: table;
  margin: 0 auto;
}

.f-icon {
  color: #b2b2b2;
  font-size: 15px;
  margin-right: 10px;
}

.fl-icon {
  color: #000;
  font-size: 25px;
  cursor: pointer;
}

.f-space {
  /*padding-left: 10px;*/
  padding-right: 10px;
}

.fl-icon:hover {
  color: #787878;
}

.f-mb {
  width: 100%;
  float: left;
  padding: 20px 0;
  margin: 0px 0 10px 0;
  border-top: 0px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.f-mb [class^="col"] {
  padding-left: 0px;
  padding-right: 0px;
}

.copyright-text {
  color: #787878;
  font-size: 14px;
  margin: 15px 0;
  text-align: center;
  font-weight: 400;
  width: 100%;
  float: left;
  font-family: "Roboto", sans-serif;
}

.footer-head img {
  display: none;
}

.col_1 {
  width: 100%;
}

.search-header {
  display: none;
}

.search-inner {
  display: none;
}

.home-btn-div {
  padding: 20px 10px 0px 10px;
  text-align: center;
}

.home-blk-btn {
  min-width: 200px;
  margin: 0px 15px 15px;
}

.home-page-after-login {
  width: 100%;
  float: left;
  /*z-index: 999;*/
}

/* .home-page-before-login {
  height: 100%;
} */

#video-section {
  height: 400px !important;
}

#customcontrols {
  font-size: 0;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  float: left;
  /*height: 600px;*/
  height: 100%;
  padding-bottom: 0 !important;
  min-height: 800px;
}

#customcontrols img.poster-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#customcontrols video {
  width: 100%;
  /*object-fit: contain;*/
}

.video-overlay {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  transition: 0.5s;
}

#customcontrols:hover .video-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.5s;
}

#customcontrols video[poster] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

#customcontrols .video-inner {
  font-size: 14px;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

#customcontrols .video-inner a {
  text-decoration: none;
  font-size: 1rem;
  margin-right: 0.5rem;
  color: #fff;
  border-bottom: none;
}

#customcontrols .video-inner .video-default {
  display: inline-block;
}

#customcontrols .video-inner .video-hover {
  display: none;
}

#customcontrols:hover .video-inner .video-default {
  display: none;
}

#customcontrols:hover .video-inner .video-hover {
  display: inline-block;
}

#customcontrols:hover .video-inner a.play img {
  display: none;
}

.video-head {
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.video-para {
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.video-inner img {
  width: 60px;
  height: 60px;
  cursor: pointer;
}

/*.video-inner img:hover{
    width: 60px;
    height: 60px;
    background: url(../../images/video-hover.png);
    background-position: 0 0;
}*/

#customcontrols a:hover {
  color: red;
}

#customcontrols a:visited {
  color: #770;
}

.video-mb,
.video-p {
  display: none;
}

/*-----signin code-----*/

.sign-wrapper {
  border: 0px solid;
  width: 900px;
  margin: auto;
  position: absolute;
  height: 500px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sign-wrapper .sign-col-1,
.sign-wrapper .sign-col-2,
.sign-wrapper .sign-col-3,
.sign-wrapper .sign-col-4, 
.sign-wrapper .sign-col-4-no-img {
  min-height: 550px;
  height: 550px;
  width: 50%;
  float: left;
}

.sign-col-1 {
  background: #ddd;
  background: url(../../images/sign-inup-1.jpg) no-repeat right top;
  display: table;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  position: relative;
  padding: 0;
  background-color: #000;
}

.sign-col-2 {
  padding: 0;
  position: relative;
  background: #fff;
}

.sign-col-3 {
  background: #ddd;
  background: url(../../images/sign-in-forgot.jpg) no-repeat center top;
  display: table;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  position: relative;
  padding: 0;
  background-color: #000;
}

.sign-col-4 {
  background: #ddd;
  background: url(../../images/signup-reset.jpg) no-repeat center left;
  display: table;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  padding: 0;
  background-color: #000;
}

.sign-col-4-no-img {
  background: #ddd;
  display: table;
  min-height: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  padding: 0;
}

.or {
  position: absolute;
  left: 47%;
  z-index: 99;
  top: 44%;
  margin: auto;
}

.or img {
  width: 55px;
  height: 55px;
}

.form-inner {
  width: 100%;
  float: left;
  padding: 20px 40px;
}

.checkbox-container {
  display: flex;
  align-items: center;
}

.checkbox-container input[type="checkbox"]:not(old):checked + label {
    background-position: 0;
}

.checkbox-container input[type="checkbox"]:not(old) + label {
  display: block;
  background: none;
  padding-left: 0;
  padding-top: 0;
  font-weight: 0;
}

.checkbox-container input[type="checkbox"] {
  appearance: none;
  opacity: 1;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  background-color: white;
  position: relative;
  cursor: pointer;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
}

.checkbox-container input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 18px;
  border: solid black;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  top: -2px;
  left: 4px;
}

.checkbox-label {
  margin-left: 5px !important;
  color: black !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400;
}

.sign-col-2 .form-group {
  margin-bottom: 16px;
}

.error {
  font-size: 12px;
  color: #c62128 !important;
  width: 100%;
  float: left;
  font-family: "Roboto", sans-serif;
}

.success {
  font-size: 12px;
  color: #3dc37f !important;
  width: 100%;
  float: left;
  font-family: "Roboto", sans-serif;
}

/* .submitted .ng-invalid{
    border: 1px solid red;
} */
.bd-red {
  border: 1px solid #be040c !important;
}

.lodging-err {
  float: left;
  clear: both;
}

.error-txt {
  font-size: 12px;
  color: #c62128 !important;
  position: relative;
  font-family: "Roboto", sans-serif;
}

.sign-head-sm {
  width: 100%;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: 300;
  margin: 50px 0;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.sign-head-sm h2 {
  font-size: 25px;
  margin: 0;
  font-weight: 300;
}

.sign-head-md {
  font-size: 40px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 300;
  position: absolute;
  top: -80px;
  left: 0px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.sign-head-md h1 {
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}

.sign-head-bg,
.forgot-password-bg {
  width: 100%;
  color: #000;
  font-size: 25px;
  text-align: left;
  line-height: 36px;
  font-weight: bold;
  margin: 30px 0 0;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important;
}

.forgot-password-bg {
  margin: 30px 0px;
}

.sign-head-bg h2 {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  font-family: 'Montserrat' sans-serif !important;
}
.forgot-password-bg h2 {
  font-size: 25px;
  margin: 0;
  font-weight: 300;
}

.line {
  float: left;
  width: 100%;
  border: 1px solid #f3f3f3;
  margin: 25px 0;
}

.line1 {
  float: left;
  width: 100%;
  border: 1px solid #f3f3f3;
  margin: 20px 0 30px 0;
}

.fb {
  margin-right: 10px;
}

.btn-social > :first-child,
.btn-gl > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 110px;
  font-size: 20px;
  line-height: 42px;
  text-align: right;
}

.btn-social,
.btn-gl {
  font-size: 16px;
  width: 300px;
  position: relative;
  padding: 12px 0 12px 120px;
  text-align: left;
  margin-bottom: 15px !important;
  border-radius: 0;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.btn-social:last-child {
  margin-bottom: 0px !important;
}

.btn-social:active,
.btn-social:hover,
.btn-social:focus {
  color: #fff;
}

.google {
  width: 18px !important;
}

.btn-fb {
  color: #fff;
  display: block;
  margin: auto;
  background-color: #325c94;
  border-color: #325c94;
}

.btn-tw {
  color: #fff;
  display: block;
  margin: auto;
  background-color: #00b5e6;
  border-color: #00b5e6;
}

.btn-lk {
  color: #fff;
  display: block;
  margin: auto;
  background-color: #007eb2;
  border-color: #007eb2;
}

.btn-gl {
  color: #878787;
  display: block;
  margin: auto;
  background-color: #fff;
  border-color: #fff;
}

.btn-gl:hover {
  color: #878787;
}

.btn-gl:active {
  color: #878787 !important;
}

.btn-signin {
  width: 100%;
  border-radius: 0;
  padding: 15px 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.forgot-txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.forgot-txt a {
  color: #000;
}

.forgot-txt img {
  margin-right: 8px;
}

.forgot-ins {
  color: #878787;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 20px;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
}

.heli-user {
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
}

.policy-txt {
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 10px 0;
  font-family: "Roboto", sans-serif;
}

.policy-txt span {
  color: #000;
}

.policy-txt a {
  color: #0065d9;
}

.policy-txt.terms-agreement {
  font-size: 12px;
}

.signin-footer {
  width: 100%;
  float: left;
  height: 50px;
  padding: 15px 0;
  color: #878787;
  background: #f2f2f2;
  position: absolute;
  bottom: 0;
  border: 1px solid #ddd;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.signin-footer span a {
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
}

.form-contl-sing {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px 6px 18px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-contl-sing::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-sing::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-sing:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-sing:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.modal {
  z-index: 9999;
}

.modal-dialog {
  width: 600px;
  margin: 100px auto;
}

.flex-modal {
  width: 680px;
}

.modal-dialog-slot {
  width: 700px;
  margin: 100px auto;
}

.modal-body {
  position: relative;
  padding: 0px 20px 0px 20px;
  width: 100%;
  float: left;
  background: #fff;
}

.modal-body-vert-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
.modal-body-head {
  float: left;
  width: 100%;
  list-style: none;
  padding: 10px 10px 0px 10px;
  margin: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.modal-body-head li {
  float: left;
  width: 30%;
  padding: 10px 5px;
}

.modal-body-head li:nth-child(1) {
  float: left;
  width: 40%;
  padding: 10px 5px;
}

.modal-header {
  float: left;
  width: 100%;
  padding: 15px;
  height: 100px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e6e6e6;
}

.modal-title {
  width: 93%;
  font-size: 28px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-title-email {
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  margin: 10px 0;
  font-family: "Oswald", sans-serif;
}
.consumer-agent-modal .modal-body {
  padding: 30px;
}
.consumer-agent-modal .modal-title-email {
  margin: 30px 0 15px;
  letter-spacing: 1px;
}
.consumer-agent-modal p {
  color: #878787;
  font-size: 15px;
}
.consumer-agent-modal .add-btn-margin {
  margin-top: 45px;
}
#emailSent p {
  margin: 15px 0px;
}

.header-info {
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-right: 30px;
}

.header-info .s-span {
  vertical-align: text-bottom;
}

.info-1 {
  float: left;
  max-width: 300px;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info-2 {
  float: left;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info-1 span,
.info-2 span {
  color: #878787;
  font-size: 14px;
  margin-left: 10px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  position: relative;
  top: 2px;
}

.plural-s {
  margin-left: 0px !important;
  top: 0px !important;
}

.modal-header .close {
  margin-top: 6px;
  margin-right: 5px;
}

.modal-header.sloat-header .close {
  width: 20px;
}

.modal-header .close i,
.modal-dialog .close i {
  color: #878787;
  font-size: 18px;
}

.close,
.close:hover {
  opacity: 1;
  outline: 0;
  color: #878787;
}

.date-panel {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #000;
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.pop-main {
  width: 100%;
  float: left;
  color: #878787;
  font-size: 15px;
  padding: 0 10px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.pop-col-1 {
  width: 40%;
  float: left;
  padding: 15px 5px;
}

.pop-col-2 {
  width: 30%;
  float: left;
  padding: 15px 5px;
}

.pop-col-3 {
  width: 30%;
  float: left;
  padding: 15px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pop-col-4 {
  width: 20%;
  float: left;
  padding: 10px 5px;
  color: #0568d8;
  display: none;
}

.pop-col-4 img {
  margin-left: 10px;
}

.pop-main:hover {
  background-color: #f8f8f8;
  transition: background-color 0.5s ease;
}

.pop-main:hover .pop-col-4 {
  display: block;
}

.btn-grey {
  color: #fdfdfd;
  background: #7d7d7d;
  border-color: #7d7d7d;
}

.btn-grey:active,
.btn-grey:hover,
.btn-grey:focus {
  color: #fdfdfd;
  background: #7d7d7d;
  border-color: #7d7d7d;
}

.btn-coming {
  width: 224px;
  border-radius: 0;
  height: 61px;
  margin: 28px auto;
  font-size: 16px;
  font-weight: 700;
  display: block;
  cursor: default;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.span-1 {
  width: 50%;
  float: left;
  height: 380px;
  padding: 0;
  position: relative;
}

.span-2 {
  width: 50%;
  float: left;
  height: 380px;
  padding: 0;
  background: #f6f6f6;
  position: relative;
}

.learn-more-button-container {
  background: #f6f6f6;
}

.span-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-top: 105px;
  text-align: center;
  left: 0;
  right: 0;
}

.grey-txt {
  color: #7d7d7d !important;
}

.slots-panel-home {
  opacity: 0;
  transition: 0.4s;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}

.img-section:hover .slots-panel-home {
  opacity: 1;
}

.slots-panel-home .slots-inner-home {
  width: 100%;
  text-align: center;
  opacity: 0;
  top: 0;
  transition: 0.3s;
}

.slots-panel-home:hover .slots-inner-home {
  width: 100%;
  text-align: center;
  opacity: 1;
}

.slot-logo-home {
  padding-top: 20%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  /*    max-height: 140px;
    height: 140px;
    padding-top: 20px;*/
}

.slots-panel-home:hover .slot-logo-home {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slot-logo-home img {
  width: 120px;
  height: auto;
  max-height: 120px;
}

.caption-home {
  color: #fff;
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slots-panel-home:hover .caption-home {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.column-1 .error,
.column-2 .error,
.column-3 .error {
  width: auto;
  position: absolute;
  font-size: 14px;
  color: #c62128;
  font-family: "Roboto", sans-serif;
}

.btn-laod-more {
  display: block;
  margin: auto;
  width: 200px;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  padding: 12px 12px;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.btn-custom-request {
  text-decoration: none;
  display: block;
  margin: auto;
  border: none;
  width: 200px;
  color: #fff;
  background: #000;
  padding: 12px 12px;
  border-radius: 0;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  margin-top: 30px;
}

.btn-custom-request:hover,
.btn-custom-request:active,
.btn-custom-request:focus {
  color: #fff;
}

.btn-laod-more:hover,
.btn-laod-more:active,
.btn-laod-more:focus {
  background: #fff;
  color: #000 !important;
}

.load-panel {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

/*#loader {
    background: url(../../images/ajax-loader.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    background-color: rgba(265,265,265,0.5);
}*/
#loader {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  margin: auto;
  right: 0;
  bottom: 0;
  background-color: rgba(265, 265, 265, 0.6);
}

.loader-inner,
.loader-inner:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}

.loader-inner {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
  border-left: 0.5em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  margin: auto;
  right: 0;
  bottom: 0;
}

.feed-loader,
.feed-loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}

.feed-loader {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
  border-left: 0.5em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  margin: auto;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sign-back {
  background: url(../../images/sign-inup-back.jpg) no-repeat center center fixed;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
}

.forgot-back {
  background: url(../../images/sign-in-forgot-back.jpg) no-repeat center center
    fixed;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
}

.reset-back {
  background: url(../../images/sign-up-reset-back.jpg) no-repeat center center
    fixed;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
}

/*------start select2 css-----*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%;
  height: auto;
  z-index: 9;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* css3 */
  outline: 0;
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eee),
    color-stop(0.5, #fff)
  );
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#ffffff', endColorstr '#eeeeee', GradientType 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #eee),
    color-stop(0.9, #fff)
  );
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../../images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */

  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: 0px !important;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #e5e5e5 !important;
  border-top: 0;
  border-radius: 0 0 0px 0px;
  /*    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);*/
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 0px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ccc),
    color-stop(0.6, #eee)
  );
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#eeeeee', endColorstr '#cccccc', GradientType 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../images/select2.png") no-repeat 0 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 0px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("../../images/select2.png") no-repeat 100% -22px;
  background: url("../../images/select2.png") no-repeat 100% -22px,
    -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("../../images/select2.png") no-repeat 100% -22px,
    -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2.png") no-repeat 100% -22px,
    -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2.png") no-repeat 100% -22px,
    linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%,
    -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2-spinner.gif") no-repeat 100%,
    -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%,
    -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%,
    linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #fff),
    color-stop(0.5, #eee)
  );
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fff),
    color-stop(0.5, #eee)
  );
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.select2-results {
  max-height: 300px;
  padding: 0 10px 0 10px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow: auto;
  /*overflow-y: auto;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  /* border-bottom: 1px solid #e5e5e5; */
  padding: 10px 0;
  outline: 0;
}

.select2-results li:last-child {
  border-bottom: 0;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  color: #878787;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.select2-results .select2-result-label {
  padding: 0px 7px 0px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 400;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.ui-select-choices-row {
  border-bottom: 0 !important;
}

.select2-results .select2-highlighted {
  background: transparent;
  color: #000;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: transparent;
  display: list-item;
  padding-left: 5px;
  font-size: 14px;
  font-family: "Roboto";
  font-weight: 400;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container-multi .select2-choices {
  height: inherit !important;
  margin: 0;
  padding: 0;
  position: relative;
  border: 0px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: none;
  outline: 0;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 0px solid transparent;
  outline: none;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
  cursor: pointer;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: 100%;
  outline: 0;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px 0 0 15px;
  margin: 1px 0;
  color: #000;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 30px;
  width: 100% !important;
  /*min-width: 200px;*/
  background: transparent !important;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.select2-container-multi
  .select2-choices
  .select2-search-field
  input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  padding: 5px 20px 4px 6px;
  margin: 5px 0px 4px 15px;
  position: relative;
  line-height: 15px;
  color: #000;
  cursor: default;
  border: 1px solid #dddddd;
  border-radius: 1px;
  background: #f2f2f2;
  word-break: break-all;
}

#andMore {
  padding: 3px 5px 3px 5px;
  position: absolute;
  right: 5px;
  top: 6px;
  border: 1px solid #dddddd;
  border-radius: 1px;
  background: #f2f2f2;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #000;
}
.private-share-popup {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  padding: 0 24px;
}
html[dir="rtl"]
  .select2-container-multi
  .select2-choices
  .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}

.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 1px;
  top: 5px;
  font-size: 1px;
  outline: none;
  background: url("../../images/select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: auto;
}

.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close:hover {
  background-position: right 0px;
}

.select2-container-multi
  .select2-choices
  .select2-search-choice-focus
  .select2-search-choice-close {
  background-position: right 0px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  display: none;
  background: none;
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/*-----Retina-ize icons-----*/

/*----new code----*/
input:focus {
  outline: 0;
}

.select2-input .select2-default {
  outline: 0 !important;
}

.select2-focused.select2-input {
  outline: 0 !important;
}

.select2-drop:after {
  position: absolute;
  top: -10px;
  left: 17px;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  content: "";
  display: none;
}

.select2-drop:before {
  position: absolute;
  top: -11px;
  left: 16px;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-left: 12px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: none;
  content: "";
}

.ui-select-choices-row:hover {
  background-color: transparent !important;
}

.ui-select-match span {
  width: 100%;
}

.location-select .ui-select-choices-row {
  border-bottom: solid 1px #ddd;
}

.ui-select-choices-row:last-child {
  border-bottom: 0;
}

.pack-img {
  width: 65px;
  height: 55px;
  float: left;
}

.pack-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.select2-result-label small {
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
  font-family: "Roboto", sans-serif;
}

.duration {
  color: #878787;
  font-size: 13px;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  color: #878787;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 0;
  outline: 0;
  text-align: left;
  float: left;
  width: 100%;
}

.select2-drop {
  width: 100%;
  margin-top: 0 !important;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #e5e5e5 !important;
  border-top: 0;
  border-radius: 0 0 0px 0px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0);
}

.wrapper {
  min-height: 100%;
  position: relative;
  float: left;
  width: 100%;
}

.wrapper > div:first-child {
  min-height: 100%;
  height: 100%;
}

.wrapper.login-wrapper {
  padding-bottom: 0;
  height: 100%;
}

.wrapper.login-wrapper > div:first-child {
  height: 100%;
  min-height: auto;
}

.signup-radio {
  margin-bottom: 70px;
}

/* operator profile page css here */
.tab-profile-section {
  padding-top: 100px;
}

.tab-profile-section .nav li a {
  padding: 15px;
}

.tab-sub-section {
  float: left;
  width: 100%;
  padding: 0;
  background: #fff;
  position: relative;
  margin-bottom: 20px;
  border: solid 1px #d6d6d6;
}

.tab-sub-section label,
.make-payment-row label {
  font-size: 13px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
}

.profile-sm-head {
  font-family: 'Montserrat';
  font-size: 30px;
  background-color: #f2f2f2;
  font-weight: 700;
  color: #000000;
  padding: 20px 41px 20px 35px;
  overflow: hidden;
  border-bottom: solid 1px #d6d6d6;
}

.profile-sm-head:last-child {
  border-top: solid 1px #d6d6d6;
  border-bottom: none;
}

.profile-sm-para {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #000000;
}

.insta-btn {
  max-width: 240px;
  min-width: 230px;
  border: 1px solid #000;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  clear: both;
}

.insta-btn i {
  font-size: 22px;
  vertical-align: bottom;
}

.insta-btn.disconnect {
  max-width: 140px !important;
  min-width: 120px !important;
}

.insta-username {
  color: #00aff0;
}

.profile-pic {
  width: 120px;
  height: 120px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.profile-change {
  display: inline-block;
  border: solid 1px #000000;
  color: #000;
  margin-left: 10px;
  font-size: 14px;
  padding: 7px 10px;
}

.profile-sm-margin {
  float: left;
  width: 100%;
  padding: 25px;
  margin-bottom: 20px;
  overflow: visible;
}

.recommend-select-group .ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 5px 10px;
}

.recommend-select-group .ui-select-match span {
  width: auto;
  color: #444;
  white-space: normal;
  text-align: left;
}

.recommend-select-group .slect-panel .ui-select-container span.btn-default {
  background: #ddd;
  border: 0 !important;
  height: auto;
  padding: 2px 10px;
}

.recommend-select-group .ui-select-match-item btn btn-default btn-xs {
  font-weight: normal !important;
  font-family: inherit !important;
}

.recommend-select-group
  .ui-select-multiple.ui-select-bootstrap
  .ui-select-match
  .close {
  line-height: 0.95em;
  color: #222;
}

.recommend-select-group .slect-panel .ui-select-bootstrap .ui-select-search {
  border: 0 !important;
}

.profile-location-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 41px 15px 25px;
  min-height: 70px;
  background: #f9f9f9;
  width: 100%;
  border-bottom: solid 1px #d6d6d6;
}

.profile-location-tab .locate-delete-btn {
  color: #c62128;
  font-size: 14px;
  text-decoration: underline;
}

.profile-location-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.profile-location-head .profile-location-btn .btn {
  display: flex;
  align-items: center;
  border-radius: 0;
  text-transform: none;
}

.profile-location-tab .profile-location-btn i {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}

.profile-location-head .profile-location-btn .btn:hover {
  color: #fff;
}

.profile-location-head .profile-location-btn span {
  font-size: 28px;
  line-height: 100%;
  display: block;
  margin: 0 5px 0 0;
}

.profile-location-tab .form-control::placeholder {
  font-family: Oswald;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.3);
}

.profile-location-tab .form-control {
  border: 0;
  padding-left: 0;
  background: transparent;
}

.profile-location-tab .open .form-control {
  width: 100% !important;
  padding-bottom: 0;
}

.profile-location-tab .dropdown-menu {
  border: 0;
}

.profile-location-tab .btn-default.active,
.profile-location-tab .btn-default:active {
  color: inherit !important;
  background: none !important;
  outline: 0;
}

.profile-location-tab .ui-select-match,
.profile-location-tab .ui-select-match:focus {
  outline: 0;
  width: 100%;
  background: none !important;
  box-shadow: none;
}

.profile-location-tab .ui-select-bootstrap .ui-select-match-text {
  font-family: Oswald;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 100;
  padding-right: 0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: auto;
}

.profile-location-tab .ui-select-bootstrap .ui-select-toggle {
  position: relative;
  display: flex;
  align-items: center;
}

.profile-location-tab .ui-select-bootstrap .ui-select-toggle > .caret {
  position: static;
  margin: 0 5px;
  height: auto;
}

.profile-location-tab .ui-select-choices-row {
  border-bottom: 1px solid #dadada !important;
}

.profile-location-tab .ui-select-bootstrap .ui-select-choices-row > span {
  padding: 13px 20px;
  font-size: 16px;
  color: #666;
  white-space: inherit;
}

.profile-sm-location .image-gallery-container ul {
  margin: 0 0 0 -5px;
}

.profile-sm-location .image-gallery-container li {
  width: 33.33%;
  padding: 0 5px;
}

.profile-sm-location .image-gallery-container .image-plus {
  background: transparent;
}

.profile-sm-location .action-btn .add-slot-row {
  background: #f7f7f7;
  border: solid 1px #ddd;
}

.profile-sm-location .action-btn .lodging-row-edit {
  border: 0;
  padding: 0;
}

.profile-sm-location .action-btn .lodging-row-edit .time-panel {
  margin: 0;
}

.cover-pic {
  position: relative;
}

.cover-change {
  position: absolute;
  right: 0px;
  bottom: 0;
  display: inline-block;
  background: #000000;
  color: #fff;
  font-size: 14px;
  padding: 5px 10px;
}

.profile-close {
  position: absolute;
  right: 0;
  background: #000;
  top: 0;
  padding: 0 5px;
  color: #fff;
  z-index: 9;
  cursor: pointer;
}

.profile-close img,
.profile-close i {
  width: 10px !important;
  top: 0px !important;
  font-size: 12px !important;
  color: #fff;
}

.profile-close i:hover {
  color: #fff;
}

.tag-info {
  color: #7f7f7f !important;
  font-size: 11px !important;
  margin-top: 5px;
}

.tag-link .tooltip.right .tooltip-inner {
  width: 260px;
  font-family: "Roboto";
  font-size: 13px;
  font-weight: 500;
  padding: 15px 15px 3px 15px;
  max-width: 260px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #000000;
  border: solid 1px #e6e6e6;
  border-radius: 0;
}

.tag-bottom-link .tooltip-inner {
  width: 252px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #000000 !important;
  border: solid 1px #e6e6e6;
  max-width: 252px !important;
  padding: 15px 15px 15px 15px !important;
  font-family: "Roboto";
  font-size: 13px !important;
  font-weight: 500;
}

.tag-bottom-link .tooltip.bottom .tooltip-arrow {
  top: -3px;
  left: 50%;
  margin-left: -9px;
  border-width: 0 9px 9px;
  border-bottom-color: #000;
}

.tag-link .tooltip.right .tooltip-arrow {
  top: 50%;
  left: -7px;
  margin-top: -20px;
  border-width: 15px 15px 15px 0;
  border-right-color: #000;
}

.tag-tooltip {
  color: #000;
  cursor: pointer;
}

.tag-tooltip:hover {
  color: #000;
}

.tag-tooltip i {
  font-size: 16px;
}

.tag-label .tooltip-inner {
  max-width: 170px;
  padding: 14px;
  color: #fff;
  background-color: #000;
  border-radius: 0px;
  text-align: left;
  font-size: 11px;
}

.tab-profile-section .nav-pills > li a span {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.profile-text {
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
  padding-top: 10px;
}

.profile-text a {
  color: #000;
  text-decoration: underline;
}

.tab-profile-section .nav-pills > li {
  font-size: 14px;
}

.tab-profile-section .nav > li.active > a,
.tab-profile-section .nav > li:hover > a {
  background-color: #f9f9f9;
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #ededed;
}

.tab-profile-section .nav > li > a {
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
  cursor: pointer;
}

.tab-profile-section .nav > li.active:first-child a,
.tab-profile-section .nav > li:hover:first-child a {
  border-top: solid 1px transparent;
}

.tab-profile-section .nav > li.active:last-child a {
  border-bottom: solid 1px transparent;
}

.tab-profile-section .nav > li:hover:last-child a {
  border-bottom: solid 1px transparent;
}

.text-fade,
.text-fade2 {
  opacity: 0;
}

.fadeInText {
  animation: fadein;
  -moz-animation: fadein;
  /* Firefox */
  -webkit-animation: fadein;
  /* Safari and Chrome */
  -o-animation: fadein;
  /* Opera */
}

.how,
.you,
.adventure {
  display: inline-block;
  font-size: 0px;
}

.myhead .letter {
  font-size: 75px;
}

.how .letter:nth-child(1) {
  animation: fadeInText 0.3s;
}

.how .letter:nth-child(2) {
  animation: fadeInText 0.5s;
}

.how .letter:nth-child(3) {
  animation: fadeInText 0.8s;
}

.you .letter:nth-child(1) {
  animation: fadeInText 1s;
}

.you .letter:nth-child(2) {
  animation: fadeInText 1.3s;
}

.you .letter:nth-child(3) {
  animation: fadeInText 1.5s;
}

.adventure .letter:nth-child(1) {
  animation: fadeInText 1.8s;
}

.adventure .letter:nth-child(2) {
  animation: fadeInText 2s;
}

.adventure .letter:nth-child(3) {
  animation: fadeInText 2.3s;
}

.adventure .letter:nth-child(4) {
  animation: fadeInText 2.5s;
}

.adventure .letter:nth-child(5) {
  animation: fadeInText 2.8s;
}

.adventure .letter:nth-child(6) {
  animation: fadeInText 3s;
}

.adventure .letter:nth-child(7) {
  animation: fadeInText 3.3s;
}

.adventure .letter:nth-child(8) {
  animation: fadeInText 3.5s;
}

.adventure .letter:nth-child(9) {
  animation: fadeInText 3.8s;
}

.mytext .letter:nth-child(1) {
  animation: fadeInText 1s;
}

.mytext .letter:nth-child(2) {
  animation: fadeInText 1.5s;
}

.mytext .letter:nth-child(3) {
  animation: fadeInText 2s;
}

.mytext .letter:nth-child(4) {
  animation: fadeInText 2.5s;
}

.mytext .letter:nth-child(5) {
  animation: fadeInText 3s;
}

.mytext .letter:nth-child(6) {
  animation: fadeInText 3.5s;
}

.mytext .letter:nth-child(7) {
  animation: fadeInText 4s;
}

@keyframes fadeInText {
  /* Safari and Chrome */
  0% {
    opacity: 0;
    transition: 0s;
  }

  25% {
    opacity: 0;
    transition: 0s;
  }

  50% {
    opacity: 0.6;
    transition: 0.2s;
  }

  75% {
    opacity: 0.9;
    transition: 0.2s;
  }

  100% {
    opacity: 1;
    transition: 0.2s;
  }
}

.tab-profile-section .nav > li.active > a em {
  position: absolute;
  width: 4px;
  background: #000;
  height: 100%;
  left: 0;
  top: 0;
}

.tab-profile-section p {
  font-size: 14px;
}

.tab-profile-section .delete-location-para {
  font-size: 18px;
  word-break: break-word;
  color: #000;
}

.switch-row {
  overflow: hidden;
}

.switch-text {
  float: left;
  width: calc(100% - 80px);
}

.switch-box {
  position: relative;
  float: left;
  width: 51px;
  height: 26px;
  margin-right: 20px;
}

.switch-box input {
  display: none;
}

.switch-box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch-box .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch-box input:checked + .slider {
  background-color: #000;
}

.switch-box input:focus + .slider {
  box-shadow: 0 0 1px #000;
}

.switch-box input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-box .slider.round {
  border-radius: 30px;
}

.switch-box .slider.round:before {
  border-radius: 50%;
}

.shipping-outer {
  width: 100%;
  height: 200px;
  text-align: center;
  margin-top: 50px;
}

.shipping-img {
  margin: 10px auto 10px;
  width: 100px;
}

.shipping-content {
  vertical-align: middle;
}

.v-margin {
  padding: 10px 0;
}

.social-account-icon {
  float: left;
  width: 20px;
  font-size: 20px;
  position: relative;
  top: -3px;
}

.social-account-text {
  width: calc(100% - 30px);
  float: left;
  margin-left: 10px;
}

.social-account-row {
  border-bottom: #e6e6e6 1px solid;
  overflow: hidden;
  padding: 15px 0;
  font-size: 13px;
}

.social-account-row label {
  font-size: 13px !important;
}

.social-account-row:first-child {
  padding-top: 0px;
}

.social-user,
.social-close {
  display: inline-block;
}

.social-close {
  width: 10px;
  margin: 0 0 0 10px;
  cursor: pointer;
}

.credit-border {
  border: #ddd 1px solid;
  padding: 25px 15px;
  border-right: none;
}

.credit-head {
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.credit-border:last-child {
  border-right: #ddd 1px solid;
}

.credit-head.active {
  color: #6fa75a;
}

.large-black-btn {
  height: 50px;
  padding: 0 22px;
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 50px;
  border: 0;
  background-color: #000000;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  border-radius: 0;
}

.large-white-btn {
  height: 50px;
  padding: 0 22px;
  display: inline-block;
  text-align: center;
  color: #000;
  line-height: 50px;
  border: 1px solid black;
  background-color: #fff;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  border-radius: 0;
}

.default-black-btn {
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 0;
  background-color: #000000;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0;
}

.large-black-btn[disabled] {
  background-color: #ddd;
}

.large-black-btn.text-capitalize {
  text-transform: capitalize;
}

.large-black-btn[disabled] {
  background-color: #ddd;
}

.sm-black-btn {
  background: #000;
  color: #fff;
  position: absolute;
  right: 0px;
  border-radius: 0px;
  margin-right: 15px;
}

.float-none {
  float: none;
}

.float-right {
  float: right;
}

.no-border {
  border: none !important;
}

.modal-footer {
  overflow: hidden;
}

.shipping-main-div {
  min-height: 285px;
}

.shipping-address {
  padding: 25px;
  overflow: hidden;
  clear: left;
}

.shipping-sm-head {
  font-family: Oswald;
  font-size: 18px;
  position: relative;
  background-color: #f2f2f2;
  font-weight: 500;
  text-transform: uppercase;
  color: #000000;
  padding: 15px;
  overflow: hidden;
  border: solid 1px #d6d6d6;
}

.shipping-sm-head label {
  font-family: Roboto;
}

.shipping-sm-content {
  border: solid 1px #d6d6d6;
  border-top: none;
  padding: 20px 15px;
  overflow: hidden;
}

.shipping-sm-content p {
  font-size: 16px;
  color: #878787;
  line-height: 1.5em;
}

.shipping-sm-content strong {
  color: #000;
}

.edit-btn {
  width: 80px;
  border: solid 1px #000000;
  color: #000;
  padding: 6px 20px;
  background: transparent;
  border-radius: 2px;
}

.make-primary {
  border: solid 1px #000000;
  color: #000;
  padding: 6px 15px;
  background: transparent;
  border-radius: 2px;
}

.delete-btn {
  width: 80px;
  border: solid 1px #c62128;
  color: #c62128;
  padding: 6px 20px;
  border-radius: 2px;
  background: transparent;
}

.delete-btn.focus,
.delete-btn:focus,
.delete-btn:hover {
  color: #c62128;
  text-decoration: none;
  outline: 0;
}

.referal-box {
  float: right;
}

.referal-box span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-decoration: underline;
}

.referal-box a {
  color: #787878;
  float: right;
}

.referal-box .referal-img {
  width: 24px;
}

.referal-table-row {
  font-size: 14px;
  overflow: hidden;
  border: #ddd 1px solid;
  border-top: none;
  padding: 15px;
}

.referal-tooltip {
  padding: 15px;
}

.toggle-panel,
.toggle-panel.focus,
.toggle-panel:focus,
.toggle-panel:hover {
  color: #000;
}

.basic-profile-btn {
  margin-right: 20px;
}

/*=============================================*/
/*white label css here*/
.wl-btn-close {
  position: relative;
  left: 0;
  width: 50px;
  top: 24px;
  float: right;
  cursor: pointer;
}

.wl-header-color {
  background: rgba(0, 0, 0, 0.7);
  z-index: 20;
}

.wl-proceed-btn {
  padding: 30px 0px !important;
}

.proceed-div-btn {
  width: 220px;
  height: 50px;
  padding: 0 22px;
  color: #fff;
  line-height: 50px;
  border: 0;
  font-weight: 700;
  font-style: normal;
  border-radius: 0;
  background-color: #000;
  font-family: Roboto;
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.proceed-div-btn.domain-btn {
  width: 100%;
}
.proceed-div-btn.disabled {
  opacity: 0.65;
  pointer-events: none;
}
.domain-full-page {
  background: #fff;
  padding-top: 99px;
  display: block;
}
.domain-full-page .wl-wrapper .package-summary-panel {
  padding-top: 0px !important;
}
.domain-full-page
  .wl-wrapper
  .package-summary-panel
  .container-cart
  .summary-col {
  margin-top: 20px !important;
}
.domain-full-page.sm-page {
  padding-top: 69px;
}
.domain-full-page-padding-0 {
  padding-top: 0;
  display: block;
}
.domain-full-page .package-banner-image,
.white-label-iframe-maindiv .package-banner-image {
  margin-top: 0 !important;
}
.domain-full-page .order-main-panel {
  margin: 0;
  background: #fff;
}
.domain-full-page .package-booking-row {
  background: #fff;
}
.domain-full-page .package-adventure-content .domain-heading {
  padding-left: 0 !important;
}
.white-label-iframe-maindiv .package-booking-row {
  padding: 15px 10px 15px 10px !important;
}

.wl-wrapper {
  padding-bottom: 45px !important;
}

.wl-wrapper .package-summary-panel {
  padding-top: 50px !important;
  padding-bottom: 0px !important;
}

.wl-footer {
  padding: 10px 15px;
  float: right;
}

.wl-disabled-div {
  pointer-events: none;
  opacity: 0.3;
}

.iframe-checkout {
  margin-top: -25px;
  padding: 10px 15px !important;
}

.timer-text {
  text-align: right;
  font-size: 16px;
  font-family: Oswald;
  font-weight: 500;
}

/*white label css end here*/

/*============================================*/

/*package detail css here*/
.package-banner-image {
  /*background: url('../../images/package-detail-main-Img.jpg') no-repeat;*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 500px;
  position: relative;
  width: 100%;
  margin-top: 73px;
  background-color: #f8f8f8;
}
.package-banner-image .advent-img {
  text-align: center;
}
.package-banner-image .first-img-slick {
  max-width: 100%;
  height: 510px;
}

.package-banner-head-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 500px;
  height: 600px;
  position: relative;
  width: 100%;
  background-color: #f8f8f8;
}

.adventure-detail-head-img {
  max-width: 100%;
  width: 100%;
  height: 600px;
}

.advent-img .text-overlay {
  text-align: left;
  position: absolute;
  top: 400px;
  color: white;
  left: 120px;
}

.user-package-overlay div {
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: 300;
  color: #fff;
  text-align: left;  
}

.user-package-overlay h1 {
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: 900;
  line-height: 54px;
  text-align: left;
}

.package-banner-overlay {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.package-banner-content {
  text-align: center;
  margin-top: 150px;
}

.package-adventure-content {
  float: left;
  width: 100%;
}

.package-banner-links {
  font-size: 0;
  width: 100%;
  margin: auto;
  text-align: center;
}

.package-banner-links ul {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
}

.package-banner-links li a {
  color: #000;
  font-size: 16px;
}

.package-banner-links li i {
  font-size: 18px;
  text-align: right;
  margin-right: 10px;
}

.package-banner-links li {
  display: block;
  text-transform: uppercase;
  position: relative;
  vertical-align: top;
}

.package-banner-links li:after {
  width: 1px;
  background: #fff;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
}

.package-banner-links li a {
  display: flex;
  text-align: right;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.package-banner-links li:last-child a {
  margin-bottom: 0px;
}
.package-banner-links li:last-child:after {
  background: none;
}

.package-banner-links li .link-text {
  display: block;
  vertical-align: top;
  font-size: 14px;
  flex: none;
  align-self: center;
  font-weight: 500;
  max-width: calc(100% - 30px);
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
}

.package-banner-links li img {
  width: 20px;
  display: inline;
}

.package-head-overlay-links {
  font-size: 0;
  width: 100%;
  margin: auto;
  text-align: left;
}

.package-head-overlay-links ul {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
}

.package-head-overlay-links li a {
  color: #000;
  font-size: 16px;
}

.package-head-overlay-links li i {
  text-align: left;
  margin-right: 10px;
}

.package-head-overlay-links li {
  display: block;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  vertical-align: top;
}

.package-head-overlay-links li a {
  display: flex;
  text-align: left;
  color: white;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.package-head-overlay-links li:last-child a {
  margin-bottom: 0px;
}
.package-head-overlay-links li:last-child:after {
  background: none;
}

.package-head-overlay-links li .link-text {
  display: block;
  vertical-align: top;
  flex: none;
  color: #fff;
  align-self: center;
  max-width: 100%;
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
}

.package-head-overlay-links li img {
  width: 20px;
  display: inline;
}


.package-banner-head,
.package-banner-head h1 {
  font-family: Oswald;
  font-size: 35px;
  /*text-transform: uppercase;*/
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  margin: 5px 0 0;
  color: #000;
  word-break: break-word;
}

.package-banner-image .slick-prev,
.package-banner-image .slick-next,
.package-banner-image .slick-prev:hover,
.package-banner-image .slick-next:hover,
.package-banner-image .slick-prev:focus,
.package-banner-image .slick-next:focus {
  display: block !important;
  z-index: 50;
  width: 56px;
  height: 56px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}

.package-banner-image .slick-prev {
  left: 25px;
}

.package-banner-image .slick-prev:before,
.package-banner-image .slick-next:before {
  text-indent: -9999px;
  content: "" !important;
  width: 100%;
  display: block;
  height: 40px;
  background-position: center center;
}

.package-banner-image .slick-prev:before {
  background-image: url("../../images/next-icon.svg");
  background-repeat: no-repeat;
}

.package-banner-image .slick-next:before {
  background-image: url("../../images/prev-icon.svg");
  background-repeat: no-repeat;
}

.package-banner-image .slick-next {
  right: 25px;
}

.package-banner-image .slick-carousel {
  width: 100%;
}


/* Parent class for the image container */
.user-package-image-container {
  position: relative;
  width: 100%;
  height: 600px;
}

.user-package-image-container img {
  width: 100%;
  height: 600px;
  display: block;
  object-fit: cover;
}

/* Parent class for the overlay */
.user-package-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(179.99deg, rgba(0, 0, 0, 0) 5.79%, rgba(0, 0, 0, 0.6) 56.28%, #000000 88.79%);
  color: white;
  height: 50%;
  padding: 20px 0;
  display: flex;
  justify-content: end;
  align-items: flex-start;
  flex-direction: column;
}

/* Inherited styles for child elements */
.user-package-text-container {
  padding: 0;
  margin: 0;
}

.package-banner-image .slick-carousel img {
  max-width: 100%;
  width: 100%;
  min-width: inherit;
  height: 500px;
  object-fit: cover;
  max-height: inherit;
  position: static;
  filter: inherit;
  opacity: 1;
}
.package-banner-image .slick-slide {
  border-left: transparent 5px solid;
  border-top: transparent 6px solid;
}

.package-banner-head h2 {
  font-size: 22px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.package-banner-head span {
  display: block;
}

.package-bottom-link {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}

.white-btn {
  background-color: #fff !important;
  padding: 8px 30px;
  color: #000 !important;
  border-radius: 0px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #000;
}

.package-strip {
  background-color: #f8f8f8;
  border: solid 1px #e0e0e0;
  border-top: 0;
  color: #000;
  padding-bottom: 20px;
  padding-top: 10px;
  font-family: "Roboto", sans-serif;
}

.package-title,
.package-title h2 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Montserrat";
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.common-text-style {
  font-family: "Roboto" !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 16px;
}

.outline-button,
.outline-button span {
  font-family: "Roboto";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
}

.package-strip p {
  margin: 20px 0 0;
  font-size: 13px;
  color: #878787;
}

.organise-img {
  width: 80px;
}

.organise-logo {
  width: calc(100% - 80px);
  margin-left: 20px;
  max-width: 70%;
}

.package-social {
  padding: 0;
  text-align: right;
}

.package-social li {
  display: inline-block;
  list-style: none;
}

.package-social li img {
  width: 20px;
  display: inline-block;
}

.package-social li a {
  border: #000 1px solid;
  padding: 10px 20px;
  background: #fff;
  display: block;
  color: #000;
  position: relative;
  font-family: "Roboto", sans-serif;
}

.package-social li a i,
.package-social li a span {
  cursor: pointer;
}

.divider-section span {
  cursor: inherit !important;
}

.package-social li a span {
  font-family: "Roboto", sans-serif;
}

.remove-radar a {
  background-color: #000 !important;
  color: #fff !important;
}

.adventure-info-block {
  margin: 0;
}

.package-content-title {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
}

.full-package-container {
  background: #fff;
  padding: 0 15px;
}

.package-anchor-nav {
  font-size: 0;
  text-align: left;
  width: 100%;
  padding: 10px 0 0;
  border-bottom: #e0e0e0 1px solid;
}

.package-anchor-nav li {
  text-align: center;
  display: inline-block;
  float: none;
  font-size: 14px;
  /*width: 11%;*/
}

.package-anchor-nav li a {
  padding: 10px 20px 20px;
}

.package-anchor-nav li a:hover,
.package-anchor-nav li a:focus {
  background: none !important;
  background-color: transparent !important;
}

.package-anchor-nav > .active > a {
  border-radius: 0;
  color: #000;
  border-bottom: 2px solid #000;
}

.package-box {
  margin-top: 30px;
  padding: 0;
}

.slots {
  z-index: 9;
  padding-bottom: 30px;
}

.package-anchor-row {
  overflow: hidden;
  padding-top: 30px;
}

.package-anchor-row .col-sm-8 {
  padding-bottom: 30px;
  overflow: hidden;
  padding-left: 0px;
  border-bottom: #e0e0e0 1px solid;
}

.rating-row {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: #e0e0e0 1px solid;
}

.package-anchor-row:last-child .col-sm-8,
.rating-row:last-child {
  border-bottom: none;
}

.map-div img {
  width: 100%;
}

.package-items {
  padding: 0;
  margin: 0;
}

.package-items li {
  float: left;
  width: 48%;
  list-style: none;
  display: block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.88;
  color: #878787;
}

.package-items li:before {
  content: "-";
  display: inline-block;
  padding-right: 10px;
}

.op_airports li {
  float: none;
  width: 100%;
}

.package-booking-bar {
  border: #e0e0e0 1px solid;
  border-top: none;
  background: #fff;
  float: left;
  width: 100%;
}

.package-heading-box {
  position: absolute;
  left: 15px;
  top: 40px;
}

.op_airports li {
  float: none;
  width: 100%;
}

.package-booking-row {
  border-top: #e0e0e0 1px solid;
  /*overflow: hidden;*/
  width: 100%;
  position: relative;
  padding: 20px 5px 20px 6px;
  float: left;
}
.pad13 {
  padding: 13px 5px 20px 6px;
}
.package-booking-row .summarytooltiptext {
  right: -10px !important;
  padding: 21px 10px;
}

.package-booking-row .summarytooltiptext::after,
.package-booking-row .summarytooltiptext::before {
  left: 80%;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.package-anchor-row:first-child {
  border-top: #e0e0e0 1px solid;
}

.package-side-box {
  text-align: center;
  margin-bottom: 0px;
}

.package-box .proceed-btn {
  color: #fff;
}

.package-side-box.black {
  background-color: #000 !important;
  color: white !important;
}

.user-package-footer {
  width: 100%; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.group-buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 10px;
  margin-bottom: 20px;
}

.group-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 5px);
}

@media (max-width: 1060px) {
  .group-button {
    width: 100%;
    flex-basis: 100%;
  }
}

.user-package-earn-block {
  padding: 14px 20px;
  background-color: #000;
  margin-top: 5px;
  display: flex;
  align-items: center;
}

.icon-casback {
  width: 30px;
  height: 30px;
  background: url("../../images/cashback_icon.svg") no-repeat center center;
  background-size: contain;
  margin-right: 20px !important;
}

.user-package-earn-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
  color: #fff;
  margin: 0;
}

.user-package-earn-text {
  color: #1D51B8;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.user-package-earn-arrow {
  color: #fff;
  font-size: 24px;
  margin-left: auto;
  font-weight: 700;
}

.package-side-box.pack-sm-head {
  float: none !important;
  padding: 20px;
  background-color: #f8f8f8;
  border: #e0e0e0 1px solid;
}

.package-side-box .available-slot .package-booking-bar {
  float: none !important;
}

.package-side-box .available-slot .lodging-carousel {
  float: none !important;
}

/* styles for content with sticky checkout block on adventure detail page */

.sticky-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, auto);
}

.description-with-sticky {
  grid-area: 1 / 1 / 2 / 2;
  padding-top: 30px;
}

.sticky-block-wrapper {
  height: 100%;
  grid-area: 1 / 2 / 3 / 3;
  position: relative;
  display: flex;
  flex-direction: column;
}

.sticky-block-inner {
  position: sticky;
  position: -webkit-sticky;
  flex: 1;
  top: 0;
  width: 100%;
}

.sticky-block {
  position: sticky;
  position: -webkit-sticky;
  bottom: 40px;
  width: 100%;
}

.sticky-block .package-box {
  margin: 0;
  padding-top: 30px;
  padding-left: 30px;
}

.info-with-sticky {
  grid-area: 2 / 1 / 3 / 2;
}

@media (max-width: 767px) {
  .sticky-wrapper {
    /* Temporarry disabled because of bug with stick plugin (calendar with slots) */
    display: block;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }

  .description-with-sticky {
    grid-area: auto;
  }
  
  .sticky-block-wrapper {
    grid-area: auto;
  }

  .sticky-block {
    position: static;
  }

  .sticky-block .package-box {
    padding-left: 0;
  }

  .sticky-block .xs-start-text {
    color: #ffffff;
  }

  .info-with-sticky {
    grid-area: auto;
  }
}
/* end of styles for content with sticky checkout block on adventure detail page*/

/* styles for gallery section on adventure detail page */
/* Desktop */
.tour-gallery-wrapper {
  width: 100%;
  height: 60vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 4fr repeat(2, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  position: relative;
  /* background-color: #f8f8f8; */
}
  
.tour-gallery-wrapper .photo-1 { grid-area: 1 / 1 / 2 / 4; }
.tour-gallery-wrapper .photo-2 { grid-area: 2 / 1 / 4 / 2; }
.tour-gallery-wrapper .photo-3 { grid-area: 2 / 2 / 4 / 3; }
.tour-gallery-wrapper .photo-4 { grid-area: 2 / 3 / 3 / 4; }
.tour-gallery-wrapper .photo-5 { grid-area: 3 / 3 / 4 / 4; }

.tour-gallery-wrapper .gallery-photo-wrapper {
  background-color: #f8f8f8;
}

.tour-gallery-wrapper .gallery-photo {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tour-gallery-wrapper .see-all-button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 10px 10px 15px;
  background-color: #000;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
  font-family: 'Roboto';
  font-weight: 600;
}

.tour-gallery-wrapper .see-all-button span {
  margin-left: 25px;
}

/* Mobile */
@media (max-width: 767px) {
  .tour-gallery-wrapper {
    height: 80vh;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    margin-top: 20px;
  }
    
  .tour-gallery-wrapper .photo-1 { grid-area: 1 / 1 / 2 / 3; }
  .tour-gallery-wrapper .photo-2 { grid-area: 2 / 1 / 3 / 2; }
  .tour-gallery-wrapper .photo-3 { grid-area: 2 / 2 / 3 / 3; }
  .tour-gallery-wrapper .photo-4 { grid-area: 3 / 1 / 4 / 3; }
  .tour-gallery-wrapper .photo-5 { grid-area: 4 / 1 / 5 / 3; }
}
/* End of styles for gallery section on adventure detail page */

.package-side-advent .package-check-links {
  width: 100%;
  margin: 20px 0;
  float: left;
  padding: 0 20px;
}

.connect-with-expert-container {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 100;
}

@media (max-width: 640px) {
  .connect-with-expert-container {
    display: flex;
    justify-content: center;
    padding: 0 30px;
    width: 100%;
    height: fit-content;
    bottom: 30px;
    top: unset;
    right: unset;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 370px) {
  .connect-with-expert-container {
    display: none !important;
  }
}

.package-side-advent .package-check-links a {
  padding: 12px 15px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: #ddd 1px solid;
}

.package-check-links.operator-dashboard {
  display: none;
}

.package-discount-box .desc {
  font-size: 16px;
  color: #000;
}

.package-discount-box {
  font-size: 15px;
  text-align: center;
  padding: 0px 2px;
}

.package-discount-box .more-discount-dropdown {
  display: inline;
}

.package-side-advent .package-check-links {
  width: 100%;
  margin: 0px 0 20px;
  float: left;
  padding: 0 20px;
}

.package-side-advent .package-check-links a {
  padding: 12px 15px;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: #ddd 1px solid;
}

.package-discount-box .more-discount-dropdown a {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

.package-discount-box .more-discount-dropdown .discount-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: #e0e0e0 1px solid;
  padding-bottom: 10px;
}

.package-discount-box .more-discount-dropdown .discount-head .discount-text {
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0 0;
}

.package-discount-box .more-discount-dropdown .dropdown-menu:before {
  display: none;
}

.package-discount-box .more-discount-dropdown .dropdown-menu:after {
  border-top: 8px solid #fff;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  left: 72%;
  bottom: -8px;
}

.package-discount-box .more-discount-dropdown .discount-repeat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: #e0e0e0 1px solid;
}

.package-discount-box .more-discount-dropdown i {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.3);
  margin-right: -15px;
}

.package-discount-box .more-discount-dropdown .dropdown-menu {
  min-width: 320px;
  padding: 15px 25px 25px;
  border: 0;
  border-radius: 0;
  right: -22px;
}

.package-discount-box .more-discount-dropdown .days,
.package-discount-box .more-discount-dropdown .off {
  font-size: 15px;
}

.package-price-type {
  font-size: 14px;
  font-weight: 500;
  color: #787878;
  margin: 20px 0;
  text-align: center;
}

.package-price-type span {
  color: #000;
}

.adventure-video .iframe-video {
  height: 500px;
}

.package-booking-row span,
.package-content span {
  display: block;
  font-size: 12px;
}

.package-booking-row span {
  padding-left: 25px;
}

.package-content,
.package-anchor-row span {
  color: #787878;
  font-size: 16px;
}

.package-content h3 {
  font-family: "Roboto", sans-serif;
  color: #787878;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  font-size: 16px;
}

.package-content strong {
  color: #000;
  font-weight: 400;
}

.package-content p {
  word-wrap: break-word;
}

.package-booking-bar a.active,
.proceed-btn button.active,
.proceed-btn button:focus,
.proceed-btn button:hover,
.package-booking-bar a:focus,
.package-booking-bar a:hover {
  color: inherit;
}

.package-overlay {
  opacity: 0.7;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 8;
}

.myProfile-feed-locations {
  overflow: hidden;
  padding: 0 15px;
}

.myProfile-feed-locations .gm-style .gm-style-iw-c {
  overflow: inherit !important;
  margin-top: -60px;
}

.myProfile-feed-locations .gm-style-iw.gm-style-iw-c:before {
  content: "";
  display: block;
  border-top: 16px solid white;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  z-index: 55;
}

.myProfile-feed-locations .package-content {
  border-bottom: #e0e0e0 1px solid;
  padding-bottom: 30px;
}
.myProfile-feed-locations .feature {
  margin-bottom: 20px;
}
.myProfile-feed-locations .package-content p {
  line-height: 1.8em;
  margin: 0;
}

.myProfile-feed-locations .package-anchor-row {
  margin-top: 0;
  border-top: 0;
}

.myProfile-feed-locations .lodging-panel .lodging-caption {
  border: #e0e0e0 1px solid;
}

.myProfile-feed-locations .col {
  padding: 0 5px;
}

.myProfile-feed-locations .package-lodging-border .pack-sm-head {
  border-top: #e0e0e0 1px solid;
  padding-top: 30px;
}

.myProfile-feed-locations span {
  color: #fff;
}

.myProfile-feed-locations .feature .img-section .box-shadow {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  ) !important;
}

.myProfile-feed-locations .img-caption {
  bottom: 25px;
  display: block;
}

.myProfile-feed-locations .start-rate .rates span {
  font-size: 26px;
}

.myProfile-feed-locations .img-section:hover .img-caption {
  opacity: 1;
}

.myProfile-feed-locations .img-caption span {
  font-size: 24px;
}

.myProfile-feed-locations .lodging-images-cpation {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.myProfile-feed-locations .feature .thumbnail-panel {
  height: 350px;
}

.myProfile-feed-locations .lodging-video {
  height: 100%;
  display: block;
}

.myProfile-feed-locations .lodging-caption {
  position: relative;
}

.myProfile-feed-locations .lodging-icon {
  background-image: url("../../images/play-icon-black.svg");
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  height: 100%;
  width: 100%;
  background-position: center;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
}

.package-location-row .myProfile-feed-outer {
  float: left;
  width: 100%;
}

.rating-row p {
  margin-top: 20px;
}

.rating-row:first-child {
  padding-top: 0px;
}

.rating-caption {
  display: inline-block;
  margin-top: 5px;
}

.pkg-text-btn {
  text-align: center;
  color: #000;
  text-decoration: underline;
  font-size: 14px;
  display: block;
}

.rating-img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  background: #e5e5e5;
  overflow: hidden;
}

.sold-out {
  position: absolute;
  z-index: 10;
  background: #fff;
  opacity: 0.8;
  text-align: center;
  width: 100%;
  line-height: 50px;
  height: 100%;
  left: 0px;
  top: 0;
}

.s-span {
  padding: 0px !important;
  display: inline-block !important;
  margin: 0px !important;
}

.proceed-btn .disabled {
  opacity: 0.1 !important;
  color: #fff !important;
  border-radius: 0;
}

.package-booking-row label {
  margin-bottom: 0px !important;
}

.my-cart-inner .sold-out {
  line-height: 150px;
}

.package-booking-row .sold-out {
  line-height: 85px;
}

.amenties-items li:before {
  content: "";
  padding-right: 0px;
}

.amenties-items li {
  margin: 0 0 20px;
  min-height: 30px;
}

.amenties-items li img {
  float: left;
  width: 30px;
  height: 30px;
}

.amenties-items li span {
  padding: 10px 0 0 10px;
  width: calc(100% - 30px);
  float: left;
  font-size: 15px;
  line-height: 16px;
  display: block;
  text-transform: capitalize;
}

.opacity-0 {
  opacity: 0.2;
}

.col-centerr {
  float: none !important;
  display: inline-block;
}

.addon-field {
  border-radius: 0;
  color: #878787;
  border: 1px solid #dddddd;
  padding-left: 10px;
  width: 100%;
}

.width-80 {
  width: 80%;
}

.font-14 {
  font-size: 14px;
}

.font-15 {
  font-size: 15px;
}

.font-16 {
  font-size: 16px !important;
}

#editDetailModal ul li {
  text-align: left;
  font-size: 16px;
  padding: 5px 0px;
}

#editDetailModal .modal-title {
  white-space: normal;
  padding: 5px 5px;
}

.only-mb {
  display: none !important;
}

.only-dsktop {
  display: block !important;
}

.only-in-mb {
  display: none;
}

.only-in-dsktop {
  display: inline-block;
}

.no-cursor {
  cursor: auto !important;
}

.opr-disable {
  pointer-events: none;
}

.opr-disable a {
  cursor: default !important;
  border: 1px solid #999999 !important;
  background-color: #cccccc !important;
  pointer-events: none;
}

.opr-disable a i,
.opr-disable a span {
  cursor: default !important;
}

.default-cursor {
  cursor: auto !important;
}

.no-slot {
  padding-top: 20px;
}

.disable-collapse {
  opacity: 0.3;
  cursor: default !important;
}

.a-color {
  color: #337ab7 !important;
  cursor: pointer;
}

.show-less {
  display: block;
  text-align: right;
}

.site-disable {
  /*pointer-events: none;*/
  opacity: 0.6;
  cursor: auto;
}

.signup-modal {
  background: rgba(0, 0, 0, 0.7);
}

.signup-modal .modal-dialog {
  width: 93%;
  margin: 80px auto;
}
.domain-modal {
  width: 500px !important;
}
.signup-modal .modal-dialog .mb-wrapper {
  padding: 0px 20px 0 20px;
}

.signup-modal .modal-dialog .mb-wrapper .btn-social,
.signup-modal .modal-dialog .mb-wrapper .btn-gl {
  width: 100%;
}

.signup-modal .modal-dialog .sign-wrapper {
  padding-bottom: 0;
}

.white-button {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  cursor: pointer;
}

.signup-modal .signup-descp-text {
  width: 100%;
  float: left;
  margin: 12px 0 14px 0;
  font-size: 12px;
  color: #868686;
  text-align: left;
}

.signup-modal .signup-modal-header {
  width: 100%;
  float: left;
  height: auto;
  background: #f8f8f8;
  padding: 12px 15px;
  border: 0;
}

.signup-modal .signup-modal-header a {
  color: #000;
}

.signup-modal .modal-content {
  padding: 0 0 !important;
}

.signup-modal .modal-content.alert-modal {
  padding: 30px 0 !important;
}

.signup-modal .modal-content .modal-body {
  padding: 0 15px;
}

.signup-modal .guest-email {
  width: 100%;
  padding: 5px;
  margin: 10px 0px 0px;
}
.domain-modal .signup-modal-header {
  font-weight: 500;
}
.popup-footer {
  text-align: right;
  padding: 15px 10px;
}

.popup-footer .btn {
  border-radius: 0;
  min-width: 103px;
  font-weight: 500;
}
.popup-footer .btn-black {
  border: #000 1px solid;
}
.my-site-disabled-div {
  opacity: 0.5;
}

.my-site-code-box .inner-grey-box .action-button.disabled,
.my-site-code-box .inner-grey-box .action-button.disabled:hover {
  background: #000000;
  border-color: #000000;
}

.my-site-code-box .inner-grey-box .get-code.disabled,
.my-site-code-box .inner-grey-box .get-code.disabled:hover {
  background: transparent;
}

.page-setup-code-box .site-info {
  font-size: 12px;
  line-height: 1.5;
  color: #787878;
  text-align: left;
  padding-left: 20px;
}

.page-setup-code-box .inner-white-box label {
  float: none;
  display: flex;
}

.page-setup-code-box .domain-box {
  border: solid 1px #ddd;
  padding: 0 20px 20px;
}

.page-setup-code-box .domain-field {
  display: flex;
  width: 100%;
  margin: 20px 0 0;
  flex-wrap: wrap;
}

.page-setup-code-box .gallery-sloat-container {
  width: 192px;
  height: 192px;
  overflow: hidden;
  border: solid 1px #979797;
  background-color: #efeeed;
}

.page-setup-code-box .upload-container {
  padding: 50px 10px 10px !important;
  width: 100%;
  position: relative;
  height: 192px;
}

.my-site-code-box .inner-white-box .select-box {
  width: 100% !important;
  float: none;
  margin: 10px 0 0 !important;
}

.page-setup-save-detail {
  min-width: 180px !important;
}

.onmysite-page-title {
  display: flex;
  justify-content: space-between;
}

.switch-popup-btn {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  background: transparent;
  padding: 6px 40px;
  border: solid 1px #000000;
}

.page-setup-code-box .gallery-file-type {
  height: 192px;
}

.page-setup-code-box .form-field {
  margin-left: 20px;
  text-align: left;
}

.page-setup-code-box .input-color-picker {
  width: 225px;
  border: solid 1px #dddddd;
  padding: 10px;
}

.page-setup-code-box .inner-white-box .horizontal-line {
  margin: 20px 0 0 !important;
}

.page-setup-code-box .domain-label {
  font-size: 14px;
  color: #000;
  width: 100%;
  text-align: left;
}

.page-setup-code-box .inner-white-box label em {
  margin-right: 7px;
  width: 14px;
}

.page-setup-code-box .inner-white-box label span {
  padding: 0 !important;
}

.page-setup-code-box .domain-title {
  font-size: 16px;
  color: #878787;
  width: 70px;
  align-self: flex-start;
  margin: 15px 0 0;
}

.page-setup-code-box .domain-input {
  width: calc(100% - 70px);
}

.page-setup-code-box .ui-select-toggle {
  line-height: 38px;
}
.page-setup-code-box .form-control {
  height: 50px;
  background: #fff !important;
  width: 100% !important;
}

.page-setup-code-box textarea.form-control {
  height: auto;
  min-height: 120px;
  color: #000 !important;
}
.page-setup-code-box .form-control::placeholder {
  font-size: 15px;
}
.page-setup-code-box .add-btn {
  width: 136px;
  height: 33px;
  background-color: #000000;
  border: 0;
}

.page-setup-code-box .domain-edit-field {
  margin: 20px 0 0;
  position: relative;
}

.page-setup-code-box .edit-domain {
  margin-bottom: 5px;
}

.page-setup-code-box .domain-edit-icon {
  position: absolute;
  right: 0px;
  top: 0;
  color: #000;
  text-decoration: none;
}

.page-setup-code-box .domain-edit-icon:hover {
  color: #000;
}

.page-setup-code-box .edit-domain-info {
  font-size: 12px;
  color: #424242;
  padding: 10px 30px 10px 0;
}

.page-setup-code-box .edit-domain-info a {
  text-decoration: underline;
  color: #000;
}

.page-setup-code-box .domain-edit-field .edit-domain .domain-text {
  font-weight: 500;
  color: #878787;
}

.page-setup-code-box .domain-edit-field .edit-domain .domain-email {
  color: #000;
}

.page-setup-code-box .edit-domain-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0;
}

.page-setup-code-box .edit-domain-btn .connect {
  width: 127px;
  height: 22px;
  background-color: #4a90e2;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 22px;
}

.page-setup-code-box .edit-domain-btn .remove-domain-btn {
  margin-left: auto;
  border: solid 1px #000;
  color: #000;
  padding: 6px 18px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.page-setup-code-box .domain-list-rows {
  font-size: 16px;
}
.page-setup-code-box .domain-list-head {
  padding: 0 0 19px;
  border-bottom: solid 1px #dedede;
}
.page-setup-code-box .edit-page-setup {
  color: #000;
  text-decoration: underline;
  position: absolute;
  right: 40px;
  top: 20px;
  cursor: pointer;
}
.page-setup-code-box .inner-white-box {
  position: relative;
}
.page-setup-code-box .domain-list-rows span {
  color: #000 !important;
}
.page-setup-code-box .logo-upload-container {
  padding: 0 !important;
}
.page-setup-code-box .domain-close-icon {
  position: absolute;
  font-size: 14px;
  right: 0;
  width: 28px;
  cursor: pointer;
  height: 28px;
  padding: 4px 8px;
  color: #fff;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}
.page-setup-code-box .domain-list-content {
  padding: 19px 0;
  color: #424242;
  font-weight: 500;
  opacity: 0.8;
}
.done-white-label-section {
  padding: 0 15px;
}

.done-white-label-section button {
  width: 100%;
  height: 50px;
  opacity: 0.4;
}

.white-label-dialog .gallary-dialog {
  padding-top: 45px;
}

.iframe-add-on-div {
  width: 68%;
  float: left;
  word-wrap: break-word;
}

.iframe-add-on-col {
  width: 30%;
}

/*forgot-modal-css*/

.forgot-modal-cross {
  margin: -15px 5px 0 0px;
}

/*calender-slots-css-starts*/

.add-guest-selectbox .ui-select-container {
  width: 100%;
  float: left;
}

.add-guest-selectbox .ui-select-match {
  width: 100%;
  float: left;
}

.add-manual-select .ui-select-match span.form-control {
  padding: 15px 12px !important;
  outline: 0;
  height: 50px;
}

.add-guest-selectbox .ui-select-match span.form-control {
  padding: 7px 12px;
  outline: 0;
}

.add-guest-selectbox .ui-select-match span.form-control:hover {
  color: #000;
  background-color: #ffffff;
  border-color: #dadada;
}

.guest-room-type-section {
  width: 100%;
  float: left;
  padding: 0px 0 15px 0;
}

.guest-room-type-section .room-type {
  width: 100%;
  float: left;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 1.71;
  color: #000000;
  padding: 10px 0 0;
  border-bottom: 0;
}

.guest-room-type-section .select-room-type {
  width: 100%;
  float: left;
}

.guest-room-type-section .select-room-type .left-section {
  width: auto;
  float: left;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 1.5;
  color: #878787;
  padding: 15px 0 0 0;
}

.guest-room-type-section .select-room-type .right-section {
  width: auto;
  float: right;
}

.guest-accomodation-panel .bootstrap-select {
  width: 100% !important;
}

.summary-select .btn-group {
  width: 100% !important;
}
.summary-select .dropdown-menu li a span.text {
  color: #878787;
  font-weight: 400;
}
.summary-select .dropdown-menu li.selected a span.text {
  font-weight: 600;
}
.guest-room-type-section .select-room-type .right-section .ui-select-box-panel {
  width: 141px;
  float: left;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .bootstrap-select {
  width: 100%;
  margin: 10px 0 0 0;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .ui-select-container {
  width: 100%;
  float: left;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .ui-select-match {
  width: 100%;
  float: left;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .ui-select-match
  span.form-control {
  height: 35px;
  padding: 6px 12px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: #787878;
  border: solid 1px #dddddd;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .ui-select-match
  span.form-control:hover {
  color: #787878;
  background-color: #ffffff;
  border-color: #dddddd;
}

.guest-room-type-section
  .select-room-type
  .right-section
  .ui-select-box-panel
  .ui-select-match
  .ui-select-toggle
  > .caret {
  color: #000000;
}

.edit-information-div {
  width: 100%;
  float: left;
  font-family: "Roboto";
  font-size: 12px;
  color: #434343;
  margin: 25px 0 -7px 0;
}

.guest-booking-id {
  width: 100%;
  float: left;
  font-family: "Roboto";
  font-size: 12px;
  color: #363636;
  padding: 7px 0 4px 0;
}

.guest-booking-id span {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}

.marked-as-panel {
  width: 100%;
  float: left;
  border: 1px solid #d6d6d6;
  background-color: #ffffff;
  padding: 20px 20px;
  text-align: right;
}

.marked-as-panel .amenite-checkbox input[type="checkbox"]:not(old) + label {
  margin-bottom: 0;
  font-weight: bold;
  color: #414141;
}

.width100 {
  width: 100% !important;
}

.disabled-selectpicker span.ui-select-toggle,
.disabled-selectpicker .btn.disabled,
.disabled-selectpicker .btn.disabled:hover {
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  opacity: 1 !important;
  color: #767676;
}

.guest-group-div img {
  width: 20px;
  margin: -3px 0 0 0;
}

.guest-group-div a {
  color: #000000 !important;
}

.guest-accomodation-panel button.btn-default {
  border: 1px solid #dadada;
  border-radius: 0px;
  height: 40px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #fff;
  background-image: none;
}

.guest-accomodation-panel .dropdown-menu {
  max-height: 220px !important;
}

.guest-accomodation-panel .dropdown-menu > li > a {
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.guest-accomodation-panel .dropdown-menu > li > a:hover {
  color: #262626;
  background-color: #f5f5f5;
}

.guest-accomodation-panel .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.add-manual-booking {
  padding-top: 20px;
}

.gm-style .gm-style-iw-c {
  border-radius: 2px !important;
  top: -50px !important;
}

.gm-style .gm-style-iw-c button {
  top: 5px !important;
}

.gm-style-iw {
  cursor: pointer;
  color: #000;
}

.ui-select-toggle {
  z-index: 1;
}

.tour-details-selectbox {
  margin-bottom: 15px;
}

.tour-details-selectbox .ui-select-match span.form-control {
  padding: 9px 0;
  font-size: 32px;
  color: #000000;
  border: 0 !important;
}

.tour-details-selectbox .ui-select-match {
  width: auto;
  max-width: calc(100% - 20px);
  outline: 0px;
}

.tour-details-selectbox .ui-select-bootstrap .ui-select-match-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tour-details-selectbox .btn-default-focus {
  background-color: #fff;
  border: 0px;
  box-shadow: none;
}

.tour-details-selectbox .ui-select-match span.ui-select-toggle {
  padding: 0px;
}

.tour-details-selectbox .ui-select-bootstrap .ui-select-toggle > .caret {
  right: 0px;
}

.tour-details-selectbox .ui-select-container input.form-control {
  padding: 9px 0;
  font-size: 32px;
  color: #000000;
  border: 0 !important;
}

.tour-details-selectbox .ui-select-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 32px;
  color: #000000;
}

.tour-details-selectbox .ui-select-container input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 32px;
  color: #000000;
}

.tour-details-selectbox .ui-select-container input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 32px;
  color: #000000;
}

.tour-details-selectbox .ui-select-container input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 32px;
  color: #000000;
}

.tour-details-selectbox .text-muted {
  padding-right: 1em;
}

.tour-details-selectbox .ui-select-choices-row {
  border-bottom: 1px solid #ccc !important;
}

.tour-details-selectbox .ui-select-bootstrap .ui-select-choices-row > span {
  padding: 10px 20px;
}

.tour-details-selectbox .ui-select-choices-row-inner div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.select-slot .ui-select-match span.form-control {
  font-size: 20px;
}

.select-slot .ui-select-bootstrap .ui-select-toggle > .caret {
  top: 35%;
}

.manual-detail-div {
  margin-right: -20px;
  margin-left: -20px;
  padding: 30px 20px 10px 20px;
  border-top: solid 1px #e2e2e2;
  clear: both;
}

.manual-label {
  display: inline-block;
  max-width: 100%;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 3px;
}

.manual-detail-div .full-section input {
  height: 50px;
  padding: 12px 15px;
}

.manual-lodging-panel {
  width: 100%;
  float: left;
  border: solid 1px #d6d6d6;
  background-color: #ffffff;
  padding: 20px 20px 15px 20px;
  margin: 0 0 20px 0;
}

.manual-lodging-panel .guest-count-div {
  width: 100%;
  float: left;
  border-bottom: solid 1px #d6d6d6;
}

.manual-lodging-panel .guest-count-div .text-div {
  width: auto;
  float: left;
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.71;
  color: #000000;
  text-transform: uppercase;
  padding: 16px 0 0 0;
}

.manual-lodging-panel .guest-count-div .guest-accomodation-panel {
  width: 178px;
  float: right;
  margin: 0 0 20px 0;
}

.manual-lodging-panel .heading-div {
  width: 100%;
  float: left;
  font-family: Oswald;
  font-size: 26px;
  color: #000000;
  padding: 30px 0 25px 0;
}

.manual-lodging-panel .lodging-room-panel {
  width: 100%;
  float: left;
  border: solid 1px #e6e6e6;
  background-color: #f8f8f8;
  padding: 13px 35px 19px 35px;
  margin: 0 0 10px 0;
}

.manual-lodging-panel .lodging-room-panel .upper-div {
  width: 100%;
  float: left;
  display: flex;
  align-items: baseline;
  padding: 0 0 18px 0;
}

.manual-lodging-panel .lodging-room-panel .upper-div .left-section {
  width: 75%;
  float: left;
}

.manual-lodging-panel .lodging-room-panel .upper-div .left-section .image-div {
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
}

.manual-lodging-panel
  .lodging-room-panel
  .upper-div
  .left-section
  .image-div
  img {
  width: 100%;
  height: 100%;
}

.manual-lodging-panel
  .lodging-room-panel
  .upper-div
  .left-section
  .image-div
  .see-more {
  font-family: Roboto;
  font-size: 12px;
  color: #ffffff;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
}

.manual-lodging-panel
  .lodging-room-panel
  .upper-div
  .left-section
  .detail-text {
  width: calc(100% - 70px);
  float: left;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  color: #000000;
  padding: 0 0 0 10px;
}

.manual-lodging-panel .lodging-room-panel .upper-div .left-section .descp-div {
  width: calc(100% - 70px);
  float: left;
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.71;
  color: #000000;
  padding: 0 0 0 10px;
}

.manual-lodging-panel .lodging-room-panel .upper-div .right-section {
  width: 25%;
  float: right;
}

.manual-lodging-panel
  .lodging-room-panel
  .upper-div
  .right-section
  .dollar-div {
  font-family: Roboto;
  font-size: 20px;
  color: #000000;
  width: 100%;
  float: left;
  text-align: right;
}

.manual-lodging-panel .lodging-room-panel .select-room-div {
  width: 100%;
  float: left;
  border-top: solid 1px #e6e6e6;
  padding: 17px 0 0 0;
}

.manual-lodging-panel .lodging-room-panel .select-room-div .text-div {
  width: auto;
  float: left;
  font-family: Roboto;
  font-size: 16px;
  color: #000000;
  padding: 12px 0 0 0;
}

.manual-lodging-panel
  .lodging-room-panel
  .select-room-div
  .guest-accomodation-panel {
  width: 158px;
  float: right;
  margin: 0 0 0 20px;
}

.manual-lodging-panel .add-on-panel {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0 16px 0;
  font-family: Oswald;
  font-size: 26px;
  color: #000000;
  position: relative;
}

.manual-lodging-panel .add-on-panel .checkbox-section {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}

.manual-lodging-panel .add-on-panel .checkbox-section label {
  color: #000000;
}

.manual-lodging-panel .massage-div {
  width: 100%;
  float: left;
  padding: 12px 0 0 0;
}

.manual-lodging-panel .massage-div .checkbox-panel {
  width: 50%;
  float: left;
  padding: 13px 0 0 0;
}

.manual-lodging-panel .massage-div .multiple-amount {
  width: auto;
  float: left;
  font-family: Roboto;
  font-size: 16px;
  color: #878787;
  padding: 13px 0 0 0;
}

.manual-lodging-panel .massage-div .multiple-amount span {
  padding-right: 8px;
}

.manual-lodging-panel .massage-div .guest-accomodation-panel {
  width: 178px;
  float: right;
}

.manual-lodging-panel .massage-div .description-text {
  width: 100%;
  float: left;
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.71;
  color: #787878;
}

.manual-lodging-panel .guest-count-div .price-section {
  width: auto;
  float: right;
  font-family: Roboto;
  font-size: 20px;
  color: #000000;
  padding: 10px 0 18px 0;
}

.manual-suggested-div {
  padding: 30px 0 5px 0;
  width: 100%;
  float: left;
}

.manual-suggested-div .full-section input {
  height: 50px;
  padding: 12px 15px;
}

.manual-suggested-div .full-section {
  margin: 0 0 15px 0;
}

.manual-suggested-div .add-guest-selectbox .ui-select-match span.form-control {
  padding: 15px 12px;
  outline: 0;
  height: 50px;
}

.manual-proceed-button {
  width: 300px;
  height: 50px;
  background-color: #000000;
  float: left;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding: 15px 10px;
  border: 1px solid #000000;
  margin: 0 0 20px 0;
}

/*payment-description-modal-starts*/

.payment-description-dialog {
  width: 676px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
}

.payment-description-dialog .modal-header {
  padding: 13px 21px 13px 29px;
  height: 93px;
}

.payment-description-dialog .modal-header .modal-title {
  font-family: Oswald;
  font-size: 30px;
  font-weight: 300;
  color: #000000;
}

.payment-description-dialog .modal-header .modal-title span.email {
  font-family: Roboto;
  font-size: 15px;
  display: block;
  color: #424242;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 4px 0 0 0;
}

.payment-description-dialog .modal-header .modal-title span.amount {
  font-family: Roboto;
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #424242;
  position: absolute;
  top: 22px;
  right: 79px;
}

.payment-description-dialog .modal-header .close {
  margin-top: -6px;
  margin-right: 5px;
}

.payment-description-dialog .modal-header .close span {
  width: 18px;
  height: 18px;
  opacity: 0.35;
  font-weight: 200;
  color: #000000;
  font-size: 48px;
}

.payment-description-dialog .modal-body {
  padding: 34px 34px 4px 34px;
}

.payment-description-dialog .modal-body .payment-panel-div {
  width: 100%;
  float: left;
  margin: 0 0 30px 0;
}

.payment-description-dialog .modal-body .payment-panel-div .payment-heading {
  font-family: Roboto;
  font-size: 14px;
  line-height: 1.71;
  color: #000000;
  width: 100%;
  float: left;
  text-transform: uppercase;
  word-wrap: break-word;
}

.payment-description-dialog
  .modal-body
  .payment-panel-div
  .payment-heading
  span {
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.5;
  color: #787878;
  display: block;
  text-transform: none;
  padding: 5px 0 0 0;
}

#operator-manifest-container .manual-search-input {
  width: 300px;
  min-width: 225px;
  position: relative;
}

.manual-search-input input {
  width: 100%;
  height: 45px;
  border-radius: 22.5px;
  border: solid 1px #e2e2e2;
  background: url(../../images/search-icon.png) no-repeat #ffffff 16px 11px;
  font-family: Roboto;
  font-size: 15px;
  color: #878787;
  padding: 0 28px 0 45px;
}

.manual-search-input span {
  position: absolute;
  right: 15px;
  top: 12px;
}

.manual-search-input span img {
  width: 10px;
  height: 10px;
}

.search-navbar-panel {
  width: auto;
  float: left;
  padding: 20px 0;
  position: relative;
}

.search-navbar-panel em {
  height: 22px;
  margin-top: 0;
  position: absolute;
  width: 10px;
  top: 27px;
  right: 75px;
  border-right: 1px solid #c5c5c5;
  z-index: 9;
}

.search-navbar-panel .search-box {
  width: 505px;
  height: 32px;
  background-color: #ffffff;
  float: left;
  font-family: Roboto;
  font-size: 14px;
  padding: 0px 75px 0px 14px;
  color: #000000;
  border: 1px solid #ffffff;
  border-radius: 2px;
}

.search-navbar-panel .search-button {
  border-left: 1px solid #c5c5c5;
  width: auto;
  position: absolute;
  right: 0;
  top: 27px;
  padding: 0 16px;
  font-family: Roboto;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  z-index: 9;
  border: 0;
  background-color: transparent;
}

.search-navbar-panel .search-button input {
  padding: 0 16px;
  font-family: Roboto;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
}

.search-navbar-panel .select2-choices {
  top: -3px;
  background: transparent;
}

.search-navbar-panel .select2-choices .select2-search-field input {
  padding: 5px 0 0 0;
}

.search-navbar-panel .select2-choices .select2-search-choice {
  padding: 6px 20px 6px 6px;
  margin: 6px 15px 0px 0px;
}

.search-navbar-panel .select2-search-choice-close {
  top: 6px;
}

.sub-navmenu {
  margin-top: 75px;
  min-height: 64px;
  /*border-top: 1px solid #999999;*/
}

.sub-navmenu ul {
  width: auto;
  text-align: center;
  list-style: none;
  margin: 0 auto;
  padding-inline-start: 0;
  /*padding: 23px 0;*/
}

.sub-navmenu ul li {
  display: inline-block;
  padding: 20px 4%;
}

.sub-navmenu ul li a {
  font-family: Roboto;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.search-section-div {
  min-width: 236px;
  margin: 0 20px 0 0;
  float: left;
  position: relative;
}

.search-section-div input.select-date {
  width: 100% !important;
  height: 43px;
  border-radius: 2px;
  border: solid 1px #dddddd;
  background: url(../../images/calender-icon.png) #ffffff no-repeat 95% 10px;
  margin: 0 20px 0 0;
  font-size: 16px !important;
  color: #000000;
  padding: 12px 12px 12px 16px;
  cursor: pointer;
}

.search-section-div input {
  width: 230px !important;
  height: 43px;
  border-radius: 2px;
  border: solid 1px #dddddd;
  background: #ffffff;
  margin: 0 20px 0 0;
  font-size: 16px !important;
  color: #000000;
  padding: 12px 30px 12px 16px;
}

.circle-cross {
  float: left;
  position: relative;
  right: -242px;
  top: -32px;
  background-color: #ccc;
  border-radius: 11px;
  height: 21px;
  width: 21px;
  text-align: center;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 4px;
  cursor: pointer;
}

.search-section-div .circle-cross {
  right: 11%;
  position: absolute;
  top: 11px;
}

.search-section-div input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 16px;
  color: #878787;
}

.search-section-div input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 16px;
  color: #878787;
}

.search-section-div input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 16px;
  color: #878787;
}

.search-section-div input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 16px;
  color: #878787;
}

.applyBtn {
  font-weight: normal !important;
  font-size: 16px !important;
  color: #000000;
  background-color: transparent;
  border-color: transparent;
}

.drp-selected {
  display: none !important;
}

.applyBtn:hover,
.applyBtn.focus,
.applyBtn:focus,
.applyBtn.active,
.applyBtn:active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.cancelBtn {
  font-weight: normal !important;
  font-size: 16px !important;
  color: #848484;
  background-color: transparent;
  border-color: transparent;
}

.cancelBtn:hover,
.cancelBtn.focus,
.cancelBtn:focus,
.cancelBtn.active,
.cancelBtn:active {
  color: #848484;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

.activity-banner {
  width: 100%;
  float: left;
  /* height: 445px; */
  height: calc(100vh - 320px);
}

.activity-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.md-drppicker.shown.drops-down-left {
  left: -165px !important;
}

.md-drppicker td.active,
.md-drppicker td.active {
  border-radius: 0 !important;
  background-color: #000 !important;
  color: #fff !important;
}

.md-drppicker td.active:hover {
  border-radius: 0 !important;
  background-color: #428bca !important;
}

.md-drppicker .btn {
  background-color: #fff !important;
  border: none !important;
  color: #000 !important;
  box-shadow: none !important;
  text-transform: capitalize !important;
}

.md-drppicker .clear svg {
  display: none;
}

.md-drppicker .clear {
  color: #848484 !important;
  border: none !important;
  margin-right: 6px;
  text-transform: capitalize !important;
}

.drops-down-auto {
  display: grid;
  margin-top: 60px !important;
}

.drops-down-auto .buttons {
  grid-column-start: 3;
}

/*lodging css starts*/
.additional-price {
  text-align: center;
  padding-top: 5px;
  font-size: 14px;
}

.lodging-listing-panel {
  border-top: 1px #e3e3e3 solid;
  margin-top: 20px;
}

.lodging-listing-panel .lodging-listing-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lodging-listing-panel .lodging-listing-div .select-text-div {
  margin-top: 15px;
}

.lodging-listing-panel .lodging-listing-div .amount-div {
  margin-top: 15px;
}

.lodging-listing-panel .lodging-listing-div .select-dropdown-div {
  margin-top: 15px;
}

.nav > li.home-adventure-panel {
  display: none;
}

.search-icon-div {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 55px;
  top: 25px;
}

.search-modal-div {
  height: 100%;
  overflow-y: hidden !important;
}

.search-modal-div .modal-dialog {
  height: 100%;
}

.search-modal-div .modal-dialog .modal-content {
  height: 100%;
}

.search-modal-div .modal-dialog .modal-content .modal-header {
  background: #f2f2f2;
  height: 50px;
  padding: 10px 15px 8px 15px;
  border-bottom: 1px solid #dfdfdf;
}

.search-modal-div .modal-dialog .modal-content .modal-body {
  padding: 0 15px 8px 15px;
  border-bottom: 1px solid #efefef;
}

.search-modal-div .modal-dialog .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #000000;
  text-align: center;
  padding: 13px 0 9px 0;
}

.search-modal-div .modal-dialog .modal-content .modal-footer .search-button {
  width: auto;
  font-family: Roboto;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  background: transparent !important;
  border-color: transparent !important;
}

.search-modal-div .modal-dialog .modal-content .modal-body label {
  font-size: 14px;
  color: #878787;
  text-transform: uppercase;
  float: left;
  text-align: left;
  padding: 12px 0 0 0;
  font-weight: 400;
}

.search-modal-div .modal-dialog .modal-content .modal-body input.search-button {
  display: none;
}

.add-manual-select ul.dropdown-menu {
  top: 60%;
}

.adventure-search-margin {
  margin-top: 40px !important;
}

/*---------gallary page ----------*/
#gallary {
  overflow: hidden !important;
  padding-right: 5px !important;
}

.gallary-dialog {
  width: 100;
  margin: 0px auto;
  padding: 0px 20px;
  height: 100%;
  background-color: #000 !important;
}

.gallary-content {
  padding: 5px;
  color: #fff;
  font-size: 24px;
  width: 100%;
  height: 95%;
  display: inline-block;
  position: relative;
}

.gallary-close {
  position: absolute;
  /*right: -60px;*/
  right: 0px;
  top: 20px;
  z-index: 9;
}

.arrow {
  cursor: pointer;
}

.count {
  float: right;
  font-size: 14px;
  padding-top: 14px;
}

.arrow-left {
  float: left;
  /*width: 10%;*/
  /*line-height: 600px;*/
  text-align: center;
  max-width: 100px;
  /*height: 500px;*/
  position: absolute;
  left: 0px;
  top: 45%;
  z-index: 9;
}

.gallary-image {
  padding: 0px;
  /*float: left;*/
  width: 80%;
  text-align: center;
  position: relative;
  height: 100%;
  margin: auto;
}

.gallary-inner {
  width: 100%;
  height: 86%;
  margin-bottom: 2%;
  overflow: hidden;
}

.thumbnail-outer {
  height: 12%;
}

.gallary-dialog .title {
  text-align: left;
  padding: 10px 0px;
  text-transform: capitalize;
  font-size: 25px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

.arrow-right {
  float: left;
  /*width: 10%;*/
  /*line-height: 600px;*/
  text-align: center;
  max-width: 100px;
  /*height: 500px;*/
  position: absolute;
  right: 0px;
  top: 45%;
}

.arrow-right .arrow,
.arrow-left .arrow {
  width: 25px;
}

.img-sec {
  /*min-height: 75%;*/
  /*max-width: 100%;*/
  /*max-height: 490px;*/
  /*width: 100%;*/

  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: center;
  display: block;
  margin: auto;
  object-fit: contain;
}

.img-overlay {
  position: absolute;
  bottom: 0px;
  max-height: 80px;
  width: 120px;
  z-index: 9;
  height: 100%;
}

.thumbnail-ul {
  list-style: none;
  width: 100%;
  height: 100%;
  /*margin-top: -45px;*/
  /*margin-bottom:0px;*/
  /*display: inline-block;*/
  overflow: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0px;
  /*    position: absolute;
    bottom: 0px;*/
  text-align: center;
  margin-bottom: 0;
}

.thumbnail-ul li {
  /*height: 100px;*/
  height: 100%;

  margin: 0 4px;
  cursor: pointer;
  opacity: 0.5;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.thumbnail-ul li img {
  max-width: 100%;
  /*width: 100%;*/
  height: 100%;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  margin: auto;
  object-fit: cover;
}

.thumbnail-ul li .vdo {
  border: 1px solid #fff;
  max-height: 80px;
  height: 100%;
}

.thumbnail-ul .videoli {
  position: relative;
  width: 118px;
  border: 1px solid #ccc !important;
}

.thumbnail-ul .selected {
  opacity: 1;
}

.modal-backdrop.in {
  opacity: 0.9;
}

.modal-open .navbar .container-fluid {
  opacity: 0;
}

.white-label-signin {
  overflow-x: hidden;
  overflow-y: auto;
}

.gallary-image iframe {
  border: none;
}

.gallary-image .videoli iframe {
  max-height: 80px;
  height: 100%;
}

.pkg-slot-row {
  padding: 10px 0px;
  border-bottom: 1px solid #e5e5e5;
}

.pkg-slot-row label {
  margin-bottom: 0px !important;
}

.checkbox-div .label-padd-0 {
  padding-left: 0px !important;
}

.loading {
  background: url(../../images/ajax-loader.gif) no-repeat center center;
  /*object-fit: cover;*/
}

/*--consumer-profile---*/
.consumer-profile {
  float: left;
  width: 120px;
  height: 120px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table;
  margin-bottom: 10px;
  border: 1px dashed #979797;
}

.consumer-defult-img {
  width: 30px;
}

.consumer-profile .upload-text {
  font-size: 12px;
}

.upload-after-pic {
  width: 120px;
  height: 120px;
  display: none;
}

.upload-after-pic .consumer-upload {
  height: 100%;
  width: 100%;
}

.consumer-cover {
  height: 160px !important;
}

.consumer-cover-pic {
  width: 100%;
  height: 180px;
  float: left;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table;
  background: #f2f2f2;
  margin-bottom: 10px;
  border: 1px solid #d6d6d6;
}

.consumer-cover-pic label.btn-add-cover {
  width: 100%;
  height: 100%;
  color: #fff !important;
  padding: 6px 10px;
  cursor: pointer;
}

.consumer-cover-pic .cover-add-input {
  width: 80px;
  background: #525050;
  /*padding: 6px 10px;*/
  position: absolute;
  right: 0;
  bottom: 1px;
  cursor: pointer;
}

.upload-after-cover {
  width: 100%;
  height: 180px;
  position: relative;
  display: none;
}

.upload-after-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-change {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  padding: 6px 12px;
  color: #fff !important;
  border-color: #000;
  background-color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.consumer-cover-pic input {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  cursor: pointer;
  z-index: -1;
}

.cover-container {
  padding: 10px;
  width: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.change-btn-profile {
  float: left;
  display: none;
}

.change-btn-profile .change-profile-btn {
  width: 100px;
  background: #fff;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  border: 1px solid;
  text-align: center;
  padding-top: 4px;
  height: 30px;
  margin-left: 13px;
  cursor: pointer;
  position: relative;
}

.change-btn-profile input {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  cursor: pointer;
}

.change-profile,
.add-profile {
  float: left;
  display: block;
}

.change-profile,
.add-profile {
  width: 100px;
  background: #fff;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  border: 1px solid;
  text-align: center;
  padding: 6px;
  height: 30px;
  margin-left: 13px;
  cursor: pointer;
  position: relative;
}

.change-profile input,
.add-profile input {
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  cursor: pointer;
}

label.change-profile-btn input {
  opacity: 0;
}

.profile-container label input {
  opacity: 0;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
}

.consumer-profile .ui-profile-pic {
  width: 100%;
  height: 100%;
}

.profile-container {
  width: 120px;
  height: 120px;
  background: #f2f2f2;
}

.profile-container img {
  position: relative;
  top: 10px;
}

.profile-btn {
  opacity: 0;
}

.profile-btn input {
  height: 120px;
  width: 120px;
}

.add-my-profile input,
.change-my-profile input {
  opacity: 0;
  width: 100px;
}

.add-my-profile,
.change-my-profile {
  width: 100px;
  background: #fff;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  border: 1px solid;
  text-align: center;
  padding: 6px;
  height: 30px;
  margin-left: 13px;
  cursor: pointer;
  position: relative;
}

.cover-change-button {
  width: 100%;
  position: absolute;
  font-weight: 400;
  text-align: right;
  right: 0px;
  bottom: 0px;
  font-family: "Roboto", sans-serif;
}

.cover-change-button span {
  position: absolute;
  width: 100px;
  text-align: center;
  right: 0;
  border-color: #000;
  background-color: #000;
  bottom: 0;
  padding: 6px 12px;
  color: #fff !important;
}

.itinerary-desc span {
  display: initial;
}

.ambassador-disabled,
.ambassador-disabled:hover,
.ambassador-disabled:focus,
.ambassador-disabled:active {
  opacity: 0.5;
}

.ambassador-disabled:hover,
.ambassador-disabled:focus,
.ambassador-disabled:active {
  background-color: #000000;
  opacity: 0.5;
}

.opacity-2 {
  opacity: 0.2 !important;
}

/*--end consumer profile---*/
/*.heli-video {
    display: none;
}*/
.btn-drop-cancel {
  color: #000;
  background: #fff;
  padding: 8px 8px;
  border: 1px solid #000;
  letter-spacing: 1px;
  width: 250px;
  float: right;
  border-radius: 0;
  height: 61px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  margin-right: 5px;
}

.profile-image-ui-cropper {
  background: black;
  overflow: hidden;
  height: 300px;
}

.ui-profile-img {
  width: 100%;
  height: 100%;
  margin-top: -32px;
}

.add-ui-profile {
  opacity: 0;
}

.add-button-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0px;
  cursor: pointer;
}

.ui-cover-img {
  padding: 10px;
  width: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 200px;
}

.cover-image-ui-cropper {
  background: black;
  overflow: hidden;
  width: 100%;
  height: 300px;
}

.ui-profile-img11 {
  width: 100%;
  height: 100%;
}

.ui-profile-pic-after input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: -1;
}

.ui-cover-change-btn {
  /*position:absolute;*/
  font-weight: 400;
  text-align: right;
  right: 0px;
  bottom: 0px;
  font-family: "Roboto", sans-serif;
}

.ui-cover-change-btn span {
  position: absolute;
  width: 100px;
  text-align: center;
  right: 0;
  border-color: #000;
  background-color: #000;
  bottom: 0;
  padding: 8px 12px;
  color: #fff !important;
  cursor: pointer;
}

.hide-left-panel {
  padding-left: 0px !important;
}

/* location map bb*/

.amenities-row {
  border-bottom: #e0e0e0 1px solid !important;
}

.itinerary-row:first-child {
  margin-top: 20px;
  border-top: 0;
}

.map-container .package-anchor-row {
  border-top: 0;
  margin-top: 0;
}

.map-div {
  width: 100%;
  float: left;
}

.loction-row {
  overflow: inherit;
}

.location-container {
  width: 100%;
}

.map-inner {
  height: 400px !important;
}

.location-map-address {
  display: block;
  color: #000 !important;
  text-transform: none;
  font-weight: 400;
  margin-top: 15px;
  font-family: "Roboto", sans-serif;
}

.location-map-address i {
  font-size: 20px;
  margin-right: 10px;
  align-items: center;
}

.slick-list .image2-col {
  flex: 0 0 50%;
  margin: 1px;
}

.destination-location-gallery .slick-list,
.destination-location-gallery .slick-list img {
  height: 700px !important;
}

/* snackbar css*/
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden;
  /* Hidden by default. Visible on click */
  min-width: 250px;
  /* Set a default minimum width */
  margin-left: -125px;
  /* Divide value of min-width by 2 */
  background-color: #333;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 10000;
  /* Add a z-index if needed */
  left: 50%;
  /* Center the snackbar */
  top: 80px;
  /* 70px from the top */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible;
  /* Show the snackbar */

  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 80px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 80px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    top: 80px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    top: 80px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.visible-ipad {
  display: none;
}

.home-operator-section {
  width: 100%;
  float: left;
  background-color: #f2f2f2;
  padding: 60px 0 70px 0;
}
.agent-consumer-section {
  background-color: #fff;
}

.home-operator-section .container {
  width: 90%;
  margin: 0 auto;
}

.home-operator-section .container h1 {
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.home-operator-section .operation-panel {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 60px 0 0 0;
}

.home-operator-section .operation-panel .box-div {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  text-align: center;
  padding: 0px 10px;
}

.home-operator-section .operation-panel .box-div img {
  margin: 0 auto 25px;
  width: auto;
  height: 53px;
}

.home-operator-section .operation-panel .box-div h4 {
  margin: 0;
  font-weight: 400;
  padding: 0;
  font-family: "Roboto";
  text-align: center;
  width: 100%;
}

.home-operator-section .operation-panel .box-div h4 span.heading {
  font-size: 24px;
  color: #000000;
  text-transform: capitalize;
}

.home-operator-section .operation-panel .box-div h4 span.sub-heading {
  display: block;
  font-size: 16px;
  color: #202020;
  padding: 17px 0 0 0;
  line-height: 24px;
  font-weight: normal;
}
.guest-hint {
  text-align: right;
  font-size: 11px;
  font-style: italic;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("../../images/select2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }

  .select2-search input {
    background-position: 100% -21px !important;
  }
}

.Lodging-section .form-control[disabled],
.form-min-private-guest[disabled] {
  background-color: #eee !important;
  color: #878787;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fff;
  opacity: 1;
}

.heli-logo a img {
  width: 75px;
}

.heli-logo a i {
  font-size: 40px !important;
  cursor: pointer;
}

/*------end select2 css-----*/

.section-divider {
  display: none;
}

.sign-header {
  display: none;
}

.heli-logo {
  z-index: 99;
  color: #fff;
  font-size: 50px;
  padding: 25px 0 0 50px;
  cursor: pointer;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
}

.sign-back-btn {
  margin-top: 30px;
}

.back-arrow-sign img {
  display: none;
}

/*------operator signup-----*/

.operator-back {
  /*background: url(../../images/operator-back.jpg) no-repeat center top;*/
  background: url(../../images/operator-video-cover.jpg) no-repeat center top;
  width: 100%;
  min-height: 400px;
  margin-top: 73px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-color: #000;
}
.consumer-agent-back {
  background: url(../../images/heli-video-cover.jpg) no-repeat center top;
  min-height: 400px;
  margin-top: 73px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-color: #000;
}
.consumer-agent-main .pack-sm-head {
  letter-spacing: 0;
  font-size: 24px;
}
.consumer-agent-main .form-control-search {
  background-color: #fff;
}
.consumer-agent-main .search-panel {
  width: 330px;
}
.consumer-agent-main .search-panel span {
  top: 14px !important;
}
.consumer-agent-section {
  border: solid 1px #d3d3d3;
  min-height: 225px !important;
  position: relative;
  margin-bottom: 20px;
}
.consumer-agent-section.consumer-checked {
  border: solid 1px #000;
}
.consumer-agent-footer {
  float: left;
  width: 100%;
  height: 80px;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ebebeb;
  z-index: 100;
}
.consumer-tab-section {
  padding-bottom: 80px;
}
.consumer-agent-footer .inner-footer {
  padding: 22px 25px 15px 20px;
  background-color: #f2f2f2;
  text-align: right;
}
.consumer-agent-footer .next-btn {
  width: 180px;
}
.consumer-agent-section .amenite-checkbox {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.consumer-agent-section .amenite-checkbox input[type="checkbox"] {
  left: 0;
  margin: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.consumer-agent-section .amenite-checkbox label {
  width: 0;
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 6px;
}
.consumer-agent-main .search-panel span i {
  color: #000 !important;
}
.operator-head {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.operator-head h1 {
  font-size: 35px;
  margin: 0;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.consumer-agent-head h1 {
  font-size: 35px;
  margin: 0;
  font-weight: 500;
  text-transform: capitalize;
}
.consumer-agent-btn {
  border-radius: 0;
  padding: 14px 30px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 33px 0 0;
}
.operator-para {
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0 0 0;
  font-family: "Roboto", sans-serif;
}

.operator-para h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-family: "Roboto", sans-serif;
}

.operator-sign-panel {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  height: 150px;
  padding: 0px;
  width: 60%;
  text-align: center;
}

.operator-form {
  width: 100%;
  float: left;
  padding: 40px 40px 0 40px;
  background: #fff;
}

.operator-head-sm {
  float: left;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  font-family: "Roboto", sans-serif;
}

.operator-form label {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.submit-btn-op {
  width: 224px;
  border-radius: 0;
  height: 61px;
  margin: 28px auto;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.footer {
  float: left;
  width: 100%;
  /* TODO: uncomment after testing Stripe 3D Secure */
  /*position: absolute;*/
  bottom: 0;
}

.operator-form textarea {
  height: 240px;
}

.submit-btn-fm {
  width: 250px;
  border-radius: 0;
  height: 61px;
  margin: 0px 0 40px 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.email-txt {
  font-size: 12px;
  color: #898989;
  font-style: italic;
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
}

.slect-panel .bootstrap-select {
  width: 100% !important;
}

.slect-panel .btn-default {
  color: #878787;
  border-radius: 0;
  height: 43px;
  border-color: #dddddd;
}

.booking-policies .slect-panel .btn-default {
  height: 40px !important;
}

.slect-panel .caret {
  color: #000;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  z-index: -1;
  pointer-events: none;
}

.slect-panel .dropup .caret,
.slect-panel .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 5px solid;
}

.slect-panel .dropdown-menu {
  border-radius: 0;
  border: 1px solid #dddddd;
  margin: 0px 0 0;
  overflow: auto;
  /*height: 340px;*/
  max-height: 150px !important;
  box-shadow: none;
}

.slect-panel .dropdown-menu > li > a {
  padding: 8px 10px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.slect-panel .btn-default:hover {
  color: #878787;
  background-color: #fff;
  border-color: #dddddd;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #878787;
  text-decoration: none;
  background-color: transparent;
}

.dropdown-menu > li > a {
  color: #878787;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #878787;
  background-color: #fff;
  border-color: #dddddd;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #878787;
  background-color: #fff;
  border-color: #dddddd;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
}

.succes-panel {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 250px;
  margin-top: 10%;
  text-align: center;
  padding-bottom: 40px;
}

.sucess-txt {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  text-align: center;
  margin-top: 30px;
}

.sucess-txt span {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: block;
  text-align: center;
  text-transform: none;
}

.menu-txt {
  font-size: 40px;
  color: #fff;
  margin-bottom: 40px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

/*-----operator listing-----*/
.add-panel .tab-content {
  padding: 0 !important;
}

.add-panel .tab-content .tab-pane {
  padding-top: 0px !important;
}

.listing-tab {
  display: table;
  margin: auto;
  margin-bottom: 30px;
}

.listing-tab .nav-pills > li.active > a,
.listing-tab .nav-pills > li.active > a:focus,
.listing-tab .nav-pills > li.active > a:hover {
  color: #fff !important;
  background-color: #000;
  text-transform: uppercase;
  border-radius: 0;
  border: 1px solid #e2e2e2 !important;
}

.listing-tab .nav-pills > li.active > a:after {
  border-top: 8px solid #000000;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
}

.listing-tab .nav > li > a {
  color: #898989;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 0;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-right: 0px solid #e2e2e2;
}

.listing-tab .nav > li:last-child a {
  border-right: 1px solid #e2e2e2;
}

.listing-tab .nav-pills > li + li {
  margin-left: 0px;
}

.listing-section {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.listing-section .thumbnail-panel {
  height: 350px;
  overflow: hidden;
  position: relative;
}

.listing-section .thumbnail-panel a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.listing-section .date-shad {
  position: absolute;
  color: #fff;
  bottom: 0;
  right: inherit;
  width: 100%;
  height: 40px;
  z-index: 2;
  padding: 0px 0px;
  background: rgba(0, 0, 0, 0.6);
}

.list-date,
.incomplete,
.deactivated-date {
  font-size: 12px;
  text-align: center;
  padding-top: 13px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.public-label {
  margin: 0px 0px 0px 10px;
  padding: 2px 10px;
  border: 1px solid #fff;
  background: #f0f0f0;
  color: #333;
  font-weight: 500 !important;
  border-radius: 2px;
}

.incomplete {
  height: 40px;
  text-transform: uppercase;
  font-weight: 400;
}

.deactivated-date {
  height: 40px;
}

.img-thumnail {
  height: 350px;
  background: #ccc;
}

.list-date span {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
}

.operator-package-list .dates-row {
  bottom: 40px;
}

.operator-package-list .labels-row .list-date {
  padding-top: 5px;
}

.incomplete,
.operator-package-list .labels-row .list-date.incomplete {
  background: rgba(187, 71, 84, 0.9);
}

.deactivated-date,
.operator-package-list .labels-row .list-date.deactivated-date {
  background: rgba(169, 169, 169, 1);
}

.operator-package-list .labels-row .list-date .public-label:first-child {
  margin-left: 0;
}

.list-bottom-section {
  background: #fff;
  height: auto;
  float: left;
  width: 100%;
}

.list-bottom-inner {
  padding: 10px 0px 0px 0px;
  float: left;
  width: 100%;
}

.list-head {
  width: 100%;
  float: left;
  padding: 0 10px;
  min-height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-tp {
  margin-top: 20px;
}

.mobile-result-div {
  position: relative;
  top: 5px;
  left: 15px;
  /*z-index: 99;*/
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: inherit;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.no-result {
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.list-price-dates {
  margin-top: -15px;
  padding-bottom: 30px;
}

.list-middle {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 10px auto 0;
  padding: 15px 0 0;
}

.list-1 {
  width: 110px;
  min-height: 70px;
}

.list-1:nth-child(2) {
  border-left: 1px solid #e5e5e5;
}

.list-1 span {
  font-size: 12px;
  color: #878787;
  display: block;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
  margin-top: 5px;
}

.list-1 .sold-out {
  font-size: 12px;
  color: #12a36a;
  display: block;
  margin-top: 5px;
  border: 1px solid #12a36a;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.listing-section [class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
  min-height: 500px;
  margin-bottom: 20px;
  float: left;
}

.list-price {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  margin-top: 15px;
  text-align: center;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.list-slot-txt {
  color: #000;
  text-align: center;
  font-weight: 400;
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.list-footer {
  height: 50px;
  background: #f7f7f7;
  border-top: 1px solid #e2e2e2;
  float: left;
  width: 100%;
}

.list-footer .btn-link {
  width: 49%;
  padding: 14px 12px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.list-footer .btn-link:first-child {
  border-right: 1px solid #e2e2e2;
}

/*.thumbnail-panel:hover .thumbnail-active{
    opacity: 1;
}*/
.thumbnail-active {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: none;
  background: rgba(0, 0, 0, 0.7);
}

.thumbnail-panel:hover .thumbnail-active {
  text-align: center;
  /*vertical-align: middle;*/
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
}

.btn-view-detail {
  color: #fff;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  margin: auto;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #fff;
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.btn-view-detail:active,
.btn-view-detail:hover,
.btn-view-detail:focus {
  color: #fff;
  border: 1px solid #fff;
}

.btn-back-home {
  width: 224px;
  border-radius: 0;
  height: 61px;
  margin: 28px auto;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  padding-top: 19px;
}

.radio-col {
  top: 15px;
  position: absolute;
  left: 15px;
}

.checkbox-col {
  top: 15px;
  position: relative;
  left: 15px;
  width: 50px;
}

.checkbox-col input[type="checkbox"] {
  opacity: 0 !important;
}

.checkbox-col input[type="checkbox"]:not(old) + label {
  display: block;
  width: 30px;
  height: 34px;
  margin: 0;
  /* vertical-align: middle; */
  background: url(../../images/green-sprite.png) 0px 0px no-repeat !important;
  cursor: pointer;
}

.checkbox-col input[type="checkbox"]:checked:not(old) + label {
  background: url(../../images/green-sprite.png) 0px -37px no-repeat !important;
}

.list-hover .dropdown {
  position: absolute;
  top: 10px;
  right: 20px;
  text-align: right;
  cursor: pointer;
}

.list-hover .dropdown img {
  cursor: pointer;
}

.list-hover .dropdown-menu {
  border-radius: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  left: -126px;
  margin: 7px 0 0;
}

.list-hover .dropdown-menu > li > a {
  color: #878787;
  padding: 8px 20px;
  text-transform: uppercase;
}

.list-hover .dropdown-menu > .active > a,
.list-hover .dropdown-menu > .active > a:focus,
.list-hover .dropdown-menu > .active > a:hover {
  color: #000;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
}

.dropdown-menu:before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  right: 13px;
  top: -8px;
}

.filters.dropdown-menu:before {
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.btn-create-adv {
  width: 190px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  float: right;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 20px;
  right: 0;
}

.resend-reminder {
  border-top: 1px solid #ccc;
  padding: 15px 10px;
  text-align: center;
}

.btn-resend-link {
  border-radius: 0;
  height: 45px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  padding: 10px 5px !important;
  width: 100%;
}

.btn-resend-link a {
  color: #fff;
  font-size: 16px;
}

.full-witdh {
  width: 100%;
  font-size: 13px !important;
}

.payment-received-link {
  text-align: center;
  color: #000;
  width: calc(100% - 15px);
  padding-top: 15px;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.copy-link {
  font-size: 14px;
  text-decoration: underline;
  color: #337ab7;
  cursor: pointer;
  margin: 10px 0 0 6px;
}

.copy-text {
  position: absolute;
  left: -100vw;
  top: -100vh;
}

.min-error {
  position: relative;
  top: -19px;
  z-index: 1;
}

.heli-logo a {
  color: #fff;
}

.inner-header {
  background: #000 !important;
}

.header-color {
  transition: all 0.5s ease-in-out;
  z-index: 8;
}

.header-color.active {
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  margin-bottom: 0px !important;
  border-radius: 0px;
}

.header-main-nav.height0 {
  margin-top: -77px;
}

.pointer {
  cursor: pointer;
}

.noDataFound-section {
  position: absolute;
  display: inline-block;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  text-align: center;
  top: 250px;
}

.black {
  color: #000 !important;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.lodging-title {
  margin: 20px 0px 10px 0px;
}

.bold-font span {
  color: #000 !important;
  text-decoration: underline;
}

.fix-scroll {
  overflow: hidden !important;
  height: 100% !important;
}

.activity-filter-container {
  padding-bottom: 400px;
  /* float: left; */
  width: 100%;
}
.filter-container {
  /* margin-top: 140px; */
}
.filter-section {
  height: 100%;
  margin-top: 20px;
}

.update {
  margin: 10px 0;
}

.update-panel .form-group {
  margin-bottom: 12px;
}

.navbar-default {
  padding-right: 25px;
  padding-left: 25px;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #4385f4 !important;
  border-color: transparent;
  border-radius: 0;
  color: #fff !important;
}

.daterangepicker td.in-range {
  background-color: #4385f4 !important;
  border-color: transparent;
  color: #fff !important;
  border-radius: 0;
}

.daterangepicker td.in-range.off {
  background-color: #fff !important;
  border-color: transparent;
  color: #999 !important;
  border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #4385f4 !important;
  border-color: transparent;
  color: #fff !important;
}

.not-found-bank-transfer-text {
  margin-bottom: 20px;
  text-align: left;
}

.not-found-bank-transfer-number {
  font-size: 32px;
  text-align: center;
}

.connect-to-payment-system {
  margin: 30px 0;
  padding: 0 20px;
  text-align: center;
}

.container-select-transfer-country {
  padding: 0 20px;
}

.title-select-transfer-country {
  margin-bottom: 10px;
}

@media (max-width: 564px) {
  .daterangepicker.show-calendar .calendar {
    max-width: 100% !important;
  }

  .daterangepicker {
    width: 100% !important;
  }

  .mobile-calender {
    top: -15px !important;
  }

  /*html .search-open.fix-scroll{*/
  .fix-scroll {
    overflow: hidden !important;
    height: 100% !important;
  }

  .move-down {
    bottom: -220px !important;
  }
}

.main-nav .nav > li > a {
  font-size: 14px;
}

.main-nav .nav > li > a:focus,
.main-nav .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}

.section-2 .tab-content {
  margin-top: 18px;
  margin-left: -1px;
}

.op-head {
  width: 100%;
  float: left;
}

.mandatory {
  float: right;
  font-size: 11px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.op-container {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}

.inner-header .nav > li em {
  border-right: 1px solid #616161 !important;
}

.inner-header .nav > li:last-child em {
  border-right: 0 !important;
}

.home-login ul li a img {
  margin-right: 10px;
}

.home-login ul li a:last-child img {
  margin-left: 10px;
}

.home-login ul li a:last-child img {
  margin-right: 0px;
}

.home-login ul li a {
  cursor: pointer;
}

.home-adventure-panel ul li a {
  text-transform: uppercase;
}

.home-login ul li a.dropdown-toggle {
  text-transform: uppercase;
}

/*.inner-header ul li em:last-child{
    display: none;
}*/

.video-mid {
  margin: auto;
  width: 60%;
}

.section-1 .home-carousel {
  width: 90%;
}

.community-panel {
  width: 100%;
  float: left;
  padding: 0;
}

.community-panel .col-sm-4 {
  border-left: 1px solid #fff;
}

.community-panel [class^="col"] {
  padding-left: 0px;
  padding-right: 0px;
}

.page-found-txt {
  font-size: 50px;
  color: #a4a4a4;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.page-not-found {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  text-align: center;
}

.page-para {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin-top: 15px;
  font-family: "Roboto", sans-serif;
}

.mgtop40 {
  margin-top: 40px;
}

.myNavbar {
  display: flex;
  margin-top: 9px;
  margin-right: 15px;
  margin-left: 13px;
}

.myNavbar a span {
  display: inline-block !important;
}

.myNavbar a {
  color: #fff;
}

.myNavbar .open > a,
.myNavbar .open > a:focus,
.myNavbar .open > a:hover {
  background: none;
}

.myNavbar .open .caret {
  border-top: 0;
  border-bottom: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.myNavbar .dropdown-menu {
  right: -20px;
  left: auto;
  position: absolute !important;
  border-radius: 0px;
  min-width: 195px;
  background: #fff !important;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.175) !important;
  margin-top: 9px;
  z-index: 9999;
}

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

.myNavbar .dropdown-menu > li:first-child > a {
  border-top: 0;
}

.myNavbar .dropdown-menu > li > a {
  padding: 12px 20px;
  border-top: #eee 1px solid;
}

.myNavbar .dropdown-menu > li > a:hover,
.myNavbar .dropdown-menu > li > a:active {
  background-color: #f2f2f2;
}

.myNavbar .dropdown-menu > li > a.active {
  color: #878787;
}

.home-logo {
  margin-top: 10px;
}

.load-more-btn {
  display: block;
  margin: auto;
  width: 200px;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  padding: 12px 12px;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.load-more-btn:active,
.load-more-btn:hover,
.load-more-btn:focus {
  color: #000;
}

.load-panels {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

body > .select2-container.open {
  z-index: 99999;
  top: 20px !important;
}

.home-card {
  font-size: 18px !important;
  margin-right: 0 !important;
  vertical-align: top;
}

.location-search .input-group-addon {
  z-index: 10;
  position: absolute;
  width: 48px;
  height: 100%;
  right: 0;
}

.location-search .input-group-addon .search-map-ico {
  position: absolute;
  top: 0;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
}

.home-menu {
  width: 21px;
}

.home-sigin-icon {
  /*width: 20px;*/
  font-size: 18px !important;
  vertical-align: top;
}

.font20 {
  font-size: 20px;
}

.tooltip-error {
  text-align: left;
  background: #000;
  color: #fff;
  padding: 5px 5px;
  border: 1px solid #000;
  margin-top: 15px;
  position: relative;
}

.tooltip-error:after {
  border-bottom: 10px solid #000000;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  top: -10px;
  left: 10px;
}

.li-border0 {
  border: 0 !important;
}

.feature-slect .btn-default {
  height: 45px;
}

.feature-slect .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-transform: uppercase;
}

.feature-slect .bootstrap-select.btn-group .dropdown-menu li {
  text-transform: uppercase;
}

.no-adventure-panel {
  width: 100%;
  float: left;
  text-align: center;
}

.no-adventure-panel img {
  width: 200px;
  margin-bottom: 20px;
}

.no-adventure-head {
  font-size: 25px;
  color: #000;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.no-adventure-sm {
  margin-top: 10px;
  font-size: 12px;
  color: #787878;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.no-adventure-sm span {
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}

.adventure-panel {
  position: relative;
  /*    left: 250px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 200px;*/
  margin-top: 100px;
}

.list-height {
  float: left;
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: relative;
}

/*.tab-content{
    height: calc(100% - 69px);
}*/
.add-panel {
  height: 100%;
}

.wrapper-package-list {
  height: 100%;
  padding: 0;
}

.success-height {
  height: auto !important;
}

.add-more a {
  color: #fff;
  text-decoration: none;
}

.add-slot-pop-footer {
  padding-top: 40px;
}

.check-list label {
  text-transform: inherit;
}

.package-label label {
  text-transform: capitalize;
}

.package-label input[type="checkbox"] {
  width: auto;
}

.z-index10 {
  z-index: 10;
}

.z-index9 {
  z-index: 9;
}

.z-index8 {
  z-index: 8;
}

.z-index7 {
  z-index: 7;
}

.z-index6 {
  z-index: 6;
}

.z-index5 {
  z-index: 5;
}

.z-index4 {
  z-index: 4;
}

.z-index3 {
  z-index: 3;
}

.z-index2 {
  z-index: 2;
}

.z-index1 {
  z-index: 1;
}

.pop-span-1 {
  width: 23%;
  float: left;
  padding: 15px 5px;
}

.pop-span-2 {
  width: 15%;
  float: left;
  padding: 15px 5px;
}

.pop-span-3 {
  width: 15%;
  float: left;
  padding: 15px 5px;
}

.pop-span-4 {
  width: 15%;
  float: left;
  padding: 15px 5px;
}

.pop-span-5 {
  width: 15%;
  float: left;
  padding: 15px 5px;
}

.pop-span-6 {
  width: 8.5%;
  float: left;
  padding: 15px 5px;
}

.text-wrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listing-pop .pop-span-1,
.listing-pop .pop-span-2,
.listing-pop .pop-span-3,
.listing-pop .pop-span-4,
.listing-pop .pop-span-5,
.listing-pop .pop-span-6 {
  font-size: 12px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
}

.listing-slots {
  width: 780px;
  margin: 100px auto;
}

.list-edit-txt {
  color: #000;
  text-align: center;
  font-weight: 400;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.list-body {
  padding: 10px 20px 20px 20px;
}

.listing-mob-head {
  display: none;
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px 0px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.disabled-slot {
  opacity: 0.5;
  pointer-events: none;
}

.listing-sub-panel {
  float: left;
  width: 100%;
  border: 1px solid #e2e2e2;
}

.listing-sub-panel:hover {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}

.list-border {
  border: 1px solid #000;
}

.edit-sub-panel {
  padding-bottom: 10px;
}

.package-sub-panel .slect-panel .slect-border {
  border: 0;
}

.edit-detail span {
  float: right;
  font-size: 11px;
  color: #787878;
}

.toggle-panel:after {
  font-family: "FontAwesome";
  content: "\f106";
  float: right;
  display: block;
  color: grey;
  font-size: 30px;
}

.toggle-panel.collapsed:after {
  content: "\f107";
  font-size: 30px;
}

.logo label {
  text-transform: inherit;
}

.logo-height .gallery-sloat-container,
.logo-height .gallery-file-type {
  height: auto !important;
}

.remove-logo {
  color: #000;
  font-size: 12px;
  text-align: right;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.pack-sm-text {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 16px;
  color: #7f7f7f;
}

.social-label-sm label {
  text-transform: inherit;
}

.btn-social-connect {
  width: 85px;
  color: #000;
  background: #fff;
  padding: 8px 8px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  float: right;
  font-family: "Roboto", sans-serif;
}

.black-hover:active,
.btn-black-hover:hover,
.btn-black-hover:focus {
  background: #000 !important;
  color: #fff !important;
}

.proceed-btn button[disabled],
.proceed-btn button[disabled]:hover,
.add-to-cart-btn button[disabled],
.add-to-cart-btn button[disabled]:hover {
  background-color: #000000;
  opacity: 0.5;
  pointer-events: none;
}

.label-sm label {
  text-transform: inherit !important;
}

.pervious-btn img {
  margin-right: 5px;
}

.form-contl-edit::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-min-private-guest {
  height: 42px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  width: 60px;
  padding: 10px;
}

/*----rador screen----*/
.rador-main-panel {
  width: 100%;
  float: left;
  margin-top: 73px;
}

.no-rador-items {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
}

.no-rador-items span {
  border: red 2px solid;
  font-weight: 400;
  color: red;
  font-size: 20px;
  padding: 15px;
}

.rador-sub {
  width: 100%;
  float: left;
  padding: 30px 0;
  background: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.rador-sub img {
  margin-right: 10px;
  width: 32px;
  vertical-align: top;
  position: relative;
  top: 6px;
}

.rador-sub span {
  font-size: 35px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

.rador-sub h1 {
  font-size: 35px;
  margin: 0;
  display: inline-block;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: uppercase;
}

.rador-main-panel .container {
  width: 90%;
}

.rador-capiton {
  /*text-transform: capitalize;*/
  font-size: 22px;
  bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.rador-capiton.operator-name,
.img-caption.operator-name {
  bottom: 16px;
  font-size: 24px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.operator-name {
  margin-top: 10px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.rador-capt {
  font-size: 22px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  padding: 0 5px;
}

.rador-logo img {
  max-width: 180px;
  max-height: 80px;
}

.btn-rador-view {
  width: 150px;
  padding: 8px 12px;
  font-size: 13px;
  margin-top: 10px;
}

.rador-last-panel {
  width: 100%;
  float: left;
  border: 1px solid #7a7a7a;
  position: absolute;
  bottom: 0;
}

.rador-last-panel .foot-panel {
  padding: 10px 0px;
  text-align: center;
  border-right: 1px solid #7a7a7a;
  cursor: pointer;
}

.rador-last-panel .foot-panel:last-child {
  border-right: 0;
}

.rador-last-panel .foot-panel span {
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.img-section .slots-panel .rador-inner {
  width: 100%;
  text-align: center;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  top: 0;
}

.radar-inner-height {
  height: calc(100% - 95px) !important;
}

.feature .rador-section {
  border: 1px solid #979797;
}

.feature .rador-thumbnail {
  height: 370px;
}

.rador-last-panel i {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.rador-last-panel .foot-panel:nth-child(2) i {
  position: relative;
  top: 1px;
}

.rador-last-panel .foot-panel:last-child i {
  font-size: 16px;
}

.rador-last-panel .foot-panel:first-child i {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.rador-last-panel .foot-panel:last-child span {
  position: relative;
  top: -2px;
}

.rador-mid-slot .slot-1 i {
  font-size: 20px !important;
}

.rador-mid-slot .slot-1 span {
  line-height: normal;
}

.rador-last-panel:nth-child(2) i span {
  position: relative;
  top: -3px;
}

.popup-heading {
  width: 100%;
  float: left;
  color: #000;
  font-size: 15px;
  margin-top: 10px;
  padding: 15px 5px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.popup-main {
  width: 100%;
  float: left;
  color: #878787;
  font-size: 15px;
  padding: 15px 5px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.row-disabled,
.row-disabled label {
  color: #ccc !important;
  cursor: default !important;
}

.view-detail-arrow {
  margin-left: 5px;
}

.view-detail-hidden {
  display: none;
  float: right;
  color: #0568d8;
}

.popup-heading [class^="col"],
.popup-main [class^="col"] {
  padding-left: 0;
  padding-right: 0;
}

.detail-col-1 {
  width: 40%;
  float: left;
}

.detail-col-2 {
  width: 20%;
  float: left;
}

.detail-col-3 {
  width: 20%;
  float: left;
}

.detail-col-4 {
  width: 20%;
  float: left;
}

.detail-span-1 {
  width: 45%;
  float: left;
}

.detail-span-2 {
  width: 20%;
  float: left;
}

.detail-span-3 {
  width: 25%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-span-4 {
  width: 20%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.popup-main:hover {
  background-color: #f8f8f8;
}

.slot-selected {
  background-color: #f8f8f8;
}

.popup-main:hover .view-detail-hidden {
  display: block;
}

.pd-bt-20 {
  padding-bottom: 20px;
}

.pd-bt-10 {
  padding-bottom: 10px !important;
}

.pd-bt-5 {
  padding-bottom: 5px !important;
}

.pd-bt-0 {
  padding-bottom: 0px !important;
}

.modal-content.pd-20 {
  padding: 20px !important;
}

.sold-out-txt {
  color: #000;
}

.popup-main label {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

.btn-proceed {
  width: 180px;
  padding: 12px 14px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #000;
  float: right;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: "Roboto", sans-serif;
}

.add-cart-body {
  padding: 0px 20px 20px 20px;
}

.checkbox-div {
  position: relative;
}

.checkbox-div label {
  margin-left: 0 !important;
  width: auto !important;
  padding-left: 30px !important;
}

.checkbox-div input[type="checkbox"] + label {
  display: inline-block;
  width: 20px;
  max-width: 100%;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  background: url(../../images/check.png) 0px -30px no-repeat;
  cursor: pointer;
}

.checkbox-div input[type="checkbox"]:checked + label {
  background-position: 0px 2px;
}

.checkbox-div input[type="checkbox"],
input[type="radio"] {
  width: auto;
}

.mobile-head {
  display: none;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.back-after-checked {
  background-color: #f8f8f8;
}

.modal-content {
  border: 0;
  border-radius: 0px;
}

.radar-seat {
  background: #000 !important;
}

.radar-rate .rates span {
  font-size: 23px;
}

.radar-rate .rates .converted-price {
  font-size: 16px !important;
}

.radar-rate .rates {
  padding: 5px 5px 0 5px;
  min-height: 65px;
}

.radar-seat span {
  text-transform: uppercase;
}

/*----end rador screen----*/

/*.comm-carousel .jcarousel li {
    width: 452px !important;
  }
.img-panel {
    width: 100%;
    height: 350px;
}
.home-carousel .jcarousel li {
    width: 235px !important;
    margin: 0 0px;
}*/
.operator-main-panel {
  width: 100%;
  float: left;
  margin-bottom: 120px;
}

.operator-setup-back {
  background: url(../../images/operator-profile-setup.png) no-repeat center top;
  width: 100%;
  min-height: 590px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  position: relative;
  background-color: #000;
}

.profile-head {
  font-size: 45px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

.operator-middle-panel {
  padding: 0;
  float: left;
  width: 100%;
}

.operator-middle-panel .container {
  /*border:1px solid #000;*/
  padding: 0;
}

.profile-sub-head {
  color: #000;
  text-align: center;
  font-size: 30px;
  margin: 30px 0;
  letter-spacing: 2px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

.detail-section {
  width: 100%;
  float: left;
  background: #fff;
  padding: 30px 30px;
  position: relative;
}

.grey-detail {
  background: #f8f8f8;
}

.detail-add-padding {
  padding: 0 8px;
  width: 100%;
  float: left;
  margin-bottom: 4px;
}

.detail-sub-1 {
  float: left;
  width: 60px;
  min-height: 60px;
  position: relative;
}

.detail-sub-2 {
  float: left;
  width: 70%;
  padding: 0 20px;
}

.detail-sub-3 {
  margin-top: 15px;
  position: absolute;
  right: 30px;
}

.detail-check-img {
  position: absolute;
  width: 22px;
  bottom: 2px;
  right: 0px;
}

.detail-sub-1 img:first-child {
  width: 100%;
  height: 100%;
}

.setup-sub-head {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.setup-para {
  font-size: 14px;
  color: #787878;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}

.btn-start {
  width: 210px;
  color: #000;
  background: #fff;
  padding: 12px 8px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
}

.btn-setups {
  width: 210px;
  color: #000;
  background: #fff;
  padding: 12px 8px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
}

.btn-black-bd:active,
.btn-black-bd:hover,
.btn-black-bd:focus {
  color: #000;
}

.pad0 {
  padding: 0 !important;
}

.padding0 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11);
}

.opertor-footer {
  position: fixed;
  background: #fff;
  padding: 30px 0 20px 0;
  width: 100%;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4);
}

.btn-go-dashboard {
  width: 220px;
  float: right;
  padding: 12px 14px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
  font-family: "Roboto", sans-serif;
}

.profle-footer-head {
  font-size: 20px;
  color: #000;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.opertor-footer img {
  position: absolute;
  left: -18px;
  top: 4px;
  width: 20px;
}

.profle-footer-para {
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.operator-header {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.operator-header .container {
  padding: 0;
}

.operator-header img {
  width: 60px;
  cursor: pointer;
}

.operator-header span {
  float: right;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.border0 {
  border: 0 !important;
}

.edit-sub-panel {
  padding-bottom: 10px;
}

.package-sub-panel .slect-panel .slect-border {
  border: 0;
}

.edit-detail span {
  float: right;
  font-size: 11px;
  color: #787878;
}

.logo-height label {
  text-transform: inherit;
}

.logo-height .gallery-sloat-container {
  width: 100%;
  height: 0 !important;
  padding-bottom: calc(100% - 12px);
  position: relative;
}

.logo-height .gallery-file-type {
  height: 100% !important;
}

.remove-logo {
  color: #000;
  font-size: 12px;
  text-align: right;
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.pack-sm-text {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 16px;
  color: #7f7f7f;
  padding-right: 10px;
}

.social-label-sm label {
  text-transform: inherit;
}

.btn-social-connect {
  width: 85px;
  color: #000;
  background: #fff;
  padding: 8px 8px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  float: right;
  font-family: "Roboto", sans-serif;
}

.black-hover:active,
.btn-black-hover:hover,
.btn-black-hover:focus {
  background: #000 !important;
  color: #fff !important;
}

.pervious-btn img {
  margin-right: 5px;
}

/*.select2 .caret {
    background: url(../../images/down-arrow.svg) center top no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 22px;
    border:0 !important;
}*/
.form-contl-edit::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.form-contl-edit:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.img-section .slots-panel .rador-inner {
  position: absolute;
}

.sold-remove i {
  margin-right: 15px;
}

.featured-image-container img {
  width: 100%;
  height: 100%;
}

.cancel-img {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.6);
  right: 0;
  text-align: center;
  cursor: pointer;
}

.cancel-img i {
  color: #fff;
  font-size: 10px;
  text-align: center;
  opacity: 0.6;
  padding: 0 8px;
}

.profile-select .form-control {
  border: 0;
}

.bootstrap-select .dropdown-toggle:focus {
  background: transparent;
}

li.complete a,
li.complete a:hover {
  color: #d93229;
}

li.complete a img {
  width: 30px;
  margin-right: 10px !important;
  margin-left: -7px !important;
}

.logo-padding {
  padding-bottom: 30px;
}

.sold-remove i {
  margin-right: 15px;
}

.modal-content .btn-default {
  border-radius: 0;
  font-size: 16px;
  text-transform: none;
  line-height: 30px;
}

.btn-black-outline,
.btn-black-outline:active,
.btn-black-outline:hover,
.btn-black-outline:focus {
  color: #000 !important;
  background: #fff;
  border-color: #000;
}

.btn-large-outline {
  padding: 10px 40px;
  border-radius: 0;
  text-transform: uppercase;
  margin: 15px 0 0;
}

.btn-black-border:active,
.btn-black-border:hover,
.btn-black-border:focus {
  color: #0065d8 !important;
  background: #fff;
  border-color: #0065d8;
}

/*----change password----*/
.password-head {
  font-size: 28px;
  color: #000;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.pass-padding {
  padding: 40px 50px;
}

.modal-password {
  width: 550px;
  margin: 100px auto;
}

.btn-chagne-pass {
  width: 100%;
  border-radius: 0;
  height: 50px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.cancel-txt {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.password-head img {
  width: 15px;
}

.pass-padding .form-group:last-child {
  margin-bottom: 0;
}

.sold-remove i {
  margin-right: 15px;
}

.list-title {
  width: 93%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.change-success-panel {
  width: 100%;
  float: left;
  background: #fff;
  text-align: center;
  padding: 30px 10px;
}

.success-head img {
  margin-right: 10px;
}

.sucess-text {
  font-size: 14px;
  color: #424242;
  margin: 15px 0;
  font-family: "Roboto", sans-serif;
}

.success-head {
  font-size: 22px;
  color: #000;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
}

.card-save-head img {
  margin-right: 0px;
}

.btn-ok {
  width: 140px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

/*-------dev code------*/

.pointer {
  cursor: pointer;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.btn-toolbar {
  margin-bottom: 10px;
}

.ta-scroll-window > .ta-bind {
  min-height: 298px;
  padding: 10px 12px;
}

.available-slot {
  background: #fff;
}

.no-found-title {
  font-size: 26px;
  font-family: "Montserrat";
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
}

.no-found-text {
  font-size: 15px;
  font-family: "Roboto";
  font-weight: 400;
  color: #787878;
}

.load-outer {
  background: #f2f2f2;
  min-height: 450px;
  margin: 0 15px;
  overflow: hidden;
  position: relative;
}

.found-outer {
  margin-top: 200px;
}

.load-center {
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  margin-top: -50px;
  text-align: center;
}

.sold-remove i {
  margin-right: 15px;
}

/*-------dev code------*/
.pointer {
  cursor: pointer;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.btn-toolbar {
  margin-bottom: 10px;
}

.ta-scroll-window > .ta-bind {
  min-height: 298px;
  padding: 10px 12px;
}

.available-slot {
  background: #fff;
}

.featured-image-container canvas {
  width: 100%;
  min-height: 250px;
}

.account-mobile {
  display: none;
}

#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 85px;
  right: 20px;
  display: none;
  width: 60px;
  z-index: 999;
  text-align: center;
}

#back-to-top span {
  color: #000;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
}

.btn-back-top {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.btn-back-top i {
  position: relative;
  top: 10px;
  font-size: 22px;
  margin-right: 0;
}

.grey-detail .detail-sub-3 {
  right: 20px;
}

.right-package-box {
  margin-top: 15px;
}

.operator-signup-main {
  width: 100%;
  float: left;
  background: #fff;
}

.sm-container .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}

.sm-container {
  padding-right: 0px;
  padding-left: 0px;
}

.organise-img {
  width: 100px;
  height: 80px;
  vertical-align: middle;
  position: relative;
  top: 6px;
}

.organise-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.slot-close {
  top: 8px;
}

.load-nofound {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  line-height: 50%;
  float: left;
  top: 0;
  vertical-align: middle;
}

/*----start my order----*/
.order-main-panel {
  width: 100%;
  float: left;
  margin: 130px 0 30px 0;
  font-family: 'Montserrat' !important;
}

.manual-Booking.m-payment {
  margin: 60px 0 30px 0 !important;
}

.manual-Booking {
  margin: 70px 0 30px 0 !important;
}

.manual-Booking .order-main-head {
  margin: 20px 0 20px 0 !important;
}

.adventure-load-text {
  position: absolute;
  top: 40%;
  min-height: 50%;
  text-align: center;
  width: 100%;
  left: 0px;
}

.detail-checkbox input[type="radio"]:not(old):checked + label {
  background-position: 0 -23px;
  line-height: 24px;
  background-size: 18px;
}

input.form-control.datepicker {
  background-color: transparent;
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.select-datepicker .form-control.datecontrol {
  font-size: 15px;
  color: #878787;
  padding-left: 10px;
}

.select-datepicker .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #878787;
}

input.form-control.datecontrol.datepicker {
  background: url("../../images/calender-icon.png") no-repeat;
  background-position: 96%;
}

.myNavbar .dropdown-menu {
  padding: 0;
}

/*---- my order----*/
.order-main-head {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
}

.order-head-txt {
  font-size: 32px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.order-head-txt h1 {
  font-size: 32px;
  color: #000;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.order-sub-head {
  width: 100%;
  float: left;
  padding: 15px 30px;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f2f2f2;
}

.order-detail-panel {
  width: 100%;
  float: left;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-bottom: none;
  margin-bottom: 20px;
}

.order-sub-head [class^="col"] {
  padding-right: 0;
  padding-left: 0;
}

.order-id,
.order-place,
.order-amount {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.order-id span,
.order-place span,
.order-amount span {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-place {
  text-align: center;
}

.order-amount {
  float: right;
  text-align: right;
  width: 95%;
}

.order-detail-sub {
  float: left;
  width: 100%;
  padding: 20px 30px;
  border-bottom: 1px solid #d6d6d6;
}

.order-detail-sub:last-child {
  border-bottom: 0;
}

.order-detail-inner {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 0px;
}

.order-small-head {
  color: #000;
  font-size: 24px;
  margin: 0 0 20px 0;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

.order-left-panel {
  width: 200px;
  height: 150px;
  float: left;
  position: absolute;
  border: solid 1px #ebebeb;
  cursor: pointer;
  z-index: 1;
}

.order-left-panel span {
  position: absolute;
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 0px 0px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.01) 49%,
    rgba(0, 0, 0, 0.01) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.8) 98%,
    rgba(0, 0, 0, 0.8) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03000000', endColorstr='#cc000000', GradientType=0);
}

.order-left-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-right-panel {
  float: left;
  width: 100%;
  padding: 0 0 0 215px;
  min-height: 150px;
  margin-bottom: 10px;
}

.order-sub-txt {
  font-size: 20px;
  color: #000;
  /*text-transform: uppercase;*/
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  width: 70%;
  word-wrap: break-word;
  cursor: pointer;
}

.order-grey-txt {
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  width: 70%;
  word-wrap: break-word;
}

.order-grey-txt span {
  color: #000;
  font-weight: 600;
}

.order-date {
  color: #000;
  font-size: 14px;
  margin: 12px 0 0 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.order-addon-panel {
  float: left;
  width: 100%;
  padding: 0;
  color: #878787;
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: inline-block;
}

.order-addon-panel em {
  height: 15px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  position: absolute;
}

.order-addon-zero {
  text-decoration: none !important;
}

.order-no-addon {
  padding-right: 10px;
  display: inline-block;
}

.order-addon {
  text-decoration: underline;
  padding-right: 10px;
  display: inline-block;
}

.order-addon a {
  color: #878787;
  cursor: pointer;
}

.order-adult {
  padding-left: 10px;
  display: inline-block;
}

.order-cancel-txt {
  float: left;
  margin-top: 10px;
  font-size: 13px;
  color: #d50d0d;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.order-share-btn {
  width: 126px;
  min-width: 120px;
  color: #000;
  background: #fff;
  padding: 6px 8px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  border: 1px solid #000;
  font-family: "Roboto", sans-serif;
}

.order-cancel-btn {
  width: 100px;
  color: #000;
  background: #fff;
  padding: 6px 8px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
  border: 1px solid #000;
  font-family: "Roboto", sans-serif;
}

.order-share-panel {
  width: 100%;
  float: left;
  position: relative;
  border-top: 1px solid #ccc;
  padding: 20px 0 0 0;
  margin: 30px 0 0 0;
}

.order-view-txt {
  display: inline-block;
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  margin: 7px 0 0 10px;
  font-family: "Roboto", sans-serif;
}

.order-view-txt span {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

.order-amount-panel {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: "Roboto", sans-serif;
  text-align: right;
}

.order-amount-panel.previous-amount {
  top: 25px;
}

.order-amount-panel.previous-amount.top-0 {
  top: 40px;
}

.order-refund-panel {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  right: 0px;
  bottom: 50px;
  text-align: right;
  font-family: "Roboto", sans-serif;
}

.order-refund-panel span {
  display: block;
  color: #878787;
  font-size: 13px;
  text-align: right;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.order-place-mb-panel {
  width: 100%;
  float: left;
  padding: 15px 30px;
  border-bottom: 1px solid #d6d6d6;
  background-color: #f2f2f2;
  display: none;
}

.mobile-place-txt {
  font-size: 14px;
  color: #878787;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.mobile-place-txt span {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cancel-pop-height {
  height: 80px;
}

.order-cancel-body {
  padding: 0px 20px 20px 20px;
}

.order-cancel-head {
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.order-pop-txt {
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.model-pop-div {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  word-wrap: break-word;
}

.sidebar-panel {
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0;
  max-height: 350px;
  overflow: auto;
  height: 250px;
}

.order-share-div {
  width: 280px;
  left: -83px;
  padding: 10px 0;
  position: absolute;
  background: #fff;
  z-index: 99;
  top: 45px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
}

.hidden {
  display: none !important;
}

.order-share-div:after {
  position: absolute;
  top: -11px;
  left: 127px;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #fff;
  border-left: 11px solid transparent;
  content: "";
}

.order-share-div:before {
  position: absolute;
  top: -12px;
  left: 126px;
  display: inline-block;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #ccc;
  border-left: 12px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.order-share-inner {
  width: 100%;
  float: left;
  cursor: pointer;
}

.order-share-txt {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  text-align: left;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  border: 1px solid #000;
  padding: 10px 12px;
  margin: auto auto 10px;
  width: 130px;
}

.order-share-grey-txt {
  color: #878787;
  font-size: 13px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.divider-section {
  height: 0;
  border-top: 1px solid #ddd;
  text-align: center;
  margin: 20px 0;
  float: left;
  width: 100%;
}

.divider-section span {
  display: inline-block;
  position: relative;
  padding: 4px 0 0;
  background: #fff;
  color: #999 !important;
  top: -14px;
  font-size: 14px !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #ddd;
}

.order-share-icon {
  width: 100%;
  margin: auto;
  text-align: center;
}

.order-share-icon i {
  color: #000;
  font-size: 1.2em;
  padding: 0 20px;
  cursor: pointer;
}

.order-share-icon i:hover {
  color: #0065d8;
}

.order-share-icon i:active,
.order-share-icon i:focus,
.order-share-icon i:visited,
.order-share-icon i:link {
  color: #000 !important;
}

.order-share-div .active i {
  color: #000;
}

.order-input {
  width: 100%;
  padding: 0 10px;
  margin-top: 12px;
  float: left;
}

.order-input .form-control {
  color: #878787;
  padding: 6px 6px;
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
}

.order-fb-head {
  background: #325d95;
  height: 40px;
  border-top: 1px solid #fff;
}

.order-send-div {
  width: 100%;
  float: left;
}

.order-send-div .send-txt {
  color: #000;
  font-size: 13px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  float: left;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.order-fb-body {
  padding: 15px;
}

.order-mail-input-div {
  width: 100%;
  float: left;
  min-height: 45px;
  padding: 8px;
  border: 1px solid #e6e6e6;
}

.order-input-pop {
  float: left;
  min-width: 80px;
  display: block;
  text-align: center;
  background: #f0efef;
  padding: 6px 10px;
  border: 0px solid #dddddd;
  margin: 5px 10px 0 0;
  position: relative;
  color: #8f8f8f;
}

.order-input-pop .input-text {
  float: left;
  font-size: 13px;
  color: #000;
  font-weight: 400;
  padding-top: 3px;
  font-family: "Roboto", sans-serif;
}

.order-input-pop .close-icon {
  float: right;
  margin-left: 10px;
  position: relative;
  top: -1px;
  cursor: pointer;
}

.order-discription {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  /*border: 1px solid #e6e6e6;*/
}

.order-max-char {
  color: #afafaf;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: right;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.order-discription .form-control {
  color: #000;
  border: 1px solid #e6e6e6;
  padding: 6px 12px 6px 10px;
}

.order-discription .order-input {
  padding: 0;
}

.btn-send-mail {
  width: 120px;
  border-radius: 0;
  padding: 12px 12px;
  float: right;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.order-sucess-dialog {
  width: 400px;
  margin: 100px auto;
}

.order-sucess-dialog .modal-body {
  padding: 30px 30px;
  text-align: center;
}

.order-sucess-text {
  font-size: 16px;
  color: #424242;
  margin: 25px 0;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.order-cancel-div {
  width: 100%;
  float: left;
  margin: 0;
  padding: 15px 30px;
  background-color: #f2f2f2;
  border: solid 1px #d6d6d6;
  border-bottom: 0;
}

.order-cancel-div .order-head-txt {
  float: left;
}

.order-view-right {
  float: right;
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  top: 14px;
  text-transform: none;
  font-family: "Roboto", sans-serif;
}

.order-view-right span:last-child {
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

.order-amount-panel span {
  color: #9b9b9b;
  font-size: 13px;
  margin-right: 100px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.pop-common-body {
  padding: 30px;
  text-align: center;
}

.pop-common-head {
  font-size: 25px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.pop-common-text {
  font-size: 16px;
  color: #424242;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.total-amount-panel {
  width: 100%;
  float: left;
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.total-refund-amount {
  float: right;
}

.total-refund-amount span:first-child {
  color: #000;
  font-size: 16px;
  margin-right: 70px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.total-refund-amount span:last-child {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.cancel-procced-panel {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.amount-refund-txt {
  float: left;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  position: relative;
  top: 20px;
}

.btn-procced-order {
  width: 250px;
  float: right;
  border-radius: 0;
  height: 61px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.cancel-order-main .container {
  margin-bottom: 150px;
}

.cancel-amount-paid {
  position: absolute;
  right: 0px;
  top: 0px;
}

.cancel-amount-paid span:first-child {
  color: #9b9b9b;
  font-size: 13px;
  margin-right: 70px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.cancel-amount-paid span:last-child {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.succes-img {
  width: 150px;
}

.cancel-detial-sub .order-sub-txt {
  width: 60%;
}

.modal-dialog-500 {
  width: 500px;
  margin: 100px auto;
}

.modal-dialog-400 {
  width: 400px;
  margin: 100px auto;
}

.modal-dialog-350 {
  width: 350px;
  margin: 100px auto;
}

h3.pop {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  margin: 0;
}

.pop-black-para {
  font-size: 16px;
  color: #424242;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.pop-black-para span {
  display: block;
  color: #898989;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.btn-no {
  width: 140px;
  color: #000;
  background: #fff;
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #000;
  height: 45px;
  margin-right: 15px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.btn-yes {
  width: 140px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.order-received-main {
  margin-top: 30px;
  float: left;
  width: 100%;
}

.order-received-head {
  font-size: 32px;
  color: #000;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  font-family: "Oswald", sans-serif;
}

.order-received-txt {
  color: #878787;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.order-received-txt span {
  color: #000;
}

.received-head-section {
  width: 100%;
  float: left;
  background: #fff;
  margin: 30px 0 20px 0;
  border: 1px solid #dbdbdb;
}

.order-rec-id,
.order-rec-place,
.order-rec-amount {
  font-size: 14px;
  color: #878787;
  font-weight: 400;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.order-rec-id span,
.order-rec-place span,
.order-rec-amount span {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.received-head-section [class^="col"] {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #dbdbdb;
}

.received-head-section .col-md-4:last-child {
  border-right: 0;
}

.received-black-hader {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 20px;
  padding: 20px 20px;
  background: #000;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}

.received-sub-panel {
  width: 100%;
  float: left;
  background: #fff;
  border: 1px solid #d6d6d6;
}

.rec-date {
  margin: 10px 0;
}

.order-place-mb-div {
  border-top: 1px solid #dbdbdb;
  padding: 10px 15px;
  display: none;
}

.order-video-panel {
  width: 480px;
  margin: auto;
  margin-top: 30px;
  position: relative;
}

.order-video-panel video[poster] {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.video-heading {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  font-weight: 500;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.detail-bottom-border {
  border-bottom: 1px solid #e6e6e6;
}

.detail-bottom-border:last-child {
  border-bottom: 0;
}

.order-exploring {
  float: left;
  width: 100%;
  margin: 40px 0;
}

.btn-cont-exploring {
  width: 250px;
  border-radius: 0;
  height: 61px;
  margin: auto;
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.order-guest-disabled {
  background: #f6f6f6;
}

/*----end my order----*/

/*----tag style----*/

.custom-tag tags-input {
  display: block;
  float: left;
  width: 100%;
}

.custom-tag tags-input:focus,
.custom-tag tags-input:active {
  outline: 0;
}

.custom-tag tags-input .host:focus {
  outline: 0;
}

.custom-tag tags-input .tags {
  padding: 6px 1px;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  overflow: auto;
  max-height: 80px;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
}

.custom-tag tags-input .tags .tag-item {
  background: #f0efef;
  padding: 6px 10px;
  border: 0;
  height: auto;
  border-radius: 0;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
}

tags-input .tags .tag-item.selected {
  background: #f0efef !important;
}

.custom-tag tags-input .tags .input {
  height: 40px;
}

.custom-tag tags-input .tags .tag-item .remove-button {
  color: #585858;
  opacity: 0.4;
}

.custom-tag tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*----end tag style----*/

/*----package detail summary css here----*/

.package-summary-panel {
  background: #fff;
  padding-top: 73px;
  padding-bottom: 30px;
}

.summary-col {
  margin-top: 50px;
}

.summary-row {
  border-bottom: 1px #e3e3e3 solid;
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  width: 100%;
  word-wrap: break-word;
}
.summary-row.more-lodging-option {
  border-bottom: 0;
}
.summary-title {
  font-size: 26px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  line-height: 36px;
}

.summary-seats {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  color: #878787;
}

.summary-box {
  margin-bottom: 5px;
  line-height: 30px;
}

.summary-box span,
.summary-box .summary-dropdown {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  color: #878787;
}

.summary-name {
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
  text-transform: uppercase;
}

.summary-sign {
  width: 40px;
  text-align: center;
}

.summary-price {
  font-size: 16px;
  font-weight: 400;
  color: #000 !important;
}

.summary-person {
  color: #878787;
  font-size: 13px;
}

.summary-checkbox {
  text-align: right;
}

.summary-row .amenite-checkbox input[type="checkbox"]:not(old) + label {
  margin-bottom: 0px;
  line-height: 22px;
  font-size: 14px;
}

.summary-row .bs-caret,
.summary-row .bs-caret span {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.summary-row .slect-panel .btn-default {
  height: auto;
}
.summary-row .slect-panel .btn-default:focus {
  background: #fff;
}
.summary-active {
  background: #f8f8f8;
  padding-bottom: 15px;
}

.summary-inner {
  padding-left: 30px;
  padding-top: 20px;
  float: left;
  width: 100%;
}

.summary-show {
  display: none;
}

.summary-active .summary-show {
  display: block;
}

.summary-hide {
  display: block;
  cursor: pointer;
  text-align: right;
}

.adventure-btn {
  cursor: pointer;
}

.summary-active .summary-hide {
  display: none;
}

.summary-side-row:last-child {
  border-bottom: none;
}

.summary-sidebar span {
  font-size: 14px !important;
  padding-left: 0px;
  display: inline-block;
  font-weight: 500;
}

.summary-sidebar {
  margin-top: 2px;
  overflow: hidden;
}

.summary-sidebar:nth-child(2) {
  margin-top: 6px;
}

.summary-sidebar:nth-child(3) {
  margin-top: 6px;
}

.summary-total {
  font-size: 18px !important;
  font-weight: 500;
}

.promo-amount {
  color: #d7292a;
  font-size: 16px;
  font-weight: 500;
}

.promo-amount span {
  font-size: 16px;
}

.previous-amount {
  font-size: 14px;
  color: #878787;
  text-decoration: line-through;
}

.line-through {
  text-decoration: line-through;
  color: #878787;
}

.sidebar-title {
  font-size: 22px;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 10px 15px 0;
  padding-top: 20px;
  border-top: #e3e3e3 1px solid;
  font-family: "Oswald", sans-serif;
}

.summary-sidebar-inner {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.summary-tooltip {
  cursor: pointer;
}

.summary-tooltip ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.summary-tooltip li {
  list-style: none;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  width: 49%;
  border-right: #e6e6e6 1px solid;
  color: #878787;
}

.summary-tooltip li:last-child {
  border-right: none;
}

.summary-tooltip li label {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  display: block;
}

.summary-tooltip li span {
  padding: 0px !important;
}

.summarytooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: white;
  color: #fff;
  text-align: center;
  border-radius: 0px;
  padding: 15px 0;
  position: absolute;
  z-index: 1;
  top: 55px;
  border: #ddd 1px solid;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 7px);
  /*right: 10px;*/
}

.summarytooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.summarytooltiptext::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -11px;
  border-width: 11px;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
}

.summary-tooltip:hover .summarytooltiptext {
  visibility: visible;
}

.summary-tooltip .summarytooltiptext {
  right: 0 !important;
}

/*----mycart css here----*/

.mycart-sub-head {
  background-color: #f8f8f8;
  width: 100%;
  float: left;
  padding: 10px 20px;
  border-bottom: 1px solid #d6d6d6;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

.mycart-sub-head h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

.mycart-apply-coupon {
  width: 100%;
  float: left;
  padding: 15px 20px;
  border-bottom: 1px solid #d6d6d6;
  color: #000;
  font-size: 20px;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}

.wl-wrapper .mycart-apply-coupon {
  padding: 15px 15px !important;
}

.showing-price {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.showing-price .form-control,
.showing-price .slect-panel .btn-default {
  height: auto !important;
  background: none !important;
  border: none;
  color: #000 !important;
}

.showing-price .slect-panel {
  width: 135px;
}

.showing-price .btn {
  padding: 4px 12px;
}

.showing-text {
  color: #666;
  margin-top: 5px;
  font-weight: 400;
}

.mycart-balance-summary {
  background-color: #f8f8f8;
  width: 100%;
  float: left;
  padding: 15px 20px;
  border-bottom: 1px solid #d6d6d6;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

/*.mycart-sidebar .mycart-sub-head{
    padding: 0 20px;
}*/
.my-cart-btn.order-share-btn {
  width: auto;
  min-width: 120px;
  float: none;
}

.my-cart-btn {
  color: #000;
  background: #fff;
  padding: 6px 10px;
  border-radius: 0;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
  display: inline-block;
  margin-right: 3px;
  border: 1px solid #000;
  font-family: "Roboto", sans-serif;
}

.cart-edit-btn {
  width: 100px;
}

.my-cart-btn.remove-radar {
  color: #fff;
  background: #000;
}

.my-cart-btn.remove-radar:hover {
  color: #fff !important;
  background: #000;
}

.my-cart-btn:hover {
  color: #000 !important;
  border: 1px solid #000;
}

.cart-share-div {
  left: inherit !important;
  right: 28px !important;
}

.mycart-detail {
  padding: 0;
}

.my-cart-inner {
  width: 100%;
  float: left;
  position: relative;
  padding: 15px 20px 20px;
  margin-bottom: 0px;
  border-bottom: 1px solid #d6d6d6;
}

.my-cart-inner .btn-pay-with-flywire {
  margin-bottom: 20px;
  color: #fff;
  background: #0065d8;
  border-color: #0065d8;
}

.my-cart-inner .btn-pay-with-flywire .flywire-logo-white {
  height: 30px;
}

.my-cart-right {
  position: relative;
}

.cart-coupon-btn {
  height: 50px;
  border: solid 1px #000000;
  color: #000;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 50px;
}

.apply-coupon-box {
  display: none;
}

.apply-form,
.apply-coupon-box {
  position: relative;
}

.show-coupon-box {
  display: block;
}

.apply-coupon-box span {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
}

.apply-btn {
  background: #000;
  color: #fff;
  display: block;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.apply-coupon-box .remove-icon,
.remove-coupon {
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: 5px;
  color: #999;
}

.remove-coupon {
  text-decoration: underline;
  font-size: 12px;
}

.remove-coupon-box {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}

.promo-alert {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  float: left;
  margin-top: 10px;
  color: #878787;
}

.promo-alert span {
  font-weight: 500;
  color: #000;
  padding-left: 0px !important;
}

.info {
  font-size: 12px;
  font-style: italic;
}

.shipping-address-text .promo-alert {
  float: none;
}

.default-coupon-box,
.apply-coupon-box,
.remove-coupon-box {
  float: left;
  width: 100%;

}

.default-coupon-box .apply-coupon-btn {
  width: 100%;
}

/*----payment method here----*/

.pay-method-text {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  color: #515151;
}

.master-card {
  position: relative;
}

.master-card img {
  position: absolute;
  right: 5px;
  top: 5px;
}

.expiration-box {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}

.expiration-col {
  padding-right: 15px;
  float: left;
  width: 50%;
}

.expiration-title {
  float: left;
  width: 100%;
}

.billing-sm-head {
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  font-weight: 300;
  color: #000000;
  padding: 20px 0;
  margin-top: 10px;
  border-top: solid 1px #d6d6d6;
}

.payment-detail-content {
  margin-bottom: 10px;
  min-height: 60px;
}

.payment-detail-content label {
  font-size: 12px;
  color: #999;
}

.name-on-card {
  font-size: 14px;
  word-wrap: break-word;
  min-height: 45px;
}

.payment-card-img {
  width: 50px;
}

.payment-card-row {
  padding: 20px 5px 0;
  float: left;
  width: 100%;
  border: #ddd 1px solid;
  border-top: none;
}

.payment-card-row label {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}

.payment-card-row .form-group,
.profile-sm-margin .form-group,
.profile-tabs-account .form-group {
  width: 100%;
  float: left;
}

.payment-method-section .more-slot-btn {
  margin-right: 0px;
}

.show-alert {
  display: block !important;
}

.alert-success {
  position: fixed;
  width: 100%;
  float: left;
  min-height: 72px;
  color: #fff;
  background-color: #000 !important;
  border-color: #000 !important;
  border-radius: 0;
  text-align: center;
  z-index: 99999;
  font-size: 14px;
  padding: 25px 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: none;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: absolute;
  top: 24px;
  right: 20px;
  color: inherit;
}

.alert-dismissable .alert-close,
.alert-dismissible .alert-close {
  position: absolute;
  top: 24px;
  right: 20px;
  color: inherit;
  cursor: pointer;
}

.alert span {
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.alert img {
  width: 15px;
}

.alert-para {
  width: 90%;
}

.badge {
  position: absolute;
  top: 0px;
  left: 5px;
  background: #fff;
  font-size: 11px;
  font-weight: 400;
  border-radius: 50px;
  padding: 5px 4px;
  color: #000;
  width: auto;
  height: 20px;
  min-width: 20px;
}

/*----shipping address here----*/
.listing-footer-close {
  color: #878787;
  position: absolute;
  top: 26px;
  right: 20px;
  cursor: pointer;
}

.shipping-back-link {
  line-height: 32px;
  text-transform: uppercase;
  margin: 10px 0 0;
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
}

.shipping-back-link a {
  color: #000;
}

.shipping-sub-head {
  font-weight: 300;
  width: 100%;
  background-color: #f8f8f8;
  float: left;
  padding: 15px 20px;
  color: #000;
  font-size: 20px;
  border-bottom: 1px solid #d6d6d6;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.shipping-sub-head.active {
  background: #000;
  color: #fff;
}

.shipping-sub-head.inactive {
  background: #fff;
  color: #000;
}

.listing-footer-close {
  color: #878787;
  position: absolute;
  top: 26px;
  right: 20px;
  cursor: pointer;
}

.price-checkbox input[type="checkbox"] {
  width: 100%;
}

/*---tooltip---*/
.cvv-input,
.cvv-sign {
  float: left;
}

.cvv-input {
  width: 50%;
  padding-right: 20px;
}

.cvv-sign {
  width: 50%;
  position: relative;
  cursor: pointer;
  margin-top: 5px;
}

.cvv-sign i {
  font-size: 20px;
  vertical-align: middle;
  padding: 0px 8px !important;
  position: relative;
  top: 2px;
}

.cvv-sign .tooltip-error {
  position: absolute;
  left: 0;
  top: 24px;
  width: 182px;
  padding: 10px;
  display: none;
  font-size: 12px;
  z-index: 100;
}

.cvv-sign .tooltip-error:after {
  left: 50%;
  margin-left: -10px;
}

.cvv-sign span:hover .tooltip-error {
  display: block;
}

/*---end tooltip---*/
.mobile-btn-center .error {
  text-align: right;
}

#saveDetailModal h4 {
  width: 100%;
}

.summary-right-div {
  float: right;
}

.summary-right-div .summary-sign {
  float: left;
  text-align: left;
  width: 30px;
}

.summary-right-div .summary-price {
  float: left;
  text-align: left;
  /*max-width: 100px;*/
  min-width: 100px;
}

.pd-summary {
  padding-left: 0;
  padding-right: 0;
}

.hover-black:active,
.hover-black:hover,
.hover-black:focus {
  background: #000;
  color: #fff;
}

.summary-dropdown .slect-panel .btn-group {
  width: 180px !important;
}

.filter-option {
  padding: 0 !important;
}

.package-avail-selecpicker {
  padding: 20px;
}

.package-avail-selecpicker label {
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: 500;
}

.package-avail-selecpicker .summary-dropdown .slect-panel .btn-group {
  width: 100% !important;
}

.package-avail-selecpicker
  .summary-dropdown
  .slect-panel
  .btn-group
  .dropdown-toggle {
  height: 50px;
}

.shipping-tab-title {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-weight: 400;
  margin-bottom: 20px;
}

.shipping-review-order {
  position: relative;
}

.shipping-review-order:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #03c04d;
  position: absolute;
  font-size: 18px;
  left: 0px;
  top: 0px;
  display: none;
}

.shipping-address-text {
  font-size: 16px;
  margin-top: 15px;
  font-weight: 500;
}

.shipping-address-text span {
  font-size: 13px;
  padding-left: 20px;
}

.shipping-address-text span span {
  color: #666;
  padding-left: 0px;
}

.change-review-btn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.change-review-btn a {
  border: #000 1px solid;
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
}

.payment-card-title {
  font-family: "Roboto", sans-serif;
}

.payment-card-title input[type="radio"]:not(old) + label {
  display: inline-block;
  margin-left: 0;
  padding-left: 32px;
  background: url(../../images/radio-button-sprite.svg) no-repeat 0 0px;
  line-height: 23px;
  text-transform: uppercase;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  background-size: 22px;
}

.payment-card-title input[type="radio"]:checked:not(old) + label {
  background-position: 0 0px;
  background: url(../../images/radio-button-sprite.svg) no-repeat 0 -30px;
  background-size: 22px;
  font-size: 18px;
}

.payment-card-title span {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-transform: none !important;
  position: relative;
  top: -2px;
}

.make-payment-col {
  width: 100%;
  display: inline-block;
}

.payment-card-default {
  padding: 15px 10px;
  float: left;
  width: 100%;
  border: 1px solid #d6d6d6;
  border-bottom: none;
}

.payment-card-default:last-child {
  border-bottom: 1px solid #d6d6d6;
}

.payment-card-border-top {
  border-top: 1px solid #d6d6d6;
}

.card-active .payment-card-active {
  display: block;
}

.payment-card-active {
  background-color: #ededed;
  float: left;
  width: 100%;
  padding: 10px 10px 10px 15px;
}

.payment-card-default label,
.expiration-title label {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
}

.session-expired-text {
  color: #878787;
  font-weight: 400;
  font-size: 16px;
}

.session-expire-btn {
  margin-top: 40px;
}

.sign-card-icon i {
  font-size: 20px;
  vertical-align: middle;
  padding: 0px 5px;
}

/*----terms and conditions start----*/

.terms-condition-panel {
  margin-top: 71px;
}

.terms-banner {
  background: url(../../images/terms-condition-banner.jpg) no-repeat center top;
  width: 100%;
  min-height: 352px;
  background-size: cover;
  position: relative;
  background-color: #000;
}

.privacy-banner {
  background: url(../../images/privacy-policy-banner.jpg) no-repeat center top;
  width: 100%;
  min-height: 352px;
  background-size: cover;
  position: relative;
  background-color: #000;
}

.terms-head-text {
  font-size: 42px;
  line-height: 42px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  width: 100%;
  text-align: center;
}

.terms-head-text h1 {
  font-size: 42px;
  margin: 0;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

.terms-info-text,
h2.terms-info-text {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px 0 10px;
  font-family: "Montserrat", sans-serif;
  color: #777;
}

h2.terms-info-text {
  margin: 0;
  line-height: 1.3;
}

.terms-outer {
  margin-bottom: 40px;
}

.terms-content {
  padding: 30px 180px;
  background: #fff;
  font-size: 16px;
  border: #ddd 1px solid;
  font-family: "Roboto", sans-serif;
}

.terms-sm-txt {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.terms-content div {
  padding: 10px 0;
  color: #000;
  margin: 10px 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.terms-grey {
  background: #f8f8f8;
  border: #ddd 1px solid;
  border-bottom: none;
}

.term-bold-txt {
  display: block;
  font-size: 20px;
}

h3.term-bold-txt {
  display: block;
  font-size: 20px;
  margin: 0 0 5px;
  font-family: "Roboto", sans-serif;
}

/*----terms and conditions end----*/

.video-frame {
  position: relative;
  width: 100%;
  /*height: 0;*/
  padding-bottom: 56.25%;
}

.video-frame .heli-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.flex-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 30px);
}

.gallary-video-frame {
  padding-bottom: 0px !important;
}

/*---start view booking----*/
.m-payment-body.booking-main-panel {
  position: initial !important;
}

.tab-section .booking-main-panel,
.tab-section .analytics-main-panel {
  padding-left: 270px;
  margin: 30px 0 0 0;
}
.tab-section .analytics-main-panel .consumer-agent-footer {
  width: calc(100% - 256px);
  left: auto;
  right: 0;
}
.tab-section .analytics-main-panel .consumer-agent-footer .container {
  width: 100% !important;
}
.booking-main-panel .guest-response-head-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.booking-main-panel
  .guest-response-head-button
  .slect-panel
  .ui-select-container
  .btn-default {
  height: 45px;
}
.booking-main-panel .guest-response-head-button.calendar-section .filter-col,
.booking-main-panel .guest-response-head-button .response-select-dropdown,
.booking-main-panel .guest-response-head-button .btn-list-export {
  position: static;
  margin: 0px 0 0 10px;
  width: auto;
  min-width: inherit;
}
.booking-header-panel {
  width: 100%;
  float: left;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.payout-history-head {
  display: flex;
}

.payout-history-head .analytic-right-panel {
  display: flex;
  margin: 0;
}

.payout-history-head .filter-col {
  width: auto;
}

.booking-filter-panel .slect-panel {
  position: static;
  margin-right: 8px;
}

.booking-big-head {
  float: left;
  width: 70%;
  color: #000;
  font-size: 38px;
  font-weight: 300;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.booking-location-panel {
  float: left;
  width: 80%;
  padding: 0;
  color: #878787;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  display: inline-block;
}

.booking-location {
  padding-right: 10px;
  display: inline-block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.booking-location-panel em {
  height: 20px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.booking-day {
  padding-left: 10px;
  display: inline-block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.booking-location-panel i {
  font-size: 20px;
  vertical-align: middle;
}

a.view-booking {
  font-size: 16px;
  color: #000;
  float: right;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 13px;
  right: 20px;
  text-decoration: underline;
}

.booking-slot-panel {
  float: right;
  margin: 10px 0 0 0;
}

.slot-section {
  float: left;
  margin: 0 10px 0 0;
  width: 320px;
  position: relative;
}

.slot-section .btn-primary {
  width: 100%;
  padding: 11px 12px;
  border-radius: 0;
  background: #fff;
  border: solid 1px #e5e5e5;
  color: #8f8f8f;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
}

.slot-section .caret {
  position: absolute;
  right: 12px;
  top: 20px;
}

.slot-section .price {
  margin: 4px 15px 0 0;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  right: 18px;
  max-width: 150px;
  font-family: "Roboto", sans-serif;
}

.slot-section .btn-primary.active,
.slot-section .btn-primary:active,
.slot-section .open > .dropdown-toggle.btn-primary {
  color: #8f8f8f;
  background-color: #fff;
  border-color: #e5e5e5;
}

.slot-section .dropdown-menu:before {
  display: none;
}

.slot-section ul.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 0px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 300px;
  overflow: auto;
}

.slot-section .open > .dropdown-menu {
  display: block;
}

.slot-section .dropdown-menu > li > a,
.booking-dropdwon .dropdown-menu > li > a {
  width: 100%;
  display: table;
  padding: 20px 10px;
  clear: both;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 500;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
}

.slot-section .dropdown-menu > li:last-child a {
  border-bottom: 0;
}

.slot-section .dropdown-menu > li > a:focus,
.slot-section .dropdown-menu > li > a:hover {
  color: #878787;
  text-decoration: none;
  background-color: #f2f2f2;
}

.slot-section .dropdown-menu > li > a span {
  font-size: 13px;
  display: table-cell;
  text-align: right;
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slots-label {
  float: left;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  top: 13px;
  margin-right: 10px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.btn-export-csv {
  width: 140px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.booking-mid-panel {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  /*border:1px solid;*/
}

.booking-mid-head {
  float: left;
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  color: #8f8f8f;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.booking-mid-body {
  float: left;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 5px;
  color: #424242;
  background: #fff;
  font-size: 15px;
  border: 1px solid #dedede;
  word-wrap: break-word;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  position: relative;
}

.filter-arrows {
  top: 0;
  right: 8px;
  width: 8px;
  height: 21px;
  bottom: 0;
  margin-left: 2px;
  display: inline-block;
}

.filter-uparrows {
  width: 10px;
  float: left;
  margin: 0;
  cursor: pointer;
  height: 11px;
}

.shorting-icon {
  color: #b8b8b8;
  font-size: 1.5em !important;
  position: relative;
  top: 0;
}

.filter-downarrows {
  width: 10px;
  float: left;
  cursor: pointer;
  height: 11px;
}

.color-black {
  color: #000;
}

.manual-payment-arrow {
  position: absolute;
  right: 30px;
  color: #757575;
  text-align: center;
  width: 25px;
  top: 20px;
  cursor: pointer;
}

.booking-dropdwon {
  position: absolute;
  right: 2px;
  color: #757575;
  text-align: center;
  width: 25px;
  top: 15px;
}

.booking-dropdwon .elisess-icon {
  right: 0px;
  width: 25px;
  height: 50px;
  text-align: center;
  /*border:1px solid;*/
  z-index: 999;
  cursor: pointer;
  display: block;
}

.booking-dropdwon .dropdown-menu {
  position: absolute;
  top: 100%;
  left: -161px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 0px 0;
  margin: 10px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 200px;
}

.booking-dropdwon .open > .dropdown-menu {
  display: block;
}

.booking-dropdwon .dropdown-menu > li > a {
  display: block;
  padding: 15px 10px;
  clear: both;
  line-height: 1.42857143;
  color: #878787;
  white-space: nowrap;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 500;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
}

.color-red {
  color: #d93229 !important;
}

.booking-dropdwon .dropdown-menu:after {
  position: absolute;
  top: -10px;
  right: 15px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  content: "";
}

.booking-dropdwon .dropdown-menu:before {
  position: absolute;
  top: -11px;
  right: 15px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.booking-dropdwon i {
  cursor: pointer;
  position: relative;
  top: 15px;
}

.booking-mid-body span {
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  display: none;
  font-family: "Roboto", sans-serif;
}

.bookin-sort-btn {
  width: 140px;
  display: none;
  border-radius: 0;
  height: 45px;
  font-size: 16px;
  float: left;
  background: #fff;
  color: #000;
  margin-left: 10px;
  border: 1px solid #dedede;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.pagination-panel {
  float: right;
}

.pagination-panel .pagination {
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}

.pagination-panel .pagination > li {
  margin-bottom: 10px;
}

.pagination-panel .pagination > li > a:focus,
.pagination-panel .pagination > li > span:focus {
  z-index: 2;
  color: #888888;
  background-color: #000;
  border-color: #000;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.pagination-panel .pagination > li > a:hover,
.pagination-panel .pagination > li > span:hover {
  background-color: #fff;
  border-color: #000;
}

.pagination-panel .pagination > .active > a,
.pagination-panel .pagination > .active > a:focus,
.pagination-panel .pagination > .active > a:hover,
.pagination-panel .pagination > .active > span,
.pagination-panel .pagination > .active > span:focus,
.pagination-panel .pagination > .active > span:hover {
  z-index: 3;
  color: #888888;
  cursor: default;
  background-color: #000;
  border-color: #000;
}

.pagination-panel .pagination > li > a,
.pagination-panel .pagination > li > span {
  color: #888888;
  font-size: 13px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.pagination-panel .pagination > li:first-child > a,
.pagination-panel .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination-panel .pagination > li:last-child > a,
.pagination-panel .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pagination-panel .pagination > li > a,
.pagination-panel .pagination > li > span {
  margin: 0 5px;
}

.pagination-panel .pagination > li:last-child a {
  margin-right: 0;
}

.operator-footer {
  width: 100%;
  background: #f2f2f2;
  position: fixed;
  color: #878787;
  bottom: 0;
  font-size: 13px;
  padding: 15px 0 15px 280px;
  border-top: 1px solid #e1e1e1;
  z-index: 99;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.table-sort .hide-div {
  display: none !important;
}

.booking-list-main-panel {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
  padding: 0 50px;
}
.btn-list-export {
  min-width: 140px;
  border-radius: 0;
  height: 45px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  position: absolute;
  right: 0;
}

.padding50 {
  padding-left: 50px;
}

.list-head-col .col-md-2:first-child,
.list-head-col .col-md-2:nth-child(2) {
  width: 13%;
}

.list-head-col .col-md-2:nth-child(3),
.list-head-col .col-md-2:nth-child(4),
.list-head-col .col-md-2:nth-child(7),
.list-head-col .col-md-2:nth-child(6) {
  width: 15%;
}

.list-head-col .col-md-2:nth-child(5) {
  width: 14%;
}

.list-body-col .col-md-2:first-child,
.list-body-col .col-md-2:nth-child(2),
.list-body-col .col-md-2:nth-child(7) {
  width: 13%;
}

.list-body-col .col-md-2:nth-child(3),
.list-body-col .col-md-2:nth-child(4),
.list-body-col .col-md-2:nth-child(5),
.list-body-col .col-md-2:nth-child(6) {
  width: 15%;
}

.mb-listing-sort {
  float: right;
  margin-bottom: 10px;
}

/*---end view booking----*/

.checkout-time {
  width: 150px;
  margin: auto;
  padding-top: 25px;
}

.checkout-time a {
  font-size: 12px;
  color: #000;
  cursor: pointer;
}

.coupon-discount {
  color: #d82e2e;
}

.checkout-time text {
  font-size: 18px;
  font-family: Oswald;
}

/*----booking detail start----*/

.booking-detail-head {
  border-bottom: 1px solid #d6d6d6;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.booking-detail-text {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #424242;
  background-color: #f8f8f8;
  float: left;
  padding: 15px 20px;
  width: 100%;
  font-weight: 500;
  border-bottom: 1px solid #d6d6d6;
}

.booking-detail-list {
  margin: 0;
  padding: 5px 0 10px;
  font-size: 0px;
}

.booking-detail-list li {
  display: inline-block;
  padding: 9px 12px 9px 0;
  width: 55%;
  font-size: 15px;
  vertical-align: top;
  word-wrap: break-word;
  text-transform: capitalize;
}

.booking-detail-list li.names {
  width: 45%;
  padding-left: 15px;
  color: #8f8f8f;
  font-weight: 500;
  padding-right: 5px;
}

.big-head span {
  font-size: 16px;
  text-transform: none;
  display: block;
  margin-top: 12px;
  font-family: "Roboto", sans-serif;
}

.shipping-main-div a {
  cursor: default;
}

.booking-detail-list li a {
  word-wrap: break-word;
  color: #000;
}

.booking-section .thumbnail-panel,
.booking-section .img-thumnail {
  height: 250px;
}

.booking-detail-sidebar {
  margin-top: 10px;
  overflow: hidden;
}

.footer-para a {
  color: #787878;
  text-decoration: none;
}

.footer-para a:hover {
  color: #787878;
  text-decoration: underline;
  cursor: pointer;
  outline: 0;
}

/*----empty code----*/
.empty-bg {
  padding: 20px 10px;
}

.empty-title {
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  margin: 30px 0 10px;
}

.empty-text {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  color: #787878;
}

.empty-btn-div {
  margin-top: 50px;
}

.empty-black-btn {
  border-radius: 0px;
  background: #000;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 20px 60px;
}

.empty-font-black {
  color: #000;
}

.pop-span-1 span,
.pop-span-2 span,
.pop-span-3 span,
.pop-span-4 span,
.pop-span-5 span,
.pop-span-6 span {
  font-size: 12px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  display: none;
}

.package-social .order-share-div {
  top: 58px;
}

.inner-header .icon-rador,
.header-color .icon-rador {
  font-size: 18px;
  vertical-align: top;
}

ul.booking-nav {
  margin-top: 10px !important;
  display: none;
}

.mobile-shorting {
  float: left;
}

.mobile-shorting span {
  color: #787878;
  font-size: 15px;
  display: block;
  height: 10px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.mobile-short-arrow {
  float: left;
  vertical-align: top;
  position: absolute;
  left: -13px;
  top: 4px;
}

.mobile-short-arrow span {
  color: #b8b8b8;
  font-size: 1em !important;
}

.booking-label {
  display: inline-block;
}

.tab-section .booking-detail-main {
  padding-left: 250px;
  margin: 0px 0 0 0;
}

.detail-txt {
  color: #000;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.no-party span {
  color: #8f8f8f;
}

.detail-row {
  text-align: right;
  padding: 20px 20px;
}

.detail-row:last-child {
  border-bottom: 0;
}

.detail-total {
  font-weight: 500;
  text-transform: uppercase;
}

.detail-txt-amount span {
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.detail-txt-amount {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.detial-div-1 {
  float: left;
  width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detial-div-2 {
  float: left;
  width: 20%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detial-div-3 {
  float: left;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detial-div-4 {
  float: left;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.book-detail-4 {
  float: left;
  width: 25%;
  text-align: right;
}

.book-detail-4 a {
  color: #424242;
}

.detial-total-1 {
  font-size: 14px;
  float: left;
  width: 75%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detial-total-2 {
  font-size: 16px;
  float: left;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detail-row-panel {
  padding: 20px 20px;
}

.border0 {
  border: 0;
}

.font-bold {
  font-weight: 500 !important;
}

.adventure-proceed-btn {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 0 20px 20px 0;
}

.adventure-pop-body {
  padding: 0px 20px 0px 20px;
}

.detial-div-1 span {
  display: block;
  color: #8f8f8f;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.detial-div-2 span {
  font-weight: 600;
  color: #555;
}

.detial-div-2 span,
.detial-div-3 span,
.detial-div-4 span {
  /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.radar-share {
  top: 50px;
}

.order-discription .error {
  margin: 5px 0 5px 0;
}

.caret {
  display: inline-block;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  z-index: -1;
}

.listing-header {
  padding: 10px 15px;
}

.like-pinter {
  vertical-align: bottom;
}

.remain-order-btn {
  width: auto;
  margin-right: 5px;
  color: #fff;
  background: #000;
  padding: 6px 6px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #000;
  font-family: "Roboto", sans-serif;
}

.remain-order-btn:hover,
.remain-order-btn:focus {
  color: #fff;
  background: #000;
}

/*.order-left-panel span{
    background-color: rgba(0,0,0,.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}
*/
.label-padd-0 {
  font-weight: 400;
}

.myProfile-post-footer a {
  text-decoration: none;
  text-transform: none;
}

textarea:focus {
  outline: 0;
}

.phone-para:hover {
  color: #787878;
  cursor: initial !important;
  text-decoration: none;
}

.line-break {
  white-space: pre-wrap;
  word-break: break-all;
}

.cart-btn {
  width: 75px;
}

.feed-label {
  float: right;
  font-size: 12px;
  color: #878787;
  position: relative;
  top: -20px;
}

.slick-carousel {
  margin: auto;
  width: 90%;
  text-align: center !important;
}

.slick-carousel .first-img {
  padding: 35px 0;
  height: 100%;
  width: 100%;
  position: relative;
}

.slick-carousel img {
  max-width: 130px;
  min-width: 125px;
  max-height: 125px;
  /*height: 100px;*/
  /*object-fit: contain;*/
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.slick-carousel img[src="images/alpine.png"] {
  padding: 0 25px;
  height: 80px;
}

.slick-carousel img[src="images/partners-update/norrona.png"] {
  height: 200px;
  width: 1000px;
}

.slick-carousel img:hover {
  -webkit-filter: grayscale(100);
  -moz-filter: grayscale(100);
  -o-filter: grayscale(100);
  -ms-filter: grayscale(100);
  filter: grayscale(100);
  opacity: 1;
}

.btn-verify {
  width: 130px;
  float: right;
  height: 45px;
  padding: 0 22px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 0;
  background-color: #000000;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  border-radius: 0;
}

.verify-panel {
  float: left;
  width: 100%;
}

.verify-panel span.error {
  text-align: right;
}

.share-close {
  font-size: 16px !important;
  display: block;
  float: right;
  position: absolute;
  top: -32px;
  right: 0px !important;
}

.share-close i {
  color: #fff;
  font-weight: 300 !important;
}

.share-main {
  padding: 0px 0px 0 0;
}

.model-share .order-share-txt,
.model-share .order-share-grey-txt {
  text-align: center;
}

.share-bottom-panel {
  width: 100%;
  float: left;
  margin-top: 0px;
  background: #f6f6f6;
  padding-top: 30px;
}
.agent-share-bottom-panel {
  background: #ffffff;
}

.model-share .divider-section {
  margin: 0 0 30px 0;
}

.share-bottom-panel .divider-section span {
  display: inline-block;
  position: relative;
  padding: 4px 0 0 0;
  background: #fff;
  color: #999 !important;
  top: -14px;
  font-size: 14px !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #ddd;
}

.share-bottom-panel .order-share-icon i {
  padding: 0 10px;
}

.share-bottom-panel .order-input {
  padding: 0 25px;
  margin-bottom: 20px;
}
.share-bottom-panel .agent-order-input {
  padding: 0px;
  margin-bottom: 20px;
}

.share-bottom-panel .order-input input {
  background: #fff;
  color: #000;
}

.share-bottom-panel .order-share-icon {
  margin-bottom: 15px;
}

.share-adv-main {
  padding: 20px 20px;
}

.share-radio-panel,
.share-radio-sub {
  border: 1px solid #dadada;
  padding: 15px 10px;
}

.share-slot label {
  margin-bottom: 0 !important;
}

.share-text {
  color: #000;
  font-size: 14px;
  font-style: italic;
  margin: 10px 0 10px 15px;
  font-family: "Roboto", sans-serif;
}

.share-slot-txt {
  color: #000;
  font-size: 16px;
  margin: 0 0 10px 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.share-radio-sub .share-slot {
  margin-bottom: 10px;
}

.btn-share-cont {
  width: 100px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding: 5px 12px;
  margin-top: 15px;
}

.btn-verify {
  width: 130px;
  float: right;
  height: 45px;
  padding: 0 22px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 0;
  background-color: #000000;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  border-radius: 0;
}

.verify-panel {
  float: left;
  width: 100%;
}

.verify-panel span.error {
  text-align: right;
}

.operator-profile-list .right-sign-green {
  left: 0;
}

.search-panel .column-2 i,
.search-panel .column-3 i {
  top: 36px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 10px;
}

button:focus {
  outline: 0;
}

.bar-tp-border {
  border-top: #e0e0e0 1px solid;
}

.switch-row p {
  color: #000;
}

.share-main .order-share-txt {
  border: 1px solid #000;
  padding: 10px 12px;
  margin: auto;
  width: 130px;
  margin-bottom: 10px;
}

span.like-txt {
  color: #878787;
}

.like-hit a,
.like-hit .like-txt {
  background-color: #000 !important;
  color: #fff !important;
}

.sign-shadow {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.detail-bt-border {
  border-bottom: 1px solid #d6d6d6 !important;
}

.order-amount-panel div.deposit {
  display: block;
  color: #9b9b9b;
  font-size: 13px;
}

.text-100 {
  width: 100%;
  border: solid 1px #e0e0e0;
}

.currency-select .form-control {
  border: 0 !important;
}

.adventure-pd {
  padding-top: 30px;
  padding-bottom: 30px;
}

.adv-tab-pd {
  padding-bottom: 0 !important;
}

.share-adv-main input[type="radio"]:checked:not(old) + label {
  line-height: 23px;
}

.payout-left .listing-sub-panel:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.bottom-line {
  border-bottom: #e0e0e0 1px solid;
  margin: 10px 0;
}

.booking-detail-head .payment-status {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  width: 150px;
}

b,
strong {
  font-weight: 500;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-100 {
  float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-50 {
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-80 {
  float: left;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.font-18 {
  font-size: 18px !important;
  font-weight: 500;
}

.mg-r0 {
  margin-right: 0 !important;
}

.pie-left {
  width: 40%;
  float: left;
}

.pie-right {
  width: 50%;
  float: right;
}

ul.pie-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.pie-list li {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}

ul.pie-list li span.txt {
  display: block;
  color: #878787;
  font-size: 12px;
}

.pie-txt {
  display: inline-block;
}

.circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.Direct-color {
  background: #3fbafa;
}

.Yahoo-color {
  background: #ff40a3;
}

.Instagram-color {
  background: #ff6384;
}

.Twitter-color {
  background: #f0db2c;
}

.Google-color {
  background: #ff9f40;
}

.blue {
  background: #3169d9;
}

.Facebook-color {
  background: #40df56;
}

/*.Facebook-color{
    background: #74b23b;
}*/
.LinkedIn-color {
  background: #c76ff1;
}

.pie-total-count {
  margin-top: 20px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.pie-total-count span {
  color: #878787;
  display: block;
  font-size: 12px;
}

.package-box .check-pd {
  padding: 20px 10px;
}

.gallary-inner span:first-child {
  float: left;
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.invite-div {
  position: relative;
  text-align: right;
  float: right;
}

.invite-txt {
  color: #000;
  font-size: 14px;
  margin: 10px 0 30px 0;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.invite-div .order-share-div {
  top: 54px;
}

.invite-div .order-share-div:before {
  left: auto;
  right: 49px;
}

.invite-div .order-share-div:after {
  left: auto;
  right: 50px;
}

.invite-div .order-share-icon {
  margin-bottom: 10px;
}

.btn-invite {
  width: 150px;
}

.analytics-back {
  background: transparent;
  border: 0;
}

.referral-link-text a:hover,
.referral-link-text a:focus {
  color: #337ab7;
  cursor: default;
  word-wrap: break-word;
}

/*----about code----*/
.about-main-panel {
  margin-top: 73px;
}

.about-banner {
  background: url(https://heli-production.s3.amazonaws.com/images/about-us/main.jpg) no-repeat center center;
  width: 100%;
  min-height: 850px;
  background-size: cover;
  position: relative;
}

.about-banner-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(179.9deg, rgba(0, 0, 0, 0) -12.92%, rgba(0, 0, 0, 0.3) 48.28%, #000000 99.91%);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.about-banner-overlay h1 {
  font-family: 'Montserrat';
  font-size: 72px;
  font-weight: 900;
  line-height: 96px;
  text-align: center;
  margin-bottom: 15px;
}

.about-banner-overlay p {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  margin-bottom: 90px;
  max-width: 1400px;
}

.about-container {
  padding: 20px 150px;
  /*border:1px solid;*/
}

.about-para {
  color: #878787;
  font-size: 18px;
  margin: 25px 0;
  font-family: "Roboto", sans-serif;
}

.about-para span {
  font-weight: 600;
  color: #000;
}

.grey-border {
  border-bottom: 2px solid #e5e5e5;
}

.about-section {
  background-color: #000000;
  height: 100%;
  width: 100%;
}

.about-section .about-video-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.about-section .about-video-container .about-video {
  height: 800px;
  min-height: 600px;
}

.about-section .about-video-container .about-section-bottom-text {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  padding-top: 50px;
  padding-bottom: 100px;
  color: #fff;
}

.about-section-2 {
  background: #fff;
  height: 100%;
  color: #000000;
  padding-top: 50px;
}

.about-section-2 .flex-container {
  display: flex;
  justify-content: center;
}

.about-section-2 .flex-container .elipse {
  height: 180px;
  width: 180px;
  background: #000000;
  border-radius: 50%;
}

.about-section-2 .flex-container .elipse-title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 36px;
  height: 100%;
  width: 100%;
  font-family: 'Roboto';
}

.about-section-2 .flex-container .section-header {
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: 900;
  line-height: 96px;
  text-align: center;
  width: 100%;
}

.about-section-2 .flex-container .section-text {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;  
}

.about-section-3 {
  min-height: 800px;
  background: url('https://heli-production.s3.amazonaws.com/images/about-us/join-the-pack.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-section-3 .text-overlay {
  text-align: left;
  color: white;
  margin-left: 100px;
  width: 100%;
  margin-bottom: 70px;
}

.about-section-3 .text-overlay h1 {
  font-family: 'Montserrat';
  font-size: 72px;
  font-weight: 900;
  line-height: 72px;
  text-align: left;
  width: 100%
}

.about-section-3 .text-overlay button {
  padding: 0 50px;
}

.about-section-3 .text-overlay p {
  font-family: 'Montserrat';
  font-size: 36px;
  font-weight: 200;
  line-height: 36px;
  text-align: left;  
  width: 100%
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.about-caption {
  text-transform: capitalize;
}

.about-caption span {
  display: block;
  margin: 15px 0;
  text-transform: capitalize;
}

.btn-view {
  margin-top: 10px;
  border: 1px solid #979797;
}

.about-heading {
  color: #fff;
  font-family: 'Montserrat';
  font-size: 48px;
  font-weight: 900;
  line-height: 96px;
  text-align: center; 
  margin: 0;
  padding: 40px 0;
}

.analytics-divider {
  float: left;
  width: 100%;
  height: 0;
  border-top: 1px solid #e2e2e2;
  text-align: center;
  margin: 30px 0 40px 0;
}

.analytics-divider span {
  display: inline-block;
  position: relative;
  padding: 0 17px;
  top: -20px;
  text-transform: uppercase;
  font-size: 25px;
  background: #f2f2f2;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}



.about-head-text {
  font-size: 42px;
  line-height: 42px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  color: #000;
}

.about-detail {
  display: flex;
  text-align: center;
  align-items: center;
  background: rgba(0,0,0,1);
  flex-direction: column;
  color: #ffff;
  z-index: 2;
}

.adv-des {
  margin: 30px 0 10px 0;
  padding: 0 0;
  word-wrap: break-word;
}

.word-break {
  word-wrap: break-word;
}

.search-deatil {
  float: left;
}

.detail-main {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

.detail-main-operators {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.detail-sub {
  float: left;
  margin-left: 10px;
  word-break: break-word;
  width: calc(100% - 75px);
}

.term-para {
  padding: 10px 0;
  color: #000;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
}

.disabled-input {
  color: #fff !important;
}

.bd-tp {
  border-top: #e0e0e0 1px solid;
}

.home-calender i {
  right: 5px;
}

.home-calender i img {
  width: 18px;
}

.home-search-panel input {
  font-size: 13px;
}

.edit-textarea textarea {
  min-height: 150px;
}

.mgr10 {
  margin-right: 10px;
}

.mgl10 {
  margin-left: 10px;
}

.ambs-shadow {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}

.ambs-profile-panel {
  position: absolute;
  bottom: 20px;
  padding-left: 20px;
  width: 100%;
}

.amb-profile-info {
  float: left;
  position: absolute;
  left: 0;
  width: 100%;
  padding-left: 190px;
}

.home-user-name {
  float: left;
  width: 100%;
  color: #fff;
  margin: 65px 0 0 0;
  padding: 0 5px;
  font-size: 30px;
  text-align: left;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
}

.home-user-name div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-user-name h2 {
  font-size: 30px;
  text-align: left;
  font-weight: 300;
  margin: 0 0 6px;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-user-name span {
  display: block;
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ambs-thumnail {
  float: left;
  margin: 0 20px 0 0;
  width: 150px;
  height: 150px;
  border: 2px solid #fff;
  background: url(../../images/dummy-profile.svg) center no-repeat #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
}

.ambs-thumnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-view-profile {
  float: left;
  width: 130px;
  padding: 10px 10px;
  color: #fff;
  border: 1px solid #dedede;
  background: transparent;
  border-radius: 0;
  /*margin-top: 0px;*/
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

.btn-view-profile:active,
.btn-view-profile:hover,
.btn-view-profile:focus,
.btn-view-profile:visited {
  color: #fff;
}

.ambs-section .ambs-shadow:hover .btn-view-profile {
  opacity: 1;
  -webkit-transform: translate3d(0, -27px, 0);
  transform: translate3d(0, -27px, 0);
}

.ambs-section .ambs-shadow:hover .home-user-name {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
  -webkit-transition: opacity 0.75s, -webkit-transform 0.75s;
  transition: opacity 0.75s, transform 0.75s;
}

.ambs-shadow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.currency-dropdown .filter-option {
  float: right !important;
  text-align: right !important;
  margin-right: 20px;
}

.tax-panel {
  width: 100%;
  float: left;
  padding: 0;
}

.basic-tax .col-md-6 {
  width: 50% !important;
}

.no-user-found {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 50px 0;
  text-align: center;
}

.user-search-panel {
  width: 100%;
  background: #fff;
  padding: 15px;
  border-bottom: 2px solid #dddddd;
}

.user-top {
  margin-top: 72px !important;
}

.user-search {
  padding: 10px 0;
  width: 600px;
  margin: 0 auto;
  position: relative;
}

.btn-user {
  font-size: 14px;
  width: 150px;
  position: absolute;
  right: 0;
  top: 10px;
  height: 40px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

.user-search i {
  position: absolute;
  font-size: 19px;
  left: 15px;
  top: 23px;
  color: #ccc;
}

.user-search input {
  width: calc(100% - 150px);
  padding-left: 40px;
}

.user-container {
  margin-top: 40px;
}

.no-user-found img {
  margin-bottom: 20px;
}

.carts-btn {
  font-size: 14px;
  background: #000;
  color: #fff;
  border-radius: 0;
  border: 1px solid #000;
}

.share-btn {
  padding: 6px 12px;
}

.new-share-panel button {
  padding: 4px 10px;
}

.new-share-panel .cart-share-dropdown {
  left: 46px;
}

.user-cancel-icon {
  position: absolute;
  right: 160px;
  top: 22px;
}

.user-bd0 {
  border-top: 0 !important;
}

.operator-users .container-fluid {
  margin-top: 40px;
}

.social-icon-hover {
  color: #000 !important;
}

.profile-rador-main {
  width: 100%;
  float: left;
}

.order-card-panel {
  width: 100%;
  float: left;
  margin: 20px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 40px 0;
}

.order-card-panel .field-follow {
  background: #fff;
}

.order-card-panel .field-follow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 245px;
}

.order-card-panel .order-card-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 10px;
}

.order-card-footer span {
  float: left;
  font-style: italic;
  padding: 8px 10px 0 15px;
  color: #878787;
  font-size: 14px;
  cursor: default;
  font-weight: 500;
}

.order-card-footer i {
  color: #000;
  margin: 6px 10px 0 10px;
  cursor: pointer;
}

.grey-text {
  color: #5f5f5f;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.order-card-panel .single-feed-price {
  float: left;
  width: 100%;
  background: #fff;
  border: solid 1px #e0e0e0;
}

.order-card-panel [class^="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

.order-card-panel .order-list {
  float: left;
  width: 100%;
  padding: 5px 0 10px 0;
}

.order-list li {
  padding: 0 5px;
  font-size: 11px;
}

.order-list li:first-child {
  width: 40%;
}

.order-list li:last-child {
  width: 60%;
}

.order-success li:first-child {
  width: 50% !important;
}

.order-success li:last-child {
  width: 50% !important;
}

.margin-top25 {
  margin-top: 25px !important;
}

.margin-top10 {
  margin-top: 10px !important;
}

.order-card-footer .pull-left i:hover {
  color: #0065d8;
}

.list-hover .dropdown-menu {
  z-index: 99;
}

.img-panel .cap-brand {
  margin-top: 197px;
}

/*----heli-sprite----*/
.video-inner .video-hover,
.video-inner .video-default {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -20px -0px;
  width: 60px;
  height: 60px;
}

.dimond-icon-new {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  top: 12px;
  background-position: -20px -231px;
  width: 14px !important;
  height: 14px;
}

.home-calender i {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -60px -152px;
  width: 19px;
  height: 19px;
}

.package-sub-panel .demo .calender-icon-sm {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -60px -152px;
  width: 20px;
  height: 19px;
  top: 34px;
}

.ambassadors-head-section .search-panel .icon-white-close {
  color: #b0b0b0;
  font-size: 13px !important;
  top: 2px !important;
  position: relative;
  right: -15px;
}
.consumer-agent-main .search-panel .icon-white-close {
  color: #000 !important;
  font-size: 13px !important;
  top: 6px !important;
}
.header-info .info-1 em {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -20px -192px;
  width: 19px;
  height: 19px;
  top: 6px;
  position: relative;
}

.header-info .info-2 em {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -57px -228px;
  width: 19px;
  height: 19px;
  top: 6px;
  position: relative;
}

.btn-close-gallery i,
.btn-close-gallery i:hover {
  color: #fff;
}

.white-color {
  color: #fff !important;
}

.image-gallery-container .add-image-box em {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -61px -110px;
  width: 22px;
  height: 22px;
}

.footer-head .plus-icon {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -61px -110px;
  width: 22px;
  height: 22px;
}

.footer-head .minus-icon {
  display: inline-block;
  background: url("../../images/heli-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  background-position: -20px -110px;
  width: 22px;
  height: 22px;
}

.itinerary-panel {
  margin-bottom: 20px;
  /*float: left;*/
}

.itinerary-head {
  text-transform: uppercase;
  color: #000;
  margin-bottom: 5px;
}

a.itinerary-view-more {
  font-size: 14px;
  font-weight: 500;
  float: left;
  text-transform: uppercase;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}

.country-panel {
  background-color: #f9f9f9;
  padding: 15px 25px 0 15px;
  border-bottom: solid 1px #d6d6d6;
}

.country-panel .profile-sm-para {
  margin-top: 7px;
}

.wid100 {
  float: left;
  width: 100%;
}

.dash {
  text-align: center;
  padding-top: 11px;
}

.account-tpye .label-text {
  letter-spacing: 0;
}

.italic {
  font-style: italic;
}

.edit-textarea textarea {
  resize: vertical !important;
}

.account-tpye .radio-btn label,
.radio-btn label,
.amenite-checkbox label {
  cursor: pointer;
}

.payment-div {
  width: 100% !important;
  display: block !important;
}

.history-row .payment-div .status-box {
  min-height: 70px;
}

.history-row .payment-div .booking-cancel-box {
  min-height: 70px;
  border-left: #ddd 1px solid;
}

.history-row .payment-div .booking-cancel-box:last-child {
  border: 0;
}

.payment-div .balance-seprator-box:before {
  top: 10px;
  height: 1px;
}

.payment-div .detial-total-1,
.payment-div .detial-total-2 {
  width: 50%;
}

.payment-div .detial-total-2 span {
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  background-color: white;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.payment-div .payment-blance .detial-total-2 div {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.payment-blance .detail-row {
  padding: 20px 0px;
}

.payment-blance .detial-total-1 {
  width: 75%;
}

.payment-blance .detial-total-2 {
  width: 25%;
}

.payout-history .col-md-2 {
  width: 12%;
  font-size: 12px;
  line-height: 20px;
}

.green-status {
  background-color: #3dc37f !important;
  color: #fff !important;
}

.slect-panel {
  position: relative;
}

.slect-panel .ui-select-container .ui-select-match {
  width: 100%;
  float: left;
}

.slect-panel .ui-select-container .ui-select-match:focus,
.slect-panel .ui-select-container span.btn-default-focus:focus {
  outline: 0 !important;
}

.slect-panel .ui-select-container .btn-default-focus {
  box-shadow: none;
  outline: 0;
  background: #fff;
}

.slect-panel .ui-select-container span.btn-default {
  background: #fff;
  border: solid 1px #dddddd !important;
}

.slect-panel .ui-select-bootstrap .ui-select-choices-row.active > span {
  color: #fff;
}

.slect-panel .ui-select-bootstrap .ui-select-choices-row > span {
  padding: 10px 15px;
}

.location-select.slect-panel
  .ui-select-bootstrap
  .ui-select-choices-row.active
  > span {
  background: #fff;
  color: #878787;
  font-weight: 600;
}

.slect-panel
  .ui-select-bootstrap
  .ui-select-choices-row
  span.ui-select-choices-row-inner
  div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.location-select.slect-panel
  .ui-select-bootstrap
  .ui-select-choices-row
  > span {
  color: #878787;
  padding: 10px 15px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-bootstrap .ui-select-placeholder {
  color: #878787;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.location-select.slect-panel .ui-select-bootstrap .ui-select-search {
  width: 100% !important;
  color: #878787;
  border: solid 1px #dddddd !important;
  font-weight: 400;
  height: 43px;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-container .btn-default {
  height: 43px;
  padding: 12px 10px;
}

.location-select.slect-panel
  .ui-select-bootstrap
  .ui-select-choices-row
  > span:hover {
  background: #fff;
}
.adventure-filter-select-agent.slect-panel
  .ui-select-bootstrap
  .ui-select-choices-row
  > span:hover {
  background: #f2f2f2;
}
.slect-panel .ui-select-bootstrap .ui-select-search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-bootstrap .ui-select-search::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-bootstrap .ui-select-search:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-bootstrap .ui-select-search:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #000;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.slect-panel .ui-select-bootstrap .ui-select-match-text {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.cart-select .ui-select-container {
  height: 30px;
}

.cart-select .ui-select-container span.btn-default {
  border: 0 !important;
}

.cart-select {
  position: relative;
}

.cart-select .ui-select-bootstrap .ui-select-match-text {
  text-align: right;
  padding-right: 20px;
  margin-top: -8px;
}

.cart-select .ui-select-container .btn-default-focus {
  background: transparent;
}

.cart-select .ui-select-choices {
  min-width: auto;
}

.apply-form input {
  width: calc(100% - 80px);
  font-family: "Roboto", sans-serif;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 0 !important;
}

img[src=""] {
  display: none;
}

.account-tpye .radio-group .radio-btn {
  margin-bottom: 10px;
}

.summary-col .addon-summary {
  padding: 15px;
}

.summary-col .package-booking-row {
  padding: 20px 0px;
}

.summary-col .package-booking-row .col-xs-7 {
  padding-left: 0;
}

.ambassadors-outer-main {
  margin-top: 75px;
}

.ambassador-listing {
  margin-top: 0px !important;
}

.ambassador-tiles {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  margin-top: 75px;
}

.ambassador-tiles .rador-sub img {
  width: 26px;
}

.ambassadors-outer-main .rador-sub {
  padding: 30px 0 30px;
  background: none;
  margin-bottom: 0;
}

.ambassadors-head .filter-right-div {
  text-transform: capitalize;
  font-size: 16px;
  padding: 10px 0 50px;
}

.ambassadors-head .filter-right-div ul {
  float: none;
  display: block !important;
}

.ambassadors-head .filter-right-div ul li {
  cursor: pointer;
  width: auto !important;
  padding: 0;
}

.ambassadors-head .filter-right-div ul li.filter-border {
  display: block !important;
}

.ambassadors-head .filter-right-div ul li.active {
  text-decoration: underline;
}

.ambassador-col div[class^="col-"] {
  padding: 0;
}

.ambassador-col .rador-sub {
  padding: 15px !important;
  margin: 0px;
  text-transform: uppercase;
}

.instagram-operator {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0px 25px;
  margin-bottom: 10px;
}

.instagram-operator .profile-text {
  padding: 5px 0 10px;
}

.expired-wrapper {
  margin-top: 73px;
}

.expired-wrapper .expired-container {
  background: #fff;
  border: #ddd 1px solid;
  margin-bottom: 80px;
  padding: 20px 15px;
}

.expired-wrapper h1.expired-head {
  text-align: left;
  font-size: 28px;
}

.expired-wrapper .expired-date {
  padding: 15px;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}

.expired-wrapper .expired-data {
  margin-bottom: 6px;
}

.expired-wrapper .expired-data .expired-inner {
  float: left;
  width: 100%;
  padding: 15px 0;
  border: #ddd 1px solid;
}

.expired-wrapper .expired-data .expired-inner .expired-slots {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.expired-wrapper .col-sm-3 {
  padding-left: 35px;
}

.commission-alert {
  font-size: 12px;
  font-style: italic;
  color: #aaa;
}

.row-pad-bottom {
  padding-bottom: 20px;
}

.calendar-banner {
  width: 100%;
  height: 253px;
  background: #eee;
  background-size: cover;
  position: relative;
}

.calendar-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar-banner .close-page {
  background: #000;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  left: 20px;
  top: 30px;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.calendar-banner .close-page img {
  width: auto !important;
  height: auto !important;
}
.left-panel-booking,
.right-guest-panel {
  background: #fff;
  border: solid 1px #e2e2e2;
  padding: 15px;
  margin-top: 40px;
  min-height: 190px;
}
.left-panel-booking .booking-tour {
  font-family: "Oswald";
  font-size: 25px;
}

.left-panel-booking .booking-tour a {
  color: #000;
}

.left-panel-booking .booking-date {
  font-size: 18px;
}

.left-panel-booking .booking-price {
  font-size: 28px;
}

.left-panel-booking .booking-avail {
  font-size: 16px;
}

.left-panel-booking .booking-avail span.available_seat {
  font-size: 24px;
  font-weight: 600;
}

.left-panel-booking .booking-note {
  padding: 20px 10px 5px;
  border-top: #ddd 1px solid;
}

.left-panel-booking .booking-note a {
  font-size: 14px;
  color: #000;
  text-decoration: underline;
}

.left-panel-booking .booking-note .slot-note-div {
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #666;
}

.left-panel-booking .booking-note .slot-note {
  font-size: 12px;
  color: #6e6e6e;
  text-align: left;
  padding: 10px;
}

.mybook-Nav {
  cursor: pointer;
}

.mybook-Nav li {
  padding: 10px 0;
  border-bottom: #ddd 1px solid;
}

.mybook-Nav li a {
  color: #777;
  font-size: 14px;
  font-weight: 500;
}

.mybook-Nav .dropdown-menu {
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;
  padding: 0;
  margin-top: 8px;
  border: 0;
  right: 0;
}

.mybook-Nav .dropdown-menu:before {
  z-index: 3;
  border-bottom: 10px solid #fff;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.mybook-Nav .dropdown-menu:after {
  border-bottom: 10px solid rgba(0, 0, 0, 0.15);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  right: 13px;
  top: -11px;
  z-index: 2;
}

.right-guest-panel {
  min-height: 250px;
}

.right-guest-panel .guest-title {
  font-family: "Oswald";
  font-size: 20px;
  font-weight: 300;
  color: #000;
}

.right-guest-panel .btn {
  display: inline-block;
  margin-left: 10px;
  line-height: 18px;
  padding: 10px 20px;
  border-radius: 0;
}

.right-guest-panel .guest-btn {
  background: #000;
  font-size: 16px;
  border: #000 1px solid;
  font-weight: 500;
  color: #fff;
}

.right-guest-panel .anchor-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.right-guest-panel .add-grp-btn {
  color: #000;
  font-size: 16px;
  border: #000 1px solid;
}

.right-guest-panel .guest-list-outer {
  float: left;
  width: 100%;
}

.right-guest-panel .empty-calendar-bg {
  background-color: #f7f7f7;
  margin-bottom: 50px;
}

.right-guest-panel .guest-list-outer .guest-item {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: #f7f7f7;
  margin-bottom: 10px;
  padding: 15px;
  position: relative;
  cursor: move;
}

.guest-group .mb-footer-inner:last-child {
  padding-bottom: 10px;
}
.guest-form-question-row .guest-sort {
  position: absolute;
  left: 0;
  top: 50px;
}
.guest-form-question-row .guest-sort,
.right-guest-panel .guest-list-outer .guest-sort {
  width: 20px;
  height: 36px;
  padding: 10px 6px;
  border-radius: 3px;
  background-color: #ebebeb;
}
.guest-form-question-row .guest-sort .cart,
.right-guest-panel .guest-list-outer .guest-sort .cart {
  width: 0;
  height: 0;
  display: block;
  vertical-align: middle;
}
.guest-form-question-row .guest-sort .caret-up,
.right-guest-panel .guest-list-outer .guest-sort .caret-up {
  border-top: 4px solid #969696;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-top: 3px;
}
.guest-form-question-row .guest-sort .caret-down,
.right-guest-panel .guest-list-outer .guest-sort .caret-down {
  border-bottom: 4px solid #969696;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.right-guest-panel .guest-list-outer .guest-content {
  flex: 1;
  padding: 0 15px;
}

.right-guest-panel .guest-list-outer .guest-content .guest-name a {
  background-color: #e1e1e1;
  color: #434343;
  padding: 4px 10px 3px;
  font-size: 12px;
  cursor: move;
  border-radius: 2px;
}

.right-guest-panel .guest-list-outer .guest-content .guest-name .label {
  background-color: #e1e1e1;
  color: #434343;
  padding: 4px 10px 3px;
  font-size: 12px;
  cursor: move;
  border-radius: 2px;
}

.booked-manual {
  background-color: #417505 !important;
  color: #fff !important;
}

.booked-heli {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

.right-guest-panel .guest-list-outer .guest-content .guest-name {
  display: flex;
  align-items: center;
}

.right-guest-panel .guest-list-outer .guest-content .guest-name .title {
  font-size: 18px;
  color: #000;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
  margin-right: 10px;
}

.right-guest-panel .guest-list-outer .guest-content .guest-mail {
  font-size: 14px;
  margin-top: 5px;
}

.right-guest-panel .guest-list-outer .guest-content .guest-mail i {
  font-size: 12px;
}

.right-guest-panel .guest-list-outer .guest-content .guest-mail a {
  color: #6e6e6e;
}

.right-guest-panel .guest-list-outer .guest-content .guest-desc {
  font-size: 12px;
  margin-top: 5px;
  word-wrap: break-word;
  color: #6e6e6e;
  width: 100%;
}

.right-guest-panel .guest-list-outer .guest-content .guest-desc a {
  color: #0065d9;
}

.right-guest-panel .guest-list-outer .guest-edit img {
  width: 15px;
  cursor: pointer;
  margin: 0 0 0 20px;
}

.abs-footer {
  padding: 15px 0;
}

.abs-footer .package-sub-panel {
  padding-top: 0;
}

.abs-footer .package-sub-panel .btn {
  margin: 0;
}

.note-header {
  padding: 15px !important;
}

.note-header .close {
  margin-top: 3px;
}

.note-modal-title {
  font-size: 20px !important;
  font-family: "Roboto";
  font-weight: 400;
}

.note-modal-body input[disabled],
.note-modal-body textarea[disabled] {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #767676;
}

.note-modal-body textarea {
  width: 100%;
}

.guest-group {
  /*border-top: #e2e2e2 1px solid;*/
  border-bottom: #9c9c9c 1px solid;
}

.padding-20 {
  padding: 20px;
}

.guest-list {
  padding: 10px 0px;
}

.guest-group .footer-head {
  padding: 15px 15px 15px 0px;
  margin-bottom: 0;
  display: flex;
  position: relative;
  align-items: center;
  cursor: default;
}

.pointer {
  cursor: pointer !important;
}

.guest-group .footer-head .plus-icon {
  background-position: -66px -114px;
  width: 14px;
  height: 14px;
  margin-right: 15px;
  cursor: pointer;
}

.guest-group .footer-head .minus-icon {
  background-position: -28px -110px;
  width: 14px;
  height: 22px;
  margin-right: 15px;
  cursor: pointer;
}

.guest-group .footer-head .group {
  color: #0065d9;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 85%;
}

.guest-group .footer-head .my-edit {
  display: inline-block;
}

.guest-edit {
  display: flex !important;
  background: none !important;
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
  margin-right: 0 !important;
  float: right;
  margin-left: auto;
}

.edit-cal-header {
  padding: 12px 15px !important;
}

.calendar-tab-panel {
  /* padding-bottom:80px; */
}

.calendar-section .d-flex {
  display: flex;
}

.calendar-section .calendar-title {
  font-family: "Oswald";
  text-transform: uppercase;
  font-weight: 100;
  font-size: 36px;
  margin-top: 0;
}

.calendar-section .filters-row {
  justify-content: space-between;
  border-bottom: #ddd 1px solid;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.calendar-section .filter-col {
  position: relative;
  width: 320px;
  justify-content: flex-end;
  display: flex;

  align-items: center;
}

.calendar-section .filter-col .slect-panel .ui-select-container {
  width: 190px;
}
.calendar-section
  .filter-col
  .slect-panel.payment-status-select
  .ui-select-container {
  width: 170px;
}
.calendar-section
  .filter-col
  .slect-panel.payment-local-select
  .ui-select-container {
  width: 150px;
}
.calendar-section .slect-panel .ui-select-container span.btn-default {
  padding: 11px 12px;
  text-transform: capitalize;
  color: #878787;
}

.calendar-section .filter-col .btn {
  background: #000;
  text-transform: uppercase;
  padding: 11px 26px;
  border-radius: 0;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  border-color: #000;
}

.calendar-section .filter-col .btn[disabled] {
  opacity: 0.5 !important;
}

.calendar-section .filter-col .btn i {
  margin-right: 10px;
  font-size: 20px;
}
.calendar-section .fc-month-view .fc-body .fc-row {
  min-height: 4em;
  height: 120px !important;
}
.calendar-section .fc-basic-view .fc-body .fc-row {
  background: #fff;
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
  min-height: 4em;
}
.calendar-section .fc-basicWeek-view .fc-day-grid-event .fc-content {
  white-space: normal;
  padding: 10px 0;
}
.calendar-section .fc-basic-view .fc-body .fc-row:last-child {
  border-bottom: #ddd 1px solid;
}

.calendar-section tr td:first-child.fc-widget-content {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.calendar-section .filter-col .btn:focus,
.calendar-section .filter-col .btn:hover {
  color: #fff;
}

.calendar-section .filter-col .filters {
  position: absolute;
  right: 0;
  left: -80px;
  top: -3px;
  z-index: 99;
  background: #fff;
  border: #eee 1px solid;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 18px;
  width: 300px;
}

.calendar-section .filter-col .filters .searchbar {
  border: #999 1px solid;
  margin: 10px 10px 23px;
  padding: 0px 10px;
}

.calendar-section .filter-col .filters .searchbar .search-control {
  border: 0;
  width: 100%;
  font-size: 14px;
  padding: 10px;
}

.calendar-section .filter-col .filters .search-list {
  padding: 15px 10px 0;
  border-top: #ddd 1px solid;
  max-height: 250px;
  overflow: auto;
}

.calendar-section .filter-col .filters .search-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.calendar-section .filter-col .filters .search-list li {
  display: flex;
}

.calendar-section .filter-col .filters .search-list li label {
  line-height: 22px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.calendar-section .fc-view-container {
  background: #fff;
}

.calendar-section .fc-toolbar h2 {
  font-family: "Roboto";
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 8px;
}

.calendar-section .fc-button {
  background: #f7f7f7;
  border: #ddd 1px solid;
  box-shadow: none;
  font-size: 15px;
  color: #999;
  height: 2.7em !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-weight: 400;
}

.calendar-section .fc-day-number {
  padding-left: 20px !important;
  text-align: left !important;
  padding-top: 15px !important;
  float: left !important;
}

.calendar-section .fc-button.fc-today-button {
  min-width: 170px;
}

.calendar-section .fc-button.fc-next-button {
  margin-left: 5px;
}

.calendar-section .fc-button.fc-month-button,
.calendar-section .fc-button.fc-basicWeek-button {
  min-width: 120px;
  margin-left: 0;
}

.calendar-section .fc th {
  text-align: center;
  padding: 16px 0 !important;
  border: 0 !important;
  font-weight: 400;
}

.calendar-section .fc-button.fc-state-active {
  background: #000;
  color: #fff;
}

.filter-col .help-filter {
  width: 42px;
  margin-right: 20px;
  position: relative;
}

.filter-col .help-filter .dropdown a.dropdown-toggle {
  font-size: 24px;
  color: #000;
  cursor: pointer;
  margin: 0 10px;
}

.filter-col .help-filter .dropdown ul.dropdown-menu {
  right: 0;
  left: auto;
  border: 0;
  padding: 0 16px 12px;
  min-width: 190px;
  border-radius: 0;
}

.filter-col .help-filter .dropdown-menu {
  box-shadow: rgba(0, 0, 0, 0.16) 0 0 12px;
  padding: 0;
  margin-top: 8px;
  border: 0;
  right: 0;
}

.filter-col .help-filter .dropdown-menu:before {
  z-index: 3;
  border-bottom: 10px solid #fff;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.filter-col .help-filter .dropdown-menu:after {
  border-bottom: 10px solid rgba(0, 0, 0, 0.06);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  right: 13px;
  top: -11px;
  z-index: 2;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li {
  display: flex;
  align-items: center;
  margin: 12px 0 0;
}

.filter-col .help-filter .dropdown-menu > li > a {
  padding: 3px 10px;
  font-size: 12px;
  color: #424242;
  font-weight: 500;
  cursor: default;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li .rect-box {
  width: 16px;
  height: 16px;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li.expired-occup .rect-box {
  background: #e8e8e8;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li.empty-occup .rect-box {
  background: #bdbdbd;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li.blue-occup .rect-box {
  background: #79cffc;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li.organge-occup .rect-box {
  background: #ffbc79;
}

.filter-col .help-filter .dropdown ul.dropdown-menu li.fully-occup .rect-box {
  background: #f37272;
}

.filter-no-package {
  text-align: center;
  display: block !important;
  padding-bottom: 10px;
}

.calendar-section .expired-slot {
  background: #e8e8e8;
  border-color: #e8e8e8;
  color: #999 !important;
}

.calendar-section .fc-event {
  line-height: 1.8;
}

.calendar-section .fc-day-grid-event {
  padding: 0 5px;
}

.calendar-section .fc-event,
.calendar-section .fc-event:hover,
.calendar-section .ui-widget .fc-event {
  color: #333;
  font-size: 12px;
  cursor: pointer;
}

.calendar-section .fc-unthemed .fc-popover {
  border-width: 0;
  min-width: 320px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.calendar-section .fc-popover .fc-header .fc-title {
  font-size: 18px;
}

.calendar-section .fc-scroller {
  overflow: inherit !important;
}

.calendar-section .fc-month-view .fc-scroller {
  overflow: inherit !important;
  height: auto !important;
}

.calendar-section .fc-unthemed .fc-divider,
.calendar-section .fc-unthemed .fc-popover .fc-header {
  padding: 16px 15px 4px;
  background: none;
}

.calendar-section .fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 1.4em;
}

.calendar-section .grey-empty {
  background: #bdbdbd;
  border-color: #bdbdbd;
}

.calendar-section .blue-less-occupancy {
  background: #79cffc;
  border-color: #79cffc;
}

.calendar-section .yellow-high-occupancy {
  background: #ffbc79;
  border-color: #ffbc79;
}

.calendar-section .red-full {
  background: #f37272;
  border-color: #f37272;
}

.calendar-section .nightly {
  background: #799b69;
  color: #fff !important;
  border: 0px;
}
.custom-popover-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 888;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}
.custom-popover {
  z-index: 889 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
}
.custom-popover .fc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 9px 0 !important;
}
.custom-popover .fc-header .fc-close {
  order: 2;
}
.custom-popover .fc-header .fc-title {
  margin: 0 2px;
  font-size: 20px;
  font-weight: 500;
  flex: 1;
  order: 1;
}
.calendar-poup {
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 890;
  width: 100%;
  /*height: 100%;*/
}

.week-header {
  padding: 20px 10px 0px;
  display: block;
  font-size: 22px;
  font-weight: 450;
  text-align: center;
}

.reset-filter {
  cursor: pointer;
  position: relative;
  right: 15px;
  top: 10px;
}

.calendar-section .fc-more-popover .fc-event-container {
  padding: 10px 15px 20px;
}

.fc-unthemed .fc-month-view .fc-today {
  background: none !important;
}

.package-sub-panel .fc-bg .block-bg {
  background-image: url("../../images/pattern.png") !important;
  background-repeat: repeat;
}

.calendar-section .fc-state-disabled {
  cursor: default;
  background: #eee;
}

.fc-unthemed .fc-today {
  background-color: #f9f9f9 !important;
}

.calendar-section a.fc-more {
  font-size: 0.75em;
  color: #424242;
  font-weight: 500;
}

.calendar-poup .edit-btn-outer {
  margin: 20px -15px 0px;
}

.calendar-poup .edit-btn-outer .edit-cal-btn {
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-radius: 0;
  padding: 12px;
  width: 100%;
  text-transform: uppercase;
}
.calendar-poup .edit-btn-outer .agent-cal-btn {
  width: 50%;
  float: left;
}
.calendar-poup .edit-btn-outer .agent-cal-btn-white {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}

.calendar-poup .calendar-row {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.calendar-poup .calendar-row .calendar-flex {
  align-items: flex-start;
}

.calendar-poup .cal-close {
  background: none;
  border: 0;
  margin-bottom: 10px;
  width: 30px;
}

.calendar-poup .cal-close img {
  position: relative;
}

.calendar-section .fc-more-cell {
  padding-bottom: 10px;
}

.calendar-poup.mobile-calendar-data .calendar-row {
  padding-bottom: 0 !important;
  width: 360px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.mobile-calendar-data .date-title {
  text-transform: uppercase;
  padding: 0 15px;
}

.mobile-calendar-data .calendar-row {
  background: #fff;
  padding: 5px 15px 15px;
  margin-top: 5px;
}

.mobile-calendar-data .calendar-row .calendar-flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.mobile-calendar-data .calendar-row .calendar-flex .icon {
  margin: 0 10px 0 0;
  width: 16px;
  height: 16px;
}

.mobile-calendar-data .calendar-row .calendar-flex .circle {
  border-radius: 60px;
  display: block;
  margin-top: 5px;
}

.mobile-calendar-data .calendar-row .calendar-flex .cal-week,
.calendar-price {
  font-size: 20px;
  font-weight: 500;
  flex: 1;
}

.cal-week a {
  color: #000 !important;
}

.mobile-calendar-data .calendar-row .calendar-price {
  margin: 15px 0 0;
}

.mobile-calendar-data .calendar-row .calendar-flex .seat-booked,
.cal-date-text {
  color: #878787;
  font-size: 14px;
}

.mobile-calendar-data .calendar-row.occupied .circle {
  background: #ffbc79;
}

.mobile-calendar-data .calendar-row.full-booked .circle {
  background: #f37272;
}

.mobile-calendar-data .calendar-row.empty .circle {
  background: #bdbdbd;
}

.mobile-calendar-data .calendar-row.less-occupied .circle {
  background: #79cffc;
}

.mobile-calendar-data .calendar-row.expired .circle {
  background: #e8e8e8;
}

.expired-text {
  color: #d0021b;
  padding-top: 4px;
}

.fc-day-grid-event .fc-time {
  display: none;
}

.fc-today .today {
  width: 20px;
  display: block;
  height: 20px;
  text-align: center;
  color: #ffffff;
  border-radius: 60px;
  background-color: #000000;
  padding: 4px;
}

.selected-date {
  width: 20px;
  display: block;
  height: 20px;
  text-align: center;
  color: #ffffff;
  border-radius: 60px;
  background-color: #000000;
  padding: 4px;
}

.fc-title .expired-slot-text {
  color: #d42a2d;
}

.fc-day-grid-event .fc-content {
  text-overflow: ellipsis;
}

#sandbox-container {
  display: flex;
  width: 210px;
  align-items: center;
  cursor: pointer;
}
.calendar-flex-bar #sandbox-container {
  width: 210px;
}
.analytics-main-panel #sandbox-container {
  background: #f2f2f2;
  width: 205px;
}
.sandbox-container {
  width: 100% !important;
  border: 0 !important;
}

.fc-datepicker {
  background: transparent;
  background-color: transparent !important;
  border: none;
  height: 39px;
  width: 180px;
  border-right: #ddd 1px solid;
  cursor: pointer;
  font-size: 18px;
  color: #444;
  padding-bottom: 5px;
  text-align: center;
}

.fc-span-caret {
  float: right;
  position: relative;
  left: 6px;
  z-index: 9;
}

.calendar-loader {
  display: flex;
  align-items: center;
}

.calendar-loader img {
  margin-left: 20px;
  margin-bottom: 10px;
}

.fc-more-popover .fc-widget-content {
  padding-bottom: 15px;
}

.fc-more-popover .fc-widget-content .fc-event-container {
  max-height: 300px;
  overflow: auto;
  padding-bottom: 0;
}

.side-tab-panel li .icon-fill-calendar img {
  opacity: 0.4;
}

.side-tab-panel li .icon-location {
  font-size: 28px;
  line-height: 100%;
  color: #000;
}

.side-tab-panel li.active .icon-fill-calendar img,
.operator-sidebar .nav > li > a:hover .icon-fill-calendar img {
  opacity: 1;
}

.header-operator {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}

.header-operator .summary-select ~ .adventure-dropdown .btn-create-adv {
  position: static;
  margin-left: 15px;
}

.header-operator .btn-create-adv:hover {
  color: #fff;
}

.header-operator .summary-select {
  position: static;
}

.header-operator .fixed-head {
  padding: 20px 0 10px;
  display: block;
  flex: 1;
  border-bottom: 0;
}

.header-operator .fixed-summary-right .btn-create-adv {
  position: static;
  margin-left: 10px;
}

.header-operator .adventure-dropdown .adventure-menu {
  right: 0;
  left: auto;
  min-width: 320px;
  border-radius: 0;
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}

.header-operator .adventure-menu li {
  text-align: center;
  padding: 30px 0 0;
  position: relative;
}

.header-operator .adventure-menu li.border {
  border-bottom: #ddd 1px solid;
}

.header-operator .adventure-menu li .or-seperator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  text-align: center;
  z-index: 99;
}

.header-operator .adventure-menu li a {
  border: #000 1px solid;
  display: inline-block !important;
  color: #000 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: uppercase;
  padding: 10px 20px !important;
  margin: 10px 0;
}

.header-operator .dropdown-menu:before {
  border-bottom: 12px solid #000;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  right: 45px;
  top: -12px;
}

.header-operator .dropdown-menu:after {
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  content: "";
  border-bottom: 12px solid #fff;
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  right: 45px;
  top: -12px;
}

.header-operator .adventure-menu li span {
  display: block;
  text-align: center;
  color: #888888;
  padding: 0 30px 10px;
}

.header-operator .adventure-menu li .or-seperator span {
  line-height: 34px;
  width: 34px;
  margin: auto;
  border-radius: 60px;
  background: #fff;
  padding: 0;
  border: #ddd 1px solid;
  height: 34px;
}

.header-operator .adventure-menu li:last-child {
  background: #fafafa;
  padding-bottom: 10px;
}

.operator-case-container {
  background: #fff;
  margin: 80px 0;
  border: solid 1px #e2e2e2;
  padding: 40px 0;
}

.operator-case-container h3 {
  font-size: 28px;
  font-weight: 100;
  text-align: center;
}

.operator-case-container .operator-case-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 40px;
}

.operator-case-container .operator-case-col {
  flex: 0 0 31%;
  border: #ddd 1px solid;
  display: flex;
  text-align: center;
  flex-direction: column;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.operator-case-container .operator-case-col.operator-booking-type-col {
  flex: 0 0 24%;
}

.operator-case-container .operator-case-col .operator-case-thumb {
  background: #f8f8f8;
  padding: 20px 10px;
}

.operator-case-container .operator-case-col .operator-case-thumb img {
  margin: 25px 0 40px;
  max-height: 70px;
}

.operator-case-container
  .operator-case-col
  .operator-case-thumb
  .operator-case-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

.operator-case-container .operator-case-col .operator-case-desc {
  font-size: 14px;
  color: #888;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.operator-case-container
  .operator-case-col
  .operator-case-desc.description-booking-type-container {
  justify-content: space-between;
}

.operator-case-container .operator-case-col .operator-case-desc p {
  padding: 15px 10px;
  min-height: 130px;
}

.operator-case-container
  .operator-case-col
  .operator-case-desc
  p.booking-type-example-type {
  min-height: 70px;
}

.operator-case-container
  .operator-case-col
  .operator-case-desc
  .case-operator-btn {
  background: #000;
  padding: 12px 20px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  min-width: 200px;
  margin-top: auto;
}

.massage-panel {
  border: #ddd 1px solid;
  padding: 15px;
  margin-bottom: 15px;
}

.massage-panel .massage-head {
  display: flex;
  justify-content: space-between;
}

.massage-panel .massage-title {
  font-weight: bold;
  font-size: 18px;
  word-break: break-word;
}

.massage-panel .massage-btn {
  display: flex;
}

.massage-panel .massage-price {
  font-size: 14px;
}

.massage-panel .massage-desc {
  line-height: 20px;
  color: #888;
  font-size: 14px;
  word-break: break-word;
}

.massage-panel .massage-btn a {
  margin-left: 15px;
  display: inline-block;
}

.massage-panel .btn-sm {
  height: auto;
  width: auto;
  border-radius: 4px;
  padding: 6px 30px;
  text-transform: capitalize;
}

.consumer-new-addons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: #ddd 1px solid;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.consumer-new-addons:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.consumer-new-addons label {
  font-weight: 400;
  font-size: 14px;
}

.consumer-new-addons .price {
  color: #888;
}

.consumer-new-addons .summary-dropdown .slect-panel .btn-group {
  width: 180px !important;
}

.consumer-new-addons
  .bootstrap-select.btn-group
  .dropdown-toggle
  .filter-option {
  color: #000;
}

.addons-summary-panel .summary-row {
  padding: 15px 0;
}

.addons-summary-panel .summary-inn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #888;
  padding-bottom: 10px;
}

.summary-inn label {
  color: #888 !important;
}

.addons-summary-panel .summary-active {
  background: transparent;
  padding-bottom: 10px;
}

.addons-summary-panel .new-addons-col {
  padding: 6px 0;
  position: relative;
}

.addons-summary-panel .btn-group,
.more-lodging-option .slect-panel .btn-group,
.more-guest-3 .slect-panel .btn-group {
  width: 180px !important;
}

.addons-summary-panel .summary-active .summary-show {
  padding: 0;
}

.addons-summary-panel .addons-summary-desc {
  font-size: 12px;
  color: #888;
}

.addon-btn.btn[disabled] {
  opacity: 0.65 !important;
}

.addon-btn.btn[disabled]:hover {
  background: #000000 !important;
}

.order-received-panel {
  float: left;
  width: 100%;
  padding: 20px 0 0;
}

.order-received-panel .order-received-label .order-col {
  margin-bottom: 0 !important;
}

.order-received-panel:last-child {
  padding: 0;
}

.readonly-guest .form-control,
.main-guest .form-control {
  color: #878787;
  font-size: 16px;
  min-height: 54px;
}

.main-guest .note-txt {
  color: #000000;
}

.order-received-row {
  display: flex;
  width: 100%;
}

.order-received-panel .order-col {
  padding: 0 0 0 20px;
  /*margin-bottom: 20px;*/
  display: flex;
}

.order-received-panel .order-label {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}

.order-received-panel .order-received-label {
  display: flex;
}

.order-received-panel .order-label.label-hidden {
  display: none;
  position: static;
}

.order-received-row .order-col .order-content {
  /*border: #ddd 1px solid;*/
  padding: 10px 0px;
  width: 100%;
}

.order-received-row .order-col .order-content .form-control {
  border: #ddd 1px solid;
  padding: 15px;
  height: auto;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.order-received-panel .order-1 {
  flex: 0 0 25%;
  padding-left: 0;
}

.order-received-panel .order-2 {
  flex: 2;
}

.order-received-panel .order-3 {
  flex: 3;
  overflow: hidden;
}

.privacy-border {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.slot-flex-row {
  display: flex;
  flex-wrap: wrap;
}

.slot-flex-row .flex-span {
  flex: 1;
  width: auto;
  float: none;
  overflow: hidden;
  display: flex;
}

.slot-flex-row .pop-span-7 {
  position: absolute;
  right: 0;
  top: 16px;
}

.order-received-button .btn-cont-exploring {
  margin: 0;
  display: inline-block;
  height: auto;
  padding: 12px;
  width: 180px;
}

.order-guest-detail .order-share-btn {
  width: auto;
  min-width: 120px;
  padding: 6px 15px;
}

.add-panel {
  position: relative;
}

.booking-adventure-select {
  right: 150px !important;
  top: 0px !important;
  width: 189px !important;
}

.booking-adventure-select .bootstrap-select.btn-group .dropdown-toggle .caret {
  color: #b8b8b8;
}

.adventure-filter-select {
  position: absolute;
  right: 10px;
  top: -5px;
  width: 170px;
}
.adventure-filter-select-agent {
  width: 250px;
}
.agent-analytics-operator {
  position: static;
  float: left !important;
  margin-right: 10px;
  width: 180px;
}
.adventure-filter-select .filter-option {
  font-size: 15px;
  font-weight: 500;
}

.adventure-filter-select .dropdown-toggle:focus {
  background: #fff;
}

.adventure-filter-select .dropdown-menu {
  padding: 0;
  margin-top: 2px;
}

.adventure-filter-select .dropdown-menu li:hover {
  background: #f2f2f2;
}

.adventure-filter-select .dropdown-menu li a {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.slot-header-flex,
.slot-data-flex {
  display: flex;
  border-bottom: #ddd 1px solid;
  align-items: center;
  margin: 0 15px;
}

.slot-header-flex {
  align-items: flex-start;
}

.slot-header-flex .slot-head-flex,
.slot-data-flex .slot-content-flex {
  text-transform: uppercase;
  padding: 15px 10px;
  font-size: 14px;
  flex: 1;
  color: #000;
}

.slot-data-flex .slot-content-flex .slot-flex-type {
  display: none;
}

.slot-data-flex .slot-content-flex {
  text-transform: inherit;
  font-size: 16px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slot-data-flex .slot-content-flex .form-control {
  font-size: 16px;
}

.flex-footer {
  border: 0;
  padding: 0;
  margin-top: 20px;
}

.slot-row-expand {
  padding-top: 10px;
}

.slot-row-expand .slot-header-flex,
.slot-row-expand .slot-data-flex {
  margin: 0 15px;
}

.slot-row-expand .slot-header-flex {
  overflow: hidden;
}

.slot-row-expand .slot-head-flex:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slot-row-expand .slot-header-flex .slot-head-flex,
.slot-row-expand .slot-data-flex .slot-content-flex {
  padding: 15px 0;
}

.greyed-out {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

.lodging-outer-container {
  border-top: #e0e0e0 1px solid;
  padding: 20px 0 0;
}

.lodging-container {
  border-bottom: #e0e0e0 1px solid;
}

.lodging-panel {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.lodging-panel .lodging-caption {
  position: relative;
  height: 168px;
  margin-bottom: 10px;
}

.lodging-panel .lodging-caption img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.lodging-panel .lodging-caption .more-images {
  font-size: 14px;
  padding: 7px 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.lodging-panel .lodging-caption .more-images span {
  font-size: 14px;
  color: #fff;
}

.lodging-panel .lodging-desc .max-occupancy span {
  font-size: 14px;
  color: #878787;
}

.lodging-panel .lodging-desc .single {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.lodging-panel .lodging-desc {
  border-bottom: 0;
}

.lodging-panel .lodging-desc .max-occupancy {
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  color: #878787;
}

.lodging-panel .lodging-desc .private-available {
  font-family: Roboto;
  font-size: 14px;
  color: #000;
}

.lodging-panel .lodging-desc .private-desc {
  font-size: 16px;
  line-height: 1.63;
  color: #878787;
  word-wrap: break-word;
}

.lodging-carousel {
  width: 100%;
  float: left;
  margin: 0;
  padding: 15px 30px 0px;
}

.lodging-carousel .lodging-img {
  width: 100%;
}

.lodging-carousel h3 {
  line-height: 40px;
  margin: 0;
}

.lodging-carousel .slick-prev:before,
.lodging-carousel .slick-next:before {
  font-size: 34px;
  opacity: 1;
  display: none;
  color: inherit;
}

.lodging-carousel .lodging-image {
  height: 152px;
}

.lodging-carousel .lodging-image.triple-image {
  display: flex;
}

.lodging-carousel .image1-col {
  flex: 0 0 60%;
  margin: 1px;
}

.lodging-carousel .image3-col {
  flex: 0 0 50%;
  margin: 1px;
}

.lodging-carousel .image2-col div {
  margin: 1px;
  flex: 1;
}

.lodging-carousel .lodging-image img {
  max-width: 100%;
  object-fit: cover;
  min-height: 100%;
  max-height: 74px;
  width: 100%;
}

.lodging-carousel .slick-prev:hover,
.lodging-carousel .slick-prev:focus {
  background: url(../../images/lodging-prev-icon.svg) no-repeat;
}

.lodging-carousel .slick-next:hover,
.lodging-carousel .slick-next:focus {
  background: url(../../images/lodging-next-icon.svg) no-repeat;
}

.lodging-carousel .slick-prev {
  height: 32px;
  background: url(../../images/lodging-prev-icon.svg) no-repeat;
}

.lodging-carousel .slick-next {
  content: "";
  height: 32px;
  background: url(../../images/lodging-next-icon.svg) no-repeat;
}

.lodging-carousel .slick-prev,
.lodging-carousel .slick-next {
  display: block !important;
}

.lodging-guests-panel {
  border-bottom: solid 1px #e6e6e6;
}

.lodging-guests-panel .consumer-new-addons {
  border-bottom: 0;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.my-cart-inner .lodging-guest-row {
  margin: 10px 0px;
  border-bottom: solid 1px #e6e6e6;
  width: 100%;
}

.lodging-guest-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 15px;
  background-color: #f8f8f8;
  border: solid 1px #e6e6e6;
  border-bottom: 0;
  flex-wrap: wrap;
}

.lodging-guest-row .radio-group .radio-btn label {
  margin-left: 0;
  padding-left: 22px;
}

.lodging-guest-row .layer {
  width: 75px;
  margin-right: 10px;
  height: 75px;
  position: relative;
  order: 1;
  flex: none;
}

.lodging-guest-row .radio-group {
  float: none;
  width: auto;
  margin-bottom: 0;
}

.lodging-guest-row .radio-group .radio-btn {
  margin-right: 0;
  min-width: 30px;
}

.lodging-guest-row .radio-group .radio-btn label .label-text {
  visibility: hidden;
  font-size: 0;
}

.lodging-guest-row .layer .more-images {
  font-size: 12px;
  padding: 1px 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.lodging-guest-row .lodging-col-2 {
  display: flex;
  overflow: hidden;
  flex: 1;
  flex-wrap: wrap;
}
.lodging-guest-row .lodging-col-3 {
  order: 2;
  margin-right: auto;
}
.lodging-guest-row .lodging-col-4 {
  order: 3;
  position: static !important;
}
.lodging-guest-row .layer img {
  max-width: 100%;
  object-fit: cover;
  min-height: 100%;
}

.lodging-guest-row .single {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  color: #000;
}

.lodging-guest-row .room {
  font-size: 14px;
  line-height: 1.71;
  color: #000;
}

.lodging-guest-row .guest {
  font-size: 20px;
  color: #000;
}

.lodging-guest-row .guest span {
  font-size: 16px;
}

.loadging-more-guest-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  border-top: 1px #e3e3e3 solid;
}

.loadging-more-guest-option .more-guest-1 {
  margin-top: 15px;
}

.loadging-more-guest-option .more-guest-2 {
  margin-top: 25px;
}

.loadging-more-guest-option .radio-group .radio-btn {
  margin-right: 0;
}

.loadging-more-guest-option
  .more-guest-2
  .radio-group
  .radio-btn
  label
  .label-text {
  letter-spacing: 0;
}

.loadging-more-guest-option .more-guest-3,
.loadging-more-guest-option .more-guest-4 {
  margin-top: 15px;
}

.lodging-options-panel {
  background-color: #f8f8f8;
  border: solid 1px #e6e6e6;
  padding: 14px 15px;
  margin-bottom: 5px;
}

.lodging-options-panel .lodging-guest-row {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.add-payment-tabs {
  padding: 0 0px 30px;
}

.add-payment-tabs ul {
  list-style: none;
  padding: 0;
  display: flex;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: #ddd 1px solid;
}

.add-payment-tabs a {
  color: #424242;
  padding: 10px 15px 15px;
  display: block;
  border-bottom: transparent 3px solid;
}

.add-payment-tabs .disabled-a {
  color: #878787;
}

.add-payment-tabs li.active a {
  border-bottom: #000 3px solid;
  color: #000;
  font-weight: 500;
}

.bank-account-field {
  position: relative;
}

.bank-account-field .form-control {
  padding-right: 35px;
}

.bank-account-tooltip i {
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 12px;
}

.bank-account-tooltip .bank-tooltip-image {
  position: absolute;
  left: 0;
  display: none;
  min-width: 400px;
  top: 50px;
  z-index: 300;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 14px;
  border-radius: 6px;
  padding: 20px;
}

.bank-account-tooltip:hover .bank-tooltip-image {
  display: block;
}

.bank-account-tooltip .bank-tooltip-image:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: 55px;
  top: -10px;
  z-index: 10;
  border-bottom: 12px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.bank-account-tooltip .bank-tooltip-image:after {
  content: "";
  display: block;
  z-index: 8;
  position: absolute;
  width: 0;
  height: 0;
  right: 55px;
  top: -11px;
  border-bottom: 12px solid rgba(0, 0, 0, 0.1);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.bank-account-tooltip .bank-tooltip-image img {
  max-width: 100%;
}

.bank-conditions .amenite-checkbox label {
  line-height: 22px;
  font-size: 12px;
  text-transform: inherit;
  color: #999;
  margin-bottom: 0 !important;
}

.bank-conditions .amenite-checkbox span {
  color: #6989af;
}

.payment-method-section .credit-card-btn {
  margin-right: 15px !important;
}

.ac-lodging {
  padding-left: 15px;
  font-size: 18px;
  font-family: "Oswald", sans-serif;
}

.btn.disabled,
.btn.disabled:hover {
  background: #eee;
  opacity: 0.5;
}

.btn.disabled-export-btn,
.btn.disabled-export-btn:hover {
  opacity: 0.5 !important;
}

.bank-update-text {
  font-size: 16px;
  color: #888;
  padding: 0 25px;
}

.btn.disabled .bs-caret {
  opacity: 0.5;
}

.title {
  font-size: 22px;
  font-weight: 500;
  padding-top: 7px;
  word-wrap: break-word;
}

.sub-title {
  font-size: 15px;
  font-weight: 500;
  padding: 15px 0px 5px;
}

.bank-account-msg {
  font-size: 11px;
  font-style: italic;
  color: #000;
}

.profile-tabs-account {
  width: 100%;
  float: left;
  padding: 25px 0 0;
}

.add-payment-content {
  padding: 0 15px 15px;
  overflow: hidden;
}

.modal-loadging-more-guest-option {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px #e3e3e3 solid;
}

.modal-loadging-more-guest-option .more-guest-1 {
  display: flex;
}

.modal-loadging-more-guest-option .layer {
  width: 56px;
  height: 56px;
  margin-right: 20px;
  flex-shrink: 0;
}

.modal-loadging-more-guest-option .layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal-loadging-more-guest-option .single {
  margin-bottom: 10px;
  font-weight: 500;
}

.modal-loadging-more-guest-option .more-guest-2,
.modal-loadging-more-guest-option .room {
  font-size: 12px;
  color: #888;
}

.modal-loadging-more-guest-option .more-guest-3 {
  font-weight: 500;
}

.modal-loadging-more-guest-option .more-guest-1,
.modal-loadging-more-guest-option .more-guest-2,
.modal-loadging-more-guest-option .more-guest-3 {
  width: 33.33%;
}

.modal-loadging-more-guest-option .more-guest-2,
.modal-loadging-more-guest-option .more-guest-3 {
  text-align: right;
}

.add-payment-content {
  padding: 0 15px 15px;
  overflow: hidden;
}

.my-cart-inner .guest,
.my-cart-inner .lodging-guest-row .guest span {
  font-size: 14px;
}

.ducument-img {
  width: 100%;
  height: 100%;
  max-width: 500px;
}

.guest-count {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.document-msg {
  font-size: 11px;
  font-style: italic;
  color: #0000008c;
}

.other-slot {
  margin: 40px 0px 10px 0px;
  color: #000;
}

.edit-guest-btn[disabled] {
  cursor: default;
  opacity: 0.5;
  color: #878787;
  border: #ddd 1px solid;
}

.edit-guest-border {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.padding25 {
  padding: 0 25px;
}

.padding-left10 {
  padding-left: 10px !important;
}

.border-bottom {
  border-bottom: #e0e0e0 1px solid;
}

.caret-hide {
  display: none;
}

.white-label-iframe {
  width: 503px;
  min-height: 400px;
  max-height: 600px;
}

.white-label-iframe-head {
  min-height: 50px;
  max-height: 50px;
}

.white-label-iframe-head .icon-left-arrow {
  margin: 14px 0;
}

.white-label-iframe-head .wl-btn-close {
  left: -5px;
  width: 50px;
  top: 14px;
}

.white-label-iframe-package h1 {
  padding: 0 15px;
  font-size: 20px !important;
}

.white-label-iframe-slider {
  padding: 0 0 !important;
}

.white-label-iframe-slider .package-side-box.pack-sm-head {
  font-size: 14px;
  padding: 10px 15px;
}

.white-label-iframe-slider .package-booking-bar {
  padding: 0 0px;
}

.white-label-iframe-slider .title {
  font-size: 19px;
  text-align: center;
}

.white-label-iframe-slider .package-booking-row {
  border-top: #e6e6e6 1px solid;
  padding: 15px 10px 10px 15px !important;
  text-align: left;
}

.white-label-iframe-slider .package-booking-row span.amount {
  font-family: "Roboto";
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
  padding: 2px 0 0 0;
}

.white-label-iframe-package-box {
  border-top: #e6e6e6 1px solid;
}

.white-label-iframe-package-box .package-anchor-row {
  border-top: #e0e0e0 0px solid;
  padding-top: 20px;
  border-bottom: #e0e0e0 1px solid;
}

.white-label-iframe-package-box .pack-sm-head {
  font-size: 22px;
}

.white-label-iframe-package-box .itinerary-panel {
  width: 100%;
  float: left;
}

.white-label-iframe-package-box .itinerary-panel .itinerary-head {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000000;
  width: 100%;
  float: left;
}

.white-label-iframe-package-box .itinerary-panel p.itinerary-desc {
  font-weight: normal;
  color: #878787;
  margin: 0 0;
  font-family: "Roboto";
  line-height: 1.86;
  font-size: 14px;
}

.white-label-iframe-package-box .col-sm-8 {
  border-bottom: #e0e0e0 0px solid;
  padding-bottom: 0;
}

.white-label-iframe-package-box .wl-proceed-btn {
  border-bottom: 0px;
}

.white-label-iframe-footer {
  font-family: "Roboto";
  font-size: 12px;
  color: #878787;
  text-align: right;
  padding: 0 0;
  height: 38px;
  background-color: #f2f2f2;
  width: 100%;
}

.white-label-iframe-footer b {
  font-weight: 500;
  color: #000000;
  font-size: 16px;
}

.white-label-iframe-footer .icon-heli-logo {
  color: #000;
  font-size: 16px;
}

.white-label-iframe-maindiv .adventure-padding {
  padding-bottom: 38px !important;
}

.white-label-gallary-dialog {
  padding-top: 45px;
}

.my-category-cart-div {
  border-bottom: 0;
}

.operator-guest-form {
  background-color: #fff;
  padding: 40px;
}

.guest-form-container {
  width: 100%;
}

.guest-form-select {
  width: 300px;
}

.guest-form-container .form-field-col-left {
  width: calc(100% - 100px);
  padding-left: 30px;
}

.guest-form-container .guest-form-question-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 50px 0;
  position: relative;
}

.guest-form-container .guest-form-question-row + .guest-form-question-row {
  border-top: #ebebeb 1px solid;
}

.guest-form-container .form-label {
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 5px;
}

.guest-form-container .create-guest-form {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  min-height: 200px;
  align-items: flex-start;
}

.guest-form-container .create-guest-form.guest-form-editted {
  min-height: inherit;
}

.guest-form-container .create-guest-field {
  flex: 1;
}

.guest-form-container .create-guest-form .btn {
  height: 50px;
  text-transform: uppercase;
  min-width: 150px;
  width: auto;
  justify-content: center;
  border-radius: 0;
  margin: 0;
}

.guest-form-container .create-guest-form .btn.disabled {
  background: #000;
}

.guest-form-container .form-control {
  height: 50px;
}

.guest-form-container .ui-select-toggle {
  font-size: 16px;
  line-height: 35px;
}

.guest-form-container .guest-form-label {
  font-size: 20px;
  color: #000;
  padding-bottom: 24px;
  word-break: break-word;
}

.guest-form-container .check-label {
  font-size: 20px;
  color: #000;
  line-height: 20px;
  text-transform: none;
  margin-bottom: 0 !important;
  margin-top: 6px !important;
}

.guest-form-container .form-field-col-right {
  width: 100px;
  text-align: right;
}

.guest-form-container .form-field-col-right a {
  margin: 0 10px;
}

.guest-cancellation-policy .cancel-text {
  font-weight: 500;
}

.guest-cancellation-policy .cancel-description {
  color: #787878;
  font-size: 16px;
  margin: 20px 0 0;
}

.guest-cancellation-policy .cancel-description strong {
  display: block;
  font-weight: 500;
}

.guest-form-question-submit {
  text-align: right;
}

.guest-form-button .btn {
  text-transform: uppercase;
  width: auto;
  padding: 10px 25px;
  margin: 0 0 0 10px;
  height: 50px;
}

.guest-form-question-footer {
  float: left;
  width: 100%;
  text-align: right;
  height: 90px;
  padding: 20px;
  margin-bottom: 20px;
  border: solid 1px #dedede;
  background-color: #f2f2f2;
}

.guest-form-question-footer .btn {
  min-width: 150px;
  margin: 0 15px;
}

.guest-operator-nav-tabs {
  border: 0;
  float: left;
  text-align: center;
  width: 100%;
  font-size: 0;
}

.guest-operator-nav-tabs > li {
  display: inline-block;
  float: none;
  position: relative;
}

.guest-operator-nav-tabs > li.active > a,
.guest-operator-nav-tabs > li.active > a:hover,
.guest-operator-nav-tabs > li.active > a:focus {
  background: #000;
  color: #fff;
}

.guest-operator-nav-tabs > li.active:before {
  border-top: 8px solid #000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
}

.guest-operator-nav-tabs > li > a {
  min-width: 180px;
  border-radius: 0;
  color: #898989;
  border: solid 1px #e2e2e2;
  background-color: #f7f7f7;
  margin: 0;
  font-size: 15px;
}

.guest-operator-tab-content .guest-edit-row {
  border: solid 1px #dedede;
  padding: 15px;
  margin: 0 0 15px;
}

.guest-operator-tab-content .guest-edit-row label {
  font-size: 14px;
  font-weight: 500;
}

.guest-operator-tab-content .tab-content {
  padding: 0 !important;
}

.guest-operator-tab-content .guest-edit-btn a {
  margin: 0 15px;
}

.guest-operator-tab-content .tab-content .tab-pane {
  padding-top: 0 !important;
  height: auto !important;
}

.guest-operator-tab-content .tab-pane.guest-pane,
.guest-operator-tab-content .no-response-pane {
  padding: 30px !important;
  background-color: #fff;
  min-height: 200px;
  margin-bottom: 40px;
}

.guest-operator-tab-content .response-pane .response-title {
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: 300;
}

.guest-operator-tab-content .response-pane .reponse-data-content {
  margin-bottom: 60px;
}

.guest-operator-tab-content .response-pane .view-reponse-btn {
  color: #0065d8;
  font-size: 15px;
  text-decoration: underline;
}

.guest-operator-tab-content .response-pane .view-reponse-btn:hover {
  text-decoration: none;
}

.guest-operator-tab-content .response-pane .payment-status {
  max-width: 100%;
  min-width: 100px;
}

.form-resposnes-section .form-head {
  width: 100%;
  height: 79px;
  display: flex;
  padding: 0 30px;
  justify-content: space-between;
  align-items: center;
  background-color: #f2f2f2;
  margin-top: 60px;
}

.form-resposnes-section .form-data {
  background-color: #fff;
  border: solid 1px #e2e2e2;
}

.form-resposnes-section .form-head a {
  color: #000;
  font-size: 20px;
}

.form-resposnes-section .form-head-title {
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  font-weight: 300;
  text-transform: uppercase;
}

.form-resposnes-section .form-response-content-row {
  border-bottom: solid 2px #e2e2e2;
  padding: 30px;
}

.form-resposnes-section .content-title {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
}

.form-resposnes-section .content-desc {
  font-size: 18px;
  color: #000000;
}

.form-resposnes-section .operator-guest-form {
  padding: 0 30px;
}

.form-resposnes-section .guest-form-container .guest-form-question-row {
  padding: 25px 0;
  border: 0;
}

.form-resposnes-section .guest-form-content-title {
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  font-weight: 300;
  padding: 50px 0 20px;
  color: #000;
}

.form-resposnes-section .guest-cancellation-policy .cancel-text {
  font-weight: 500;
  font-size: 20px;
}

.guest-form-container textarea.form-control {
  height: 100px;
}

.form-resposnes-section .guest-form-container .guest-form-label {
  margin-left: -15px;
}

.form-resposnes-section .guest-form-container .form-field-col-left {
  width: 100%;
  padding-left: 15px;
}

.adventure-guest-form .guest-form-container {
  width: 100%;
  border: solid 1px #dedede;
  background-color: #f2f2f2;
  padding: 20px;
  float: left;
}

.adventure-guest-form .guest-form-question-footer .btn {
  min-width: 120px;
  margin: 0 0 0 15px;
}

.adventure-guest-form .guest-form-button .btn {
  text-transform: uppercase;
  width: auto;
  padding: 10px 16px;
  margin: 0 0 0 10px;
  height: 43px;
  display: inline-block;
}

.adventure-guest-form .guest-form-button {
  background: transparent;
  border: 0;
}

.adventure-guest-form .guest-form-button .transparent-btn {
  background: transparent;
  min-width: inherit;
}

.adventure-guest-form .ui-select-bootstrap .ui-select-match-text {
  line-height: 30px;
}

.order-amount-cart-flex {
  display: flex;
  flex-wrap: wrap;
}

.order-amount-left-flex {
  width: 60%;
}

.order-amount-right-flex {
  position: static;
  flex: 1;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.order-amount-right-flex .main-price {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.order-amount-right-flex .order-amount-panel {
  position: static;
  width: 100%;
  float: none;
  margin: 0;
  text-align: right !important;
  padding: 0;
  font-size: 12px !important;
}

.guest-operator-tab-content .btn-group {
  display: block;
}

.guest-operator-tab-content .btn {
  border-radius: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}

.guest-operator-tab-content .btn .caret {
  margin-left: 0;
  flex: none;
  display: block;
  z-index: 1;
}

.guest-operator-tab-content .dropdown-menu-form {
  max-height: 250px;
  overflow: auto;
  top: 50px;
  width: 100%;
  border-radius: 0;
}

.guest-operator-tab-content .dropdown-menu-form li {
  border-bottom: 1px solid #d1d1d1;
  padding: 12px 0;
  cursor: pointer;
}

.guest-operator-tab-content .btn-default:hover,
.guest-operator-tab-content .btn-default:focus {
  background-color: transparent;
}

.guest-operator-tab-content .dropdown-menu > li > a {
  word-break: break-all;
  white-space: inherit;
}

.calendar-flex-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.calender-agent-bar {
  width: 200px;
  margin: 0 15px 0 0;
  display: flex;
  flex-direction: column;
}
.calender-agent-bar .agent-analytics-operator {
  width: 100%;
  margin: 0;
}
.calendar-bar {
  background: #fff;
  border: #ddd 1px solid;
  padding: 10px;
  flex: 1;
  width: 100%;
  overflow: auto;
  max-height: 838px;
}

.calendar-bar .view-sorts .calendar-list-title {
  border-bottom: #ddd 1px solid;
  padding: 0 15px 15px;
  display: flex;
  justify-content: space-between;
}

.calendar-bar .view-sorts .calendar-list-title i {
  cursor: pointer;
  color: #000;
  font-size: 11px;
  font-weight: 700;
}

.calendar-bar .view-sorts .dropdown-menu {
  border: 0;
  border-radius: 0;
  padding: 15px 0 0;
  min-width: 250px;
  top: auto;
  bottom: 0;
}

.calendar-bar input[type="checkbox"]:not(old) + label {
  font-size: 13px;
}

.calendar-bar .view-sorts .calendar-list-checks {
  margin: 10px 0 0;
  padding: 0 15px;
  max-height: 260px;
  overflow: auto;
  margin-right: 15px;
}

.operator-flex-calendar {
  flex: 1;
}

.calendar-bar .calendar-list-row {
  margin-bottom: 30px;
}
.package-check-operator span.k-datepicker {
  width: auto !important;
}
.calendar-bar .calendar-list-title {
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
}

.calendar-bar .calendar-list-checks {
  margin: 10px 0 0;
}

.calendar-bar .amenite-checkbox {
  margin: 10px 0 0;
}

.view-sorts a {
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}

.filter-checkboxes-section {
  flex: 1;
}

.filter-checkboxes-section ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
}

.filter-checkboxes-section li {
  position: relative;
  margin: 10px 20px 0 0;
}

.filter-checkboxes-section li.success {
  width: auto;
  float: none;
}

.filter-checkboxes-section input[type="checkbox"]:not(old) + label {
  background: none;
  margin: 0;
  line-height: normal;
  padding: 0 !important;
  color: #000;
  font-size: 10px;
  display: flex;
  align-items: center;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.styled-checkbox + label:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: transparent;
  border: #000 1px solid;
}

.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  background: black;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black,
    4px -6px 0 black, 4px -8px 0 black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter-checkboxes-section .black .styled-checkbox:checked + label:before {
  background: #000;
}

.filter-checkboxes-section .expired .styled-checkbox:checked + label:before {
  background: #e8e8e8;
}

.filter-checkboxes-section .empty .styled-checkbox:checked + label:before {
  background: #bdbdbd;
}

.filter-checkboxes-section .idle .styled-checkbox:checked + label:before {
  background: #78cefd;
}

.filter-checkboxes-section .orange .styled-checkbox:checked + label:before {
  background: #ffbc7b;
}

.filter-checkboxes-section .danger .styled-checkbox:checked + label:before {
  background: #e07a78;
}

.filter-checkboxes-section .success .styled-checkbox:checked + label:before {
  background: #799b69;
}

.payout-history-head {
  display: flex;
}
.payout-history-head .payout-head {
  margin-right: auto;
}
.payout-history-head .analytic-right-panel {
  display: flex;
  align-items: center;
  margin: 0;
}

.new-booking-price {
  font-size: 30px;
  color: #000;
}

.new-booking-avail-seats {
  color: #787878;
  font-size: 14px;
  font-weight: 500;
}

.new-booking-avail-seats span {
  color: #000;
  font-size: 20px;
  margin-right: 5px;
}

.package-check-operator {
  border: solid 1px #dddddd;
  padding: 6px 5px;
}

.package-check-operator a {
  display: flex;
  align-items: center;
}

.package-check-operator .icon-calender {
  position: relative;
  z-index: 25;
  font-size: 20px;
  left: 5px;
  color: rgba(0, 0, 0, 0.4);
}

.package-check-operator
  .k-textbox-container
  input:not([data-role="dateinput"]) {
  display: none;
}

.package-check-operator .k-textbox-container {
  width: 96px !important;
}

.package-check-operator .k-textbox-container:nth-child(1) + span {
  width: 10px;
  height: 1px;
  background: rgba(0, 0, 0, 0.4);
  margin: 0;
}

.package-check-operator input.k-textbox,
.package-check-operator input.k-textbox:hover {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-weight: 500;
}

.package-check-operator .caret {
  margin-left: auto;
  margin-right: 5px;
  color: #000;
  position: relative;
  z-index: 55;
}

.package-check-operator .k-picker-wrap.k-state-default {
  padding: 0;
  border: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  padding-left: 5px;
  box-shadow: none;
  background: transparent;
}

.package-check-operator .k-picker-wrap .k-input {
  border-radius: 3px 0 0 3px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.package-check-operator .k-state-focused {
  border: 0;
}

.package-check-operator .k-select {
  width: 100% !important;
  opacity: 0;
}

.manual-booking-panel .my-cart-inner {
  padding: 10px 50px;
}

.booking-detail-guest-form {
  border-top: solid 1px #e2e2e2;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap;
  float: none;
  padding-left: 15px !important;
}

.booking-detail-guest-form .guest-left-title {
  font-size: 15px;
  color: #8f8f8f;
  font-weight: 500;
  width: 44%;
}

.booking-detail-guest-form .guest-right-data {
  flex: 1;
}

.booking-detail-guest-form .guest-repeat-data {
  margin-bottom: 10px;
}

.booking-detail-guest-form .guest-right-data .guest-name {
  font-size: 15px;
  color: #424242;
  font-weight: 500;
  margin-bottom: 8px;
}

.booking-detail-guest-form
  .guest-right-data
  .guest-booking-count
  + .guest-booking-count {
  margin-top: 5px;
}

.booking-detail-guest-form .guest-right-data .booking-title {
  display: flex;
  flex-wrap: wrap;
}

.booking-detail-guest-form .guest-right-data .booking-title.pending a {
  color: #8f8f8f;
  text-decoration: underline;
  margin-right: 10px;
}

.booking-detail-guest-form .guest-right-data .booking-title.complete a {
  color: #424242;
  text-decoration: underline;
  margin-right: 10px;
}

.booking-detail-guest-form .guest-right-data .guest-status .desc {
  color: #8f8f8f;
  font-size: 12px;
}

.booking-detail-guest-form .guest-right-data .guest-status i {
  color: #3dc37f;
  font-size: 18px;
}
.calendar-event-name {
  line-height: 1.3;
  margin-bottom: 2px;
}
.fc-more-popover {
  z-index: 2;
  width: 400px !important;
  background-color: #fff !important;
}

.full-section-label {
  font-size: 13px !important;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}
.iframe-site .add-payment-tabs {
  display: none;
}
.iframe-site .payment-card-border-top {
  border-top: 0;
}

.field-disabled {
  opacity: 0.4;
}
.tab-content > .tab-active {
  display: block;
}
.no-agent-records {
  text-align: center;
  padding: 20px;
  overflow: hidden;
  opacity: 0.5;
}
.disable-agent-url {
  cursor: not-allowed !important;
}
.terms-list-page {
  line-height: 1.65;
}
.terms-list-page.terms-content div {
  font-size: 14px !important;
}
.terms-list-items {
  list-style: none;
}
.terms-list-items li {
  display: flex;
  margin: 0 0 15px;
  color: #000;
  font-size: 14px;
}
.terms-list-items li.terms-domain {
  display: block;
}
.terms-list-items li.terms-list-footer {
  margin: 30px 0 0;
}
.terms-list-items li span {
  display: block;
  width: 20px;
}
.terms-content .term-list-content {
  margin: 0;
  padding: 0;
  width: calc(100% - 20px);
}
.terms-content .term-list-content-para {
  margin: 0;
  padding: 0 0 0 20px;
}
.forgot-success {
  margin: 8% auto 20px;
  height: auto;
}
/*----media Qurey----*/

@media only screen and (max-width: 1367px) {
  .booking-right-panel {
    right: 10px !important;
  }

  .comm-carousel .jcarousel li {
    width: 452px !important;
  }

  .img-panel {
    width: 100%;
    height: 400px;
  }

  .img-panel .cap-hover-op {
    margin-top: 150px;
  }

  .img-panel .cap-brand {
    margin-top: 170px;
  }

  .home-carousel .jcarousel li {
    width: 235px !important;
    margin: 0 0px;
  }

  .operator-middle-panel .container,
  .operator-header .container,
  .opertor-footer .container {
    width: 80%;
  }

  .btn-setups,
  .btn-start {
    font-size: 13px;
  }

  .search-panel .column-1 {
    width: 37%;
  }

  .search-panel .date-picker {
    width: 100%;
  }

  .search-panel .column-4 {
    width: 28%;
  }

  .slot-logo img {
    max-width: 160px;
    max-height: 80px;
  }

  .package-banner-image {
    min-height: 420px;
  }

  .package-banner-content {
    margin-top: 80px;
  }

  .modal-title {
    font-size: 24px;
  }

  .modal-header {
    height: auto;
    padding: 8px 15px;
  }

  .profile-sm-head {
    font-size: 25px;
    padding: 12px 35px;
  }

  .booking-big-head {
    font-size: 30px;
  }

  .sign-head-md,
  .sign-head-md h1 {
    font-size: 35px;
  }

  .modal-dialog {
    margin: 100px auto;
  }

  .modal-dialog-350,
  .edit-post-dialog {
    margin-top: 60px;
  }

  .img-panel .about-caption {
    margin-top: 100px;
  }

  .forgot-success {
    margin: 8% auto 20px;
    height: 300px;
  }

  .forgot-success img {
    width: 140px;
  }

  .forgot-success .sucess-txt {
    font-size: 30px;
  }

  .forgot-success .btn-back-home {
    margin: 20px auto;
  }
}

@media only screen and (min-width: 1367px) {
  .feature .thumbnail-panel {
    height: 28vw;
    cursor: pointer;
  }
  .navbar-agents {
    left: -10px;
  }
  h1.big-head {
    font-size: 38px;
  }

  .mandatory {
    font-size: 13px;
  }

  .operator-form label {
    font-size: 14px;
  }

  .email-txt {
    font-size: 14px;
  }

  .op-container {
    width: 970px;
  }

  .operator-head-sm {
    font-size: 20px;
  }

  .operator-head,
  .operator-head h1 {
    font-size: 40px;
  }
  .consumer-agent-head h1 {
    font-size: 56px;
    line-height: 70px;
    font-family: "Oswald", sans-serif;
  }
  .operator-para,
  .operator-para h2 {
    font-size: 18px;
  }

  .video-head {
    font-size: 38px;
  }

  .video-mid {
    margin: auto;
    width: 60%;
  }

  .img-head,
  .img-panel:hover .img-cap-div {
    font-size: 30px;
  }

  .header-container .header-content .header-content-inner h1 {
    font-size: 75px;
  }

  .myhead .letter {
    font-size: 75px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 25px;
  }

  .home-carousel .jcarousel li {
    width: 235px !important;
    margin: 0 0px;
  }

  .section-1 .home-carousel {
    padding: 0 40px;
  }

  .header-container .header-content {
    width: 100%;
  }

  .navbar-brand img,
  .navbar-brand i {
    width: 90px;
  }

  .navbar-brand {
    padding: 11px 15px 0 15px;
  }

  .slots-middle {
    width: 60%;
    min-width: inherit;
    max-width: 100%;
  }

  .feature .rador-thumbnail {
    height: 400px;
  }

  .img-section .slots-panel .rador-inner {
    position: absolute;
    /*margin-top: -85px;*/
  }

  .radar-empty-panel {
    margin-top: 150px;
  }

  .default-cover-img {
    height: 335px;
  }

  .operator-back {
    min-height: 500px;
  }
  .consumer-agent-back {
    min-height: 640px;
  }
  .new-share-panel button {
    padding: 4px 12px;
  }

  #customcontrols {
    height: 960px;
  }
}

@media only screen and (max-width: 1500px) {
  .myhead .letter {
    font-size: 54px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 22px;
  }

  .slick-carousel img {
    padding-right: 20px;
  }

  .section-1,
  .section-4,
  .section-5 {
    margin-bottom: 20px;
  }

  .section-7 {
    padding: 40px 0;
  }

  .community {
    margin: 30px 0;
  }

  .search-panel label {
    font-size: 12px;
  }

  .form-contl::-webkit-input-placeholder {
    font-size: 12px;
  }

  .form-contl::-moz-placeholder {
    font-size: 12px;
  }

  .form-contl:-ms-input-placeholder {
    font-size: 12px;
  }

  .form-contl:-moz-placeholder {
    font-size: 12px;
  }

  .main-nav {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .header-container .header-content .search-panel {
    max-height: 62px;
  }

  .search-panel .column-1 {
    /*padding-top: 5px;*/
    min-height: inherit;
  }

  .search-panel .column-2 i,
  .search-panel .column-3 i {
    top: 32px;
  }

  .search-panel .column-4 {
    max-height: 60px;
    /*padding-top: 5px;*/
  }

  .btn-search {
    min-height: inherit;
    height: 62px;
  }

  .search-panel label {
    line-height: 12px;
  }
}

@media only screen and (max-width: 1260px) {
  .search-panel .column-1 {
    width: 34%;
  }

  .search-panel .date-picker {
    width: 31%;
  }

  .search-panel .column-4 {
    width: 25%;
  }
}

@media only screen and (max-width: 1200px) {
  .heli-logo {
    padding: 0px 0 0 50px;
  }
  .package-strip .pd {
    padding: 0 15px !important;
  }
  .ac-lodging {
    padding-left: 10px;
  }
  .operator-header .container,
  .opertor-footer .container {
    width: 100%;
    padding: 20px;
  }

  .operator-middle-panel .container {
    width: 100%;
  }

  .detail-section {
    padding: 30px 10px;
  }

  .detail-sub-3 {
    right: 20px;
  }

  .profile-head {
    font-size: 35px;
  }

  .profile-sub-head {
    font-size: 25px;
  }

  .setup-sub-head {
    font-size: 18px;
  }

  .detail-sub-2 {
    width: 65%;
  }

  .rador-main-panel .container {
    width: 100% !important;
    padding: 0 10px;
  }

  .rador-feature [class^="col"] {
    padding-left: 8px;
    padding-right: 8px;
  }

  .rador-last-panel [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .rador-last-panel .col-sm-4 span {
    font-size: 11px;
  }

  .rador-mid-slot .slot-1 span {
    font-size: 11px;
  }

  /*.package-anchor-nav li {
        width: auto;
    }*/
  .package-anchor-nav li a {
    padding: 10px 10px;
  }

  .sm-container {
    width: 100%;
  }

  .operator-edit-panel {
    width: 100%;
  }

  .order-main-panel .container {
    width: 100%;
  }

  .booking-list-main-panel {
    padding: 0 15px;
  }

  .order-share-panel .col-sm-5 {
    width: 35%;
  }

  .order-share-panel .col-sm-7 {
    width: 65%;
  }
  .order-sub-head {
    padding: 15px 15px;
  }

  .order-left-panel {
    width: 180px;
    height: 140px;
    float: left;
  }

  .order-detail-sub {
    padding: 20px 15px;
  }

  .slick-carousel img {
    max-width: 130px;
  }

  .container-cart {
    width: 100%;
  }

  .user-profile-container {
    width: 100%;
  }

  .adv-des {
    padding: 0 15px;
  }

  .new-share-panel button {
    padding: 4px 4px;
  }

  .new-share-panel .cart-share-dropdown {
    left: 20px;
  }

  .order-received-main .container {
    width: 100%;
  }
}

@media only screen and (max-width: 1260px) {
  .search-navbar-panel .search-box {
    width: 310px;
  }

  .nav > li > a {
    padding: 10px 10px;
  }

  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .analytics-header-panel .agent-analytics-operator,
  .analytics-header-panel .analytics-date {
    width: 50%;
    margin: 0;
  }
  .analytics-header-panel .agent-analytics-operator .ui-select-container {
    margin-right: 15px;
  }
  .home-operator-section .container {
    width: 100%;
  }
  .domain-full-page .col-domain {
    padding-left: 15px !important;
  }
  .search-inner {
    display: none !important;
  }
  .calendar-section-auto .fc-scroller {
    overflow: hidden !important;
    height: auto !important;
  }

  .operator-case-container
    .operator-case-col
    .operator-case-thumb
    .operator-case-title {
    font-size: 16px;
  }

  #customcontrols .video-inner .video-hover {
    display: inline-block;
  }

  .search-navbar-panel .search-box {
    width: 310px;
  }

  .header-nav > li > a {
    padding: 10px 10px !important;
  }

  .noDataFound-section {
    top: 0;
    margin-top: 100px;
    margin-bottom: 20px;
    position: relative;
  }

  .section-5 {
    width: 100%;
    float: left;
  }

  .section-5 .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .update-panel {
    padding: 0;
  }

  .update-panel [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn-subscribe {
    width: 100%;
  }

  h1.big-head {
    font-size: 32px;
  }

  .footer-section .container {
    width: 100%;
  }

  .full-img-panel {
    width: 100%;
    min-height: 400px;
    max-height: 400px;
    background-attachment: inherit;
  }

  /*.mb-featured:first-child{
        padding-left: 0 !important;
    }
    .mb-featured:last-child{
        padding-right: 0;
        margin-bottom: 0;
    }*/
  .header-container .header-content {
    padding: 0 10px;
  }

  .header-container .header-content .search-panel {
    width: 100%;
    display: none;
    position: fixed;
    left: 0;
    bottom: -463px;
    height: auto;
    float: left;
    top: 0;
    z-index: 9999;
    margin: 0;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .search-inner {
    display: block;
    width: 450px;
    height: auto;
    background: #fff;
    margin: 20px auto auto;
  }

  .fixed-top {
    top: 0;
    position: fixed !important;
    bottom: 0 !important;
    display: block !important;
  }

  .icon-addon {
    position: relative;
    color: #555;
    display: block !important;
    width: 100% !important;
  }

  .icon-addon.addon-lg .form-control {
    /*font-size: 18px;*/
    padding: 15px 16px 15px 50px;
    height: auto;
  }

  .home-search {
    color: #9a9a9a;
    position: absolute;
    left: 16px;
    top: 14px;
    font-size: 21px;
  }

  .search-inner .form-control {
    border: 0;
  }

  .search-inner .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 15px;
    color: #878787;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 15px;
    color: #878787;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 15px;
    color: #878787;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control:-moz-placeholder {
    /* Firefox 18- */
    font-size: 15px;
    color: #878787;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .header-container .header-content .header-content-inner h1 {
    font-size: 50px;
  }

  .myhead .letter {
    font-size: 50px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 30px;
  }

  /*.slot-logo-mb{
        display: block;
    }*/
  .img-caption {
    display: none;
  }

  .img-capt {
    color: #000;
    margin-top: 0px;
  }

  .slot-logo img {
    display: none;
  }

  .img-section .slots-panel {
    display: block;
    position: relative;
    padding: 25px 0;
    background: #fff;
    opacity: 1;
    min-height: 230px;
  }

  .img-section .slots-panel .slots-inner {
    position: relative !important;
    top: 0;
    opacity: 1;
    padding-top: 0px;
    transform: translateY(0%);
  }

  .img-section:hover .slots-panel .slots-inner {
    transform: translateY(0%);
  }

  .mb-slot {
    display: none !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 10 !important;
  }

  .img-section:hover .mb-slot {
    display: block !important;
  }

  .slots-middle {
    color: #a7a7a7;
  }

  .btn-adven {
    color: #000;
    border: 1px solid #686c6f;
    margin-top: 15px;
  }

  a.slot-txt {
    color: #000;
  }

  .btn-adven:hover {
    color: #000;
  }

  .comm-carousel .jcarousel-control-prev,
  .comm-carousel .jcarousel-control-next {
    display: block;
    z-index: 9999;
    cursor: pointer;
  }

  .slot-1:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }

  .slot-1 .sprite {
    width: 35px;
    height: 29px;
    background: url(../../images/slot-sprit.png);
    background-position: 2px -3px;
  }

  .slot-1 .sprite1 {
    width: 35px;
    height: 29px;
    background: url(../../images/slot-sprit.png);
    background-position: -59px -3px;
  }

  .slot-1 .sprite2 {
    width: 35px;
    height: 29px;
    background: url(../../images/slot-sprit.png);
    background-position: 33px -3px;
  }

  .slot-logo-mb {
    display: block;
    z-index: 3;
  }

  .section-1 {
    margin-bottom: 10px;
  }

  .section-2 {
    margin-bottom: 0px;
  }

  .section-4 {
    margin-bottom: 10px;
  }

  .section-5 {
    margin-bottom: 10px;
    padding: 0 20px;
  }

  .pop-col-4 {
    display: block;
  }

  .feature .img-section .box-shadow {
    background: none !important;
    /*      background-color: rgba(0, 0, 0, 0.7) !important;
        background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 49%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 49%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 49%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#cc000000',GradientType=0 );*/
  }

  .search-header {
    display: block;
    background: #f2f2f2;
    height: 50px;
    border-bottom: 1px solid #dfdfdf;
  }

  .search-header img,
  .search-header i {
    width: 20px;
    margin: 15px 15px 0 0;
    color: #ccc;
  }

  .search-header .close {
    opacity: 1;
    outline: 0;
  }

  .search-panel .column-1,
  .search-panel .column-2,
  .search-panel .column-3,
  .search-panel .column-4,
  .search-panel .column-5 {
    width: 100% !important;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
  }

  .search-panel .date-picker {
    width: 100%;
  }

  .search-panel .column-5:last-child {
    border-bottom: 0px;
  }

  .search-panel label {
    font-size: 15px;
  }

  .btn-search {
    font-size: 18px;
  }

  .slots-panel-home {
    display: block;
  }

  .sign-wrapper {
    width: 90%;
  }

  .daterangepicker.dropdown-menu {
    z-index: 99999 !important;
  }

  .select2-drop {
    box-shadow: none;
  }

  .operator-head-sm {
    width: 100%;
    float: left;
    margin-bottom: 0;
  }

  .mandatory {
    float: left;
    margin-bottom: 40px;
  }

  .filter .thumbnail-panel {
    height: 300px;
  }

  .video-mid {
    margin: auto;
    width: 70%;
  }

  .heli-logo {
    padding: 0px 0 0 50px;
  }

  .search-panel .column-1 {
    min-height: 68px;
  }

  .img-panel {
    height: 300px;
  }

  .img-head,
  .img-panel:hover .img-cap-div {
    font-size: 24px;
  }

  .img-head span {
    font-size: 16px;
  }
©
  .home-carousel .jcarousel li {
    width: 200px !important;
    margin: 0 0px;
  }

  .search-panel .column-5 {
    position: absolute;
    bottom: 0px;
  }

  .header-container .header-content .search-panel {
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
  }

  .main-nav {
    margin-top: 0;
    margin-bottom: 0;
  }

  .community {
    margin: 25px 0 25px 0;
  }

  .sidenav a {
    padding: 15px 8px 15px 20px;
  }

  .sidenav {
    padding-top: 10px;
  }

  .menu-txt {
    margin-bottom: 30px;
  }

  .header-color.active {
    /*background: #000;*/
    z-index: 9999;
  }

  .succes-panel {
    margin-top: 15%;
  }

  .tooltip-error {
    z-index: 2;
    margin-left: 4px;
  }

  .operator-header {
    margin-top: 20px;
  }

  .detail-sub-2 {
    width: 60%;
  }

  .btn-setups,
  .btn-start {
    font-size: 12px;
  }

  .rador-mg-logo img {
    width: 80px;
    height: 80px;
  }

  .rador-last-panel .foot-panel span {
    display: none;
  }

  .rador-last-panel {
    background-color: #f2f2f2;
    border: 1px solid #e2e2e2;
  }

  .rador-last-panel .col-sm-4 {
    border-right: 1px solid #e2e2e2;
  }

  .rador-last-panel {
    position: relative;
    margin-top: 10px;
  }

  .feature .rador-section {
    border: 0;
  }

  .btn-rador-view {
    margin-top: 0;
  }

  .rador-mid-slot {
    margin: 10px auto 5px;
  }

  .rador-capt {
    font-size: 18px;
  }

  .img-section .slots-panel {
    padding: 15px 0;
  }

  .img-section .slots-inner {
    margin-top: 0px;
  }

  .img-section .slots-middle,
  .img-section .btn-adven,
  .img-section .slot-modal,
  .img-section .slot-logo,
  .img-section .img-capt {
    opacity: 1;
    -webkit-transition: -webkit-transform none;
    transition: transform none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .rador-mid-slot .slot-1 span {
    font-size: 12px;
  }

  .btn-rador-view {
    font-size: 12px;
    width: 200px !important;
  }

  .rador-feature .mb-featured .thumbnail-panel {
    height: 200px;
  }

  .rador-sub {
    padding: 15px 0;
  }

  .rador-sub img {
    top: 3px;
    width: 28px;
  }

  .rador-sub span,
  .rador-sub h1 {
    font-size: 30px;
  }

  .rador-last-panel i {
    color: #000;
  }

  .rador-last-panel .foot-panel:last-child i {
    line-height: 20px;
    /*font-size: 23px;*/
  }

  .view-detail-hidden {
    display: block;
  }

  .list-body {
    padding: 0 10px;
  }

  .listing-pop .listing-pop {
    font-size: 11px;
  }

  .gallary-dialog {
    width: 100% !important;
  }

  /*    .gallary-image {
        width: 90% !important;
    }*/
  .btn-create-adv {
    top: 15px;
  }

  .order-main-panel {
    margin: 100px 0 30px 0;
  }

  .order-main-panel.remaining-payment {
    margin: 70px 0 30px 0 !important;
  }

  .package-banner-image {
    min-height: 400px;
  }

  .package-banner-head,
  .package-banner-head h1 {
    font-size: 28px;
  }

  .package-banner-content {
    margin-top: 125px;
  }

  .big-head span {
    margin-top: 10px;
  }

  .section-7 {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .cancel-order-main {
    margin: 100px 0 0px 0;
  }

  .booking-mid-panel [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .booking-mid-body {
    font-size: 14px;
  }

  .booking-big-head {
    font-size: 30px;
  }

  .alert-success {
    text-align: left;
    z-index: 99999;
  }

  .btn-list-export {
    top: 0px;
  }

  .booking-dropdwon {
    width: 40px;
    right: 0;
  }

  .booking-dropdwon .elisess-icon {
    width: 40px;
  }

  .listing-main {
    margin-bottom: 15px;
  }

  .btn-rador-view {
    margin-top: 10px;
  }

  .rador-view {
    margin-bottom: 10px;
  }

  .img-panel .cap-hover-op {
    margin-top: 95px !important;
  }

  .img-panel .cap-hover {
    margin-top: 130px;
  }

  .slots-panel-home,
  .slots-panel-home .slots-inner-home {
    opacity: 1;
  }

  .caption-home {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
  }

  .slot-logo-home {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
  }

  button.close {
    right: 40px;
  }

  .arrow-right {
    right: 40px !important;
  }

  .arrow-left {
    left: 40px !important;
  }

  .slick-carousel img[src="images/alpine.png"] {
    height: auto !important;
    max-width: 160px !important;
  }

  .search-panel .column-1,
  .search-panel .column-2,
  .search-panel .column-3,
  .search-panel .column-4 {
    padding: 10px !important;
    padding-bottom: 0px !important;
  }

  .search-panel .column-1 label {
    padding-left: 0 !important;
    margin-left: 0px;
  }

  .column-4 input,
  .column-4 label {
    padding-left: 0px;
  }

  .select2-container-multi .select2-choices .select2-search-field input {
    margin-left: 0 !important;
  }

  .myNavbar .dropdown-menu {
    min-width: 170px;
  }

  .operator-footer {
    padding: 10px 0 10px 15px;
  }

  .found-outer {
    margin-top: 80px;
    padding: 0 20px 0 30px;
  }

  .filter-search-panel .search-panel {
    max-height: inherit !important;
  }

  .about-container {
    padding: 20px 20px;
  }

  .btn-view {
    margin-top: 0;
  }

  .about-caption {
    font-size: 25px;
  }

  .home-img-border {
    border-left: 1px solid #e5e5e5;
  }

  .modal-backdrop.in {
    opacity: 1 !important;
  }

  .btn-view-profile {
    display: none;
  }

  .ambs-section .ambs-shadow:hover .home-user-name {
    transition: none;
    transform: none;
  }

  .ambs-section .ambs-shadow:hover .btn-view-profile {
    transform: none;
    display: none;
    transition: none;
  }

  .btn-view-profile,
  .home-user-name {
    transition: none;
  }

  .ambs-shadow:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .community-panel {
    float: left;
    width: 100%;
    overflow: auto;
    cursor: pointer;
  }

  .community-mobile {
    min-width: 1250px;
    overflow-x: scroll;
    overflow-y: hidden;
    float: left;
  }

  .rador-feature .img-section .slots-panel {
    padding: 15px 0 0;
  }

  .img-section .slots-panel .slot-txt {
    position: static;
    padding: 10px 0 0 !important;
    font-size: 14px;
    background: none;
  }

  .profile-sm-location .image-gallery-container li {
    width: 50%;
  }
}

@media only screen and (max-width: 992px) {
  .search-navbar-panel .search-box {
    width: 500px;
  }

  .sports-menu {
    display: none;
  }

  .home-login .nav > li em {
    border-right: 0px solid #616161 !important;
  }

  .home-login .navbar-right {
    float: none !important;
    width: 100%;
    text-align: left;
    margin: 16px 0 !important;
    display: block;
    justify-content: initial;
  }

  .navbar-sidenav .navbar-nav {
    margin: 0 !important;
    padding: 0 20px;
  }

  .visible-ipad {
    display: block !important;
  }

  .home-login {
    width: auto;
  }

  .home-login ul li a img {
    margin-right: 0px;
  }

  .home-login ul li a {
    cursor: pointer;
    padding: 10px 10px;
  }

  .home-login ul li a:last-child {
    padding-right: 20px;
  }

  .home-login ul li a:last-child img {
    margin-left: 2px;
  }

  .search-icon-div {
    display: block;
    right: 65px;
  }

  .mobile-trigger {
    color: #fff;
    padding: 25px 0 0;
    display: block !important;
  }

  .navbar-sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 9;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    right: -200px;
    background-color: #000;
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
  }

  .navbar-sidenav .navbar-nav {
    margin: 0 !important;
    padding: 0 20px;
  }

  .navbar-sidenav li {
    float: none !important;
    padding: 0 0 30px;
  }

  .navbar-sidenav a {
    color: #fff !important;
    border: 0 !important;
  }

  .navbar-sidenav .default-avatar {
    width: 30px;
  }

  .navbar-sidenav .dropdown {
    float: left !important;
    margin-left: 5px;
    width: calc(100% - 45px);
  }

  .navbar-nav .open .dropdown-menu {
    margin-top: 10px;
    right: 8px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .myNavbar .dropdown-menu > li > a {
    padding: 12px 15px !important;
  }

  .navbar-sidenav .dropdown-menu {
    position: static !important;
    margin-top: 10px;
    right: 0;
    background: none !important;
    margin-left: -14px;
    min-width: 100%;
  }

  .navbar-sidenav .dropdown-menu li {
    padding: 0;
  }

  .navbar-sidenav a.dropdown-toggle {
    padding: 0;
  }

  .navbar-sidenav span {
    float: none !important;
  }

  .navbar-sidenav .myNavbar {
    margin: 0;
  }

  .navbar-sidenav span,
  .navbar-sidenav .dropdown a span.user {
    display: inline-block !important;
  }

  .navbar-sidenav i {
    margin-right: 0;
    width: 30px;
  }

  .navbar-sidenav a {
    text-decoration: none;
    display: block;
    padding: 0 !important;
    transition: 0.3s;
  }

  /* Position and style the close button (top right corner) */
  .navbar-sidenav .closebtn {
    text-align: right;
    padding: 25px 20px;
  }

  .navbar-sidenav .closebtn a {
    padding: 0 10px;
    display: inline-block;
    opacity: 0.7;
  }

  .navbar-sidenav .badge {
    top: -15px;
  }

  .navbar-sidenav span {
    float: none !important;
  }

  .navbar-sidenav span,
  .navbar-sidenav .dropdown a span.user {
    display: inline-block !important;
  }

  .nav > li.home-adventure-panel {
    display: block;
    float: left !important;
    padding-top: 15px;
  }

  .header-nav > li > a {
    padding: 0 0 !important;
  }

  .nav > li.home-adventure-panel .home-adventure-icon {
    background: url(../../images/adventure-image.svg) no-repeat -1px 0px;
    margin-right: 0;
    width: 30px;
    height: 30px;
    float: left;
  }

  .nav > li.home-adventure-panel ul {
    width: 100%;
    padding: 20px 0 0 40px;
    margin: 0;
    list-style: none;
  }

  .nav > li.home-adventure-panel ul li {
    font-size: 14px;
    color: #ffffff;
    padding: 0 0 20px 0;
  }
}

@media only screen and (min-width: 992px) {
  .booking-right-panel {
    position: absolute;
    right: 70px;
    max-width: 380px;
    top: 155px;
  }

  .guest-response-name {
    width: 16%;
  }
  .guest-response-order {
    width: 10%;
  }
  .guest-response-adventure {
    width: 22%;
  }
  .guest-response-form-name {
    width: 18%;
  }
  .guest-response-date {
    width: 11%;
  }
  .guest-response-status {
    width: 23%;
  }
  .guest-response-order a {
    color: #0065d8;
    text-decoration: underline;
    font-size: 13px;
  }
  .guest-response-order a:hover {
    text-decoration: none;
  }
  .guest-response-order-title {
    padding-top: 6px;
  }
}

@media only screen and (max-width: 992px) {
  .booking-right-panel {
    position: relative !important;
    right: 0px !important;
    max-width: 100% !important;
    top: 0px !important;
  }

  .calender-agent-bar {
    width: 100%;
    margin: 0 0 15px;
    display: flex;
    flex-direction: column;
  }
  .calendar-flex-bar {
    flex-direction: column;
  }
  .calendar-section .filter-col .slect-panel .ui-select-container {
    width: 100% !important;
  }
  .calendar-section .analytics-date {
    margin-right: 0;
  }
  .calendar-section .filter-col {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .booking-filter-panel .slect-panel {
    flex: 0 0 33%;
    margin: 0 0 10px;
  }

  .response-pane .book-head-col [class^="col"] {
    margin-bottom: 10px;
  }
  .payout-history-head {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .payout-history-head .analytic-right-panel {
    margin: 10px 0;
  }

  .payout-history-head .payout-head {
    width: 100%;
  }

  .lodging-guest-row .guest {
    font-size: 20px;
    color: #000;
    flex: 0 0 100%;
    padding-left: 30px;
    margin-top: 15px;
  }

  .my-cart-inner .lodging-guest-row .guest {
    flex: 0 0 25%;
    padding-left: 0;
    text-align: right;
  }

  .lodging-guests-panel .loadging-more-guest-option {
    padding: 0;
  }

  .loadging-more-guest-option {
    align-items: flex-start;
    margin-top: 20px;
    padding: 0 15px;
    flex-direction: column;
  }

  .lodging-guest-row .lodging-col-2 {
    overflow: inherit;
  }

  .loadging-more-guest-option .more-guest-3 {
    width: 100%;
  }

  .loadging-more-guest-option .summary-dropdown .slect-panel .btn-group,
  .loadging-more-guest-option .slect-panel .btn-default,
  .addons-summary-panel .summary-inn .btn-group,
  .addons-summary-panel .summary-inn .btn-default {
    width: 100% !important;
  }

  .addons-summary {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .addons-summary .summary-checkbox {
    margin-top: 5px;
  }

  .addons-summary-panel .summary-inn {
    flex-wrap: wrap;
  }

  .addons-summary-panel .summary-inn .new-addons-col:nth-child(3) {
    flex: 0 0 100%;
    margin-top: 20px;
  }

  .addons-summary-panel .addons-summary-desc {
    font-size: 13px;
    line-height: 1.7;
  }

  .btn-subscribe {
    font-size: 14px;
  }

  .calender-panel {
    width: 100%;
  }

  .header-container .header-content .header-content-inner h1 {
    font-size: 45px;
  }

  .myhead .letter {
    font-size: 45px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 25px;
  }

  .img-caption {
    font-size: 18px;
  }

  .caption-home {
    font-size: 23px;
  }

  .slot-logo-home img {
    width: 100px;
    height: auto;
  }

  .operator-case-outer {
    width: 100%;
  }

  .operator-case-container .operator-case-row {
    padding: 20px;
  }

  .operator-sign-panel {
    width: 100%;
    padding: 0 20px;
  }

  .slots-middle {
    width: 100%;
  }

  .video-mid {
    margin: auto;
    width: 90%;
  }

  .list-date,
  .incomplete,
  .deactivated-date {
    font-size: 11px;
  }

  .profle-footer-head {
    font-size: 18px;
  }

  .operator-edit .container {
    width: 100%;
    padding: 0;
  }

  .operator-edit .tab-pane {
    padding: 0 !important;
  }

  .edit-sub-panel {
    padding-bottom: 10px;
    padding-top: 15px;
  }

  .edit-tab .pack-sm-head {
    margin-bottom: 10px;
  }

  .pack-sm-head {
    font-size: 20px;
  }

  .edit-sub-panel .btm0 {
    margin-bottom: 0;
  }

  .logo-height .gallery-sloat-container,
  .logo-height .remove-logo {
    margin: auto;
    width: 100%;
  }

  .edit-sub-panel .profile-sm-margin {
    padding: 20px 0px;
  }

  /*    .rador-feature .mb-featured{
        width: 100%;
    }*/
  .sm-container {
    width: 100%;
  }

  .package-social li a {
    padding: 10px;
  }

  .create-adventure-panel {
    width: 100%;
    padding: 0;
  }

  .create-adventure-panel .tab-pane {
    margin-top: 0;
    border-top: 0;
  }

  .create-footer .container {
    width: 100%;
    padding: 0;
  }

  .order-sub-head {
    background: #fff;
  }

  .order-sub-head .col-md-4:nth-child(2) {
    display: none;
  }

  .order-place-mb-panel {
    display: block;
  }

  .order-place-mb-panel {
    padding: 15px 15px;
  }

  .order-sub-head {
    padding: 15px 15px 0px 15px;
    border-bottom: 0;
  }

  .order-detail-sub {
    padding: 20px 20px;
  }

  .order-amount-panel {
    position: relative;
    right: 0px;
    top: 5px;
    text-align: left;
  }

  .order-amount-panel.previous-amount,
  .order-amount-panel.previous-amount.top-0 {
    top: 5px;
  }

  .order-cancel-txt {
    float: left;
    width: 100%;
    margin-bottom: 5px;
  }

  .order-refund-panel {
    position: relative;
    text-align: left;
    bottom: 0;
  }

  .order-refund-panel span {
    text-align: left;
  }

  .package-summary-panel .container {
    width: 100%;
  }

  .summary-dropdown {
    float: right;
    margin-bottom: 5px;
  }

  .package-avail-selecpicker .summary-dropdown {
    float: none;
  }

  .cancel-amount-paid {
    position: relative;
    text-align: right;
    bottom: 0;
    float: left;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #e3e3e3;
  }

  .total-amount-panel {
    margin-top: 0;
  }

  .order-sub-txt {
    width: 100%;
  }

  .sm-container .mb-collapse {
    display: none !important;
  }

  .mb-organise {
    float: left;
    width: 100%;
  }

  .mb-package {
    float: left;
    width: 100%;
  }

  .package-social {
    float: left;
  }

  .booking-mid-head {
    display: none;
  }

  .booking-mid-body span {
    display: block;
  }

  .booking-mid-body .col-md-2 {
    float: left;
    width: 50%;
  }

  .booking-mid-panel .col-md-2 {
    margin-bottom: 10px;
  }

  .booking-dropdwon {
    top: 6px;
    right: 0;
  }

  .bookin-sort-btn {
    display: block;
  }

  .table-sort .sort-filter-div {
    z-index: 9999;
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    display: none;
    right: 0;
  }

  .table-sort .filter-right-div {
    padding: 0;
    display: block;
  }

  .table-sort .filter-header {
    display: block;
    background: #f6f6f6;
    padding: 20px;
    font-weight: 500;
    border: 1px solid #e6e6e6;
  }

  .table-sort .filter-header .sort-icon {
    width: 20px;
  }

  .table-sort .filter-header .close-icon {
    position: absolute;
    right: 0px;
    padding: 20px;
    top: 0;
    cursor: pointer;
  }

  .table-sort .filter-header img {
    width: 20px;
  }

  .table-sort .filter-right-div ul {
    display: block;
    float: left;
    width: 100%;
  }

  .table-sort .filter-right-div ul li {
    float: left;
    width: 100%;
    padding: 10px;
  }

  .table-sort .hide-div {
    display: none !important;
  }

  .listing-panel .booking-mid-panel {
    margin: 10px 0 0 0;
  }

  .list-head-col .col-md-2:first-child,
  .list-head-col .col-md-2:nth-child(2),
  .list-head-col .col-md-2:nth-child(7) {
    width: 50%;
  }

  .list-head-col .col-md-2:nth-child(3),
  .list-head-col .col-md-2:nth-child(4),
  .list-head-col .col-md-2:nth-child(5),
  .list-head-col .col-md-2:nth-child(6) {
    width: 50%;
  }

  .list-body-col .col-md-2:first-child,
  .list-body-col .col-md-2:nth-child(2),
  .list-body-col .col-md-2:nth-child(7) {
    width: 50%;
  }

  .list-body-col .col-md-2:nth-child(3),
  .list-body-col .col-md-2:nth-child(4),
  .list-body-col .col-md-2:nth-child(5),
  .list-body-col .col-md-2:nth-child(6) {
    width: 50%;
  }

  .booking-dropdwon .dropdown-menu {
    left: -162px;
  }

  .booking-dropdwon .dropdown-menu:after {
    right: 6px;
  }

  .booking-dropdwon .dropdown-menu:before {
    right: 6px;
  }

  .summary-title {
    font-size: 22px;
  }

  ul.booking-nav {
    display: block;
  }

  .detail-txt {
    margin: 20px 0;
  }

  .booking-detail-main .container {
    width: 100%;
  }

  .order-place,
  .order-amount {
    display: none;
  }

  .order-detail-inner .col-md-7 {
    width: 100%;
  }

  .order-detail-inner .col-md-4,
  .order-detail-inner .col-md-2 {
    width: 100%;
  }
  .order-detail-inner .confirmed-col {
    width: auto !important;
  }
  .order-detail-inner .confirmed-price {
    width: auto !important;
    float: right;
    margin-top: 10px;
  }
  .iframe-site .order-detail-inner .confirmed-price {
    width: 100% !important;
  }
  .order-share-panel .col-sm-5 {
    width: 100%;
  }

  .order-share-panel .col-sm-7 .pull-right {
    width: 100%;
    float: left;
    margin-top: 20px;
  }
  .booking-guest-form {
    padding: 25px 10px 15px;
  }
  .booking-guest-form .booking-guest-event-box {
    width: 100% !important;
  }
  .order-share-panel .booking-guest-event-box .pull-right {
    width: auto;
    margin: 0;
  }
  .order-right-panel {
    min-height: 130px;
  }

  .order-sub-detail .col-sm-6 {
    width: 50%;
    float: left;
  }

  .order-detail-inner .col-md-6 {
    width: 100%;
  }

  .terms-content {
    padding: 30px 40px;
  }

  .terms-info-text,
  h2.terms-info-text {
    font-size: 20px;
  }

  .payout-left {
    margin-bottom: 20px;
    float: left;
  }

  .adv-des {
    padding: 0 15px 15px 15px;
    border-bottom: #e0e0e0 1px solid;
  }

  .ambs-section {
    padding-bottom: 20px;
    background: #fff;
    border-left: 1px solid #dedede;
  }

  .ambs-shadow {
    background-color: transparent;
  }

  .ambs-section a {
    height: 250px;
    display: block;
  }

  .ambs-profile-panel {
    left: 0;
    bottom: 0px;
    padding-left: 0;
  }

  .amb-profile-info {
    width: 100%;
    position: relative;
    padding-left: 0;
  }

  .ambs-thumnail {
    margin: 0 auto;
    float: none;
  }

  .home-user-name,
  .home-user-name h2 {
    color: #000;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
  }

  .home-user-name span {
    text-transform: capitalize;
    font-size: 18px;
    color: #787878;
  }

  .btn-view-profile {
    margin: 0 auto;
    display: none;
    float: none;
    color: #000;
  }

  .ambs-mobile-shadow {
    background-color: rgba(0, 0, 0, 0.4);
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
  }

  .ambs-shadow:hover {
    background-color: transparent;
  }

  .ambs-section .thumbnail-panel {
    height: 350px;
  }

  .tax-panel {
    padding: 0 15px;
  }

  .basic-tax .col-md-6 {
    width: 100% !important;
  }

  .basic-tax {
    padding: 0;
  }

  .new-share-panel button {
    padding: 4px 12px;
  }

  .order-card-footer i {
    color: #000;
    margin: 6px 8px 0 8px;
  }

  .order-card-panel .col-sm-4 {
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }

  .field-follow-img {
    height: 250px;
  }

  .order-card-panel {
    padding: 40px 0 20px 0;
  }

  .country-panel {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .operator-edit-panel .tab-content .profile-sm-head {
    padding: 12px 25px;
  }

  .payout-history .col-md-2 {
    min-height: 45px;
  }

  .payout-history .col-md-2 {
    width: 50% !important;
    float: left;
  }

  .timezone {
    margin-bottom: 60px;
  }

  .pay-account .col-sm-3,
  .uk-sort .col-sm-3 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .pay-account .col-sm-3:first-child {
    padding-left: 0px !important;
  }

  .pay-account .col-sm-3:last-child {
    padding-right: 0px !important;
  }

  .uk-sort .col-sm-3:first-child {
    padding-left: 15px !important;
  }
}

@media only screen and (max-width: 900px) {
  .package-anchor-nav li a {
    padding: 10px 6px 20px;
    font-size: 13px;
  }
  .manual-search-div ~ .manual-booking-button {
    position: static;
    width: 100%;
  }
  .guest-operator-tab-content .response-pane .view-reponse-btn {
    float: left !important;
    margin-left: 15px;
  }
  /*    .package-banner-image {
        min-height: 400px;
    }
    .package-banner-head{
        font-size: 28px;
    }
    .package-banner-content {
        margin-top:20%;
    }
    .package-banner-head {
        margin-top: 120px;
    }*/
  .package-items li {
    width: 100%;
  }

  /*    .img-sec {
        min-height: 60% !important;
    }*/
  .gallary-image iframe.video-frame {
    height: 430px;
  }

  .package-anchor-nav li {
    width: auto;
  }

  .calender-panel .col-sm-4,
  .calender-panel .col-sm-8 {
    padding: 0;
    width: 100%;
  }

  .left-panel-booking {
    margin-top: 0;
  }

  .right-guest-panel {
    margin-top: 20px;
  }

  .right-guest-panel .guest-list-outer .guest-content .guest-name {
    flex-direction: column;
    align-items: center;
  }

  .right-guest-panel .guest-list-outer .guest-content .guest-name .title {
    margin-bottom: 5px;
    white-space: inherit;
    text-overflow: inherit;
    max-width: 100%;
  }

  .adventure-filter-select {
    width: 100%;
    position: static;
    padding: 0 10px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .adventure-filter-select.manual-search-div {
    position: static;
    padding: 0;
    margin-top: 10px;
  }
  .header-operator {
    flex-wrap: wrap;
  }

  .header-operator .summary-select {
    margin-top: 10px;
    width: 170px;
  }

  .manual-search-input {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .mb-featured {
    width: 100%;
    margin-bottom: 0px !important;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 2px solid #fff;
  }

  .mb-featured:last-child {
    border-bottom: 0px solid #fff;
  }
}

@media only screen and (max-width: 768px) {
  .home-operator-section .operation-panel {
    width: 100%;
    display: inline-block;
    justify-content: initial;
    padding: 20px 10px 0 10px;
    text-align: center;
  }

  .speak-title-footer {
    font-size: 18px;
    line-height: 20px;
  }

  .home-operator-section .operation-panel .box-div h4 span.heading {
    font-size: 18px;
  }
  .operator-case-container .operator-case-col {
    padding-bottom: 7px;
  }

  .home-operator-section .operation-panel .box-div {
    width: 50%;
    display: inline-block;
    flex-direction: initial;
    align-items: initial;
    float: left;
    margin: 0 0 50px 0;
  }
  .home-operator-section .operation-panel .box-div:last-child {
    margin-bottom: 0;
  }
  .only-mb {
    display: block !important;
  }

  .only-dsktop {
    display: none !important;
  }

  .navbar-default {
    padding-right: 0px !important;
  }

  .myProfile-sidebar {
    max-width: 240px !important;
  }

  .home-login {
    width: auto;
  }

  .home-login .navbar-right {
    float: none !important;
    width: 100%;
    text-align: left;
    margin: 16px 0 !important;
    display: block;
    justify-content: center;
  }

  .myProfile-name {
    width: 80%;
  }

  .search-inner {
    display: none;
  }

  .sports-menu {
    margin-top: 148px;
  }

  #sandbox-container {
    width: 200px !important;
  }

  .fc-datepicker {
    width: 170px;
  }

  .mb-card {
    margin-bottom: 0 !important;
  }

  .img-panel:hover .img-cap-div {
    font-size: 25px;
  }

  .span-1,
  .span-2 {
    width: 100%;
  }

  .section-2:hover {
    border-bottom: 0px solid #0065d8;
  }

  .span-1,
  .span-2 {
    height: 280px;
  }

  .span-inner {
    margin-top: 56px;
  }

  .slots-middle {
    max-width: 400px;
  }

  .section-6 {
    width: 100%;
    float: left;
    max-height: 300px;
  }

  .home-parallax {
    /*margin-top: -10%;*/
    min-height: 580px;
  }

  .succes-panel {
    margin-top: 30%;
  }

  .fix-scroll {
    overflow: hidden !important;
    height: 100% !important;
  }

  .listing-pop {
    padding: 0 5px;
  }

  .listing-pop,
  .listing-main {
    font-size: 13px !important;
  }

  .gallary-image iframe.video-frame {
    height: 380px;
  }

  .summary-title {
    font-size: 18px;
  }

  .order-share-div {
    left: -14px;
  }

  .order-share-div:before {
    left: 51px;
  }

  .order-share-div:after {
    left: 52px;
  }

  .adventure-load-text {
    top: 40%;
  }

  .section-3 #customcontrols {
    height: 432px;
    min-height: auto;
  }

  #customcontrols img.poster-img {
    height: 432px;
  }

  .radar-share:before {
    left: 120px;
  }

  .radar-share:after {
    left: 121px;
  }

  .feeds-share:before {
    left: 88px;
  }

  .feeds-share:after {
    left: 89px;
  }

  .count {
    width: 100%;
    float: left !important;
  }

  .myProfile-field .col-sm-6,
  .myProfile-field .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .gallary-inner span:first-child {
    width: 90%;
    float: left;
  }

  .order-card-panel .col-sm-4 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .guest-hint {
    padding-right: 15px;
  }
  .filter-container {
    margin-top: 3px;
  }
  .activity-filter-container {
    padding-bottom: 540px;
  }
  .sign-back .sign-wrapper.agent-sign-wrapper {
    height: 100vh;
  }
  .calender-agent-bar {
    padding: 0 15px;
  }
  .manual-booking-body .manual-col-div,
  .manual-booking-head .manual-col-div {
    width: 50% !important;
    margin: 0 0 10px;
  }
  .guest-form-question-row .guest-sort {
    top: 22px;
  }
  .tab-section .analytics-main-panel .consumer-agent-footer {
    width: 100%;
  }
  .analytics-header-panel .agent-analytics-operator,
  .analytics-header-panel .analytics-date {
    width: 100%;
    margin: 0 0 15px;
  }
  .analytics-header-panel .agent-analytics-operator {
    padding: 0;
  }
  .analytics-header-panel .agent-analytics-operator .ui-select-container {
    margin-right: 0;
  }
  .consumer-agent-section {
    min-height: 125px !important;
  }
  .mycart-apply-coupon {
    border-bottom: 0;
  }
  .iframe-site .package-side-box.pack-sm-head,
  .iframe-site .package-booking-bar,
  .iframe-site .package-strip,
  .iframe-site .payment-card-row {
    border-left: 0;
    border-right: 0;
  }
  .iframe-site .order-received-main .order-sub-detail {
    margin: 20px 0;
  }
  .iframe-site .order-received-main .order-sub-detail .col-sm-6 {
    text-align: center;
  }
  .order-detail-panel.detail-bt-border {
    border: 1px solid #d6d6d6 !important;
  }
  .iframe-site .wl-wrapper .mycart-apply-coupon {
    border-bottom: 0;
  }
  .page-setup-code-box .form-field {
    margin-left: 0;
  }
  .order-detail-panel .my-cart-inner {
    border-bottom: 0;
  }
  .package-booking-bar.bd-tp {
    border-top: 0;
  }
  .package-side-box.pack-sm-head {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .mycart-apply-coupon {
    border-bottom: 0;
  }
  .lodging-options-panel,
  .package-booking-bar,
  .order-detail-panel {
    border-left: 0;
    border-right: 0;
  }
  .wl-proceed-btn .proceed-div-btn {
    width: 100%;
  }
  .profile-location-tab {
    padding: 15px 25px 15px 25px;
  }
  .toggle-panel:after,
  .toggle-panel.collapsed:after {
    font-size: 26px;
  }
  .calendar-section .operator-flex-calendar .fc-basic-view .fc-body .fc-row {
    height: auto !important;
  }
  .lodging-guest-row .lodging-col-4 {
    order: 3;
    padding-left: 85px;
  }
  .remaining-balance span {
    display: inline-block;
    padding: 0 10px;
  }
  .package-banner-image .first-img-slick {
    height: 200px;
  }
  .package-banner-image.adventure-video {
    height: auto;
    margin-top: 0;
  }
  .package-banner-image.adventure-video .slick-slide {
    border: 0;
  }
  .package-side-box .toggle-panel:after {
    display: none !important;
  }
  .proceed-btn .add-to-cart-btn {
    padding: 0 15px;
  }
  .reserve-this-list {
    padding: 0 15px;
  }
  .domain-full-page .mb-featured {
    margin-bottom: 30px !important;
  }
  .order-detail-inner .order-share-panel {
    border-bottom: 0;
    padding-bottom: 20px;
    margin: 0 0 10px;
  }
  .booking-guest-left {
    font-size: 13px;
    padding-top: 3px;
  }
  .iframe-site .row-iframe {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .order-share-panel .col-md-12 .pull-right {
    float: right !important;
    text-align: center;
  }
  .domain-modal {
    width: 90% !important;
  }
  .operator-guest-form {
    padding: 20px 15px;
  }
  .analytics-selectbox .adventure-filter-select {
    width: 50% !important;
    padding: 0;
    margin: 0;
  }
  .analytics-selectbox .adventure-filter-select.location-select {
    padding: 0 0 0 10px;
  }
  .page-setup-code-box .add-btn {
    width: auto;
    padding: 7px 12px;
  }
  .form-resposnes-section .form-head {
    height: auto;
    margin-top: 20px;
    padding: 15px;
  }
  .form-resposnes-section .form-response-content-row {
    padding: 15px;
  }
  .form-resposnes-section .form-head-title {
    font-size: 24px;
  }
  .form-resposnes-section .content-title {
    font-size: 20px;
  }
  .form-resposnes-section .content-desc {
    font-size: 14px;
  }
  .form-resposnes-section .operator-guest-form {
    padding: 0 15px;
  }
  .form-resposnes-section .guest-form-container .guest-form-question-row {
    padding: 15px 0;
  }
  .form-resposnes-section .guest-form-container .form-field-col-left {
    padding: 0;
  }
  .form-resposnes-section .guest-form-container .guest-form-label {
    width: 100%;
    margin: 0;
    font-size: 18px;
  }
  .form-resposnes-section .guest-form-content-title {
    padding: 20px 0 20px;
    font-size: 20px;
  }
  .guest-operator-tab-content .tab-pane.guest-pane,
  .guest-operator-tab-content .no-response-pane {
    padding: 15px !important;
  }
  .guest-form-container .guest-form-question-row {
    position: relative;
    padding: 20px 0;
  }
  .guest-form-container .form-field-col-left,
  .guest-form-container .guest-form-select {
    width: 100%;
  }
  .guest-form-container .guest-form-label {
    width: calc(100% - 70px);
  }
  .guest-form-container .form-field-col-right {
    position: absolute;
    right: 0;
    top: 25px;
  }
  .booking-main-panel .guest-response-head-button {
    width: 100%;
    flex-wrap: wrap;
  }

  .booking-main-panel .guest-response-head-button.calendar-section .filter-col,
  .booking-main-panel .guest-response-head-button .response-select-dropdown,
  .booking-main-panel .guest-response-head-button .btn-list-export {
    position: static;
    margin: 10px 0 0 0;
    width: 100%;
    padding: 0;
  }
  .page-setup-code-box .edit-domain-btn .remove-domain-btn {
    padding: 8px 10px;
    font-size: 12px;
    margin: 0;
  }
  .page-setup-code-box .domain-list-content {
    padding: 0;
  }
  .page-setup-code-box .domain-list-content div {
    margin-bottom: 20px;
  }
  .page-setup-code-box .edit-domain-btn .connect {
    margin-right: auto;
    margin-bottom: 10px;
  }

  .page-setup-code-box .edit-domain-btn {
    flex-wrap: wrap;
  }

  .page-setup-code-box .edit-domain-info {
    padding: 10px 0;
  }

  .page-setup-code-box .inner-white-box label em {
    width: auto;
    margin: 0;
  }

  .page-setup-code-box .site-info {
    padding-left: 0;
  }

  .mtop70 {
    margin: 70px 0 0 0;
  }

  .manual-booking-panel .my-cart-inner {
    padding: 10px 15px;
  }

  .row-sm-xs {
    margin-left: 0px;
    margin-right: 0px;
  }

  .payout-history-head {
    padding: 0 10px;
  }

  .payout-history-head .btn-export-history {
    position: static;
  }

  .guest-form-question-footer .btn {
    min-width: inherit;
    margin: 0 15px 0 0;
    height: 40px;
  }

  .guest-form-question-footer {
    padding: 20px 0;
    margin-bottom: 40px;
  }

  .book-head-col [class^="col"].response-completed,
  .guest-booking-btn {
    width: 100% !important;
  }

  .guest-operator-tab-content .response-pane .payment-status,
  .guest-operator-tab-content .view-reponse-btn {
    margin: 15px 0 0;
  }

  .guest-operator-nav-tabs {
    width: 100%;
    margin: 0;
  }

  .guest-operator-nav-tabs > li > a {
    min-width: 140px;
  }

  .package-discount-box {
    font-size: 14px;
  }

  .payout-history-head {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px 15px;
  }

  .payout-history-head .analytic-right-panel {
    margin: 15px 0;
  }

  .payout-history-head .filter-col {
    width: 100% !important;
  }

  .payout-history-head .analytic-right-panel .btn-export-history {
    position: static;
  }

  .adventure-video .iframe-video {
    height: 300px;
  }

  .home-operator-section .operation-panel .box-div {
    width: 100%;
  }

  .package-banner-image {
    min-height: 200px;
  }

  .package-banner-image .slick-carousel img {
    height: 200px !important;
  }

  .package-banner-image .slick-next,
  .package-banner-image .slick-prev {
    display: none !important;
  }

  .package-banner-links ul {
    margin: 10px 0 0;
  }

  .package-banner-links li a {
    justify-content: flex-start;
  }
  .response-pane .book-head-col [class^="col"] {
    width: 100% !important;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
  }
  .response-pane .booking-mid-body {
    margin-bottom: 20px;
  }
  .response-pane .booking-mid-body span {
    text-transform: none;
    color: #949494;
    font-size: 14px;
  }
  .response-completed span {
    display: none;
  }
  .guest-operator-tab-content .response-pane .payment-status {
    order: 2;
  }
  .guest-operator-tab-content .response-pane .reponse-data-content {
    margin-bottom: 10px;
  }
  .guest-operator-tab-content .response-pane .view-reponse-btn {
    font-weight: normal;
    order: 1;
    margin-right: 10px;
  }
  .response-pane .response-completed {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .package-banner-links li .link-text {
    display: flex;
    text-align: left;
  }

  .home-operator-section {
    padding: 20px 0;
    /* margin: 10px 0 0; */
  }
  .img-section .slots-panel {
    padding: 15px 0 30px;
  }
  .home-operator-section .container h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .search-section-div .circle-cross {
    right: 8%;
    position: absolute;
    top: 11px;
  }

  .home-login .navbar-right {
    float: none !important;
    width: 100%;
    text-align: left;
    margin: 16px 0 !important;
    display: block;
    justify-content: initial;
  }

  .home-login {
    width: auto;
  }

  .search-section-div input {
    width: 100% !important;
  }

  body > .select2-container.open {
    top: 92px !important;
  }

  .activity-filter-container .filter-search-panel {
    margin-top: 72px !important;
  }

  .activity-name {
    padding: 10px 0px !important;
  }

  .search-inner {
    display: none;
  }

  .nav > li.home-adventure-panel {
    display: block;
    float: left !important;
    padding-top: 15px;
  }

  .header-nav > li > a {
    padding: 0 0 !important;
  }

  .nav > li.home-adventure-panel .home-adventure-icon {
    background: url(../../images/adventure-image.svg) no-repeat -1px 0px;
    margin-right: 0;
    width: 30px;
    height: 30px;
    float: left;
  }

  .nav > li.home-adventure-panel ul {
    width: 100%;
    padding: 20px 0 0 40px;
    margin: 0;
    list-style: none;
  }

  .nav > li.home-adventure-panel ul li {
    font-size: 14px;
    color: #ffffff;
    padding: 0 0 20px 0;
  }

  .manual-lodging-panel .guest-count-div .guest-accomodation-panel {
    width: 70px;
    margin: 8px 0 20px 0;
  }

  .manual-lodging-panel .heading-div {
    font-size: 23px;
    color: #000000;
    padding: 16px 0 16px 0;
  }

  .manual-lodging-panel .lodging-room-panel {
    padding: 13px 10px 19px 10px;
  }

  .manual-lodging-panel .lodging-room-panel .upper-div {
    padding: 0 0 12px 0;
    display: block;
  }

  .manual-lodging-panel .lodging-room-panel .upper-div .left-section {
    width: 100%;
  }

  .manual-lodging-panel .lodging-room-panel .upper-div .right-section {
    width: 100%;
  }

  .manual-lodging-panel .lodging-room-panel .select-room-div .text-div {
    font-size: 14px;
  }

  .manual-lodging-panel
    .lodging-room-panel
    .select-room-div
    .guest-accomodation-panel {
    width: 125px;
  }

  .manual-proceed-button {
    margin: 0 0 20px 20px;
  }

  .manual-lodging-panel
    .lodging-room-panel
    .upper-div
    .left-section
    .image-div {
    width: 60px;
    height: 60px;
  }

  .manual-lodging-panel
    .lodging-room-panel
    .upper-div
    .left-section
    .detail-text {
    width: calc(100% - 60px);
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 10px;
  }

  .manual-lodging-panel {
    padding: 20px 10px 15px 10px;
  }

  .package-banner-head {
    margin-top: 0px;
  }

  .package-banner-head h1 {
    font-size: 20px;
  }

  .package-banner-head h2 {
    font-size: 16px;
  }

  .edit-package-detail {
    padding: 20px 20px 0px;
  }

  .resend-reminder {
    padding: 10px;
  }

  .edit-guest-border {
    margin-top: 20px;
  }

  .signup-modal {
    background: rgba(0, 0, 0, 0.7) !important;
    padding-left: 0px !important;
  }

  .signup-modal .modal-dialog {
    width: 93% !important;
    margin: 80px auto !important;
  }

  .signup-modal .modal-dialog .mb-wrapper {
    padding: 0 0 !important;
  }

  .signup-modal .modal-dialog .mb-wrapper .btn-social,
  .signup-modal .modal-dialog .mb-wrapper .btn-gl {
    width: 100%;
  }

  .signup-modal .modal-dialog .sign-wrapper {
    padding-bottom: 0;
  }

  .lodging-panel .lodging-caption {
    height: auto;
  }

  .bank-update-text {
    padding: 0 30px;
  }

  .slot-flex-row .pop-span-7 {
    position: static;
  }

  .slot-flex-row .list-edit-txt {
    padding: 10px;
  }

  .profile-tabs-account {
    padding: 25px 15px 0;
  }

  .make-primary {
    padding: 6px 10px;
    font-size: 13px;
  }

  .profile-tabs-account .form-group {
    margin-bottom: 0;
  }

  .bank-conditions {
    margin-bottom: 10px !important;
  }

  .profile-tabs-account .form-control {
    margin-bottom: 20px;
  }

  .header-operator .fixed-head {
    padding-bottom: 30px;
  }

  .lodging-panel .lodging-caption img {
    width: 100%;
  }

  .guest-group .footer-head .group {
    max-width: 70%;
  }

  .slot-header-flex {
    display: none;
  }

  .slot-data-flex {
    display: flex;
    border: #ddd 1px solid;
    align-items: flex-start;
    margin: 25px 15px 0;
    padding: 0 15px 15px;
    flex-direction: column;
  }

  .slot-row-expand .slot-header-flex .slot-head-flex,
  .slot-row-expand .slot-data-flex .slot-content-flex {
    padding: 15px 0 0;
  }

  .slot-row-expand .slot-data-flex {
    display: flex;
    border: 0;
    border-top: #ddd 1px solid;
    align-items: flex-start;
    margin: 10px 15px 0;
    padding: 0 0 15px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .slot-row-expand .slot-data-flex .slot-content-flex .slot-flex-type {
    font-size: 14px;
  }

  .slot-row-expand .slot-data-flex .slot-content-flex:first-child {
    flex: 0 0 100%;
  }

  .slot-row-expand .slot-data-flex .slot-content-flex {
    flex: 0 0 50%;
  }

  .flex-footer .btn {
    width: 100%;
  }
  .modal-footer.flex-footer .btn + .btn {
    margin: 20px 0 0;
  }
  .slot-data-flex .slot-content-flex .slot-flex-type {
    color: #000;
    display: block;
    text-transform: uppercase;
  }

  .slot-data-flex .slot-content-flex {
    display: block;
    width: 100%;
    padding: 10px 0;
  }

  .week-header {
    font-size: 16px;
  }

  .slot-flex-row .flex-span {
    flex: 0 0 50%;
    width: auto;
    float: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .package-sub-panel .pack-sm-para {
    padding-bottom: 15px;
  }

  .lodging-row .col-sm-3 {
    margin-bottom: 10px;
  }

  .consumer-new-addons .summary-dropdown .slect-panel .btn-group,
  .addons-summary-panel .btn-group {
    width: 120px !important;
  }

  .consumer-new-addons .slect-panel .btn-default {
    width: 100% !important;
  }

  .consumer-new-addons {
    padding: 0 15px 20px;
  }

  .addons-summary-panel .summary-row {
    padding: 15px;
  }

  .operator-case-container {
    padding: 20px 0 0;
    margin: 0;
  }

  .operator-case-outer {
    width: 100%;
    padding: 0;
  }

  .operator-case-container .operator-case-col {
    flex: 1;
  }

  .operator-case-container .operator-case-row {
    flex-direction: column;
  }

  .calendar-section {
    padding: 0 !important;
  }

  .calendar-section .dropdown-backdrop {
    display: none !important;
  }

  .calendar-section .calendar-title {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .calendar-section .fc-unthemed .fc-popover {
    min-width: 300px;
  }

  .calendar-section .fc-basicWeek-view th {
    border: #ddd 1px solid !important;
  }

  .calendar-section .fc-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
  }

  .calendar-section .fc-body .fc-row {
    min-height: 3em !important;
    height: auto !important;
  }

  .calendar-section .fc-month-view th {
    padding: 32px 0 !important;
  }

  .calendar-section .fc-day-number {
    padding-left: 15px !important;
    padding-top: 0 !important;
  }

  #sandbox-container {
    margin: 10px 0;
  }

  .calendar-section .fc-button.fc-today-button {
    min-width: 132px;
  }

  .calendar-section .fc-month-view th,
  .calendar-section .fc-month-view td {
    border: 0;
  }

  .calendar-section .fc-center {
    order: 2;
  }

  .calendar-section .fc-left {
    order: 1;
  }

  .calendar-section .fc-scroller {
    height: auto !important;
    overflow: inherit !important;
  }

  .calendar-section .fc-center h2 {
    margin: 20px 0;
  }

  .calendar-section .fc-right {
    order: 3;
  }

  .calendar-section .filters-row {
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 15px 20px;
  }

  .calendar-section .filter-col {
    width: auto;
    align-items: center;
    flex-wrap: wrap;
  }

  .calendar-section .filter-col .slect-panel {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 20px;
  }

  .booking-filter-panel .slect-panel {
    margin-right: 0;
  }

  .booking-filter-panel .analytics-date {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .booking-filter-panel .btn-list-export {
    width: auto;
    position: static;
    margin: 15px 10px 0 0;
  }

  .calendar-section .filter-col .slect-panel .ui-select-container {
    width: 100%;
  }

  .calendar-section .filter-col .dropdown {
    width: 100%;
  }

  .calendar-section .filter-col .filters {
    left: 0;
  }

  .calendar-section .filter-col .btn {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .expired-wrapper .expired-data {
    padding: 0 10px;
    margin: 0;
  }

  .add-group-modal {
    background: none !important;
  }

  .add-group-modal .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
  }

  .add-group-modal .group-footer {
    border: 0;
    padding-right: 0;
    padding: 0;
  }

  .add-group-modal .group-footer .btn {
    margin-right: 0;
  }

  .add-group-modal .note-modal-body {
    height: auto;
  }

  .expired-wrapper .expired-slots span {
    text-transform: uppercase;
    color: #000;
  }

  .expired-wrapper .expired-container {
    background: none;
    border: 0;
    padding: 0;
  }

  .expired-wrapper .expired-data .expired-inner {
    padding: 15px 5px;
    background: #fff;
    margin: 10px 0 0;
  }

  .expired-wrapper .expired-slots.col-xs-12 {
    margin-bottom: 15px;
  }

  .expired-wrapper h1.expired-head {
    padding: 20px;
    background: #fff;
    margin: 0;
    border-bottom: #ddd 1px solid;
  }

  .expired-wrapper .col-sm-3 {
    padding: 0 5px;
  }

  .expired-wrapper .col-sm-3:nth-child(2) {
    width: 44%;
  }

  .expired-wrapper .col-sm-3:nth-child(3) {
    width: 20%;
  }

  .expired-wrapper .col-sm-3:nth-child(4) {
    width: 34%;
  }

  .home-login ul li a img {
    margin-right: 0px;
  }

  .login-height {
    height: auto;
    background-image: none;
  }

  .modal {
    background: #fff;
  }

  .package-box {
    margin-top: 0;
  }

  .footer-inner {
    width: 100%;
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    float: left;
  }

  .f-mb {
    width: 100%;
    float: left;
    padding: 0 0 8px 0;
    margin: 0;
    border-top: 0px solid #e5e5e5;
    border-bottom: 0px solid #e5e5e5;
  }

  .footer-para:last-child {
    margin-bottom: 0px;
  }

  .footer-head {
    cursor: pointer;
  }

  .guest-group .footer-head {
    padding: 10px 0;
  }

  .guest-group .footer-head span,
  .guest-group .footer-head .plus-icon,
  .guest-group .footer-head .minus-icon,
  .guest-group .footer-head img {
    top: 0;
  }

  .order-exploring {
    margin: 20px 0 40px;
  }

  .pack-sm-head {
    margin-bottom: 20px;
  }
  .consumer-agent-main .pack-sm-head {
    margin-bottom: 0;
  }

  .footer-head img,
  .footer-head .plus-icon,
  .footer-head .minus-icon {
    float: right;
    position: relative;
    top: 10px;
    cursor: pointer;
    display: block;
  }

  .mb-footer-inner {
    display: none;
  }

  .mb-fllow {
    display: none;
  }

  .mb-bd {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .follow-panel {
    float: none;
    display: table;
    margin: 30px 8px;
  }

  .fl-icon {
    font-size: 30px;
  }

  .f-space {
    /*padding-left: 20px;*/
    padding-right: 20px;
  }

  .mb-img {
    margin-bottom: 20px !important;
  }

  .navbar-default .nav > li em {
    border-right: 0 !important;
  }

  .navbar-default .nav > li a span {
    display: none;
  }

  .card-icon {
    position: relative;
    right: -56px;
  }

  .navbar-default .navbar-header .navbar-brand {
    font-size: 49px;
    padding-top: 17px;
  }

  .navbar-default {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid transparent !important;
  }

  .menu-icon {
    margin-top: 9px;
  }

  .card-icon {
    margin-top: 0px;
  }

  .comm-carousel .jcarousel li {
    width: 400px !important;
  }

  .img-panel {
    width: 100%;
    height: 300px;
  }

  .img-head {
    font-size: 20px;
  }

  .img-panel:hover .img-cap-div {
    font-size: 22px;
  }

  h1.big-head {
    font-size: 25px;
    line-height: 35px;
  }

  .video-mid-mb {
    margin: 25px 0;
  }

  .video-para {
    display: none;
  }

  .video-mb {
    display: block;
    padding: 0 10px;
  }

  .video-head {
    display: none;
  }

  .video-p {
    display: block;
    color: #000;
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    padding: 0 10px;
  }

  .section-2 {
    margin-bottom: 0px;
  }

  .section-1,
  .section-5 {
    margin-bottom: 10px;
  }

  .section-4 {
    margin-bottom: 0px;
  }

  .section-5 .big-head {
    margin-top: 30px;
  }

  .btn-subscribe {
    font-size: 16px;
  }

  .start-rate .rates span {
    font-size: 16px;
  }

  .start-rate .rates {
    font-size: 13px;
  }

  .start-rate .seat-left {
    font-size: 13px;
  }

  /*    .slot-logo-mb img {
        width: 100px;
        height: auto;
    }*/
  .modal-dialog-slot {
    width: 90%;
  }

  .pop-main,
  .modal-body-head {
    font-size: 14px;
    padding: 0;
  }

  .mb-update {
    width: 100%;
    float: left;
  }

  .first {
    width: 50%;
    float: left;
  }

  .last {
    width: 50%;
    float: left;
  }

  .sign-wrapper {
    width: 100%;
    float: left;
    height: auto;
    background: #fff;
    padding: 0;
    overflow: auto;
    padding-bottom: 50px;
  }

  .mb-wrapper {
    padding: 0px 20px 0 20px;
    float: left;
    width: 100%;
  }

  .sign-wrapper .sign-col-1,
  .sign-wrapper .sign-col-2,
  .sign-wrapper .sign-col-3,
  .sign-wrapper .sign-col-4,
  .sign-wrapper .sign-col-4-no-img {
    min-height: 100px;
    height: auto;
    width: 100%;
    float: left;
  }

  .sign-col-1 {
    background: none;
    background-color: #fff;
  }

  .btn-gl {
    border: 1px solid #dddddd;
  }

  .section-divider {
    height: 0;
    border-top: 1px solid #dddddd;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    display: block;
  }

  .white-label-divider {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .section-divider span {
    color: #3498db;
    text-align: center;
  }

  .section-divider span {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    background: #fff;
    color: #000;
    top: -11px;
    font-size: 15px;
  }

  .or {
    display: none;
  }

  .mb-sign {
    margin-bottom: 10px;
  }

  .form-inner {
    padding: 0;
  }

  .sign-head-sm {
    color: #000;
    display: none;
  }

  .sign-head-bg,
  .line {
    display: none;
  }

  .signin-footer {
    position: relative;
  }

  .forgot-txt {
    margin-bottom: 30px;
  }

  .btn-social > :first-child {
    width: 45%;
    padding-right: 15px;
  }

  .btn-social {
    width: 100%;
    padding-left: 44%;
  }

  .sign-header {
    height: 50px;
    background: #000;
    color: #fff;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    padding: 13px 15px;
    font-family: "Oswald", sans-serif;
  }

  .sign-header img,
  .sign-header i {
    float: right;
    cursor: pointer;
    color: #fff;
  }

  .sign-up-none {
    display: none;
  }

  .mb-ins {
    text-align: center;
    margin-top: 10px;
  }

  .back-arrow-sign {
    background: transparent;
    color: #000;
    border: 0;
    padding: 0;
    margin: 20px 0 0 0;
  }

  .back-arrow-sign img {
    margin-right: 10px;
    display: inline-block;
  }

  .back-arrow-sign:hover {
    background: transparent;
    color: #000;
  }

  .mb-line {
    display: none;
  }

  .operator-back {
    display: none;
  }

  .mgb0 {
    margin-bottom: 0 !important;
  }

  .operator-form {
    padding: 15px 20px 0 20px;
  }

  .operator-head-sm {
    font-size: 18px;
    margin-bottom: 0px;
  }

  .operator-form textarea {
    height: 150px;
  }

  .navbar-brand img,
  .navbar-brand i {
    width: 65px;
    font-size: 34px !important;
    padding-top: 10px;
  }

  .header-container .header-content {
    height: 340px;
  }

  .navbar-default {
    padding-right: 0px;
    padding-left: 0px;
  }

  .op-container {
    width: 100%;
    margin-top: 72px;
  }

  .search-icon {
    margin: 10px 0 0 0;
  }

  .mb-filter {
    margin: 16px 0px !important;
  }

  .filter-card {
    right: 0;
    margin-right: 0;
  }

  .mbfilter ul.nav li a {
    padding: 10px 15px !important;
  }

  .filter-menu {
    margin-left: 0;
  }

  .m-display {
    display: none !important;
  }

  .inner-header {
    border-bottom: transparent !important;
    z-index: 99;
  }

  .home-login ul li a {
    cursor: pointer;
    padding: 10px 10px;
  }

  .home-login ul li a:last-child {
    padding-right: 20px;
  }

  .home-login ul li a:last-child img {
    margin-left: 2px;
  }

  .list-footer .btn-link {
    width: 100%;
  }

  .slot-modal {
    display: none !important;
  }

  .succes-panel {
    height: 270px;
  }

  .list-date,
  .incomplete,
  .deactivated-date {
    font-size: 13px;
  }

  .btn-create-adv {
    top: 12px;
  }

  .mb-wrapper .sign-col-3,
  .mb-wrapper .sign-col-4,
  .mb-wrapper .sign-col-4-no-img {
    display: none;
  }

  .myNavbar {
    margin: 0;
    margin-top: 10px;
  }

  .tooltip-error {
    max-width: 200px;
  }

  .navbar-nav .open .dropdown-menu {
    margin-top: 10px;
    right: 8px;
  }

  .detail-check-img {
    width: 17px;
  }

  .detail-sub-1 {
    width: 50px;
    min-height: 50px;
  }

  .operator-setup-back {
    min-height: 400px;
  }

  .operator-middle-panel .container {
    width: 100%;
    padding: 10px;
  }

  .opertor-footer .container {
    width: 100%;
    padding: 10px 15px;
  }

  .detail-sub-2 {
    width: 55%;
  }

  .operator-header {
    margin-top: 0px;
  }

  .detail-check-img {
    bottom: 5px;
  }

  .switch-row {
    padding-top: 10px;
  }

  .referal-table-row {
    border: #ddd 1px solid;
    margin-bottom: 20px;
    padding: 0 15px 15px;
  }

  .referal-table-row label {
    display: block;
    margin-top: 15px;
  }

  .referal-table-row [class^="col"] {
    text-align: left !important;
  }

  .myNavbar .dropdown-menu > li > a {
    padding: 12px 15px !important;
  }

  .myNavbar .dropdown-menu > li > a:hover {
    color: #878787 !important;
  }

  .logo-height .col-sm-6 {
    width: 200px;
    margin: auto;
  }

  .edit-tab .pack-sm-head {
    margin-bottom: 0;
  }

  .pack-sm-text {
    margin-bottom: 15px;
  }

  .edit-sub-panel [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mb-pack {
    margin-bottom: 15px !important;
  }

  .rador-mid-slot .slot-1 span {
    font-size: 14px;
  }

  .rador-feature [class^="col"],
  .cart-main-panel [class^="col-"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .iframe-site .cart-main-panel [class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mycart-sidebar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .rador-main-panel .container {
    width: 100%;
    padding: 0 0px;
  }

  /*    a.rador-view, .mob-hidden-slot{
        display: none;
    }*/
  .package-social {
    text-align: left;
  }

  .package-social li {
    width: auto;
    text-align: center;
  }

  .package-heading-box {
    position: relative;
    top: 0;
    margin-top: 20px;
  }

  .package-anchor-row:first-child {
    margin-top: 0;
  }

  .package-side-box.pack-sm-head {
    margin-bottom: 0px;
    line-height: 20px;
  }

  .gallary-dialog {
    width: 100% !important;
  }

  .package-anchor-row .col-sm-8 {
    padding-left: 15px;
  }

  /*    .listing-slots, .list-slot-txt{
        display: none;
    }*/
  .add-slots-adventure .modal-body {
    padding: 0 15px;
    height: calc(100vh - 59px);
  }

  .listing-section [class^="col"] {
    float: left;
    width: 100%;
  }

  /*    .order-left-panel{
        position: relative;
    }
    .order-right-panel{
        padding: 20px 0 0 0;
        min-height: inherit;
    }*/
  .order-view-txt {
    width: 100%;
    float: left;
    margin: 10px 0 0 0px;
  }

  .order-head-txt,
  .order-head-txt h1 {
    font-size: 28px;
  }

  .summary-col {
    margin-top: 10px;
  }

  .package-summary-panel [class^="col"],
  .package-summary-panel .container,
  .package-summary-panel .package-booking-row {
    padding-left: 0;
    padding-right: 0;
  }

  .summary-box span,
  .summary-box .summary-dropdown {
    padding: 0px;
  }

  .summary-inner {
    padding-left: 0px;
  }

  .package-summary-panel .row {
    padding: 0px;
    margin: 0px;
  }

  .summary-sign {
    width: auto;
  }

  .summary-row .slect-panel .btn-default {
    width: 150px;
  }

  .sidebar-title {
    margin: 0px;
    padding-left: 10px;
  }

  .package-summary-panel .summary-col:last-child,
  .summary-row [class^="col"],
  .summary-side-row [class^="col"] {
    margin-bottom: 5px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .summary-seats {
    text-align: left;
  }

  .package-summary-panel .package-side-box.pack-sm-head {
    padding: 20px 10px;
  }

  .total-refund-amount {
    float: left;
    width: 100%;
  }

  .refund-mb {
    text-align: left;
  }

  .cancel-amount-paid span:first-child {
    float: left;
  }

  .total-refund-amount span:last-child {
    float: right;
    text-align: right;
  }

  .adventure-load-text {
    top: 30%;
  }

  .package-banner-image {
    margin-top: 72px;
  }

  .community {
    margin: 25px 0 20px 0;
  }

  .big-head span {
    margin-top: 0;
  }

  .community {
    line-height: 30px !important;
  }

  .sign-head-md,
  .sign-head-md h1 {
    display: none;
  }

  .row-select [class^="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .amount-refund-txt {
    float: none;
    width: 100%;
    text-align: center;
  }

  .btn-procced-order {
    float: none;
    margin: auto;
    display: block;
    margin-top: 30px;
  }

  .cancel-procced-panel {
    margin-top: 0;
  }

  .order-cancel-div .order-head-txt {
    padding-left: 0px;
  }

  .order-cancel-div {
    padding: 15px 20px;
  }

  .total-refund-amount span:first-child,
  .cancel-amount-paid span:first-child {
    margin-right: 0px;
  }

  .cancel-amount-paid span:last-child {
    text-align: right;
    float: right;
  }

  .rec-place-hidden {
    display: none;
  }

  .received-head-section {
    padding: 0 15px;
  }

  .order-rec-id {
    text-align: left;
  }

  .order-rec-amount {
    text-align: right;
  }

  .received-head-section [class^="col"] {
    border: 0;
  }

  .my-cart-mobile,
  .payment-card-active {
    padding-left: 0;
    padding-right: 0;
  }

  /*    .order-received-main .container{

    }*/

  .order-received-txt {
    padding: 0 15px;
  }

  .order-place-mb-div {
    display: block;
  }

  .received-head-section {
    margin: 0 0 20px 0;
  }

  .order-place-mb-div .order-rec-place {
    text-align: left;
  }

  .order-video-panel {
    margin-bottom: 20px;
  }

  .booking-big-head {
    text-align: center;
    width: 100%;
  }

  .booking-location-panel {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  a.view-booking {
    margin: auto;
    display: block;
    text-align: center;
    float: none;
    position: initial;
  }

  .booking-slot-panel {
    float: left;
    width: 100%;
  }

  .slot-section {
    float: none;
    width: 100%;
    position: relative;
    margin: auto;
    margin-bottom: 10px;
  }

  .btn-export-csv {
    width: 100%;
    margin: auto;
    float: none;
    text-align: center;
    display: block;
  }

  .bookin-sort-btn {
    margin: auto;
    float: none;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 10px;
  }

  .payment-detail-content {
    padding-left: 30px !important;
  }

  .payment-card-default:first-child {
    border: none;
  }

  .shipping-back-link {
    margin-top: 0px;
  }

  .badge {
    display: block !important;
  }

  .mb-booking-head {
    text-align: left;
  }

  .mb-listing-sort {
    width: 100%;
  }

  .payment-card-row .form-group,
  .billng-address .form-group {
    margin-bottom: 0px;
  }

  .payment-card-row .form-group [class^="col"],
  .profile-sm-margin .form-group [class^="col"] {
    margin-bottom: 20px;
  }

  .listing-mob-head {
    display: block;
  }

  .listing-pop .pop-span-1,
  .listing-pop .pop-span-2,
  .listing-pop .pop-span-3,
  .listing-pop .pop-span-4,
  .listing-pop .pop-span-5,
  .listing-pop .pop-span-6 {
    display: none;
  }

  .listing-slots {
    margin: 71px auto;
  }

  .pop-span-1,
  .pop-span-2,
  .pop-span-3,
  .pop-span-4,
  .pop-span-5,
  .pop-span-6 {
    float: left;
    width: 50%;
    text-align: left;
  }

  .list-edit-txt {
    text-align: left;
  }

  .pop-span-1 span,
  .pop-span-2 span,
  .pop-span-3 span,
  .pop-span-4 span,
  .pop-span-5 span,
  .pop-span-6 span {
    display: block;
  }

  .pop-span-1,
  .pop-span-2,
  .pop-span-3,
  .pop-span-4,
  .pop-span-5,
  .pop-span-6 {
    padding: 10px 5px;
  }

  .listing-main {
    border: 1px solid #e6e6e6;
  }

  .credit-border {
    border: 1px #ddd solid;
    border-bottom: none;
  }

  .credit-border:last-child {
    border-bottom: 1px #ddd solid;
  }

  .opertor-footer {
    padding: 10px 0 10px 0;
  }

  .package-social .order-share-div {
    left: -80px;
  }

  .package-social .order-share-div:before {
    left: 101px;
  }

  .package-social .order-share-div:after {
    left: 102px;
  }

  .mb-pay {
    padding-left: 15px !important;
  }

  .badge {
    left: 0px;
  }

  .mycart-sub-head {
    padding: 15px 10px;
  }

  .wl-wrapper .mycart-sub-head {
    padding: 15px 10px 15px 15px;
  }

  .myNavbar .dropdown a span.user {
    display: none !important;
  }

  .detial-total-1 {
    text-align: left;
  }

  .detial-div-1 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .detial-div-2 {
    float: left;
    width: 33.33%;
    text-align: left;
  }

  .terms-condition-panel .container {
    padding: 0px;
  }

  .terms-condition-panel .terms-content {
    padding: 30px 15px;
  }

  .terms-head-text,
  .terms-head-text h1 {
    font-size: 30px;
  }

  .terms-banner {
    min-height: 250px;
  }

  .detial-div-3,
  .detial-div-4 {
    float: left;
    width: 33.33%;
    text-align: right;
  }

  .book-value-detail-2 {
    width: 28%;
  }

  .book-value-detail-4 {
    width: 38%;
  }

  .dark-value-text {
    color: #424242 !important;
    font-size: 14px;
  }

  .book-detail-outer {
    padding: 0 !important;
  }

  .book-detail-outer .detial-div-1 {
    padding: 10px 15px;
  }

  .book-detail-4 {
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 15px;
    border-top: #e0e0e0 1px solid;
  }

  .book-detail-4 .mybook-Nav {
    display: inline-block;
  }

  .mybook-Nav .dropdown-menu:before,
  .mybook-Nav .dropdown-menu:after {
    right: 43%;
  }

  .detail-row-panel,
  .detail-row {
    padding: 20px 10px;
  }

  .detial-total-1 {
    width: 60%;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
  }

  .detial-total-2 {
    width: 40%;
  }

  .sign-wrapper .sign-col-1,
  .sign-wrapper .sign-col-2,
  .sign-wrapper .sign-col-3,
  .sign-wrapper .sign-col-4,
  .sign-wrapper .sign-col-4-no-img {
    min-height: inherit !important;
    height: auto !important;
  }

  .radar-empty-panel {
    margin-top: 70px;
    margin-bottom: 20px;
  }

  .booking-detail-main .booking-detail-head {
    padding-left: 0;
  }

  .listing-pop {
    border-bottom: 0;
  }

  .footer-head span {
    position: relative;
    top: 10px;
  }

  .footer-head img {
    cursor: pointer;
  }

  .order-share-panel {
    margin: 10px 0 15px 0;
  }

  .basic-profile-btn {
    margin-bottom: 20px;
  }

  .cart-container .mobile-order-txt {
    position: relative;
    right: 0;
    /*width: 62%;*/
    padding-right: 40px;
    top: 10px;
    margin-bottom: 15px;
  }

  .cart-container .my-cart-right {
    position: static;
    padding-left: 0px !important;
  }

  .cart-container .order-left-panel {
    position: relative;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
  }

  .cart-container .new-share-panel {
    position: static;
  }

  .cart-container .pay-cart-btn.hidden-xs {
    position: static;
    right: 10px;
    display: inline-block !important;
    top: 5px;
    border: 0;
    font-size: 16px;
    margin-right: 0px;
    padding: 0 8px;
    border-radius: 0px;
    color: #666;
    text-align: center;
  }

  .cart-container .pay-cart-btn.hidden-xs i {
    margin-right: 0px;
  }

  .cart-container .pay-cart-btn.hidden-xs span,
  .cart-container .pay-cart-btn.hidden-xs em {
    display: none;
  }

  .my-cart-mobile {
    padding-bottom: 0px;
    border: none;
  }

  .payment-card-active {
    padding: 10px 15px;
  }

  .order-amount-panel {
    font-size: 22px;
    vertical-align: middle;
  }

  .mb-update {
    margin-left: 0%;
  }

  .home-card,
  .home-sigin-icon,
  .header-search {
    vertical-align: middle;
  }

  .inner-header .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }
  .add-ons-table,
  .kids-price-input {
    margin-top: 10px;
  }

  .sign-shadow {
    display: none;
  }

  .myNavbar .dropdown-menu {
    min-width: 160px;
  }

  .booking-detail-head .payment-status {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }

  .pie-left {
    width: 100%;
    float: left;
  }

  .pie-right {
    width: 100%;
    float: left;
    margin-top: 40px;
    padding: 0;
  }

  .referal-box a {
    float: none;
  }

  .tooltip-rate {
    right: 0 !important;
    left: auto;
    margin-top: 14px !important;
  }

  .invite-div {
    float: left;
    margin: 20px 0 0 0;
  }

  .invite-div .order-share-div:after {
    left: 18px;
    right: auto;
  }

  .invite-div .order-share-div:before {
    left: 17px;
    right: auto;
  }

  .about-banner .about-banner-overlay h1 {
    font-family: 'Montserrat';
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    text-align: left;
    margin-top: 100px;
    width: 240px;
    position: relative;
    bottom: -150px;
  }
 
  .about-banner .about-banner-overlay {
    align-items: start;
  }

  .about-section .about-video-container .about-section-bottom-text {
    padding-bottom: 50px;
  }

  .about-section-3 .text-overlay p {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    position: relative;
    bottom: -160px;
    width: 300px;
  }

  .about-section-3 .text-overlay button {
    position: relative;
    padding: 0 25px;
    bottom: -175px;
  }

  .about-section-3 .text-overlay h1 {
    font-family: 'Montserrat';
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    text-align: left;
    position: relative;
    bottom: -130px;
    width: 270px;
  }

  @media only screen and (max-width: 767px) {
    .about-section-3 .text-overlay {
      margin-left: 0;
      padding: 0 20px;
    }

    .about-section-3 .text-overlay h1 {
      width: 100%;
    }

    .about-section-3 .text-overlay p {
      width: 100%;
    }
  }

  .about-banner .about-banner-overlay p {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    text-align: left;
    position: relative;
    bottom: -200px;
  }

  .about-section .about-video-container .about-video {
    height: 200px;
    min-height: 150px;
  }
  .about-section-2 .flex-container .section-header {
    font-family: 'Montserrat';
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
  }


  .about-heading {
    padding-top: 200px;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
  }

  .about-detail {
    width: 100%;
    position: relative;
    margin: 74px 0 0 0;
    padding: 40px;
    background: #fff;
  }

  .order-received-main {
    margin-top: 100px;
  }

  .basic-tax {
    padding: 0 15px;
  }

  .new-share-panel:nth-child(4) button em {
    display: none;
  }

  .new-share-panel .cart-share-dropdown {
    left: -130px;
    right: auto;
  }

  .cart-share {
    position: relative;
  }

  .new-share-panel .cart-share-dropdown:before {
    left: auto;
    right: 102px;
  }

  .new-share-panel .cart-share-dropdown:after {
    left: auto;
    right: 103px;
  }

  .country-panel {
    padding: 0px 25px 0 0px;
  }

  .shipping-select {
    padding-right: 15px !important;
  }

  .heli-logo {
    display: none;
  }

  .forgot-back {
    background-image: none;
    background-color: #fff;
  }

  .uk-sort .form-group {
    margin-bottom: 5px;
  }

  .mobile-trigger {
    color: #fff;
    padding: 25px 0 0;
  }

  .navbar-sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    right: -200px;
    background-color: #000;
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
  }

  .navbar-sidenav .navbar-nav {
    margin: 0 !important;
    padding: 0 20px;
  }

  .navbar-sidenav li {
    float: none !important;
    padding: 0 0 30px;
  }

  .navbar-sidenav a {
    color: #fff !important;
    border: 0 !important;
  }

  .navbar-sidenav .default-avatar {
    width: 30px;
  }

  .navbar-sidenav .dropdown {
    float: left !important;
    margin-left: 5px;
    width: calc(100% - 45px);
  }

  .navbar-sidenav .dropdown-menu {
    position: static !important;
    margin-top: 10px;
    right: 0;
    background: none !important;
    margin-left: -14px;
    min-width: 100%;
  }

  .navbar-sidenav .dropdown-menu li {
    padding: 0;
  }

  .navbar-sidenav a.dropdown-toggle {
    padding: 0;
  }

  .navbar-sidenav span {
    float: none !important;
  }

  .navbar-sidenav .myNavbar {
    margin: 0;
  }

  .navbar-sidenav span,
  .navbar-sidenav .dropdown a span.user {
    display: inline-block !important;
  }

  .navbar-sidenav i {
    margin-right: 0;
    width: 30px;
  }

  .navbar-sidenav a {
    text-decoration: none;
    display: block;
    padding: 0 !important;
    transition: 0.3s;
  }

  /* Position and style the close button (top right corner) */
  .navbar-sidenav .closebtn {
    text-align: right;
    padding: 25px 20px;
  }

  .navbar-sidenav .closebtn a {
    padding: 0 10px;
    display: inline-block;
    opacity: 0.7;
  }

  .navbar-sidenav .badge {
    top: -15px;
  }

  .ambassador-tiles {
    margin-bottom: 20px;
    /*margin-top: 0;*/
  }

  .ambassadors-outer-main .rador-sub {
    padding: 20px 0;
  }

  .ambassadors-head .filter-right-div {
    padding-bottom: 30px;
  }

  .ambassador-col div[class^="col-"] {
    padding: 15px 15px 0;
  }

  .ambassador-col .rador-sub {
    margin: 10px 0 10px;
    text-align: left;
    text-transform: capitalize;
  }

  .ambassador-col .rador-sub img {
    top: 2px;
  }

  .ambassador-col .rador-sub span,
  .ambassador-col .rador-sub h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 22px;
  }

  .ambassador-mobile-panel {
    height: 180px;
  }

  .ambassador-mobile-panel .img-shadow {
    display: none;
  }

  .ambassador-mobile-panel .img-head {
    bottom: auto;
    top: 40%;
    font-size: 28px;
  }

  .ambassador-mobile-panel .grey-shadow {
    background: rgba(0, 0, 0, 0.5);
  }

  .ambassador-mobile-panel:hover .img-head {
    opacity: 1;
  }

  .myProfile-feed-locations {
    padding: 0;
  }

  .myProfile-feed-locations .myProfile-feed-outer {
    padding: 0 15px;
  }

  .myProfile-feed-locations .lodging-panel .lodging-caption {
    height: 130px;
  }

  .myProfile-feed-locations .feature .thumbnail-panel {
    height: 250px;
  }

  .myProfile-feed-locations .location-map-address {
    display: flex;
  }

  .feed-nav-tabs .nav-tabs.location-tabs {
    display: flex;
    justify-content: space-between;
  }

  #select-country-for-transfer {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  /*    .listing-section .date-shad {
        height:auto;
            .modal-dialog {
       width: 100%;
}   padding:

        0 10px 5px;*/
  .operator-edit-panel {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 73px;
  }

  .operator-edit-panel [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }

  .account-hidden {
    display: none;
  }

  .account-mobile {
    display: block;
  }

  .logo-edit [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .summary-right-div {
    padding-right: 15px;
  }

  .summary-price {
    min-width: auto !important;
  }

  .pay-account .row {
    margin-right: 0px;
    margin-left: 0px;
  }

  .pay-account .form-group [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 1281px), screen and (max-width: 1450px) {
  .payout-history {
    font-size: 13px;
  }

  .payout-history .col-md-2 {
    padding-right: 6px;
    padding-left: 6px;
  }

  .payout-history .col-md-2:first-child {
    width: 10%;
  }

  .payout-history .col-md-2:nth-child(5),
  .payout-history .col-md-2:nth-child(6) {
    width: 14%;
  }
  .book-head-col.agent-booking-list .col-md-2:nth-child(5) {
    width: 11%;
  }
  .book-head-col.agent-booking-list .col-md-2:nth-child(4) {
    width: 14%;
  }
  .book-head-col.agent-booking-list .col-md-2:nth-child(6) {
    width: 8%;
  }
  .book-head-col.agent-booking-list .col-md-2:nth-child(8) {
    width: 11%;
  }
  .book-head-col.agent-booking-list .col-md-2:nth-child(7) {
    width: 9%;
  }
}

@media screen and (max-width: 1280px), screen and (max-height: 700px) {
  .sign-wrapper {
    height: 500px;
  }
  .my-site-section {
    padding: 0 20px;
  }
  .navbar-default {
    padding-right: 5px;
    padding-left: 5px;
  }
  .my-site-section .my-site-panel {
    padding: 30px 0 0 0;
    border-top: 1px solid #e2e2e2;
  }
  .wl-sign-wrapper {
    height: auto;
    position: relative;
  }

  .sign-wrapper .sign-col-1,
  .sign-wrapper .sign-col-2,
  .sign-wrapper .sign-col-3,
  .sign-wrapper .sign-col-4, 
  .sign-wrapper .sign-col-4-no-img {
    min-height: 450px;
    height: 500px;
  }

  .mb-wrapper .complete-pd {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mb-wrapper .complete-pd .sign-head-bg {
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 700px) {
  .sign-wrapper {
    height: auto;
  }

  .wl-sign-wrapper {
    height: auto;
    position: relative;
  }
}

@media only screen and (max-width: 640px) {
  .header-operator .summary-select {
    margin: 0 0 15px;
    width: 100%;
    order: 3;
    padding: 0;
  }

  .xs-start-text{
    color: white;
  }
  
  .booking-filter-panel .slect-panel {
    flex: 0 0 100% !important;
    margin: 0 0 10px !important;
  }
  .booking-filter-panel .slect-panel.adventure-filter-select-agent {
    padding: 0;
    margin: 10px 0 0;
  }
  .iframe-site .k-animation-container,
  .iframe-site .k-calendar-container,
  .iframe-site .k-popup .k-calendar,
  .iframe-site .k-calendar-range .k-content {
    width: 100% !important;
  }

  .k-animation-container.k-operator-calendar .k-calendar-container.k-group,
  .k-animation-container.k-booking-calendar .k-calendar-container {
    width: 100% !important;
  }

  .adventure-dropdown {
    order: 2;
  }

  .button-auto {
    width: auto !important;
    padding: 6px 8px !important;
  }

  .order-cancel-btn,
  .order-share-btn {
    width: auto;
    min-width: 120px;
  }

  .order-received-panel .order-received-label {
    display: none;
  }

  .order-received-panel .order-label.label-hidden {
    display: block;
  }

  .order-received-row {
    flex-direction: column;
    padding-top: 20px;
  }

  .order-received-row .order-col .order-content {
    min-height: 40px;
    white-space: inherit;
    text-overflow: inherit;
    overflow: inherit;
  }

  .order-received-row:nth-child(1) {
    border: 0;
  }

  .order-received-row:last-child {
    border-bottom: 0;
  }

  .order-received-row {
    border-top: 0;
  }

  .order-received-row .order-col {
    padding: 0;
    display: block;
  }

  .order-received-button .btn-cont-exploring {
    width: 100%;
  }

  .right-guest-panel {
    padding: 15px 0 40px;
  }

  .pos-static-xs {
    position: static;
  }

  .note-modal-body {
    padding-bottom: 60px !important;
  }

  .note-modal-body .abs-footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
    left: 0;
    right: 0;
  }

  .abs-footer .package-sub-panel .btn {
    width: 100%;
  }

  .guest-group .footer-head {
    padding: 10px 15px;
  }

  .right-guest-panel .btn {
    display: block;
    margin: 0 0 10px;
  }

  .guest-group .footer-head .minus-icon {
    flex: none;
  }

  .right-guest-panel .pull-right,
  .right-guest-panel .pull-left {
    width: 100%;
    padding: 0 15px;
  }

  .header-container .header-content .header-content-inner h1 {
    font-size: 35px;
  }

  .myhead .letter {
    font-size: 35px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 22px;
  }

  .btn-adven {
    width: 80%;
  }

  .btn-connect {
    font-size: 14px;
  }

  .operator-head,
  .operator-head h1 {
    font-size: 30px;
  }

  .operator-para,
  .operator-para h2 {
    font-size: 18px;
  }

  .submit-btn-fm {
    width: 100%;
  }

  .succes-panel img {
    width: 120px;
  }

  .sucess-txt {
    font-size: 30px;
  }

  .succes-inner {
    padding: 0 30px;
  }

  .sidenav a {
    font-size: 18px;
  }

  .menu-txt {
    font-size: 30px;
  }

  .sidenav img {
    margin-right: 0px;
    margin-left: 0;
  }

  .sidenav .closebtn {
    line-height: 0px;
  }

  .profile-sub-head {
    font-size: 20px;
  }

  .profile-head {
    font-size: 28px;
  }

  .operator-setup-back {
    min-height: 300px;
  }

  .rador-sub {
    padding: 10px 0;
    margin-bottom: 15px;
  }

  .rador-sub span,
  .rador-sub h1 {
    font-size: 25px;
  }

  .rador-sub img {
    width: 22px;
  }

  .modal .mb-modal,
  .modal .modal-dialog,
  .modal .flex-modal {
    width: 100%;
    margin-top: 0px;
  }

  .mobile-head {
    display: block;
    margin-bottom: 5px;
  }

  .hide-cart-head {
    display: none;
  }

  .add-cart-body {
    padding: 20px 10px 70px 10px;
  }

  .detail-span-1,
  .detail-span-2 {
    width: 50%;
    float: left;
    padding-left: 32px;
  }

  .detail-span-3,
  .detail-span-4 {
    width: 50%;
    float: left;
    margin-top: 20px;
    padding-left: 32px;
  }

  .mb-main {
    border: 1px solid #e6e6e6;
    padding: 10px 5px 10px 5px;
  }

  .mb-position {
    position: relative;
  }

  .label-hidden {
    position: absolute;
    top: 0;
    left: 4px;
  }

  .checkbox-div .label-mobile {
    width: 100% !important;
    padding-left: 22px !important;
  }

  .label-mobile span {
    position: relative;
    top: 22px;
    font-size: 12px;
    left: 6px;
    font-weight: 400;
  }

  .mb-main,
  .mobile-head {
    font-size: 13px;
  }

  .pop-mb-title {
    width: 93%;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .btn-proceed {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: block;
    left: 0;
  }

  .listing-slots {
    width: 100% !important;
  }

  .list-title {
    font-size: 22px;
  }

  .listing-header {
    padding: 10px 10px;
  }

  .order-id span,
  .mobile-place-txt span,
  .order-amount span {
    font-size: 14px;
  }

  .order-id,
  .mobile-place-txt,
  .order-amount {
    font-size: 18px;
    font-weight: 400;
  }

  .order-main-panel .container {
    width: 100%;
    padding: 0;
  }

  .order-share-div {
    left: -9px;
  }

  .operator-main-panel {
    margin-bottom: 150px;
  }

  .adventure-load-text .no-found-title {
    font-size: 20px;
  }

  .myNavbar .dropdown-menu > li > a {
    padding: 10px 15px !important;
  }

  .package-banner-links li i {
    font-size: 20px;
    display: block;
    line-height: 18px;
  }

  .package-banner-image .container {
    padding-right: 8px;
    padding-left: 8px;
  }

  .thumbnail-ul {
    display: none !important;
  }

  .pop-common-head {
    font-size: 22px;
  }

  .succes-img {
    width: 120px;
  }

  .pop-common-body {
    padding: 30px 15px;
  }

  .cancel-detial-sub {
    padding: 20px 0px;
  }

  .cancel-detial-sub .order-left-panel {
    margin-left: 20px;
  }

  .cancel-detial-sub .order-right-panel {
    padding-left: 235px;
  }

  .cancel-detial-sub .order-small-head {
    padding: 0px 20px;
    font-size: 22px;
  }

  .cancel-amount-paid,
  .total-amount-panel {
    padding: 20px 20px;
  }

  .order-view-right span:first-child {
    display: none;
  }

  .order-view-right {
    font-size: 12px;
  }

  .order-head-txt,
  .order-head-txt h1 {
    font-size: 25px;
  }

  .order-small-head {
    font-size: 22px;
  }

  .total-refund-amount span:last-child,
  .cancel-amount-paid span:last-child {
    width: 44%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .booking-big-head {
    font-size: 28px;
  }

  .booking-location-panel i {
    display: block;
  }

  .booking-location-panel em {
    vertical-align: bottom;
  }

  .mobile-modal [class^="col"],
  .mobile-modal [class^="row"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0px;
  }

  .mobile-modal .modal-body,
  .mobile-modal .modal-header[class^="row"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-3 #customcontrols {
    height: 360px;
  }

  #customcontrols img.poster-img {
    height: 260px;
  }

  .radar-cart-body {
    padding: 20px 10px 20px 10px;
  }

  .order-right-panel {
    padding: 0 0 0 0;
    min-height: inherit;
  }

  .order-detail-inner .col-md-3,
  .order-detail-inner .col-md-2 {
    width: 100%;
    float: left;
  }

  .order-status-panel {
    padding-left: 0 !important;
    margin: 10px 0;
  }

  .order-left-panel {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 250px;
  }

  .order-sub-detail .col-sm-6 {
    width: 100%;
    float: left;
    text-align: left;
  }

  .order-date {
    margin-bottom: 5px;
  }

  .label-padd-0 {
    position: relative;
    left: 0 !important;
    font-weight: 400;
  }

  .my-cart-inner {
    padding: 20px 0 0;
  }

  .my-cart-mobile-10 {
    padding: 20px 10px !important;
  }

  .shipping-review-order {
    padding: 0 20px 10px;
  }

  .shipping-address-text span {
    padding-left: 0px;
  }

  .secure-checkout {
    padding: 10px 15px;
  }

  .mycart-checkout {
    padding: 15px 10px;
  }

  .modal-dialog-350,
  .edit-post-dialog {
    margin-top: 40px !important;
  }

  .share-adv-main {
    padding: 20px 15px;
  }

  .privacy-banner,
  .terms-banner {
    min-height: 200px;
  }

  .analytics-divider span {
    top: -16px;
    font-size: 20px;
    padding: 0 10px;
  }

  .about-head-text {
    font-size: 35px;
  }

  .team-head {
    margin: 30px 0;
    font-size: 30px !important;
  }

  .user-search-panel {
    width: 100%;
    padding: 5px 10px;
  }

  .user-search {
    width: 100%;
  }

  .btn-user {
    font-size: 13px;
    width: 120px;
  }

  .user-search input {
    width: calc(100% - 120px);
  }

  .user-search i {
    left: 10px;
  }

  .followers-body {
    background: #f2f2f2;
    padding: 0;
  }

  .followers-body .close,
  .followers-body .close i {
    color: #000;
    font-size: 16px;
    line-height: 20px;
  }

  .followers-body .myProfile-sidebar {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .followers-body .followers-bar-head,
  .followers-body .followers-bar-list {
    margin: 0;
    overflow: hidden;
    background: #fff;
    padding: 20px 15px 15px;
  }

  .followers-body .followers-community {
    padding-top: 0;
  }

  .followers-body .followers-bar-list {
    background: none;
  }

  .followers-body .followers-bar-cta {
    margin-top: 10px;
  }

  .guest-order-form .label-hidden {
    position: relative;
  }
}

@media only screen and (max-width: 639px) {
  .lodging-listing-panel .lodging-listing-div {
    align-items: flex-start;
    margin-top: 20px;
    flex-direction: column;
  }

  .user-package-overlay h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .guest-form-container .create-guest-form {
    flex-direction: column;
  }

  .guest-form-container .create-guest-field {
    width: 100%;
  }

  .guest-form-container .create-guest-form .btn {
    justify-content: center;
    width: 100%;
  }

  .operator-middle-panel .container {
    width: 100%;
    padding: 0px;
  }

  .detail-sub-3 {
    right: 0;
    position: inherit;
    float: left;
    width: 100%;
  }

  .btn-setups,
  .btn-start {
    font-size: 12px;
    width: 100%;
  }

  .detail-sub-2 {
    width: 90%;
    padding: 0 0 0 10px;
  }

  .detail-sub-1 {
    width: 40px;
  }

  .detail-check-img {
    width: 17px;
  }

  .detail-sub-1 img:first-child {
    width: 40px;
  }

  .setup-sub-head {
    font-size: 16px;
  }

  .opertor-footer .footer-mb-op {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .btn-go-dashboard {
    width: 100%;
  }

  .opertor-footer .container {
    width: 100%;
    padding: 10px 10px;
  }

  .opertor-footer img {
    left: -11px;
    top: 4px;
    width: 18px;
  }

  .profle-footer-head,
  .profle-footer-para {
    padding-left: 15px;
  }

  .padding0 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grey-detail .detail-sub-3 {
    right: 0px;
  }

  .cancel-detial-sub .order-right-panel {
    padding-left: 20px;
  }

  .amount-refund-txt,
  .btn-procced-order {
    font-size: 14px;
  }

  .new-share-panel button {
    padding: 4px 10px;
  }

  .no-found-title {
    font-size: 18px;
  }

  .no-found-text {
    font-size: 14px;
  }
  .profile-crop-modal-container .profile-image-ui-cropper canvas {
    width: 100%;
    height: auto;
  }
  .profile-crop-modal-container .profile-image-ui-cropper {
    height: auto;
  }
}

@media only screen and (max-width: 568px) {
  /* .iframe-body {
    max-width: 565px;
  } */
  .add-sloat-popup .modal-footer {
    padding: 15px 0;
    width: 100%;
  }
  .daterangepicker {
    z-index: 9999 !important;
    position: fixed !important;
    top: -8px !important;
    height: 100%;
    overflow: scroll !important;
  }

  .search-inner {
    width: 80%;
  }

  .modal-loadging-more-guest-option .more-guest-1 {
    width: auto;
  }

  .modal-loadging-more-guest-option .more-guest-3 {
    order: 2;
  }

  .modal-loadging-more-guest-option .more-guest-2 {
    order: 3;
    width: calc(100% - 75px);
    margin-left: 75px;
    margin-top: 10px;
    text-align: left;
  }

  .add-payment-tabs {
    padding: 0 0 30px;
  }

  .add-payment-tabs ul {
    font-size: 13px;
  }

  .bank-account-tooltip .bank-tooltip-image {
    min-width: 100%;
  }

  .bank-account-tooltip .bank-tooltip-image:before,
  .bank-account-tooltip .bank-tooltip-image:after {
    right: 11px;
  }

  .header-container .header-content .header-content-inner h1 {
    font-size: 30px;
  }

  .myhead .letter {
    font-size: 30px;
  }

  .header-container .header-content .header-content-inner p {
    font-size: 17px;
  }

  .comm-carousel .jcarousel li {
    width: 350px !important;
  }

  .feature .thumbnail-panel {
    height: 300px;
  }

  .signin-footer {
    position: fixed;
    width: 100%;
    left: 0;
  }

  .sign-header {
    font-size: 18px;
  }

  .operator-head-sm {
    font-size: 16px;
  }

  .update-txt {
    padding: 0 50px;
  }

  .img-section .slots-panel-home .slots-inner-home {
    padding: 0 10px;
  }

  .main-nav .nav-pills > li {
    float: left;
    display: block;
    width: inherit;
    margin: 0;
  }

  .sign-back .heli-logo {
    display: none;
  }

  .sign-back .sign-wrapper {
    position: relative;
    height: 100%;
  }

  .noDataFound-section {
    top: 0;
    margin-top: 100px;
    margin-bottom: 20px;
    position: relative;
  }

  .detail-sub-2 {
    width: 85%;
  }

  .social-label-sm .col-xs-8 {
    width: 100%;
  }

  .social-label-sm .col-xs-4 {
    width: 100%;
  }

  .social-label-sm .col-xs-4 .text-right {
    text-align: center;
  }

  .btn-social-connect {
    width: 100%;
    margin-top: 10px;
  }

  .mb-amenite {
    margin-left: -29px;
    margin-top: 10px;
  }

  .sm-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .package-banner-head span {
    display: inline;
  }

  #slot .modal-header {
    height: auto;
  }

  .package-social span {
    display: none;
  }

  .operator-edit .tab-pane {
    padding: 0 15px !important;
  }

  .social-label-sm .social-account-row label {
    font-size: 12px !important;
  }

  .pass-padding {
    padding: 20px 20px;
  }

  .password-head {
    font-size: 22px;
  }

  .arrow-right {
    position: absolute;
    top: 200px;
  }

  .arrow-left {
    position: absolute;
    top: 200px !important;
  }

  /*    .gallary-image{
        width: 100% !important;
    }
    .gallary-dialog, .gallary-content{
        height: 400px;
    }
    .gallary-content {
        position: relative;
        height: auto !important;
    }
    .gallary-image{
        height: 400px !important;
    }
    .gallary-image img{
        width: 100%;
    }
    .img-sec {
        min-height: 80% !important;
    }*/
  .arrow-left,
  .arrow-right {
    top: 52% !important;
    background: #000;
    opacity: 0.6;
  }

  .arrow-left {
    left: 5px !important;
  }

  .arrow-right {
    right: 5px !important;
  }

  .arrow-right .arrow,
  .arrow-left .arrow {
    width: 24px !important;
  }

  .package-banner-links i {
    display: block;
  }

  .package-banner-links li a {
    font-size: 13px;
  }

  .summary-mobile input[type="checkbox"]:not(old) + label {
    font-size: 12px !important;
  }

  .organise-logo {
    max-width: 63%;
  }

  .package-social li {
    width: 33%;
    text-align: center;
    display: block;
    float: left;
  }

  .package-social {
    text-align: left;
    width: 100%;
  }

  .package-social li a {
    border-right: 0;
  }

  .package-social li:last-child a {
    border-right: 1px solid #000;
  }

  .summary-mobile input[type="checkbox"]:not(old) + label {
    font-size: 12px !important;
  }

  .cancel-amount-paid,
  .total-amount-panel {
    padding: 20px 10px;
  }

  .modal-dialog-500 {
    width: 100%;
    margin-top: 0px;
  }

  .expiration-box {
    width: 100%;
  }

  .expiration-col {
    padding-right: 6px;
  }

  .order-sucess-dialog .modal-body {
    padding: 30px 15px;
    text-align: center;
  }

  .order-video-panel {
    width: 90%;
  }

  .video-heading {
    font-size: 14px;
  }

  .booking-mid-body .col-md-2 {
    width: 100%;
  }

  .booking-mid-body .col-md-2:first-child {
    float: left;
    width: 50%;
  }

  .booking-mid-body .col-md-2:nth-child(2) {
    width: 50%;
    float: left;
  }

  .booking-big-head {
    font-size: 25px;
  }

  .list-head-col .col-md-2:first-child,
  .list-head-col .col-md-2:nth-child(2) {
    width: 50%;
  }

  .list-head-col .col-md-2:nth-child(3),
  .list-head-col .col-md-2:nth-child(4),
  .list-head-col .col-md-2:nth-child(5),
  .list-head-col .col-md-2:nth-child(6),
  .list-head-col .col-md-2:nth-child(7) {
    width: 100%;
  }

  .list-body-col .col-md-2:first-child,
  .list-body-col .col-md-2:nth-child(2) {
    width: 50%;
  }

  .list-body-col .col-md-2:nth-child(3),
  .list-body-col .col-md-2:nth-child(4),
  .list-body-col .col-md-2:nth-child(5),
  .list-body-col .col-md-2:nth-child(6),
  .list-body-col .col-md-2:nth-child(7) {
    width: 100%;
  }

  .detail-checkbox label {
    font-size: 14px !important;
  }

  .divider-section span {
    display: inline-block !important;
  }

  .section-3 #customcontrols {
    height: 232px;
  }

  #customcontrols img.poster-img {
    height: 232px;
  }

  .radar-share {
    left: -44px;
  }

  .shipping-back-link {
    padding: 0 15px;
    width: 100%;
    margin-top: 10px;
  }

  .mb-sl-bt {
    margin-bottom: 20px;
  }

  .like-hit a,
  .like-hit .like-txt {
    display: inline-block;
  }

  .book-head-col .col-md-2:nth-child(3),
  .book-head-col .col-md-2:nth-child(4),
  .book-head-col .col-md-2:nth-child(5),
  .book-head-col .col-md-2:nth-child(6),
  .book-head-col .col-md-2:nth-child(7),
  .book-head-col .col-md-2:nth-child(8) {
    width: 100% !important;
  }

  .publish-panel .save-btn {
    float: left;
    width: 48%;
    font-size: 14px;
    margin-right: 0;
  }

  .publish-panel .next-btn {
    float: right;
    width: 44%;
    font-size: 14px;
    margin: 0 0 0 15px;
  }

  .publish-diloag .modal-body {
    padding: 10px;
  }

  .publish-diloag .package-sub-panel {
    padding-top: 20px;
  }

  .like-txt {
    font-size: 12px;
  }

  .ambs-section a,
  .ambs-mobile-shadow {
    height: 200px;
  }

  .package-social li a {
    padding: 10px 2px;
  }

  .package-social .like-txt {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    vertical-align: middle;
  }

  .payout-history .col-md-2:first-child,
  .payout-history .col-md-2:nth-child(2) {
    width: 50% !important;
    float: left;
  }

  .payout-history .col-md-2 {
    width: 100% !important;
    float: left;
  }

  .currency-select {
    margin-bottom: 20px;
  }

  .mb-gallery {
    margin-bottom: 20px;
  }

  .only-mb {
    display: block !important;
  }

  .only-dsktop {
    display: none !important;
  }

  .only-in-mb {
    display: inline-block;
  }

  .only-in-dsktop {
    display: none;
  }

  .md-drppicker {
    transform: scale(0.68) !important;
  }
}

@media (orientation: landscape) and (max-height: 568px) {
  .md-drppicker {
    transform: scale(0.55) !important;
  }
}

@media only screen and (max-width: 480px) {
  /* .iframe-body {
        max-width: 465px;
    } */

  .footer-inner {
    border-bottom: none;
  }

  .home-parallax {
    /*margin-top:20%; */
    min-height: 540px;
  }
  .caption-home {
    font-size: 20px;
  }
  .my-cart-inner .lodging-guest-row .guest {
    flex: 0 0 100%;
    text-align: left;
  }
  .header-operator {
    position: relative;
  }
  .payment-method-section .credit-card-btn {
    margin: 0 15px 10px !important;
  }
  .header-operator .adventure-dropdown {
    min-width: inherit;
    position: static;
  }
  .slot-logo-home img {
    width: 90px;
    height: auto;
  }
  h1.big-head {
    font-size: 23px;
    width: 100%;
    padding: 0 5px;
  }
  .update-txt {
    padding: 0 10px;
  }
  .home-carousel .jcarousel li {
    width: 210px !important;
    margin: 0 0px;
  }
  .listing-section [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .profile-head {
    font-size: 25px;
    letter-spacing: 1px;
  }
  .profile-sub-head {
    font-size: 18px;
    letter-spacing: 0;
  }
  .profile-sm-margin {
    padding: 30px 15px;
  }
  .tab-profile-section {
    padding-top: 70px;
  }
  .tab-profile-section,
  .tab-profile-section [class^="col"],
  .shipping-sm-margin,
  .shipping-address {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-select [class^="col"] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .tab-sub-section {
    border: none;
    border-top: #d6d6d6 1px solid;
  }
  .profile-sm-head {
    padding: 20px 15px;
    font-size: 24px;
  }
  .profile-sm-head:last-child {
    padding: 10px 15px;
  }
  .referal-box {
    float: left !important;
    text-align: left;
  }
  .edit-btn,
  .delete-btn {
    padding: 6px 15px;
    width: 70px;
  }
  .package-banner-head {
    font-size: 20px;
  }
  .load-outer {
    min-height: 350px;
    padding: 15px 10px;
  }
  .filter-dummy {
    margin-bottom: 0;
  }

  .mb-pay {
    padding-left: 0px !important;
  }

  .order-share-panel .cart-edit-btn,
  .order-share-panel .edit-btn {
    width: 80px;
  }

  .summary-tooltip .summary-person {
    display: block;
  }

  .summary-tooltip .summary-price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 20% !important;
    display: block;
  }

  .slick-carousel img {
    height: auto !important;
  }

  .cart-share-dropdown {
    left: inherit;
    right: 0px;
  }

  .cart-share-dropdown::after {
    left: inherit;
    right: 21px;
  }

  .cart-share-dropdown::before {
    left: inherit;
    right: 20px;
  }

  ul.pie-list li {
    width: 100%;
  }

  .analytics-back .analytics-main-panel {
    margin-top: 40px;
  }

  .analytics-back [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .field-follow-img {
    height: 200px;
  }

  .modal-loadging-more-guest-option .more-guest-3 {
    width: calc(100% - 75px);
    text-align: left;
    margin-left: 75px;
  }
}

@media only screen and (max-width: 479px) {
  .search-inner {
    width: 100%;
  }

  .img-capt {
    font-size: 20px;
  }

  .operator-name {
    font-size: 12px !important;
  }

  .slot-1 span {
    font-size: 13px;
  }

  .comm-carousel .jcarousel li {
    width: 300px !important;
  }

  .community-mobile {
    min-width: 1024px;
  }

  .info-1,
  .info-2 {
    max-width: 121px;
  }

  .navbar-brand img,
  .navbar-brand i {
    width: 60px;
    font-size: 30px !important;
  }

  .home-login ul li a {
    padding: 10px 7px;
  }

  .modal-title {
    width: 90%;
  }

  .pagination-panel {
    float: right;
  }

  .radar-share {
    left: -84px;
  }

  .icon-addon.addon-lg .form-control {
    padding: 15px 16px 15px 35px;
    height: auto;
  }

  .home-search {
    left: 10px;
    top: 17px;
    font-size: 18px;
  }

  .search-inner .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .search-inner .form-control:-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
  }

  .featured-image-container {
    background: none !important;
    border: none !important;
    height: auto !important;
    overflow: inherit !important;
  }

  .featured-image-container img {
    height: 200px;
    object-fit: cover;
  }

  .url-new-btn,
  .change-image {
    float: right;
    position: static !important;
    margin-top: 10px;
  }

  .new-share-panel button {
    padding: 4px 5px;
  }
}

@media only screen and (max-width: 400px) {
  .modal-header {
    height: auto;
  }

  .pop-mb-title {
    width: 80%;
  }

  .cart-share-div {
    left: 0px !important;
    top: 68px;
  }

  .cvv-sign {
    width: 50%;
  }

  .cvv-input {
    width: 45%;
    padding-right: 5px;
  }

  .cvv-sign .tooltip-error {
    width: 160px;
  }

  .package-social {
    float: none;
  }

  .package-social li {
    width: 32%;
  }

  .pay-cart-btn {
    padding: 5px;
  }

  .all-width-container,
  .all-width-container label {
    width: 100%;
  }
}

@media only screen and (max-width: 380px) {
  .organise-logo {
    width: 100%;
    margin-left: 0px !important;
    max-width: 95%;
  }
}

@media only screen and (max-width: 360px) {
  .home-parallax {
    /*margin-top:30%; */
    min-height: 480px;
  }

  .manual-lodging-panel
    .lodging-room-panel
    .select-room-div
    .guest-accomodation-panel {
    width: 123px;
    margin: 0 0 5px 20px;
  }

  .section-1 .home-carousel {
    padding: 0 10px;
  }

  .slot-data-flex {
    margin: 25px 0 0;
  }

  .home-carousel .jcarousel li {
    width: 150px !important;
    margin: 0 0px;
  }

  .home-carousel .jcarousel li .first-img img,
  .slick-carousel img {
    max-width: 100px;
  }

  .modal-title {
    font-size: 20px;
  }

  .pull-center .add-btn {
    margin-right: 0px;
  }

  .modal-body [class^="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }

  .package-title,
  .package-title h2 {
    font-size: 20px;
  }
}

.stripe-account-details-block-wrapper p {
  color: #000;
}

.tab-sub-section-payout-details .form-group-business-type .form-control-static {
  text-transform: capitalize;
}

.user-height-weight-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.user-height-weight-container label {
  width: 45%;
}

.general-guest-information {
  font-size: 18px;
  color: #000;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  margin-left: 5px;
}

.text-uppercase {
  text-transform: uppercase;
}

.guest-edit-link {
  color: #333;
  font-weight: 300;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin: 10px 0 20px;
  padding: 0 25px;
}

.guest-profile-link {
  cursor: pointer;
}

.guest-profile-link:hover {
  color: #0065d8;
  text-decoration: underline;
}

.detail-information-general-guest label {
  font-weight: 400;
}

.detail-information-general-guest {
  border-bottom: #ddd 1px solid;
  padding: 0 0 20px 0;
  margin: 0 20px;
}

.container-guests-detail {
  width: 90%;
  margin: auto;
}

.acknowledge-description {
  padding: 10px 0;
  color: #000;
  margin: 5px 0;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.acknowledgement-container {
  margin: 0 20px;
}

.acknowledgement-container h2 {
  font-size: 20px;
  font-weight: 300;
  font-family: 'Montserrat';
}

.detail-information-all-guests h3 {
  font-size: 18px;
  font-weight: 400;
}

.detail-information-all-guests .guest-edit-link {
  padding-left: 0px;
}

.detail-information-all-guests .slect-panel .btn-default {
  box-sizing: border-box;
  height: 40px !important;
}

.tbd-guest-column {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 165px;
  flex-direction: column;
}

.amenite-checkbox.guest-tbd-select input[type="checkbox"]:not(old) + label {
  margin: 0px;
  padding: 30px 0 0 0;
  background-position-x: center;
  background-position-y: -75px;
}
.amenite-checkbox.guest-tbd-select
  input[type="checkbox"]:not(old):checked
  + label {
  background-position-x: center;
  background-position-y: 7px;
}

.container-guests-detail label {
  font-size: 13px;
  color: #000;
  font-weight: normal;
}

.container-guests-detail .proceed-to-checkout {
  width: auto;
  margin-top: 20px;
}

.select-label-adult {
  width: 100%;
}

.disabled-field-guests,
.disabled-field-guests button {
  background-color: #eee !important;
}

.acknowledgement-container .amenite-checkbox label {
  margin-bottom: 0px !important;
}

@media all and (max-width: 1240px) {
  .flex-margin-label {
    margin-top: 16px;
  }
  .detail-information span {
    font-size: 14px;
  }
  .detail-information span.general-guest-information {
    font-size: 16px;
  }
}

@media (min-width: 700px) and (max-width: 1240px) {
  .footer-head {
    font-size: 16px;
  }
}

@media all and (max-width: 1080px) {
  .flex-margin-label {
    margin-top: 0px;
  }
  .margin-top-allign {
    margin-top: 16px;
  }
}

@media all and (max-width: 992px) {
  .tbd-guest-column {
    justify-content: flex-start;
    min-height: 346px;
  }
  .margin-top-allign {
    margin-top: 0px;
  }

  .select-adult-child,
  .select-label-adult {
    width: 100%;
  }

  .guest-email-container {
    margin-top: 15px;
  }
  .guest-email-container {
    margin-top: 0px;
  }
}

@media all and (max-width: 768px) {
  .detail-information {
    margin: 0 10px;
  }

  .container-guests-detail .mycart-sub-head,
  .top-margin-tablet {
    margin-bottom: 20px;
  }

  .guest-email-container label,
  .guest-email-container,
  .guest-allergies-container {
    width: 100%;
  }

  .remove-margin {
    margin-left: 0px;
    margin-right: 0px;
  }

  .tablet-paddings {
    padding: 0 10px !important;
  }

  .tbd-guest-column,
  .guest-tbd-select label {
    font-size: 12px !important;
  }

  .guest-email-container {
    margin: 0px 0 15px;
  }

  .select-label-adult {
    margin-top: 15px;
  }

  .guest-order-form .select-label-adult {
    margin-top: 0px;
  }

  .acknowledgement-container .amenite-checkbox {
    text-align: left !important;
  }
}

@media all and (max-width: 490px) {
  .container-guests-detail {
    width: 95%;
  }
}

.tab-sub-section-payout-details .form-group-business-type .form-control-static {
  text-transform: capitalize;
}

.guest-order-form select.selectpicker {
  display: block !important;
}

.preview-waiver-link,
.selected-document-name {
  color: #333;
}

.preview-waiver-link:hover {
  color: #898989;
}

.mgl-mgr-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.upload-waiver-label {
  border: 1px solid #dadada;
  border-left: none;
  border-right: none;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  cursor: pointer;
  color: #898989;
}

.upload-waiver-label:hover,
.upload-waiver-label:hover i {
  background-color: #f7f7f7;
  color: #333;
  font-weight: 500;
}

.upload-waiver-label i {
  color: #898989;
}

#waiver .guest-form-container .create-guest-form {
  min-height: auto;
}

.all-width-container label {
  width: 100%;
}

.disabled-order-list-fields[disabled],
.disabled-order-list-fields[readonly] {
  background-color: #eee;
  opacity: 0.5;
}

.padding-top-bottom-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.guest-detail-booking-font {
  font-size: 15px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.waiver-padding {
  padding-bottom: 20px;
}

.upload-waiver-label-adventure {
  border: 1px solid #dadada;
  height: 50px;
}

.save-waiver-button {
  width: 150px !important;
  margin-right: 0px !important;
  text-align: center !important;
  display: block !important;
}

.upload-waiver-label-adventure-field {
  padding: 0px 20px;
  height: 50px !important;
}

.currency-uppercase {
  text-transform: uppercase;
}

.guests-acknowledgements-title {
  font-weight: 600;
}

.connect-email-success {
  width: auto !important;
  padding: 0 10px;
}

.connect-email-pending {
  background-color: #799b69 !important;
  width: auto !important;
  padding: 0 10px;
}

.connect-email-fail {
  background-color: #e07a78 !important;
  width: auto !important;
  padding: 0 10px;
}

.email-verification-container {
  padding: 0;
  margin: 0;
}

.domain-input-email {
  display: flex;
  align-items: flex-end;
}

.domain-input,
.domain-input-email {
  width: 100% !important;
}

.page-setup-code-box .domain-input-email .form-control {
  height: 35px;
}

.email-verification-modal .modal-dialog {
  width: 80vw !important;
}

.email-verification-modal .modal-content {
  padding: 0 !important;
}

.modal-email-verification-pop-up {
  display: flex;
  justify-content: space-between;
  height: 35px;
  align-items: center;
  padding: 30px;
  background: #f8f8f8;
}

.email-verification-modal .verification-email-close-icon {
  cursor: pointer;
}

.email-verification-description-pop-up {
  padding: 10px 30px;
}

.verification-code {
  background: rgb(239, 239, 239);
  padding: 2px 5px;
}

.verification-code-horizontal-scroll {
  overflow-x: scroll;
  white-space: pre;
}

#emailVerificationDetailPopUp .modal-dialog {
  margin-top: 50px;
}

.email-more-detail-button {
  text-decoration: underline;
  color: #000;
  background: none;
  border: none;
  padding: 0;
}

.not-found-bank-transfer-text {
  margin-bottom: 20px;
  text-align: left;
}

.not-found-bank-transfer-number {
  font-size: 32px;
  text-align: center;
}

.connect-to-payment-system {
  margin: 30px 0;
  padding: 0 20px;
  text-align: center;
}

.container-select-transfer-country {
  padding: 0 20px;
}

.title-select-transfer-country {
  margin-bottom: 10px;
}

.adventure-tab-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.taxes-checkboxes-create-adventure .input-tax-checkboxes {
  margin-right: 15px;
}

.input-tax-checkboxes input[type="checkbox"]:not(old) + label {
  padding-left: 25px !important;
  margin-left: 0 !important;
  cursor: pointer;
  color: #000000;
}

.input-tax-checkboxes input[type="checkbox"]:not(old):checked + label {
  background-position: 0 3px;
  color: #000000;
}

.input-tax-checkboxes input[type="checkbox"] {
  width: 0px;
}

.taxes-checkboxes-create-adventure {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.add-another-tax-btn {
  width: auto !important;
  margin-right: 0px !important;
}

.select-align-text .ui-select-bootstrap .ui-select-match-text {
  padding-top: 5px;
}

.select-align-text .text-muted {
  padding-top: 5px;
  display: inline-block;
}

#policies .locate-delete-btn,
#taxesandfee .locate-delete-btn {
  color: #c62128;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.operator-adventure-tax-select button {
  border-radius: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.operator-adventure-tax-select button .caret {
  z-index: 0;
}

.operator-adventure-tax-select .multiselect-parent {
  width: 100%;
}

.operator-adventure-tax-select .dropdown-menu-form {
  max-height: 250px;
  overflow: auto;
  top: 38px;
  width: 100%;
  border-radius: 0;
}

.operator-adventure-tax-select .dropdown-menu-form li {
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 0;
  cursor: pointer;
}

.operator-adventure-tax-select
  .select-align-text
  .ui-select-bootstrap
  .ui-select-match-text {
  padding-top: 0px !important;
}

#taxesandfee .locate-delete-btn {
  display: flex;
  padding: 0 15px;
  flex-direction: column;
  align-items: flex-end;
  font-size: 16px;
}

.create-adventure-tax-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.copy-link-cursor {
  cursor: pointer;
}

.analytics-dropdown li.filter-calendar-radio-button {
  text-align: left;
}

.analytics-dropdown li.filter-calendar-radio-button .radio-btn {
  display: flex;
  flex-direction: row;
}

.analytics-dropdown li.filter-calendar-radio-button .radio-btn div {
  width: fit-content;
  padding: 0 30px;
}

.filter-calendar-radio-button h5 {
  margin-bottom: 5px;
}

.analytics-dropdown li.filter-calendar-radio-button label {
  font-size: 14px;
  text-transform: none;
  letter-spacing: inherit;
  background-size: 18px;
  padding-left: 22px;
  white-space: nowrap;
  background-position: 0 1px;
}

.analytics-dropdown
  li.filter-calendar-radio-button
  input[type="radio"]:not(old):checked
  + label {
  background-position: 0 5px;
  font-weight: 500;
  background: url(../../images/radio-button-sprite.svg) no-repeat 0 -25px;
  background-size: 18px;
  font-size: 15px;
  line-height: 23px;
}
.intl-tel-input {
  width: 100%;
}

.intl-tel-cont .intl-tel-input {
  margin-top: 5px;
}

.iti-flag {
  background-image: url("../../images/flags/flags.png");
}

.form-group-phone {
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 0 1000px #fff inset;
  margin: 15px auto 0;
}

.form-group-phone input {
  border-color: rgb(118, 118, 118) !important;
}

.form-group-phone #phoneGuestEmailForm {
  height: auto;
}

.form-group-phone .phone-error {
  text-align: left;
  padding-top: 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../../images/flags/flags@2x.png");
  }
}

.discount-letters-uppercase {
  text-transform: uppercase;
}

.guest-operator-nav-tabs-list {
  display: flex;
  flex-wrap: nowrap;
}

.guest-operator-nav-tabs-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.addons-multiple-input-container .form-control[disabled] {
  background-color: #eee;
  opacity: 0.2;
}

.pd-lr20 {
  padding: 0 20px;
}

.discount-letters-uppercase {
  text-transform: uppercase;
}

#emptyUserLocalCountryError .ui-select-choices,
#emptyUserLocalCountryError .ui-select-choices-content {
  position: relative !important;
}

#emptyUserLocalCountryError .ui-select-toggle {
  padding: 5px 15px !important;
}

.go-to-profile-pop-up-link:hover {
  color: #337ab7;
  text-decoration: underline;
}

.package-addons-country-container #country_code {
  margin-top: 10px;
  float: left;
  width: 100%;
  border: 1px solid rgb(195, 195, 195);
}

.package-addons-country-container .dropdown-menu {
  position: relative;
}

#country_code .form-control.ui-select-toggle {
  padding: 10px 18px;
}

@media all and (max-width: 639px) {
  .upload-waiver-label {
    margin: 20px 0;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding: 10px;
  }
}

.form-resposnes-section .operator-guest-form.op-guest-form-container {
  float: left;
  padding: 20px 30px;
  width: 100%;
}

.form-resposnes-section .op-guest-form-content-title {
  padding: 0;
  border: 2px solid #dadada;
  font-size: 18px;
}

.op-guests-form-responses-row {
  border: 2px solid #dadada;
  border-top: none;
}

.op-guests-form-responses-row div:last-child,
.form-resposnes-section .op-guest-form-content-title div:last-child {
  border-left: 2px solid #dadada;
}

.op-guests-form-responses-row div,
.form-resposnes-section .op-guest-form-content-title div {
  padding: 5px 15px;
}

.op-guest-form-table-header-name {
  padding: 5px 15px !important;
}

#response-datepicker .datepicker-days,
#response-datepicker .datepicker,
#response-datepicker .table-condensed {
  width: 100% !important;
}

.response-datepicker-container {
  margin-right: 0 !important;
  margin-left: 10px;
  min-width: 200px;
}

.response-select-filter {
  width: 170px;
}

.response-resend-email-button {
  position: static;
  width: auto !important;
  min-width: auto !important;
  height: auto !important;
  background-color: #000 !important;
  color: #fff !important;
}

.response-resend-email-button.btn-black:active,
.response-resend-email-button.btn-black:hover,
.response-resend-email-button.btn-black:focus {
  color: #fff !important;
  background: #0065d8 !important;
  border-color: #0065d8 !important;
}

#response .response-completed {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#response .payment-status {
  min-width: 75px;
}

.guest-response-head-button .clear-responses-filters-btn {
  background: #fff;
}

.guest-response-head-button .clear-responses-filters-btn:hover {
  background-color: #f7f7f7;
}

.manifest-nav-icon {
  left: 17px !important;
}

.manifest-nav-icon img {
  width: 30px;
}

.manifest-filter-container {
  display: flex;
  justify-content: flex-end;
  padding-left: 270px;
  padding-right: 15px;
}

.manifest-filter-select {
  width: 190px;
}

.button-apply-filters {
  position: static;
  margin-right: 15px;
}

.manifest-table-head {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}

.manifest-table-head div {
  height: 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.manifest-table-column-arrival-date .filter-arrows {
  top: -3px;
  width: 8px;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
}

.manifest-table-head div {
  padding: 0 10px;
}

.manifest-table-column-name {
  width: 12%;
}

.manifest-table-column-arrival-date {
  width: 10%;
}

.manifest-table-column-departure-date {
  width: 9%;
}

.manifest-table-column-booking-id {
  width: 9%;
}

.manifest-table-column-phone {
  width: 11%;
}

.manifest-table-column-email {
  width: 16%;
}

.manifest-table-column-adventure {
  width: 11%;
}

.manifest-table-column-location {
  width: 11%;
}

.manifest-table-column-lodging-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 10%;
}

.manifest-table-column-lodging-type .caret {
  display: inline-block;
  z-index: 0;
  cursor: pointer;
}

.manifest-table-column-arrival-date .filter-arrows {
  padding: 0 5px;
}

.manifest-table-column-lodging-type .caret {
  color: #000;
  cursor: pointer;
}

.manifest-guest-additional-information {
  width: 100%;
  background-color: #fff;
  padding: 10px;
  float: left;
}

.manifest-guest-additional-information-header,
.manifest-guest-additional-information-body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #424242;
  background-color: #f8f8f8;
  padding: 10px;
  width: 100%;
  font-weight: 400;
  border: 1px solid #d6d6d6;
  display: flex;
}

.manifest-table-head {
  border: none;
  margin-bottom: 0px;
}

.additional-guest-info-group {
  width: 10%;
}
.additional-guest-info-booking-source {
  width: 15%;
}
.additional-guest-info-payment-status {
  width: 15%;
}
.additional-guest-info-adult-child {
  width: 15%;
}
.additional-guest-info-allergies {
  width: 20%;
}
.additional-guest-info-notes {
  width: 25%;
}

.manifest-guest-additional-information-body {
  background-color: #fff;
}

.manifest-operator-additional-information {
  margin-top: 10px;
  padding: 10px 20px;
  border: 1px solid #d6d6d6;
}

.manifest-operator-additional-information p {
  margin: 0px;
}

.operator-guests-notes-field {
  width: 100%;
  height: 150px;
  border: 1px solid #d6d6d6;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

.operator-notes-edit-button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  cursor: pointer;
}

.operator-notes-edit-container {
  position: relative;
}

.manifest-guests-form-responses {
  padding: 10px 15px;
  border: 1px solid #d6d6d6;
}

.manifest-operator-guests-form {
  padding: 0px 15px;
}

.manifest-operator-additional-information .manifest-guests-form-responses {
  border: none;
}

.manifest-operator-additional-information
  .manifest-guests-form-responses:last-child {
  border-left: 1px solid #d6d6d6;
}

.manifest-guests-form-responses {
  border-top: none;
}

.manifest-guests-form-responses-row .manifest-guests-form-responses:last-child {
  border-left: none;
}

.manifest-saved-guests-form {
  display: flex;
}

.manifest-saved-guests-form div {
  border: none;
}

.manifest-guest-additional-information-header,
.manifest-guest-additional-information-body {
  padding: 10px;
}

.manifest-table-head .filter-arrows {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  padding: 0px;
  left: 5px;
  top: -5px;
}

.manifest-list-container {
  float: left;
}

.manifest-table-head-hide .manifest-table-column-name,
.manifest-table-head-hide .manifest-table-column-arrival-date,
.manifest-table-head-hide .manifest-table-column-departure-date,
.manifest-table-body-mobile-version .manifest-table-column-booking-id {
  cursor: pointer;
}

.manifest-table-column-lodging-type .caret {
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transition: border 0.2s ease-out 0.2s;
}

.rotate-arrow-manifest {
  border-bottom: 8px solid !important;
  border-right: 8px solid transparent !important;
  border-left: 8px solid transparent !important;
  border-top: none !important;
}

.earn-text {
  font-size: 16px;
  margin-left: 10px;
}

.manifest-table-column-email {
  word-break: break-all;
}

.manifest-table-body div {
  height: auto;
}

.right-align-arrow {
  margin: 0 0 0 auto;
}

.manifest-table-additional-section-border {
  border-bottom: 1px solid #d6d6d6;
}

.operator-manifest-notes-save {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
}

.operator-manifest-notes-save .btn-list-export {
  position: static;
  margin-top: 10px;
}

.btn-clear-filters-operator-manifest {
  margin: 0;
  width: auto;
}

.manifest-operator-guests-form {
  padding: 0;
}

.summary-guest-addons {
  height: 35px;
}

.manifest-filter-container .manifest-datepicker-container {
  width: 200px;
  padding-right: 0;
}

.cvc-manual-payment {
  height: 43px !important;
}

.manual-payment-main-panel .btn-list-export.add-button {
  top: 0;
  right: 160px !important;
}

.manual-payment-main-panel .btn-list-export.export-csv-button {
  right: 0 !important;
  width: auto;
}

.manual-payment-main-panel .manual-search-div {
  right: 430px !important;
}

.on-my-site-message-adventures {
  font-size: 22px;
}

.guests-form-select-container {
  float: left;
}

div.only-dsktop.call-by-phone-footer a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #367bf9;
}

div.only-dsktop.call-by-phone-footer a:hover {
  color: #367bf9;
}

@media screen and (max-width: 1280px) {
  .manifest-filter-container {
    padding: 0 15px;
  }
}

@media screen and (max-width: 1080px) {
  .manifest-filter-container {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
  }

  .booking-filter-panel .slect-panel {
    flex: 0 0 33%;
    margin: 0 0 10px;
  }

  .manifest-filter-container .button-apply-filters {
    margin: 0px 10px 10px auto;
  }

  .manifest-filter-container .manifest-filter-select {
    flex: 0 0 32%;
    height: 45px;
  }

  .btn-clear-filters-operator-manifest {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    height: 45px;
  }
}

@media all and (max-width: 992px) {
  .manifest-filter-container {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px;
  }

  .manifest-filter-container .manifest-filter-select {
    flex: 0 0 32%;
    height: 45px;
  }

  .manifest-filter-container .button-apply-filters {
    margin: 0px 10px 10px auto;
  }

  .btn-clear-filters-operator-manifest {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    height: 45px;
    align-self: flex-end;
  }

  #operator-manifest-container .booking-main-panel {
    float: left;
    width: 100%;
  }

  .manifest-table-head-hide {
    display: none;
  }

  .manifest-table-body-mobile-version {
    flex-wrap: wrap;
  }
  .manifest-table-column-name,
  .manifest-table-column-arrival-date,
  .manifest-table-column-departure-date,
  .manifest-table-column-booking-id,
  .manifest-table-column-phone,
  .manifest-table-column-email,
  .manifest-table-column-adventure,
  .manifest-table-column-location,
  .manifest-table-column-lodging-type {
    width: 50%;
  }

  .manifest-table-body-mobile-version div {
    padding: 5px 20px;
    height: fit-content;
    flex-direction: column;
    align-items: flex-start;
  }

  .manifest-table-body-mobile-version
    .manifest-table-column-lodging-type
    .caret {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .manifest-table-body-mobile-version .manifest-table-column-lodging-type {
    position: static;
  }

  .manifest-filter-container .button-apply-filters {
    margin-bottom: 0px;
  }

  .manifest-saved-guests-form {
    flex-wrap: wrap;
  }

  .manifest-saved-guests-form .additional-guest-info-group,
  .manifest-saved-guests-form .additional-guest-info-booking-source,
  .manifest-saved-guests-form .additional-guest-info-payment-status,
  .manifest-saved-guests-form .additional-guest-info-adult-child,
  .manifest-saved-guests-form .additional-guest-info-allergies,
  .manifest-saved-guests-form .additional-guest-info-notes {
    width: 100%;
  }

  .manifest-saved-guests-form .additional-guest-info-group div,
  .manifest-saved-guests-form .additional-guest-info-booking-source div,
  .manifest-saved-guests-form .additional-guest-info-payment-status div,
  .manifest-saved-guests-form .additional-guest-info-adult-child div,
  .manifest-saved-guests-form .additional-guest-info-allergies div,
  .manifest-saved-guests-form .additional-guest-info-notes div {
    width: 50%;
    height: 100%;
  }

  .manifest-saved-guests-form div {
    border: 1px solid #d6d6d6;
    border-bottom: none;
  }

  .manifest-saved-guests-form .additional-guest-info-notes div {
    border-bottom: 1px solid #d6d6d6;
  }
}

@media (max-width: 767px) {
  #emailVerificationDetailPopUp .modal-dialog {
    margin-top: 0px;
  }

  .email-verification-modal .modal-dialog {
    width: 100vw !important;
  }

  .manifest-title-page {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .manifest-title-page .btn-list-export {
    margin: 0;
  }

  .manifest-filter-container {
    padding: 0 15px !important;
    margin-bottom: 15px;
  }

  .manifest-filter-container .manifest-filter-select {
    flex: 0 0 48%;
  }

  .booking-filter-panel .btn-list-export {
    margin: 0px;
    width: 48%;
  }

  .btn-clear-filters-operator-manifest {
    width: 100%;
    justify-content: center;
  }

  .manual-search-input {
    width: 273px;
    position: relative;
  }

  #operator-manifest-container .manual-search-input {
    min-width: 48%;
  }

  .manifest-filter-container .button-apply-filters {
    width: 100%;
    margin-bottom: 10px;
  }

  .manifest-filter-container .manifest-datepicker-container {
    margin-bottom: 10px;
  }

  .guests-form-select-container {
    width: 100%;
  }
}

@media all and (max-width: 639px) {
  .upload-waiver-label {
    margin: 20px 0;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding: 10px;
  }

  .manifest-operator-guests-form div:last-child {
    display: none;
  }

  .manifest-operator-guests-form div:first-child,
  .manifest-guests-form-responses-row div {
    width: 100%;
  }

  .manifest-guests-form-responses-row div {
    border: none;
    padding: 0px;
  }

  .manifest-guests-form-responses-row div:first-child {
    font-weight: 500;
  }

  .manifest-guests-form-responses-row {
    padding: 5px 10px;
    float: left;
    width: 100%;
    margin-left: 10px;
  }

  .manifest-guests-form-container {
    margin-bottom: 20px;
    float: left;
  }

  .manifest-operator-guests-form {
    margin-bottom: 5px;
  }

  .manifest-filter-container .manifest-filter-select {
    flex: 0 0 100%;
  }
}

@media all and (max-width: 560px) {
  .manifest-filter-container .manifest-filter-select,
  .booking-filter-panel .btn-list-export {
    flex: 0 0 100%;
  }

  .manifest-title-page .btn-list-export {
    flex: 0 0 auto;
  }

  .manifest-table-column-name,
  .manifest-table-column-arrival-date,
  .manifest-table-column-departure-date,
  .manifest-table-column-booking-id,
  .manifest-table-column-phone,
  .manifest-table-column-email,
  .manifest-table-column-adventure,
  .manifest-table-column-location,
  .manifest-table-column-lodging-type {
    width: 100%;
  }

  .btn-clear-filters-operator-manifest {
    margin-top: 10px;
  }

  .response-select-filter {
    width: 100%;
  }

  .response-datepicker-container {
    margin-left: 0;
    margin-top: 10px;
  }
}

@media all and (max-width: 992px) {
  .guest-operator-nav-tabs-container {
    position: static;
    transform: none;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  .copy-link-button {
    right: 40% !important;
  }

  .guest-operator-nav-tabs-list {
    width: fit-content;
  }

  .guest-response-head-button {
    width: 100%;
    flex-wrap: wrap;
  }

  .response-select-dropdown,
  .response-datepicker-container,
  .guest-response-head-button .manual-booking-button {
    margin-bottom: 10px !important;
  }
}

/* mobile landscape */
@media (min-height: 250px) and (max-height: 480px) and (orientation: landscape) {
  .destination-location-gallery .slick-list,
  .destination-location-gallery .slick-list img {
    height: 300px !important;
  }
}

/* tablet portrait */
@media (min-width: 768px) and (max-width: 1280px) and (orientation: portrait) {
  .destination-location-gallery .slick-list,
  .destination-location-gallery .slick-list img {
    height: 300px !important;
  }
}

/* tablet landscape */
@media (min-width: 768px) and (max-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
  .destination-location-gallery .slick-list,
  .destination-location-gallery .slick-list img {
    height: 400px !important;
  }
}

@media print {
  /* styles for print manifest page start*/
  #operator-manifest-container {
    padding-top: 0px;
  }

  #operator-manifest-container .booking-big-head {
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px 5px 0;
  }

  #operator-manifest-container .booking-header-panel {
    padding: 0;
  }

  .manifest-title-page button,
  .manifest-filter-container,
  .manifest-table-head .filter-arrows,
  .manifest-table-head .caret {
    display: none;
  }

  .manifest-table-head span {
    display: block;
  }

  .manifest-table-body-mobile-version {
    align-items: flex-start;
  }

  .manifest-table-body-mobile-version div {
    padding: 5px 20px;
    height: fit-content;
    flex-direction: column;
    align-items: flex-start;
    width: 33.333%;
    font-size: 17px;
    font-weight: 500;
  }

  .manifest-table-body-mobile-version div span {
    font-size: 14px;
    font-weight: 400;
  }

  .manifest-table-column-phone,
  .manifest-table-column-email {
    word-break: break-all;
  }

  .manifest-guest-additional-information-header {
    font-weight: 500;
  }

  .manifest-guests-form-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }

  .manifest-guests-form-responses-row {
    display: flex;
    flex-direction: row;
  }

  .operator-manifest-notes-save {
    display: none;
  }

  .btn-clear-filters-operator-manifest {
    display: none;
  }
  /* styles for print manifest page end*/
}

.copy-link-button {
  font-size: 12px;
  position: absolute;
  right: 38%;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  text-align: center;
  cursor: pointer;
}

.share-input-container {
  position: relative;
}