@import 'lib/bootstrap/bootstrap-reboot.min.css';
@import 'lib/bootstrap/bootstrap-grid.min.css';
@import 'lib/bootstrap/bootstrap-modal.min.css';
@import 'lib/map.css';
@import 'fonts.css';
@import 'components/phone-contact.css';

html body {
  font-family: 'Montserrat';
  width: 100%;
}
.fancybox-container.fancybox-show-toolbar {
  z-index: 9999999 !important;
}
html .breadcrumb {
  background: transparent;
  color: #9ca1ae;
  font-size: 12px;
  font-weight: normal;
}
html .breadcrumb i {
  font-size: 6px;
}
/** FOOTER START  **/

.footer{
  margin-top: 20px;
  border-top: 1px solid #ebf1fa;
}

.footer .app-links {
  float: right;
  display: block;
  margin: 4px 0 0 20px;
}

.footer .app-links a img {
  height: 33px;
}

.show-mobile {
  display: none !important;
}

.ets-apps .ets-app-links {
  padding-left: 10px;
}

.popular-region-links {
  display: none;
  background: #f6f9fd;
  padding: 35px 0;
  border-top: 1px solid #ebf1fa;
  border-bottom: 1px solid #ebf1fa;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link {
  background-color: #fff !important;
  color: #000 !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #000 !important;
  color: #fff !important;
}

@media (min-width: 840px) {
  .popular-region-links {
    display: block;
  }
}

.popular-region-links h5 {
  margin-bottom: 20px;
}

.popular-region-links ul {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.popular-region-links ul li a {
  font-size: 12px;
  line-height: 1.83;
  color: #61656e;
}

.social-links {
  margin-top: -1px;
}

@media (min-width: 840px) {
  .social-links {
    padding: 20px 0;
    background: #fff;
  }
}

.social-links .wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.social-links .wrapper ul.social {
  float: left;
  padding-top: 2px;
}

@media (min-width: 840px) {
  .social-links .wrapper ul.social {
    display: block;
  }
}

.social-links .wrapper ul.social li {
  display: inline-block;
}

.social-links .wrapper ul.social li a {
  color: #9ca1ae;
  display: block;
  margin-right: 15px;
  text-decoration: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 0px solid #9ca1ae;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.social-links .wrapper ul.social li a:hover {
  //background: #9ca1ae;
  color: #fff;
}

.social-links .wrapper ul.social li a i {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}

.social-links .wrapper ul.social li a i:before {
  display: block;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

@keyframes form-element-error-animation-keyframe {
  16% {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  26% {
    -moz-transform: scale(1.05) translate3d(-3px, 0, 0);
    -o-transform: scale(1.05) translate3d(-3px, 0, 0);
    -ms-transform: scale(1.05) translate3d(-3px, 0, 0);
    -webkit-transform: scale(1.05) translate3d(-3px, 0, 0);
    transform: scale(1.05) translate3d(-3px, 0, 0);
  }
}

.loading {
  height: 10px;
  background: url('../../../imagessl.etstur.com/files/images/site/yeniEts/gif/ets-loading.gif');
  background-position: 50%;
  background-repeat: no-repeat;
}

.footer-title {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.footer-list-wrapper {
  font-weight: 400;
}

.footer-links {
  background: #fff;
}

@media (min-width: 840px) {
  .footer-links {
    padding: 35px 0;
  }
}

.footer-links .wrapper {
  padding: 0;
}

@media (min-width: 840px) {
  .footer-links .wrapper {
    padding: 15px;
  }
}

.footer-links .wrapper .footer-accordion:after {
  content: '';
  display: block;
  clear: both;
}

.footer-links .wrapper .footer-accordion .accordion__heading {
  border-bottom: 1px solid #ebf1fa;

}

@media (min-width: 840px) {
  .footer-links .wrapper .footer-accordion .accordion__heading {
    border: none;
  }
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__button {
  position: relative;
  color: #61656e;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  padding: 15px;
}

@media (min-width: 840px) {
  .footer-links
    .wrapper
    .footer-accordion
    .accordion__heading
    .accordion__button {
    padding: 0;
    margin-bottom: 10px;
}


.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__button
  h5 {
  font-weight: 500;
  color: #1f2126;
  line-height: normal;
  font-size: 20px;
  letter-spacing: 0;
  font-stretch: normal;
  margin: 0;
}
}
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__button
  h5
  .etsgroup {
  display: none;
}

@media (min-width: 840px) {
  .footer-links
    .wrapper
    .footer-accordion
    .accordion__heading
    .accordion__button
    h5
    .etsgroup {
    display: block;
  }
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__button
  h5
  .accordion__arrow,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__button
  h5
  span {
  display: block;
}

@media (min-width: 840px) {
  .footer-links
    .wrapper
    .footer-accordion
    .accordion__heading
    .accordion__button
    h5
    .accordion__arrow,
  .footer-links
    .wrapper
    .footer-accordion
    .accordion__heading
    .accordion__button
    h5
    span {
    display: none;
  }
}

.footer-links .wrapper .footer-accordion .accordion__heading .accordion__arrow {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:after,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:before {
  display: block;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: currentColor;
  content: '';
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:before {
  left: 4px;
  transform: rotate(45deg);
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  [aria-expanded='true']
  .accordion__arrow:before,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  [aria-selected='true']
  .accordion__arrow:before {
  transform: rotate(-45deg);
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:after {
  right: 4px;
  transform: rotate(-45deg);
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  [aria-expanded='true']
  .accordion__arrow:after,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  [aria-selected='true']
  .accordion__arrow:after {
  transform: rotate(45deg);
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:after,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__arrow:before {
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes move-down {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(5px);
  }
  30% {
    transform: translateY(0);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes move-up {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-5px);
  }
  30% {
    transform: translateY(0);
  }
  to {
    transform: translateY(0);
  }
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__title--animated:hover
  .accordion__arrow {
  animation-name: move-down;
  animation-duration: 1.5s;
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__heading
  .accordion__title--animated[aria-expanded='true']:hover
  .accordion__arrow {
  animation-name: move-up;
  animation-duration: 1.5s;
}

.footer-links .wrapper .footer-accordion .accordion__panel {
  font-weight: 500;
  padding: 0 30px 30px;
  animation: fadein 0.35s ease-in;
}

@media (min-width: 840px) {
  .footer-links .wrapper .footer-accordion .accordion__panel {
    padding: 0;
    display: block;
    font-weight: normal;
    line-height: 1.71;
    color: #61656e;
    letter-spacing: normal;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal; 
  }
.footer-links .wrapper .footer-accordion [hidden='hidden'].accordion__panel {
    display: block !important;
  }
}
.footer-links .wrapper .footer-accordion .accordion__panel ul{
  margin:0;
  }
 
.footer-links .wrapper .footer-accordion .accordion__panel ul li {
  font-size: 14px;
  margin-bottom: 4px;
}

.footer-links .wrapper .footer-accordion .accordion__panel ul li a {
  color: #61656e;
  text-decoration: none;
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__panel
  ul
  li
  a
  i.etsfonticon-didim,
.footer-links
  .wrapper
  .footer-accordion
  .accordion__panel
  ul
  li
  a
  i.etsfonticon-etstur {
  font-size: 16px;
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__panel
  ul
  li
  a
  i.etsfonticon-maxx {
  font-size: 18px;
}

.footer-links
  .wrapper
  .footer-accordion
  .accordion__panel
  ul
  li
  a
  i.etsfonticon-voyage {
  font-size: 26px;
}

.footer-links .wrapper .footer-accordion .accordion__panel ul li a.allShow {
  color: #056bfd;
  font-weight: 700;
  text-decoration: none;
}

.footer-logos {
  background: #f6f9fd;
  border-top: 1px solid #ebf1fa;
  padding-top: 15px;
}

@media (max-width: 991px) {
  .footer-logos .wrapper {
    padding: 0;
  }
  .footer-logos hr {
    display: none;
  }
  .footer-logos .pay-type {
    display: none;
  }
  .footer-logos .pay-type-mobile {
    display: block;
    margin: 0 16px;
  }
  .footer-logos .pay-type-mobile img {
    width: 100%;
  }
  .social-links .wrapper ul.social {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .social-links .wrapper ul.social li a {
    margin-right: 10px;
  }
  .show-mobile {
    display: block !important;
  }
  .footer .app-links {
    margin: 15px auto 15px;
    width: 100%;
    text-align: center;
  }
  .footer .app-links.show-browser {
    display: none;
  }
  .footer .app-links a {
    margin: 0 3px;
  }
  .default-call-center {
    text-align: center;
    display: flex;
    background: #ebf1fa;
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 15px 5%;
  }
}

@media (min-width: 991px) {
  .footer-logos {
    display: block;
  }
  .footer-logos .pay-type-mobile {
    display: none;
  }
}

.footer-logos .wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.footer-logos .wrapper ul li {
  float: left;
}

.footer-logos .wrapper ul li:first-child i {
  color: #4a4a4a;
}
.footer-logos ul {
  margin: 0;
}
.footer-logos .ets-brands li:last-of-type {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 80%;
}
.footer-logos .ets-brands li:first-of-type {
  width: 20%;
}
.footer-logos .ets-brands li:first-of-type img {
  max-height: 20px;
}
.footer-logos .ets-brands li:last-of-type {
  max-height: 27px;
  display: flex;
  align-items: center;
}
.footer-logos .ets-brands li:last-of-type a {
  margin-left: 30px;
}
.footer-logos .pay-type li:first-of-type {
  width: 80%;
}
.footer-logos .pay-type li img {
  height: 100%;
}
.footer-logos .pay-type li:first-of-type img {
  max-height: 29px;
}
.footer-logos .pay-type li:last-of-type {
  width: 20%;
  display: flex;
  justify-content: flex-end;
}
.footer-logos .pay-type li:last-of-type img {
  max-height: 20px;
}
@media (max-width: 991px) {
  .ets-brands {
    display: none;
  }
}

.footer-logos .wrapper ul li.mobile-logo {
  float: right;
}

.footer-logos .wrapper ul li.mobile-logo img {
  width: 100%;
}

.footer-logos .wrapper ul li.last {
  margin-right: 0;
}

.footer-logos .wrapper ul li a {
  color: #9ca1ae;
}

.footer-logos .wrapper ul li a i {
  font-size: 20px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.footer-logos .wrapper ul li a i:before {
  display: block;
}

.footer-logos .wrapper ul li a i.etsfonticon-odamax {
  font-size: 31px;
  top: -7px;
}

.footer-logos .wrapper ul li a i.etsfonticon-ucuzabilet {
  top: 2px;
}

.footer-logos .wrapper ul li a i.etsfonticon-didim {
  font-size: 15px;
  top: 2px;
}

.footer-logos .wrapper ul li a i.etsfonticon-etsmice {
  font-size: 23px;
  top: 2px;
}

.footer-logos .wrapper ul li a i.etsfonticon-jetset {
  font-size: 13px;
  top: 4px;
}

.footer-logos .wrapper ul li a i.etsfonticon-letsgo {
  top: -2px;
}

.footer-logos .wrapper ul li a i.etsfonticon-otelpuan {
  font-size: 24px;
  top: -8px;
}

.footer-copyright {
  background: #f6f9fd;
  padding: 15px 0 35px;
  color: #61656e;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
}

html body footer.footer-wrapper .footer-copyright img{
	width: 110px; 
	height: 125px;
}

.footer-copyright .wrapper:after,
.footer-copyright .wrapper ul:after {
  content: '';
  display: block;
  clear: both;
}

.footer-copyright .wrapper ul li {
  display: none;
  float: left;
}

.footer-copyright .wrapper ul li.tursab-icon {
  float: right;
}

@media (max-width: 991px) {
  .navbar.navbar-default {
    z-index: 3;
  }
  .footer-copyright {
    margin: 0px;
  }
  .footer-copyright .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .etbis-img {
    display: none;
  }
}

@media (min-width: 991px) {
  .footer-copyright {
    padding-bottom: 15px;
  }
  .footer-copyright .wrapper {
    display: flex;
    padding-top: 0px;
  }
  .footer-text-wrapper {
    margin-right: 64px;
  }
  .footer-copyright .wrapper ul li {
    display: inline-block;
  }
  .etbis-img {
    max-height: 129px;
  }
}

.footer-copyright .wrapper ul li.mobile-logo {
  display: block;
}

@media (min-width: 840px) {
  .footer-copyright .wrapper ul li.mobile-logo {
    display: none;
  }
}

.footer-copyright .wrapper .hide-all-text {
  padding-top: 15px;
  height: 85px;
  overflow: hidden;
}

.footer-copyright .wrapper .show-all {
  height: auto;
}

.footer-copyright .wrapper .privacy-links {
  display: block;
  margin: 3px 0;
}
.hide-all-text p {
  line-height: 18px;
}
.hide-all-text .truncated {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 840px) {
  .footer-copyright .wrapper .privacy-links {
    display: inline-block;
    margin: 0;
  }
}

.footer-copyright .wrapper .line {
  display: none;
}

@media (min-width: 840px) {
  .footer-copyright .wrapper .line {
    display: inline-block;
  }
}

.footer-copyright .wrapper .show-more-text {
  display: block;
  margin-top: 3px;
}

.footer-copyright .wrapper .hide-more-text {
  display: none;
}

.default-call-center {
  text-align: center;
  display: flex;
}

@media (min-width: 640px) {
  .default-call-center {
    display: block;
  }
}

@media (min-width: 840px) {
  .default-call-center {
    float: right;
  }
}

.default-call-center li {
  display: inline-block;
  margin: 0 15px;
}

@media (min-width: 840px) {
  .default-call-center li {
    margin: 0 0 0 30px;
  }
}

.default-call-center li a {
  display: block;
  position: relative;
  padding: 0 0 0 40px;
  text-decoration: none;
}

.default-call-center li a i {
  font-size: 32px;
  position: absolute;
  top: 2px;
  left: 0;
  color: #9ca1ae;
}

.default-call-center li a strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 1.1px;
  color: #464443;
}

.default-call-center li a span {
  display: block;
  font-size: 11px;
  line-height: 1.54;
  color: #9c9a9a;
}

@media (min-width: 840px) {
  .default-call-center li a span {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .footer-copyright .wrapper .hide-all-text {
    height: 200px;
  }
  .hide-all-text .truncated {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 481px) and (max-width: 991px) {
  .footer-copyright .wrapper .hide-all-text {
    height: 200px;
  }
  .hide-all-text .truncated {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 481px) and (max-width: 840px) {
  .footer-copyright .wrapper .hide-all-text {
    height: 180px;
  }
  .hide-all-text .truncated {
    -webkit-line-clamp: 4;
  }
}
/**  FOOTER END **/

/**  HEADER START  **/

.header-home {
  background: 50% no-repeat;
  background-size: cover;
}

@media (min-width: 840px) {
  .header-home {
    height: 880px;
  }
}

.header-home .header-tab {
  margin-top: 25px;
}

@media (min-width: 840px) {
  .header-home .header-tab {
    margin-top: 120px;
  }
}

.header {
  background: #fff;
}

.header nav .nav-desktop .navbar-right a.btn {
  border: 1px solid #ebf1fa;
}

@media only screen and (min-width: 768px){
  html body .transparent-nav .btn.call-you .call-icon,
  html body .transparent-nav .btn.call-you,
  html body .transparent-nav .btn.call-you em {
    color: #fff;
  }
}
html body .transparent-nav .navbar-right .dropdown.user-dropdown .dropbtn,
html
  body
  .transparent-nav
  .navbar-right
  .dropdown.user-dropdown
  .dropbtn:hover {
  background: #fff !important;
}
.header-title {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 100%;
  margin-top: 30px;
}

@media (min-width: 840px) {
  .header-title {
    margin-top: 0;
    width: calc(55% - 90px);
    padding-left: 90px;
  }
}

.header-title a {
  color: #fff;
}

.header-title a .header-text {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
}

@media (min-width: 840px) {
  .header-title a .header-text {
    margin-top: 0;
    width: 95%;
  }
}

.header-title a .header-text h1 {
  line-height: 1.07;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 50px;
}

@media (min-width: 840px) {
  .header-title a .header-text h1 {
    font-size: 60px;
  }
}

.header-title a .header-icon {
  position: absolute;
  top: 35%;
  display: inline-block;
  vertical-align: middle;
  width: 5%;
}

@media (min-width: 840px) {
  .header-title a .header-icon {
    position: static;
  }
}

.header-title a .header-icon i {
  color: #9ca1ae;
  font-size: 22px;
  cursor: pointer;
  width: 56px;
  height: 56px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 59px;
}

.header-title a:hover {
  color: #fff;
}

.menubar {
  display: block;
  height: 60px;
  background-color: #fff;
  text-align: center;
  border-bottom: 1px solid #ebf1fa;
  position: relative;
  z-index: 10;
  width: 100%;
}

@media (min-width: 840px) {
  .menubar {
    display: none;
  }
}

.menubar .title .contents {
  line-height: 60px;
}

.menubar .title .contents .text {
  position: absolute;
  right: 15px;
}

.menubar .title .contents .text a {
  color: #1f2126;
  margin-left: 15px;
  font-size: 13px;
}

#hambmenu {
  position: absolute;
  top: 18px;
  left: 15px;
  cursor: pointer;
}

#hambmenu.isopen a i {
  font-size: 21px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: 0.2s ease-in-out;
}

#hambmenu.isopen a i:before {
  content: '\F119';
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
}

#hambmenu a i {
  font-size: 25px;
  color: #9ca1ae;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: 0.2s ease-in-out;
}

#menu {
  position: fixed;
  z-index: 10;
  height: calc(100vh - 60px);
  width: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}

.fa {
  padding-right: 8px;
}

.fa,
li a {
  color: #000;
}

li a {
  text-decoration: none;
}

#menu.isopen {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

#menu.isopen.open-campaign {
  -webkit-transform: translateX(-270px);
  transform: translateX(-270px);
}

#menu.isopen.open-campaign .show-campaign {
  left: -40px;
}

#menu.isopen .menu-campaign {
  display: block;
}

#menu.isopen + .menu-bg {
  width: 100%;
  height: 100%;
  background: rgba(18, 5, 41, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

@media screen and (max-width: 420px) {
  .menubar span {
    font-size: 1.2em;
  }
}

#menu .accordion {
  width: 270px;
  height: 100%;
  background: #fff;
  overflow: scroll;
}

#menu .accordion .block.member-box {
  background: #ebf1fa;
  padding: 15px 10px;
  width: 100%;
  display: flex;
}

#menu .accordion .block.member-box .items {
  width: 50%;
  display: inline-block;
  padding: 0 5px;
}

#menu .accordion .block.member-box a,
.accordion .block.member-box button {
  color: #1f2126;
  font-size: 13px;
  padding: 10px;
}

#menu .accordion .block.member-box a i {
  line-height: 25px;
  font-size: 16px;
  padding-right: 5px;
}

#menu .accordion .block.help-box {
  background: #f6f9fd;
  padding: 15px 10px;
}

#menu .accordion .block.help-box a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  border: 1px solid #ebf1fa;
  padding: 9px 15px;
  background: #fff;
  color: #1f2126;
  position: relative;
}

#menu .accordion .block.help-box a:last-child {
  margin-bottom: 0;
}

#menu .accordion .block.help-box a i {
  font-size: 24px;
  color: #61656e;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -13px;
}

#menu .accordion .block.help-box a span {
  display: table-cell;
  font-size: 14px;
  padding-left: 37px;
}

#menu .accordion .block.help-box a span em {
  font-style: normal;
  color: #9ca1ae;
  font-size: 12px;
  margin-left: 7px;
}

#menu .accordion .block .accordion__heading {
  border-top: 1px solid #ebf1fa;
  border-bottom: 1px solid #ebf1fa;
  margin-bottom: -1px;
}

#hotel-submenu,
#tour-submenu {
  margin: 10px 0;
}

#menu .accordion .block .accordion__heading .accordion__button {
  color: #61656e;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  padding: 14px;
}

