/* -------------------------- Import styles ---------------------------- */
@import url("/Content/Plugin/Bootstrap.3.2/bootstrap-rtl.min.css");
@import url("/Scripts/Plugin/Font-Awesome/css/font-awesome.min.css");
@import url("fontiran.css");
@import url("safaryab.css");

/*------------------ Base ------------------*/
body{ background:#eee;} 
*{padding:0;margin:0;}
img { border: none; outline: none; max-width: 100%; }
a, a:active, a:focus, a:hover { outline: none; text-decoration: none; }
input:focus, textarea:focus, select:focus { outline: none !important; box-shadow: none; }
ul { margin: 0; list-style-type: none; }
h1 ,h2 ,h3 ,h4 ,h5, h6{ padding:0; margin:0;}
h1 { font-size: 36px; font-weight: 400;}
h2 { font-size: 25px; font-weight: 700;}
h3 { font-size: 20px; font-weight: 400;}
h4 { font-size: 16px; font-weight: 300;}
p{ margin:0;}
label{ font-weight:normal; margin-bottom:0;}
.ltrDir{ direction:ltr;}

.whiteBg, .widget, .sideBox, .list-flight-item, .flightError, .product-tabs-content, .detail-sidebar-border, .detail-Support, .pagecontainer2.needassistancebox
{
    background:#fff;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.pageBody{ padding:15px;}

.fade.in{ background:rgba(0,0,0,0.5)}

.btn, .Select-Flight{ border:0 !important; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:12px 28px; outline:0; position:relative; overflow:hidden;}
.btn:checked, .btn:hover, .btn:focus{ outline:0;}
.Select-Flight:hover{ -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3); box-shadow: 0 2px 6px rgba(0,0,0,0.3);}
.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.animate {
	-webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

.btn-primary{ background:#2d2482;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{ background:#19125f;}

select.form-control{ padding:0 12px;}

.has-feedback label~.form-control-feedback{ top:20px;}
.glyphicon-remove, .glyphicon-ok:before{font-family:FontAwesome;}
.glyphicon-remove:before{ content:"\f00d";}
.glyphicon-ok:before{ content:"\f00c";}

/*------------------ Font ------------------*/
body, .text-fa, .currency,
.faNum, .count-section h2, .payment-step span, .flip-clock-wrapper div, .ui-datepicker-rtl .ui-datepicker-year, .ui-datepicker-rtl .ui-state-default, p.count,
.rate-avg, .calander-piker.text-fa
{font-family: IRANYekan;}


/* FontAwesome -----*/
li.menu-item-has-children:after, .awIco:after, .facilities-item span:after, .pItem a:after, .a-view-detail:after, .fa-caret-left::before, .fa-caret-right::before,
.cityName:after, .change-day a:after, a.aBtn:after, .post-meta div:after, .back-top span:after,
h2.title a.more:after, .td-stop:before, .filter-box botton.active i.ico:after, .sPassengerBox .selectPassenger:after, a.openMMEnu:after,
.clear-filter a:after, .sideBox h3.aTitle a:after, ul.qLink li a:after, .comment-abs a:after, li.menu-item-has-children a:after,.tourProgDesc:before
{font-family:FontAwesome; position:absolute;}

.awIco{ position:relative;}
.tp-banner{ direction:ltr;}

.switch label:after
{font-family:'safaryab'; position:absolute;}

/*------------------ Border Radius ------------------*/
.btn, select, .roomNum, .delete-filter, .title-register .reUseInfo a, .title-reserver, .lightbox form.external-form button, .hotelResult, .hotelResult .hotelPic img,
.sideBox, .pagecontainer2.needassistancebox, .change-day a, .list-flight-item, .detail-sidebar-border, .flightBClass, h4.reply-title, .hotelFull h3, .postImg img, .clear-filter a, .flight-list-btnShowMore, .widget,
.commentlist li.comment, .comment-abs a, .stopFlight, .filter-box botton, .thumbList li label, .rangeSliderBox, .mainNav .navUl li a, .footerLogo01, .footerLogo02
{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.header-reserver .reserver-info, .lightbox .login-popup, a.aBtn
{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.post-footer a, p.count
{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.flightDtl .departFlight:before, .flightDtl .arriveFlight:before
{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

.rowSpc .form-control, .rowSpc .btn
{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }

/*------------------ Transition ------------------*/
.hotelResult, .list-flight-item, .list-flight-item
{
  -webkit-transition: 0.4s all linear;
  -moz-transition: 0.4s all linear;
  -o-transition: 0.4s all linear;
  transition: 0.4s all linear;
}
a, a:after, .btn, a.bookHotel, .sub-menu, nav.navbar li a, .hotelFull .pItem, .hotelFull .pItem img, .hotelFull .pItem a:after, .Select-Flight, .slides li img,
.thumbList li label, .sNetorkHome ul li a i
{
  -webkit-transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}


/*------------------ Header ------------------*/
.headertop{ background:#333; color:#fff; padding:8px 0; font-weight:100;}
.headertop a{ color:#fff}
.headertop .text-left a:first-child{display: inline-block;}
.headertop .headericont{ padding-left:15px;}
.headertop .leftIcoItem{ padding-right:15px;}

.headertop .paddbu3top a{ cursor:pointer;}

.mainHeader{ background:#fff; padding:15px 0;
    -webkit-box-shadow: 0 2px 9px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 2px 9px 0 rgba(0,0,0,.24);
    box-shadow: 0 2px 9px 0 rgba(0,0,0,.24);
}



.mainNav .navUl li{ float:right;}
.mainNav .navUl li a{ display:block; padding:5px;}
.mainNav .navUl > li > a, .mainNav .navUl > li > a:focus { color:#424242; padding:0 15px; line-height:55px; position:relative; font-weight:400;}
.mainNav .navUl > li > a:hover, .mainNav .navUl > li.menu-item-has-children:hover > a{ background:#d0d1d5; color:#000;}
.mainNav .navUl li.menu-item-has-children{ position:relative;}
.mainNav .navUl li.menu-item-has-children a{ padding-left:22px !important;}
.mainNav .navUl li.menu-item-has-children:after{content:"\f107"; left:8px; top:20px; color:#999999;}
.mainNav .navUl li.menu-item-has-children:hover:after{ color:#21248d;}
.mainNav .navUl .sub-menu{ position:absolute; right:0; width:180px; font-size:13px; opacity:0; visibility:hidden; background:#fff; padding:0; z-index:42;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.mainNav .navUl .sub-menu li{ float:none;}
.mainNav .navUl .sub-menu li h3{font-weight: 400;font-size:15px;padding: 8px 10px;cursor:pointer}
.mainNav .navUl li.menu-item-has-children .sub-menu a{ display:block; padding:6px !important; border-bottom:1px solid #ddd;border-radius: 0;}
.mainNav .navUl .sub-menu a:hover{ background:#eee;}
.mainNav .navUl li:hover .sub-menu{ opacity:1; visibility:visible;}

.sub-menu.menu_tour li ul{display:none;background:#fff;padding:0 5px}
.sub-menu.menu_tour li:hover ul{display: initial;position: absolute;right: 100%;top:0;width: 160px;}
.sub-menu.menu_tour li:first-child:hover ul{top:0;/*right: -webkit-calc(100% + 5px);right: -moz-calc(100% + 5px);right: calc(100% + 5px);*/right:100%;} 
.sub-menu.menu_tour li ul li a{border-bottom: 1px solid #ddd !important;}
.sub-menu.menu_tour li ul li:last-child a{border:0 !important;}


/*------------------ HomePg ------------------*/
.SloganNewsLetter { padding:25px 0;
    background-image: url(../Images/LOGO/mountainskies.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 55;
}


.thumbnails{ padding-bottom:30px;}
.thumbnails .thItem{ float:right; width:25%; padding-left:20px; padding-right:10px; padding-bottom:10px;}

figure.snip1166 {
    font-family: inherit;
    color: #fff;
    position: relative;
    float: right;
    margin: 10px 1.5%;
    /*min-width: 210px;*/
    /*max-width: 300px;*/
    /*max-height: 220px;*/
    width: 100%;
    background: #ffffff;
    color: #000000;
    text-align: left;
}

    figure.snip1166 * {
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }

    figure.snip1166 img {
        opacity: 1;
        width: 100%;
        vertical-align: top;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    figure.snip1166 figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        figure.snip1166 figcaption > div {
            height: 70%;
            overflow: hidden;
            width: 100%;
            position: absolute;
            bottom: 0;
        }

    figure.snip1166 h3,
    figure.snip1166 p {
        margin: 0;
        position: absolute;
        right: 0;
        /*font-size:12px;*/
        direction:rtl;
        text-align:right;
    }
@media (max-width: 767px) {
    figure.snip1166 h3,
    figure.snip1166 p {
        margin: 0;
        position: absolute;
        right: 0;
        font-size:18px;
        direction: rtl;
        text-align: right;
    }
}

    figure.snip1166 h3 {
        padding: 0 30px 0 15px;
        color: #ffffff;
        background-color: #1a1a1a;
        display: inline-block;
        font-weight: 100;
        line-height: 40px;
        text-transform: uppercase;
        top: 30%;
        right: 0;
        left: 0px;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 767px) {
    .figure.snip1166 h3 {
        padding: 0 30px 0 15px;
        color: #ffffff;
        background-color: #1a1a1a;
        display: inline-block;
        font-weight: lighter;
        line-height: 40px;
        text-transform: uppercase;
        top: 30%;
        right: 0;
        left: 0px;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


        figure.snip1166 h3 span {
            font-weight: 400;
        }

        figure.snip1166 h3:after,
        figure.snip1166 h3:before {
            border-style: solid;
            content: '';
            position: absolute;
            left: 100%;
        }

        figure.snip1166 h3:after {
            border-width: 40px 0 0 12px;
            border-color: transparent transparent transparent #1a1a1a;
            top: 0;
        }

        figure.snip1166 h3:before {
            border-width: 12px 12px 0 0;
            border-color: #000000 transparent transparent transparent;
            top: 100%;
        }

    figure.snip1166 p {
        padding: 8px 45px;
        opacity: 0;
        font-size: 0.9em;
        font-weight: 500;
        left: 0;
        -webkit-transform: translate3d(0%, -150%, 0);
        transform: translate3d(0%, -150%, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    figure.snip1166 a {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
    }

    figure.snip1166.blue h3 {
        background-color: #2980b9;
    }

        figure.snip1166.blue h3:after {
            border-color: transparent transparent transparent #2980b9;
        }

        figure.snip1166.blue h3:before {
            border-color: #123851 transparent transparent transparent;
        }

    figure.snip1166.red h3 {
        background-color: #c0392b;
    }

        figure.snip1166.red h3:after {
            border-color: transparent transparent transparent #c0392b;
        }

        figure.snip1166.red h3:before {
            border-color: #581a14 transparent transparent transparent;
        }

    figure.snip1166.green h3 {
        background-color: #27ae60;
    }

        figure.snip1166.green h3:after {
            border-color: transparent transparent transparent #27ae60;
        }

        figure.snip1166.green h3:before {
            border-color: #104627 transparent transparent transparent;
        }

    figure.snip1166.orange h3 {
        background-color: #e67e22;
    }

        figure.snip1166.orange h3:after {
            border-color: transparent transparent transparent #e67e22;
        }

        figure.snip1166.orange h3:before {
            border-color: #7b410e transparent transparent transparent;
        }

    figure.snip1166.navy h3 {
        background-color: #34495e;
    }

        figure.snip1166.navy h3:after {
            border-color: transparent transparent transparent #34495e;
        }

        figure.snip1166.navy h3:before {
            border-color: #07090c transparent transparent transparent;
        }

    figure.snip1166:hover img,
    figure.snip1166.hover img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    figure.snip1166:hover figcaption h3,
    figure.snip1166.hover figcaption h3 {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    figure.snip1166:hover figcaption p,
    figure.snip1166.hover figcaption p {
        opacity: 0.8;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }



.whySafaryaab{ background:#dad9d9; padding:25px 0;}
.whySafaryaab h2.pTitle{ padding:20px 0; }

.whyCol .img-responsive{ margin:0 auto; width:50%;}
.whyCol h3{font-size:1.8em; color:#ff9000; margin:10px 5px 25px; text-align:center; font-weight:bold;}
.whyCol p{ text-align:justify;}



.flyLink{ padding:30px 0;}
.flyLink .qLink li{ width:33.33%; float:right;}
.flyLink .qLink li a{ color:#fff; padding:7px 5px; display:block; text-align:center; font-weight:900; font-size:16px;}


.img_carousel{ direction:ltr; position:relative; margin:10px 0 30px 0;}
.img_carousel .flex-viewport{ overflow:hidden;}
.img_carousel .slides li{ text-align:center; height:100px;}
.img_carousel .slides li img{ max-height:100%; opacity:0.6;}
.img_carousel .slides li:hover img{ opacity:1;}

.flex-control-nav{ bottom:-15px !important;}
.flex-control-paging li a{ background:#dad9d9 !important; overflow:hidden;}
.flex-control-paging li a.flex-active{ background:#2196f3 !important;}

.img_carousel .flex-direction-nav{ display:none;}
#tourPic .flex-control-nav , #tourPic .flex-direction-nav {display:none;}
/* List --------------------------------------------*/
.list li { line-height: 40px; }
.list li:hover { cursor: pointer; }
.list li i { padding-right: 8px; font-size: 0.875rem; }
.list li a { color: #666; }
.list li a:hover { color: #252525; }




/* Filter Header --------------------------------------------*/
.filter-header {
    padding: 0;
    max-width: 90%;
    margin: 1px auto 0 auto;
    height: 56px;
    border-radius: 0 5px 5px 5px;
    border: solid 3px;
}

    .filter-header.flights-filter {
        height: auto !important;
        overflow: auto;
    }

        .filter-header.flights-filter .input-large {
            width: 50%;
            border-bottom: 1px solid #dedede;
        }

        .filter-header.flights-filter .date-input,
        .filter-header.flights-filter .selector {
            width: 25%;
        }

        .filter-header.flights-filter input[type="submit"] {
            width: 100%;
        }

    .filter-header form {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .filter-header input {
        height: 50px;
        margin: 0;
        float: right;
        border: 0;
        padding: 5px 10px;
        font-size: 0.9rem;
        font-weight: normal;
        border-right: 1px solid #dedede;
    }

        .filter-header input:last-child {
            border-right: 0;
        }

    .filter-header .input-large {
        width: 35%;
        background: #fff url("../img/icons/location.png") no-repeat scroll left 6px;
        padding-left: 40px;
    }

    .filter-header .date-input {
        width: 17%;
        background: #fff url("../img/icons/calendar.png") no-repeat scroll left 12px;
        padding-right: 10px;
        font-size: 0.9rem;
    }

    .filter-header .selector {
        position: relative;
        min-width: 60px;
        width: 15%;
        line-height: 0;
        float: right;
        color: #999;
        font-size: 0.9rem;
        height: 50px;
    }

.selector select {
    position: absolute;
    z-index: 1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    height: 50px;
    width: 100%;
    -webkit-appearance: menulist-button;
    line-height: 30px;
}

    .selector select:hover {
        cursor: pointer;
    }

.selector span.custom-select {
    display: inline-block;
    line-height: 52px;
    padding: 0 40px;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.filter-header ::-webkit-input-placeholder {
    color: #565656;
}

.filter-header :-moz-placeholder { /* Firefox 18- */
    color: #565656;
}

.filter-header ::-moz-placeholder { /* Firefox 19+ */
    color: #565656;
}

.filter-header :-ms-input-placeholder {
    color: #565656;
}

span.custom-select {
    padding-left: 15px;
    padding-right: 15px;
    height: 50px;
    color: #565656;
}

span.custom-select {
    background: #fff;
    border: none;
    line-height: normal;
    font-size: 0.9rem;
}

.selector span.custom-select:before {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background: #999;
    width: 24px;
    height: 100%;
}

.selector span.custom-select:after {
    position: absolute;
    right: 9px;
    top: 22px;
    border-top: 5px solid #fff;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    content: "";
}

.filter-header input[type="submit"] {
    width: 16%;
    border: 0;
    color: #fff;
    background-color: #565656CC;
}


.blogPostRow{ margin-top:60px; margin-bottom:60px;}

article.post{ margin-bottom:20px;}
article.post .image-boxed img{
    -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
width:100%;
}
article.post .txtBody{ padding:15px; text-align:justify; line-height:1.7;}
article.post .image-boxed{ overflow:hidden; max-height:200px;}
article.post .txtBody h3{ font-size:15px; margin:0; padding:0; min-height:45px;}
article.post .txtBody p.txt{ max-height:70px; overflow:hidden; margin:10px 0;}


/* ---------------------------------------------------------------------- */
/*	04 General Structure
/* ---------------------------------------------------------------------- */
.content_info { position:relative; width:100%; overflow:hidden;}
.no-overflow { overflow: visible !important;}
.content_resalt { background: #F5F6FA;}


/* Title ------------------------*/
h2.title{ margin-bottom:15px; border-bottom:1px solid #e6e6e6; padding:0; font-size:22px;}
h2.title span{ display:inline-block; padding:0 5px 10px 5px; position:relative;}
h2.title span:after{ position:absolute; width:100%; height:3px; bottom:-2px; right:0; content:""; background:#debd3c;}
h2.title a.more{ float:left; font-size:13px; line-height:30px; padding-right:10px; position:relative;}
h2.title a.more:after{ content:"\f104"; right:0; color:#f9a318; font-size:16px;}


h2.hTitle{ text-align:center; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:22px; color:#fff;}
h2.hTitle span{ display:inline-block; position:relative; padding:0 5px 10px }
h2.hTitle span:after{ position:absolute; content:""; background:#fff; width:100%; height:3px; bottom:-2px; right:0;}


/* Parallax Secion --------------------------*/
.image_01_parallax {
    background: url("/Views/_Safaryaab/Content/Images/slide/1.jpg");
}

.image_02_parallax {
    background: url("/Views/_Safaryaab/Content/Images/bg/rainbow-colors.jpg");
}

.bg_parallax {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 0 50%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.opacy_bg_02 {
    bottom: 0px;
    left: 0;
    width: 100%;
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: inset 0 0 10px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 0 10px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 0 10px 2px rgba(0,0,0,0.15);
}


/* Footer ------------------------------------------------*/
#footer { font-size:0.9em; line-height:20px; }

#footer .contact_footer{ color:#fff;}
#footer .contact_footer li{ padding-right:20px; padding-bottom:6px; position:relative;}
#footer .contact_footer li i { position:absolute; right:2px; top:6px; }

.footerTop{ padding:50px 0; color:#fff; font-size:14px;}
.footerTop h3{ font-size:20px; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
.footerTop a{ color:#fff;}
.footerTop .aboutTxt{ text-align:justify; line-height:1.7;}
.footerTop .yataimg{ max-height:120px;}
.footerTop .footerlogoim img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);width:160px;}

/* Footer V-1 ----------------------------------------------------------------*/
.footer-v1 { background-color:#333; }
.footer-v1 h3, .footer-v1 ul li a:hover, .footer-v1 .title-footer h2 { color: #fff; }
.footer-v1 .divisor { background-color: #363636; }
.footer-v1 .img-footer { margin-top: 0; position: relative; width: 100%; height: 100%; }
.footer-v1 .img-footer img { position: absolute; top: 20px; right: -20px; }

.back-top{ position:fixed; bottom:20px; left:20px; background:#337ab7;}
.back-top span{ display:block; width:40px; height:40px; cursor:pointer; color:#fff;}
.back-top span:after{ content:"\f077"; width:40px; height:40px; text-align:center; line-height:40px;}

/* Social   ----------------------------*/
.sNetorkBox{ padding:10px 0;}
.sNetork li{ display:inline-block; margin-left:6px; margin-bottom:6px; float:right;}
.sNetork li:last-child{ margin-left:0;}
.sNetork li a{ display:block; width:32px; height:32px; text-align:center; background:rgba(255,255,255,0.05); color:#fff;}
.sNetork li a:hover{ color:#fff !important; background:#f50057; }
.sNetork li a i{ font-size:20px; line-height:32px; color:#fff;}
.sNetork li a .fa-aparat img{ width:28px; margin-top:2px;}

.sNetorkHome{ background:#f5f5f5; padding:3px 0;}
.sNetorkHome ul{ text-align:center; height:40px; overflow:hidden;}
.sNetorkHome ul li{ display:inline-block;}
.sNetorkHome ul li a{ display:block; width:40px; height:40px; text-align:center; overflow:hidden;}
.sNetorkHome ul li a i{ font-size:25px; width:40px; height:40px; line-height:40px; text-align:center; display:block; opacity:0.6;}
.sNetorkHome ul li a:hover i{ font-size:40px; opacity:1;}

.sNetorkHome .instaIco{color:#ff6500}
.sNetorkHome .aparatIco{ color:#ed145b;}
.sNetorkHome .fbIco{ color:#3b5998;}
.sNetorkHome .telgramIco{ color:#0088cc;}
.sNetorkHome .twiIco{ color:#1da1f2;}
.sNetorkHome .gpIco{ color:#dd4b39;}
.sNetorkHome .youIco{ color:#ff0000;}
.sNetorkHome .vimIco{ color:#1ab7ea;}
.sNetorkHome .tumbIco{ color:#35465c;}

.certificateBox{ margin-top:20px; text-align:center;}


/* Footer Down ------------------------------------------------------*/
.footer-down { padding:5px 0; background:#fff; color:#000; font-size:10px;}
.footer-down a{ color:#000;}
.footer-down a:hover{ color:#4285f4;}

/* Blog Post ------------------------------------------------------------------*/
.post-item {
    background: #fcfcfc;
    margin-bottom: 50px;
    border: 1px solid #dfdfdf;
}

    .post-item:first-child {
        margin-top: 20px;
    }

    .post-item h4 {
        padding: 0 0 10px 0;
        line-height: 20px;
    }

        .post-item h4 a {
            color: #252525;
        }

            .post-item h4 a:hover {
                text-decoration: none;
            }

    .post-item p {
        font-size: 0.875rem;
        line-height: 23px;
    }

.post-header {
    padding: 30px 30px 0 30px;
    border-bottom: 1px solid #eee;
}

.post-format-icon {
    float: right;
    margin-left: 15px;
}

    .post-format-icon > i {
        font-size: 18px;
        line-height: 45px;
        width: 50px;
        height: 50px;
        text-align: center;
        color: #ff5b24;
        border: 2px solid;
        border-radius: 50%;
    }

.post-info-wrap {
    margin-bottom: 20px;
}

.post-item .post-title {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.8rem;
    padding: 0 !important;
    text-transform: uppercase;
    color: #000;
}

    .post-item .post-title a {
        text-decoration: none;
        color: #000;
    }

.post-meta {
    font-size: 13px;
    margin-top: 5px;
    color: #999;
}

    .post-meta ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .post-meta li {
        float: right;
        margin-left: 15px;
    }

        .post-meta li > i.fa {
            margin-right: 5px;
        }

    .post-meta a {
        text-decoration: none;
        color: #999;
    }

.post-item img {
    width: 100%;
}

.post-media {
    position: relative;
}

.post-item iframe {
    width: 100%;
    height: 350px;
}

.post-quote-wrapper {
    position: relative;
    text-align: center;
    color: #fff;
    background-image: url("../img/slide/1.jpg");
    background-size: cover;
}

.post-quote-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #000;
}

.post-quote-content {
    position: relative;
    padding: 50px 30px;
}

    .post-quote-content > p {
        font-size: 1.2rem;
        font-style: italic;
        line-height: 1.5;
        margin: 0 0 15px;
        padding: 0;
        color: #fff;
        text-align: center;
    }

.post-quote-author {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #fff;
}

.post-quote-content > p:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    font-style: normal;
    margin-left: 15px;
    content: '\f10d';
    color: rgba(255, 255, 255, .8);
}

.post-item .img-hover .overlay a {
    padding-top: 18%;
}

.post-footer {
    position: relative;
    text-align: center;
    border-top: 1px solid #eee;
}

    .post-footer .post-social {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.post-social {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;
}

.post-footer .post-social li {
    display: table-cell;
    margin: 0;
    border-right: 1px solid #eee;
}

    .post-footer .post-social li:last-child {
        border-right: 0;
    }

.post-social li {
    display: inline-block;
    margin: 0 7px 7px 0;
    border: 0;
}

.post-footer .post-social li a {
    background-color: #fff;
    border-radius: 0;
}

.post-footer .post-social li a {
    font-size: 18px;
    line-height: 60px;
    width: 100%;
    height: 60px;
}

.post-social li a {
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-footer .post-social li a i:first-child {
    color: #fff;
}

.post-footer .post-social li a i:first-child {
    top: -60px;
}

.post-footer .post-social li a i {
    line-height: 60px;
    width: 100%;
    height: 60px;
}

.post-social li a i {
    line-height: 40px;
    position: absolute;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s;
}

.post-footer .post-social li a i:last-child {
    color: #666;
}

.post-footer .post-social li a i:last-child {
    top: 0;
}

.post-social li a i:first-child {
    top: -55px;
}

.post-social li a i:last-child {
    top: 0;
}

.post-social li a:hover i:first-child {
    top: 0;
}

.post-social li a:hover i:last-child {
    top: 55px;
}
/* Social Colored */
.post-social li a.social-android:hover {
    background-color: #97c024 !important;
}

.post-social li a.social-apple:hover {
    background-color: #000 !important;
}

.post-social li a.social-behance:hover {
    background-color: #0093fb !important;
}

.post-social li a.social-bitbucket:hover {
    background-color: #214f81 !important;
}

.post-social li a.social-bitcoin:hover {
    background-color: #f7931b !important;
}

.post-social li a.social-codepen:hover {
    background-color: #000 !important;
}

.post-social li a.social-delicious:hover {
    background-color: #3274d2 !important;
}

.post-social li a.social-deviantart:hover {
    background-color: #4c5c4f !important;
}

.post-social li a.social-digg:hover {
    background-color: #1b5891 !important;
}

.post-social li a.social-dribbble:hover {
    background-color: #e04c86 !important;
}

.post-social li a.social-dropbox:hover {
    background-color: #018bd3 !important;
}

.post-social li a.social-email:hover {
    background-color: #000 !important;
}

.post-social li a.social-facebook:hover {
    background-color: #395793 !important;
}

.post-social li a.social-flickr:hover {
    background-color: #db458f !important;
}

.post-social li a.social-foursquare:hover {
    background-color: #0086be !important;
}

.post-social li a.social-github:hover {
    background-color: #4382c5 !important;
}

.post-social li a.social-google-plus:hover {
    background-color: #d54135 !important;
}

.post-social li a.social-instagram:hover {
    background-color: #2b5b83 !important;
}

.post-social li a.social-jsfiddle:hover {
    background-color: #4679a4 !important;
}

.post-social li a.social-lastfm:hover {
    background-color: #d21309 !important;
}

.post-social li a.social-linkedin:hover {
    background-color: #0a6594 !important;
}

.post-social li a.social-pinterest:hover {
    background-color: #c82329 !important;
}

.post-social li a.social-reddit:hover {
    background-color: #8bc7f9 !important;
}

.post-social li a.social-rss:hover {
    background-color: #ea6d19 !important;
}

.post-social li a.social-skype:hover {
    background-color: #01aef2 !important;
}

.post-social li a.social-soundcloud:hover {
    background-color: #ff7802 !important;
}

.post-social li a.social-spotify:hover {
    background-color: #80b819 !important;
}

.post-social li a.social-stumbleupon:hover {
    background-color: #ec4823 !important;
}

.post-social li a.social-tumblr:hover {
    background-color: #3d5a70 !important;
}

.post-social li a.social-twitter:hover {
    background-color: #01b9f5 !important;
}

.post-social li a.social-vimeo:hover {
    background-color: #17b3e8 !important;
}

.post-social li a.social-vk:hover {
    background-color: #4b709c !important;
}

.post-social li a.social-weibo:hover {
    background-color: #d52b2b !important;
}

.post-social li a.social-xing:hover {
    background-color: #005d5d !important;
}

.post-social li a.social-yelp:hover {
    background-color: #c41200 !important;
}

.post-social li a.social-youtube:hover {
    background-color: #b62025 !important;
}

.post-social li a.social-home:hover {
    background-color: #000 !important;
}

pagination {
    margin: -17px 20px 50px 0px;
}

.pagination > .active > a {
    color: #fff !important;
}

.pagination {
    margin: 0;
}



/* Contact ---------------------------------------------------------------*/
#map {
    display: block;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    border-bottom: solid 1px #dedede;
}

address {
    line-height: 35px;
    padding-left: 10px;
}

    address i {
        padding-right: 10px;
    }

    address strong {
        padding-right: 3px;
    }

.result {
    display: block;
    margin-top: 25px;
}

/*------------------ layout ------------------*/
.dirLtr, .ltr{ direction:ltr; text-align:left;}
.dirRtl, .rtl{ direction:rtl; text-align:right;}

.pageBox{ margin:30px auto;}
.pageBox h2.pTitle { margin:0; padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px solid #FFC539; color:#2d2482;}
.pageBox .post-content{ text-align:justify;}
.breadcrumb > li + li::before{content:"\f104";font-family:'FontAwesome';}

.modal-content .modal-header-Ralert{ border-bottom:1px solid #ddd; height:34px !important;}
.modal-content .close{ margin:5px 0 0 10px;}

.text-en{ font-family:Verdana, Geneva, Tahoma, sans-serif;}
.input-group-addon:last-child{ border-left:1px solid #ddd;}

.detail-Support{ text-align:center;}
.detail-Support h4{ padding:10px; border-bottom:1px solid #ddd; font-weight:bold;}
.detail-body{ padding:15px;}
.detail-body .detail-phoneNum{ padding-top:5px; margin-top:5px; border-top:1px solid #ddd; font-size:18px;}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color:#fff; cursor:pointer;}

/*------------------ Home Search ------------------*/
.banner-title{font-size: 28px;width: 100%;text-align: center;margin-bottom: 29px;}
.homeSearch{ padding:35px 0 80px;}
.homeSearchTab{ text-align:center}
    .mainSearch{ background:#dad9d9; position:relative;}
.homeSearchTab li{ float:right; margin:0 0 0 2px; display:inline-block; border-bottom:1px solid #c0392b;}
.homeSearchTab li a{ display:block; margin:0; background:rgba(0,0,0,0.5); color:#ccc; position:relative;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.homeSearchTab li a:hover{ background:rgba(0,0,0,0.7);}
.homeSearchTab li a label{ margin:0 !important; cursor:pointer; padding:7px 45px 7px 20px; display:block; border-bottom:3px solid rgba(255,255,255,0);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homeSearchTab li a i{ display:block; font-size:20px; position:absolute; right:15px; top:10px;}


.Flight-search .form-control{ border:0; border-left:1px solid #d3d3d3; font-size:12px; height:40px;padding-left: 20px;padding-right: 18px;}

.homeSearch .rowSpc{ padding-bottom:15px;}
.rowSpc .col{ float:right; width:16.66%; position:relative; }
.rowSpc .wi2x{ width:33.33%;}
.rowSpc .flyBack{ display:none;}
.roundTrip .col{ width:14.28%;}
.roundTrip .flyBack{ display:block;}

.rowSpc label.control-label{ line-height:30px; min-height:30px; display:block;}
.rowSpc .fa-close{position: absolute;left:-4px;top: 31px;height: 100%;width: 35px;font-size:14px;cursor: pointer;color: #c0392b;text-align: center;line-height: 38px;}
.rowSpc .calander-piker{ padding-right:30px;}
.rowSpc option{ min-height:initial;}
.rowSpc .searchBtnRow .btn{ background:#4285f4;}
.rowSpc .col:first-child .form-control{
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.rowSpc .col:last-child .btn, .rowSpc .col:last-child .form-control{
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

.rowSpc .nui_col_age label.control-label{font-size: 12px;display: block;width: 100%;line-height: 20px;margin-bottom: -18px;}

.rowSpc .searchBtnRow .btn-primary{ padding:0 10px; line-height:40px;}

.sPassengerBox{ position:relative; margin-top:30px;}
.sPassengerBox .selectPassenger{ display:block; background:#fff; color:#000; min-height:40px; line-height:38px; padding:0 15px; position:relative; cursor:pointer;}
.sPassengerBox .selectPassenger:after{ content:"\f078"; left:15px; color:#999999; }
.sPassengerBox .selectPerson{ position:absolute; right:50%; margin-right:-145px; top:50px; padding:5px; background:#fff; z-index:99; min-width:290px; display:none;

-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
box-shadow: 0 0 6px rgba(0,0,0,0.25);

}
.sPassengerBox .selectPerson .itemLabel{ color:#000; font-size:12px; font-weight:bold; white-space:nowrap; float:right; line-height:34px;}
.sPassengerBox .selectPerson .itemLabel span{ font-weight:100; color:#808080; }
.sPassengerBox .selectPerson .search-person-count{ padding:5px; border-top:1px solid #eee;}
.sPassengerBox .selectPerson .search-person-count:first-child{ border-top:0;}
.sPassengerBox .selectPerson .input-group{ height:24px; padding:4px; border:1px solid #d3d3d3; float:left;}
.sPassengerBox .selectPerson .input-group .qtyplus, .sPassengerBox .selectPerson .input-group .qtyminus
{ background:#c0392b; color:#fff; width:24px; height:24px; border:0; float:right; font-weight:bold; font-size:15px;}
.sPassengerBox .selectPerson .input-group .qty{ float:right; width:40px; border:0; text-align:center; line-height:24px;}

.sPassengerBox .selectPerson:after{ left:50%; top:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #fff; content:""; position:absolute;}


.tab_search .search-flight .content-tab input[type=radio] {display: none;}
.search-flight li.active > a, .search-flight li.active>a:focus, .search-flight li.active>a:hover{ background-color:rgba(0,0,0,0.6);}
.search-flight li.active > a label, .search-flight li.active>a:focus label, .search-flight li.active>a:hover label{ border-bottom:3px solid #c0392b; color:#fff;}
.homeSearch .tab-content{ background: rgba(0,0,0,0.6); color:#fff;

-webkit-border-radius: 8px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-topright: 0;
border-radius: 8px;
border-top-right-radius: 0;

}

.homeSearch .tab-pane{ padding:15px 0;}
.Flight-search input.calander-piker{ background:url(/Views/_Safaryaab/Content/Images/calendar.png) no-repeat right;}

.callBox{ text-align:center; padding:20px;}
.callBox p{ font-size:18px; padding-bottom:20px;}

.swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.swal2-icon.swal2-info {
    font-family: 'Open Sans',sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 80px;
    text-align: center;
}

.homeSearch .firstRow{ padding-bottom:20px;}
.homeSearch .firstRow h2{ float:right;}
.homeSearch .firstRow .switch{ float:left;}

.homeSearch .ChangeCal{ padding:4px 0 0 0;}
.homeSearch .ChangeCal input{ float:right; margin-left:5px;}

.search-auto-complate{ position:absolute; background-color:#fff; color:#333333; z-index:99; border:1px solid #BEC4C8; max-height:250px; top:70px;white-space:nowrap;
display:none; padding:5px; overflow:scroll; overflow-x:auto;}
.search-auto-complate.rtl{right:0;}
.search-auto-complate.ltr{left:0;}
.search-auto-complate .item-search{ font-size:14px; padding:5px; font-weight:bold; cursor:pointer;}
.search-auto-complate .item-search:hover{ background:#eeeeee; color:#c0392b;}
.search-auto-complate .item-search .airprt{ font-weight:normal; font-size:11px; color:#a2a2a2;}
.hotel-search .wi2x .form-elements{ position:relative;}
.hotel-search .wi2x .search-auto-complate{ width:100%; top:33px;}

.search-auto-complate .pull-left{ float:none !important; display:block;}
.search-auto-complate .pull-right{ float:none !important; display:block;}
.inputHeight .text-en{direction:ltr; font-size: 12px; text-align:left; width:100%;}
.inputHeight .text-fa{direction:rtl; text-align:right; width:100%;}

.inputHeight .select-text{direction: rtl;font-size: 12px;float: right;}

.list-search >div{ font-size:12px; border-bottom:1px solid #fff; padding:3px 5px; cursor:pointer}
.list-search >div:last-child{ border:0;}
.list-search >div:hover{ background:#286090; color:#fff;}

.Flight-search .switch label { padding:0 16px 0 0; cursor:pointer; position:relative; color:#808080; font-weight:bold;}
.Flight-search .switch label:last-child{ margin-right:20px;}
.Flight-search .switch label:last-child:before{ border-left:1px solid gray; content:""; position:absolute; right:-12px; width:1px; height:15px; top:3px;}
.Flight-search .switch label:after{ content:"\e900"; right:0; top:3px; color:#808080; font-size:12px;}
.Flight-search .switch label:last-child::after{ content:"\e901"; color:#808080;}
.Flight-search .switch label.selected{ color:#fff;}
.Flight-search .switch label.selected:after{ color:#fff;}
.Flight-search .switch input{ display:none;}

.switch-city{font-family: 'safaryab';background: transparent;border: 0;position: absolute;bottom: 10px;left: -25px;-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);z-index: 20;background: #d3d3d3;border: 1px solid lightgrey;padding: 0 13px;}
.switch-city:before{content: "\e901";right: 0;top: 3px;color: rgba(0,0,0,0.6);font-size:13px;display:block}

.search-auto-complate.ltr{direction:ltr;}
.AgeList-Wrap { display:none;}

.OutLineHotel .item-search{ font-weight:400;}
.OutLineHotel .item-search:last-child{border:0;}
.OutLineHotel .item-search:hover{ background:#eeeeee; color:#c0392b;}

.homeSearch .fa-times-circle{ display:none;}

.homeSearch .search-hotel .room-content{ margin-bottom:5px; margin-top:5px; background:rgba(0,0,0,0.2); padding-top:10px; padding-bottom:10px; border-right:5px solid #c0392b;}
.homeSearch .search-hotel .room-content .htl_roomlabel{ color:#fff; text-align:right; font-weight:bold; margin-bottom:0; line-height:26px;}
.homeSearch .search-hotel .room-content .htl_roomlabel:first-child, .homeSearch .search-hotel .room-content .nui_col:first-child{}
.homeSearch .search-hotel .room-content .kidsAgeTxt, .homeSearch .search-hotel .room-content .childinfo span
{ color:#afafaf !important; text-align:center; background:none;}
.homeSearch .search-hotel .room-content .input-group-addon{ font-size:12px; padding:6px 3px; text-align:center; min-width:55px;}
.homeSearch .search-hotel .room-content .nui_col:first-child{ padding:0 0 0 10px;}

.hotelBtnSearch{ padding-bottom:0 !important;}
.hotelBtnSearch .btn{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.count-passenger .nui_row .col-sm-3{ padding:0;}

.childinfo{ width:50%; float:right; padding:0; line-height:26px; padding-right:10px;}
.childinfo span { visibility:hidden; width:31.33%; display:inline-block;}
.childinfo span:nth-child(2){margin:0 3%;}

.AgeList-Wrap{ padding:0; padding-right:10px;}
.AgeList-Wrap select.form-control{ width:31.333% !important; float:right; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.AgeList-Wrap select:nth-child(2){ margin-left:3%; margin-right:3%;}

.searchBtnRow .btn{ display:block; text-align:center;}

.submit2btnRow{ margin-top:15px; margin-bottom:30px;}
.submit2btnRow .btn-default, .submit2btnRow .btn-gray{ border:1px solid #dadada !important;}
.slc_Nationality,#slc_Nationality{direction:ltr}
/*---------- Modal + Loading ----------*/
.modal-open .modal{ position: fixed; background:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:100%; z-index:999999999; display:none;}

.loadingData{ background:rgba(40,96,144,0.6) !important; width:100%; height:100%; color:#fff;}
.loadingPopUp{ margin:100px auto 20px auto; width:280px;font-size:15px;}
.loadingPopUp p{ padding:0 5px;}
.popup_loading table{ width:100%; border-bottom:1px solid #fff; margin-top:20px;
                      -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.popup_loading table th, .popup_loading table td{ border-top:1px solid #fff; font-size:15px; padding:6px 10px; background:rgba(40,96,144,0.4) !important; text-align:right;}
.popup_loading table td{ font-size:16px;}
.popup_loading table th{ position:relative;}
.popup_loading table th i{ width:30px; text-align:center; color:#fff;}

.spinner { color:#ffe2a1;
  margin:10px auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/*----------------- Sidr Responsive -----------------*/
a.openMMEnu{ float:right;line-height:60px; padding:0 30px 0 0px; color:#2b303d; position:relative; font-weight:bold; display:none;}
a.openMMEnu:after{ content:"\f0c9"; right:10px; top:0; font-size:18px; font-weight:normal;}

.openMenuBox{ position:absolute; top:-115px; right:15px;}
.openMenuBox a{ color:#fff; display:block; padding:0 22px 0 0; position:relative;}
.openMenuBox a:after{ content:"\f0c9"; top:2px; right:0; font-size:17px;}
body.sidr-open .openMenuBox a:after{ content:"\f00d"; top:2px; right:0; font-size:17px;}

.openFilterBox{ position:fixed; width:100%; z-index:999; bottom:0; left:0; height:80px; text-align:center; padding:40px 10px 10px 10px; display:none;

background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 47%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 47%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );                
                
}
.openFilterBox a{ padding:5px 10px 5px 10px; width:120px; background:#ea4335;}
.openFilterBox a.filterBtn{ color:#fff; top:0px; left:0;}
.openFilterBox a.searchSideBtn{ color:#fff; top:0px; right:0;}
.hotelFilter a{ padding:5px;}

.sidrTop{ display:none;}

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

	.sidr {display: block; position: fixed; top: 0; height: 100%; z-index:1000; padding:10px;
	  width:220px; overflow-x: hidden; overflow-y: auto; background: #333; color: #fff; box-shadow: 0 0 5px 5px #222 inset;
	}
	.sidr .sidr-inner { padding: 0 0 15px;}
	.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px;}
	.sidr.right { left: auto; right: -220px;}
	.sidr.left { left: -220px; right: auto;}


    .logoSidr{ display:block; background-image:url(../Images/LOGO/SAFARYABLogoFinal96Small-white.png); background-size:100%; background-repeat:no-repeat; width:120px; height:50px; margin:0 auto 20px auto;}
    /* MainMenu -------------*/
    .mainNav .navUl{ border-top:1px solid rgba(255,255,255,0.3);}
    .mainNav .navUl li{ float:none; width:100%;}
    .mainNav .navUl li a{ color:#fff; line-height:35px; border-bottom:1px solid rgba(255,255,255,0.2);}
    .mainNav .navUl li.menu-item-has-children:after{ top:8px; color:#fff;}
    .mainNav .navUl .sub-menu{ position:relative; opacity:1; visibility:visible; width:100%; background:none; padding:5px 15px 5px 0; box-shadow:none;}
    .mainNav .navUl .sub-menu li a{ line-height:20px; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:100; opacity:0.7;}
    .mainNav .navUl > li > a:hover, .mainNav .navUl > li.menu-item-has-children:hover > a{ background:none; color:#fff; line-height:35px;}
    .mainNav .navUl li.menu-item-has-children:hover:after{ color:#fff;}

    .sidr .whiteBg, .sidr .needassistancebox{ color:#000;}

    .sidr .reSearch{}
    .sidr .rowSpc .col{ width:100%; float:none;}
    .sidr .reSearch .switch{ float:none; position:relative; left:auto; top:auto; margin-bottom:15px;}
    .sidr .Flight-search .switch label{ font-size:12px;}
    .sidr .reSearch .form-control, .sidr .reSearch .selectPassenger{ border-left:1px solid #d3d3d3;}
    .sidr .reSearch .form-control, .sidr .reSearch .selectPassenger, .sidr .searchBtnRow .btn{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
    .sidr .openRoomCount{ display:block !important; position:relative; top:auto; width:100%; right:auto; border:0; padding:0;
        -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25);
        box-shadow: 0 0 0 rgba(0,0,0,0.25);
    }
    .sidr .tab-room .btn{ padding:5px 0; font-size:12px;}

    .openFilterBox{ display:block;}
    a.filterBtn, a.searchSideBtn{ display:inline-block;}

    a.openMMEnu{ display:block;}
    .mainMenu-open .openMMEnu:after{content:"\f00d";}
    
    .sidrTop{ padding:0 0 12px 0; border-bottom: 1px solid #4a4a4a; font-size: 18px; display:block;}
	.sidrTop a{ color: #fff; float: right; display: block; width:34px; height:34px; border:1px solid #fff; text-align: center; line-height:1.7;
	 	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	}
	.sidrTop a i{ line-height:35px; }

    label.btn.btn-default{ color:#fff;}
    div.date-div input{ margin-left:6px;}
    input#flight_passenger_count_adult, input#flight_passenger_count_child, input#flight_passenger_count_infant
    {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

}


/*---------- flight Result ----------*/
    .flightResultInfo{ padding-top:15px; padding-bottom:15px;}
    .lbl_oneWay, .lbl_returnWay{ margin-bottom:10px; padding:2px 6px 2px 0; font-weight:bold; border-bottom:1px solid #cecece;}
    .no-refund{ color:#ff0000; text-align:center; background:#f2dede; border:1px solid #ebccd1; margin:0 30px; padding:10px;}
    /* Step Navigations-------------*/
    section.navigation ul { display: block; width:100%; overflow:hidden; }
      section.navigation li {
        margin-right: 20px;
        padding: 8px 6px 10px 6px;
        font-weight: bold;
        position: relative;
        padding-left: 20px;
        float: right;
        opacity: 0.3;
        height: 35px;
        position: relative;
        z-index: 9;
        pointer-events: none; }
      section.navigation i { position: relative; margin-left: 5px;}
      section.navigation li:before {
        content: "";
        border: 1px solid transparent;
        border-left-color: gray;
        border-top-color: gray;
        -moz-transform: rotate(-44deg);
        -ms-transform: rotate(-44deg);
        -o-transform: rotate(-44deg);
        -webkit-transform: rotate(-44deg);
        transform: rotate(-44deg);
        position: absolute;
        top: 4px;
        left: -13px;
        width: 27px;
        height: 27px;
        z-index: 99;
        -moz-border-radius: 5px 0px 0px 0px;
        -webkit-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px; }
      section.navigation li:first-child {
        margin-right: 0 !important;
        padding-right: 15px !important; }
      section.navigation li.passed {
        background-color: #c0392b;
        opacity: 1;
        color: white;
        padding-right: 46px;
        margin-right: -20px;
        pointer-events: auto;
        cursor: pointer; }

    section.navigation li.passed:before { background-color: #c0392b; border-left-color: white; border-top-color: white; }
    section.navigation li.current{ color:#000; opacity:1;}


    .filter-head{ font-size:13px; text-align:center; line-height:35px; color:#797979; font-weight:100;}
    .filter-head h3{ display:inline-block; font-size:13px; font-weight:bold; color:#000;}




    .list-flight-item{ margin-bottom:6px; position:relative;}
    .list-flight-item:hover{ }
    .list-flight-item .btn-danger, .list-flight-item .btn-danger lable, 
    .list-flight-item .btn-warning, .list-flight-item .btn-warning lable
    { cursor:not-allowed !important;}

    .td-airline{ width:11%; padding-left:3%;}
    .item-media .img-responsive{ margin:0 auto;}
    .td-airline{ float:right; text-align:center;}

    .td-desc{ float:right; width:64%;}
    .td-desc .col{ float:right; width:25%;}
    .td-desc .time{ font-size:16px; font-weight:bold;}
    .td-desc .type{ color:#dcdcdc; font-size:13px; display:inline-block;}
    .td-desc .stopCount{ color:#8a8a8a; display:block; font-weight:100; margin-top:5px; font-size:13px;}
    .td-desc .flightBClass{color:#8a8a8a; display:block; font-weight:100; margin-top:5px; font-size:13px;}
    .td-desc .fliTypeEn{ direction:ltr; text-align:right; font-size:12px; padding:5px 0 0 0;}

    .amountBox .amount{ font-size:16px; font-weight:bold;}
    .amountBox .currency{ font-size:12px; color:#a9a9a9; font-weight:100;}
    .amountBox .amountDiscount{ font-weight:normal; font-size:13px; color:#000; display:inline-block; position:relative;}
    .amountDiscount{ position:relative; display:inline-block;}
    .amountDiscount:after{ position:absolute; content:""; width:100%; height:1px; background:red; left:0; top:50%; -ms-transform: rotate(-7deg);-webkit-transform: rotate(-7deg); transform: rotate(-7deg);}
    .amountBox .priceDesc{ font-weight:100; font-size:13px; color:#717171;}

    .td-desc.charterFli .type{ color:#e74c3c;}
    .td-desc.systemFli .type{ color:#3498db;}

    .td-desc .fliNum, .td-desc .fliName{ font-size:12px; line-height:2;}

    .airlineName{ font-size:14px;}

    .td-time, .td-stop{ float:right; padding-top:10px; margin-top:30px; border-top:1px solid #d1d1d1; position:relative;}
    .flightDescRow .cityName{ float:right; font-weight:bold;}
    .flightDescRow .cityName span{ display:block; font-weight:100; color:#808080;}
    .td-stop{ padding-right:40px; padding-left:40px; font-size:10px; line-height:24px;}
    .td-time{ font-size:13px;}

    .startFly{ margin-right:5px; padding-right:20px; font-size:11px;}
    .endFly{ margin-left:6px; text-align:left; padding-left:20px; font-size:11px;}
    
    .startFly:before{ width:9px; height:9px; content:""; background:#d1d1d1; display:block; position:absolute; right:0; top:-5px;}
    .endFly:before{ position:absolute; content:""; top:-7px; left:-2px; width: 0;height: 0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #d1d1d1;}

    .td-stop:before{ content:"\f072"; color:#d1d1d1; top:-15px; right:50%; margin-right:-15px; background:#fff; font-size:24px; width:30px; height:30px; line-height:30px; text-align:center;

        -ms-transform: rotate(226deg); /* IE 9 */
        -webkit-transform: rotate(226deg); /* Chrome, Safari, Opera */
        transform: rotate(226deg);

    }

    .td-time .dayTime{ display:block;}
    .td-time .date-time-en{ font-family:Verdana, Geneva, Tahoma, sans-serif; color:#a3a3a3; }

    .td-order{ float:right; text-align:center; width:25%; padding-right:2%; position:relative;}
    .td-order:after, .changeDayBox:after, .filter-box:after
    { content:""; position:absolute; right:10px; height:100%; top:0; width:1px; background:#fff;background:-moz-linear-gradient(top,#fff 0%,#a0a0a0 40%,#a0a0a0 60%,#fff 100%);background:-webkit-linear-gradient(top,#fff 0%,#a0a0a0 40%,#a0a0a0 60%,#fff 100%);background:linear-gradient(to bottom,#fff 0%,#a0a0a0 40%,#a0a0a0 60%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);opacity:.6}
    
    .td-order .div-view-detail{ margin-bottom:-3px;}
    .td-order .a-view-detail{ padding:0 30px 0 15px; height:28px; line-height:28px; position:relative; font-size:14px;}
    .td-order .a-view-detail:after{content:"\f00d"; position:absolute; right:15px; top:0;}
    .td-order .a-view-detail.collapsed:after{ content:"\f078";}


    .table-head, .tr-Item{ padding:10px 15px;}
    .flight-item{ padding:15px 10px; line-height:2;}

    .tr-detail .div-view-detail{ float:left; padding:0px; border:0; margin-top:8px;}
    .tr-detail .div-view-detail .Select-Flight{ padding:8px 30px; cursor:pointer;}

    .tr-detail .flightBClass{ float:left; position:relative; color:#ffc749; border:1px solid #ffc749; padding:0 35px 0 12px; display:block; margin:8px 0 0 10px; font-size:15px; height:35px; line-height:32px; text-align:center;}
    .tr-detail .flightBClass i.fa{ position:absolute; right:10px; top:8px; font-size:18px;}

    .Select-Flight input{ display:none;}
    .Select-Flight{ background:#21248d; margin:0; padding:7px 30px; color:#fff; text-align:center; cursor:pointer;}
    .Select-Flight:hover{ background:#21248d;}
    
    .nonReserveFli .Select-Flight{ border:1px solid #dcdcdc !important; background:#fff; color:#dcdcdc; cursor:auto;}

    .tr-Item .smallSize { display: none !important;}
    
    .flight-item{}
    .flight-item-view .detail-tbl{border-top:1px solid #ddd; padding:15px;}

    .detailNav{ width:70%; margin:0 auto;}
    .detailNav li{ float:right; width:25%;}
    .detailNav li a{ display:block; text-align:center; border-bottom:3px solid #d3d3d3; padding:10px; font-weight:bold; font-size:12px; color:#808080;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .detailNav li.active a{ border-bottom:3px solid #c0392b; color:#c0392b; }
    .detailNav li a:hover{ color:#808080; border-bottom:3px solid #808080;}

    .detail-tbl .tab-content{ padding:25px 15px;}
    .detail-tbl .flightDescRow{ display:inline-block;}

    .detail-tbl .flightDtl:first-child .stopFlight{ display:none;}
    .flightDtl{ padding:0 10px;}
    
    .flightDtl .rSide-info{ width:38%; padding-left:15px; float:right; padding-top:10px; padding-bottom:10px;}
    .flightDtl .logo-flight{ padding:10px 0; text-align:left; color:#888; font-size:12px;}
    .flightDtl .logo-flight img{ margin:0 auto 0 0; max-height:45px;}
    
    .flightDtl .departCity{ text-align:left; direction:ltr;}
    .flightDtl .departCity .cityName{ font-weight:bold; font-size:16px; line-height:1; padding-right:10px;}
    .flightDtl .departCity .AirPName{ font-size:12px; color:#909090; display:block;}

    .flightDtl .completeInfo-flight{ float:right; width:60%; padding-right:15px; border-right:1px dashed #ccc; padding-top:10px; padding-bottom:10px;}
    .flightDtl .completeInfo-flight .flight-type span{ direction:ltr; display:inline-block;}

    .flightDtl .stopFlight{ background:#e5e5e5; margin:2px 0;}
    .flightDtl .stopFlight .txt{ display:block; text-align:left;}
    .flightDtl .stopFlight .completeInfo-flight{ position:relative;}
    .flightDtl .stopFlight .completeInfo-flight:before{ position:absolute; right:-7px; top:14px; content:""; background:#8e8e8e; width:12px; height:12px;}


    .flightDtl .departFlight{ position:relative;}
    .flightDtl .departFlight:before{ position:absolute; right:-24px; content:""; background:#f50057; width:15px; height:15px;}
    .flightDtl .arriveFlight{ position:relative;}
    .flightDtl .arriveFlight:before{ position:absolute; right:-24px; content:""; background:#fff; width:15px; height:15px; border:2px solid #f50057;}

    .flightDtl .departCity, .flightDtl .departFlight, .flightDtl .arriveFlight{ min-height:50px; padding-top:10px;}
    .flightDtl .time-flight-info, .flightDtl .logo-flight{ min-height:120px;}

    .flightDtl .completeInfo-flight .time{ font-weight:bold; font-size:16px; line-height:1; padding-left:10px;}
    .flightDtl .completeInfo-flight .date{ display:block; font-size:12px; color:#909090;}

    .flightDtl .time-flight-info{ position:relative; padding:10px 0}
    .flightDtl .time-flight-info:before{ position:absolute; right:-17px; top:-25px; content:""; background:#f50057; width:2px; height: calc(100% + 35px);}
    .flightDtl .baggageItem{ font-family:Verdana, Geneva, Tahoma, sans-serif; direction:ltr; text-align:right; font-size:12px; padding:3px 0;}
    .flightDtl .baggageItem i{ color:#6265cc;}

    .flight-detail-list .searchDate{ float:right;}

    .flight-detail-list .change-day a{ position:relative;}
    .flight-detail-list .prevDay{ float:right;}
    .flight-detail-list .nextDay{ float:left;}
    
    .personPrice li{ float:right; width:33.33%; text-align:center; border-right:1px dotted #a9a9a9; padding:15px 30px;}
    .personPrice li:first-child{border-right:0;}

    .personPrice li .tHead{ padding-bottom:10px; border-bottom:1px solid #d3d3d3;}
    .personPrice li .priceBox{ padding-top:10px; font-weight:bold; font-size:16px;}
    .personPrice li .currency { font-size: 12px; color: #a9a9a9; font-weight: 100;}
                                    
    /*------- filterResult -------*/
    .filterResult div.hTitle{ float:right; width:15%; text-align:center;}
    .filterResult div.hTitle h5{ line-height:26px; font-weight:bold; font-size:13px;}
    .filterResult .filter-box{ float:right; width:56%; position:relative; padding-right:4%; line-height:26px; text-align:center;}
    .filterResult .changeDayBox{ float:left; width:28%; padding-right:4%; position:relative;}

    .change-day a{ padding:2px 10px; display:inline-block; border:1px solid #c0392b; color:#c0392b; position:relative;}
    .change-day a:hover{ }
    
    .change-day a{ -moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-transition:box-shadow .3s cubic-bezier(.25,.8,.25,1);-o-transition:box-shadow .3s cubic-bezier(.25,.8,.25,1);-webkit-transition:box-shadow .3s cubic-bezier(.25,.8,.25,1);transition:box-shadow .3s cubic-bezier(.25,.8,.25,1)}
    .change-day a:hover{-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}


    .topDiv .change-day #NextDate{ padding-left:24px;}
    .topDiv .change-day #NextDate:after{content:"\f053"; left:0;}
    .topDiv .change-day #PrevDate{ padding-right:24px;}
    .topDiv .change-day #PrevDate:after{content:"\f054"; right:0;}
    .topDiv .change-day a:after{ font-size:15px; top:2px; text-align:center; width:24px;}


    .filterResult .filter-box botton{ margin:0 1%; width:30.33%; display:inline-block; border:1px solid #21248d; color:#21248d; height:26px; line-height:24px; cursor:pointer; font-weight:bold;}
    .filterResult .filter-box botton.active{ border:2px solid #c0392b; color:#c0392b; }
    .filterResult .filter-box botton.active i.ico{ display:inline-block; width:14px; height:14px; color:#c0392b; margin-bottom:-2px; font-style:normal; position:relative;}
    .filterResult .filter-box botton.active i.ico:after{ content:"\f078"; width:100%; height:100%; text-align:center; line-height:14px; right:0; font-size:12px;}
    .filterResult .filter-box botton.asce i.ico:after{ content:"\f077";}

    .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
    .fancybox-skin { background:#f9f9f9; border-radius: 4px; color: #444; text-shadow: none;}

    .flightBuyBtn{ background:#2d2482; color:#fff;}
    .flightBuyBtn:hover{ background:#2d2482; color:#fff;}

    .list-flight-item .btn.btn-warning, .list-flight-item .btn.btn-danger
    { background-color:#f9f9f9; border:1px solid #e5e5e5; color:#d3d3d3;}

    .list-flight-item .btn.btn-warning label, .list-flight-item .btn.btn-danger label{cursor:not-allowed !important;}
        .arriver-list .calendarFlight{ margin-bottom:10px;}


    /* side Box Item -------------- */
    .page-sidebar{ margin-bottom:30px;}

    .sideBoxItem{ border-top:1px solid #eee; padding:10px;}
    .sideBoxItem h3.aTitle{ font-size:13px; font-weight:bold; padding:0 0 10px 0;}
    .sideBoxItem .sideBody{ padding:0;}

    h5.sideTitle{ text-align:center; padding:10px; font-size:12px; font-weight:bold;}

    .thumbList li{ width:31.33%; float:right; text-align:center; position:relative; margin:1%;}
    .thumbList li label{ padding:5px; display:block; width:100%; min-height:45px; cursor:pointer; border:2px solid #d3d3d3; font-size:11px;}
    .thumbList li label:hover{ border:2px solid #9d9d9d;}
    .thumbList .checkbox{ margin:0;}

    .thumbList li label.active{ border:2px solid #c0392b}

    .airLineList li label{ height:90px;}

    .rangeSliderBox{border:2px solid #d3d3d3; padding:15px 22px;}
    .maxRng, .minRng{ font-size:11px; font-weight:bold; padding-top:5px;}
    
    .thumbList li img{ display:block; margin:0 auto; max-height:100%;}
    .thumbList li figure{ height:45px; margin-bottom:5px;}
    .thumbList li input{ position:absolute; left:0; top:0; display:none;}

    /* reSearch -------------- */
    .reSearch{ padding:10px; margin-bottom:20px; position:relative;}
    .reSearch h2{ display:none;}

    .reSearch .sPassengerBox .selectPerson{ display:none;}
    .reSearch .form-control, .reSearch .selectPassenger{ border:1px solid #d3d3d3; border-left:0; height:40px;padding-left: 20px;}

    .reSearch .switch{ float:left; position:absolute; left:10px; top:10px; z-index:999;}
    .reSearch .switch label.selected{ color:#ccc;}
    .reSearch .switch label.selected:after{ color:#ccc;}

    /* flight Cart Page -------------- */
    .fliCartTab{ border-bottom:2px solid #c0392b; }
    .fliCartTab li{ float:right; margin-left:5px;}
    .fliCartTab li a{ padding:8px 15px; background:#fff; display:block; font-size:14px; font-weight:bold; border-bottom:3px solid #fff; color:#a5a5a5;}
    .fliCartTab li.active a{ border-bottom:3px solid #c0392b; color:#000;}

    .flightCartPg{ padding-top:20px; padding-bottom:20px;}
    .flightCartPg .navigation{ margin-bottom:20px;}

    .flightCartPg .passenger-info{ padding:15px 0 0 0;}
    .flightCartPg .passenger-info .col-md-4{ min-height:100px;}

    .flightCartPg .detail-sidebar-border{ margin-bottom:15px;}
    .flightCartPg .detail-sidebar-border .bg-green{ font-size:16px; font-weight:bold; padding:10px; border-bottom:1px solid #ddd;}
    .flightCartPg .booking-info-border{ padding:0px;}

    .flightCartPg .lawFlight{ text-align:justify; padding:5px 32px 5px 0; position:relative; border-top:1px solid #ddd;}
    .flightCartPg .lawFlight:first-child{ border-top:0;}
    .flightCartPg .lawFlight p{ margin:0;}
    .flightCartPg .lawFlight i{ position:absolute; right:0; top:10px;}

    .flightCartPg .fcircle{ width:40px; height:40px; border:2px solid #ebebeb; background:#fff; border-radius:100px; position:relative; z-index:99;}


    span.farrival, span.fdeparture, span.fstop, span.fstop3{ display:block; height:21px; width:25px; margin:6px 4px 0 0;}
    .flightCartPg span.fdeparture{ background:url("/Views/_Safaryaab/Content/Images/Flight/departure.png") no-repeat;}
    .flightCartPg span.farrival{ background:url("/Views/_Safaryaab/Content/Images/Flight/arrival.png") no-repeat;}
    .flightCartPg span.typeStop{ line-height:35px; text-align:center; font-size:16px; width:100%;}

    .flightCartPg .btn-price-flight-info{ background:#27ae60; color:#fff; padding:15px 25px; display:inline-block; font-size:13px; line-height:1;}
    .flightCartPg .btn-price-flight-info .currency{ opacity:0.5;}
    .flightCartPg .btn-price-flight-info .faNum{ font-size:18px;}
    .flightCartPg .fcircle.center{ margin:0 auto;}
    
    .flightCartPg .btnRow{ padding-top:30px;}
    .flightCartPg .btnRow .next-level{ padding:6px 40px !important;}

    .clockHolderBox{ padding:10px; min-height:35px; margin-bottom:15px;}
    .clockHolder{ margin:0 auto; width:164px;}
    .clockHolder .clock { float:right; height:53px; margin:0 auto;}
    .clockHolder .clock .flip-clock-label {display: none !important;}

    .fline2px{ position:relative;}
    .fline2px .dark:after{ position:absolute; width:100%; height:3px; background:#ebebeb; content:""; top:20px; z-index:1;}
    .fline2px .arrivalBox:after{ right:20px;}
    .fline2px .stopBox:after{ right:0;}
    .fline2px .departureBox:after{ left:20px;}
    .fline2px .departureBox .fcircle{ float:left;}

    .ticketType{ background:#ebeaea; padding:10px; text-align:center;}

    #passenger_Info{ padding:0 15px;}
    #passenger_Info .row{ padding:5px; border-bottom:1px solid #ddd;}
    #passenger_Info .row div{ padding:0;}
    #passenger_Info .row .faNum{ font-size:16px;}
    #passenger_Info .row .currency{ font-size:12px; color:#bfbfbf;}

    .flightCartPg .totalPrice{ background:#27ae60; padding:15px; color:#fff !important; text-align:center; font-size:16px;}
    .flightCartPg .totalPrice .amount{ font-size:22px;}
    .flightCartPg .totalPrice .currency{ font-size:15px; opacity:0.5;}
    .flightCartPg .totalPrice .text-success{ color:#fff !important;}

    .flightCartPg .discount{ background:#eee; text-align:center; padding:5px; color:#888;}

    .flightCartPg .info-flight-detail{ margin-top:15px; margin-bottom:15px;}
    .flightCartPg .info-flight-detail .img-responsive{ max-height:50px; margin:0 auto;}
    .flightCartPg .info-flight-detail .city-name{ font-size:18px;}
    .flightCartPg .info-flight-detail .city-name span.text-en{ font-size:11px; display:block; white-space:nowrap;}
    .flightCartPg .info-flight-detail .FlightNumber{ font-family:Verdana, Geneva, Tahoma, sans-serif;}

    .lineDot, .inlineDot{ border-top:3px solid #d3d3d3; position:relative;}
    .lineDot:after{ position:absolute; content:""; right:0; top:-6px; width:9px; height:9px; background:#d3d3d3;}
    .lineDot:before { position:absolute; content:""; top:-10px; left:-2px; width: 0;height: 0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #d3d3d3; }
    .lineDot .stepBull, .inlineDot .stepBull{ position:absolute; width:16px; height:16px; background:#fff; border:3px solid #d3d3d3; top:-10px; left:50%; margin-left:-8px;
                        -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    }
    .inlineDot:after{ position:absolute; content:""; left:0; top:-6px; width:9px; height:9px; background:#d3d3d3;}
    .inlineDot:before { position:absolute; content:""; top:-10px; right:-2px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #d3d3d3; }
    .lineDot .step-title, .inlineDot .step-title{ padding-top:10px;}

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

    .detail-flight-info .city-name{font-size:18px; font-weight:bold;}
    .detail-flight-info .city-name span{ font-size:12px; display:block; font-weight:normal;}

    p.error, span.text-Error{ color:#ff0000; font-size:12px; margin-bottom:0; padding:2px 0;}

    .grayChek label{ display:inline;}


    .flight-list-btnShowMore{ display:block; padding:15px 5px; border:1px solid #e5e5e5; text-align:center; background:#f8f8f8; cursor:pointer;
            -webkit-box-shadow: 0 2px 0 1px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 2px 0 1px rgba(0,0,0,0.1);
            box-shadow: 0 2px 0 1px rgba(0,0,0,0.1);
    }
    .flight-list-btnShowMore:hover{ background:#fff; border:1px solid #d3d3d3;}

    .flights .pagination{ display:none;}
    .flights .arrivel_List{ padding-top:0px;}

.flightError{ padding:15px; position:relative;}
.flightError img{ float:right; padding-left:20px;}
.flightError span{ display:block; font-weight:bold; margin-bottom:10px;}
.flightError li{ list-style:decimal inside;}


/*---------- hotel result ----------*/
.pagination{ margin:20px auto;}

.clear-filter{ margin-bottom:15px; position:relative;}
.clear-filter a{ width:100%; font-size:15px; display:block; border:1px solid #f58986; padding:8px 30px 8px 8px; background:#fff;}
.clear-filter a:after{ content:"\f00d"; right:10px;}
.clear-filter a:hover{ color:#f58986; border:1px solid #f58986;}

.hotelResult{border:1px solid #e5e5e5; margin-bottom:6px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
    box-shadow: 0 0 8px rgba(0,0,0,0.15);    background: #fff;
}
.hotelResult .hotelName{ border-bottom:1px solid #e5e5e5; text-align:left;}
.hotelResult:hover{border:1px solid #ccc;}
.htoelListBody{ padding:10px; }
.hotelPic   { width:20%; position:relative; float:right;}
.hotelPic img{height: 112px;width: 100%;}
.hotelDesc  { width:78%; margin:0 2% 0 0; float:right;}
    .hotelName h3{ display:inline-block; font-weight:bold; font-size:18px; padding:8px 0;}
    .hotelName h3 a{ color:#c0392b;}
    .hotelListMap{ margin-left:15px; font-size:13px; font-weight:normal; color:#a3a3a3;}
    .hotelListMap i{color:#e74c3c;}
    .hotelStar{ padding-bottom:10px;}
    .hotelStar .item-hotel-star{color:#FFC539; font-size:16px;}
    .hotelStar span{ font-size:14px; color:#ffc539;}
    .hotelStar .item-hotel-star{ font-size:15px;}
    .hotelDesc .body{ padding-top:10px; line-height:1.5;}
    .hotelDesc a.btn{ font-size:14px; padding:7px 16px; margin-right:10px; border:1px solid #ddd !important;}
    .hotelDesc a.btn.bookHotel{background: #21248d;margin: 0;padding: 7px 30px;color: #fff;text-align: center;cursor: pointer;}

.hotelPrice { width:28%; text-align:center; float:left;}
.hotelListInfo{ width:60%; float:right;}
.hotelPrice .price .amount{ font-size:20px; color:#286090;}
.hotelPrice .currency{ color:#bfbfbf;}
.hotelPrice .price p{ font-size:11px;}

.hResultMore a.moreInfo{ line-height:32px; }



.sideBox .Flight-search-page .form-control.ltr{ padding-left:30px}

    /*search-hotel -------*/
    .openRoomCount{ position:absolute; border:1px solid #d3d3d3; background:#fff; padding:7px; top:70px; width:280px; right:-50%; display:none;
        -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
        box-shadow: 0 0 6px rgba(0,0,0,0.25);
    }
    .search-hotel select{ width:100%; border:1px solid #bec4c8;}
    
    .openRoomCount .form-group{ margin-bottom:0;}

    .openRoomCount .AgeList-Wrap{ padding:0; padding-right:0; margin-top:10px;}
    .openRoomCount span{ color:#bbbbbb;}
    .openRoomCount .AgeList-Wrap label{ display:block; background:#21248d; color:#fff; padding:3px; text-align:center; font-size:11px;}
    .openRoomCount .AgeList-Wrap .form-item input{ margin-top:6px; padding:3px; text-align:center; border:1px solid #bec4c8; width:100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

    .selectCityHotel, .rowNationality{ width:100%; }
    .selectCityHotel input{ display:none; }
    .selectCityHotel label{ width:50%; }
    .selectCityHotel label.active, .selectCityHotel label.active:hover{ background:#286090; color:#fff;}

    .modify-hotel{ position:relative;}
    .modify-hotel .deleteItem{ display:none;}
    .text-warning{ font-size:11px; color:#e74c3c;}

    .roomNum{ margin-bottom:15px; border:1px solid #ccc;}
    .roomNum input{ float:right; width:25%;}
    .roomNum .btn{ background:#bdc3c7; color:#fff; font-weight:bold; font-size:16px;}
    .roomNum .btn:hover{ background:#140a73;}
    .roomNum input.count-room-hotel{ width:50%; border:0; background:none; line-height:32px; height:36px; text-align:center; font-size:16px;}

    .childCount select{ width:100%; }
    .tab-room{ display:block; margin-bottom:10px; border-bottom:2px solid #c0392b;}
    .tab-room .btn{ background:#bdc3c7; color:#fff; padding:3px 10px; margin:0; width:23%; border:0; float:right; font-size: 14px; margin-left:1%; margin-right:1%;}
    .tab-room .btn.active{ background:#c0392b; color:#fff;}

.pagecontainer2.needassistancebox { padding:10px; margin-bottom:15px; margin-top:15px;}
.pagecontainer2 .out-time{ background-color:#FFC539; color:#fff; font-size:15px; padding:5px 2px; margin-top:10px;}
.pagecontainer2 h4{ text-align:center; padding:0 0 15px 0; margin:5px 0 10px 0; border-bottom:1px solid #ddd;}
.pagecontainer2 h4 i { margin-left:5px;}

.flight-airline{background:#fff;text-align: center;padding:18px 10px;margin-bottom: 20px;}
.flight-airline .td-stop {line-height:7px}
.flight-airline .flightDescRow{display:inline-block;}

.sidebar-title{ border:1px solid #d8dadc; padding:10px; margin-bottom:15px;}

.filterHotel, .filterRow{ padding:10px; margin-bottom:20px;}

.payment-step span{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.payment-step{ padding:0; margin:10px 0 0 0; list-style:none; float: left; position:relative;color:#949494;}
.payment-step li{ display:inline-block; font-size:18px; margin-right:2px; background:#e0e0e0; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.payment-step span{ background:#cbcbcb; border-radius: 100%;color: #000; display: block; font-size:24px; float:right; width:35px; height:35px; text-align:center; line-height:35px;}
.payment-step p{ display:block; float:right; margin:0; padding:0 7px 0 30px; line-height:35px; position:relative;}
.payment-step p:after{position:absolute; left:10px; font-size:20px; font-family:'FontAwesome'; content:"\f104"; color:#b1b1b1;}
.payment-step .step-select span{background:#27ae60; color:#27ae60; position:relative;}
.payment-step .step-select span:after{position:absolute; left:8px; font-size:20px; font-family:'FontAwesome'; content:"\f00c"; color:#fff;}
.payment-step .step-select p{color:#27ae60;}
.payment-step .current-step{color:#343434;}
.payment-step .current-step span{ background:#FFC539; }

.hotel-search-page .search-person-count .coumtromm-view{display:inline-block;width:100%;}
.hotel-search-page .search-person-count input{width:25% !important;padding: 9px 10px;border: 1px solid #bec4c8; height:40px; line-height:20px;}
.hotel-search-page .search-person-count input#CountRoom{ width:50% !important; text-align:center; font-size:18px;}
.hotel-search-page .search-person-count .tab-room{ clear: both;display: inline-block;width: 100%;}
.hotel-search-page .search-person-count .tab-room a{ margin-left:1%;}
.hotel-search-page .tab-room-content{ min-height:110px}
.hotel-search-page .qtyplus, .hotel-search-page .qtyminus{ background:#c0392b; font-weight:bold; color:#fff; font-size:16px;}
.hotel-search-page .qtyplus{ float:right;}
.hotel-search-page .qtyminus{ float:left;}

/*---------- Hotel Full ----------*/
.hotelFull #table-room{ overflow:hidden; margin-top:30px;}

.room-hotel-table{ width:100%; margin-top:15px; background:#fff;}
.room-hotel-table td{ padding:10px; border:1px solid #ddd;}
.room-hotel-table th{ padding:11px 10px; border:1px solid #ddd; background:#939393; color:#fff;}
.room-hotel-table tr.effectTr:hover td{ background:#fffbf2;}

.room-hotel-table .room-price{ width:20%; text-align:center;}
.room-hotel-table .room-condition{ width:13%; text-align:center; font-weight:100;}
.room-hotel-table .room-rules{ width:20%; text-align:center;}
.room-hotel-table .reserveTd{ text-align:center; width:190px;}

.room-hotel-table .room-rules .btn{ border:1px solid #ddd !important; padding:6px 15px; background:#fff;min-width: 140px;}


.description-hotel-content{ padding:10px; border-top:1px solid #ddd; margin:50px 0;}
.info-booking-title, .Hotel-facilities{ padding:7px; color:#fff; background:#f9c001;}


.description-hotel-content{ padding:15px 0 0 0; border-top:1px solid #ddd; margin:0 0 20px 0;}
.description-hotel-content .text-left{ direction:ltr; font-family:Verdana; font-size:14px; line-height:1.7; text-align:justify;}

.hotelFull .HotelRoomTitle{ padding:10px; color:#333; background:#4386f4; margin:0; font-size:15px; text-align:center; color:#fff;}
.hotelFull .HotelReTitle{ border:1px solid #ddd; color:#888; padding:10px; font-size:15px; font-weight:bold;}
.hotelFull .HotelReTitle i{ margin-left:5px; color:#c0392b; font-size:16px;}

.hotelFull_body{ padding:20px; margin-bottom:30px;}

.hotelFull .hotelNameRow{ margin-bottom:0;}
.hotelFull .hotelName{ direction:ltr; text-align:center; padding:15px; border-bottom:1px solid #e2e2e2;}
.hotelFull .hotelName h2{ display:inline; color:#c0392b; font-weight:bold;}
.hotelFull .hotelName .hotel-star{ margin-left:10px; color:#FFC539; font-size:18px;}

.hotelFull .city-address p{ margin:0;}
.hotelFull .back-hotel{ padding:50px 0;}
.hotelFull .room-title{ padding-right:20px;}
.hotelFull .room-title h4{ font-weight:bold; direction:ltr; font-size:14px;}

.hotelFull .room-price{ overflow:hidden;}
.hotelFull .room-price .faNum{ font-size:18px;}
.hotelFull .room-price .currency{ font-size:12px; color:#bfbfbf;}
.hotelFull .room-price .number{ position:absolute; left:-20px; padding:0 6px; width:30px; text-align:center; opacity:0;}
.hotelFull .room-price tr:hover .number{ left:10px; opacity:1; background:#f9c001; color:#fff;}

.hotelFull .city-address{ padding:12px;}
.hotelFull .address-hotel{ text-align:left; direction:ltr; margin-top:15px;}
.hotelFull .full-address p, .hotelFull .city-hotel{ padding:0 0 0 20px; }

.hotelFull .city-hotel{ text-align:left;}
.hotelFull .city-hotel:after{content:"\f041"; left:0; color:#f1c40f;}

.hotelFull .address:after{content:"\f279"; left:0; top:0; color:#21248d;}
.hotelFull .phoneNumber:after{content:"\f095"; left:0; color:#21248d;}
.hotelFull .emailInfo:after{content:"\f003"; left:0; color:#21248d;}

.facilities-item{ padding:10px 0;}
.facilities-item span{ display:block; width:100%; padding:0 12px 0 0; position:relative; font-size:12px; margin:8px 10px 0 0;}
.facilities-item span:after{ content:"\f053"; right:0; top:1px; color:#c0392b; font-size:10px;}


.hotelFull .hotelPicRow{ padding:0;}
.hotelFull .pItem{ float:right; width:12.5%; overflow:hidden; position:relative; position:relative; background:#c0392b; background-size:cover; border:1px solid #fff;}
.hotelFull .pItem:after { content: ""; display: block; padding-bottom: 100%;}
.hotelFull .pItem a{ display:block; background:rgba(192, 57, 43, 0.60); opacity:0; height:100%; width:100%; position:absolute;}
.hotelFull .pItem:hover a{ opacity:1;}
.hotelFull .pItem a:after{content:"\f00e"; right:50%; top:50%; color:#fff; position:absolute; width:30px; height:30px; margin: -15px -15px 0 0; text-align:center; font-size:2px; opacity:0; line-height:30px;}
.hotelFull .pItem a:hover:after{font-size:24px; opacity:1;}

.hotelFull .map-content{ height:300px; background:#ddd; margin:1rem 0;}
.no-map {background: url('../Images/noMap.png') center center no-repeat; width:100%; height:100%; background-size:cover; opacity:0.2;}
.hotel-detail-content .map-content .hotel-situation {position: absolute;padding-top: 7px;width: 92%;height: 40px;z-index: 25;top:65%;font-size:4rem;}

.hotelFull .info-booking-content{ padding:15px 0;}
.hotelFull .info-booking-content label{ width:100%; text-align:center; color:#878787; font-weight:normal; font-size:13px;}
.hotelFull .info-booking-content p{ text-align:center;}
.hotelFull .info-booking-content p.count{ display:inline-block; background:#f2f2f2; padding:0px 7px;}
.hotelFull .info-booking-content label i{ margin-left:10px;color: #2d2482;}
.hotelFull .info-booking-content .form-booking {border-left: 1px solid #21248d;padding-left: 10px;}

.hotelFull .view-booking{ text-align:center; padding-top:15px;}
.hotelFull .view-booking .btn{ border:1px solid #ddd !important;}
.hotelPicRow{ margin-bottom:20px;}

.room-hotel-table td.hotelPkgRow{ border:0; padding:0;}
.room-hotel-table .hotelPackItem{ width:100%;}

.tos-wrapper{ direction:ltr;}
.tos-thumbnails .tos-selected{ border:2px solid #4386f4;}
.tos-desktop .tos-wrapper.tos-fixed{ background-color:rgba(0, 0, 0, 0.9) !important;}
.product-map { height: 300px;}




/*------------------ Facilities Item ------------------*/
@font-face {
  font-family: 'siroico';
  src: url('/Content/Font/sairoIco/siroico.eot?79045697');
  src: url('/Content/Font/sairoIco/siroico.eot?79045697#iefix') format('embedded-opentype'),
       url('/Content/Font/sairoIco/siroico.woff2?79045697') format('woff2'),
       url('/Content/Font/sairoIco/siroico.woff?79045697') format('woff'),
       url('/Content/Font/sairoIco/siroico.ttf?79045697') format('truetype'),
       url('/Content/Font/sairoIco/siroico.svg?79045697#siroico') format('svg');
  font-weight: normal;
  font-style: normal;
}
ul.facilitiesItem, ul.facilitiesItem li, ul.facilitiesItem i.siICo:before{ -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear;}
ul.facilitiesItem{ padding:0; list-style:none; padding:8px;}
ul.facilitiesItem li{ width:16.66%; float:right; text-align:center; padding:5px; direction:ltr; overflow:hidden; border:1px solid #fff;}
ul.facilitiesItem li .txt{ font-size:11px; font-weight:normal; color:#9e9e9e; display:block; height:32px; overflow:hidden; font-family:Verdana, Geneva, Tahoma, sans-serif;}
ul.facilitiesItem li i{ width:60px; height:60px; text-align:center;}
ul.facilitiesItem li i.siICo{ color:#ccc;}

ul.facilitiesItem li:hover{ border:1px solid #eee;}
ul.facilitiesItem li:hover .txt{ color:#000;}
ul.facilitiesItem li:hover i.siICo:before{ color:#797979; font-size:38px;}


i.siICo:before{  content:"\e801"; font-family: "siroico"; color:#c0392b;
  line-height:60px; font-size:30px; display:block; margin:0 auto;
  font-style: normal; font-weight: normal; speak: none; text-decoration: inherit;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal; text-transform: none;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.si-doorknob:before, .si-roomservice i.siICo:before{ content: '\e800'; }
.si-satellitetv i.siICo:before, .si-satellitetelevision i.siICo:before, .si-cablesatellitetv i.siICo:before{ content: '\e802'; }
.si-tv i.siICo:before, .si-television i.siICo:before, .si-cabletv i.siICo:before{ content: '\e803'; }
.si-newspapers i.siICo:before, .si-newspaperstand i.siICo:before{ content: '\e804'; }
.si-hair-dryer:before, .si-hairdryer i.siICo:before{ content: '\e805'; }
.si-bathtub i.siICo:before, .si-bathroom i.siICo:before{ content: '\e806'; }
.si-safe i.siICo:before, .si-24-hoursecurity i.siICo:before, .si-hotelsafe i.siICo:before{ content: '\e807'; }
.si-air-conditioner2:before, .si-airconditioning i.siICo:before, .si-airconditioninginpublicareas i.siICo:before, .si-individuallyadjustableairconditioning i.siICo:before, .si-centrallyregulatedairconditioning i.siICo:before{ content: '\e808'; }
.si-air-conditioner:before, .si-IndividualAirCondition i.siICo:before, .si-AirConditioning i.siICo:before, .si-individuallyadjustableheating i.siICo:before, .si-aircondition i.siICo:before{ content: '\e809'; }
.si-scissors-and-comb:before, .si-beautyparlour i.siICo:before{ content: '\e80a'; }
.si-shower i.siICo:before, .si-showeronly i.siICo:before{ content: '\e80b'; }
.si-exchange:before, .si-currencyexchangefacilities i.siICo:before{ content: '\e80c'; }
.si-safe-box i.siICo:before{ content: '\e80d'; }
.si-24-hours:before, .si-CheckIn24hr i.siICo:before{ content: '\e80e'; }
.si-internetaccess i.siICo:before, .si-wi-fi i.siICo:before, .si-PublicInternetAccess i.siICo:before, .si-InternetAccess i.siICo:before, .si-wirelesshighspeedinternetaccess i.siICo:before{ content: '\e80f'; }
.si-receptionist:before, .si-24-hourreception i.siICo:before, .si-earlycheck-in i.siICo:before{ content: '\e810'; }
.si-wheelchair:before, .si-wheelchair-accessible i.siICo:before{ content: '\e811'; } 
.si-breakfast:before, .si-BreakfastRoom i.siICo:before{ content: '\e812'; } 
.si-no-smoking:before, .si-RestaurantNonSmokingArea i.siICo:before, .si-NonSmokingRoom i.siICo:before, .si-smokedetector i.siICo:before{ content: '\e813'; } 
.si-cigarette-with-smoke:before, .si-smokingrooms i.siICo:before, .si-smokingroom i.siICo:before{ content: '\e814'; }
.si-parking:before, .si-carpark i.siICo:before, .si-coachparking i.siICo:before, .si-carparkingpayabletohotel i.siICo:before, .si-valetparking i.siICo:before, .si-carparkingpayabletohotelifapplicable i.siICo:before{ content: '\e815'; } 
.si-restaurant:before, .si-Restaurant i.siICo:before{ content: '\e816'; } 
.si-centralheating i.siICo:before{ content: '\e817'; }
.si-elevator:before, .si-liftaccess i.siICo:before, .si-lifts i.siICo:before{ content: '\e818'; }
.si-chair:before { content: '\e81b'; }
.si-alarm-clock-outline:before, .si-wake-upservice i.siICo:before, .si-cloakroom i.siICo:before{ content: '\e81c'; }
.si-disco-ball:before { content: '\e81d'; }
.si-fan-propellers:before, .si-fan i.siICo:before{ content: '\e81e'; }
.si-fireplace i.siICo:before{ content: '\e81f'; }
.si-groceries:before { content: '\e820'; }
.si-hotel-service:before, .si-bellboyservice i.siICo:before, .si-porterage i.siICo:before{ content: '\e822'; }
.si-livingroom-black-double-sofa:before, .si-livingroom i.siICo:before, .si-lobby i.siICo:before{ content: '\e824'; }
.si-minibar i.siICo:before{ content: '\e825'; }
.si-private-garage:before, .si-secureparking i.siICo:before{ content: '\e826'; }
.si-stethoscope:before, .si-medicalservice i.siICo:before{ content: '\e829'; }
.si-television, .si-internetviatelevision i.siICo:before{ content: '\e82a'; }
.si-swimming-silhouette:before, .si-outdoorpool i.siICo:before, .si-outdoorpool i.siICo:before, .si-indoorpool i.siICo:before{ content: '\e82b'; }
.si-stairs:before, .si-floors i.siICo:before{ content: '\e82c'; }
.si-laundry-service:before, .si-laundryservice i.siICo:before, .si-launderette i.siICo:before, .si-laundryfacilities i.siICo:before{ content: '\e82d'; }
.si-shop, .si-supermarket i.siICo:before, .si-businesscentre i.siICo:before{ content: '\e82e'; }
.si-gymnasium i.siICo:before, .si-gym i.siICo:before{ content: '\e831'; }
.si-Balcony i.siICo:before, .si-terrace i.siICo:before, .si-balcony i.siICo:before{ content: '\e832'; }
.si-GameRoom i.siICo:before{ content: '\e833'; }
.si-airportshuttle i.siICo:before, .si-transferservice i.siICo:before{ content: '\e834'; }
.si-bed:before, .si-numberofbedrooms i.siICo:before, .si-extrabedsondemand i.siICo:before{ content: '\f236'; }
.si-mobile-phone-coverage:before, .si-mobilephonecoverage i.siICo:before{ content: '\e82f'; }
.si-rent-a-car:before, .si-carhire i.siICo:before{ content: '\e830'; }
.si-luggage:before, .si-luggageroom i.siICo:before{ content: '\e823'; }
.si-fridge i.siICo:before, .si-minifridge i.siICo:before{ content: '\e821'; }
.si-basket:before, .si-shop i.siICo:before{ content: '\e819'; }
.si-ethernet:before, .si-wiredinternet i.siICo:before, .si-connectionforlaptop i.siICo:before{ content: '\e81a'; }
.si-electrical-kettle:before, .si-electrickettle i.siICo:before, .si-teaandcoffeemakingfacilities i.siICo:before{ content: '\e828'; }
.si-telephone i.siICo:before, .si-directdialtelephone i.siICo:before, .si-localandinternationalcalls i.siICo:before{ content: '\e827'; }
.si-staff, .si-multilingualstaff i.siICo:before{ content: '\e838'; }
.si-ironing-board:before, .si-ironingset i.siICo:before, .si-trouserpress i.siICo:before{ content: '\e836'; }
.si-sauna i.siICo:before{ content: '\e839'; }
.si-baby-face:before, .si-babysitting i.siICo:before{ content: '\e83a'; }
.si-film-strip:before, .si-in-housemovie i.siICo:before{ content: '\e835'; }


@media (max-width: 480px) {
    ul.facilitiesItem li{ width:33.33%;}
    .hotelDesc a.btn {width: 100%;margin: 4px 0;}
}



/*---------- Hotel Room Reserve ----------*/

.title-register .gender span { float: right; min-width: 97px; position: relative;}
.title-register .gender span select{ padding:0 10px; height:28px;}
.title-register .gender span i { top:6px;color: gray; font-size:16px; left:24px; position:absolute;}
.title-register .passengerTitle { float:right; margin-left:10px; padding:4px 8px; background:#c0392b; color:#fff; font-weight:bold;}
.title-register .reUseInfo { float:left; margin-bottom:10px;}
.title-register .reUseInfo a{ color:#8e8e8e;padding:4px 8px; display:inline-block; background:#fff; border:1px solid #e6e6e6;}
.title-register .reUseInfo a:hover{ color:#2d2482; border:1px solid #2d2482;}
.title-register .gender label { color: #58595b; float: right; font-size: 13px; font-weight: 100; margin: 4px;}

h4.head{ padding:8px; background:#4285f4; color:#fff; margin:0 0 15px 0;}
.info-flight-detail h4.head{text-align: right;}
.HotelResSideCol .detail-sidebar-border{ background-color:#fff; border:1px solid #d0d0d0;margin-bottom: 3rem; overflow:hidden;}
.HotelResSideCol h4.sideTitle {background-color:#21248d; color:#fff; font-size:15px; padding:15px; text-align:center;}
.HotelResSideCol .fullPrice {background-color: #27ae60;border-top: 1px solid #27ae60;color: #ffffff;font-size:15px; line-height: 34px; padding: 15px; text-align: center;}
.HotelResSideCol .fullPrice div{ font-size:22px; color:#fff;}

.roomResinfo{ border-bottom:2px solid #21248d; text-align:center;}
.roomResinfo h4{ margin:0; padding:10px 6px 3px 6px; font-weight:bold; font-size:18px; color:#2d2482;}
.roomResinfo .countCustomer{ padding:6px; color:#aeaeae; font-size:15px;}
.roomResinfo .countCustomer span{color:#000; font-size:18px;}
.roomResinfo .colRoom { background-color:#f2f2f2; padding:6px; color:#9d9d9d;}
.roomResinfo .colRoom .faNum{ font-size:18px; color:#464646;}

.HotelResSideCol .rules{ padding:10px 25px 15px 25px;}
.HotelResSideCol .rules .col-md-6{ padding:0 5px;}
.HotelResSideCol .rules .col-md-6 .btn{ width:100%; font-size:13px;}
.HotelResSideCol .info{ padding:0 15px;}
.HotelResSideCol .info .row{ border-top:1px solid #ddd; padding:5px 0;}

.ui-tabs-nav{ padding:0; margin:0; border-bottom:3px solid #21248d;}
.ui-tabs-nav li{ display:inline-block; width:auto !important; float:right; background:#f2f2f2; margin-left:2px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.ui-tabs-nav li a{ display:block; padding:10px 18px; color:#2d2482;}
.ui-tabs-nav .ui-state-active{ background:#21248d;}
.ui-tabs-nav .ui-state-active a{color: #fff;}
.product-tabs-content{ padding:20px; margin-bottom:30px;

-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;

}

.wrap-optional.warning {
      background: rgba(45,36,130,0.1) none repeat scroll 0 0;
    border: 1px solid #2d2482;
    margin-bottom: 20px;
}
.optional.warning .header-top {
    background: #e3f5f2 none repeat scroll 0 0;
    width: 100%;
}

.optional.warning .header-top .head {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgb(45, 36, 130) none repeat scroll 0 0;
    border-color: #d4a442 #d4a442 #d4a442 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #ffffff;
    padding: 6px;
    width: 111px;
    border-color: #2d2482;
}

.wrap-optional.warning .optional.warning .header-top .text {
    color: #fff !important;
}

.optional.warning .header-top .text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
     background: rgba(45,36,130,0.5) none repeat scroll 0 0;
    border-color: #2d2482;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #005526;
    padding: 6px;
    text-align: right;
}


.wrap-optional.Success {
    background: rgba(255,197,57,0.1) none repeat scroll 0 0;
    border: 1px solid #ffc539;
    margin-bottom: 20px;
}

.optional.Success .header-top {
    background: #e3f5f2 none repeat scroll 0 0;
    width: 100%;
}

.optional.Success .header-top .head {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffc539 none repeat scroll 0 0;
    border-color: #22bba7 #22bba7 #22bba7 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #2d2482;
    padding: 6px;
    border-color: #ffc539;
}

.optional.Success .header-top .text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(255,197,57,0.5) none repeat scroll 0 0;
    border-color: #ffc539;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #2d2482;
    padding: 6px;
    text-align: right;
}


.wrap-optional .form-group{ padding:20px 20px 0 20px;}

.header-reserver{ position:relative; }
.header-reserver .title-reserver{ color:#fff; background:#4285f4; padding:8px; font-weight:bold;}
.header-reserver .reserver-info{ position:absolute;color: #2d2482;background: #FFC539;padding: 6px 6px 5px; top:1px; right:70px;}

.entry-information label{ display:inline-block;}
.entry-information .gender-view, .entry-information .info-name, .entry-information .info-family, .entry-information .info-val
{ display:inline-block;}

.entry-information{ margin-bottom:15px;}
.entry-information h5.head{ padding:5px 0; margin:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold; font-size:15px;}
.entry-information .col-md-6, .entry-information .col-md-4, .entry-information .col
{ padding-top:6px; padding-bottom:6px; font-weight:bold;}
.entry-information label{ font-weight:100;}

.entry-information .title-reserver span.number{ background:#ffc539; border-radius:4px; display:block; height:20px; line-height:20px; margin-right:5px; width:20px; color: #2d2482;}
.ticketMap{ margin-left:30px; border:1px solid #cac7c7;}
.ticketMap .no-map{ height:240px; line-height:240px; text-align:center; color:#222; opacity:0.5;}
/*---------- Date Picker ----------*/
.ui-datepicker.ui-widget-content {-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; z-index:1000 !important;}
.ui-datepicker { z-index:999;
	background-color: #fff;
	border: 1px solid #66AFE9;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top:2px;
	padding:0;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {	color:#c0392b;}
.ui-datepicker .ui-datepicker-header {margin-bottom: 4px;text-align: center;}
.ui-datepicker-header .btn{ padding:0; height: 30px !important; line-height: 28px !important;}
.ui-datepicker-header .btn i{}
.ui-datepicker-header .btn:hover{ border:0;}

.ui-datepicker .ui-datepicker-title {font-weight: 700; margin:0 3em;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { border:0; top:7px !important; cursor:pointer; width:30px;text-align:center; position:absolute;}
.ui-datepicker .ui-datepicker-prev { right:5px;}
.ui-datepicker .ui-datepicker-next { left:5px; right:auto !important;}

.ui-datepicker .ui-datepicker-prev:before {content:"\f054"; right:0; line-height:32px;margin-right:10px;}
.ui-datepicker .ui-datepicker-next:before {content:"\f053"; left:0; line-height:32px;margin-left:10px;}
.ui-datepicker .ui-icon {display: none;}
.ui-datepicker .ui-datepicker-calendar { table-layout: fixed;width: 100%;}
.ui-datepicker .ui-datepicker-calendar th{ background:#ececec; padding:0; border:2px solid #fff;}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {	text-align: center;	padding:2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
.ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover { background-color:#eee; cursor:pointer;}
.ui-datepicker .ui-datepicker-calendar td a {text-decoration: none;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color:#fff;}
.ui-datepicker-header .ui-state-hover{background-color:rgba(255,255,255,0.4);}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ display:block; width:100%;}
.ui-datepicker-title select{ padding:0; background:#fff; color:#c0392b; border:1px solid #ddd; font-weight:normal; text-align:center; float:right; height:30px; width:49%;}

.ui-datepicker .ui-datepicker-current-day {	background-color:none;}
.ui-datepicker .ui-datepicker-current-day a { background:#c0392b; color:#fff !important;}

.ui-datepicker-header { padding:6px 0; background:#fff; margin:0; min-height:42px;}
.ui-datepicker-header .btn-link{ color:#c0392b;}
.ui-datepicker-header .btn-link:hover{ background:#fff;}

.ui-datepicker table{ }
.ui-tooltip {
    padding: 5px 20px;
    border-radius:3px;
    text-transform: uppercase;
    box-shadow: 0 0 3px #666;
    display:inline-block; background:#fff;
}

.ui-datepicker-close{ display:none;}

.ui-datepicker-buttonpane .ui-state-default, .ui-datepicker-buttonpane .ui-datepicker-current
{ border:0; background:none !important; color:#c0392b !important; opacity:1 !important; width:40% !important;}


/*---------- ui-slider ----------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-slider-handle{ background:#286090 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% !important;}
.ui-slider-range{ background:#ddd;}

/*#region contact*/
.contact-page__map.map{height:300px !important; margin:0 0 20px 0;}
.contact-form.bv-form .form-control{border: 1px solid #BEC4C8;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #07253F;display: block;
                                    font-size: 15px;height: 40px;line-height: 1.42857;padding: 6px 12px 6px 30px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.contact-form.bv-form .form-control-feedback {top: 3px;left: 15px;}
.contact-form.bv-form .help-block {font-size: 11px;margin: 0;}
#MessageBody{height: 100px;}
.contact-form.bv-form  .form-item {min-height: 55px;}
.modal-header-Ralert{height:27px;}

.contact-form.bv-form .form-actions input[type=submit]{ width:100%;}

.validation-summary-errors ul{list-style: none;padding: 0;text-align: center;padding: 1rem 0;margin-top: 1rem;background: #2d2482;color: #fff;font-size: 17px;}
.post-content{font-size:13px; line-height:1.8;}
.helper-page{margin:5rem 0;}
.product-tabs-content.product-tabs__content input[type=text]{    border: 1px solid #BEC4C8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #07253F;
    display: block;
    font-size: 15px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px 6px 30px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;}
.btn-margin{margin-top:2rem}

#SecoundLevel .text-danger{ text-align:justify; padding-bottom:20px;}

#SecoundLevelItems .btn-danger{ display:block; width:100%}
#SecoundLevelItems .btn-refresh{ border:1px solid #dadada !important;}
#SecoundLevelItems .btn-navy{ background:#2d2482; color:#fff;}

/*#endregion contact*/

/*---------- register ----------*/
.register .fldFrm{ position:relative;}
.register .gender i{ position:absolute; left:30px; top:8px; font-size:19px;}
.register .captchaBox img{ width:95px;}
.register .customBtn .pull-left{ width:200px; margin-top:30px;}
.register .form-group{ min-height:110px; margin-bottom:5px;}

#register_div label{ display:initial;}


/*---------- PopUp ----------*/
.lightbox { background: rgba(0, 0, 0, 0.6);display: none;
    height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 999999;
}
.lightbox .login-popup{ margin:63px auto 135px auto; max-width:540px;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.lightbox .wrap-login{ background:#fff; padding:15px; max-height:70vh; overflow: scroll; overflow-x: visible;}
.lightbox .title-login{ background:#4285f4; padding:12px; font-size:15px; color:#fff;}
.lightbox .title-login p{ margin:0;}
.lightbox .title-login a.close{ color:#fff; opacity:0.5;}
.lightbox .title-login a.close:hover{ opacity:1;}

.lightbox .captchaBox img{ width:95px;}
.lightbox .btnRow{ margin-top:20px;}

.lightbox form.external-form{ margin:0;}
.lightbox form.external-form button{ padding:10px; font-size:13px; border:0; color:#fff; display:block; width:100%; font-weight:bold; margin-bottom:10px;}
.lightbox form.external-form button i{ margin-right:5px;}

.lightbox form.external-form button.btn-Google{ background:#dd4b39;}
.lightbox form.external-form button.btn-Microsoft{ background:#00a1f1;}
.lightbox form.external-form button.btn-LinkedIn{ background:#0077b5;}

.wrap-external h5{ text-align:center; padding-bottom:15px;}

.wrap-login #loginDirect{ border-left:1px solid #ddd; padding-bottom:15px;}
.forgetPassRow{ text-align:center; padding:10px;}

/*---------- Static Page ----------*/
.postBody{ text-align:justify;}
.post-footer{ padding:15px 0; margin:15px 0; border-top:1px solid #ddd;}
.post-footer .col{ float:right; padding:0 2%; width:33.3333%;}
.post-footer .col .colTitle{ padding:0 0 15px 0; color:#21248d;}
.post-footer .col .colTitle i{ margin-left:5px;}

.post-footer .col .share .fbIco, .post-footer .col .share a.twIco
{ display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; margin-left:6px; color:#fff;}
.post-footer .col .share .fbIco{ background:#3b5998;}
.post-footer .col .share a.twIco{ background:#1da1f2;}

.post-footer .col .share .gp-like, .post-footer .col .share .fb-like{ float:right; margin-left:6px;}
.post-footer .col .tag a, .post-footer .col .cat a{ display:inline-block;line-height:26px; background:#ededed; padding:0 10px; color:#8a8a8a; border:1px solid #ededed;}
.post-footer .col .tag a:hover, .post-footer .col .cat a:hover{ color:#21248d; border:1px solid #21248d; background:#fff;}

#comments textarea, #comments input{ width:100%;}
#comments textarea{ margin-bottom:20px;}
#comments input{ min-height:43px;}
#comments h4.reply-title, h4.hTitle{ padding:10px; background:#c6c4c4; color:#fff; margin-bottom:15px;}

.commentlist li.comment{ border:1px solid #ddd; padding:15px 0 0 15px; margin-top:15px; border-right:2px solid #ccc;}
.commentlist .post-meta{ padding:0; margin:0 15px 0 0;}
.commentlist .author{ color:#2d2482; font-size:15px;}
.commentlist p.body{ padding:0 15px 15px 0;}
.commentlist ul.children li.comment{ margin-top:0; margin-bottom:5px; border-right:2px solid #ddd;}

.comment-abs{ padding:0 0 15px 0; text-align:left;}
.comment-abs a{ display:inline-block; border:1px solid #ccc; padding:5px 30px 5px 10px; position:relative;}
.comment-abs a:hover{ background:#2d2482; color:#fff;}
.comment-abs a:after{ content:"\f112"; right:10px; }


.postItem{ padding:10px 0; border-bottom:1px solid #ddd;}
.postItem .post-body{ margin-right:20%;}
.postItem .postImg{ float:right; width:18%;}
.postItem .post-content{ padding:0px;}

.post-meta{ display:block !important; height:30px;}
.post-meta div{ float:right; padding:0 18px 0 15px; font-size:12px; position:relative;}
.post-meta div:after{ right:0; top:0;}
.post-meta div.date:after{ content:"\f073";}
.post-meta div.author:after{ content:"\f007";}
.post-meta div.comment:after{ content:"\f075";}

.page-sidebar .widget{ margin-bottom:30px;}
.widget h4.widgetTitle{ padding:10px 15px; border-bottom:1px solid #FFC539;}
.widgetBody{ padding:15px;}

.awe-social{ text-align:center;}
.awe-social a{ display:inline-block; width:40px; height:40px; line-height:40px; font-size:22px; background:#f2f2f2; margin:0 5px;}
.awe-social a:hover{ color:#fff; background:#55a0c5;}

/*---------- Helper Page ----------*/
.helperPg a.aBtn{ display:block; padding:20px 80px 20px 20px; font-size:18px; border:1px solid #ddd; margin:20px 0; position:relative;}
.helperPg a.aBtn .fa{ font-size:50px; position:absolute; right:12px; top:12px; width:50px; text-align:center;}
.helperPg a.aBtn:after{ content:"\f104"; left:20px; top:12px; font-size:50px; line-height:1; color:#ddd;}
.helperPg a.aBtn:hover:after{ color:#fff;}

.helperPg a.cBlue{ border:1px solid #3498db; color:#3498db;}
.helperPg a.cBlue:hover{ border:1px solid #3498db; background:#3498db; color:#fff;}
.helperPg a.cGreen{ border:1px solid #2ecc71; color:#2ecc71;}
.helperPg a.cGreen:hover{ border:1px solid #2ecc71; background:#2ecc71; color:#fff;}


/*---------- Ticket View ----------*/
.headerTicketRow{ padding:20px 0;}
.headerTicketRow .logo-vocher{ max-height:75px; float:left;}
.headerTicketRow .print-buttons .btn{ width:214px; float:right; margin:10px;}
.headerTicketRow .print-buttons .btn-pdf{ background:#ea4335; color:#fff;}
.headerTicketRow .print-buttons .btn-pdf:hover{ background:#c10f00;}

.enTicket_Print{ direction:ltr; text-align:left;}
.enTicket_Print table th{ direction:ltr; text-align:left;}
.enTicket_Print .qrCode_Img{ float:right;}
.enTicket_Print ul, .enTicket_Print ol{ padding-left:25px; padding-top:10px;}
.enTicket_Print ul li, .enTicket_Print ol li{ padding:4px 0;}

.faTicket_Print ul, .faTicket_Print ol{ padding-right:25px; padding-top:10px;}
.faTicket_Print ul li, .faTicket_Print ol li{ padding:4px 0;}


/*---------- Profile ----------*/
.profilePg{padding-bottom:100px;}

.profileSideBg{ background:#fff; padding:16px;    margin-bottom: 25px;-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);}
.profileMenu{ border:1px solid #dedede;}
.profileMenu li a{ line-height:44px; border-bottom:1px solid #dddddd; display:block;text-align: center; position:relative; cursor:pointer;color: #333;}
.profileMenu li a:after{font: normal normal normal 18px/1 FontAwesome;width: 28px;height: 28px;right: 15px;top: 22px;float: right;position: absolute;margin-top: -14px;background: #21248d;color: #fff;text-align: center;line-height: 28px;font-size: 18px;}
.profileMenu li a.myProfIco:after{ content:"\f007";padding: 5px;margin-right: 5px;line-height: 23px;}
.profileMenu li a.myTripIco:after{content:"\f0b1";padding: 5px;margin-right: 5px;line-height: 23px;}
.profileMenu li a.myWalletIco:after{content:"\e929";padding: 5px;margin-right: 5px;line-height: 23px;}
.profileMenu li a.myTravelersIco:after{content:"\f0c0";padding: 5px;margin-right: 5px;line-height: 23px;}
.profileMenu li a.myRateIco:after{content:"\e911";padding: 5px;margin-right: 5px;line-height: 23px;}
.profileMenu li a.passIco:after{content:"\f13e";padding: 5px;margin-right: 5px;line-height: 23px;}

.profileMenu li a:hover, .profileMenu li a.active{ background:#21248d; color:#fff;}
.profileMenu li a:hover:after, .profileMenu li a.active:after{ background:#fff; color:#21248d;}
.profileMenu li:last-child a{ border-bottom:0;}

    .userInfoRow .userBar{background:#fff; padding:8px 16px;margin:30px 0 15px;  
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);}
    .userInfoRow .userPic{ width:55px; height:55px; float:right; margin-left:20px;}
    .userInfoRow .userPic span.noImg{ position:relative; height:100%; width:100%; background:#21248d; display:block;}
    .userInfoRow .userPic span.noImg:after{ content:"\e928"; height:100%; width:100%; line-height:55px; text-align:center; font-size:34px;}
    .userInfoRow .userName{ font-weight:bold; padding:4px 0; font-size:15px; color:#070f3b;}
    .creditRow span{ display:inline-block; padding-right:20px; position:relative; color:#070f3b;}
    .creditRow span:after{ right:0; top:0;}
    .creditRow .pointsIco:after{ content:"\e911";}
    .creditRow .pointsIco:before{ content:""; height:14px; width:2px; left:0; margin-top:-7px; top:50%; background:#8a8ea3; position:absolute;}
    .creditRow .creditIco:after{ content:"\e929";}

    .creditRow .pointsIco{ padding-left:12px; margin-left:10px;}

.profileFormPg h4.panel-title a{ display:block; padding:20px 15px; font-size:16px; font-weight:bold; position:relative;}
.profileFormPg .panel-title a:before{font: normal normal normal 14px/1 FontAwesome; content:"\f077"; left:15px; top:8px; color:#000000; line-height:38px;}
.profileFormPg .panel-title a.collapsed:before{ content:"\f078";font: normal normal normal 14px/1 FontAwesome; }

.profileFormPg .panel{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.profileDesc{ margin:20px 0; background:#e4e4e4; padding:20px; font-size:13px;}


.btnColorRow{ text-align:center;}
.btnColorRow .btn{color: #ffffff;font-size: 24px;background: #4285f4;padding: 0 10px;line-height: 40px;font-size: 14px;width: 100%;}



.pTicket{ margin-bottom:15px;}
.pTicket .lblTicket{ text-align:center;}
.pTicket .lblTicket div{ background:#fff; padding:10px; display:inline-block; min-width:260px;

-webkit-border-top-left-radius: 60px;
-webkit-border-top-right-radius: 60px;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;

}
.pTicket .lblBody{ background:#fff;}
.pTicket .pTicketType{ width:50px; height:100px; float:right; position:relative; background:#428bca;}
    .pTicket .pTicketType.TwoPnr {
        height: 151px;
    }

    .pTicket span.cancel {
        position: absolute !important;
        left: -1px;
        width: auto !important;
        background: #ffecec !important;
        border: 1px #ddb2b2 solid !important;
        font-size: 11px;
        line-height: 49px;
        top: -1px;
        float: none !important;
    }

.pTicketBody .roww.cancel {
    background: #f7f6f6;
    border: 1px #f5d5d5 solid;
    position: relative;
}
.pTicket .pTicketType:after{ width:38px; height:38px; background:#fff; top:50%; left:50%; margin:-19px 0 0 -19px; text-align:center; line-height:38px; font-size:26px; color:#428bca;}
.pTicket .row01{ border-bottom:2px solid #428bca}
.pTicket .pTicketBody{ width:calc(100% - 50px); float:right; font-size:14px;}

.pTicket .pTicketBody .roww{ line-height:49px;}
.pTicket .pTicketBody .row01 span{ width:25%; display:block; float:right; padding:0 10px; }
.pTicket .pTicketBody .row02 span{ width:25%; display:block; float:right; padding:0 10px; }
.pTicket .pTicketBody .pTickNum{ font-weight:bold; font-size:18px;}

.pTicket .pTicketBody .pBtnHold{ text-align:left;}
.pTicket .pTicketBody .pBtnHold a{ display:inline-block; padding:0 20px; background:#bbbaba; color:#8e8d8d; line-height:38px; margin-top:6px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.pTicket .pTicketBody .pBtnHold a.blueBtn{ background:#428bca; color:#fff; }
.pTicket .pTicketBody .pBtnHold a.orangeBtn{ background:#e69623; color:#fff; }
.pTicket .pTicketBody .pBtnHold a.redBtn{ background:#de5e5e; color:#fff; }

.pTicket.flight .pTicketType:after{content: "\f072";font: normal normal normal 31px/1 FontAwesome;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);transform: rotate(-45deg);display: inline-block;border-radius: 500%;PADDING: 4PX;margin: 50% 5px 0 0;}
.pTicket.hotelTicket .pTicketType:after{ content:"\e92e";}

.pTicket.closeTick .pTicketType{ background:#bbbaba;}
.pTicket.closeTick .row01{ border-bottom:2px solid #bbbaba;}
.pTicket.closeTick .pTicketType:after{ color:#bbbaba;}

.pTicket .pStatus.red{ color:#ff0000;}

.profileHead, .myPassengerHead{ padding:15px 40px;}
.profileHead h3, .myPassengerHead h3{ float:right; line-height:45px; font-weight:bold;}
.myPassengerHead a.newPassenger, a.profileAdd{ float:left; line-height:45px; display:block; padding:0 50px 0 20px; background:#428bca; color:#fff; font-weight:bold; font-size:18px; position:relative; }
.myPassengerHead a.newPassenger:hover, a.profileAdd:hover{ background:#2b72af;}
.myPassengerHead a.newPassenger:after, a.profileAdd:after{ content:"\f067"; right:20px; top:2px;font: normal normal normal 20px/1 FontAwesome;margin: 11px 10px 0 0;float: left;}


.noPassenger, .noProfileData{ text-align:center; padding:50px 0; color:#626579;}
.noPassenger h3, .noProfileData h3{ padding:10px 0;}
.noPassenger img, .noProfileData img{ margin:0 auto;}

.passengerList{ background:#fff; border:1px solid #dddddd; padding:0 40px; margin:7px 0;}
.passengerList .userName{ font-weight:bold; font-size:18px; line-height:45px; float:right; width:70%;}
.passengerList a{ display:inline-block; width:40px; height:40px; line-height:40px; margin:6px 50px 0 0; position:relative;}
.passengerList a:after{ font-size:28px; text-align:center; width:100%;}

.passengerList a.editBtn:after{ content:"\f040"; color:#428bca;font: normal normal normal 26px/1 FontAwesome;}
.passengerList a.delBtn:after{ content:"\f014"; color:#b3404a;font: normal normal normal 26px/1 FontAwesome;}

.logInUserBx{position: relative;margin-bottom: 35px;width: 48%;float: right;margin: 0 1% 35px;}
.logInUserBx label{top: -22px;font-size:13px;color: #333;display: initial;position: absolute;}
.logInUserBx-full{position: relative;margin-bottom: 35px;width:98%;float: right;margin: 0 1% 35px;}

.panel.pageBody h2.title {margin-bottom: 38px;border-bottom:0;}

    /* my Rates ----------*/
    .myratesPg .myRateTitle{ font-size:14px; font-weight:bold; color:#151a37; margin-right:30px; padding-right:35px; line-height:25px; position:relative;}
    .myratesPg .myRateTitle:after{ content:"\e905"; right:0; font-size:24px; color:#757575;}
    .myratesPg .dayRow{ padding-bottom:30px;}
    .myratesPg .scoreDesc{ margin:10px 0; background:#fff; padding:10px 30px; font-weight:bold;
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
            box-shadow: 0 0 8px rgba(0,0,0,0.2);

            background: #ffcc00;
            background: -moz-linear-gradient(left, #ffcc00 0%, #ffffff 50%, #ffffff 100%);
            background: -webkit-linear-gradient(left, #ffcc00 0%,#ffffff 50%,#ffffff 100%);
            background: linear-gradient(to right, #ffcc00 0%,#ffffff 50%,#ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ffffff',GradientType=1 );

    }
    .myratesPg .scoreDesc .action{ float:right; font-size:15px; line-height:34px;}
    .myratesPg .scoreDesc .score{ float:left; font-size:24px; line-height:34px;}


    /* Wallet ----------*/
    .walletDate{ text-align:center; font-size:18px; font-weight:bold; padding:5px 0;}
    .walletItem{ margin:10px 0; background:#fff; padding:10px 30px; font-weight:bold;
            -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
            box-shadow: 0 0 8px rgba(0,0,0,0.2);
    }
    .walletItem .desc{ float:right; font-size:18px; line-height:34px;}
    .walletItem .price{ float:left; font-size:22px; line-height:34px;}
    .walletItem .price .amount{ direction:ltr; display:inline-block;}
    .walletItem.creditor, .walletItem.creditor .currency:after{ color:#d25400;}
    /*---------- Tour ----------*/
.tourList { position:relative; margin-bottom:30px; overflow:hidden;}
.tourList .price { position:absolute; top:15px; left:0; color:#ffffff; font-size:13px; background:rgba(0, 0, 0, 0.42); padding:0 10px;}
.tourList .price span.faNum{ font-size:20px;}
.tourList:hover .bodyText { bottom: 0;}
.tourList img { height: 300px; }
.tourList.LastSecond .Special-label{border-bottom: 50px solid rgba(212, 34, 40, 0.8);color: #fff;}
.tourList.specialOffer .Special-label{border-bottom: 50px solid rgba(38, 131, 50, 0.8);color: #ffffff;}
.tourList .Special-label{border-left: 50px solid transparent;border-right: 50px solid transparent;position: absolute;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: -7px;font-size: 12px;padding: 0;right: -32px;}
.tourList .Special-label span{width: 44px;position: absolute;right: -23px;top: 17px;text-align: center;line-height: 1.3;}

.bodyText { position: absolute; bottom:-45px; left: 0; color: #ffffff; padding: 10px; width: 100%;background: rgba(222, 189, 60, 0.7);-webkit-transition: 0.2s all linear;-moz-transition: 0.2s all linear;-o-transition: 0.2s all linear;transition: 0.2s all linear;}
.bodyText h3 { margin: 0; font-size: 18px; padding-bottom: 10px; font-weight:bold;}
.bodyText h3 a:hover { color:#000;}
.bodyText p { margin:0;}
.bodyText a { color:#ffffff;}

.bodyText a.more:hover { background:rgba(0,0,0,0.4);}
.bodyText a.more{ display: inline-block; border:1px solid #ffffff; border-radius:5px; padding:5px 15px; margin-top:15px; float: left;}
.bodyText .more i { margin-left: 5px;}


h3.tTitle{ padding:0 10px; margin:20px 0 0 0; font-size:18px;border-bottom: 1px solid #ddbc3b;}
h3.tTitle span{ display:inline-block; padding:6px 18px; color:#fff;
background: #ddbc3b;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}

.tourPhoto{ direction:ltr;}
.tourPhoto .flexslider{ margin:0;}
.tourPhoto ol.flex-control-thumbs li{ height:160px;}
.tourPhoto .flex-control-thumbs img{ opacity:0.5;}
.tourPhoto .flex-control-thumbs .flex-active{ opacity:1;}

/*---------- Tour Ditails ----------*/
.tourPg.whiteBg{ padding:15px;}
.tourPg .tBody{ padding:10px; text-align:justify;}
.tourPg .tBody ol{ padding-right:20px; margin:10px 0 10px 0;}
.tourPg .tBody ol li{ padding:5px 0;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #cac7c7;
}

.tourTitle { color:#2d2482; text-align:center;}
.tourTitle h3 { margin:0px; font-size:20px; padding:15px; font-weight:bold;}

.tourSummary { color:#2d2482; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px;}
.tourSummary .col{ float:right; width:50%; padding:10px 0;}
.tourSummary .col i { margin:0px 0 0 5px;}

.hotelDetails{ position: relative; padding:15px 0; margin-bottom:6px;}
.destination .tourSubTitle, .hotelDetails .tourSubTitle, .hotelInfo .tourSubTitle { color:#ffdd00; background:#626265; padding:8px 15px; margin-bottom:15px;}
.destination .tourSubTitle i, .hotelDetails .tourSubTitle i, .hotelInfo .tourSubTitle i { margin-left: 5px;}
.tTbl td, .tTbl th{ padding:8px; border:1px solid #ddd;text-align:center;}
.tTbl td, .tTbl th{ padding:8px; border:1px solid #ddd;text-align:center;}

.hotelDetails table th { background: rgba(0,0,0,0.3); color:#fff;}
.hotelDetails table tr { background: #fff; }
.hotelDetails .hotelName { font-weight: bold; font-size: 14px; width:20%;}
.hotelDetails .hotelName span { display: block; }
.hotelDetails .hotelName i { color: #FFC539; font-size: 13px; }
.hotelInfo table tr th, .hotelInfo table tr td { text-align: right;}
.hotelDetails table .faNum{ font-size:16px;}

.tbl-center td, .tbl-center th {
    text-align: center !important;
}


.hotelInfo table th {
    width: 90px;
    background: rgba(0,0,0,0.3);
}

.tourDlFile {
    margin-top: 20px;
    text-align: left;
}

    .tourDlFile a {
        border: 1px solid #2d2482;
        padding: 10px 20px;
        color: #2d2482;
        background: #ffdd00;
        font-weight: bold;
        border-radius: 3px;
    }

        .tourDlFile a i {
            margin-left: 5px;
        }

        .tourDlFile a:hover {
            background: #2d2482;
            color: #ffdd00;
            border: 1px solid #ffdd00;
            border-radius: 3px;
        }

.tourItemRow{ margin-top:10px;}
.tourItemRow li{ margin-bottom:10px; padding:10px; background:#f5f5f5; font-size:15px;}
.tourItemRow li .lbl{ width:100px; float:right;}
.tourItemRow li .fld{ width:calc( 100% - 100px ); float:right;}
.tourItemRow li.tourPrice .mainPrice{ font-size:18px; color:#000;}
.tourItemRow li.tourPrice .priceDiscount{ text-decoration:line-through; color:#ef6c00;}

.tourProgDesc{ padding:10px 20px; margin:0 10px; font-size:15px; position:relative; border-bottom:1px solid #f5f5f5;}
.tourProgDesc:before{ content:"\f053"; right:7px; top:12px; color:#b9b9b9; font-size:14px;}

/* Home Tour ---------------------*/
.homeTourRow{ background:#fff; padding:80px 0 40px 0;}
.homeTourRow .homeTitle{ padding-bottom:30px;}

.tourItem{ width:25%; height:350px; float:right; background:#ddd; border:1px solid #fff; position:relative; background-size: cover; color:#fff;}
.tourItem:hover{ color:#fff;}
.tourItem .caption{ position:absolute; bottom:0; width:100%; padding:60px 15px 15px 15px; display:block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.tourItem .caption:after{ content:""; width:0; height:1px; bottom:15px; right:15px; position:absolute; opacity:0;}

.tourItem.specialOffer .Special-label{ padding:0 6px;}
.tourItem.LastSecond .Special-label{ padding:0 6px; background:#ff0600;}
.tourItem span.h3{ display:block; text-align:justify; margin:0; padding:6px 0; font-size:20px; font-weight:bold;}
.tourItem span.txt{ display:block; text-align:justify; font-weight:100; max-height:0px; overflow:hidden;}

.tourItem:hover .caption{ padding-bottom:80px;}
.tourItem:hover .caption:after{ width:calc(100% - 30px); opacity:1;}
.tourItem:hover .caption span.txt{ max-height:150px;}


.allTour{ padding-top:40px; text-align:center;}
.allTour a{ display:inline-block; padding:8px; margin:0 6px; min-width:130px;}
.allTour a:hover{ border:1px solid #000; color:#000;}


/*---------- Responsive ----------*/
@media only screen and (max-width : 1220px) {

}

@media only screen and (max-width : 992px){
.homeSearchTab li {margin: 0 0.5%;width: 32.33%;}
}
@media only screen and (max-width : 979px) {
    .hotelNameRow .address-hotel{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
    .thumbnails .thItem{ width:33.33%;}

    .filterResult .filter-box{ width:84%;}
    .filterResult .changeDayBox{ width:100%; padding:10px 10px 0 10px; border-top:1px solid #ddd; margin-top:10px;}
    .changeDayBox:after{ content:none;}

    .blogPostRow .col-md-4:last-child article.post{ display:none;}
    .back-top, .breadCrumbRow{ display:none;}

    .hotelFull .pItem{ width:16.666%;}

    .back-top {bottom: 70px;}
    .footer-down {padding: 5px 0 60px;}

    #sideSearch .Flight-search  .switch-city {position:initial;bottom:0;left:0;padding: 2px 6px; margin:8px auto -22px;display:block}
    .search-auto-complate {width: 100%;}

    .sPassengerBox .selectPerson{right:0;margin-right:0px;min-width: 100%;}
}
@media (max-width: 767px) {
    .mainHeader .logo img{ max-height:55px; float:left;}
    .homeSearch{ padding:50px 0;}

    .flyLink .qLink li{ width:50%;}

    .payment-step{ float:none; width:100%; text-align: center; }
    .payment-step p{ font-size:13px; }
    .filter-head{ text-align:center; }

    .td-airline{ width:15%;}
    .td-order{ width:23%;}
    .td-desc{ width:62%;}
    .td-desc .fliNum, .td-desc .fliName{ font-size:11px;}

    .hotelPic{ width:27%; }
    .hotelDesc{ width:70%; margin:0 3% 0 0; }
    .hotelDesc .hotelListMap{ display:inline-block; margin:0;}
    .hotelDesc .hotelName h5{ display:block; }
    .hotelDesc .hotelName{ padding-bottom:10px; }
    .hotelDesc .body{ padding-bottom:10px; text-align:justify; }
    .hotelDesc a{color: #2d2482;}
    .hotelListInfo{ width:100%; padding-bottom:15px;}
    .hotelPrice{ width:100%; margin:0; padding:6px; border-top:1px solid #e5e5e5;}

    .ui-tabs-nav li{ float:none; width:100%; margin:0; border-right:4px solid #FFC539;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 8px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 4px;
    }
    .ui-tabs-nav li a{ border-bottom:4px solid #fff;}
    .title-register .passengerTitle{ width:100%; margin-bottom:10px;}
    .btnRow .col-xs-12{ padding-bottom:10px;}

    .clockHolder{ margin:0 auto; float:none;}
    .flightCartPg .lawFlight i{ font-size:16px; top:6px;}
    .flightCartPg .lawFlight{ padding-right:24px;}
    .flightCartPg .showLine{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
    .flightCartPg .showLine .col, .flightCartPg .detail-flight-info .col{ padding-right:2px; padding-left:2px;}

    .flightCartPg .wrapFlightImg{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
    .flightCartPg .wrapFlightImg img{ margin:0 auto;}
    .flightCartPg .wrapFlightImg p{ margin:0;}

    .hotelFull .pItem{ width:20%;}
    .hotelPrice a.bookHotel{ padding:4px; margin-top:10px;}

    .homeSearch .count-passenger .childinfo{ display:none;display: block;width: 100%;position: absolute;top: 70px;padding: 0;font-size: 12px;}
    .homeSearch .count-passenger .childinfo span{margin:0}
    .homeSearch .count-passenger .htl_roomlabel{ width:50%; display:block; float:right;}

    .flight-detail-list .searchDate{ width:100%; margin-top:20px;}
    .flight-detail-list .change-day{ width:50%; margin-top:0;}
    .topDiv .change-day{ text-align:center;}

    .td-order{ padding-top:5px;}
    .td-airline .btn{ width:150px;}
    .tp-banner{ height:800px !important;}

    .AgeList-Wrap{ padding-right:0;}
    .AgeList-Wrap select.form-control{margin-top: 25px;}

    #footer{ padding-top:0 !important;}
    .footerLink{ display:none;}

    .submit2btnRow .btn {float: none !important;width:100%;margin: 10px 0;font-size: 15px;}
}

@media (max-width: 640px) {

    .rowSpc .col{ width:48%; margin-right:1%; margin-left:1%;}
    .homeSearch .count-passenger .kidsAgeTxt{ opacity:0;}
    .content-boxes .item-boxed{ width:100% !important; float:none !important;}
    
    .rowSpc .form-control, .rowSpc .btn, span.selectPassenger
    {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

    .Select-Flight{ padding:7px 15px;}
    .td-desc .col{ width:33.33%;}

    .detailNav{ width:100%;}
    .detail-tbl .tab-content{ padding:25px 0;}
    .td-stop{ padding-right:20px; padding-left:20px;}

    .thumbnails .thItem{ width:50%;}

    .fliCartTab li{ width:25%; margin:0; padding:0 3px;}
    .fliCartTab li a{ text-align:center; min-height:48px; padding:5px; font-size:12px;}

    .room-hotel-table .room-rules{ /*display:none;*/}
    .room-hotel-table .btn{ padding:10px;}
    .room-hotel-table th{ font-size:12px;}
    
    .logInUserBx {width:100%;margin: 0 0 35px;}

}

@media (max-width: 480px) {

    .homeSearchTab li{ width:calc(50% - 2px );margin: 0 0 0 2px;}
    .homeSearchTab li a label{ padding:8px 7px 7px 5px;}
    .homeSearchTab li a i{ position:inherit;}
    .homeSearch .firstRow h2{ float:none; text-align:center; font-size:20px;}
    .homeSearch .firstRow .switch{ width:200px; margin:0 auto; float:none; padding-top:30px;}

    .filterResult div.hTitle{ display:none;}
    .filterResult .filter-box{ width:100%; padding:0;}
    .filter-box:after{ content:none;}
    .filterResult .filter-box botton{ font-size:13px; width:29%;}

    /*.td-time, .td-stop, .flightDescRow .cityName{ float:none; border:0;}
    .detail-tbl .flightDescRow{ text-align:right;}
    .td-time, .td-stop{ border-right:1px solid #d1d1d1; margin:0 10px 0 0;}
    .td-stop{ padding:25px 30px 25px 0;}
    .td-stop:before{ right:0; top:50%; margin-top:-15px;}
    .td-time{ padding:10px 20px 10px 0; text-align:right;}*/

    .startFly{ margin-top:15px;}
    .startFly:before{ right:-5px;}
    .endFly{ margin-bottom:15px;}
    .endFly:before{ bottom:-5px; right:-5px; top:auto;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
    }

    .personPrice li{ padding:15px 8px}


    .td-desc{ width:85%;}
    .td-order{ width:100%; padding:15px 0 0 0; margin-top:5px; border-top:1px solid #ddd;}
    .td-order:after{ content:none;}

    .hotelFull .pItem{ width:33.33%;}
    .room-hotel-table th{ font-size:10px;}
    .room-hotel-table .btn{ font-size:11px; width:40px; white-space:inherit;}

    .flyLink .qLink li{ width:100%;}

        .search-auto-complate {width: 100%;}
    .search-auto-complate .item-search {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

}

@media (max-width: 450px) {
    .thumbnails .thItem{ width:100%;}

    .rowSpc .col {width: 100%;}
    .switch-city {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);padding: 2px 5px;margin: 5px 50% -24px; position: initial;}
    .switch-city:before {font-size: 18px;}

    .td-airline{ width:25%;}
    .td-desc{ width:75%;}
    .td-desc .col{ width:50%; padding-bottom:10px;}

    .Top_header .social_network {width: 100%;text-align: center;}
    .header_link {width: 100%;text-align: center;}
    .header_link ul li {float: right;margin: 3px 10px;}
    ul.payment-step{ width:160px; margin:15px auto 0 auto;}
    ul.payment-step li{ width:100%; }
    .payment-step p{ width:115px; text-align:right;}
    .payment-step p::after{ content:"\f107";}
    .reUseInfo{ display:none;}

    .header-reserver .reserver-info{ /*top:-16px; right:0;*/}

    .td-time{ font-size:11px;}
    .td-order{ font-size:13px;}

    .change-day{ text-align:center;}
    .change-day a{ float:none;}

    .filtertip2 .padding20{ padding:5px 0 !important;}
    .filtertip2 .calendarFlight{ text-align:center;}

    .topDiv .calendarFlight .GotimeEn{ display:block;}

    .flight-item div{ width:100%; font-size:13px; padding:5px 0; border-bottom:1px solid #d3d3d3;}
    .flightCartPg .info-flight-detail .city-name{ font-size:15px;}
    .social_network { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 10px;}
    div.complete-info-flight{ border-bottom:0; font-size:14px; font-weight:400;}
    .complete-info-flight div{ padding:0; border-bottom:0;}

    .complete-info-flight .FromCity, .complete-info-flight .ToCity{ font-weight:bold;}

    .room-hotel-table .room-rules{ /*display:none;*/}

    .postItem .postImg{ width:38%;}
    .postItem .post-body{ margin-right:40%;}
    .postItem .post-meta{ height:auto; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ddd;}
    .postItem .post-meta div{ float:none !important;}

    .hotelListInfo{ width:100%; padding-bottom:20px;}
    .hotelPrice{ margin:0; width:100%;}

    .submit2btnRow{ text-align:center;}
    .submit2btnRow .btn{ float:none !important; width:220px;width:100%; margin:10px 0; font-size:15px;}

    .btn-price-flight-info{ display:block !important; text-align:center; margin-top:30px;}

    .footer-down .powerdBy { text-align: center !important; padding-top:10px;}
    .footer-down .copyFooter{ text-align:center;}
    #footer ul.qLink li{ width:100% !important;}

    #FirstLevel .customBtn .btn-refresh{width: 100%;padding: 7px 0;}
}

@media only screen and (max-width : 320px) {
    .paddbu3top{ font-size:11px;}
    .rowSpc .col{ width:100%; margin-right:0; margin-left:0;}

    .personPrice li{ width:100%; border:1px dotted #a9a9a9 !important; margin:10px 0;}
    .fliCartTab li a{ min-height:60px; font-size:11px;}

    .hotelPic{ width:100%; padding-bottom:15px;}
    .hotelPic img{ margin:0 auto;}
    .hotelDesc{ width:100%; margin:0; }

    #table-room{ font-size:12px;}
    #table-room h4{ font-size:13px; font-weight:bold;}

    .td-airline{ width:40%;}
    .td-airline > img {display: block; height: auto; max-width: 100%;}
    .td-desc{ width:60%;}
    .td-desc .col{ width:100%;}

    .Top_header{ padding:10px;}
    .hotelFull .room-title{ padding:0; line-height:1;}
    .hotelFull .room-title h4{ line-height:1;}

    .postItem .postImg{ width:100%; padding-bottom:10px;}
    .postItem .postImg img{ width:100%;}
    .postItem .post-body{ margin:0;}

    .hotelName h3, .hotelName h3 a{ text-align:center; display:block;}
    .hotelFull .pItem{ width:50%;}
    #founded_List_Hotels_Room{ overflow:scroll; padding-bottom:18px;}

    #banner .item{ height:1000px !important;}

}

.englishText{text-align: left;direction: ltr;font-family: Fallback, sans-serif !important;}

#Fiter_Title{height:40px;}

.booking-info-border .lawFlightRow{padding:10px;}
.booking-info-border > .row{padding:0 20px}
.booking-info-border > .row:first-child{padding-top:10px;}
#SecoundLevel .entry-information .title-reserver span.number{display:inline-block;}
.booking-info-border .dateItem{ white-space:nowrap; }

#listPersion .selected{background-color:#ccc;}
.active-img{margin:20px;}
.modalrules {overflow-y: scroll;max-height: 400px;}
.contentmodal {background-color: #f8f9fb;}
.rulesHeader {text-align: center;background-color: #006dcc;color: white;}
.rulesClass {text-align: center;background-color: #d9d9d9;}

.menu-title{ color: red !important;font-weight: bold !important;}
.list-popup-cancelation .modal-content{padding:15px;}
.list-popup-cancelation .modal-content .form-horizontal{padding:20px;}
table{width:100%;}

.lawFlight.detail-Support {
    line-height: 24px;
    font-size: 12.5px;
    padding: 0;
    text-align: center;
    margin: 0 -4px;
    border: 0;
    box-shadow: 0;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.flightCartPg .lawFlight.detail-Support i {
    position: relative;
    top: 0;
}

.lawFlight.detail-Support .ltr span:last-child {
    font-size: 16px;
}

.lawFlight.detail-Support .ltr {
    background: #f0ebeb;
    padding: 2px 10px;
}

.sideFix{position: fixed;width: 262.5px;z-index: 10;top: 10px;}
@media only screen and (max-width : 1199px) {
.sideFix{width:212.5px;}
}
@media only screen and (max-width : 991px) {
.sideFix{width:720px;}
}
@media only screen and (max-width : 767px) {
.sideFix {width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
}
@media print {
    .ticket-body { background-color: #fff !important;}
}

.SubmitMassageAccount {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.footerLogo01 {
 background: #fff;
    padding: 5px;
   display:inline-block;
    width:100%;
    text-align: center;
}
.footerLogo01 li{width:20%;display: inline-block;}
.footerLogo02 {
    background: #fff;
    padding: 5px;
    text-align: center;
    display:inline-block;
    width:100%;
    margin-top:10px;
}
.footerLogo02 div{float:right;width:25%;padding:0 2%}
.btn-print-all{ 
    background: green;
    color: #fff;
    margin-top: 10px;
}

.print-buttons >button{ background: #ea4335;
    color: #fff;margin-bottom:15px}
.print-buttons >button:hover {
    background: #c10f00;color: #fff;
}
#readMore {
    margin-top: 60px !important;
    margin-right: 40%;
}
#tabs-5 {
    margin-left: 12px;
}

/* Bus Search : Start */
.bus-search-form .form-control{
    height: 40px !important;
}
.bus-search-form .rowSpc .col{
    width: 20%;
}

.bus_seat {
    background: #f3f3f3;
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 40px;
    line-height: 1.4;
}

    .bus_seat .seatWrap {
        background-color: #fff !important;
        position: relative;
        border: 1px solid #f7f7f7;
        border-left: none;
        border-radius: 5px;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        text-align: center;
        margin: auto;
        max-width: 650px;
    }

        .bus_seat .seatWrap .seats_selectable {
            display: inline-block;
            margin: auto;
            width: 90%;
        }

            .bus_seat .seatWrap .seats_selectable .front {
                position: absolute;
                left: -21px;
                width: 45px;
                height: 179px;
                background: url('/Content/User/Images/Bus/BusFront.png') 0 0 no-repeat;
                background-size: 60% 100%;
            }

            .bus_seat .seatWrap .seats_selectable > div:last-child {
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .bus_seat .seatWrap .seats_selectable ul {
                direction: ltr;
                overflow: hidden;
                margin: 2px;
                display: table;
                width: 100%;
            }

                .bus_seat .seatWrap .seats_selectable ul li {
                    cursor: pointer;
                    display: table-cell;
                    margin-right: 10px;
                    float: left;
                }

                    .bus_seat .seatWrap .seats_selectable ul li span {
                        display: block;
                        float: left;
                        width: 27px;
                        height: 27px;
                        margin: 3px 4px 0 0;
                        background-color: #fff;
                        border-radius: 5px !important;
                        font-size: 14px;
                        width: 27px;
                        height: 27px;
                        text-decoration: none;
                        padding-top: 3px;
                        border-radius: 5px;
                        margin-left: 5px;
                        margin-right: 5px;
                    }

                    .bus_seat .seatWrap .seats_selectable ul li.available span {
                        background-color: #fff;
                        border: 1px solid silver;
                        cursor: pointer;
                        color: #22819c;
                    }

    .bus_seat .legend ul {
        margin-top: 20px;
    }

        .bus_seat .legend ul li {
            margin-right: 20px;
            list-style-type: none;
            display: inline-block;
        }

    .bus_seat .legend div.seat {
        width: 22px;
        height: 22px;
        border-radius: 5px !important;
    }

    .bus_seat .legend p {
        text-align: right;
        color: #999;
        font-size: 12px;
        margin-right: 25px;
        margin-top: -20px;
        float: right;
    }

    .bus_seat .legend ul .seat.available, .bus_seat .seatWrap .seats_selectable ul li.available span {
        background-color: #fff;
        border: 1px solid silver;
        border-radius: 5px;
    }

    .bus_seat .legend ul .seat.green, .bus_seat .seatWrap .seats_selectable ul li.green span {
        background-color: #2ecc71;
        border: 1px solid #2ecc71;
        border-radius: 5px;
    }

    .bus_seat .legend ul .seat.gentleman, .bus_seat .seatWrap .seats_selectable ul li.gentleman span {
        background-color: #aee2fa;
        border: 1px solid #aee2fa;
        border-radius: 5px;
    }

    .bus_seat .legend ul .seat.ladies, .bus_seat .seatWrap .seats_selectable ul li.ladies span {
        background-color: #ffb2d3;
        border: 1px solid #ffb2d3;
        border-radius: 5px;
    }

.flight-item .bus_seat .seatWrap .seats_selectable ul li.available span, .flight-item .bus_seat .seatWrap .seats_selectable ul li {
    cursor: default;
}

/* Bus Search : End */
.bus-reserve-Pg {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .bus-reserve-Pg .detail-sidebar-border .bg-green {
        font-size: 16px;
        font-weight: bold;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    .bus-reserve-Pg .totalPrice {
        background: #27ae60;
        padding: 15px;
        color: #fff !important;
        text-align: center;
        font-size: 16px;
    }
        .bus-reserve-Pg .totalPrice .text-success {
            color: #fff !important;
        }

        .bus-reserve-Pg .totalPrice .amount {
            font-size: 22px;
        }
.sNetorkHome .whtasappIco {
    color: #339600;
}