@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text');

a:active, a:hover, a:focus{
    outline: 0 !important;
}
.disabled{
    cursor: no-drop !important;
    font-weight: 600px ;
    color: #e0a9a9 !important;
}
.day{
    cursor: default;
    color: #235290;
}

.datepicker table tr td span{
    display: block;
    width: 28%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.bg-transparent{
    background: transparent !important;
}

.main-sub-title{
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
}

a{
    color: #2d67b2;
}

a:hover{
    color: #cc0e00; /*#FF0000;*/
}

.no-pleft{
    padding-left: 0;
}

.no-pright{
    padding-right: 0;
}

@media only screen and (max-width:991px){
    .p-ad{
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* CSS FOR TOP SIGN IN / SIGN UP BOX */

.top-box{
    float: left;
    width: 100%;
    padding: 20px;
    background: #fff;
}

.top-box .title{
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
    color: #484848;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.top-box .title span{
    font-weight: 600;
    color: #004cb1;
}

.top-box .sub-title{
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 17px;
    color: #000;
}

.top-box .sub-title .signup-opt{
    float: right;
    font-size: 0.76em;
    top: 3px;
    position: relative;
}

.top-box .signup{
    float: left;
    position: relative;
    width: 100%;
    padding: 40px 20px;
}

.top-box .signin{
    float: left;
    position: relative;
    width: 100%;
    padding: 40px 20px;
}

.top-box .signup .form-box,
.top-box .signin .form-box{
    padding-right: 20px;
    border-right: 1px solid gainsboro;
}

.top-box .form-box input{
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.top-box .form-box input:focus{
    outline: none;
    border-bottom: 1px solid #004cb1 !important;
}

.top-box .password-reset{
    display: none;
}

.top-box .bts{
    display: none;
}

.top-box .note{
    font-weight: 500;
    font-size: 14px;
    color: gray;
}

.top-box .note a{
    font-weight: 500;
    color: #004cb1;
}

.top-box .close-btn{
    position: absolute;
    top: 10px;
    right: 0;
    font-weight: 300;
    color: gainsboro;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    z-index: 10;
}

.top-box .close-btn:hover{
    color: #484848;
    cursor: pointer;
}

.top-box .social-tool{
    float: left;
    width: 100%;
    padding: 40px 0;
}

.top-box .social-tool a.tool{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 13px;
    text-align: center;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);
}

.top-box .social-tool a.tool.fb{
    background: #4267B2;
}

.top-box .social-tool a.tool.gplus{
    background: #E06568;
}

.top-box .social-tool a.tool i{
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.top-box .login-type{
    float: left;
    width: 100%;
}

.top-box .login-type label{
    float: left;
    width: 100%;
    font-weight: 500;
    color: #484848;
    cursor: pointer;
}

.top-box .login-type label:before{
    font-family: FontAwesome;
    content: "\f096";
    margin-right: 5px;
    width: 15px;
    float: left;
}

.top-box .login-type input[type="checkbox"]:checked + label{
    color: #004cb1;
}

.top-box .login-type input[type="checkbox"]:checked + label:before{
    content: "\f046";
}

@media only screen and (max-width:991px){
    .top-box .note{
        text-align: center;
    }

    .top-box .form-box{
        border-right: 0 !important;
    }

    .top-box .signin,
    .top-box .signup{
        padding: 20px 0;
    }

    .top-box .sub-title .signup-opt{
        text-align: left;
        width: 100%;
        margin-top: 5px;
    }

}

@media only screen and (min-width:767px) and (max-width:991px){

    .top-box .social-tool a.tool i{
        height: 40px;
        line-height: 40px;
    }
}

/* CSS FOR CUSTOMIZED ACCORDION */

.cus-accordion{
    float: left;
    width: 100%;
    margin: 20px 0;
}

/* CSS FOR REVIEW RATING */

.review-rating{
    unicode-bidi: bidi-override;
    width: 89px;
    direction: rtl;
    position: relative;
    top: 4px;
}

.review-rating input {
    position: absolute;
    left: -999999px;
}

.review-rating label {
    display: inline-block;
    font-size: 0;
    cursor: pointer;
}

.review-rating > label:before {
    position: relative;
    font: 16px/1 FontAwesome;
    display: block;
    content: "\f005";
    color: #ccc;
    background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.review-rating > label:hover:before,
.review-rating > label:hover ~ label:before,
.review-rating > label.selected:before,
.review-rating > label.selected ~ label:before {
    color: #FF6515;
    background: -webkit-linear-gradient(-45deg, #FF6515 0%, #FF6515 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* CSS FOR BREADCRUMBS */

.new-breadcrumbs{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    list-style: none;
    background: white;
    padding: 10px 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.new-breadcrumbs li{
    float: left;
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto;
    color: #333;
    text-transform: uppercase;
}

.new-breadcrumbs li a{
    font-family: Raleway;
    color: gray;
}

.new-breadcrumbs li:after{
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 10px;
    position: relative;
    top: 0px;
    color: #006DCD;
}

.new-breadcrumbs li:last-child:after{
    content: "";
    margin-left: 0;
}

.new-breadcrumbs li a{
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;

}

/* CSS FOR FORM-BOX */

.form-box{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.form-box form{
    float: left;
    width: 100%;
    margin: 0;
}

.form-box .element-set{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}


.form-box .row:last-child .element-set{
    margin-bottom: 0;
}

@media only screen and (max-width:767px){

    .form-box .element-set{
        margin-bottom: 10px;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:991px){

    .form-box .row:last-child .element-set{
        margin-bottom: 10px;
    }
}

.whatsapp-bounceInUp{
    /* background:#1dd360; */
    z-index: 999;left: inherit;
    right: 15px;border-radius: 100px;bottom: 70px !important;position: fixed;
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    cursor: pointer;
    user-select: none;
    line-height: 1;
    overflow: hidden;
    min-width: 40px;
    max-width: 350px;
}

.whatsapp-bounce-icon{
    /* padding: 14px; */
    padding: 6px;
    height: 60px;
    width: 60px;
    background: rgba(0,0,0,0);
    position: relative;
    z-index: 2;
    border-radius: 0 15px 0 0;
    float: right;
    transition: background-color .5s ease;
}

.form-box .element-set label{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color: #353535;
}

.form-box .element-set label.null{
    visibility: hidden;
}

.form-box .element-set input{
    float: left;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid gainsboro;
    font-weight: 300;
    color: #115E99;
    background: white;
    font-family: Roboto;
}

.form-box .element-set input:focus{
    outline: none !important;
    border: 1px solid #57bdff;
}

.form-box .element-set input.colored{
    background: #f9fbc1;
    border: 1px solid #ecef9c;
}

.form-box .element-set textarea{
    float: left;
    width: 100%;
    min-height: 50px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid gainsboro;
    font-weight: 300;
    color: #115E99;
    background: white;
    font-family: Roboto;
    resize: vertical;
}

.form-box .element-set textarea:focus{
    outline: none !important;
    border: 1px solid #57bdff;
}

.form-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(158,158,158 ,1);
    opacity: 1; /* Firefox */
}

.form-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(158,158,158 ,1);
}

.form-box ::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(158,158,158 ,1);
}

.form-box .element-set .file-upload{
    color: #000;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    padding: 10px 10px;
    background: #DCDCDC;
    text-align: center;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
}

.form-box .element-set .file-upload:before{
    font-family: FontAwesome;
    content: "\f093";
    margin-right: 5px;
}

.form-box .element-set .btn-submit{
    float: left;
    width: 100%;
    background: linear-gradient(to right, #cc0e00,#cc0e00);
    background: -o-linear-gradient(to right,#cc0e00,#cc0e00);
    background: -moz-linear-gradient(to right, #cc0e00,#cc0e00);
    background: -linear-linear-gradient(to right,#cc0e00,#cc0e00);
    height: 40px;
    color: white;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
}


.form-box .element-set .btn-submit i{
    margin-right: 5px;
    display: inline-block !important;
}

.form-box .input-group{
    width: 100%;
}

.form-box .element-set .normal-link{
    float: left;
    width: 100%;
    text-align: right;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none !important;
}

.form-box .element-set .bootstrap-select{
    float: left;
    width: 100% !important;
}

.form-box .element-set .bootstrap-select .btn{
    float: left;
    width: 100%;
    height: 40px;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid gainsboro;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px !important;
    background: white;
    outline: none !important;
    box-shadow: none !important;
}

.form-box .element-set .bootstrap-select.btn-default.active.focus,
.form-box .element-set .bootstrap-select.btn-default.active:focus,
.form-box .element-set .bootstrap-select.btn-default.active:hover,
.form-box .element-set .bootstrap-select.open > .dropdown-toggle.btn-default.focus,
.form-box .element-set .bootstrap-select.open > .dropdown-toggle.btn-default:focus,
.form-box .element-set .bootstrap-select.open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #fff !important;
    font-family: Roboto !important;
    font-weight: 300 !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #57bdff;
}

.form-box .element-set .bootstrap-select .dropdown-menu{
    border-radius: 3px !important;
    padding: 0 !important;
    border: 1px solid gainsboro;
    box-shadow:  0 6px 30px -18px black;
}

.form-box .element-set .bootstrap-select.btn-group .dropdown-menu li a{
    padding: 7px 10px;
    outline: none !important;
}

.form-box .element-set .bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px !important;
}

.form-box .element-set .bs-actionsbox,
.form-box .element-set .bs-donebutton,
.form-box .element-set .bs-searchbox {
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid gainsboro;
    box-shadow: 0 5px 5px 0 rgba(143, 143, 143, 0.1);
}

.form-box .bootstrap-select.btn-group .no-results{
    font-weight: 400;
    font-size: 13px;
    padding: 5px 10px;
    background: transparent;
}

.form-box .element-set .bs-searchbox input{
    height: 35px;
    border: none;
    box-shadow: none;
}

.form-box .element-set .checkbox-group {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    height: auto;
    line-height: 35px;
}

.form-box .element-set .checkbox-group li {
    display: inline-block;
    margin-right: 10px;
}

.form-box .element-set .checkbox-group li.fill{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    height: 20px;
}

.form-box .element-set .checkbox-group li input[type="checkbox"]:checked + .caption,
.form-box .element-set .checkbox-group li input[type="radio"]:checked + .caption {
    color: #3bc03b;
}

.form-box .element-set .checkbox-group li input[type="checkbox"] +
.caption, .form-box .element-set .checkbox-group li input[type="radio"] + .caption {
    color: #484848;
    font-weight: 300;
    text-transform: unset;
    cursor: pointer;
    font-size: 13px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    font-family: Roboto;
}

.form-box .element-set .checkbox-group li input[type="checkbox"]:checked + .caption::before,
.form-box .element-set .checkbox-group li input[type="radio"]:checked + .caption::before {
    content: "\f058";
    color: #3bc03b;
}
.form-box .element-set .checkbox-group li input[type="checkbox"] + .caption::before,
.form-box .element-set .checkbox-group li input[type="radio"] + .caption::before {
    font-family: 'FontAwesome';
    content: "\f111";
    margin-right: 5px;
    color: #d5d5d5;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.form-box .element-set .note{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto;
    color: gray;
}

.form-box .element-set .login-type{
    float: left;
    width: 100%;
}

.form-box .element-set .login-type label{
    float: left;
    width: 100%;
    font-weight: 500;
    color: #484848;
    cursor: pointer;
    text-transform: none;
    font-size: 13px;
}

.form-box .element-set .login-type label:before{
    font-family: FontAwesome;
    content: "\f096";
    margin-right: 5px;
    width: 15px;
    float: left;
}

.form-box .element-set .login-type input[type="checkbox"]:checked + label{
    color: #004cb1;
}

.form-box .element-set .login-type input[type="checkbox"]:checked + label:before{
    content: "\f046";
}

.form-box.multi-city{
    display: none;
}

.form-box .return-date{
    display: none;
}

.form-box .add-route{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    border: 2px dashed #a0ccf3;
    font-size: 13px;
    color: #3f9ef2;
    cursor: pointer;
}

.form-box .advance-search-title{
    color: #3c6ed2;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
}

.form-box .advance-search-title i{
    width: 8px;
    text-align: center;
}

.form-box .advance-options{
    display: none;
}

.form-box .element-set .highlight{
    color: black;
    font-weight: 500;
}

.form-box .element-set .input-wrapper {
    float: left;
    width: 100%;
    border: 1px solid gainsboro;
    border-radius: 2px;
    overflow: hidden;
}

.input-wrapper .act-btn {
    width: 20%;
    float: left;
    line-height: 30px;
    text-align: center;
    text-decoration: none !important;
    background: #f7f7f7;
    color: gray;
    font-weight: 700;
}

.input-wrapper input {
    width: 60% !important;
    float: left;
    line-height: 30px !important;
    height: 30px !important;
    border: none;
    text-align: center;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
}

.input-wrapper input:focus{
    outline: none !important;
    border: none !important;
}

.form-box .element-set .or-section{
    float: left;
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    position: relative;
    margin-top:20px;
}

.form-box .element-set .or-section .line{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid gainsboro;
}

.form-box .element-set .or-section .or{
    position: absolute;
    top: 0px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: gainsboro;
    color: gray;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 13px;
}

.form-box .element-set .alternate-access{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px 5px;
    text-align: center;
    background: transparent;
    color: gray;
    border: 1px solid gray;
    text-decoration: none !important;
    font-weight: 600;
    border-radius: 2px;
    line-height: 30px;
}

.form-box .element-set .alternate-access:last-child{
    margin-bottom: 0;
}

.form-box .element-set .alternate-access i{
    margin-top: 0px;
    float: left;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
}

.form-box .element-set .alternate-access.login-fb{
    color: rgba(59,89,153 ,1);
    border: 1px solid rgba(59,89,153 ,1);
}

.form-box .element-set .alternate-access.login-fb i{
    background: rgba(59,89,153 ,1);
    color: white;
}

.form-box .element-set .alternate-access.login-google{
    color: rgba(221,75,57 ,1);
    border: 1px solid rgba(221,75,57 ,1);
}

.form-box .element-set .alternate-access.login-google i{
    background: rgba(221,75,57 ,1);
    color: white;
}

/* CSS FOR PRICE RANGE */

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: #939393;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 10px 0;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #cc0e00; /*#FF0000;*/
    cursor: pointer;
    border-radius: 50%;
}

.slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #cc0e00; /*#FF0000;*/
    cursor: pointer;
    border-radius: 50%;
}

.price-range{
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
}

.price-range span{
    font-weight: 500;
}

.price-range span:before{
    content: "AED";
    margin: 0 3px 0 5px;
}

/* CSS FOR LEFT PANEL SEARCH */

.leftpanel-search-box{
    float: left;
    width: 100%;
    padding: 0;
    background: #f8f8f8;
    margin-bottom: 20px;
}

.leftpanel-search-box .title{
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    margin-bottom: 15px;
    color: #1C1C1C;
}

.leftpanel-search-box .element-set{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.leftpanel-search-box label{
    float: left;
    width: 100%;
    font-size: 10px;
    font-weight: 500;
    font-family: Roboto;
    text-transform: uppercase;
    height: 20px;
    margin-bottom: 0;
}

.leftpanel-search-box input[type=text]{
    float: left;
    width: 100%;
    border: 1px solid gainsboro;
    padding: 7px;
}

.leftpanel-search-box .btn-group.bootstrap-select{
    width: 100% !important;
}

.leftpanel-search-box .search-type{
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-decoration: none !important;
    color: #006DCD;
}

.leftpanel-search-box .search-type:hover{
    color: #cc0e00; /*#F60D0D;*/
    cursor: pointer;
}

.leftpanel-search-box .advance-search{
    float: left;
    width: 100%;
}

.leftpanel-search-box .advance-search .filter-title{
    font-size: 13px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    color: #484848;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.leftpanel-search-box .advance-search .filter-title .sort-opt{
    float: right;
    color: #484848;
}

.leftpanel-search-box .advance-search .filter-box{
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    list-style: none;
}

.leftpanel-search-box .advance-search .filter-box li{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.leftpanel-search-box .advance-search .filter-box li > label{
    font-size: 0.89em;
    font-weight: 300;
    color: #006DCD;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

.leftpanel-search-box .advance-search .filter-box li > label i.fa-star{
    color: #fa8c09;
}

.leftpanel-search-box .advance-search .filter-box li > label i{
    font-size: 12px;
}

.leftpanel-search-box .advance-search .filter-box li > label:before{
    font-family: FontAwesome;
    float: left;
    width: 18px;
    height: 18px;
    font-size: 20px;
    margin-top: -4px;
    margin-right: 10px;
    color: gainsboro;
    transition-duration: 0.3s;
}

.leftpanel-search-box .advance-search .filter-box li > input[type="checkbox"]:not(:checked) + label:before{
    content: "\f096";
}

.leftpanel-search-box .advance-search .filter-box li > input[type="checkbox"]:checked + label:before{
    content: "\f14a";
    color: #006DCD;
}

.leftpanel-search-box .advance-search .filter-box li > input[type="checkbox"]:checked + label{
    color: #006DCD;
}

.leftpanel-search-box .advance-search .filter-box li label{
    float: left;
    width: unset;
}

.leftpanel-search-box .advance-search .filter-box li label:hover,
.leftpanel-search-box .advance-search .filter-box li label:hover:before{
    color: #006DCD;
}

.leftpanel-search-box .advance-search .filter-box li .count{
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    color: #484848;
    font-size: 10px;
    font-weight: 300;
}

.leftpanel-search-box .advance-search .filter-box li .count:before{
    content: "( ";
}


.leftpanel-search-box .advance-search .filter-box li .count:after{
    content: " )";
}

.leftpanel-search-box .submit-btn{
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 5px;
    background: #cc0e00;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

.leftpanel-search-box.affix{
    top: 30px;
    width: 262.5px;
    position: fixed !important;
    /* animation: leftpanel-anim 0.3s; */

}

/* .leftpanel-search-box.affix-bottom{
    bottom: 630px;
    top: unset;
} */

@media only screen and (min-width:991px) and (max-width:1199px){
    .leftpanel-search-box.affix{
        width: 212.5px;
    }
}

@media only screen and (max-width:991px){
    .leftpanel-search-box.affix{
        position: unset !important;
        float: left;
        width: 100%;
        top: unset;
        bottom: unset;
    }
}

@keyframes leftpanel-anim{
    0%{top: -130px;}
    100%{top: -115px;}
}

@-webkit-keyframes leftpanel-anim{
    0%{top: -130px;}
    100%{top: -115px;}
}

/* CSS FOR LISTING PAGES */

.search-result-head{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.search-result-head .count{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #0f683f;
    background: #DFF6E1;
    padding: 5px;
    border: 1px solid #C7EBCA;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Arial;
}

.search-result-head .count i{
    background: #077812;
    color: white;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 2px;
    margin-right: 5px;
}

.listing-type1{
    float: left;
    width: 100%;
}

.listing-type1 .item{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 53px 2px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 53px 2px rgba(0, 0, 0, 0.06);
}

.listing-type1 .item .img-box{
    float: left;
    width: 100%;
    height: 250px;
    position: relative;
    padding: 20px;
    background: white;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.listing-type1 .item .img-box::before {
	background: rgba(60, 60, 60, 0.3) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.listing-type1 .item .img-box .send-enq{
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    line-height: 250px;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    background: linear-gradient(to right,rgba(0, 109, 216, 0.72),rgba(35, 145, 39, 0.61));
    color: white;
    opacity: 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    text-decoration: none !important;
    font-weight: 700;
}

.listing-type1 .item:hover .img-box .send-enq{
    opacity: 1;
    left: 0;
}

@media only screen and (max-width:767px){
    .listing-type1 .item .img-box{
        height: 160px;
    }
}

.listing-type1 .item .img-box .duration{
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin: 0;
    left: 0;
    text-align: right;
}

.listing-type1 .item .img-box .duration span{
    float: right;
    background: #0B69A5;
    color: #fff;
    padding: 2px 20px;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: Arial;
}

.listing-type1 .item .details{
    float: left;
    width: 100%;
    padding: 15px;
}

.listing-type1 .item .details .pkg-name{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #00A4CE;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.listing-type1 .item .details .cab-type{
    float: left;
    width: 100%;
    font-size: 13px;
    color: gray;
    font-weight: 300;
    font-family: Roboto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.listing-type1 .item .details .location{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    color: gray;
    font-weight: 300;
    font-family: Roboto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.listing-type1 .item .details .location:before{
    font-family: FontAwesome;
    content: "\f041";
}


.listing-type1 .item .details .desc{
    float: left;
    width: 100%;
    /* height: 40px; */
    height: 48px;
    overflow: hidden;
    font-weight: 300;
    font-size: 13px;
    color: black;
    font-family: Roboto;
    margin-bottom: 10px;
}

.listing-type1 .item .details .desc p{
    margin-bottom: 5px !important;
    font-weight: normal !important;
}

.listing-type1 .item .details .price{
    float: left;
    width: 100%;
    font-family: Roboto;
    font-weight: 400;
    line-height: 20px;
}

.vertical-content .price .amount{
    color: #fff !important;
}

.listing-type1 .item .details .price .amount{
    float: left;
    width: 100%;
    color: #cc0e00;
    font-size: 22px;
}

.listing-type1 .item .details .price .book-now {
    background: #cc0e00 !important;
}

button.book-now  {
    background: #cc0e00 !important;
}

.listing-type1 .item .details .price .amount:before{
    font-size: 22px;
    margin-right: 5px;
}

@media only screen and (max-width:767px){
    .listing-type1 .item .details .price .amount{
        font-size: 18px;
    }

    .listing-type1 .item .details .price .amount:before{
        font-size: 18px;
    }
}

.listing-type1 .item .details .price .old-price{
    text-decoration: line-through;
    color: gray;
    font-weight: 300;
    font-size: 13px;
}

.listing-type1 .item .details .price .percentage{
    background: orange;
    border: 1px solid #f29d01;
    color: white;
    padding: 0 5px;
    border-radius: 2px;
    font-weight: 400;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.listing-type1 .item .details .price .type{
    font-weight: 300;
    color: #484848;
    text-transform: uppercase;
    font-size: 9px;
}

.listing-type1 .item .details .rating{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    color: #ff7c00;
    text-align: right;
}

.listing-type1 .item .details .reviews{
    float: left;
    width: 100%;
    margin: 0;
    color: #0083e3;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
    text-align: right;
}

.listing-type1 .item .details .amenities{
    float: left;
    width: 100%;
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

.listing-type1 .item .details .amenities li{
    display: inline-block;
    margin: 2px 5px;
}

.listing-type1 .item .details .amenities li.caption{
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    color: gray;
    font-weight: 300;
    font-size: 13px;
}

.listing-type1 .img-box .btn a {
    text-decoration: none !important;
}

.listing-type1 .img-box .btn a:hover, .listing-type1 .img-box .btn a:active,.listing-type1 .img-box .btn a:focus {
    outline: none !important;
}

.listing-type1 .flight-ad-slot {
    border-radius: 2px !important;
}

@media only screen and (max-width:767px){
    .listing-type1 .item .details .amenities{
        text-align: center;
    }

    .listing-type1 .item .details .rating{
        font-size: 13px;
    }

    .listing-type1 .item .details .price .old-price{
        float: left;
        width: 100%;
        font-size: 11px;
    }
}

.more-info{
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 53px 2px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 0 53px 2px rgba(0, 0, 0, 0.06);
}

.more-info .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

.more-info .more-options{
    float: right;
    width: 100%;
    margin: 1px 0 5px 0;
    text-align: right;
    font-size: 13px;
}

.more-info .more-options a{
    float: right;
    text-decoration: none !important;
    font-size: 11px;
}

.more-info .more-options .filter{
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid gainsboro;
    color: #333;
    position: relative;
}

.more-info .more-options .dropdown{
    float: right;
}

.more-info .more-options .dropdown-menu{
    top: 25px;
    right: 10px;
    left: unset;
    width: 100px;
}

.more-info .more-options .dropdown-menu li a{
    width: 100%;
}

.more-info .more-options .dropdown-menu li a:hover{
    color: #cc0e00;
}

.more-info .more-options .view-more{
    color: #cc0e00;
}

.more-info .destination-rating{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.more-info .destination-rating .avg-rating{
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-weight: 300;
}

.more-info .destination-rating .avg-rating .value{
    font-size: 40px;
}

.more-info .destination-rating .avg-rating .value.above-avg{
    color: green;
}

.more-info .destination-rating .avg-rating .value.below-avg{
    color: red;
}

.more-info .destination-rating .avg-rating .out-of{
    font-size: 20px;
}

.more-info .rated-users{
    float: left;
    width: 100%;
    text-align: right;
}

@media only screen and (max-width:767px){
    .more-info .rated-users{
        text-align: left;
    }
}

.more-info .rated-users ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 7px 0 0 0;
    list-style: none;
}

.more-info .rated-users ul li{
    display: inline-block;
}

.more-info .rated-users ul li a{
    float: left;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 0 10px -5px black;
    -webkit-box-shadow: 0 0 10px -5px black;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-transform: uppercase;
    text-decoration: none !important;
}

.more-info .rated-users ul li.more a{
    background: #cc0e00; /*#FF0000;*/
    color: white;
    border: none;
}

.trending-in-place{
    float: left;
    width: 100%;
}

.more-info .trending-in-place .trending{
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

.more-info .trending-in-place .trending li{
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
}

.more-info .trending-in-place .trending li:not(:last-child):after{
    content: ",";
}

.more-info .trending-in-place .trending li a:before{
    content: "#";
}

.more-info .trending-in-place .trending li a{
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    color: #0083e3;
}

.more-info .get-in-place{
    float: left;
    width: 100%;
}

.more-info .get-in-place .item{
    float: left;
    width: 100%;
    margin: 10px 0;
}

.more-info .get-in-place .item .img-box{
    float: left;
    width: 100%;
    height: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.more-info .get-in-place .item .details{
    float: left;
    width: 100%;
    padding: 5px 0;
}

.more-info .get-in-place .item .details .name{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    font-family: Roboto;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.more-info .get-in-place .item .details .rating{
    float: left;
    width: 100%;
    color: #FF7C00;
    font-size: 13px;
}

.more-info .get-in-place .item .details .cab-type{
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
    color: gray;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.more-info .get-in-place .item .details .price{
    color: green;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
    text-align: right;
}

.more-info .plan-trip{
    float: left;
    width: 100%;
}

.more-info .plan-trip:last-child{
    margin-bottom: 0;
}

.more-info .plan-trip a{
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #cc0e00;
    border-radius: 2px;
    color: white;
    padding: 10px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

@media only screen and (min-width:991px) and (max-width:1199px){
    .more-info .destination-rating .avg-rating .value{
        font-size: 30px;
    }

    .more-info .rated-users ul li a{
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 15px;
    }

    .more-info .get-in-place .item .img-box{
        height: 70px;
    }

    .more-info .get-in-place .item .details .rating{
        font-size: 10px;
    }

    .more-info .get-in-place .item .details .price{
        font-size: 11px;
    }

    .more-info .get-in-place .item .details .name{
        font-size: 11px;
        margin-bottom: 2px;
    }

    .more-info .get-in-place .item .details .cab-type{
        font-size: 10px;
    }

}

.more-info.affix{
    top: 23px;
    width: 380px;
    position: fixed !important;
    /* animation: more-info-anim .3s; */
}

@keyframes more-info-anim{
    0%{top: 0px;}
    100%{top: 20px;}
}

@-webkit-keyframes more-info-anim{
    0%{top: 0;}
    100%{top: 20px;}
}

/* .more-info.affix-bottom{
    /* bottom: 630px;
    top: unset;
} */

@media only screen and (min-width:991px) and (max-width:1199px){
    .more-info.affix{
        width: 313.333px;
    }
}


@media only screen and (max-width:991px){
    .more-info.affix{
        position: unset !important;
        float: left;
        width: 100%;
        top: unset;
        bottom: unset;
    }
}

/* CSS FOR SERVICE HOME */

.content-wrapper{
    float: left;
    width: 100%;
}

.content-wrapper.service-home{
    position: relative;
    left: -1px;
    border-radius: 5px;
    background: white;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.services-tab{
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}

.services-tab .nav > li > a{
    color: #484848; /*#201c4f; /*#5b8c55;*/
    padding: 10px;
    font-weight: 300;
    font-family: Roboto;
    font-size: 15px;
    border-radius: 5px 0 0 5px;
    border: 1px solid transparent;
    outline: none !important;
}

.services-tab .nav > li > a i.material-icons{
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.services-tab .nav > li > a .caption{
    position: relative;
    top: -5px;
}

.services-tab .nav > li > a:hover,
.services-tab .nav > li > a:focus{
    background: transparent;
    color: #cc0e00;
}

.services-tab .nav > li.active > a{
    color: #cc0e00;
    background: white;
    font-weight: 400;
    border: 1px solid #e9e9e9;
    border-right: 0;
    z-index: 1;
}

.home-intro .service-home {
    margin-bottom: 5px !important;
}

.home-intro .search-form {
    padding: 20px 20px 0px 20px !important;
    min-height: auto !important;    
}

.search-form{
    float: left;
    width: 100%;
    padding: 30px;
    min-height: 500px;
}

.search-form .tag{
    position: absolute;
    top: 0;
    right: 25px;
    line-height: 125px;
    height: 80px;
    width: 50px;
    border-radius: 0 0 40px 40px;
    background: -webkit-linear-gradient(to right, #F24F3E,#FF6130);
    background: -o-linear-gradient(to right, #F24F3E,#FF6130);
    background: -moz-linear-gradient(to right, #F24F3E,#FF6130);
    background: linear-gradient(to right, #e8540a,#e8540a);
    text-align: center;
}

.search-form .tag i{
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    background: white;
    color: #F24F3E ;
    border-radius: 50px;
    text-align: center;
}

.search-form .main-head{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 24px;
    font-family: Roboto;
    font-weight: 300;
    color: #201c4f; /*#201c4f; /*#2d67b2;*/
    padding-right: 50px;
}

.search-form .sub-text{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    color: #484848;
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    padding-right: 50px;
}

.search-form .travel-type{
    float: left;
    margin: 0 0 20px 0;
    border: 1px solid #2d67b2;
    border-radius: 5px;
    overflow: hidden;
}

.search-form .travel-type .item{
    float: left;
    overflow: hidden;
}

.search-form .travel-type .item input[type="radio"]:checked + label{
    background: #2d67b2;
    color: #fff;
}

.search-form .travel-type .item label{
    float: left;
    margin: 0;
    padding: 5px 10px;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 300;
    cursor: pointer;
    color: #125682;
}

.search-form .some-points{
    float: left;
    width: 100%;

}

.search-form .some-points ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.search-form .some-points ul li{
    float: left;
    font-size: 0.85em;
    font-weight: 400;
    padding-left: 15px;
}

.search-form .some-points ul li:before{
    float: left;
    font-family: FontAwesome;
    content: "\f124";
    margin-left: -15px;
    color: #2D67B2;
}


@media only screen and (max-width:767px){
    .search-form .travel-type .item label{
        font-size: 13px;
        padding: 3px 7px;
    }
}

.passenger-count{
    position: absolute;
    top: 68px;
    left: 0;
    width: 230px;
    padding: 15px;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 5px;
    z-index: 6;
    display: none;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}


.passenger-count::before {
    border-bottom-color: #fff !important;
    border-left-color: transparent;
    border-right-color: transparent;
}

.passenger-count::before, .passenger-count::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    vertical-align: middle;
    position: absolute;
    top: -30px;
    left: 10%;
    filter: drop-shadow(0 -2px 1px #ddd);
}

.passenger-count .wrapper{
    float: left;
    width: 100%;
}

.passenger-count .wrapper .title{
    text-transform: uppercase;
    text-align: left;
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 11px;
}

.passenger-count .wrapper ul{
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
}

.passenger-count .wrapper ul li{
    display: inline-block;
    text-align: left;
    width: 18px;
    text-align: center;
    color: #858585;
    font-size: 13px;
    cursor: pointer;
    font-weight: 100;
    font-family: Roboto;
}

.passenger-count .wrapper ul li.active{
    background: #cc0e00; /*#F60D0D;*/
    color: white;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

.passenger-count .wrapper a.done{
    float: right;
    color: #484848;
    border-bottom: 1px dotted gray;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 13px;
}

.passenger-count .wrapper a.done:hover{
    float: right;
    color: #124680;
    border-bottom: 1px dotted #124680;
}

.flight-class{
    position: absolute;
    top: 68px;
    left: 0;
    width: 180px;
    padding: 15px;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 5px;
    z-index: 1;
    display: none;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

.flight-class::before {
    border-bottom-color: #fff !important;
    border-left-color: transparent;
    border-right-color: transparent;
    filter: drop-shadow(0 -2px 1px #ddd);
}

.flight-class::before, .flight-class::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    vertical-align: middle;
    position: absolute;
    top: -30px;
    left: 10%;
}

.flight-class .wrapper{
    float: left;
    width: 100%;
}

.flight-class .wrapper .class-name{
    float: left;
    width: 100%;
    margin-bottom: 0px;
    color: #858585;
    padding: 5px;
    font-size: 13px;
    text-decoration: none !important;
    font-family: Roboto;
    font-weight: 300;
    border-bottom: 1px dotted gainsboro;
}

.flight-class .wrapper .class-name:hover,
.flight-class .wrapper .class-name:focus,
.flight-class .wrapper .class-name:active{
    color: #cc0e00; /*#F60D0D;*/
}

.search-form .hot-searches{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    min-height: 100px;
}

.search-form .hot-searches .title{
    float: left;
    width: 100%;
    font-size: 15px;
}

.search-form .hot-searches ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.search-form .hot-searches ul li{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}



.search-form .hot-searches ul li a{
    font-size: 13px;
    font-weight: 300;
    color: #2d67b2;
    font-family: Roboto;
}

.search-form .hot-searches ul li a:hover{
    color: #cc0e00; /*#FF0000;*/
}

.signup-ad{
    float: left;
    width: 100%;
    background: #cfe5f3; /* #201c4f;*/
    padding: 30px 20px 30px 20px;
    text-align: center;
    position: relative;
}

.signup-ad .tag{
    position: absolute;
    top: -20px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    line-height: 88px;
    border-radius: 50px;
    background: #cfe5f3;
    text-align: center;
}

.signup-ad .tag i{
    color: #0076bc; /*#201c4f;*/
    font-size: 40px;
}

.signup-ad .main-title{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 25px;
    font-weight: 300;
    font-family: Roboto;
    color: #0076bc; /*#201c4f;*/
}

.signup-ad .main-title i{
    margin-right: 2px;
}

.signup-ad .main-title i.material-icons{
    position: relative;
    top: 3px;
}

.signup-ad .sub-text{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-weight: 300;
    font-family: Roboto;
}

.signup-ad .signup-btn{
    padding: 10px 20px;
    text-transform: uppercase;
    background: #cc0e00;
    color: white;
    border-radius: 2px;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 0.3px;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
    text-decoration: none !important;
}

.book-now-pay-later{
    /* background: #42663d; */
    float: left;
    /* width: 100%;
     padding: 20px; */
    margin-bottom: 10px;
    position: relative;
    text-decoration: none !important;
    font-weight: 400;
    color: #333 !important;

}

.book-now-pay-later .videostyle {
    width:278px;
}  

@media only screen and (max-width:767px) {
    .book-now-pay-later .videostyle {
        width:328px;
    }  
}
@media screen and (max-width: 735px) {

    .book-now-pay-later .videostyle {
        width:328px;
    }   
}
@media screen and (max-width: 360px) {
    .book-now-pay-later .videostyle {
        width:328px;
    }  
}    


.book-now-pay-later .main-title{
    float: left;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #766D08;
}

.book-now-pay-later .desc{
    color: #FFF;
    float: left;
    width: 100%;
    font-size: 23px;
    font-weight: 800;
    text-transform: uppercase;
}

.book-now-pay-later .desc span{
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #FFF;
    text-transform: none;
}
.ticket-btn{
    background: #fff !important;
    color: #ec3917 !important;
}

.book-now-pay-later .btn{
    float: left;
    background: #FF7A00;
    margin: 15px 0;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-weight: 700;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.book-now-pay-later .bg-ico{
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 90px;
    color: #e1d01e;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.17);
}

.deals{
    float: left;
    width: 100%;
    background: white;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.deals .head{
    float: left;
    margin: 0;
    width: 100%;
    padding: 15px;
    color: #0A5E94;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #e9e9e9;
}

.deals .list{
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px dashed gainsboro;
}

.deals .list:last-child{
    border-bottom: none;
}

.deals .list .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-family: Roboto;
    color: #00a22f;
    font-weight: 400;
    line-height: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.deals .list .desc{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 0.844em;
    font-family: Roboto;
    font-weight: 300;
    color: #656565;
    line-height: 1.4;
    position: relative;
}

.deals .list .claim-now{
    float: left;
    font-weight: 400;
    color: #186394;
    text-decoration: none!important;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 13px;
}

.deals .list .claim-now i{
    margin-left: 5px;
}

.deals .more-deals{
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0;
    list-style: none;
}

.deals .more-deals li{
    float: left;
    display: inline-block;
}

.deals .more-deals li a{
    float: left;
    border-radius: 2px;
    padding: 0px 6px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
    border: 1px solid transparent;
    color: gray;
    text-decoration: none !important;
}

.deals .more-deals li.view-all{
    float: right;
}

.deals .more-deals li.view-all a{
    text-decoration: underline !important;
}

.deals .more-deals li a:hover{
    color: #006DCD;
}

.deals .more-deals li.active a{
    background: #006DCD;
    color: white;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
}

.deals.style2 .head{
    color: #cc0e00;
    padding: 10px;
    font-size: 13px;
}

.deals.style2 .list{
    padding: 10px;
    position: relative;
}

.deals.style2 .list:before{
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #F8F8F8;
    content: "";
    border-right: 1px solid gainsboro;
    -webkit-box-shadow: inset -4px 0 10px -13px black;
    box-shadow: inset -4px 0 10px -13px black;
}

.deals.style2 .list:after{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #F8F8F8;
    content: "";
    border-left: 1px solid gainsboro;
    -webkit-box-shadow: inset 4px 0 10px -13px black;
    box-shadow: inset 4px 0 10px -13px black;
}


.deals.style2 .list:nth-child(2):after,
.deals.style2 .list:nth-child(2):before{
    display: none;
}

.deals.style2.no-curves .list:before,
.deals.style2.no-curves .list:after{
    display: none;
}

.deals.style2 .title{
    margin: 0 0 2px 0;
    font-size: 0.96em;
    font-family: Raleway;
    font-weight: 500;
    color: #484848; /*#201c4f; /*#5b8c55;*/
    text-decoration: none !important;
}

.deals.style2 .title:hover{
    color: #cc0e00;
}

.deals.style2 .title i.material-icons{
    position: relative;
    font-size: 20px;
    margin-right: 10px;
    top: 4px;
}

.deals.style2 .ad-content{
    float: left;
    width: 100%;
}

.deals.style2 .ad-content .img-box{
    float: left;
    width: 95px;
    height: 60px;
    margin: 4px 5px 0 0;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

.deals.style2 .ad-content .ad-matter{
    float: left;
    margin: 0;
    font-size: 0.844em;
    font-family: Roboto;
    font-weight: 300;
    color: #656565;
    line-height: 1.4;
}

.deals.visa-tools .list{
    position: relative;
}

.deals.visa-tools .tag{
    position: absolute;
    top: 5px;
    right: 10px;
    transform: rotate(30deg);
}

.deals.visa-tools .tag i{
    font-size: 80px;
    color: #dbeeff;

}

.deals.visa-tools .head{
    padding: 10px;
    font-size: 13px;
    color: #cc0e00; /*#FF0000*/
}

.deals.visa-tools .list{
    padding: 10px;
}

.deals.visa-tools .title{
    margin: 0 0 2px 0;
    font-size: 0.96em;
    font-family: Raleway;
    font-weight: 500;
    color: #0A5E94;
}

.deals.visa-tools .element-set{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}

.deals.visa-tools .element-set input[type="text"],
.deals.visa-tools .element-set input[type="email"],
.deals.visa-tools .element-set input[type="tel"]{
    float: left;
    width: 100%;
    height: 25px;
    padding: 0 5px;
    font-size: 11px;
    border: 1px solid #CBE7FA;
    border-radius: 2px;
    background: #F0F9FF;
    font-weight: 400;
    text-align: left;
}

.deals.visa-tools .element-set input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #65A2CC;
    opacity: 1; /* Firefox */
}

.deals.visa-tools .element-set input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #65A2CC;
}

.deals.visa-tools .element-set input::-ms-input-placeholder { /* Microsoft Edge */
    color: #65A2CC;
}

.deals.visa-tools .element-set .btn-submit{
    float: left;
    width: 100%;
    height: 25px;
    font-size: 11px;
    border: none;
    background: #006dcd;
    color: white;
    border-radius: 2px;
    text-transform: uppercase;

}

.deals.visa-tools .element-set .btn-submit:hover{
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.17);
}

@media only screen and (max-width:991px){
    .services-tab .nav > li > a .caption{
        display: none;
    }

    .services-tab .nav > li > a i.material-icons{
        margin: 0;
        font-size: 20px;
    }

    .services-tab .nav{
        margin: auto;
        text-align: center;
        float: left;
        width: 100%;
    }

    .services-tab .nav > li{
        display: inline-block;
    }

    .services-tab .nav > li.active > a{
        border: 1px solid #efefef;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;
        padding: 10px;
    }

    .content-wrapper.service-home{
        left: 0;
        top: -2px;
    }

    .search-form .tag {
        position: absolute;
        top: 35px;
        right: 0;
        line-height: 66px;
        height: 50px;
        width: 80px;
        border-radius: 40px 0 0 40px;
        text-align: center;
    }

    .search-form .tag i{
        left: -15px;
        position: relative;
    }
}

/* CSS FOR FLIGHT SEARCH BOX */

.flight-search{
    float: left;
    width: 100%;
    padding: 10px 0;
    background: #214272;
}

.flight-search .travel-type{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.flight-search .travel-type .item{
    float: left;
    width: 100%;
}

.flight-search .travel-type .item label{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 0px 0;
    padding: 3px 20px;
    border-radius: 0px;
    color: white;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto;
    text-transform: uppercase;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    background: rgba(0,0,0,0.2);
}

.flight-search .travel-type .item:last-child label{
    margin: 0;
}

.flight-search .travel-type .item input[type="radio"]:checked + label{
    background: #d13939;
    color: white;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

@media only screen and (min-width:991px){
    .flight-search .form-box .element-set{
        margin-bottom: 0;
    }

    .flight-search .travel-type{
        margin-bottom: 0px;
    }
}

.flight-search .form-box label{
    color: #fff;
}

.flight-search .form-box label.null{
    visibility: hidden;
}

.flight-search .form-box input{
    height: 30px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    color: #fff;
    outline: none !important;
}

.flight-search .form-box input:focus{
    border: none;
    border-bottom: 1px solid #80a8bb;
}

.flight-search .form-box .bootstrap-select .btn {
    float: left;
    width: 100%;
    height: 30px;
    padding: 7px;
    border-radius: 0;
    border: 1px solid gainsboro;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px !important;
    background: white;
    outline: none !important;
    box-shadow: none !important;
    line-height: 15px;
}

.flight-search .form-box .btn-submit{
    background: #cc0e00; 
    color: white;
    height: 31px;
    font-size: 17px;
    border-radius: 0px;
}

.flight-search .form-box .btn-submit .search-caption{
    display: none;
}

@media only screen and (max-width:991px){
    .flight-search .form-box .btn-submit .search-caption{
        display: inline-block;
    }
}

.flight-search .form-box .btn-submit i{
    margin: 0;
}

.flight-search .form-box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7eaae9;
    opacity: 1; /* Firefox */
}

.flight-search .form-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7eaae9;
}

.flight-search .form-box ::-ms-input-placeholder { /* Microsoft Edge */
    color: #7eaae9;
}

.flight-filter{
    padding: 0;
    background: #fff;
    border: 1px solid #efefef;
}

.flight-filter .box-ad{
    border-right: 1px solid gainsboro;
    padding: 0;
}

@media only screen and (max-width:767px){
    .flight-filter .box-ad{
        border-right: none;
        border-bottom: 1px dashed gainsboro;
    }
}

.flight-filter .caption{
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    color: #484848;
    text-align: center;
}

.flight-filter .refundable{
    padding: 10px;
    margin: 0;
    text-align: center;
}

.flight-filter .refundable label{
    margin: 0;
    margin-top: -4px;
    color: gray;
    font-weight: 400;
    font-family: Arial;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.flight-filter .refundable label:before{
    font-family: FontAwesome;
    content: "\f10c";
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.flight-filter .refundable input[type="checkbox"]:checked + label{
    color: #27a227;
}

.flight-filter .refundable input[type="checkbox"]:checked + label:before{
    content: "\f058";
}

.flight-filter .dropdown.style .dropdown-toggle{
    width: 100%;
    position: relative;
    padding: 10px;
    border-radius: 0;
    background: transparent;
    color: #484848;
    border: none;
    font-family: arial;
}

.flight-filter .dropdown.style .dropdown-toggle .right-absolute{
    position: absolute;
    right: 10px;
    top: 13px;
}

.flight-filter .dropdown.style .dropdown-menu{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    margin-top: 5px;
}

.flight-filter .dropdown.style .dropdown-menu > li > label{
    margin: 0;
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 11px;
    font-family: Roboto;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.flight-filter .dropdown.style .dropdown-menu > li > input[type="radio"]:checked + label,
.flight-filter .dropdown.style .dropdown-menu > li > input[type="checkbox"]:checked + label{
    color: #cc0e00; 
}

.flight-filter .dropdown.style .dropdown-menu > li > input[type="radio"]:checked + label:after,
.flight-filter .dropdown.style .dropdown-menu > li > input[type="checkbox"]:checked + label:after{
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    right: 10px;
}

.selected-flights{
    float: left;
    position: relative;
    width: 100%;
    min-height: 100px;
    margin-bottom: 30px;
    padding: 10px 15px 0px 30px;
    background: white;
    border-radius: 5px;
    border: 1px solid #ececec;
    box-shadow: -3px 4px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: -3px 4px 2px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.selected-flights.flight-trip-style2{
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
    padding: 10px 15px 0px 15px;
    border-bottom: 0;
}

.selected-flights.flight-trip-style2:last-child{
    border-bottom: 1px solid #ececec;
}

.selected-flights.flight-trip-style2 .actions .price{
    margin-bottom: 0;
    font-size: 15px;
}

.selected-flights.flight-trip-style2 .actions .btn-submit{
    padding: 7px;
    font-size: 13px;
    border-radius: 2px;
}

.selected-flights.flight-trip-style2 .actions .flight-details{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto;
}

@media only screen and (max-width:767px){
    .selected-flights.flight-trip-style2{
        margin-bottom: 10px;
    }
}

.selected-flights .route{
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 13px;
    font-weight: 600;
    background: #ccf5ff;
    height: 100%;
    text-align: center;
    color: #0a4857;
    border-right: 2px dashed white;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
}

.selected-flights .route-date-time{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: Arial;
    font-size: 10px;
    text-transform: uppercase;
    color: gray;
}

.selected-flights .route-date-time .departure,
.selected-flights .route-date-time .arrive{
    color: #0a4857;
}

.selected-flights .details{
    float: left;
    width: 100%;
    padding: 0 10px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
}

.selected-flights .wrapper{
    float: left;
    width: 100%;
    border-right: 1px dashed #b6b6b6;
}


@media only screen and (max-width:767px){

    .selected-flights{
        padding-bottom: 15px;
    }

    .selected-flights .wrapper{
        margin-bottom: 20px;
        border-right: 0;
        border-bottom: 1px dashed #b6b6b6;
        padding-bottom: 20px;
    }

    .selected-flights .route-date-time{
        text-align: center;
    }
}

.selected-flights .details .flight-img{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.selected-flights .details .flight-img li{
    display: inline-block;
    line-height: 10px;
    width: 34px;
}

@media only screen and (max-width:991px){
    .selected-flights .details .flight-img li{
        width: 25px;
    }
}

.selected-flights .details .caption{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 11px;
    color: gray;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    height: 25px;
    overflow: hidden;
    line-height: 14px;
}

.selected-flights .details .time{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    font-family: Arial;
}

.selected-flights .details .place{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
}

.selected-flights .details .duration{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: Arial;
}

.selected-flights .details .stops{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    color: gray;
    font-size: 13px;
}

.selected-flights .actions{
    float: left;
    width: 100%;
    padding: 0;
}

.selected-flights .actions .price{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
}

.selected-flights .actions .price i{
    font-size: 18px;
}

.selected-flights .actions .btn-submit{
    float: left;
    width: 100%;
    padding: 10px;
    background: orange;
    color: white;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.12);
}

.flight-listing-wrapper{
    float: left;
    width: 100%;
}
/* .btm-bar{
      margin-top: 22px;
} */

.affix{
    position: fixed;
    top:20px;
    width: 300px;
}

.flight-listing-wrapper .previous-next{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.flight-listing-wrapper .previous-next ul{
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.flight-listing-wrapper .previous-next ul li{
    display: inline-block;
}

.flight-listing-wrapper .previous-next ul li a{
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
}

.flight-listing-wrapper .sorting-area{
    float: left;
    width: 100%;
    background: gainsboro;
    padding: 5px;
}

.flight-listing-wrapper .sorting-area .title{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: Roboto;
    cursor: pointer;
}

.flight-listing-wrapper .item{
    float: left;
    width: 100%;
    position: relative;
    background: white;
    padding: 20px;
    border: 1px solid gainsboro;
    font-family: Roboto;
    font-weight: 300;
    border-bottom: none;
}

.flight-listing-wrapper .item .f-details{
    position: absolute;
    bottom: 4px;
    width: 100%;
    text-align: center;
    left: 0;
    font-size: 13px;
}

@media only screen and (max-width:991px){
    .flight-listing-wrapper .item .f-details{
        right: 10px;
        left: unset;
        width: unset;
    }
}

.flight-listing-wrapper .item:last-child{
    border-bottom: 1px solid gainsboro;
    margin-bottom: 10px;
}

.flight-listing-wrapper .item .details .flight-img{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.flight-listing-wrapper .item .details .flight-img li{
    display: inline-block;
    line-height: 10px;
    width: 34px;
}

@media only screen and (max-width:991px){
    .flight-listing-wrapper .item .details .flight-img li{
        width: 25px;
    }
}

.flight-listing-wrapper .item .details .caption{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 11px;
    color: gray;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    height: 25px;
    overflow: hidden;
    line-height: 14px;
}

.flight-listing-wrapper .item .details .time{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    font-family: Arial;
    color: #5b5353;
}

.flight-listing-wrapper .item .details .place{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
}

.flight-listing-wrapper .item .details .duration{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    font-family: Arial;
}

.flight-listing-wrapper .item .details .stops{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    color: gray;
    font-size: 13px;
}

.flight-listing-wrapper .item .details .price{
    float: left;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
}

.flight-listing-wrapper .item .details .price i{
    font-size: 16px;
}

.flight-listing-wrapper .item .details .select-flight{
    float: left;
    width: 100%;
    text-align: center;
}

.flight-listing-wrapper .item .details .select-flight label{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
}

.flight-listing-wrapper .item .details .select-flight label:before{
    font-family: FontAwesome;
    content: "\f10c";
    color: #d8d8d8;
}

.flight-listing-wrapper .item .details .select-flight input[type="radio"]:checked + label:before{
    content: "\f058";
    color: #5bc95b;
}

@media only screen and (max-width:991px){

    .flight-listing-wrapper .item .details .price{
        width: unset;
        float: unset;
        display: inline-block;
    }

    .flight-listing-wrapper .item .details .select-flight{
        width: unset;
        float: unset;
        display: inline-block;
        position: relative;
        top: 10px;
        left: 5px;
    }

}

.pos-rel{
    position: relative;
}

/* .selected-flights.affix{
    top: 0;
    position: fixed;
    z-index: 11;
    width: 948.333px;
}

.selected-flights.affix + .row{
    margin-top: 130px;
} */

@media only screen and (min-width:991px) and (max-width:1199px){
    .selected-flights.affix{
        width: 940px;
    }
}

@media only screen and (min-width:767px) and (max-width:991px){
    .selected-flights.affix{
        width: 720px;
    }
}

@media only screen and (max-width:767px){

    .selected-flights.affix{
        width: 100%;
        left: 0;
        top: unset;
        bottom: 0;
        margin: 0;
        min-height: unset;
        display: block;
    }

    .selected-flights.affix .wrapper{
        display: none;
    }

    .selected-flights.affix + .row{
        margin-top: 0;
    }

    .selected-flights .route{
        font-size: 10px;
    }

    .selected-flights.affix .actions .price{
        width: 50%;
        margin: 0;
    }

    .selected-flights.affix .actions .btn-submit{
        width: 50%;
    }

    .selected-flights.affix .actions .view-details{
        font-size: 10px;
        font-weight: 300;
        text-transform: uppercase;
    }

}

/* CSS FOR DATETIMEPICKET */

.bootstrap-datetimepicker-widget{
    padding: 15px !important;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th{
    font-family: Roboto;
}

.bootstrap-datetimepicker-widget table th{
    font-weight: 500;
    color: #006DCD;
}

.bootstrap-datetimepicker-widget table td{
    font-weight: 550;
    font-size: 13px;
}

/* CSS FOR CUSTOMIZED MODAL */

.modal.cus{
    padding: 0 !important;
}

@media only screen and (max-width:767px){

    .modal.cus .modal-dialog{
        margin: 0;
    }

}

.modal.cus .modal-content{
    border-radius: 0;
    float: left;
    width: 100%;
    border-bottom: 5px solid #3362b4;
}

.modal.cus .close{
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    opacity: 1;
    font-size: 13px;
}

.modal.cus .close.style2{
    position: absolute;
    top: 20px;
    right: 30px;
    color: black;
    opacity: 1;
    font-size: 44px;
}

.modal.cus .modal-body{
    padding: 20px;
    float: left;
    width: 100%;
}

.modal.cus .tab-box{
    float: left;
    width: 100%;
    background: #3362b4;
}

.modal.cus .tab-box .nav-tabs > li > a{
    border-radius: 0;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.modal.cus .tab-box .nav-tabs > li > a:hover,
.modal.cus .tab-box .nav-tabs > li > a:active{
    background: #3362B4;
    color: white;
    border: 1px solid #3362B4;
    border-bottom: none;
}

.modal.cus .tab-box .nav-tabs > li.active > a{
    color: #236AB9;
    outline: none !important;
}

.modal.cus .tab-box .nav-tabs > li.active > a:hover{
    background: white !important;
    color: #236AB9;
    border: 1px solid transparent;
}

.modal.cus .tab-content{
    float: left;
    width: 100%;
    padding: 15px;
}

.modal.cus .tab-content .flight-info{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px dashed #adadad;
}

.modal.cus .tab-content .flight-info:last-child{
    margin-bottom: 0;
}

.modal.cus .tab-content .flight-info .flight{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.modal.cus .tab-content .flight-info .flight ul{
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 0;
}

.modal.cus .tab-content .flight-info .flight ul li{
    display: inline-block;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    margin-right: 5px;
    color: #236AB9;
}

.modal.cus .tab-content .flight-info .flight ul li img{
    border: 1px solid gainsboro;
    background: white;
}

.modal.cus .tab-content .flight-info .flight ul li span.flight-no{
    color: gray;
    font-weight: 400;
}

.modal.cus .tab-content .flight-info .flight ul li span.refundable{
    background: #83ca44;
    color: white;
    padding: 2px 10px;
    font-family: Roboto;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
    top: -1px;
}

.modal.cus .tab-content .flight-info .table-caption{
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    font-family: Roboto;
    margin-bottom: 5px;
}

.modal.cus .tab-content .flight-info .style1{
    float: left;
    width: 100%;
    border: 1px solid gainsboro;
    margin-bottom: 15px;
}

.modal.cus .tab-content .flight-info .style1 tr{
    border-bottom: 1px solid gainsboro;
}

.modal.cus .tab-content .flight-info .style1 tr:last-child{
    border-bottom: none;
}

.modal.cus .tab-content .flight-info .style1 tr td{
    padding: 7px;
}

.modal.cus .tab-content .flight-info .style1.top-row tr:first-child td{
    background: #f7f7f7;
}

.modal.cus .tab-content .flight-info .style1 tr:first-child td{
    font-weight: 400;
}

.modal.cus .tab-content .flight-info .style1 tr td{
    border-right: 1px solid gainsboro;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 300;
}

.modal.cus .tab-content .flight-info .style1 tr td:last-child{
    border-right: 0;
}

.modal.cus .tab-content .flight-info .style1.left-col tr td:first-child{
    background: #f7f7f7;
}

.modal.cus .tab-content .flight-info .style1.right-col tr td:last-child{
    background: #f7f7f7;
}

.modal.cus .tab-content .flight-info .note{
    font-size: 11px;
    font-family: arial;
    float: left;
    width: 100%;
    color: #484848;
}

.modal.cus .tab-content .flight-info .note span{
    background: orange;
    color: white;
    padding: 2px 10px;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: bold;
}

.modal.cus .title{
    float: left;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Roboto;
}

.modal.cus ul.normal-style{
    float: left;
    width: 100%;
    padding-left: 30px;
    margin: 0;
}

.modal.cus ul.normal-style li{
    font-size: 11px;
    font-family: Roboto;
    font-weight: 300;
    color: #484848;
}

/* CSS FOR PACKAGE DETAIL PAGE */

.left-stacked-nav{
    float: left;
    width: 100%;
    margin-top: 30px;
    background: transparent;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
}

.left-stacked-nav .nav > li{
    width: 100%;
}

.left-stacked-nav .nav > li a{
    padding: 15px;
    border-radius: 5px 0 0 5px;
    width: 100%;
    text-align: center;
    color: #0a5e94;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid transparent;
    border-right: 0;
}

.left-stacked-nav .nav > li.active a{
    background-color: white;
    border: 1px solid #e9e9e9;
    border-right: 0;
    position: relative;
    z-index: 1;
    color: #0a5e94;
    font-weight: 600;
}


.left-stacked-nav .nav > li a:hover{
    color: #0a5e94;
    background-color: transparent;
}


.left-stacked-nav .nav > li.active a:hover{
    background-color: white;
}

@media only screen and (max-width:991px){
    
    .left-stacked-nav {
        margin-top: 0 !important;
    }
    
    .left-stacked-nav .nav{
        text-align: center !important;
        float: none;
    }

    .left-stacked-nav .nav > li{
        display: inline-block;
        width: unset;
        float: unset;
    }

    .left-stacked-nav .nav > li a {
        display: inline-block;
        width: unset;
        padding: 8px;
    }

    .left-stacked-nav .nav > li.active a{
        border: 1px solid #e9e9e9;
        border-bottom: none;
        position: relative;
        top: 2px;
        z-index: 10;
        border-radius: 3px 3px 0 0;
    }

    .tab-content.detail-disp{
        left: unset;
        top: -2px;
    }

    .left-stacked-nav .nav > li a i{
        font-size: 20px;
    }

    .left-stacked-nav .nav > li a .cap{
        display: none;
    }
}

.tab-content.detail-disp{
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 30px;
    background: white;
    border: 1px solid #e9e9e9;
    position: relative;
    left: -1px;
}

.tab-content.detail-disp .head{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.tab-content.detail-disp .head .name{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 22px;
}

.tab-content.detail-disp .head .location{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
}

.tab-content.detail-disp .head .rating{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color: #ff7200;
    font-size: 17px;
}

.tab-content.detail-disp .head .share-it{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tab-content.detail-disp .head .share-it li{
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.tab-content.detail-disp .head .share-it li.caption{
    margin-right: 0;
}

.tab-content.detail-disp .head .price{
    float: left;
    width: 100%;
    text-align: right;
    font-family: Roboto;
    font-weight: 400;
    color: #cc0e00;
    font-size: 22px;
}

.tab-content.detail-disp .head .price:before{
    content: "AED";
}

.tab-content.detail-disp .head .price .type{
    font-size: 13px;
    color: gray;
    font-weight: 300;
    float: left;
    width: 100%;
    margin-top: -5px;
}

.tab-content.detail-disp .head .book-now{
    float: right;
    padding: 10px 20px;
    border: none;
    background: #cc0e00;
    color: white;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

.tab-content.detail-disp .head .book-now:hover{
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.18);
}

.tab-content.detail-disp .tab-pane{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tab-content.detail-disp .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Roboto;
}

.tab-content.detail-disp .carousel.gallery{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.tab-content.detail-disp .carousel.gallery .item{
    float: left;
    width: 100%;
  height: 300px; 
  
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.tab-content.detail-disp .desc{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 300;
    color: #6b6b6b;
    font-size: 13px;
    font-family: Roboto;
    line-height: 20px;
}

.tab-content.detail-disp .overview-items{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .overview-items .item{
    float: left;
    width: 100%;
    padding: 20px 20px;
    text-align: center;
    font-family: Roboto;
    font-weight: 300;
    background: #f5f5f5;
    margin-bottom: 10px;
}

.tab-content.detail-disp .overview-items .item .caption{
    float: left;
    width: 100%;
    margin: 0 0 0px 0;
    text-transform: uppercase;
    color: gray;
    font-size: 13px;
}

.tab-content.detail-disp .overview-items .item .data{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 25px;
    font-weight: 500;
}

.tab-content.detail-disp .overview-items .item .data .outof{
    font-size: 13px;
}

.tab-content.detail-disp .overview-items .item .rating{
    float: left;
    width: 100%;
    margin: 2px 0;
    font-size: 22px;
    color: #ff5f00;
}

.tab-content.detail-disp .pkg-category{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.tab-content.detail-disp .pkg-category .holder{
    width: 500px;
    margin: 20px auto;
    border-radius: 5px;
    padding-bottom: 4%;
}

.tab-content.detail-disp .pkg-category .item{
    float: left;
    margin: 0;
    padding: 8px;
    width: 25%;
    list-style: none;
    border: 1px solid gainsboro;
    cursor: pointer;
    color: gray;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
}

.tab-content.detail-disp .pkg-category .item.one{
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    border-right: 0;
}

.tab-content.detail-disp .pkg-category .item.two{
    border-right: 0;
}

.tab-content.detail-disp .pkg-category .item.three{
    /* border-radius: 0 20px 20px 0; */
    overflow: hidden;
}

.tab-content.detail-disp .pkg-category .item.four{
    border-radius: 0 20px 20px 0;
    overflow: hidden;
}

.tab-content.detail-disp .pkg-category input[type="radio"]:checked + .item{
    background: #58b15a;
    color: white;
    border-color: #58b15a;
    font-weight: 700;
    box-shadow: inset 0 0 10px -6px black;
    -webkit-box-shadow: inset 0 0 10px -6px black;
}

@media only screen and (max-width:400px){
    .tab-content.detail-disp .pkg-category .holder{
        width: 100%;
    }

    .tab-content.detail-disp .pkg-category .item{
        font-size: 9px;
    }
}

.tab-content.detail-disp .wrapper{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tab-content.detail-disp .wrapper:last-child{
    margin-bottom: 0;
}

.tab-content.detail-disp .wrapper .sub-title{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #006DCD;
}

.tab-content.detail-disp .hotel-listing{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .hotel-listing .item{
    float: left;
    width: 100%;
    margin: 10px 0;
}

.tab-content.detail-disp .hotel-listing .item .img-box{
    float: left;
    width: 100%;
    height: 110px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.tab-content.detail-disp .hotel-listing .details{
    float: left;
    width: 100%;
    background: #eff8ff;
    padding: 10px;
    /* border: 1px solid #dff1ff; */
}

.tab-content.detail-disp .hotel-listing .details .name{
    float: left;
    width: 100%;
    margin: 0 0 1px 0;
    font-weight: 500;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #185381;
}

.tab-content.detail-disp .hotel-listing .details .location{
    float: left;
    width: 100%;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.81em;
    margin: 0 0 3px 0;
    font-weight: 300;
    font-family: Roboto;
}

.tab-content.detail-disp .hotel-listing .details .location:before{
    font-family: FontAwesome;
    content: "\f041";
    font-size: 0.85em;
}

.tab-content.detail-disp .hotel-listing .details .rating{
    float: left;
    width: 100%;
    color: #ff7200;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto;
    margin: 0 0 1px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tab-content.detail-disp .hotel-listing .details .rating .cap{
    color: gray;
}

.tab-content.detail-disp .hotel-listing .details .room-type{
    float: left;
    width: 100%;
    margin: 0;
    font-weight: 300;
    font-family: Roboto;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tab-content.detail-disp .f-listing{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .f-listing .item{
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    font-family: Roboto;
    font-weight: 300;
    border: 1px solid #a3e876;
    border-radius: 2px;
    overflow: hidden;
    background: #f7fff2;
}

.tab-content.detail-disp .f-listing .item .journey{
    float: left;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

.tab-content.detail-disp .f-listing .item .detail{
    padding: 10px 0 0 0;
    float: left;
    width: 100%;
    text-align: center;
}

.tab-content.detail-disp .f-listing .item .ico{
    font-size: 20px;
}

.tab-content.detail-disp .f-listing .item .detail .place{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 20px;
    font-weight: Roboto;
    font-weight: 500;
}

.tab-content.detail-disp .f-listing .item .detail .time{
    float: left;
    width: 100%;
    color: #2c6408;
}

.tab-content.detail-disp .f-listing .item .detail .flights{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
}

.tab-content.detail-disp .f-listing .item .detail .flights li{
    display: inline-block;
    width: 35px;
    margin-right: 5px;
    margin-top: 5px;
    margin-top: 5px;
}

.tab-content.detail-disp .f-listing .item .detail .flights li:last-child{
    margin-right: 0;
}

.tab-content.detail-disp .taxi-listing{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .taxi-listing .item{
    float: left;
    position: relative;
    width: 100%;
    margin: 10px 0;
    border: 1px solid #d5e561;
    padding: 10px;
    border-radius: 2px;
    overflow: hidden;
    background: #f8ffc7;
}

.tab-content.detail-disp .taxi-listing .item:after{
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f1b9";
    color: #DEEC7E;
}

.tab-content.detail-disp .taxi-listing .item .name,
.tab-content.detail-disp .taxi-listing .item .type,
.tab-content.detail-disp .taxi-listing .item .cat{
    float: left;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 300;
    margin-right: 10px;
    margin-bottom: 0;
    color: #839508;
}

.tab-content.detail-disp .taxi-listing .item .name{
    width: 100%;
    margin-bottom: 3px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    font-family: arial;
}

.tab-content.detail-disp .itinerary-box{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .itinerary-box .item{
    float: left;
    width: 100%;
    padding: 10px 10px 10px 60px;
    position: relative;
}

.tab-content.detail-disp .itinerary-box .item .line{
    position: absolute;
    top: 10px;
    left: 0;
    width: 30px;
    height: 100%;
    border-right: 1px solid #c0c0c0;
}

.tab-content.detail-disp .itinerary-box .item .dot{
    position: absolute;
    top: 30px;
    left: 20px;
    width: 20px;
    height: 20px;
    line-height: 10px;
    border-radius: 50px;
    background: #009cff;
    color: white;
    text-align: center;
    font-size: 15px;
}

.tab-content.detail-disp .itinerary-box .item .day{
    position: absolute;
    top: 60px;
    left: 5px;
    width: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto;
    background: white;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
}

.tab-content.detail-disp .itinerary-box .item .details{
    float: left;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
}

.tab-content.detail-disp .itinerary-box .item .details .itin-head{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.tab-content.detail-disp .itinerary-box .item .details .hotel{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.tab-content.detail-disp .itinerary-box .item .details .hotel .name{
    float: left;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto;
    margin-right: 10px;
}

.tab-content.detail-disp .itinerary-box .item .details .hotel .rating{
    float: left;
    color: #ff7200;
    font-size: 13px;
}

.tab-content.detail-disp .itinerary-box .item .details .hotel .rating .cap{
    color: gray;
    font-weight: 300;
}

.tab-content.detail-disp .itinerary-box .item .details .desc{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
}

.tab-content.detail-disp .itinerary-box .item .details .date-place{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.tab-content.detail-disp .itinerary-box .item .details .date-place .date{
    float: left;
    margin: 0;
    width: 50%;
}

.tab-content.detail-disp .itinerary-box .item .details .date-place .place{
    float: left;
    margin: 0;
    width: 100%;
    text-align: left;
}

.tab-content.detail-disp .basic-list{
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
    font-size: 13px;
}

.tab-content.detail-disp .basic-list li{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 0 0 20px;
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
}

.tab-content.detail-disp .basic-list li:before{
    float: left;
    font-family: FontAwesome;
    margin-left: -20px;
}

.tab-content.detail-disp .basic-list.inclusions li:before{
    content: "\f00c";
    color: green;
}

.tab-content.detail-disp .basic-list.exclusions li:before{
    content: "\f00d";
    color: red;
}

.tab-content.detail-disp .basic-list.other-info li:before{
    content: "\f10c"
}

.tab-content.detail-disp .write-review{
    float: right;
    font-weight: 300;
    font-size: 13px;
    border: 1px solid #15a815;
    background: #48ac48;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
    text-transform: none;
    text-decoration: none !important;
}

.tab-content.detail-disp .review-box{
    float: left;
    width: 100%;
    margin: 0;
}

.tab-content.detail-disp .review-box .head-box{
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: #fbfbfb;
}

.tab-content.detail-disp .review-box .sort{
    float: left;
    font-family: Raleway;
    font-size: 13px;
}

.tab-content.detail-disp .review-box .sort button{
    border: none;
    padding: 2px 5px;
    font-weight: 500;
    background: transparent;
    position: relative;
    top: 0px;
    font-size: 13px;
}

.tab-content.detail-disp .review-box .sort button:hover{
    color: #cc0e00; /*#FF0000;*/
}

.tab-content.detail-disp .review-box .sort .dropdown-menu > li > a{
    font-size: 11px;
    padding: 3px 15px;
    font-family: Roboto;
    font-weight: 300;
    text-transform: uppercase;
}

.tab-content.detail-disp .review-box .review-count{
    float: right;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    padding: 2px 0;
}

.tab-content.detail-disp .review-box .your-review{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 15px;
}

.tab-content.detail-disp .review-box .your-review .photo{
    margin: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.tab-content.detail-disp .review-box .your-review .write-review-box{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tab-content.detail-disp .review-box .your-review .write-review-box textarea{
    float: left;
    width: 100%;
    border-radius: 2px;
    border: 1px solid gainsboro;
    resize: vertical;
    min-height: 60px;
    height: 60px;
    padding: 5px 10px;
    font-weight: 400;
}

.tab-content.detail-disp .review-box .your-review .action-box{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .review-box .your-review .action-box .btn-submit{
    float: right;
    background: #cc0e00;
    padding: 2px 10px;
    border: none;
    color: white;
    border-radius: 2px;
}

.tab-content.detail-disp .review-box .review-row{
    float: left;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tab-content.detail-disp .review-box .review-row:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.tab-content.detail-disp .review-box .review-row .photo{
    margin: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.tab-content.detail-disp .review-box .review-row .details{
    float: left;
    width: 100%;
    font-family: Roboto;
    font-weight: 300;
}

.tab-content.detail-disp .review-box .review-row .details .name{
    float: left;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: 0;
}

.tab-content.detail-disp .review-box .review-row .details .rating{
    color: #ff5f00;
    margin-bottom: 0;
}

.tab-content.detail-disp .review-box .review-row .details .data{
    float: left;
    margin-right: 5px;
    font-size: 0.9em;
    color: gray;
    margin-bottom: 5px;
}

.tab-content.detail-disp .review-box .review-row .details .data span{
    color: #333;
}

.tab-content.detail-disp .review-box .review-row .review-content{
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 13px;

}

.tab-content.detail-disp .check-availability{
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
}

.tab-content.detail-disp .room-listing{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .room-listing .caps{
    float: left;
    width: 100%;
    margin: 10px 0;
    background: #f7f7f7;
    padding: 10px 15px;
    border: 1px solid #E9E9E9;
    border-radius: 2px;
}

.tab-content.detail-disp .room-listing .item{
    float: left;
    width: 100%;
    background: #f4fcff;
    padding: 0 5px;
    border: 1px solid #CDE9FF;
    border-radius: 2px;
}

.tab-content.detail-disp .room-listing .item .room-name{
    float: left;
    margin-right: 5px;
}

.tab-content.detail-disp .room-listing .item .rooms-left{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Roboto;
    font-weight: 400;
    background: #2c77c6;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
    border: 1px solid #558ca6;
}

.tab-content.detail-disp .room-listing .item .persons{
    float: left;
    background: #fff;
    color: #2a547c;
    border-radius: 2px;
    padding: 2px 10px;
    font-size: 11px;
    font-family: Roboto;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #A9D9EE;
}

.tab-content.detail-disp .room-listing .item .persons:before{
    font-family: FontAwesome;
    content: "\f007";
    margin-right: 5px;
}

.tab-content.detail-disp .room-listing .item .room-desc{
    float: left;
    width: 100%;
    font-weight: 300;
    font-family: Roboto;
    color: gray;
    font-size: 13px;
    margin-bottom: 10px;
}

.tab-content.detail-disp .room-listing .item .room-inc{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.tab-content.detail-disp .room-listing .item .room-inc li:before{
    font-family: FontAwesome;
    content: "\f058";
    color: #58c058;
    margin-right: 5px;
}

.tab-content.detail-disp .room-listing .item .room-inc li{
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
}

.tab-content.detail-disp .room-listing .item .bootstrap-select{
    float: left;
    width: 100%;
}

.tab-content.detail-disp .room-listing .item .row-divider{
    border-bottom: 1px solid #CDE9FF;
    padding: 10px;
    border-right: 1px solid #CDE9FF;
    background: #e4f7ff;
}

.tab-content.detail-disp .room-listing .item .row-divider:nth-child(even){

}

.tab-content.detail-disp .room-listing .item .row-divider:last-child{
    border-bottom: none;
}

.tab-content.detail-disp .room-listing .item .price{
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
    color: #1f53b2;
}

.tab-content.detail-disp .room-listing .item .price:before{
    content: "AED";
    margin-right: 2px;
}

.tab-content.detail-disp .room-listing .item .btn-book{
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    border: none;
    background: #4B7FBC;
    color: white;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 13px;
}

@media only screen and (min-width:991px) and (max-width:1199px){
    .tab-content.detail-disp .room-listing .item .price{
        font-size: 11px;
    }

    .tab-content.detail-disp .head .price{
        font-size: 20px;
    }

    .you-may-also-like .posts .img-box{
        height: 90px;
    }

    .you-may-also-like .posts .details .name{
        font-size: 0.86em !important;
    }
}

@media only screen and (max-width:767px){

    .tab-content.detail-disp{
        padding: 15px;
    }

    .tab-content.detail-disp .head .name{
        font-size: 17px;
    }

    .tab-content.detail-disp .head .rating{
        width: 40%;
    }

    .tab-content.detail-disp .head .share-it{
        width: 60%;
        text-align: right;
        margin-bottom: 5px;
    }

    .tab-content.detail-disp .head .price{
        width: 50%;
        font-size: 20px;
        float: right;
    }

    .tab-content.detail-disp .head .book-now{
        float: left;
    }

    .tab-content.detail-disp .carousel.gallery .item{
        height: 155px;
    }

    .tab-content.detail-disp .overview-items .item{
        padding: 10px;
    }

    .tab-content.detail-disp .title {
        text-align: center;
    }

    .tab-content.detail-disp .write-review{
        margin-top: 10px;
        width: 100%;
        padding: 5px;
    }

    .tab-content.detail-disp .review-box .sort{
        width: 100%;
        text-align: center;
    }

    .tab-content.detail-disp .review-box .review-count{
        width: 100%;
        text-align: center;
    }

    .tab-content.detail-disp .review-box .review-row .details .name{
        text-align: center;
        width: 100%;
    }

    .tab-content.detail-disp .review-box .review-row .details .rating{
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }

    .tab-content.detail-disp .review-box .review-row .details .data{
        width: 100%;
        text-align: center;
    }

    .tab-content.detail-disp .review-box .review-row .review-content{
        text-align: center;
    }

    .tab-content.detail-disp .itinerary-box .item{
        padding: 10px 10px 10px 40px;
    }

    .tab-content.detail-disp .itinerary-box .item .line{
        width: 20px;
    }

    .tab-content.detail-disp .itinerary-box .item .dot{
        left: 10px;
    }

    .tab-content.detail-disp .itinerary-box .item .day{
        left: -5px
    }

    .tab-content.detail-disp .itinerary-box .item .details{
        padding: 15px;
    }

    .tab-content.detail-disp .itinerary-box .item .details .itin-head{
        font-size: 13px;
    }

    .tab-content.detail-disp .room-listing .item .room-inc{
        margin-bottom: 10px;
    }

    .tab-content.detail-disp .room-listing .item .room-name{
        width: 100%;
    }
}

.send-enq-box{
    float: left;
    width: 100%;
    padding: 20px;
    background: white;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
}

@media only screen and (max-width:991px){

    .send-enq-box{
        margin-top: 10px;
    }
}

.send-enq-box .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.book-now-box{
    float: left;
    width: 100%;
    padding: 20px;
    background: white;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
    text-align: center;
    font-family: Roboto;
    font-weight: 300;
}

.book-now-box .old-price{
    float: left;
    width: 100%;
    color: gray;
    text-decoration: line-through;
}

.book-now-box .old-price span{
    font-size: 11px;
}

.book-now-box .new-price{
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #cc0e00;
}

.book-now-box .new-price span{
    font-size: 13px;
    font-weight: 300;
    color: #484848;
}

.book-now-box .info{
    float: left;
    width: 100%;
    font-size: 13px;
    background: #f7f7f7;
    padding: 10px;
}

.book-now-box .info span{
    font-weight: 600;
}

.you-may-also-like{
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #e9e9e9;
}

.you-may-also-like:last-child{
    margin-bottom: 0;
}

.you-may-also-like .title{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.you-may-also-like .posts{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.you-may-also-like .posts:last-child{
    margin-bottom: 0;
}

.you-may-also-like .posts .img-box{
    float: left;
    width: 100%;
    height: 130px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: 10px;
}

.you-may-also-like .posts .details{
    float: left;
    width: 100%;
}

.you-may-also-like .posts .details .name{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none !important;
}

.you-may-also-like .posts .details .name:hover{
    color: #0a5e94;
}

.you-may-also-like .posts .details .rating{
    float: left;
    width: 100%;
    color: #FF5F00;
    margin: 0;
}

.you-may-also-like .posts .details .price{
    float: left;
    width: 100%;
    color: #cc0e00; /*#56ac52;*/
    text-align: right;
    font-family: arial;
    font-weight: 600;
    margin: 0;
}

/* CSS FOR ARTICLE PAGE */

.article-banner{
    float: left;
    position: relative;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    padding: 20px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.article-banner:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(0,0,0,0.3), rgba(0,0,0,0.9));
}

.article-banner .headlines-slider{
    float: left;
    width: 100%;
}

.article-banner .headlines-slider .item{
    float: left;
    width: 100%;
    height: 270px;
    overflow: hidden;
}

.article-banner .headlines-slider .item .tag{
    float: left;
    margin-bottom: 10px;
    background: orange;
    color: white;
    text-decoration: none !important;
    border: 1px solid orange;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

.article-banner .headlines-slider .item .headline{
    float: left;
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 30px;
    color: white;
    text-decoration: none !important;
    font-weight: 700;
    line-height: 40px;
}

.article-banner .headlines-slider .item .details{
    float: left;
    width: 100%;
}

.article-banner .headlines-slider .item .details .data-item{
    float: left;
    margin-right: 10px;
    color: white;
    font-size: 13px;
}

.article-banner .headlines-slider .item .details .data-item .cap{
    float: left;
    margin-right: 5px;
    font-weight: 300;
    font-family: Roboto;
}

.article-banner .headlines-slider .item .details .data-item .data{
    float: left;
}

.article-banner .headlines-slider .carousel-indicators{
    float: left;
    width: 100%;
    position: unset;
    left: 0;
    text-align: left;
    margin: 0;
}

.article-banner .headlines-slider .carousel-indicators li{
    transition-duration: 0.4s;
    width: 20px;
}

.article-banner .headlines-slider .carousel-indicators .active {
    width: 70px;
}

.article-banner .more-headlines{
    float: left;
    width: 100%;
}

.article-banner .list{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.article-banner .list:last-child{
    margin-bottom: 0;
}

.article-banner .more-headlines .tag-md{
    float: left;
    border: 1px solid #ff4c00;
    background: #ff4c00;
    color: white;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 8px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.26);
}

.article-banner .more-headlines .headlines-md{
    float: left;
    width: 100%;
    height: 56px;
    overflow: hidden;
    margin-bottom: 0px;
    font-size: 13px;
    color: white;
    font-weight: 400;

}

/* CSS FOR BOOKING PAGE */



.booking-title-msg{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 26px;
    font-family: 'Bad Script', cursive;
    color: gray;
    letter-spacing: -0.5px;
}

.booking-title-msg span{
    color: #0a3065;
}

.booking-panel{
    float: left;
    width: 100%;
    background: white;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    position: relative;
}

.booking-panel .barcode-line{
    position: absolute;
    bottom: -10px;
    left: 40px;
    font-family: 'Libre Barcode 39 Text', cursive;
    font-weight: 100;
    font-size: 30px;
}

.booking-panel .img-box{
    float: left;
    width: 100%;
    height: 150px;
    padding: 20px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: none;
}

.booking-panel .head-box{
    float: left;
    position: relative;
    width: 100%;
    padding: 10px 20px;
    background: #FFF;
    color: #323232;
    border-bottom: 1px solid #e7e7e7;
}

.booking-panel .head-box .edit-opt{
    position: absolute;
    top: 20px;
    left: -15px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    background: #ff9f00;
    color: white;
    border-radius: 50px;
    text-align: center;
    display: none;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}


.booking-panel .head-box .edit-opt .cap{
    display: none;
    text-transform: uppercase;
    font-size: 13px;
}

@media only screen and (min-width:991px){

    .booking-panel .head-box .edit-opt:hover{
        background: #ff5300;
        padding: 0 15px;
        left: -60px;
    }

    .booking-panel .head-box .edit-opt:hover .cap{
        display: inline-block;
    }
}



.booking-panel .head-box .name{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 18px;
}

.booking-panel .head-box .location{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
    color: gray;
}

.booking-panel .head-box .sub-text{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
    color: gray;
}

.booking-panel .head-box .sub-text .trip-type{
    background: #2cc547;
    color: white;
    border-radius: 2px;
    padding: 2px 5px;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    font-family: Raleway;
}

.booking-panel .head-box .sub-text .no-passenger .high{
    text-decoration: underline;
    color: #333;
}

.booking-panel .head-box .rating{
    color: #ff2a00;
    margin: 0;
}

.booking-panel .head-box .price{
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    font-family: Roboto;
    font-size: 20px;
    color: #ff2a00;
}

.booking-panel .head-box .price .cap{
    float: left;
    width: 100%;
    text-align: right;
    font-size: 13px;
    font-weight: 300;
    color: gray;
}

.booking-panel .detail-box{
    float: left;
    width: 100%;
    padding: 20px 40px;
    padding: 20px 40px 50px 40px;
    background: white;
}

.booking-panel .detail-box .tab2{
    display: none;
}

.booking-panel .detail-box .welcome-message{
    float: left;
    width: 100%;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.booking-panel .detail-box .welcome-message .greeting{
    float: left;
    width: 100%;
    font-weight: 500;
    margin: 0 0 5px 0;
    font-size: 15px;
}

.booking-panel .detail-box .welcome-message .message{
    color: #3f3f3f;
    margin: 0;
}

.booking-panel .detail-box .ticket-details{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
}

.booking-panel .detail-box .ticket-details .flight{
    float: left;
    width: 100%;
    background: #fff;
    padding: 5px 10px;
}

.booking-panel .detail-box .ticket-details .path-date{
    float: left;
    width: 100%;
    text-align: right;
    font-family: Roboto;
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    color: #515151;
}

.booking-panel .detail-box .ticket-details .path-date .high{
    color: #45a149;
    font-weight: 600;
    font-family: Raleway;
}

.booking-panel .detail-box .ticket-details .path-date .high i.fa-plane{
    font-size: 11px;
}

.booking-panel .detail-box .ticket-details .date{
    float: left;
    width: 100%;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
}

.booking-panel .detail-box .ticket-details .place-time{
    float: left;
    width: 100%;
    font-size: 25px;
    font-family: Arial;
    color: #434343;
}

.booking-panel .detail-box .ticket-details .place-time .place{
    color: #979797;
}

.booking-panel .detail-box .ticket-details .airport-loc{
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: 300;
}

.booking-panel .detail-box .ticket-details .flights{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.booking-panel .detail-box .ticket-details .flights li{
    width: 50px;
    display: inline-block;
}

.booking-panel .detail-box .ticket-details .flights li.small{
    width: 50px;
}

.booking-panel .detail-box .ticket-details .duration{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    font-family: Roboto;
}

.booking-panel .detail-box .ticket-details .baggage{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-family: Tahoma;
    font-size: 11px;
    background: white;
    padding: 5px;
}

.booking-panel .detail-box .ticket-details .layover{
    float: left;
    width: 100%;
    padding: 5px;
    background: #FDFFC1;
    text-align: center;
    font-family: Roboto;
    font-weight: 300;
    color: #b99b00;
    font-size: 13px;
    border: 1px dashed #e6e65a;
    border-right: none;
    border-left: none;
}

.booking-panel .detail-box .brief{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
}

.booking-panel .title{
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #0B5AA1;
}

.booking-panel .detail-box .wrapper{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.booking-panel .detail-box .wrapper:last-child{
    margin: 0;
}

.booking-panel .detail-box .wrapper .cap{
    float: left;
    width: 100%;
    color: gray;
}

.booking-panel .detail-box .wrapper .data{
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 13px;
}

.booking-panel .detail-box .wrapper .data.big{
    font-size: 24px;
    font-weight: 600;
    border: 1px dashed #bed800;
    background: #fbffc2;
    text-align: center;
    color: #202020;
    border-radius: 2px;
}

.booking-panel .detail-box .wrapper .mini-text{
    float: left;
    width: 100%;
}

@media only screen and (min-width:1199px){
    .booking-panel .detail-box .wrapper .data.big{
        font-size: 28px;
    }
}

.booking-panel .detail-box .amenities{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.booking-panel .detail-box .amenities ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.booking-panel .detail-box .amenities ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

.booking-panel .important-info{
    float: left;
    width: 100%;
}

.booking-panel .important-info ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}

.booking-panel .important-info ul li{
    float: left;
    width: 100%;
    margin-bottom: 2px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 11px;
    padding-left: 15px;
    position: relative;
    color: #555454;
}

.booking-panel .important-info ul li:last-child{
    margin-bottom: 0;
}

.booking-panel .important-info ul li:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    font-family: FontAwesome;
    content: "\f124";
}

.booking-panel .form-box input{
    height: 35px;
    padding: 0 10px;
    font-size: 13px;
    color: #3e3d3d;
}

.booking-panel .form-box input:focus{
    outline: none !important;
}

.booking-panel .form-box textarea{
    padding: 10px;
    font-size: 13px;
}

.booking-panel .form-box .bootstrap-select button{
    height: 35px !important;
}

.booking-panel .form-box .btn-submit{
    height: 35px;
}

.booking-panel .traveller{
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px;
    margin-bottom: 15px;
}

.booking-panel .traveller .caption{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: Arial;
}

.booking-panel .traveller label{
    font-size: 9px;
}

.reviews-pics{
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: white;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
}

@media only screen and (max-width:991px){
    .reviews-pics{
        margin-bottom: 20px;
    }
}

.reviews-pics .title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-size: 13px;
    color: #0B5AA1;
}

.reviews-pics .pics{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.reviews-pics .pics .item{
    padding: 0;
    height: 80px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: 1px solid white;
    overflow: hidden;
    cursor: pointer;
}

.reviews-pics .pics .item .view-img{
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33,33,33 ,0.5);
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    color: white;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.reviews-pics .pics .item:hover .view-img{
    bottom: 0;
}

.reviews-pics .reviews{
    float: left;
    width: 100%;
    background: white;
}

.reviews-pics .reviews .item{
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 0 60px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.reviews-pics .reviews .item:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}

.reviews-pics .reviews .item .photo{
    position: absolute;
    top: 5px;
    left: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    color: gray;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    background: gainsboro;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.reviews-pics .reviews .item .review-details{
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 13px;
    background: #fafcff;
    padding: 10px;
    position: relative;
    border: 1px solid #dbebfb;
    border-radius: 2px;
}

.reviews-pics .reviews .item .review-details:before{
    position: absolute;
    left: -15px;
    top: 10px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #dbebfb transparent transparent;
}


.reviews-pics .reviews .item .review-details .name{
    float: left;
    margin-right: 10px;
    font-weight: 400;
    margin-bottom: 0px;
    color: #03488C;
}

.reviews-pics .reviews .item .review-details .rating{
    color: #42C5ED;
    margin-bottom: 0;
}

.reviews-pics .reviews .item .review-details .message{
    float: left;
    width: 100%;
    color: #464646;
    font-weight: 300;
    font-size: .88em;
}

@media only screen and (max-width:991px){

    .booking-panel .form-box .btn-submit{
        margin-bottom: 15px;
    }

    .booking-panel .barcode-line{
        width: 100%;
        text-align: center;
        left: 0;
    }
}

@media only screen and (max-width:767px){
    .booking-panel .detail-box .wrapper .cap{
        text-align: center;
    }

    .booking-panel .detail-box .wrapper .data{
        text-align: center;
    }

    .booking-panel .detail-box .wrapper .mini-text{
        text-align: center;
    }

    .reviews-pics{
        margin-bottom: 15px;
    }

    .booking-panel .head-box .name{
        text-align: center;
    }

    .booking-panel .head-box .location{
        width: 100%;
        text-align: center;
    }

    .booking-panel .head-box .rating {
        text-align: center;
    }

    .booking-panel .head-box .price{
        text-align: center;
    }

    .booking-panel .head-box .price .cap{
        text-align: center;
    }

    .booking-panel .title{
        text-align: center;
    }

    .booking-panel .detail-box{
        padding: 20px;
    }

    .booking-panel .head-box .sub-text{
        width: 100%;
    }

    .booking-panel .head-box .sub-text .trip-type{
        width: 100%;
        float: left;
        text-align: center;
        margin: 5px 0;
        padding: 5px;
    }

    .booking-panel .head-box .sub-text .no-passenger{
        float: left;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

    .booking-panel .head-box .sub-text .refundable{
        float: left;
        width: 100%;
        text-align: center;
    }

    .booking-panel .detail-box .ticket-details .path-date{
        text-align: center;
        margin-bottom: 10px;
    }

    .booking-panel .detail-box .ticket-details .date,
    .booking-panel .detail-box .ticket-details .place-time,
    .booking-panel .detail-box .ticket-details .airport-loc{
        text-align: center;
    }

    .booking-title-msg{
        font-size: 18px;
    }


}

@media only screen and (min-width:991px) and (max-width:1199px){

    .booking-panel .detail-box .ticket-details .date{
        font-size: 11px;
    }

    .booking-panel .detail-box .ticket-details .flights li{
        width: 35px;
    }

    .booking-panel .detail-box .ticket-details .place-time{
        font-size: 18px;
    }

    .booking-panel .detail-box .ticket-details .airport-loc{
        font-size: 9px;
    }
}

/* CSS FOR VISA DETAIL PAGE */

.visa-banner{
    float: left;
    position: relative;
    width: 100%;
    padding: 40px 15px 250px 15px;
    background-color: red;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.visa-banner:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 62, 115, 0.55),rgba(0, 97, 139, 0.9),rgba(0, 62, 115, 0.55));
    background: -moz-linear-gradient(to right, rgba(0, 62, 115, 0.55),rgba(0, 97, 139, 0.9),rgba(0, 62, 115, 0.55));
    background: -webkit-linear-gradient(to right, rgba(0, 62, 115, 0.55),rgba(0, 97, 139, 0.9),rgba(0, 62, 115, 0.55));
    background: -o-linear-gradient(to right, rgba(0, 62, 115, 0.55),rgba(0, 97, 139, 0.9),rgba(0, 62, 115, 0.55));
    content: "";
}

.visa-banner .head-cap{
    float: left;
    width: 100%;
    text-align: center;
    color: white;
    position: relative;
}

.visa-banner .head-cap .title{
    float: left;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
}

.visa-banner .head-cap .sub-text{
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    font-family: Arial;
}

.choose-visa-type{
    float: left;
    width: 100%;
    margin-top: -240px;
}

.choose-visa-type .item{
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    min-height: 500px;
    background: white;
    box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);
    transition-duration: 0.1s;
    -webkit-transition-duration: 0.2s;
}

.choose-visa-type .item .head-div{
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
}

.choose-visa-type .item .head-div .visa-name{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
}

.choose-visa-type .item .head-div .days{
    float: left;
    margin-bottom: 5px;
    width: 100%;
    font-size: 60px;
    font-family: Arial;
    font-weight: 600;
}

.choose-visa-type .item .head-div .days span{
    font-size: 18px;
    position: relative;
    left: -10px;
    font-family: Roboto;
    color: gray;
    text-transform: uppercase;
}

.choose-visa-type .item .head-div .price{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    background: #51d67f;
    color: #FFF;
    padding: 8px;
    font-family: Roboto;
    font-size: 20px;
    border-bottom: 2px dashed white;
}

.choose-visa-type .item .terms-list{
    float: left;
    width: 100%;
    padding: 20px;
}

.choose-visa-type .item .terms-list ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.choose-visa-type .item .terms-list ul li{
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 0.85em;
    color: #474646;
}

.choose-visa-type .item .terms-list ul li:before{
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 5px;
    color: #45ad45;
}

.choose-visa-type .item .apply-this{
    float: left;
    width: 100%;
    padding: 20px;
    display: none;
}

.choose-visa-type .item .apply-this label{
    font-size: 9px;
}

.choose-visa-type .item .apply-this input,
.choose-visa-type .item .apply-this .bootstrap-select button{
    height: 35px;
    font-size: 13px;
}

.choose-visa-type .item .note{
    float: left;
    width: 100%;
    padding: 20px 0 0 0;
}

.choose-visa-type .item .note ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.choose-visa-type .item .note ul li{
    font-size: 10px;
    font-weight: 400;
    color: #615d5d;
    margin-bottom: 2px;
}

.choose-visa-type .item .note ul li:before{
    content: "*"
}

.choose-visa-type .item .bottom-div{
    position: absolute;
    bottom: 0px;
    padding: 20px;
    width: 100%;
}

.choose-visa-type .item .bottom-div .select-visa{
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 10px;
    border-radius: 2px;
    color: #FFF;
    background: #51d67f;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none !important;
    border-radius: 50px;
}

.choose-visa-type .item .bottom-div .apply-visa{
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
    background: #ee4d00;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    display: none;
    border-radius: 50px;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,.16);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.16);
}

.choose-visa-type .item.active{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    z-index: 1;
    box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 0px 11px 0 rgba(0, 0, 0, 0.18);
}

@media only screen and (min-width:991px) and (max-width:1199px){

    .choose-visa-type .item.active{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }
}

.choose-visa-type .item.active .price{
    background: #ee4d00;
    color: white;
}

.choose-visa-type .item.active .select-visa{
    display: none;
}

.choose-visa-type .item.active .apply-visa{
    display: block;
}

.choose-visa-type .item.active .terms-list{
    display: none;
}

.choose-visa-type .item.active .apply-this{
    display: block;
}

.visa-process{
    float: left;
    width: 100%;
}

.visa-process .item{
    float: left;
    width: 100%;
    margin: 40px 0 40px 0;
    position: relative;
}

.visa-process .item .line{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    background: gainsboro;
}

.visa-process .item .count{
    position: absolute;
    top: 0;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #464646;
    background: #dadada;
    border-radius: 50px;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial;
}

.visa-process .item .title{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
}

.visa-process .item .matter{
    margin: 80px auto 0 auto;
    width: 80%;
    text-align: center;
    font-weight: 300;
    position: relative;
    color: gray;
    font-size: 13px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0px 47px 0 rgba(0, 0, 0, 0.07);

}

.visa-process .item.one .line{
    background: #ffb1b1;
}

.visa-process .item.two .line{
    background: #ffd891;
}

.visa-process .item.three .line{
    background: #b1e1b1;
}

.visa-process .item.one .count{
    background: #ffc4c4;
    color: #be0000;
}

.visa-process .item.two .count{
    background: #ffcf76;
    color: #996300;
}

.visa-process .item.three .count{
    background: #c1ecc1;
    color: #056005;
}


@media only screen and (max-width:767px){
    .visa-process .item .line {
        width: 1px;
        height: 130%;
        left: calc(50% - 1px);
    }

    .visa-process .item.three .line {
        display: none;
    }

    .visa-process .item{
        margin: 20px 0;
    }
}

.points{
    float: left;
    width: 100%;
    margin: 20px 0;
}

.points ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.points ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 13px;
    padding-left: 20px;
    font-weight: 400;
    color: #484848;
}

.points ul li:before{
    font-family: FontAwesome;
    content: "\f124";
    float: left;
    margin-left: -20px;
}

.cus-accordion.visa-faq .panel{
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid gainsboro;
}

.cus-accordion.visa-faq .panel:last-child{
    border-bottom: none;
}

.cus-accordion.visa-faq .panel-default > .panel-heading {
    color: #494949;
    background-color: #fff;
    border-color: transparent;
    padding: 10px 0;
    position: relative;
}
.cus-accordion.visa-faq .panel-default > .panel-heading .panel-title{
    font-size: 15px;
    color: #004cb1;
}

.cus-accordion.visa-faq .panel-default > .panel-heading .panel-title a{
    text-decoration: none !important;
    outline: none !important;
}

.cus-accordion.visa-faq .panel-default > .panel-heading a:after{
    font-family: FontAwesome;
    content: "\f0d8";
    position: absolute;
    top: 5px;
    right: 5px;
}

.cus-accordion.visa-faq .panel-default > .panel-heading .panel-title a.collapsed:after{
    content: "\f0d7";
}

.panel-default > .panel-heading + .panel-collapse > .panel-body{
    font-size: 13px;
    font-weight: 400;
    color: #2b2a2a;
    padding: 20px 0;
    border: none;
}

.contactus-bar{
    background: linear-gradient(to right,#2D67B2,#144B92);
    background: -webkit-linear-gradient(to right,#2D67B2,#144B92);
    background: -moz-linear-gradient(to right,#2D67B2,#144B92);
    background: -o-linear-gradient(to right,#2D67B2,#144B92);
}

.contactus-bar .bar{
    float: left;
    width: 100%;
    color: white;
    font-size: 22px;
    font-weight: 700;

}

.contactus-bar .bar .cap{
    margin: 0;
}

.contactus-bar .bar .phone{
    margin: 0;
}

.contactus-bar .bar .email{
    margin: 0;
}

@media only screen and (max-width:1199px){
    .contactus-bar .bar{
        font-size: 15px;
    }
}

@media only screen and (max-width:767px){
    .contactus-bar .bar p{
        text-align: center;
    }
}


/* CSS FOR CONTACT US PAGE */

.contact-box{
    float: left;
    width: 100%;
}

.contact-page{
    background: #fff;
}

.contact-box .short-text{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: 300;
    font-family: Roboto;
}

.contact-box .contact-way{
    float: left;
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 15px;
    margin: 0 0 30px 0;
}

.contact-box .contact-way li{
    display: inline-block;
}

.contact-box .contact-way li a{
    padding: 15px 20px;
    background: #201c4f; /*#42663d;*/
    color: white;
    font-size: 16px;
    font-family: Arial;
    border-radius: 3px;
    text-decoration: none !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.contact-box .contact-way li a i.material-icons{
    position: relative;
    top: 6px;
}

.contact-box .form-box{
    margin-bottom: 40px;
}

.contact-box .social-links{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-box .social-links li{
    display: inline-block;
}

.contact-box .social-links li a{
    margin: 10px 60px 0 0;
    font-size: 40px;
}

.contact-box .social-links li:last-child a{
    margin-right: 0;
}

.address-box{
    float: left;
    width: 100%;
}

.address-box ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.address-box ul li{
    display: block;
    padding-right: 60px;
    margin-bottom: 20px;
    position: relative;
}

.address-box ul li .ico{
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    font-size: 30px;
    text-align: center;
}

.address-box ul li .data{
    font-size: 14px;
    font-family: Quicksand;
    margin: 0;
    font-weight: 500;
}

.address-box ul li .cap{
    font-size: 11px;
    color: gray;
}

.address-box .contact-title {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #BBB;
    border-right: 5px solid #c8c8c8;
    padding-right: 10px;
}

/* CSS FOR BLOG PAGE */


.blog-head{
    padding: 10px 20px;
    background: #0065b4 !important;
    color: white;
}

.blog-head .sub-text{
    float: left;
    width: 100%;
    margin: 0;
    font-weight: 400;
}

.blog .blog-listing{
    float: left;
    width: 100%;
}

.blog .blog-listing .item{
    float: left;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    height: 200px;
    border-radius: 2px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 10px -7px black;
    -webkit-box-shadow: 0 0 10px -7px black;
}

.blog .blog-listing .item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    content: "";
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

.blog .blog-listing .item:hover:before{
    background: rgba(0,0,0,0.7);
}

.blog .blog-listing .item .detail-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: white;
}

.blog .blog-listing .item .detail-box .head{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color: white;
    font-size: 16px;
    text-decoration: none !important;
}

.blog .blog-listing .item .detail-box .head:hover{
    color: #9CC8F4;
}

.blog .blog-listing .item .detail-box .author{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
}

.blog .blog-listing .item .detail-box .date-time{
    float: left;
    margin-bottom: 0;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
}

.blogpost-detail .content .sub-head {
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}

/* CSS FOR BLOG DETAIL PAGE */

.blogpost-detail{
    float: left;
    width: 100%;
    background: white;
    box-shadow: 0 0 26px -22px black;
    -webkit-box-shadow: 0 0 26px -22px black;
}

@media only screen and (max-width:991px){
    .blogpost-detail{
        margin-bottom: 20px;
    }
}

.blogpost-detail .img-box{
    float: left;
    width: 100%;
    height: 370px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.blogpost-detail .content{
    float: left;
    width: 100%;
    padding: 40px;
    font-weight: 400;
    font-size: 13px;
    color: #403e3e;
    /* text-align: justify; */
}

.blogpost-detail .content .head{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    top: -10px;
}

.blogpost-detail .content p:last-child,
.blogpost-detail .content ul:last-child{
    margin: 0;
}

.blogpost-detail .title{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.blogpost-detail .review-box{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 40px 40px 40px;
}

.blogpost-detail .review-box .head-box{
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: #fbfbfb;
}

.blogpost-detail .review-box .sort{
    float: left;
    font-family: Raleway;
    font-size: 13px;
}

.blogpost-detail .review-box .sort button{
    border: none;
    padding: 2px 5px;
    font-weight: 500;
    background: transparent;
    position: relative;
    top: 0px;
    font-size: 13px;
}

.blogpost-detail .review-box .sort button:hover{
    color: #cc0e00; /*#FF0000;*/
}

.blogpost-detail .review-box .sort .dropdown-menu > li > a{
    font-size: 11px;
    padding: 3px 15px;
    font-family: Roboto;
    font-weight: 300;
    text-transform: uppercase;
}

.blogpost-detail .review-box .review-count{
    float: right;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
    padding: 2px 0;
}

.blogpost-detail .review-box .your-review{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 15px;
}

.blogpost-detail .review-box .your-review .photo{
    margin: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.blogpost-detail .review-box .your-review .write-review-box{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.blogpost-detail .review-box .your-review .write-review-box textarea{
    float: left;
    width: 100%;
    border-radius: 2px;
    border: 1px solid gainsboro;
    resize: vertical;
    min-height: 60px;
    height: 60px;
    padding: 5px 10px;
    font-weight: 400;
}

.blogpost-detail .review-box .your-review .action-box{
    float: left;
    width: 100%;
}

.blogpost-detail .review-box .your-review .action-box .btn-submit{
    float: right;
    background: orange;
    padding: 2px 10px;
    border: none;
    color: white;
    border-radius: 2px;
}

.blogpost-detail .review-box .review-row{
    float: left;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.blogpost-detail .review-box .review-row:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.blogpost-detail .review-box .review-row .photo{
    margin: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.blogpost-detail .review-box .review-row .details{
    float: left;
    width: 100%;
    font-family: Roboto;
    font-weight: 300;
}

.blogpost-detail .review-box .review-row .details .name{
    float: left;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: 0;
}

.blogpost-detail .review-box .review-row .details .rating{
    color: #ff5f00;
    margin-bottom: 0;
}

.blogpost-detail .review-box .review-row .details .data{
    float: left;
    margin-right: 5px;
    font-size: 0.9em;
    color: gray;
    margin-bottom: 5px;
}

.blogpost-detail .review-box .review-row .details .data span{
    color: #333;
}

.blogpost-detail .review-box .review-row .review-content{
    float: left;
    width: 100%;
    font-weight: 300;
    font-size: 13px;

}

/* CSS FOR REFER AND EARN PAGE */

.refer-and-earn .refer-earn-head{
    float: left;
    width: 100%;
    text-align: center;
}

.refer-and-earn .refer-earn-head .main-head{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 35px;
    font-weight: 800;
    color: #2468aa;
}

.refer-and-earn .refer-earn-head .sub-text{
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-family: Roboto;
}

.refer-and-earn .refer-earn-banner{
    float: left;
    width: 100%;
}

.refer-and-earn .refer-earn-canvas{
    background: #2468AA;
    padding: 20px;
    border-top: 2px dashed white;
    border-bottom: 2px dashed white;
}

.refer-and-earn .refer-earn-canvas .element-set label{
    color: white;
}

.refer-and-earn .refer-earn-canvas .element-set .btn-submit{
    background: #ED593F;
}

.refer-and-earn .how-it-works{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.refer-and-earn .how-it-works ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.refer-and-earn .how-it-works ul li{
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
    font-weight: 400;
}

.refer-and-earn .how-it-works ul li:before{
    float: left;
    margin-left: -20px;
    font-family: FontAwesome;
    content: "\f124";
    color: #28c028;
}

.canvas-three{
    float: left;
    width: 100%;
}

.canvas-three .head{
    float: left;
    width: 100%;
    background-color: #e4e4e4;
    padding: 20px 70px;
    position: relative;
}

.canvas-three .head .main-text{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.canvas-three .head .main-text span{
    color: #ff3c00;
    font-weight: 600;

}

.canvas-three .head .sub-text{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: gray;
}

.canvas-three .head .signup-btn{
    float: left;
    width: 100%;
    text-align: center;
    background: orange;
    color: white;
    border-radius: 5px;
    padding: 9px;
    text-decoration: none !important;
}

.canvas-three .btm-box{
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center;
    background: #F6F6F6;
}

.canvas-three .btm-box .main-text{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
}

.canvas-three .btm-box .sub-text{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: 400;
    color: #005e78;
    font-size: 13px;
}

.canvas-three .btm-box .signin-btn{
    float: left;
    width: 100%;
    background: #346bb4;
    color: white;
    padding: 8px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.17);
}

.refer-and-earn .points-explain{
    float: left;
    width: 100%;
}

.refer-and-earn .title{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: black;
}

.refer-and-earn .how-much-points{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    background: #f7f7f7;
    overflow: hidden;
    border-bottom: 2px solid #ededed;
}

.refer-and-earn .how-much-points .title{
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    background: #5984AD;
}

.refer-and-earn .how-much-points .data{
    float: left;
    width: 100%;
    margin: 0;
    line-height: 15px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 0 15px 0px;
}

.refer-and-earn .how-much-points .data span.points{
    color: #f47b27;
    font-size: 40px;
    font-family: Arial;
    font-weight: 700;
}

.refer-and-earn .usage-conditions{
    float: left;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
    border-bottom: 2px solid #ededed;
}

.refer-and-earn .usage-conditions .items{
    float: left;
    width: 100%;
    padding: 20px;
    text-align: center;
}

.refer-and-earn .usage-conditions .items .ico{
    font-size: 80px;
    color: #5984AD;
}

.refer-and-earn .usage-conditions .items .cap{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-size: 20px;
}

.refer-and-earn .usage-conditions .items .desc{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    color: #454545;
}

/* CSS FOR CAREERS PAGE */

.career-vacancy{
    float: left;
    width: 100%;
}

.career-vacancy .item{
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background: white;
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.09);
}

.career-vacancy .item:last-child{
    margin-bottom: 0;
}

.career-vacancy .item .cap{
    float: left;
    width: 100%;
    margin: 0 0 0px 0;
    font-weight: 600;
    color: #0a0a0a;
    font-size: 18px;
}

.career-vacancy .item .data{
    float: left;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 400;
    color: gray;
}

.career-vacancy .item .data i{
    color: #4fb54f;
}

.career-vacancy .item .desc-intro{
    float: left;
    width: 100%;
    font-weight: 300;
    font-family: Roboto;
    margin-bottom: 10px;
    font-size: 13px;
}

.career-vacancy .item .desc-intro .title{
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    font-family: Raleway;
}

.career-vacancy .item .desc-intro .desc{
    float: left;
    width: 100%;
    font-size: 13px;
}

.career-vacancy .item .apply-now{
    float: right;
    text-transform: uppercase;
    color: #007dff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
    padding: 10px;
}

.apply-job{
    background: white;
    padding: 20px;
}

.apply-job .title{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 25px;
    font-weight: 700;
}

.apply-job label[for="file-upload"]{
    color: #000;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

/* CSS FOR NEW BOOKING PAGE */

.booking-panel-new{
    float: left;
    width: 100%;
}

.booking-panel-new .main-title-mini{
    float: left;
    width: 100%;
    font-family: Roboto;
    color: gray;
    margin: 0;
    text-transform: uppercase;
}

.booking-panel-new .panel-group{
    float: left;
    width: 100%;
    margin: 0;
}

.booking-panel-new .panel-group .panel{
    float: left;
    width: 100%;
    border: none;
    border: 1px solid gainsboro;
}

.booking-panel-new .panel-group .panel .panel-heading{
    float: left;
    width: 100%;
    color: white;
    padding: 0px;
    border-radius: 0;
    background: #c5c5c5;
}

.booking-panel-new .panel-group .panel .panel-heading.active{
    /*background: linear-gradient(#6394ce,#395fa2);
    background: -webkit-linear-gradient(#6394ce,#395fa2);
    background: -moz-linear-gradient(#6394ce,#395fa2);
    background: -o-linear-gradient(#6394ce,#395fa2);*/
    background: linear-gradient(#6C689B,#201c4f);
    background: -webkit-linear-gradient(#6C689B,#201c4f);
    background: -moz-linear-gradient(#6C689B,#201c4f);
    background: -o-linear-gradient(#6C689B,#201c4f);
    border-radius: 5px 5px 0 0;
}

.booking-panel-new .panel-group .panel .panel-heading .panel-title{
    position: relative;
    line-height: 25px;
}

.booking-panel-new .panel-group .panel .panel-heading .panel-title a{
    width: 100%;
    float: left;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    font-family: Arial;
}

.booking-panel-new .panel-group .panel .panel-heading .panel-title a:hover{
    color: white;
}

.booking-panel-new .panel-group .panel .panel-heading .panel-title i.material-icons{
    font-size: 18px;
    position: relative;
    top: 4px;
}

.booking-panel-new .panel-group .panel .panel-heading .panel-title a .tag-text{
    float: right;
    position: relative;
    font-size: 11px;
    font-weight: 400;
    color: #fefefe;
    font-family: Roboto;
}

.booking-panel-new .panel-group .panel .panel-heading.active .panel-title a .tag-text{
    color: #E9F2FF;
}

@media only screen and (max-width: 767px){
    .booking-panel-new .panel-group .panel .panel-heading .panel-title a .tag-text{
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 5px;
    }
}

.booking-panel-new .panel-group .panel .panel-collapse{
    float: left;
    width: 100%;
}

.booking-panel-new .panel-group .panel .panel-collapse .panel-body{
    float: left;
    width: 100%;
    padding: 0;
    border-radius: 0;
}

.booking-panel-new .trip{
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: 1px dashed gainsboro;
}

.booking-panel-new .trip:last-child{
    margin-bottom: 0;
}

.booking-panel-new .head-box{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Arial;
}

.booking-panel-new .head-box .main{
    float: left;
    margin-right: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

.booking-panel-new .head-box .sub{
    float: left;
    color: #a5a5a5;
    font-weight: 300;
    margin-bottom: 0px;
}

.booking-panel-new .head-box .misc-details{
    float: left;
    width: 100%;
}

.booking-panel-new .head-box .misc-details .item{
    float: left;
    margin-right: 10px;
}

.booking-panel-new .head-box .misc-details .item .data{
    float: left;
    margin: 0;
    font-size: 14px;
}

.booking-panel-new .head-box .misc-details .item .data.rating{
    color: orange;
}

.booking-panel-new .head-box .misc-details .item .cap{
    float: left;
    clear: both;
    margin: 0;
    font-size: 10px;
    color: gray;
}

.booking-panel-new .flight{
    float: left;
    width: 100%;
}

.booking-panel-new .flight .about-flight{
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 0 50px;
    font-size: 11px;
    color: gray;
    font-family: Roboto;
    font-weight: 300;
}

.booking-panel-new .flight .about-flight img{
    position: absolute;
    top: 0;
    left: 0;
}

.booking-panel-new .flight .about-flight .name{
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 0 0 3px 0;
    color: #333;
    font-family: Raleway;
    font-weight: 600;
}

.booking-panel-new .flight .about-flight .f-no{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
}

.booking-panel-new .flight .about-flight .operated-by{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
}

.booking-panel-new .flight .about-flight .class{
    float: left;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #484848;
}

.booking-panel-new .flight .journey.from{
    text-align: right;
}

.booking-panel-new .flight .journey{
    float: left;
    width: 100%;
}

.booking-panel-new .flight .journey .airport-time{
    float: left;
    width: 100%;
    font-size: 22px;
    font-family: Arial;
    margin: 0;
}

.booking-panel-new .flight .journey .airport-time .airport{
    color: #8e8c8c;
    font-weight: 300;
}

.booking-panel-new .flight .journey .airport-time .time{
    font-weight: 700;
}

.booking-panel-new .flight .journey .date{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-family: Roboto;
    font-weight: 300;
}

.booking-panel-new .flight .journey .airport-location{
    float: left;
    width: 100%;
    font-size: 11px;
    color: gray;
    margin: 0;
}

.booking-panel-new .flight .duration{
    float: left;
    width: 100%;
    text-align: center;
}


.booking-panel-new .flight .duration i{
    display: block;
    font-size: 30px;
    margin-bottom: 5px;
    color: #d0cfcf;
}

.booking-panel-new .flight .duration .dur{
    font-family: Roboto;
    color: gray;
}

.booking-panel-new .flight .baggage-info{
    float: left;
    width: 100%;
}

.booking-panel-new .flight .baggage-info .mini-title{
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 0.87em;
    color: gray;
    font-weight: 600;
    font-family: Arial;
}

.booking-panel-new .flight .baggage-info .detail{
    float: left;
    width: 100%;
    margin: 0;
    color: gray;
    font-size: 11px;
    font-family: Arial;
}

.booking-panel-new .layover{
    float: left;
    width: 100%;
    margin: 25px 0;
    height: 1px;
    background: gainsboro;
    position: relative;
}


.booking-panel-new .layover .time{
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
}

.booking-panel-new .layover .time span{
    padding: 2px 10px;
    font-family: Roboto;
    font-weight: 300;
    color: #545454;
    background: #eee;
}

.booking-panel-new .total-price{
    float: left;
    width: 100%;
    background: #ededed;
    padding: 20px;
}

.booking-panel-new .total-price .grant-total{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.booking-panel-new .total-price .grant-total .amt{
    float: left;
    width: 100%;
    font-size: 35px;
    font-family: Arial;
    font-weight: 700;
    margin: 0;
}

.booking-panel-new .total-price .grant-total .passengers{
    float: left;
    width: 100%;
    margin: 0;
    font-family: Arial;
    font-weight: 300;
    color: gray;
}

.booking-panel-new .continue-booking{
    float: left;
    text-align: center;
    border: none;
    background: #cc0e00;
    border-radius: 3px;
    padding: 5px 10px;
    color: white;
    font-weight: 700;
}

.booking-panel-new .total-price .refundable{
    float: left;
    margin: 0 0 3px 0;
    padding: 3px 10px;
    background: #57b157;
    color: white;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.booking-panel-new .total-price .refundable.no{
    background: red;
}

.booking-panel-new .total-price .refundable.no:before{
    content: "Non -"
}

.booking-panel-new .add-padd{
    padding: 20px;
}

.booking-panel-new .traveller{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.booking-panel-new .traveller .caption{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
}

.booking-panel-new .room{
    float: left;
    width: 100%;
}

.booking-panel-new .room .img-box{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.booking-panel-new .room .room-details{
    float: left;
    width: 100%;
}

.booking-panel-new .room .room-details .primary-details{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 300;
    line-height: 15px;
    color: #464646;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 10px;
}

.booking-panel-new .room .room-details .primary-details .guests{
    font-weight: 500;
}

.booking-panel-new .room .room-details .primary-details .type{
    color: gray;
}

.booking-panel-new .room .room-details .check-in-out{
    float: left;
    width: 100%;
}

.booking-panel-new .room .room-details .check-in-out .item{
    float: left;
    margin-right: 5px;
    font-family: Roboto;
    font-weight: 300;
    line-height: 20px;
}

.booking-panel-new .room .room-details .check-in-out .item .cap{
    margin-bottom: 0;
    color: #9e9b9b;
}

.booking-panel-new .room .room-details .check-in-out .item .date{
    margin-bottom: 0;
    font-size: 20px;
}

.booking-panel-new .room .room-details .check-in-out .item .date span{
    font-weight: 600;
}

.booking-panel-new .room .room-details .check-in-out .item .week-time{
    margin-bottom: 0;
    font-size: 13px;
    color: gray;
}

.booking-panel-new .room .room-details .check-in-out .item .duration{
    float: left;
    width: 100%;
    text-align: center;
}

.booking-panel-new .room .room-details .check-in-out .item .duration i{
    font-size: 25px;
    width: 100%;
    margin-top: 13px;
    margin-bottom: 0px;
}

.booking-panel-new .room .room-details .check-in-out .item .duration span{
    color: gray;
}

.booking-panel-new .room .important-points{
    float: left;
    width: 100%;
}

.booking-panel-new .room .important-points .title{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
}

.booking-panel-new .room .important-points ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.booking-panel-new .room .important-points ul li:before{
    font-family: FontAwesome;
    content: "\f00c";
    float: left;
    margin-left: -20px;
    color: #9e9e9e;
}

.booking-panel-new .room .important-points ul li{
    float: left;
    width: 100%;
    padding-left: 20px;
    font-size: 13px;
    font-family: tahoma;
}

.booking-panel-new .checkbox-group{
    line-height: unset !important;
}

.booking-panel-new .checkbox-group label{
    float: left !important;
    width: 100% !important;
    margin: 0 !important;
}

.booking-panel-new .checkbox-group li.fill{
    height: unset !important;
    margin: 0 !important;
}

/* CSS FOR VISA DETAIL NEW */

.visa-banner-new{
    float: left;
    width: 100%;
    max-height: 200px;
   /* background: #CC0E00; */
    /* padding: 10px 0 !important; */
    padding: 1px 0 !important;
}

.visa-banner-new .banner-content{
    float: left;
    width: 100%;
   /*  margin: 20px 0; */
    text-align: center;
    color: white;
}

.visa-banner-new .banner-content .fieldset-area{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: white;
    position: relative;
    height: 55px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14);
}

.visa-banner-new .banner-content .fieldset-area .fa-map-marker{
    position: absolute;
    top: -3px;
    left: 0;
    height: 55px;
    line-height: 55px;
    width: 55px;
    font-size: 18px;
    text-align: center;
    color: #484848;
    z-index: 10;
}

.visa-banner-new .banner-content .fieldset-area  .bootstrap-select{
    width: 100% !important;
    border-radius: 0 !important;
}

.visa-banner-new .banner-content .fieldset-area  .bootstrap-select button{
    float: left;
    width: 100%;
    height: 55px;
    border: none;
    padding-left: 45px;
    padding-right: 70px;
    color: #484848;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0 !important;
}

.visa-banner-new .banner-content .fieldset-area .dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.visa-banner-new .banner-content .fieldset-area .dropdown-menu > li > a{
    padding: 10px 20px;
}


.visa-banner-new .banner-content .fieldset-area input::placeholder {
    color: #b3b3b3;
    opacity: 1; /* Firefox */
}

.visa-banner-new .banner-content .fieldset-area input:-ms-input-placeholder {
    color: #b3b3b3;
}

.visa-banner-new .banner-content .fieldset-area input::-ms-input-placeholder {
    color: #b3b3b3;
}

.visa-banner-new .banner-content .fieldset-area .search-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: none;
    background: #FFD659;
    color: black;
    font-size: 20px;
    z-index: 10;
    display: none;
}

.visa-banner-new .banner-content .why-us{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.visa-banner-new .banner-content .why-us li{
    display: inline-block;
    position: relative;
    padding-left: 50px;
    margin-right: 30px;
    font-weight: 100;
    text-transform: uppercase;
    color: #FFF;
    font-family: Arial;
    font-size: 11px !important;
}

.visa-banner-new .banner-content .why-us li i{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    text-align: center;
    font-size: 30px;
    color: #FFD9CE;
    color: #DAEAFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
}

@media only screen and (min-width:767px) and (max-width:991px){
    .visa-banner-new .banner-content .why-us li i{
        font-size: 35px;
    }

    .visa-banner-new .banner-content .why-us li {
        padding-left: 45px;
        margin-right: 15px;
        font-size: 13px;
    }
}

@media only screen and (max-width:767px){

    .visa-banner-new .banner-content .why-us li i{
        position: unset;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .visa-banner-new .banner-content .why-us li {
        float: left;
        width: 50%;
        margin-right: 0;
        margin-bottom: 20px;
        padding-left: 0;
        text-align: center;
    }

    .visa-showcase .item .detail{
        text-align: center !important;
    }
}

.visa-detail .headbox{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.visa-detail .headbox .main{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 30px;
    
}

.visa-detail .headbox .sub{
    float: left;
    width: 100%;
    margin: 0;
    font-weight: 400;
    color: gray;
}

.visa-detail .detail-box{
    float: left;
    width: 100%;
}

.visa-detail .detail-box .intro{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto;
}

.visa-detail .breadcrumb{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    background: transparent;
}

.visa-detail .breadcrumb li a{
    font-size: 11px;
    font-weight: 400;
    color: gray;
    margin: 0;
}

.visa-detail .visa-listing{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.visa-detail .visa-listing .item{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #f8f8f8;
    border: 1px solid #e8e6e6;
}

.visa-detail .visa-listing .item .head{
    float: left;
    width: 100%;
    /* height: 91px; */
    height: 71px;
    padding: 20px;
    text-align: center;
    background: #fafafa;
}

.visa-detail .visa-listing .item .head .days{
    font-size: 22px;
    font-family: Arial;
    margin: 0 0 5px 0;
    line-height: 29px;
    text-shadow:  6px 3px 8px rgba(0, 0, 0, 0.43);
}

.visa-detail .visa-listing .item .head .name{
    font-family: Roboto;
    font-weight: 300;
}

.visa-detail .visa-listing .item .midbox{
    float: left;
    width: 100%;
    height: 70px;
    padding: 18px;
    text-align: center;
    background: linear-gradient(to right,#ECECEC,#DDD);
    background: -webkit-linear-gradient(to right,#ECECEC,#DDD);
    background: -moz-linear-gradient(to right,#ECECEC,#DDD);
    background: -o-linear-gradient(to right,#ECECEC,#DDD);
}

.visa-detail .visa-listing .item .midbox .price{
    float: left;
    width: 100%;
    font-family: Arial;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.visa-detail .visa-listing .item .midbox .note{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #3a3a3a;
}

.visa-detail .visa-listing .item .inclusions{
    float: left;
    width: 100%;
    padding: 20px;
}

.visa-detail .visa-listing .item .inclusions ul{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.visa-detail .visa-listing .item .inclusions ul li{
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
}

.visa-detail .visa-listing .item .inclusions ul li:before{
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 5px;
    color: #bbb;
}

.custom-writing{
    float: left;
    width: 100%;
}

.custom-writings h1,
.custom-writings h2,
.custom-writings h3,
.custom-writings h4,
.custom-writings h5,
.custom-writings h6{
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 600;
}

.custom-writings p{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 300;
    font-family: Roboto;
}

.custom-writings ul{
    float: left;
    width: 100%;
    padding: 0 0 0 15px;
    margin: 0 0 25px 0;
}

.custom-writings ul li{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 5px;
}

.visa-booking-form{
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    /*background: linear-gradient(#2D74D0,#23518D);
    background: -webkit-linear-gradient(#2D74D0,#23518D);
    background: -moz-linear-gradient(#2D74D0,#23518D);
    background: -o-linear-gradient(#2D74D0,#23518D);*/
    /*background: linear-gradient(#cc0e00,#cc0e00);
    background: -webkit-linear-gradient(#cc0e00,#cc0e00);
    background: -moz-linear-gradient(#cc0e00,#cc0e00);
    background: -o-linear-gradient(#cc0e00,#cc0e00);*/
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.22);
}

.visa-booking-form .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.visa-booking-form .form-box .element-set .bootstrap-select .btn{
    height: 35px;
}

.visa-booking-form .form-box .element-set input{
    height: 35px;
}

.visa-booking-form .element-set label{
    color: #000;
}

.visa-booking-form .element-set .btn-submit{
    /*background: linear-gradient(to right, #F24F3E,#FF6130);
    background: -webkit-linear-gradient(to right, #F24F3E,#FF6130);
    background: -moz-linear-gradient(to right, #F24F3E,#FF6130);
    background: -o-linear-gradient(to right, #F24F3E,#FF6130);*/
   /*background: linear-gradient(to right, #ff9600,#ff9600);
    background: -webkit-linear-gradient(to right, #ff9600,#ff9600);
    background: -moz-linear-gradient(to right, #ff9600,#ff9600);
    background: -o-linear-gradient(to right, #ff9600,#ff9600);*/

}

.visa-booking-form .element-set .checkbox-group li.fill label {
    margin-bottom: 0;
}

.visa-booking-form .element-set .checkbox-group li.fill {
    height: unset !important;
    margin: 0 0 5px 0 !important;
    line-height: 20px !important;
}

.visa-booking-form .element-set .checkbox-group li input[type="checkbox"] + .caption{
    color: white;
}

.visa-booking-form .element-set .checkbox-group li input[type="checkbox"]:checked + .caption{
    color: #aaff74;
}

.visa-booking-form .element-set .form-box .element-set .checkbox-group li input[type="checkbox"]:checked + .caption::before{
    color: #aaff74;
}

.talk-to-us{
    float: left;
    width: 100%;
}

.talk-to-us .item:first-child{
    border-top: 1px solid gainsboro;
    padding-top: 10px;
}

.talk-to-us .item{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid gainsboro;
    padding: 0 0 10px 0;
}

.talk-to-us .main-ico{
    float: left;
    width: 100%;
    font-size: 60px;
    text-align: center;
    color: #5a5a5a;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.talk-to-us .cap{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
}

.talk-to-us .data{
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 16px;
    color: #484848;
}

.talk-to-us .data span{
    color: #2D67B2;
}

/* CSS FOR VISARATE SHOWCASE PAGE */

.visa-showcase{
    float: left;
    width: 100%;
}

.visa-showcase .item{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: white;
    padding: 20px;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.02);
}

.visa-showcase.mini .item{
    padding: 10px;
    background: #edf8ff;
    border: 1px solid #ddeef9;
    margin-bottom: 10px;
}

.visa-showcase.mini .item .detail .name{
    font-size: 14px;
}

.visa-showcase.mini .item .detail .price{
    font-size: 18px;
}

.visa-showcase.mini .item .img-box{
    width: 69px;
    height: 40px;
}

.visa-showcase .item .img-box{
    margin: auto auto 20px auto;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
}

.visa-showcase .item .detail{
    float: left;
    width: 100%;
    text-align: right

}

.visa-showcase .item .detail .name{
    float: left;
    width: 100%;
    margin: 0;
    font-weight: 300;
    color: #484848;
    font-size: 17px;
    font-family: Roboto;
}

.visa-showcase .item .detail .price{
    float: left;
    width: 100%;
    margin: 0;
    color: #2D67B2;
    font-family: Arial;
    font-size: 20px;
    line-height: 22px;
}

.visa-showcase .item .detail .price span{
    font-size: 13px;
    color: gray;
    font-weight: 300;
    font-family: Roboto;
}

/* CSS FOR NEW REFER AND EARN */

.refer-and-earn-box{
    float: left;
    width: 100%;
    background: white;
}

.refer-and-earn-box .item{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 0;
}

.refer-and-earn-box .caption{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 30px 0px 30px;
}

.refer-and-earn-box .caption span {

    color: #ed593f;

}

.refer-and-earn-box .intro{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 300;
    font-size: 13px;
    color: gray;
    padding: 0 30px 0px 30px;
}

.refer-and-earn-box .item .main-ico{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 40px;
    color: #4ad284;
}

.refer-and-earn-box .item .cap{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    color: #484848;
    font-size: 20px;
}

.refer-and-earn-box .item .desc{
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #5f5f5f;
}

.cashpoints{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    background: #f7f7f7;
    text-decoration: none !important;
    position: relative;
}

.cashpoints .go-ico{
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 94.0667px;
    line-height: 94.0667px;
    font-size: 40px;
}

.cashpoints .points{
    font-size: 40px;
    font-family: Arial;
    line-height: 40px;
    margin: 0 0 -5px 0;
}

.cashpoints .points:after{
    font-size: 11px;
    content: "POINTS";
    margin-left: 5px;
    font-style: italic;
}

.cashpoints .cap{
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

.cashpoints.signup-bonus{
    background: linear-gradient(to right,#ff6500,#d44700);
    background: -webkit-linear-gradient(to right,#ff6500,#d44700);
    background: -moz-linear-gradient(to right,#ff6500,#d44700);
    background: -o-linear-gradient(to right,#ff6500,#d44700);
    color: white;
}

.cashpoints.invite-bonus{
    background: linear-gradient(to right,#ffbf00,#ff9200);
    background: -webkit-linear-gradient(to right,#ffbf00,#ff9200);
    background: -moz-linear-gradient(to right,#ffbf00,#ff9200);
    background: -o-linear-gradient(to right,#ffbf00,#ff9200);
    color: white;
}

/* CSS FOR VISA BOOKING */

.visa-booking{
    float: left;
    width: 100%;
}

.visa-booking .one-step-to-go{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-weight: 400;
}

.visa-booking .bar{
    float: left;
    width: 100%;
    padding: 10px 40px;
    font-weight: 400;
    background: #DAEBF7;
    color: #19e;
}

.visa-booking .sub-bar{
    float: left;
    width: 100%;
    padding: 10px 40px;
    background: #F3F8FC;
    color: #777;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
}

.visa-booking .padder{
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}

.visa-booking .padder:last-child{
    border-bottom: none;
    padding-bottom: 0;
}

.visa-booking .shade-box{
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    background: #75B1E3;
    text-align: right;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
}

.visa-booking .shade-box span{
    font-size: 22px;
    font-family: Arial;
}

.visa-booking .shade-box.gray{
    background: #eaeaea;
    padding: 15px 10px;
}

.visa-booking .shade-box.gray .user-ico{
    color: gray;
    font-size: 20px;
}

.visa-booking .shade-box.gray span{
    font-size: 13px;
    float: left;
    color: #484848;
    font-weight: 600;
    font-family: Raleway;
}

.visa-booking .shade-box.orange{
    background: #FFC61E;
    padding: 15px 10px;
}

.visa-booking .shade-box.orange span{
    font-size: 13px;
    float: left;
    color: #624400;
    font-weight: 600;
    font-family: Raleway;
}

.visa-booking .shade-box.orange .user-ico{
    font-size: 20px;
}

.visa-booking .data-field{
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    font-family: Arial;
}

.visa-booking .data-field span{
    font-size: 13px;
    color: gray;
}

.visa-booking .form-box .element-set label{
    font-size: 9px;
    color: #414040;
}

.visa-booking .form-box .element-set input{
    height: 35px;
    font-size: 13px;
    border-radius: 2px;
}

.visa-booking .form-box .element-set .btn-submit{
    height:35px;
}

.visa-booking .form-box .element-set .bootstrap-select .btn{
    height: 35px;
}

.visa-booking .checkbox-group li.fill {
    height: unset !important;
    margin: 0 0 5px 0!important;
    line-height: 20px !important;
}

.visa-booking .checkbox-group li.fill:last-child{
    margin-bottom: 0 !important;
}

.visa-booking .checkbox-group li.fill label{
    margin-bottom: 0;
}

.visa-booking .visa-farebox{
    float: left;
    width: 100%;
    padding: 10px 0;
    font-family: Arial;
    font-weight: 300;
    font-size: 14px;
}

.visa-booking .visa-farebox .data{
    float: left;
    width: 100%;
    font-family: Roboto;
    margin-bottom: 5px;
}

.visa-booking .visa-farebox .amt{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
}

.visa-booking .visa-farebox .grand-total{
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    text-align: right;
    border-top: 1px solid gainsboro;
    padding-top: 10px;
    margin-top: 10px;
}

/* CSS FOR THANK YOU PAGE */

.thank-you{
    float: left;
    width: 100%;
    padding: 60px 20px;
    text-align: center;
}

.thank-you.colored{
    background: #2D74D0 !important;
}

.thank-you .main-cap{
    font-size: 40px;
    float: left;
    width: 100%;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: white;
}

.thank-you .sub-text{
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: white;
}

.thank-you .a-holder{
    float: left;
    width: 100%;
    margin: 40px 0 60px 0;
    text-align: center;
}

.thank-you .send-feedback{
    padding: 15px 20px;
    background: #4DCC67;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18);
    text-transform: uppercase;
    font-weight: 700;
}

.thank-you .service-box{
    float: left;
    width: 100%
}

.thank-you .service-box ul{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.thank-you .service-box ul li{
    display: inline-block;
}

.thank-you .service-box ul li a{
    float: left;
    border: 1px solid white;
    margin: 0 20px 20px 0;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    text-decoration: none !important;
    background: white;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.19);
}

.thank-you .service-box ul li a span.cap{
    font-size: 14px;
}

.thank-you .service-box ul li a i{
    font-size: 40px;
    margin-top: 15px;
}

.thank-you .sub-cap{
    float: left;
    width: 100%;
    color: white;
    margin: 0 0 15px 0;
    font-size: 22px;
}

.thank-you .go-home{
    color: white;
    text-decoration: none !important;
    text-transform: uppercase
}

/* CSS FOR VISA EXPIRY */

.visa-expiry{
    float: left;
    width: 100%;
}

.visa-expiry .title{
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: 700;
}

.visa-expiry .element-set label{
    text-align: left;
    color: white;
}

.visa-expiry .element-set .btn-submit{
    background: #FFD659;
    color: black;
}

/* CSS FOR GET STARTED */

.flight-ad-slot a {
    display: inline-block;
    position: relative;
    width: 100%;
}
.int_hldy {
    background-position: center center;
    background-size: cover;
    max-width: 100%;
    min-height: 307px;
    overflow: hidden;
    position: relative;
}

.get-started{
    float: left;
    position: relative;
    width: 100%;
    padding: 4rem 3rem;
    color: white;
    background-repeat: no-repeat !important;
    background-position: 100% -79px;
    background-size: cover !important;
    border-radius: 2px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background: #272727;
}

.get-started:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";

}

.get-started .img-box{
    float: left;
    width: 100%;
    margin: 65px 0 0 0;
}

.get-started .details{
    float: left;
    width: 100%;
}

.get-started .details .head{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: Quicksand;
}

.get-started .details ul{
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

.get-started .details ul li{
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: Arial;
    padding-left: 10px;
    font-size: 15px;
}

.get-started .details ul li:before{
    float: left;
    content: "-";
    margin-left: -10px;
}

.get-started .details .link-style{
    float: left;
    border: 1px solid #cc0e00;
    padding: 5px 10px;
    border-radius: 2px;
    color: #fff; /*#E83509;*/
    background: #cc0e00;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
}

.offer-image-pin{
    position: absolute;
    bottom: -5px;
    width: 9%;
    left: 45px;
}

.offer-image-burj{
    position: absolute;
    top: 0px;
    width: 27%;
    left: 215px;
}

.offer-image-palm{
    position: absolute;
    bottom: -12px;
    width: 11%;
    left: 555px;
}

.get-started .form-box{
    /*background: white;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;*/
}

.get-started .form-box .title{
    color: #484848;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
    padding: 10px;
    /*background: #f7f7f7;*/
}

.get-started .form-box .element-set{
    padding: 10px;
    margin: 0;
}

.get-started .form-box input{
    border: none;
    border-bottom: 1px solid gainsboro;
    height: 35px;
    padding: 0;
    border-radius: 0;
    color: #484848;
    font-size: 13px;
    background: transparent;
}

.get-started .form-box input.error {
    border: none !important;
    border-bottom: 1px solid #f4523b !important;
}

.get-started .form-box input:focus{
    outline: none !important;
    border: none;
    border-bottom: 1px solid #57bdff;
    /*color: #F4523B;*/
}

.get-started .form-box .element-set label{
    font-size: 9px;
    color: gray;
}

@media only screen and (max-width:767px){
    .get-started .img-box{
        margin: 0 0 30px 0;
    }

    .get-started .link-style{
        margin-bottom: 20px;
    }
}

/* CSS FOR NEW SIGNIN */

.user-access{
    float: left;
    width: 100%;
    background: white;
    padding: 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
}

.user-access .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #484848;
    position: relative;
    top: -5px;
}

.user-access .element-set label{
    font-size: 9px;
    color: gray;
}

.user-access .element-set input{
    color: #484848;
    font-size: 13px;
    height: 35px;
}

.user-access .element-set input:focus{
    outline: none !important;
    border: 1px solid #FC5D33;
    color: #FC5D33;
}

.user-access .account-canvas{
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}


.user-access .account-canvas .head{
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: linear-gradient(to right,#cc0e00,#e31405);
    background: -webkit-linear-gradient(to right,#cc0e00,#e31405);
    background: -moz-linear-gradient(to right,#cc0e00,#e31405);
    background: -o-linear-gradient(to right,#cc0e00,#e31405);
    font-weight: 600;
    font-size: 13px;
    color: white;
}

.user-access .account-canvas .matter{
    float: left;
    width: 100%;
    padding: 20px;
    background: linear-gradient(#fafafa,#f2f2f2);
    background: -webkit-linear-gradient(#fafafa,#f2f2f2);
    background: -moz-linear-gradient(#fafafa,#f2f2f2);
    background: -o-linear-gradient(#fafafa,#f2f2f2);
}

.user-access .account-canvas .matter .items{
    float: left;
    position: relative;
    width: 100%;
    margin: 15px 0;
    padding-left: 40px;
    font-weight: 400;
    font-size: 13px;
}

.user-access .account-canvas .matter .items i{
    position: absolute;
    top: 2px;
    left: 0px;
    width: 30px;
    font-size: 25px;
    text-align: center;
    color: #f64b4b;
}

.user-access .fpass-form{
    display: none;
}

@media only screen and (max-width:767px){
    .user-access{
        padding: 20px;
    }
}

/* CSS FOR MICE TOURISM */

.mice-signup .send-pass{
    display: none;
}

.mice-banner{
    position: relative;
    padding: 50px 20px 180px 20px;
    background-image: url(../img/mice/banner.jpg);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: white;
    text-align: center;
}

.mice-banner:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(22, 117, 186, 0.7),rgba(2, 52, 130, 0.49));
    background: -webkit-linear-gradient(rgba(22, 117, 186, 0.7),rgba(2, 52, 130, 0.49));
    background: -moz-linear-gradient(rgba(22, 117, 186, 0.7),rgba(2, 52, 130, 0.49));
    background: -o-linear-gradient(rgba(22, 117, 186, 0.7),rgba(2, 52, 130, 0.49));
}

.mice-banner .title{
    font-size: 50px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.68);
}

.mice-banner .sub-text{
    font-size: 18px;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52);
}

.business-types{
    float: left;
    width: 100%;
    margin-top: 0px;
    /*margin-top: -141px;*/
}

.business-types .type{
    float: left;
    width: 100%;
    background: white;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    border: 1px solid #efefef;
}

.business-types .type .title{
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px 40px;
    font-size: 20px;
    font-weight: 400;
}

.business-types .type .title span{
    color: #F51E27;
    font-weight: 500;
}

.business-types .type .high{
    float: left;
    width: 100%;
    padding: 10px 40px;
    color: #171717;
    font-size: 14px;
    font-weight: 400;
    background: #ffec92;
    font-family: arial;
}

.business-types .type .listing{
    float: left;
    width: 100%;
    padding: 20px;
}

.business-types .type .listing .item{
    float: left;
    width: 100%;
   /*  padding-left: 115px; */
    position: relative;
    margin-bottom: 35px;
}
.business-types .type .listing .item-pad{
    padding-left: 1px;
}

.business-types .type .listing .item .main-ico{
    position: absolute;
    top: 0px;
    left: 20px;
    width: 60px;
    font-size: 50px;
    color: #2D67B2;
}

.business-types .type .listing .item .head{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 14px;
}

.business-types .type .listing .item .desc{
    float: left;
    width: 100%;
    min-height: 32px;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    color: #6b6b6b;
    font-family: Arial;
}

.business-types .type .listing .signup-btn{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    background: red;
    color: white;
    text-decoration: none !important;
    font-weight: 700;
    border-radius: 2px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.11);
}

@media only screen and (max-width:991px){
    .business-types .type{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:767px){
    .business-types .type .listing .item .main-ico{
        width: 30px;
        font-size: 30px;
        left: 0;
    }

    /* .business-types .type .listing .item{
        padding-left: 50px;
    } */

    .business-types .type .title {
        padding: 15px;
        font-size: 16px;
    }

    .business-types .type .high{
        padding: 10px 15px;
    }

    .business-types .type .listing .item .desc {
        font-size: 11px;
        font-family: Raleway;
    }
}

.mice-signup{
    float: left;
    width: 100%;
    margin-top: -160px;
}

.mice-signup .form-box{
    background: white;
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.mice-signup .form-box .title{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 18px;
    color: #F51E27;
}

/* CSS FOR ADBOX-LEFT */

.adbox-left{
    float: left;
    width: 88%;
    margin-top: 10px;
    background: #2D67B2;
    margin-right: 5%;
    margin-left: 5%;
    color: white;
    position: relative;
    border-bottom: 2px dashed #F8F8F8;
    border-top: 2px dashed #F8F8F8;
}

.adbox-left .ico{
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: white;
    color: #2D67B2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.23);
}

.adbox-left .off{
    font-family: Arial;
    font-size: 32px;
    line-height: 40px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.adbox-left .off span{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    font-family: Raleway;
}

.adbox-left .desc{
    float: left;
    width: 100%;
    margin: 0;
    font-weight: 400;
    color: #FFFE00;
    padding: 10px 20px 40px 20px;
    font-size: 15px;
    font-family: Arial;
}

.adbox-left .desc span{
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);
}

.adbox-left .desc .book-now{
    float: left;
    padding: 7px 20px;
    color: white;
    background: #FD5E32;
    border-radius: 2px;
    text-decoration: none !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.29);
}

@media only screen and (max-width:991px){
    .adbox-left{
        width: 100%;
        margin: 0;
    }
    
    .btm-bar .linear-links.social ul {
        text-align: left !important;
    }
}

/* CSS FOR WHATSAPP CONNECT */

.whatsapp-connect{
    float: left;
    width: 100%;
    height: 97px;
    position: relative;
    padding: 20px;
    padding-right: 85px;
    background: rgba(37,211,102 ,1);
    margin-bottom: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.whatsapp-connect .title{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
}

.whatsapp-connect .title span{
    font-size: 30px;
    font-weight: 800;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    color: #FFF;
}

.whatsapp-connect .fa-whatsapp{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 75px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.26);
}
.whatsapp-connect .say-hi{
    float: left;
    background: #fffe05;
    color: #333;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.11);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.11);
    padding: 5px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    text-decoration: none !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    outline: none !important;
}

.whatsapp-connect .say-hi:hover{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

.abt-box{
    float: left;
    width: 100%;
    padding: 20px 20px 20px 100px;
    background: white;
}

.abt-box .sec{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.abt-box .abt-title{
    float: left;
    width: 100%;
    margin: 5px 0 15px 0;
    font-size: 16px;
    font-weight: 700;
    color: #3f464e;
}

.abt-box .sub-title{
    float: left;
    width: 100%;
    font-size: 14px;
}

.abt-box .title-desc{
    float: left;
    width: 100%;
    margin: -10px 0 10px 0;
    font-weight: 400;
    font-size: 13px;
    color: gray;
}

.abt-box .abt-para{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    font-family: Roboto;
}

.abt-box ul{
    float: left;
    width: 100%;

}

.abt-box ul li{
    font-size: 13px;
    margin: 0 0 5px 0;
    font-weight: 500;
}

.review-info {
    text-align: center;
    font-size: 13px;
    margin-bottom: 11px;
}

.amnty-name {
    font-size: 12px;
}

.info-cont {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.6;
}
.visa-cal-li{
    width: 100%;
}
.host-search{
    width: 49%;
}


.visa-card {
    float: left;
    height: 50px;
    width: 150px;
    background: rgba(0, 0, 0, 0) url("../img/visa-card.png");
}


.ticket-name{
    font-size: 14px;
    color: #28ea71;
    font-weight: 600;
}
/* .master-card {
    float: left;
    height: 50px;
    width: 50px;
    background: rgba(0, 0, 0, 0) url("../img/master-card.png");
} */


.credit-amount{
    font-weight: 600;
    font-size: 16px;
    padding: 12px;
}

.owl-dots {
    text-align: center;
    position: relative;
    top: -45px;
}

.owl-dot {
    background: #0076bc !important;
    width: 7px;
    height: 7px;
    margin-right: 0.5rem;
    border-radius: 50%;
}
.owl-dot.active {
    background: #cc0e00 !important;
    width: 8px;
    height: 8px;
}

.owl-carousel .owl-nav button {
    position: absolute;
    top: 0;
    content: "\f053";
    display: block;
    color: white !important;
    font-size: 5em !important;
    font-family: FontAwesome !important;
    margin-top: 9%;
}

.owl-prev {
    left: 19px;    
}

.owl-next {    
    right: 19px;
}

@media(max-width: 1024px) {
    .owl-carousel .owl-nav button {    
        font-size: 3.5em !important;
    }
}

@media(max-width: 420px) {
    .owl-carousel .owl-nav button {    
        font-size: 2em !important;
    }
}

.head-title {
    color: #201c4f;
    font-size: 1.875em !important;
    font-weight: 600;
}

.head-sub-title {
    color: #201c4f; /*#cc0e00;*/
    font-size: 1.275em !important;
    font-weight: 600;
}

.sub-head {
    color: #333;
    font-size: 1em !important;
    font-weight: 600;
}
.lh-17 {
    line-height: 1.7 !important;
}
.lh-2 {
    line-height: 2 !important;
}

.font-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-600 {
    font-weight: 600 !important;
}

.item-pad td {
    padding: 2px 8px;
    font-size: 13px;
}

.txt-orange {
    color: #cc0e00 !important;
}

.txt-red {
    color: #cc0e00 !important;
}

.career-box input[type=radio] {
    float:none;
    display: inline;
    width: auto;
    height: 20px;
    vertical-align: bottom;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.5em !important;
}

.mt-2 {
    margin-top: 0.75em !important;
}

.mt-3 {
    margin-top: 1em !important;
}

.mt-4 {
    margin-top: 2em !important;
}

.mb-1 {
    margin-bottom: 0.5em !important;
}

.mb-2 {
    margin-bottom: 0.75em !important;
}

.mb-2 {
    margin-bottom: 0.75em !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.mb-7 {
    margin-bottom: 3rem !important;
}


.order-list {
    counter-reset: list;
}

.order-list li {
    list-style: none;
}

.order-list.bracket-list-alpha li:before {
    content: counter(list, upper-alpha) ") ";
    counter-increment: list;
}

.order-list .normal-list {
    counter-reset: normcounter;
}

.order-list .normal-list li:before {
    counter-increment: normcounter;
    content: counter(normcounter) ". " !important;
    
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-2 {
    padding-left: 0.75rem !important;
}
.pl-3 {
    padding-left: 1rem !important;
}
.pl-4 {
    padding-left: 1.5rem !important;
}

.mh-0 {
    min-height: 0;
}

.text-width {
    inline-size: 950px !important;
}

.content li, .content li > p {
    margin-bottom: 0.5em !important;
}

.more-btn {
    color: #cc0e00;
    padding-right: 50px;
    padding-bottom: 3px;
    float: right;
    font-size: 13px;
    outline: none !important;
}

.more-btn:hover, .more-btn:active, .more-btn:focus{
    text-decoration: none !important;
    color: #cc0e00 !important;
}

@media only screen and (max-width:768px){
    .dflex {
        display: flex !important;
        justify-content: space-between !important;
    }
    .rate-resp {
        margin-right: -13px !important;
    }
}

.pick-time p{
    margin-left: 3px;
}

.pick-time span{
    float: left;
    padding: 9px 15px;
    width: 99%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid gainsboro;
    color: #115E99;
    font-weight: 300;
    background: white;
    font-family: Roboto;
    margin-left: 3px;
    text-align: center;
}

.inner-list li {
    margin-bottom: .5rem;
}

.dlt-pkgprice .offPrice {
    color: #cc0e00 !important;
}

@media all and (max-width:480px) {
   .btn-block { width: 100%; display:block; }
   
   .visa-banner-new .banner-content .why-us li {
        width: 25%;
    }
    
    .why-us {
        margin-top: 20px !important;
    }
    
    .visa-banner-new .banner-content .fieldset-area {
        margin-bottom: 15px;
    }
    
    .btn-submit-visa .visible-sm {
        display: inline !important;
    }
} 


.popular_category {
    margin-top:10px;
}


.project-block-four {
  position: relative;
  margin-bottom: 30px; 
}
.inner-box.bg-orange {
  /* background: #808080; */
}
.project-block-four .inner-box {
  position: relative;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  border-radius: 10px;
}
.project-block-four .inner-box .lower-content {
  position: relative;
  padding: 25px 0px;
}

.inner-box.bg-orange .price-inner span, .inner-box.bg-orange .list li, .inner-box.bg-orange h3 {
  color: #222222 !important;
}
.project-block-four .inner-box h3 {
  position: relative;
  color: #222222;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.project-block-four .inner-box .price-outer {
  position: relative;
  text-align: center;
  margin-top: 30px;
}

.project-block-four .inner-box .price-outer::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 10px;
  right: 0px;
  height: 4px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.project-block-four .inner-box .price-outer .price-inner {
  position: relative;
  color: #222222;
  font-size: 14px;
  padding: 0px 25px;
  display: inline-block;
  background-color: #ffffff;
}
.inner-box.bg-orange .price-inner {
  /* background: #808080 !important; */
}

.project-block-four .inner-box .price-outer .price-inner span {
  position: relative;
  color: #ff6907;
  font-size: 20px;
  font-weight: 600;
  margin: 0px 2px;
}
.inner-box.bg-orange .price-inner span, .inner-box.bg-orange .list li, .inner-box.bg-orange h3 {
  color: #fff !important;
}


.project-block-four .inner-box .options-box {
  position: relative;
  padding: 0px 30px;
}

.project-block-four .inner-box .list {
  position: relative;
  text-align: center;
  margin-top: 30px;
}

.inner-box.bg-orange .price-inner span, .inner-box.bg-orange .list li, .inner-box.bg-orange h3 {
  color: #222222 !important;
}
.project-block-four .inner-box .list li {
  position: relative;
  color: #222222;
  font-size: 14px;
  text-align: left;
  margin-bottom: 17px;
}
.lower-content ul li, .lower-content ol li {
  margin-bottom: 0.5rem;
}
ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px;
    margin-top: 0px;
}

.visa-price-list {
    margin-top:10px;
}

.icons-options {
    width: 40px;
text-align: center;
font-size: 26px;
color: #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.13);
}


.hero-text2 .heading {
  color: black;
  text-align: center;
  width: 100%;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
}

.hero-text2 .sub-heading {
  color: #2b2a2a;
  font-size: 13px;
  margin-top: 10px;
}

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


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  
 .visa-banner-new {
     max-height: 250px;
 }   
 
  .contactinfo-left {
  width: 33.33333333%;
  float: left;
}

.contactinfo-right {
  width: 66.66666667%;
  float: right;
}  

.talk-to-us .main-ico {
  font-size: 30px !important;
}

.phone-adjest {
  margin-top: 10px;
}

.talk-to-us .data {
  font-size: 13px;
}

.visa-banner-new .banner-content .fieldset-area .bootstrap-select button {
  font-size: 14px;
  height: 40px !important;
}

.visa-banner-new .banner-content .fieldset-area .bootstrap-select button {
  font-size: 14px;
}

.btn-submit-visa {
  height: 40px !important;
}
.visa-banner-new .banner-content .fieldset-area {
  height: 40px !important;   
}
.visa-price-list {
  margin-top: 131px;
}
   
.visa-banner-new .banner-content .why-us li i{
       font-size: 25px;
}

.popular_category {
  width: 50%;
  margin-top: 10px;
  float: left;
}

.owl-carousel .owl-item img {
height: 100px;
}
.popular_category .slick-slide2 .text-body-2 {
    font-size: 11px !important;
}

.fclty__header {
display: inline-block !important;
}
    
}    




.applyvisabtn {
    
    text-align: center;
float: right;
height: 33px;
color: white;
border: none;
border-radius: 3px;
font-size: 14px;
font-weight: 600;
-webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.27);
background-color: #cc0e00;
line-height: 32px;
width: 100px;
}


.applyvisabtn:hover {
    
 color:#FFF;   
}