/*@font-face {
    font-family: 'RalewayBold';
    src: url('../font/Raleway-Bold.ttf');
}

@font-face {
    font-family: 'Jakarta';
    src: url('../font/Jakarta.ttf');
}


@font-face {
    font-family: 'RalewayMedium';
    src: url('../font/Raleway-Medium.ttf');
}

@font-face {
    font-family: 'RalewayRegular';
    src: url('../font/Raleway-Regular.ttf');
}

@font-face {
    font-family: 'RalewayLight';
    src: url('../font/Raleway-Light.ttf');
}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../font/Raleway-SemiBold.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat.ttf');
}*/
@font-face {
    font-family: 'RalewayBold';
    src: url('../font/Montserrat.ttf');
}

@font-face {
    font-family: 'Jakarta';
    src: url('../font/Montserrat.ttf');
}


@font-face {
    font-family: 'RalewayMedium';
    src: url('../font/Montserrat.ttf');
}

@font-face {
    font-family: 'RalewayRegular';
    src: url('../font/Montserrat.ttf');
}

@font-face {
    font-family: 'MontserratLight';
    src: url('../font/Montserrat-Light.ttf');
}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../font/Montserrat.ttf');
}

@font-face {
    font-family: 'MontserratThin';
    src: url('../font/Montserrat-Thin.ttf');
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat.ttf');
}
/*@font-face {
    font-family: 'GothamRounded';
    src: url('../font/gothamroundedbold.otf') format('opentype');
}*/
@font-face {
    font-family: 'GothamRounded';
    src: url('../font/gothamroundedbook.otf') format('opentype');
}
@font-face {
    font-family: 'GothamRoundedLight';
    src: url('../font/gothamroundedlight.otf') format('opentype');
}
@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('../font/gothamroundedmedium.otf') format('opentype');
}
@font-face {
    font-family: 'GothamRoundedBold';
    src: url('../font/gothamroundedbold.otf') format('opentype');
}
button {
    border-radius: 40px 40px 40px 40px;
}

.basliklar1 {
    text-align: center;
    margin-top: -10rem;
}

.profilBilgilerimBaslik1 {
    font-weight: bold;
    color: white;
    font-size: 30px;
}

body {
    font-family:GothamRounded;
    background-color: #ebeef3 !important;
}

.row-flex {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.imgArea {
    background-color: #27375c !important;
}

html, body {
    /*    height: 100%;
    margin: 0;
    padding: 0;*/
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip;
    width: 100%;
}


.main-content {
    /*background-image: url('../img/slider/artboard.svg');*/
    background-image: url('../img/slider/Artboardnew.png');
    background-repeat: no-repeat;
    /*background-position: center;*/
    background-size: contain;
    background-color:#e2e2e2;
/*    min-height: 118vh;*/
    /*min-height: 137vh;*/
    min-height: 110vh;
    padding: 20px;
    box-sizing: border-box;
}
.mobile-image {
    display: none;
}
@media (max-width: 768px) {
    .main-content {
        background-image: none;
        padding: 0px;
        min-height: 0vh !important;
    }

    .mobile-image {
        display: block;
    }

        .mobile-image img {
            width: 100%;
            height: auto;
            display: block;
        }
}
.flatpickr-input[readonly] {
    cursor: pointer;
    /*! background-color: transparent!important; */
}
.flatpickr-input.form-control.span-placeholder {
    margin-left:10px !important
}
.flatpickr-input.form-control.flatpickr-input {
    text-indent: 10px !important;
}
.flatpickr-calendar{
    font-size:15px !important;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaaaaa36;
    border-radius: 60px !important;
}
.select2-selection__placeholder{
margin-left:2px !important;
color:#6D6E71 !important;
}
.select2-selection__rendered {
    margin-left: 10px !important;
    color: #6D6E71 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0E1D48 !important;
    border-radius: 100px !important;
}
.ui-widget {
    font: normal normal bold 14px GothamRounded !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font: normal normal bold 14px GothamRounded !important;
}
.ui-datepicker th {
    font: normal normal bold 14px GothamRounded !important;
}
.mobile-store-png {
    display: flex;
    justify-content: center;
    margin-top: 7px;
}

    .mobile-store-png img {
        width: 130px;
        width: 130px;
    }

.zIndexVoyageSearch {
    z-index: 3;
}

body, html {
    height: 100%;
}

.loginBtn:hover {
    /*background-color: #42C7E7 !important;*/
}

.registerBtn {
    /*border: 1px solid #0E1D49;*/
    border-radius: 100px;
}
.registerBtn:hover {
    /*color: #84C632 !important;*/
}

#homePageSlider {
    top: 0;
}


    #homePageSlider .carousel-item img {
        width: 100% !important;
        /*height: 600px !important;
        object-fit: cover;*/
    }

    #homePageSlider .carousel-inner {
        border-bottom-right-radius: 100px;
        max-height: 617px;
    }