#menu .accordion .block .accordion__heading .accordion__button h5 {
  font-weight: 500;
  color: #1f2126;
  display: inline-block;
  position: relative;
  min-width: 70px;
  text-transform: uppercase;
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .etsfonticon-arrow-down {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 7px;
  margin-top: -4px;
  color: #9ca1ae;
}

#menu .accordion .block .accordion__heading .accordion__button .line {
  margin-bottom: 8px;
}

#menu .accordion .block .accordion__heading .accordion__button .line.no-margin {
  margin: 0;
}

#menu .accordion .block .accordion__heading .accordion__button .line .icon {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon.home {
  background: linear-gradient(226deg, #9ca1ae, #c4cbd5);
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon.campaign {
  background: linear-gradient(250deg, #fd4f00, #ff8308);
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon.heart {
  background: linear-gradient(226deg, #ff7474, #eb5bab);
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon.download {
  background: linear-gradient(250deg, #08aeea, #ffa26f);
}

#menu .accordion .block .accordion__heading .accordion__button .line .icon i {
  position: relative;
  line-height: 30px;
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon
  i.home {
  font-size: 19px;
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon
  i.campaign {
  font-size: 14px;
}

#menu
  .accordion
  .block
  .accordion__heading
  .accordion__button
  .line
  .icon
  i.heart {
  font-size: 16px;
}

#menu .accordion .block .accordion__heading .accordion__button .line .text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  color: #1f2126;
}

#menu .accordion .block .accordion__heading .accordion__button .line a {
  display: block;
  text-decoration: none;
}

#menu .accordion .block .accordion__heading .accordion__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 7px;
  margin-top: -10px;
  color: #9ca1ae;
}

#menu .accordion .block .accordion__heading .accordion__arrow:before {
  content: '';
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
}

#menu .accordion .block .accordion__panel {
  font-weight: 500;
  padding: 0 40px;
  animation: fadein 0.35s ease-in;
}

#menu .accordion .block .accordion__panel ul li {
  font-size: 14px;
  padding: 5px 0;
}

#menu .accordion .block .accordion__panel ul li a {
  color: #61656e;
}

#menu .accordion .block .accordion__panel ul li.jetset-menu a {
  color: #056bfd;
}

#menu .accordion .block .accordion__panel ul li a.link-btn {
  display: table;
  vertical-align: middle;
  width: 100%;
  text-align: left;
}

#menu .accordion .block .accordion__panel ul li a.link-btn:last-child {
  margin-bottom: 0;
}

#menu .accordion .block .accordion__panel ul li a.link-btn i {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#menu .accordion .block .accordion__panel ul li a.link-btn i.icon {
  font-size: 24px;
  width: 28px;
  color: #9ca1ae;
}

#menu .accordion .block .accordion__panel ul li a.link-btn i.icon.forward {
  color: #ff8308;
}

#menu .accordion .block .accordion__panel ul li a.link-btn span {
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}

#menu .accordion .block .accordion__panel ul li a.link-btn span.image {
  text-align: center;
  padding-left: 0;
}

#menu .accordion .block .accordion__panel ul li a.link-btn.forward {
  color: #ff8308;
}

#menu .accordion .block .accordion__panel ul.subtitles {
  font-weight: 300;
  padding: 10px 0;
  color: #9ca1ae;
}

.navbar.navbar-default {
  display: block;
  padding: 0;
 
}

nav .nav-desktop {
  display: none;
}

nav .nav-desktop:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 840px) {
  nav .nav-desktop {
    display: flex;
    align-items: center;
    padding: 10px 10px 9px 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
}

nav .nav-desktop .navbar-left {
  display: flex;
  align-items: center;
  width: 80%;
}
nav .nav-desktop .navbar-right {
  width: 50%;
  justify-content: flex-end;
  display: flex;
}
nav .nav-desktop .navbar-left .ets-logo {
  text-decoration: none;
  float: left;
  height: 42px;
  margin-top: 0px;
}

nav .nav-desktop .navbar-left .ets-logo i {
  position: relative;
  font-size: 23px;
  line-height: 1px;
  color: #e20714;
  display: inline-block;
}

nav .nav-desktop .navbar-left .custom-navbar-nav {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 0;
}

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

nav .custom-navbar-nav > li a {
  padding: 9px 15px;
  display: inline-block;
  color: #1f2126;
}

nav .custom-navbar-nav > li .nav-dropdown-hotel-link {
  padding: 0;
}

nav .custom-navbar-nav .dropdown-content a {
  color: #fff;
  padding: 0;
}
nav .custom-navbar-nav .dropdown-content .link-btn {
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
nav .dropdown-content .link-btn:hover {
  background-color: #6d7078;
}
nav .custom-navbar-nav > li a:hover {
  text-decoration: none;
  background: #60656d;
  color: #ffffff;
  border-radius: 6px;
}

nav .custom-navbar-nav .dropdown-content {
  display: none;
}

nav .custom-navbar-nav .dropdown:hover .dropdown-content {
  display: block;
}

nav .nav-desktop .dropdown .dropbtn {
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  display: flex;
  align-items: center;
}

.nav-desktop .dropdown .dropbtn i {
  font-size: 6px;
  position: relative;
  margin-left: 7px;
}
nav .nav-desktop .dropdown-content {
  display: none;
  position: absolute;
  background-color: #61656e;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  -ms-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
  min-width: 250px;
  padding: 30px;
  z-index: 5; /* for +1 tour card img and +1 search form */
  top: 36px;
}

.nav-desktop .navbar-right .dropdown .dropdown-content .etsfonticon{
	padding-left: 15px;
}

nav .nav-desktop .dropdown-content a {
  font-size: 12px;
  float: none;
  color: #fff;
  margin-bottom: 14px;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 0;
}
nav .nav-desktop .dropdown-content a:last-child {
  margin-bottom: 0;
}

nav .nav-desktop .dropdown-content a:hover {
  background-color: #61656e;
}

nav .nav-desktop .dropdown-content a.link-btn {
  display: flex;
  align-items: center;
  height: 54px;
  width: 100%;
  background-color: #6d7078;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-size: 28px;
  margin-bottom: 4px;
}

html body .header-wrapper .header .navbar  .nav-desktop .navbar-left .custom-navbar-nav ul.dropdown li.dropdown-content a.link-btn .image{
	margin: auto;
}

nav .nav-desktop .dropdown-content a.link-btn:last-child {
  margin-bottom: 0;
}

nav .nav-desktop .dropdown-content a.link-btn span {
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 6px;
}

nav .nav-desktop .dropdown-content a.link-btn span.image {
  text-align: center;
  padding-left: 0;
}

nav .nav-desktop .dropdown-content a.link-btn.forward,
nav .nav-desktop .dropdown-content a.link-btn.forward:hover {
  background: linear-gradient(250deg, #fd4f00, #ff8308);
}
nav .nav-desktop .dropdown:hover .dropbtn,
nav .nav-desktop .navbar a:hover {
  background-color: #61656e;
  color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

nav .nav-desktop .navbar-right ul {
  cursor: pointer;
  display: flex;
  flex-direction: inherit;
  align-items: center;
}


.line{
	margin-top:0;
}

nav .nav-desktop .navbar-right ul > li {
  display: flex;
  align-items: center;
}
nav .dropdown.user-dropdown {
  margin-left: 20px;
}
nav .dropdown-content {
  display: none;
  top: 36px;
  width: 250px;
  padding: 25px;
  border-radius: 0px 5px 5px 5px;
}
 html body .header-line{
    margin-bottom: 0;
    }
html body .btn.call-you {
  display: flex;
  align-items: center;
  padding: 0;
  background: transparent;
  margin-left: 10px;
}
html body .btn.call-you span {
  text-align: left;
}
html body .btn.call-you span em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #61656e;
  font-weight: 500;
}
html body .btn.call-you .call-icon {
  font-size: 24px;
  margin-right: 10px;
  color: #ffa26f;
}
nav .nav-desktop .navbar-right ul .dropdown-content a {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  color: #fff;
}

nav .nav-desktop .navbar-right ul .dropdown-content a span strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
}

nav .dropdown:hover .dropdown-content {
  display: block;
}
html body nav .dropdown.user-dropdown .login-user {
  font-size: 24px;
  color: #ffa26f;
  margin: 0 10px 0 0;
  left: inherit;
}
.dropdown.user-dropdown .dropbtn {
  display: flex;
  align-items: center;
  padding: 10px !important;
  padding: 8px 16px 9px 10px;
  border-radius: 6px;
  border: solid 1px #dbe0e6;
  min-height: 50px;
  max-height: 50px;
}
.dropdown.user-dropdown .dropbtn b {
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 2px;
}
.dropdown.user-dropdown .dropbtn span {
  font-size: 12px;
  margin-right: 24px;
  line-height: 14px;
  color: #61656e !important;
}
nav .nav-desktop .dropdown.user-dropdown .dropbtn span .username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 85px;
  font-size: 12px;
  text-transform: capitalize;
  color: #1f2126;
}
.dropdown.user-dropdown .dropbtn em {
  font-style: normal;
  color: #61656e;
}
.dropdown.user-dropdown .dropbtn i {
  margin: auto;
  left: inherit;
}
.dropdown-menu-item {
  display: block;
  width: 100%;
}
.dropdown.user-dropdown .dropdown-content .account-menu li {
  float: none;
  padding: 5px 8px;
}
.dropdown.user-dropdown .dropdown-content .account-menu li:last-of-type {
  border-top: 1px solid #ebf1fa;
}
.dropdown.user-dropdown .dropdown-content .account-menu a {
  color: #212529 !important;
  float: none;
  padding: 6px;
  font-size: 14px;
}
.dropdown.user-dropdown .dropdown-content .account-menu a:hover {
  background: transparent;
  text-decoration: underline;
}
html body nav .dropdown.user-dropdown .dropdown-content {
  top: 44px;
  right: 0;
  background: transparent;
  min-width: inherit;
  width: 100%;
  padding: 0;
}
.dropdown.user-dropdown .dropdown-content .account-menu {
  display: block !important;
  background: #fff;
  width: inherit;
  min-width: inherit;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  margin-top: 10px;
}
.dropdown.user-dropdown .dropdown-content .account-menu.logout {
  padding: 10px;
}
.dropdown.user-dropdown .dropdown-content button {
  display: block;
  width: 100%;
  font-size: 12px;
}
.dropdown.user-dropdown .dropdown-content button:first-of-type {
  margin-bottom: 10px;
}
.dropdown.user-dropdown:hover,
.dropdown.user-dropdown .dropbtn:hover,
.dropdown.user-dropdown .dropbtn span,
.dropdown.user-dropdown .dropbtn i,
.dropdown.user-dropdown:hover .dropbtn {
  background: transparent !important;
  color: #1f2126;
  outline: none;
}

nav .nav-desktop .navbar-right ul .about-member {
  /*     display: none; */
  position: relative;
  margin-left: 20px;
}

nav .nav-desktop .navbar-right ul .about-member .member-info {
  width: 190px;
  height: 34px;
  line-height: 32px;
  position: relative;
  bottom: 9px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ebf1fa;
  background: #fff;
  padding: 0 15px;
  text-align: left;
  cursor: pointer;
}

nav .nav-desktop .navbar-right ul .about-member .member-info i {
  font-size: 23px;
  margin-right: 10px;
  color: #9ca1ae;
  position: relative;
  bottom: 11px;
}

nav
  .nav-desktop
  .navbar-right
  ul
  .about-member
  .member-info
  .etsfonticon.etsfonticon-arrow-down {
  font-size: 6px;
  color: #212529;
  position: absolute;
  right: 0;
}
nav .nav-desktop .navbar-right ul .about-member .member-info img {
  width: 23px;
  height: 23px;
  margin-right: 10px;
  position: relative;
  bottom: 12px;
}

nav .nav-desktop .navbar-right ul .about-member .member-info label {
  font-size: 13px;
  display: inline-block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  color: black;
}

nav .nav-desktop .navbar-right ul .about-member .member-info.active:before {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

nav
  .nav-desktop
  .navbar-right
  ul
  .about-member
  .member-info.active
  + .selectbox {
  display: block;
}

nav .nav-desktop .navbar-right ul .about-member .member-info button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
}
nav
  .nav-desktop
  .navbar-right
  ul
  .about-member
  .member-info
  .selectbox-button:focus {
  outline: none;
}
nav .nav-desktop .navbar-right ul .account-selectbox {
  position: absolute;
  z-index: 999;
  top: 28px;
  width: 190px;
  background: #fff;
  padding: 9px 5px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

nav .nav-desktop .navbar-right ul .account-selectbox li {
  display: block;
  width: 100%;
  cursor: pointer;
}

nav .nav-desktop .navbar-right ul .account-selectbox li a {
  padding: 5px 0;
  width: 100%;
}

nav .nav-desktop .navbar-right a {
  float: left;
  margin: 0 10px;
  padding: 0 10px;
  color: #1f2126;
}

nav .nav-desktop .navbar-right a.btn {
  position: relative;
  bottom: 9px;
  line-height: 34px;
  height: 34px;
}

nav .nav-desktop .navbar-right a.btn i {
  display: inline-block;
  position: relative;
  font-size: 18px;
  right: 1px;
  top: -2px;
  max-width: 20px;
}

nav .nav-desktop .navbar-right a.btn span {
  line-height: 35px;
}
@media (max-width: 840px){
 .menubar .title .contents .logo.etstur30-yil{
		position: absolute;
	    left: 50px;
	    margin-left: 10px;
	}
}

@media (min-width: 840px) {
  .menubar {
    display: none;
  }
}

.menubar .title .contents {
  line-height: 60px;
}

.menubar .title .contents .logo {
  position: absolute;
  left: 55px;
}

.menubar .title .contents .logo a svg {
  fill: #f85156;
}

.menubar .title .contents .logo .ets-logo i:focus {
  outline: none;
}

.menubar .title .contents .logo .ets-logo {
  text-decoration: none;
  outline: none;
}

.menubar .title .contents .logo .ets-logo i {
  line-height: inherit;
  color: #f85156;
  font-size: 20px;
}

.menubar .title .contents .text {
  position: absolute;
  right: 15px;
}

.menubar .title .contents .text a {
  color: #1f2126;
  margin-left: 15px;
  font-size: 13px;
}

#hambmenu {
  position: absolute;
  top: 18px;
  left: 15px;
  cursor: pointer;
}

#hambmenu.isopen button i {
  font-size: 21px;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: 0.2s ease-in-out;
}
#toggleMenu {
  background: transparent;
  border: none;
}
#toggleMenu .etsfonticon-close {
  font-size: 17px;
  margin-top: 3px;
}
#hambmenu button i {
  font-size: 25px;
  color: #9ca1ae;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: 0.2s ease-in-out;
  display: block;
}
#hambmenu button:focus {
  outline: none;
}
.show-campaign {
  position: absolute;
  top: 50%;
  left: 250px;
  width: 40px;
  height: 40px;
  line-height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #ffa26f;
  text-align: center;
  z-index: 2;
  margin-top: -20px;
}

