.return-icon {position: absolute;height: 96%;width: 34px;background: #366884;color: #fff;text-align: center;line-height: 50px;right: 4px;cursor: pointer;top: 1px;border-radius: 0 3px 3px 0;}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d" !important;
}
.iconDeparture {position: absolute;top: 16px;color: #29ade2;left: 10px;font-size: 18px;}
.iconArrival {position: absolute;top: 16px;color: #29ade2;left: calc(50% + 10px);font-size: 18px;}

.searchbox {
    background-color: #fff;
    padding: 8px;
    height: 150px;
    width: 100px;
    border: 1px solid #66afe9;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 1000;
    left: 10px;
    top: 10px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    text-align: left;
}

.searchbox a {
    font-size: 11px;
    text-decoration: none;
}

.searchbox a:hover {
    font-size: 11px;
    text-decoration: underline;
}

.searchbox .city {
    font-weight: bold;
    color: #306CA8 !important;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    line-height: 17px;
}

.searchbox .city a {
    color: #306CA8 !important;
}

.searchbox .airport {
    color: #03C;
    line-height: 13px;
    padding-left: 10px;
}



.flight-box {position: relative;display: block;width: 100%;border: solid 1px #d7dddb;background: #fff;padding: 10px 10px;margin-bottom: 10px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 4px;font-size: 0.8rem;text-align: left;font-weight: normal;}
.flight-box:hover {background: #f5f5f5;}
.flight-box.detail-active {background: #f5f5f5}
.flight-box.selected {border-color: #0087ff;}
.flight-box.selected .flight-box-icon {color: #0087ff;}

.flight-box.return-flight {display: none;}

.flight-result {margin: 0 -20px;}
.flight-result.two-column {display: flex;}
.flight-result.two-column .return-flight {display: block;}

.flight-box.paket {display: none !important;}

.flight-box.return-flight .flight-box-icon {transform: rotate(180deg);}

.flight-result .flight-result-column {display: flex;}

.flight-result .flight-result-column {padding: 0 20px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.flight-result.two-column .flight-result-column {display: flex;width: 100%;height: fit-content;}
.flight-result.two-column .flight-result-column:first-child {border-right: 1px solid #c3c3c3;}

.flight-box .flight-box-icon {position: absolute;top: -6px;left: calc(50% - 7px);}
.flight-box .flight-details-row {display: flex;align-items: center;}
.flight-box .flight-details-row .column {flex: 0 0 calc(95% / 4);}
.flight-box .flight-details-row .column:last-child {flex: 0 0 5%;} 
.flight-box .flight-details-row .column:first-child {flex: 0 0 15%;margin-right: 5%;}

.flight-box .flight-details-row .column span.air-company {display: block;width: 100%;}
.flight-box .flight-details-row .column span.step-route {display: inline-block;position: relative;margin-right: 10px;padding-left: 10px;}
.flight-box .flight-details-row .column span.step-route:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f105";left: -10px;position: relative;}

.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(2) {display: none;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(1) {flex: 0 0 30%;margin: 0;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(3) {flex: 0 0 30%;padding: 0 4px;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(4) {flex: 0 0 30%;padding: 0 4px;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(5) {flex: 0 0 10%;}

.flight-box .flight-details-row .column span.step-route.first {padding-left: 0;}
.flight-box .flight-details-row .column span.step-route.first:before {display: none;}
.flight-box .flight-details-row .column span.bag {display: block;width: 100%;}
.flight-box .flight-details-row .column span.transit {display: block;width: 100%;color: red;}
.flight-box .flight-details-row .column span.desc {display: block;width: 100%;}
.flight-box .flight-details-row .column span.departure-time {font-size: 0.9rem;color: #000;font-weight: 600;}
.flight-box .flight-details-row .column span.departure-seperate {margin: 0 10px;}
.flight-box .flight-details-row .column span.departure-time2 {font-size: 0.9rem;color: #000;}
.flight-box .flight-details-row .column span.departure-time-txt {display: block;width: 100%;}
.flight-box .flight-details-row .column .price {font-size: 1rem;font-weight: 600;color: #000;text-align: unset;float: none;}
.flight-box .flight-details-row .column .price .b {font-size: 0.8rem;vertical-align: top;float: none;font-weight: 500;}
.flight-box .flight-details-row .column button {float: right;border: 0;background: #2dc44d;border-radius: 4px;color: #fff;font-size: 0.8rem;font-weight: 600;padding: 0 10px;min-width: 62px;padding: 5px 15px;}
.flight-box .flight-details-row .column button i {font-size: 1rem;line-height: inherit;}
.flight-box.selected .flight-details-row .column button {font-size: 0;}
.flight-box .flight-details-row .column .flight-box-select {cursor: pointer;}

.flight-detail {display: none;margin: 7px 0px;}
.flight-detail.show {display: block;}
.flight-detail-btn {color: #0087ff;font-size: 0.75rem;margin-top: 3px;transition: ease-in-out all 300ms;}
.flight-detail .station {list-style: none;margin: 5px 0px;padding-left: 15px;}
.flight-detail .station li {position: relative;margin-bottom: 4px}
.flight-detail .station li:last-child {margin-bottom: 0;}
.flight-detail .station li:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f10c";left: -10px;position: relative;color: #2dc44d;font-size: 0.8rem;}
.flight-detail .station li.first:before {content: "\f111";font-weight: 900;}
.flight-detail .station li:after {position: absolute;top: 42%;left: -5px;display: block;width: 1px;height: 1.3rem;content: "";background-color: #2dc44d;}
.flight-detail .station li:last-child:after {display: none;}
.flight-detail .transit-desc {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 0;margin: .75rem 0 1rem 0;border-top: 1px dashed #727e7c;}
.flight-detail .transit-desc span {display: inline-block;padding: 0 .5rem;background-color: #f5f5f5;}
.flight-detail .food-service {display: inline-block;padding: 1px 6px 0px 15px;background: #d0d0d0;border-radius: 4px;color: #606060;}
.flight-detail .food-service:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f0f5";left: -7px;position: relative;color: #2dc44d;font-size: 0.8rem;}

.flight-search-response {display: flex;margin: 0 -10px;padding-top: 10px;}
.flight-search-response .flight-result-column {padding: 0 10px;width: 50%;}
.flight-search-response .flight-box.return-flight {display: block;}

.flight-result-head {order: -2;display: block;width: 100%;margin-bottom: 10px;}
.flight-result-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;}
.flight-result-head .col {width: calc(100% / 3);float: left;font-size: 0.8rem;}

.flight-result-other-head {display: block;width: 100%;margin-bottom: 10px;}
.flight-result-other-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;margin-top: 10px;background: #eaeaea;padding: 7px;border-radius: 4px;}

.flight-bottom-basket {position: fixed;width: 100%;bottom: 0;background: #28a8db;color: #fff;z-index: 9999;}
.flight-bottom-basket .next {display: block;width: 100%;background: #ff9800;color: #fff;border-radius: 4px;font-size: 0.9rem;height: 40px;line-height: 40px;border: 0;text-transform: uppercase;font-weight: bold;margin: 10px 0;}
.flight-bottom-basket .total-wrap {background: #269bc9;height: 60px;padding: 10px 10px;width: 100%;text-align: right;}
.flight-bottom-basket .total-wrap .total-price {font-weight: bold;font-size: 1.3rem;}
.flight-bottom-basket .total-wrap .spottotalprice {font-weight: normal;font-size: 0.7rem;color: #dadada;line-height: normal;display: block;width: 100%;}


.flight-ticket-count-dropdown {position: absolute;min-width: 300px;background: white;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;z-index: 355;transition: all 250ms ease-in-out;top: 100%;margin-top: 14px;}
.flight-ticket-count-dropdown.show {visibility: visible;opacity: 1;}
.flight-ticket-count-dropdown:after {bottom: 100%;left: 20%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 200;border-color: rgba(136,183,213,0);border-bottom-color: white;border-width: 14px;margin-left: -14px;filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));}
.flight-ticket-count-dropdown .room-info {padding: 10px;float: left;width: 100%;}
.flight-ticket-count-dropdown .room-info .info-row {width: 100%;text-align: left;padding: 10px 0px;}
.person-total {cursor: pointer;}
.flight-ticket-count-dropdown .room-info .info-row .col {display: block;width: 100%;padding: 0px 10px;float: left;margin-bottom: 7px;}
.flight-ticket-count-dropdown .room-info .info-row .col label {display: block;color: #000;font-weight: normal;}
.flight-ticket-count-dropdown .room-info .info-row .col label .title {width: 30%;float: left;line-height: 40px;}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector {width: 70%;float: left;text-align: right;}

.flight-ticket-count-dropdown .room-info .info-row .col label .selector .buttonSelect {cursor: pointer;width: 40px;outline: none;height: 40px;display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: 33px;font-weight: 600;color: #0065B8;font-size: 32px;border: 1.5px solid #ddd;border-radius: 4px;text-align: center;}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector .buttonSelect.disabled {opacity: 0.4;}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector .txt {width: 40px;display: inline-block;text-align: center;font-size: 24px;font-weight: bold;}

.flight-ticket-count-dropdown .action-button-area {float: left;width: 100%;padding: 10px 20px;border-top: 1px solid #EFEFEF;text-align: right;}
.flight-ticket-count-dropdown .action-button-area span.closed {font-size: 12px;color: #fff;font-weight: 700;cursor: pointer;background: #0065B8;padding: 4px 10px;}
.flight-ticket-count-dropdown .room-info .info-row .col .remove-oda {line-height: 34px;height: 34px;border: 1px solid #ff3e3e;display: block;text-align: center;border-radius: 5px;color: #ff3e3e;font-weight: bold;}
@media(max-width: 768px) {
    .flight-ticket-count-dropdown {width: 98%;min-width: 98%;left: 1%;}
    .flight-ticket-count-dropdown .room-info .info-row .col {display: inline-block;width: 100%;margin-right: -0.5px;}
    .flight-ticket-count-dropdown .room-info .info-row .col:first-child {width: 100%;}
    .flight-ticket-count-dropdown .room-info .info-row .col.remove-oda-wrap {width: 100%;}
}


.search-area .tab-main {display: none;}
.search-area .tab-main.active {display: block;transition: 350ms;}
.search-area .tab-main .form-wrap {background: #00000085;padding: 5px;border-radius: 5px;box-shadow: 0px 1px 10px rgba(0,0,0,0.54);}
.search-area .tab-main .form-wrap .row {margin-left: -2.5px;margin-right: -2.5px;}
.search-area .tab-main .form-wrap .row div[class^="col"] {padding: 0 2.5px;}
@media (min-width: 768px) {
  .search-area .tab-main .form-wrap .half {width: 12.66666667%}
  .search-area .tab-main .form-wrap .full {width: 20.666667%}
}
.search-area .tab-main .form-wrap .full-btn {width: 12.333333%;}
.search-area .tab-main .form-wrap input,
.search-area .tab-main .form-wrap select {height: 50px;width: 100%;border: 1px solid #707070;border-radius: 4px;font-size: 0.8rem;padding: 0 10px;}
.search-area .tab-main .form-wrap .two-input input {width: 50%;float: left;}
.search-area .tab-main .form-wrap .two-input.full-w input {width: 100%;}
.search-area .tab-main .form-wrap label {color: #fff;font-size: 0.8rem;display: inline-block;}
.search-area .tab-main .form-wrap label input {height: auto;display: inline-block;width: auto;}

.search-area .tab-main .form-wrap .users-icon {font-size:0.8rem;display: inline-block;background-color: #fff;height: 50px;width: 100%;border: 1px solid #707070;border-radius: 4px;padding-left: 45px;line-height: 50px;background-image: url('../img/icons/user-group.png');background-repeat: no-repeat;background-position: 7.5px center;}
.search-area .tab-main .form-wrap .search-button {display: block;width: 100%;height: 50px;border: 0;background: #51c956;color: #fff;font-size: 17px;font-weight: bold;border-radius: 4px;}
.search-area .tab-main .form-wrap .search-button:hover {transition: ease-in-out all 400ms;background-color: #56585a;}


.search-area.in {background: transparent;padding: 0px;height: auto;}
.search-area.in h3 {color: #fff;margin: 0 0 10px;font-size: 1.4rem;font-weight: bold;}
.search-area.in .tab-main {display: block;}
.search-area.in .tab-main .form-wrap {padding: 10px 15px;}