.sliderArea {
    /*background-image: url('../img/uname-arkaplan.jpg');*/
    border-bottom-right-radius: 100px;
    background-size: cover;
    background-color: transparent;
    z-index: 500;
    height: 63%;
}

.navbar {
    background-image: url('../img/navbar.svg');
    /*background-position: center;*/
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    .navbar {
        background-size: 53rem;
        background-color: #e2e2e2;
        padding: 0px !important;
        margin-bottom:-2.7rem !important;
        height:87px !important;
    }
    .navbarCustom {
        height: auto !important;
        margin-bottom: 0 !important;
    }
    .lang-switch{
        width:108% !important;
    }
    .sliderArea .logo {
        margin-top: -3.8rem !important;
    }
}
.navbar .container-fluid{
    /*flex-wrap: wrap !important;*/
    /*padding:25px;*/
    padding:10px;
}
.navbar-click-state {
    pointer-events: auto;
}

.nav-item {
    /*width: 150px !important;*/
}

.pagetitle {
    margin-top: -12.5rem;
}

.sliderArea .logo {
/*    width: 150px !important;
    margin-top: 7px;
    margin-bottom: 5.5rem !important*/
    height: 80px;
    margin-top: -6rem;
}

.sliderArea a.nav-link {
    font-family: GothamRoundedMedium;
    font-size: 0.9em;
    /* color: #d2a30b !important;*/
    color: #0E1D49 !important;
    /*width: 8em;*/
    width:11em;
    text-align: center;
    font-weight:bold;
}

.sliderArea li.nav-item.active {
    display: flex;
    align-items: center;
}

    /* .sliderArea li.nav-item.active:before {
    content: "• ";
    color: #84C632;
    font-size: 2.5em;
    position: absolute;
     margin-top: 1px;
} */
    /* .sliderArea li.nav-item.active a {
    color: #84C632;
} */
    .sliderArea li.nav-item.active a.nav-link {
        font-family: GothamRoundedBold;
        /* color: #84C632!important; */
        /*border-bottom: 2px solid #d6b45d;*/
        /*border-bottom: 2px solid #42C7E7;*/
        border-bottom: 4px solid #FFF;
        border-radius: 2px !important;
    }

.sliderArea .firstSlider {
    width: 96%;
    position: absolute;
    left: 0;
    top: 3em;
}

.baslik {
    margin-top: 1em;
    transform: inherit;
}

.sliderArea .homeFly {
    width: 17%;
    position: absolute;
    top: 7em;
    right: 13em;
}

.sliderArea .homeTower {
    width: 15rem;
    position: absolute;
    top: 16.8em;
    right: 1em;
}

.sliderArea .homeBus {
    left: 0;
    width: 35rem;
}

.centerColumn {
    float: none;
    margin: 0 auto;
/*    margin-top: -5.87em;*/
    /*margin-top: 14rem;*/
    /*margin-top: 19.5rem;*/
    margin-top: -2.5rem;
    /*margin-top: 8.87rem;*/
    padding: 2.2rem;
}

.fastMenuColumn {
    float: none;
    margin: 0 auto;
    /*margin-top: -9.87em;*/
    /*margin-top: 20rem;*/
    margin-top: 12rem;
    right: 15.5rem;
    z-index: 99;
    margin-bottom:0.8rem !important;
}

.sliderArea .welcomeText {
    color: white;
    font-size: 22px;
    font-family: GothamRoundedBold;
}

.welcomeArea {
    margin-top: 10em;
    margin-bottom: 2rem;
}

.searchVoyage {
    border-radius: 40px;
    /* height: 6em; */
    align-content: center;
    background-color: #42C7E7;
    margin: 11px;
    /*border-radius: 25px;*/
    border-radius: 120px;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    /*box-shadow: 6px 21px 35px #363E930D;*/
}
.searchPnr {
    border-radius: 40px;
    /* height: 6em; */
    align-content: center;
    background-color: #42C7E7;
    margin: 11px;
    /*border-radius: 25px;*/
    border-radius: 120px;
    padding: 8px;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 6px 21px 35px #363E930D;
}

.centerColumnDiv {
    /* background-image: url('../img/formBalonu.png');
    background-size: cover; */
    /*background-color: rgb(255 255 255 / 56%);*/
    padding: 1px;
    border-radius: 25px;
    /*box-shadow: 6px 21px 35px #363E930D;*/
}