.show-campaign a {
  color: #fff;
  display: block;
}

.menu-campaign {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  padding: 20px 0 20px 30px;
  z-index: 1;
  -webkit-transform: translateX(270px);
  transform: translateX(270px);
}

.menu-campaign .slick-slider,
.menu-campaign .slick-slider .slick-list {
  height: 100%;
}

.menu-campaign .slick-slider .slick-list .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
}

.menu-campaign .slick-slider .slick-list .slick-track .slick-slide {
  height: 100%;
  max-height: 460px;
}

.menu-campaign .slick-slider .slick-list .slick-track .slick-slide div {
  height: 100%;
}

.menu-campaign .slick-slider .slick-list .slick-track .slick-slide .items {
  text-align: center;
}

.menu-campaign .slick-slider .slick-list .slick-track .slick-slide .items img {
  max-width: 100%;
  max-height: 460px;
  height: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
}

/* HEADER END */

.show-campaign {
  position: absolute;
  top: 50%;
  left: 250px;
  width: 40px;
  height: 40px;
  line-height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #ffa26f;
  text-align: center;
  z-index: 2;
  margin-top: -20px;
}

.show-campaign a,
.backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.65;
  background-color: #000;
  z-index: 101;
}

/* SINGUP */

.signupModal {
  overflow: scroll;
  height: 100%;
}

@media (min-width: 840px) {
  .signupModal {
    width: 855px;
    height: 650px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    display: flex;
  }
}

.signupModal a {
  color: #056bfd;
}

.signupModal .modal-image {
  width: 100%;
  float: left;
  position: relative;
}

@media (min-width: 840px) {
  .signupModal .modal-image {
    width: 375px;
    position: relative;
  }
}

.signupModal .modal-image img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

@media (min-width: 840px) {
  .signupModal .modal-image img {
    width: 320px;
    height: 650px;
  }
}

.signupModal .modal-image .discount-label-text {
  width: 345px;
  position: absolute;
  height: 50px;
  opacity: 0.88;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #fd4f00, #ff8308);
  color: #fff;
  bottom: 0;
  margin-left: 10px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 840px) {
  .signupModal .modal-image .discount-label-text {
    max-width: 300px;
  }
}

.signupModal .modal-image .discount-label-text .discount-rate {
  font-size: 20px !important;
  font-weight: 700;
  margin-right: 1px;
  margin-left: 3px;
}

.signupModal .modal-right-column {
  width: 100%;
  position: relative;
  display: inline-block;
  background-color: #f6f9fd;
}

@media (min-width: 840px) {
  .signupModal .modal-right-column {
    text-align: center;
    background-color: #fff;
  }
}

.signupModal .modal-right-column .modal-capture {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1f2126;
  margin: 20px 0;
}

