﻿

.new_depart_date_cal img, .new_return_date_cal img{z-index: 99999;    height: 140px;width:100%}
.ui-datepicker-trigger{margin-bottom: -140px;}
.searchradio label{margin-right: 20px;}
.search-section {
    width: 100%;
    background-image: url(../../images/02.jpg);
    background-size: cover;
    padding:165px 0px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
}
.search-section h1{width: 35%;margin-bottom: -10px;background: #135bd3;margin: 0px auto;text-align: center;color: #fff;padding: 10px;font-weight: normal;font-size: 20px;border-radius: 2px;}
.search-section .tab-content {
    /* margin-top: 0px; */
    /* color: #222; */
    /* background-image: url(../../images/searchengine_2.png); */
    /* background-size: cover; */
    /* height: 390px; */
    /* background: rgba(255, 255, 255, 0.9); */
    /* padding: 20px; */
    width: 90%;
    margin-left: 5%;
    float: left;
}
.search-section .product-search-title{font-size:18px;display:block;font-weight:800;text-transform:uppercase;color:#fff;}

.search-section .search-col-padding{ padding-top: 15px;}
.tran-search-box .tab-content .form-control, .tran-search-box .input-group-addon, .tran-search-box .custom-select-button{color: #07253F;background: #3a5584;}
.search-button {
    background: #135bd3;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 18px;
    letter-spacing: 1px;
    /*font-weight: bold;*/
    color: #fff;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: auto;
    margin: 0px auto; color:#fff;
    /* margin-left: 40%; */
}

.search_flight_btn a:hover{color: #fff;}
.searchradio input[type=radio]{height: 20px;width: 20px;line-height: normal;float: left;}
.searchradio label{float: left; margin-top: 3px;}

/*................fk-3................*/
.new_search_engine_back {width: 100%;float: left;clear: both;min-height:300px;}
.new_search_engine_back_left{ width: 34%;float: left;margin-right: 2%; margin-top:48px}
.new_search_engine_back_mid{width: 28%;float: left;margin-right: 2%; margin-top:-25px}
.new_search_engine_back_right{width: 34%;float: left; margin-top:-35px;}
.new_seach_engine_line{ width: 100%;float: left;margin-bottom: 20px;}
.new_depart_date_cal{width: 48%;float: left;height: 140px;background: #135bd3;text-align: center; color:#fff;}
.new_depart_date_cal_day{width: 100%;float: left;/*font-weight: bold;*/margin-top: 20px;}
.new_depart_date_cal_date{width: 100%;float: left;text-align: center;font-size: 40px;}
.new_depart_date_cal_year{width: 100%;float: left;text-align: center;/*font-weight: bold;*/}
.new_return_date_cal{ width: 48%;float: right;height: 140px;background: #135bd3;text-align: center;color:#fff;}


.imp {color: red; font-size:20px;}
.new_seach_engine_line_radio-button{width: 100%;float: left;clear: both;margin-bottom: 10px;padding-left: 0px; margin-top:40px;}
.adult{width: 32%;float: left; margin-right: 2%;}
.child{width: 32%;float: left;margin-right: 2%;}
.infant{width: 32%;float: left;}
.cabin-class{ width: 48%;float: left;}
.prefered-Airline{width: 48%;float: right;}
.depart_line{width: 100%;float: left;clear: both;}
.search_flight_btn {margin-top: -35px;width: auto;margin-left: 43%;float: left;}




.footer_stript {
    width: 100%;
    float: left;
    position: fixed; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px;
    padding: 1%; background:#000; color:#fff; bottom:0; display:flex;
}
    .footer_stript p {
        width:90%;
        float: left; margin-bottom:0px; margin:auto;
    }
.footer_stript_close_btn {
    float: right;
    padding: 7px 15px;
    background: #FEB816; border-radius:3px;
    color: #000; cursor:pointer; margin:auto;
}



.flight_deatil {
    width: 100%;
    margin: 0px auto;
    padding: 1%;
    background: rgba(255, 255, 255, 0.8);
    float: left;
}
.flight_line {
    width: 100%;
    float: left; margin:5px 0px;
}

.flight_raibo_back {
    width: 100%;
    float: left;
    margin-top:20px; margin-bottom:20px;
}
.flight_left {
    width: 33%;
    float: left;
    margin-right: 1%;
}
.flight_mid {
    width: 32%;
    float: left;
    margin-right: 1%; margin-top:10px;
}
.flight_right {
    width: 33%;
    float: left;
}

.flight_name {
    width: 49%;
    float: left; margin:5px 0px;
}
.flight_contact {
    width: 49%;
    float: right;margin:5px 0px;
}

.cabinclass {
    width: 49%;
    float: left; margin:5px 0px;
}
.flight_airline {
    width: 49%;
    float: right;margin:5px 0px;
}
.flight_parsor {
    width:100%;
    float: right;margin:5px 0px;
}
.search-section_new {
    width: 90%;
    margin: 0px auto;
}

.flight_name {
    width: 49%;
    float: left;
}
.flight_contact {
    width: 49%;
    float: right;
}








/*.......................................Responsive Design..............................................*/
@media (max-width:1100px) {
    .search_flight_btn {
      
        margin-left: 40%;
     
    }
}

@media (max-width:900px) {
    .search_flight_btn {
    /*margin-top: -95px;
    width: auto;*/
    margin-left: 38%;
    /*float: left;*/
}
}




/*@media (max-width:1000px) {
    .search-button {
        background: #135bd3;
        border-radius: 0;
        padding: 10px 30px;
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: bold;
        color: #fff;
        transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        width: 28%;
        margin: 0px auto;
        margin-left: 36%;
    }
}*/

@media (max-width:850px) {
    .new_search_engine_back {
        width: 100%;
        float: left;
        clear: both;
        min-height: 340px;
    }
}
    /*.search-section {
    width: 100%;
    background-image: url(../../images/02.jpg);
    background-size: cover;
    padding: 50px 0px 0px;
    background-repeat: no-repeat;
}
.search-section h1 {width: 70%; display: block;}
.search-section .tab-content {margin-top: 0px;position: relative;z-index: -1999;color: #222;background-image: none;background-size: cover;height: auto;padding: 10px;float: left;background: #eee;}

}*/

@media (max-width:800px){
    /*.....................start.......................*/

.search-section {
    width: 100%;
    background-image: url(../../images/02.jpg);
    background-size: cover;
    padding: 15px 0px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.flight_left {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.flight_raibo_back {
    width:99%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px; margin-left:1%;
}
.flight_line {
    width: 48%;
    float: left;
    margin: 5px 1%;
}
.flight_mid {
    width: 60%;
    float: left;
    margin-right: 0%;
    margin: 10px 0px; margin-left:1%;
}
.new_depart_date_cal {
    width: 48%;
    float: left;
    height: 120px;
    background: #135bd3;
    text-align: center;
    color: #fff;
}
.new_return_date_cal {
    width: 48%;
    float: right;
    height: 120px;
    background: #135bd3;
    text-align: center;
    color: #fff;
}
.flight_right {
    width: 98%;
    float: left;
    margin-left: 1%;
}
.search_flight_btn {
    margin-top: 10px;
    width: auto;
    margin-left: 37%;
    float: left; margin-bottom:10px;
}





/*........................................................*/


}

@media (max-width:768px)
{
    .search-section h1
    {
        width: 50%;
    }

    .new_search_engine_back_left
    {
        width: 48%;
        float: left;
        margin-right: 2%;    margin-top: 5px;
    }

    .new_search_engine_back_mid {
        width: 48%;
        float: left;
        margin-right: 0%;
        margin-top: -45px;
    
}
    .new_search_engine_back_right
    {
        width: 100%;
        float: left;
        clear: both;
    }

        .new_search_engine_back_right .new_seach_engine_line
        {
            width: 50%;
            float: left;
            margin-bottom: 15px;
        }

.cabin-class {
    width: 96%;
    float: left;
    clear: both;
    margin-left: 0%;
}

.prefered-Airline {
    width: 96%;
    float: left;
}
    /*......................................*/
.search-button { width: 36%;margin-left: 32%; }
.new_seach_engine_line_radio-button {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
    padding-left: 0px;
    margin-top: 20px;
}
.new_search_engine_back_right {float: left; margin-top: 0px;}
.search_flight_btn {margin-top: 0px; width: 100%;float: left;    margin-left: 0px;}
.new_seach_engine_line {width: 100%;float: left; margin-bottom: 10px;}
/*.new_depart_date_cal {height: 105px;}
.new_return_date_cal {height: 105px;}
.new_depart_date_cal_day {width: 100%;float: left; font-weight: bold; margin-top:5px;}
.new_depart_date_cal_date {width: 100%;float: left;text-align: center;font-size: 35px;}*/


/*.adult {
    width: 30%;
    float: left;
    margin-right: 2%;
    margin-top: -58px;
}
.child {
    width: 30%;
    float: left;
    margin-right: 2%;
    margin-top: -58px;
}
.infant {
    width: 31%;
    float: left;
    margin-top: -58px;
}*/
    .new_seach_engine_line .cabin-class {
        margin-bottom: 10px;
    }
     /*.new_seach_engine_line .cabin-class {
        margin-bottom: 15px;
    }*/
}

@media (max-width:520px)
{
    .search-section h1
    {
        width: 60%;
    }

    .search-button
    {
        width: auto;
        margin: 0px auto;
        margin-left: 25%;
    }
}

@media (max-width:420px)
{
    .search-section h1
    {
        width: 70%;
    }

    .new_search_engine_back_left
    {
        width: 100%;
        float: left;
        margin-right: 0%;
    }

    .new_search_engine_back_mid
    {
        width: 80%;
        float: left;
        margin-right: 0%;
        margin-bottom: 15px; margin-top:10px;
    }

    .new_search_engine_back_right .new_seach_engine_line
    {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .prefered-Airline {
    width: 100%;
    float: left;
}
    .cabin-class
    {
        width: 100%;
        float: left;
        clear: both;
        margin-left: 0%;
    }
    
    .adult {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-top: -10px;
}
.child {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-top: -10px;
}
.infant {
    width: 31%;
    float: left;
    margin-top: -10px;
}
}


@media (max-width:360px)
{
    .search-section h1 {
    width: 80%;
}
    .search-button
    {
        width:auto;
        margin: 0px auto;
        margin-left: 20%;
    }
}