.btn-group-inline {
    display: inline-flex;
    align-items: end;
    margin-left:5rem !important;
}

.centerColumn .btn-group {
    margin-bottom: -10px;
}

.sliderArea .align-left {
    text-align: left;
}

.fastMenu {
    color: white;
    width: 9em;
    font-size: 14px;
}

.sliderArea .fastMenu:hover {
    border: none;
    color: white;
    background-color: transparent;
    color: #111112 !important;
    font-weight: 900;
}

.btn-check:checked + .fastMenu,
.btn-check:active + .fastMenu,
.fastMenu:active,
.fastMenu.active,
.fastMenu.dropdown-toggle.show {
    /*background-color: transparent !important;*/
    border-color: #ffffff !important;
    border-radius: 100px !important;
    font-family: GothamRoundedBold !important;
    /*border-width: 1px !important;*/
}

.btn-check, .fastMenu {
    /*background-color: #413921 !important;*/
    /* background-color: #736f6f !important;*/
    background-color: #FFFFFF !important;
    /*border-color: #ffffff !important;*/
    border-radius: 100px !important;
    font-family: GothamRoundedBold !important;
    /*border-width: 1px !important;*/
    /*margin-left: 10px !important;*/
    color: #DADADA !important;
    font-size:16px;
}

    .fastMenu:hover {
        /*background-color: #f2b80a !important;*/
        background-color: #0E1D48 !important;
        /*background-color: #42C7E7 !important;*/
        color: #FFFFFF !important;
        font-weight: 900;
    }

.fastMenu {
    color: #808080 !important;
}
/* Search Voyage Area */
.fromContentArea {
    width: 100%;
}

.fromTitle span {
    /*color: #919DB1;*/
    color: #0E1D49;
    font-family: GothamRounded;
    font-size: 14px;
    font-weight: bold;
    margin-left:20px !important;
    line-height:2rem;
}

.dateTitle span {
    color: #919DB1;
    font-family: GothamRounded;
    font-size: 11px;
}

.fromContent select {
    color: #091A36;
    font-family: GothamRoundedBold;
    font-size: 14px;
    border: none;
    width: 100%;
    padding: 0;
    outline: none;
}

    .fromContent select:focus {
        outline: none !important;
    }

.fromDiv {
    /*background-color: white;*/
    background-color: #42C7E7;
    /* flex: 0.7; */
    /*box-shadow: 6px 5px 35px #363E9327;*/
    opacity: 1;
    /*border-radius: 13px;*/
    border-radius: 120px;
    display: flex;
    align-items: center;
    /*padding: 15px;*/
    height: 100%;
}

.searchIcon {
    text-align: center;
}

.fromFirstIcon img {
    width: 60%;
}

.fromSecondIcon img {
    width: 11%;
}

.toFirstIcon img {
    width: 60%;
}

.toSecondIcon img {
    width: 60%;
}

/*.voyage-time {
    width: 1.5rem;
    margin-right: 0.5em;
}
*/
.toDiv {
    /*background-color: white;*/
    background-color: #42C7E7;
    /* flex: 0.7; */
    border-radius: 15px;
    /*box-shadow: 6px 5px 35px #363E9327;*/
    opacity: 1;
    display: flex;
    /*padding: 13px;*/
    align-items: center;
    height: 100%;
}

.voyage-time {
    background-color: white;
    /* flex: 0.4; */
    border-radius: 15px;
    box-shadow: 6px 5px 35px #363E9327;
    opacity: 1;
    display: flex;
    align-items: center;
    /*padding: 13px;*/
    height: 100%;
}

.passengerPrice {
    background-color: white;
    /* flex: 0.4; */
    border-radius: 15px;
    box-shadow: 6px 5px 35px #363E9327;
    opacity: 1;
    padding: 13px;
    height: 100%;
}

.searchVoyageSpace {
    /* margin-left: -6px;
    margin-right: 3px; */
    margin-left: 2rem;
    margin-right: 6rem;
}
@media (max-width: 768px){
    .searchVoyageSpace {
        margin-left: 0rem;
        margin-right: 0rem;
        padding: 20px 8px;
    }
    .searchVoyage{
        border-radius:60px !important;
    }
    .searchPnr {
        border-radius: 60px !important;
        padding-top:55px !important;
        padding-bottom:50px !important;
    }
        .searchPnr .searchVoyageSpace div.row {
            margin-top: -2rem !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        border-radius: 20px !important;
    }
}