@media (min-width: 840px) {
  .signupModal .modal-right-column .modal-capture {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.signupModal .modal-right-column .facebook-login-btn {
  width: 345px;
  height: 40px;
  display: block;
  margin: 0 auto;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(83deg, #425eac, #3f70dc);
  border: none;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 840px) {
  .signupModal .modal-right-column .facebook-login-btn {
    width: 300px;
    height: 40px;
  }
}

.signupModal .modal-right-column .facebook-login-btn i {
  margin-right: 3px;
  font-size: 24px;
  line-height: 3px;
}

.signupModal .modal-right-column .form-elements .modal-text {
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #9ca1ae;
  text-align: center;
  overflow: hidden;
}

.signupModal .modal-right-column .form-elements .modal-text span {
  display: inline-block;
  position: relative;
}

.signupModal .modal-right-column .form-elements .modal-text span:after,
.signupModal .modal-right-column .form-elements .modal-text span:before {
  content: '';
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #9ca1ae;
  top: 5px;
  width: -webkit-fill-available;
}

@media (min-width: 840px) {
  .signupModal .modal-right-column .form-elements .modal-text span:after,
  .signupModal .modal-right-column .form-elements .modal-text span:before {
    width: 110px;
  }
}

.signupModal .modal-right-column .form-elements .modal-text span:before {
  right: 100%;
  margin-right: 15px;
}

.signupModal .modal-right-column .form-elements .modal-text span:after {
  left: 100%;
  margin-left: 15px;
}

.signupModal .modal-form {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 840px) {
  .signupModal .modal-form {
    width: 80%;
  }
}

.signupModal .modal-form .input-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 15px;
}

@media (min-width: 840px) {
  .signupModal .modal-form .input-container {
    margin-top: 10px;
    padding: 0;
  }
}

.signupModal .modal-form .input-container .item {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

@media (min-width: 840px) {
  .signupModal .modal-form .input-container .item {
    width: 50%;
    float: left;
    padding: 0 5px;
    margin: 0;
  }
}

.signupModal .modal-form .input-container .item input {
  width: 100%;
}

.signupModal .modal-form .input-container i {
  position: absolute;
  top: 16px;
  bottom: 0;
  font-size: 24px;
  color: #9ca1ae;
  right: 20px;
}

.signupModal .modal-form .error-message {
  color: #f85156;
  font-size: 11px;
  margin-top: 10px;
}

.signupModal .modal-form li {
  margin: 10px 0;
}

.signupModal .modal-form li .form-checkbox {
  width: 5%;
  float: left;
}

.signupModal .modal-form li .checkbox-span {
  float: left;
  width: 90%;
  text-align: left;
  font-size: 12px;
  color: #9ca1ae;
}

.signupModal .modal-form .signin-btn-div {
  margin-top: 20px;
  padding: 0 15px;
}

.signupModal .modal-form .signin-btn-div .signin-btn {
  width: 100%;
  height: 44px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #08aeea, #ffa26f);
  color: #fff;
  border: none;
  cursor: pointer;
}

@media (min-width: 840px) {
  .signupModal .modal-form .signin-btn-div .signin-btn {
    width: 200px;
    height: 60px;
    margin: 0 auto;
  }
}

@media (min-width: 840px) {
  .modalCloseBtn {
    top: -10px;
    right: -10px;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .signupModal {
    height: 550px;
    overflow: auto;
  }
  .modal-image img {
    height: 550px !important;
  }
}

/* LOGIN START */

.LoginModal {
  overflow: scroll;
  height: 100%;
}

@media (min-width: 840px) {
  .LoginModal {
    width: 855px;
    height: 650px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    display: flex;
  }
}

.LoginModal a {
  color: #056bfd;
}

.LoginModal .modal-image {
  width: 100%;
  float: left;
  position: relative;
}

@media (min-width: 840px) {
  .LoginModal .modal-image {
    width: 375px;
    position: relative;
  }
}

.LoginModal .modal-image img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

@media (min-width: 840px) {
  .LoginModal .modal-image img {
    width: 320px;
    height: 650px;
  }
}

.LoginModal .modal-image .discount-label-text {
  width: 345px;
  position: absolute;
  height: 50px;
  opacity: 0.88;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #fd4f00, #ff8308);
  color: #fff;
  text-align: center;
  bottom: 0;
  margin-left: 10px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  margin-left: 15px;
}

@media (min-width: 840px) {
  .LoginModal .modal-image .discount-label-text {
    width: 300px;
    top: unset;
  }
}

.LoginModal .modal-image .discount-label-text .discount-rate {
  font-size: 20px !important;
  font-weight: 700;
  margin-right: 1px;
  margin-left: 3px;
}

.LoginModal .modal-right-column {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  background-color: #f6f9fd;
}

@media (min-width: 840px) {
  .LoginModal .modal-right-column {
    height: auto;
    text-align: center;
    background-color: #fff;
  }
}

.LoginModal .modal-right-column .modal-capture {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1f2126;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 840px) {
  .LoginModal .modal-right-column .modal-capture {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.LoginModal .modal-right-column .facebook-login-btn {
  display: block;
  width: 345px;
  height: 40px;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(83deg, #425eac, #3f70dc);
  border: none;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin: 0 auto;
}

.LoginModal .modal-right-column .facebook-login-btn i {
  margin-right: 3px;
  font-size: 24px;
  line-height: 3px;
}

.LoginModal .modal-right-column .form-elements .modal-text {
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #9ca1ae;
  text-align: center;
  line-height: 0.5;
}

.LoginModal .modal-right-column .form-elements .modal-text span {
  display: inline-block;
  position: relative;
}

.LoginModal .modal-right-column .form-elements .modal-text span:after,
.LoginModal .modal-right-column .form-elements .modal-text span:before {
  content: '';
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #9ca1ae;
  top: 0;
  width: 138px;
}

.LoginModal .modal-right-column .form-elements .modal-text span:before {
  right: 100%;
  margin-right: 15px;
}

.LoginModal .modal-right-column .form-elements .modal-text span:after {
  left: 100%;
  margin-left: 15px;
}

.LoginModal .modal-right-column .modal-form {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 840px) {
  .LoginModal .modal-right-column .modal-form {
    width: 64%;
  }
}

.LoginModal .modal-right-column .modal-form .input-container {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 15px;
}

@media (min-width: 840px) {
  .LoginModal .modal-right-column .modal-form .input-container {
    padding: 0;
  }
}

.LoginModal .modal-right-column .modal-form .input-container .item {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.LoginModal .modal-right-column .modal-form .input-container .item input {
  width: 100%;
}

.LoginModal .modal-right-column .modal-form .input-container i {
  position: absolute;
  top: 16px;
  bottom: 0;
  font-size: 24px;
  color: #9ca1ae;
  right: 20px;
}

.LoginModal .modal-right-column .modal-form .input-container.remember-me {
  margin-top: 15px;
}

.LoginModal .modal-right-column .modal-form .error-message {
  color: #f85156;
  font-size: 12px;
  margin-top: 10px;
}

.LoginModal .modal-right-column .modal-form .checkbox-span {
  float: left;
  text-align: left;
  color: #9ca1ae;
}

.LoginModal .modal-right-column .modal-form .signin-btn-div {
  margin: 23px 0 45px;
}

.LoginModal .modal-right-column .modal-form .signin-btn {
  width: 100%;
  height: 44px;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #08aeea, #ffa26f);
  color: #fff;
  border: none;
  cursor: pointer;
}

@media (min-width: 840px) {
  .LoginModal .modal-right-column .modal-form .signin-btn {
    width: 200px;
    height: 60px;
  }
}

.LoginModal .modal-right-column .modal-form .login-btn-div {
  margin-top: 15px;
  font-size: 14px !important;
}

.LoginModal .modal-right-column .modal-form .login-btn-div p {
  color: #9ca1ae;
}

.LoginModal .modal-right-column .modal-form .login-btn-div p a {
  font-size: 14px;
  color: #056bfd;
}

.LoginModal .modal-right-column .modal-form .login-icon {
  font-size: 40px;
  color: #9ca1ae;
}

.LoginModal .modal-right-column .modal-form .forgot-password-text {
  float: right;
}

.LoginModal .modal-right-column .modal-form .modal-checkbox {
  margin-right: 60px;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .LoginModal {
    height: 550px;
    overflow: auto;
  }
  .modal-image img {
    height: 550px !important;
  }
}

.ForgotPasswordModal {
  overflow: scroll;
  height: 100%;
}

@media (min-width: 840px) {
  .ForgotPasswordModal {
    width: 855px;
    height: 650px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    padding: 0 !important;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    display: flex;
  }
}

.ForgotPasswordModal a {
  color: #056bfd;
  font-size: 12px;
  height: 18px;
  text-decoration: none;
}

.ForgotPasswordModal span {
  font-size: 12px;
}

.ForgotPasswordModal .span-text {
  font-size: 14px;
}

.ForgotPasswordModal .modal-image {
  width: 100%;
  float: left;
  position: relative;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-image {
    float: left;
    width: 375px;
    position: relative;
  }
}

.ForgotPasswordModal .modal-image .discount-label-text {
  width: 345px;
  position: absolute;
  height: 50px;
  opacity: 0.88;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #fd4f00, #ff8308);
  color: #fff;
  text-align: center;
  bottom: 0;
  margin-left: 10px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  margin-left: 15px;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-image .discount-label-text {
    width: 300px;
    top: unset;
  }
}

.ForgotPasswordModal .modal-image .discount-label-text .discount-rate {
  font-size: 20px !important;
  font-weight: 700;
  margin-right: 1px;
  margin-left: 3px;
}

.ForgotPasswordModal .modal-image img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-image img {
    width: 320px;
    height: 650px;
  }
}

.ForgotPasswordModal .modal-right-column {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  background-color: #f6f9fd;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-right-column {
    height: auto;
    text-align: center;
    background-color: #fff;
  }
}

.ForgotPasswordModal .modal-right-column .modal-capture {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #1f2126;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-right-column .modal-capture {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.ForgotPasswordModal .modal-right-column .email-sent-box {
  text-align: center;
  padding: 15px;
}

.ForgotPasswordModal .modal-right-column .email-sent-box .details {
  padding: 150px 0;
}

.ForgotPasswordModal .modal-right-column .email-sent-box .details i {
  color: #ffa26f;
  font-size: 64px;
}

.ForgotPasswordModal .modal-right-column .email-sent-box .details h3 {
  display: block;
  font-size: 28px;
  font-weight: 500;
  margin-top: 32px;
  color: #1f2126;
}

.ForgotPasswordModal .modal-right-column .email-sent-box .details span {
  display: block;
  width: 345px;
  color: #61656e;
  font-size: 14px;
  padding: 10px 0 20px;
  margin: auto;
}

.ForgotPasswordModal .modal-right-column .email-sent-box .details button {
  width: 200px;
  height: 60px;
  margin: 0 auto;
}

.ForgotPasswordModal .modal-right-column .facebook-login-btn {
  display: block;
  margin: 0 auto;
  width: 345px;
  height: 40px;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(83deg, #425eac, #3f70dc);
  border: none;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

.ForgotPasswordModal .modal-right-column .facebook-login-btn i {
  margin-right: 3px;
  font-size: 24px;
  line-height: 3px;
}

.ForgotPasswordModal .modal-right-column .form-elements .modal-text {
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #9ca1ae;
  text-align: center;
  line-height: 0.5;
}

.ForgotPasswordModal .modal-right-column .form-elements .modal-text span {
  display: inline-block;
  position: relative;
}

.ForgotPasswordModal .modal-right-column .form-elements .modal-text span:after,
.ForgotPasswordModal
  .modal-right-column
  .form-elements
  .modal-text
  span:before {
  content: '';
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #9ca1ae;
  top: 0;
  width: 138px;
}

.ForgotPasswordModal
  .modal-right-column
  .form-elements
  .modal-text
  span:before {
  right: 100%;
  margin-right: 15px;
}

.ForgotPasswordModal .modal-right-column .form-elements .modal-text span:after {
  left: 100%;
  margin-left: 15px;
}

.ForgotPasswordModal .modal-right-column .modal-form {
  text-align: center;
  margin-left: 15px;
  margin: 0 auto;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-right-column .modal-form {
    width: 63%;
  }
}

.ForgotPasswordModal .modal-right-column .modal-form .input-container .item {
  position: relative;
  width: 100%;
  padding: 0 15px;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-right-column .modal-form .input-container .item {
    padding: 0;
  }
}

.ForgotPasswordModal
  .modal-right-column
  .modal-form
  .input-container
  .item
  input {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 11px;
}

.ForgotPasswordModal
  .modal-right-column
  .modal-form
  .input-container
  .error-message {
  color: #f85156;
  font-size: 12px;
  margin-top: 10px;
}

.ForgotPasswordModal
  .modal-right-column
  .modal-form
  .input-container
  .signin-btn-div {
  margin-top: 20px;
  padding: 0 15px;
}

.ForgotPasswordModal
  .modal-right-column
  .modal-form
  .input-container
  .signin-btn-div
  .signin-btn {
  margin: 0 auto;
  width: 100%;
  height: 44px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(250deg, #08aeea, #ffa26f);
  color: #fff;
  border: none;
  cursor: pointer;
}

@media (min-width: 840px) {
  .ForgotPasswordModal
    .modal-right-column
    .modal-form
    .input-container
    .signin-btn-div
    .signin-btn {
    width: 200px;
    height: 60px;
  }
}

.ForgotPasswordModal .modal-right-column .forgot-password-text {
  color: #9ca1ae;
  margin: 30px 15px 10px;
}

.ForgotPasswordModal .modal-right-column .forgot-password-text a {
  text-decoration: none;
}

.ForgotPasswordModal .modal-right-column .forgot-password-text-two {
  color: #9ca1ae;
  margin: 30px 15px 10px;
}

@media (min-width: 840px) {
  .ForgotPasswordModal .modal-right-column .forgot-password-text-two {
    margin: 20px 60px 10px;
  }
}
/* FORGOT PASS END */

/* ERROR MESSAGE */

.error-message {
  display: none;
}

.error .error-message {
  display: block;
  color: red;
  font-size: 12px;
  flex: 100%;
}

.error {
  border-color: red !important;
  flex-direction: row;
  flex-wrap: wrap;
}

.error:not(.form-check) {
  margin-bottom: 10px;
}

.error:not(.form-check) .error-message {
  margin: 3px 0 0 0px;
  padding-top: 5px;
}

.personalInfo .error .form-check-inline .error-message {
  position: absolute;
  white-space: nowrap;
  top: 17px;
  left: 15px;
}

.form-check-inline.error:last-child .error-message {
  display: none;
}

.payment-area-body .error .error-message {
  padding-top: 0;
  margin: -5px 0 4px 1px;
}
.left-align-slick > .slick-list > .slick-track {
  margin-left: 0;
}

.tour-detail .aside-box .items .selectbox-result button::-webkit-scrollbar {
  display: none;
}

.tour-detail .aside-box .items .selectbox-result::-webkit-scrollbar {
  display: none;
}
.tour-inside-search #panelRangeDate span#special-day {
  font-size: 11px;
}

#special-note .error-message {
  margin: 3px 0 0 0px;
}

/* ERROR MESSAGE END */

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  font-size: 14px;
}

body {
  font-family: Montserrat, Helvetica Neue, Helvetica, Arial;
  font-weight: 500;
  padding: 0;
  margin: 0;
  color: #1f2126;
  overflow-x: hidden;
  letter-spacing: 0.2px;
}

.wrapper {
  max-width: 1140px;
  margin: 0 auto;
  padding: 15px;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #056bfd;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #056bfd;
  text-decoration: underline;
}

a.link-bg {
  font-size: 16px;
}

a.link-md {
  font-size: 14px;
}

a.link-sm {
  font-size: 12px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}
[v-cloak] {
  display:none !important;
}
[role='button'] {
  cursor: pointer;
}

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

h1,
ul {
  margin: 0;
}

h1 {
  font-size: 60px;
  line-height: 80px;
}

@media (min-width: 840px) {
  h1 {
    font-size: 75px;
    line-height: 65px;
  }
}

h2 {
  font-size: 28px;
  line-height: 34px;
  margin: 0;
}

@media (min-width: 840px) {
  h2 {
    font-size: 36px;
    line-height: 44px;
  }
}

h3 {
  font-size: 24px;
  line-height: 28px;
  margin: 0;
}

@media (min-width: 840px) {
  h3 {
    font-size: 32px;
    line-height: 40px;
  }
}

h4 {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

@media (min-width: 840px) {
  h4 {
    font-size: 28px;
    line-height: 34px;
  }
}

h5 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}

@media (min-width: 840px) {
  h5 {
    font-size: 20px;
    line-height: 26px;
  }
}

h6 {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

@media (min-width: 840px) {
  h6 {
    font-size: 16px;
    line-height: 20px;
  }
}

.p1 {
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 840px) {
  .p1 {
    font-size: 16px;
    line-height: 20px;
  }
}

.p2 {
  font-size: 14px;
  line-height: 18px;
}

.p3 {
  font-size: 10px;
  line-height: 14px;
}

@media (min-width: 840px) {
  .p3 {
    font-size: 12px;
    line-height: 16px;
  }
}

.backdrop-zindex {
  z-index: 102;
  position: relative;
}

.error-tooltip {
  line-height: 18px;
  text-align: left;
  padding: 10px;
}

.position-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

.overflow-hidden {
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.overlay-panel {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 999;
  background: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.3s;
  transition: visibility 0s 0.3s, -webkit-transform 0.3s;
  -o-transition: visibility 0s 0.3s, -o-transform 0.3s;
  -moz-transition: transform 0.3s, visibility 0s 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s;
  transition: transform 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s,
    -moz-transform 0.3s, -o-transform 0.3s;
  visibility: hidden;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0;
}

.overlay-panel.show {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s,
    -o-transform 0.3s;
  visibility: visible;
}

.overlay-panel.show .overlay-scroll {
  height: inherit;
  overflow: scroll;
  padding: 0 15px 100px;
  display: inline-block;
}

.overlay-panel .overlay-panel-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.27);
  padding: 15px 7px;
}

.overlay-panel .overlay-panel-footer:after {
  content: '';
  display: block;
  clear: both;
}

.overlay-panel .overlay-panel-footer .items.colm-2 {
  width: 50%;
  float: left;
  padding: 0 7px;
}

.overlay-panel .overlay-panel-footer .items.colm-2 button {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}

.overlay-panel-title {
  border-bottom: 1px solid #ebf1fa;
  background: #fff;
  position: relative;
}

@media (min-width: 1024px) {
  .overlay-panel-title {
    display: none;
  }
}

.overlay-panel-title button,
.overlay-panel-title span {
  padding: 19px 15px;
  font-size: 16px;
  font-weight: 500;
  color: #1f2126;
  display: block;
  border: 0;
  background: transparent;
  width: 100%;
  text-align: center;
}

.overlay-panel-title button .etsfonticon-angel-left,
.overlay-panel-title button .etsfonticon-arrow-left,
.overlay-panel-title span .etsfonticon-angel-left,
.overlay-panel-title span .etsfonticon-arrow-left {
  font-size: 13px;
  float: left;
  position: relative;
  top: 2px;
}

/* SVG */

.svg.loveBonus {
  background: url(../img/bonus.svg);
  width: 65px;
  height: 20px;
  background-size: cover;
  display: inline-block;
  margin-bottom: -2px;
}

.svg.img-404 {
  background: url(../img/404.svg);
  width: 189px;
  height: 89px;
  background-size: cover;
  display: block;
}

.svg.error-image {
  background: url(../img/error-page.svg);
  width: 154px;
  height: 107px;
  background-size: cover;
  display: block;
}

.svg.ic-onay {
  background: url(../img/ic-onay.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
}

.svg.remaining-seat {
  background: url(../img/remaining-seat.svg);
  width: 25px;
  height: 25px;
  background-size: cover;
  display: inline-block;
}

.ac-kultur-icon {
  background: url(../img/tour/ac-kultur.svg);
  width: 19px;
  height: 26px;
  display: inline-block;
  margin: 0 23px 0 5px;
}

.ac-yurtdisi-icon {
  background: url(../img/tour/ac-yurtdisi.svg);
  width: 23px;
  height: 23px;
  display: inline-block;
  margin: 0 21px 0 3px;
}

.ac-gemi-icon {
  background: url(../img/tour/ac-gemi.svg);
  width: 31px;
  height: 19px;
  display: inline-block;
  margin-right: 16px;
}

.ac-inanc-icon {
  background: url(../img/tour/ac-inanc.svg);
  width: 19px;
  height: 25px;
  display: inline-block;
  margin: 0 23px 0 5px;
}

.svg.lifesaver-icon {
  background: url(../img/tour/lifesaver.svg);
  width: 45px;
  height: 45px;
  display: inline-block;
  margin-right: 15px;
}

.svg.info-icon {
  background: url(../img/info.svg);
  width: 19.5px;
  height: 19.5px;
  display: inline-block;
}

.svg.info-icon-orange {
  background: url(../img/info-orange.svg);
  width: 12.7px;
  height: 12.7px;
  display: inline-block;
}

.svg.img-IE-version-upd {
  background: url(../img/update.svg);
  width: 130px;
  height: 130px;
  background-size: cover;
  display: block;
}

.svg.img-search-filter-failed {
  background: url(../img/search-filter-failed.svg);
  width: 190px;
  height: 90px;
  background-size: cover;
  display: block;
}

.svg.img-search-filter-failed {
  background: url(../img/search-filter-failed.svg);
  width: 190px;
  height: 90px;
  background-size: cover;
  display: block;
}

/* TABLE */

.table th,
.table td {
  padding: 15px;
  text-align: center;
  font-size: 12px;
}

.table th {
  color: #9ca1ae;
  font-weight: 500;
}

.table.table-bordered td {
  border: 1px solid #dbe0e6;
}

.table.table-bordered tbody {
  border-radius: 6px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #dbe0e6;
}
div#modalInstallmentsTable .table.table-bordered tbody {
  border-style: inherit;
  border-radius: 6px;
  box-shadow: none;
}
#modalInstallmentsTable .modal-header .close {
  margin: 0;
  top: -9px;
}
#modalInstallmentsTable .table.table-bordered tbody td {
  border: 1px solid #dbe0e6;
  vertical-align: middle;
}
/* MODAL */

.modal-header {
  border-bottom: 0 !important;
  padding: 40px 40px 15px !important;
}

.modal-title {
  font-size: 20px;
}

.modal-body {
  padding: 0 40px 40px !important;
}

html .modal-header .close {
  padding: 0 !important;
  width: 24px;
  height: 24px;
  background: #eaf1fa;
  border-radius: 20px;
  font-size: 30px;
  font-weight: 300;
  line-height: 28px;
  position: absolute;
  outline: none;
  top: 3px;
  right: -10px;
  z-index: 9;
  opacity: 1;
}
button.close span {
  font-size: 30px;
  margin: -2px 0px 0px 1px;
  display: block;
  color: #61656e;
}
.modal-content {
  border: none !important;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
}

#modalProductsInstallmentTable .modal-content {
  overflow: inherit;
}

/* 404 */

.error-page .svg {
  margin: 150px auto 10px;
}

.error-page {
  text-align: center;
  background: #f6f9fd;
  height: 100%;
}

.error-page .wrapper h3 {
  font-size: 36px;
  color: #c4cbd5;
  margin-bottom: 30px;
}

.error-page .wrapper h4 {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.error-page .wrapper span {
  color: #61656e;
  font-size: 14px;
  display: block;
  font-weight: 300;
  margin-bottom: 20px;
}

.error-page .wrapper .hp-button {
  padding: 13px 60px 12px;
  color: #056bfd;
  font-weight: 500;
  border: 1px solid #056bfd;
  border-radius: 6px;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
}

.error-page .wrapper .hp-button:hover {
  background: #056bfd;
  color: #fff;
}

.row.error-footer {
  width: 400px;
  height: 70px;
  background: #fff;
  align-items: center;
  margin: 60px auto;
  border-radius: 6px;
  padding: 0;
}

.error-page .wrapper .default-call-center span {
  margin-bottom: 0;
}

.error-page .default-call-center {
  border-left: 1px solid #ebf1fa;
}

.error-page .default-call-center strong {
  color: #464443;
  margin-bottom: -4px;
}

.error-page .default-call-center span {
  color: #9c9c9c;
  font-size: 13px;
}

.error-page .default-call-center li a i {
  top: -4px;
}

.error-footer img {
  margin-right: -25px;
}

.error-page .default-call-center li {
  margin: 0 8px 0 21px;
}

/* 404 END */

/* GENERAL UI START */

.banner {
  width: 100%;
  height: 350px;
  background-position: 50%;
  background-size: cover;
  position: relative;
}

@media (min-width: 840px) {
  .banner {
    height: 500px;
  }
}

.banner:after {
  content: '';
  display: block;
  width: 100%;
  height: 350px;
  opacity: 0.78;
  filter: alpha(opacity=78);
  background-image: linear-gradient(180deg, transparent, #000);
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner .wrapper {
  position: relative;
  height: 100%;
}

.banner .wrapper .info {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 15px;
  padding-right: 15px;
  z-index: 1;
  color: #fff;
}

.banner .wrapper .i-visa {
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  text-transform: uppercase;
  background: #f85156;
  padding: 4px 9px;
  border-radius: 4px;
  vertical-align: top;
  margin: 0 9px;
}

@media (min-width: 840px) {
  .banner .wrapper .info {
    max-width: calc(100% - 410px);
  }
  .banner .wrapper .i-visa {
    margin: 9px;
  }
}

.banner .wrapper .info h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
}

@media (min-width: 840px) {
  .banner .wrapper .info h1 {
    font-size: 36px;
    margin-bottom: 14px;
  }
}

@media (min-width: 840px) {
  .banner .wrapper .info h1 span {
    font-size: 14px;
    letter-spacing: 1.3px;
  }
}

.banner .wrapper .info .location {
  position: relative;
  padding-left: 27px;
  margin-bottom: 14px;
}

.banner .wrapper .info .location i.etsfonticon.etsfonticon-map-list {
  margin-top: 6px;
}

.banner .wrapper .info .location span {
  font-size: 12px;
}

@media (min-width: 840px) {
  .banner .wrapper .info .location span {
    font-size: 14px;
  }
}

.banner .wrapper .info .location .etsfonticon.etsfonticon-map-list {
  color: #056bfd;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 840px) {
  .banner .wrapper .info .location .etsfonticon.etsfonticon-map-list {
    top: -6px;
  }
}

.banner .wrapper .info .location .etsfonticon.etsfonticon-arrow-right {
  color: #fff;
  font-size: 10px;
  margin: 0 5px;
}

.banner .wrapper .info .labels ul li {
  font-size: 12px;
  display: block;
  margin: 0 10px 10px 0;
}

@media (min-width: 840px) {
  .banner .wrapper .info .labels ul li {
    font-size: 14px;
    display: inline-block;
  }
}

.banner .wrapper .info .labels ul li span {
  vertical-align: middle;
}

.banner .wrapper .info .labels ul li i.return {
  margin-left: 10px;
}

.banner .wrapper .share {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 1;
}

@media (min-width: 840px) {
  .banner .wrapper .share {
    top: auto;
    left: auto;
    bottom: 120px;
    right: 10px;
  }
}

.banner .wrapper .share ul li {
  display: inline-block;
  margin-left: 10px;
}

.banner .wrapper .share ul li span {
  border: 1px solid #eaebec;
  background: #fff;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
  color: #9ca1ae;
  font-size: 22px;
  line-height: 36px;
}

@media (min-width: 840px) {
  .banner .wrapper .share ul li span {
    font-size: 25px;
    line-height: 36px;
  }
}

.banner .wrapper .share ul li span .etsfonticon.etsfonticon-addlike {
  font-size: 25px;
  line-height: 36px;
  color: #f85156;
}

.banner .wrapper .share ul li span .etsfonticon.etsfonticon-unlike {
  font-size: 25px;
  line-height: 36px;
}

.banner .wrapper .share .share-action {
  position: absolute;
  top: 50px;
  margin-left: 10px;
  width: 190px;
  height: auto;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 9;
}

@media (min-width: 840px) {
  .banner .wrapper .share .share-action {
    margin-left: -140px;
  }
}

.banner .wrapper .share .share-action ul li {
  display: flex;
  font-size: 14px;
  color: #1f2126;
  padding: 10px 0;
  cursor: pointer;
  align-items: center;
  position: relative;
}

.banner .wrapper .share .share-action ul li i {
  width: 30%;
  float: left;
}

.banner .wrapper .share .share-action ul li .etsfonticon {
  padding-right: 7px;
  font-size: 32px;
  height: 32px;
}

.banner
  .wrapper
  .share
  .share-action
  ul
  li
  .etsfonticon.etsfonticon-facebookshare {
  color: #3b5a96;
}

.banner
  .wrapper
  .share
  .share-action
  ul
  li
  .etsfonticon.etsfonticon-twittershare {
  color: #55acee;
}

.banner
  .wrapper
  .share
  .share-action
  ul
  li
  .etsfonticon.etsfonticon-pinterestshare {
  color: #df0b24;
}

.banner
  .wrapper
  .share
  .share-action
  ul
  li
  .etsfonticon.etsfonticon-whatsappshare {
  color: #24ba3d;
}

.banner .wrapper .share .share-action ul li .etsfonticon.etsfonticon-mailshare {
  color: #9ca1ae;
}

.banner .wrapper .share .share-action ul li a {
  text-decoration: none;
  font-size: 14px;
  border: none;
  width: 70%;
  float: left;
  text-align: left;
}

div#shareDropMenu {
  padding: 15px;
}
div#shareDropMenu:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: #fff;
  position: absolute;
  top: -5px;
  right: 15px;
}

.banner .wrapper .share .share-action ul li a:before {
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
#reserve-success {
  display: none;
}

.summary {
  z-index: 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background: #f6f9fd;
  color: #61656e;
  padding: 15px;
}

@media (min-width: 840px) {
  .summary {
    width: 30.7%;
    padding: 20px;
    position: absolute;
    top: -100px;
    right: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
  }
}

.summary .items {
  position: relative;
}

.summary .items .selectbox-result {
  position: relative;
  border: 1px solid #dbe0e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  padding: 9px 15px;
  text-align: left;
  cursor: pointer;
}

.summary .items .selectbox-result:before {
  content: '\F103';
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  color: #9ca1ae;
  font-size: 7px;
  margin-top: -3px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.summary .items .selectbox-result label {
  font-size: 12px;
  color: #9ca1ae;
  display: block;
}

.summary .items .selectbox-result p {
  margin: 0;
}

.summary .items .selectbox-result p .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
}

.summary .items .selectbox-result.active:before {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.summary .items .selectbox-result.active + .selectbox {
  display: block;
}

.summary .items .selectbox-result button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.summary .items .selectbox {
  display: none;
  background: #fff;
  border: 1px solid #dbe0e6;
  padding: 9px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: 5px;
}

.summary .items .selectbox li {
  line-height: 44px;
  cursor: pointer;
}

.summary .items .selectbox li:first-child {
  display: block;
}

.summary .items .selectbox li .tour-date {
  display: inline-block;
}

.summary .items .selectbox li .available-limit {
  font-size: 11px;
  background: #f85156;
  color: #fff;
  padding: 1px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-left: 10px;
}

.summary .items .title {
  font-weight: 700;
  color: #1f2126;
  margin-bottom: 14px;
}

.summary .items .flight-information {
  padding-top: 15px;
}

.summary .items .flight-information .item {
  margin-bottom: 10px;
  color: #61656e;
  position: relative;
  padding-left: 28px;
}

.summary .items .flight-information .item .default-label-icons {
  position: absolute;
  top: -4px;
  left: 0;
}

.summary .items .flight-information .item .return {
  -moz-transform: rotate(-106deg);
  -o-transform: rotate(-106deg);
  -ms-transform: rotate(-106deg);
  -webkit-transform: rotate(-106deg);
  transform: rotate(-106deg);
}

.summary .items .flight-information .item label {
  display: block;
  margin-bottom: 4px;
}

.summary .items .flight-information .item label i.etsfonticon-arrow-right {
  font-size: 9px;
  margin: 0 5px;
}

.summary .items .flight-information .item label i.etsfonticon-information {
  color: #ff8308;
  margin-left: 5px;
}

.summary .items .flight-information .item span {
  display: block;
}

.summary .items .included-price-content ul {
  list-style: disc;
  padding-left: 17px;
}

.summary .items .included-price-content p {
  margin: 0 0 10px;
}

.summary .items .card-discount:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 840px) {
  .summary .items .card-discount {
    padding-top: 20px;
  }
}

.summary .items .card-discount .item {
  width: 40%;
  float: left;
}

.summary .items .card-discount .item.flight-info {
  width: 60%;
  padding-left: 11px;
}

@media (min-width: 840px) {
  .summary .items .card-discount a {
    font-size: 16px;
  }
}

.summary .items .card-discount a i {
  font-size: 10px;
}

.summary .items .price-table {
  padding-top: 15px;
}

.summary .items .price-table table tr td span {
  color: #1f2126 !important;
}

.summary .items .price-table a {
  font-size: 16px;
}

.summary .items .price-table a i {
  font-size: 10px;
}

.summary .items .tour-code {
  margin-top: 12px;
}

.summary .items .tour-code span {
  font-size: 14px;
  color: #1f2126;
}

.summary .items.include-price {
  margin-top: 15px;
}

.summary .items.include-price .insurance-package {
  display: inline-block;
  margin-bottom: 10px;
}

.summary .items.include-price .insurance-package img {
  max-width: 100%;
}

.summary .items-info.overlay-panel {
  background: #f6f9fd;
}

.summary .items-info.overlay-panel .overlay-scroll {
  padding: 15px 15px 200px;
}

.flight-info-tooltip {
  font-size: 12px;
}

.flight-info-tooltip span,
.flight-info-tooltip strong {
  display: block;
}

@media (min-width: 840px) {
  .tour-program {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  .tour-program {
    position: relative;
  }
}

.tour-program.overlay-panel.show .overlay-scroll {
  padding: 20px 15px 200px 30px;
}

.tour-program .items {
  position: relative;
  padding: 0 0 30px 30px;
  border-left: 1px solid #c4cbd5;
}

.tour-program .items:last-child {
  padding-bottom: 0;
}

.tour-program .items .day {
  width: 35px;
  height: 35px;
  background: #c4cbd5;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  padding: 2px 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -17px;
}

@media (min-width: 840px) {
  .tour-program .items .day {
    width: 45px;
    height: 45px;
    left: -22px;
    font-size: 12px;
    padding: 7px 0;
  }
}

.tour-program .items .day span {
  display: block;
}

.tour-program .items .title {
  font-weight: 700;
}

@media (min-width: 840px) {
  .tour-program .items .title {
    margin-bottom: 8px;
  }
}

.tour-program .items .text {
  color: #61656e;
  font-size: 12px;
}

@media (min-width: 840px) {
  .tour-program .items .text {
    font-size: 14px;
  }
}

.tour-program .items .text.show {
  height: 110px;
  overflow: hidden;
}

.tour-program .items .text.show.active {
  height: auto;
}

.tour-program .items .text.show + .more-content {
  display: block;
}

.tour-program .items .more-content {
  display: none;
  margin-top: 6px;
}

.tour-program .items .more-content i {
  font-size: 9px;
  position: relative;
  bottom: 1px;
}

.tour-program .items .extra-trip .accordion__button {
  text-decoration: none;
  display: inline-block;
  margin: 7px 0;
  outline: none;
}

.tour-program
  .items
  .extra-trip
  .accordion__button[aria-expanded='true']
  span
  i:after {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.tour-program .items .extra-trip .accordion__button label {
  font-size: 12px;
  color: #fff;
  background: #ff8308;
  padding: 2px 9px;
  display: inline-block;
  margin-right: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.tour-program .items .extra-trip .accordion__button span {
  color: #ff8308;
  display: block;
  font-size: 12px;
  margin-top: 8px;
}

@media (min-width: 840px) {
  .tour-program .items .extra-trip .accordion__button span {
    display: inline;
    font-size: 14px;
    margin: 0;
  }
}

.tour-program .items .extra-trip .accordion__button span i {
  color: #056bfd;
  font-style: normal;
  margin-left: 5px;
}

.tour-program .items .extra-trip .accordion__button span i:after {
  content: '\F105';
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  font-size: 8px;
  margin-left: 5px;
}

.tour-program .items .extra-trip .accordion__panel {
  font-style: italic;
  color: #9ca1ae;
  font-size: 12px;
}

@media (min-width: 840px) {
  .tour-program .items .extra-trip .accordion__panel {
    font-size: 14px;
  }
}

.tour-program .white-shadow {
  position: relative;
  height: 70px;
  background-image: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.77) 39%,
    #fff
  );
  margin-top: -45px;
  margin-bottom: -20px;
}

.tour-program .view-more-days {
  padding: 30px 0 0 30px;
}

.tour-program .view-more-days a i {
  font-size: 14px;
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.destination:after {
  content: '';
  display: block;
  clear: both;
}

.destination.overlay-panel {
  margin: 0;
}

.destination.overlay-panel.show .overlay-scroll {
  padding-bottom: 200px;
}

.destination .content-title {
  max-width: 1140px;
  margin: 0 auto;
}

.destination .destination-slide {
  padding: 0 0 0 7.5px;
}

@media (min-width: 840px) {
  .destination .destination-slide {
    padding: 0;
  }
}

.destination .destination-slide .slick-slide {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  max-width: 730px;
}

.destination .destination-slide .slick-slide.slick-active,
.destination .destination-slide .slick-slide.slick-center {
  opacity: 1;
  filter: alpha(opacity=100);
}

.destination .destination-slide .slick-slide .items {
  padding: 15px 7.5px;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items {
    padding: 15px;
    height: 400px;
  }
}

.destination .destination-slide .slick-slide .items a {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  max-width: 730px;
  min-width: 270px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.destination .destination-slide .slick-slide .items a:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
}

.destination .destination-slide .slick-slide .items a .images {
  overflow: hidden;
  height: 100%;
  position: relative;
  min-height: 280px;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items a .images {
    min-width: 220px;
    max-width: 220px;
    float: left;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    overflow: hidden;
    position: relative;
  }
}

.destination .destination-slide .slick-slide .items a .images img {
  width: 100%;
  height: 100%;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items a .images img {
    max-width: 100%;
  }
}

.destination .destination-slide .slick-slide .items a .text {
  width: 100%;
  padding: 20px 15px;
  color: #9ca1ae;
  height: 325px;
  max-height: 325px;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items a .text {
    max-width: 510px;
    float: left;
    padding: 20px 40px 20px 20px;
  }
}

.destination
  .destination-slide
  .slick-slide
  .items
  a
  .text
  .text-center
  > label {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  background: #e33c36;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

@media (min-width: 840px) {
  .destination
    .destination-slide
    .slick-slide
    .items
    a
    .text
    .text-center
    > label {
    top: 30px;
    right: 40px;
  }
}

.destination .destination-slide .slick-slide .items a .text .text-center span {
  display: block;
  font-size: 16px;
  line-height: 1.56;
  letter-spacing: normal;
  color: #36e3ad;
  margin-bottom: 10px;
}

.destination
  .destination-slide
  .slick-slide
  .items
  a
  .text
  .text-center
  strong {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.39;
  letter-spacing: 0.5px;
  color: #1f2126;
  margin-bottom: 10px;
}

@media (min-width: 840px) {
  .destination
    .destination-slide
    .slick-slide
    .items
    a
    .text
    .text-center
    strong {
    font-size: 24px;
    letter-spacing: 0.7px;
    line-height: 1.04;
  }
}

.destination .destination-slide .slick-slide .items a .text .text-center p {
  font-size: 14px;
  line-height: 1.64;
  color: #9ca1ae;
  margin: 0;
  font-weight: 300;
}

@media (min-width: 840px) {
  .destination .destination-slide .slick-slide .items a .text .text-center p {
    font-size: 16px;
    line-height: 1.56;
  }
}

.road-map {
  padding: 50px 0 0;
}

.road-map .title {
  font-size: 16px;
  font-weight: 500;
}

@media (min-width: 840px) {
  .road-map .title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.road-map .maps {
  height: 350px;
  position: relative;
}

.hotels .content-title {
  padding: 0 15px;
}

.hotels.overlay-panel {
  margin: 0;
}

.hotels.overlay-panel.show .overlay-scroll {
  padding: 0 0 200px 7.5px;
}

.hotels .items-hotel {
  cursor: default;
  margin-bottom: 30px;
}

.hotels .items-hotel.items {
  padding: 15px 7.5px;
}

@media (min-width: 840px) {
  .hotels .items-hotel.items {
    padding: 15px;
  }
}

.hotels .items-hotel a {
  cursor: default;
  border: 1px solid #eaebec;
  width: 100%;
  height: 100%;
  min-height: 460px;
  text-decoration: none;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}

.hotels .items-hotel a .images {
  height: 230px;
  background-color: #f6f8fb;
  vertical-align: bottom;
  display: table-cell;
}

.hotels .items-hotel a .images img {
  max-width: 100%;
  cursor: default;
}

.hotels .items-hotel a .info {
  padding: 20px;
}

.hotels .items-hotel a .info label {
  display: block;
  color: #9ca1ae;
  margin-bottom: 6px;
}

.hotels .items-hotel a .info label i {
  color: #f1d229;
  font-size: 12px;
  position: relative;
  top: -1px;
  margin-left: 2px;
}

.hotels .items-hotel a .info strong {
  display: block;
  color: #1f2126;
  margin-bottom: 3px;
  font-size: 18px;
}

.hotels .items-hotel a .info span {
  display: block;
  color: #61656e;
}

.media {
  margin: 100px 0 0;
}

.media.overlay-panel {
  margin: 0;
}

.media.overlay-panel.show .overlay-scroll {
  padding: 0 0 200px;
}

.media .media-list {
  position: relative;
  padding: 20px 7.5px;
}

.media .media-list:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 840px) {
  .media .media-list {
    margin: 0 -15px;
    padding: 0;
  }
}

.media .media-list .items {
  position: relative;
}

@media (min-width: 840px) {
  .media .media-list .items {
    width: 50%;
    float: left;
    position: relative;
  }
}

.media .media-list .items.HORIZONTAL_FIRST {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.media .media-list .items.HORIZONTAL_FIRST .item {
  position: relative;
}

@media (min-width: 840px) {
  .media .media-list .items.HORIZONTAL_FIRST .item {
    height: 283px;
  }
}

.media .media-list .items.HORIZONTAL_FIRST .item.item-0,
.media .media-list .items.HORIZONTAL_FIRST .item.item-1 {
  width: 50%;
}

.media .media-list .items.HORIZONTAL_FIRST .item.item-2 {
  width: 100%;
}

@media (min-width: 840px) {
  .media .media-list .items.HORIZONTAL_FIRST .item a {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  .media .media-list .items.HORIZONTAL_FIRST .item a img {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 270px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.media .media-list .items.HORIZONTAL_FIRST .item a .play {
  position: absolute;
  top: 50%;
  width: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

.media .media-list .items.VERTICAL {
  position: relative;
}

@media (min-width: 840px) {
  .media .media-list .items.VERTICAL {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.media .media-list .items.VERTICAL .item {
  position: relative;
}

@media (min-width: 840px) {
  .media .media-list .items.VERTICAL .item {
    height: 283px;
  }
}

.media .media-list .items.VERTICAL .item.item-0,
.media .media-list .items.VERTICAL .item.item-1 {
  width: 50%;
}

@media (min-width: 840px) {
  .media .media-list .items.VERTICAL .item.item-2 {
    width: 50%;
    position: absolute;
    right: 0;
    height: 100%;
  }
}

@media (min-width: 840px) {
  .media .media-list .items.VERTICAL .item.item-2 a {
    width: 100%;
    height: 540px;
    overflow: hidden;
    position: relative;
  }
  .media .media-list .items.VERTICAL .item.item-2 a img {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 540px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.media .media-list .items.VERTICAL .item.item-2 a .play {
  position: absolute;
  top: 50%;
  width: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

.media .media-list .items.SINGLE .item {
  position: relative;
}

@media (min-width: 840px) {
  .media .media-list .items.SINGLE .item a {
    width: 100%;
    height: 540px;
    overflow: hidden;
    position: relative;
  }
  .media .media-list .items.SINGLE .item a img {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 540px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.media .media-list .items.SINGLE .item a .play {
  position: absolute;
  top: 50%;
  width: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

.media .media-list .items.SINGLE .item a .play .overlay-play {
  min-height: 30px;
}

.media .media-list .items.HORIZONTAL {
  position: relative;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 840px) {
  .media .media-list .items.HORIZONTAL .item {
    height: 283px;
    position: relative;
  }
}

.media .media-list .items.HORIZONTAL .item.item-1,
.media .media-list .items.HORIZONTAL .item.item-2 {
  width: 50%;
}

@media (min-width: 840px) {
  .media .media-list .items.HORIZONTAL .item a {
    width: 100%;
    height: 270px;
    overflow: hidden;
    position: relative;
    height: 100%;
  }
  .media .media-list .items.HORIZONTAL .item a img {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 270px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.media .media-list .items.HORIZONTAL .item a .play {
  position: absolute;
  top: 50%;
  width: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

.media .media-list .items.HORIZONTAL .item a .play .overlay-play {
  min-height: 30px;
}

.media .media-list .items .item {
  width: 100%;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  padding: 7.5px;
}

@media (min-width: 840px) {
  .media .media-list .items .item {
    padding: 15px;
    height: 100%;
    position: relative;
  }
}

.media .media-list .items .item a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

@media (min-width: 840px) {
  .media .media-list .items .item a {
    width: 100%;
    height: 255px;
    overflow: hidden;
    position: relative;
  }
  .media .media-list .items .item a img {
    max-width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 255px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.media .media-list .items .item a img {
  width: 100%;
}

.media .media-list .items .item a .play {
  position: absolute;
  top: 50%;
  width: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

.media .media-list .items .item a .play .overlay-play {
  min-height: 30px;
}

.general-conditions {
  font-size: 12px;
  line-height: 1.5;
  color: #9ca1ae;
  margin: 100px 0 0;
}

.general-conditions.overlay-panel {
  margin: 0;
}

.general-conditions.overlay-panel.show .overlay-scroll {
  padding: 20px 0 200px;
}

.general-conditions .content-title {
  color: #1f2126;
  margin-bottom: 0;
}

.general-conditions .sub-title {
  font-size: 20px;
  font-weight: 500;
  color: #1f2126;
  line-height: normal;
  margin-bottom: 5px;
}

.general-conditions ul {
  list-style-type: disc;
  padding-left: 17px;
}

.general-conditions .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

@media (min-width: 840px) {
  .general-conditions .wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.general-conditions .blocks:after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 840px) {
  .general-conditions .blocks {
    padding: 35px 0;
  }
}

@media (min-width: 840px) {
  .general-conditions .blocks.first-row {
    background: #f6f8fb;
  }
}

.general-conditions .blocks.second-row .block {
  margin: 0;
}

@media (min-width: 840px) {
  .general-conditions .blocks.second-row .block {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }
}

@media (min-width: 840px) {
  .general-conditions .blocks.third-row {
    background: #f6f8fb;
  }
}

.general-conditions .blocks.third-row .block {
  margin: 0;
}

@media (min-width: 840px) {
  .general-conditions .blocks.third-row .block {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
  }
}

@media (min-width: 840px) {
  .general-conditions .blocks .block {
    margin-left: -35px;
    margin-right: -35px;
  }
}

@media (min-width: 840px) {
  .general-conditions .blocks .items {
    width: 50%;
    float: left;
    padding: 0 35px;
  }
}

.general-conditions .accordion-general-condition .accordion__heading {
  border: 1px solid #eaebec;
  background: #fff;
  margin-bottom: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__button {
  padding: 20px;
  outline: none;
  position: relative;
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__button:before {
  content: '\F103';
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__button[aria-expanded='true']:before {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__button:before {
  position: absolute;
  top: 23px;
  right: 15px;
  font-size: 8px;
  color: #000;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__button
  .sub-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 1px;
}

.general-conditions
  .accordion-general-condition
  .accordion__heading
  .accordion__panel {
  padding: 0 15px 15px;
}

@media (min-width: 840px) {
  .general-conditions .general-info-title {
    pointer-events: none;
  }
}

.tour-inside-search .wrapper:after {
  content: '';
  display: block;
  clear: both;
}

-first {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 840px) {
  -first {
    padding: 10px 15px;
  }
}

@media (min-width: 840px) {
  -first .content {
    width: 67.6%;
    padding-right: 20px;
  }
}

.content-title {
  font-size: 32px;
  font-weight: 500;
  color: #1f2126;
  margin-bottom: 10px;
}

.tabs-sticky {
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  -webkit-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
}

@media (min-width: 840px) {
  .tabs-sticky {
    position: fixed;
  }
}

.tabs-sticky .default-tabs {
  margin: 0 auto;
  max-width: 1140px;
  border-bottom: 0;
  position: relative;
}

.tabs-sticky .default-tabs .tabs-summary {
  position: absolute;
  top: 0;
  right: 15px;
  display: none;
  padding: 0 20px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #f6f9fd;
  max-width: 350px;
  width: 100%;
  height: 100%;
}

@media (min-width: 840px) {
  .tabs-sticky .default-tabs .tabs-summary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.tabs-sticky .default-tabs .tabs-summary .price {
  text-align: right;
  padding-right: 20px;
}

.tabs-sticky .default-tabs .tabs-summary .price span {
  display: block;
  color: #61656e;
  text-decoration: line-through;
}

.tabs-sticky .default-tabs .tabs-summary .price label {
  font-size: 12px;
}

.tabs-sticky .default-tabs .tabs-summary .price .align-left {
  width: 100%;
  float: left;
}

.tabs-sticky .default-tabs .tabs-summary .price strong {
  display: block;
  font-size: 22px;
}

.tabs-sticky .default-tabs .tabs-summary .price strong em {
  font-size: 14px;
  font-style: normal;
}

.tabs-sticky .default-tabs .tabs-summary .reservation {
  max-width: 165px;
  width: 100%;
}

.tabs-sticky .default-tabs .tabs-summary .reservation a {
  width: 100%;
  text-align: center;
}

.price-info {
  display: table;
  width: 100%;
  padding: 20px 0 25px;
}

@media (min-width: 840px) {
  .price-info {
    border-bottom: 1px solid #d4d5d7;
    padding: 15px 0;
  }
}

.price-info.overlay-price {
  background: #f6f9fd;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  padding: 20px 15px;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .price-info.overlay-price {
    display: none;
  }
}

.price-info .price {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  padding-right: 4px;
}

.price-info .price .info {
  display: inline-block;
}

.price-info .price .info label {
  font-size: 12px;
  display: block;
  color: #61656e;
  text-align: right;
}

@media (min-width: 840px) {
  .price-info .price .info label {
    display: inline-block;
  }
}

@media (min-width: 1140px) {
  .price-info .price .info label {
    display: block;
  }
}

.price-info .price .info .align-left {
  float: left;
}

.price-info .price .info .price-label {
  text-decoration: line-through;
  font-size: 12px;
  display: block;
  color: #61656e;
  text-align: right;
}

@media (min-width: 840px) {
  .price-info .price .info .price-label {
    display: inline-block;
  }
}

@media (min-width: 1140px) {
  .price-info .price .info .price-label {
    display: block;
  }
}

.price-info .price .info strong {
  font-size: 22px;
  display: block;
  color: #1f2126;
  text-align: right;
}

@media (min-width: 840px) {
  .price-info .price .info strong {
    display: inline-block;
    padding-left: 10px;
  }
}

@media (min-width: 1140px) {
  .price-info .price .info strong {
    display: block;
    padding-left: 0;
  }
}

.price-info .price .info strong em {
  font-style: normal;
  font-size: 14px;
}

@media (min-width: 840px) {
  .price-info .price {
    width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 1140px) {
  .price-info .price {
    width: 44%;
    padding-right: 4px;
  }
}

.price-info .reservation {
  display: inline-block;
  width: 60%;
  padding-left: 11px;
}

.price-info .reservation a {
  width: 100%;
  text-align: center;
}

@media (min-width: 840px) {
  .price-info .reservation {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
}

@media (min-width: 1140px) {
  .price-info .reservation {
    width: 56%;
    padding-left: 11px;
    padding-top: 0;
  }
}

.price-info .why-we-call-you {
  font-size: 12px;
}

.price-info .why-we-call-you strong {
  display: block;
  margin-top: 10px;
}

.price-info .why-we-call-you span {
  display: block;
  margin-top: 3px;
}

.default-tabs {
  background: #fff;
  margin-bottom: 20px;
}

@media (min-width: 840px) {
  .default-tabs {
    padding-top: 10px;
    margin-bottom: 30px;
  }
}

.default-tabs .tabs-summary {
  display: none;
}

.tour-print {
  padding: 35px 0;
}

.tour-print a:hover span:after {
  height: 0;
  top: -2px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.tour-print a:hover span:before {
  background-image: linear-gradient(
    0deg,
    #fff 0,
    #fff 14%,
    #ff8308 0,
    #ff8308 28%,
    #fff 0,
    #fff 42%,
    #ff8308 0,
    #ff8308 56%,
    #fff 0,
    #fff 70%
  );
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.tour-print a span {
  width: 27px;
  height: 15px;
  border: 1px solid #ff8308;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.tour-print a span:after,
.tour-print a span:before,
.tour-print a span i {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  position: absolute;
  display: inline-block;
  background: #fff;
}

.tour-print a span i {
  width: 6px;
  height: 1px;
  background: #ff8308;
  top: 3px;
  right: 4px;
}

.tour-print a span:after {
  content: '';
  width: 12px;
  height: 5px;
  border: 1px solid #ff8308;
  top: -5px;
  left: 50%;
  margin-left: -5px;
}

.tour-print a span:before {
  content: '';
  width: 14px;
  height: 10px;
  border: 1px solid #ff8308;
  bottom: -5px;
  left: 50%;
  margin-left: -6px;
  background-repeat: no-repeat;
  background-size: 70% 88%;
  background-position: 50%;
}

.items-extra-info {
  min-height: 350px;
}

.items-extra-info a {
  width: 100%;
  height: 100%;
  min-height: 350px;
  max-height: 460px;
  display: block;
  background-color: #f6f8fb;
  background-size: cover;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  background: #f6f8fb;
  padding: 20px;
}

.items-extra-info a .text {
  display: flex;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  align-items: flex-end;
}

.items-extra-info a .text .text-bottom {
  color: #61656e;
  position: relative;
  z-index: 1;
}

.items-extra-info a .text .text-bottom .etsfonticon {
  font-size: 44px;
  color: #ff8308;
  margin-bottom: 5px;
  line-height: 46px;
  padding: 0 1px;
}

.items-extra-info a .text .text-bottom .etsfonticon-group {
  font-size: 44px;
  color: #ff8308;
  margin-bottom: 5px;
  font-weight: 600 !important;
}

.items-extra-info a .text .text-bottom strong {
  color: #1f2126;
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0;
  margin-bottom: 5px;
}

.items-extra-info a .text .text-bottom span.desc {
  color: #61656e;
  font-weight: 300;
  display: block;
  font-size: 12px;
}

.items-extra-info a .text .text-bottom .price {
  padding-top: 18px;
}

.items-extra-info a .text .text-bottom .price:after {
  content: '';
  display: block;
  clear: both;
}

.items-extra-info a .text .text-bottom .price .item {
  width: 50%;
  float: left;
}

.items-extra-info
  a
  .text
  .text-bottom
  .price
  .item:last-child
  .currencyChangeArea {
  color: #ff8308;
}

.items-extra-info a .text .text-bottom .price .item label {
  display: block;
  color: #61656e;
  font-size: 12px;
}

.items-extra-info a .text .text-bottom .price .item .currencyChangeArea {
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: #61656e;
}

.items-extra-info a .text .text-bottom .price .item .old-price {
  text-decoration: line-through;
}

.items-extra-info a .text .text-bottom .price .item span i.currency {
  font-style: normal;
  font-size: 14px;
}

.items-extra-info a .text .text-bottom .action {
  color: #056bfd;
  font-size: 16px;
  padding-top: 15px;
}

.items-extra-info a .text .text-bottom .action i {
  font-size: 10px;
  margin-left: 4px;
}

.content-footer {
  padding: 20px 0 0;
}

.content-footer .breadcrumb {
  padding: 0 15px;
}

.content-footer .default-call-center {
  background: #f6f9fd;
}

.content-footer .default-call-center li {
  padding: 15px;
  margin: 0;
}

.content-footer .default-call-center li:first-child {
  border-right: 1px solid #ebf1fa;
}

#modalInstallmentsTable .modal-body .bank-card-logos {
  width: 70px;
}

#modalInstallmentsTable .currencyChangeArea i {
  font-style: normal;
}

#modalInstallmentsTable .installmentSubText {
  white-space: nowrap;
}
#modalInstallmentsTable .table-white-space {
  height: 85px;
}
#emailSmsMarketing-description {
  font-weight: 300;
  letter-spacing: 0;
  font-size: 13px;
  padding-inline-start: 34px;
  padding-top: 10px;
  margin-bottom: 30px;
}

/* GENERAL UI END */

/* .i-autocomplete */
.i-autocomplete input {
  font-size: 16px;
  min-height: 60px;
}

.i-autocomplete input:focus {
  box-shadow: none;
  border-color: #e6e6e6;
}

.i-autocomplete .autocomplete-result {
  position: absolute;
  width: 100%;
  margin-top: 5px;
  z-index: 4;
  box-shadow: 0 0 10px #00000040;
}

.i-autocomplete .autocomplete-result ul {
  padding-inline-start: 5px;
  background: #fff;
  border-radius: 6px;
  box-shadow: none;
  border-top: none;
  box-sizing: content-box;
}

.i-autocomplete .autocomplete-result ul li {
  font-size: 14px;
  font-weight: 300;
  color: #000;
  transition: 0.2s;
  text-overflow: ellipsis;
  padding: 15px;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
  height: 58px;
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
}

.i-autocomplete .autocomplete-result ul li span {
  margin-left: 35px;
}

.i-autocomplete .autocomplete-result ul li b {
  display: contents;
}

.i-autocomplete .autocomplete-result ul li .etsfonticon-arrow-right {
  color: #c4cbd5;
  position: absolute;
  right: 15px;
  font-size: 10px;
}

.i-autocomplete .autocomplete-result ul li:after {
  content: '\F10E';
  font-family: 'etsfonticons' !important;
  color: #c4cbd5;
  position: absolute;
  right: 15px;
  font-size: 10px;
}

.i-autocomplete .autocomplete-result ul li:last-child {
  border-bottom: none;
}

.i-autocomplete .autocomplete-result ul li:hover {
  font-weight: 500;
}

/* #end .i-autocomplete  */

/* INTERNET EXPLORER 11 START */

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .class {
    property: value;
  }
}

/* INTERNET EXPLORER 11 END */

/* CHECKBOX STYLE FOR IE 11 START */
.checkbox-area input,
.contactShareInfoArea input,
.custom-control.custom-checkbox input,
.form-check.form-check-inline input[type='radio'],
.form-check.form-check-inline.checkbox-area input[type='checkbox'],
.tour-checkout-hotelRoom .custom-control-input {
  position: absolute;
  display: none;
}
.checkbox-area input + label:after,
.contactShareInfoArea input + label:after,
.custom-control.custom-checkbox input + label:after,
.form-check.form-check-inline input[type='radio'] + label:after,
.form-check.form-check-inline.checkbox-area
  input[type='checkbox']
  + label:after,
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name:after {
  content: '';
  position: absolute;
  display: none;
  top: 4px;
  left: 10px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
}
.checkbox-area input:checked + label:after,
.contactShareInfoArea input:checked + label:after,
.custom-control.custom-checkbox input:checked + label:after,
.form-check.form-check-inline input[type='radio']:checked + label:after,
.form-check.form-check-inline.checkbox-area
  input[type='checkbox']:checked
  + label:after,
.tour-checkout-hotelRoom
  .custom-control-input:checked
  + label.hotel-name:after {
  display: block;
}
.checkbox-area input + label,
.contactShareInfoArea .checkbox-area input + label,
.custom-control.custom-checkbox input + label,
.form-check.form-check-inline input[type='radio'] + label,
.form-check.form-check-inline.checkbox-area input[type='checkbox'] + label,
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name {
  max-width: 100%;
  position: relative;
  padding: 0px 0px 0px 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 24px !important;
}

#signupForm .custom-checkbox .custom-control-label:after {
  top: 16px;
}

.checkbox-area input + label:before,
.contactShareInfoArea input + label:before,
.custom-control.custom-checkbox input + label:before,
.form-check.form-check-inline input[type='radio'] + label:before,
.form-check.form-check-inline.checkbox-area
  input[type='checkbox']
  + label:before,
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: solid 1px #dbe0e6;
  background-color: #f6f9fd;
  top: calc(50% - 12px);
}
.checkbox-area input:checked + label:before,
.contactShareInfoArea input:checked + label:before,
.custom-control.custom-checkbox input:checked + label:before,
.form-check.form-check-inline input[type='radio']:checked + label:before,
.form-check.form-check-inline.checkbox-area
  input[type='checkbox']:checked
  + label:before,
.tour-checkout-hotelRoom
  .custom-control-input:checked
  + label.hotel-name:before {
  border: #056bfd;
  background: #056bfd;
}
.form-check.form-check-inline input[type='radio'] + label {
  font-size: inherit;
}
.form-check.form-check-inline input[type='radio'] + label:before,
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name:before {
  border-radius: 100%;
}
.form-check.form-check-inline input[type='radio'] + label:after,
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name:after {
  border: 6px solid #056bfd;
  background: #fff;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name:before,
.tour-checkout-hotelRoom
  .custom-control-input:checked
  + label.hotel-name:after {
  left: -30px;
  top: 50%;
}
.tour-checkout-hotelRoom .custom-control-input + label.hotel-name {
  padding: 0;
}
.form-check-input:disabled ~ .form-check-label:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 12px;
  border: solid #ada9a9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
@media (max-width: 421px) {
  .form-check-input:disabled ~ .form-check-label:after {
    top: 15px;
  }
  .dropbtn i:before {
    font-size: 6px !important;
    position: relative;
    left: 7px;
  }
}

.form-check-input:disabled ~ .form-check-label:before {
  width: 22px;
  height: 22px;
}
/* CHECKBOX STYLE FOR IE 11 END */

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
  background-color: rgba(0, 0, 0, 0);
}

/* Contact Form Start - Call You */

#modal-callYou .modal-title {
  font-size: 28px !important;
  font-weight: 500;
  text-align: center;
  left: auto;
  right: auto;
  width: 100%;
  color: #1f2126;
  padding: 10px 0px;
}
div#modal-callYou .modal-header {
  padding: 0 !important;
}
#modal-callYou .modal-header .close {
  top: -10px;
  margin: 0;
}
#kvkk-oppurtunities-area .kvkk-oppurtunities {
  display: flex;
}
#kvkk-oppurtunities-area .kvkk-oppurtunities label {
  padding-left: 15px;
}

#modal-callYou .call-you-header {
  padding: 0px !important;
}

#modal-callYou .modal-body {
  padding: 0px !important;
  color: #61656e;
}

#modal-callYou .modal-body .call-you-elements{
	margin-bottom: 20px;
}
#modal-callYou .modal-body textarea {
	min-height: 100px;
	color: #1f2125;
	border: 1px solid #dbe0e6;
	background: #fff;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 15px;
	display: inline-block;
	width: 100%;
 	overflow: hidden;
 	margin-bottom: 10px;
}
#modal-callYou .modal-text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  padding: 20px 15px;
}
#modal-callYou .error:not(.form-check) .error-message {
  margin: -12px 0px 0px 0px;
  padding: 0px;
}
#modal-callYou .i-contact .labeled-input.custom-border.error .error-message {
  margin-top: 9px;
  margin-left: 14px;
}
form#callYouForm .call-you-panel .labeled-input.error .error-message {
  margin-left: -15px;
  margin-top: 0px;
}
.emailInfo.error {
  margin: 0;
}
#modal-callYou .labeled-input.custom-border.error {
  position: relative;
  margin-bottom: 0;
}
.form-call-you input[type='text'],
.form-call-you select {
  padding: 15px;
  height: 54px;
  width: 100%;
  outline: none;
  box-shadow: none;
  border: none;
}

#modal-callYou .labeled-input,
.guestInfoDetails .labeled-input,
.personal-info .labeled-input {
  border: 1px solid #dbe0e6;
  background: #fff;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 15px;
  height: 54px;
  display: inline-block;
  width: 100%;
}
form#callYouForm .call-you-panel .emailInfo .error-message {
  position: absolute;
  margin-top: 1px;
}
#modal-callYou .labeled-input label,
#modal-callYou .labeled-input span.inline-label,
.i-contact .inline-label {
  color: #9ca1ae;
  font-size: 12px;
  display: block;
  margin: 7px 0 0px;
  font-weight: 500;
}

#modal-callYou .labeled-input select {
  height: 55px;
  margin-top1: -15px !important;
  color: #1f2126;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#modal-callYou .labeled-input input,
.labeled-input select {
  background: none;
  border: none;
  outline: none !important;
  width: 100%;
  box-shadow: none !important;
  padding: 0;
  margin: 0;
  z-index: 1;
  position: relative;
}
#modal-callYou .labeled-select-area {
  position: relative;
}
.labeled-select-area:after,
.county-code-area:after {
  font-family: etsfonticons;
  font-style: normal;
  font-weight: 400 !important;
  float: right;
  font-size: 5px;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.county-code-area:after {
  /* top: 24px; */
  /* left: 50px; */
}
#modal-callYou .custom-control-label:before {
  margin-top: 0;
}
.call-you-panel div#kvkk-oppurtunities-area .custom-control.custom-checkbox {
  padding: 0;
  margin: 0;
}
div#kvkk-oppurtunities-area label.custom-control-label {
  display: block;
  font-size: 12px;
}
.kvkk-oppurtunities-area
  .custom-control.custom-checkbox
  label.custom-control-label
  span {
  color: #056bfd;
  cursor: pointer;
}

.kvkk-oppurtunities-area .custom-control.custom-checkbox {
  align-items: center;
  margin: 10px 0;
  color: #61656e;
}

#modal-callYou .link-style {
  /* 	color: #056bfd; */
}
.btn-callYou {
  padding: 15px;
  color: #fff;
  border-radius: 6px;
  background: linear-gradient(252deg, #08aeea 0%, #ffa26f 100%);
  width: 100%;
  display: block;
  margin: auto;
}
.btn-callYou:focus {
  outline: none;
}
.text-align-center {
  text-align: center;
}

.call-you-success {
  padding: 150px 0px;
}

.call-you-success i {
  color: #ffa26f;
  font-size: 64px;
}

#modal-callYou .modal-desc {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #61656e;
}
.dark-notif {
  font-size: 14px;
  color: #1f2126;
  text-align: center;
  padding: 15px 0px;
}

#modal-callYou .img-modal {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  height: 100%;
  width: inherit;
  object-fit: cover;
}

.i-contact .county-code-area {
  width: 125px;
}
.guestInfoDetails .i-contact .county-code-area,
.personal-info .i-contact .county-code-area {
  width: 122px;
}

/* #modal-callYou .i-contact .county-code-area .etsfonticon-arrow-down,
.guestInfoDetails .i-contact .county-code-area .etsfonticon-arrow-down,
.personal-info .i-contact .county-code-area .etsfonticon-arrow-down {
  display: none !important;
} */

.i-contact {
  display: flex;
  position: relative;
}

/* .guestInfoDetails .i-contact .county-code-area input,
.personal-info .i-contact .county-code-area {
  outline: none;
  height: 100%;
  padding-left: 10px;
  border: 1px solid #dbe0e6;
  background: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
} */

.i-contact .labeled-input {
  width: 100%;
  border-left-color: transparent;
}
.county-code-area ul {
  position: absolute;
  z-index: 2;
  background: #fff;
  width: calc(100% - 31px);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  margin: 3px 0 0 1px;
  max-height: 340px;
  overflow-y: auto;
}

.county-code-area ul li {
  padding: 20px;
  border-bottom: 1px solid #ebf1fa;
}
.i-contact input {
  border: none;
  width: inherit;
}
.i-contact label {
  margin-bottom: 0;
}
#signupForm .i-contact .inline-label {
  margin-left: 5px;
}
.i-contact .labeled-input.custom-border {
  position: relative;
  border-left: none !important;
}
.i-contact .labeled-input.custom-border input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  text-indent: 5px;
  padding-top: 8px;
}
@-moz-document url-prefix() {
  .i-contact .labeled-input.custom-border input {
    padding-top: 20px;
  }
}
#modal-callYou .i-contact [name=contactFormPhoneNumber],
.i-contact [name=contactFormPhoneNumber] {
  text-indent: 15px;
  padding-top: 15px;
  position: absolute;
}
.i-contact .error-message {
  position: absolute;
  top: 45px;
  right: -50px;
  left: -15px;
}

.i-contact .labeled-input.custom-border input:focus {
  border: none;
  outline: none;
}
#modal-callYou .call-you-panel div#kvkk-oppurtunities-area {
  margin-top: 20px;
}
#modal-callYou
  .call-you-panel
  div#kvkk-oppurtunities-area
  .error:not(.form-check)
  .error-message {
  margin: 0;
  margin-top: 3px;
}
#modal-callYou .call-you-panel .labeled-select-area .error-message {
  margin: -7px 0px 0px -15px !important;
}
./* i-contact .county-code-area:before,
.county-code-area:after {
  content: '';
  width: 8px;
  height: 2px;
  transform: rotate(48deg);
  background: #9ca1ae;
  display: block;
  position: absolute;
  top: 28px;
  left: 69px;
  z-index: 1;
}
.i-contact .county-code-area:after {
  transform: rotate(-48deg);
  left: 74px;
} */
.i-contact .county-code-area input.country-code-input {
  width: 100%;
  padding: 20px;
  border-bottom-left-radius: initial;
}
#modal-callYou .labeled-input .labeled-select-area i.etsfonticon-arrow-down {
  position: absolute;
  right: 0;
  font-size: 6px;
  color: rgb(156, 161, 174);
  z-index: 0;
}
#modal-callYou .custom-control.custom-checkbox input + label {
  position: relative;
  line-height: 18px !important;
  padding: 0px 0px 0px 30px;
}
#modal-callYou .custom-control.custom-checkbox input + label:before {
  top: calc(50% - 12px);
}
#modal-callYou .custom-control.custom-checkbox input + label:after {
  top: calc(50% - 8px);
  margin: inherit;
}
html body #callYouForm .btn-primary {
  padding: 20px 60px;
}
@media (min-width: 991px) {
  #modal-callYou .modal-dialog {
    margin-top: 90px;
  }
  div#modal-callYou .no-gutters .call-you {
    margin: 15px 0;
    text-align: center;
  }
}
@media (max-width: 991px) {
  #modal-callYou .m-img-cont {
    height: 100px;
    flex-basis: 100%;
    max-width: 100%;
  }
  div#modal-callYou .no-gutters .col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  div#modal-callYou .no-gutters .call-you {
    padding: 0;
    margin-top: 5px;
  }
  html body .btn.call-you .call-icon {
    font-size: 18px;
    margin: 0;
  }
  html body .mobile-user-menu .btn-outline-primary {
    padding: 9px;
    margin-left: 10px;
    border-radius: 6px;
    border: solid 1px #dbe0e6;
  }
  .mobile-user-menu {
    display: flex;
    align-items: center;
    right: 10px;
    position: absolute;
    top: 10px;
  }
  i.etsfonticon.login-user {
    font-size: 20px;
    color: #ffa26f;
  }
  .dropdown.user-dropdown .dropbtn {
    /* position: absolute; */
    /* right: 16px; */
    /* top: 8px; */
    /* display: block; */
    /* padding: 0!important; */
    max-width: 98px;
    height: 40px !important;
    min-height: inherit;
  }
  nav .dropdown.user-dropdown {
    margin: 0 0 0 10px;
  }
  html body nav .dropdown.user-dropdown .login-user {
    margin: 0;
    line-height: 0;
    display: block;
  }
  .dropdown.user-dropdown .dropbtn span {
    margin-left: 4px;
  }
  .dropdown.user-dropdown .dropbtn b {
    display: block;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px;
    font-size: 12px;
    text-transform: capitalize;
    color: #1f2126;
  }
  .dropdown.user-dropdown .etsfonticon.etsfonticon-arrow-down {
    right: 16px;
    position: absolute;
    top: 17px;
    color: #61656e;
  }
  html body nav .dropdown.user-dropdown .login-user:before {
    font-size: 20px !important;
    left: inherit;
  }
  html body nav .dropdown.user-dropdown .dropdown-content {
    padding: 25px 0;
  }
  nav .dropdown.user-dropdown .dropdown-content {
    display: none;
  }
  nav .dropdown.user-dropdown .dropdown-content.active {
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0;
    left: inherit;
    background: #12052996;
    border: none;
    border-radius: 0;
    padding-top: 0px;
  }
  html body .btn.call-you {
    margin: 0;
    border-radius: 6px;
    border: solid 1px #dbe0e6;
    padding: 10px;
  }
  .dropdown.user-dropdown .dropdown-content .account-menu {
    width: fit-content;
    left: inherit;
    margin-left: inherit;
    margin-right: 10px;
    float: right;
    margin-top: 63px;
    line-height: 2;
    text-align: left;
  }
  .dropdown.user-dropdown .dropdown-content .account-menu li:last-of-type {
    margin: 0px 0 5px;
  }
  #modal-callYou .modal-header .close {
    top: 10px;
    right: 10px;
  }
  html body #callYouForm .btn-primary {
    width: 100%;
  }
}
#modal-callYou .error-message-area {
  text-align: center;
  color: red;
  font-size: 24px;
  border: 1px solid red;
}

