﻿.star_color {
    color: rgb(0, 170, 0) !important
}



@media screen and (max-width: 1208px) {
    .sa_hidden_txt {
        display: none !important;
    }
}

.flaticon-down-chevron::before {
    content: url('../img/arrowup-down.png') !important;
}

.p_sa_txt {
    text-align: left;
    margin-bottom: 0px !important;
    font-size: 14px;
}

@media screen and (max-width: 1010px) {
    .p_sa_txt {
        text-align: center;
    }
}

.p_sa02_txt {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    text-align: right;
}

@media screen and (max-width: 1010px) {
    .p_sa02_txt {
        text-align: center;
    }
}




.star_color {
    color: rgb(0, 170, 0) !important
}

@media screen and (max-width: 996px) {
 
}

@media screen and (max-width: 1208px) {
    .sa_hidden_txt {
        display: none !important;
    }
}

.dropdown-menu {
    margin-top: 20px !important;
    font-size: 0.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 5px 9px rgba(41, 124, 187, 0.075), 0 5px 9px rgba(119, 131, 143, 0.075);
}


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    text-align: left !important;
    text-transform: capitalize;
}

.amen_sa {
    padding-top: 90px;
}

@media only screen and (max-width: 600px) {
    .amen_sa {
        padding-top: 10px;
    }
}

.u-slick__pagination--white li.slick-active span {
    border-color: none;
    background-color: inherit !important;
}








@media screen and (max-width: 1208px) {
    .sa_hidden_txt {
        display: none !important;
    }
}

.dropdown-menu {
    margin-top: 20px !important;
    font-size: 0.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 5px 9px rgba(41, 124, 187, 0.075), 0 5px 9px rgba(119, 131, 143, 0.075);
}




.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.flaticon-medal::before {
    content: url('../img/medalnew.png') !important;
    vertical-align: middle !important;
    padding-right: 3px !important;
    display: inline-block !important;
}

.flaticon-placeholder-1::before {
    content: url('../img/mapmarker.png') !important;
    vertical-align: middle !important;
    padding-right: 3px !important;
    display: inline-block !important;
}

.flaticon-home::before {
    content: url('../img/neibhour.png') !important;
    vertical-align: middle !important;
    padding-right: 3px !important;
    display: inline-block !important;
}





.flaticon-next::before {
    font-family: FontAwesome !important;
    content: "\f105" !important;
    display: inline-block !important;
    padding-right: 3px !important;
    vertical-align: middle !important;
}

.flaticon-back::before {
    font-family: FontAwesome !important;
    content: "\f104" !important;
    display: inline-block !important;
    padding-right: 3px !important;
    vertical-align: middle !important;
}

.flaticon-placeholder::before {
    font-family: FontAwesome !important;
    content: "\f041" !important;
    display: inline-block !important;
    padding-right: 3px !important;
    vertical-align: middle !important;
}

.flaticon-like::before {
    font-family: FontAwesome !important;
    content: "\f004" !important;
    display: inline-block !important;
    padding-right: 3px !important;
    vertical-align: middle !important;
}

.flaticon-share::before {
    font-family: FontAwesome !important;
    content: "\f1e0" !important;
    display: inline-block !important;
    padding-right: 3px !important;
    vertical-align: middle !important;
}

.flaticon-down-chevron::before {
    content: url('../img/arrowup-down.png') !important;
}

._3E-II4._3aQ08V {
    background-color: #effbf3;
}

._1LiSgk, ._1LiSgk + article {
    margin-top: 16px;
}

.B8D2gM {
    position: relative;
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #333333;
}



@media screen and (max-width: 1208px) {
    .sa_hidden_txt {
        display: none !important;
    }
}

.dropdown-menu {
    margin-top: 24px !important;
    font-size: 0.875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 5px 9px rgba(41, 124, 187, 0.075), 0 5px 9px rgba(119, 131, 143, 0.075);
}



.user_data {
    width: 50px !important;
    height: 40px !important;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*the container must be positioned autocomplete css relative:*/
.autocomplete {
    position: relative;
    display: inline-block;
}

input {
    border: 1px solid transparent;
    padding: 0.8rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #3b444f;
}

    input[type=text] {
        width: 100%;
    }

    input[type=submit] {
        color: #fff;
        cursor: pointer;
    }

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        /*when hovering an item:*/
        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: #3554d1; color: #ffffff;
}


