[hidden] {
    display: none;
}

*, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
    color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.card {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card-img-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    border-radius: 0.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.   mx-10 {
    margin-left: 4rem;
    margin-right: 4rem;
}
.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-\[250px\] {
    height: 250px;
}

.h-full {
    height: 100%;
}

.h-\[200px\] {
    height: 200px;
}

.h-\[299px\] {
    height: 299px;
}

.w-full {
    width: 100%;
}

.w-\[400px\] {
    width: 400px;
}

.max-w-7xl {
    max-width: 80rem;
}

.max-w-\[448px\] {
    max-width: 448px;
}

.max-w-6xl {
    max-width: 72rem;
}

.max-w-full {
    max-width: 100%;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-start {
    justify-content: flex-start;
}

.justify-center {
    justify-content: center;
}

.justify-around {
    justify-content: space-around;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-center {
    -o-object-position: center;
    object-position: center;
}

.p-8 {
    padding: 2rem;
}

.p-0 {
    padding: 0px;
}

.p-4 {
    padding: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.text-center {
    text-align: center;
}

.font-bold {
    font-weight: 700;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .md\:mt-0 {
        margin-top: 0px;
    }

    .md\:mr-8 {
        margin-right: 2rem;
    }

    .md\:grid {
        display: grid;
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:justify-center {
        justify-content: center;
    }

    .md\:pt-0 {
        padding-top: 0px;
    }
    .px-10
    {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    button.show#dropdownMenuButton{
        background-color: white;
        color:rgba(45, 108, 174, 0.92)!important;
    }
    .loyalty-login-mobile{
        display: none;
    }
}

@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

}@media (min-width: 992px) {
    .items-row.cols-3:nth-child(n).row-fluid.clearfix{
        display: flex;
    }
}

@media (max-width: 765px) {
    .position-relative-md{
        position: relative!important;
        border-radius: 0!important;
    }
    .navbarMobileCapsule{
        padding: 0!important;
        max-width: 100%!important;
    }
    .dropdown-menu ul li::after {
        width: 100%!important;
    }
    .dropdown-menu ul li
    {
        text-align: center;
    }
    #dropdownMenuButton
    {
        width: calc(100% / 0)!important;
        border-bottom: 1px dotted #ccc;
    }
    .nav-tabs .nav-link.active{
        background-color: rgb(132, 172, 196)!important;
        color: #fff!important;
    }
    .contact-btn{
        width: 100%!important;
    }
    .btn-group{
        width: 100%!important;
    }


}

@media (max-width: 380px) {
    .card{
        padding-left:0!important;
    }
}

.btn
{
    color:#ffffff!important;
}
.btn:hover
{
    color:#69b342 !important;
}
button{
    font-family: 'Montserrat', sans-serif!important;
    font-weight: bold!important;
    font-size:17px!important;
}
.top-bar.hidden-xs{
    margin-bottom:-0.5rem!important;
}
button#dropdownMenuButton::after{
    display:none!important;
}
html {
    scroll-behavior: smooth;
}
.dropdown-menu.show
{
    display:flex!important;
}
.dropdown-menu.mega-dropdown-menu.show > ul > li > a
{
    color:#000000!important;
    font-size:12px;
    text-decoration: none;
}
.dropdown-menu ul li
{
    margin: 5px;
    line-height: 40px;
}
.dropdown-menu ul li::after
{
    content: "";
    background: #81d8a6;
    width: 125px;
    height: 1px;
    display: block;
}




.dropdown-toggle{
    display: table-cell;
    width: calc(100% / 8);
    float: none;
    text-align: center;
}
.dropdown-menu[data-bs-popper]{
    margin-top: 0px!important;
    border:none!important;
}
.navbar{
    padding:0!important;
}
.btn{
    /*padding-top:.75rem!important;*/
    /*padding-bottom:.75rem!important;*/
    padding-bottom: .5rem;
    border-radius: 4px!important;
    font-size:14px!important;
}
form > div.mb-3 > button:hover
{
    color:#fff!important;
    background-color: rgb(13, 110, 253) !important;
}
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none!important;
}
#dropdownMenuButton{
    display: table-cell;
    width: calc(100% / 4);
    float: none;
    text-align: center;
}

.navbar-light .navbar-toggler
{
    position: absolute;
    right: 10px;
    top: -50px;
    background: #0063ad;
}
.navbar-toggler-icon
{
    background-image: url('')!important;
    color: white;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 4px;
    margin-top: 4px;
    background:#fff;
}
#tripTypeArea{
    display: flex;
    flex-direction: row;
    margin-top:0;
}
.ibe-pad > div > label{
    display: flex!important;
    margin-top:.8rem;
    margin-bottom:.3rem;
}
#arrPortArea > label{
    margin-top:0!important;
}
#depPortArea > label{
    margin-top:0!important;
}