.form-call-you input::placeholder {
  font-weight: 300;
}

@media (max-width: 575px) {
  #modal-callYou .modal-dialog {
    margin: 0;
    height: 100%;
    max-height: inherit;
  }

  #modal-callYou .modal-dialog .modal-content {
    border-radius: 0 !important;
    background: #f6f9fd;
    max-height: inherit;
  }

  #callYouForm {
    width: 100%;
  }

  #callYouForm .call-you-panel {
    padding: 0;
  }

  #modal-callYou .modal-text {
    width: 100%;
    font-weight: 300;
  }

  #modal-callYou .modal-title,
  #modal-callYou .modal-text {
    padding-top: 0;
  }

  #modal-callYou .i-contact .county-code-area input {
    padding-left: 10px;
    min-width: 66px;
  }
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-success {
  color: #00654c;
  background-color: #ccf3e9;
  border-color: #b8eee0;
}

.alert-danger {
  color: #77373d;
  background-color: #fae1e4;
  border-color: #f7d5d9;
}

#remindPasswordAlert {
	margin-bottom: 12px;
}

/* Contact Form End - Call You */

/* breadCrumb */

.breadcrumb {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  margin: 0;
}
.breadcrumb ul li {
  display: flex;
  align-items: center;
}
.breadcrumb ul li:last-child a {
  color: #1f2126;
}