.orderBtn {
    /*background: transparent linear-gradient(259deg, #e8d066 0%, #84C632 100%) 0% 0% no-repeat padding-box;*/
    /*background: transparent linear-gradient(90deg, rgba(2,0,36,1) 4%, rgba(255,177,6,1) 100%, rgba(0,212,255,1) 100%) 0% 0% no-repeat padding-box;*/
    background-color: #0E1D49 !important;
/*    height: 3.5rem;
    border-radius: 40px 0px 40px 40px;
    width: 17rem;*/
    height:100px;
    width:100px;
    border-radius:50px !important;
/*    align-items: center;
    justify-content: space-between;
    display: flex;*/
    padding: 20px;
    position: absolute;
    right: 5%;
    margin-top: -1.7rem !important;
    /*margin-top: 0.5em;*/
    border: none;
    outline: none !important;
}
    .orderBtn:hover {
        /*background-color: #f2b80a !important;*/
        /*background-color: #42C7E7 !important;*/
        background-color: #173075 !important;
        color: #111112 !important;
        font-weight: 900;
    }

        .orderBtn:hover span {
            color: #111112 !important;
            font-weight: 900;
        }
        .orderBtn:hover img {
            width: 1.7em;
            color: #111112 !important;
            
        }
    .orderBtn img {
        /*width: 1.7em;*/
        width: 45px !important;
        margin-top: -8px;
        margin-left: 16px;
    }

    .orderBtn span {
        font-family: GothamRoundedBold;
        color: #ffffff;
        font-size: 15px
    }

.pnrBtn {
    background-color: #0E1D49 !important;
    height: 100px;
    width: 100px;
    border-radius: 50px !important;
    padding: 20px;
    position: absolute;
    right: -9%;
    margin-top: -5.8rem !important;
    border: none;
    outline: none !important;
}

    .pnrBtn:hover {
        background-color: #173075 !important;
        color: #111112 !important;
        font-weight: 900;
    }

        .pnrBtn:hover span {
            color: #111112 !important;
            font-weight: 900;
        }

        .pnrBtn:hover img {
            width: 1.7em;
            color: #111112 !important;
        }

    .pnrBtn img {
        width: 45px !important;
        margin-top: -3px;
        margin-left: 8px;
    }

    .pnrBtn span {
        font-family: GothamRoundedBold;
        color: #ffffff;
        font-size: 15px
    }

.orderBtnPassenger {
    background-color: #0E1D49;
    /*background: transparent linear-gradient(259deg, #84C632 0%, #84C632 100%) 0% 0% no-repeat padding-box;*/
    height: 3.5rem;
    border-radius: 40px 0px 40px 40px;
    border: none;
    width: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 20px;
    outline: none;
}

    .orderBtnPassenger span {
        font-family: GothamRoundedBold;
        color: #ffffff;
        font-size: 15px
    }

    .orderBtnPassenger img {
        width: 1.7em;
        margin-left: 30px;
    }
/* Search Voyage Area End */



/* Announcement Area */
.announcementDateBody {
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
}

.announcementDate {
    background-color: #00AFD7;
    width: 50%;
    border-radius: 100px;
    font-size: 11px;
    padding: 4px;
    margin-bottom: -2.4em;
}

    .announcementDate span {
        color: #ffffff;
        font-family: GothamRoundedMedium;
    }


.announcementTitle {
    color: #091A36;
    font-family: GothamRoundedBold;
    font-size: 20px;
}


.announcementBody {
    background-color: rgb(255 255 255 / 22%);
    padding: 7px;
    border-radius: 50px;
    box-shadow: 6px 21px 35px #363E930D;
}

.announcementContent {
    background-color: #ffffff;
    margin: 11px;
    border-radius: 30px;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 6px 21px 35px #363E930D;
}

.announcementText {
    line-height: 1.2em;
}

    .announcementText span {
        color: #101727;
        font-family: GothamRoundedLight;
        font-size: 13px;
    }

    .announcementText img {
        width: 2.5em;
    }

.allViewArea {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: 1.7rem;
}

