/* Reset - START */
html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}form,body{margin:0;}address{font-style:normal;}blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}main{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:700}a,button{color:inherit}a{text-decoration:none}button{padding:0;overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:0 0;cursor:pointer}::-moz-focus-inner{padding:0;border:0}img{border:0}fieldset{border:none;padding:0;margin:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{/*image-rendering: -moz-crisp-edges;*/image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}::-webkit-input-placeholder {color: inherit}::-moz-placeholder {color: inherit}:-ms-input-placeholder {color: inherit}:-moz-placeholder {color: inherit}input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type="number"] {-moz-appearance: textfield;}
/* Reset - END */
/* Generic - START */
html{
font-family: 'Comfortaa', cursive, sans-serif;
font-size: 14px;
color: #4f5f60;
line-height: 1.3;
background-color: #eaf0f4;
}
body.-scroll-lock{
overflow: hidden;
}
label{
cursor: pointer;
}
:focus {
outline: thin dotted;
}
::placeholder {color: #889699; opacity: 1;}
:-ms-input-placeholder {color: #889699;}
::-ms-input-placeholder {color: #889699;}
/* Generic - END */
/* Bouncing preloader - START */
@keyframes bouncing-loader {
to {
opacity: 0.1;
transform: translate3d(0, -11px, 0);
}
}
.c-bouncing-loader {
display: inline-flex;
justify-content: center;
position: relative;
top: 3px;
}
.c-bouncing-loader > div {
width: 12px;
height: 12px;
margin: 0 5px;
background: #735ca8;
background: currentColor;
border-radius: 50%;
animation: bouncing-loader 0.6s infinite alternate;
}
.c-bouncing-loader > div:nth-child(2) {
animation-delay: 0.2s;
}
.c-bouncing-loader > div:nth-child(3) {
animation-delay: 0.4s;
}
/* Bouncing preloader - END */
/* Mobile search toggle button - START */
.c-mobile-search-form-toggle{
color: #fff;
display: none;
text-align: left;
margin-bottom: 20px;
padding-right: 35px;
position: relative;
box-sizing: border-box;
}
.c-mobile-search-form-toggle::after{
content: "";
position: absolute;
right: 0;
top: 50%;
width: 15px;
height: 15px;
background: url('../images/icon-arrow-down-white.svg') no-repeat center center;
transform: translate(0, -50%);
transition: transform 300ms;
}
.c-mobile-search-form-toggle_active::after{
transform: translate(0, -50%) rotate(180deg);
}
/* Mobile search toggle button - END */
/* Sticky button - START */
.c-sticky-button{
position: fixed;
z-index: 999;
left: 3px;
bottom: 3px;
right: 3px;
background-color: #735ca8;
color: #fff;
text-align: center;
font-size: 18px;
width: calc(100% - 6px);
padding: 10px 0;
z-index: 88888;
}
.c-mobile-sider-close-button,
.c-sticky-button_mobile-only{
display: none;
}
.c-toggleble-text{
text-decoration: underline;
margin-top: 5px;
display: block;
}
/* Sticky button - END */
/* Logo - START */
.c-logo,
.c-logo__image{
display: block;
}
/* Logo - END */
/* Menu container - START */
.c-menu-container{
padding: 15px 0;
text-align: right;
background-color: #e3163c;
color: #fff;
}
/* Menu container - END */
/* Presentation image - START */
.c-presentation-image{
display: inline-block;
max-width: 100%;
height: auto;
}
.c-presentation-image_block{
display: block;
}
.c-presentation-image_centered{
margin: 0 auto;
}
/* Presentation image - END */
/* Timer - START */
.c-timer{
padding: 25px 0;
}
.c-timer_accent{
color: #b50625;
}
.c-timer__legend{
display: block;
font-size: 16px;
margin-bottom: 5px;
}
.c-timer__display{
display: flex;
align-items: baseline;
flex-wrap: wrap;
justify-content: center;
}
.c-timer__item{
display: flex;
align-items: baseline;
width: 90px;
margin-left: -3px;
}
.c-timer__value,
.c-timer__label{
display: block;
line-height: 1;
}
.c-timer__value{
font-size: 33px;
font-weight: 800;
text-align: right;
width: 45px;
}
.c-timer__label{
margin-left: 7px;
font-size: 13px;
}
/* Timer - END */
/* Reset filters button - START */
.c-reset-filter-button{
display: block;
font-size: 11px;
text-decoration: underline;
width: 100%;
box-sizing: border-box;
text-align: right;
margin-bottom: 10px;
color: #F0420B;
}
.c-reset-filter-button:hover{
text-decoration: none;
}
/* Reset filters button - END */
/* Logo list - START */
.c-logo-list{
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 30px;
}
.c-logo-list__item:not(:last-child){
margin-right: 15px;
}
/* Logo list - END */
/* Bubble - START */
.c-bubble{
font-weight: 700;
font-size: 34px;
line-height: 110px;
height: 110px;
width: 110px;
color: #fff;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #725da5;
}
.c-bubble_small{
width: 55px;
height: 55px;
font-size: 17px;
line-height: 55px;
}
/* Bubble - END */
/* Tabs - START */
.c-tabs__nav{
display: flex;
justify-content: space-between;
}
.c-tabs__nav_left-aligned{
justify-content: flex-start;
}
.c-tabs__nav_center-aligned{
justify-content: center;
}
.c-tabs__nav_left-aligned .c-tabs__nav-item:not(:last-child){
margin-right: 10px;
}
.c-tabs__nav-item{
text-align: center;
border-radius: 10px;
border: 1px solid #cad6d7;
padding: 10px 10px 8px;
position: relative;
background-color: #fff;
box-sizing: border-box;
}
.c-tabs__nav_spaced .c-tabs__nav-item:not(:last-child){
margin-right: 10px;
}
.c-tabs__nav-item_active{
border-color: #735ca8;
background-color: #f7f5ff;
}
.c-tabs__nav_fixed-items_2 .c-tabs__nav-item{
width: 50%;
}
.c-tabs__nav_fixed-items_3 .c-tabs__nav-item{
width: 32%;
}
.c-tabs__nav_fixed-items_4 .c-tabs__nav-item{
width: 23%;
}
.c-tabs__nav_fixed-items_4 .c-tabs__nav-item_active::before{
content: "";
width: 17px;
height: 12px;
display: block;
position: absolute;
left: 5px;
top: 5px;
background: url('../images/payment-selected.png') no-repeat center center;
}
.c-tabs__nav-item-image{
display: block;
margin: 0 auto 10px;
height: 45px;
}
.c-tabs__nav-item-text{
display: block;
font-size: 14px;
}
.c-tabs__item{
display: none;
}
.c-tabs__item_active{
display: block;
margin-top: 30px;
}
.c-tabs_accent{
border-radius: 10px;
}
.c-tabs_accent .c-tabs__items{
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: #fff;
}
.c-tabs_accent .c-tabs__item_active{
margin: 15px;
position: relative;
}
.c-tabs_accent .c-tabs__nav{
padding-top: 10px;
}
.c-tabs_accent .c-tabs__nav-item{
border: none;
padding-top: 15px;
padding-bottom: 15px;
font-weight: 600;
font-size: 16px;
background-color: #d1ceef;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.c-tabs_accent .c-tabs__nav-item_active{
background-color: #fff;
margin-top: -10px;
padding-bottom: 20px;
padding-top: 20px;
}
/* Tabs - END */
/* Horizontal rule - START */
hr,
.l-hr{
height: 1px;
margin: 20px 0;
background-color: #ededee;
border: none;
}
.l-hr_theme_success{
background-color: #4bb214;
}
.l-hr_compact{
margin: 13px 0;
}
/* Horizontal rule - END */
/* Legends container - START */
.c-container-legends{
padding: 80px 30px 80px 80px;
position: relative;
box-sizing: border-box;
background: #fff;
width: 100%;
}
.c-container-legends::after,
.c-container-legends::before{
display: block;
position: absolute;
text-align: center;
font-size: 18px;
color: #273233;
font-weight: 400;
z-index: 1;
}
.c-container-legends::before{
content: attr(data-title-x);
top: 30px;
left: 0;
right: 0;
}
.c-container-legends::after{
content: attr(data-title-y);
left: 6px;
transform: rotate(-90deg) translate(0, -50%);
top: 50%;
}
.c-container-legends__content{
position: relative;
z-index: 2;
overflow: auto;
}
/* Legends container - END */
/* Table - START */
.c-table{
width: 100%;
}
.c-table tr td,
.c-table tr th{
padding: 3px;
box-sizing: border-box;
}
.c-table__fixed-cell{
width: 105px;
}
.c-table tr:not(:last-child) td,
.c-table tr:not(:last-child) th{
border-bottom: 1px solid #eeeaf7;
}
.c-table_small{
font-size: 12px;
}
.c-table_borderless tr td{
border: none !important;
padding: 5px;
}
.c-table_dt{
font-size: 12px;
color: #273233;
width: auto;
}
.c-table_dt td:first-child{
color: #889699;
width: 50%;
}
.c-table_presentation tr th,
.c-table_presentation tr td{
border-bottom: 1px solid #e6e6e6;
text-align: left;
padding: 8px;
}
.c-table_presentation tr:last-child td{
border: none;
}
.c-table_presentation tr th{
border-bottom-width: 2px;
}
.c-table__actions{
width: 75px;
}
.c-table__actions-wrap{
display: flex;
justify-content: space-between;
}
.c-table__action-button{
display: inline-block;
transition: transform 300ms;
height: 33px;
}
.c-table__action-button:hover{
transform: translate(0, -3px);
}
.c-table_zebra tr th{
vertical-align: bottom;
}
.c-table_zebra tr:nth-child(even) td{
background-color: #f7f7f7;
}
/* Table - END */
/* Calendar Table - START */
.c-calendar-table{
font-size: 14px;
width: 100%;
text-align: center;
overflow: hidden;
}
.c-calendar-table__td{
color: #273233;
border-radius: 3px;
padding: 0;
position: relative;
}
.c-calendar-table__td:hover::before,
.c-calendar-table__td:hover::after {
content: "";
z-index: -1;
position: absolute;
background-color: #eeeaf7;
}
.c-calendar-table__td:hover::after {
height: 10000px;
left: 0px;
bottom: 0;
right: -3px;
}
.c-calendar-table__td:hover::before{
top: -2px;
bottom: -1px;
right: 0;
width: 10000px;
}
.c-calendar-table__th{
color: #889699;
border: none;
font-weight: 300;
padding: 10px 17px;
position: relative;
}
.c-calendar-table__th b{
color: #735ca8;
}
.c-calendar-table tbody tr:first-child td:not(.c-calendar-table__th){
border-top: 2px solid #eeeaf7;
}
.c-calendar-table tbody tr:not(:last-child) .c-calendar-table__cell,
.c-calendar-table tbody tr:last-child td:not(.c-calendar-table__th){
border-bottom: 2px solid #eeeaf7;
}
.c-calendar-table__cell,
.c-calendar-table tbody tr td:nth-child(2){
border-left: 2px solid #eeeaf7;
}
.c-calendar-table tbody tr td:not(.c-calendar-table__th):last-child{
border-right: 4px solid #eeeaf7;
}
.c-calendar-table__cell{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
min-height: 57px;
}
.c-calendar-table__cell_accent{
color: #4ec416;
font-weight: 600;
}
button.c-calendar-table__cell_selected{
font-weight: 700;
}
button.c-calendar-table__cell_selected,
button.c-calendar-table__cell:hover{
background-color: #dbd3ec;
color: #9a87c6;
}
.c-calendar-table tbody tr .c-calendar-table__td:nth-of-type(2) .c-calendar-table__cell{
border-left: none;
}
.c-calendar-table__mobile-legends{
position: relative;
display: none;
}
.c-calendar-table__mobile-legends::after{
content: "";
display: block;
position: absolute;
height: 2px;
background: #eeeaf7;
left: -10px;
right: -10px;
bottom: 15px;
transform: rotate(21deg);
}
.c-calendar-table__mobile-legends-top{
position: relative;
top: -3px;
right: -1px;
text-align: right;
}
.c-calendar-table__mobile-legends-bottom{
position: relative;
bottom: -10px;
text-align: left;
left: 4px;
}
/* Calendar Table - END */
/* Icons - START */
.c-icon{
display: inline-block;
background-position: center;
background-repeat: no-repeat;
width: 22px;
height: 33px;
position: relative;
}
.c-icon_state_hidden{
display: none;
}
.c-icon_state_visible{
display: inline-block;
}
.c-icon_size_small{
height: 13px;
width: 13px;
}
.c-icon_size_medium{
height: 19px;
width: 19px;
}
.c-icon_negative::after{
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: url('../images/icon-x.svg') no-repeat center center;
background-size: contain;
}
.c-icon_size_medium.c-icon_negative::after{
transform: scale(0.9);
}
.c-icon_pencil{background-image: url('../images/icon-pencil.svg')}
.c-icon_delete{background-image: url('../images/icon-delete.svg')}
.c-icon_arrow-right{background-image: url('../images/icon-arrow-right.svg')}
.c-icon_bag{background-image: url('../images/icon-bag.svg')}
.c-icon_badge{background-image: url('../images/icon-badge.svg')}
.c-icon_badge-big{background-image: url('../images/icon-badge-big.svg')}
.c-icon_baby{background-image: url('../images/icon-baby.svg')}
.c-icon_suitcase{background-image: url('../images/icon-suitcase.svg')}
.c-icon_suitcase-disabled, .c-icon_suitcase.c-icon_negative{background-image: url('../images/icon-suitcase-disabled.svg')}
.c-icon_calendar{background-image: url('../images/icon-calendar.svg')}
.c-icon_calendar-2{background-image: url('../images/icon-calendar-2.svg');width:16px}
.c-icon_cancellation{background-image: url('../images/icon-cancellation.svg')}
.c-icon_changes{background-image: url('../images/icon-changes.svg')}
.c-icon_check{background-image: url('../images/icon-check.svg')}
.c-icon_clock{background-image: url('../images/icon-clock.svg')}
.c-icon_clock-2{background-image: url('../images/icon-clock-2.svg')}
.c-icon_map{background-image: url('../images/icon-map.png')}
.c-icon_email{background-image: url('../images/icon-email.svg')}
.c-icon_equipment{background-image: url('../images/icon-equipment.svg')}
.c-icon_kid{background-image: url('../images/icon-kid.svg')}
.c-icon_location{background-image: url('../images/icon-location.svg')}
.c-icon_mobile{background-image: url('../images/icon-mobile.svg')}
.c-icon_pet{background-image: url('../images/icon-pet.svg')}
.c-icon_phone{background-image: url('../images/icon-phone.svg')}
.c-icon_phone-2{background-image: url('../images/icon-phone-2.svg')}
.c-icon_plane{background-image: url('../images/icon-plane.svg')}
.c-icon_plane-2{background-image: url('../images/icon-plane-2.svg')}
.c-icon_priority{background-image: url('../images/icon-priority.svg')}
.c-icon_profile{background-image: url('../images/icon-profile.svg')}
.c-icon_questions{background-image: url('../images/icon-questions.svg')}
.c-icon_sandwich{background-image: url('../images/icon-sandwich.svg')}
.c-icon_seat{background-image: url('../images/icon-seat.svg')}
.c-icon_arrow-down{background-image: url('../images/icon-arrow-down-purple.svg');width: 13px;height: 11px;}
.c-icon_arrow-down-white{background-image: url('../images/icon-arrow-down-white.svg');width: 13px;height: 11px;}
.c-icon_dual-arrows{background-image: url('../images/icon-dual-arrows.svg');width: 13px}
.c-icon_help{background-image: url('../images/icon-help.png');width:33px;height:34px;}
.c-icon_basic-seat{background-image: url('../images/icon-basic-seat.svg');height:25px}
.c-icon_basic-seat-comfort{background-image: url('../images/icon-basic-seat-comfort.svg');height:25px}
.c-icon_business-class-seat-1{background-image: url('../images/icon-business-class-seat-1.svg')}
.c-icon_business-class-seat-2{background-image: url('../images/icon-business-class-seat-2.svg')}
.c-icon_business-food{background-image: url('../images/icon-business-food.svg')}
.c-icon_business-lounge{background-image: url('../images/icon-business-lounge.svg')}
.c-icon_cat{background-image: url('../images/icon-cat.svg')}
.c-icon_comfort-seat{background-image: url('../images/icon-comfort-seat.svg')}
.c-icon_drink{background-image: url('../images/icon-drink.svg')}
.c-icon_empty-seat{background-image: url('../images/icon-empty-seat.svg')}
.c-icon_entertainment{background-image: url('../images/icon-entertainment.svg')}
.c-icon_extra-legroom-seat{background-image: url('../images/icon-extra-legroom-seat.svg')}
.c-icon_fast-track{background-image: url('../images/icon-fast-track.svg')}
.c-icon_green-check{background-image: url('../images/icon-green-check.svg');height: 15px;}
.c-icon_purple-check{background-image: url('../images/icon-purple-check.svg');height: 15px;}
.c-icon_guitar{background-image: url('../images/icon-guitar.svg')}
.c-icon_internet{background-image: url('../images/icon-internet.svg')}
.c-icon_internet-usb{background-image: url('../images/icon-internet-usb.svg')}
.c-icon_kid2{background-image: url('../images/icon-kid2.svg')}
.c-icon_lounge-new{background-image: url('../images/icon-lounge-new.svg')}
.c-icon_meal{background-image: url('../images/icon-meal.svg')}
.c-icon_middle-seat{background-image: url('../images/icon-middle-seat.svg')}
.c-icon_newspaper{background-image: url('../images/icon-newspaper.svg')}
.c-icon_person{background-image: url('../images/icon-person.svg')}
.c-icon_priority-baggage{background-image: url('../images/icon-priority-baggage.svg')}
.c-icon_priority-boarding{background-image: url('../images/icon-priority-boarding.svg')}
.c-icon_priority-check-in{background-image: url('../images/icon-priority-check-in.svg')}
.c-icon_priority-security{background-image: url('../images/icon-priority-security.svg')}
.c-icon_refund{background-image: url('../images/icon-refund.svg')}
.c-icon_sandwich-upgrade{background-image: url('../images/icon-sandwich-upgrade.svg');width: 25px;}
.c-icon_sky-priority{background-image: url('../images/icon-sky-priority.svg')}
.c-icon_sky-priority-2{background-image: url('../images/icon-sky-priority-2.svg')}
.c-icon_special-meal{background-image: url('../images/icon-special-meal.svg')}
.c-icon_upgrade{background-image: url('../images/icon-upgrade.svg')}
.c-icon_train{background-image: url('../images/icon-train.svg')}
.c-icon_bus{background-image: url('../images/icon-bus-big.svg')}
.c-icon_suitcase-question{background-image: url('../images/icon-suitcase-question.svg')}
.c-icon_combinable{background-image: url('../images/icon-combinable.svg')}
.c-icon_combinable-blue{background-image: url('../images/icon-combinable-blue.svg')}
.c-icon_warning{background-image: url('../images/icon-warning.svg')}
.c-icon_warning-blue{background-image: url('../images/icon-warning-blue.svg')}
.c-icon_warning-red{background-image: url('../images/icon-warning-red.svg')}
.c-icon_extra-legroom{background-image: url('../images/icon-extra-legroom.svg')}
.c-icon_grey-checked{background-image: url('../images/icon-grey-checked.svg')}
.c-icon_grey-checked-big{background-image: url('../images/icon-grey-checked-big.svg')}
.c-icon_grey-hand-big{background-image: url('../images/icon-grey-hand-big.svg')}
.c-icon_hand-new{background-image: url('../images/icon-hand-new.svg')}
.c-icon_sandwich-plus{background-image: url('../images/icon-sandwich-plus.svg');width: 27px;}
.c-icon_wifi{background-image: url('../images/icon-wifi.svg')}
.c-icon_changes-icon{background-image: url('../images/icon-changes-icon.svg')}
.c-icon_check-in-fee{background-image: url('../images/icon-check-in-fee.svg');height:22px;}
.c-icon_check-in-fee_light{background-image: url('../images/icon-check-in-fee-white.svg');height:22px;}
.c-icon_excess-bag_1{background-image: url('../images/icon-excess-bag_1.svg'); width: 25px;}
.c-icon_headset{background-image: url('../images/icon-headset.svg'); width: 25px;}
.c-icon_miles_1{background-image: url('../images/icon-miles_1.svg'); width: 27px;}
.c-icon_overweight-baggage-1_1{background-image: url('../images/icon-overweight-baggage-1_1.svg'); width: 27px;height:28px;}
.c-icon_overweight-baggage-2_1{background-image: url('../images/icon-overweight-baggage-2_1.svg');}
.c-icon_sky-priority-icon-1{background-image: url('../images/icon-sky-priority-icon-1.svg'); width: 25px;}
.c-icon_sky-priority-icon-2{background-image: url('../images/icon-sky-priority-icon-2.svg'); width: 25px;}
.c-icon_sports-equipment-1{background-image: url('../images/icon-sports-equipment-1.svg');}
.c-icon_sports-equipment-2{background-image: url('../images/icon-sports-equipment-2.svg');}
.c-icon_stopover{background-image: url('../images/icon-stopover.svg');}
.c-icon_timer-red{background-image: url('../images/icon-timer-red.svg');}
.c-icon_timer-grey{background-image: url('../images/icon-timer-grey.svg');}
.c-icon_logout{background-image: url('../images/icon-logout.svg');}
.c-icon_trips{background-image: url('../images/icon-trips.svg');height: 18px;width: 26px;}
.c-icon_trips-light{background-image: url('../images/icon-trips-light.svg');height: 18px;width: 26px;}
.c-icon_passengers{background-image: url('../images/icon-passengers.svg');}
.c-icon_passengers-light{background-image: url('../images/icon-passengers-light.svg');}
.c-icon_id-card{background-image: url('../images/icon-id-card.svg');}
.c-icon_id-card-light{background-image: url('../images/icon-id-card-light.svg');}
.c-icon_dashboard{background-image: url('../images/icon-dashboard.svg');}
.c-icon_dashboard-light{background-image: url('../images/icon-dashboard-light.svg');}
.c-icon_cog{background-image: url('../images/icon-cog.svg');}
.c-icon_cog-light{background-image: url('../images/icon-cog-light.svg');}
.c-icon_passenger-edit{background-image: url('../images/icon-passenger-edit.svg');}
.c-icon_passenger-delete{background-image: url('../images/icon-passenger-delete.svg');}
.c-icon_chat{background-image: url('../images/icon-chat.svg');}
.c-icon_chat-dark{background-image: url('../images/icon-chat-dark.svg');}
.c-icon-prefixed-content{
position: relative;
padding: 11px 0 5px 32px;
font-size: 13.5px;
display: block;
}
.c-icon-prefixed-content_spaced{
margin-bottom: 5px;
}
.c-icon-prefixed-content_medium{
padding: 7px 0 4px 32px;
font-size: 12px;
}
.c-icon-prefixed-content .c-icon{
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.c-icon-prefixed-content_top-aligned .c-icon{
position: absolute;
left: 0;
top: 10px;
transform: none;
}
.c-icon-prefixed-content_top-aligned .c-icon.c-icon_location{
left: 3px;
top: 12px;
}
.c-icon-prefixed-content_top-icon .c-icon{
transform: none;
top: 7px;
}
.c-icon_top-offset{
top: 4px;
}
.c-icon_timer-grey.c-icon_size_medium{height: 19px;background-size: contain;}
.c-icon_timer-red.c-icon_size_medium{height: 19px;background-size: contain;}
.c-icon_baby.c-icon_size_medium{width: 22px;height: 22px;}
.c-icon_sandwich-plus.c-icon_size_medium{width: 28px;}
.c-icon-prefixed-content_inline{
display: inline-block;
padding: 0 20px 0 25px;
margin: 10px 0;
}
.c-icon-prefixed-content_inline .c-icon{
transform: none;
top: 1px;
}
/* Icons - END */
/* Grid - START */
.l-grid{
display: flex;
justify-content: flex-start;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -40px;
flex: 0 1 auto;
flex-wrap: wrap;
flex-direction: row;
}
.l-grid__cell{
box-sizing: border-box;
flex: 0 0 auto;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.l-grid__cell_fluid{
flex: 1 0 auto;
}
.l-grid_bordered-items .l-grid__cell:not(:first-child){
border-left: 1px solid #e6e6e6;
}
.l-grid_bordered-items .l-grid__cell{
padding-bottom: 0;
margin-bottom: 40px;
}
.l-grid_centered{
align-items: center;
justify-content: center;
}
.l-grid__cell_centered{
align-items: center;
display: flex;
}
.l-grid_cozy{
margin-left: -10px;
margin-right: -10px;
margin-bottom: -20px;
}
.l-grid_cozy .l-grid__cell{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.l-grid_compact{
margin-left: -5px;
margin-right: -5px;
margin-bottom: -10px;
}
.l-grid_compact .l-grid__cell{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
}
.l-grid_bottomless{
margin-bottom: 0 !important;
}
.l-grid__cell_bottomless,
.l-grid_bottomless .l-grid__cell{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.l-grid_gutterless{
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.l-grid_gutterless .l-grid__cell{
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.l-grid__cell_checkbox-container{
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: row-reverse;
}
.l-grid__cell_checkbox-container .c-site-form__label{
margin-bottom: 0;
margin-top: 3px;
}
.l-grid__cell_checkbox-container input[type="checkbox"]{
margin: 4px 15px 0 3px;
transform: scale(1.5);
}
.l-grid__cell_size_100{width: 100%}
.l-grid__cell_size_75{width: 75%}
.l-grid__cell_size_70{width: 70%}
.l-grid__cell_size_66{width: 66.66667%}
.l-grid__cell_size_60{width: 60%}
.l-grid__cell_size_55{width: 55%}
.l-grid__cell_size_50{width: 50%}
.l-grid__cell_size_45{width: 45%}
.l-grid__cell_size_40{width: 40%}
.l-grid__cell_size_35{width: 35%}
.l-grid__cell_size_33{width: 33.33333%}
.l-grid__cell_size_30{width: 30%}
.l-grid__cell_size_25{width: 25%}
.l-grid__cell_size_20{width: 20%}
@media screen and (max-width: 1200px) {
.l-grid__cell_size-medium_100{width: 100%}
.l-grid__cell_size-medium_75{width: 75%}
.l-grid__cell_size-medium_70{width: 70%}
.l-grid__cell_size-medium_66{width: 66.66667%}
.l-grid__cell_size-medium_60{width: 60%}
.l-grid__cell_size-medium_55{width: 55%}
.l-grid__cell_size-medium_50{width: 50%}
.l-grid__cell_size-medium_45{width: 45%}
.l-grid__cell_size-medium_40{width: 40%}
.l-grid__cell_size-medium_35{width: 35%}
.l-grid__cell_size-medium_33{width: 33.33333%}
.l-grid__cell_size-medium_30{width: 30%}
.l-grid__cell_size-medium_25{width: 25%}
.l-grid__cell_size-medium_20{width: 20%}
}
@media screen and (max-width: 700px) {
.l-grid__cell_size-small_100{width: 100%}
.l-grid__cell_size-small_75{width: 75%}
.l-grid__cell_size-small_70{width: 70%}
.l-grid__cell_size-small_66{width: 66.66667%}
.l-grid__cell_size-small_60{width: 60%}
.l-grid__cell_size-small_55{width: 55%}
.l-grid__cell_size-small_50{width: 50%}
.l-grid__cell_size-small_45{width: 45%}
.l-grid__cell_size-small_40{width: 40%}
.l-grid__cell_size-small_35{width: 35%}
.l-grid__cell_size-small_33{width: 33.33333%}
.l-grid__cell_size-small_30{width: 30%}
.l-grid__cell_size-small_25{width: 25%}
.l-grid__cell_size-small_20{width: 20%}
}
@media screen and (max-width: 450px) {
.l-grid__cell_size-tiny_100{width: 100%}
.l-grid__cell_size-tiny_75{width: 75%}
.l-grid__cell_size-tiny_70{width: 70%}
.l-grid__cell_size-tiny_66{width: 66.66667%}
.l-grid__cell_size-tiny_55{width: 55%}
.l-grid__cell_size-tiny_50{width: 50%}
.l-grid__cell_size-tiny_45{width: 45%}
.l-grid__cell_size-tiny_40{width: 40%}
.l-grid__cell_size-tiny_35{width: 35%}
.l-grid__cell_size-tiny_33{width: 33.33333%}
.l-grid__cell_size-tiny_30{width: 30%}
.l-grid__cell_size-tiny_25{width: 25%}
.l-grid__cell_size-tiny_20{width: 20%}
}
/* Grid - END */
/* Suggestions - START */
.c-suggestions{
border-radius: 3px;
border: 1px solid #7963ae;
background-color: #fff;
box-sizing: border-box;
}
.c-suggestions__child,
.c-suggestions__parent{
display: block;
text-align: left;
}
.c-suggestions__child{
padding: 10px 20px 8px 33px;
font-size: 12px;
background: url('../images/icon-airplane-small.png') no-repeat 12px center;
}
.c-suggestions__parent{
background-color: #f1eef7;
color: #7963ae;
padding: 10px;
font-size: 13px;
}
.c-suggestions__parent:hover,
.c-suggestions__child:hover{
text-decoration: underline;
}
/* Suggestions - END */
/* Input container - START */
.c-input{
background-color: #fff;
border: 1px solid #a6b0b3;
border-radius: 2px;
padding: 10px 10px 6px;
position: relative;
display: block;
}
.c-input_rounded{
border-radius: 9px;
}
.c-input_round{
border-radius: 10px;
border-color: #cad6d7;
}
.c-input_inner{
padding: 0;
border: none;
border-radius: 0;
}
.c-input__icon{
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
}
.c-input__icon_clickable{
cursor: pointer;
}
.c-input__icon_clickable:hover{
opacity: 0.8;
}
.c-input .kalendae .c-input__extension{
padding-bottom: 20px;
}
.c-input > .c-input__extension{ /* Hides direct Extension before being added to kalendae */
display: none;
}
.c-input__control{
border: none;
outline: none;
width: 100%;
box-sizing: border-box;
font-size: 15px;
font-family: inherit;
text-overflow: ellipsis;
}
.c-input__control_icon{
width: 86%;
}
.c-input__control.c-daterangepicker{
cursor: pointer;
max-width: 92%;
}
.c-input__label{
display: block;
font-size: 12px;
line-height: 1;
margin-bottom: 7px;
font-weight: 700;
}
.c-input__label_spaceless{
margin-bottom: 0;
}
.c-input .kalendae{
display: none;
}
.c-input_active .kalendae{
display: block;
left: -2px;
width: 510px;
padding: 10px 15px;
margin-top: 18px;
}
.c-input_kalendae-single-month .kalendae{
width: 255px;
}
.c-input__suggestions::before,
.c-input__suggestions::after,
.kalendae::before,
.kalendae::after{
content: "";
display: block;
position: absolute;
background-color: #fff;
}
.c-input__suggestions::before,
.kalendae::before{
width: 15px;
top: -8px;
height: 15px;
left: 16px;
transform: rotate(45deg);
border: 1px solid #7963ae;
border-radius: 3px;
}
.c-input__suggestions::after,
.kalendae::after{
height: 13px;
width: 33px;
left: 9px;
top: 0px;
}
.c-input__suggestions{
position: absolute;
display: none;
z-index: 9999;
width: 500px;
left: -12px;
margin-top: 18px;
padding-top: 13px;
}
.c-input__suggestions_active{
display: block;
}
.c-suggestions__results{
max-height: 385px;
overflow: auto;
}
.c-input::after{
content: "";
position: absolute;
left: 0;
display: block;
bottom: -3px;
height: 3px;
background-color: #9a87c6;
}
@keyframes inputLoader {
from {width: 0; opacity: 1;}
to {width: 80%; opacity:0;}
}
.c-input_loading::after{
animation: inputLoader 1.2s infinite;
}
/* Input container - END */
/* Passengers selector - START */
.c-passengers{
position: relative;
}
.c-passengers__controls{
border-radius: 3px;
border: 1px solid #7963ae;
padding: 15px;
background-color: #fff;
position: absolute;
min-width: 274px;
margin-top: 18px;
box-sizing: border-box;
display: none;
z-index: 9997;
left: -12px;
}
.c-passengers__controls::before,
.c-passengers__controls::after{
content: "";
display: block;
position: absolute;
background-color: #fff;
}
.c-passengers__controls::before{
width: 15px;
top: -8px;
height: 15px;
left: 16px;
transform: rotate(45deg);
border: 1px solid #7963ae;
border-radius: 3px;
}
.c-passengers__controls::after{
height: 13px;
width: 33px;
left: 9px;
top: 0px;
}
.c-passengers_active .c-passengers__controls{
display: block;
}
.c-passengers__display{
display: block;
text-overflow: ellipsis;
margin-right: 15px;
cursor: pointer;
}
.c-passengers__bottom{
justify-content: space-between;
align-items: center;
display: flex;
padding-top: 15px;
margin-top: 15px;
position: relative;
}
.c-passengers__bottom::after{
content: "";
position: absolute;
left: 50%;
top: 0;
width: 90px;
height: 1px;
background: #ededee;
transform: translate(-50%, 0);
}
.c-passengers__type{
display: flex;
align-items: center;
justify-content: space-between;
}
.c-passengers__type:not(:last-child){
margin-bottom: 15px;
}
.c-passengers__type:nth-child(n + 4){
display: none;
}
.c-passengers__controls_detailed .c-passengers__type:nth-child(n + 4){
display: flex;
}
.c-passengers__title,
.c-passengers__details{
display: block;
}
.c-passengers__title{
font-weight: bold;
}
.c-passengers__details{
font-size: 12px;
color: #999;
margin-top: 2px;
}
/* Passengers selector - END */
/* Stepper - START */
.c-stepper__value{
display: inline-block;
width: 23px;
height: 23px;
font-size: 16px;
line-height: 23px;
text-align: center;
outline: none;
border: none;
background: none;
position: relative;
top: -1px;
margin: 0 -2px;
}
/* Stepper - END */
/* Popup - START */
.c-popup{
display: none;
position: fixed;
z-index: 99998;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.c-popup__overlay{
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.c-button-close,
.c-popup__close{
position: absolute;
top: 0px;
right: -36px;
width: 30px;
height: 30px;
display: block;
font-size: 28px;
line-height: 1;
background-color: #fff;
border-radius: 50%;
color: #735ca8;
transition: all 350ms;
border: 2px solid #735ca8;
}
.c-popup__close:hover{
color: #fff;
background-color: #735ca8;
}
.c-popup__heading{
text-align: center;
padding: 15px 30px;
color: #fff;
background-color: #3ab8e1;
}
.c-popup__content{
padding: 30px;
max-height: calc(98vh);
box-sizing: border-box;
overflow: auto;
margin: 4px;
}
.c-popup__body_packet-details .c-popup__content{
padding: 15px 0;
margin: 0;
}
.c-popup__body_compact .c-popup__content{
padding: 10px;
}
.c-popup_type_image img,
.c-popup__content video,
.c-popup__content iframe{
max-width: 100%;
height: auto;
display: block;
}
.c-popup_type_image .site-popup__content{
padding: 0;
}
.c-popup__body{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50.2%);
transform-style: preserve-3d;
background-color: #fff;
border: 2px solid #7963ae;
border-radius: 9px;
}
.c-popup__body_size_small{width: 300px;}
.c-popup__body_size_small-medium{width: 450px;}
.c-popup__body_size_medium{width: 600px;}
.c-popup__body_size_medium-big{width: 700px;}
.c-popup__body_size_medium-bigger{width: 950px;}
.c-popup__body_size_big{width: 1200px;}
/* Popup - END */
/* Tooltips - START */
.c-tooltip{
position: absolute;
padding: 9px 10px;
background-color: #735ca8;
color: #fff;
border-radius: 4px;
display: none;
z-index: 99999;
max-width: 300px;
box-sizing: border-box;
}
.c-tooltip:after{
content: "";
display: block;
z-index: 98;
width: 14px;
height: 14px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
background-color: #735ca8;
border-radius: 4px;
}
[data-tooltip]:not(a):not(button) {
cursor: help;
}
.c-tooltip-top:after{left: 50%; bottom: -5px; margin-left: -7px;}
.c-tooltip[aria-hidden="false"]{
display: block;
}
/* Tooltips - END */
/* Paging - START */
.c-paging{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.c-paging__mobile-breakpoint{
display: none;
}
.c-paging__info{
color: #889699;
}
.c-paging__item,
.c-paging__ellipsis{
min-width: 33px;
height: 33px;
line-height: 33px;
margin-left: 3px;
text-align: center;
color: #b3b3b3;
font-weight: 600;
display: inline-block;
overflow: hidden;
}
.c-paging__ellipsis{
font-size: 30px;
line-height: 20px;
}
.c-paging__item{
border-radius: 6px;
border: 1px solid #b3b3b3;
transition: all 300ms;
}
.c-paging__item:hover,
.c-paging__item_active{
border-color: #4f5f60;
background-color: #4f5f60;
color: #fff;
}
.c-paging__item_next,
.c-paging__item_previous{
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center center;
}
.c-paging__item_next{
background-image: url('../images/icon-arrow-next.png');
}
.c-paging__item_previous{
background-image: url('../images/icon-arrow-back.png');
background-position: 11px center;
}
/* Paging - END */
/* Offer - Date - START */
.c-date{
display: inline-block;
width: 50px;
padding: 10px 0 5px;
border: 1.3px solid #9f8fc3;
border-radius: 6px;
position: relative;
text-align: center;
}
.c-date::before,
.c-date::after{
content: "";
display: block;
position: absolute;
top: -6px;
left: 12px;
width: 4px;
height: 8px;
border-radius: 4px;
background-color: #fff;
border: 1.3px solid #9f8fc3;
}
.c-date::after{
left: 33px;
}
.c-date__day{
font-size: 24px;
font-weight: 400;
}
.c-date__month,
.c-date__day{
line-height: 1;
display: block;
}
.c-date__month{
font-size: 12px;
}
.c-flight-option__transfers-count{
display: none;
}
/* Offer - Date - END */
/* Offer - Flight route - START */
.c-flight-route{
position: relative;
text-align: center;
font-size: 12px;
color: #889699;
width: 150px;
}
.c-flight-route__display{
display: flex;
justify-content: space-between;
}
.c-flight-route::before{
content: "";
display: block;
height: 1px;
background-color: #b5bebf;
position: absolute;
left: 0;
right: 0;
top: 50%;
}
.c-flight-route__duration{
color: #273233;
margin-bottom: 12px;
font-weight: 500;
position: relative;
}
.c-flight-route__point{
min-width: 29px;
display: inline-block;
padding-top: 15px;
text-transform: uppercase;
position: relative;
text-align: center;
}
.c-flight-route__technical-stop{
color: #5486D1;
font-weight: 700;
position: absolute;
top: 35px;
left: 0;
right: 0;
font-size: 11px;
}
.c-flight-route__technical-stop .c-icon{
top: 2px;
}
.c-flight-route_blanks{
width: 160px;
}
.c-flight-route_blanks_split .c-flight-route__technical-stop::before,
.c-flight-route_blanks_split .c-flight-route__technical-stop::after,
.c-flight-route_blanks .c-flight-route__duration::before,
.c-flight-route_blanks .c-flight-route__duration::after,
.c-flight-route__point:not(:first-child)::after{
display: block;
content: "";
position: absolute;
top: -4px;
background-color: #fff;
overflow: hidden;
}
.c-flight-route_blanks .c-flight-route__duration{
margin-bottom: 30px;
}
.c-flight-route_blanks_split .c-flight-route__technical-stop::before,
.c-flight-route_blanks_split .c-flight-route__technical-stop::after,
.c-flight-route_blanks .c-flight-route__duration::before,
.c-flight-route_blanks .c-flight-route__duration::after,
.c-flight-route__point:not(:last-child)::after{
border-radius: 50%;
border: 1px solid #a6b0b3;
outline: 2px solid #fff;
left: 50%;
transform: translate(-50%, 0);
width: 9px;
height: 9px;
}
.c-flight-route__point_transportation_Railway::after,
.c-flight-route__point_transportation_Bus::after{
display: block;
content: "";
position: absolute;
top: -4px !important;
overflow: hidden;
border: none !important;
border-radius: 0 !important;
}
.c-flight-route__point_transportation_Bus::after{
background: #fff url(../images/icon-bus-big.svg) no-repeat center center;
width: 14px !important;
height: 14px !important;
}
.c-flight-route__point_transportation_Railway::after{
background: #fff url(../images/icon-train.svg) no-repeat center center;
width: 11px !important;
height: 14px !important;
}
.c-flight-route__point_transportation_Railway:first-child::after,
.c-flight-route__point_transportation_Bus:first-child::after{
left: 0;
transform: none;
}
.c-flight-route_blanks .c-flight-route__duration::before{
left: 0;
}
.c-flight-route_blanks .c-flight-route__duration::after{
left: initial;
right: 0;
}
.c-flight-route_blanks .c-flight-route__duration::before,
.c-flight-route_blanks .c-flight-route__duration::after{
transform: none;
top: 17px;
}
.c-flight-route__point:first-child{
text-align: left;
}
.c-flight-route__point:last-child{
text-align: right;
right: -15px;
}
.c-flight-route__point:last-child::after{
width: 20px;
height: 15px;
right: 0;
top: -7px;
background: #fff url('../images/icon-airplane-small.png') no-repeat center center;
}
.c-flight-route_blanks_split .c-flight-route__technical-stop::before{
left: 60px;
top: -18px;
}
.c-flight-route_blanks_split .c-flight-route__technical-stop::after{
right: 50px;
top: -18px;
left: initial;
}
.c-flight-route_blanks_split::after{
content: "";
position: absolute;
display: block;
height: 9px;
width: 25px;
background: #fff;
left: 67px;
top: 18px;
}
/* Offer - Flight route - END */
/* Offer - Flight option - START */
.c-flight-option__logos{
padding-left: 10px;
text-align: right;
}
.c-flight-option__summary-col-1,
.c-flight-option__details-row,
.c-flight-option__summary{
display: flex;
align-items: center;
justify-content: space-between;
}
.c-flight-option__summary{
position: relative;
}
.c-flight-option__summary-col-1{
width: 202px;
}
.c-flight-option__summary-col-3{
margin-right: 10px;
}
.c-flight-option__summary-col-2,
.c-flight-option__summary-col-4{
min-width: 85px;
max-width: 105px;
}
.c-flight-option__details-row{
padding: 21px 0 10px 20px;
/* padding: 18px 0 18px 0; */
font-size: 13px;
justify-content: flex-start;
}
.c-flight-option__details-col-1{
width: 175px;
}
.c-flight-option__details-col-4,
.c-flight-option__details-col-2{
width: 125px;
text-align: right;
}
.c-flight-option__details-col-3{
margin: 0 17px 0 18px;
}
.c-offers-list_single-offer .c-flight-option__details-col-2{
margin-left: 60px;
}
.page-flights-thanks .c-offers-list_single-offer .c-flight-option__details-col-2{
margin-left: 0;
}
.c-offers-list_single-offer .c-flight-option__details-col-3,
.c-offer_no-purchase-controls .c-flight-option__details-col-3 {
margin: 0 46px;
}
.c-flight-option__details-col-4{
text-align: left;
}
.c-flight-option__details-row_spaceless{
padding-top: 0;
padding-bottom: 0;
}
.c-flight-option__baggage-icons{
transition: opacity 300ms;
}
.c-flight-option__baggage-icons > .c-icon{
display: block;
}
.c-flight-option__baggage-icons > .c-icon:not(:last-child){
margin-bottom: 10px;
}
.c-flight-option__details{
display: none;
}
.c-flight-option__bordered{
border-left: 1px solid #b5bebf;
padding: 0 0 0 8px;
}
/* Offer - Flight option - END */
/* Offer - START */
.c-offer{
padding: 20px 20px 10px;
border-radius: 10px;
background-color: #fff;
border: 1px solid #ededee;
position: relative;
}
.c-box__toggle,
.c-offer__toggle{
color: #b50625;
padding: 0 25px 0 0;
position: relative;
z-index: 3;
}
.c-box__toggle::after,
.c-offer__toggle::after{
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
width: 11px;
height: 7px;
transition: all 300ms;
background: url('../images/icon-tick-danger.png') no-repeat center center;
}
.c-offer__toggle_icon-rotated::after{
transform: rotate(-90deg) translate(3px, -6px);
}
.c-box__toggle:hover,
.c-offer__toggle:hover{
text-decoration: underline;
}
.c-offer__header{
display: flex;
align-items: center;
justify-content: space-between;
}
.c-offer__prices{
text-align: center;
width: 175px;
padding: 20px 0;
box-sizing: border-box;
}
.c-offer__prices_has-warning{
padding: 40px 0 10px;
}
.c-offer__seats-warning {
position: absolute;
color: #fff;
background: #735ca8;
font-weight: 800;
top: 15px;
right: -5px;
font-size: 13px;
padding: 4px 12px 3px;
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.c-offers-list_single-offer .c-offer__seats-warning {
top: initial;
bottom: 8px;
}
.c-offer__price-details{
margin: 5px 0 30px;
}
.c-offers-list_single-offer .c-offer__price-details{
margin: 5px 0 0;
}
.c-offer__flights{
padding: 0 10px;
width: calc(100% - 180px);
border-right: 1px solid #ededee;
}
.c-offers-list_single-offer .c-offer__flights,
.c-offer_no-purchase-controls .c-offer__flights{
width: 100%;
padding: 0;
border: none;
}
.c-offers-list_single-offer .c-flight-option__details-row,
.c-offer_no-purchase-controls .c-flight-option__details-row{
padding-left: 31px;
}
.c-offers-list_single-offer .c-offer__prices,
.c-offer_no-purchase-controls .c-offer__prices{
display: none;
}
.c-offer__flights-row{
padding: 15px 0;
}
.c-offer__flights-row:not(:last-child){
border-bottom: 1px solid #ededee;
}
.c-offer__flights-row:first-child{
padding-top: 5px;
padding-bottom: 10px;
}
.c-offer__flights-row:last-child{
padding-bottom: 0;
}
.c-offer__footer{
border-top: 1px solid #ededee;
margin-top: 11px;
padding-top: 11px;
}
.js-airport-change-flight-hook{
display: none;
}
.c-offer_active .c-offer__toggle::after{
transform: translate(0, -50%) rotate(180deg);
}
.c-offer_active .c-flight-option__baggage-icons{
opacity: 0;
}
.c-offer_active .js-airport-change-flight-hook,
.c-offer_active .c-offer__toggle-state-expanded,
.c-offer__toggle-state-collapsed{
display: block;
}
.c-offer_active .c-offer__toggle-state-collapsed,
.c-offer__toggle-state-expanded{
display: none;
}
/* Offer - END */
/* Box - START */
.c-box{
border: 1px solid #e6e6e6;
background-color: #fff;
border-radius: 10px;
padding: 23px 25px;
display: block;
overflow: hidden;
position: relative;
}
.c-box__close-button{
position: absolute;
top: 4px;
right: 4px;
font-size: 20px;
color: #fff;
background-color: #735ca8;
width: 22px;
line-height: 23px;
height: 22px;
text-align: center;
border-radius: 50%;
}
.c-box_active .c-box__expandable-content,
.c-box_active .c-box__toggle_state_expanded,
.c-box__toggle_state_collapsed{
display: block;
}
.c-box__expandable-content,
.c-box_active .c-box__toggle_state_collapsed,
.c-box__toggle_state_expanded{
display: none;
}
.c-box_overflowing{
overflow: visible;
}
.c-box_with-header{
padding: 0;
}
.c-box__header{
text-transform: uppercase;
display: block;
font-size: 18px;
text-align: center;
padding: 15px 0 13px;
font-weight: 1000;
}
.c-box__content{
padding: 20px;
background-color: #fff;
color: #4f5f60;
}
.c-box a:not(.c-button):hover{
text-decoration: underline;
}
.c-external-link::after,
.c-box_accent a[target="_blank"]::after{
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url('../images/icon-external-window.png') no-repeat center center;
position: relative;
bottom: -1px;
right: -5px;
}
.c-box_compact{
padding: 15px 15px 13px;
}
.c-box_compact-sideway{
padding: 5px 15px 3px;
}
.c-box_compact-asymetric{
padding: 10px 15px 13px;
}
.c-box_centered{
margin: 0 auto;
}
.c-box_accent{
color: #bf3d9d;
border-color: #efe3f5;
background-color: #efe3f5;
line-height: 1.8;
}
.c-box_accent.c-box_outlined{
border-color: #bf3d9d;
}
.c-box_linespaced{
line-height: 1.8;
}
.c-box_purple{
color: #735ca8;
border-color: #735ca8;
background-color: #e5e1f0;
line-height: 1.8;
}
.c-box_purple.c-box_outlined{
border-color: #735ca8;
}
.c-box_notice{
color: #32bac9;
border-color: #daf8fb;
background-color: #daf8fb;
}
.c-box_notice.c-box_outlined{
border-color: #32bac9;
}
.c-box_success .c-box__header,
.c-box_success{
color: #4bb214;
border-color: #d9f5cb;
background-color: #d9f5cb;
}
.c-box_success.c-box_outlined{
border-color: #4bb214;
}
.c-box_warning{
color: #5486d1;
border-color: #dfeafb;
background-color: #dfeafb;
}
.c-box_warning.c-box_outlined{
border-color: #5486d1;
}
.c-box__media{
margin-right: 20px;
}
.c-box_bleached{
background-color: #fff;
}
.c-box_outlined_thick{
border-width: 2px;
}
.c-box_register-cta .c-box__media{
margin-right: 0;
width: 300px;
text-align: center;
}
.c-box_register-cta .c-text{
width: calc(100% - 310px);
}
.c-box__toggle{
padding-right: 20px;
}
.c-box__action .c-icon{
top: 4px;
}
.c-box_actions {
padding-top: 40px;
padding-bottom: 40px;
line-height: 1.7;
}
.c-box_actions .c-box__action{
position: absolute;
font-size: 13px;
color: #b50625;
}
.c-box_actions .c-box__action_top-right{
right: 15px;
top: 4px;
}
.c-box_actions .c-box__action_bottom-right{
right: 15px;
bottom: 10px;
}
.c-box_actions .c-box__action_bottom-left{
left: 15px;
bottom: 10px;
}
.c-box_nowrap-links a{
white-space: nowrap;
}
/* Box - END */
/* Offers list - START */
.c-offers-list__item{
transition: all 350ms;
}
.c-offers-list__item_ajax{
opacity: 0;
transform: scale(0.9) translate(0, 30px);
}
.c-offers-list__item:not(:last-child){
margin-bottom: 15px;
}
/* Offers list - END */
/* Price tag - START */
.c-price-tag{
display: inline-block;
font-size: 30px;
line-height: 1;
color: #273233;
font-weight: 700;
}
.c-price-tag_block{
display: block;
text-align: center;
}
.c-price-tag_accent{
font-size: 22px;
color: #735ca8;
}
.c-price-tag_accent_medium{
font-size: 18px;
color: #735ca8;
}
.c-price-tag sup{
font-size: 15px;
vertical-align: text-top;
}
.c-price-tag_muted{
color: #889699;
font-size: 21px;
}
.c-price-tag_small{
font-size: 22px;
}
/* Price tag - END */
/* Accordeon - START */
.c-accordeon__item{
position: relative;
}
.c-accordeon__item:not(:last-child){
padding-bottom: 20px;
margin-bottom: 20px;
}
.c-accordeon__item:not(:last-child)::after{
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 110px;
height: 1px;
background: #ededee;
transform: translate(-50%, 0);
}
.c-accordeon__title{
display: block;
box-sizing: border-box;
padding-right: 15px;
width: 100%;
position: relative;
text-align: left;
font-weight: 700;
outline-offset: 5px;
}
.c-accordeon__title_spaced{
padding-top: 5px;
padding-bottom: 3px;
}
.c-accordeon__title .c-icon{
top: 2px;
}
.c-accordeon__title_accent{
font-size: 18px;
}
.c-accordeon__title:hover{
color: #735ca8;
}
.c-accordeon__title::after{
transition: all 300ms;
content: "";
display: block;
background: url('../images/icon-arrow-down-small.png') no-repeat center center;
position: absolute;
right: 0;
top: 50%;
width: 11px;
height: 7px;
margin-top: -4px;
}
.c-accordeon_accent-arrows .c-accordeon__title::after{
background-image: url('../images/icon-arrow-down-accent-small.png');
}
.c-accordeon__content{
display: none;
padding-top: 10px;
}
.c-accordeon__content_padded{
padding-left: 7px;
}
.c-accordeon__item_active > .c-accordeon__content{
display: block;
}
.c-accordeon__item_active > .c-accordeon__title::after{
transform: rotate(180deg);
}
.c-accordeon_list .c-accordeon__item:not(:last-child){
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: 2px solid #ededee;
}
.c-accordeon_list .c-accordeon__item:not(:last-child)::after{
display: none;
}
.c-accordeon_list .c-accordeon__item_borderless{
border: none !important;
}
.c-accordeon_warning .c-accordeon__content,
.c-accordeon_warning .c-accordeon__title{
color: #b50625;
}
.c-accordeon_warning .c-accordeon__title{
font-size: 17px;
}
.c-accordeon_warning pre{
color: #e48293;
}
.c-accordeon__item_disabled .c-accordeon__title{
cursor: default;
padding-right: 0;
}
.c-accordeon__item_disabled .c-accordeon__title::after{
display: none;
}
/* Accordeon - END */
/* Checkbox - START */
.c-checkbox{
position: relative;
overflow: hidden;
display: block;
cursor: pointer;
font-size: 15px;
margin: 5px 0;
}
.c-checkbox_inline{
display: inline-block;
}
.c-checkbox *{
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c-checkbox__input{
position: absolute;
left: -9999px;
}
.c-checkbox__text{
position: relative;
padding: 8px 0 5px 33px;
display: block;
min-width: 10px;
}
.c-checkbox__text_justified{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.c-checkbox__text a{
text-decoration: underline;
font-weight: 600;
}
.c-checkbox__text::after,
.c-checkbox__text::before{
content: "";
position: absolute;
display: block;
}
.c-checkbox__text::before{
left: 0;
top: 6px;
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid #735ca8;
z-index: 2;
border-radius: 3px;
}
.c-checkbox__text::after{
z-index: 3;
left: 3px;
top: 10px;
width: 17px;
height: 13px;
background: url('../images/icon-tick.png') no-repeat center center;
background-size: contain;
transition: transform 250ms;
transform: scale(0);
}
.c-checkbox__secondary{
font-weight: 500;
}
.c-checkbox_compact{
margin: 0;
}
.c-checkbox_compact .c-checkbox__text{
font-size: 13px;
padding: 7px 0 7px 24px;
}
.c-checkbox_compact .c-checkbox__text::before{
height: 15px;
width: 15px;
}
.c-checkbox_compact .c-checkbox__text::after{
left: 3px;
top: 10px;
width: 12px;
height: 10px;
}
.c-checkbox__input:checked + .c-checkbox__text::after{
transform: scale(1);
}
.c-checkbox__input:checked + .c-checkbox__text .c-checkbox__secondary{
color: #4ec416;
}
.c-checkbox__input:disabled + .c-checkbox__text{
opacity: 0.6;
cursor: not-allowed;
}
.c-site-content__aside .c-checkbox__input:checked + .c-checkbox__text{
font-weight: 800;
}
.c-checkbox_inline{
display: inline-block;
margin: 0 10px 0 0;
}
.c-checkbox_inline:last-child{
margin-right: 0;
}
/* Checkbox - END */
/* Radio Button - START */
.c-radio{
position: relative;
overflow: hidden;
display: block;
margin: 5px 0;
cursor: pointer;
font-size: 15px;
}
.c-radio *{
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c-radio__input{
position: absolute;
left: -9999px;
}
.c-radio__text{
position: relative;
padding: 8px 0 5px 33px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.c-radio_theme_light .c-radio__text{
color: #fff;
}
.c-radio__text_justified{
justify-content: space-between;
}
.c-radio__text::after,
.c-radio__text::before{
content: "";
position: absolute;
display: block;
}
.c-radio__text::before{
left: 0;
top: 6px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
border: 1px solid #735ca8;
}
.c-radio__text::after{
z-index: 3;
left: 6px;
top: 12px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #735ca8;
transition: transform 250ms;
transform: scale(0);
}
.c-radio__secondary{
font-weight: 500;
}
.c-radio_compact{
margin: 0;
}
.c-radio_compact .c-radio__text{
font-size: 14px;
}
.c-radio_compact .c-radio__text::before{
height: 16px;
width: 16px;
}
.c-radio_compact .c-radio__text::after{
left: 5px;
top: 11px;
width: 8px;
height: 8px;
}
.c-radio_compact .c-radio__text {
padding: 7px 0 7px 26px;
}
.c-radio__input:checked + .c-radio__text::after{
transform: scale(1);
}
.c-radio__input:checked + .c-radio__text .c-radio__secondary{
color: #4ec416;
}
.c-radio__input:disabled + .c-radio__text{
opacity: 0.6;
cursor: not-allowed;
}
.c-radio_inline{
display: inline-block;
margin: 0 10px 0 0;
}
.c-radio_inline:last-child{
margin-right: 0;
}
/* Radio Button - END */
/* Radio group - START */
.c-radio-group{
display: flex;
}
.c-radio-group__button:not(:first-child){
margin-left: -1px;
}
.c-radio-group__text{
padding: 10px 15px;
display: inline-block;
background-color: #fff;
color: #7f8486;
border: 1px solid #a6b0b3;
position: relative;
z-index: 1;
font-weight: 700;
}
.c-radio-group__button:first-child .c-radio-group__text{
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.c-radio-group__button:last-child .c-radio-group__text{
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.c-radio-group_round .c-radio-group__button:first-child .c-radio-group__text{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.c-radio-group_round .c-radio-group__button:last-child .c-radio-group__text{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.c-radio-group_round .c-radio-group__text{
border-color: #cad6d7;
}
.c-radio-group__input:checked + .c-radio-group__text{
z-index: 2;
border-color: #735ca8;
background-color: #735ca8;
color: #fff;
}
.c-radio-group__input{
display: none;
}
.c-radio-group_theme_light{
background-color: #735ca8;
}
.c-radio-group_theme_light .c-radio-group__text{
border-color: #fff;
padding-bottom: 8px;
background-color: #735ca8;
color: #fff;
}
.c-radio-group_theme_light .c-radio-group__button:first-child .c-radio-group__text{
border-top-left-radius: 9px;
border-bottom-left-radius: 9px;
}
.c-radio-group_theme_light .c-radio-group__button:last-child .c-radio-group__text{
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}
.c-radio-group_theme_light .c-radio-group__input:checked + .c-radio-group__text {
border-color: #fff;
background-color: #fff;
color: #735ca8;
}
/* Radio group - END */
/* Flash messages - START */
.c-flash-messages{
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
font-size: 14px;
font-weight: 700;
}
.c-flash-messages_state_failed{
background-color: crimson;
color: #fff;
}
.c-flash-messages_state_success{
background-color: #5486d1;
color: #fff;
}
.c-flash-messages__content{
padding: 18px 40px 16px 20px;
}
.c-flash-messages__close{
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
font-size: 35px;
line-height: 1;
height: 35px;
color: inherit;
}
/* Flash messages - END */
/* Buttons - START */
.c-button{
background-color: #e3163c;
border: 1px solid #e3163c;
color: #fff;
font-family: inherit;
text-transform: uppercase;
padding: 10px 20px 9px;
line-height: 1;
border-radius: 8px;
font-weight: 700;
display: inline-block;
box-sizing: border-box;
transition: all 300ms;
}
.c-button_mobile-filters{
display: none;
}
.c-button_search{
height: 56px;
line-height: 36px;
font-size: 18px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.c-button_sign{
padding: 0;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 17px;
font-family: Arial, sans-serif;
text-align: center;
border-radius: 3px;
}
.c-button_compact{
padding: 7px 13px 5px;
border-radius: 3px;
}
.c-button_big{
padding: 15px 30px 13px;
font-size: 18px;
}
.c-button[disabled="disabled"],
.c-button[disabled],
.c-button:disabled{
cursor: not-allowed;
opacity: 0.2;
}
.c-button:not(:disabled):active,
.c-button:not(:disabled):hover{
background-color: #cd0d31;
border-color: #cd0d31;
}
.c-button_simple:not(:disabled):active,
.c-button_simple:not(:disabled):hover,
.c-button_simple{
border-color: transparent;
color: #755faa;
background: none;
text-decoration: none;
}
.c-button_simple:not(:disabled):active,
.c-button_simple:not(:disabled):hover{
text-decoration: underline;
}
.c-button_accent{
background-color: #9a87c6;
border-color: #9a87c6;
}
.c-button_accent_dark{
background-color: #735ca8;
border-color: #735ca8;
}
.c-button_accent:not(:disabled):active,
.c-button_accent:not(:disabled):hover{
background-color: #816db0;
border-color: #816db0;
}
.c-button_outline{
background-color: #fff;
border-color: #e3163c;
color: #e3163c;
}
.c-button_outline_light{
border-color: #cad6d7;
color: #273233;
}
.c-button_outline:not(:disabled):active,
.c-button_outline:not(:disabled):hover{
background-color: #e3163c;
color: #fff;
}
.c-button_outline_light:not(:disabled):active,
.c-button_outline_light:not(:disabled):hover{
background-color: #fff;
color: #273233;
border-color: #273233;
}
.c-button_accent.c-button_outline{
background-color: #fff;
border-color: #755faa;
color: #755faa;
}
.c-button_accent.c-button_outline:not(:disabled):active,
.c-button_accent.c-button_outline:not(:disabled):hover{
background-color: #755faa;
color: #fff;
}
.c-button_light.c-button_outline{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.c-button_light.c-button_outline:not(:disabled):active,
.c-button_light.c-button_outline:not(:disabled):hover{
background-color: #e3163c;
border-color: #e3163c;
color: #fff;
}
.c-button_arrow-toggle:hover .c-icon_arrow-down,
.c-button_arrow-toggle .c-icon_arrow-down-white{
display: none;
}
.c-button_arrow-toggle:hover .c-icon_arrow-down-white{
display: inline-block;
}
.c-button_arrow-toggle_active .c-icon_arrow-down,
.c-button_arrow-toggle_active .c-icon_arrow-down-white{
transform: rotate(180deg);
}
.u-button-container .c-button:not(:last-child){
margin-right: 10px;
}
.c-button_image{
display: inline-flex;
align-items: center;
padding-top: 14px;
padding-bottom: 13px;
}
.c-button_image span{
margin: 3px 0 0 15px;
}
.c-grouped-buttons .c-button{
margin: 5px;
}
/* Buttons - END */
/* Button Group - START */
.c-button-group{
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 700;
}
.c-button-group__label{
margin-right: 10px;
color: #4f5f60;
white-space: nowrap;
}
.c-button-group__items{
background-color: #fff;
border: 1px solid #ededee;
box-sizing: border-box;
border-radius: 10px;
padding: 13px;
white-space: nowrap;
}
.c-button-group__button{
color: #4f5f60;
position: relative;
display: inline-block;
}
.c-button-group__button:not(:last-child){
padding-right: 15px;
}
.c-button-group__button:not(:last-child)::after{
content: "";
top: 0;
bottom: 0;
right: 5px;
width: 1px;
display: block;
position: absolute;
background: #ededee;
}
.c-button-group__button:hover{
text-decoration: underline;
}
.c-button-group__button_active{
color: #735ca8;
cursor: default;
text-decoration: underline;
}
/* Button Group - END */
/* Site form - START */
.c-site-form{
padding: 15px 0;
margin: 0 auto;
}
.c-site-form_no-padding{
padding: 0;
}
.c-site-form_compact{
width: 350px;
}
.c-site-form__help{
padding-top: 3px;
font-size: 13px;
}
.c-site-form__label{
display: block;
font-size: 13px;
font-weight: 700;
margin-bottom: 3px;
}
.c-site-form__legend{
font-weight: 700;
font-size: 20px;
padding: 0;
text-align: center;
margin-bottom: 20px;
}
.c-site-form__summary{
margin-bottom: 20px;
}
.c-site-form__additional-controls a{
display: block;
text-decoration: none;
}
.c-site-form__additional-controls a:hover{
text-decoration: underline;
color: #e3163c;
}
.c-site-form__additional-controls a:not(:last-child){
margin-bottom: 5px;
}
.c-site-form__control{
display: block;
width: 100%;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #a6b0b3;
border-radius: 2px;
padding: 10px;
transition: 300ms border-color;
font: inherit;
}
textarea.c-site-form__control{
resize: vertical;
min-height: 50px;
max-height: 300px;
}
.c-site-form__control_fluid{
width: auto;
}
.c-site-form__control_round{
border-radius: 10px;
border-color: #cad6d7;
}
.c-site-form__control_tiny{
display: inline-block;
width: 50px;
padding: 5px;
margin-right: 5px;
}
.c-site-form__warning,
.c-site-form__error{
color: #fff;
font-size: 12px;
padding: 5px 10px 4px;
background-color: #e3163c;
border-radius: 3px;
margin-top: 11px;
position: relative;
}
.c-site-form__warning:not(.c-site-form__warning_plain)::before,
.c-site-form__error:not(.c-site-form__error_plain)::before{
content: "";
border-radius: 3px;
background-color: #e3163c;
width: 10px;
height: 10px;
top: -5px;
left: 17px;
transform: rotate(45deg);
position: absolute;
}
.c-site-form__warning{
background-color: orange;
}
.c-site-form__warning:not(.c-site-form__warning_plain)::before{
background-color: orange;
}
.c-site-form__simple-errors-container .c-site-form__error::before{
display: none !important;
}
/* Site form - END */
/* Headings - START */
.c-heading{
display: block;
font-weight: normal;
line-height: 1.2;
}
.c-heading_underlined{
border-bottom: 1px solid #e6e6e6;
}
.c-heading_important{
color: #735ca8;
}
.c-heading_accent{
font-weight: 700;
margin-bottom: 2px;
}
.c-heading_top-spaced{
margin-top: 7px;
margin-bottom: 0;
}
.c-heading_vertically-spaced{
margin-top: 15px;
margin-bottom: 15px;
}
.c-heading_faded{
opacity: 0.7;
}
.c-heading_spaced{
margin-bottom: 10px;
}
.c-heading_extra-spaced{
margin-bottom: 20px;
}
.c-heading_highlighted{
background-color: #f1eef7;
color: #7963ae;
padding: 10px;
}
.c-heading_spaced-top{
margin-top: 40px;
}
.c-heading_spaced-top-half{
margin-top: 25px;
}
.c-heading_size_1, .c-text h1{font-size: 30px;}
.c-heading_size_2, .c-text h2{font-size: 24px;}
.c-heading_size_3, .c-text h3{font-size: 20px;}
.c-heading_size_4, .c-text h4{font-size: 18px;}
.c-heading_size_5, .c-text h5{font-size: 16px;}
.c-heading_size_6, .c-text h6{font-size: 14px;}
.c-heading_size_7{font-size: 12px;}
/* Headings - END */
/* Breadcrumbs - START */
.c-breadcrumbs{
font-size: 11px;
margin-bottom: 20px;
}
.c-breadcrumbs__item{
color: #273233;
}
.c-breadcrumbs__item:not(:last-child)::after{
content: "\0002F";
margin: 0 1px 0 3px;
display: inline-block;
}
.c-breadcrumbs__item:last-child{
cursor: default;
color: #889699;
}
.c-breadcrumbs__item:not(:last-child):hover{
text-decoration: underline;
}
/* Breadcrumbs - END */
/* Typography - START */
.c-text q:not(:last-child),
.c-text blockquote:not(:last-child),
.c-text table:not(:last-child),
.c-text h1:not(:last-child),
.c-text h2:not(:last-child),
.c-text h3:not(:last-child),
.c-text h4:not(:last-child),
.c-text h5:not(:last-child),
.c-text h6:not(:last-child),
.c-text ul:not(:last-child),
.c-text ol:not(:last-child),
.c-text p:not(:last-child){
margin-bottom: 20px;
}
.c-text ul,
.c-text ol{
padding-left: 40px;
}
.c-text li{
margin: 12px 0;
}
.c-text ul{
list-style-type: disc;
}
.c-text ol{
list-style-type: decimal;
}
.c-text a:not(.c-button){
text-decoration: underline;
color: #000;
}
.c-text a:not(.c-button):hover{
text-decoration: none;
}
.c-text iframe{
max-width: 100%;
}
.c-text img{
max-width: 100%;
height: auto !important;
display: inline-block;
}
.c-text blockquote,
.c-text q{
padding: 20px 20px 20px 30px;
border: 1px solid #aaa;
border-left-width: 5px;
margin-bottom: 10px;
background-color: #ddd;
font-style: italic;
}
.c-text table td,
.c-text table th{
padding: 8px;
border-bottom: 1px solid #ccc;
text-align: left;
}
.c-text table th{
border-bottom-width: 2px;
}
.c-text table tr:hover td{
background-color: #f7f7f7;
}
/* Typography - END */
/* Menu - START */
.c-menu__item-wrap:not(:first-child),
.c-menu__item:not(:first-child){
margin-left: 30px;
}
.c-menu__item{
position: relative;
padding: 9px 0 7px 37px;
background-position: left center;
background-repeat: no-repeat;
font-weight: 700;
}
.c-menu__item:hover{
text-decoration: underline;
}
.c-menu__item_phone{
background-image: url('../images/icon-phone.svg');
padding-left: 41px;
}
.c-menu__item_faq{
background-image: url('../images/icon-questions.svg');
padding-left: 41px;
}
.c-menu__item_profile{
background-image: url('../images/icon-profile.svg');
padding-left: 41px;
}
.c-menu__item_active{
color: #735ca8;
}
.c-menu__item_menu{
outline: none;
}
.c-menu__item_menu::before,
.c-menu__item_menu::after{
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
background: none;
width: 25px;
transition: all 300ms;
transform: translate(0, -50%);
}
.c-menu__item_menu::before{
height: 12px;
border-top: 2px solid #273233;
border-bottom: 2px solid #273233;
}
.c-menu__item_menu::after{
height: 2px;
background: #273233;
}
body.is-menu-open .c-menu__item_menu::before{
height: 0;
border-top-color: transparent;
border-bottom-color: transparent;
background: #273233;
transform: translate(0, -50%) rotate(-180deg);
}
body.is-menu-open .c-menu__item_menu::after{
transform: rotate(-180deg);
opacity: 0;
}
.c-menu__item-wrap{
position: relative;
}
.c-menu__dropdown{
position: absolute;
padding: 15px;
border: 1px solid #e3163c;
border-radius: 5px;
background-color: #fff;
z-index: 999;
top: 35px;
display: none;
min-width: 100px;
}
.c-menu__dropdown::before,
.c-menu__dropdown::after{
content: "";
position: absolute;
display: block;
left: 50%;
margin-left: -6px;
top: -7px;
}
.c-menu__dropdown::before{
width: 12px;
height: 12px;
border: 1px solid #e3163c;
border-radius: 2px;
background-color: #fff;
transform: rotate(45deg);
}
.c-menu__dropdown::after{
width: 23px;
height: 9px;
margin-left: -10px;
top: 0;
background-color: #fff;
}
.c-menu__dropdown-item{
display: block;
}
.c-menu__dropdown-item:hover{
text-decoration: underline;
}
.c-menu__dropdown-item:not(:last-child){
margin-bottom: 15px;
}
/* Menu - END */
/* Languages nav - START */
.c-languages{
font-size: 12px;
line-height: 1;
text-transform: uppercase;
font-weight: 500;
}
.c-languages__item{
color: #b8c8c9;
}
.c-languages__item:not(:first-child){
border-left: 1px solid #b8c8c9;
padding-left: 5px;
margin-left: 3px;
}
.c-languages__item_active{
color: #273233;
cursor: default;
}
.c-languages__item:not(.c-languages__item_active):hover{
text-decoration: underline;
}
/* Languages nav - END */
/* Tabbed nav - START */
.c-tabbed-nav{
display: flex;
}
.c-tabbed-nav__item{
background-color: #d1ceef;
flex-grow: 1;
box-sizing: border-box;
padding: 10px 15px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
position: relative;
width: 33.3333%; /* For now we want 3 per row, but later remove this so items are "fluid" width */
}
.c-tabbed-nav__item::before{
content: "";
display: block;
left: 0;
transform: translate(-50%, 0);
top: 8px;
bottom: 0;
position: absolute;
width: 1px;
background: #e1e2f0;
}
.c-tabbed-nav__item:first-child::before,
.c-tabbed-nav__item_active::before{
display: none;
}
.c-tabbed-nav__item_active{
background-color: #eaf0f4;
color: #735ca8;
margin: -8px -1px 0;
padding-top: 16px;
z-index: 2;
cursor: default;
}
.c-tabbed-nav__primary,
.c-tabbed-nav__secondary{
display: block;
font-size: 16px;
}
.c-tabbed-nav__secondary{
font-size: 12px;
padding-top: 3px;
}
.c-tabbed-nav__item:not(.c-tabbed-nav__item_active):hover .c-tabbed-nav__primary{
text-decoration: underline;
}
.c-tabbed-nav__item_disabled{
opacity: 0.5;
cursor: not-allowed;
}
.c-tabbed-nav__item_disabled:hover .c-tabbed-nav__primary{
text-decoration: none !important;
}
/* Tabbed nav - END */
/* Loader - START */
.c-loader{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999;
background-color: #fff;
align-items: center;
justify-content: center;
flex-direction: column;
display: none;
}
.c-loader__image{
max-width: 350px;
}
.c-loader_transparent{
background-color: rgba(255, 255, 255, 0.9);
padding-left: 10px;
padding-right: 10px;
}
.c-loader__content{
margin-top: 50px;
}
.c-loader__content_accents{
padding: 10px 0 0 0;
width: 840px;
display: flex;
align-items: flex-start;
justify-content: center;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.c-loader__items{
width: 360px;
margin-left: 20px;
}
.c-loopable-items{
position: relative;
}
.c-loopable-items__item{
opacity: 0;
position: absolute;
background: #fff;
min-height: 300px;
}
.c-loopable-items__item_active{
opacity: 1;
}
.c-loopable-items__item > p{
font-size: 16px;
margin-top: 8px;
}
body.is-loader-active{
overflow: hidden;
}
.c-loader_force-active,
body.is-loader-active .c-loader{
display: flex;
}
.c-loader__booking-decoration{
max-width: 80%;
height: auto;
}
/* Loader - END */
/* Ripple Loader - START */
.c-ripple-loader {
position: relative;
width: 64px;
height: 64px;
transition: all 350ms;
}
.c-ripple-loader div {
position: absolute;
border: 4px solid #735ca8;
border-radius: 50%;
animation: ripple-loader 1s ease-out infinite;
}
.c-ripple-loader div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes ripple-loader {
0% {
top: 32px;
left: 32px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0;
left: 0;
width: 64px;
height: 64px;
opacity: 0;
}
}
/* Ripple Loader - END */
/* Accent section - START */
.c-accent-section{
background-color: #735ca8;
padding-top: 20px;
}
.c-accent-section .c-site-form{
padding-top: 0;
}
/* Accent section - ENED */
/* Nav - START */
.c-nav{
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.c-nav__item{
padding: 2px;
display: inline-block;
}
a.c-nav__title:hover,
.c-nav__item:hover{
text-decoration: underline;
}
.c-nav__item:not(:first-child){
margin-left: 30px;
}
.c-nav__item_active{
background-color: #735ca8;
color: #fff;
text-decoration: none !important;
}
.c-nav__title{
font-weight: bold;
display: block;
font-size: 17px;
}
.c-nav_vertical .c-nav__title:not(:first-child){
margin-top: 25px;
}
.c-nav_vertical{
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border: 2px solid #735ca8;
border-radius: 10px;
font-size: 17px;
overflow: hidden;
background-color: #fff;
}
.c-nav_vertical .c-nav__item{
margin-left: 0;
padding: 15px 20px;
width: 100%;
box-sizing: border-box;
}
.c-nav_vertical .c-nav__item:hover{
text-decoration: none;
color: #fff;
background-color: #735ca8;
}
.c-nav_vertical .c-nav__item_active .c-icon_state_visible,
.c-nav_vertical .c-nav__item:hover .c-icon_state_visible{
display: none;
}
.c-nav_vertical .c-nav__item_active .c-icon_state_hidden,
.c-nav_vertical .c-nav__item:hover .c-icon_state_hidden{
display: inline-block;
}
.c-nav_vertical .c-nav__item .c-icon{
top: 2px;
width: 30px;
margin-right: 5px;
}
/* Nav - END */
/* Site content - START */
.c-site-content{
padding: 15px 0;
}
.c-site-content_extra-padded{
padding: 40px 0;
}
.c-site-content_force-tall{
min-height: 63vh;
}
.c-site-content_light{
background-color: #fff;
}
.c-site-content__results-counter{
padding: 15px 0 10px 307px;
color: #9a87c6;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
.c-site-content__wrapper{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.c-site-content__aside,
.c-site-content__main{
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.c-site-content__main{
overflow: visible;
}
.c-site-content__aside{
width: 285px;
}
.c-site-content__aside_sticky{
position: sticky;
top: 0;
padding-top: 10px;
margin-bottom: 1px;
}
.c-site-content__wrapper_has-sticky .c-site-content__main{
padding-top: 10px;
border: none;
}
.c-site-content__aside-inner:not(.c-site-content__aside-inner_plain){
border: 1px solid #8470b2;
background-color: #fff;
border-radius: 9px;
padding: 20px;
}
.c-site-content__main{
border: 1px solid #efefef;
width: calc(100% - 305px);
}
/* Site content - END */
/* Loader during refine request - START */
.is-preloading{
position: relative;
overflow: hidden;
}
body.is-in-refine-request .c-site-content__main{
overflow: hidden;
}
.is-preloading::before,
.is-preloading::after,
body.is-in-refine-request .c-site-content__main::before,
body.is-in-refine-request .c-site-content__aside::before,
body.is-in-refine-request .c-site-content__main::after,
body.is-in-refine-request .c-site-content__aside::after{
content: "";
display: block;
position: absolute;
cursor: wait;
z-index: 999999;
}
.is-preloading::after,
body.is-in-refine-request .c-site-content__main::after,
body.is-in-refine-request .c-site-content__aside::after{
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 8888;
}
.is-preloading::before,
body.is-in-refine-request .c-site-content__main::before,
body.is-in-refine-request .c-site-content__aside::before{
z-index: 8889;
width: 50%;
left: 50%;
top: 90px;
height: 10px;
transform: translate(-50%, 0);
background-color: #9a87c6;
animation: refineLoader 1.5s infinite;
}
@keyframes refineLoader {
from {width: 0; opacity: 1;}
to {width: 50%; opacity: 0.3;}
}
body.is-in-refine-request_fullscreen{
overflow: hidden;
}
body.is-in-refine-request_fullscreen .c-site-content__main::before,
body.is-in-refine-request_fullscreen .c-site-content__main::after{
position: fixed;
}
body.is-in-refine-request_fullscreen .c-site-content__main::before{
top: 50%;
transform: translate(-50%, -50%);
}
body.is-in-refine-request_fullscreen .c-site-content__aside::after,
body.is-in-refine-request_fullscreen .c-site-content__aside::before{
display: none;
}
body.is-in-refine-request_transparent .c-site-content__main::before{
display: none;
}
body.is-in-refine-request_transparent .c-site-content__main::after{
background: transparent;
}
/* Loader during refine request - END */
/* Site header - START */
.c-site-header{
background-color: #fff;
padding: 5px 0;
}
.c-site-header__column{
/* overflow: hidden; */
}
.c-site-header__wrapper{
display: flex;
align-items: center;
justify-content: space-between;
}
.c-site-header__languages{
margin-left: 30px;
}
.c-site-header__aligned{
display: flex;
align-items: center;
}
.c-site-header__menu{
display: flex;
align-items: center;
}
/* Site header - END */
/* Site Footer - START */
.c-site-footer{
padding: 10px 0;
background-color: #fff;
color: #889699;
}
.c-site-footer__wrapper{
display: flex;
align-items: center;
justify-content: space-between;
}
/* Site Footer - END */
/* Checkout page shenanigans - START */
.c-checkout-page__converted-price-notice{
margin-top: 15px;
color: #889699;
font-size: 13px;
}
/* Checkout page shenanigans - END */
/* Upsell option - START */
.c-upsell-option{
position: relative;
padding: 14px 14px 10px 14px;
border: 2px solid #c5d2d3;
border-radius: 9px;
display: block;
box-sizing: border-box;
transition: border-color 350ms;
background-color: #fff;
overflow: hidden;
}
.c-upsell-option_highlight{
border-color: #4ec416;
position: relative;
overflow: visible;
}
.c-upsell-option_highlight::before{
position: absolute;
color: #fff;
display: block;
background-color: #4ec416;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
content: attr(data-highlight-label);
left: -2px;
right: -2px;
height: 32px;
top: -28px;
line-height: 32px;
font-size: 12px;
text-align: center;
}
.c-upsell-option__preview{
display: block;
text-align: center;
margin-bottom: 10px;
}
.c-upsell-option__checkbox{
position: absolute;
top: 4px;
right: 5px;
}
.c-upsell-option__checkbox_bottom{
margin: 10px auto 0 auto;
}
.c-upsell-option__checkbox_bottom .c-checkbox__text{
padding-bottom: 0;
}
.c-upsell-option__checkbox .c-checkbox__text {
padding: 8px 0 5px 18px;
}
.c-upsell-option__title{
font-size: 15px;
display: block;
color: #4f5f60;
position: relative;
}
.c-upsell-option__title_with-icon{
padding: 1px 0 0 27px;
}
.c-upsell-option__title_with-icon img{
max-height: 19px;
max-width: 19px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.c-upsell-option__icon{
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.c-upsell-option__description{
font-size: 12px;
display: block;
color: #889699;
margin-top: 5px;
}
.c-upsell-option__description_accent,
.c-upsell-option__title_accent{
font-size: 18px;
color: #735ca8;
text-align: center;
}
.c-upsell-option__description_accent{
font-weight: 700;
font-size: 16px;
line-height: 1.2;
}
.c-upsell-option__price{
font-size: 24px;
margin-top: 30px;
}
.c-upsell-option__price sup{
font-size: 13px;
}
.c-upsell-option_active,
.c-upsell-option:hover{
border-color: #a08ec9;
}
.c-upsell-option_active .c-upsell-option__title,
.c-upsell-option:hover .c-upsell-option__title{
color: #735ca8;
}
.c-upsell-option .c-checkbox__text{
padding-top: 8px;
}
.c-upsell-option__footer{
border-top: 1px solid #c5d2d3;
padding: 5px 0;
margin: 10px -15px -10px -15px;
display: flex;
flex-direction: column;
align-items: center;
}
.c-upsell-option__footer .c-checkbox{
margin: 0;
}
.c-baggage-options__upsell-option_label.c-upsell-option_active .c-price-tag_accent{
color: #fff;
}
.c-upsell-option_active .c-upsell-option__footer{
color: #fff;
background: #a08ec9;
}
.c-upsell-option_active .c-upsell-option__footer *{
color: #fff;
}
.c-upsell-option__label{
display: block;
font-size: 20px;
padding: 5px 0 5px 0;
font-weight: 700;
color: #725da5;
}
.c-upsell-option__label_compact{
padding: 0;
font-size: 18px;
top: -2px;
position: relative;
}
.c-baggage-options__upsell-option_label.c-upsell-option_active .c-upsell-option__label{
color: #fff;
}
.c-upsell-option__label-selected-text,
.c-upsell-option_active .c-upsell-option__label-standard-text{
display: none;
}
.c-upsell-option__label-standard-text,
.c-upsell-option_active .c-upsell-option__label-selected-text{
text-align: center;
display: block;
}
.c-upsell-option__features{
display: block;
margin: 20px 0 0;
}
.c-baggage-options__upsell-option_label .c-upsell-option__features{
overflow: hidden;
max-height: 290px;
}
.c-upsell-option__header_imageless .c-upsell-option__features{
max-height: 415px;
}
.c-baggage-options__upsell-option_label .c-upsell-option__header{
position: relative;
margin-bottom: 20px;
}
.c-baggage-options__upsell-option_label .c-upsell-option__header::after{
content: "";
position: absolute;
display: block;
left: 0;
bottom: 0;
right: 0;
height: 50px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 0%, #ffffff 100%);
}
.c-upsell-option__feature-icon{
margin-right: 10px;
width: 22px;
min-width: 22px;
max-width: 22px;
}
.c-upsell-option__feature-icon .c-presentation-image{
min-width: 15px;
max-width: 19px;
max-height: 28px; /* New */
margin: 0 auto;
}
img.c-upsell-option__feature-icon{
max-width: 15px;
}
.c-upsell-option__feature{
display: flex;
align-items: center;
color: #4f5f60;
font-size: 13px;
margin: 10px 0 10px 30px;
}
.c-upsell-option__feature_compact{
margin: 0;
}
.c-upsell-option__group-heading{
display: block;
margin-top: 30px;
font-weight: 700;
}
.c-upsell-option__group-heading:first-child{
margin-top: 0;
}
.c-state,
.c-upsell-option__group-heading-icon{
font-size: 24px;
line-height: 1;
position: relative;
top: 2px;
margin-right: 6px;
display: inline-block;
}
.c-state_included,
.c-upsell-option__group-heading-icon_INCLUDED{
color: #4bb214;
}
.c-upsell-option__group-heading-icon_CHARGABLE{
color: #8470b2;
}
.c-state_not-included,
.c-upsell-option__group-heading-icon_NOT_INCLUDED{
color: #e3163c;
font-size: 32px;
line-height: 10px;
top: 5px;
}
.c-upsell-option__bottom{
margin-top: 20px;
width: 100%;
text-align: center;
}
.c-upsell-option__bottom_bordered{
border-top: 1px solid #c5d2d3;
border-bottom: 1px solid #c5d2d3;
padding: 15px 0;
}
.c-upsell-option__bottom_active br{
display: none;
}
.c-upsell-option__bottom_active .c-price-tag_accent{
color: #fff;
}
.c-upsell-option__bottom_active{
color: #fff;
background: #7963ae;
border-color: #7963ae;
}
.c-insurance-selector{
margin-top: 20px;
align-items: flex-end;
}
.c-upsell-option_plain{
border: none;
}
.c-upsell-option_insurance .c-price-tag_accent{
margin-bottom: 5px;
font-size: 24px;
}
.c-upsell-option_insurance .c-upsell-option__features{
margin: 0;
}
.c-upsell-option_insurance .c-upsell-option__feature:nth-child(odd){
background-color: #efefef;
}
.c-upsell-option_insurance .c-upsell-option__feature{
margin: 0 -14px;
padding: 12px 0;
text-align: center;
display: block;
font-size: 14px;
}
.c-upsell-option_insurance .c-upsell-option__title_accent{
font-weight: 800;
margin-left: -14px;
margin-right: -14px;
padding-bottom: 10px;
border-bottom: 2px solid #c5d2d3;
}
.c-upsell-option_insurance .c-upsell-option__footer{
padding-top: 12px;
height: 88px;
margin-top: 0;
justify-content: center;
border-top: 2px solid #c5d2d3;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__footer{
height: 97px;
align-items: flex-start;
padding-left: 10px;
display: flex;
padding-top: 5px;
justify-content: space-evenly;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__footer [role="button"]{
cursor: pointer;
color: #43c1e8;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__footer [role="button"]:hover{
text-decoration: underline;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__feature{
font-size: 12px;
padding: 0 9px;
height: 44px;
box-sizing: border-box;
display: flex;
align-items: center;
text-align: left;
}
.c-upsell-option__links{
position: relative;
bottom: -10px;
display: block;
}
.c-upsell-option__links > b{
display: block;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__feature:first-child{
height: 48px;
}
/* Upsell option - END */
/* Baggage options - START */
.c-baggage-options{
margin: 20px 0;
}
.c-baggage-options:last-child{
margin-bottom: 0;
}
.c-baggage-options__heading:not(:first-child){
margin-top: 30px;
}
.c-baggage-options__upsell-option{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.c-baggage-options__upsell-option_popup{
border: none;
padding: 0;
align-items: center;
}
/* Baggage options - END */
/* International phone input Customizations - START */
.iti{
width: 100%;
display: block;
}
/* International phone input Customizations - END */
/* Utilities - START */
.u-wrapper{width: 1200px; margin:0 auto;transition: width 350ms;}
.u-wrapper_compact{width: 1000px; margin:0 auto;transition: width 350ms;}
.u-underline-dotted, [data-tooltip-underline="dotted"]{text-decoration: underline;-moz-text-decoration-style: dotted; -webkit-text-decoration-style: dotted; text-decoration-style: dotted;}
.u-highlight-accent{color:#735ca8;}
.u-highlight-important{color:#b50625;}
.u-highlight-insignificant{color:#889699;}
.u-highlight-eco{color:#4ec416;}
.u-icon-text .c-icon{margin-right:2px;top:2px;}
.u-padded{padding: 0 30px;}
.u-padded-little{padding: 0 25px;}
.u-important{font-weight: 800;}
.u-padded-left{padding-left: 30px;}
.u-block{display: block;}
.u-tiny-margins{padding: 3px 0;}
.u-tiny-numbers{font-size: 12px;}
.u-align-center{text-align: center;}
.u-align-right{text-align: right;}
.u-align-left{text-align: left;}
.u-align-justified{display:flex;align-items:center;justify-content:space-between;}
.u-align-flex-center{display: flex;flex-direction: column; align-items: center;}
.u-align-justified_top{align-items:flex-start;}
.u-align-justified_start{justify-content:flex-start;}
.u-align-justified_start .c-bouncing-loader{margin-right: 15px;}
.u-align-justified_fixed-columns > :first-child{width: 90px;}
.u-align-justified_fixed-columns > :last-child{width: calc(100% - 90px)}
.u-align-justified_fixed-columns-compact{align-items: flex-start;}
.u-align-justified_fixed-columns-compact > :first-child{width: 60px;}
.u-align-justified_fixed-columns-compact > :last-child{width: calc(100% - 70px)}
.u-align-justified_fixed-columns-compact img,.u-align-justified_fixed-columns img{max-width:90%;height:auto;}
.u-hidden{display: none;}
.u-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;border:0 !important;}
/* Utilities - END */
/* Overflow box - START */
.c-overflow-box{
padding-bottom: 12px;
}
@media screen and (max-width: 1050px){
.c-overflow-box{
overflow: auto;
}
.c-overflow-box_insurance .c-overflow-box__content{
min-width: 720px;
}
}
@media screen and (max-width: 500px){
.c-overflow-box_insurance .c-overflow-box__content .c-table tbody tr td:first-child{
width: 100px;
}
}
/* Overflow box - END */
/* Page Specific - START */
body.page-booking-confirmation{
padding-top: 0 !important;
}
.page-booking-confirmation .c-loader{
padding-top: 70px;
}
.page-booking-confirmation .c-site-header__wrapper{
padding-top: 0;
justify-content: center;
}
.page-booking-confirmation .c-site-header__languages,
.page-booking-confirmation .c-site-header__menu,
.page-booking-confirmation .DEV_BAR,
.page-booking-confirmation .c-site-footer,
.page-booking-confirmation #prophiler{
display: none !important;
}
.page-flights-payment-provider-error,
.page-flights-failed-reservation{
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
box-sizing: border-box;
}
/* Page Specific - END */
/* Instructions - START */
.c-instruction-parent{
position: relative;
}
.c-instruction{
position: absolute;
border: 1px solid #ed350b;
background-color: #ed350b;
border-radius: 9px;
padding: 12px 15px;
color: #fff;
z-index: 99;
width: 340px;
white-space: initial;
font-weight: 400;
font-size: 15px;
line-height: 1.3;
}
.c-instruction::after{
content: "";
display: block;
width: 18px;
height: 18px;
background-color: #ed350b;
transform: rotate(45deg) translate(-50%, 0);
position: absolute;
left: 50%;
top: 0;
}
.c-instruction_pointing-left::after{
transform: rotate(45deg) translate(0, -50%);
top: 50%;
left: -14px;
}
.c-instruction__close{
color: #ed350b;
background-color: #fff;
position: absolute;
border: none;
width: 26px;
height: 25px;
font-size: 27px;
line-height: 26px;
top: 14px;
right: 14px;
border-radius: 50%;
transition: all 300ms;
}
.c-instruction__close:hover{
transform: translate(0, -3px);
}
.c-instruction__content{
font-size: 14px;
}
.c-instruction__heading{
display: block;
font-size: 17px;
margin-bottom: 5px;
padding-right: 30px;
}
.c-instruction_sorting{
right: -5px;
top: 78px;
}
.c-instruction_filters{
left: 298px;
top: 71px;
}
/* Instructions - END */
/* Profile - START */
.c-profile{
position: relative;
padding-top: 25px;
}
.c-profile__logout{
position: absolute;
right: 0;
top: -10px;
color: #b50625;
font-size: 17px;
font-weight: 600;
transition: transform 300ms;
}
.c-profile__logout .c-icon{
top: 3px;
left: -2px;
}
.c-profile__logout:hover{
transform: translate(-5px, 0);
}
/* Profile - END */
/* Live Chat - START */
#chat-button{
position: fixed;
z-index: 99;
right: 30px;
bottom: 30px;
border: 2px solid #d9f5cb;
background: #d9f5cb url('../images/icon-chat-dark.svg') no-repeat center center;
border-radius: 50%;
width: 70px;
height: 70px;
text-indent: -9999px;
display: block;
transition: all 300ms;
}
#chat-button:hover{
border-color: #4bb214;
}
#chat-button.active::after{
position: absolute;
width: 10px;
height: 10px;
border: 2px solid #fff;
content: "";
display: block;
background-color: #e3163c;
top: -1px;
right: 6px;
border-radius: 50%;
}
@media screen and (max-width: 1030px){
#chat-button{
right: 10px;
bottom: 10px;
}
.page-flights-offer #chat-button{
bottom: initial;
top: 50%;
right: -56px;
color: #4bb214;
text-indent: 0;
border-radius: 0;
width: auto;
height: auto;
padding: 10px 15px;
transform: translate(0, -50%) rotate(-90deg);
background-image: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.page-flights-offer #chat-button.active::after {
top: -7px;
right: -6px;
}
}
/* Live Chat - END */
/* Fake table (display:flex) - START */
.c-fake-table-row{
display: flex;
justify-content: space-between;
padding-right: 15px;
align-items: center;
}
.c-fake-table-row_header{
font-weight: 600;
font-size: 16px;
color: #735ca8;
margin-bottom: 15px;
}
.c-fake-table-row_columns_3 > span{
display: block;
width: 33.33%;
}
.c-fake-table-row_header > span{
word-break: break-all;
padding-right: 5px;
}
/* Fake table (display:flex) - END */
/* Media queries - START */
@media screen and (max-width: 1200px){
.u-wrapper{
width: 91%;
}
.c-instruction{
width: 250px;
}
.c-instruction_sorting{
right: 20px;
}
.c-offer__header{
flex-direction: column;
}
.c-offer__prices {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
position: absolute;
right: 20px;
bottom: 10px;
padding-top: 0;
padding-bottom: 0;
}
.c-offer__seats-warning{
top: 0;
left: 0;
border-radius: 10px;
right: initial;
}
.c-offers-list_single-offer .c-offer__seats-warning {
left: initial;
right: 18px;
}
.c-offer__prices-wrapper{
display: flex;
align-items: center;
}
.c-offer__footer{
padding-top: 27px;
margin-top: 0;
}
.c-offers-list_single-offer .c-offer__footer{
padding-top: 10px;
}
.c-offer__flights {
width: 100%;
border-right: none;
}
.c-offer__price-details{
margin: 0 15px;
}
.c-flight-option__details-col-4, .c-flight-option__details-col-2 {
width: 140px;
}
.c-popup__body_size_big{width: 96%;}
.c-calendar-table__mobile-legends{
display: block;
}
.c-container-legends::after,
.c-container-legends::before{
display: none;
}
.c-container-legends{
padding: 15px 10px;
}
.c-calendar-table__th{
padding: 4px;
}
}
@media screen and (max-width: 1100px){
.c-flight-option__summary-col-1{
width: 190px;
}
.c-box_register-cta .c-box__media{
width: 200px;
}
.c-box_register-cta .c-text{
width: calc(100% - 210px);
}
}
@media screen and (max-width: 1030px){
.c-instruction_filters{
left: 20px;
top: 79px;
}
.c-instruction_pointing-left::after {
transform: rotate(45deg);
top: -8px;
left: 16px;
}
.c-menu__item{
text-indent: -9999px;
display: inline-block;
padding: 0;
width: 24px;
height: 24px;
}
.c-menu__item-wrap:not(:first-child),
.c-site-header__languages,
.c-menu__item:not(:first-child) {
margin-left: 15px;
}
.c-menu__dropdown{
right: -8px;
}
.c-menu__dropdown::before,
.c-menu__dropdown::after{
left: initial;
right: 12px;
margin-left: 0;
}
.c-menu__dropdown::after{
right: 9px;
}
.c-accent-section{
padding-top: 15px;
}
.page-flights-results .c-mobile-search-form-toggle{
display: block;
}
.page-flights-results .c-site-form_search{
display: none;
margin-bottom: 15px;
}
.c-site-content__wrapper{
display: block;
position: relative;
overflow: hidden;
}
.c-mobile-sider-close-button,
.c-sticky-button_mobile-only{
display: block;
}
.c-mobile-sider-close-button{
right: 10px;
top: 10px;
}
.page-flights-offer .c-site-footer{
padding-bottom: 60px;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside{
position: fixed;
display: none;
z-index: 9999;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active{
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
overflow: auto;
background-color: #fff;
margin-bottom: 0;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active_mobile-filters-selected{
padding-bottom: 67px;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active_mobile-filters-selected::after{
content: "";
left: 0;
right: 0;
height: 67px;
bottom: 0;
background-color: #fff;
display: block;
position: fixed;
z-index: 2;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active.c-site-content__aside_offset{
padding-bottom: 50px;
bottom: 45px;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active .c-site-content__aside-inner{
border: none;
border-radius: 0;
width: 280px;
padding: 55px 0 0;
}
.c-button_mobile-filters{
display: block;
margin-right: 20px;
background-image: url('../images/icon-filters.png');
background-position: 12px 13px;
background-repeat: no-repeat;
padding: 15px 25px 15px 35px;
}
.c-button_mobile-filters_sticky{
position: fixed;
bottom: 10px;
right: 50%;
transform: translate(50%, 0);
z-index: 999;
margin: 0 !important;
}
.c-button_mobile-filters_apply{
position: fixed;
bottom: 10px;
left: 50%;
transform: translate(-50%, 0);
z-index: 9999;
margin-right: 0;
opacity: 0;
}
.c-site-content__wrapper_sidebar-toggleable .c-site-content__aside_active_mobile-filters-selected .c-button_mobile-filters_apply{
opacity: 1;
}
.c-site-content__results-counter{
padding-left: 0;
}
.page-flights-thanks .c-site-content__aside,
.c-site-content__main{
width: 100%;
}
.c-flight-option__details-col-2{
margin-left: 11.5%;
}
.c-offer__flights-row:first-child{
padding-top: 0;
}
.c-offer_active .c-flight-option__baggage-icons{
display: none;
}
.c-input_active .kalendae{
width: auto;
right: -2px;
margin-top: 15px;
}
.c-input__control.c-daterangepicker{
max-width: 100%;
}
.c-box_register-cta .c-box__media{
width: 300px;
}
.c-box_register-cta .c-text{
width: calc(100% - 310px);
}
.c-popup__body_size_medium-bigger{
width: 96%;
}
body.profile-is-logged .c-menu__item_profile{
background-image: url('../images/icon-profile-active.svg');
}
}
@media screen and (max-width: 920px){
.c-paging{
justify-content: center;
flex-direction: column;
}
.c-paging__info{
margin-bottom: 10px;
}
}
@media screen and (max-width: 880px){
.c-site-footer__wrapper{
flex-direction: column;
}
.c-site-footer__logo{
margin: 15px 0 5px;
}
.c-loader{
padding-top: 20px;
justify-content: flex-start;
}
.c-loader__heading{
text-align: center;
max-width: 91%;
margin: 0 auto;
}
.c-loader__content{
margin-top: 20px;
}
.c-loader__content_accents{
flex-direction: column;
max-width: 91%;
padding-top: 0;
}
.c-loader__items{
width: 300px;
text-align: center;
margin: 0 auto;
}
.c-loader__image{
display: block;
margin: 0 auto 20px;
max-width: 200px;
height: auto;
}
.c-heading_size_1, .c-text h1{font-size: 24px;}
.c-heading_size_2, .c-text h2{font-size: 21px;}
.c-heading_size_3, .c-text h3{font-size: 18px;}
.c-heading_size_4, .c-text h4{font-size: 16px;}
.c-button_search{
font-size: 17px;
}
.c-calendar-table__mobile-legends::after {
left: 0;
right: 0;
transform: rotate(15deg);
}
.c-container-legends_double-axis tbody tr:nth-child(1),
.c-container-legends_double-axis tbody tr:nth-child(2),
.c-container-legends_double-axis tbody tr:nth-child(6),
.c-container-legends_double-axis tbody tr:nth-child(7),
.c-container-legends_double-axis thead tr th:nth-child(2),
.c-container-legends_double-axis thead tr th:nth-child(3),
.c-container-legends_double-axis thead tr th:nth-child(7),
.c-container-legends_double-axis thead tr th:nth-child(8),
.c-container-legends_double-axis tbody tr td:nth-child(2),
.c-container-legends_double-axis tbody tr td:nth-child(3),
.c-container-legends_double-axis tbody tr td:nth-child(7),
.c-container-legends_double-axis tbody tr td:nth-child(8){
display: none;
}
.c-container-legends_double-axis .c-calendar-table tbody tr:nth-child(3) .c-calendar-table__cell {
border-top: 2px solid #eeeaf7;
}
.c-container-legends_double-axis .c-calendar-table tbody tr td:nth-child(6) .c-calendar-table__cell {
border-right: 2px solid #eeeaf7;
}
.c-nav__item{
margin-top: 5px;
margin-bottom: 5px;
}
.c-nav_vertical .c-nav__item{
margin: 0;
}
}
@media screen and (max-width: 800px){
.c-flight-option__details-row{
padding-left: 10px;
}
.c-offers-list_single-offer .c-flight-option__details-row, .c-offer_no-purchase-controls .c-flight-option__details-row{
padding-left: 0;
}
.c-site-content__results-counter{
flex-wrap: wrap;
}
.c-site-content__results-order-options{
flex: 0 0 100%;
justify-content: flex-end;
margin-top: 10px;
}
.c-site-content__results-counter .c-button_mobile-filters{
margin-right: 0;
}
.c-site-content__results-summary{
width: calc(100% - 130px);
text-align: right;
min-height: 45px;
}
.c-instruction_sorting {
top: 127px;
}
}
@media screen and (max-width: 700px){
.c-instruction {
width: 210px;
}
.c-popup__close {
top: -36px;
right: 0;
}
.c-popup__content{
max-height: calc(99vh - 70px);
}
.c-offer__flights{
padding: 0;
}
.c-flight-option__summary .c-flight-route__point,
.c-flight-option__summary .c-flight-route__duration{
display: none;
}
.c-flight-option__destination{
max-width: 100px;
}
.c-flight-option__summary .c-flight-route{
width: 50px;
height: 5px;
margin: 0 5px;
position: relative;
top: 15px;
}
.c-flight-option__summary .c-flight-route::after{
content: "";
display: block;
position: absolute;
width: 20px;
height: 15px;
right: 0;
top: -5px;
background: #fff url('../images/icon-airplane-small.png') no-repeat center center;
}
.c-flight-option__summary-col-mobile-wrap{
display: flex;
justify-content: space-between;
position: relative;
}
.l-grid_bordered-items .l-grid__cell:not(:first-child){
border-left: none;
border-top: 1px solid #e6e6e6;
padding-top: 15px;
margin-top: 13px;
}
.c-box_register-cta{
align-items: flex-start;
}
.c-box_register-cta .c-box__media{
width: 80px;
}
.c-box_register-cta .c-text{
width: calc(100% - 90px);
}
.c-box_register-cta .c-box__media img{
width: 100%;
height: auto;
}
.c-box_register-cta_active .c-box__media,
.c-box_register-cta .c-text ul{
display: none;
}
.c-box_register-cta_active .c-text{
width: 100%;
}
.c-box_register-cta_active .c-text ul{
display: block;
}
.c-box_register-cta .c-text > .c-heading{
font-size: 16px;
text-decoration: underline;
}
.c-upsell-option_insurance.c-upsell-option_plain .c-upsell-option__footer{
font-size: 12px;
}
}
@media screen and (max-width: 650px){
.u-button-container .c-button:not(:last-child){
margin-right: 0;
margin-bottom: 10px;
}
.u-align-justified_mobile-column.c-box_register-cta{
flex-direction: row;
}
.u-align-justified_mobile-column{
flex-direction: column;
}
.c-box:not(.c-box_actions){
padding: 15px;
}
.c-checkbox,
.c-radio{
font-size: 13px;
}
.c-box__media{
margin-right: 0;
margin-bottom: 5px;
}
.c-offer__header {
padding-bottom: 60px;
}
.c-offers-list_single-offer .c-offer__header{
padding-bottom: 0;
}
.c-offer__prices {
bottom: initial;
top: 17px;
left: 12px;
right: 10px;
width: auto;
justify-content: space-between;
}
.c-offer__header{
padding-bottom: 0;
padding-top: 40px;
}
.c-offers-list_single-offer .c-offer__header{
padding-top: 0;
}
.c-offer__footer {
padding-top: 13px;
}
.c-paging__nav{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.c-paging__mobile-breakpoint{
order: 97;
width: 100%;
display: block;
}
.c-paging__ellipsis,
.c-paging__item_skips{
display: none;
}
.c-paging__item_previous{
order: 98;
}
.c-paging__item_next{
order: 99;
}
.c-paging__item{
margin-top: 10px;
}
.c-offer__seats-warning {
top: initial;
left: initial;
right: 20px;
bottom: 10px;
border-radius: 10px;
}
}
@media screen and (max-width: 600px){
.c-popup__body_size_medium-big,
.c-popup__body_size_medium,
.c-popup__body_size_small{
width: 96%;
}
.c-site-form_search .c-input__icon{
display: none;
}
.c-site-header__logo .c-logo__image{
width: 150px;
height: auto;
display: block;
}
.c-button_search{
font-size: 14px;
}
.c-input__nested-control.l-grid__cell_size-small_100:not(:first-child){
margin-top: 20px;
}
.c-input__suggestions{
width: auto;
right: -12px;
}
.c-radio_compact .c-radio__text{
padding-left: 22px;
}
.c-site-form_search .c-input__control_icon{
width: 100%;
}
.c-radio-group__text{
font-size: 13px;
padding-left: 7px;
padding-right: 7px;
}
.c-tabbed-nav__secondary{
display: none;
}
.c-mobile-search-form-toggle{
padding-right: 25px;
font-size: 13px;
width: 100%;
}
.c-site-content__results-counter .c-button_mobile-filters{
margin-right: 10px;
}
.c-site-content__results-counter{
font-size: 12px;
padding-top: 5px;
}
.c-flight-option__details-row .c-flight-option__details-col-4,
.c-flight-option__details-row .c-flight-option__details-col-2{
margin-left: 0;
text-align: left;
width: auto;
}
.c-offers-list_single-offer .c-flight-option__details-row,
.c-flight-option__details-row{
flex-wrap: wrap;
padding-left: 0;
}
.c-flight-option__details .c-flight-option__details-col-1{
width: 100%;
flex: 0 0 100%;
margin-bottom: 20px;
}
.c-flight-option__details-col-3 {
margin: 0 12px 0 14px;
width: 100px;
}
.c-flight-option__details-row_layover .u-padded{
padding: 10px 0 0 0;
}
.c-flight-option__details-row_layover{
justify-content: center;
padding: 0;
}
.c-instruction {
width: 180px;
}
.c-tabs__nav_spaced{
flex-wrap: wrap;
}
.c-tabs__nav_spaced .c-tabs__nav-item{
width: calc(50% - 10px);
margin-bottom: 10px;
}
.c-tabs__nav_spaced .c-tabs__nav-item:nth-child(even){
margin-right: 0;
}
}
@media screen and (max-width: 550px){
.c-popup__content{
padding: 15px;
}
.c-flight-option__summary-col-1{
width: auto;
}
.c-offer .c-date{
margin-right: 10px;
}
.c-flight-option__logos img{
max-width: 100px;
height: auto;
display: block;
}
.c-flight-option__baggage-icons > .c-icon{
height: 20px;
width: 17px;
}
.c-flight-option__baggage-icons > .c-icon:not(:last-child){
margin-right: 7px;
}
.c-offer {
padding: 10px 10px 7px;
}
.c-offer__flights-row{
padding-bottom: 10px;
}
.c-flight-option__time{
font-size: 15px;
}
.c-flight-option__destination{
font-size: 13px;
}
.c-offer__header {
padding-bottom: 10px;
padding-top: 60px;
}
.c-offer__flights{
border-top: 1px solid #ededee;
padding-top: 10px;
}
.c-offers-list_single-offer .c-offer__flights{
padding-bottom: 10px;
}
.c-nav{
flex-direction: column;
align-items: flex-end;
}
.c-nav__item{
margin-top: 9px;
margin-bottom: 9px;
}
.c-flight-option__transfers-count{
display: inline-block;
white-space: nowrap;
position: relative;
top: -5px;
font-size: 12px;
}
.c-flight-option__transfers-count .c-icon_clock-2{
top: 2px;
margin: 0 3px 0 5px;
}
.c-flight-option__summary-col-5{
position: absolute;
left: 5px;
bottom: -6px;
}
.c-flight-option__baggage-icons > .c-icon{
display: inline-block;
margin-bottom: 0 !important;
height: 20px;
width: 17px;
}
.c-flight-option__summary {
padding-bottom: 30px;
}
.c-offer__seats-warning {
right: 8px;
bottom: 7px;
}
/* Page Specific - START */
.page-booking-confirmation .c-loader{
padding-top: 60px;
}
/* Page Specific - END */
}
@media screen and (max-width: 500px){
.c-flight-option__summary .c-flight-route {
width: 18px;
}
.c-price-tag {
font-size: 21px;
}
.c-price-tag sup {
font-size: 12px;
}
.c-offer__price-details {
margin: 0 9px;
font-size: 12px;
}
.c-offer .c-button {
padding: 8px 13px 7px;
}
.c-accordeon__title_accent{
font-size: 15px;
}
select.c-site-form__control{
padding: 10px 5px;
font-size: 12px;
}
.c-bubble {
font-size: 25px;
line-height: 90px;
height: 90px;
width: 90px;
}
.u-padded{
padding: 0 10px;
}
.c-calendar-table__th {
font-size: 10px;
}
.c-calendar-table__mobile-legends::after {
bottom: 8px;
}
.c-offer__footer{
text-align: right;
}
.c-offer .c-date{
padding: 0;
border: none;
}
.c-date::before, .c-date::after{
display: none;
}
.c-offer__header {
padding-top: 52px;
}
.c-offer__seats-warning {
top: initial;
left: initial;
right: initial;
bottom: 8px;
border-radius: 10px;
left: 9px;
}
.c-offers-list_single-offer .c-offer__seats-warning {
left: 9px;
right: initial;
bottom: 7px;
}
.c-site-form_compact{
width: 100%;
}
.c-box_register-cta{
padding-bottom: 30px !important;
}
.c-box_register-cta .u-button-container .c-button:not(:last-child){
margin-bottom: 0 !important;
}
.c-box_register-cta .u-button-container{
position: relative;
margin-left: -40px;
bottom: -20px;
}
.c-box_register-cta_active{
padding-bottom: 10px !important;
}
.c-box_register-cta_active .u-button-container{
margin-left: 0;
bottom: 0;
}
.c-box_register-cta .c-button{
padding: 11px 8px 9px;
font-size: 13px;
}
}
@media screen and (max-width: 450px){
.c-popup__body_size_small-medium{
width: 96%;
}
.c-popup__body_packet-details .c-upsell-option__features{
padding-left: 10px;
padding-right: 10px;
}
.c-flight-option__summary-col-1{
top: -4px;
position: relative;
}
.c-flight-option__summary-col-2, .c-flight-option__summary-col-4 {
min-width: 0;
max-width: none;
}
.c-flight-option__summary .c-flight-route{
display: none;
}
.c-flight-option__summary-col-mobile-wrap{
flex-direction: column;
}
.c-flight-option__summary-col-2{
margin-bottom: 10px;
}
.c-flight-option__summary-col-2, .c-flight-option__summary-col-4{
text-align: right;
}
.c-flight-option__destination{
max-width: none;
}
.c-offers-list_single-offer .c-flight-option__details-col-3,
.c-flight-option__details-col-3 {
margin: 0;
width: 85px;
font-size: 11px;
}
.c-flight-option__details-row .c-flight-option__details-col-2,
.c-flight-option__details-row .c-flight-option__details-col-4{
width: calc((100% - 100px) / 2);
}
.c-flight-option__details-row_segments{
justify-content: space-between;
}
.c-flight-option__details-row:first-child{
padding-top: 0;
}
.u-align-justified .c-checkbox_inline{
margin-right: 5px;
}
.c-flight-option__logos{
padding-left: 0;
}
.c-site-content__results-order-options .c-button-group__label{
display: none;
}
.c-site-content__results-order-options .c-button-group__items{
width: 100%;
text-align: center;
}
.c-offer__seats-warning {
padding: 0;
color: #735ca8;
background: none;
}
}
@media screen and (max-width: 380px){
.c-offer__toggle{
padding-right: 15px;
font-size: 12px;
}
.c-offer__seats-warning{
font-size: 12px;
}
.c-accordeon__title_accent{
font-size: 13px;
}
.c-site-header__wrapper{
padding-top: 40px;
position: relative;
}
.c-site-header__menu{
position: absolute;
top: 5px;
right: 0;
}
.c-menu__item_menu{
position: absolute;
top: 42px;
right: 0;
}
.c-site-header__languages{
margin-left: 0;
position: absolute;
top: 10px;
left: 0;
}
.c-tabbed-nav__primary{
font-size: 13px;
text-align: center;
}
.c-tabbed-nav__item{
padding: 8px 10px;
}
.c-tabbed-nav__item_active{
padding-top: 13px;
}
.u-wrapper{
width: 95%;
}
.c-flight-option__destination{
font-size: 12px;
}
.c-tabs__nav_left-aligned .c-tabs__nav-item:not(:last-child){
margin-right: 6px;
}
.c-tabs__nav-item{
padding-left: 6px;
padding-right: 6px;
}
.c-box:not(.c-box_actions){
padding: 10px;
}
.c-bubble {
font-size: 20px;
line-height: 70px;
height: 70px;
width: 70px;
}
.c-offer__prices-wrapper{
flex-direction: column;
}
.c-offer__header {
padding-top: 70px;
}
.c-offer__prices{
justify-content: space-between;
}
}
/* Media queries - END */