.breadcrumb ul li a {
  display: inline-flex;
  font-size: 12px;
  color: #61656e;
}
nav.breadcrumb i.etsfonticon-arrow-right {
  margin: auto 5px;
  font-size: 8px;
}
.breadcrumb ul.breadcrumb-mobile {
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #61656e;
}
/* customMapControl */

.customMapControl .gm-fullscreen-control img,
.customMapControl .gm-bundled-control-on-bottom button img {
  display: none !important;
}
.customMapControl .gm-fullscreen-control:before {
  color: #ffa26f;
  font-size: 21px;
  transition: all 0.3ms;
}
.customMapControl .gm-bundled-control-on-bottom button:before {
  color: #ffa26f;
}
.customMapControl .gm-bundled-control-on-bottom button:first-of-type:before {
  font-size: 16px;
}
.customMapControl .gm-bundled-control-on-bottom button:last-of-type:before {
  font-size: 3.25px;
}

#modalInstallmentsTable b {
  color: #1f2126;
  font-size: 14px;
  display: block;
}
#modalInstallmentsTable b span {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* modalloader tag */
.modal-backdrop.show {
  background-color: #120529;
}
.resButton {
  display: block;
}
.loader {
  position: relative;
  display: inline-block;
  background: #fff;
  border-radius: 100%;
  padding: 4px;
  width: 100px;
  height: 100px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.26);
  background-color: #fff;
}
.loader img {
  width: 100%;
  max-width: 100px;
}
#modalLoader .modal-body {
  text-align: center;
  margin-top: 30%;
}
#modalLoader .modal-content {
  background: transparent;
  box-shadow: none !important;
}
#modalLoader .modal-body p {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 20px;
}