.ui-widget.ui-widget-content {
   /* border: 1px solid #c5c5c5;*/
    /* height: auto !important; */

    background: #fff !important;
   /* padding: 15px 15px !important;*/
    color: #000 !important;
   /* border: 1px solid #cccccc;*/
   /* font-size: 12px;*/
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(25, 32, 36, 0.16), 0 -1px 4px rgba(25, 32, 36, 0.04);
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f3f3f3;
}

    .ui-widget.ui-widget-content .suggestions-match{color:#000 !important;}

    .ui-widget.ui-widget-content .suggestions-iata {
        color: #000 !important;
    }

    .ui-widget.ui-widget-content li:hover {
        background: #ecf4fd;
       
    }

        .ui-widget.ui-widget-content li:hover .suggestions-iata {
            background: #3554d1;
            color: #fff !important;
           
        }


    .ui-widget.ui-widget-content li:hover .ui-menu-item-wrapper{ color:#000 !important; font-weight:500;}

    .ui-widget.ui-widget-content {
        width: 25% !important;
    }
@media only screen and (max-width: 600px) {
    .ui-widget.ui-widget-content {
        width: 80% !important;
    }
}
@media only screen and (max-width: 768px) {
    .ui-widget.ui-widget-content {
        width: 80% !important;
    }
}


.airport-bg {
    background-color: #ffffff;
}

    .airport-bg .icon-box {
        padding-top: 0px;
    }


    .airport-bg .icon-size {
        width: 20px;
        height:20px;
        display: block;
        position: relative;
    }


    .airport-bg .icon-box {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        width: 20px;
        height:20px;
        font-size:20px;
        color: #ccc;
    }

    .airport-bg .suggestions-match {
        font-weight: 500;
    }

    .airport-bg .suggestions-text {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        padding: 0 12px;
        width: 100%;
    }



    .airport-bg .searchCountry {
        font-size: 12px;
        font-weight: normal;
        color: #afafaf;
        display: block;
        vertical-align: middle;
    }

    .airport-bg .iata-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 50px;
        padding: 0 0px;
    }

        .airport-bg .iata-wrapper .suggestions-iata {
            display: inline-block;
            width: 50px;
            padding: 6px 6px;
            text-transform: uppercase;
            box-sizing: border-box;
           /* border: 1px solid #ccc;*/
            font-size: 12px;
            font-weight: bold;
            background-color: #fff;
        }

    .airport-bg .fa-rotate-45 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .airport-bg .airline-icon-color {
        color: #6d6c6c;
    }
    /*.ui-menu .ui-menu-item div {
    padding: 5px 8px;*/
    /* border-bottom: #f3f3f3 solid 1px;*/
    /*font-size: 12px;
    border-radius: 5px;
}*/
    /*.ui-menu .ui-menu-item div:hover {*/
    /*  background: #3554d1 !important;*/
    /*   color: #fff;*/
    /*border: 1px solid #031a77;
        font-size: 12px;
        border-radius:5px;
    }*/
    /* autocomplete css relative end:*/
    /**
        * Tooltip Styles
        */
    /* Add this attribute to the element that needs a tooltip */
    [data-tooltip] {
        position: relative;
        /* z-index: 2;*/
        cursor: pointer;
        text-transform: capitalize;
    }

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 160px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #3554d1;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #3554d1;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }


@media only screen and (max-width: 600px) {
    .search-value-txt {
        font-size:10px;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .btn-blue-theme {
        font-size: 12px;
    }

        .btn-blue-theme:hover {
            font-size: 12px;
        }
}

@media only screen and (max-width: 996px) {
    .bg_sa_main {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}
@media only screen and (max-width: 768px) {
    .search-main-title {
        font-size: 20px !important;
      
    }
    .u-header__navbar-brand-text {
      
        margin-left:0rem !important;
    }
}
@media only screen and (max-width: 1199px) {
  

    .u-header__navbar-brand-text {
        margin-left: 0rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .btn-blue-theme {
        font-size: 12px;
    }

        .btn-blue-theme:hover {
            font-size: 12px;
        }

    .htl-price-custom {
        font-size:18px;
        font-weight: bold;
    }
  
    }

@media only screen and (max-width: 768px) {
    .htl-name-txt {
        font-size: 18px;
        
    }
    .htl-name-txt {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 0px;
        color: #3b444f;
        max-width: 260px;
        display: inline-block;
    }

    .htl-content-layout-box .desc-main-title {
        font-size: 22px;
      
    }
}

.loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #3554d1;
    --_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
    margin: 0 auto;
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}