﻿body{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #0a1743;
}
.checkbox label.chkbxdivs {
    float: right;
    margin-top: 18px;
    padding-right: 10px !important;
}
#container {
    overflow-x:hidden;
    width:100%;
    border:solid 1px red;
}

::selection { background: #01cfdd; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #01cfdd; color: #FFFFFF; }
.styled-select select {
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
}
html,body{margin:0; padding:0;}

.top_main_menu .navbar-findcond { background: #fff; }
.top_main_menu .navbar-findcond a { color: #617284; }
.top_main_menu .navbar-findcond ul.navbar-nav a { color: #617284; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; }
.top_main_menu .navbar-findcond ul.navbar-nav a:hover,
.top_main_menu .top_main_menu  .navbar-findcond ul.navbar-nav a:visited,
.top_main_menu .navbar-findcond ul.navbar-nav a:focus,
.top_main_menu .navbar-findcond ul.navbar-nav a:active { background: #fff; }
.top_main_menu .navbar-findcond ul.navbar-nav a:hover { border-color: #f14444; }
.top_main_menu .navbar-findcond li.divider { background: #ccc; }
.top_main_menu .navbar-findcond button.navbar-toggle { background: #f14444; border-radius: 2px; }
.top_main_menu .navbar-findcond button.navbar-toggle:hover { background: #999; }
.top_main_menu .navbar-findcond button.navbar-toggle > span.icon-bar { background: #fff; }
.top_main_menu .navbar-findcond ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; }
.top_main_menu .navbar-findcond ul.dropdown-menu > li > a { color: #0a1743; }
.top_main_menu .navbar-findcond ul.dropdown-menu > li > a:hover { background: #f14444; color: #fff; }
.top_main_menu .navbar-findcond span.badge { background: #f14444; font-weight: normal; font-size: 11px; margin: 0 4px; }
.top_main_menu .navbar-findcond span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; }

.headerGlobal_ros {
    background-color: #fff;
    width: 100%;
    /*height: 55px;*/
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0px;
    }
}

.txt-left {text-align: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.center {text-align: center;}

.captalize { text-transform: capitalize;}

.shdw-dvd {
    -moz-box-shadow: -8px 0 10px -10px rgba(0,0,0,.3),-1px 0 0 rgba(0,0,0,.05);
    -webkit-box-shadow: -8px 0 10px -10px rgba(0,0,0,.3),-1px 0 0 rgba(0,0,0,.05);
    box-shadow: -8px 0 10px -10px rgba(0,0,0,.3),-1px 0 0 rgba(0,0,0,.05);
}

.shdw-box {
    -moz-box-shadow: 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #ff686f;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ff690f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: #fff;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* Fix bootstrap */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
    background: #1e1c66;
    color: #fff;
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open>a:focus, .navbar-default .navbar-nav > .open > a:active {
    background: none;
    color: #0a1743;
}

.ros_Header__theme .nav > li > a {
    position: relative;
    display: block;
    padding: 15px 12px;
}

.ros_Header__theme .navbar-nav > li > a {
    color: #0a1743;
    font-size: 15px;
    /*text-transform: uppercase;*/
    font-weight: 400;
}
.ros_Global__menu > li > a {
    line-height: 25px;
}

.ros_Global__menu{
    padding-left: 30px;
}
.ros_Global__menu .dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #0a1743;
    /*text-transform: uppercase;*/
    font-size: 13px;
    white-space: nowrap;
}

.ros_Global__menu .dropdown-menu {
    position: absolute;    top: 100%;    left: 0;    z-index: 1000;    display: none;    float: left;    min-width: 160px;    padding: 5px 0;    margin: 2px 0 0;    font-size: 14px;    text-align: left;    list-style: none;    background-color: #fff;
    -webkit-background-clip: padding-box;    background-clip: padding-box;    border: none;    border: none;    border-radius: 2px;    -webkit-box-shadow: none;    box-shadow: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #0a1743;
    background-color: white;
}

.ros_Header__theme__right .navbar-nav > li > a {
    color: #0a1743;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    color: #98a3af;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 3px dashed;
    border-top: 3px solid \9;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.dropdown-menu>li>a img {
    margin-right: 5px;
}










.ros__Brand{padding: 10px 0px 0px 0px }
.ros__Brand svg{width: 130px;}

.header-nav__main {
    bottom: 0;
    height: 55px;
}
.ros__Headertheme {

}
.ros_Dropdown {width: 220px;}

.menuSignup_wrap {
    width: 100%;
    padding: 20px;
}
.menuSignup_wrap .signUpbutton {
    background-color: #3d4d65;
    outline: none;
    color: #fff;
    font-size: 12px;
    height: auto;
    font-weight: normal;
    text-decoration: none;
    border-radius: 2px;
    padding: 8px 20px;
    text-transform: uppercase;
    border-color: #3d4d65;
    margin-right: 5px;
}

.ros__currency i {float: right}
.ros__currency .currencyCode{
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 6px;
    margin-right: 15px;
    border-radius: 2px;
    border: 1px solid #9ca7ad;
    width: 42px;
    float: left;
    text-align: center;
    line-height: 12px;
}


.ros__Headerwrapper{ }
.ros__Headertheme{ background-color: #fff; border: none;}

.mega-dropdown {
    position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #222;
    padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
}

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;

}
.left.carousel-control {
    left: -40px;
    /* left: inherit; */
    top: 6px;
}

.carousel-control.right {
    background-image: none;
    top: 6px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}
/* BOOKING FORM BACKGROUNDS */
html, body {
    height: 100%;
    width: 100%;
}
.form_bg_wrapper{
    background-color: #142535;
    height: 480px;
    max-height: 880px;
}
h1,h2,h3{font-weight: normal;}
.form_bg_img{
    height: 100%;
    background-image: url('https://images.rehlat.com/Content/images/B2B/booking_form_bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.booking_form_bg{
    background-color: rgba(20,37,53,0.85);
    width: 100%;
    position: relative;
    margin-bottom: 0px;
   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 15px;
    z-index: 9;

   }
.form_container{margin-top: 230px;}
.form_container .ros_title{
    font-size: 45px;
    font-weight: lighter;
    line-height: 34px;
    letter-spacing: -0.9px;
    /*font-family: 'Pacifico', cursive;*/
    margin: 0 auto;
    text-shadow: 0 1px 2px rgba(0,0,0,0.9);
    text-align: center;
    color: #ffffff;
    margin-bottom: 65px;
    }
/* BOOKING FORM TABS CSS*/
.booking-form-tab-container{
    z-index: 9999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-clip: padding-box;
    opacity: 1;
    filter: alpha(opacity=1000);
}
.booking-form-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
.booking-form-tab-menu div.list-group{
    margin-bottom: 0;
    display: block;
    margin-left: 15px;
}
.booking-form-tab-menu .list-group-item{
    border: none;
    background-color: rgba(0,0,0,0.40);
    color: #fff;
}
.booking-form-tab-menu .list-group-item:hover{
    border: none;
    background-color: rgba(0,0,0,0.99);
    color: #fff;
}
.booking-form-tab-menu div.list-group>a{
    margin-bottom: 0;
    float: left;
    margin-right: 3px;
    padding: 8px 35px;
    font-size: 13px;
}
.booking-form-tab-menu div.list-group>a .glyphicon,
.booking-form-tab-menu div.list-group>a .fa {
    color: #5A55A3;
}
.booking-form-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.booking-form-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.booking-form-tab-menu div.list-group>a.active,
.booking-form-tab-menu div.list-group>a.active .glyphicon,
.booking-form-tab-menu div.list-group>a.active .fa{
    background-color: #000000;
    color: #ffffff;
}
.booking-form-tab-content{
    background-color: transparent;
    padding-top: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.booking-form-tab .booking-form-tab-content:not(.active){ display: none;}
/* BOOKING FORM INPUT STYLES*/
.ros_geo_locate_form{}
.ros_adv_options{margin-top: 15px; float: left; width: 100%;}
.ros_geo_locate{padding-right: 1px;}
.ros_geo_locate_hotel{padding-right: 25px;}
/*.ros_geo_locate_to{padding-left: 3px; padding-right: 10px; // padding-left: 0px;}*/
.ros_geo_locate_to{padding-right: 10px; padding-left: 1px;}

.hotel_tagline {padding-left: 15px;}
.hotel_tagline h2{font-size: 12px;  margin: 0px 0px 13px 0px; font-weight: normal;}

.prefer_airline{margin-left: 34px;}
.ros_route_flights{ height: 38px; line-height: 38px;}
.ros_geo_locate input {
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 40px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    background-color: white;
    color: #0a1743;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.ros_geo_locate_hotel input {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 40px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    background-color: white;
    color: #0a1743;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ros_date_picker_wrapper{padding-left: 0px; padding-right: 0px; width: 42%;}
.ros_hotel_date_picker_wrapper{padding-left: 0px; padding-right: 0px; width: 46%;}
.ros_date_picker input {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 40px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    background-color: white;
    color: #0a1743;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ros_date_picker{/*width: 30%;*/}
.ros_hotelpax_picker_wrapper{padding-left: 0px; width: 41%;}
.ros_hotelpax_picker_wrapper input {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 38px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    background-color: white;
    color: #0a1743;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.relative_pos{position: relative}
.absolute_pos{position: absolute;}

.ros_pax_wrapper{padding: 0px; margin-left: -10px;}
.ros_pax_wrapper_multi{padding: 0px; margin-left: 15px;}
.ros_hotel_wrapper{padding: 0px; margin-left: -10px;}
.ros_geo_locate_wrap{ width: 44%; }/*margin-right: 5px;*/
.ros_hotel_geo_locate_wrap{ width: 40%; }/*margin-right: 5px;*/
.ros_swap{ width: 30px; height: 30px; top:0px; float: left; position: absolute; right: 2px;}
.cal_icon{background: url('https://images.rehlat.com/Content/images/B2B/calender_icon.png'); width: 18px; height: 18px;}
.pax_icon{background: url('https://images.rehlat.com/Content/images/B2B/pax_icon.png'); width: 19px; height: 18px;}
.class_icon{background: url('https://images.rehlat.com/Content/images/B2B/class_icon.png'); width: 19px; height: 20px;}
.select_arrow{background: url('https://images.rehlat.com/Content/images/B2B/select_arrow.png'); width: 10px; height: 6px;}
.airline_search_icon{background: url('https://images.rehlat.com/Content/images/B2B/airline_search_icon.png'); width: 16px; height: 16px;}
.ros_swap_arrow{
    background: url('https://images.rehlat.com/Content/images/B2B/swap_icon.png'); width: 18px; height: 18px; background-repeat: no-repeat;
    margin: 4px 4px;
}

.ros_Switch{
    top: 6px;
    right: -14px;
    transform: rotate(0deg);
    height: 30px;
    width: 30px;
    border: 2px solid rgba(20,37,53,0.85);
    position: absolute;
    z-index: 9;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    z-index:9;

}

.select_right_arrow { position: absolute; right: 35px; top: 17px;}
.width_46{width: 45.666667%;}
.width_250{width: 250px;}
.width_150{width: 150px;}


.oneway_roundtrip_city_wrap{
    width: 500px;
}
.depart_cal{width: 145px; padding-right: 3px; padding-left: 10px;}
.return_cal{    width: 145px; padding-left: 2px;}


/* enable absolute positioning */
.inner-addon { position: relative;}
.inner-addon span { padding: 10px; position: absolute; top: 11px;}
/* style icon */
.inner-addon .glyphicon { position: absolute; pointer-events: none;}
/* align icon */
.left-addon .glyphicon  { left: 10px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left: 10px; }
.left-addonChild input  { padding-left:  20px; }
.right-addon input { padding-right: 20px; }

.map{background: url("https://images.rehlat.com/Content/images/B2B/location_icon.png"); width: 12px; height: 16px;}
/* PADDING AND MARGINS  */
.no-padding{padding: 0px;}
.padding-left-0{padding-left: 0px}
.padding-left-3{padding-left: 3px}
.padding-left-5{padding-left: 5px}
.padding-left-10{padding-left: 10px}
.padding-right-0{padding-right: 0px}
.padding-right-3{padding-right: 3px}
.padding-right-5{padding-right: 5px}


.margin-bottom-0  {margin-bottom: 0 !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-120 {margin-bottom: 120px !important;}

.margin-right-0 {margin-right: 0 !important;}
.margin-right-5 {margin-right: 5px !important;}
.margin-right-10 {margin-right: 10px !important;}

.margin-left-0 {margin-left: 0;}
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-40 {margin-left: 40px;}

/* Padding surround */
.padding-30 { padding: 30px !important;}
.padding-40 {padding: 40px !important;}

/* Text colors */
.text-color-white { color: #FFFFFF;}
.text-color-black { color: #0a1743;}
.text-color-theme { color: #6f5499;}
/* REHLAT BUTTONS HERE */
.ros-btn {
    display: inline-block;    padding: 6px 12px;    margin-bottom: 0;    font-size: 14px;
    font-weight: normal;    line-height: 1.42857143;    text-align: center;
    white-space: nowrap;    vertical-align: middle;    -ms-touch-action: manipulation;
    touch-action: manipulation;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;
    -ms-user-select: none;    user-select: none;    background-image: none;    border: 1px solid transparent;
    }

.ros-submit {
    padding: 6px 44px; height: 40px; font-size: 17px;
    background-image: -ms-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -moz-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-linear-gradient(left top,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-gradient(linear,left top,bottom right,color-stop(0%,#ff7a0d),color-stop(100%,#ff5956));
    background-image: linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    border: none;
    color: #fff;
    font-weight: normal;
}
.ros-submit:focus,
.ros-submit.focus {
    background-image: -ms-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -moz-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-linear-gradient(left top,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-gradient(linear,left top,bottom right,color-stop(0%,#ff7a0d),color-stop(100%,#ff5956));
    background-image: linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    border: none;
}
.ros-submit:hover {
    background-image: -ms-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -moz-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-linear-gradient(left top,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-gradient(linear,left top,bottom right,color-stop(0%,#ff7a0d),color-stop(100%,#ff5956));
    background-image: linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    border: none;
}
.btn-theme {
    font-size: 12px;
    background-color: #2587c8;
    border: none;
    color: #fff;
    font-weight: normal;
}
.btn-theme:focus,
.btn-theme.focus {
    background-color: #2587c8;
    }
.btn-theme:hover {
    background-color: #2587c8;
    color: #fff;
   }

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}
.btn-primary.btn-outline {
    color: #2587c8;
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn_small{padding: 2px 10px; font-size: 11px; text-transform: uppercase; font-family: Arial; min-height: 21px; }
.btn_medium{padding: 2px 10px; font-size: 11px; text-transform: uppercase; font-family: Arial; }

/* CHECK BOXES*/
.custom-checkbox > [type="checkbox"],
.custom-checkbox > label{
    margin-bottom:0px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-checkbox label {font-weight: normal; font-size: 13px; }
.custom-checkbox > [type="checkbox"]:not(:checked),
.custom-checkbox > [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.custom-checkbox > [type="checkbox"]:not(:checked) + label,
.custom-checkbox > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0;
    top: 50%;
    margin-top:-12px;
    width: 16px;
    height: 16px;
    border: 1px solid #c5c5c5;
    background: transparent;
   }
.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {
    font: normal normal normal 12px/1 FontAwesome;
    content: '\f00c';
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 4px;
    color: red;
    transition: all .2s;
    }

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.custom-checkbox > [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
    content: '\f068';
    left: 6px;
    opacity: 1;
    transform: scale(1);
}
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    background-color: #eeeeee;
    border-color: #cbd4e0;
    cursor: not-allowed;
    opacity: 1;
    color: #dadada;
}
.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
    color: #dadada; cursor: not-allowed;
}
.custom-checkbox > [type="checkbox"]:disabled + label {
    color: #aaa; cursor: not-allowed;
}
.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px solid #cbd4e0;
   }
.custom-checkbox > label:hover:before {
    border: 1px solid #cbd4e0 !important;
}
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
    border: 2px solid #c5c5c5 !important;
}
.hotel_addons_options { margin-top: 15px; float: left; width: 100%;}
.select_right_for_room {  position: absolute; right: 25px;  top: 15px;}
.more_pax_input{padding-left: 0px; width: 19.6666%; padding-right: 5px;}
.more_pax_input input {
    display: block;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    height: 38px;
    margin: 0;
    border-radius: 0;
    border: 2px solid white!important;
    outline: 0;
    background-color: white;
    color: black;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
}
.pax_age_count{padding-left: 0px; width: 12%; padding-right: 5px;}
.pax_age_count input {
    display: block;    color: inherit;    font-size: 13px;    font-weight: 400;    line-height: 20px;
    width: 100%;    height: 38px;    margin: 0;    border-radius: 0;    border: 2px solid white!important;
    outline: 0;    background-color: white;    color: black;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;
    -webkit-appearance: none!important;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;
    box-sizing: border-box;    padding-left: 15px;
}
.width_21_per{width: 21%;}
.hotel_addons_wrap{margin-left: 40.555555%;}
.room_count_second{margin-top: 12px;}
.remove_room{float: right;}
.date-picker .form-control {
    background-color: #fff;    border: 1px solid white !important;    border-radius: 0;    color: black;
    display: block;    font-size: 13px;    font-weight: 400;    height: 38px;
    line-height: 26px;    margin: 0;    outline: 0 none;    overflow: hidden;    padding-left:35px;
    white-space: nowrap;    width: 100%;
}

.date-picker-multi{width: 180px;}

.yash_small_12{font-size: 12px; color: #9ca7ad; font-family: Arial;}
.yash_small_11{font-size: 11px; color: #9ca7ad; font-family: Arial;}
.yash_small_10{font-size: 10px; color: #9ca7ad; font-family: Arial;}

.depart_icon { position: absolute; top: 11px; left: 19px;}
.return_icon { position: absolute; top: 11px; left: 12px;}
.departCal{background: url('https://images.rehlat.com/Content/images/B2B/calender_icon.png') no-repeat left; height: 18px; width: 18px;}
.returnCal{ background: url('https://images.rehlat.com/Content/images/B2B/calender_icon.png') no-repeat left; height: 18px; width: 18px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  - RADIO BUTTONS AND CHECK BOXES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.checkbox-custom, .radio-custom {
    opacity: 0;    position: absolute;
}
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}
.checkbox-custom-label, .radio-custom-label {
    position: relative;
}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';    background: transparent;    border: 1px solid #fff;    display: inline-block;
    vertical-align: middle;    width: 14px;    height: 14px;    padding: 0px;    margin: 0px 10px 1px 10px;    text-align: center;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
    background: #00c0c8;
    border: 1px solid #00a0a7;
    /*background: url("../images/icons/tick-checkbox.png") no-repeat center;*/
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
    background: #00c0c8;    border: 1px solid #00a0a7;
}
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline: 1px solid transparent !important; /* focus style */
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  Color Check and radio Buttons
/*-------------------------------------------------------------------------------------------------------------------------------*/
.flight_classWidget .checkbox-custom, .flight_classWidget .radio-custom {
    opacity: 0;    position: absolute;
}

.flight_classWidget .checkbox-custom {
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}
.flight_classWidget .checkbox-custom-label{
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}
.flight_classWidget .radio-custom{
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}
.flight_classWidget .radio-custom{
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}
.flight_classWidget .radio-custom-label {
    display: inline-block;    vertical-align: middle;    cursor: pointer;
}

.flight_classWidget .checkbox-custom-label{
    position: relative;
}
.flight_classWidget .checkbox-custom-label {
    position: relative;
}
.flight_classWidget .checkbox-custom + .checkbox-custom-label:before, .flight_classWidget .radio-custom + .radio-custom-label:before {
    content: '';    background: transparent;    border: 1px solid #c4cdd9;    display: inline-block;
    vertical-align: middle;    width: 16px;    height: 16px;    padding: 0px;    margin: 10px 10px 10px 0px;    text-align: center;
}
.flight_classWidget .checkbox-custom:checked + .checkbox-custom-label:before {
    background: #00c0c8;
    border: 1px solid #00a0a7;
    /*background: url("../images/icons/tick-checkbox.png") no-repeat center;*/
}
.flight_classWidget .radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.flight_classWidget .radio-custom:checked + .radio-custom-label:before {
    background: #00c0c8;    border: 1px solid #00a0a7;
}
.flight_classWidget .checkbox-custom:focus + .flight_classWidget .checkbox-custom-label, .flight_classWidget .radio-custom:focus + .flight_classWidget .radio-custom-label {
    outline: 1px solid transparent !important; /* focus style */
}
input[type=number] {
    float: left;    width: 46px;
    height: 35px;    padding: 0;    font-weight: bold;
    font-size: 12px;    text-transform: uppercase;    text-align: center;
    color: #142535;    border: 1px #cad3df solid !important;
    background: #eceff4;    outline: none;    pointer-events: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    opacity: 1;}

.flightWidget  {padding-left: 5px; margin-bottom: 10px;}
.flightWidget label {font-weight: normal; font-size: 12px; margin-bottom: 0px;}
.flight_classWidget label {font-weight: normal; font-size: 12px;  width: 100%; color: #5b6270; margin-bottom: 0px;}
.flight_classWidget .custom-checkbox{margin-bottom: 10px;}
.booking-form-tab-content .form-control{
    background-color: #fff;    border: 1px solid white !important;    border-radius: 0;    color: #0a1743;    display: block;
    font-size: 13px;    font-weight: 400;    height: 40px;    line-height: 26px;    margin: 0;
    outline: 0 none;    overflow: hidden;    padding-left: 35px;    white-space: nowrap;    width: 100%;
}
.room_count_wrapper_edit_info .form-control-select{
    background-color: #fff;    border: 1px solid #d8dee4 !important;    border-radius: 0;    color: black;
    display: block;    font-size: 13px;    font-weight: 400;    height: 24px;    margin: 0;    outline: 0 none;
    overflow: hidden;    padding-left: 5px;    white-space: nowrap;    width: 100%;    color: #1e1c66;}

.pax_select_box{padding: 0px 10px 0px 10px}
select {
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* arrows */
select.classic {
    background-image: url('https://images.rehlat.com/Content/images/B2B/select_arrow.png');
    background-size:10px 6px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), 100% 0;
}
select.classic:focus {
    background-image: url('https://images.rehlat.com/Content/images/B2B/select_arrow_dwn.png');
    background-size:10px 6px;
    background-repeat: no-repeat;
    outline: 0;
    background-position: calc(100% - 15px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), 100% 0;
}
.pax-icon{background: url('https://images.rehlat.com/Content/images/B2B/pax.png') no-repeat left; height: 21px; width: 22px;}
.selectBox{
    /*background-color: #fff;*/
    border: 1px solid white !important;
    color: black;
    display: table;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    margin: 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0px 10px 0px 36px;
    white-space: nowrap;
    width: 100%;
    background: #fff url('https://images.rehlat.com/Content/images/B2B/select-opt-arrow.png') no-repeat right center;

}

.selectBox .pax_icon_view{}
.hotel_selectBoxContainer .dropdown-menu,  .selectBoxContainer .dropdown-menu{
    border-top: none !important;    width: 230px;    border: 1px solid #fff;    background: #fff;
    border-radius: 2px;    margin-top: 4px;    z-index: 9979;    box-shadow: 0 3px 6px 1px rgba(0,0,0,0.16);
}
.hotel_selectBoxContainer .dropdown-menu{ border-top: none !important;
    width: 100%;    border: 1px solid #fff;    background: #fff;    border-radius: 2px;    margin-top: 4px;    z-index: 9979;
    padding: 0px;    box-shadow: 0 3px 6px 1px rgba(0,0,0,0.16);} input[type=number] {
    float: left;    width: 46px;    height: 35px;    padding: 0;    font-weight: bold;    font-size: 12px;    text-transform: uppercase;    text-align: center;
    color: #142535;    border: 1px #cad3df solid !important;    background: #eceff4;    outline: none;    pointer-events: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    opacity: 1;}

span.spinner {
    position: absolute;    height: 40px;
    user-select: none;    -ms-user-select: none;    -moz-user-select: none;    -webkit-user-select: none;    -webkit-touch-callout: none;
}

span.spinner > .sub,
span.spinner > .add {
    float: left;   display: block;    width: 35px;    height: 35px;    text-align: center;    font-family: Lato;
    font-weight: 700;    font-size: 1.2em;    line-height: 33px;    color: #5b6270;    border: 1px #cad3df solid;
    border-right: 0;    border-radius: 2px 0 0 2px;    cursor: pointer;    transition: 0.1s linear;    -o-transition: 0.1s linear;
    -ms-transition: 0.1s linear;    -moz-transition: 0.1s linear;    -webkit-transition: 0.1s linear;
}
.mar-bot-50 { margin-bottom: 50px;}
span.spinner > .add {  top: 0; border: 1px #cad3df solid; border-left: 0; border-radius: 0 2px 2px 0; }
span.spinner > .sub:hover,
span.spinner > .add:hover {
    background: #eceff4; color: #5b6270;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;}
.font-color-black-light{color: #5b6270}
.pax-limit{float:left; width:100%; line-height: 40px;}
.pax-limit .pax_title{float:left; width: 40%; font-size: 12px;}
.pax_count{
    border-bottom: 1px solid #e5e8ed; padding-bottom: 15px; margin-bottom: 15px; float: left; width: 100%;
}
.flight_class_wrap{
    border-bottom: 1px solid #e5e8ed;  padding-bottom: 15px;  margin-bottom: 15px; float: left; width: 100%;
}
.flight_direct_wrap{
    float: left; width: 100%;
}
.pax-limit .spinner_w{
    float:right; width: 60%;
}
.flight_class{float: left;}
.btn-group.open .dropdown-toggle{box-shadow: none;}
.selectBoxContainer{ width:230px}
.selectBoxContainer_multi{ width:235px}
.selectBoxContainer a:hover{ color: black;}


.hotel_selectBoxContainer{ width:275px}
.hotel_selectBoxContainer a:hover{}
.selectBox .pax_icon_view { position: absolute; left: 10px;  top: 5px;}
.pad-20{padding: 20px;}
.pad-15{padding: 15px;}
.pad-10{padding: 10px;}
.spinnerExample {  margin: 10px auto;}
.search_btn{width: 160px;}
.room_selection_wrapper{float: left; width: 100%;}
.room_selection_wrapper .room_count_wrapper{ width: 100%; color: #000; font-size: 11px; border-bottom: 1px solid #d8dee4;
    float: left;}
.room_selection_wrapper .room_count_wrapper_edit{ width: 100%; color: #000; font-size: 11px; float: left}
.room_selection_wrapper .room_count_wrapper_edit_info{padding: 10px; float: left; width: 100%;}
.room_count{
    background-color: #eaeef3;    float: left;    width: 60px;    line-height: 28px;    height: 28px;
    padding-left: 10px;    position: relative;
}
.room_count_selection{
    line-height: 28px;    height: 28px;    float: left;    width: 78%;    padding-left: 15px;
}
.icon_tray{
    line-height: 28px; height: 28px; float: right;   width: 58px;
}
.icon_tray{
    line-height: 32px; height: 28px;
}
.icon_tray i{ font-size: 14px; padding: 7px 8px; /* margin: 0px 0px 0px 3px; */  float: right;}
.icon_16{font-size: 16px;}
.icon_18{font-size: 18px;}
.icon_20{font-size: 20px;}
.icon_22{font-size: 22px;}
.icon_24{font-size: 24px;}
.icon_26{font-size: 26px;}

.icon_red{color: #e56983;}

.room_count::after{
    content: '';    position: absolute;    left: 99%;    top: 25%;    width: 0;    height: 0;
    border-top: 7px solid transparent;    border-bottom: 7px solid transparent;    border-left: 7px solid #eaeef3;
    clear: both;
}

.selectBox_small{
    /*background-color: #fff;*/
    border: 1px solid white !important;    color: black;    display: table;    font-size: 13px;    font-weight: 400;
    height: 22px;    margin: 0;    outline: 0 none;    overflow: hidden;    padding: 0px 10px 0px 10px;    white-space: nowrap;
    width: 20px;    background: #fff url('https://images.rehlat.com/Content/images/B2B/select-opt-arrow_pax.png') no-repeat right center;
}
.room_selection_footer{padding: 10px; background-color: #eaeef3; float: left; width: 100%;}
.section_yash{background-color: #f0f3f2; width: 100%; padding: 40px 0px 0px 0px  ;}
.section_white{background-color: #fff; width: 100%; padding: 40px 0px 0px 0px ;}
.slick_deals_slider{position: relative; float: left; width: 100%;}
.slick_deals_slider h1{text-align: center; font-size: 22px; font-weight: lighter; padding: 0px; margin: 0px 0px 15px 0px; }

/* Global */
img { max-width:100%; }
.thumbnails li> .fff .caption { background:#fff !important;  padding:15px 10px; float: left;}
/* Page Header */
.page-header {
    background: #f9f9f9;    margin: -30px -40px 40px;
    padding: 20px 40px;    border-top: 4px solid #ccc;
    color: #999;    text-transform: uppercase;
}
.page-header h3 { line-height: 0.88rem; color: #000;}
ul.thumbnails { margin-bottom: 0px;}
.thumbnail_small_img{width: 330px; height: 130px;}
.thumbnail_big_img{width: 420px; height: 130px;}
/* Thumbnail Box */
.caption h4 { color: #444;}
.caption p { color: #999;}
.thumbnail {
    display: block;    line-height: 1.42857143;    background-color: #fff;    padding: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: none !important;
    margin-bottom: 0px;
}
/* Carousel Control */
.control-box { width: 100%;}
.carousel-control{
    border: 0px;    border-radius: 0px;    display: inline-block;
    font-size: 34px;    font-weight: 200;    line-height: 18px;    opacity: 0.5;    padding: 4px 10px 0px;
    position: absolute;    height: 30px;    width: 15px;
}


.carousel-control.right{background-image: none;}
.carousel-control.left{background-image: none;}
@media (max-width: 767px) {
    .page-header, .control-box {text-align: center;}
}
@media (max-width: 479px) {
    .caption {word-break: break-all; }
}
li { list-style-type:none;}
.carousel-indicators {
    float: left;    width: 100%;    margin: 20px 0px auto;    position: unset;
}
.carousel-indicators li {
    display: inline-block;    width: 12px;    height: 12px;    margin: 1px;    text-indent: -999px;    cursor: pointer;
    background-color: #000 \9;    background-color: #fff !important;    border: 1px solid #94a4b6 !important;    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;    height: 12px;    margin: 0;    background-color: #142535 !important; border: 1px solid #142535 !important;
}

@media (max-width: 767px) {
    .carousel {
        margin-bottom: 7%;
    }
    .carousel-indicators {
        bottom: auto;
        top: 105%;
    }
    .carousel-indicators li {
        border-color: #666;
    }
    .carousel-indicators .active {
        background-color: #666;
    }
}
.carousel-flight{width: 330px; margin: 0px 5px; padding: 0px; }
.carousel-flight-info{width: 330px;}
.carousel-hotel{width: 420px; margin: 0px 5px; padding: 0px;}
.carousel-hotel-info{width: 420px;}

.pager li > a, .pager li > span {
    display: inline-block;    padding: 5px 14px;    border-radius:0px;    border: none;    background-color:transparent; }

.prv_arrow{ background: url('https://images.rehlat.com/Content/images/B2B/prev_arrow.png') no-repeat;  width: 10px; height: 20px;}
.next_arrow{  background: url('https://images.rehlat.com/Content/images/B2B//next_arrow.png') no-repeat;  width: 10px; height: 20px;}

.pager{margin-bottom: 0px;}
.pager .prv_indicator{position: absolute; left: 0px; top: 46%;}
.pager .next_indicator{position: absolute; right: 0px; top: 46%;}
.slick_deals_slider_container {padding: 0px;}

.deals_info{
    -webkit-border-bottom-right-radius: 3px;    -webkit-border-bottom-left-radius: 3px;    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;    border-bottom-right-radius: 3px;    border-bottom-left-radius: 3px;
    border-bottom: 1px solid #dbe3e8;
}

.deals_info_heading span{font-size: 14px; font-weight: normal; text-align: left; margin: 5px 0px 10px 0px }
.deals_info_subheading h3{font-size: 12px; font-weight: normal; text-align: left; color: #9ca7ad; margin: 5px 0px 10px 0px }
.deals_info_footer{float: left; width: 100%; margin-top: 15px;}
.deals_info_footer .validDate{font-size: 12px; color: #9ca7ad; }
.deals_info_footer .viewLink a {font-size: 10px; color: #4898F6; /*border: 1px solid #f2f2f2;*/ padding: 3px 6px; text-transform: uppercase; text-decoration: none; }
.deals_info_footer .viewLink a:hover {font-size: 10px; text-transform: uppercase; }

.newsletter-signup{background-color: #f8f8f8; padding: 15px 0px;}
.newsletter-signup-ver02{background-color: #f0f3f2;}
.newsletter-signup-ver02 .newsletter-signup-ver02-inner {padding: 20px 0px; border-top:1px solid #fff; margin-top: 20px; }

.newsletter-signup-heading h1{font-size: 22px; font-family: Pacifico; margin: 0px; padding: 0px; color: #617284; line-height: 42px;}

.subscribe-input {
    padding: 0 16px;    width: 100%;    height: 42px;    font-size: 12px;    color: #444;    background: #fefefe;
    background-clip: padding-box;    border: 1px solid;    border-color: #dbe3e8;    border-radius: 2px;
}
.subscribe-input:focus {  outline: 0;}

.subscribe-submit {
    display: block;    position: absolute;    top: 0px;    right: 15px;    height: 42px;
    width: 110px;    border: 1px solid;    border-color: #ff5956;
    border-radius: 0 2px 2px 0;    color: #fff;    cursor: pointer;    text-shadow: none;
    background-image: -ms-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -moz-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-linear-gradient(left top,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-gradient(linear,left top,bottom right,color-stop(0%,#ff7a0d),color-stop(100%,#ff5956));
    background-image: linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    }
/*.subscribe-submit:active {*/
    /*background: #4cdf4d;*/
    /*-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/
/*}*/
/*.subscribe-submit:before {*/
    /*content: '';*/
    /*display: block;*/
    /*margin-top: 1px;*/
    /*width: 25px;*/
    /*height: 19px;*/
    /*background: url("../img/tick.png");*/
/*}*/

.destinationContainer {}
.destinationContainer h1 {
    text-align: center;    font-size: 22px;    font-weight: lighter;    padding: 0px;    margin: 0px 0px 15px 0px;
}
.city_box{padding: 0px; width: 280px; margin: 5px; }
.city_box_wide{padding: 0px; width: 570px; margin: 5px; }
.img_dummy{width: 280px; height: 280px; background-color: #00c0c8; border-radius: 4px;}
.img_dummy_big_tall{width: 280px; height: 570px; background-color: #00c0c8; border-radius: 4px;}


.grid {
    position: relative;    margin: 0 auto;    /*padding: 1em 0 4em;*/    list-style: none;    text-align: center;
}
/* Common style */
.grid figure {
    position: relative;    float: left;    overflow: hidden;    /* margin: 10px 1%; */
    /* min-width: 280px; */    width: 280px;    height: 280px;    /* width: 48%; */
    /*background: #3085a3;*/    /*text-align: center;*/    /* cursor: pointer; */    border-radius: 4px;
}

.grid .city_tall {
    position: relative;    float: left;    overflow: hidden;    /* margin: 10px 1%; */    /* min-width: 280px; */
    width: 280px;    height: 570px;    /* width: 48%; */    /*background: #3085a3;*/    /*text-align: center;*/
    /* cursor: pointer; */    border-radius: 4px;
}
.grid .city_wide {
    position: relative;    float: left;    overflow: hidden;    /* margin: 10px 1%; */    /* min-width: 280px; */
    width: 570px;    height: 280px;    /* width: 48%; */    /*background: #3085a3;*/    /*text-align: center;*/
    /* cursor: pointer; */    border-radius: 4px;
}

.grid figure img {
    position: relative;    display: block;    /*min-height: 100%;*/    /*max-width: 100%;*/    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;    color: #fff;    text-transform: uppercase;    font-size: 1.25em;    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;    text-indent: 200%;    white-space: nowrap;    font-size: 0;    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;    font-weight: 300;
}
.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
.grid h1{
    font-size: 20px;    color: #fff;    position: absolute;    top: 20px;    left: 20px;    z-index: 99;
}
figure.effect-sadie h2 {
    position: absolute;    top: 50%;    left: 0;    width: 100%;    color: #484c61;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie .seo_links {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie figcaption::before,
figure.effect-sadie .seo_links_ver {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie figcaption::before,
figure.effect-sadie .seo_links_wide {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie .seo_links {
    position: absolute;    bottom: 120px;    left: 0;    padding: 1em;    width: 100%;    opacity: 0;
    font-size: 13px;    color: #fff;    -webkit-transform: translate3d(0,10px,0);    transform: translate3d(0,10px,0);
}
figure.effect-sadie .seo_links_ver {
     position: absolute;     bottom: 50%;     left: 0;     padding: 1em;     width: 100%;     opacity: 0;
    font-size: 13px;     color: #fff;     -webkit-transform: translate3d(0,10px,0);     transform: translate3d(0,10px,0);
 }
figure.effect-sadie .seo_links_wide {
    position: absolute;    bottom: 40%;    left: 0;    padding: 1em;    width: 100%;    opacity: 0;
    font-size: 13px;    color: #fff;    -webkit-transform: translate3d(0,10px,0);    transform: translate3d(0,10px,0);
}

figure.effect-sadie .seo_links .seo_city_links {
    margin: 0px auto;    /*width: 140px;*/    display: inline-block;    padding: 10px 5px;
    height: 36px;    line-height: 16px;

}

figure.effect-sadie .seo_links_ver .seo_city_links {
    margin: 0px auto;    /*width: 140px;*/
    display: inline-block;    padding: 10px 5px;    height: 36px;    line-height: 16px;

}
figure.effect-sadie .seo_links_wide .seo_city_links {
    margin: 0px auto;    /*width: 140px;*/    display: inline-block;    padding: 10px 5px;
    height: 36px;    line-height: 16px;

}
.city_footer {
    position: absolute;	top: 255%;	right: 5%;
}
.city_footer a{
    font-size: 10px; text-transform: uppercase; color: #fff; background-color: rgba(20,37,53,0.40); padding: 2px 8px;
}
.city_footer a:hover{
   text-decoration: none;
}
.city_footer_tall {
    position: absolute;    top: 518%;    right: 5%;
}
.city_footer_tall a{
     font-size: 10px; text-transform: uppercase; color: #fff; background-color: rgba(20,37,53,0.40); padding: 2px 8px;
 }
.city_footer_tall a:hover{
    text-decoration: none;
}

.city_footer_wide {
    position: absolute;    top: 239%;    right: 3%;
}
.city_footer_wide a{
    font-size: 10px; text-transform: uppercase; color: #fff; background-color: rgba(20,37,53,0.40); padding: 2px 8px;
}
.city_footer_wide a:hover{
    text-decoration: none;
}
figure.effect-sadie .seo_links .seo_city_links a{
    font-size: 12px;	color: #fff; margin-right: 5px;
}
figure.effect-sadie .seo_links .seo_city_links a img{
    float: left;
}

figure.effect-sadie .seo_links_ver .seo_city_links a{
    font-size: 12px;	color: #fff; margin-right: 5px;
}
figure.effect-sadie .seo_links_ver .seo_city_links a img{
    float: left;
}
figure.effect-sadie .seo_links_wide .seo_city_links a{
    font-size: 12px;	color: #fff; margin-right: 5px;
}
figure.effect-sadie .seo_links_wide .seo_city_links a img{
    float: left;
}
figure.effect-sadie:hover h2 {
    color: #fff;    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover .seo_links {
    opacity: 1;    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover .seo_links_ver {
    opacity: 1;    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover .seo_links_wide {
    opacity: 1;    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);
}

/*figure.effect-sadie figcaption::before {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/
/*background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/
/*content: '';*/
/*opacity: 0;*/
/*-webkit-transform: translate3d(0,50%,0);*/
/*transform: translate3d(0,50%,0);*/
/*}*/

.grid .blue_supp_bg {    background: #3983c9;}
.blue_grad_theme {
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background-image: -webkit-linear-gradient(-60deg,#3983c9 2%,rgba(35,160,184,0.44) 40%,rgba(24,100,58,0.22) 60%,rgba(24,100,58,0) 100%);
    background-image: -moz-linear-gradient(-60deg,#3983c9 2%,rgba(35,160,184,0.44) 40%,rgba(24,100,58,0.22) 60%,rgba(24,100,58,0) 100%);
    background-image: -ms-linear-gradient(-60deg,#3983c9 2%,rgba(35,160,184,0.44) 40%,rgba(24,100,58,0.22) 60%,rgba(24,100,58,0) 100%);
    background-image: -o-linear-gradient(-60deg,#3983c9 2%,rgba(35,160,184,0.44) 40%,rgba(24,100,58,0.22) 60%,rgba(24,100,58,0) 100%);
    background-image: linear-gradient(130deg,#3983c9 2%,rgba(35,160,184,0.44) 40%,rgba(24,100,58,0.22) 60%,rgba(24,100,58,0) 100%);
    background-position: 0 0;
}

.grid .red_supp_bg {background: #d31b40;}
.red_grad_theme {
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background-image: -webkit-linear-gradient(-60deg,#d31b40 2%,rgba(238,142,53,0.44) 40%,rgba(228,39,8,0.22) 60%,rgba(228,39,8,0) 100%);
    background-image: -moz-linear-gradient(-60deg,#d31b40 2%,rgba(238,142,53,0.44) 40%,rgba(228,39,8,0.22) 60%,rgba(228,39,8,0) 100%);
    background-image: -ms-linear-gradient(-60deg,#d31b40 2%,rgba(238,142,53,0.44) 40%,rgba(228,39,8,0.22) 60%,rgba(228,39,8,0) 100%);
    background-image: -o-linear-gradient(-60deg,#d31b40 2%,rgba(238,142,53,0.44) 40%,rgba(228,39,8,0.22) 60%,rgba(228,39,8,0) 100%);
    background-image: linear-gradient(130deg,#d31b40 2%,rgba(238,142,53,0.44) 40%,rgba(228,39,8,0.22) 60%,rgba(228,39,8,0) 100%);
    background-position: 0 0;
}

.grid .purple_supp_bg { background: #461f6b; }
.purple_grad_theme{
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-linear-gradient(-60deg,#461f6b 2%,rgba(173,37,81,0.44) 40%,rgba(182,0,87,0.22) 60%,rgba(182,0,87,0) 100%);
background-image: -moz-linear-gradient(-60deg,#461f6b 2%,rgba(173,37,81,0.44) 40%,rgba(182,0,87,0.22) 60%,rgba(182,0,87,0) 100%);
background-image: -ms-linear-gradient(-60deg,#461f6b 2%,rgba(173,37,81,0.44) 40%,rgba(182,0,87,0.22) 60%,rgba(182,0,87,0) 100%);
background-image: -o-linear-gradient(-60deg,#461f6b 2%,rgba(173,37,81,0.44) 40%,rgba(182,0,87,0.22) 60%,rgba(182,0,87,0) 100%);
background-image: linear-gradient(130deg,#461f6b 2%,rgba(173,37,81,0.44) 40%,rgba(182,0,87,0.22) 60%,rgba(182,0,87,0) 100%);
background-position: 0 0;
}

.grid .green_supp_bg {    background: #6ba131;}
.green_grad_theme{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-linear-gradient(-60deg,#6ba131 2%,rgba(42,156,120,0.44) 40%,rgba(29,101,179,0.22) 60%,rgba(29,101,179,0) 100%);
    background-image: -moz-linear-gradient(-60deg,#6ba131 2%,rgba(42,156,120,0.44) 40%,rgba(29,101,179,0.22) 60%,rgba(29,101,179,0) 100%);
    background-image: -ms-linear-gradient(-60deg,#6ba131 2%,rgba(42,156,120,0.44) 40%,rgba(29,101,179,0.22) 60%,rgba(29,101,179,0) 100%);
    background-image: -o-linear-gradient(-60deg,#6ba131 2%,rgba(42,156,120,0.44) 40%,rgba(29,101,179,0.22) 60%,rgba(29,101,179,0) 100%);
    background-image: linear-gradient(130deg,#6ba131 2%,rgba(42,156,120,0.44) 40%,rgba(29,101,179,0.22) 60%,rgba(29,101,179,0) 100%);
    background-position: 0 0;
}

.grid .sky_supp_bg {    background: #1cb4cd;}
.sky_grad_theme{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1cb4cd+10,1aafc7+40,ffffff+80&1+10,0.4+40,0+80 */
    background: -moz-linear-gradient(-45deg, rgba(28,180,205,1) 10%, rgba(26,175,199,0.4) 40%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(28,180,205,1) 10%,rgba(26,175,199,0.4) 40%,rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(28,180,205,1) 10%,rgba(26,175,199,0.4) 40%,rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb4cd', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.grid .orange_supp_bg { background: #f0ba11;}
.orange_grad_theme{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-linear-gradient(-60deg,#f0ba11 2%,rgba(182,44,0,0.44) 40%,rgba(182,14,0,0.22) 60%,rgba(182,14,0,0) 100%);
    background-image: -moz-linear-gradient(-60deg,#f0ba11 2%,rgba(182,44,0,0.44) 40%,rgba(182,14,0,0.22) 60%,rgba(182,14,0,0) 100%);
    background-image: -ms-linear-gradient(-60deg,#f0ba11 2%,rgba(182,44,0,0.44) 40%,rgba(182,14,0,0.22) 60%,rgba(182,14,0,0) 100%);
    background-image: -o-linear-gradient(-60deg,#f0ba11 2%,rgba(182,44,0,0.44) 40%,rgba(182,14,0,0.22) 60%,rgba(182,14,0,0) 100%);
    background-image: linear-gradient(130deg,#f0ba11 2%,rgba(182,44,0,0.44) 40%,rgba(182,14,0,0.22) 60%,rgba(182,14,0,0) 100%);
    background-position: 0 0;
}
.city_tabs_links{  text-align: center; margin: 10px 0px 20px 0px; }
.city_tabs_links a{  color: #a4aeb3; font-size: 16px; font-weight: normal; padding: 5px 15px;}
.city_tabs_links a:hover, .city_tabs_links .active{  color: #343f4b;}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;     background-color: transparent;
}

.why_ros_wrapper{}

.why_ros_wrapper h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.why_ros_wrapper .why_ros_info{
    padding: 0px; text-align: center;
}
.why_ros_wrapper .why_ros_info .why_ros_canvas{
    border-right: 0px solid #dbe3e8;    padding: 35px 20px; min-height: 230px;
}
.why_ros_wrapper .why_ros_info .last{
    border-right:none !important;  padding: 35px 20px; min-height: 230px;
}
.why_ros_wrapper .why_ros_info .why_ros_canvas h2{
    color: #0a1743; font-size: 18px; font-weight: normal;
}
.why_ros_wrapper .why_ros_info .why_ros_canvas p{
    color: #49565d; font-size: 14px; font-weight: normal; margin-top: 15px;
}

.sec_app_download_wrapper {
    background: #f1f6fa;
    width: 100%;
    padding: 30px 0 0 0;
    height: 300px;
    /*background: url('https://images.rehlat.com/Content/images/B2B/app_bg.jpg')repeat left;    width: 100%;
    padding: 30px 0px 0px 0px;    margin-top: 100px;    height: 300px;*/
}
.info_app_txt ul li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 0px;
}
.app_info {
    padding-right: 30px;
}
.app_info .app_coupon_box{ float: left; margin-top: 25px; width: 100%;}
.app_info .app_coupon_box{ float: left; margin-top: 25px; width: 100%;}
.app_info .app_app_box{ float: right; margin-top:0px; margin:0 5px 0 15px !important;}
.app_info .app_coupon_box .app_coupon_box_title{ float: left;
    font-size: 16px;
    line-height: 52px;
    padding-right: 20px;
    border-right: 1px solid #49565d;
}
    .app_info .app_app_box .app_app_box_title {
        float: right;
        font-size: 16px;
        line-height: 26px;
        padding-right: 0px;
        border-right: 0px solid #49565d;
    }
.app_info .app_app_box .app_app_box_app_icons{ float: right; margin-right: 20px;}
.app_info .app_app_box .app_app_box_app_icons a{ margin:0px 2px;}


.app_info .app_coupon_box .hTxt{ float: left; font-size: 16px; margin-top: 10px;}
.app_coupon_box .app_coupon_code{
    color: #322f2e; border: 1px dashed #01cfdd; display: inline-block; font-weight: bold; background-color: #fff;
    position: relative;  margin: 0px 0px 0px 20px; text-align: center; float: left; padding: 8px 30px;
}
.app_info p {
    color: #49565d;
    font-size: 14px;
    line-height: 20px;
    padding-top: 0px;
    font-family: 'Droid Arabic Kufi' !important;
}
.app_info h2 {
    font-size:28px;
    color: #0a1743;
    margin-top: 0px;
    font-family: 'Droid Arabic Kufi' !important;
    font-weight:600;
}
.app_screens .mobile_apps{
   width: 472px; height: 340px; background: url('https://images.rehlat.com/Content/images/NewEnImg/mobile_screens.png') no-repeat bottom center;
}
.app_screens{
    position: absolute;    top: -70px;
}

.app_download_btn{
    margin-top: 20px;
}
.app_download_btn a {
    margin-right: 20px;    height: auto;
}
.footer_wrapper{padding: 40px 0px 20px 0px; background-color: #1e1c66;}

.footer_seo_wrapper {}
.footer_seo_wrapper h1{
    font-size: 17px; font-weight: 400;    color: #7e888e; margin: 0px 0px 10px 0px;
}
.footer_seo_wrapper h2{
    font-size: 14px; font-weight: 500;    color: #7e888e; margin: 5px 0px 10px 0px;
}
.footer_seo_wrapper p{
    font-size: 13px; font-weight: normal;   color: #7e888e; line-height: 18px;
}
.footer_global {margin-top: 10px; float: left; width: 100%;}
.footer_global h2 { padding-top: 0px; margin-top: 10px; border-bottom: 1px solid #b2b2bb; font-size: 20px; padding-bottom:10px; color: #b2b2bb; }
.footer_global .footer_main_heading {  margin-bottom: 30px; }

.footer_global_destination_links {}

.footer_global_destination_links .nav-pills > li.active > a, .footer_global_destination_links .nav-pills > li.active > a:hover, .footer_global_destination_links .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: transparent;
}

.footer_global_destination_links .nav-pills > li > a {
    border-radius:0px ;
}

.footer_global_destination_links .nav > li > a {
    position: relative;    display: block;     padding: 4px 0px;    color: #b2b2bb;    font-size: 13px;    font-weight: normal;
}

.footer_global_destination_links .nav > li > a:hover, .footer_global_destination_links .nav > li > a:focus{
    background-color: transparent;    color: #fff;
}

.footer_global_city_links{ padding: 0px;}
.footer_global_city_links li{padding: 4px 0px;  }
.footer_global_city_links li a{font-size: 13px; font-weight: normal; text-decoration: none; color: #b2b2bb;}
.footer_global_city_links li a:hover{ text-decoration: none; color: #fff;}

.footer_social{padding: 30px 0px; float: left; width: 100%; border-top: 1px solid #5e6873; border-bottom: 1px solid #5e6873; margin-top: 20px; line-height: 30px;}
.payment_icons{float: left; margin-left: 20px;}
.payment_wrap{line-height: 24px;}
.payment_icons span{margin-left: 5px;}
.fText{color: #fff;    font-size: 13px;    font-weight: normal;}
.ros_footer_mob_title{display: none;}
.social_links{float: right; line-height: 30px;}
.social_links_social a{margin-left: 5px; opacity:0.9; }
.social_links_social a:hover{margin-left: 5px; opacity:0.5; }

.copyrights{padding: 20px 0px 0px 0px; float: left; width: 100%;}
.copyrights p{margin-bottom:0px; color: #9ca7ad; font-size: 14px; font-weight: lighter; }

/* MULTI CITY FORM CSS RULES*/
.ros_geo_multi_locate_form{margin-bottom: 5px; width: 100%; margin-bottom: 5px; float: left;}
.ros_multi_date_picker_wrapper{padding-left: 8px; padding-right: 0px;  width: 35%;}
.multiCity_cal {
    width: 170px;    padding-left: 2px;
}
.remove-trip {
    display: block;    width: 24px;    height: 24px;    cursor: pointer;    position: absolute;    right: -50px;    top: 10px;    opacity: 0.5;
    -webkit-transition: background-color 5s ease-out;    -moz-transition: background-color 5s ease-out;    -o-transition: background-color 5s ease-out;    transition: background-color 5s ease-out;

}

.remove-trip:hover { opacity: 0.8;  }

.addLeg-col{float: left; width: 100%; margin-top: 5px;}
.addLeg-col i{font-size: 12px;}

.addLeg-col .addLeg-btn a {
    background-color: transparent;    border: 1px solid #617284;    padding: 2px 14px;    display: inline-block;    border-radius: 0;
    cursor: pointer;    text-transform: uppercase;    color: #fff;    min-height: 20px;    text-decoration: none;
    line-height: 19px;    font-size: 11px;    opacity: 0.8;
    }
.addLeg-col .addLeg-btn a:hover {
    background-color: transparent;    border: 1px solid #617284;    padding: 2px 14px;    display: inline-block;    border-radius: 0;
    cursor: pointer;    color: #fff;    min-height: 20px;    text-decoration: none;    line-height: 19px;    font-size: 11px;
    opacity: 1;
}
.addLeg-col .addLeg-btn label{font-size: 12px; text-transform: uppercase; font-weight: lighter}

.ros_geo_locate_wrap_multicity{width: 51%;}



.thumbnail .flyMark {
    position: absolute;
    top: 10px;
    right: 0px;
}

/*ALL SPRITE IMAGES*/


.flight_ico{
    width: 45px; /* Icon width */
    height: 36px; /* Icon height */
    display: inline-block; /* Display icon as inline block */
    background-position: 0px 0px;
}
.hotel_ico{width: 45px;   height: 36px;    display: inline-block;    background-position: 0px -41px;}
.customerSupport_ico{width: 42px;    height: 42px;    display: inline-block;    background-position: 2px -82px;}
.saveMore_ico{ width: 42px;  height: 42px;    display: inline-block;    background-position: 0px -223px;}
.safesecure_ico{width: 42px;    height: 42px;    display: inline-block;    background-position: 2px -176px;}
.happypeople_ico{ width: 42px;    height: 42px;    display: inline-block;    background-position: 0px -129px;}
.app_screen_ico{width: 399px;    height: 340px;    display: inline-block;    background-position: 0px -660px;}

.payment_icon{width: 371px;    height: 30px;    display: inline-block;    background-position: 0px -575px;}

.cal_ico{width: 18px;   height: 18px;    display: inline-block;    background-position: -80px 0px;}
.pax_ico{width: 19px;   height: 18px;    display: inline-block;    background-position: -80px -21px;}
.remove_ico{width: 24px;   height: 24px;    display: inline-block;    background-position: -80px -49px;}
.search_gal_ico{width: 16px;   height: 16px;    display: inline-block;    background-position: -80px -49px;}



/*END ALL SPRITE IMAGES*/

.thumbnail .hotelMark { position: absolute; top: 10px; right: 0px;}
.rosLogo svg{width: 130px;}


.main_wrapper{ width:100%;  /*height:100%;*/  background-size:cover;}
.blur{ -webkit-filter: blur(10px);    -moz-filter: blur(10px);    -o-filter: blur(10px);    -ms-filter: blur(10px);    filter: blur(10px);    height: 100%;    width: 100%;}
.modal-wrapper{ width:100%;    height:100%;    position:fixed;    top:0; left:0;    background:rgba(10,23,67,0.75);    visibility:hidden;
    opacity:0;    -webkit-transition: all 0.25s ease-in-out;    -moz-transition: all 0.25s ease-in-out;    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.modal-wrapper.c_open{ opacity:1;    visibility:visible;}
.modal_theme{    width: calc(100% - 15px);    /*height:400px;*/    display:block;    margin: 0px auto;    position:relative;    /*top:50%;*/    /*left:50%;*/    background: transparent;    overflow: hidden;
    opacity:0;    border-radius: 3px;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;
}
.modal-wrapper.c_open .modal_theme{ margin-top:100px;    opacity:1;}
.Modalhead{ width:100%;    padding: 5px 10px;    overflow:hidden;    background: transparent;}
.Modalhead h1{ font-size: 12px;    text-transform: uppercase;    margin: 0px;    padding: 0px;    float: left; font-weight: normal;}
.btn-close{ height:12px;    display:block;    float:right;    color: #ff5956;}
.Modalcontent{   padding: 5%;   float: left;    width: 100%;}
.currencyPicker .currencyPickerList li{  color: #0a1743;    cursor: pointer;    /* height: 34px; */    padding: 8px 0px;    line-height: 19px;    float: left;    width: 90%;    border-bottom: 1px solid #eceff4;}
.currencyPicker .currencyPickerList li a .currencyCode{ font-size: 12px;    text-transform: uppercase;    padding: 3px 6px;    margin-right: 15px;    border-radius: 2px; border: 1px solid #9ca7ad;    width: 42px;    float: left;    text-align: center;    line-height: 12px;}
.currencyPicker .currencyPickerList li a {  float: left;  width: 100%;  text-decoration: none;}
.currencyPicker .currencyPickerList li a {  float: left;  width: 100%;}
.currencyPicker .currencyPickerList li .check_icon{  background-image: url('https://images.rehlat.com/Content/images/B2B/tick_icon.png');  background-repeat: no-repeat;    height: 12px;    width: 16px;    float: right;    margin-top: 6px;}
.currencyCode { font-size: 12px;  text-transform: uppercase;   padding: 3px 6px;  border-radius: 2px;   border: 1px solid #9ca7ad;    width: 42px;    float: right;    text-align: center;    line-height: 12px;}
.scratchPad-wrap{ width: 100%; float: left;}
.scratchPad-wrap .scratchPadInfo{margin-bottom: 10px; float: left; width: 100%; border-bottom: 1px solid #eceff4; padding-bottom: 10px;}
.scratchPad-wrap .segmentDevider{float: left;}
.scratchPad-wrap .scratchDepart{float: left;}
.scratchPad-wrap .scratchDepart .scratchDepartcity{  font-size: 14px;  font-weight: bold;}
.scratchPad-wrap .scratchDepart .scratchDate{  font-size: 11px;  color: #9ca7ad; font-family: Arial, Helvetica, sans-serif;}
.scratchPad-wrap .scratchReturn{ float: left;  min-width: 100px;   width: 100%;display: inline-block}
.scratchPad-wrap .scratchReturn .scratchReturncity{ font-size: 14px;  font-weight: bold;}
.scratchPad-wrap .scratchReturn .scratchRDate{  font-size: 11px; color: #9ca7ad; font-family: Arial, Helvetica, sans-serif;}
.clearButton a { background-color: #eceff5;    font-size: 10px;    font-weight: 300;    line-height: 25px;    padding: 0 8px; text-transform: uppercase;    color: #9ca7ad;    border-radius: 2px;    display: inline-block;    text-decoration: none;}
.clearButton a:hover { background-color: #00bcd3;color: #fff;}
.scrollbar{ float: left; overflow-y: scroll;    height: 400px;}
.force-overflow{ min-height: 450px;}

#style-4::-webkit-scrollbar-track{ /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/  /*background-color: #F5F5F5;*/}
#style-4::-webkit-scrollbar{ width: 4px; background-color: #F5F5F5;}
#style-4::-webkit-scrollbar-thumb{   background-color: #3d4d65;    border: 2px solid #3d4d65;}
.signUpWrapper{}
.signUpWrapper .modal-content { position: relative;   background-color: #fff;   -webkit-background-clip: padding-box;  background-clip: padding-box;   border-radius: 0;   outline: 0;   -webkit-box-shadow: none;  box-shadow: none;  border: none;}
.signUpWrapper .modal-dialog { position: relative;  width: auto; margin: 0px;  height: 100%;}
.signUpWrapper .modal-content {background-image: url('https://images.rehlat.com/Content/images/B2B/blurred_bg.png');  height: 100%;   width: 100%;  background-position: center;   background-repeat: no-repeat;    background-size: cover;}
.signUpWrapper .close { opacity: 1;}
.signUpWrapper .modal-header { padding: 15px;  border-bottom: none;}

/****  floating-Lable style start ****/
.floating-label { position:relative;  margin-bottom:30px;}
.floating-form ::-webkit-input-placeholder { color: #adb9ca; text-transform: uppercase; }
.floating-form :-moz-placeholder { color: #adb9ca; text-transform: uppercase; }
.floating-form ::-moz-placeholder { color: #adb9ca; text-transform: uppercase; }
.floating-form :-ms-input-placeholder { color: #adb9ca; text-transform: uppercase; }

.floating-input , .floating-select { font-size:12px;    padding:4px 4px;    display:block;    width:100%;    height:30px;    background-color: transparent;    text-transform: uppercase;    border:none;    color: #8493a8;
    border-bottom: 1px solid #8493a8;
}
.floating-input:focus , .floating-select:focus {    outline:none;    border-bottom:1px solid #8493a8;}
.floating-form label {
    color:#8493a8;    font-size:12px;    text-transform: uppercase;    font-weight: normal;    position:absolute;    pointer-events:none;    left:5px;    top:5px;    transition:0.2s ease all;
    -moz-transition:0.2s ease all;    -webkit-transition:0.2s ease all; margin:0;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {  top:-18px;  font-size:11px;}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {  top:-18px;  color:#fff;    font-size:12px;}


.ros-Signupbtn {  background-color: #3d4d65;  outline: none;  color: #fff;   font-size: 12px;   height: auto;   font-weight: normal;   text-decoration: none;   border-radius: 2px;  padding: 10px 30px;    text-transform: uppercase;    border-color: #3d4d65;}
.ros-Signupbtn:hover { color: #fff; text-decoration: none;}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after { width:50%;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea { min-height: 30px;  max-height: 260px; overflow:hidden; overflow-x: hidden;}
/* highlighter */
.highlight {position:absolute; height:50%; top:15%; left:0; pointer-events:none; opacity:0.5;}
/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}

/****  floating-Lable style end ****/
/*ul, ol{padding: 0px;}*/
.signIn_wrapper{margin-top: 40px;}
.signIn_tabs .nav-tabs {  border-bottom: none; }
.signIn_tabs .nav-tabs > li.active > a, .signIn_tabs .nav-tabs > li.active > a:hover, .signIn_tabs .nav-tabs > li.active > a:focus {color: white;    cursor: default;    background-color: transparent;    border: none;    border-bottom: 1px solid #fff;    font-size: 22px;    font-weight: 300;}
.signIn_tabs .nav-tabs > li > a {  line-height: 1.42857143;    border: none;    font-size: 22px;    font-weight: 300; padding: 10px 50px; color: #8493a8;}

.signIn_tabs .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.signIn_tabs{margin-bottom: 15px;}
.ros-Signupbtn { background-color: #8493a8;    outline: none;    color: #fff;    font-size: 12px;    height: auto;    font-weight: normal; text-decoration: none;    border-radius: 2px;    padding: 10px 30px;    text-transform: uppercase;    border-color: #3d4d65;}
.ros_signUpLinks a{line-height: 40px; color: #fff;    height: 32px; text-transform: uppercase; font-size: 11px;}
.ros_signUpLinks a:hover{line-height: 40px; color: white;    height: 33px; text-transform: uppercase; font-size: 11px;}
.rosSocialSignUp {text-align: center; margin-top: 30px; }
.footer-social-icons h4{margin: 10px 10px; font-size: 12px; text-transform: uppercase; color: white }
.footer-social-icons { display:block;  margin: 0 auto;}
.social-icon {  color: #adb9ca;}
ul.social-icons { margin-top: 10px;}
.social-icons li {  vertical-align: top; display: inline;  height: 100px;}
.social-icons a { color: #adb9ca; text-decoration: none;  font-size: 24px;}
.fa-facebook { padding:10px 14px; -o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;  transition: .5s;  background-color:  transparent;}
.fa-facebook:hover {  background-color:  transparent;}
.fa-twitter {  padding:10px 12px;  -o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s;   transition: .5s;   background-color:  transparent;}
.fa-twitter:hover {  background-color:  transparent;}
.fa-rss {  padding:10px 14px; -o-transition:.5s;   -ms-transition:.5s;    -moz-transition:.5s;    -webkit-transition:.5s;  transition: .5s;    background-color:  transparent;}
.fa-rss:hover { background-color:  transparent;}
.fa-youtube {  padding:10px 14px;  -o-transition:.5s;  -ms-transition:.5s; -moz-transition:.5s;  -webkit-transition:.5s;  transition: .5s;   background-color:  transparent;}
.fa-youtube:hover {  background-color: #e64a41;}
.fa-linkedin {    padding:10px 14px;    -o-transition:.5s;    -ms-transition:.5s;    -moz-transition:.5s;    -webkit-transition:.5s;    background-color:  transparent;}
.fa-linkedin:hover {  background-color:  transparent;}
.fa-google-plus {   padding:10px 9px;  -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s;   -webkit-transition:.5s;  transition: .5s;}
.fa-google-plus:hover {  background-color:  transparent;}
body::-webkit-scrollbar {   width: 1em;}
body::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}
.signUp__Wrap{width: 400px;}
.signUp_Welcome {text-align: center; width: 100%; margin-bottom: 50px;}
.signUp_Welcome h2 {padding: 0px; margin: 0px 0px 10px 0px; font-size: 22px; font-weight: lighter; color: #ffffff;}
.signUp_Welcome p {padding: 0px; margin: 0px; font-size: 13px; font-weight: 400; color: #adb9ca;}



/* SUDHEER AIRLINE SLIDER HERE*/

.thumbnail_carrierLogo{ float: left; margin-right: 15px;}
.thumbnail_carrierWrapper{padding: 0px 10px;}
.thumbnail_carrierLogo img{width: 50px;}

.thumbnail_carrierInner {
    background-color: white;
    float: left;
    border: 1px solid #dbe3e8;
    padding: 1px;
    margin: 0px 5px;
    width: 180px;
}

.pager_carrier {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.pager_carrier .prv_indicator {
    position: absolute;
    left: 0px;
    top: 29%;
}

.thumbnail_carrierInfo{float: left; margin-top: 7px;}

.thumbnail_airlineName{font-size: 12px; margin-bottom: 3px;}
.thumbnail_airlineFare{color: #ff690f; font-weight: 500;}

/* SUDHEER AIRLINE SLIDER HERE*/


.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
    left: -14%;
}
.multi-item-carousel .carousel-inner .active.right {
    left: 14%;
}
.multi-item-carousel .carousel-inner .next {
    left: 14%;
}
.multi-item-carousel .carousel-inner .prev {
    left: -14%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}


.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}

.multi-item-carousel .airlineMulti { float: left; width: 14%}
.multi-item-carousel .airlineMulti .flyLogo{ width: 40px; height: 40px; float: left;}
.multi-item-carousel .airlineMulti .airlineMulti_info{ float: left; margin-left: 15px;}
.multi-item-carousel .airlineMulti .airlineMulti_info .airlineName{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    display: block;
}
.multi-item-carousel .airlineMulti .airlineMulti_info .airlineName{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #ff690f;
}


/* DEALS PAGE CSS HERE - 12/12/2017 - MALLESH */

.deal_slider_wrapper{ text-align: center; }

.deal-slider {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.deal-slider {
    background-image: url('https://images.rehlat.com/Content/images/B2B/deals_bg.jpg');  height: 580px;
}

.deals_details_view{text-align: center; width: 100%; padding: 50px 0px 0px 0px;}
.deals_details_view .deals_airline_logo{background-color: #fff; padding: 10px 20px; width: 160px; text-align: center; margin: 0 auto;  text-align: center; }
.deals_details_view .deals_main_heading h1{
    text-align: center; font-size: 40px;
    font-weight: lighter;
    padding: 0px;
    color: #fff;
    margin:20px 0px 20px 0px;
    text-shadow: 1px 1px 2px #000;
}

.deals_details_view .deals_sub_heading h1{
    text-align: center; font-size: 40px;
    font-weight: 400;
    padding: 0px;
    color: #fff;
    margin:20px 0px 20px 0px;
    text-shadow: 1px 1px 2px #000;
}
.deals_details_view .deals_deals_info{
    background-color: rgba(20,37,53,0.65);
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: lighter;
    margin: 0px auto;
    white-space: nowrap;
    display: table;
     }
.deals_coupon_box {
    margin-top: 50px;
}
.deals_coupon_box .deals_coupon_title {
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
      }
.deals_coupon_box .deals_coupon_code {
    background-color: rgba(20,37,53,0.65);
    position: relative;
    color: #fff;
    padding: 5px 30px;
    font-size: 18px;
    font-weight: normal;
    margin: 0px auto;
    white-space: nowrap;
    display: table;
    border: 1px dashed #00b0d4;
}
.booking_engine_small{background-color: #00b0d4;width: 100%; height: 50px; margin-top: 60px;}
.deals_content_wrapper{padding: 30px 0px;}
.deals_offer_table{}
.deals_offer_table h1{
    font-weight: lighter;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.table-border-radius{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-collapse: separate;}
.deals_offer_table > table> thead > tr > th { background-color: #3d4d65; padding: 15px 30px; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #c0c5cb; border-bottom: 1px solid #2a374c !important;}
.deals_offer_table > table> tbody > tr > td { padding: 20px 30px; font-size: 14px; font-weight: normal; vertical-align: middle;}
.deals_offer_table > table { border: 1px solid #e5edef;}

.deals_offer_table .table > thead > tr:first-child > td,
.deals_offer_table .table > tbody > tr:first-child > td {
    border-right: 1px solid #e5edef;
}
/* Top Left */
.deals_offer_table table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}
/* Top Right */
.deals_offer_table table tr:first-child th:last-child{
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
.deals_userfull_info{width: 100%; background-color: #00b0d4; height: 500px;}

.deals_coupon_code_inner {
    color: #ff1569;    font-size: 16px;
  }
.deals_terms_box {
    border: 1px solid #e5edef; border-radius: 3px; margin-bottom: 20px;
}
.deals_terms_box .deals_terms_content{
    padding: 20px 30px;
}
.deals_terms_box .deals_terms_content ul{
    margin: 0px; padding: 0px; list-style-type: circle;
}
.deals_terms_box .deals_terms_content ul li{
    line-height: 26px; font-size: 13px;  list-style-type: circle;
}
.deals_terms_box .deals_terms_content ul li a{
    color: #00b0d4;
}
.deals_terms_box .deals_terms_title {
    background-color: #e5edef;    padding: 15px 30px;    font-weight: normal;    font-size: 16px;
}
.deals_social_info{
    width: 100%;
}
.deals_social_info .deals_box{
    border: 1px solid #e5edef;    padding: 15px; border-radius: 3px; margin-bottom: 20px; float: left; width: 100%;
}
.deals_social_info .deals_box .deals_box_title{
    color: #1e223a;    font-size: 14px;    margin-bottom: 10px;
}
.deals_social_info h1{
    font-weight: lighter;    font-size: 22px;    margin-bottom: 15px;    margin-top: 0px;
}

.deals_box_content .social_menu a{
    margin-right: 2px;}

.subscribe-submit-deals {
    display: block;    position: absolute;    top: 0px;    right:0px;    height: 42px;
    width: 90px;    border: 1px solid;    border-color: #ff5956;
    border-radius: 0 2px 2px 0;    color: #fff;    cursor: pointer;    text-shadow: none;
    background-image: -ms-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -moz-linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-linear-gradient(left top,#ff7a0d 0%,#ff5956 100%);
    background-image: -webkit-gradient(linear,left top,bottom right,color-stop(0%,#ff7a0d),color-stop(100%,#ff5956));
    background-image: linear-gradient(to bottom right,#ff7a0d 0%,#ff5956 100%);
}


.deals_box .deals_box_content .deals_other_link ul{
    margin: 0px; padding: 0px;
}
.deals_box .deals_box_content .deals_other_link ul li{
    line-height: 26px; font-size: 13px;
}
.deals_box .deals_box_content .deals_other_link ul li a{
    color: #98a3af;
}

.deals_box .deals_box_content .deals_other_link ul li a:hover{
    color: #00b0d4;
    text-decoration: none;
}
.earn_karam {
    float: left;
    margin: 9px 40px 10px 20px;
   }

.deals_box_h1 {
    font-weight: lighter;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.earn_karam li {
    float: left;
    width: 140px;
    height: 35px;
    padding: 8px 15px;
    border-radius: 2px;
   }
.karam_Price {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    color: #3d4d65;
    font-size: 16px;
    border-bottom: 2px solid #ff1569;
}

.earn_karam a.karam_new{
    cursor: pointer;

}

.nav-utility__user .tooltip.is--reward {
    padding: 4px 8px;
    margin-top: 35px;
    margin-left: 5px;
    background: #3d4d65;
    color: #fff;
    border-bottom: 1px solid #233045;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1020;
    filter: alpha(opacity=1);
    opacity: 1;
}

.nav-utility__user .tooltip.is--reward:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #3d4d65;
    border-top: none
}

.nav-utility__user .popover.in+.tooltip.is--reward {
    filter: alpha(opacity=0);
    opacity: 0;
    height: 0;
    margin-top: 0;
    padding: 0 5px;
    overflow: hidden
}




@keyframes bounce {
    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-webkit-keyframes bounce {
    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-moz-keyframes bounce {
    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-o-keyframes bounce {
    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25%,
    75% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

.appear {
    -webkit-animation: show-up .7s ease;
    -moz-animation: show-up .7s ease;
    -o-animation: show-up .7s ease;
    animation: show-up .7s ease
}

.disappear {
    -webkit-animation: hiding .7s ease;
    -moz-animation: hiding .7s ease;
    -o-animation: hiding .7s ease;
    animation: hiding .7s ease
}

.blink {
    -webkit-animation: show-loop 1s infinite;
    -moz-animation: show-loop 1s infinite;
    -o-animation: show-loop 1s infinite;
    animation: show-loop 1s infinite
}

.bounce {
    -webkit-animation: bounce 5s linear infinite both;
    -moz-animation: bounce 5s linear infinite both;
    -o-animation: bounce 5s linear infinite both;
    animation: bounce 5s linear infinite both;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}



.googleContactWrappers .modal-dialog .modal-header {
    background-color: #3d4d65; color: #fff; padding: 15px 15px; border-bottom:none;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.googleContactWrappers .modal-dialog .modal-header .close{
    margin-top: 3px;
}
.googleContactWrappers .modal-dialog .modal-header h4 {
    font-size: 18px;
    font-weight: lighter;
  }

.googleContactWrappers .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius:2px;
    outline: 0;
    box-shadow: none;
}

.googleContactWrappers .modal-content .googleContactsList .list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    background-color: #fff;
    border: none;
    }

.googleContactWrappers .modal-content .googleContactsList .list-group-item:first-child, .googleContactWrappers .modal-content .googleContactsList .list-group-item:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.googleContactWrappers .modal-content .googleContactsList .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.googleContactWrappers .modal-content .googleContactsList .list-group {
    padding-left: 20px;
    margin-bottom: 10px;
}
.googleContactsInfo .searchContacts {
    margin: 10px 0px;
    border-bottom: 1px solid #e4e8ee;
    padding: 0px 0px 10px 0px;
}

.googleContactsInfo .searchContacts .navbar-form{
    padding: 0px;
}

.googleContactsInfo .searchContacts .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
}

.googleContactWrappers .modal-content .googleContactsList .list-group .radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.globleButton_pink {
    background: #fd3a80;
    color:#fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 18px;
    border:1px solid #ff1569;
    background: -moz-linear-gradient(left, #fd3a80 0%, #ff6b6e 100%);
    background: -webkit-linear-gradient(left, #fd3a80 0%,#ff6b6e 100%);
    background: linear-gradient(to right, #fd3a80 0%,#ff6b6e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd3a80 ', endColorstr='#ff6b6e ',GradientType=1 );
}
.globleButton_pink:hover, .globleButton_pink:active  {
    background: #ff6b6e; /* Old browsers */
    color:#fff;
    font-size: 12px;
    border-radius: 3px;
    background: -moz-linear-gradient(left, #ff6b6e 0%, #fd3a80 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff6b6e 0%,#fd3a80 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff6b6e 0%,#fd3a80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b6e', endColorstr='#fd3a80',GradientType=1 ); /* IE6-9 */
}

.globleButton_Cancel {
    background: #3d4d65;
    color:#fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 10px 18px;
}
.globleButton_Cancel:hover, .globleButton_Cancel:active  {
    background: #3d4d65; /* Old browsers */
    color:#fff;
    font-size: 12px;
    border-radius: 3px;
}

.googleContactWrappers .modal-content .googleContactsList input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.googleContactWrappers .modal-content .googleContactsList .radio label, .checkbox label{
    padding-left: 10px;
}

.b2b_banner_bg {
    background: url('https://images.rehlat.com/Content/images/B2B/b2b_warapper.png') no-repeat;
    width: 100%;
    padding: 30px 0px 30px 0px;
    min-height: 480px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.b2b_text_info{
    margin-top: 30px;
}
.b2b_title{
    color: #fff;
    margin-top: 24%;
    font-size: 32px;
}

.b2b_title h2{
   margin-bottom: 20px; font-size:30px; color:#fff; line-height:42px;
}

.b2b_section_process{
    padding: 60px 0px;
    background-color: #f7f8f9;
}

.b2b_section_process h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 60px 0px;
}

.b2b_box{
    width: 100%;
    text-align: center;
}
.b2b_box .b2bHeading{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    padding: 0px;
    color: #1e223a; text-transform:uppercase;line-height:34px;
    }
.b2b_box .b2b_p{
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 0px;
    color: #9291b5;
    margin: 10px 0px 15px 0px;
    text-transform: uppercase;
}

.req_btn{
    text-align: center;
    margin: 30px 0px 0px 0px;
}
.rosLogo_business{
    margin-top: 10px;
}

.support_page_panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #cad3df;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.support_page_panel .support_page_header{
    background-color: #cad3df;
    border-color: #cad3df !important;
    padding: 15px 15px;
}
.support_page_panel .support_page_header .support_header_title{
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.support_page_panel .support_page_body{padding: 20px; height:auto; display:inline-block; width:100%;}
.support_page_panel .support_page_body p{margin: 0px 0px 10px 0px;}


.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.fileupload {
    margin-bottom: 9px;
}

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
}

.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

.fileupload .thumbnail>img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.fileupload-preview{
    font-size: 11px;
    color: #8493a8;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Arial;
    border-radius: 1px !important;
    padding: 4px 14px;
    line-height: 12px;
    display: inline-block;
}

.support-blocks{
    margin:30px 0px 20px 0px ;
    display: inline-block;
    width: 100%;
}

.support_block_box{
    background: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
}
.support_block_box .boxA {
    text-decoration: none;
    width: 100%;
    font-size: 15px;
    display: block;
    transition: border 0.5s ease;
    color: #3d4d65;
    cursor: pointer;
    cursor: hand;
    padding: 30px 10px;
    border: 1px solid #fff;
}
.support_block_box .boxA:hover {background: #fff; border: 1px solid #cad3df; }
.support_block_box .boxA .supportIcons{
    margin-bottom: 10px;
}


.b2b_section_process .b2b_req_form .form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: lighter;
    color: #8493a8;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cad3df;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    line-height:30px!important;
}

.mycusInput1 select {
    color: #989898;
    padding: 5px 23% 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none !important;
    background: rgba(0, 0, 0, 0) url(https://images.rehlat.comhttps://images.rehlat.com/Content/images/B2B/arrow_select2.png) no-repeat scroll 93% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px !important;
}

/*Business 04-01-2019 Srt*/
#agentWrap {
    border-radius: 10px;
    background: rgba(0,0,0,0.50);
    max-width: 400px;
    margin: 0 auto;
    padding-bottom: 40px;
    margin-top: 10px;
}

.agent-title {
    text-align: right;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    padding: 25px 40px 25px 0px;
    background: rgba(0,0,0,0.50);
    border-radius: 10px 10px 0px 0px;
}

.agent-login {
    padding: 20px 40px 0px 40px;
    color: #fff;
    text-align: right;
}

.agentlabel {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 4px;
}

.form-control.agent-fr-control {
    border-radius: 4px !important;
    height: 46px !important;
    color: #9e9e9e;
}

.agentfr-Wrap {
    padding: 10px 26px 10px 26px;
    color: #fff;
    font-size: 15px;
    text-align: right;
    font-weight: 400;
}

.agentSup {
    text-align: left;
    color: #4898f6;
}

    .agentSup a {
        color: #4898f6;
        text-decoration: none;
        cursor:pointer;
    }

.agentFrt {
    text-align: left;
    color: #4898f6;
    float: left;
}

    .agentFrt a {
        color: #4898f6;
        text-decoration: none;
    }

.agentBtnWrap {
    padding: 15px 40px 0px 40px;
}

.btn.agentBtn {
    width: 100%;
    background-color: #ff234f;
    padding: 10px 12px;
}

    .btn.agentBtn a {
        color: #fff;
        text-decoration: none;
    }

/*Business 04-01-2019 End*/



@media only screen and (max-width:768px) {
    .b2b_text_info {
        display: none;
    }

    .agent-title {
        padding: 12px;
    }

    .agent-login {
        padding: 20px 20px 0px 20px;
    }

    .agentfr-Wrap {
        padding: 10px;
    }

    .floating-input, .floating-select {
        margin-left: 0 !important;
        padding-left: 30px;        
    }

    .agentsupBtn {
        width: 100%;
    }

    .b2b_section_process h1 {
        line-height: 38px;
        font-size: 22px;
        margin-bottom: 30px;
    }

    .b2b_box {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width:640px) {
    .b2b_box .b2bHeading {
        font-size: 18px;
        line-height: 30px;
    }

    .agent-title {
        border-radius: 5px;
    }

    .b2b_section_process {
        padding: 40px 0px;
    }

    .req_btn {
        margin-top: 0
    }

    .signUp_global .signUp_global_left {
        display: none!important;
    }

    .signUp_global .signUp_global_right {
        width: 100%;
        padding: 15% 10%;
    }

    .re-form__input {
        margin-bottom: 20px;
        float: right;
        width: 100%;
    }

     

        .b2b_section_process {
            background: #fff;
        }

    .b2b_banner_bg {
        background: #5374b9; /* Old browsers */
        background: -moz-linear-gradient(-45deg, #5374b9 0%, #0baeb6 100%, #0baeb6 101%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, #5374b9 0%,#0baeb6 100%,#0baeb6 101%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, #5374b9 0%,#0baeb6 100%,#0baeb6 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5374b9', endColorstr='#0baeb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
}

.floating-input, .floating-select {
    padding-right: 30px;
}

.re-form__input select.floating-input {
    background:#fff url(https://images.rehlat.com/Content/images/NewEnImg/select-opt-arrow.png) no-repeat left 18px !important;
    padding:4px 30px 4px 30px!important;
    font-size:16px;
}

/*added form new design 27-06-23*/
#BusinessLeads_carousel .owl-nav [class*=owl-] {
    color: #222;
    font-size: 14px;
    margin: 0;
    padding: 4px 4px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#BusinessLeads_carousel .owl-nav .owl-next, #BusinessLeads_carousel .owl-nav .owl-prev {
    top: 120px;
    display: none !important;
}

#BusinessLeads_carousel:hover .owl-nav .owl-next, #BusinessLeads_carousel:hover .owl-nav .owl-prev {
    display: block !important;
}

.owl-next.disabled, .owl-prev.disabled {
    display: none !important;
}
.btn {
    display: inline-block;
}

    @media screen and (max-width: 768px) {
        .backfltrBg {
            display: none;
        }
        #BusinessLeads_carousel .owl-dots {
            margin-top: 0px;
        }

        #BusinessLeads_carousel .owl-nav {
            margin-top: 0px;
        }

        #BusinessLeads_carousel .owl-dots .owl-dot {
            margin-top: 0px;
        }

            #BusinessLeads_carousel .owl-dots .owl-dot span {
                width: 10px;
                height: 1px;
                margin: 1px 3px;
                background: #e62c2c;
            }

            #BusinessLeads_carousel .owl-dots .owl-dot.active {
                zoom: 2;
            }
    }