.btn-turkuaz {
  background: linear-gradient(226.2deg, #08aeea 0%, #ffa26f 100%);
  color: #fff;
  border: none;
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: 300;
  outline: none;
  cursor: pointer;
  text-transform: uppercase;
}

.hotel-reservation-summary-title {
  font-size: 14px;
  font-weight: bold;
  color: #1f2126;
}

.hotel-reservation-summary-guest-join-info {
  color: #ff8308;
}

.hidden {
  display: none;
}
nav .nav-desktop .navbar-right .hidden {
  display: none !important;
}
#privacyAgreementModal,
#signupDetailInfoModal {
  z-index: 999999;
}
@media (max-width: 991px) {
  #privacyAgreementModal .modal-body,
  #signupDetailInfoModal .modal-body {
    overflow-x: hidden;
  }
  #privacyAgreementModal .modal-body table p,
  #signupDetailInfoModal .modal-body table p {
    word-break: break-word;
    font-size: 14px;
    line-height: 22px;
  }
}
/* Sign In Recaptcha Start */
.recaptcha-wrapper {
  width: 304px;
  height: 78px;
}
/* Sign In Recaptcha End */
.signup-detail-info-detail,
.sms-marketing-description {
  font-size: 8px;
  border: solid 1px gray;
  padding: 5px;
  background: #fff;
}
/* Timeout Element Style Start */
html body .timeout-wrapper{
	height: 100vh;
	display: flex;
	align-items: center;
	background-color: #f6f9fd;
}
html body .timeout-wrapper .timeout-inner{}
html body .timeout-wrapper .timeout-inner h4{
	margin-bottom: 16px;
	font-size: 28px;
	font-weight: 500;
	color: #f85156;
}
html body .timeout-wrapper .timeout-inner p{
	margin-bottom: 60px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #1f2126;
}
html body .timeout-wrapper .timeout-inner .timeout-button-group{}

