img,
      legend {
        border: 0
      }

      a,
      button {
        background: 0 0
      }

      .cookies-policy,
      body[class*=payment] #header .header-main {
        background-color: #fff
      }

      .ob-auth #register-form .options,
      .ob-auth .form .options,
      .ob-auth .header,
      .ob-auth h2,
      .txt-center,
      ob-loading,
      ob-loading .container,
      ob-loading .footer {
        text-align: center
      }

      #footer,
      ob-map,
      ob-sidebar {
        visibility: hidden
      }

      #header .header-main-end .menu-main li .menu-user:hover,
      #header .header-main-end .menu-main li.user-profile:hover .menu-user,
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      nav,
      section,
      summary {
        display: block
      }

      .cookies-policy.optional .cookies-options.short button.close span.accept-all,
      .no-wrap,
      audio,
      canvas,
      ob-dropdown,
      video {
        display: inline-block
      }

      audio:not([controls]) {
        display: none;
        height: 0
      }

      #breadcrumb,
      #support-toggle,
      #symbols,
      #to-top,
      .cookies-policy.optional .cookies-options.short button.close span.accept,
      .cookies-policy.optional .cookies-options:not(.short) #policy-detail,
      .cookies-policy.optional .cookies-options:not(.short) span.accept-all,
      .cookies-policy.optional .options>div input[type=checkbox],
      .toast,
      [hidden],
      html:not([lang=tr-TR]) .cookies-policy.optional .desc span.last-child,
      ob-checkbox input,
      ob-checkbox svg:not(.default),
      ob-dropdown .content,
      ob-modal,
      ob-select .clear,
      ob-select .close,
      ob-select .results,
      ob-select select,
      ob-toast,
      template {
        display: none
      }

      #header .header-main .container,
      .h-list {
        display: -webkit-box;
        display: -webkit-flex
      }

      a {
        color: inherit;
        text-decoration: none
      }

      a:focus {
        outline: dotted thin
      }

      #header .header-main-end .menu-main li a:focus,
      #header .header-main-end .menu-main li>button:focus,
      a:active,
      a:hover {
        outline: 0
      }

      h1 {
        font-size: 2em;
        margin: .67em 0
      }

      abbr[title] {
        border-bottom: 1px dotted
      }

      b,
      strong {
        font-weight: 700
      }

      dfn {
        font-style: italic
      }

      hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
      }

      mark {
        background: #ff0;
        color: #000
      }

      code,
      kbd,
      pre,
      samp {
        font-family: monospace, serif;
        font-size: 1em
      }

      pre {
        white-space: pre-wrap
      }

      q {
        quotes: "“""”""‘""’"
      }

      small {
        font-size: 80%
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
      }

      sup {
        top: -.5em
      }

      sub {
        bottom: -.25em
      }

      svg:not(:root) {
        overflow: hidden
      }

      figure {
        margin: 0
      }

      fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
      }

      legend {
        padding: 0
      }

      button,
      input,
      select,
      textarea {
        font-family: inherit;
        font-size: 100%;
        margin: 0
      }

      button,
      input {
        line-height: normal
      }

      button,
      select {
        text-transform: none
      }

      button,
      html input[type=button],
      input[type=reset],
      input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer
      }

      #header .header-categories .categories .menu li:hover:not(.selected),
      #header .header-main-end .menu-main li.user-profile .user-name:hover,
      button[disabled],
      html input[disabled] {
        cursor: default
      }

      input[type=checkbox],
      input[type=radio] {
        box-sizing: border-box;
        padding: 0
      }

      input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
      }

      input[type=search]::-webkit-search-cancel-button,
      input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
      }

      button::-moz-focus-inner,
      input::-moz-focus-inner {
        border: 0;
        padding: 0
      }

      textarea {
        overflow: auto;
        vertical-align: top
      }

      table {
        border-collapse: collapse;
        border-spacing: 0
      }

      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
      }

      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
        unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-display: swap;
        src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
      }

      html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-family: Arial, sans-serif, system-ui;
        line-height: 1.3;
        min-width: 65em;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        color: #5d686e;
        overflow-y: scroll
      }

      html.fonts {
        font-family: Roboto
      }

      input {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
      }

      ob-select {
        cursor: pointer;
        display: block
      }

      ob-select button {
        display: block;
        width: 1.55em;
        height: 1.55em;
        position: absolute;
        pointer-events: none;
        right: 3% !important;
        top: 17% !important
      }

      ob-loading {
        background: rgba(255, 255, 255, .9) !important;
        color: #5d686e;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0;
        z-index: 800
      }

      ob-loading .container {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 2.5em 0 1.8em
      }

      ob-loading ul.content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
      }

      ob-loading .footer {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0
      }

      ob-loading .footer,
      ob-loading ul {
        max-height: 0;
        overflow: hidden
      }

      body,
      html {
        margin: 0;
        padding: 0;
        height: auto
      }

      *,
      ::after,
      ::before {
        font-size: 1em;
        -moz-box-sizing: inherit !important;
        -webkit-box-sizing: inherit !important;
        box-sizing: inherit !important
      }

      .cbotactive #launcher,
      .cbotactive #support-toggle,
      .cbotactive #webWidget,
      .cbotactive .cbot-dialog-button-regular.hidden,
      .cookies-policy.optional .cookies-options.short .options,
      .cookies-policy.optional .cookies-options.short p,
      iframe#launcher {
        display: none !important
      }

      #header .header-main {
        background-color: #d23b38;
        height: 5em
      }

      #header .header-main .container {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 100%;
        position: relative
      }

      #header .header-main .container>*,
      .h-list>li,
      .ob-auth #register-form .subscription div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
      }

      #header .header-main-start .logo svg {
        width: 12.5em;
        height: 2.08333333em;
        fill: #fff
      }

      #header .header-main-end .menu-main {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em;
        display: flex;
        justify-content: end;
        align-items: center;
        height: 100%
      }

      #header .header-main-end .menu-main li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 2em;
        padding: 0 1em !important;
        position: relative;
        text-wrap: nowrap
      }

      #header .header-main-end .menu-main li:not(:last-child)::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 2em;
        background: #fff;
        right: 0
      }

      #header .header-main-end .menu-main li #currency-modal-btn:hover,
      #header .header-main-end .menu-main li>a:hover {
        transition: .2s;
        opacity: .8
      }

      #header .header-main-end .menu-main li.language button {
        height: 1.5em;
        width: 1.5em;
        border-radius: 50%;
        border: 1px solid #fff;
        padding: 0
      }

      #header .header-main-end .menu-main li.language button img {
        width: 100%;
        height: 100%
      }

      #header .header-main-end .menu-main li.currency button,
      .ob-modal .container {
        padding: 0
      }

      #header .header-main-end .menu-main li.user-profile .user-name {
        display: flex;
        align-items: center;
        text-transform: capitalize
      }

      #header .header-main-end .menu-main li.user-profile .user-name svg {
        height: .7em;
        width: .7em;
        margin-left: .5em
      }

      #header .header-main-end .menu-main li a,
      #header .header-main-end .menu-main li>button {
        font-size: 1.125em;
        color: #fff;
        display: inline-block
      }

      #header .header-main-end .menu-main li .menu-user {
        display: none;
        position: absolute;
        padding: 1em;
        right: -1em;
        top: 2em;
        z-index: 100
      }

      #header .header-main-end .menu-main li .menu-user-links {
        min-width: 14em;
        background: #fff;
        border-radius: .25em;
        display: flex;
        flex-direction: column;
        border: 1px solid #94d4d4
      }

      #header .header-main-end .menu-main li .menu-user-links a {
        transition: .2s;
        padding: 1.5em 1em;
        color: #5d686e;
        line-height: 1;
        font-weight: 500;
        position: relative
      }

      #header .header-main-end .menu-main li .menu-user-links a:not(:last-child):after {
        content: '';
        height: 1px;
        margin: 0 1em;
        left: 0;
        right: 0;
        bottom: 0;
        background: #94d4d4;
        position: absolute
      }

      #header .header-main-end .menu-main li .menu-user-links a:hover {
        transition: .2s;
        color: #d23b38;
        background: #faf4f4
      }

      #header .header-main-end .menu-main li .menu-user-links a span,
      button.has-icon.right {
        padding-right: 1em
      }

      #header .header-main-end .menu-main.selected {
        color: #d23b38
      }

      #header .header-categories .categories .menu li:hover:not(.selected) svg,
      #header .header-main-end .menu-main.selected svg,
      body[class*=payment] #header .header-main .logo svg {
        fill: #d23b38
      }

      #header .header-categories {
        background-color: #f6f7f8
      }

      #header .header-categories .categories {
        line-height: 4.5em
      }

      #header .header-categories .categories .menu {
        margin: 0;
        padding: 0;
        list-style: none
      }

      #header .header-categories .categories .menu li {
        display: inline-block;
        margin-right: 1em
      }

      #header .header-categories .categories .menu li.sea a svg {
        width: 1.4em;
        height: 1.4em;
        margin-top: -5px
      }

      #header .header-categories .categories .menu li.rentcar a svg {
        width: 1.1em;
        height: 1.1em;
        margin-top: 0
      }

      #header .header-categories .categories .menu li a {
        box-sizing: border-box;
        position: relative;
        transition: .2s;
        font-size: 1.15em;
        font-weight: 500;
        color: #616c72;
        border: 1px solid #b3b3b2;
        outline: 0;
        padding: 0 1.2em;
        border-radius: 1.6em;
        cursor: pointer;
        line-height: 42px;
        height: 43px;
        display: inline-block;
        min-width: 3.5em;
        background: #f6f7f8
      }

      #header .header-categories .categories .menu li a span:not(.badge) {
        display: inline-block;
        vertical-align: middle
      }

      #header .header-categories .categories .menu li a svg {
        color: #d23b38;
        vertical-align: text-top !important
      }

      #header .header-categories .categories .menu li .badge {
        position: absolute;
        top: -.45em;
        right: -.66em;
        font-size: .65em;
        background: #1f9b78;
        color: #fff;
        border-radius: 2.71em;
        padding: .21em .43em;
        line-height: 1
      }

      #header .header-categories .categories .menu li.selected a {
        color: #fff;
        background-color: #d23b38;
        outline: 0;
        padding: 0 1.2em;
        border-radius: 1.6em;
        cursor: pointer;
        border-color: #d23b38
      }

      #header .header-categories .categories .menu li.selected a svg,
      .biletall #header .categories .menu li.selected a svg {
        fill: #fff
      }

      #header .header-categories .categories .menu li:hover:not(.selected) a {
        color: #d23b38;
        border-color: #d23b38
      }

      body[class*=payment] #header .header-main .menu-main li:not(:last-child)::after {
        background: #d23b38
      }

      .biletall #header .menu-main li .menu-user-links a,
      body[class*=payment] #header .header-main .menu-main li a,
      body[class*=payment] #header .header-main .menu-main li button {
        color: #5d686e
      }

      #main {
        min-height: 55vh
      }

      .container {
        margin: 0 auto;
        padding: 0 .5em;
        max-width: 73em
      }

      .h-list {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none
      }

      .h-list .logo svg {
        width: 10em;
        height: 1.8em
      }

      .ob-auth .form .register-text,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      ob-map tr,
      strong,
      th {
        font-weight: 500
      }

      button,
      input,
      select,
      textarea {
        border: none;
        color: inherit
      }

      strong.bolder {
        font-weight: 600
      }

      button {
        cursor: pointer
      }

      .biletall ob-loading:not(.mobile) ul.content,
      .cookies-policy div,
      button.has-icon {
        position: relative
      }

      button.has-icon span {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: .6em
      }

      button.has-icon .icon {
        margin: .5em
      }

      button.has-icon .icon.arrow {
        margin: .7em .6em .7em .8em
      }

      button.has-icon .circle {
        border-radius: 2em
      }

      button.has-icon.left {
        padding-left: 1em
      }

      button.has-icon.left span {
        left: 1em
      }

      button.has-icon.right span {
        right: 1em
      }

      svg {
        width: 100%;
        height: 100%;
        fill: currentColor
      }

      svg.spin {
        -webkit-animation: 1s linear infinite spin;
        animation: 1s linear infinite spin
      }

      img.icon,
      svg.icon {
        width: 1em;
        height: 1em;
        vertical-align: text-top
      }

      #footer {
        opacity: 0
      }

      #announcement-container .ob-announcement {
        min-height: 40px;
        padding: .6em .5em;
        box-shadow: rgba(0, 0, 0, .12) 1px 1px 2px 0;
        display: none
      }

      #announcement-container .ob-announcement .container .icon {
        width: 1em;
        float: left;
        padding-top: 2px
      }

      #announcement-container .ob-announcement .container .icon img {
        width: 1em
      }

      #announcement-container .ob-announcement .container .detail {
        padding-left: .3em;
        cursor: pointer
      }

      #announcement-container .ob-announcement .container .detail .text {
        font-size: 12px
      }

      #announcement-container .ob-announcement .container .detail .external {
        font-size: 12px;
        font-weight: 500;
        padding: 0 .5em
      }

      #announcement-container .ob-announcement .container .detail .external a {
        border-bottom: 1px solid
      }

      @keyframes spin {
        100% {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg)
        }
      }

      .cookies-policy {
        padding: 1.2em 1.2em 1.2em 1em;
        width: 24em;
        min-height: 71px;
        position: fixed;
        bottom: 1em;
        left: 3em;
        box-shadow: 0 3px 6px rgba(60, 68, 72, .25);
        border-radius: .3em;
        font-size: .875em;
        text-align: left;
        z-index: 1
      }

      .cookies-policy.hidden {
        opacity: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        font-size: 0;
        pointer-events: none
      }

      .cookies-policy div a {
        font-weight: 500;
        white-space: nowrap
      }

      .cookies-policy div a:hover {
        text-decoration: underline
      }

      .cookies-policy a.close {
        position: absolute;
        top: -.5em;
        right: -.6em;
        display: inline-block;
        width: 1em;
        height: 1em;
        border-radius: 50%
      }

      .cookies-policy a.close svg {
        fill: #5d686e;
        width: .7em;
        height: .7em
      }

      .cookies-policy.optional {
        margin-bottom: 1em;
        width: 50em;
        min-height: 110px;
        font-size: .75em
      }

      .cookies-policy.optional p {
        margin: .8em 0
      }

      .cookies-policy.optional .cookies-options {
        min-height: 92px;
        line-height: 1.5
      }

      .cookies-policy.optional .cookies-options .c-title {
        margin-top: 0;
        font-size: 1.14em
      }

      .cookies-policy.optional .cookies-options>div:last-child {
        margin-top: .5em
      }

      .cookies-policy.optional .cookies-options>div:last-child button {
        color: #fff;
        background-color: #0ab285;
        outline: 0;
        padding: .7em 1.5em;
        border-radius: .4em;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block
      }

      .cookies-policy.optional .cookies-options>div:last-child a {
        display: inline-block;
        outline: 0;
        float: right;
        text-decoration: underline;
        vertical-align: middle;
        line-height: 2.4em
      }

      .cookies-policy.optional .desc a {
        font-weight: 500;
        text-decoration: underline
      }

      .cookies-policy.optional .options {
        margin-bottom: .7em;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
      }

      .cookies-policy.optional .options>div {
        margin-bottom: .3em;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
      }

      .cookies-policy.optional .options>div .box:after {
        display: inline-block;
        position: absolute;
        width: .2em;
        height: .5em;
        border: solid #229f57;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg) translate(-12%, 24%);
        -ms-transform: rotate(45deg) translate(-12%, 24%);
        transform: rotate(45deg) translate(-12%, 24%);
        vertical-align: middle
      }

      .cookies-policy.optional .options>div .box {
        display: inline-block;
        position: relative;
        width: 1em;
        height: 1em;
        border: 1px solid #c6c6c6;
        background-color: #fff;
        text-align: center;
        line-height: 1em;
        vertical-align: middle;
        margin-top: .2em;
        margin-bottom: .5em;
        float: left;
        padding: 0;
        box-shadow: none;
        border-radius: .2em;
        margin-right: .5em
      }

      .cookies-policy.optional .options>div label {
        cursor: pointer;
        margin-right: .5em;
        display: block;
        zoom: 1
      }

      .cookies-policy.optional .options>div input[type=checkbox]:checked+label .box:after {
        content: '';
        border-color: #fff;
        width: .3em;
        height: .7em;
        transform: rotate(45deg) translate(-44%, 14%)
      }

      .cookies-policy.optional .options>div label::after,
      .cookies-policy.optional .options>div label::before,
      .ob-auth .form ob-checkbox::after,
      .ob-auth .form ob-checkbox::before {
        content: ' ';
        display: table
      }

      .cookies-policy.optional .options>div label::after,
      .ob-auth .form ob-checkbox::after {
        clear: both
      }

      .cookies-policy.optional .options>div input[type=checkbox]:checked+label .box {
        background-color: #229f57;
        border-color: #229f57
      }

      .cookies-policy.optional .options>div #necessary {
        pointer-events: none;
        cursor: not-allowed
      }

      .cookies-policy.optional .options>div #necessary+label .box {
        background-color: #c6c6c6;
        border-color: #c6c6c6
      }

      .cookies-policy.optional .options>div #necessary+label .box:after {
        border-color: #fff
      }

      body[class*=seo-bus] .question-group .question .symbol-group {
        display: inline-block;
        float: right;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 95%
      }

      .biletall,
      .biletall #header .categories .menu li a svg {
        color: #252f3d
      }

      .biletall #header .header-main {
        background-color: #252f3d !important
      }

      .biletall #header .logo svg,
      .biletall #header .logo svg path {
        fill: #fff !important
      }

      .biletall #header .menu-main:last-child a {
        padding-right: .5em
      }

      .biletall #header .menu-main li:not(:last-child)::after {
        background: #fff !important
      }

      .biletall #header .menu-main li>a {
        color: #fff !important
      }

      .biletall #header .menu-main li .menu-user-links a:hover {
        color: #252f3d;
        background: #292e3d24
      }

      .biletall #header .categories .menu li.selected a {
        background-color: #252f3d;
        border-color: #252f3d
      }

      .biletall #header .categories .menu li:hover:not(.selected) a {
        color: #252f3d;
        border-color: #252f3d
      }

      .biletall #header .categories .menu li:hover:not(.selected) svg {
        fill: #252f3d
      }

      .biletall .titles .h-list {
        margin-bottom: 1em
      }

      .biletall .titles .h-list li {
        padding-top: .4em !important
      }

      .biletall .titles .h-list li svg {
        width: 1.9em !important;
        height: 1.7em !important;
        margin-bottom: -9px
      }

      .biletall .titles .h-list li:first-child {
        padding-top: 0 !important;
        margin-top: 0
      }

      .biletall .titles .h-list li:first-child a.logo svg {
        width: 10em !important;
        height: 1.8em !important
      }

      .biletall.seo-document .info-container h1 {
        color: inherit !important
      }

      .biletall #search-features,
      .biletall.seo-airports #search-features,
      .biletall.seo-international-flight-journeys #search-features,
      .biletall.seo-locations #search-features {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center
      }

      .ob-auth {
        margin-right: auto;
        margin-left: auto
      }

      .ob-auth h2 {
        font-weight: 400;
        margin: 0 auto
      }

      .ob-auth .header {
        padding: 0 0 .5em
      }

      .ob-auth .header.user-sign-up svg {
        width: 3.5em;
        height: 3.5em;
        fill: #5d686e
      }

      .ob-auth .auth-modal {
        float: right;
        color: gray;
        font-size: 2em;
        border: 1px solid gray;
        padding: .2em
      }

      .ob-auth .login-options .not-available {
        opacity: .7
      }

      .ob-auth .exclamation-error svg,
      .ob-modal .customized-error-modal svg {
        fill: #d23b38;
        display: block;
        margin: 0 auto 1em;
        width: 3.5em;
        height: 3.5em
      }

      .ob-auth .placeholder svg {
        width: 1em;
        height: 1em;
        fill: #c6c6c6
      }

      .ob-auth .form .user-info {
        margin: 1em;
        border-bottom: 1px solid #c6c6c6 !important
      }

      #loading.mobile .loading-journey-summary .group span,
      .ob-auth .form .remember-group,
      .ob-auth .form .user-info.email {
        text-align: left
      }

      .ob-auth .form .user-info.password {
        position: relative;
        text-align: left
      }

      .ob-auth .form .user-info.password .toggle-password {
        position: absolute;
        right: .5em;
        top: .3em
      }

      .ob-auth .form .user-info.password .toggle-password svg {
        width: 1.2em
      }

      .ob-auth .form .user-info input {
        width: 80%;
        padding: .5em
      }

      .ob-auth .form .user-info svg.e-mail,
      .ob-auth .form .user-info svg.lock {
        width: 1em;
        height: .8em;
        fill: #c6c6c6;
        position: relative;
        top: auto;
        right: auto
      }

      .ob-auth .form .remember-group .remember {
        display: inline-block;
        margin: 0 1em
      }

      .ob-auth .form .remember-group .forgot-password {
        display: inline-block;
        margin: 0 1em;
        float: right;
        font-size: .8em;
        font-weight: 500
      }

      .ob-auth .form .separator {
        text-align: center;
        font-size: .8em;
        font-weight: 500
      }

      .ob-auth .form .separator .line {
        border-bottom: 2px solid #9d9d9c;
        width: 35%;
        padding: 10px 0 1em;
        margin-top: -1em;
        margin-bottom: .2em;
        display: inline-block
      }

      .ob-auth #register-form .options .sign-up,
      .ob-auth .form .options .sign-up {
        color: #d23b38;
        margin-bottom: 1em;
        width: 75%;
        display: inline-block;
        font-weight: 500;
        background: #fff
      }

      .ob-auth .form .separator .line-text {
        padding: 0 1em
      }

      .ob-auth .form .options .login {
        padding-top: 1em;
        margin-top: 1em
      }

      .ob-auth .form .options .sign-up {
        border: 1px solid #d23b38;
        padding: .7em 1em;
        border-radius: .3em
      }

      .ob-auth .form .options .register-text {
        font-size: .8em;
        color: #3c4448;
        padding: .5em 0
      }

      .ob-auth .form .options button {
        margin: .4em 0;
        padding: 1em;
        width: 85%;
        border-radius: .3em;
        font-weight: 500;
        height: 2.9em
      }

      .ob-auth #register-form .register-contract-links,
      .ob-auth .form ob-checkbox .text {
        font-size: .8em;
        padding-left: .5em
      }

      .ob-auth #register-form .options button.register,
      .ob-auth .form .options button.login {
        background: #d23b38;
        color: #fff
      }

      .ob-auth .form .options button.facebook-login {
        color: #fff;
        background: #45619d;
        padding-top: .7em
      }

      .ob-auth .form .options button.facebook-login span,
      .ob-auth .form .options button.google-login span {
        position: relative;
        top: .2em
      }

      .ob-auth .form .options button.facebook-login svg {
        width: 1.5em;
        height: 1.5em;
        fill: #fff;
        float: left
      }

      .ob-auth .form .options button.google-login {
        color: #fff;
        background: #4285f4;
        padding-top: .7em
      }

      .ob-auth .form .options button.google-login svg {
        width: 1.8em;
        height: 1.7em;
        margin-top: -1px;
        fill: #fff;
        float: left;
        margin-left: -2px
      }

      .ob-auth .form ob-checkbox {
        zoom: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }

      .ob-auth .form ob-checkbox .checkbox-fix {
        padding-top: .1em
      }

      .ob-auth .form ob-checkbox .text {
        float: right;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
      }

      .ob-auth .form ob-checkbox.mobile svg {
        width: .9em
      }

      .ob-auth .form ob-checkbox.mobile .box {
        padding: 0 0 0 .1em
      }

      .ob-auth #register-form {
        text-align: start
      }

      .ob-auth #register-form .input-group {
        display: block !important
      }

      .ob-auth #register-form .preferences {
        margin: .5em 1em
      }

      .ob-auth #register-form .subscription {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
      }

      .ob-auth #register-form .options .register {
        padding-top: 1em
      }

      .ob-auth #register-form .options .sign-up {
        border: 1px solid #d23b38;
        padding: .7em 1em;
        border-radius: .3em;
        margin-top: 0
      }

      .ob-auth #register-form .options .login-text,
      .ob-auth #register-form .options .register-text {
        font-size: .8em;
        color: #3c4448;
        padding: .5em 0;
        font-weight: 500
      }

      .ob-auth #register-form .options button {
        margin: .4em 0;
        padding: .7em 1em 1em;
        width: 85%;
        border-radius: .3em;
        font-weight: 500;
        height: 2.9em
      }

      .ob-auth #register-form .options button.facebook-register {
        color: #fff;
        background: #45619d
      }

      .ob-auth #register-form .options button.facebook-register svg,
      .ob-auth #register-form .options button.google-register svg {
        width: 1.3em;
        height: 1.3em;
        fill: #fff;
        float: left
      }

      .ob-auth #register-form .options button.google-register {
        color: #fff;
        background: #4285f4
      }

      .ob-auth #register-form ob-checkbox {
        top: .1em;
        position: relative
      }

      .ob-auth #register-form .register-contract-links a {
        font-weight: 500;
        color: #5d686e
      }

      .ob-modal .loading-disclaimer span {
        text-align: center;
        margin: 2em auto auto;
        display: block
      }

      .ob-modal .loading-disclaimer svg {
        -webkit-animation: 2s linear infinite spin;
        animation: 2s linear infinite spin;
        margin: 8em auto auto;
        display: block;
        width: 5em
      }

      .ob-auth-modal .header {
        border-bottom: 0 !important
      }

      ob-checkbox {
        display: inline;
        opacity: 0
      }

      ob-checkbox .box {
        display: inline-block;
        padding: .15em .05em .05em .15em;
        width: 1em;
        height: 1em
      }

      ob-checkbox svg {
        width: .9em;
        height: .9em
      }

      #loading.mobile .text-group .content li:not(.active),
      ob-dateinput,
      ob-image-gallery .tns-controls button:disabled {
        opacity: 0
      }

      ob-image-gallery .gallery-image {
        cursor: pointer
      }

      #loading.mobile .text-group .content li.active,
      ob-image-gallery:hover .tns-controls button:not(:disabled) {
        opacity: 1
      }

      ob-image-gallery .tns-controls {
        position: relative;
        outline: 0;
        width: 100%;
        display: block
      }

      ob-image-gallery .tns-controls button {
        transition: opacity .2s;
        opacity: 0;
        display: inline-block;
        z-index: 1;
        min-height: 13.3em;
        height: 100%;
        position: absolute;
        top: 8px;
        background-color: rgba(60, 68, 72, .3);
        color: #fff;
        margin: -.5em;
        outline: 0
      }

      ob-image-gallery .tns-controls button svg {
        max-width: 2.5em;
        max-height: 2.5em;
        border-radius: 50%;
        border: 2px solid #fff;
        padding: .8em
      }

      ob-image-gallery .tns-controls button:first-child svg {
        transform: rotate(-180deg)
      }

      ob-image-gallery .tns-controls [data-controls=prev] {
        left: 8px
      }

      ob-image-gallery .tns-controls [data-controls=next] {
        right: 8px
      }

      ob-loading[visible] {
        left: 0;
        width: 100%
      }

      ob-loading .container {
        width: 100%
      }

      ob-loading .header {
        position: relative;
        background: #e0f9fd;
        text-align: center;
        overflow: hidden
      }

      ob-loading.flight .header {
        margin-bottom: -100px;
        padding-bottom: 100px
      }

      ob-loading .logo {
        display: block;
        margin: 3em auto 0;
        width: 160px;
        height: 2em;
        fill: #d23b38
      }

      ob-loading .biletall-loading {
        display: block;
        margin: 2em auto -1.7em;
        height: 5em
      }

      ob-loading .body {
        opacity: 1;
        margin: 0 auto
      }

      #loading.mobile {
        background: rgba(255, 255, 255, .9)
      }

      #loading.mobile .text-group {
        position: relative;
        height: auto
      }

      #loading.mobile .text-group .content {
        font-size: 1.075em;
        padding: 0;
        height: 3em;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        transform: translate(0, -10em)
      }

      #loading.mobile .text-group .content li {
        font-weight: 500;
        min-height: 50px
      }

      #loading.mobile .text-group .content li div {
        padding-bottom: .2em;
        font-size: 1em
      }

      #loading.mobile .text-group .footer {
        font-size: .86em;
        transform: translate(0, -2em)
      }

      #loading.mobile .loading-journey-summary {
        background: #fff;
        width: 70%;
        margin: 0 auto !important;
        list-style: none;
        padding: 0;
        border-radius: .2em
      }

      #loading.mobile .loading-journey-summary div.info-group {
        height: 3em;
        border-bottom: 1px dashed #9d9d9c;
        position: relative;
        border-radius: .2em
      }

      #loading.mobile .loading-journey-summary div.info-group .icons {
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        margin-left: .5em;
        white-space: nowrap;
        overflow: hidden;
        width: 15em;
        text-align: left;
        text-overflow: ellipsis;
        font-size: .93em
      }

      #loading.mobile .loading-journey-summary li:last-child div {
        border: none
      }

      #loading.mobile .loading-journey-summary svg.icon {
        fill: #9d9d9c;
        width: .85em;
        height: .85em
      }

      #loading.mobile.flight .header {
        margin-bottom: -27%;
        padding-bottom: 27%
      }

      html.loading {
        max-height: 100%;
        height: 100vw;
        overflow-y: hidden
      }

      .biletall ob-loading:not(.mobile) {
        background: rgba(0, 0, 0, .8) !important;
        color: #fff
      }

      .biletall ob-loading:not(.mobile) .container {
        top: 45%
      }

      .biletall ob-loading:not(.mobile) img {
        height: 14em;
        margin-bottom: 20px
      }

      .biletall #loading.mobile {
        background: #e0f9fd
      }

      .biletall #loading.mobile img.image {
        width: 145px;
        padding: 1em 0 0
      }

      .biletall #loading.mobile .body {
        display: block;
        height: 60%
      }

      .biletall #loading.mobile .text-group {
        margin: 12px 0 24px
      }

      .biletall #loading.mobile .text-group .content {
        transform: none
      }

      .biletall #loading.mobile .footer {
        transform: none;
        position: absolute;
        top: 3em;
        width: 100%;
        font-size: .86em
      }

      ob-map {
        display: block
      }

      ob-time .with-select {
        display: block;
        border-radius: .25em;
        height: 2em !important;
        border: .063em solid #b5bbbe;
        padding: .25em
      }

      ob-time .with-select select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: none;
        font-size: .9em
      }

      @media screen and (-webkit-min-device-pixel-ratio:0) {
        ob-time .with-select select {
          margin-left: .2em
        }
      }

      .no-scroll {
        overflow: hidden;
        position: fixed
      }

      .no-transition {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: color 0 ease-in !important;
        transition: none !important
      }

      .no-scroll {
        overflow: hidden;
        position: fixed
      }

      .no-transition {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: color 0 ease-in !important;
        transition: none !important
      }

      @keyframes skeleleton-simple-loading {
        0% {
          transform: translateX(-100%)
        }

        100% {
          transform: translateX(100%)
        }
      }

      .search-header {
        height: 2.4em
      }

      .departure.time.group {
        min-height: 5.5em
      }

      .departure.time.group label {
        display: block;
        height: 1.18em
      }

      .departure.time.group ob-datepicker {
        display: block
      }

      #search-button {
        height: 2.7em
      }

      #rest {
        visibility: hidden;
        opacity: 0
      }

      ob-select#people-count .results {
        max-height: 12.5em;
        overflow-y: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 5em
      }

      ob-select#people-count .results::-webkit-scrollbar {
        -webkit-appearance: none
      }

      ob-select#people-count .results::-webkit-scrollbar:vertical {
        width: .4em
      }

      ob-select#people-count .results::-webkit-scrollbar:horizontal {
        height: .4em
      }

      ob-select#people-count .results::-webkit-scrollbar-track {
        background: #fafafa
      }

      ob-select#people-count .results::-webkit-scrollbar-thumb {
        background: #c6c6c6;
        border-radius: .4em
      }

      #search-container {
        padding-top: 2em;
        padding-bottom: 2em;
        background-position: center center;
        background-size: cover;
        background-color: #f6f7f8
      }

      #search-container .container:not(.header) {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
      }

      #search {
        min-width: 25em;
        max-width: 30em;
        width: 42%;
        max-height: 22.5em;
        background: #fff;
        border-radius: .5em
      }

      #search #swap {
        position: absolute;
        padding: 0;
        background: #fff;
        z-index: 1
      }

      #search #swap svg {
        fill: #d23b38
      }

      #search .group {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: .5em 1em
      }

      #search .group .icon {
        margin: 1em 1em 0 0;
        width: 1.5em;
        height: 1.5em;
        fill: #9d9d9c
      }

      #search .group .icon:not(.spin) {
        display: none
      }

      #search .group .input-group {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
      }

      #search .group label {
        display: inline-block;
        position: relative;
        margin-bottom: .3em;
        font-weight: 500;
        background: #fff;
        color: #9d9d9c;
        z-index: 1
      }

      #search .input-group {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
      }

      #search .origin {
        position: relative
      }

      #search-button {
        display: block;
        margin: .5em auto 1em;
        padding: .8em 2.5em .8em 1.5em;
        width: 90%;
        font-size: 1.4em;
        font-weight: 500;
        background: #1f9b78;
        color: #fff;
        border-radius: .5em;
        font-family: 'Roboto';
        max-height: 2.8em;
        line-height: 1em
      }

      #search-button span {
        background: #378f75
      }

      #bus-search-features {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        margin: .67em 0
      }

      #bus-search-features h1.main-header {
        font-size: 2em;
        margin: 0 .1em;
        display: inline
      }

      #bus-search-features span.main-header {
        font-size: 1.875em
      }

      #flight-search-features {
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        margin: .67em 0
      }

      #flight-search-features h1 {
        margin: 0
      }

      #flight-search-features>span:last-child {
        font-size: 2em;
        margin-left: .2em
      }

      #sea-search-features {
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center
      }

      #sea-search-features h1.secondary-header {
        font-size: 2em
      }

      #sea-search-features span.secondary-header {
        font-size: 1.9em;
        margin-left: .2em
      }

      #search-features {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center
      }

      #search-features .main-header {
        color: #fff;
        font-size: 1.875em;
        margin: 0;
        display: inline
      }

      #search-features h1.main-header {
        font-size: 2.75em;
        margin: 5.875em 0 2.625em 0
      }

      #search-features h2.header {
        font-weight: 400;
        font-size: 2em;
        margin: 0
      }

      #search-features h2.header strong {
        font-weight: 500
      }

      #search-features h1 {
        text-align: center !important;
        margin: .5em 0 0;
        font-size: 1.6em
      }

      #search-features table {
        margin: 0 auto;
        max-width: 40em;
        width: 100%;
        table-layout: fixed
      }

      #search-features td>div {
        position: relative;
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 1em;
        padding: .3em 0;
        text-align: center;
        margin: .5em auto;
        min-height: 8.4em;
        max-width: 12em
      }

      #search-features td>div>* {
        display: table-cell;
        vertical-align: middle
      }

      #search-features td>div div {
        width: 100em;
        height: 3.8em;
        vertical-align: middle;
        padding: 0 .5em
      }

      #search-features .main-header+table td div {
        padding: unset;
        padding-top: .3em
      }

      #search-features table tr:first-child svg {
        position: relative;
        top: 5px
      }

      body[class*=flight] #search-features table,
      body[class*=airports] #search-features table {
        width: auto
      }

      body[class*=flight] #search-features table td,
      body[class*=airports] #search-features table td {
        padding-left: .5em;
        padding-right: .5em
      }

      #search-features svg {
        margin: .8em auto 0 auto;
        width: 100%;
        height: 100%;
        max-width: 5em;
        max-height: 62px
      }

      .image-container {
        height: 23em
      }

      .image-container .partner-image {
        top: -2em;
        position: relative;
        margin: 0 auto 0 auto;
        height: 30em;
        overflow: hidden
      }

      .biletall.seo-campaigns #search-containers {
        height: 157px !important;
        margin: 0 0 6em 0
      }

      .biletall #search-containers {
        background-color: #252f3d !important
      }

      .biletall #search #swap svg {
        fill: #e38037
      }

      .biletall #search-button {
        background: #e38037
      }

      .biletall #search-button span {
        background: #884413
      }

      .biletall #main #search-container .container .page-header,
      .biletall #main #search-container .container h1 {
        color: #fff !important
      }

      #search-container .facilities {
        margin-left: auto;
        margin-bottom: auto;
        margin-top: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
      }

      #search-container .facilities div.facility {
        border-radius: 1em;
        font-size: 1.2em;
        font-weight: 400;
        color: #fff;
        text-align: center;
        width: 9em;
        height: 9em;
        padding: 1em 0 1em 0;
        margin: 4em .5em 4em .5em;
        cursor: default;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1
      }

      #search-container .facilities div.facility i {
        display: inline-block;
        margin: 0 auto .2em auto;
        width: 4em;
        height: 4em
      }

      #search-container .facilities div.facility .txt-1 {
        font-size: 1.5em;
        font-weight: 400;
        line-height: 1.1em;
        white-space: nowrap
      }

      #search-container .facilities div.facility .txt-3 {
        font-size: .9em;
        font-weight: 500;
        display: block
      }

      #search-container .facilities div.facility.commission {
        background-color: #d23b38
      }

      #search-container .facilities div.facility.commission i svg {
        fill: #fff;
        margin-bottom: 0
      }

      #search-container .facilities div.facility.rebate {
        background-color: #5d686e
      }

      #search-container .facilities div.facility.rebate i svg {
        fill: #fff;
        margin-bottom: .5em
      }

      #search-container .facilities div.facility.payment {
        background-color: #b5bbbe
      }

      #search-container .facilities div.facility.payment i svg {
        fill: #fff;
        margin-bottom: .5em
      }

      .biletall #search-container .facilities div.facility.commission {
        background-color: #e38037 !important
      }

      #header .header-main-start .logo svg {
        width: 14.084em;
        height: 3em
      }

      #search-containers * {
        outline: none
      }

      #search-containers {
        position: relative;
        height: 147px;
        margin: 0 0 5em 0;
        padding: 0;
        background-color: #d23b38 !important;
        min-height: 100% !important
      }

      #search-containers .seo-header {
        display: flex;
        align-items: center;
        margin: 0 auto;
        padding: 1em .5em 0 .5em;
        max-width: 73em;
        font-weight: bold;
        color: #fff;
        height: 50%
      }

      #search-containers .seo-header span {
        font-size: 2.3em
      }

      #search-containers .seo-header h1 {
        color: #fff !important;
        font-size: 2.3em;
        font-weight: bold;
        margin: 0
      }

      #search-containers .search-header {
        display: none;
        align-items: center;
        margin: 0 auto;
        padding: 1em .5em 0 .5em;
        max-width: 73em;
        font-weight: bold;
        color: #fff;
        height: 50%
      }

      #search-containers .search-header span {
        font-size: 2.3em
      }

      #search-containers .search-header .content {
        animation-name: animation;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        transform-style: preserve-3d;
        transform-origin: 25px 25px 0;
        margin: 0 0 3em .5em;
        justify-content: center;
        align-items: center
      }

      #search-containers .search-header .content .animation-approve,
      #search-containers .search-header .content .animation-trust,
      #search-containers .search-header .content .animation-wallet {
        position: absolute;
        top: .1em;
        height: 1em;
        width: 2em
      }

      #search-containers .search-header .content span {
        position: absolute;
        width: 25em;
        backface-visibility: hidden
      }

      #search-containers .containers {
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
        position: absolute;
        width: 100%;
        margin: 0 auto;
        padding: 0 .5em;
        max-width: 73em;
        display: flex;
        z-index: 10
      }

      #search-containers .containers .banner {
        position: absolute;
        right: 2em;
        top: -5em;
        z-index: 1
      }

      #search-containers .containers .banner img,
      #search-containers .containers .banner svg {
        width: 6em;
        height: 6em
      }

      #search-containers #search {
        display: flex;
        align-items: center;
        min-width: 100%;
        padding: 1.5em;
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .16);
        border-radius: 1.5em;
        min-height: 100% !important
      }

      #search-containers #search .time {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: flex-start;
        margin-right: 2em;
        margin-left: 1em;
        height: 100%;
        width: 4.5em;
        max-width: 4.5em;
        min-width: 4.5em
      }

      #search-containers #search .time .radio {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
      }

      #search-containers #search .time .radio span {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
      }

      #search-containers #search .time .radio input {
        margin-right: .5em;
        position: relative;
        width: 1em;
        height: 1em;
        cursor: pointer
      }

      #search-containers #search .time .radio input:before {
        content: "";
        position: absolute;
        width: 1em;
        height: 1em;
        border: 1px solid #ddd;
        border-radius: 50%;
        left: 0;
        top: 0
      }

      #search-containers #search .time .radio input:after {
        content: "";
        position: absolute;
        width: .9em;
        height: .9em;
        border-radius: 50%;
        left: 0;
        top: 0
      }

      #search-containers #search .time .radio input.active:before {
        border: 1px solid #1f9b78
      }

      #search-containers #search .time .radio input.active:after {
        background: #1f9b78;
        width: .625em;
        height: .625em;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }

      #search-containers #search .icon {
        min-width: 1em
      }

      #search-containers #search ob-select button {
        display: none
      }

      #search-containers #search .group.active {
        border: 2px solid #d23b38
      }

      #search-containers #search .group.active label {
        color: #d23b38
      }

      #search-containers #search .departure {
        max-width: 7.5em !important;
        width: 7.5em !important;
        min-width: 7.5em !important;
        padding: .2em !important;
        text-align: center
      }

      #search-containers #search .departure input {
        padding-left: .9em
      }

      #search-containers #search .departure .display {
        color: #2c2c2c;
        cursor: pointer
      }

      #search-containers #search .departure .display .day,
      #search-containers #search .departure .display .month {
        font-weight: 500;
        font-size: 20px
      }

      #search-containers #search .departure .display .weekday {
        font-size: 14px
      }

      #search-containers #search ob-datepicker.visible input {
        padding-left: .9em !important
      }

      #search-containers #search .group {
        background-color: #f4f5f5;
        border-radius: 1em;
        border: 2px solid transparent;
        padding: 0 1.54em !important;
        margin-right: 1em;
        justify-content: center;
        position: relative;
        max-width: 21em;
        width: 21em;
        height: 4.5em
      }

      #search-containers #search .group .icon.spin {
        position: absolute;
        left: 1em;
        z-index: 1
      }

      #search-containers #search .group ob-select.visible {
        background-color: #f4f5f5
      }

      #search-containers #search .group ob-select.visible .text {
        visibility: hidden !important
      }

      #search-containers #search .group #origin-input,
      #search-containers #search .group #destination-input {
        position: absolute;
        height: 3.5em;
        top: 0;
        left: 0;
        right: 0
      }

      #search-containers #search .group input {
        background-color: transparent;
        font-size: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%
      }

      #search-containers #search .group #origin .display .text,
      #search-containers #search .group #destination .display .text {
        margin-top: 3em;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%
      }

      #search-containers #search .group span {
        font-size: 14px;
        color: #2c2c2c
      }

      #search-containers #search .group label {
        background: none;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: none !important;
        margin: 0;
        color: #5d686e;
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        top: .4em;
        width: 100%
      }

      #search-containers #search .group.time {
        position: relative
      }

      #search-containers #search .group.time>button {
        position: absolute;
        top: 1.2em;
        right: 1.8em;
        padding: .36em 0 .34em;
        width: 6em;
        font-size: .9em;
        border: .063em solid #5d686e;
        border-radius: .4em
      }

      #search-containers #search .group.time>button.active {
        background: #5d686e;
        color: #fff
      }

      #search-containers #search .group.time #tomorrow {
        top: 3.7em
      }

      #search-containers #search ob-select {
        display: flex;
        flex-direction: column;
        border: none !important;
        position: inherit;
        font-size: 14px
      }

      #search-containers #search ob-datepicker {
        margin-top: 1.2em
      }

      #search-containers #search ob-datepicker .result thead tr:last-child {
        background-color: #f6f7f8
      }

      #search-containers #search ob-select.visible .results {
        margin: 5em 0 !important;
        border-radius: .5em !important;
        color: #2c2c2c
      }

      #search-containers #search ob-select.visible .results ul li {
        padding: .7em 1em !important
      }

      #search-containers #search ob-select li.item.highlighted {
        background-color: #f0f1f2;
        color: #2c2c2c
      }

      #search-containers #search ob-select li.item.highlighted span {
        color: #2c2c2c !important
      }

      #search-containers #search ob-datepicker .result {
        transform: translate(-40%, 2%)
      }

      #search-containers #search ob-select.visible .results ul li {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important
      }

      #search-containers #search ob-select.visible .results ul li:first-child {
        border-top-right-radius: .5em;
        border-top-left-radius: .5em
      }

      #search-containers #search ob-select li.item span.cityAndCountry {
        color: #2c2c2c;
        margin-top: .5em
      }

      #search-containers #search input {
        height: 1em;
        color: #2c2c2c;
        font-weight: 500;
        background-color: #fff;
        padding: 0 0 0 1.2em;
        margin-top: 0 !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        outline: none
      }

      #search-containers #search input::placeholder {
        color: #2c2c2c !important;
        font-weight: 500 !important
      }

      #search-containers #search #swap {
        right: -1.7em !important;
        border: 1px solid #5d686e;
        border-radius: 50%;
        height: 2.25em !important;
        max-width: 2.25em !important;
        width: 2.25em;
        display: flex;
        justify-content: center;
        align-items: center
      }

      #search-containers #search #swap svg {
        fill: #5d686e !important;
        width: 1em;
        max-width: 1em;
        height: 1em;
        max-height: 1em
      }

      #search-containers #search #search-button {
        border-radius: 3em;
        width: 7.82em;
        max-width: 7.82em;
        min-width: 7.82em;
        margin: 0;
        padding: 0 1.4em;
        font-size: 1.375em;
        max-height: 100%;
        height: 100%
      }

      #search-containers #search ob-datepicker .result {
        box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .32) !important
      }

      #search-containers #search ob-datepicker .result :disabled span {
        opacity: .2;
        background-color: #fff !important;
        color: initial !important;
        cursor: not-allowed
      }

      #search-containers #search ob-datepicker .result tbody {
        font-size: inherit
      }

      #search-containers #search ob-datepicker .result tbody tr:first-child td {
        padding-top: 0
      }

      #search-containers #search ob-datepicker .result tbody tr td:first-child {
        padding-left: 0
      }

      #search-containers #search ob-datepicker .result thead tr:first-child {
        height: 3em
      }

      #search-containers #search ob-datepicker .result thead tr:last-child {
        height: 2em
      }

      #search-containers #search ob-datepicker .result .special-days-list li:first-child {
        border-top: 1px solid #daddde
      }

      #search-containers #search ob-datepicker .result button[data-date].selected {
        background: transparent
      }

      #search-containers #search ob-datepicker .result button[data-date].selected span {
        color: #fff !important;
        background: #d23b38
      }

      #search-containers #search ob-datepicker .result button[data-date]:hover {
        background: transparent
      }

      #search-containers #search ob-datepicker .result button[data-date].special span:after {
        top: 5px;
        right: 5px
      }

      #search-containers #search ob-datepicker .result button[data-date] {
        height: 2.2em;
        padding: 0;
        margin: .08em auto !important;
        font-weight: 500;
        border: 0 !important
      }

      #search-containers #search ob-datepicker .result button[data-date] span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.5em;
        height: 2.5em;
        margin: 0;
        padding: 0;
        border-radius: 50%
      }

      #search-containers #search ob-datepicker .result button[data-date] span:hover {
        background: #d23b38;
        color: #fff
      }

      #search-containers #search.bus .departure {
        max-width: 7.5em !important;
        width: 7.5em !important;
        min-width: 7.5em !important;
        padding: .2em !important
      }

      #search-containers #search.bus .group {
        max-width: 21em;
        width: 21em
      }

      #search-containers #search.bus ob-select {
        height: 100%
      }

      #search-containers #search.bus .origin .input-group label {
        margin-top: 0
      }

      #search-containers #search.bus ob-datepicker input {
        width: 75%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 0
      }

      body.seo-campaigns #main #search.bus {
        flex-direction: row
      }

      body.seo-campaigns #main #search.bus .group #origin .display .text,
      body.seo-campaigns #main #search.bus .group #destination .display .text {
        margin-top: 3em
      }

      body.seo-campaigns #main #search.bus ob-select.visible .results {
        margin: 5em 0 !important
      }

      .campaigns {
        opacity: 0;
        transition: opacity .6s
      }

      .campaigns h1 {
        text-align: center
      }

      .campaigns h2 {
        margin-bottom: 0
      }

      .campaigns div.line {
        clear: both
      }

      body.js .campaigns {
        opacity: 1
      }

      #flight .tns-outer {
        margin: 0
      }

      #campaigns-slider .item-list {
        white-space: nowrap;
        overflow: hidden;
        padding: 0 5px
      }

      #campaigns-slider .item-list.full-banner {
        overflow: inherit
      }

      #campaigns-slider .item-list.full-banner .item {
        max-width: 100%;
        width: 100%;
        display: block
      }

      #campaigns-slider .item-list.full-banner .item .img-wrapper {
        width: 100%;
        margin-bottom: 1.4em;
        margin-top: 1.4em
      }

      #campaigns-slider .item-list.full-banner .item .img-wrapper img {
        max-width: 100%;
        min-width: 100%;
        max-height: 8.3125em;
        height: 100%
      }

      #campaigns-slider .item-list.full-banner .item .item-inner {
        padding: 0;
        box-shadow: none
      }

      #campaigns-slider .item-list.no-carousel {
        display: flex;
        justify-content: center
      }

      #campaigns-slider .item-list.no-carousel .item {
        flex-grow: 1;
        vertical-align: top;
        display: inline-block;
        max-width: 33.3%;
        padding-right: 16px;
        white-space: normal
      }

      #campaigns-slider .item-list.no-carousel .item .img-wrapper {
        width: 100%;
        margin-bottom: 1.4em
      }

      #campaigns-slider .item-list.no-carousel .item .img-wrapper img {
        max-width: 100%;
        min-width: 100%;
        height: 12.9375em;
        object-fit: cover;
        object-position: center
      }

      #campaigns-slider .item-list.no-carousel .item .item-information {
        text-align: center
      }

      #campaigns-slider .item-list.no-carousel .item .item-information a {
        color: #5d686e;
        font-size: 1.2em;
        font-weight: bold;
        display: block
      }

      #campaigns-slider .item-list.no-carousel .item .item-information p {
        font-weight: 400;
        font-size: 1em;
        color: #5d686e;
        margin: 8px 0 0 0;
        padding: 0
      }

      #campaigns-slider .item-list.no-carousel .item .item-inner {
        padding: 8px 8px 26px;
        background: #fff;
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .16);
        border-radius: .3em;
        margin: 10px 0
      }

      #campaigns-slider .item-list.no-carousel .item:last-child {
        margin-right: .3125em;
        padding-right: 0
      }

      #campaigns-slider .item-list.no-carousel .item-inner {
        padding: 8px 8px 26px;
        background: #fff;
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .16);
        border-radius: .3em;
        margin: 10px 0
      }

      #campaigns-slider .item-list .item {
        padding-right: 1.25em;
        float: left
      }

      #campaigns-slider .item-list .item .img-wrapper {
        width: 100%;
        margin-bottom: .2em
      }

      #campaigns-slider .item-list .item .img-wrapper img {
        display: block;
        width: 100%;
        height: 12.9375em;
        object-fit: cover;
        object-position: center
      }

      #campaigns-slider .item-list .item .item-information {
        text-align: center;
        height: 6em;
        margin-top: .875em
      }

      #campaigns-slider .item-list .item .item-information a {
        color: #5d686e;
        font-size: 1.2em;
        font-weight: bold;
        display: block
      }

      #campaigns-slider .item-list .item .item-information p {
        font-weight: 400;
        font-size: 1em;
        color: #5d686e;
        margin: 8px 0 0 0;
        padding: 0
      }

      #campaigns-slider .item-list .item .item-information p a {
        font-weight: 400 !important;
        font-size: 1em !important
      }

      #campaigns-slider .item-list .item .item-inner {
        padding: 8px 8px 26px;
        background: #fff;
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .16);
        border-radius: .3em;
        margin: 10px 0
      }

      #campaigns-slider .tns-outer {
        position: relative;
        width: 100%
      }

      #campaigns-slider .tns-outer .has-carousel>.tns-item {
        height: inherit;
        padding-right: 1.375em;
        padding-right: 1.25em;
        float: left
      }

      #campaigns-slider .tns-outer .tns-item a {
        float: none;
        line-height: inherit
      }

      #campaigns-slider .tns-outer .tns-nav {
        position: absolute;
        text-align: center;
        bottom: -.9em;
        width: 100%;
        display: block
      }

      #campaigns-slider .tns-outer .tns-nav button {
        background: #b5bbbe;
        width: .8em;
        height: .8em;
        border-radius: 50%;
        margin-right: .7em
      }

      #campaigns-slider .tns-outer .tns-nav button.tns-nav-active {
        background: #5d686e
      }

      h2 {
        font-size: 1.8em;
        text-align: center
      }

      .box {
        padding: 1em .5em;
        border-radius: .5em;
        box-shadow: #ededed 1px 1px 1px 1px
      }

      #features {
        background: #fafafa;
        border-radius: .5em
      }

      #features .h-list {
        padding: 1.5em
      }

      #features li {
        text-align: center;
        background: #fff
      }

      #features li:not(:last-child) {
        margin-right: 1em
      }

      #features svg {
        width: 7em;
        height: 7em
      }

      #features h3 {
        margin: 1em 0 .5em
      }

      #features p {
        margin: 0;
        font-size: .9em
      }

      .route-link .point-right {
        width: .7em;
        height: .7em
      }

      .route-link .point-right.first {
        position: relative;
        left: -.5em
      }

      .subscription-container svg {
        width: 2.5em;
        height: 2.5em
      }

      .biletall.home-bus .route-list .route-link .price {
        top: unset !important
      }

      .biletall.home-bus .orange-arrow {
        width: 2em;
        height: 1em;
        line-height: 2em;
        font-size: 1.3em;
        display: inline;
        text-align: right;
        top: .1em;
        position: relative
      }

      .biletall.home-bus #mobile-applications .mobile-app-header {
        text-align: center;
        margin-bottom: 1em
      }

      .biletall.home-bus #mobile-applications .mobile-app-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        margin-right: 0 !important;
        padding: 2em 0 !important
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-left-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-right-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-right-container .mobile-app-images-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-right-container .mobile-app-images-container .app {
        width: 15em;
        height: unset !important
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-right-container .mobile-app-features {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.2em;
        list-style-type: disc;
        line-height: 1.5em;
        color: #515e66;
        padding-left: 3em
      }

      .biletall.home-bus #mobile-applications .mobile-app-container .mobile-app-right-container .mobile-app-features .mobile-app-feature::marker {
        color: #515e66 !important
      }

      .biletall #features svg {
        mix-blend-mode: luminosity
      }

      .biletall #features svg * {
        fill: #252f3d
      }

      .biletall #features p {
        font-size: .7em;
        max-width: 85%;
        margin: auto auto
      }

      .biletall #search-features {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center
      }

      .biletall .route-list .orange-arrow {
        width: 1.2em;
        height: 1.2em;
        line-height: 2em;
        font-size: 1.3em;
        display: inline;
        text-align: right;
        top: .1em;
        position: relative
      }