#flightsearchbutton:hover{
    color:#fff!important;
}
#flightsearchbutton{
    border-radius: 4px!important;
    font-weight: 400!important;
}
.input-group-btn > .btn{
    border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 4px!important;
    border-top-left-radius: 0px!important;
    font-weight: 400!important;
    font-size: 14px !important;
}
.input-group-btn > .btn:hover{
    background-color: #449d44;
    border-color: #449d44;
    color:#fff!important;
    font-size: 14px !important;
}
.mr-n1{
    margin-right: -0.15rem !important;
    text-align: center;
}
.select2-container--default .select2-selection--single{
    height: 36px!important;
}
#btnAddRoute:hover{
    color:#fff!important;
}

.thumbnail-container {
    position: relative;
}
@media (min-width: 768px) {
    .col-md-3 > .moduletable > ul
    {
        float:left;
    }

}
.form-control{
    font-size:14px!important;
}
/*.modal-dialog{*/
/*    max-width: 650px!important;*/
/*}*/
.mt5r{
    margin-top:2.4rem!important;
}
#dropdownMenuButton{
    border-radius: 0px!important;
    font-size: 17px !important;
}

.item.column-1{
    position: relative;
}
.item.column-2{
    position: relative;
}
.item.column-3{
    position: relative;
}
.item-page > div:nth-child(3) > ul > li > strong > a{
    color:rgb(25, 114, 181) !important  ;
}
a{
    color:rgb(51, 122, 183);
}
.btn-group{
    float:right;
}
.contact-btn{
    padding: 10px 20px !important;
    font-size: 13px !important;
    border: none;
    margin-top: 1rem !important;
    line-height: 1rem;
    width: 200px;
}
.contact-btn:hover{
    background: #69b342;
    color:white!important;
}
.readmore > .btn{
    color:rgb(51, 122, 183) !important;
    padding: 0!important;
}
/**
Videos sayfası destination sayfasıyla aynı olduğu için class'lar aynı ve blog sayfasından geldiği için
özel classlar veremiyoruz bu yüzden css pathler alınarak işlem yapıldı..
*/
html body section.main-wrapper.blue-wave-bg div.container main#content div.blog div.items-leading.clearfix div.leading-0 div.destination-header
{
    position: static !important;
    text-align: start;
    margin-bottom: .5rem;
}
html body section.main-wrapper.blue-wave-bg div.container main#content div.blog div.items-row.cols-2.row-0.row-fluid.clearfix div.span6 div.item.column-1 div.destination-header{
    position: static !important;
    text-align: start;
    margin-bottom: .5rem;
}
html body section.main-wrapper.blue-wave-bg div.container main#content div.blog div.items-row.cols-2.row-0.row-fluid.clearfix div.span6 div.item.column-1 div.pull-left.item-image{
    margin-bottom: .5rem;
}
html body section.main-wrapper.blue-wave-bg div.container main#content div.blog div.items-leading.clearfix div.leading-0 div.pull-left.item-image{
    margin-bottom: .5rem;
}

.loyalty-login-mobile-link{
    position: absolute;
    bottom: -23px;
    z-index: 9999;
    background: gray;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
    left: -0.01rem;
    color: white;
}
.loyalty-login-mobile-link:hover{
    color: #69b342;
}