/* Only Timeout Media Breakpoints */
@media only screen and (min-width: 320px){
	html body .timeout-wrapper .timeout-inner .timeout-button-group button{
		width: 100%;
		margin-bottom: 16px;
		margin-right: 0
	}
	html body .timeout-wrapper .timeout-inner .timeout-button-group button:last-child{
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 768px){
 	html body .timeout-wrapper .timeout-inner .timeout-button-group button{
		width: 35%;
		margin-bottom: 0;
		margin-right: 16px;
	}
	html body .timeout-wrapper .timeout-inner .timeout-button-group button:last-child{
		margin-right: 0;
	}
}
/* Timeout Element Style End */

/* Reservation Timeout Modal */
  .reservation-timeout-modal .reservation-timeout-modal-title {
  font-size: 28px;
  color: #f85156;
}

.reservation-timeout-modal .reservation-timeout-modal-desc {
  font-size: 16pxpx;
  font-weight: 500;
}

.reservation-timeout-modal .reservation-timeout-modal-btn-wrapper {
  display: flex;
}

.reservation-timeout-modal .reservation-timeout-modal-btn {
  margin-right: 20px;
}
/* Reservation Timeout Modal End */
/* Popular Hotel Section Start */
html body .popular-hotel-list-wrapper{
    width: 100%;
    background-color: #f6f9fd;
    border: 1px solid #ebf1fa;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-inner{
	margin-top: 50px;
	margin-bottom: 50px;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-title{
    width: 100%;
    margin-bottom: 20px;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-title h4{
    margin: 0;
    font-weight: 500;
    color: #1f2126;
    font-size: 20px;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-content{
	line-height: 22px;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-content .popular-hotel-list{
    padding: 0;
    margin: 0;
    list-style: none;
}

html body .popular-hotel-list-wrapper .popular-hotel-list-content .popular-hotel-list li{
    margin-bottom: 4px;
}
html body .popular-hotel-list-wrapper .popular-hotel-list-content .popular-hotel-list li a{
	font-size: 12px;
    font-weight: normal;
    color: #989ba2;
}

@media only screen and (min-width: 320px){
	html body .popular-hotel-list-wrapper .popular-hotel-list-inner{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	html body .popular-hotel-list-wrapper .popular-hotel-list-title{
		margin-bottom: 10px;
	}
	html body .popular-hotel-list-wrapper .popular-hotel-list-title h4{
		font-size: 16px;
	}
}

@media only screen and (min-width: 768px){
	html body .popular-hotel-list-wrapper .popular-hotel-list-inner{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	html body .popular-hotel-list-wrapper .popular-hotel-list-title{
		margin-bottom: 20px;
	}
	html body .popular-hotel-list-wrapper .popular-hotel-list-title h4{
		font-size: 20px;
	}
}


/* Popular Hotel Section End */
/* Chat Button Start */
.live-support {
	display:none;
    position: fixed;
    bottom: 20px;
    right: 5px;
    width: auto;
    z-index: 10;
}
.live-support .container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items:center;
}
@media (min-width: 992px){
	.live-support{
		display: block;
	}
	.live-support .container {
		max-width: 930px;
	}
}
@media (min-width:1200px){
	.live-support .container{
		max-width: 1120px;
		margin-right: 5px;
		padding-right: 0;
		
	}
}
.live-support .chat-button,
html body .live-support .call-you{
    padding: 9px 22px 9px 14px;
    border-radius: 38px;
    box-shadow: 0 0 10px 0 #84694e;
    background-image: linear-gradient(to left, #fd4f00, #ff8308);
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    color: #fff;
    margin-left: 0;
}
.live-support .chat-button{
    margin-right:10px;
}
html body .live-support i,
html body .live-support .btn.call-you .call-icon{
    font-size:22px;
    color:#fff;
    margin-right:8px;
}
.live-support span {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
}
.live-support .chat-button:hover, 
html body .live-support .call-you:hover,
.live-support .chat-button:focus, 
html body .live-support .call-you:focus{
    box-shadow:3px 3px 10px 0 rgba(18, 5, 41, 0.15);
    text-decoration:none;
}
/* Chat Button End */

html body .breadcrumb-inline {
  display: inline;
  align-items: center;
  margin: 0;
}

.location-breadcrumb-wrapper{
    max-width: 1140px;
    margin: 0 auto;
}

/** COOKIES INFO */
.cookies-wrapper {
	background: #fff;
	padding: 15px 10px;
	position: fixed;
	bottom: 20px;
    right: 350px;
	z-index: 10;
	border-radius: 3px;
    box-shadow: 0 1px 7px #999;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cookie-close {
	position: relative;
	background: #999;
    color: #fff;
    width: 24px;
    height: 24px;
	border: none;
    border-radius: 50px;
	margin-left: 10px;
}
.cookie-link {
	color: #000;
    text-decoration: underline;
    font-weight: 500;
}
.cookie-close i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
@media(max-width: 991px) {
	.cookies-wrapper {
		bottom: 0px;
		right: 0px;
	}
}
/** COOKIES INFO END */
/* HotelSearch & HotelDetail ChangeHotel Btn For Mobile Start */
@media(max-width: 991px) {
	.btn-change-hotel {
    border: none;
    background: transparent;
    color: #056bfd;
    font-size: 12px;
  }
  .btn-change-hotel:focus {
    outline: none;
  }
  .btn-change-hotel i {
    font-size: 9px;
    margin-left: 5px;
  }
  .btn-change-hotel i:before{
    vertical-align: baseline;
  }
}
/* HotelSearch & HotelDetail ChangeHotel Btn For Mobile End */
/* Navbar Logo Arrangements ExtraSmall Devices */
@media (max-width: 370px) {
  .menubar .title .contents .logo .ets-logo i {
    font-size: 17px;
  }
  .html body .btn.call-you {
    padding: 7px;
  }
  .html body .btn.call-you {
    padding: 6px;
  }
  .dropdown.user-dropdown .dropbtn b {
    display: none;
  }
}
/* Navbar Logo Arrangements ExtraSmall Devices End */

#modal-callYou .modal-body .emailInfo {
  border: 1px solid #dbe0e6;
}
.section-content-wrapper {
	position: relative;
}
.regulation-wrapper {
	position: absolute;
    top: 10px;
    right: 15px;
	background-color: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 11px;
}
.footer-regulation-wrapper {
	font-size: 11px;
	margin-top: 35px;
}
@media(max-width: 991px) {
	.regulation-wrapper {
		left: 18px;
	}
	.footer-regulation-wrapper {
		margin: 0 0 20px 15px;
	}
}
/* PageLoader Style Start */
.page-loader-wrapper,
.page-loader-wrapper .page-loader-inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-loader-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-loader-wrapper .page-loader-inner{
    width: auto;
    flex-direction: column;
}
.page-loader-wrapper .page-loader-inner img{
    width: 200px;
    margin-bottom: 15px;
}
.page-loader-wrapper .page-loader-inner .loader-pipe{
    position: relative;
    width: 85%;
    background-color: #e8e8e8;
    border-radius: 4px;
}

.page-loader-wrapper .page-loader-inner .loader-pipe::before{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ef1f36;
    border-radius: 4px;
    animation: pageLoader 2s ease-in-out infinite;
}

@keyframes pageLoader{
    0%{
        transform-origin: left;
        transform: scalex(0.3);
    }
    25%{
        transform-origin: left;
        transform: scalex(1);
    }
    26%{
        transform-origin: right;
        transform: scalex(1);
    }
    50%{
        transform-origin: right;
        transform: scalex(0.3);
    }
    75%{
        transform-origin: right;
        transform: scalex(1);
    }
    76%{
        transform-origin: left;
        transform: scalex(1);
    }
    100%{
        transform-origin: left;
        transform: scalex(0.3);
    }
}

/* PageLoader Style End */
/* IE Arrangements Start */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    nav .custom-navbar-nav > li .nav-dropdown-hotel-link {
      margin-top: 5px;
    }
    #modalSignUp #contactFormPhoneNumber {
      margin-top: 15px;
    }
}
/* IE Arrangements End */
/* Installment Table Start */
#modalInstallmentsTable .table-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#modalInstallmentsTable .table td {
  border-top: 1px solid #dee2e6;
  border: 1px solid #dbe0e6;
  vertical-align: middle;
  padding: 15px;
  width: 120px;
  height: 70px;
  white-space: nowrap;
}
/* .table-img-deneme {
  padding: 20px !important;
} */
@media(max-width: 991px) {
  #modalInstallmentsTable .y {
      width: 400px;
  }
  .footer-links .wrapper .footer-accordion .accordion__heading {
    border-top: 1px solid #ebf1fa;
    border-bottom: 1px solid #ebf1fa;
  }
  .footer-links .wrapper .footer-accordion .accordion__panel{
    padding: 5px 15px 10px 20px;
  }
}
/* Installment Table End */