.allView {
    background-color: #101727;
    border-radius: 100px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

    .allView span {
        color: white;
        font-family: GothamRoundedMedium;
        font-size: 12px;
    }

/* Announcement Area End */


/* MobileApp Info  */
.cardList {
    border-top: 0.5px solid #919db126;
}

.infoFooterCard {
    color: #919DB1;
    font-family: GothamRoundedLight;
    font-size: 12px;
}

.mobileAppInfo {
    background-color: white;
}

.mobileAppScreen {
    width: 200px;
    margin-left: 12rem;
}

.mobileAppTitle {
    color: #101727;
    font-family: GothamRounded;
    font-size: 17px;
}

.mobileAppContent {
    color: #101727;
    font-family: GothamRoundedLight;
    font-size: 14px;
}

.mobileAppTextAreaView {
    margin-left: 10px;
    text-align: center;
    margin-right: 15rem;
}

.cc-div span {
    margin-left: 0.5em;
}

/* MobileApp Info End */

/* Footer HavaLimani */

.footerHavaLimani {
    width: 100%;
}


.imgArea .title {
    color: white;
    font-family: GothamRounded;
    font-size: 22px;
}

.imgArea .content {
    color: #00AFD7;
    font-family: GothamRounded;
    font-size: 17px;
}


.footerLogo {
    width: 10rem;
    /*margin-left: 1.8em;*/
}

.footerCustom {
    background-color: red;
    width: 20%;
    margin-top: -2rem;
    height: 6rem;
}

.intersection {
    width: 100%;
    margin-bottom: -10px;
}

footer {
    /*margin-top:5rem !important;*/
    /*background-image: url('../img/footer.svg');*/
    background-image: url('../img/footerlowopacity.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 20px;
}
@media (max-width: 768px) {
    footer {
        margin-top:-5rem !important;
    }
}

    footer::before {
        opacity: 0.4;
    }
.footer-content {
}
    .footer-content a {
        /*color: #5a6e91;*/
        color: #000000;
        /*font-family: 'RalewaySemiBold';*/
        font-family: "GothamRounded";
        src: url("../font/GothamRoundedBook-2.otf");
        font-size: 15px;
        font-weight: bold;
    }

    .footer-content a:link {
        text-decoration: none;
    }

.copri {
    /*color: #3A4C6C;*/
    color: #000000;
    font-family: GothamRoundedMedium;
    font-size: 13px;
    white-space: pre-wrap;
    font-weight: bold;
}

.footerBorder {
/*    border-top: 0.5px solid #919db126;
    border-bottom: 0.5px solid #919db126;*/
    /*padding-top: 2.5rem;*/
}
@media (max-width: 768px){
    .footerBorder {
        padding-top: 2.5rem;
    }
    .marginFooter {
        margin-top: 15px;
    }
}
.footerBoldText {
    /*color: #3A4C6C;*/
    /*color: #8595b3;*/
    color: #000000;
    font-family: GothamRoundedMedium;
    font-size: 15px;
    font-weight:bold;
}

ul {
    list-style-type: none;
}

.marginFooter {
    /*margin-top: 15px;*/
}

.phone {
    /*color: #42C7E7;*/
    background-color: #0E1D48 !important;
    color:#FFFFFF;
    padding:5px;
    border-radius:100px;
    font-family: GothamRoundedBold;
}

.infoFooter {
    text-align: right;
}

.socialMediaIcon {
    width: 20px;
    margin: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Footer HavaLimani end */
/* Payment */

.paymentPriece {
    font-size: 30px;
    font-family: GothamRoundedBold;
}

.pleaseCheckPaymentText {
    text-align: center;
}

    .pleaseCheckPaymentText span {
        color: #919DB1;
        font-size: 15px;
        font-family: GothamRoundedMedium;
    }

.creditCard {
    background: transparent linear-gradient(142deg,#74b3e6 0%,#CFA8FB 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #fff;
    border-radius: 45px;
    margin-top: 3rem;
    margin-bottom: 3rem;
    height: 18em;
    padding-top: 1.3rem;
}

.creditCardText {
    color: white;
    font-family: GothamRounded;
    font-size: 13px;
}

.crediCardInput {
    background-color: transparent !important;
    height: 50px !important;
    border-bottom: 1.5px solid white !important;
    border-radius: 0 !important;
    color: white !important;
    font-family: GothamRoundedMedium;
    padding: 0px !important;
    height: 2rem !important;
    border: none;
    outline: none;
}

#paymentTypeList label {
    color: #919DB1;
    font-family: GothamRoundedMedium;
    font-size: 0.7rem;
    margin-left: 0;
}

.altList {
    color: #101727;
    font-family: GothamRoundedMedium;
    font-size: 0.8rem;
    margin-left: 0;
    margin-bottom: 7px;
}

#paymentTypeList span {
    color: #101727;
    font-family: GothamRoundedBold;
    font-size: 0.8rem;
}

input[type="radio"]:checked + label {
    background-color: #bfb;
    /*border-color: #4c4;*/
}

.typeList {
    align-items: center;
    align-content: center;
    justify-content: center;
}

.cardArea {
    justify-content: center;
    align-items: center;
    align-content: center;
}

.crediCardInput:focus {
    outline: none !important;
    border: 1px solid transparent !important;
    border-bottom: 1.5px solid white !important;
    ;
    border-radius: 0 !important;
    box-shadow: 0 0 10px transparent !important;
}

.crediCardInput::placeholder {
    color: white !important;
    font-family: GothamRoundedMedium;
}

.input-width-60 {
    width: 87% !important;
}

.inputArea {
    margin-left: 2rem;
    margin-right: 3rem;
    margin-top: 3rem;
    /*margin-top: 3rem;*/
}


/* Ödeme Tipleri */

/* Remove default bullets */
ul, #myUL {
    list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */
.caretPayment {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

    /* Create the caret/arrow with a unicode, and style it */
    .caretPayment::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f111";
        font-size: 14px;
        color: #F2F4F8;
        display: inline-block;
        margin-right: 6px;
    }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f192";
    color: #84C632;
    box-shadow: 6px 21px 35px #363E930D;
}

/* Hide the nested list */
.nested {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
    display: block;
}

/* Ödeme Tipleri Ed */
/* Payment */
/* .homeFly {
  position: absolute;
  -webkit-animation:homeFly 7s  forwards;
  z-index: 99;
}
.homeFlyView {
    position: absolute;
    -webkit-animation:top 7s  forwards;
    z-index: 99;
  }
@keyframes homeFly {
  from {left:-150px;}
  to {left: 755px;}
}
@keyframes top {
    from {top:400px;}
    to {top: 150px;}
  } */


.lang-switch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .lang-switch i {
        font-size: 14px;
    }


/*Passenger*/
.routeIcon {
    font-size: 35px;
}

.routeInfoRow1 {
    box-shadow: 6px 21px 35px #363E930D;
    padding-bottom: 1.1rem;
}
/* Header Lang */
.langSelect {
    background-color: transparent;
    border: none;
    color: #0E1D49 !important;
    direction: rtl;
    margin-left: 1rem !important;
    margin-right:2rem !important;
    font-weight:bold;
}
.langSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 30px 2px 45px;
    border: none;
}

    .langSelect option {
        color: black;
    }

