/* Minification failed. Returning unminified contents.
(8204,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-default'
(9916,22): run-time error CSS1039: Token not allowed after unary operator: '-background-400'
*/
/*.........................................................................
======================== MODAL =====================================
......................................................................*/
.trn-modal {
position: fixed;
display: none;
height: 100%;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999999;
padding-top: 4%;
}
.trn-modal.medium-popup.trn-flight-details-note-modal .trn {
border-radius: 6px;
}
.trn-modal.medium-popup.trn-flight-details-note-modal .trn .time-count-btn {
margin-top: 20px;
}
.trn-modal.medium-popup.trn-flight-details-note-modal .trn .time-count-btn button {
background-color: #2321FF;
color: #fff;
border: 1px solid #2321FF;
outline: 0;
border-radius: 3px;
padding: 5px;
}
.trn-modal > .trn-modal-close {
display: block;
position: relative;
font-size: 35px;
top: 0;
right: 10px;
color: #fff;
border-radius: 100%;
text-align: center;
padding: 10px;
cursor: pointer;
float: right;
margin-top: -5%;
z-index: 99999;
text-shadow: 1px 1px 8px #000000;
text-shadow: 1px 1px 8px black;
}
.trn-modal .trn .trn-modal-caption {
width: 96%;
position: absolute;
display: block;
background-color: #F8F9FB;
color: #000000;
padding: 12px 2%;
top: 0;
left: 0;
font-weight: 600;
letter-spacing: .0325em;
font-size: 15px;
border-bottom: 1px solid #DDDDDD;
}
/*....... LOGIN .......*/
.trn-modal > .trn {
position: relative;
display: block;
width: 100%;
padding: 30px;
max-width: 390px;
margin: 0 auto;
background-color: #fff;
border-radius: 6px;
}
.trn-modal > .trn > .social-button-wrapper > .social-btn {
text-decoration: none;
display: inline-block;
color: #fff;
width: 48.5%;
cursor: pointer;
font-size: 13px;
height: 56px;
padding-left: 20px;
}
.trn-modal > .trn > .social-button-wrapper > .facebook-login,
.trn-modal > .trn > .social-button-wrapper > .facebook-signup {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/social/icon-login-facebook.png) no-repeat 6px 17px;
background-size: 20px;
background-color: #3B5998;
border: 1px solid #385693;
margin-right: 2%;
}
.trn-modal > .trn > .social-button-wrapper > .google-login,
.trn-modal > .trn > .social-button-wrapper > .google-signup {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/social/google-login-icon.png) no-repeat 10px 18px;
background-size: 18px;
background-color: #e55f4b;
border: 1px solid #d64833;
}
.trn-modal > .trn > .social-button-wrapper > .facebook-login:hover,
.trn-modal > .trn > .social-button-wrapper > .facebook-signup:hover {
background-color: #2a4378;
border: 1px solid #3B5998;
}
.trn-modal > .trn > .social-button-wrapper > .google-login:hover {
cursor: pointer;
background-color: #d64833;
}
.trn-modal > .trn > .trn-line {
display: inline-block;
width: 100%;
height: 10px;
border-bottom: 1px solid #DDDDDD;
text-align: center;
margin: 15px 0 25px;
}
.trn-modal > .trn > .trn-line > span {
background-color: #fff;
padding: 0 10px;
font-size: 14px;
color: #AAAAAA;
font-weight: 600;
letter-spacing: .0625em;
}
.trn-modal > .trn .trn-form-margin {
margin-top: 40px;
}
.trn-modal > .trn .trn-form {
width: 100%;
display: inline-block;
margin-top: 20px;
}
.trn-modal > .trn .trn-form input[type=text],
.trn-modal > .trn .trn-form input[type=password] {
width: 100%;
display: inline-block;
border: 1px solid #DDDDDD;
font-size: 22px;
text-align: center;
min-height: 51px;
}
.trn-modal > .trn .trn-form input[type=text].lgn-email {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-email.png) no-repeat right 10px center;
}
.trn-modal > .trn .trn-form input[type=text].lgn-email:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-email-focus.png) no-repeat right 10px center;
}
.trn-modal > .trn .trn-form input[type=password].lgn-password {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-password.png) no-repeat right 10px center;
}
.trn-modal > .trn .trn-form input[type=password].lgn-password:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-password-focus.png) no-repeat right 10px center;
}
#modal-reservation-control .new-popup {
max-width: 475px;
}
.trn-modal > .trn .trn-form button {
width: 100%;
display: inline-block;
background-color: #2321FF;
color: #fff;
border: 1px solid #2321FF;
margin: 7px 0 3px;
padding: 16px 0;
font-size: 16px;
}
#modal-reservation-control .section-card__header {
margin-bottom: 20px;
}
#modal-reservation-control .section-card__title {
font-size: 16px;
font-weight: bold;
color: #000000;
}
.trn-modal > .trn .trn-form button.btn-signup,
.trn-modal > .trn .trn-form button.btn-signin {
width: 100.5%;
display: inline-block;
background-color: #fff;
color: #AAAAAA;
border: 1px solid #DDDDDD;
margin-bottom: 5px;
padding: 15px 0;
font-size: 16px;
}
.trn-modal > .trn .trn-form button.btn-signup:hover,
.trn-modal > .trn .trn-form button.btn-signin:hover {
color: #2321FF;
border: 1px solid #2321FF;
}
.trn-modal > .trn .trn-form .trn-form-group {
width: 100%;
display: inline-block;
padding: 6px 0 0;
}
.trn-modal > .trn .trn-form .trn-form-group > .left {
width: 50%;
float: left;
}
.trn-modal > .trn .trn-form .trn-form-group input[type=checkbox] {
height: 20px;
width: 20px;
float: left;
margin-right: 5px;
cursor: pointer;
}
.trn-modal .trn .trn-form .trn-form-group input[type=checkbox] + label {
font-size: 14px;
color: #000000;
float: left;
cursor: pointer;
}
.trn-modal > .trn .trn-form .trn-form-group input[type=checkbox]:checked + label {
color: #2321FF;
}
.trn-modal .trn .trn-form .trn-form-group .full .label-agreement,
.trn-modal .trn .trn-form .trn-form-group .full .label-mailing {
width: 93%;
font-size: 0.85em;
float: right;
}
.trn-modal .trn .trn-form .trn-form-group .label-agreement-error {
padding: 5px;
width: 98% !important;
}
.trn-modal .trn .trn-form .trn-form-group .full .label-agreement a {
color: #AAAAAA;
}
.trn-modal > .trn .trn-form .trn-form-group > .right {
width: 50%;
float: right;
text-align: right;
}
.trn-modal > .trn .trn-form .trn-form-group > .right > a:link,
.trn-modal > .trn .trn-form .trn-form-group > .right > a:active,
.trn-modal > .trn .trn-form .trn-form-group > .right > a:visited {
color: #2321FF;
font-size: 12px;
}
.trn-modal > .trn .trn-form .trn-form-group > .right > a:hover {
color: #000000;
}
.trn-modal > .trn .trn-form .trn-form-group > .full {
width: 100%;
display: inline-block;
}
.trn-modal > .trn .trn-form .trn-form-group > .full > label {
width: 90%;
font-size: 12px;
margin-top: -3px;
}
.trn-modal > .trn .trn-form .trn-form-group > .full > p {
width: 100%;
font-size: 14px;
padding: 0 0 18px;
color: #000000;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text],
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=password] {
width: 100%;
}
body[dir="rtl"] .trn-modal > .trn .trn-form .trn-form-group > .left {
float: right;
text-align: right;
}
body[dir="rtl"] .trn-modal > .trn .trn-form .trn-form-group > .right {
float: left;
text-align: left;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-email {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-email.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-email:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-email-focus.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=password].lgn-password {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-password.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=password].lgn-password:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-password-focus.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-name {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-name.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-name:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-name-focus.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-ticket {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-ticket.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form input[type=text].lgn-ticket:focus {
background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/Icons/icon-login-ticket-focus.png) no-repeat left 10px center;
}
body[dir="rtl"] .trn-modal > .trn .trn-form .trn-form-group input[type=checkbox] {
float: right;
margin-left: 5px;
margin-right: unset;
}
body[dir='rtl'] .trn-modal > .trn .trn-form .trn-form-group > .full {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.trn-modal.medium-popup {
height: unset !important;
}
.trn-modal #results {
padding: 5px 12px;
margin: 5px 0px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.new-popup__close {
position: absolute !important;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #01007F;
border-radius: 0 6px 0 12px;
font-size: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
cursor: pointer;
}
body[dir='rtl'] .new-popup__close {
right: unset;
left: 0;
border-radius: 0 0 12px 0;
}
.new-popup__close:after {
content: "\e92c";
font-family: turna;
}
.bill-popup {
max-width: 590px !important;
}
@media screen and (max-width: 1600px) {
.bill-popup {
zoom: .8;
}
}
@media screen and (max-width: 1500px) {
.bill-popup {
zoom: .7;
}
}
.info-message {
background-color: #F8F9FB;
}
.info-message__container {
padding: 12px 20px 12px 45px;
position: relative;
font-size: 13px;
color: #000000;
}
.info-message__container::before {
content: "\e948";
font-family: turna;
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #AAAAAA;
font-size: 22px;
}
.bill-popup__btn {
width: 100%;
text-align: center;
margin-top: 20px;
}
.bill-popup__btn button {
width: 100% !important;
max-width: 275px;
font-size: 18px !important;
font-weight: 600 !important;
color: #fff;
height: 56px !important;
background-color: #2321FF !important;
border: none !important;
border-radius: 6px !important;
}
.bill-popup__select {
font-size: 13px !important;
}
.bill-popup__textarea {
margin-bottom: unset !important;
}
.trn::-webkit-scrollbar {
width: 0px;
}
.trn::-webkit-scrollbar-track {
background: #F8F9FB;
}
.trn::-webkit-scrollbar-thumb {
background: #01007F;
}
.popup-flex-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: unset;
}
.trn-modal.new-popup-scroll-bar {
height: 100% !important;
overflow-x: hidden;
overflow-y: auto;
padding: 4% 0;
}
.btn-operations__group .button-in-header.reservation-operation.btn-operations {
background-color: #fff;
color: #01007F;
font-size: 14px;
max-width: 202.5px;
height: 56px;
border: none;
border: 1px solid #01007F;
border-radius: 6px;
}
.btn-operations__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
.campaign-banner.trn-modal.medium-popup {
padding-top: unset !important;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.campaign-banner.trn-modal.medium-popup.campaign-banner--flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.campaign-banner .new-popup {
max-width: 950px;
width: 100%;
height: 560px !important;
padding: unset !important;
max-height: 420px;
background: transparent;
}
/*.campaign-banner__container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 50px;
height: 100%;
}*/
/*
.campaign-banner__container__header {
font-size: 42px;
color: var(--white);
font-weight: 400;
}
.campaign-banner__container__header span {
font-weight: 700;
}
.campaign-banner__container__left {
max-width: 500px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.campaign-banner__container__footer-logo{
width: 200px;
}
.campaign-banner__container__footer-logo img{
width: 100%;
}*/
/*@media (min-width: 769px) and (max-width: 1023px) {
.trn-modal {
.tab-menu__label {
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 12px;
}
.tab-menu__label label::after {
left: 16px;
}
}
}
*/
@media only screen and (max-width: 768px) {
.trn-modal {
padding-top: 0;
}
.trn-modal .signin-new-popup {
margin: 0 auto !important;
}
.trn-modal .signin-new-popup__left-side {
display: none;
}
.trn-modal .signin-new-popup__right-side {
height: 100vh;
}
.trn-modal .btn-operations__group {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
#modal-reservation-control .new-popup {
max-width: 475px;
height: 100%;
max-height: 100%;
overflow: auto;
}
}
.trn-modal .trn-modal-signin-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 420px;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 16px;
background: #FFF;
margin: auto;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password .forget-password-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 22px 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-bottom: 1px solid #E4E6E9;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password .forget-password-header .forget-password-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 36px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1D1E20;
text-align: center;
-webkit-font-feature-settings: 'liga' off, 'clig' off;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 21px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container {
padding: 16px 24px 32px 24px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
margin-bottom: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper__title {
color: #1D1E20;
font-family: "Sofia Sans";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper__description {
color: #585B5E;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BCBEBF;
background: #FFF;
width: 100%;
color: #909294;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:-webkit-autofill {
background-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: #000 !important;
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
color: #909294 !important;
-webkit-text-fill-color: #909294 !important;
font-family: Inter, sans-serif !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:not(:placeholder-shown), .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:placeholder-shown, .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:valid, .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input[value]:not([value=""]), .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input.filled {
background-color: #fff;
font-family: Inter, sans-serif !important;
color: #909294 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container .forget-password__container__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #01007F;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container .forget-password__container__btn button {
color: #FFF;
text-align: right;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px;
background: transparent;
border: none;
text-align: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .form-row {
margin-bottom: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper input.invalid, .trn-modal .trn-modal-signin-content .signin-modern__wrapper .invalid[type="text"] {
border: 1px solid #DC2626 !important;
background: #FFFFFF !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper label.invalid {
color: #DC2626 !important;
padding: 0 0 0 16px !important;
bottom: -20px;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper label.invalid i {
font-family: "Font Awesome 6 Pro" !important;
margin-right: 4px;
color: #DC2626;
font-size: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box {
width: 100%;
padding: 24px 32px 0 32px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header__close {
justify-self: flex-end;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 64px;
background: #E0E0E0;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header__close::after {
content: "\e92c";
font-family: turna;
position: relative;
font-size: 16px;
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #585B5E;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 40px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__logo img {
width: 180px;
height: 36px;
padding: 0px 4.005px 0px 0px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin: 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper {
position: relative;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper input {
width: 100%;
padding-right: 40px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper i {
font-family: "Font Awesome 6 Pro" !important;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
color: #909294;
font-size: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BCBEBF;
background: #FFF;
width: 100%;
color: #909294;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:-webkit-autofill {
background-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: #000 !important;
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
color: #909294 !important;
-webkit-text-fill-color: #909294 !important;
font-family: Inter, sans-serif !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:not(:placeholder-shown), .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:placeholder-shown, .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:valid, .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input[value]:not([value=""]), .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input.filled {
background-color: #fff;
font-family: Inter, sans-serif !important;
color: #909294 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__signup-name-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__signup-password-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__forgot {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__forgot__button {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: auto;
color: #585B5E;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__forgot__button span {
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section {
margin: 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok, .trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok {
color: #1D1E20 !important;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19px;
padding-left: 37px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok a, .trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok a {
color: #2321FF !important;
text-decoration: none;
font-weight: 400 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok::before {
top: 30%;
width: 24px;
height: 24px;
border-color: #BCBEBF;
border-radius: 4px;
margin-right: 12px;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok::after {
top: 28%;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #01007F;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__btn button {
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px;
background: transparent;
border: none;
width: 100%;
height: 100%;
text-align: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
margin: 24px 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator .line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 1px;
background: #D3D3D4;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator span {
color: #585B5E;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #E1E1EF;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn #google-sign-up-trigger-for-mobile, .trn-modal .trn-modal-signin-content .signin-modern__box__social-btn #google-sign-in-trigger-for-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background: transparent;
border: none;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn span {
color: #585B5E;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer {
width: 100%;
border-top: 1px solid #E1E1EF;
margin-top: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box {
padding: 24px 24px 54px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box span {
color: #1D1E20;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box__login-btn {
color: #2563EB;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
border: none;
background: transparent;
}
@media screen and (max-width: 1023px) {
.trn-modal .trn-modal-signin-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-height: 80vh;
height: 100%;
min-height: 70vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 16px 16px 0px 0px;
background: #FFF;
position: fixed;
bottom: 0;
max-width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password {
padding: 0;
margin: 0;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password .forget-password-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 22px 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-bottom: 1px solid #E4E6E9;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password .forget-password-header .forget-password-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 36px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1D1E20;
text-align: center;
-webkit-font-feature-settings: 'liga' off, 'clig' off;
font-feature-settings: 'liga' off, 'clig' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 21px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container {
padding: 16px 24px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
margin-bottom: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper__title {
color: #1D1E20;
font-family: "Sofia Sans";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container__header-wrapper__description {
color: #585B5E;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BCBEBF;
background: #FFF;
width: 100%;
color: #909294;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:-webkit-autofill {
background-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: #000 !important;
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
color: #909294 !important;
-webkit-text-fill-color: #909294 !important;
font-family: Inter, sans-serif !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:not(:placeholder-shown), .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:placeholder-shown, .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input:valid, .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input[value]:not([value=""]), .trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container input.filled {
background-color: #fff;
font-family: Inter, sans-serif !important;
color: #909294 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container .forget-password__container__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #01007F;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__wrapper .forget-password__container .forget-password__container__btn button {
color: #FFF;
text-align: right;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px;
background: transparent;
border: none;
text-align: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box {
width: 100%;
padding: 24px 32px 0 32px;
max-width: 420px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header__close {
justify-self: flex-end;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 64px;
background: #E0E0E0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__header__close::after {
content: "\e92c";
font-family: turna;
position: relative;
font-size: 16px;
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #585B5E;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 40px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__logo img {
width: 180px;
height: 36px;
padding: 0px 4.005px 0px 0px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin: 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper {
position: relative;
width: 100%;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper input {
width: 100%;
padding-right: 40px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__password-wrapper i {
font-family: "Font Awesome 6 Pro" !important;
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
color: #909294;
font-size: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #BCBEBF;
background: #FFF;
width: 100%;
color: #909294;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:-webkit-autofill {
background-color: #fff !important;
-webkit-box-shadow: 0 0 0 1000px white inset !important;
-webkit-text-fill-color: #000 !important;
-webkit-transition: background-color 5000s ease-in-out 0s;
-o-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
color: #909294 !important;
-webkit-text-fill-color: #909294 !important;
font-family: Inter, sans-serif !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:not(:placeholder-shown), .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:placeholder-shown, .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input:valid, .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input[value]:not([value=""]), .trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper input.filled {
background-color: #fff;
font-family: Inter, sans-serif !important;
color: #909294 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__signup-name-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__inputs-wrapper__signup-password-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__forgot {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__forgot__button {
-ms-flex-item-align: end;
align-self: flex-end;
margin-left: auto;
color: #585B5E;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section {
margin: 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok, .trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok {
color: #1D1E20 !important;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19px;
padding-left: 37px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok a, .trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok a {
color: #2321FF !important;
text-decoration: none;
font-weight: 400 !important;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok::before {
top: 30%;
width: 24px;
height: 24px;
border-color: #BCBEBF;
border-radius: 4px;
margin-right: 12px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form .signin-new-popup__right-side__sub-section .signin-new-popup__right-side__sub-section__agreement_ok::after {
top: 28%;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #01007F;
cursor: pointer;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__form__btn button {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 21px;
background: transparent;
border: none;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
margin: 24px 0;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator .line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 1px;
background: #D3D3D4;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__seperator span {
color: #585B5E;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
border: 1px solid #E1E1EF;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background: transparent;
border: none;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.trn-modal .trn-modal-signin-content .signin-modern__box__social-btn span {
color: #585B5E;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer {
width: 100%;
border-top: 1px solid #E1E1EF;
margin-top: 24px;
max-width: 420px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box {
padding: 24px 24px 54px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box span {
color: #1D1E20;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}
.trn-modal .trn-modal-signin-content .signin-modern__footer__box__login-btn {
color: #2563EB;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
border: none;
background: transparent;
}
}
.trn-popover-content {
z-index: 1051;
border-radius: 8px;
background-color: #fff;
padding: 0;
min-width: 190px;
}
.trn-popover-content .ul-links > li {
padding: 10px 20px;
text-align: center;
border-bottom: 1px solid #DDDDDD;
font-size: 13px;
}
.trn-popover-content .ul-links > .last-li {
border-bottom: none;
}
.trn-popover-content .ul-links > li > a:link, .trn-popover-content .ul-links > li > a:visited, .trn-popover-content .ul-links > li > a:active {
color: #000000;
text-decoration: none;
}
/*POPUP OVER USER INFO*/
.trn-popover-content.popover-user-info {
width: 270px;
}
.trn-popover-content.popover-user-info > div.items {
padding: 10px 5px;
background-color: #F8F9FB;
border-bottom: 1px solid #DDDDDD;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
overflow: hidden;
}
.trn-popover-content.popover-user-info > div.items > .item {
padding: 3px 5px;
font-size: 13px;
overflow: hidden;
}
.trn-popover-content.popover-user-info > div.items > .item > .point-description {
display: block;
float: left;
}
.trn-popover-content.popover-user-info > div.items > .item > span {
color: #AAAAAA;
display: block;
float: right;
}
.trn-popover-content.popover-user-info > .ul-links > .left {
border: none;
text-align: left;
padding: 6px 20px;
}
.trn-popover-content.popover-user-info > .ul-links > li {
cursor: pointer;
}
.trn-popover-content.popover-user-info > .ul-links > li a {
display: block;
width: 100%;
}
.trn-popover-content.popover-user-info > .ul-links > .border-bottom {
border-bottom: 1px solid #DDDDDD;
}
.trn-popover-content.popover-user-info > .ul-links > .right {
text-align: right;
}
.trn-popover-content.popover-user-info > .ul-links > li:hover {
background-color: #F8F9FB;
}
.popup-container {
display: none;
}
.popup-container .popup-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2000;
opacity: 0.5;
background: #000000;
}
.popup-container .popup-frame {
z-index: 999999;
width: 500px;
background-color: #fff;
}
.popup-container.pos-center .popup-frame,
.popup-container.pos-bottom .popup-frame,
.popup-container.pos-top .popup-frame {
position: fixed;
}
.popup-container.active .popup-frame {
display: block;
}
.popup-container .popup-frame {
border-radius: 8px;
}
.popup-container .popup-frame .popup-title {
padding: 10px 20px 5px;
font-size: 18px;
font-size: 16px;
line-height: 1.5;
letter-spacing: .02em;
}
.popup-container .popup-frame .popup-content {
padding: 10px 10px 20px 10px;
line-height: 20px;
font-size: 14px;
}
.popup-container .popup-frame .popup-close {
cursor: pointer;
font-size: 35px;
line-height: 21px;
position: absolute;
right: 0;
top: 0;
background: #01007F;
color: #fff;
padding: 5px;
border-radius: 0 6px 0 12px;
}
.popup-container.CornerLight .popup-frame {
background: #fff;
color: #fff;
}
.popup-container.CornerLight .popup-title {
color: #000000;
border-bottom: 1px solid #DDDDDD;
font-weight: 600;
}
.popup-container.CornerLight .popup-content {
color: #AAAAAA;
font-size: 13px;
font-weight: 500;
display: block;
}
.popup-container.CornerDark .popup-title {
color: #000000;
border-bottom: 1px solid #DDDDDD;
}
.popup-container.CornerDark .popup-content {
color: #AAAAAA;
font-size: 13px;
font-weight: 500;
display: block;
padding: 10px 20px;
}
.popup-container.CornerLightImageAndAction .popup-frame {
background-color: #fff;
}
.popup-container.CornerLightImageAndAction .popup-title {
background: #fff;
color: #000000;
border-bottom: 1px solid #DDDDDD;
font-size: 16px;
font-weight: 600;
padding-bottom: 5px;
margin-top: 20px;
}
.popup-container.CornerLightImageAndAction .popup-content {
color: #000000;
font-size: 12px;
font-weight: 300;
display: block;
padding: 0 10px 7px;
}
.CornerLightImageAndAction .inl-one {
width: 28%;
display: inline-block;
vertical-align: middle;
}
.CornerLightImageAndAction .inl-two {
width: 70%;
display: inline-block;
vertical-align: middle;
}
.CornerLightImageAndAction .inl-two div {
color: #AAAAAA;
padding-bottom: 6px;
font-weight: 500;
font-size: 13px;
}
.CornerLightImageAndAction a {
background-color: #01007F;
padding: 6px 23px;
border-radius: 5px 0 5px 0;
color: #fff;
text-decoration: none;
font-size: 13px;
-webkit-transition-property: background-color,color;
-o-transition-property: background-color,color;
transition-property: background-color,color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
outline: none;
margin: 0 auto;
font-weight: 600;
}
.form-row {
margin-bottom: 20px;
}
.form-row--col-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-row--col-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% / 1);
flex: 0 0 calc(100% / 1);
margin-bottom: 0;
}
.form-row--col-1 > *:not(:last-child) {
margin-right: 0;
}
.form-item {
margin-bottom: 0;
}
.form-item__label {
font-size: 13px;
font-weight: 600;
margin-bottom: 5px;
}
.form-item__input {
position: relative;
}
.form-item__input input {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.form-item__input input:not([type=checkbox]) {
width: 100%;
height: 48px;
padding: 0 15px;
border: 1px solid #DDDDDD;
border-radius: 8px;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-item__input input:not([type=checkbox])::-webkit-input-placeholder {
color: rgba(72, 72, 72, 0.5);
padding-left: 5px;
}
.form-item__input input:not([type=checkbox]):-ms-input-placeholder {
color: rgba(72, 72, 72, 0.5);
padding-left: 5px;
}
.form-item__input input:not([type=checkbox])::-ms-input-placeholder {
color: rgba(72, 72, 72, 0.5);
padding-left: 5px;
}
.form-item__input input:not([type=checkbox])::placeholder {
color: rgba(72, 72, 72, 0.5);
padding-left: 5px;
}
.form-item__input input:not([type=checkbox])[disabled] {
background-color: #F8F9FB;
border: 0;
}
.form-item__input input:not([type=checkbox]):focus {
-webkit-box-shadow: 0 0 0 3px rgba(140, 140, 140, 0.3);
box-shadow: 0 0 0 3px rgba(140, 140, 140, 0.3);
}
/*.trn-modal > .trn {
max-width: 940px !important;
padding: unset;
}*/
.trn.signin-new-popup {
padding: unset;
max-width: 940px !important;
}
.signin-new-popup {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
border-radius: 8px;
overflow: hidden;
-webkit-box-shadow: unset !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
box-shadow: unset !important;
margin: 100px auto !important;
position: relative;
}
.signin-new-popup__close {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #01007F;
border-radius: 0 0 0px 12px;
font-size: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
cursor: pointer;
}
.signin-new-popup__left-side, .signin-new-popup__right-side {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.signin-new-popup__left-side {
background-color: #01007F;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 50px;
}
.signin-new-popup__left-side__header {
font-size: 36px;
font-weight: 500;
}
.signin-new-popup__left-side__sub-header {
font-size: 40px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 40px;
}
.signin-new-popup__left-side__btn:last-child {
margin-top: 20px;
}
.signin-new-popup__left-side__btn button {
background-color: #fff;
color: #01007F;
height: 65px;
width: 264px;
border-radius: 65px;
border: none;
cursor: pointer;
font-weight: bold;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.signin-new-popup__left-side > div {
text-align: center;
}
.signin-new-popup__right-side {
padding: 50px;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__agreement_ok {
padding-left: unset;
padding-right: 25px;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__agreement_ok::before {
left: unset;
right: 0;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__agreement_ok::after {
left: unset;
right: -7px;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__remember-me {
padding-left: unset;
padding-right: 25px;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__remember-me::before {
left: unset;
right: 0;
}
body[dir='rtl'] .signin-new-popup__right-side__sub-section__remember-me::after {
left: unset;
right: -7px;
}
body[dir='rtl'] .trn-modal-close.signin-new-popup__close {
background-color: #01007F;
right: unset;
left: 0;
border-radius: 6px 0 12px 0px;
}
body[dir='rtl'] .trn-modal-close.signin-new-popup__close .trn-close {
color: #fff;
}
body[dir='rtl'] .signin-new-popup__right-side--grow .gap-20 {
gap: 20px;
}
body[dir='rtl'] .signin-new-popup__right-side--grow .margin-0 .form-item {
margin-right: 0 !important;
margin-left: 0 !important;
}
.signin-new-popup__right-side__sub-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
margin-top: 32px;
}
.signin-new-popup__right-side__sub-section__remember-me {
padding-left: 25px;
}
.signin-new-popup__right-side__sub-section__remember-me::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #000000;
}
.signin-new-popup__right-side__sub-section__remember-me::after {
content: "\e936";
position: absolute;
font-size: 24px;
color: #01007F;
left: 0;
top: -10px;
font-family: turna;
display: none;
}
#rememberme {
display: none;
}
.signin-new-popup__right-side__sub-section label[for="rememberme"] {
position: relative;
}
.signin-new-popup__right-side__sub-section #rememberme:checked ~ .signin-new-popup__right-side__sub-section__remember-me::after {
display: block;
}
.signin-new-popup__right-side__sub-section #rememberme:checked ~ .signin-new-popup__right-side__sub-section__remember-me::before {
border-color: #01007F;
}
.signin-new-popup__right-side__sub-section #rememberme:checked ~ .signin-new-popup__right-side__sub-section__remember-me {
color: #01007F;
}
.signin-new-popup__right-side__btn:not(:last-of-type) {
margin-bottom: 20px;
}
.signin-new-popup__right-side__btn button {
border: none;
color: #fff;
height: 65px;
width: 100%;
border-radius: 8px;
background: #01007F;
cursor: pointer;
font-weight: bold;
}
.signin-new-popup__right-side__btn--white button {
background: #fff !important;
color: #01007F !important;
border: 1px solid #01007F !important;
}
#forgot-password-id {
text-decoration: none;
color: #000000;
}
#login-form {
margin-bottom: 20px;
}
.form-row--col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-row--col-2 > * {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc((100% - (2 - 1) * 20px) / 2);
flex-basis: calc((100% - (2 - 1) * 20px) / 2);
margin-bottom: 20px;
}
.form-row--col-2 > *:not(:last-child) {
margin-right: 20px;
}
.form-row--col-2 > *:nth-child(2n) {
margin-right: 0;
}
.signin-new-popup__left-side--grow {
-webkit-box-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
-webkit-box-flex: 3 !important;
-ms-flex-positive: 3 !important;
flex-grow: 3 !important;
}
.signin-new-popup__right-side--grow {
-webkit-box-flex: 2 !important;
-ms-flex: 2 !important;
flex: 2 !important;
-webkit-box-flex: 3 !important;
-ms-flex-positive: 3 !important;
flex-grow: 3 !important;
}
.signin-new-popup--space-top {
margin: 50px auto !important;
}
.signin-new-popup__right-side__sub-section label[for="agreement_ok"] {
position: relative;
}
.signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok::after {
display: block;
}
.signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok::before {
border-color: #01007F;
}
.signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok {
color: #01007F;
}
.signin-new-popup__right-side__sub-section__agreement_ok {
padding-left: 25px;
}
.signin-new-popup__right-side__sub-section__agreement_ok::before {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1px solid #000000;
}
.signin-new-popup__right-side__sub-section__agreement_ok::after {
content: "\e936";
position: absolute;
font-size: 24px;
color: #01007F;
left: 0;
top: 44%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: turna;
display: none;
}
.signin-new-popup__right-side__sub-section #agreement_ok:checked ~ .signin-new-popup__right-side__sub-section__agreement_ok a {
color: #01007F;
font-weight: bold;
}
label.invalid {
font-size: 11px !important;
color: #01007F !important;
font-weight: bold;
position: absolute;
bottom: -25px;
}
.form-item {
position: relative;
}
.invalid[type='text'], .invalid[type='password'], .invalid[type='email'] {
background-color: #F8F9FB !important;
border-color: #01007F !important;
}
.form-row--col-2 > * {
margin-bottom: unset !important;
}
.trn.forget-password {
max-width: 600px !important;
border-radius: 8px;
margin: 100px auto;
}
.forget-password__container {
padding: 60px 40px;
}
.forget-password__container__header-info {
margin-bottom: 20px;
font-size: 16px;
color: #000000;
}
.forget-password__container__btn button {
border: none;
color: #fff;
height: 65px;
width: 100%;
border-radius: 8px;
background: #01007F;
cursor: pointer;
font-weight: bold;
}
.trn-modal > .trn {
-webkit-box-shadow: unset !important;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
box-shadow: unset !important;
}
.reservation-popup {
padding: 60px 50px !important;
border-radius: 8px;
}
.reservation-popup__points {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reservation-popup__points__item > div:not(:last-of-type) {
margin-bottom: 20px;
}
.reservation-popup__points__item .form-row {
margin-bottom: unset !important;
}
.reservation-popup__points__item {
color: #000000;
font-size: 16px;
}
.reservation-popup__points__item--header {
font-weight: 600;
}
.bottom-line {
position: relative;
}
.bottom-line::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #F8F9FB;
bottom: -20px;
left: 0;
}
.reservation-popup__buttons {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 0 10px;
}
.reservation-popup__buttons__btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.reservation-popup__buttons__btn button {
width: 100%;
padding: 20px 0;
}
.reservation-popup__buttons__btn .passive {
border: 1px solid #01007F;
color: #01007F;
background-color: #fff;
}
.reservation-popup__buttons__btn .active {
border: none;
color: #fff;
background-color: #01007F;
}
.reservation-popup__buttons__btn .active, .reservation-popup__buttons__btn .passive {
font-weight: bold;
border-radius: 8px;
}
.reservation-popup__footer {
color: #AAAAAA;
margin-top: 40px;
font-size: 16px;
}
.trn.reservation-popup {
max-width: 768px !important;
}
.reservation-popup__points__item__value {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #01007F;
font-weight: bold;
}
.cancel-reservation-info {
color: #000000;
font-weight: 500;
font-size: 16px;
}
.cancel-reservation-btn {
margin-top: 30px;
}
.cancel-reservation-btn button {
width: 100%;
padding: 20px 0;
border-radius: 8px;
background-color: #01007F;
color: #fff;
font-weight: bold;
font-size: 16px;
border: none;
}
#cancel-reservation-dialog .trn.reservation-popup {
max-width: 568px !important;
}
.new-popup {
position: relative;
border-radius: 8px;
}
.new-popup::-webkit-scrollbar {
width: 0px;
}
.new-popup::-webkit-scrollbar-track {
background: #f9f9ff;
border-radius: 6px 0 0 6px;
}
.new-popup::-webkit-scrollbar-thumb {
background: #01007F;
border-radius: 6px 0 0 6px;
}
.new-popup-flex-layout {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: unset;
}
.new-popup__close {
position: absolute;
display: inline-block;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #01007F;
border-radius: 0 0 0px 12px;
font-size: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
cursor: pointer;
z-index: 99;
}
.new-popup__close:after {
content: "\e92c";
font-family: turna;
}
body[dir='rtl'] .popup-container .popup-frame .popup-close {
right: unset;
left: 0;
border-radius: 6px 0 12px 0;
}
@media (min-width: 769px) {
#google-sign-up-trigger-for-mobile, #google-sign-in-trigger-for-mobile {
display: none;
}
}
/*........ FOOTER .......*/
.trn-content > .trn-default-footer {
position: relative;
display: inline-block;
width: 100%;
padding: 20px 0;
margin-top: 80px;
}
.trn-default-footer > .btn-more-info:link,
.trn-default-footer > .btn-more-info:visited,
.trn-default-footer > .btn-more-info:active {
border-radius: 50px;
border: 1px solid #2321FF;
padding: 20px 30px;
text-decoration: none;
color: #2321FF;
font-size: 16px;
}
.trn-default-footer > .btn-more-info:hover {
border: 1px solid #DDDDDD;
color: #DDDDDD;
}
.trn-main-footer {
padding: 10px 4% 15px;
width: 100%;
/*background: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/General/footer.png) bottom center no-repeat;*/
/* background-color: #2b2d2e;*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
}
.trn-main-footer .ul-wrapper {
max-width: 1073px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.trn-main-footer .ul-wrapper > ul {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
list-style: none;
padding: 15px;
margin: 0;
}
.trn-main-footer .ul-wrapper > ul > li .footer-title {
font-weight: 600;
font-size: 18px;
padding: 15px 0 10px;
text-rendering: optimizelegibility;
}
.trn-main-footer .ul-wrapper > ul > li > a:link,
.trn-main-footer .ul-wrapper > ul > li > a:visited,
.trn-main-footer .ul-wrapper > ul > li > a:active {
font-size: 14px;
color: #AAAAAA;
text-decoration: none;
padding: 1px 0;
display: inline-block;
}
.trn-main-footer .ul-wrapper > ul > li > a:hover {
color: #2321FF;
}
.trn-main-footer > .copyright {
display: inline-block;
width: 98%;
padding: 20px 0 0;
text-align: center;
color: #AAAAAA;
font-size: 12px;
border-top: 1px solid #DDDDDD;
margin: 65px 1% 0;
position: relative;
}
.trn-main-footer > .copyright > .social {
position: absolute;
background-color: #2b2d2d;
display: block;
width: 280px;
left: 50%;
margin-left: -140px;
top: -11px;
}
.trn-main-footer > .copyright > .social a {
margin: 0 5px;
text-decoration: none;
}
.trn-main-footer > .copyright div {
margin-top: 10px;
}
.trn-main-footer > .copyright > .footer-info {
width: 100%;
display: inline-block;
padding: 45px 0 10px;
position: relative;
max-width: 1215px;
}
@media screen and (max-width: 768px) {
.trn-main-footer > .copyright > .footer-info > .footer-info-app {
left: 35%;
display: inline-block;
float: none;
position: absolute;
z-index: 1;
padding-top: 100px;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side {
width: 48%;
display: block;
float: left;
overflow: hidden;
margin-bottom: 30px;
}
.trn-main-footer .ul-wrapper > ul > li .footer-title {
font-size: 16px;
}
.trn-main-footer .ul-wrapper > ul > li:not(.footer-title) {
font-size: 13px;
}
}
@media screen and (min-width: 769px) {
.trn-main-footer > .copyright > .footer-info > .footer-info-app {
width: 20%;
display: block;
float: left;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side {
width: 40%;
display: block;
float: left;
overflow: hidden;
margin-top: 20px;
}
}
@media screen and (min-width: 1025px) {
.trn-main-footer > .copyright > .footer-info > .footer-info-app a {
margin: 0 5px;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-app {
width: 30%;
display: block;
float: left;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side {
width: 35%;
display: block;
float: left;
overflow: hidden;
padding-top: 0px;
}
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side > p {
padding: 0;
margin: 0;
display: block;
line-height: 13px;
font-size: 11px;
color: #AAAAAA;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side > p.text-left {
text-align: left;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side > p.text-right {
text-align: right;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side .trn-sprt-logo-white {
margin: 0 10px 10px;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side > .iata {
background-position: -82px -127px;
width: 52px;
height: 50px;
float: left;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-side > .tursab {
background-position: -5px -127px;
width: 72px;
height: 50px;
float: right;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-app > a {
margin-top: 10px;
display: inline-block;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-app > a > .android {
background-position: -5px -90px;
width: 131px;
height: 43px;
}
.trn-main-footer > .copyright > .footer-info > .footer-info-app > a > .ios {
background-position: -5px -42px;
width: 131px;
height: 43px;
}
.social .st0 {
fill: #868484;
}
.social .st1 {
fill: #D7D7D7;
}
.trn-main-footer > .copyright > .social > a:hover .st0 {
fill: #D7D7D7;
}
.footer {
font-size: 13px;
padding: 60px 48px 0 48px !important;
background-color: #fff !important;
color: #000000;
}
@media (min-width: 992px) {
.footer {
font-size: 14px;
}
}
.footer__left {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__inner .footer__left {
padding-right: 30px;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.footer__inner .footer__left {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
margin-right: 60px;
}
.footer__inner .footer__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.footer__logo {
margin-bottom: 30px;
}
.footer__logo img {
width: 160px;
height: auto;
}
@media (max-width: 768px) {
.footer__logo {
text-align: center;
}
}
.footer__app-download {
margin-bottom: 30px;
}
.footer__app-download__description {
font-size: 0.9em;
margin-bottom: 15px;
}
.footer__app-download__buttons {
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__app-download__buttons__item {
width: 132px;
height: 44px;
}
.footer__app-download__buttons__item.google {
width: 150px;
height: 44px;
}
.footer__app-download__buttons__item:not(:last-of-type) {
margin-right: 15px;
}
.footer__app-download__buttons__item a {
color: #000000;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.footer__app-download__buttons__item a img {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.footer__app-download {
text-align: center;
/*max-width: 300px;*/
margin: 0 16px 30px;
}
.footer__app-download__buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer__list-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__list-wrapper > * {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc((100% - (2 - 1) * 30px) / 2);
flex-basis: calc((100% - (2 - 1) * 30px) / 2);
margin-bottom: 30px;
}
.footer__list-wrapper > *:not(:last-child) {
margin-right: 30px;
}
.footer__list-wrapper > *:nth-child(2n) {
margin-right: 0;
}
@media (min-width: 992px) {
.footer__list-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__list-wrapper > * {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc((100% - (3 - 1) * 30px) / 3);
flex-basis: calc((100% - (3 - 1) * 30px) / 3);
margin-bottom: 30px;
}
.footer__list-wrapper > *:not(:last-child) {
margin-right: 30px;
}
.footer__list-wrapper > *:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 992px) {
.footer__list-wrapper.home-footer-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__list-wrapper.home-footer-links > * {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc((100% - (4 - 1) * 30px) / 4);
flex-basis: calc((100% - (4 - 1) * 30px) / 4);
margin-bottom: 30px;
}
.footer__list-wrapper.home-footer-links > *:not(:last-child) {
margin-right: 30px;
}
.footer__list-wrapper.home-footer-links > *:nth-child(4n) {
margin-right: 0;
}
}
.footer__list {
padding: 0;
list-style: none;
}
.footer__list__item {
padding: 8px 0;
}
.footer__list__item.title {
font-size: 1.2em;
font-weight: bold;
}
.footer__list__item a {
display: inline-block;
color: #000000;
line-height: 1.3;
text-decoration: none;
}
.footer__list__item a:hover {
color: #01007F;
}
.footer__list__item a.accent {
position: relative;
color: #01007F;
font-weight: 600;
}
.footer__list__item a.accent::after {
content: "\e928";
position: absolute;
right: -16px;
font-family: "turna";
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer__bottom {
min-height: 100px;
background-color: #01007F;
}
.footer__additional {
margin-bottom: -60px !important;
}
.footer__trust {
background-color: white;
border-radius: 8px;
padding: 30px;
margin-bottom: 15px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.footer__trust__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 768px) {
.footer__trust__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.footer__trust__item:not(:last-of-type) {
margin-right: 0;
margin-bottom: 15px;
}
.footer__trust__item__figure {
margin: 0;
margin-right: 15px;
width: 96px;
}
.footer__trust__item__figure img {
display: block;
width: 100%;
}
@media only screen and (max-width: 768px) {
.footer__trust__item__figure.tursab {
width: 120px;
}
}
@media only screen and (max-width: 768px) {
.footer__trust__item__figure.tursab__redirect img {
width: 180px;
height: 100px;
}
}
@media only screen and (max-width: 375px) {
.footer__trust__item__figure.tursab__redirect img {
width: 160px;
height: 100px;
}
}
.footer__trust__item__description {
color: #AAAAAA;
font-size: 0.8em;
}
@media (min-width: 768px) {
.footer__trust {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__trust__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__trust__item:not(:last-of-type) {
margin-right: 30px;
margin-bottom: 0;
}
.footer__trust__item__figure.iata {
width: 60px;
}
.footer__trust__item__figure.tch {
width: 80px;
}
.footer__trust__item__figure.tursab__redirect img {
width: 200px;
height: 96px;
}
}
.footer__copyright {
color: #fff;
text-align: center;
}
.footer__subscribe {
margin-bottom: 30px;
}
.footer__subscribe__label {
display: block;
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
}
.footer__subscribe__button {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 100%;
right: 0;
top: 0;
background-color: #01007F;
font-size: 2em;
color: white;
cursor: pointer;
}
.footer__subscribe__form {
position: relative;
height: 40px;
margin-bottom: 10px;
border-radius: 8px;
background-color: #F8F9FB;
overflow: hidden;
}
.footer__subscribe__form:focus-within {
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
.footer__subscribe__form input {
display: block;
width: 100%;
height: 100%;
border: 0;
outline: none;
background-color: transparent;
padding-left: 15px;
padding-right: 60px;
color: #000000;
}
.footer__subscribe__form input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.footer__subscribe__form input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.footer__subscribe__form input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.footer__subscribe__form input::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.footer__subscribe__description {
font-size: 0.9em;
}
@media (max-width: 768px) {
.footer__subscribe {
/*max-width: 300px;*/
margin: 0 16px 30px;
text-align: center;
}
}
.footer__follow-us {
margin-bottom: 60px;
}
.footer__follow-us__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 32px;
}
.footer__follow-us__icons li {
border-radius: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.footer__follow-us__icons li:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.footer__follow-us__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
font-size: 2.8em;
color: #000000;
text-decoration: none;
}
.footer__follow-us__link i {
font-family: "Font Awesome 6 Brands" !important;
}
@media (max-width: 768px) {
.footer__follow-us__icons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
body[dir="rtl"] .footer__list__item a.accent::after {
content: "\e926";
right: unset;
left: -16px;
}
body[dir="rtl"] .footer__app-download__buttons__item {
margin-right: 0;
margin-left: 15px;
}
body[dir="rtl"] .footer__subscribe__form input {
padding-right: 15px;
padding-left: 60px;
}
body[dir="rtl"] .footer__subscribe__button {
right: unset;
left: 0;
}
body[dir="rtl"] .footer__subscribe__button i {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
body[dir="rtl"] .footer__follow-us__icons li {
margin-right: 0;
margin-left: 10px;
}
body[dir="rtl"] .footer__trust__item {
margin-right: 0;
margin-left: 30px;
}
body[dir="rtl"] .footer__trust__item__figure {
margin-right: 0;
margin-left: 15px;
}
body.tkfb .footer__bottom {
background: -webkit-gradient(linear, left top, right top, color-stop(0, #2d2926), to(#a2aaad));
background: -webkit-linear-gradient(left, #2d2926 0, #a2aaad 100%);
background: -o-linear-gradient(left, #2d2926 0, #a2aaad 100%);
background: linear-gradient(to right, #2d2926 0, #a2aaad 100%);
}
body.teb .footer__bottom {
background: #16bc5d !important;
}
.tursab__redirect--container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 16px;
}
.tursab__redirect--container a {
width: 200px;
}
@media only screen and (max-width: 768px) {
.footer__right {
padding: 16px;
}
}
@media (min-width: 1025px) and (max-width: 1247px) {
.footer {
padding: 60px 48px 0 48px !important;
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.footer {
padding: 60px 48px 0 48px !important;
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__app-download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__app-download__buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__subscribe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.footer__subscribe__label {
-ms-flex-item-align: start;
align-self: flex-start;
}
.footer__subscribe__form {
width: 100%;
}
.footer__follow-us {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1024px) and (max-width: 1248px) {
.footer__list-wrapper.home-footer-links > * {
margin-bottom: 120px;
}
.footer__bottom {
min-height: 120px;
}
.footer__trust {
margin-bottom: 24px;
border-radius: 16px;
}
.footer__trust__item {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__trust__item__description {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__copyright {
font-size: 16px;
font-weight: 400;
}
.footer__list__item {
padding: 12px 0;
}
.footer__list__item.title {
padding: unset;
}
.footer__logo {
margin-bottom: 48px;
}
.footer__app-download__description {
margin-bottom: 8px;
font-size: 16px;
}
.footer__app-download__buttons {
gap: 8px;
}
.footer__app-download__buttons__item:not(:last-of-type) {
margin: unset !important;
}
.footer__left {
padding: unset !important;
margin: unset !important;
-webkit-box-flex: unset !important;
-ms-flex: unset !important;
flex: unset !important;
gap: 32px;
}
.footer__subscribe {
margin-bottom: 32px;
}
.footer__subscribe__form {
height: 48px;
margin-bottom: 8px;
}
.footer__subscribe__button {
width: 48px;
}
.footer__subscribe__description {
font-size: 16px;
}
.footer__follow-us__icons {
gap: 32px;
}
.footer__follow-us__icons li:not(:last-of-type) {
margin-right: unset !important;
}
.footer__inner {
gap: 64px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.footer__list-wrapper.home-footer-links > * {
margin-bottom: 120px;
}
.footer__bottom {
min-height: 120px;
}
.footer__trust {
margin-bottom: 24px;
border-radius: 16px;
}
.footer__trust__item {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__trust__item__description {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__copyright {
font-size: 16px;
font-weight: 400;
}
.footer__list__item {
padding: 6px 0;
}
.footer__list__item.title {
padding: unset;
}
.footer__logo {
margin-bottom: 32px;
}
.footer__app-download__description {
margin-bottom: 8px;
font-size: 16px;
}
.footer__app-download__buttons {
gap: 8px;
}
.footer__app-download__buttons__item:not(:last-of-type) {
margin: unset !important;
}
.footer__left {
padding: unset !important;
margin: unset !important;
-webkit-box-flex: unset !important;
-ms-flex: unset !important;
flex: unset !important;
gap: 32px;
}
.footer__subscribe {
margin-bottom: 32px;
}
.footer__subscribe__form {
height: 48px;
margin-bottom: 8px;
}
.footer__subscribe__button {
width: 48px;
}
.footer__subscribe__description {
font-size: 16px;
}
.footer__follow-us__icons {
gap: 32px;
}
.footer__follow-us__icons li:not(:last-of-type) {
margin-right: unset !important;
}
.footer__inner {
gap: 64px;
}
.footer__follow-us__link i {
font-size: 48px;
}
.footer__list-wrapper > * {
-ms-flex-preferred-size: calc((100% / 3 ));
flex-basis: calc((100% / 3 ));
}
.footer__list-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer__list-wrapper > *:not(:last-child) {
margin-right: unset !important;
}
}
@media (max-width: 768px) {
.footer {
padding: 0 !important;
}
.footer__list-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__trust {
padding: 24px;
}
.footer__list-wrapper.home-footer-links > * {
margin-bottom: 48px;
}
.footer__bottom {
min-height: 120px;
}
.footer__trust {
margin-bottom: 24px;
border-radius: 16px;
margin-left: 16px;
margin-left: 16px;
}
.footer__trust__item {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__trust__item__description {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.footer__copyright {
font-size: 16px;
font-weight: 400;
}
.footer__list__item {
padding: 6px 0;
}
.footer__list__item.title {
padding: unset;
}
.footer__logo {
margin-bottom: 32px;
}
.footer__app-download {
margin-bottom: 32px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.footer__app-download__description {
margin-bottom: 8px;
font-size: 16px;
}
.footer__app-download__buttons {
gap: 8px;
}
.footer__app-download__buttons__item:not(:last-of-type) {
margin: unset !important;
}
.footer__left {
padding: unset !important;
margin: unset !important;
-webkit-box-flex: unset !important;
-ms-flex: unset !important;
flex: unset !important;
gap: 32px;
}
.footer__subscribe {
margin-bottom: 32px;
}
.footer__subscribe__form {
height: 48px;
margin-bottom: 8px;
}
.footer__subscribe__button {
width: 48px;
}
.footer__subscribe__description {
font-size: 16px;
}
.footer__follow-us {
margin-bottom: 32px;
}
.footer__follow-us__icons {
gap: 32px;
}
.footer__follow-us__icons li:not(:last-of-type) {
margin-right: unset !important;
}
.footer__inner {
gap: 64px;
}
.footer__follow-us__link i {
font-size: 48px;
}
.footer__trust__item:not(:last-of-type) {
gap: 8px;
}
.footer__trust__item__figure {
margin-right: unset !important;
}
.tursab__redirect--container {
gap: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 32px;
}
.footer__trust__item__figure.tursab__redirect {
width: 219px;
}
.tursab__redirect--container a {
width: 219px;
}
.footer__trust__item__figure.tursab__redirect img {
width: 219px;
}
.footer__subscribe {
text-align: start;
margin-left: 0 !important;
margin-right: 0 !important;
}
.footer__subscribe__description {
text-align: center;
}
.footer__inner {
padding: 0 16px !important;
}
}
@media (max-width: 425px) {
.footer__trust__item__figure.tursab__redirect {
width: 160px !important;
}
.tursab__redirect--container a {
width: 160px !important;
}
.footer__trust__item__figure.tursab__redirect img {
width: 160px;
}
}
.footer__inner {
padding: 0 48px;
}
.footer__follow-us__link i {
font-size: 28px;
}
.tursab-agancy-title-mobile {
display: block;
text-align: center;
color: #ffffff4f;
font-size: 12px;
font-weight: 400;
}
@media (min-width: 1024px) {
.tursab-agancy-title-mobile {
display: none;
}
}
.snackbar-container {
position: fixed;
-webkit-box-shadow: 0px 1px 8px rgba(18, 5, 41, 0.15);
box-shadow: 0px 1px 8px rgba(18, 5, 41, 0.15);
min-height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
padding: 30px;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
z-index: 999;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
transform: translateY(200%);
}
@media (min-width: 320px) and (max-width: 480px) {
.snackbar-container {
padding: 20px !important;
}
.snackbar-container.isOpen {
bottom: 60px !important;
left: 20px !important;
width: 90% !important;
}
}
.snackbar-container .snackbar-accept-button {
padding: 10px 50px;
background-color: white;
color: #343A40;
}
.snackbar-container .snackbar-button {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.snackbar-container .snackbar-accept-button {
font-size: 16px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.snackbar-container.isOpen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
bottom: 0px;
left: 0px;
width: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.snackbar-container .snackbar-title {
font-weight: bold;
font-size: 14px;
color: #343a40;
margin-bottom: 7px;
}
@media (min-width: 320px) {
.snackbar-container .snackbar-title {
font-size: 12px;
}
}
.snackbar-container .snackbar-description {
color: #343a40;
font-size: 10px;
line-height: 16px;
}
@media (min-width: 768px) {
.snackbar-container .snackbar-description {
line-height: 20px;
font-size: 12px;
letter-spacing: 1px;
}
}
.snackbar-container a {
color: #343a40;
text-decoration: underline;
}
.snackbar-container .snackbar-close-button {
display: block;
position: absolute;
right: 20px;
}
@media (min-width: 576px) {
.snackbar-container .snackbar-close-button {
right: 80px;
}
}
.snackbar-container .snackbar-close-button:after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 20px;
height: 20px;
border-radius: 36px;
border: 2px solid white;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAENDPwKAwn7mBpgoAAAB7SURBVBjTRdGxDYAwEATBowMLKiAjJaMCRAkugCKIwRZfNpa1Jz57TbLS6XyTuOHadcTqd4qiiCeBW4RyNAajauwMzhqWxuCdBIOCjTBoBs2gGTSDMOhap7mWNCPsWpdTSzmYKAclM7UwCBvNuSNcBcI6OsJFZ/1HyfsHuaxNbxbonh0AAAAASUVORK5CYII=");
background-size: 8px;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 576px) {
.snackbar-container .snackbar-close-button:after {
width: 36px;
height: 36px;
background-size: 12px;
}
}
.snackbar-container .snackbar-close-button:hover {
cursor: pointer;
}
.snackbar-container .snackbar-close-button .snackbar-close-button-text {
visibility: hidden;
position: relative;
font-size: 14px;
padding-right: 50px;
}
@media (min-width: 768px) {
.snackbar-container .snackbar-close-button .snackbar-close-button-text {
visibility: visible;
}
}
.snackbar-container .snackbar-action-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
margin-top: 16px;
}
.snackbar-container .snackbar-action-buttons .snackbar-action-button {
font-size: 12px;
background-color: #343a40;
padding: 8px 16px;
border-radius: 6px;
}
.snackbar-container .snackbar-action-buttons .snackbar-action-button:not(:last-child) {
margin-right: 15px;
}
@media (min-width: 768px) {
.snackbar-container .snackbar-accept-button {
padding: 8px 16px;
background-color: #343a40;
color: #fff;
}
.snackbar-container .snackbar-accept-button {
font-size: 14px;
font-weight: 700;
border-radius: 6px;
cursor: pointer;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.snackbar-container.isOpen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
bottom: 10px;
left: 10px;
width: 37%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.snackbar-detail-button-text {
text-decoration: underline;
font-size: 12px;
color: #868e96;
cursor: pointer;
}
.snackbar-description-details {
margin-top: 20px;
}
@media (min-width: 320px) and (max-width: 480px) {
.snackbar-description-details {
font-size: 13px;
}
.snackbar-description-details.options {
font-size: 12px;
}
.snackbar-description-details .cookie-policy__text {
padding-left: 24px;
}
.snackbar-description-details .cookie-policy__text::before {
width: 14px;
height: 14px;
}
.snackbar-description-details .cookie-policy__text::after {
font-size: 13px;
}
}
.snackbar-description-details.options {
margin-top: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 7px;
}
.snackbar-description-details.options input[type='checkbox']:checked ~ span::before {
border-color: #ff3200;
background-color: #ff3200;
}
.snackbar-description-details.options input[type='checkbox']:checked ~ span::after {
display: block;
}
.cookie-policy__text {
position: relative;
padding-left: 30px;
color: #343a40;
}
.cookie-policy__text input[type="checkbox"] {
display: none;
}
.cookie-policy__text::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
border: 1px solid #868e96;
background-color: #fff;
border-radius: 4px;
cursor: pointer;
}
input[type="checkbox"]:checked + .cookie-policy__text::before {
background-color: #01007f;
border-color: #01007f;
}
.cookie-policy__text::after {
content: "\e936";
position: absolute;
top: 50%;
left: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: turna;
color: #fff;
display: none;
}
input[type="checkbox"]:checked + .cookie-policy__text::after {
display: block;
}
body[dir='rtl'] .cookie-policy__text {
padding-left: unset;
padding-right: 30px;
}
body[dir='rtl'] .cookie-policy__text::before {
left: unset;
right: 0;
}
body[dir='rtl'] .cookie-policy__text::after {
left: unset;
right: 2px;
}
.switch-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.switch-bar input[type='checkbox']:checked ~ .switch-container .switch::before {
background-color: #ff3200;
border-color: #ff3200;
}
.switch-bar input[type='checkbox']:checked ~ .switch-container .switch::after {
-webkit-transform: translate(20px, -50%);
-ms-transform: translate(20px, -50%);
transform: translate(20px, -50%);
border-color: #ffffff;
background-color: #ffffff;
}
.switch-bar .switch-container .switch {
position: relative;
width: 40px;
height: 22px;
display: inline-block;
}
.switch-bar .switch-container .switch::before {
content: "";
width: 40px;
height: 20px;
border-radius: 20px;
border: 1px solid #868e96;
background-color: #f1f3f5;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.switch-bar .switch-container .switch::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #868e96;
background-color: #868e96;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.trn-default-content.btn-accept {
margin-top: 20px;
}
.trn-default-content.btn-accept span {
background-color: #343a40;
padding: 8px 16px;
color: #fff;
font-size: 16px;
border-radius: 6px;
}
.trn-default-content.options-dialog-details {
font-size: 14px;
color: #868e96;
margin: 3px 0 10px;
}
.trn-default-content.options-dialog-title {
font-size: 16px;
color: #343a40;
font-weight: 600;
}
.snackbar-description-details-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 4px;
}
@charset "UTF-8";
.turna-description {
text-align: center;
color: #000000;
font-size: 18px;
}
.mb-10 {
margin-bottom: 10px;
}
.mt-10 {
margin-top: 10px;
}
.pb-10 {
padding-bottom: 10px;
}
.pt-10 {
padding-top: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-20 {
margin-top: 20px;
}
.pb-20 {
padding-bottom: 20px;
}
.pt-20 {
padding-top: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-30 {
margin-top: 30px;
}
.pb-30 {
padding-bottom: 30px;
}
.pt-30 {
padding-top: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mt-40 {
margin-top: 40px;
}
.pb-40 {
padding-bottom: 40px;
}
.pt-40 {
padding-top: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-50 {
margin-top: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.pt-50 {
padding-top: 50px;
}
.m-reset {
margin: 0 !important;
}
.mb-reset {
margin-bottom: 0 !important;
}
.mt-reset {
margin-top: 0 !important;
}
.mr-reset {
margin-right: 0 !important;
}
.ml-reset {
margin-left: 0 !important;
}
.mt-auto {
margin-top: auto;
}
.mb-auto {
margin-bottom: auto;
}
.ml-auto {
margin-left: auto;
}
.mr-auto {
margin-right: auto;
}
.p-reset {
padding: 0 !important;
}
.pb-reset {
padding-bottom: 0 !important;
}
.pt-reset {
padding-top: 0 !important;
}
.pr-reset {
padding-right: 0 !important;
}
.pl-reset {
padding-left: 0 !important;
}
.text-align-center {
text-align: center;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.underline {
text-decoration: underline;
}
.cursor-pointer {
cursor: pointer;
}
/* Flex Layout Module Classes */
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-space-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.p-relative {
position: relative;
}
.stretched-link::before {
content: "";
position: absolute;
pointer-events: auto;
background-color: rgba(0, 0, 0, 0);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-bold {
font-weight: bold;
}
.color-primary {
color: #01007F;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-20 {
font-size: 20px;
}
.price::after {
content: attr(data-currency);
font-size: 0.8em;
margin-left: 3px;
}
/* Widget Header Styles Start */
.widget-header {
margin-bottom: 30px;
color: #000000;
}
.widget-header .widget-title {
font-size: 18px;
margin-bottom: 5px;
}
.widget-header .widget-description {
font-size: 22px;
font-weight: bold;
margin: 0;
}
/* Widget Header Styles End */
/* Background Color Styles Start */
.background-white {
background-color: #fff;
}
.background-ghost-white {
background-color: #F8F8FB;
}
/* Background Color Styles End */
.section {
padding: 30px 0;
}
.section, .section::before, .section::after,
.section *,
.section *::before,
.section *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 768px) {
.section {
margin-bottom: 50px;
}
}
.section__inner {
position: relative;
max-width: 1248px;
margin: 0 auto;
}
.section__inner--medium {
max-width: 1000px;
}
.section__inner--small {
max-width: 800px;
}
.section__header {
margin-bottom: 30px;
color: #000000;
}
.section__header > *:not(:last-child) {
margin-bottom: 5px;
}
.section__title {
font-weight: bold;
font-size: 24px;
}
.section__description {
font-weight: normal;
font-size: 16px;
}
@media (min-width: 768px) {
.section__description {
font-size: 18px;
}
}
.section__cta {
margin-top: 20px;
}
.section__cta .btn {
color: #01007F;
font-size: 13.5px;
font-weight: 600;
border-width: 1.5px;
border-style: solid;
border-color: #01007F;
background-color: transparent;
padding: 0 15px;
height: 44px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #01007F;
}
.section__cta .btn .button-text {
position: relative;
}
.section__cta .btn .button-text:before, .section__cta .btn .button-text:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 1.3em;
font-weight: normal;
}
.section__cta .btn .button-text {
padding-right: 20px;
display: block;
line-height: 0;
}
.section__cta .btn .button-text:after {
content: "";
right: 0;
}
.section__cta a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: inherit;
text-decoration: none;
}
body[dir="rtl"] .section__cta .btn .button-text {
padding-right: 0;
}
body[dir="rtl"] .section__cta .btn .button-text::after {
display: none;
}
@media (max-width: 1024px) {
.section, .layout {
padding: 0 !important;
}
}
.custom-popup {
position: fixed;
z-index: 999999;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.custom-popup i {
font-family: "Font Awesome 6 Pro" !important;
}
.custom-popup__close {
background-color: #F8F9FB;
border-radius: 50%;
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.custom-popup__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.custom-popup__container__layout {
background-color: white;
padding: 24px;
border-radius: 16px;
}
.custom-popup__header {
border-bottom: 1px solid #DDDDDD;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
padding-bottom: 24px;
margin-bottom: 24px;
}
.custom-popup__title {
font-size: 20px;
color: #000000;
font-weight: 700;
line-height: 26px;
margin-bottom: 2px;
}
.custom-popup__description {
font-size: 14px;
color: #AAAAAA;
font-weight: 400;
line-height: 19px;
}
.custom-popup__footer {
border-top: 1px solid #DDDDDD;
padding: 24px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.custom-popup__footer__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.custom-popup__footer__item:first-child {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
color: #AAAAAA;
font-size: 14px;
font-weight: 400;
line-height: 19px;
}
.custom-popup__footer__item--button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 8px;
}
.custom-popup__footer__item--button button {
height: 56px;
padding: 0 24px;
border-radius: 64px;
border: none;
background-color: #01007F;
color: white;
font-size: 16px;
font-weight: 500;
line-height: 21px;
}
.custom-select {
margin-bottom: 24px;
}
.custom-select__title {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
margin-bottom: 16px;
}
.custom-select__container {
position: relative;
}
.custom-select__container select {
width: 100%;
height: 56px;
border-radius: 8px;
border-color: #DDDDDD;
padding: 0 16px;
outline: none;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select__label {
position: absolute;
left: 16px;
top: -8px;
background-color: white;
padding: 0 4px;
font-size: 12px;
color: #AAAAAA;
font-weight: 400;
line-height: 16px;
}
.custom-select__label-icon {
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-select__label-icon i {
font-size: 20px;
color: #AAAAAA;
}
.custom-checkbox {
display: inline-block;
}
.custom-checkbox input[type='checkbox']:checked + label::before {
background-color: #2321ff;
border-color: #2321ff;
}
.custom-checkbox input[type='checkbox']:checked + label::after {
display: block;
}
.custom-checkbox label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
position: relative;
color: white;
}
.custom-checkbox label::before {
content: "";
position: relative;
width: 24px;
height: 24px;
border: 1px solid #E9E9EA;
border-width: 1.5px;
border-radius: 4px;
display: inline-block;
background-color: white;
}
.custom-checkbox label::after {
content: "\f00c";
position: absolute;
left: 8px;
font-family: "Font Awesome 6 Pro";
color: white;
display: none;
}
.custom-radio {
display: inline-block;
}
.custom-radio input[type='radio']:checked + label::before {
background-color: #2321ff;
border-color: #2321ff;
}
.custom-radio input[type='radio']:checked + label::after {
display: block;
}
.custom-radio label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
position: relative;
color: white;
}
.custom-radio label::before {
content: "";
position: relative;
width: 24px;
height: 24px;
border: 1px solid #E9E9EA;
border-radius: 50%;
display: inline-block;
background-color: white;
}
.custom-radio label::after {
content: "";
position: absolute;
left: 8px;
color: white;
background-color: white;
display: none;
width: 8px;
height: 8px;
border-radius: 50%;
top: 8px;
}
.tn-mobile-menu {
padding: 16px;
}
.tn-mobile-menu i {
font-family: "Font Awesome 6 Pro" !important;
color: #01007F;
font-size: 16px;
}
.tn-mobile-menu__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 16px;
}
.tn-mobile-menu__logo__figure {
width: 117px;
height: 24px;
margin: unset !important;
}
.tn-mobile-menu__logo__figure img {
width: 100%;
height: 100%;
}
.tn-mobile-menu__logo__close-icon span {
width: 40px;
height: 40px;
border: 2px solid #F2F2F2;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tn-mobile-menu__header {
padding: 16px;
background-color: #F5F6F7;
border-radius: 16px;
margin-bottom: 16px;
}
.tn-mobile-menu__header__title {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 16px;
margin-bottom: 12px;
}
.tn-mobile-menu__header__title i {
font-family: "Font Awesome 6 Pro" !important;
}
.tn-mobile-menu__header__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tn-mobile-menu__header__top i {
color: #000000;
font-size: 16px;
}
.tn-mobile-menu__header__top__profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.tn-mobile-menu__header__top__profile-short span {
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #EA580C;
color: white;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 19px;
border-radius: 50%;
}
.tn-mobile-menu__header__top__profile-long__name {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 18px;
}
.tn-mobile-menu__header__top__profile-long__mail {
color: #000000;
font-size: 12px;
font-weight: 400;
line-height: 16px;
margin-top: 6px;
}
.tn-mobile-menu__header__bottom {
margin-top: 12px;
border-top: 1px solid #E1E1EF;
padding-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tn-mobile-menu__header__bottom__membership-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
border-radius: 8px;
border: 1px solid #EBEBEB;
background: #FFF;
padding: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tn-mobile-menu__header__bottom__membership-info i {
font-size: 14px;
}
.tn-mobile-menu__header__bottom__membership-info__text {
color: #01007F;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
.tn-mobile-menu__header__bottom__turna-point-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.tn-mobile-menu__header__bottom__turna-point-info .turna-point {
color: #2321FF;
font-size: 14px;
font-weight: 700;
line-height: 19px;
}
.tn-mobile-menu__header__bottom__turna-point-info .turna-point-text {
color: #2321FF;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
.tn-mobile-menu__header__bottom__turna-point-info .turna-point-icon {
color: #E1E1EF;
}
.tn-mobile-menu__auth-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.tn-mobile-menu__auth-btn .button {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 48px;
font-size: 16px;
font-weight: 500;
line-height: 21px;
}
.tn-mobile-menu__auth-btn .button button {
height: 100%;
width: 100%;
background: none;
border-radius: 8px;
border: 1px solid #DDDDDD;
border-color: #01007F;
}
.tn-mobile-menu__auth-btn__login button {
background-color: #01007F !important;
color: white;
}
.tn-mobile-menu__auth-btn__register button {
color: #01007F;
}
.tn-mobile-menu__navbar {
padding: unset;
}
.tn-mobile-menu__navbar__item {
list-style: none;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tn-mobile-menu__navbar__item.active {
background-color: #EBF2FF;
border-radius: 8px;
}
.tn-mobile-menu__navbar__item a {
color: #01007F;
font-size: 16px;
font-weight: 600;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
text-decoration: none;
padding: 16px;
height: 56px;
width: 100%;
}
.tn-mobile-menu__navbar__item a:active {
background-color: #EBF2FF;
border-radius: 8px;
}
.tn-mobile-menu__navbar__item a i {
font-size: 18px;
}
.tn-mobile-menu__lang-currency {
margin: 16px 0;
padding: 16px;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
color: #000000;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
.tn-mobile-menu__lang-currency i {
font-size: 12px;
color: #000000;
}
.tn-mobile-menu__lang-currency__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 48px;
}
.tn-mobile-menu__lang-currency__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.tn-mobile-menu__lang-currency__content figure {
width: 20px;
height: 20px;
margin: unset !important;
}
.tn-mobile-menu__lang-currency__content figure img {
width: 100%;
height: 100%;
}
.tn-mobile-menu__subbar {
padding: unset;
}
.tn-mobile-menu__subbar__item {
padding: 16px;
list-style: none;
}
.tn-mobile-menu__subbar__item a {
font-size: 14px;
color: #000000;
font-weight: 500;
line-height: 19px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
text-decoration: none;
}
.tn-mobile-menu__subbar__item a i {
font-size: 16px;
color: #000000;
}
.tn-mobile-menu__subbar__item a span span {
color: #2321FF;
}
.tn-mobile-menu__subbar__item.logout a, .tn-mobile-menu__subbar__item.logout i {
color: #DB282D;
}
.tn-mobile-menu__title {
color: #000000;
font-size: 14px;
font-weight: 600;
line-height: 19px;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tn-mobile-menu__currency-container, .tn-mobile-menu__lang-container {
padding: unset !important;
}
.tn-mobile-menu__currency__item, .tn-mobile-menu__lang__item {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 48px;
border-radius: 8px;
padding: 0 16px;
}
.tn-mobile-menu__currency__item.active, .tn-mobile-menu__lang__item.active {
background-color: #EBF2FF;
}
.tn-mobile-menu__currency__item .custom-search-form__radio-btn, .tn-mobile-menu__lang__item .custom-search-form__radio-btn {
margin-bottom: unset;
}
.tn-mobile-menu__currency__item__unit, .tn-mobile-menu__lang__item__unit {
color: #000000;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
.tn-mobile-menu__currency__item label, .tn-mobile-menu__lang__item label {
font-size: 14px !important;
font-weight: 500 !important;
line-height: 19px;
color: #000000;
}
.tn-mobile-menu__currency__item figure, .tn-mobile-menu__lang__item figure {
margin: unset !important;
width: 30px;
height: 20px;
}
.tn-mobile-menu__currency__item figure img, .tn-mobile-menu__lang__item figure img {
width: 100%;
height: 100%;
}
.tn-mobile-menu__savePreferencesBtn {
margin-top: 48px;
}
.tn-mobile-menu__savePreferencesBtn button {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 21px;
background-color: #2321FF;
border-radius: 8px;
height: 56px;
width: 100%;
padding: 0 24px;
border: none;
}
.menu-line-throught {
margin-top: 16px !important;
padding-top: 16px;
border-top: 1px solid #D9D9D9;
}
.inside-header {
min-height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.inside-header .tn-mobile-menu__header__title {
margin-bottom: unset !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.inside-header .tn-mobile-menu__header__title i {
font-size: 14px;
}
.responsive-menu-design {
position: fixed;
top: 0;
background: rgba(0, 0, 0, 0.5);
width: 100%;
z-index: 999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow-y: scroll;
height: 100%;
display: none;
}
.responsive-menu-design #right-slide-bar {
width: 82.5%;
height: 100%;
background: white;
}
.responsive-menu-design .tn-mobile-menu {
background: white;
}
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 100%;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 3px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection {
height: 100%;
top: 0;
bottom: 0;
background-color: #01007F;
}
.slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -12px;
box-shadow: 1px 2px 4px #888888;
}
.slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
border-bottom-color: #01007F;
margin-top: 0;
}
.slider.slider-vertical {
height: 210px;
width: 20px;
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
margin-left: -5px;
left: 50%;
top: 0;
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0;
}
.slider.slider-vertical .slider-handle {
margin-left: -5px;
margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
border-left-color: #01007F;
margin-left: 0;
}
.slider.slider-disabled .slider-handle {
background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
cursor: not-allowed;
}
.slider input {
display: none;
}
.slider .tooltip.top {
margin-top: -36px;
}
.slider .tooltip-inner {
white-space: nowrap;
}
.slider .hide {
display: none;
}
.slider-track {
position: absolute;
cursor: pointer;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.slider-selection {
position: absolute;
background-image: -webkit-linear-gradient(top, #01007F 0%, #01007F 100%);
background-image: linear-gradient(to bottom, #01007F 0%, #01007F 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#01007F, endColorstr=#01007F, GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.slider-handle {
outline: medium none;
background-repeat: no-repeat;
background-position: left top;
display: block;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-o-border-radius: 14px;
position: absolute;
margin-left: -13px;
height: 25px;
width: 25px;
background: #fff;
border: 1px solid rgba(0,0,0,0.15);
-webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.08);
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.08);
}
.slider-handle::after {
content: "";
display: block;
width: 10px;
height: 10px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.slider-handle:hover {
border: 1px solid #01007F;
}
.slider-handle.round {
border-radius: 50%;
}
.slider-handle.triangle {
background: transparent none;
}
.slider-handle.custom {
background: transparent none;
}
.slider-handle.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #01007F;
}
/****Custom Turna Starts*****/
.slider-color-change {
color: #01007F;
}
/****Custom Turna Ends******/
@font-face {
font-family: 'turna';
src: url('/Resources/Base/Plugins/FontIcons/icons-v4/turna.eot');
src: url('/Resources/Base/Plugins/FontIcons/icons-v4/turna.eot?qgaqrd#iefix') format('embedded-opentype'), url('/Resources/Base/Plugins/FontIcons/icons-v4/turna.ttf?qgaqrd') format('truetype'), url('/Resources/Base/Plugins/FontIcons/icons-v4/turna.woff?qgaqrd') format('woff'), url('/Resources/Base/Plugins/FontIcons/icons-v4/turna.svg?qgaqrd#turna') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
i {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'turna' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.trn-ios-menu-fill:before {
content: "\e9d3";
}
.trn-ios-airplane:before {
content: "\e9d4";
}
.trn-ios-bell-fill:before {
content: "\e9d5";
}
.trn-ios-bell-notification-fill:before {
content: "\e9d6";
}
.trn-ios-bell-notification-outline:before {
content: "\e9d7";
}
.trn-ios-bell-outline:before {
content: "\e9d8";
}
.trn-ios-bus-fill:before {
content: "\e9d9";
}
.trn-ios-bus-outline:before {
content: "\e9da";
}
.trn-ios-favorite-fill:before {
content: "\e9db";
}
.trn-ios-favorite-outline:before {
content: "\e9dc";
}
.trn-ios-gear-fill:before {
content: "\e9dd";
}
.trn-ios-gear-outline:before {
content: "\e9de";
}
.trn-ios-home-fill:before {
content: "\e9df";
}
.trn-ios-home-outline:before {
content: "\e9e0";
}
.trn-ios-menu-outline:before {
content: "\e9e1";
}
.trn-ios-more-vertical:before {
content: "\e9e2";
}
.trn-ios-person-fill:before {
content: "\e9e3";
}
.trn-ios-person-gear-fill:before {
content: "\e9e4";
}
.trn-ios-person-gear-outline:before {
content: "\e9e5";
}
.trn-ios-person-outline:before {
content: "\e9e6";
}
.trn-ios-search:before {
content: "\e9e7";
}
.trn-ios-train:before {
content: "\e9e8";
}
.trn-youtube-fill:before {
content: "\e9e9";
}
.trn-tv:before {
content: "\e9c2";
}
.trn-breakfast:before {
content: "\e9c3";
}
.trn-comfort:before {
content: "\e9c4";
}
.trn-entertainment:before {
content: "\e9c5";
}
.trn-headphones:before {
content: "\e9c6";
}
.trn-internet:before {
content: "\e9c7";
}
.trn-label:before {
content: "\e9c8";
}
.trn-labels:before {
content: "\e9c9";
}
.trn-large-screen:before {
content: "\e9ca";
}
.trn-lunch:before {
content: "\e9cb";
}
.trn-massage:before {
content: "\e9cc";
}
.trn-mobile-phone-allowed:before {
content: "\e9cd";
}
.trn-music:before {
content: "\e9ce";
}
.trn-power-outlet:before {
content: "\e9cf";
}
.trn-radio:before {
content: "\e9d0";
}
.trn-regular-screen:before {
content: "\e9d1";
}
.trn-toilet:before {
content: "\e9d2";
}
.trn-phone-add:before {
content: "\e994";
}
.trn-phone-callback:before {
content: "\e9bd";
}
.trn-phone-end:before {
content: "\e9be";
}
.trn-search-image:before {
content: "\e9bf";
}
.trn-search-rounded:before {
content: "\e9c0";
}
.trn-search-sharp:before {
content: "\e9c1";
}
.trn-access-time:before {
content: "\e900";
}
.trn-accessibility:before {
content: "\e901";
}
.trn-account-circle:before {
content: "\e902";
}
.trn-add-alarm:before {
content: "\e903";
}
.trn-add-alert:before {
content: "\e904";
}
.trn-alarm:before {
content: "\e905";
}
.trn-arrival-filled:before {
content: "\e906";
}
.trn-arrival-outline:before {
content: "\e907";
}
.trn-arrow-down-alt:before {
content: "\e908";
}
.trn-arrow-down:before {
content: "\e909";
}
.trn-arrow-left-alt:before {
content: "\e90a";
}
.trn-arrow-left:before {
content: "\e90b";
}
.trn-arrow-right-alt:before {
content: "\e90c";
}
.trn-arrow-right:before {
content: "\e90d";
}
.trn-arrow-up-alt:before {
content: "\e90e";
}
.trn-arrow-up:before {
content: "\e90f";
}
.trn-award:before {
content: "\e910";
}
.trn-baggage:before {
content: "\e911";
}
.trn-bar-chart:before {
content: "\e912";
}
.trn-bed:before {
content: "\e913";
}
.trn-boxes-horizontal:before {
content: "\e914";
}
.trn-boxes-vertical:before {
content: "\e915";
}
.trn-broadcast:before {
content: "\e916";
}
.trn-bus-service:before {
content: "\e917";
}
.trn-bus:before {
content: "\e918";
}
.trn-business-bag:before {
content: "\e919";
}
.trn-calendar-dot:before {
content: "\e91a";
}
.trn-calendar:before {
content: "\e91b";
}
.trn-card-travel:before {
content: "\e91c";
}
.trn-carousel:before {
content: "\e91d";
}
.trn-cast:before {
content: "\e91e";
}
.trn-checkbox-off-outline:before {
content: "\e91f";
}
.trn-checkbox-off:before {
content: "\e920";
}
.trn-checkbox-on-filled:before {
content: "\e921";
}
.trn-checkbox-on-outline:before {
content: "\e922";
}
.trn-checkbox-on:before {
content: "\e923";
}
.trn-chevron-down:before {
content: "\e924";
}
.trn-chevron-left-fat:before {
content: "\e925";
}
.trn-chevron-left:before {
content: "\e926";
}
.trn-chevron-right-fat:before {
content: "\e927";
}
.trn-chevron-right:before {
content: "\e928";
}
.trn-chevron-up:before {
content: "\e929";
}
.trn-close-filled:before {
content: "\e92a";
}
.trn-close-outline:before {
content: "\e92b";
}
.trn-close:before {
content: "\e92c";
}
.trn-computer:before {
content: "\e92d";
}
.trn-copywrite:before {
content: "\e92e";
}
.trn-create:before {
content: "\e92f";
}
.trn-credit-card:before {
content: "\e930";
}
.trn-departure-filled:before {
content: "\e931";
}
.trn-departure-outline:before {
content: "\e932";
}
.trn-devices:before {
content: "\e933";
}
.trn-disable:before {
content: "\e934";
}
.trn-done-all:before {
content: "\e935";
}
.trn-done:before {
content: "\e936";
}
.trn-dots-horizontal:before {
content: "\e937";
}
.trn-dots-vertical:before {
content: "\e938";
}
.trn-error-filled:before {
content: "\e939";
}
.trn-error-outline:before {
content: "\e93a";
}
.trn-euro:before {
content: "\e93b";
}
.trn-eye-close:before {
content: "\e93c";
}
.trn-eye-open:before {
content: "\e93d";
}
.trn-facebook:before {
content: "\e93e";
}
.trn-female:before {
content: "\e93f";
}
.trn-gear-filled:before {
content: "\e940";
}
.trn-hamburger-menu:before {
content: "\e941";
}
.trn-headset-mic:before {
content: "\e942";
}
.trn-headset:before {
content: "\e943";
}
.trn-heart:before {
content: "\e944";
}
.trn-help-filled:before {
content: "\e945";
}
.trn-help-outline:before {
content: "\e946";
}
.trn-history:before {
content: "\e947";
}
.trn-info-filled:before {
content: "\e948";
}
.trn-info:before {
content: "\e949";
}
.trn-instagram:before {
content: "\e94a";
}
.trn-keyboard-hide:before {
content: "\e94b";
}
.trn-keyboard:before {
content: "\e94c";
}
.trn-land:before {
content: "\e94d";
}
.trn-laptop:before {
content: "\e94e";
}
.trn-link-off:before {
content: "\e94f";
}
.trn-link:before {
content: "\e950";
}
.trn-lira-alt:before {
content: "\e951";
}
.trn-lira:before {
content: "\e952";
}
.trn-live-tv:before {
content: "\e953";
}
.trn-lock-open:before {
content: "\e954";
}
.trn-lock:before {
content: "\e955";
}
.trn-loop:before {
content: "\e956";
}
.trn-mail:before {
content: "\e957";
}
.trn-male:before {
content: "\e958";
}
.trn-maximize:before {
content: "\e959";
}
.trn-menu-dots:before {
content: "\e95a";
}
.trn-mic-filled:before {
content: "\e95b";
}
.trn-mic-off:before {
content: "\e95c";
}
.trn-mic-outline:before {
content: "\e95d";
}
.trn-minimize:before {
content: "\e95e";
}
.trn-minus-filled:before {
content: "\e95f";
}
.trn-minus-outline:before {
content: "\e960";
}
.trn-minus:before {
content: "\e961";
}
.trn-mouse:before {
content: "\e962";
}
.trn-music-off:before {
content: "\e963";
}
.trn-music-on:before {
content: "\e964";
}
.trn-my-location:before {
content: "\e965";
}
.trn-navigation-arrow-alt:before {
content: "\e966";
}
.trn-navigation-arrow:before {
content: "\e967";
}
.trn-navigation-off:before {
content: "\e968";
}
.trn-navigation-on:before {
content: "\e969";
}
.trn-night:before {
content: "\e96a";
}
.trn-notification-active:before {
content: "\e96b";
}
.trn-notification-off:before {
content: "\e96c";
}
.trn-notification-on:before {
content: "\e96d";
}
.trn-notification-outline:before {
content: "\e96e";
}
.trn-ondemand-video:before {
content: "\e96f";
}
.trn-pause-filled:before {
content: "\e970";
}
.trn-pause-outline:before {
content: "\e971";
}
.trn-pause:before {
content: "\e972";
}
.trn-people-add:before {
content: "\e973";
}
.trn-people-alt:before {
content: "\e974";
}
.trn-people:before {
content: "\e975";
}
.trn-person-add:before {
content: "\e976";
}
.trn-person-pin:before {
content: "\e977";
}
.trn-person:before {
content: "\e978";
}
.trn-phone-disabled:before {
content: "\e979";
}
.trn-phone-msg:before {
content: "\e97a";
}
.trn-phone:before {
content: "\e97b";
}
.trn-photo-camera:before {
content: "\e97c";
}
.trn-photo:before {
content: "\e97d";
}
.trn-plane-off:before {
content: "\e97e";
}
.trn-plane-on:before {
content: "\e97f";
}
.trn-play-filled:before {
content: "\e980";
}
.trn-play-outline:before {
content: "\e981";
}
.trn-play:before {
content: "\e982";
}
.trn-plus-filled:before {
content: "\e983";
}
.trn-plus-outline:before {
content: "\e984";
}
.trn-plus:before {
content: "\e985";
}
.trn-power-off:before {
content: "\e986";
}
.trn-power-on:before {
content: "\e987";
}
.trn-radio-off:before {
content: "\e988";
}
.trn-radio-on:before {
content: "\e989";
}
.trn-refresh:before {
content: "\e98a";
}
.trn-restaurant:before {
content: "\e98b";
}
.trn-riyal:before {
content: "\e98c";
}
.trn-room-service:before {
content: "\e98d";
}
.trn-sad:before {
content: "\e98e";
}
.trn-satisfied:before {
content: "\e98f";
}
.trn-save-alt:before {
content: "\e990";
}
.trn-save:before {
content: "\e991";
}
.trn-screen-rotation:before {
content: "\e992";
}
.trn-seat-comfortable:before {
content: "\e993";
}
.trn-seat-normal:before {
content: "\e997";
}
.trn-secure-search:before {
content: "\e995";
}
.trn-security-checked:before {
content: "\e996";
}
.trn-security:before {
content: "\e998";
}
.trn-selection-filled:before {
content: "\e999";
}
.trn-selection-in:before {
content: "\e99a";
}
.trn-selection-out:before {
content: "\e99b";
}
.trn-send:before {
content: "\e99c";
}
.trn-share:before {
content: "\e99d";
}
.trn-shopping-card:before {
content: "\e99e";
}
.trn-smartphone:before {
content: "\e99f";
}
.trn-sort:before {
content: "\e9a0";
}
.trn-star-filled:before {
content: "\e9a1";
}
.trn-star-half:before {
content: "\e9a2";
}
.trn-star-outline:before {
content: "\e9a3";
}
.trn-sun:before {
content: "\e9a4";
}
.trn-sundown:before {
content: "\e9a5";
}
.trn-sunrise:before {
content: "\e9a6";
}
.trn-swap-horizontal:before {
content: "\e9a7";
}
.trn-swap-vertical:before {
content: "\e9a8";
}
.trn-take-off:before {
content: "\e9a9";
}
.trn-thumb-down:before {
content: "\e9aa";
}
.trn-thumb-up:before {
content: "\e9ab";
}
.trn-trash-clean:before {
content: "\e9ac";
}
.trn-trash-empty:before {
content: "\e9ad";
}
.trn-trash-full:before {
content: "\e9ae";
}
.trn-tune:before {
content: "\e9af";
}
.trn-twitter:before {
content: "\e9b0";
}
.trn-umbrella:before {
content: "\e9b1";
}
.trn-usb:before {
content: "\e9b2";
}
.trn-usd:before {
content: "\e9b3";
}
.trn-very-satisfied:before {
content: "\e9b4";
}
.trn-view-column:before {
content: "\e9b5";
}
.trn-view-row:before {
content: "\e9b6";
}
.trn-warning:before {
content: "\e9b7";
}
.trn-watch:before {
content: "\e9b8";
}
.trn-wireless-off:before {
content: "\e9b9";
}
.trn-wireless-on:before {
content: "\e9ba";
}
.trn-zoom-in:before {
content: "\e9bb";
}
.trn-zoom-out:before {
content: "\e9bc";
}
/* New Sass File */
.search-form-wrapper {
padding: unset !important;
color: #000000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-form-wrapper *,
.search-form-wrapper *:before,
.search-form-wrapper *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-form-wrapper.campaign {
margin-bottom: 30px;
}
.search-form-wrapper .inner-container {
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.search-form-wrapper .search-form-container > *:not(:last-child) {
margin-bottom: 8px;
}
.search-form-wrapper .search-form-container .search-form-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
color: #AAAAAA;
margin-bottom: 15px;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 30px;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label:not(:last-child) {
margin-right: 12px;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label:hover {
cursor: pointer;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input {
display: none;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input ~ .label {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 19px;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input ~ .label:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
border-radius: 100%;
border: 2px solid #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input:checked ~ .label {
color: #01007F;
font-weight: bold;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input:checked ~ .label:before {
border-color: #01007F;
}
.search-form-wrapper .search-form-container .search-form-options .options.flight label input:checked ~ .label:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-radius: 8px;
left: 4px;
background-color: #01007F;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-form-wrapper .search-form-container .search-form-options .options.passenger {
position: relative;
padding-right: 4px;
margin-right: 30px;
}
.search-form-wrapper .search-form-container .search-form-options .options.passenger:after {
content: "\e924";
display: block;
position: absolute;
right: -8px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 18px;
}
.search-form-wrapper .search-form-container .search-form-options .options.passenger input {
border: 0;
}
.search-form-wrapper .search-form-container .search-form-options .options.passenger input:hover {
cursor: pointer;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label:hover {
cursor: pointer;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label input {
margin-right: 4px;
display: none;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label input ~ .checkbox-icon {
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 18px;
height: 18px;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label input ~ .checkbox-icon::before {
content: "\e920";
font-family: "turna";
font-size: 18px;
line-height: 1;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label input:checked {
color: #01007F;
}
.search-form-wrapper .search-form-container .search-form-options .options.transfer label input:checked ~ .checkbox-icon:before {
content: "\e923";
color: #01007F;
}
.search-form-wrapper .search-form-container .search-form .panel-left {
position: relative;
margin-bottom: 10px;
}
.search-form-wrapper .search-form-container .search-form .panel-left .search-form-item:not(:last-child) {
margin-bottom: 10px;
}
.search-form-wrapper .search-form-container .search-form-options .options.passenger .noinput.popup-middle.single-round-way-item.search-item.popup-clicker {
width: 145px;
}
.search-form-wrapper .search-form-container .search-form-1 {
margin: 20px 0 0;
}
.search-form-wrapper .search-form-container .search-form-2 {
margin: 20px 0 0;
}
.search-form-wrapper .search-form-container .search-form-1 .search-form-item.search-button::before, .search-form-wrapper .search-form-container .search-form-2 .search-form-item.search-button::before {
content: "\e985" !important;
}
.search-form-wrapper .search-form-container .search-form-1 #btn-extra-route-remove::before, .search-form-wrapper .search-form-container .search-form-2 #btn-extra-route-remove::before {
content: "\e961" !important;
}
.search-form-wrapper .search-form-container .search-form-1 .extra-route-visibility, .search-form-wrapper .search-form-container .search-form-2 .extra-route-visibility {
display: block;
opacity: 0;
visibility: hidden;
}
.search-form-wrapper .search-form-container .search-form .panel-right {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.search-form-wrapper .search-form-container .search-form .panel-right .search-form-item:not(:last-child) {
margin-bottom: 10px;
}
.bus.search-form-wrapper .search-form-container .search-form .panel-right .search-form-item:not(:last-child) {
margin-right: 10px;
}
.search-form-wrapper .search-form-container .search-form .panel-right .search-form-item input:hover {
cursor: pointer;
}
.search-form-wrapper .search-form-container .search-form .search-form-item {
position: relative;
background-color: #F8F9FB;
border-radius: 8px;
height: 60px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-form-wrapper .search-form-container .search-form .search-form-item::before {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 22px;
color: #b9c0c8;
z-index: 200;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.origin::before, .search-form-wrapper .search-form-container .search-form .search-form-item.destination::before, .search-form-wrapper .search-form-container .search-form .search-form-item.calendar::before {
left: 15px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 5px);
flex: 0 0 calc(50% - 5px);
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar input {
padding: 15px 15px 0 15px;
font-weight: bold;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .flight-label {
position: absolute;
left: 15px;
top: 12px;
color: #798ba0;
line-height: 1;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .flight-date {
font-size: 16px;
font-weight: bold;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .close-date {
width: 18px;
height: 18px;
border-radius: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
position: absolute;
right: 15px;
left: inherit;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 0;
color: white;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .close-date::before {
content: "\e92a";
font-family: "turna";
font-size: 22px;
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .close-date:hover::before {
color: #000000;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar.return .return-date {
position: absolute;
background-color: red;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 8px;
background-color: #F8F9FB;
font-size: 16px;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 20;
padding: 10px;
color: #000000;
border: 1px dotted rgba(129, 141, 153, 0.3);
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: transparent;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-shadow: 0 0 20px rgba(69, 81, 109, 0.2);
box-shadow: 0 0 20px rgba(69, 81, 109, 0.2);
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item:not(:last-child) {
margin-right: 10px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item input {
display: none;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item label {
position: relative;
width: 100%;
height: 60px;
border-radius: 8px;
/*border: 1px solid $border-color;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
background-color: white;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item input:checked ~ label {
font-weight: bold;
background-color: #f9f9ff;
border: 1px solid #01007F;
color: #01007F;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.radio-buttons .radio-item input:checked ~ label::before {
content: "\e936";
display: block;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: normal;
font-family: "turna";
font-size: 18px;
color: #01007F;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button, .search-form-wrapper .search-form-container .search-form .search-form-item.search-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button:hover, .search-form-wrapper .search-form-container .search-form .search-form-item.search-button:hover {
cursor: pointer;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button::before, .search-form-wrapper .search-form-container .search-form .search-form-item.search-button::before {
content: "";
display: block;
position: absolute;
font-family: "turna";
color: #000000;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button {
position: absolute;
right: 20px;
top: 50%;
width: 60px;
height: 60px;
border: 5px solid #F8F9FB;
border-radius: 60px;
background-color: white;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
z-index: 2;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button::before {
content: "\e9a7";
font-size: 30px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.search-button {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
background-color: #2321FF !important;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.search-button::before {
content: "\e9c0";
font-size: 30px;
color: white;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input {
position: relative;
height: 60px;
width: 100%;
background-color: transparent;
color: #000000;
border: 0;
outline: 0;
padding: 0 15px 0 50px;
font-size: 16px;
z-index: 1;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 8px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input:-webkit-autofill, .search-form-wrapper .search-form-container .search-form .search-form-item input:-webkit-autofill:hover, .search-form-wrapper .search-form-container .search-form .search-form-item input:-webkit-autofill:focus, .search-form-wrapper .search-form-container .search-form .search-form-item input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px transparent inset !important;
-webkit-text-fill-color: #000000 !important;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input::-webkit-input-placeholder {
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input::-moz-placeholder {
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input:-ms-input-placeholder {
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input:-moz-placeholder {
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input ~ .input-label {
opacity: 0;
position: absolute;
bottom: 8px;
left: 50px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: calc(100% - 60px);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #AAAAAA;
}
.search-form-wrapper .search-form-container .search-form .search-form-item input:focus {
/*padding-bottom: 16px;*/
-webkit-box-shadow: 0 0 0 3px rgba(129, 141, 153, 0.3);
box-shadow: 0 0 0 3px rgba(129, 141, 153, 0.3);
}
.search-form-wrapper .search-form-container .search-form .search-form-item input:focus ~ .input-label {
opacity: 1;
}
@media (min-width: 576px) {
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar::before {
content: "\e91b";
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar .flight-label {
left: 50px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar input {
padding: 15px 15px 0 50px;
}
}
@media (min-width: 992px) {
.search-form-wrapper .search-form-container .search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-form-wrapper .search-form-container .search-form .panel-left,
.search-form-wrapper .search-form-container .search-form .panel-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px;
}
.search-form-wrapper .search-form-container .search-form .panel-left .search-form-item:not(:last-child),
.search-form-wrapper .search-form-container .search-form .panel-right .search-form-item:not(:last-child) {
margin-right: 10px;
margin-bottom: 0;
}
.search-form-wrapper .search-form-container .search-form .panel-left {
margin-bottom: 0;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.switch-button {
position: relative;
background-color: #F8F9FB;
right: 0;
top: 0;
border-radius: 8px;
-webkit-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
border: 0;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.search-button {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
}
.search-form-wrapper .search-form-container .search-form .search-form-item.calendar {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
}
}
@media screen and (min-width: 576px) and (max-width: 992px) {
.search-form-wrapper {
padding: 30px;
}
}
@media (min-width: 992px) {
.search-form-wrapper {
padding: 25px 0;
}
}
.search-form-wrapper.flight, .search-form-wrapper.bus, .search-form-wrapper.ferry, .search-form-wrapper.hotel {
background-color: #F8F9FB;
padding: 15px 0 25px;
}
.search-form-wrapper.flight .search-form-container .search-form-options, .search-form-wrapper.bus .search-form-container .search-form-options, .search-form-wrapper.ferry .search-form-container .search-form-options, .search-form-wrapper.hotel .search-form-container .search-form-options {
color: #AAAAAA;
}
.search-form-wrapper.flight .search-form-container .search-form-options .options.flight label input ~ .label:before, .search-form-wrapper.bus .search-form-container .search-form-options .options.flight label input ~ .label:before, .search-form-wrapper.ferry .search-form-container .search-form-options .options.flight label input ~ .label:before, .search-form-wrapper.hotel .search-form-container .search-form-options .options.flight label input ~ .label:before {
border-color: #AAAAAA;
}
.search-form-wrapper.flight .search-form-container .search-form-options .options.flight label input:checked ~ .label:before, .search-form-wrapper.bus .search-form-container .search-form-options .options.flight label input:checked ~ .label:before, .search-form-wrapper.ferry .search-form-container .search-form-options .options.flight label input:checked ~ .label:before, .search-form-wrapper.hotel .search-form-container .search-form-options .options.flight label input:checked ~ .label:before {
border-color: #01007F;
}
.search-form-wrapper.flight .search-form-container .search-form-options .options.passenger input, .search-form-wrapper.bus .search-form-container .search-form-options .options.passenger input, .search-form-wrapper.ferry .search-form-container .search-form-options .options.passenger input, .search-form-wrapper.hotel .search-form-container .search-form-options .options.passenger input {
background-color: transparent;
}
.search-form-wrapper.flight .search-form-container .search-form .search-form-item:not(.btn-search):not(.radio-buttons), .search-form-wrapper.bus .search-form-container .search-form .search-form-item:not(.btn-search):not(.radio-buttons), .search-form-wrapper.ferry .search-form-container .search-form .search-form-item:not(.btn-search):not(.radio-buttons), .search-form-wrapper.hotel .search-form-container .search-form .search-form-item:not(.btn-search):not(.radio-buttons) {
/*border: 1px solid $border-color;*/
-webkit-box-shadow: 0 0 20px rgba(69, 81, 109, 0.2);
box-shadow: 0 0 20px rgba(69, 81, 109, 0.2);
}
.search-form-wrapper.flight .search-form-container .search-form .search-form-item:not(.radio-buttons), .search-form-wrapper.bus .search-form-container .search-form .search-form-item:not(.radio-buttons), .search-form-wrapper.ferry .search-form-container .search-form .search-form-item:not(.radio-buttons), .search-form-wrapper.hotel .search-form-container .search-form .search-form-item:not(.radio-buttons) {
background-color: white;
}
.search-form-wrapper.flight .search-form-container .search-form .search-form-item.calendar.return .return-date, .search-form-wrapper.bus .search-form-container .search-form .search-form-item.calendar.return .return-date, .search-form-wrapper.ferry .search-form-container .search-form .search-form-item.calendar.return .return-date, .search-form-wrapper.hotel .search-form-container .search-form .search-form-item.calendar.return .return-date {
background-color: white;
border: none;
}
.search-form-wrapper.flight .search-form-container .search-form .search-form-item.origin::before {
content: "\e9a9";
}
.search-form-wrapper.flight .search-form-container .search-form .search-form-item.destination::before {
content: "\e94d";
}
.search-form-wrapper.ferry .search-form-container .search-form .search-form-item.origin::before {
content: "\e966";
}
.search-form-wrapper.ferry .search-form-container .search-form .search-form-item.destination::before {
content: "\e966";
}
.search-form-wrapper.bus .search-form-container .search-form .search-form-item.origin::before {
content: "\e969";
}
.search-form-wrapper.bus .search-form-container .search-form .search-form-item.destination::before {
content: "\e969";
}
.popupover-wrapper .arrow-up {
width: 20px;
height: 20px;
border-left: 0;
border-right: 0;
left: 50%;
top: -14px;
border-bottom: 0;
border-radius: 3px;
position: absolute;
background-color: white;
-webkit-transform: rotate(-45deg) translateX(-50%);
-ms-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 0;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.popupover-wrapper .search-options {
position: relative;
width: 300px;
padding: 30px 20px;
background: #fff;
z-index: 1;
}
.popupover-wrapper .search-options .div-select-list {
margin-bottom: 20px;
}
.popupover-wrapper .search-options .div-select-list select {
border-radius: 5px;
}
.popupover-wrapper .search-options .div-search-spinner {
padding: 0;
}
.popupover-wrapper .search-options .div-search-spinner:not(:last-child) {
margin-bottom: 15px;
}
.popupover-wrapper .search-options .div-search-spinner .spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popupover-wrapper .search-options .div-search-spinner .spinner .search-spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.popupover-wrapper .search-options .div-search-spinner .spinner .search-spinner .input-stepper__button {
width: 33px;
border: none;
height: 34px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.popupover-wrapper .search-options .div-search-spinner .spinner .search-spinner input {
height: 34px;
border: 1px solid #DDDDDD;
text-align: center;
}
.popupover-wrapper .search-options .div-search-spinner .spinner span button {
border: 0;
width: 33px;
}
.popupover-wrapper .search-options .div-search-spinner .spinner span:first-of-type button {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.popupover-wrapper .search-options .div-search-spinner .spinner span:last-of-type button {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.popupover-wrapper .search-options .vehicle-radio-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.popupover-wrapper .search-options .vehicle-radio-wrapper div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
}
.popupover-wrapper .search-options .vehicle-radio-wrapper div label {
color: #AAAAAA;
font-size: 16px;
}
.popupover-wrapper .search-options .vehicle-radio-wrapper .selected {
color: #01007F;
font-weight: 700;
}
.popupover-wrapper .search-options .vehicle-radio-wrapper input[type="radio"] {
accent-color: #01007F;
}
.popupover-wrapper .search-options .vehicle-section {
border: 1px solid #D9D9D9;
border-radius: 8px;
background-color: transparent;
margin-bottom: 16px;
}
.popupover-wrapper .search-options .vehicle-section .search-form__children__select__content {
margin: 0;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-select-btn {
padding: 10px;
color: #000000;
cursor: pointer;
position: relative;
width: 100%;
text-align: left;
border: none;
background: transparent;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-select-btn:hover {
background-color: #e0e0e0;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu {
position: absolute;
top: -100px;
width: 250px;
background-color: #F6f6f6;
border: 1px solid #ddd;
z-index: 1000;
border-radius: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
outline: none;
-webkit-box-shadow: 0px 0px 32px 0px #00000033;
box-shadow: 0px 0px 32px 0px #00000033;
overflow-y: auto;
max-height: 420px;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu .vehicle-dropdown-item {
padding: 12px 24px;
border-bottom: 1px solid #8080808C;
cursor: pointer;
width: 100%;
text-align: left;
color: #000000;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu .vehicle-dropdown-item:first-child {
border-start-start-radius: 24px;
border-start-end-radius: 24px;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu .vehicle-dropdown-item:last-child {
border-end-start-radius: 24px;
border-end-end-radius: 24px;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu .vehicle-dropdown-item:hover {
background-color: #8080808C;
}
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu.display-none {
display: none;
}
@media only screen and (max-width: 1023px) {
.popupover-wrapper .search-options .vehicle-section .vehicle-dropdown-menu {
position: fixed;
top: unset;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border: 1px solid #ddd;
border-radius: 0;
z-index: 1000;
-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow-y: auto;
max-height: 400px;
}
}
.search-form__children__select__content {
text-align: center;
position: relative;
margin-top: 10px;
}
.search-form__children__select__content select {
width: 100%;
height: 36px;
border: 1px solid #DDDDDD;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}
.search-form__children__select__content select:focus {
-webkit-box-shadow: 0 0 0 3px rgba(140, 140, 140, 0.3);
box-shadow: 0 0 0 3px rgba(140, 140, 140, 0.3);
z-index: 200;
}
.search-form__children__select__content::after {
content: "\e99b";
font-family: "turna";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 20px;
height: 20px;
}
.search-form__children__select:not(:first-of-type) {
margin-top: 20px;
}
@media screen and (min-width: 576px) {
.latest-searches-container {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 8px;
background-color: white;
margin-top: -10px;
}
}
@media screen and (min-width: 576px) and (min-width: 992px) {
.latest-searches-container {
width: 300px;
}
}
@media screen and (min-width: 576px) {
.latest-searches-container .latest-searches-title {
padding: 12px 20px !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: 1px solid #DDDDDD;
color: #000000 !important;
background-color: white !important;
font-size: 14px;
font-weight: bold;
}
.latest-searches-container .latest-searches-items {
padding: 15px 0;
}
.latest-searches-container .latest-searches-items .latest-searches-item {
background-color: white;
padding: 10px 15px 10px 50px !important;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ui-autocomplete {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 8px;
background-color: white;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.ui-autocomplete .ui-menu-item {
position: relative;
background-color: white;
padding: 15px 5px 15px 50px !important;
background-image: none !important;
}
.ui-autocomplete .ui-menu-item::before {
content: "\e969";
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 22px;
color: #01007F;
}
.ui-autocomplete .ui-menu-item:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.ui-autocomplete .ui-menu-item:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
background-color: #01007F !important;
}
.ui-autocomplete .ui-menu-item.ui-state-focus::before {
color: white;
}
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.flight {
margin-right: unset;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.flight label:not(:last-child) {
margin-right: unset;
margin-left: 12px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.flight label input ~ .label {
padding-left: unset;
padding-right: 19px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.flight label input ~ .label::before {
left: unset;
right: 0;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.flight label input ~ .label::after {
left: unset;
right: 4px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.transfer label {
padding-left: unset;
padding-right: 20px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.transfer label input ~ .checkbox-icon {
left: unset;
right: 0;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form-options .options.passenger {
padding-right: 10px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-left {
margin-right: unset;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-left .search-form-item {
margin-right: unset !important;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-left .search-form-item:not(:last-child) {
margin-left: 10px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-left .search-form-item input {
padding: 0 50px 0 15px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-right {
margin-right: 0;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .panel-right .search-form-item {
margin-right: 10px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item::before {
left: unset;
right: 15px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item input {
padding: 15px 50px 15px 15px !important;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item.calendar .close-date {
right: unset;
left: 15px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item.calendar .flight-label {
left: unset;
right: 50px;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item.calendar.return .return-date {
right: unset;
}
body[dir="rtl"] .search-form-wrapper .search-form-container .search-form .search-form-item.search-button {
margin-right: 10px;
}
body[dir="rtl"] .popupover-wrapper .search-options .div-search-spinner .title {
float: right;
text-align: right;
}
body[dir="rtl"] .popupover-wrapper .search-options .div-search-spinner .title-guest-age {
float: unset !important;
}
body[dir='rtl'] .ui-autocomplete {
width: 500px !important;
}
body[dir='rtl'] .ui-autocomplete#ui-id-1 {
left: unset !important;
}
body[dir='rtl'] .ui-autocomplete#ui-id-2 {
left: unset !important;
}
@media screen and (max-width: 1291px) {
body[dir='rtl'] .ui-autocomplete#ui-id-2 {
right: 330px !important;
}
}
@media screen and (max-width: 1100px) {
body[dir='rtl'] .ui-autocomplete#ui-id-2 {
right: 300px !important;
}
}
body[dir='rtl'] .popupover-wrapper .search-options .div-search-spinner .title-guest-age {
float: unset !important;
}
body[dir='rtl'] .div-search-spinner__selection {
text-align: start !important;
}
body[dir='rtl'] .ui-autocomplete .ui-menu-item {
padding-left: unset !important;
padding-right: 50px !important;
}
body[dir='rtl'] .ui-autocomplete .ui-menu-item::before {
left: 0;
right: 15px;
}
body[dir='rtl'] .mp-search .search-form.search-form-1 .panel-left {
margin-left: 10px;
-webkit-box-flex: 1.02;
-ms-flex: 1.02;
flex: 1.02;
}
.popupover-wrapper .search-options {
width: 395px;
padding: 30px 20px;
}
.popupover-wrapper .search-options > .div-search-spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: unset;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popupover-wrapper .search-options > .div-search-spinner > .title {
float: unset;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popupover-wrapper .search-options > .div-search-spinner > .title span {
color: #AAAAAA;
font-size: 11px;
line-height: 18px;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
float: unset;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp {
margin: unset;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner span, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp span, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp span {
width: 30px !important;
height: 20px !important;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button {
width: 30px !important;
height: 20px !important;
padding: unset;
border-radius: unset !important;
border-radius: 8px !important;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button[data-dir='dwn'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button.input-stepper__button--decrement, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button.input-stepper__button--decrement--ferry, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button[data-dir='dwn'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button.input-stepper__button--decrement, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button.input-stepper__button--decrement--ferry, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button[data-dir='dwn'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button.input-stepper__button--decrement, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button.input-stepper__button--decrement--ferry {
background-color: #F8F9FB;
color: #01007F;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button[data-dir='up'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button.input-stepper__button--increment, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner button.input-stepper__button--increment--ferry, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button[data-dir='up'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button.input-stepper__button--increment, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-mp button.input-stepper__button--increment--ferry, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button[data-dir='up'], .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button.input-stepper__button--increment, .popupover-wrapper .search-options > .div-search-spinner > .spinner .search-spinner-hp button.input-stepper__button--increment--ferry {
background-color: #01007F;
color: #fff;
}
.popupover-wrapper .search-options > .div-search-spinner > .spinner input[type=text] {
border: none !important;
padding: unset;
font-size: 16px;
width: 36px !important;
height: 20px;
color: #000000;
}
.hotel-static-page {
position: relative;
}
.hotel-static-page .panel-left {
-webkit-box-flex: 2 !important;
-ms-flex: 2 !important;
flex: 2 !important;
}
.hotel-static-page #hotel-guest-popup.popupover-wrapper {
left: unset !important;
right: 60px !important;
top: 76px !important;
}
.search-form-wrapper-landing {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
margin-bottom: 28px;
}
.search-form-wrapper-landing .inner-container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
padding: 0;
gap: 4px;
}
.search-form-wrapper-landing .search-form-container {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
gap: 12px;
}
.search-form-wrapper-landing .search-form-container .search-form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
border: 1px solid #D3D3D4;
border-radius: 12px;
padding: 12px;
-webkit-box-shadow: 0 0 0 4px #F0F0F0;
box-shadow: 0 0 0 4px #F0F0F0;
margin-left: 4px;
}
.search-form-wrapper-landing .search-form-container .search-form .panel-left {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.search-form-wrapper-landing .search-form-container .search-form .panel-left .search-form-item {
margin-right: 12px;
border-right: 1px solid #D3D3D4;
padding-left: 20px;
}
.search-form-wrapper-landing .search-form-container .search-form .panel-right {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.search-form-wrapper-landing .search-form-container .search-form .panel-right .search-form-item {
padding-left: 24px;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item input {
border: none;
cursor: pointer;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item.calendar::before {
content: "\e91b";
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 16px;
color: #b9c0c8;
z-index: 200;
left: 0;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item .flight-label {
color: #909294;
font-size: 12px;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item.people::before {
content: "\e976";
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 16px;
color: #b9c0c8;
z-index: 200;
left: 0;
}
.search-form-wrapper-landing .search-form-container .search-form .search-form-item .flight-label {
color: #909294;
font-size: 12px;
}
.search-form-wrapper-landing .search-button {
border-radius: 8px;
color: white;
padding: 20px 12px;
text-align: center;
background: #2321FF;
height: 100%;
width: 100%;
max-width: 128px;
cursor: pointer;
}
.vehicle-passenger-popup-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 4px;
}
.vehicle-passenger-popup-wrapper button {
background: #2321FF;
color: white;
border: none;
border-radius: 24px;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
}
@media only screen and (max-width: 1023px) {
.vehicle-passenger-popup-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: auto;
}
.vehicle-passenger-popup-wrapper button {
width: 100%;
}
}
.flight-search-page-flight {
background: #F5F6F7 !important;
}
.guest-child-info-container {
max-height: 285px;
overflow: auto;
}
@media only screen and (max-width: 768px) {
.guest-child-info-container {
max-height: unset;
overflow: unset;
}
}
#search-form-guest-btn {
width: 100%;
height: 40px;
margin-top: 24px;
}
#search-form-guest-btn button {
width: 100%;
height: 100%;
border-radius: 4px;
background: var(--primary-default, #01007F);
background-color: #01007F;
color: #FFF;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.search-results {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* Navigation Start */
/* Navigation End */
}
.search-results__loader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.95);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 200;
}
.search-results__loader__inner {
text-align: center;
}
.search-results__loader__image {
margin-bottom: 15px;
}
.search-results__loader__description {
font-size: 16px;
font-style: italic;
text-align: center;
color: #505050;
}
@media (min-width: 992px) {
.search-results {
padding: 30px 0;
}
}
.search-results *,
.search-results *:before,
.search-results *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-results__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.search-results__inner__left {
-webkit-box-flex: 0;
-ms-flex: 0 0 320px;
flex: 0 0 320px;
padding-right: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.search-results__inner__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 320px);
padding-left: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
@media (max-width: 992px) {
.search-results__inner__left {
margin-left: -320px;
}
.search-results__inner__right {
max-width: 100%;
padding-left: 0;
}
}
.search-results__nav {
margin-bottom: 15px;
}
.search-results__nav__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.search-results__nav__top .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-results__nav__top .label {
margin-right: 5px;
}
.search-results__nav__bottom {
background-color: gainsboro;
border-radius: 5px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-results__nav__bottom .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
outline: 0;
background-color: white;
height: 40px;
padding: 10px 15px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
color: #000000;
text-decoration: none;
}
.search-results__nav__bottom .button::after, .search-results__nav__bottom .button::before {
font-family: "turna";
font-size: 1.2em;
line-height: 1;
}
.search-results__nav__bottom .button.prev-day::before {
content: "\e90b";
margin-right: 8px;
margin-left: -4px;
}
.search-results__nav__bottom .button.next-day::after {
content: "\e90d";
margin-right: -4px;
margin-left: 8px;
}
.search-results__nav__bottom .date-info {
font-size: 18px;
}
.search-results__sorting {
position: relative;
}
.search-results__sorting::after {
content: "\e999";
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 18px;
}
.search-results__sorting select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline: none;
width: 100%;
max-width: 290px;
padding-right: 20px;
overflow: hidden !important;
}
.search-results input#filter-toggler {
display: none;
}
.search-results input#filter-toggler:checked ~ .search-results__inner .search-results__inner__left {
margin-left: 0;
}
.search-results input#filter-toggler:checked ~ .search-results__inner .search-results__inner__right {
position: relative;
margin-right: -320px;
/*&::after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.8);
}*/
}
.search-results__note {
position: relative;
padding: 15px 15px 15px 50px;
border-radius: 5px;
background-color: #EAF4FF;
margin-bottom: 15px;
}
.search-results__note::before {
content: "\e96a";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 100%;
font-family: "turna";
font-size: 26px;
margin-right: 10px;
color: #006EE9;
}
.search-results__note .accent {
color: #006EE9;
}
.list-item {
padding: 20px;
border-radius: 5px;
border: 1px solid #DDDDDD;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-item.smarttrip {
border-color: #006EE9;
}
.list-item.smarttrip .list-item__cta {
background-color: #006EE9;
}
.list-item.smarttrip .smarttrip-info {
color: #006EE9;
}
.list-item:not(:last-of-type) {
margin-bottom: 15px;
}
.list-item:hover {
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.list-item__left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.list-item__right {
-webkit-box-flex: 0;
-ms-flex: 0 1 180px;
flex: 0 1 180px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-item__price {
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
}
.list-item__lightbox .list-item__price {
margin-bottom: 0;
}
.list-item__price::after {
content: attr(data-currency);
font-size: .8em;
padding: 0 3px;
}
.list-item__cta {
border-radius: 5px;
height: 40px;
border: 0;
color: white;
font-weight: bold;
padding: 0 15px;
width: 100%;
max-width: 220px;
}
.list-item__cta--orange {
background-color: #2321FF;
}
.list-item__cta--red {
background-color: #2321FF;
}
.list-item__lightbox .list-item__cta {
display: none;
}
.list-item__logo-wrapper {
margin-bottom: 7.5px;
}
.list-item__logo {
width: 100px;
height: auto;
}
.list-item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5em;
}
.list-item__location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1300px) {
.list-item__location {
margin-right: 15px;
}
}
.list-item__location .location .primary-info {
font-size: 16px;
/*white-space: nowrap;*/
}
.list-item__location .location .secondary-info {
font-style: italic;
font-size: 14px;
color: #AAAAAA;
}
.list-item__origin {
margin-right: 4em;
position: relative;
}
.list-item__origin:after {
content: "\e928";
position: absolute;
right: -2.2em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
}
.list-item__time {
text-align: center;
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 1 220px;
flex: 0 1 220px;
}
.list-item__time .time-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
}
@media (max-width: 1300px) {
.list-item__time .time-info {
font-size: 16px;
}
}
.list-item__time .time-info:before {
content: "\e900";
font-family: "turna";
font-weight: normal;
margin-right: 4px;
}
.list-item__time .duration-info {
font-size: 14px;
color: #AAAAAA;
}
.list-item__features {
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 1 220px;
flex: 0 1 220px;
}
.list-item__features .seat-plan {
font-size: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1300px) {
.list-item__features .seat-plan {
font-size: 16px;
}
}
.list-item__features .seat-plan:before {
content: "\e997";
font-family: "turna";
}
.list-item__extra-features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-item__extra-features li:not(:last-of-type) {
margin-right: 30px;
}
.list-item__extra-features li:before {
font-family: "turna";
margin-right: 6px;
color: #01007F;
}
.list-item__extra-features li.social-isolation:before {
content: "\e978";
}
.list-item__extra-features li.free-cancellation:before {
content: "\e956";
}
.features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 120px;
margin: 0 auto;
}
.features li {
position: relative;
color: #AAAAAA;
font-size: 18px;
cursor: pointer;
}
@media (max-width: 1300px) {
.features li {
font-size: 14px;
}
}
.features li:not(:last-of-type) {
margin-right: 6px;
}
.features li::before {
display: none;
content: attr(data-tooltip);
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
font-size: .7em;
background-color: black;
color: white;
padding: 5px 10px;
border-radius: 3px;
white-space: nowrap;
}
.features li::after {
display: none;
content: "";
position: absolute;
width: 10px;
height: 10px;
top: -6px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
background-color: black;
}
.features li:hover:before {
display: block;
}
.features li:hover:after {
display: block;
}
.filter-toggle {
display: none;
margin-bottom: 30px;
padding: 0 15px;
}
.filter-toggle__button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
cursor: pointer;
}
.filter-toggle__button::before {
content: "\e9af";
font-family: "turna";
font-size: 22px;
margin-right: 10px;
width: 32px;
height: 32px;
border-radius: 32px;
color: white;
background-color: #01007F;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 992px) {
.filter-toggle {
display: block;
}
}
.list-item__lightbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 100vh;
max-width: calc(100% - 60px);
border-radius: 8px;
margin: 0 auto;
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-item__lightbox *,
.list-item__lightbox *:before,
.list-item__lightbox *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1300px) {
.list-item__lightbox {
max-width: 1200px;
}
}
.list-item__lightbox__inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-height: 640px) {
.list-item__lightbox__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.list-item__lightbox .lightbox-header {
background-color: white;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
min-width: 1000px;
}
.list-item__lightbox .lightbox-header .list-item {
border: 0;
border-bottom: 1px solid #DDDDDD;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.list-item__lightbox .lightbox-content {
background-color: #F8F8F8;
padding: 30px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
min-width: 1000px;
}
.list-item__lightbox .lightbox-content__top {
margin-bottom: 30px;
}
.list-item__lightbox .lightbox-content__top .indicators {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-item__lightbox .lightbox-content__top .indicators li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-item__lightbox .lightbox-content__top .indicators li:not(:last-of-type) {
margin-right: 30px;
}
.list-item__lightbox .lightbox-content__top .indicators li img {
width: 26px;
height: 26px;
margin-right: 6px;
}
.list-item__lightbox .lightbox-content__middle {
margin-bottom: 15px;
}
.list-item__lightbox .lightbox-content__middle__alert {
position: relative;
margin-bottom: 15px;
border-radius: 5px;
padding: 15px;
color: #328BED;
background-color: #F2F8FE;
border: 1px solid #328BED;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 50px;
}
.list-item__lightbox .lightbox-content__middle__alert::before {
content: "\e948";
position: absolute;
left: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 24px;
line-height: 0;
color: #01007F;
}
.list-item__lightbox .lightbox-content__middle .info-text {
color: #AAAAAA;
text-align: center;
}
.list-item__lightbox .lightbox-content__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-item__lightbox .lightbox-content__bottom__left .label {
margin-bottom: 10px;
}
.list-item__lightbox .lightbox-content__bottom__left .selected-seats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list-item__lightbox .lightbox-content__bottom__left .selected-seats .seat {
width: 38px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.list-item__lightbox .lightbox-content__bottom__left .selected-seats .seat:not(:last-of-type) {
margin-right: 10px;
}
.list-item__lightbox .lightbox-content__bottom__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper .amount {
margin-right: 15px;
}
.list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper .amount .price {
font-size: 18px;
font-weight: bold;
}
.list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper .amount .price::after {
content: attr(data-currency);
font-size: .9em;
margin-left: 2px;
}
.list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper .button {
height: 44px;
color: white;
background-color: #01007F;
border-radius: 8px;
padding: 10px 30px;
font-size: 16px;
border: 0;
outline: 0;
}
.list-item__lightbox .lightbox-content__message {
position: relative;
padding: 30px 30px 30px 70px;
background-color: #e2e3e5;
color: #000000;
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: -30px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.list-item__lightbox .lightbox-content__message::before {
content: "\e948";
font-family: "turna";
font-size: 1.8rem;
position: absolute;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-item__lightbox .lightbox-content__message::after {
content: "";
display: block;
position: absolute;
left: 70px;
top: -6px;
width: 22px;
height: 22px;
border-radius: 3px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #e2e3e5;
}
.list-item__lightbox .lightbox-content__message strong {
font-weight: bold;
}
.list-item__lightbox .lightbox-content__message--primary {
background-color: #01007F;
color: white;
}
.list-item__lightbox .lightbox-content__message--primary::after {
background-color: #01007F;
}
.list-item__lightbox .lightbox-content__message--warning {
background-color: #fff3cd;
color: #856404;
}
.list-item__lightbox .lightbox-content__message--warning::after {
background-color: #fff3cd;
}
.list-item__lightbox .lightbox-content__message--info {
background-color: #d1ecf1;
color: #0c5460;
}
.list-item__lightbox .lightbox-content__message--info::after {
background-color: #d1ecf1;
}
.list-item__lightbox .lightbox-content__message--dark {
background-color: #d6d8d9;
color: #343a40;
}
.list-item__lightbox .lightbox-content__message--dark::after {
background-color: #d6d8d9;
}
.list-item__lightbox .stop-over {
padding: 10px 20px;
background-color: #F8F9FB;
}
.list-item__lightbox .stop-over__content {
display: none;
margin-top: 20px;
}
.list-item__lightbox .stop-over__toggler {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-item__lightbox .stop-over__toggler::before {
content: attr(data-show);
}
.list-item__lightbox .stop-over__toggler::after {
content: "\e924";
font-family: "turna";
font-size: 16px;
margin-left: 2px;
}
.list-item__lightbox .stop-over #stop-over__toggler__input {
display: none;
}
.list-item__lightbox .stop-over #stop-over__toggler__input:checked ~ .stop-over__content {
display: block;
}
.list-item__lightbox .stop-over #stop-over__toggler__input:checked ~ .stop-over__toggler::before {
content: attr(data-hide);
}
.list-item__lightbox .stop-over #stop-over__toggler__input:checked ~ .stop-over__toggler::after {
content: "\e929";
}
.list-item__lightbox .stop-over__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 15px;
}
.list-item__lightbox .stop-over__list li {
position: relative;
font-size: 14px;
margin-right: 20px;
white-space: nowrap;
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.list-item__lightbox .stop-over__list li .stop-over-time {
position: relative;
font-weight: bold;
margin-right: 5px;
}
.list-item__lightbox .stop-over__list li .stop-over-time::before {
content: "";
display: block;
position: absolute;
left: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #F8F9FB;
}
.list-item__lightbox .stop-over__list li .stop-over-name {
font-size: 12px;
font-style: italic;
}
.list-item__lightbox .stop-over__list li:first-of-type .stop-over-time, .list-item__lightbox .stop-over__list li:last-of-type .stop-over-time {
color: #01007F;
}
.list-item__lightbox .stop-over__list li:first-of-type .stop-over-time::before, .list-item__lightbox .stop-over__list li:last-of-type .stop-over-time::before {
background-color: #01007F;
}
.bus-scheme {
width: 830px;
height: 240px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
border-top-left-radius: 30px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 30px;
background-color: white;
border: 1px solid #CFCFCF;
margin: 0 auto 15px;
}
.bus-scheme .bus-front {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
height: 100%;
padding: 10px 10px 10px 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/front-panel.svg);
background-position: -1px 0;
background-size: 44px 238px;
background-repeat: no-repeat;
}
.bus-scheme .bus-front > * {
width: 38px;
height: 38px;
-webkit-box-flex: 0;
-ms-flex: 0 0 38px;
flex: 0 0 38px;
margin-right: 4px;
}
.bus-scheme .bus-front > *:not(:last-child) {
margin-top: 4px;
}
.bus-scheme .bus-front .bus-wheel {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/wheel.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: scale(1.3) translateY(9px);
-ms-transform: scale(1.3) translateY(9px);
transform: scale(1.3) translateY(9px);
}
.bus-scheme .bus-front .door {
position: relative;
}
.bus-scheme .bus-front .door:after {
content: "";
position: absolute;
left: 0;
top: -16px;
display: block;
width: 42px;
height: 42px;
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/door.svg);
background-size: contain;
background-repeat: no-repeat;
}
.bus-scheme .bus-seats {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-flow: column-reverse wrap;
flex-flow: column-reverse wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.bus-scheme .bus-seats .item {
position: relative;
margin-right: 4px;
-webkit-box-flex: 0;
-ms-flex: 0 0 38px;
flex: 0 0 38px;
width: 42px;
}
.bus-scheme .bus-seats .item:not(:last-child) {
margin-top: 4px;
}
.bus-scheme .bus-seats .item:nth-child(5n) {
margin-top: 0;
}
.bus-scheme .bus-seats .item.seat .seat-number {
margin-right: 6px;
}
.bus-scheme .bus-seats .door {
position: relative;
}
.bus-scheme .bus-seats .door:after {
content: "";
position: absolute;
left: 0;
top: -16px;
display: block;
width: 42px;
height: 42px;
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/door.svg);
background-size: contain;
background-repeat: no-repeat;
}
.bus-scheme .bus-seats .door .seat-number {
display: none;
}
.bus-scheme .bus-back {
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
height: 100%;
}
.seat {
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
background-size: contain;
background-repeat: no-repeat;
width: 42px;
height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.seat:hover {
cursor: pointer;
}
.seat .seat-number {
width: 26px;
height: 26px;
font-size: 14px;
margin-right: 3px;
border: 1px dashed transparent;
border-radius: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.seat.female {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-female.svg);
}
.seat.male {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-male.svg);
}
.seat.active .seat-number {
background-color: #F8F9FB;
border-color: #DDDDDD;
}
.seat.empty {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-available.svg);
}
.seat.not-available {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-not-available.svg);
}
.seat.not-available .seat-number {
color: red;
}
.seat.selected {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-selected.svg);
}
.seat.selected.male {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-male.svg);
}
.seat.selected.female {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-female.svg);
}
.gender-selection {
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 140px;
height: 86px;
border-radius: 15px;
background-color: white;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
z-index: 200;
}
.gender-selection .gender-item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gender-selection .gender-item::before {
content: "";
display: block;
height: 40px;
width: 100%;
margin-bottom: 6px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.gender-selection .gender-item:hover {
cursor: pointer;
}
.gender-selection .gender-item .label {
text-align: center;
font-size: 13px;
font-weight: bold;
}
.gender-selection .gender-item.disabled {
pointer-events: none;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
}
.gender-selection .gender-item.male::before {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/general/profile-male.svg);
}
.gender-selection .gender-item.male::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 60%;
border-right: 1px dashed #DDDDDD;
}
.gender-selection .gender-item.male .label {
color: #328BED;
}
.gender-selection .gender-item.female::before {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/general/profile-female.svg);
}
.gender-selection .gender-item.female .label {
color: #FF9090;
}
.gender-selection::after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: -5px;
-webkit-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
width: 12px;
height: 12px;
border-radius: 2px;
background-color: white;
-webkit-box-shadow: -3px 3px 2px rgba(0, 0, 0, 0.07);
box-shadow: -3px 3px 2px rgba(0, 0, 0, 0.07);
}
.trn-modal#modal-seat-plan {
padding: 0;
overflow-y: scroll;
}
.trn-modal#modal-seat-plan-smart {
padding: 5% 0;
overflow: auto;
height: auto;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header {
max-width: 830px;
margin: 0 auto 20px;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location .list-item__origin {
margin-right: 0;
font-weight: bold;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location .list-item__origin:after {
content: "\e928";
padding: 0 4px;
font-family: "turna";
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location .list-item__destination {
margin-right: 1rem;
font-weight: bold;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location .smarttrip-list__item__additional {
margin-right: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-list__item__header .list-item__location .list__item__features {
margin-left: auto !important;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info {
margin: 20px 0;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info .smarttrip-duration-wrapper {
position: relative;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info .smarttrip-duration-wrapper::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
border-radius: 1px;
left: 0;
top: 50%;
background-color: #F8F9FB;
z-index: 0;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info .smarttrip-info__duration {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px;
background-color: #F8F9FB;
border: 1px solid #DDDDDD;
border-radius: 6px;
max-width: 500px;
margin: 0 auto 10px;
z-index: 2;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info .smarttrip-info__duration strong {
font-weight: bold;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .smarttrip-info .smarttrip-info__description {
text-align: center;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .list-item__extra-features-policies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .list-item__extra-features-policies li:not(:last-of-type) {
margin-right: 30px;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .list-item__extra-features-policies li:before {
font-family: "turna";
margin-right: 6px;
color: #01007F;
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .list-item__extra-features-policies li.social-isolation:before {
content: "\e978";
}
.trn-modal#modal-seat-plan-smart .list-item__lightbox__inner .lightbox-content .list-item__extra-features-policies li.free-cancellation:before {
content: "\e956";
}
.trn-modal#modal-seat-plan > .trn-modal-close {
position: absolute;
top: 20px;
right: 30px;
margin-top: 0;
}
.cs-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 25px auto;
max-width: 800px;
padding: 20px;
border-radius: 5px;
border: 2px solid #006EE9;
}
.cs-item__left {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cs-item__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cs-item__price {
margin-bottom: 15px;
}
.cs-item__price .price {
color: #006EE9;
font-weight: bold;
}
.cs-item__price .price::after {
font-size: 1em;
margin-left: 1px;
}
.cs-item__content {
position: relative;
padding-left: 60px;
}
.cs-item__content::before {
content: "\e9d4";
position: absolute;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #006EE9;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
border-radius: 100%;
background-color: #E8F2FD;
font-size: 34px;
font-family: "turna";
}
.cs-item__locations {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2px;
font-size: 18px;
font-weight: 500;
}
.cs-item__origin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cs-item__origin::after {
content: "\e928";
font-family: "turna";
padding: 0 5px;
}
.cs-item__time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #AAAAAA;
font-style: italic;
}
.cs-item__time:before {
content: "\e900";
font-family: "turna";
font-weight: normal;
font-style: normal;
margin-right: 4px;
}
.cs-item__cta {
height: 44px;
color: white;
background-color: #006EE9;
border-radius: 5px;
padding: 10px 30px;
font-size: 16px;
border: 0;
outline: 0;
}
.warning-information-for-origin {
font-size: 14px;
background-color: #F8F9FB;
padding: 5px 20px;
}
.warning-information-for-origin .bold-text-warn {
font-weight: bold;
}
.warning-information-for-origin .info-text {
margin-left: 5px;
}
body[dir='rtl'] .features li:not(:last-of-type) {
margin-right: unset;
margin-left: 6px;
}
body[dir='rtl'] .search-results__inner__right {
margin-right: 20px;
padding-left: unset;
}
body[dir='rtl'] .search-results__sorting::after {
right: unset;
left: 0;
}
body[dir='rtl'] .search-results__sorting select {
padding-right: 5px !important;
}
body[dir='rtl'] .search-results__nav__bottom .button.next-day::after {
margin-right: 10px;
margin-left: unset;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
body[dir='rtl'] .search-results__nav__bottom .button.prev-day::before {
margin-right: unset;
margin-left: 10px;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
body[dir='rtl'] .list-item__origin {
margin-left: 4em;
margin-right: unset;
}
body[dir='rtl'] .list-item__origin .primary-info:after {
right: unset;
left: -2.2em;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
top: unset;
}
body[dir='rtl'] .list-item__features .seat-plan:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
body[dir='rtl'] .list-item__lightbox .lightbox-content__bottom__right .cta-button-wrapper .amount {
margin-right: unset;
margin-left: 15px;
}
body[dir='rtl'] .list-item .social-isolation {
padding-right: 20px;
position: relative;
}
body[dir='rtl'] .list-item .social-isolation::before {
position: absolute;
right: 0;
}
body[dir='rtl'] .list-item .free-cancellation {
position: relative;
padding-right: 20px;
}
body[dir='rtl'] .list-item .free-cancellation::before {
position: absolute;
right: 0;
}
body[dir='rtl'] .cross-sell-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
body[dir='rtl'] .cs-item__content {
padding-left: unset;
padding-right: 60px;
}
body[dir='rtl'] .cs-item__content::before {
left: unset;
right: 0;
}
body[dir='rtl'] .cs-item__origin::after {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
body[dir='rtl'] .tooltip.tooltip-main.top, body[dir='rtl'] .tooltip-inner {
display: none;
}
.list-item {
position: relative;
}
.list-item .favorites-icon {
position: absolute;
right: 10px;
top: 10px;
font-size: 1.5rem;
z-index: 999;
}
body[dir='rtl'] .list-item .favorites-icon {
left: 10px;
right: unset;
}
/*.registration-redirect {
color: $text-primary-color;
}
.registration-redirect__title {
font-size: 24px;
font-weight: bold;
margin-bottom: 7px;
}
.registration-redirect__content {
font-size: 16px;
color: $text-secondary-color;
}
.registration-redirect .trn {
max-height: unset !important;
max-width: 450px !important;
}
.registration-redirect__footer {
margin-top: 30px;
}
.registration-redirect__footer__btn button {
width: 100%;
height: 48px;
border: none;
background-color: $main-color;
color: #fff;
font-weight: bold;
border-radius: $radius;
font-size: 16px;
}
.registration-redirect__footer__line {
margin: 30px 0;
text-align: center;
position: relative;
}
.registration-redirect__footer__line::before {
position: absolute;
width: 100%;
height: 1px;
content: "";
background-color: $bg-gray;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.registration-redirect__footer__line span {
background-color: $white;
padding: 0 20px;
position: relative;
color: $text-secondary-color;
}
.registration-redirect__footer__guest {
text-align: center;
}
.registration-redirect__footer__guest a {
color: $text-secondary-color;
}
.registration-redirect__figure img {
width: 100%;
}*/
.list-item__origin.location .primary-info, .list-item__origin.location .secondary-info, .list-item__destination.location .primary-info, .list-item__destination.location .secondary-info {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 175px;
line-height: 1.2em;
white-space: normal;
}
.list-item__origin.location .primary-info, .list-item__origin.location .secondary-info {
width: 120px;
}
.list-item__destination.location .primary-info, .list-item__destination.location .secondary-info {
width: 150px;
}
.banner-image {
width: 100%;
border-radius: 12px;
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.banner-image img {
width: 100%;
max-width: 1024px;
height: 100%;
max-height: 120px;
display: block;
margin: 0 auto;
border-radius: 12px;
}
.bus-scheme {
position: relative;
}
#already-taken-error-desktop {
width: 129px;
height: 41px;
position: absolute;
background: #FEE2E2;
left: 50%;
top: 50%;
transform: translate(-50%, -5%);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
color: #7F1D1D;
}
button.female-male-single-seat-policy-error-close {
padding: 0;
height: auto;
background: none;
border: 0;
border-radius: 64px;
background: var(--background-400, #EBEDEF);
}
.new-modal-top-icons .female-male-single-seat-policy-error-close span {
display: flex;
width: 32px;
height: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.filtering-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filtering-container *,
.filtering-container *:before,
.filtering-container *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filtering-container .filtering__item {
padding-bottom: 15px;
border-bottom: 1px dotted #e2e2e2;
}
.filtering-container .filtering__item:not(:last-child) {
margin-bottom: 15px;
}
.filtering-container .filtering__item .expandable___input {
display: none;
}
.filtering-container .filtering__item .expandable___input:checked ~ .expandable__content {
display: block;
}
.filtering-container .filtering__item .expandable___input:checked ~ .filtering__item__header .expandable__toggler::before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.filtering-container .filtering__item .expandable__toggler {
cursor: pointer;
}
.filtering-container .filtering__item .expandable__toggler::before {
content: "\e924";
display: block;
font-family: "turna";
font-size: 1.6em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.filtering-container .filtering__item .expandable__toggler::after {
content: "";
position: absolute;
pointer-events: auto;
background-color: rgba(0, 0, 0, 0);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 500;
}
.filtering-container .filtering__item .expandable__content {
display: none;
}
.filtering-container .filtering__item__header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filtering-container .filtering__item__header .item-title {
position: relative;
font-weight: bold;
font-size: 16px;
padding-left: 36px;
}
.filtering-container .filtering__item__header .item-title::before {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: normal;
font-family: "turna";
font-size: 1.2em;
color: #a0a0a0;
}
.filtering-container .filtering__item__content {
margin-top: 15px;
}
.filtering-container .filtering__item.companies .item-title::before {
content: "\e918";
}
.filtering-container .filtering__item.seat-plan .item-title::before {
content: "\e997";
}
.filtering-container .filtering__item.departure-time .item-title::before {
content: "\e900";
}
.filtering-container .filtering__item.prices .item-title::before {
content: "\e912";
}
.filtering-container .filtering__item.origin .item-title::before {
content: "\e965";
}
.filtering-container .filtering__item.destination .item-title::before {
content: "\e969";
}
.filtering-container .filtering__item.services .item-title::before {
content: "\e9a1";
}
.filtering-container .checkbox-list-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filtering-container .checkbox-list-wrapper *,
.filtering-container .checkbox-list-wrapper *:before,
.filtering-container .checkbox-list-wrapper *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.filtering-container .checkbox-list-wrapper .checkbox-list {
margin-bottom: 30px;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item:not(:last-of-type) {
margin-bottom: 6px;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item:hover .filter-only {
display: inline;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item__left {
-webkit-box-flex: 1.5;
-ms-flex: 1.5;
flex: 1.5;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item__right .filter-only {
display: none;
color: #01007F;
text-decoration: none;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item label input {
display: none;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item label input:checked ~ .label::before {
content: "\e923";
color: #01007F;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item label .label {
position: relative;
padding-left: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filtering-container .checkbox-list-wrapper .checkbox-list .checkbox-list__item label .label::before {
content: "\e920";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 18px;
line-height: 1;
margin-right: 4px;
}
.filtering-container .checkbox-list-wrapper .checkbox-settings {
padding-left: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filtering-container .checkbox-list-wrapper .checkbox-settings__item {
color: #a0a0a0;
cursor: pointer;
}
.filtering-container .checkbox-list-wrapper .checkbox-settings__item:hover {
color: #01007F;
}
.filtering-container .departure-info {
margin-bottom: 20px;
}
.filtering-container .departure-info__item:not(:last-child) {
margin-bottom: 2px;
}
.filtering-container .prices-info {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filtering-container .prices-info__price::after {
content: attr(data-currency);
font-size: .8em;
margin-left: 2px;
}
.filtering-container .filter-slider__bar {
padding: 0 10px;
}
.filtering-container .filter-slider .slider .tooltip.top {
margin-top: 0;
}
.filtering-container .filter-slider .slider {
margin-bottom: 15px;
}
.filtering-container .filter-slider .slider.slider-horizontal .slider-track {
height: 4px;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: #e6e6e6;
}
.filtering-container .filter-slider .slider.slider-horizontal .slider-selection {
background-color: #01007F;
background-image: none;
}
.filtering-container .filter-slider .slider .slider-handle {
background-color: #01007F;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: -10px;
width: 24px;
height: 24px;
border: 2px solid white;
}
.filtering-container .filter-slider .slider .slider-handle::after {
display: none;
}
.filtering-container .filter-slider__buttons ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 6px 6px 0;
padding: 0;
}
.filtering-container .filter-slider__buttons ul > * {
-webkit-box-flex: 1;
-ms-flex: 1 0 calc((100% - (5 - 1) * 6px) / 5);
flex: 1 0 calc((100% - (5 - 1) * 6px) / 5);
margin-bottom: 6px;
}
.filtering-container .filter-slider__buttons ul > *:not(:last-child) {
margin-right: 6px;
}
.filtering-container .filter-slider__buttons ul > *:nth-child(5n) {
margin-right: 0;
}
.filtering-container .filter-slider__buttons ul li {
position: relative;
height: 70px;
border-width: 1px;
border-style: solid;
border-color: #e2e2e2;
border-radius: 8px;
font-size: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.filtering-container .filter-slider__buttons ul li .btn-label {
width: 100%;
-ms-flex-item-align: end;
align-self: flex-end;
text-align: center;
padding: 4px 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
line-height: 1.1;
}
.filtering-container .filter-slider__buttons ul li .btn-label::before {
font-family: "turna";
font-size: 32px;
line-height: 1;
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 50%;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.filtering-container .filter-slider__buttons ul li .btn-label.night::before {
content: "\e96a";
}
.filtering-container .filter-slider__buttons ul li .btn-label.morning::before {
content: "\e9a6";
}
.filtering-container .filter-slider__buttons ul li .btn-label.noon::before {
content: "\e9a4";
}
.filtering-container .filter-slider__buttons ul li .btn-label.evening::before {
content: "\e9a5";
}
.filtering-container .filter-slider__buttons ul li:hover, .filtering-container .filter-slider__buttons ul li.active {
border-color: #01007F;
color: #01007F;
}
body[dir='rtl'] .filtering-container .filtering__item__header .item-title {
padding-left: unset;
padding-right: 36px;
}
body[dir='rtl'] .filtering-container .filtering__item__header .item-title::before {
left: unset;
right: 0;
}
body[dir='rtl'] .filtering-container .checkbox-list-wrapper .checkbox-list__item label .label::before {
left: unset;
right: -30px;
margin-right: unset;
}
body[dir='rtl'] .filtering-container .checkbox-list-wrapper .checkbox-list__item__left {
padding-right: 30px;
padding-left: unset;
}
body[dir='rtl'] .departure-info__item.title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
}
.fw-bold {
font-weight: bold;
}
.accent-green {
color: #0C7E83;
}
.accent-orange {
color: #ff9012;
}
.accent-red {
color: #FF3200;
}
.div-reservation-content .caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.div-reservation-content .caption .flex-align-right {
margin-left: auto;
}
.reservation-table table {
width: 100%;
table-layout: fixed;
}
.reservation-table table thead tr th {
font-weight: 600;
padding-bottom: 10px;
color: #0C7E83;
}
.reservation-table table tbody td {
padding: 0 15px;
}
.reservation-table table th, .reservation-table table td {
text-align: left;
}
.reservation-table table th.align-right, .reservation-table table td.align-right {
text-align: right;
}
.reservation-table__seats {
padding: 0 15px;
display: table;
}
.reservation-table__seats .seat {
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reservation-table__seats .seat:not(:last-of-type) {
margin-right: 5px;
}
.reservation-table__seats .seat .seat-number {
width: 26px;
height: 26px;
font-size: 14px;
margin-right: 3px;
border: 1px dashed transparent;
border-radius: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reservation-table__seats .seat.female {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-female.svg);
}
.reservation-table__seats .seat.male {
background-image: url(https://res.cloudinary.com/turna/image/upload/q_auto,f_auto/Images/New/Common/bus-scheme/parts/seat-male.svg);
}
.reservation-table .label {
font-weight: 600;
margin-right: 5px;
color: #343a40;
}
.reservation-table .value {
color: #343a40;
}
.reservation-table .price {
font-size: 20px;
font-weight: bold;
color: #0c7e83;
}
.reservation-smarttrip-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px;
margin: 20px 0;
background-color: #f0f0f0;
border-radius: 5px;
}
.reservation-smarttrip-info .expedition-table__smarttrip__description {
color: #006EE9;
text-decoration: underline;
cursor: pointer;
}
.div-reservation-content {
margin-bottom: 30px;
border: 3px solid #c9e8ea;
border-radius: 5px;
background-color: #fff;
}
.div-reservation-content .caption .caption-text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.div-reservation-content .caption .caption-text::before {
font-family: "turna";
font-size: 26px;
color: #0C7E83;
margin-right: 5px;
}
.div-reservation-content .caption .caption-text.bus-details::before {
content: "\e918";
}
.div-reservation-content .reservation-inner {
padding: 15px;
}
.div-reservation-content .reservation-notice {
color: #0C7E83;
font-weight: 500;
margin-top: 30px;
}
.div-reservation-content .reservation-footnote {
margin-top: 30px;
font-weight: 500;
}
.div-reservation-content .reservation-link {
color: #ff9012;
font-weight: 600;
}
.div-reservation-content .reservation-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f0f0f0;
margin-bottom: 15px;
padding: 10px 15px;
border-radius: 5px;
}
.div-reservation-content .time-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
}
.div-reservation-content .time-value::before {
content: "\e900";
font-family: "turna";
font-size: 1em;
font-weight: normal;
margin-right: 3px;
}
.continue-for-payment {
padding: 30px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.continue-for-payment .inner {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.continue-for-payment .inner .amount-info {
margin-bottom: 7px;
text-align: center;
font-size: 16px;
}
.continue-for-payment .inner .amount-info .amount {
font-weight: bold;
}
.continue-for-payment .inner .amount-info .amount::after {
content: attr(data-currency);
font-size: .9em;
margin-left: 2px;
}
.continue-for-payment .inner .cta-button {
color: white;
font-size: 13.5px;
font-weight: 600;
border-width: 1.5px;
border-style: solid;
border-color: white;
background-color: #ff9012;
padding: 0 15px;
height: 48px;
border-width: 0px;
border-radius: 5px;
width: 100%;
max-width: 320px;
font-size: 16px;
}
.continue-for-payment .inner .cta-button .button-text {
position: relative;
}
.continue-for-payment .inner .cta-button .button-text:before, .continue-for-payment .inner .cta-button .button-text:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "turna";
font-size: 1.3em;
font-weight: normal;
}
.div-reservation-content #results {
padding: 5px 12px;
margin: 5px 0px 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.div-reservation-content #results li {
list-style: none;
}
.loader {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.95);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 20000000;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.loader__inner {
text-align: center;
}
.loader__image, .loader-image {
width: 60px;
}
.loader__description {
font-size: 16px;
font-weight: 600;
text-align: center;
color: #000000;
margin-bottom: 24px;
}
.loader.drawer-loader {
position: absolute;
}
.loader.fade-out {
opacity: 0;
}
.loader.fade-in {
opacity: 1;
}
.turna-table {
background-color: white;
line-height: 1.4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
font-size: 13px;
color: #000000;
}
@media (min-width: 576px) {
.turna-table {
font-size: 15px;
}
}
.turna-table * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.turna-table .text-align-right {
text-align: right;
}
.turna-table .text-align-left {
text-align: left;
}
.turna-table .text-align-center {
text-align: center;
}
.turna-table .fw-bold {
font-weight: bold;
}
.turna-table a {
color: #000000;
text-decoration: underline;
}
.turna-table table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
.turna-table table td, .turna-table table th {
text-align: left;
padding: 8px 10px;
}
.turna-table table td:first-child, .turna-table table th:first-child {
padding-left: 15px;
}
.turna-table table td:last-child, .turna-table table th:last-child {
padding-right: 15px;
}
.turna-table table thead tr {
border-bottom: 3px solid #DDDDDD;
}
.turna-table table thead tr th {
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
}
.turna-table table tbody tr:first-child td {
padding-top: 10px;
}
.turna-table table tbody tr:last-child td {
padding-bottom: 15px;
}
.turna-table.layout-auto table {
table-layout: auto;
}
.turna-table.table-shadow {
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
border: 0 !important;
}
.turna-table.table-border-all {
border: 1px solid #DDDDDD;
overflow: hidden;
border-radius: 10px;
}
.turna-table.table-border-all table tbody tr:not(:last-child) {
border-bottom: 1px solid #DDDDDD;
}
.turna-table.table-border-all table td:not(:last-child), .turna-table.table-border-all table th:not(:last-child) {
border-right: 1px solid #DDDDDD;
}
.turna-table.table-border-edges {
border: 1px solid #DDDDDD;
overflow: hidden;
border-radius: 10px;
}
.turna-table.table-border-edges table tbody tr:not(:last-child) {
border-bottom: 1px solid #DDDDDD;
}
.turna-table.table-zebra tbody tr:nth-child(even) {
background-color: #F8F9FB;
}
.turna-table.new {
color: #45516D;
border-color: #DCDFE5;
border-radius: 10px;
margin-bottom: 30px;
padding-top: 15px;
padding-bottom: 20px;
}
.turna-table.new a {
color: #45516D;
text-align: left;
text-decoration: none;
display: block;
max-width: 100%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: normal;
}
.turna-table.new i[class^="trn-"] {
opacity: 0.5;
margin-right: 5px;
}
.turna-table.new table {
font-size: 14px;
}
.turna-table.new table thead tr {
border-bottom: 0;
}
.turna-table.new table thead th {
font-size: 18px;
font-weight: bold;
padding: 15px;
}
.turna-table.new table tbody tr {
border-bottom: 0 !important;
}
.turna-table.new table tbody tr td {
padding: 15px;
}
.turna-table.new.table-zebra table tbody tr:nth-child(odd) {
background-color: #F6F7FA;
}
.turna-table.new.table-zebra table tbody tr:nth-child(even) {
background-color: transparent;
}
.turna-table.new.table-zebra-diagonal table tbody tr {
background-color: transparent;
}
.turna-table.new.table-zebra-diagonal table tbody tr:nth-child(odd) td:nth-child(1) {
background-color: #F6F7FA;
}
.turna-table.new.table-zebra-diagonal table tbody tr:nth-child(odd) td:nth-child(2) {
background-color: white;
}
.turna-table.new.table-zebra-diagonal table tbody tr:nth-child(even) td:nth-child(2) {
background-color: #F6F7FA;
}
.turna-table.new.table-zebra-diagonal table tbody tr:nth-child(even) td:nth-child(1) {
background-color: white;
}
.turna-table.new.table-border-all {
border: 1px solid #DCDFE5 !important;
}
.turna-table.new.table-border-all table thead tr,
.turna-table.new.table-border-all table tbody tr {
border-bottom: 1px solid #DCDFE5 !important;
}
.turna-table.new.table-border-all table td:not(:last-child), .turna-table.new.table-border-all table th:not(:last-child) {
border-right: 1px solid #DCDFE5 !important;
}
.turna-table.new.table-shadow {
-webkit-box-shadow: 0 0 20px rgba(121, 129, 149, 0.2);
box-shadow: 0 0 20px rgba(121, 129, 149, 0.2);
border: 0 !important;
}
.turna-table .expandable-row {
display: none;
}
.isExpanded.turna-table .expandable-row {
display: table-row;
}
.turna-table .table-toggler {
display: none;
color: #45516D;
padding-top: 15px;
text-align: center;
}
.turna-table .table-toggler .toggler-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.turna-table .table-toggler .toggler-text:before {
content: attr(data-show-more);
}
.isExpanded.turna-table .table-toggler .toggler-text:before {
content: attr(data-show-less);
}
.turna-table .table-toggler .toggler-text:after {
content: "\e924";
font-size: 20px;
font-family: "turna";
margin-left: 5px;
}
.isExpanded.turna-table .table-toggler .toggler-text:after {
content: "\e929";
}
.turna-table.table-expandable .table-toggler {
display: block;
}
.info-table-wrapper {
border: 1px solid #DDDDDD;
border-radius: 5px;
overflow: hidden;
color: #000000;
}
.info-table-wrapper table {
width: 100%;
table-layout: fixed;
}
.info-table-wrapper table td {
text-align: center;
}
.info-table-wrapper table td:not(:last-child) {
border-right: 1px solid #DDDDDD;
}
.info-table-wrapper table td a {
color: #000000;
padding: 0 5px;
}
.info-table-wrapper table tbody tr td {
color: #757575;
}
.info-table-wrapper table tbody tr td div:first-child {
font-weight: 600;
text-align: center;
padding: 15px;
background-color: #DDDDDD;
}
.info-table-wrapper table tbody tr td div:last-child {
padding: 10px 15px;
text-align: center;
}
body[dir="rtl"] .turna-table table td,
body[dir="rtl"] .turna-table table th {
text-align: unset;
}