.loginBtn {
    /*border: 1px solid #0E1D49;*/
    border-radius: 100px;
}

.headerCustom {
    /*margin-left: 5em;*/
    margin-right: 5em;
}

.menuOne {
    /* flex:1; */
}

.menuTwo {
    /* flex:1 */
    gap: 5px !important;
}
.menuTwo a.nav-link {
    background-color: #FFFFFF;
    font-weight:bold;
    color:#0E1D49 !important;
}
    .menuTwo a.nav-link:hover {
        background-color: #0E1D49 !important;
        color:#FFFFFF !important;
    }

.logoAreaDiv {
    width: 30%;
}

/*#region Ana Sayfa Tarih Seçme */
.voyage-time-container {
    /*background-color: #42C7E7;*/
    /*background-color: white;*/
    border-radius: 15px !important;
    /*box-shadow: 6px 5px 35px #363e9327;*/
    opacity: 1;
    display: flex;
    padding: 13px !important;
    align-items: center;
    height: 100%;
}

    .voyage-time-container .lbl-voyage {
        /*color: #919DB1;*/
        color: #0E1D49;
        font-family: GothamRounded;
        font-size: 14px;
        font-weight:bold;
        margin: 0px !important;
        margin-left: 20px !important;
        line-height:2rem;
    }

    .voyage-time-container .dtp-voyage {
    }
/*#endregion */


/* Header Lag End */
/* Passenger End */
/*.footer-div4 li, .footer-div3 li {
    width: 225px;
}*/
@media (max-width: 768px) {
    .mobileAppTextAreaView {
        margin-right: unset !important;
    }

    .mobileAppScreen {
        width: 90px;
        margin-left: unset !important;
    }

    .sliderArea li.nav-item a.nav-link {
        font-size: 15px !important;
    }

    .sliderArea {
        /*background-image: url('../img/gokyuzu.png');*/
        height: auto;
        width: auto;
    }
    /*Mobil ekranda slider gözükmeyecek*/
    #homePageSlider {
        display: none;
    }

    #stationNavLink {
        width: 9em !important;
    }
}

@media (max-width: 1280px) {
    .fastMenuColumn {
        /*right: 4.2rem;*/
    }
}
.mlcustom {
    margin-left: -2rem !important;
}
@media (max-width: 767px) {
    .g-recaptcha {
        margin-top: 1rem;
    }
    .change {
        display: none !important;
    }
    .passenger-icon {
        text-align: center;
        margin-top: 1rem;
    }

    .langSelect {
        direction: ltr;
        margin-left: 0px;
    }
    /* .sliderArea {
        height: auto !important;
    }*/
    .mobileTop {
        margin-top: 2rem !important;
    }

    .centerColumn {
        /*padding: 5px;*/
    }

    .orderBtnPassenger {
        width: 90%;
    }

    .tab-content {
        margin-left: 1%;
        margin-right: 1%;
        margin-top:-2rem !important;
    }

    .d-flex.menuTwo {
        justify-content: center;
        /*margin-right: 18px;*/
        /*margin-left:10px!important;*/
        margin-left:8.6rem !important;
        margin-top: 1rem;
    }
    .navbar-toggler{
        margin-bottom:4rem !important;
    }

    .mobile-store-png img {
        width: 80px;
        width: 80px;
    }

    .btn-group-inline {
        display: flex !important;
        width:55% !important;
    }
     .mlcustom {
            margin-left: -1rem !important;
    }
    .mlcustom1 {
        margin-left: -20px !important;
    }
    .select2-container {
        width: 80% !important;
        margin-left: 1rem !important;
    }
    .voyage-time-container{
        padding:10px !important;
        width: 80%;
    }
    .headerCustom {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }
    /* .orderBtn {
        right: 8%;
        width: 84%;
    } */
    .baslik {
        margin-top: 0.5em;
        transform: inherit;
    }

    .announcementBody1 {
        margin-top: -11em;
    }

    .fastMenuColumn {
        /*        float: none;
        margin: 0 auto;
        margin-top: -12.87em;
        right: 0px;
        z-index: 0;*/
        float: none;
        margin: 0 auto;
        /*margin-top: 0px;*/
        margin-top: -1rem !important;
        margin-bottom:0rem !important;
        /*margin-top: 1.87em;*/
        /*right: 3rem;*/
        right: 0px !important;
        /*z-index: 0;*/
    }
}

.col-xs-1212 {
    margin-top: 5rem;
}

@media (max-width: 990px) {
    /* .orderBtn {
        right: 8%;
        width: 26%;
    } */
}

@media (max-width: 1351px) {
    .sliderArea a.nav-link {
        font-family: GothamRoundedMedium;
        font-size: 11px;
        /*color: #ffffff !important;*/
        color: #0E1D49 !important;
        width: 9em;
        text-align: center;
        font-size: 15px;
    }

    .headerCustom {
        margin: 0;
        /*margin: -1em;*/
    }

    .homeBus {
        display: none !important;
    }

    .sliderArea .homeTower {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .pagetitle {
        margin-top: -5rem;
    }

    .welcomeArea {
        margin-top: 0px;
        height: 7rem;
    }

    .centerColumn {
        margin-top: -0.4em;
    }

    /* .toDiv {
        margin-top: 15px;
    }
    .numberOfPassenger {
        margin-top: 30px;
    } */
    .columnSpace {
        /*margin: 10px;*/
    }
    .toDivParent{
        margin-top:10px;
    }

    .searchVoyageSpace {
        /*        --bs-gutter-x: 1.5rem;
        margin-left: calc(var(--bs-gutter-x) / -2);*/
    }

    /*  .intersection {
        width: 30em;
    } */
    .infoFooter {
        text-align: center;
        margin-top: 6rem;
    }
}

@media (max-width: 336px) {
    .fastMenuColumn {
        margin-top: -10.87em;
    }
}

.eticket-info {
    padding: 6px;
    font-size: 14px;
    color: rgb(14, 29, 72);
    margin-top: 1rem;
}

.vip-logo-box {
    padding: 8px 20px;
    background-color: #002a64;
    border-radius: 10px;
    width: fit-content;
}

    .vip-logo-box .vip-logo {
        width: 90px;
        height: auto;
    }

@media only screen and (min-width : 768px) and (max-width:800px) {
    .header-logo {
        /*width: 100px !important;*/
    }
}

@media (max-width: 768px) {
    .voyage-container {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }
}

@media (min-width: 767px) {
    .voyage-container {
        overflow-x: hidden;
        white-space: normal;
    }
}
.belowChildDiv {
    width: calc(50% - 10px) !important;
    height: 200px !important;
}
.belowMiddleDiv {
    background-color:#e2e2e2;
}
.pnrSearch {
    background-color: #FFFFFF;
    border-radius: 100px;
    height: 40px;
    border: none !important;
    width: 70% !important;
    color: #6D6E71 !important;
    padding-left: 20px !important;
    font-weight:bold;
}
input.form-control.pnrSearch {
}
.pnrSearchLabel {
    /*style ="opacity: 0.8; margin-left: 3%;"*/
    margin-left: 4%;
    font-weight: bold;
    font-size: 14px !important;
    color: #0E1D49 !important;
    line-height:1rem;
}

.g-recaptcha {
    display: inline-block;
}
#g-recaptcha-container label,
#error-message-robot {
    margin-bottom: 0 !important;
}
.g-recaptcha iframe {
    border-radius: 100px !important;
    width:99.4% !important;
}
@media(max-width:768px){
    .orderBtn {
        /*        right: 5%;
        width: 88%;*/
        right: 12% !important;
        width: 12% !important;
        margin-top: 7rem !important;
        height: 16% !important;
    }

    .orderBtn img {
        /*width: 1.7em;*/
        width: 20px !important;
        margin-top: -22px !important;
        margin-left: -2px !important;
    }

    .pnrBtn {
        right: 15% !important;
        width: 12% !important;
        margin-top: 2rem !important;
        margin-right: 5.5rem !important;
        height: 16% !important;
    }

    .pnrBtn img {
        width: 20px !important;
        margin-top: -29px !important;
        margin-left: -9px !important;
    }
    .g-recaptcha iframe {
/*        border-radius: 100px !important;
        width: 500% !important;*/
        margin-left: 0 !important;
    }
    .destekHatDiv {
        display: none !important;
    }

    .destekHatMobileDiv {
        display: block !important;
        padding-left: 60px;
        padding-right: 45px;
    }

    .socialMediaImageDivMobile {
        display: block !important;
    }

    .socialMediaImageDiv {
        display: none !important;
    }
}
.profileText {
    font-family: GothamRoundedMedium;
    font-size: 0.9em;
    color: #0E1D49 !important;
    width: 8em;
    text-align: center;
    font-weight: bold;
    text-decoration: none !important;
}
@media (max-width: 1640px) {
    .fastMenu {
        font-size: 12px;
    }
    .navbar {
        background-color: transparent !important;
    }
    .fastMenuColumn {
        margin-top: 10rem;
    }
    .mlcustom {
        margin-left: -1rem !important;
    }
    .pnrBtn {
        right: -50%;
    }
    .searchVoyage {
        padding: 10px 0px;
    }
    .searchPnr {
        padding: 40px 0px;
    }
}
@media (max-width: 1375px) {
    .fastMenu {
        font-size: 10px;
    }

    .fastMenuColumn {
        margin-top: 10rem;
    }

    .mlcustom {
        margin-left: -1rem !important;
    }

    .fromTitle span {
        font-size: 12px;
    }
    .voyage-time-container .lbl-voyage {
        font-size: 12px;
    }
    .flatpickr-input.form-control.flatpickr-input {
        font-size: 12px;
    }
    .select2-selection__placeholder {
        font-size: 12px;
    }
    .select2-selection__rendered {
        font-size: 10px;
    }
    .g-recaptcha iframe {
        margin-left: -4rem;
    }
    .main-content {
        min-height: 102vh;
    }
}
@media (min-width:769px) and (max-width: 1265px) {
    .main-content {
        min-height: 85vh;
    }
    .voyage-time-container {
        padding: 0px !important;
    }
    .orderBtn img {
        width: 1.7em;
        width: 35px !important;
        margin-top: -11px;
        margin-left: 6px;
    }
    .orderBtn {
        right: 7%;
        margin-top: 0.3rem !important;
        width: 75px;
        height: 75px;
    }
    .fastMenuColumn {
        right: 13.5rem;
    }
    .navbar .container-fluid {
        padding: 0px;
    }
    .pnrBtn {
        height: 75px;
        width: 75px;
        margin-top: -5rem !important;
    }
    .pnrBtn img {
        width: 35px !important;
        margin-top: 1px;
        margin-left: 3px;
    }
    #calendar {
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (min-width:769px) and (max-width: 1150px) {
    .navbar {
        background-size: 87rem;
        background-color: #e2e2e2;
        padding: 0px !important;
        margin-bottom: -2.7rem !important;
        height: 145px !important;
    }
    .sliderArea a.nav-link {
        font-size: 12px;
    }
    .lang-switch {
        margin-left: -4rem;
    }
    .nav-item {
        width: unset !important;
    }
    #stationNavLink {
        width: unset !important;
    }
    #navbarsExampleDefault {
        margin-right: 12rem;
    }
    .flatpickr-input.form-control.flatpickr-input {
        text-indent: 5px !important;
        font-size: 11px;
    }
    .voyage-time-container .lbl-voyage {
        font-size: 11px;
    }
    .main-content {
        min-height: 75vh;
    }
    .fastMenuColumn {
        margin-top: 7rem;
    }
}

.destekHatDiv {
    background-color: #e2e2e2;
}

.destekHatMobileDiv {
    background-color: #e2e2e2;
}

.socialMediaImageDivMobile {
    background-color: #e2e2e2;
}

.socialMediaImageDiv {
    background-color: #e2e2e2;
}