@font-face {
    font-family: IRANSans-web;
    src: url("/fonts/IRANSans-web.eot");
    src: url("/fonts/IRANSans-web.eot?#iefix") format("embedded-opentype"), 
        url("/fonts/IRANSans-web.woff") format("woff"), url("/fonts/IRANSans-web.ttf") format("truetype");
    font-weight: normal;
}

/*@font-face {
    font-family: Sahel;
    src: url("/fonts/Sahel-Bold-FD.eot");
    src: url("/fonts/Sahel-Bold-FD.eot?#iefix") format("embedded-opentype"), url("/fonts/Sahel-Bold-FD.woff") format("woff"), url("/fonts/Sahel-Bold-FD.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: Sahel;
    src: url("/fonts/Sahel-Black-FD.eot");
    src: url("/fonts/Sahel-Black-FD.eot?#iefix") format("embedded-opentype"), url("/fonts/Sahel-Black-FD.woff") format("woff"), url("/fonts/Sahel-Black-FD.ttf") format("truetype");
    font-weight: 900;
}*/

/*
Theme Name: CITYTOURS 
Theme URI: http://www.ansonika.com/citytours/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

[Table of contents] 

1. SITE STRUCTURE and TYPOGRAPHY
- 1.1 Typography
- 1.2 Buttons
- 1.3 Structure

2. CONTENT
- 2.1 Home
- 2.2 All tours list / All tours grid
- 2.3 Single tour page
- 2.4 Cart - Payment - Confirmation
- 2.5 About
- 2.6 Contact us
- 2.7 Login / register
- 2.8 Tour guide page
- 2.9 Transfer
- 3.0 Hotel
- 3.1 Whishlist

3. COMMON
- Tooltips
- Containers styles
- Form styles
- Tabs, collapse
- etc

4. UPDATES 
- 4.1 Home 7
- 4.2 Faq
- 4.3 Pricing tables
- 4.4 Common

5. UPDATES  - Version 3
- 5.1 Ribbons css
- 5.2 Footers versions
- 5.3 Header versions
- 5.4 Gallery overlay
- 5.5 Map + infobox


/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

/*-------- Only fo the demo - menu colors bullets --------*/
i.color_1 {
    color: #e04f67;
}

i.color_2 {
    color: #1cbbb4;
}

i.color_3 {
    color: #82ca9c;
}

i.color_4 {
    color: #f7941d;
}

/*-------- Allert for old browsers IE8 and below --------*/
.chromeframe {
    background: #ddd;
    color: #000;
    padding: 0.2em;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    width: 100%;
}

    .chromeframe a {
        color: #ed1c24;
    }

/*-------- 1.1 Typography --------*/
body {
    background: #efefef /*#ebdfe9 change by p*/;
    font-size: 12px !important;
    line-height: 20px;
    font-family: "IRANSans-web", Tahoma, sans-serif !important;
    color: #000;
    -webkit-font-smoothing: antialiased;
    overflow-x:hidden; /*add by p*/
}

.waitmodal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .waitmodal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .waitmodal {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    color: #777;
    font-weight: bold;
    font-family: IRANSans-web !important;
}

h3 {
    font-size: 22px;
}

.main_title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

    .main_title h2 {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .main_title p {
        font-family: "Lato",Arial, sans-serif;
        font-weight: 300;
        font-size: 20px;
    }

h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #e04f67;
}

.box_style_1 h3.inner {
    /*margin: -30px -30px 20px -30px;*/
    background-color: #565a5c;
    padding: 10px 20px 10px 18px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    text-align: center;
    -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;
}

/*General links color*/
a {
    color: black;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
    cursor: pointer;
}

    a i.fa, a i.fas {
        font-size: 30px;
        color: #dcdcdc /*#50d925 change by p*/;
    }

        a i.fa:hover, a i.fas:hover {
            color: #764d89
        }

        .top-icons-parent li.active a i.fa-plane {
            -webkit-text-stroke: 2px #91b754 /*#50da25 change by p*/;
        }

.plan_Strok {
    /*-webkit-text-stroke: 2px white;*/
    font-size: 30px;
    transform: rotate(-45deg);
}





li.active a i.fa,
li.active a i.fas {
    color: #91b754;
}

.submenu a:hover, .submenu a:focus {
    /*color: #FFF !important;
        background: #e34f4f;*/
    color: #ddd;
    text-decoration: none;
    outline: none;
}

.filter_type label {
    white-space: inherit;
}

a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

p {
    line-height: 2;
    text-align: justify;
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
}

/*-------- 1.2 Buttons --------*/
a.button_intro, .button_intro {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff !important;
    background: #e04f67;
    cursor: pointer;
    padding: 8px 25px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 150px;
}

    a.button_intro:hover, .button_intro:hover {
        background: #fff;
        color: #e04f67 !important;
    }

    a.button_intro.outilne, .button_intro.outline {
        border: 2px solid #fff;
        color: #fff;
        background: none;
        padding: 6px 23px;
    }

    a.button_intro:hover, .button_intro:hover {
        background: #fff;
        color: #e04f67;
    }

a.button_drop, .button_drop {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #91b754 !important;
    background: #ededed;
    cursor: pointer;
    padding: 5px 15px !important;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    /*font-weight: bold !important; by p*/
    width: 49%;
}

    a.button_drop.outilne, .button_drop.outline {
        border: 2px solid #ededed;
        color: #e04f67;
        background: none;
        padding: 3px 23px !important;
    }

    a.button_drop:hover, .button_drop:hover {
        background: #ededed;
        color: #333;
    }

    a.button_drop.outline:hover, .button_drop.outline:hover {
        background: #ededed;
        color: #333;
        border: 2px solid #ededed;
    }

@media (max-width: 767.98px) {
    a.btn_1, .btn_1 {
        display: inline-block !important;
    }

    .currency-unit {
        float: none !important;
    }

    .collapsible {
        margin-right: 0 !important;
    }
}

a.btn_1, .btn_1 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #91b754 /*#50d925 change by p*/;
    cursor: pointer;
    padding: 12px;
    display: inline-block;
    outline: none;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    /* font-weight: bold;*/
    white-space: nowrap;
    display: block;
    /*width: 30%;*/
    /*margin: 30px auto;*/
}
/*/////////////////////$$$$$$( btn_2 )$$$$$$$///////////////////////////*/
a.btn_2, .btn_2 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #91b754 /*#50d925 change by p*/;
    cursor: pointer;
    /*margin-top: 16px;*/
    padding: 6px 25px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    /* font-weight: bold;*/
    white-space: nowrap;
    display: block;
    width: fit-content;
    /*margin: 30px auto;*/
}

    a.btn_2.green, .btn_2.green {
        background: #91b754 /*#50d925 change by p*/;
        top: -5px;
    }

    a.btn_2:hover, .btn_2:hover {
        background: #81629e;
    }



/*///////////////////// end $$$$$$( btn_3 )$$$$$$$///////////////////////////*/
/*/////////////////////$$$$$$( btn_3 )$$$$$$$///////////////////////////*/
a.btn_3, .btn_3 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #91b754 /*#50d925 change by p*/;
    cursor: pointer;
    /*margin-left:20px;*/
    margin-top: 14px;
    padding: 4px 2px;
    display: inline-block;
    outline: none;
    font-size: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    /* font-weight: bold;*/
    white-space: nowrap;
    display: block;
    width: fit-content;
    /*margin: 30px auto;*/
}

    a.btn_3.green, .btn_3.green {
        background: #91b754 /*#50d925 change by p*/;
        top: -5px;
    }

    a.btn_3:hover, .btn_3:hover {
        background: #81629e;
    }



/*///////////////////// end $$$$$$( btn_3 )$$$$$$$///////////////////////////*/
/*/////////////////////$$$$$$( btn_3 )$$$$$$$///////////////////////////*/
a.btn_4, .btn_4 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #81629e;
    /*margin-left: 20px;
    margin-top: 14px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding: 1px 9px;
    display: inline-block;
    outline: none;
    font-size: 7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    /* font-weight: bold;*/
    white-space: nowrap;
    display: block;
    width: fit-content;
    /*margin: 30px auto;*/
}

    a.btn_4.green, .btn_4.green {
        background: #91b754 /*#50d925 change by p*/;
        top: -5px;
    }

    a.btn_4:hover, .btn_4:hover {
        background: #81629e;
    }



/*///////////////////// end $$$$$$( btn_3 )$$$$$$$///////////////////////////*/
/*/////////////////////$$$$$$( btn_3 )$$$$$$$///////////////////////////*/
a.btn_5, .btn_5 {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #91b754 /*#50d925 change by p*/;
    cursor: pointer;
    /*margin-left:20px;
        margin-top: 14px;
    */
    padding: 20px 35px;
    display: inline-block;
    outline: none;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    text-transform: uppercase;
    /* font-weight: bold;*/
    white-space: nowrap;
    display: block;
    width: fit-content;
    margin: 10px auto;
}

    a.btn_5.green, .btn_5.green {
        background: #91b754 /*#50d925 change by p*/;
        top: -5px;
    }

    a.btn_5:hover, .btn_5:hover {
        background: #81629e;
    }



/*///////////////////// end $$$$$$( btn_3 )$$$$$$$///////////////////////////*/

a.btn_1.green, .btn_1.green {
    background: #91b754 /*#50d925 change by p*/;
    top: -5px;
}

.air-astana {
    position: absolute;
    top: -8px;
}

a.btn_1.white, .btn_1.white {
    background: #fff;
    color: #e04f67;
}

    a.btn_1.white:hover, .btn_1.white a:hover {
        background: #333;
        color: #fff;
    }

a.btn_1.outline, .btn_1.outiline, input .btn_1.outiline {
    color: #555;
    background: none;
    border: 2px solid #555;
    padding: 5px 18px;
}

    a.btn_1.outline:hover, .btn_1.outiline:hover, input .btn_1.outiline:hover {
        color: #fff;
        background: #e04f67;
        border: 2px solid #e04f67;
    }

a.btn_1.medium, .btn_1.medium {
    padding: 10px 25px;
    font-size: 14px;
}

a.btn_1.small, .btn_1.small {
    padding: 5px 8px;
    font-size: 10px;
    line-height: 9px;
    text-transform: none;
    color: #fff !important;
}

a.btn_1:hover:enabled, .btn_1:hover:enabled {
    background: #81629e;
}

a.btn_1:disabled, .btn_1:disabled {
    background: #999;
    cursor:not-allowed;
}


a.bt_facebook {
    color: #fff !important;
    background: #337ab7;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 10px 5px;
    border: none;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.bt_paypal {
    color: #fff !important;
    padding: 10px 8px;
    background: #5bc0de;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: none;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.btn_map {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #81629e;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
}

    a.btn_map:hover {
        background: #333;
    }

a.btn_full, .btn_full {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    width: 100%;
    background: #91b754;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

    a.btn_full:hover, .btn_full:hover {
        background: #81629e;
    }

a.btn_full_outline {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #85c99d;
    background: none;
    border: 2px solid #85c99d;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
}

    a.btn_full_outline:hover {
        border: 2px solid #333;
        color: #333;
    }


/*-------- 1.3 Structure --------*/

/* Header */
#logo {
    margin-top: 10px;
}

header {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    padding: 10px 0;
    
}

    header#plain {
        background-color: rgba(82, 38, 124, 0.7) /*#a62a90 - change by p*/;
    }

    header.sticky {
        background-color:#ddd;
    }

    header #logo .logo_sticky {
        display: none;
    }

    header.sticky #logo .logo_normal {
        display: none;
    }

    header.sticky #logo .logo_sticky {
        display: block;
    }

    header.sticky #top_line {
/*        height: 0;          
        overflow: hidden;
        padding: 0;
      opacity: 0;    by p*/
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
    }

    header.sticky {
        -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        background-color: #fff;
        padding-bottom: 0;
    }

/* logo home with h1 */
#logo_home h1 {
    margin: 10px 0 0 0;
    padding: 0;
    background-size: contain !important;
 }

    #logo_home h1 a, header.sticky #logo_home h1 a, header#plain #logo_home h1 a, header#colored #logo_home h1 a {
        width: 160px;
        height: 60px;
        display: block;
        /*margin-left: 16px;*/
        background-image: url(/img/logo.png);
        background-repeat: no-repeat;
        background-position: right top;
        /*background-size: 160px 34px; change by p*/
        text-indent: -9999px;
        background-size: contain !important;
    }


header.sticky #logo_home h1 {
    /* margin: 0 0 10px 0;*/
    padding: 0;
}

    header.sticky #logo_home h1 a {
        background-image: url(/img/logo_sticky.png);
    }

header#plain #logo_home h1 a {
    /*background-image: url(/img/logo_sticky_fa.png);*/
}

header.sticky#colored #logo_home h1 a {
    background-image: url(/img/logo_sticky_colored.png);
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    #logo_home h1 a, header#colored #logo_home h1 a {
        background-image: url(/img/logo_2x.png);
        background-size: 160px 34px;
    }

    header.sticky #logo_home h1 a, header#plain #logo_home h1 a {
        background-image: url(/img/logo_sticky_2x.png);
        background-size: 160px 34px;
    }

    header.sticky#colored #logo_home h1 a {
        background-image: url(/img/logo_sticky_colored_2x.png);
        background-size: 160px 34px;
    }
}



nav {
    margin-top: -5px !important;
}

.sticky nav {
    margin-top: -16px;
}

.sticky #logo {
    margin-top: 0;
    margin-bottom: 10px;
}

ul#top_tools {
    list-style: none;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 999;
}

    ul#top_tools a {
        color: #fff;
    }

.sticky ul#top_tools a {
    color: #333;
}

ul#top_tools li {
    display: inline-block;
    padding: 0 10px;
}

#top_line {
    color: #fff;
    height: 28px;
    font-size: 12px;
    /*border-bottom: 1px solid rgba(255,255,255,0.2); deactive by p*/
    font-size: 11px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 5px;
    position: relative;
    z-index: 999999;
}

ul#top_links {
    z-index: 1; /*change by p -1*/
    list-style: none;
    /*margin: 10px 0 0 0;*/
    padding: 0;
    /*float: left;*/
    white-space: nowrap;
    position: absolute;
    /*left: 60px;*/
    top: 3px;
}

#top_links button {
    border: none;
    background: none;
}

a#access_link, a#wishlist_link {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

#access_link:before, #wishlist_link:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

#wishlist_link:before {
    content: "\ec5e";
}

#access_link:before {
    content: "\e97f";
}

ul#top_links li {
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3); /*add by p*/
    margin-left: 5px;
    padding-right: 8px;
    padding-left: 8px; /*add by p*/
}

/*add by p*/
.sticky ul#top_links li {
    border-right: 1px solid rgba(82,82,82,0.3) !important;
    border-left: 1px solid rgba(82,82,82,0.3) !important;
}
/*add by p*/
.sticky ul#top_links li:first-child{
    border-right: none !important;
    border-left: none !important;
}

ul#top_links li:first-child {
    border-left: none;
    padding-left: 0;
}

ul#top_links a {
    color: #fff;
}

    /*ul#top_links a:hover {
        color: #50da25;
    }*/

.sticky ul#top_links a {
    color: #1e1923;
}
/* Header  plain*/
header#plain {
    background-color: rgba(82, 38, 124, 0.7) /*#a62a90 change by p*/;
    box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 41%);
    padding-bottom: 0;
    height: 100px;
}

    header#plain.sticky {
        -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
    }

.logo_normal{
    width: 100px;
}
header#plain.sticky #logo .logo_normal {
    display: none;
}

        header#plain.sticky #logo .logo_sticky {
            display: block;
        }

    header#plain #top_line {
        /*color: #888;*/
        /*border-bottom: 1px solid rgba(0,0,0,0.1);  deactive by p*/
    }

ul#top_links li {
    border-right: 1px solid rgba(255,255,255,0.3);
}

    ul#top_links li:first-child {
        border-right: none;
    }

ul#top_tools a {
    color: #333;
}

ul#top_links a {
    /*color: #888;*/
}

ul#top_links :hover a {
    /*color: #333;*/
}

.subheader_plain {
    margin-top: 60px;
}

/* Header  colored*/
header#colored.sticky {
    background-color: #e04f67;
    padding-bottom: 0;
    border-bottom: 2px solid #e04f67;
}

    header#colored.sticky ul#top_tools a {
        color: #fff;
    }

/* Drop down cart / login / search  */
.dropdown.dropdown-search, .dropdown.dropdown-cart {
    float: left;
    font-size: 13px !important;
}

    .dropdown.dropdown-cart a.dropdown-toggle {
        white-space: nowrap;
    }

.dropdown-cart .dropdown-menu, .dropdown-access .dropdown-menu, .dropdown-search .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
    right: auto;
    min-width: 0;
    padding: 15px;
    left: 0;
    width: 250px;
    top: 100%;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    text-transform: none !important;
    border-top: 2px solid #91b754;
}

    .dropdown-cart .dropdown-menu:before, .dropdown-access .dropdown-menu:before, .dropdown-search .dropdown-menu:before {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #91b754;
        border-width: 7px;
        margin-right: -7px;
    }

.dropdown-menu {
    margin-top: 14px;
}

ul#cart_items {
    padding: 5px 0 0 0;
    list-style: none;
}

    ul#cart_items li {
        border-bottom: 1px solid #ededed;
        position: relative;
        margin: 0;
        padding: 5px 10px;
        padding-bottom: 10px;
        width: 100%;
        clear: both;
    }

        ul#cart_items li .image {
            border: 1px solid #ddd;
            overflow: hidden;
            width: 50px;
            height: 50px;
            float: right;
            margin-left: 10px;
        }

            ul#cart_items li .image img {
                padding: 1px;
                width: 48px;
                height: auto;
            }

        ul#cart_items li strong {
            font-weight: normal;
            float: right;
            color: #999;
            margin-top: 10px;
            float: right;
            width: 150px;
            line-height: 14px;
        }

            ul#cart_items li strong > a {
                color: #333;
                display: block;
            }

                ul#cart_items li strong > a:hover {
                    color: #e04f67;
                }

        ul#cart_items li a.action {
            color: #999;
            position: absolute;
            font-size: 14px;
            left: 10px;
            top: 0;
            width: 15px;
            height: 15px;
        }

            ul#cart_items li a.action:hover {
                color: #333;
                background: none;
            }

        ul#cart_items li:last-child div {
            color: #999;
            text-align: right;
            font-size: 14px;
            padding: 10px 0 15px 0;
            display: block;
        }

        ul#cart_items li:last-child span {
            color: #333;
            font-weight: bold;
            font-size: 16px;
        }

.dropdown-cart .dropdown-menu a.button_drop {
    display: inline-block;
}

.dropdown- .dropdown-menu {
    margin-top: 7px;
}

.login-or {
    position: relative;
    font-size: 16px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.span-or {
    display: block;
    top: 2px;
    background-color: #fff;
    text-align: center;
}

.hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

a#forgot_pw {
   /* color: #999 !important;
    font-size: 11px;
    padding: 0;
    margin: -5px 0 10px 0;
    display: block;*/
}

    a#forgot_pw:hover {
        color: #333 !important;
    }

.dropdown-search .dropdown-menu {
    margin-top: 15px;
    left: -25px;
}

.input-group button {
    background-color: #333;
    color: #fff;
    border-color: #333;
}

    .input-group button:hover, .input-group button:focus {
        background-color: #e04f67;
        color: #fff;
        border-color: #e04f67;
    }

/* Footer  */
footer {
    /*background: #1e1923 url(/img/pattern.png) repeat 0 0; deactive by p*/
    color: #fff;
    padding: 30px 0 10px 0;
}

    footer h3 {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }

    footer a {
        color: #fff;
    }

        footer a:hover {
            color: #999;
        }

    footer ul {
        margin: 0;
        padding: 0 0 20px 0;
        list-style: none;
    }

#social_footer {
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 30px;
    margin-top: 30px;
}

    #social_footer p {
        font-size: 12px;
        color: #8c8c8c;
    }

    #social_footer ul {
        margin: 0;
        padding: 0 0 10px 0;
        text-align: center;
    }

        #social_footer ul li {
            display: inline-block;
            margin: 0 5px 10px 5px;
        }

            #social_footer ul li a {
                color: #fff;
                text-align: center;
                line-height: 34px;
                display: block;
                font-size: 16px;
                width: 35px;
                height: 35px;
                border: 1px solid rgba(255,255,255,0.3);
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
            }

                #social_footer ul li a:hover {
                    border: 1px solid #fff;
                    background: #fff;
                    color: #111;
                }

a#phone, a#email_footer {
    display: block;
    position: relative;
    color: #fdf7ac;
    font-size: 16px;
    padding-right: 40px;
    margin: 20px 0;
}

    a#phone:hover, a#email_footer:hover {
        color: #fff;
    }

    a#phone:before, a#email_footer:before {
        font-style: normal;
        font-weight: normal;
        font-family: "icon_set_1";
        position: absolute;
    }

    a#phone:before {
        font-size: 30px;
        content: "\79";
        right: 0;
        top: 0;
    }

    a#email_footer:before {
        font-size: 28px;
        content: "\74";
        right: 0;
        top: 5px;
    }

/*============================================================================================*/
/* 2.  CONTENT  */
/*============================================================================================*/
/*-------- 2.1 Home --------*/
.feature_home {
    padding: 30px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    text-align: center;
}

    .feature_home h3 {
        font-size: 20px;
    }

    .feature_home i {
        margin: auto;
        margin-bottom: 20px;
        display: block;
        width: 120px;
        height: 120px;
        line-height: 110px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 62px;
        color: #6dcff6;
    }

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

    .other_tours ul li a {
        border-bottom: 1px solid #ededed;
        padding: 5px 0 10px 0;
        display: block;
        color: #333;
    }

        .other_tours ul li a:hover {
            background-color: #f9f9f9;
            color: #e04f67;
        }

    .other_tours ul li:last-child a {
        border-bottom: none;
    }

    .other_tours ul li a i {
        font-size: 22px;
        margin-right: 5px;
        margin-left: 2px;
        position: relative;
        top: 5px;
        color: #555;
    }

.other_tours_price {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    color: #888;
}

/* Home 2 */
#hero {
    position: relative;
    height: 600px;
    background: #4d536d url(/img/slide_hero.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    z-index: 99;
    text-align: center;
    text-transform: uppercase;
}

.intro_title {
    display: table-cell;
    vertical-align: middle;
}

    .intro_title h3 {
        font-size: 45px;
        margin-bottom: 5px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

        .intro_title h3 strong span {
            color: #fff;
        }

    .intro_title h1 {
        font-size: 45px;
        margin-bottom: 5px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

    /* New v1.2*/
    .intro_title.error h1 {
        font-size: 130px;
    }

/* Home 3 */
.header-video {
    position: relative;
    overflow: hidden;
    background: #4d536d url(/img/slide_hero.jpg) no-repeat center center;
    background-size: cover;
}

#hero_video {
    position: relative;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    height: 100%;
    z-index: 99;
    text-align: center;
    text-transform: uppercase;
}

    #hero_video a.video {
        display: none;
    }

iframe, video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

iframe {
    height: 100%;
    width: 100%;
}

video {
    width: 100%;
}

.teaser-video {
    width: 100%;
    height: auto;
}

.header-video--media {
    width: 100%;
    height: auto;
}

/* Home 5 */
#search_bar_container {
    background: #333;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.search_bar {
    position: relative;
    width: 80%;
    margin: auto;
}

#nav-search-in {
    display: inline-block;
    height: 45px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: #6ccef5;
}

    #nav-search-in #nav-search-in-content {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        height: 45px;
        line-height: 35px;
        margin: 5px 65px 0 20px;
        text-indent: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60px;
        overflow: visible;
    }

    #nav-search-in.nav-facade-active .nav-down-arrow {
        display: inline-block;
        right: 15px;
        top: 20px;
        background: url(/img/arrow_down_2.png);
        height: 6px;
        width: 10px;
        position: absolute;
    }

.nav-facade-active #searchDropdownBox {
    cursor: pointer;
    height: 45px;
    left: 15px;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto;
}

#searchDropdownBox {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    color: black;
    font-family: "arial","sans-serif";
    left: 5px;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100px;
}

.nav-searchfield-outer {
    border: none;
    background: #fff;
    color: #ccc;
    display: block;
    font-size: 15px;
    left: 0;
    padding: 5px;
    position: relative;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    height: 45px;
    font-weight: 600;
    margin-top: 1px;
}

#twotabsearchtextbox {
    background: #FFF;
    width: 100%;
    border: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 30px;
    padding: 3px 0 0 150px;
    outline: none;
    font-weight: bold;
}

.nav-submit-button {
    background: #fff url(/img/search-bt.png) no-repeat center center;
    border: none;
    cursor: pointer;
    display: block;
    height: 45px;
    right: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 40px;
}

    .nav-submit-button .nav-submit-input {
        background: #fff;
        border: medium none;
        color: white;
        cursor: pointer;
    }

/*-------- 2.2 All tours list / All tours grid --------*/
.box_style_cat {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}

ul#cat_nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#cat_nav li {
        border-bottom: 1px solid #ddd;
    }

        ul#cat_nav li a {
            position: relative;
            color: #777;
        }

            ul#cat_nav li a span {
                font-size: 11px;
                color: #999;
            }

            ul#cat_nav li a:after {
                font-family: "fontello";
                content: "\e9ed";
                position: absolute;
                left: 15px;
                top: 15px;
            }

        ul#cat_nav li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active {
            -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;
        }

        ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active {
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        ul#cat_nav li a {
            display: block;
            padding: 15px 10px;
        }

            ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {
                background: #f9f9f9;
                color: #111;
            }

    ul#cat_nav i {
        font-size: 22px;
        margin-left: 5px;
        float: right;
    }

#tools {
    /*background: #eee;*/
    padding: 5px;
    /*margin-bottom: 10px;*/
}

    #tools .text-right {
        text-align: left;
    }

#tools_room {
    /*background: #eee;*/
    padding: 5px;
    /*margin-bottom: 10px;*/
}

    #tools_room .text-right {
        text-align: left;
    }


/* Map */
.marker_info {
    width: 280px;
    height: 320px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Montserrat", Arial, sans-serif;
}

    .marker_info img {
        display: block;
        -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;
    }

    .marker_info h3 {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .marker_info span {
        display: block;
        padding: 0px 20px;
        font-size: 12px;
        line-height: 16px;
        color: #7a7f82;
        margin-bottom: 15px;
    }

    .marker_info:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-right-color: rgba(255, 255, 255, 0.9);
        border-width: 10px;
        margin-top: -10px;
    }

.strip_all_tour_list {
    margin-bottom: 10px;
    background-color: #fff;
    color: #777;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .strip_all_tour_list h3 {
        text-transform: uppercase;
    }

.tour_list_desc .rating {
    margin: 15px 0 3px -3px;
    font-size: 15px;
}

.img_list {
    overflow: hidden;
    min-height: 220px;
    text-align: center;
    position: relative;
}

    .img_list img {
        width: auto;
        height: 220px;
        position: absolute;
        right: -10%;
    }

    .img_list a img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    .img_list a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .img_list .short_info {
        padding: 5px 5px 5px 5px;
        text-align: left;
        min-height: 38px;
    }

.price-col {
    border-right: 1px solid #c7d0d9;
    padding-right: 0;
}

.price_list .button {
    display: block;
}

.tour-type {
    text-align: center;
    padding: 9px 0;
}

    .tour-type span {
        display: block;
        text-align: center;
    }

.price-tour {
    margin: 20px 0;
}

    .price-tour span {
        font-size: 12px;
        color: #444;
    }

.tour-days {
    line-height: 18px;
    text-align: center;
    border-top: 1px solid #c7d0d9;
    border-bottom: 1px solid #c7d0d9;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .tour-days h3 {
        margin-top: 0;
        color: #aaa;
    }

.tour_list_desc {
    /*padding: 10px 0 0 20px;*/
    height: 220px;
    line-height: 17px;
}

.flight_list {
    padding: 20px 0 0 20px;
    /* height: 220px;*/
    line-height: 17px;
}

.capacity-tours {
    margin-top: 5px;
    border-top: 1px solid #ddd;
    padding-top: 4px;
    font-size: 14px;
    color: #e04f67;
}

.tour_list_desc h3 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
.tour_list_desc h4 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 10px;
}
.tour_list_desc h5 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.tour-members {
    padding-top: 6px;
    margin-top: 6px;
    /*border-top: 1px solid #ddd;*/
}

.more-info {
    display: block;
    text-align: center;
}

.price_list {
    display: table;
    /* height: 220px;*/
    font-size: 21px;
    color: #51984e;
    width: 100%;
    margin-right: -50px;
}

.img-tour-col {
    padding-left: 5px;
    border-left: 1px solid #ddd;
}

.price_list small {
    font-size: 11px;
    color: #999;
    display: block;
    margin-bottom: 10px;
    line-height: 12px;
}

.price_list div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .price_list div.bus {
        display: block;
        vertical-align: middle;
        text-align: center;
    }

.price_list p {
    padding: 0;
    margin: 0;
}

.price_list .normal_price_list {
    display: block;
    text-decoration: line-through;
    color: #e04f67;
    font-size: 17px;
    margin-top: 10px;
}

.currency-unit {
    float: right;
    font-size: 16px;
    margin: 4px;
}

.price_list sup {
    font-size: 14px;
    position: relative;
    top: 0px;
}

ul.add_info {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

    ul.add_info li {
        display: inline-block;
        margin-right: 5px;
        /*border: 1px solid #ededed;*/
        text-align: center;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        ul.add_info li a {
            color: #555;
            width: 35px;
            height: 35px;
            display: block;
        }

        ul.add_info li i {
            display: inline-block;
            font-size: 22px;
            top: 6px;
            position: relative;
        }

#filters_col {
    background-color: #fff;
    padding: 10px 18px 10px 12px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*margin-bottom: 25px;*/
}

    #filters_col label {
        color: #999;
        font-weight: normal;
    }

a#filters_col_bt {
    display: block;
    color: #888;
}

    a#filters_col_bt .icon_set_1_icon-65 {
        font-size: 20px;
        position: relative;
        top: 0;
        margin-right: 5px;
    }

#filters_col .pull-right {
    float: left !important;
}

.filter_type h6 {
    border-top: 1px solid #ddd;
    margin: 15px 0;
    padding: 15px 0 0 0;
}

.filter_type ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}

    .filter_type ul li .rating {
        font-size: 16px;
        right: -7px;
        position: relative;
        top: 3px;
        white-space: nowrap;
    }

/*-------- 2.3 Single tour page --------*/
#Img_carousel .sp-selected-thumbnail {
    border-bottom: 2px solid #e04f67;
}

.parallax-content-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    padding: 18px 0 20px 0;
    color: #fff;
    font-size: 13px;
    background: url(/img/shadow_single.png) repeat-x bottom left;
    width: 100%;
}

    .parallax-content-2 div h1 {
        font-size: 36px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        margin: 0;
    }

    .parallax-content-2 .rating {
        font-size: 14px;
    }

#price_single_main {
    text-align: left;
    padding-top: 25px;
    font-weight: normal;
}

    #price_single_main span {
        font-size: 60px;
        color: #3CF;
    }

    #price_single_main sup {
        font-size: 22px;
        position: relative;
        top: -25px;
    }

#price_single {
    background-color: #e74c3c;
    color: #fff;
    font-size: 36px;
    margin: -15px;
    padding: 20px 15px 10px 15px;
    -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;
    margin-bottom: 15px;
}

    #price_single small {
        font-size: 12px;
    }

#single_tour_feat ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    border-bottom: 2px solid #555;
    margin-bottom: 30px;
}

    #single_tour_feat ul li {
        display: table-cell;
        width: 1%;
        vertical-align: middle;
        text-align: center;
        padding: 0 10px 20px 10px;
        white-space: nowrap;
    }

        #single_tour_feat ul li:last-child {
            margin-right: 0;
        }

        #single_tour_feat ul li i {
            font-size: 36px;
            display: block;
            margin-bottom: 10px;
        }

#single_tour_desc h3 {
    font-size: 22px;
    margin-top: 5px;
}

#single_tour_desc h4 {
    line-height: 20px;
    font-size: 15px;
    font-weight: 200;
}


#map {
    width: 100%;
    height: 450px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.table.table_summary td {
    border-top: 1px solid #ededed;
    width: 50%;
}

.table.table_summary .text-right {
    text-align: left;
}

.table.table_summary tr.total {
    color: #e04f67;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.review_strip_single {
    position: relative;
    padding: 30px 0 20px 0;
    margin: 30px 0 25px 0;
    border-bottom: 1px solid #ddd;
}

    .review_strip_single.last {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .review_strip_single img {
        top: -15px;
        position: absolute;
        left: 0;
        border: 4px solid #fff;
    }

    .review_strip_single h4 {
        font-size: 18px;
        margin: -12px 0 35px 90px;
        padding: 0;
    }

    .review_strip_single small {
        float: right;
        font-size: 12px;
        margin-top: -10px;
        font-style: italic;
    }

    .review_strip_single .rating {
        font-size: 16px;
    }

.normal_price_single {
    font-size: 18px;
    text-decoration: line-through;
}

.price_in {
    font-size: 42px;
    color: #e74c3c;
    border-bottom: 1px solid #ededed;
    text-align: center;
    padding-top: 30px;
    background-color: #fff8e5;
    margin: -20px -20px 20px -20px;
}

    .price_in small {
        font-size: 11px;
        color: #999;
        display: block;
        margin-bottom: 20px;
        margin-top: 4px;
    }

    .price_in p {
        padding: 0;
        margin: 0;
    }

.normal_price_in {
    display: block;
    text-decoration: line-through;
    color: #999;
    font-size: 20px;
    margin-top: 10px;
}

.price_in sup {
    font-size: 22px;
    position: relative;
    top: -10px;
}

.table.options_booking td i {
    font-size: 26px;
}

.table.options_booking td {
    vertical-align: middle;
}
/*Update version 1.1*/
#general_rating {
    font-size: 18px;
    margin: 10px 0 20px 0;
}

    #general_rating .rating {
        display: inline;
    }

#rating_summary ul {
    list-style: none;
    margin: 0 0 -5px 0;
    padding: 0;
}

    #rating_summary ul li {
        margin-bottom: 5px;
    }

        #rating_summary ul li .rating {
            display: inline-block;
            font-size: 14px;
            float: right;
        }
/*End Update version 1.1*/

/*-------- 2.4 Cart - Payment - Confirmation --------*/
#hero_2 {
    position: relative;
    height: 470px;
    background: #4d536d url(/img/slide_hero_2.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    text-align: center;
}

    #hero_2.restaurant_bg {
        background: #4d536d url(/img/restaurant_top_in.jpg) no-repeat center center;
        background-size: cover;
    }

    #hero_2 .intro_title h1 {
        font-size: 38px;
        margin-bottom: 15px;
    }

        #hero_2 .intro_title h1:before, #hero_2 .intro_title h1:after {
            display: inline-block;
            width: 60px;
            height: 1px;
            content: '';
            vertical-align: middle;
            background: rgba(255,255,255,0.5);
        }

        #hero_2 .intro_title h1:before {
            margin-right: 10px;
        }

        #hero_2 .intro_title h1:after {
            margin-left: 10px;
        }


.bs-wizard {
    width: 90%;
    margin: auto;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #fbe8aa;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #e04f67;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 23px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #fbe8aa;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            right: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

.form_title {
    position: relative;
    padding-right: 55px;
    margin-bottom: 10px;
}

    .form_title h3 strong {
        background-color: #e04f67;
        text-align: center;
        width: 40px;
        height: 40px;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        font-size: 18px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
    }

    .form_title h3 {
        margin: 0;
        padding: 0;
    }

    .form_title p {
        color: #999;
        margin: 0;
        padding: 0;
        font-size: 12px;
        line-height: 14px;
    }

.step {
    border-right: 1px solid #ddd;
    padding: 20px 31px 20px 0;
    margin: 0 20px 10px 0;
}

.cards {
    margin-top: 18px;
}

.table {
    border-bottom: 1px solid #ddd;
}

    .table.options_cart td i {
        font-size: 38px;
    }

    .table.cart-list th, .table.options_cart th {
        background-color: #fff;
        text-transform: uppercase;
    }

    .table.cart-list td {
        vertical-align: middle;
    }

    .table.options_cart td {
        vertical-align: middle;
    }

.numbers-row,.numbers-row2 {
    position: relative;
    width: 100%;
    height: 30px;
    overflow: visible;
    margin-right: 6%;
}

    .numbers-row.list, .numbers-row2.list {
        margin: auto;
        margin-bottom: 5px;
        margin-top: 15px;
    }



input.qty2 {
    position: relative;
    width: 50%;
    height: 40px;
    border-radius: none;
    text-align: center;
    right: 20%;
    font-size: 12px;
    padding: 5px;
}

.button_inc {
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    width: 30%;
    height: 40px;
    z-index: 9
}

.dec {
    background: #fff url(/img/minus.png) no-repeat center center;
    border: 1px solid #cccccc;
    left: 13%;
    top: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.inc {
    background: #fff url(/img/plus.png) no-repeat center center;
    right: 0;
    top: 0;
    border: 1px solid #cccccc;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#total {
    text-align: right;
    margin-top: 20px;
}

    #total h3 {
        font-size: 26px;
        line-height: 26px;
        padding: 0;
        font-weight: bold;
        display: block;
        margin: 0 0 10px 0;
    }

.options i {
    font-size: 22px;
}

.thumb_cart {
    border: 1px solid #ddd;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-left: 10px;
    float: right;
}

    .thumb_cart img {
        padding: 1px;
        width: 58px;
        height: auto;
    }

.item_cart {
    display: inline-block;
    margin-top: 20px;
}

.table.confirm th {
    text-transform: uppercase;
}

.table.confirm td {
    width: 50%;
}

#policy {
    padding: 10px 0 0 50px;
}

/*-------- 2.5 About --------*/
.feature {
    padding: 30px 30px 20px 120px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

    .feature i {
        margin: 0;
        position: absolute;
        top: 30px;
        left: 30px;
        padding: 0;
        margin: 0;
        width: 65px;
        height: 65px;
        line-height: 60px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 34px;
        color: #6dcff6;
    }

.features-bg {
    position: relative;
    min-height: 400px;
    background: url(/img/features-intro-01.jpg) no-repeat center center;
    background-size: cover;
}

.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}

.features-content {
    position: relative;
    padding: 11% 100px 10% 100px;
    height: 400px;
    background-color: #e04f67;
    color: #fff;
    font-size: 14px;
}

    .features-content h3 {
        font-family: IRANSansWeb, cursive;
        color: #fff;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
    }

.review_strip {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 30px 20px 20px 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

    .review_strip img {
        top: -15px;
        position: absolute;
        left: 25px;
        border: 4px solid #fff;
    }

    .review_strip h4 {
        font-size: 18px;
        margin: -10px 0 35px 80px;
        padding: 0;
    }

    .review_strip p {
        margin-bottom: 10px;
    }

    .review_strip .rating {
        font-size: 16px;
    }

.rating {
    font-size: 18px;
}

    .rating small {
        font-size: 12px;
        color: #CCC;
    }

    .rating .voted {
        color: #F90;
    }


/*-------- 2.6 Contact us --------*/
#map_contact {
    width: 100%;
    height: 450px;
}

#directions {
    background-color: #e04f67;
    padding: 22px 0;
}

ul#contact-info {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

.tape {
    position: absolute;
    left: 0;
    top: -20px;
    height: 45px;
    width: 100%;
    background: url(/img/tape.png) no-repeat center top;
    display: block;
}

.loader {
    margin-left: 5px;
    position: absolute;
}

.error_message {
    color: #F33;
    font-weight: 600;
    margin-bottom: 4px;
}

/*-------- 2.7 Login --------*/
#hero.login {
    height: auto;
    display: block;
    text-transform: none;
    font-size: 12px;
    background: url(/images/Turkey-01.jpg) no-repeat center center;
    background-size: cover;
}

#login {
    margin: 170px 0 60px;
    color: #333;
    text-align: left;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    padding: 30px;
}

#pass-info {
    width: 98.5%;
    margin-bottom: 15px;
    color: #829CBD;
    text-align: center;
    font: 12px/25px Arial, Helvetica, sans-serif;
}

    #pass-info.weakpass {
        border: 1px solid #FF9191;
        background: #FFC7C7;
        color: #94546E;
        text-shadow: 1px 1px 1px #FFF;
    }

    #pass-info.stillweakpass {
        border: 1px solid #FBB;
        background: #FDD;
        color: #945870;
        text-shadow: 1px 1px 1px #FFF;
    }

    #pass-info.goodpass {
        border: 1px solid #C4EEC8;
        background: #E4FFE4;
        color: #51926E;
        text-shadow: 1px 1px 1px #FFF;
    }

    #pass-info.strongpass {
        border: 1px solid #6ED66E;
        background: #79F079;
        color: #348F34;
        text-shadow: 1px 1px 1px #FFF;
    }

    #pass-info.vrystrongpass {
        border: 1px solid #379137;
        background: #48B448;
        color: #CDFFCD;
        text-shadow: 1px 1px 1px #296429;
    }
/*-------- 2.8 Tour guide page --------*/
#tour_guide {
    text-align: center;
}

.img-circle.styled {
    border: 5px solid #fff;
}

#filters {
    padding: 20px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ededed;
    margin: 0 -15px 30px -15px;
}

a.bt_filters {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 8px;
    color: #888;
    display: inline-block;
}

/*-------- 2.9 Tranfers --------*/
.transfer_container {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

    .transfer_container .transfer_title {
        padding: 15px;
        position: relative;
    }

        .transfer_container .transfer_title .rating {
            font-size: 14px;
            margin-left: -3px;
        }

        .transfer_container .transfer_title h3 {
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
        }

a.btn_collapse {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}
/*-------- 3.0 Hotels --------*/
.score span {
    webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #d6d6d6;
    line-height: 32px;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 1px;
    color: #999;
    margin-right: 5px;
    text-align: center;
}

.score {
    float: left;
    font-size: 11px;
    margin-top: 5px;
    white-space: nowrap;
}

#score_detail span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    ;
    width: 45px;
    height: 45px;
    border: 2px solid #555;
    line-height: 42px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    margin-left: 5px;
    text-align: center;
}

#score_detail {
    font-size: 14px;
    margin-bottom: 15px;
}

    #score_detail small {
        color: #999;
    }

.hotel_container {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

    .hotel_container .hotel_title {
        padding: 15px;
        position: relative;
    }

        .hotel_container .hotel_title .rating {
            font-size: 14px;
            margin-left: -3px;
        }

        .hotel_container .hotel_title h3 {
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
        }

    .hotel_container .score span {
        color: #fff;
        margin-left: 5px;
        text-align: center;
        border: 2px solid #fff;
    }

    .hotel_container .score {
        font-size: 11px;
        margin-top: 5px;
        position: absolute;
        bottom: 30px;
        right: 5px;
    }

    .hotel_container a .score {
        color: #fff;
    }


ul.list_icons {
    margin: 0 0 020px 0;
    padding: 0;
    list-style: none;
}

    ul.list_icons li i {
        font-size: 16px;
    }

.modal-dialog {
    margin-top: 5%;
}

#price_single_main.hotel {
    padding-top: 40px;
}

.hotel_container .short_info.hotel {
    padding-left: 10px;
}
/*-------- 3.1 Wishlist --------*/

.wishlist_close {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    z-index: 2;
    font-size: 20px;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: #F66 !important;
}

    .wishlist_close:before {
        font-style: normal;
        font-weight: normal;
        font-family: "icon_set_1";
        font-size: 30px;
        content: "\72";
        color: #F66;
        position: absolute;
        left: 0;
        top: 3px;
    }
/*-------- 3.2 Map listing --------*/
.marker_info_2 {
    width: 240px;
    height: 340px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 9999999;
    font-family: "Montserrat", Arial, sans-serif;
}

    .marker_info_2 img {
        display: block;
        -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;
    }

    .marker_info_2 h3 {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .marker_info_2 span {
        display: block;
        padding: 0px 20px;
        font-size: 12px;
        line-height: 16px;
        color: #7a7f82;
        margin-bottom: 15px;
    }

    .marker_info_2:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-right-color: rgba(255, 255, 255, 0.9);
        border-width: 10px;
        margin-top: -10px;
    }

.full-height {
    height: 100%;
}

.row-height {
    height: 100%;
    min-height: 100%;
}

.map-right {
    height: 100%;
    min-height: 100%;
    padding: 0px;
}

.content-left {
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    padding-top: 115px;
}

.view_on_map {
    position: relative;
    cursor: pointer;
    padding: 8px 30px 0 0;
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -8px;
    display: block;
    border-top: 1px solid #ededed;
}

    .view_on_map:after {
        font-style: normal;
        font-weight: normal;
        font-family: "fontello";
        font-size: 14px;
        content: "\ecea";
        color: #e04f67;
        position: absolute;
        right: 15px;
        top: 7px;
    }
/*============================================================================================*/
/* 3.  COMMON  */
/*============================================================================================*/
.fix_rtl {
    white-space: nowrap;
}

.box_style_1 {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 9px 6px;
    position: relative;
    color: #666;
}

.box_style_3 {
    padding: 20px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    text-align: center;
}

    .box_style_3 h3 {
        font-size: 20px;
    }

    .box_style_3 i {
        margin: auto;
        margin-bottom: 20px;
        display: block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 42px;
        color: #6dcff6;
    }

.box_style_4, .box_style_2 {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    text-align: center;
    border: 1px solid #ddd;
}

    .box_style_4:after, .box_style_4:before {
        content: "";
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: 100%;
        left: 50%;
        margin-left: -10px;
    }

    .box_style_4:before {
        border-bottom: 10px solid #ccc;
        margin-bottom: 0;
    }

    .box_style_4:after {
        border-bottom: 10px solid #fff;
        margin-bottom: -1px;
        z-index: 1;
    }

    .box_style_2 i, .box_style_4 i {
        font-size: 52px;
        margin-top: 10px;
        display: inline-block;
    }

    .box_style_2 a.phone, .box_style_4 a.phone {
        font-size: 26px;
        display: block;
        margin-bottom: 20px;
    }

/* Input form style */
.form-control {
    font-size: 16px;
    color: #000;
    height: 40px; /*32px by p*/
    border-radius: 3px;
}


#booking .form-group {
    position: relative;
}

.expose {
    position: relative;
}

@media (min-width: 992px) {
    .expose_rooms {
        margin-bottom: 0;
        display: flex;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .margin_minus {
        margin-right: -50%;
    }
}
/*.expose_rooms{
        margin-bottom: 0;
    display: flex;
    margin-bottom: 19px;
    margin-left: 10px;
}*/
.expose_rooms .tooltip-content {
    position: absolute;
    z-index: 9999;
    right: -100%;
    width: fit-content;
    margin: 0 0 20px -150px;
    bottom: 100%;
    text-align: right;
    line-height: 0;
    display: block;
    padding: 0;
    font-size: 12px;
    color: #585858;
    box-shadow: none;
    background: transparent;
    opacity: 0;
    cursor: default;
}

.expose_rooms_footer {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 9px 10px;
    position: relative;
    color: #666;
    margin-bottom: 25px;
}

.rooms-table {
    background: #ffffff;
    border: 1px solid #ddd;
    border-top: none;
}

.tooltip_styled {
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 3px;
    color: #aaa;
    border: 1px solid #dcdcdc;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
    transition-delay: 0.2s;
}

.rooms-detail-row {
    text-align: center;
}

.tooltip_styled:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.1s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.1s;
    color: #e04f67;
    border-color: #e04f67;
    background-color: #fff;
}

.one-night-price span, .one-night-price div {
    padding: 20px 12px;
    width: 50%;
}

.one-night-price {
    display: inline-flex;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}

.all-nights-col {
    padding: 5px 0;
    border-right: 1px solid #f5f5f5;
}

.all-nights-price span {
    display: block;
    text-align: center;
    line-height: 3;
}

.chekout-rooms {
    text-align: left;
}

    .chekout-rooms a {
        text-align: left;
        cursor: pointer;
        border: 1px solid #e23754;
        background: #df4f67;
        padding: 7px 20px;
        border-radius: 3px;
        color: #fff;
        -webkit-box-shadow: 1px 2px 6px -1px rgba(0,0,0,0.45);
        -moz-box-shadow: 1px 2px 6px -1px rgba(0,0,0,0.45);
        box-shadow: 1px 2px 6px -1px rgba(0,0,0,0.45);
    }

        .chekout-rooms a:hover {
            background: #e23754;
        }

#capacity span {
    color: #df4f67;
    padding: 2px 5px;
    border-radius: 2px;
}

#overlay {
    background: rgba(0,0,0,0.4);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    bottom: 0;
}

label {
    /*white-space: pre;*/
}

.fixed-cart {
    position: fixed;
    left: auto;
    top: auto;
    padding: 15px;
}

.fixed-cart-map {
    margin-bottom: 20px;
}
/* Error validate style */
label.error {
    font-size: 11px;
    /*position: absolute;*/
    top: -15px;
    right: -30px;
    z-index: 99;
    height: 25px;
    line-height: 25px;
    /*background-color: #e34f4f;*/
    color: #bb4e4e;
    font-weight: normal;
    padding: 0 6px;
}

    label.error:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 6px 6px 0;
        border-color: transparent #e34f4f;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -6px;
        left: 20%;
    }

/* Scroll top button */
#toTop {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 10px;
    line-height: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 20px;
}

    #toTop:before {
        font-style: normal;
        font-weight: normal;
        font-family: "fontello";
        content: "\e899";
    }

/*Background colors*/
.white_bg {
    background-color: #fff;
}

/*Spacing*/
.add_bottom_15 {
    margin-bottom: 15px;
}

.add_bottom_30 {
    margin-bottom: 30px;
}

.add_bottom_45 {
    margin-bottom: 45px;
}

.add_bottom_60 {
    margin-bottom: 60px;
}

.nomargin_top {
    margin-top: 0;
}

/*List*/
ul.list_ok {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 22px;
}

    ul.list_ok li {
        position: relative;
        padding-right: 25px;
    }

        ul.list_ok li:after {
            font-style: normal;
            font-weight: bold;
            font-family: "icon_set_1";
            font-size: 14px;
            content: "\6c";
            color: #e04f67;
            position: absolute;
            right: 0;
            top: 0;
        }

ul.list_order {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
}

    ul.list_order li {
        position: relative;
        padding-right: 40px;
        margin-bottom: 10px;
    }

        ul.list_order li span {
            background-color: #e04f67;
            color: #fff;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
            font-size: 18px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            line-height: 30px;
        }

/** Pagination **/
.pagination > li > a,
.pagination > li > span {
    color: #888;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #333 !important;
        background-color: #f9f9f9;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #555;
    border-color: #555;
}

/* Drop down select footer */
.styled-select select {
    background: transparent;
    width: 115%;
    padding: 7px 15px 5px 5px;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    color: #999;
}

.styled-select {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: #434343 url(/img/down_arrow_select.png) no-repeat left center;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .styled-select select::-ms-expand {
        display: none;
    }

    .styled-select select:focus {
        outline: none;
    }

/* Drop down select filters */
.styled-select-filters select {
    background: transparent;
    width: 115%;
    padding: 7px 15px 5px 5px;
    border: 0;
    border-radius: 0;
    height: 31px;
    margin: 0;
    font-weight: 400;
    -moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 12px;
    color: #888;
}

.styled-select-filters {
    width: 100%;
    overflow: hidden;
    height: 34px;
    background: #fff url(/img/down_arrow_select_filters.png) no-repeat left center;
    border: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    display: block;
}

    .styled-select-filters select::-ms-expand {
        display: none;
    }

    .styled-select-filters select:focus {
        outline: none;
    }

/* Margin tools */
.margin_60 {
    padding-top: 120px;
    padding-bottom: 60px;
}

.margin_30 {
    margin-top: 34px;
    margin-bottom: 30px;
    width: 80%;
    right: 10%;
}


/* Parallax bg */
.parallax-window {
    min-height: 470px;
    background: transparent;
    position: relative;
}

.parallax-content-1 {
    display: table;
    width: 100%;
    height: 470px;
}

    .parallax-content-1 > div {
        display: table-cell;
        padding: 0 15%;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }

    .parallax-content-1 div h1, .parallax-content-1 div h3 {
        font-size: 48px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }

    .parallax-content-1 div h1 {
        margin-bottom: 0;
        padding-top: 40px;
    }

        .parallax-content-1 div h1:before, .parallax-content-1 div h1:after {
            display: inline-block;
            width: 50px;
            height: 1px;
            content: '';
            vertical-align: middle;
            background: rgba(255,255,255,0.5);
        }

        .parallax-content-1 div h1:before {
            margin-right: 10px;
        }

        .parallax-content-1 div h1:after {
            margin-left: 10px;
        }

    .parallax-content-1 div a i {
        color: #fff;
        opacity: 0.5;
        font-size: 72px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .parallax-content-1 div a:hover i {
        opacity: 1;
    }

/* Tours boxes*/
.tour_container {
/*    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    margin: 0;
    margin-bottom: 10px;
*/}

.img_container {
    position: relative;
    overflow: hidden;
    height:190px;
}

.tour_container .tour_title {
    padding: 15px;
    position: relative;
    display: flow-root;
    /*background-color: #81629e;*/
}


    .tour_container .tour_title .rating {
        font-size: 14px;
        margin-left: -3px;
    }

    .tour_container .tour_title h3 {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        color: #000;
    }
    .tour_container .tour_title h4 {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase;
        color: #000;
    }

.wishlist {
    position: absolute;
    /*top: 10px;*/
    left: 10px;
    width: 40px;
    height: 40px;
    z-index: 2;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .wishlist {
        top: -80px;
    }

    .margin_minus {
        margin-right: -15%;
    }
}

.wishlist a {
    /*color: #888;*/
    color: white;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

.strip_all_tour_list .wishlist a {
    color: #fff;
}

.wishlist:before {
    font-style: normal;
    font-weight: normal;
    font-family: "icon_set_1";
    font-size: 40px;
    content: "\72";
    color: #888;
    position: absolute;
    left: 0;
    top: 4px;
}

.strip_all_tour_list .wishlist {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    z-index: 2;
    font-size: 20px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff !important;
}

    .strip_all_tour_list .wishlist:before {
        font-style: normal;
        font-weight: normal;
        font-family: "icon_set_1";
        font-size: 30px;
        content: "\72";
        color: #fff;
        position: absolute;
        left: 0;
        top: 3px;
    }

.img_container a:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.img_container img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.short_info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/img/shadow_tour.png) repeat-x left bottom;
    width: 100%;
    padding: 10px 5px 8px 10px;
    color: #fff;
}

.price {
    color: white;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
    float: left;
    display: inline-block;
}

.perperson {
    font-size: 12px;
    color: white;
    width: 70px;
    float: left;
    display: inline-block;
}

.review {
    color: white;
}

.short_info .price .short_info i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
}

.short_info .price {
    float: left;
    font-size: 20px;
    display: inline-block;
}

    .short_info .price sup {
        font-size: 16px;
        position: relative;
        float: left;
        top: 8px;
        margin-right: 10px;
    }

/* Ribbons */
.ribbon {
    position: absolute;
    top: 0;
    left: -1px;
    width: 78px;
    height: 78px;
    z-index: 1;
}

    .ribbon.popular {
        background: url(/img/ribbon_popular.png) no-repeat 0 0;
    }

    .ribbon.top_rated {
        background: url(/img/ribbon_top_rated.png) no-repeat 0 0;
    }

/* Tooltips */
.tooltip_styled {
    display: inline;
    /*position: relative;*/
    z-index: 999;
}

.tooltip-item {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
}

    .tooltip-item button {
        border: none;
        background: none;
    }

        .tooltip-item button:focus, .tooltip-item button:hover, .tooltip-item button:visited, .tooltip-item button:active {
            outline: none !important;
            border: none !important;
            background: none;
        }

    .tooltip-item::after {
        content: '';
        position: absolute;
        width: 300px;
        height: 20px;
        bottom: 100%;
        left: 50%;
        pointer-events: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.tooltip_styled:hover .tooltip-item::after {
    pointer-events: auto;
}

.tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 300px;
    left: 50%;
    margin: 0 0 20px -150px;
    bottom: 100%;
    text-align: right;
    line-height: 20px;
    display: block;
    padding: 15px;
    font-size: 12px;
    color: #5a5a5a;
    box-shadow: 0px -3px 10px rgba(48,54,61,0.2);
    border: 1px solid #ddd;
    background: #fff;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(100% + 10px);
    transform-origin: 50% calc(100% + 10px);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
    transform: perspective(1000px) rotate3d(1,0,0,45deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(0.7,0.3,1);
    transform: scale3d(0.7,0.3,1);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.tooltip_styled:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip_styled.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

.tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #ddd;
    border-width: 10px;
    margin-left: -10px;
}

.tooltip-content .label {
    margin-left: 10px;
}

.tooltip-content i {
    font-size: 20px !important;
    top: 3px !important;
    left: -3px !important;
    position: relative;
}

.tooltip-content h4 {
    display: block;
    margin: 0 0 10px 0;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.tooltip-content a {
    font-weight: bold;
}

/* Tooltip flip */
.tooltip_flip {
    position: relative;
}

    .tooltip_flip::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 20px;
        bottom: 100%;
        pointer-events: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tooltip_flip:hover::after {
        pointer-events: auto;
    }

.tooltip-content-flip {
    position: absolute;
    z-index: 9999;
    width: 80px;
    height: 80px;
    left: -40%;
    bottom: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    margin-bottom: 7px;
    cursor: default;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.strip_all_tour_list .tooltip-content-flip {
    left: -65%;
}

.tooltip-effect-1 .tooltip-content-flip {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

.tooltip_flip:hover .tooltip-content-flip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.tooltip-content-flip > span {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.tooltip-back {
    background: #81629e;
    font-size: 12px;
    line-height: 14px;
    padding-top: 25px;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,90deg);
    transform: perspective(1000px) rotate3d(0,1,0,90deg);
}

.tooltip_flip:hover .tooltip-content-flip > span {
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
    transform: perspective(1000px) rotate3d(0,1,0,0deg);
}

.tooltip-content-flip .tooltip-front::after,
.tooltip-content-flip .tooltip-back::after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
}

.tooltip-content-flip .tooltip-front::after {
    right: 0;
    border-top: 10px solid #e64b50;
    border-left: 10px solid transparent;
}

.tooltip-content-flip .tooltip-back::after {
    left: 45%;
    border-top: 10px solid #e64b50;
    border-right: 10px solid transparent;
}

/* Position  breadcrumbs */
#position {
    background-color: #333;
    padding: 10px 0;
    font-size: 11px;
}

    #position ul li:first-child {
        padding-right: 20px;
    }

        #position ul li:first-child:before {
            content: "\eaf4";
            font-style: normal;
            font-weight: normal;
            font-family: "fontello";
            position: absolute;
            right: 0;
            top: 1px;
            color: #fff;
        }

    #position ul {
        margin: 0;
        padding: 0;
        color: #888;
    }

        #position ul li a {
            color: #fff;
            opacity: 0.7;
        }

            #position ul li a:hover {
                color: #fff;
                opacity: 1;
            }

        #position ul li {
            display: inline-block;
            padding-right: 8px;
            margin-right: 3px;
            position: relative;
        }

            #position ul li:after {
                content: "\e9ed";
                font-style: normal;
                font-weight: normal;
                font-family: "fontello";
                position: absolute;
                right: 0;
                top: 2px;
            }

            #position ul li:last-child:after {
                content: "\e9ed";
            }
/*Banners*/
.banner {
    position: relative;
    background: #fff url(/img/banner_bg.png) no-repeat center bottom;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-bottom: 60px;
}

    .banner:after, .banner:before {
        position: absolute;
        content: "";
        z-index: 1;
        height: 18px;
        width: 50%;
        top: 100%;
    }

    .banner:after {
        left: 0;
        background: url(/img/shadow-bg.png) no-repeat top left;
    }

    .banner:before {
        right: 0;
        background: url(/img/shadow-bg.png) no-repeat top right;
    }

    .banner a {
        position: absolute;
        /*top: 35%;*/
        left: 30px;
        display: inline-flex;
    }

    .banner h4 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 32px;
        margin: 0;
        padding: 0;
        color: #e04f67;
        font-family: "Gochi Hand", cursive;
    }

        .banner h4 span {
            text-transform: none;
            color: #555;
        }

    .banner p {
        margin: 0;
        padding: 0;
    }

    .banner.colored {
        background: #fff;
        color: black;
    }

        .banner.colored h4 {
            color: black;
        }

        .banner.colored span {
            font-size: 22px;
        }

        .banner.colored h4 span {
            color: #FFC;
        }
/*Preloading*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}

.sk-spinner-wave.sk-spinner {
    margin: -15px 0 0 -25px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.ie8 .sk-spinner-wave.sk-spinner {
    display: none;
}

.sk-spinner-wave div {
    background-color: #ccc;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.laptop {
    margin: auto;
    margin-top: 20px;
}

/** Collapse updated v.1.8 **/
.panel {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}

.panel-title a {
    display: block;
    color: #777;
}

.panel-default > .panel-heading {
    background-color: #fff;
    padding: 20px;
}

.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-group .panel {
    border-radius: 3px;
}

.panel-body {
    padding: 30px;
    line-height: 1.6 !important;
}

.panel-title a .indicator {
    color: #e04f67;
}

.panel-title a:hover .indicator {
    color: #333;
}

/** Blockquote **/
blockquote.styled {
    font-family: "Gochi Hand", cursive;
    line-height: 1.42857143;
}

/** tabs **/
.tab-content {
    /*opacity: 0.9;*/
    padding-top: 10px;
    padding-bottom: 15px;
    /*padding-left: 80px;
    padding-right: 80px; by p */
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/** Img frame in general page **/
.img-responsive.styled {
    margin-top: 20px;
    border: 5px solid#fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

/**General icons block **/
.general_icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin: 30px 0 0 0;
}

    .general_icons ul li {
        display: inline-block;
        text-align: center;
        padding: 0 20px 20px 0;
        white-space: nowrap;
    }

        .general_icons ul li:last-child {
            padding-right: 0;
        }

        .general_icons ul li i {
            font-size: 36px;
            display: block;
            margin-bottom: 10px;
        }

/*============================================================================================*/
/* 4.  UPDATES  */
/*============================================================================================*/
/*-------- 4.1 Home 7: search function --------*/
#search_container {
    position: relative;
    height: 700px;
    background: #4d536d url(/img/slide_hero.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    width: 100%;
    display: table;
    z-index: 99;
}

#search {
    display: inline-table;
    vertical-align: middle;
    /*padding: 0 5%;*/
    padding-top: 100px;
    position: absolute;
    z-index: 999;
    margin: 2% auto; /*4% change by p*/
    width: 80%;
    right: 10%;
}

    #search .col-md-6,
    #search .col-md-3,
    #search .col-md-2 {
        padding-left: 6.5px !important;
        padding-right: 6.5px !important;
    }

    #search .nav-tabs {
        border-radius: 0;
        font-size: 12px;
        border: 0;
        /*border-bottom: 1px solid transparent;*/
        /* margin-right: 10px;*/
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        margin-bottom: 20px;
    }

        #search .nav-tabs > li > a {
            border-radius: 6px 6px 6px 6px;
            border: 0;
            margin-left: 1px;
            /*color: #fff;*/
        }

    #search .tab-content {
        background-color: rgba(0,0,0,0.75);
        border-radius: 5px;
        border: 0;
        color: #000;
/*        top: 30px;
        left: -2px;
        margin-top: 115px;
by p deactive*/
        width: 80%; /*by p 100%*/
        min-height: 440px;
        padding: 6px 0 10px; /*by p 16pxall*/
        /*-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);*/
        /*position: absolute;
        top: -3em; by p deactive*/
        margin-right:auto; 
        margin-left:auto;
    }

    #search .nav-tabs > li > a {
        /*background: rgb(224, 79, 103);*/
        background: white;
        padding-bottom: -2px;
    }

    #search .nav-tabs > li.active > a,
    #search .nav-tabs > li.active > a:hover,
    #search .nav-tabs > li.active > a:focus {
        /*color: #444;
            background-color: #50d925;*/
        color: white;
        background-color: #91b754 /*#50d925 change by p*/;
    }
.tab-pane h3 {
    color: #999;
    margin: 0 0 20px 0;
}

.tab-pane h3 {
    color: #999;
    margin: 0 0 20px 0;
}

.dd-select {
    border-radius: 3px !important;
    /* border: solid 1px #ccc;*/
    position: relative;
    cursor: pointer;
    height: 30px;
    font-weight: normal !important;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 0 28px 0 10px !important;
    font-weight: normal !important;
    color: #000 !important;
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border: solid 5px transparent;
    border-top: solid 5px #999 !important;
}

.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-options li .dd-option {
    height: 45px;
    line-height: 25px !important;
}

.dd-option:hover {
    background: #f9f9f9 !important;
    color: #000;
}

.dd-option-selected {
    background: #f9f9f9 !important;
    color: #444 !important;
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 10px !important;
    max-width: 64px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

​ label.dd-selected-text {
    font-weight: normal !important;
}

.dd-option-text {
    line-height: 14px !important;
}

.dd-selected-image {
    margin-top: 7px;
}

.dd-select label, .dd-options label {
    font-weight: normal !important;
    cursor: pointer !important;
}

.radio_fix {
    float: left;
    margin-top: 35px;
}

/*-------- 4.1 Faq --------*/
#faq h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
}

/*-------- 4.2 Pricing tables --------*/
.plans {
    margin: 0px auto 50px;
    zoom: 1;
}

    .plans:before, .plans:after {
        content: '';
        display: table;
    }

    .plans:after {
        clear: both;
    }

.plan {
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    background: #fafafa;
    background-clip: padding-box;
    border: solid #dddddd;
    min-height: 435px;
    border-width: 1px 0 1px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.col-md-4.plan:first-child {
    margin-right: -30px;
    margin-left: 30px;
}

.plan:last-child {
    border-width: 1px;
}

.plan-title {
    position: relative;
    margin: -20px -10px 20px;
    padding: 20px;
    line-height: 1;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}

    .plan-title:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 1px;
    }

.plan-price {
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #4b4b4b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: inline-block;
    text-align: center;
    font-family: "Helvetica Neue", Arial;
}

    .plan-price > span {
        font-size: 12px;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.9);
    }

.plan-features {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
}

ul.plan-features {
    padding: 0;
    margin: 0 0 30px 0;
}

.plan-features li {
    list-style: none;
}

.plan-tall {
    margin: 0;
    background: #fff;
    border-width: 1px;
    border-radius: 4px;
    margin-right: -30px;
    position: relative;
    z-index: 100;
    border: solid #83c99f;
    position: relative;
}

.ribbon_table {
    width: 99px;
    height: 97px;
    position: absolute;
    left: -7px;
    top: -7px;
    display: block;
    background: url(/img/ribbon.png) no-repeat 0 0;
    z-index: 101;
}

.plan-tall > .plan-title {
    font-size: 18px;
}

.plan-tall > .plan-price {
    margin: 0 auto 20px;
    height: 130px;
    width: 130px;
    line-height: 130px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background: #f26d7d;
    border-radius: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    display: inline-block;
    text-align: center;
}

.plan-tall > .plan-features {
    font-size: 14px;
}

.plan-tall > .plan-button {
    padding: 0 16px;
    line-height: 32px;
}

.plan-tall + .plan {
    border-left: 0;
}
/* Pricing tables style 2 */
#pricing_2 {
    margin-top: 20px;
}

.ribbon_2 {
    width: 99px;
    height: 97px;
    position: absolute;
    left: -5px;
    top: -5px;
    display: block;
    background: url(/img/ribbon.png) no-repeat 0 0;
    z-index: 101;
}

.pricing-table {
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .pricing-table:hover {
        -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
    }

    .pricing-table.green {
        text-align: center;
        font-weight: 400;
    }

    .pricing-table.black {
        text-align: center;
        font-weight: 400;
    }

.pricing-table-sign-up {
    border-top: 1px solid #ededed;
    padding: 10px 10px 5px 10px;
    text-align: center;
    margin-top: 30px;
}

.pricing-table-features p {
    padding: 10px 20px;
    text-align: center;
    margin: 10px 0;
}

    .pricing-table-features p:nth-child(2n) {
        background: #f8f8f8;
        padding: 10px 0;
    }

.pricing-table-features, .pricing-table-space {
    background: #fff;
}

.pricing-table p {
    padding: 5px;
    margin-top: 5px;
    font-size: 110%;
    font-weight: 400;
    background: #fff;
}

    .pricing-table p strong {
        font-weight: 600;
    }

.pricing-table .pricing-table-header {
    color: #fff;
    padding: 0px;
}

.pricing-table-header .heading {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
}

.pricing-table.green .heading {
    background: #83c99f;
}

.pricing-table.black .heading {
    background: #333333;
}

.pricing-table .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table.green .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table.black .pricing-table-header .price-value {
    background: #fff;
}

.pricing-table-header .price-value {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
    background: #1ABC9C;
    font-family: "Helvetica Neue", Arial;
    font-weight: bold;
    color: #555;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px;
}

    .pricing-table-header .price-value span {
        font-weight: 800;
        font-size: 36px;
        line-height: 36px;
    }

        .pricing-table-header .price-value span.mo {
            font-size: 22px;
            font-weight: 400;
        }

.question_box h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}

.question_box {
    padding-right: 40px;
    position: relative;
    margin-bottom: 30px;
}

    .question_box:before {
        content: "\ec7e";
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 30px;
        position: absolute;
        color: #999;
        top: 5px;
        right: 0;
    }
/*-------- 4.3 Common --------*/
.badge_save {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 77px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: url(/img/badge_save.png);
    font-size: 11px;
    line-height: 12px;
    padding-top: 32px;
}

    .badge_save strong {
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

.input-group input {
    height: 34px;
}
/* Promo_full (v.1.7)*/
.promo_full {
    height: auto;
    background: url(/img/home_bg_2.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
}

.promo_full_wp {
    display: table;
    width: 100%;
    height: auto;
}

    .promo_full_wp > div {
        display: table-cell;
        padding: 10% 15%;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }

    .promo_full_wp div h3 {
        font-size: 48px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }

    .promo_full_wp div a i {
        color: #fff;
        opacity: 0.5;
        font-size: 72px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .promo_full_wp div a:hover i {
        opacity: 1;
    }
/* Map filter (v.1.8)*/
#map_filter {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2;
    width: 100%;
}

    #map_filter ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        #map_filter ul li {
            display: inline-block;
            text-align: center;
        }

            #map_filter ul li a {
                display: inline-block;
                padding: 15px;
                color: #444;
                min-width: 120px;
                margin: 0 -3px;
                white-space: nowrap;
            }

                #map_filter ul li a:hover, #map_filter ul li a.active {
                    background-color: #fff;
                    color: #e04f67;
                }

                #map_filter ul li a i {
                    display: block;
                    font-size: 36px;
                    margin: 5px 0;
                }
/* Updates (v.1.9)*/
#map_contact.contact_2 {
    margin-top: 98px;
}

/*============================================================================================*/
/* 5.  UPDATES Version 3  */
/*============================================================================================*/

/*-------- 5.1 Ribbons css --------*/
.ribbon_3 {
    position: absolute;
    left: 10px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon_3 span {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0%, #79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        position: absolute;
        top: 19px;
        left: -21px;
    }

        .ribbon_3 span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #638908;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #638908;
        }

        .ribbon_3 span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #638908;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #638908;
        }

    .ribbon_3.popular span {
        background: linear-gradient(#f14f3f 0%, #cb4335 100%);
    }

        .ribbon_3.popular span::before {
            border-left: 3px solid #a3362a;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #a3362a;
        }

        .ribbon_3.popular span::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #a3362a;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #a3362a;
        }

/*-------- 5.2 Footer styles --------*/
/* Footer 3 */
footer#pattern_2 {
/*    background: #1e1923 url(/img/pattern_3.png) repeat 0 0;
*/}

footer #logo {
    margin-top: 20px;
}

/* Footer 4 */
#newsletter_container {
    background-color: #f8f8f8;
    border-top: 1px solid #ededed;
}

    #newsletter_container h3 {
        font-size: 32px;
        font-family: "Lato", Arial, sans-serif;
        font-weight: 300;
        margin: 0 0 20px 0;
    }

    #newsletter_container input.form-control#email_newsletter_2 {
        margin-bottom: 0;
        background-color: #fff;
        border: none;
        border: 2px solid #ededed;
        height: 49px;
        font-size: 15px;
        padding-left: 20px;
        width: 380px;
        margin-top: -2px;
        margin-right: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        #newsletter_container input.form-control#email_newsletter_2:focus {
            border-color: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #444;
        }

    #newsletter_container #submit-newsletter_2.btn_1 {
        padding: 14px 35px;
    }

/* Footer 5 */
ul.tweet_list li {
    padding-left: 30px;
    background: url(/img/twitter_icon.svg) no-repeat 0 5px;
}

.tweets-next,
.tweets-prev {
    display: inline-block;
    font-size: 28px;
    color: #FFF;
    margin-top: 5px;
    width: 28px;
    padding: 0;
    text-align: left;
}

.tweets-prev {
    margin-right: 5px;
}

.tweet_avatar {
    float: left;
}

.tweet_time a {
    display: block;
    margin-bottom: 5px;
    color: #fdf7ac;
}

a.bx-next, a.bx-prev {
    color: #fff;
}

    a.bx-next:hover, a.bx-prev:hover {
        color: #fdf7ac;
    }

.tweet_text a {
    text-decoration: underline;
}

.tweet-control {
    margin-left: 15px;
}

/* Footer 6 */
footer#pattern_3 {
    background: #1e1923 url(/img/pattern_4.png) repeat 0 0;
}

footer .post {
    position: relative;
    min-height: 62px;
    padding-right: 80px;
    padding-top: 5px;
    margin-bottom: 10px;
}

    footer .post:last-child {
        margin-bottom: 5px;
    }

    footer .post figure {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 62px;
        height: 62px;
    }

    footer .post h4 {
        font-size: 13px;
        color: #ffffff;
        margin-bottom: 6px;
    }

    footer.post i {
        font-size: 14px;
        padding-right: 10px;
    }

/* Footer 7 */
footer#pattern_4 {
    background: #1e1923 url(/img/pattern_5.png) repeat 0 0;
}

footer .gallery-image {
    overflow: hidden;
}

    footer .gallery-image a {
        max-width: 33.33%;
        padding-left: 10px;
        padding-bottom: 10px;
        float: right;
    }

    footer .gallery-image img {
        width: 100%;
        transition: 0.3s ease-in-out;
    }

/*-------- 5.3 Header versions --------*/
/* Header 4*/
#opening {
    display: inline-block;
    margin-right: 15px;
}

#social_top a i {
    font-size: 13px;
}

/* Header 5*/
#lang_top i {
    font-size: 14px;
}

.dropdown-menu#log_out {
    text-align: center;
}

    .dropdown-menu#log_out p {
        color: #999;
    }

/* Header 6*/

.dropdown-mini .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
    right: auto;
    min-width: 100px;
    padding: 0;
    left: 0;
    width: auto;
    top: 100%;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    text-transform: none !important;
    border-top: 2px solid #e04f67;
}

    .dropdown-mini .dropdown-menu:before {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #e04f67;
        border-width: 7px;
        margin-right: -7px;
    }

    .dropdown-mini .dropdown-menu ul#lang_menu {
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .dropdown-mini .dropdown-menu ul#lang_menu li {
            padding: 0;
            margin: 0;
            width: 100%;
            float: none;
            display: block;
        }

            .dropdown-mini .dropdown-menu ul#lang_menu li a {
                color: #555 !important;
                text-align: right;
                border-bottom: 1px solid #ededed;
                padding: 8px;
                display: block;
            }

                .dropdown-mini .dropdown-menu ul#lang_menu li a:hover {
                    background-color: #f9f9f9;
                    color: #e04f67 !important;
                    padding-left: 15px;
                }

a#lang_link, a#currency_link {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

#lang_link:before, #currency_link:before {
    font-style: normal;
    font-weight: normal;
    font-family: "fontello";
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0;
}

#lang_link:before {
    content: "\ea26";
}

#currency_link:before {
    content: "\e8b8";
}

/*-------- 5.4 Gallery overlay --------*/
.img_wrapper_gallery {
    margin: 0;
    background-color: #000;
    margin-top: 20px;
    border: 5px solid#fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.img_container_gallery a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.6;
}

.img_container_gallery img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
    -webkit-backface-visibility: hidden;
}

.img_container_gallery {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

    .img_container_gallery i {
        position: absolute;
        top: 50%;
        z-index: 10;
        display: none;
        color: #fff;
        font-size: 30px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
    }

    .img_container_gallery a:hover i {
        display: block;
    }

/*-------- 5.5 Map infobox + map listing --------*/
.infoBox {
    padding-right: 25px !important;
}

.map-right #map {
    height: 100%;
    width: 100%;
}

a.btn_infobox_detail:before, .btn_infobox_get_directions:before, a.btn_infobox_phone:before {
    font-style: normal;
    font-weight: normal;
    font-family: "Fontello";
    font-size: 20px;
    cursor: pointer;
}

.btn_infobox_get_directions, a.btn_infobox_phone {
    border: none;
    display: inline-block;
    color: #e04f67;
    background: none;
    cursor: pointer;
    margin: 0 5px;
    font-size: 13px;
    position: relative;
    padding-left: 18px;
    outline: none;
}

    .btn_infobox_get_directions:hover, a.btn_infobox_phone:hover {
        color: #333;
    }

    .btn_infobox_get_directions:before {
        font-size: 14px;
        content: "\ecea";
        position: absolute;
        left: 0;
        top: 2px;
    }

    a.btn_infobox_phone:before {
        font-size: 13px;
        content: "\eed5";
        position: absolute;
        left: 0;
        top: 0;
    }

a.btn_infobox, .btn_infobox {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    background: #51bce6;
    cursor: pointer;
    padding: 5px 15px;
    display: inline-block;
    outline: none;
    font-size: 11px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: bold;
}

    a.btn_infobox:hover, .btn_infobox:hover {
        background: #333;
    }

.marker_tools {
    margin: 10px 0 15px 0;
}
/* Updated */
.SelectedBtn {
    background-color: #e04f67 !important;
    color: #FFF !important;
}

ul#top_langs li:first-child {
    border-left: none;
    border-right: none;
    padding-left: 0;
}

ul#top_langs li {
    display: inline-block;
    /*border-right: 1px solid rgba(255,255,255,0.3);
        margin-left: 5px;
        padding-right: 8px;*/
}

.box_style_custom_3 h4.inner {
    /* margin: 0px -30px 20px -30px !important;*/
    background-color: #e04f67;
    padding: 10px 20px 10px 18px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    text-align: center;
    -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;
}

.box_style_custom_3 {
    padding: 0px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    text-align: center;
}

    .box_style_custom_3 h3 {
        font-size: 20px;
    }

    .box_style_custom_3 i {
        margin: auto;
        margin-bottom: 20px;
        display: block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 42px;
        color: #6dcff6;
    }

.center {
    margin-top: 50px;
}

#loadingModal {
    top: 30% !important;
}

.modal-header {
    padding-bottom: 5px;
}

.modal-footer {
    padding: 0;
}

    .modal-footer .btn-group button {
        height: 40px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        border-right: 1px solid #ddd;
    }

    .modal-footer .btn-group:last-child > button {
        border-right: 0;
    }

.divider {
    position: absolute;
    width: 50%;
    right: 25%;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}

.float {
    float: left !important;
}

.cart-side {
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.cart-side {
    border-radius: 0;
    border: 0;
    color: #333;
    font-size: 1em;
    min-width: 200px;
    margin-top: 10px;
}

.dropdown-item {
    padding: 0;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.cart-product .img {
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
    max-height: 80px;
    padding: 7px;
    overflow: hidden;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 2px;
}

.cart-side .cart-product .details {
    width: 100% !important;
    border-right: 1px solid #eae0e0;
    padding-right: 5px;
}

.cart-side .justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.cart-side .cart-product span {
    font-weight: 700;
    font-size: 0.85em;
    /*display: block;*/
    margin-top: 5px;
    color: #555;
}

.cart-side .cart-product span, .cart-product, .cart-product small {
    /*display: block;*/
    font-size: 14px;
    font-weight: 200;
}

    .cart-product small {
        margin: 4px 0;
        font-size: 13px;
    }

.cart-side .cart-product i {
    cursor: pointer;
    font-size: 22px;
    /*position: absolute;*/
    top: 15%;
    left: 5%;
    color: #ed9ba9;
}

.cart-side .total-price {
    padding: 10px 13px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.cart-side .text-primary {
    color: #666 !important;
}

.cart-side .btn-template {
    font-weight: normal;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 25px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

nav.navbar .cart-product .text {
    padding-right: 20px;
}

.dropdown-item .checkout {
    float: left;
}


/*New To Add LTR*/


.loadingmodal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/img/ajax-loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .loadingmodal {
        display: block;
    }

#RegistererrorContainer {
    display: none;
    overflow: auto;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding: 10px;
    margin-top: 10px;
}

    #RegistererrorContainer label {
        float: none;
        width: auto;
    }

    #RegistererrorContainer li {
        text-align: right;
    }

.nav-tabs > li:first-child {
    margin-right: 0px;
}

.nav-tabs > li {
    margin-right: 15px;
}

.bus_background {
    background-image: url(/img/bus-final.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 190px;
    width: 580px;
    background-size: 100%;
    padding-right: 10%;
    padding-left: 5%;
    padding-top: 3%;
    padding-bottom: 3%;
}


/*Bus CSS*/
#bus-component .no-pad, .no-pad {
    padding: 0;
}

.no-pad {
    padding: 0;
}

#bus-component .cabin.end-of-bus, #bus-component .driver-seat-wrapper.end-of-bus {
    width: 7%;
    text-align: right;
}

#bus-component .driver-seat-wrapper {
    width: 10%;
}

#bus-component .cabin, #bus-component .driver-seat-wrapper {
    float: right;
}

#bus-component .cabin, #bus-component .driver-seat-wrapper {
    float: right;
}

#bus-component .cabin {
    border: 2px solid #d2d4dc;
    border-right: none;
    border-left: none;
    width: 83%;
    height: 201px;
    padding: 3px 0;
}

#bus-component ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 12.5px;
}


#bus-component .cabin li {
    height: 40px;
    max-width: 520px;
}

#bus-component .seats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
}

#bus-component .no-pad, .no-pad {
    padding: 0;
}

#bus-component ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

#bus-component .cabin li {
    height: 40px;
}

#bus-component .seat-item {
    display: flex;
    padding: 2px;
    position: relative;
    height: 20px;
}

#bus-component .female-reserved, #bus-component .male-reserved {
    cursor: not-allowed;
    pointer-events: none;
}

#bus-component .seat-item.female-reserved label, #bus-component .seat-item.male-reserved label {
    padding-top: 0;
}

#bus-component .seat-item label {
    height: 30px;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.5rem;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#bus-component .driver-seat-wrapper {
    width: 10%;
}

#bus-component .cabin, #bus-component .driver-seat-wrapper {
    float: right;
}

    #bus-component .driver-seat-wrapper svg {
        height: 200px;
    }

svg:not(:root) {
    overflow: hidden;
}

svg:not(:root) {
    overflow: hidden;
}

#bus-component .bus-component__seat-status .seat-status__reserve-by-female {
    border: 1px solid #941351;
    background: #fa96c6;
}

#bus-component .bus-component__seat-status .seat-status__available-seat, #bus-component .bus-component__seat-status .seat-status__passenger-selection, #bus-component .bus-component__seat-status .seat-status__reserve-by-female, #bus-component .bus-component__seat-status .seat-status__reserve-by-male {
    display: inline-block;
    margin-left: 5px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
}

#bus-component .bus-component__seat-status div {
    text-align: center;
}

#bus-component .bus-component__seat-status .seat-status__reserve-by-male {
    border: 1px solid #b34c00;
    background: #ffb74d;
}

#bus-component .bus-component__seat-status .seat-status__available-seat {
    border: 1px solid #aaa;
    background: #fff;
}

#bus-component .bus-component__seat-status .seat-status__passenger-selection {
    border: 1px solid #2979ff;
    background: #e2edff;
}

#bus-passenger .select-seat-wrapper .notice {
    padding-right: 15px;
}

#bus-passenger .notice {
    font-size: 12px;
    display: inline-block;
}

.notice {
    font-weight: 500;
}

#bus-passenger .notice .info {
    color: #2979ff;
}

.notice i {
    font-size: 1.5em;
    color: orange;
    margin-left: 5px;
    vertical-align: middle;
}

.notice i {
    font-size: 1.5em;
    color: orange;
    margin-left: 5px;
    vertical-align: middle;
}

.icon-info:before {
    content: "\e92a";
}

.icon-info:before {
    content: "\e92a";
}

*, :after, :before {
    box-sizing: border-box;
}

*, :after, :before {
    box-sizing: border-box;
}

.breadcrumb_steps {
    z-index: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

    .breadcrumb_steps:before {
        content: "";
        display: block;
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAFElEQVR4AWP4//8/Br506dJ/QhgA++0uD1+EJdQAAAAASUVORK5CYII=);
        background-repeat: repeat;
        top: calc(20% + 1px);
        right: 0;
        height: 1px;
        width: 100%;
        z-index: 1;
        margin-top: -1px;
    }

.passengers-box_header {
    margin: -15px -15px 30px;
    height: 50px;
    line-height: 40px;
    position: relative;
}

.passengers-box.adult h4 {
    border-right-color: #74b49b;
}

.passengers-box_title {
    margin: 0 5px 0 0;
    line-height: 50px;
    padding-right: 10px;
    border-right: 5px solid transparent;
    font-size: 1em;
    font-weight: 500;
}

.passengers-box_formers {
    color: #2979ff;
    font-size: .9em;
    padding: 3px 15px 0;
    line-height: 50px;
    display: block;
    margin-left: 12px;
}

.btn-raw {
    background-color: transparent;
    border: 0;
}


.available-columns__airlines {
    padding-right: 0;
    padding-left: 0;
    margin-top: 10px;
}

.inline-block {
    display: inline-block;
}

.available-columns__airlines .airlines-columns {
    text-align: center;
    /*  display: grid;*/
    /* margin-right: 50px;*/
}


    .available-columns__airlines .airlines-columns > img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
        display: block;
        /*border: 3px solid #fff;*/
        border: none;
        background: #fff;
        /*box-shadow: -0.5px 0 0 0 #e1e1e1, -0.5px 0 0 1px #e1e1e1;*/
    }

    .available-columns__airlines .airlines-columns > img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
        display: block;
        /*border: 3px solid #fff;*/
        border: none;
        background: #fff;
        /*box-shadow: -0.5px 0 0 0 #e1e1e1, -0.5px 0 0 1px #e1e1e1;*/
    }

.img-circle {
    border-radius: 50%;
}


#bus-confirm .confirm-ticket-info {
    padding-bottom: 0 !important;
    padding-right: 0;
}

.confirm-ticket-info {
    margin-bottom: 10px;
    padding-left: 0;
}

.confirm-ticket-info, .section-of-confirm-info {
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 -1px 1px 0 rgba(0,0,0,.05), 0 1px 5px 0 rgba(0,0,0,.15);
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#bus-confirm .ticket-info-wrapper {
    margin-bottom: 10px;
    padding: 0 15px;
}

.head-of-info-ticket {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: -15px;
    margin-left: -15px;
}

.icon-ticket-info:before {
    content: "\e918";
}

.confirm-ticket-info__title {
    font-size: 1em;
    font-weight: 700;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
}

.style-table {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin: 0;
    max-width: none;
}

.information-ticket-table table {
    margin-bottom: 0 !important;
}

.style-table tr {
    padding: 10px;
}

td .firstcol {
    width: 250px;
    background: gray;
    color: white;
}



/**** Flights ****/
.rotate {
    transform: rotate(-90deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.gly-rotate-45 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(--90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    /*font-weight: 400;*/
    font-size: 16px;
    transform: scaleX(-1);
    color: #91b754;
}

.flight_icon {
    left: 31px;
    position: relative;
    top: 32px;
}

.flight-date {
    /*border-bottom: 2px dashed gray;*/
    position: absolute;
    top: 25px;
    width: 70%;
    right: 4%;
    color: #91b754 /*#50d925 change by p*/;
    font-size: 25px;
    text-align: center;
}

.flight-location-icon {
    position: absolute;
    right: -25px;
    top: 26%;
    transform: scaleX(-1);
    font-size: 18px;
    color: #91b754;
}

.hr_flight {
    position: relative;
    border: none;
    border-top: 1px dotted #f00;
    color: #fff;
    background-color: #fff;
    height: 1px;
    width: 100%;
    top: 14px;
    display: inline-block;
}

.flight_type {
    margin-top: 70px;
    /* height: 30px; */
    text-align: center;
    width: 160px;
    color: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: -70px !important;
    background-color: #81629e;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
    /* background-color: #eee;*/
    color: #91b754;
    cursor: pointer;
    /* padding: 18px;*/
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    margin-right: 40%;
}

    .collapsible:hover {
        /* background-color: #eee;*/
        color: #81629e;
        cursor: pointer;
        /* padding: 18px;*/
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 12px;
        margin-right: 40%;
    }

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #ffffff;
    border-top: #c1b1d0 1px solid; /*change by p #666666*/
    margin-left: 10px;
    margin-right: 10px;
}


.collapsible-1 {
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 10px;
}

    .collapsible-1:hover {
        color: #81629e;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 10px;
    }

.content-1 {
    /*padding: 0 18px;*/
    display: none;
    overflow: hidden;
    /*background-color: #eee;
    border-top: #666666 1px solid;*/
    margin-left: -6px;
    margin-right: -6px;
}


/*.rotate-system {
    transform: rotate(-90deg);
    width: 160px;
    background: #a62a90;
    color: #fff;
    font-size:10px;
    position: absolute;
    top:70px;
    right:-89px;
    text-align: center;
    z-index: 99;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}*/

.text-truncate-1 {
    display: block;
    text-align: center;
    overflow: hidden;
    width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 100;
    height: 23px;
    color:#000;
}

.text-truncate-2 {
    display: block;
    text-align: justify;
    overflow-X: hidden;
    width: 78px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: -13px !important;
    font-weight: 100;
    height: 28px;
}



.flight-start {
    transform: scaleX(-1);
    font-size: 18px;
    color: #91b754;
}

.arrow-scale {
    /*transform:scaleX(2);*/
    color: #91b754;
    font-size: 16px;
}

.flight-end {
    transform: scaleX(-1);
    font-size: 18px;
    color: #91b754;
}

button:focus {
    outline: none !important;
}

/*///////////////////////////////////////////////////////////////////*/
.collapsible-3 {
    background-color: #fff;
    color: #777;
    cursor: pointer;
    padding: 10px 18px;
    width: 99.7%;
    border: none;
    outline: none;
    font-size: 12px;
    border-radius: 3px;
    text-align: right;
}

    .collapsible-3:hover {
        background-color: #fff;
        color: #81629e;
        cursor: pointer;
        padding: 10px 18px;
        width: 99.7%;
        border: none;
        border-radius: 3px;
        outline: none;
        font-size: 12px;
        text-align: right;
    }

    .collapsible-3:after {
        content: '\002B';
        font-size:14px;
        font-weight:500;
    }

.active-3:after {
    content: "\2212";
    font-size: 14px;
    font-weight: 500;
}

.content-3 {
    /*margin: 0 10px;
    padding: 5px 15px;*/
    display: none;
    margin-top: -2px;
    width: 99.7%;
    padding-top: 5px;
    overflow: hidden;
    text-align: center;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    color: #777;
}
/*///////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////*/
.collapsible-5 {
    background-color: #fff;
    color: #777;
    cursor: pointer;
    /*margin:0 10px;*/
    padding: 0 18px;
    width: 100%;
    border: none;
    text-align: center !important;
    outline: none;
    font-size: 10px;
    color: #91b754;
    text-align: center;
}

    .collapsible-5:hover {
        background-color: #fff;
        color: #777;
        cursor: pointer;
        /*margin: 0 10px;*/
        padding: 0 18px;
        width: 100%;
        border: none;
        text-align: center !important;
        outline: none;
        font-size: 10px;
        color: #81629e;
        text-align: center;
    }




.content-5 {
    /*margin: 0 10px;
    padding: 0 18px;*/
    display: none;
    overflow: hidden;
    text-align: center;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    color: #777;
}

/*/////////////////////////////*/
.btn-collapsible {
    width: 100%;
    /*margin-right:5px;*/
    border-radius: 3px;
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: #777;
    padding: 9px 16px;
    /* margin: 0 10px; */
    direction: rtl;
    text-align: right;
}

.well-1 {
    background-color: #fff;
    padding: 5px 0px;
    color: #777;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-top: -3px;
}
/*/////////////////*/
.d-flex-flight {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-column-flight {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.justify-content-between-flight {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-center-flight {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-end-flight {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.align-items-center-flight {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-start-flight {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.rtl {
    direction: rtl;
}

.font-resize-chair {
    font-size: 13px;
}

.white {
    color: white;
}

.transparent {
    position: relative;
    height: 34em;
    top: -2em;
    /*padding-top: 2em;*/
    opacity: 0.7;
    background: black;
    /*border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    margin-top: 5.0em;*/
}

.color-50da25 {
    color: #91b754;
}

.color-777 {
    color: #777;
}

.white-space-chair {
    white-space: nowrap;
}
/*/////////// select flight setting//////////*/
.select-set {
    width: 100%;
    border: none;
    border-radius: 3px;
    height: 26px;
}
/*////////////////////*/
.price-currency {
    direction: initial;
    white-space: pre;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.price-number {
    font-size: 18px;
    direction: initial;
    white-space: pre;
}

.new-date-flights {
    color: #81629e;
    float: right;
    margin: 0 3px;
    font-size:12px;
}

.date-flight-1 {
    font-size: 12px;
    margin-top: 5px;
    clear: both;
}

.date-flight {
    font-size: 12px;
    margin-top: 5px;
}

.terminal-set-Origin {
    font-size: 11px;
    clear: both;
    white-space: nowrap;
}

.terminal-set-Destination {
    font-size: 12px;
    white-space: nowrap;
}
.font-size-08 {
    font-size: 8px;
}

.font-size-09 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-10-chair {
    font-size: 12px;
}

.font-size-15 {
    font-size: 15px;
}

.flight-go {
    white-space: nowrap;
    margin-bottom: 0;
    text-align: center;
    margin-top: 25px;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.marginCenter {
    margin: 0 auto !important;
}

.mt-25 {
    margin-top: 25px;
}

.font-size-economy {
    font-size: 12px;
}
/*.span-terminal-320-450 {
    visibility: hidden;
}*/
.width-flightCompany {
    width: 30px;
    /*height: 40px;*/
}
.span-terminal {
     font-size:12px;
}

/*///////////////////////////////////////////*/
.new-marg-left-1 {
    margin-right: -11px;
}

.margin-r-moreInfo-firstClass {
    margin-right: 20px !important;
}

@media screen and (max-width:405px) {
    .margin-r-moreInfo-firstClass {
        margin-right: 0 !important;
    }
}

@media screen and (min-width:450px) and (max-width:600px) {
    .text-truncate-1 {
        display: block;
        text-align: center;
        overflow: hidden;
        width: 80px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px !important;
        font-weight: 100;
        height: 23px;
    }

    a.btn_2, .btn_2 {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: #fff;
        background: #91b754 /*#50d925 change by p*/;
        cursor: pointer;
        margin-top: 28px !important;
        padding: 6px 10px !important;
        display: inline-block;
        outline: none;
        font-size: 12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
        white-space: nowrap;
        display: block;
    }

    .terminal-set-Origin {
        font-size: 9px !important;
        clear: both;
        white-space: nowrap;
    }

    .terminal-set-Destination {
        font-size: 9px !important;
        white-space: nowrap;
    }

    .price-number {
        font-size: 16px;
        direction: initial;
        white-space: pre;
    }
}

@media screen and (min-width:349px) and (max-width:450px) {
    .text-truncate-1 {
        display: block;
        text-align: center;
        overflow: hidden;
        width: 62px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px !important;
        font-weight: 100;
        height: 18px;
    }

    a.btn_2, .btn_2 {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: #fff;
        background: #91b754 /*#50d925 change by p*/;
        cursor: pointer;
        margin-top: 18px !important;
        padding: 7px 10px !important;
        display: inline-block;
        outline: none;
        font-size: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
        white-space: nowrap;
        display: block;
    }

    .mt-25 {
        margin-top: 10px;
    }

    .date-flight {
        font-size: 10px
    }

    .date-flight-1 {
        font-size: 10px
    }

    .price-number {
        font-size: 14px;
        font-weight: bolder;
    }

    .font-size-10-chair {
        font-size: 8px;
    }

    .flight-go {
        margin-top: 9px;
        font-size: 9px
    }

    .mt-05 {
        margin-top: 7px;
    }

    .font-size-economy {
        font-size: 9px;
    }

    .mb-05 {
        margin-bottom: 12px !important;
    }

    .mt-13 {
        margin-top: 13px !important;
    }

    .width-flightCompany {
        width: 29px;
        height: 29px;
    }

    .font-size-14 {
        font-size: 14px !important;
    }
}

@media screen and (min-width:320px) and (max-width:450px) {
    .span-terminal {
        display: none;
    }
}

@media screen and (min-width:319px) and (max-width:349px) {
    .text-truncate-1 {
        display: block;
        text-align: center;
        overflow: hidden;
        width: 55px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px !important;
        font-weight: 100;
        height: 20px;
    }

    a.btn_2, .btn_2 {
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: #fff;
        background: #91b754 /*#50d925 change by p*/;
        cursor: pointer;
        margin-top: 25px !important;
        padding: 6px 6px !important;
        display: inline-block;
        outline: none;
        font-size: 10px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
        white-space: nowrap;
        display: block;
    }



    .date-flight {
        font-size: 10px
    }

    .date-flight-1 {
        font-size: 10px
    }

    .price-number {
        font-size: 13px;
    }

    .font-size-10-chair {
        font-size: 8px;
    }

    .flight-go {
        margin-top: 8px;
        font-size: 9px
    }

    .mt-05 {
        margin-top: 7px;
    }

    .font-size-economy {
        font-size: 8px;
    }

    .width-flightCompany {
        width: 29px;
        height: 29px;
        margin-top: 10px;
    }

    .font-size-14 {
        font-size: 14px !important;
    }
}
.margin_top_bottomEconomy{
    margin-top:20px;
    margin-bottom:16px;
}
/*////////////////////////////<<<<<<<<<<<<<<<<<(  )>>>>>>>>>>>>>>>>>>>>>////////////////////////////*/
.collapsible-6 {
    background-color: #fff;
    color: #777;
    cursor: pointer;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 10px;
    color: #91b754;
    text-align: center;
}

    .collapsible-6:hover {
        background-color: #fff;
        color: #777;
        cursor: pointer;
        margin: 0 0px;
        padding: 0 10px;
        width: 100%;
        border: none;
        text-align: center;
        outline: none;
        font-size: 10px;
        color: #81629e;
        text-align: center;
    }



.content-6 {
    margin: 0 0px;
    padding: 0;
    display: none;
    overflow: hidden;
    text-align: center;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
    color: #777;
    border-radius: 3px;
}

/*/////////// make the query for padding and margin for use sizing : this query is As bootstrap 4   ///////////////*/
/*////////////////////////// this is margin ////////////////////////*/
.m-0 {
    margin: 0;
}

.m-1 {
    margin: 10px;
}

.m-2 {
    margin: 20px;
}

.m-3 {
    margin: 30px;
}

.m-4 {
    margin: 40px;
}

.m-5 {
    margin: 50px;
}

.m-6 {
    margin: 60px;
}

/*///////////////  this is margin-top//////////////////*/
.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.mt-6 {
    margin-top: 60px;
}

mt-02 {
    margin-top: 2px !important;
}
/*///////////////  this is margin-bottom//////////////////*/
.mb-0 {
    margin-bottom: 0;
}

.mb-05 {
    margin-bottom: 5px;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.mb-6 {
    margin-bottom: 60px;
}
/*///////////////  this is margin-right//////////////////*/
.ml-1 {
    margin-right: 10px;
}

.ml-2 {
    margin-right: 20px;
}

.ml-3 {
    margin-right: 30px;
}

.ml-4 {
    margin-right: 40px;
}

.ml-5 {
    margin-right: 50px;
}

.ml-6 {
    margin-right: 60px;
}
/*///////////////  this is margin-left//////////////////*/
.mr-1 {
    margin-left: 10px;
}

.mr-2 {
    margin-left: 20px;
}

.mr-3 {
    margin-left: 30px;
}

.mr-4 {
    margin-left: 40px;
}

.mr-5 {
    margin-left: 50px;
}

.mr-6 {
    margin-left: 60px;
}

/*////////////////////////// this is padding ////////////////////////*/
.p-0 {
    padding: 0;
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 20px;
}

.p-3 {
    padding: 30px;
}

.p-4 {
    padding: 40px;
}

.p-5 {
    padding: 50px;
}

.p-6 {
    padding: 60px;
}


/* ////////////// this is padding top   /////////////// */
.pt-0 {
    padding-top: 0;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 20px;
}

.pt-3 {
    padding-top: 30px;
}

.pt-4 {
    padding-top: 40px;
}

.pt-5 {
    padding-top: 50px;
}

.pt-6 {
    padding-top: 60px;
}


pt-02 {
    padding-top: 2px !important;
}


/* ////////////// this is padding bottom   /////////////// */

.pb-0 {
    padding-bottom: 0;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 40px;
}

.pb-5 {
    padding-bottom: 50px;
}

.pb-6 {
    padding-bottom: 60px;
}



/* ////////////// this is padding right   /////////////// */

.pr-0 {
    padding-right: 0;
}

.pr-1 {
    padding-right: 10px;
}

.pr-2 {
    padding-right: 20px;
}

.pr-3 {
    padding-right: 30px;
}

.pr-4 {
    padding-right: 40px;
}

.pr-5 {
    padding-right: 50px;
}

.pr-6 {
    padding-right: 60px;
}


/* ////////////// this is padding bottom   /////////////// */

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 10px;
}

.pl-2 {
    padding-left: 20px;
}

.pl-3 {
    padding-left: 30px;
}

.pl-4 {
    padding-left: 40px;
}

.pl-5 {
    padding-left: 50px;
}

.pl-6 {
    padding-left: 60px;
}

.border-0 {
    border: none;
}

.border-white {
    border: 1px solid white;
}


/*/////////////////// this is from amirali write in style  ///////////////////*/
.rotate-deg {
    transform: rotate(-40deg);
}

.wrap {
    width: 20%;
    float: right;
    padding: 50px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


* {
    box-sizing: border-box;
}

/*///////////////////////////////////////////////////////////////*/
.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
    top: 45%;
    right: 20%;
    text-align: center;
}
/*
.pos-absolute-1 {
    position: absolute;
    top: 8%;
}



.text-mt-mb-white {
    color: white;
    margin-bottom: 0;
    margin-top: 3px;
}

.no-deco {
    text-decoration: none;
    color: white;
}

    .no-deco:hover {
        text-decoration: none;
        color: white;
    }

.mlr-20 {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 20px;
}

.responsive-img {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 65px;
}

.d-block {
    display: block;
}

.mt-1 {
    margin-top: 10px;
}

.d-inline-block-1 {
    display: inline-block;
}
    */
/*/////////// this is write for background ////////////////*/
body, html {
    height: 100%;
/*    overflow-x: hidden !important;
*/}

* {
    box-sizing: border-box;
}

.bg-img {
    /* The image used */
    background-image: url("/images/background.png");
    height: 700px;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.button-height {
    min-height: 38px;
    min-width: 100px;
    max-height: 40px;
    max-width: 110px;
}

.col-offset-2 {
    margin-right: 9.6666%;
    margin-left: 9.6666%;
}

.resCarousel-inner .item {
    /*border: 4px solid #eee;*/
    /*vertical-align: top;*/
    text-align: center;
}

    .resCarousel-inner .item .tile div,
    .banner .item div {
        display: table;
        width: 100%;
        min-height: 250px;
        text-align: center;
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, .1);*/
    }

    .resCarousel-inner .item h1 {
        display: table-cell;
        vertical-align: middle;
        color: white;
    }

.banner .item div {
    background-size: cover;
    min-height: 550px;
}

.item .tile div {
    background-size: cover;
    height: 200px;
    /*color: white;*/
}

.item div h1 {
    background: rgba(0, 0, 0, .4);
}

/*///////////////////////////////// this slide in the page Country Guide /////////////////////////////////////////*/

img {
    vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container-3 {
    position: relative;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
/*.prev {
    cursor: pointer;
    position: absolute;
    top: 94%;
    z-index: 9;
    left: -2%;
    width: auto;
    padding: 9px 9px 9px 9px;
    margin-top: -50px;
    font-weight: bold;
    border-radius: 50%;
    background-color: whitesmoke;
    user-select: none;
    -webkit-user-select: none;
}*/

/*
.next {
    cursor: pointer;
    position: absolute;
    top: 94%;
    z-index:9;
    right: -2%;
    width: auto;
    padding: 9px 9px 9px 9px;
    margin-top: -50px;
    font-weight: bold;
    border-radius: 50%;
    background-color: whitesmoke;
    user-select: none;
    -webkit-user-select: none;
}
*/


/* Position the "next button" to the right */

/* On hover, add a black background color with a little bit see-through */
/* .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  } */

/* Number text (1/3 etc) */
/* .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  } */

/* Container for image text Caption */
/* .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
  } */

.row-1:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.column {
    float: left;
    width: 25%;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

    .active,
    .demo:hover {
        opacity: 1;
    }

/*/////////////////////////////  that is for slide in page Country Guide  /////////////////////////////*/


/*///////////////////////   === Global Partners Cards === ///////////////////*/
* {
    box-sizing: border-box;
}

.container-4 {
    position: relative;
    width: 100%;
    max-width: 510px;
    margin-bottom: 40px;
    color: white;
}


.image-1 {
    display: block;
    width: 100%;
    /*height: 300px;*/
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    height: 70px;
    font-size: 20px;
    padding-top: 10px;
    line-height: 1px;
    text-align: center;
}

.container-4 .overlay {
    opacity: 1;
}

@media screen and (max-width:1230px) {
    .overlay {
        height: 59px;
        padding-top: 0;
    }
}
/*///////////////////////////////////////////////////////*/


/*Top Search*/


label {
    font-weight: normal !important;
    font-size: 11px;
}



/*HassanPour COdes*/
.top-icons-home {
}

.top-icons-carousel {
    width: 100%;
}

.top-icons-parent {
    text-align: center;
    width: 100%;
    padding: 5px 0px /*30px change by p*/;
}

    .top-icons-parent li {
        display: inline-block;
        /*width: 13%;*/
        background: #fff;
        /*height: 70px; by p*/
        border-radius: 4px;
        margin: 0 3px;
        width: 90%;
    }

        .top-icons-parent li.active {
            background: #91b754 /*#50da25*/;
            margin-right: 20px !important;
        }

            .top-icons-parent li.active a, .top-icons-parent li.active a i.fa, .top-icons-parent li.active a i.fas {
                /*color: #FFF; change by b*/
                color: #91b754;
            }



        /*                .top-icons-parent li.active a i.fa, .top-icons-parent li.active a i.fas {
                    color: #50da25;
                }*/

        .top-icons-parent li a {
            position: relative;
        }
        .top-icons-parent li a:hover {
         color:#81629e;
        }

.item .right-side, .item .left-side {
    /*width: 50%;*/
    display: block;
}

.item .left-side {
    /*float: left;*/
    /* margin-top: 14px;*/
    padding-top: 6%;
}

.item .right-side {
    /*float: right;*/
    text-align: center;
    /*    padding-left: 10px;
    padding-right: 10px;*/
    font-size: 12px;

}

.top-box-detail {
    padding: 0 6px;
    margin-top: 2px;
}

    .top-box-detail i {
        font-size: 20px;
        color: #91b754 /*#50d925 change by p*/;
        margin: 5px 9px 0 0;
        position: absolute;
        bottom: 19px;
        z-index: 99
    }

    .top-box-detail .icon-search, .top-box-detail .icon-phone {
        position: static;
        margin-right: -4px;
        margin-left: 3px;
        font-size: 18px;
        vertical-align: sub;
        color: #fff;
    }

    .top-box-detail label {
        font-size: 10px;
        vertical-align: bottom;
        margin-right: -10px;
        display: block;
        padding: 5px 16px 0;
    }

/*.select2-container, .select2-hidden-accessible {
        width: 100%;
    }*/

.country-grid .purple-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: auto;
    border: 3px solid #5d5d5d;
}






/*@media(min-width: 1200px) {
    .country-grid {
        width: 17.6%;
        margin: 20px 1%;
        display: inline-block;
    }
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .country-grid {
        width: 22.5%;
        margin: 20px 1%;
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .country-grid {
        width: 31.5%;
        margin: 20px 1.33%;
        display: inline-block;
    }
}

@media (max-width: 576px) {
    .country-grid {
        width: 45%;
        margin: 20px 2%;
        display: inline-block;
        display: relative;
    }
}*/

.country-grid .country-flag {
    position: absolute;
    bottom: 0;
    top:48%;
    width: 100%;
    right: 0;
    left:0;
    margin:auto;
    /*text-align: center;*/
}


.some-tags {
    position: absolute;
    bottom: 0;
    top:73%;
    right:0;
    left:0;
    margin:auto;
    text-align: center;
    width: 100%;

}

/*@media screen and (min-width:1740px) {
    .some-tags {
        width: 63% !important;
    }
}

@media screen and (min-width:1550px) and (max-width:1740px) {
    .some-tags {
        width: 71% !important;
    }
}*/

/*@media screen and (min-width:1550px) {
    .country-grid .country-flag {
        right: 25% !important;
    }

    .country-name {
        left: 64% !important;
    }
}*/


.tab-content > .active {
    padding: 0 10%;
}

.some-tags span {
    color: #fff;
}



.second-row-parent {
    text-align: center;
    /*width: 100%;*/
    padding: 20px 30px;
    margin-right: 1%;
}

    .second-row-parent .right-side {
        border-radius: 4px;
        display: inline-block;
        margin-right: 0.7%;
    }

    .second-row-parent .left-side {
        border-radius: 4px;
        display: inline-block;
        margin-left: 0.7%;
    }

    .second-row-parent div {
        padding: 10px 20px;
        width: 150px;
        height: 30px;
        cursor: pointer;
    }

.btn-success {
    background-color: #FFF !important;
    /*background-color: #50da25 !important;*/
    color: #000 !important;
}

    .btn-success:active {
        background-color: #91b754 /*#50d925 change by p*/ !important;
        color: #FFF;
    }

label.btn.btn-success.active {
    background-color: #91b754 /*#50d925 change by p*/ !important;
    color: #FFF !important;
}


.btn-success-fill {
    /* background-color: #FFF !important;*/
    background-color: #8fb554 !important;
    color: #fff !important;
}

    .btn-success-fill:active {
        background-color: #50d925 /*#50d925 change by p*/ !important;
        color: #FFF;
    }

label.btn.btn-success-fill.active {
    background-color: #50d925 /*#50d925 change by p*/ !important;
    color: #FFF !important;
}




.btn-flight {
    width: 150px;
    font-size: 12px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.active-button {
    background-color: #91b754 /*#50d925 change by p*/ !important;
}

.NoActive-button {
    background-color: #FFF !important;
}

.date-pick {
    text-align: left;
}

.cal-justify {
    right: 5px;
}

.dd-pointer {
    right: 90% !important;
}

.country-grid {
    /*    position: absolute;
    right: 25%;*/
}



.country_flag {
}

.country-name {
    color: #FFF;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0 !important;
    right:0;
    top:63%;
    width:100%;
    margin:auto;
    /*transform: translateX(-50%) translateY(-50%);*/
    font-size: 16px;
    font-weight: bold;
}




.col-center {
    text-align: center;
}

@media (max-width: 1100px) and (min-width:576px) {
    .btn-flight {
        width: 120px;
    }
}

@media (max-width: 576px) and (min-width:500px) {
    .btn-flight {
        width: 78px;
        font-size: 7px;
    }

    .top-flight-row {
        text-align: center;
        /*margin-bottom: 6.5% !important;*/
    }

    .top-box-detail label {
        font-size: 9px !important;
    }
}

@media (max-width: 500px) and (min-width:410px) {
    .btn-flight {
        width: 86px;
        font-size: 7.6px;
    }
}

@media (max-width: 410px) and (min-width:370px) {
    .btn-flight {
        width: 78px;
        font-size: 6.6px;
    }
}

@media (max-width: 370px) and (min-width:357px) {
    .btn-flight {
        width: 75px;
        font-size: 6.6px;
    }
}

@media (max-width: 357px) {
    .btn-flight {
        width: 66px;
        font-size: 5.7px;
    }
}



.banner-top {
    position: absolute;
    bottom: 4%;
    /* background: #FFF;*/
    width: 79.8%;
    padding: 7px 15px;
    border-radius: 4px;
    /*opacity: 0.7;*/
    background-color: rgba(255,255,255,0.7);
    left: 6px;
}

#btnFlight_adult {
    padding: 10px 42px 0 0;
}

@media screen and (max-width:991px) {
    #search .tab-content {
        height: 480px !important;
    }
    .banner-top {
        position: absolute;
        bottom: 2.8%;
        width: 79.8%;
        background-color: rgba(255,255,255,0.7);
        left: 2px;
    }
}

@media screen and (max-width:767px) {
    #search .tab-content {
        height: 590px !important;
    }
}

@media screen and (max-width:500px) {
    #search .tab-content {
        height: 595px !important;
    }
}

@media screen and (max-width:320px) {
    #search .tab-content {
        height: 600px !important;
    }
}

@media (max-width: 865px) {
    /*  #search .tab-content {
            height: 570px !important;
        }*/

    .item .right-side {
        /*width: 90px;*/
        /* font-size: 8px;*/
        line-height: 15px;
    }

    .top-box-detail {
        padding: 0px 0px;
    }
}

.vertical-center {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    color: #000;
}

.country-links a {
    color: #FFF;
    text-decoration: none;
    margin: 1px;
    font-size: 10px;
}

    .country-links a:hover {
        /*color: #FFF444;*/
        color:#91b754;
    }

.top-flight-row {
    text-align: center;
    /*margin-bottom: 1.5%*/
}

.country-links {
    line-height: 17px;
}

/*////////// /////////////// ////////// this is for top destination ////////// //////////////// //////////*/

.card .card-caption-1 {
    padding: 0px;
    color: white;
    border-radius:4px;
    /*height: 175px;*/
    background-color: #81629e;
}


/* //////////////////////////  this is for card TopHotels  ///////////////////////////////////////////// */
.card {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #81629e;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}



.flex-container {
    display: flex;
    direction: rtl;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #81629e;
    width: 100%;
    color: #f1f1f1;
}

.small-1 {
    font-size: 79%;
    font-weight: 400;
}

.flex-container > .flex-content {
    width: 700px;
    margin: 7px 22px 7px 3px;
    line-height: 30px;
}

.flex-container > .flex-content-1 {
    width: 100px;
    margin: 7px 0px 7px 23px;
    direction: ltr;
    line-height: 30px;
}

.margin-b-0 {
    margin-bottom: 14px !important;
}

.line-h {
    line-height: 18px !important;
}

.font-resize {
    margin-bottom: -10px;
}



@media screen and (max-width:1297px) and (min-width:1257px) {



    .font-resize {
        font-size: 10px;
        margin-bottom: -10px !important;
    }

    .margin-b-0 {
        margin-bottom: -12px !important;
    }
}

@media screen and (max-width:1257px) and (min-width:1097px) {

    .h-21 {
        line-height: 0px;
    }

    .font-resize {
        font-size: 10px;
        margin-bottom: -10px !important;
    }

    .h-3 {
        margin-bottom: 10px;
    }

    .margin-b-0 {
        margin-bottom: -12px !important;
    }
}

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


    .font-resize {
        font-size: 9px;
        margin-bottom: -2px !important;
    }

    .margin-b-0 {
        margin-bottom: -9px !important;
    }

    .line-height {
        line-height: 10px;
    }
}

@media screen and (max-width:1024px) and (min-width:1020px) {
    .margin-b-0 {
        margin-bottom: -10px !important;
    }

    .font-resize {
        margin-bottom: 22px;
    }

    .h-21 {
        line-height: 0px !important;
    }
}

@media screen and (max-width:999px) and (min-width:881px) {
    .line-h {
        line-height: 18px;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: 12px !important;
    }

    .font-resize {
        margin-bottom: 0px !important;
    }

    .flex-container > .flex-content-1 {
        line-height: 18px;
    }
}

@media screen and (max-width:881px) and (min-width:768px) {
    .line-h {
        line-height: 18px;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: -17px !important;
    }

    .font-resize {
        margin-bottom: 0px !important;
    }

    .flex-container > .flex-content-1 {
        line-height: 18px;
    }
}

@media screen and (max-width:768px) and (min-width:760px) {

    .font-resize {
        margin-bottom: -3px !important;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: -9px !important;
    }

    .h-21 {
        margin-bottom: 0px;
    }
}

@media screen and (max-width:760px) and (min-width:700px) {

    .font-resize {
        margin-bottom: -3px !important;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: -8px !important;
    }
}


@media screen and (max-width:699px) and (min-width:500px) {

    .font-resize {
        margin-bottom: 2px !important;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: 14px !important;
    }

    .flex-container > .flex-content {
        margin: 9px 31px 5px 3px;
    }

    .flex-container > .flex-content-1 {
        margin: 7px 0px 5px 31px;
    }
}

@media screen and (max-width:499px) and (min-width:340px) {

    .margin-b-0 {
        margin-bottom: -8px !important;
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .font-resize {
        margin-bottom: 27px;
    }

    .h-6 {
        font-size: 14px !important;
    }
}

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

    .font-resize {
        font-size: 8px;
        margin-bottom: 4px
    }

    .h-3 {
        margin-bottom: 10px !important;
    }

    .margin-b-0 {
        margin-bottom: -9px !important;
    }

    .h-21 {
        line-height: 0px !important;
    }
}

/*//////////////////////// this is for topHotel Card  /////////////////////////*/

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.float-left-new {
    float: right !important;
}

.float-right-new {
    float: left !important;
}

* {
    box-sizing: border-box;
}


.text-left-1 {
    text-align: right;
}

.text-right-1 {
    text-align: left;
}

.h-4 {
    font-size: 24px;
}

.h-3 {
    font-size: 20px;
    margin-bottom: 10px !important;
}

.h-6 {
    font-size: 16px;
}

.h-21 {
    font-size: 32px;
    line-height: 0px !important;
    margin-bottom: 15px;
}


/*/////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
}

.languanes-list {
    z-index: 999;
}

.btn-green {
    background: #91b754 /*#50d925 change by p*/ !important;
    color: #FFF !important;
    font-size: 10px;
    border-radius: 4px;
    padding: 13px 25px;
}

.middle-advertise {
    width: 85%;
}

.advertise-end {
    width: 100%;
}

.h-1 {
    font-size: 20px;
}

.h-2 {
    font-size: 18px;
}



/*/////////////////*/

/*////////////////////////////////// this is style for langouage in header   /////////////////////////////////////////*/
.nav-wrapper {
    position: absolute;
    color: #FFF;
    text-align: left; /*change by p right*/
    left: 12%; /*change by p right*/
    direction: rtl;
    /*top: 7px;*/
}

.icon-language-size {
    margin-top: 9px;
}

.icon-currency {
    margin: 1px 5px;
}

.img-size {
    width: 21px;
    margin: 5px 9px;
    height: 100%;
}

.sl-nav {
    display: inline;
    line-height: 12px;
}

.sticky .sl-nav {
    color: #1e1923; /*add by p*/
}

.sl-nav ul {
    margin: 0;
    /*        padding: 0;  deactive by p*/
    list-style: none;
    position: relative;
    display: inline-block;
}

    .sl-nav li {
        cursor: pointer;
        display: flex;
        padding-bottom: 10px;
        padding-right: 4px;
        padding-left: 4px;
    }

        .sl-nav li ul {
            display: none;
        }

        .sl-nav li:hover ul {
            position: absolute;
            top: 21px;
            left: -50px; /*change by b right*/
            display: block;
            background: #fff;
            width: 400px;
            padding-top: 0px;
            z-index: 1;
            border-radius: 5px;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        }

        .sl-nav li:hover .triangle {
            position: absolute;
            top: 15px;
            right: -10px;
            z-index: 10;
            height: 14px;
            overflow: hidden;
            width: 30px;
            background: transparent;
        }

            .sl-nav li:hover .triangle:after {
                content: '';
                display: block;
                z-index: 20;
                width: 15px;
                transform: rotate(45deg) translateY(0px) translatex(10px);
                height: 15px;
                background: #fff;
                border-radius: 2px 0px 0px 0px;
                box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
            }

        .sl-nav li ul li {
            position: relative;
            text-align: left;
            background: transparent;
            padding: 8px 15px;
            /* padding-bottom: 10px;*/
            z-index: 2;
            line-height: 10px;
            font-size: 10px;
            color: #3c3c3c;
            width: 48%;
            display: inline-block;
        }

            .sl-nav li ul li a span:hover {
                color: #FFF !important;
            }

            .sl-nav li ul li:hover {
                /* position: relative;*/
                text-align: left;
                background: #91b754;
                padding: 8px 15px;
                z-index: 2;
                line-height: 10px;
                font-size: 10px;
                color: #FFF;
            }

            /*.sl-nav li ul li:last-of-type {
                padding-bottom: 15px;
            }*/

            .sl-nav li ul li span {
                padding-left: 5px;
            }

                .sl-nav li ul li span:hover, .sl-nav li ul li span.active {
                    color: #000;
                }

.sl-flag {
    display: inline-block;
    width: 20%;
    background: #aaa;
    position: relative;
    top: -4px;
    overflow: hidden;
}


@media screen and (max-width:500px) and (min-width:360px) {
    .sl-nav li:hover ul {
        position: absolute;
        top: 18px;
        right: -53px;
        display: block;
        background: #fff;
        width: 300px;
        padding-top: 0px;
        z-index: 1;
        border-radius: 5px;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    }
}
@media screen and (min-width:320px) and (max-width:360px) {
    .sl-nav li:hover ul {
        position: absolute;
        top: 18px;
        right: -53px;
        display: block;
        background: #fff;
        width: 260px;
        padding-top: 0px;
        z-index: 1;
        border-radius: 5px;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    }
}
/*////////////////////////////////// this is style for langouage in header   /////////////////////////////////////////*/



/*////////////////// Drop Down ///////////////////*/
.ul {
    list-style: none;
    padding-right: 45px;
}

    .ul li {
        display: inline;
        text-align: center;
    }

.dropbtn {
    background-color: #ebdfe9;
    color: #000;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

.dropdown-1 {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    top: 19px;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1111;
    border-radius: 4px;
}

    .dropdown-content a {
        color: black;
        padding: 5px 10px;
        font-size: 10px;
        text-decoration: none;
        display: block;
        text-align: right;
        border-bottom: 1px solid #f1f1f1;
        border-radius: 4px;
    }

        .dropdown-content a:hover {
            background-color: #91b754;
            color: #fff;
            border-radius: 4px;
        }

.dropdown-1:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: white;
}



.pl-40 {
    padding-left: 40px;
}

.pad-143 {
    padding-right: 40px;
}

.pad-94 {
    padding-left: 40px;
}

@media screen and (max-width:1199px) {
    .pad-94 {
        padding-left: 0;
    }

    .pad-143 {
        padding-right: 0;
    }

    .ul {
        padding-right: 0;
    }

    .pl-40 {
        padding-left: 0;
    }
}




/*/////////  THIS IS QUERY FOR BANNER - DOWN ///////////*/

@media screen and (min-width:768px) {
    .hidden-new {
        display: none !important;
    }
}

@media screen and (max-width:767px) {
    .hidden-new-1 {
        display: none !important;
        visibility:hidden;
    }
    
}


@media screen and (max-width:890px) and (min-width:768px) {
    .span-query {
        font-size: 12px !important;
        
    }
    .h-154 {
        height: 60px;
    }

}

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

    .tag-a-btn {
       
        margin-top: 12px;
    }

    .h-154 {
        height: 154px !important;
    }
}

@media screen and (max-width:500px) and (min-width:376px) {
    .span-query {
        font-size: 12px !important;
    }
}

@media screen and (max-width:375px) {
    .h-154 {
        height: 170px !important;
    }
}

/*/////////*/

/*///////////////////////////// this is for radio btn in tab contents  - (flightSearch) ----(WorldFlightSearch)  //////////////////////////////*/

.rad-btn-bottom {
    margin-bottom: 13px;
    text-align: center;
}

/*/////////////////////*/
.ul-top {
    top: 21px;
    padding:0;
    left: 15px !important;
}

/*//////////////////////////// thi is end banner - down ///////////////////////////*/
.nav-tabs > li > a {
    /*background-color: #d4cad3;*/
    border-bottom: 1px solid #91b754 /*#50d925 change by p*/;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #91b754 /*#50d925*/;
    color: white;
}

.nav-tabs > li a:hover, .nav-tabs > li a:focus {
    color: #000000;
}

#CountryInfotabs {
    border-bottom: 1px solid #91b754 /*#50d925 change by p*/;
}

    #CountryInfotabs > li {
        margin-right: 0px;
        margin-left: 0px;
    }

.glyphicon-chevron-right {
    color: #81629e;
}

.glyphicon-chevron-left {
    color: #81629e;
}

#CountryTabContent > .active {
    padding: 0;
}

.tab-content {
    padding-left: 0px;
    padding-right: 0px;
}
/*////////////////////////this is for flex box in footer ///////*/
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.flex-direction-column{
    flex-direction:column;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/*////////////////////////////////////////////////*/
@media screen and (max-width:450px) and (min-width:321px) {
    .country-name {
        left: 45%;
    }
}

@media screen and (max-width:321px) {
    .country-name {
        left: 39%;
    }
}



/*////////////////*/
@media screen and (max-width:500px) and (min-width:375) {
    .country-links a {
        font-size: 9px !important;
    }
}

@media screen and (max-width:375px) {
    .country-links a {
        font-size: 8px !important;
    }
}

/*////////////////*/



/*////////////////////// this is query for header /////////////////////////*/
@media screen and (min-width:1199px) {
    ul#top_links {
        z-index: 999;
        list-style: none;
        /* margin: 10px 0 0 0; */
        padding: 0;
        /* float: left; */
        white-space: nowrap;
        position: absolute;
        /* left: 60px; 
        top: 20px;
        right: 24.5%; deactive by p*/
    }

    .nav-wrapper {
        position: relative; /*change by p right*/
        color: #FFF;
        text-align: left; /*change by p right*/
        left: 0; /*change by p right*/
        padding-right: 1px;
        direction: rtl;
        /*top: 7px;
        margin: 0;*/
    }

    header#plain {
        height: 100px !important;
    }

    .mr-negetive {
        margin-right: -47px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    ul#top_links {
        z-index: 999;
        list-style: none;
        /* margin: 10px 0 0 0; */
        padding: 0;
        /* float: left; */
        white-space: nowrap;
        position: absolute;
        /* left: 60px; */
        top: 25px;
        right: 5%;
    }

    .nav-wrapper {
        position: relative; /*change by p*/
        color: #FFF;
        text-align: left; /*change by p right*/
        left: 0; /*change by p right 12%*/
        direction: rtl;
        /*top: 7px;*/ /*change by p 20px*/
        /*margin: 0;*/
    }

    header#plain {
        height: 87px !important;
    }
    .margin_minus {
        margin-right: -25% !important;
    }
}
@media screen and (max-width:992px) and (min-width:991px) {
    ul#top_links {
        left: -57%;
    }

        ul#top_links li {
            padding: 0px 17px 0px 0px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }

    .nav-wrapper {
        right: 16%;
       
    }

    .margin_minus {
        margin-right: -22% !important;
    }
}
@media screen and (max-width:991px) and (min-width:768px) {
    ul#top_links {
        left: 26%;
        top:46px;
    }

        ul#top_links li {
            padding: 0px 17px 0px 0px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }
    .nav-wrapper {
        right: 49%;
        top:46px;
    }
    .margin_minus {
        margin-right: 33% !important;
    }
}
@media screen and (max-width:768px) and (min-width:767px) {
    ul#top_links {
        left: 27%;
        top: 46px;
    }

        ul#top_links li {
            padding: 0px 17px 0px 0px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }

    .nav-wrapper {
        right: 29%;
        top: 46px;
    }

    .margin_minus {
        margin-right: 34% !important;
    }
}

/*@media screen and (max-width:767px) and (min-width:767px) {
    ul#top_links {
        left: -146px;
    }

        ul#top_links li {
            padding: 0px 20px 0px 0px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }

    .nav-wrapper {
        margin-right: 24px;
    }
}*/

@media screen and (max-width:767px) and (min-width:550px) {
    ul#top_links {
        left: 50%;
        top:46px;
    }

        ul#top_links li {
            padding: 0px 0px 0px 0px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }

    .nav-wrapper {
        right: 77%;
        top:46px;
    }
    .margin_minus {
        margin-right: 70px !important;
    }
}

@media screen and (max-width:550px) and (min-width:200px) {
    ul#top_links {
        left: 52%;
        top:46px;
    }

        ul#top_links li {
            padding: 0px 10px 0px 10px;
        }

            ul#top_links li:first-child {
                padding: 0;
            }
    .nav-wrapper {
        right: 77%;
        top: 46px;
    }
    .margin_minus {
        margin-right: 75px !important;
    }
}
/*//////////////////////////*/

/*///////////// this Query  is for radio button in tab content  ////////////*/


/*//////////////////////////////////////////////////////////////////////////*/
.btn-head-date {
    border: 1px solid #c4c4c4;
    color: #91b754 /*#50d925 change by p*/;
    background-color: #fff;
    border-radius: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 5px;
    margin: 0 4px;
    /*font-size: 8px;*/
}

    .btn-head-date:hover {
        border: 1px solid #c4c4c4;
        color: #fff !important;
        background-color: #81629e;
        border-radius: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 5px;
        margin: 0 4px;
        /*font-size: 8px;*/
    }


/*//////////////////////////////////////// check box //////////////////////////////////////*/


.checkbox-1 {
    display: inline;
    position: relative;
    padding-right: 20px;
    margin-bottom: 12px;
    margin-right: 12px;
    cursor: pointer;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
}


    .checkbox-1 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
}

.checkbox-1:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-1 input:checked ~ .checkmark {
    background-color: #91b754 /*#50d925 change by p*/;
    border-radius: 3px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.checkbox-1 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



/*//////////////////////////////////////// check-2 box //////////////////////////////////////*/


.checkbox-2 {
    display: block;
    position: relative;
    /*padding-right: 25px;*/
    margin-bottom: 12px;
    margin-right: 16px;
    cursor: pointer;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #777;
    text-align: right;
}


    .checkbox-2 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


.checkmark-1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
}

.checkbox-2:hover input ~ .checkmark-1 {
    background-color: #ccc;
}

.checkbox-2 input:checked ~ .checkmark-1 {
    background-color: #91b754 /*#50d925 change by p*/;
    border-radius: 3px;
}

.checkmark-1:after {
    content: "";
    position: absolute;
    display: none;
}


.checkbox-2 .checkmark-1:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*88888888888888888888888888////////////////(((((((((((((((((((((())))))))))))))))))))))//////////////8888888888888888888888888888*/
.btn-head-sflight {
    background-color: #fff;
    color: #777;
    border: 1px solid #fff;
    border-radius: 3px;
    height: 32px;
    font-size: 11px;
    font-weight: 100;
    clear: both;
    text-align: center;
    outline: none;
    width:87%;
    /*margin: 0 0 0 6px;*/
}

.btn-head-sflight-search-1 {
    background-color: #91b754 /*#50da25*/;
    color: #fff;
    text-align: center;
    align-items: center;
    padding: 4px 40px 4px 43px;
    display: flex;
    flex-direction: row;
    border: 1px solid #91b754;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    /*width: 88%;
        margin: 0px -3px 0 0px;
        margin: 0 0 0 6px;*/
}
    .btn-head-sflight-search-1:hover {
        background-color: #81629e;
        color: #fff;
        transition: 0.5s;
        border: 1px solid #81629e;
    }



.btn-head-sflight-search {
    background-color: #81629e;
    color: #fff;
    border: 1px solid #81629e;
    border-radius: 3px;
    height: 32px;
    font-size: 11px;
    transition: 0.5s;
    font-weight: 100;
    width: 88%;
    margin: 0px -3px 0 0px;
    height: 35px;
    /*margin: 0 0 0 6px;*/
}
    .btn-head-sflight-search:hover {
        background-color: #81629e;
        color: #fff;
        border: 1px solid #81629e;
        border-radius: 3px;
        height: 32px;
        font-size: 11px;
        transition: 0.5s;
        font-weight: 100;
        width: 88%;
        margin: 0px -3px 0 0px;
        height: 35px;
        /*margin: 0 0 0 6px;*/
    }



.form-hotel {
    display: flex;
    background-color: #fff;
    clear: both;
    border-radius: 3px;
    margin-right: 10px;
    color: #777;
    height: 35px;
}

.guest-hotel {
    display: block;
    margin-top: -7px;
    margin-bottom: -20px;
    direction: rtl;
}

.font-head-size {
    font-size: 11px;
}

@media screen and (max-width:480px) {
    .checkbox-1 {
        display: inline;
        position: relative;
        padding-right: 20px;
        margin-bottom: 12px;
        margin-right: 12px;
        cursor: pointer;
        font-size: 8px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #777;
    }
}

@media screen and (max-width:360px) {
    .font-head-size {
        font-size: 9px;
    }

    .checkbox-1 {
        display: inline;
        position: relative;
        padding-right: 20px;
        margin-bottom: 12px;
        margin-right: 12px;
        cursor: pointer;
        font-size: 7px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #777;
    }
}

.margin-r-row-btn {
    margin-right: -9px !important;
}

.margin-l-row-btn-search {
    margin-left: -24px !important;
}

@media screen and (max-width:768px) {
    .margin-r-row-btn {
        margin-right: 5px !important;
    }

    .margin-l-row-btn-search {
        margin-left: 0px !important;
    }
}

@media screen and (min-width:847px) {
    .mar-l-n {
        margin-left: -26px;
    }
}

@media screen and (max-width:847px) {
    .f-float-right {
        float: right !important;
    }
}


/*////////////////////////////////////////////*/


/*///////////////////////////////tab/////////*/
.tab-1 {
    overflow: hidden;
    /*border: 1px solid #ccc;*/
    background-color: #fff;
    display: flex;
    width: 50%;
}

    /* Style the buttons inside the tab */
    .tab-1 button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 12px;
        transition: 0.3s;
        font-size: 10px;
        border-bottom: 1px solid #c4c4c4;
    }

        /* Change background color of buttons on hover */
        .tab-1 button:hover {
            background-color: #ddd;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            cursor: pointer;
        }

        /* Create an active/current tablink class */
        .tab-1 button.active {
            background-color: #fff;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            border: 1px solid #c4c4c4;
            border-bottom: none;
        }

/* Style the tab content */
.tabcontent-1 {
    display: none;
    padding: 6px 0px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    /*border-top: none;*/
    margin-top: -1px;
    border-radius: 3px;
}

.margin-leftVSright {
    margin: 0 5px;
}

@media screen and (max-width:500px) and (min-width:380px) {
    .tab-1 button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 4px;
        transition: 0.3s;
        font-size: 9px;
        border-bottom: 1px solid #c4c4c4;
    }
}

@media screen and (max-width:380px) and (min-width:319px) {
    .tab-1 button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 5px 3px;
        transition: 0.3s;
        font-size: 7.2px;
        border-bottom: 1px solid #c4c4c4;
    }
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.height-flight {
    height: 113px;
}

.flex-change {
    flex-direction: row;
}

.font-infoFlight {
    font-size: 10px;
}

.law-extradition-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2px 0 2px;
    border-left: 1px solid #fff;
    font-size: 10px;
    width: 20%;
    padding: 0 5px;
}

.div1-law-extradition-5 {
    text-align: center;
    margin: 2px 20px 19px 20px;
    font-size: 10px;
}



.law-extradition-4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -1px 0 0;
    border-left: 1px solid #91b754;
    font-size: 10px;
    width: 20%;
    padding: 0 5px;
}

.div1-law-extradition-4 {
    text-align: center;
    margin: -2px 20px 0px 28px;
    font-size: 10px;
}



.law-extradition-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -1px 0 0;
    border-left: 1px solid #91b754;
    font-size: 10px;
    width: 20%;
    padding: 0 5px;
}

.div1-law-extradition-3 {
    text-align: center;
    margin: 0px 20px 1px 20px;
}



.law-extradition-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -1px 0 0;
    border-left: 1px solid #91b754;
    font-size: 10px;
    width: 20%;
    padding: 0 5px;
}

.div1-law-extradition-2 {
    text-align: center;
    margin: 0px 20px 1px 20px;
}



.law-extradition-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2px 0 0;
    border-left: 1px solid #91b754;
    font-size: 10px;
    width: 20%;
    padding: 0 5px;
}

.div1-law-extradition-1 {
    text-align: center;
    margin: 0px 20px 1px 20px;
}

@media screen and (min-width:730px) and (max-width:1200px) {
    .law-extradition-5 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 2px 0 2px;
        border-left: 1px solid #fff;
        font-size: 10px;
        width: 20%;
        padding: 0 5px;
    }

    .div1-law-extradition-5 {
        text-align: center;
        margin: 0px 10px 17px 10px;
        font-size: 10px;
    }



    .law-extradition-4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -1px 0 0;
        border-left: 1px solid #91b754;
        font-size: 10px;
        width: 20%;
        padding: 0 5px;
    }

    .div1-law-extradition-4 {
        text-align: center;
        margin: 0px 10px 0px 10px;
        font-size: 10px;
    }



    .law-extradition-3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -1px 0 0;
        border-left: 1px solid #91b754;
        font-size: 10px;
        width: 20%;
        padding: 0 5px;
    }

    .div1-law-extradition-3 {
        text-align: center;
        margin: 0px 10px 1px 10px;
    }



    .law-extradition-2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -1px 0 0;
        border-left: 1px solid #91b754;
        font-size: 10px;
        width: 20%;
        padding: 0 5px;
    }

    .div1-law-extradition-2 {
        text-align: center;
        margin: 0px 10px 1px 10px;
    }



    .law-extradition-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 2px 0 0;
        border-left: 1px solid #91b754;
        font-size: 10px;
        width: 20%;
        padding: 0 5px;
    }

    .div1-law-extradition-1 {
        text-align: center;
        margin: 0px 10px 1px 10px;
    }
}



@media screen and (max-width:730px) and (min-width:450px) {
    .height-flight {
        height: 155px !important;
    }

    .flex-change {
        flex-direction: column;
    }

    .law-extradition-5 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-5 {
        text-align: center;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 21px;
        right: 10px;
    }

    .percentPosition-absolute-5 {
        position: absolute;
        left: 3px;
        top: 25px;
        background-color: #91b754;
        color: #fff;
        width: 60px !important;
    }



    .law-extradition-4 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-4 {
        text-align: center;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 16px;
        right: 4px;
    }

    .percentPosition-absolute-4 {
        position: absolute;
        left: 3px;
        top: 17px;
        background-color: #91b754;
        color: #fff;
        width: 60px !important;
    }



    .law-extradition-3 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-3 {
        text-align: center;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 10px;
        right: 4px;
    }

    .percentPosition-absolute-3 {
        position: absolute;
        left: 3px;
        top: 9px;
        background-color: #91b754;
        color: #fff;
        width: 60px !important;
    }



    .law-extradition-2 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-2 {
        text-align: center;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 5px;
        right: 4px;
    }

    .percentPosition-absolute-2 {
        position: absolute;
        left: 3px;
        top: 1px;
        background-color: #91b754;
        color: #fff;
        width: 60px !important;
    }



    .law-extradition-1 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-1 {
        text-align: center;
        margin: 0;
        font-size: 11px;
        position: absolute;
        top: 0px;
        right: 4px;
    }

    .percentPosition-absolute-1 {
        position: absolute;
        left: 3px;
        top: -7px;
        background-color: #91b754;
        color: #fff;
        width: 60px !important;
    }
}



@media screen and (max-width:450px) and (min-width:340px) {
    .height-flight {
        height: 155px !important;
    }

    .flex-change {
        flex-direction: column;
    }

    .law-extradition-5 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-5 {
        text-align: center;
        margin: 0;
        font-size: 8px;
        position: absolute;
        top: 21px;
        right: 10px;
    }

    .percentPosition-absolute-5 {
        position: absolute;
        left: 3px;
        top: 25px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-4 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-4 {
        text-align: center;
        margin: 0;
        font-size: 8px;
        position: absolute;
        top: 16px;
        right: 4px;
    }

    .percentPosition-absolute-4 {
        position: absolute;
        left: 3px;
        top: 17px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-3 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-3 {
        text-align: center;
        margin: 0;
        font-size: 8px;
        position: absolute;
        top: 10px;
        right: 4px;
    }

    .percentPosition-absolute-3 {
        position: absolute;
        left: 3px;
        top: 9px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-2 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-2 {
        text-align: center;
        margin: 0;
        font-size: 8px;
        position: absolute;
        top: 5px;
        right: 4px;
    }

    .percentPosition-absolute-2 {
        position: absolute;
        left: 3px;
        top: 1px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-1 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-1 {
        text-align: center;
        margin: 0;
        font-size: 8px;
        position: absolute;
        top: 0px;
        right: 4px;
    }

    .percentPosition-absolute-1 {
        position: absolute;
        left: 3px;
        top: -7px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }


    .font-infoFlight {
        font-size: 7.5px;
    }
}


@media screen and (max-width:340px) and (min-width:319px) {
    .height-flight {
        height: 155px !important;
    }

    .flex-change {
        flex-direction: column;
    }

    .law-extradition-5 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-5 {
        text-align: center;
        margin: 0;
        font-size: 7px;
        position: absolute;
        top: 25px;
        right: 10px;
    }

    .percentPosition-absolute-5 {
        position: absolute;
        left: 3px;
        top: 25px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-4 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-4 {
        text-align: center;
        margin: 0;
        font-size: 7px;
        position: absolute;
        top: 20px;
        right: 4px;
    }

    .percentPosition-absolute-4 {
        position: absolute;
        left: 3px;
        top: 17px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-3 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-3 {
        text-align: center;
        margin: 0;
        font-size: 7px;
        position: absolute;
        top: 10px;
        right: 4px;
    }

    .percentPosition-absolute-3 {
        position: absolute;
        left: 3px;
        top: 9px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-2 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-2 {
        text-align: center;
        margin: 0;
        font-size: 7px;
        position: absolute;
        top: 5px;
        right: 4px;
    }

    .percentPosition-absolute-2 {
        position: absolute;
        left: 3px;
        top: 1px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .law-extradition-1 {
        display: flex;
        flex-direction: row;
        margin: 10px 0;
        border-left: none;
        font-size: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .div1-law-extradition-1 {
        text-align: center;
        margin: 0;
        font-size: 7px;
        position: absolute;
        top: 0px;
        right: 4px;
    }

    .percentPosition-absolute-1 {
        position: absolute;
        left: 3px;
        top: -7px;
        background-color: #91b754;
        color: #fff;
        width: 40px !important;
    }



    .font-infoFlight {
        font-size: 7px;
    }
}

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

    .mr-n {
        margin-right: -14px;
    }

    .mr-n-1 {
        margin-right: -21px;
    }
}






.Zindex-head {
    z-index: 9;
}

.breadcrumb_steps-liStart {
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    display: block;
}

.breadcrumb_steps-li {
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    display: block;
    margin: auto;
    text-align: center;
}

.breadcrumb_steps-liEnd {
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    display: block;
    margin-right: 50px;
    text-align: center;
}

.text-breadCrumb {
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 7px;
}

@media screen and (max-width:992px) {
    .head-None {
        display: none;
    }
}



.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    font-family: IRANSans-web;
    font-size: 9px;
    background-color: #81629e !important;
}

.irs--flat .irs-bar {
    background-color: #81629e /*#a62a90*/ !important;
}

.irs-grid-text {
    font-size: 7px !important;
    font-family: IRANSans-web;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #81629e !important;
}

.irs--flat .irs-handle > i:first-child {
    background-color: #81629e !important;
}


::placeholder {
    color: #d3d3d3;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #d3d3d3;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: #91b754 !important;
    font-family: IRANSans-web;
    font-size: 12px !important;
}

.irs--round .irs-handle {
    background-color: #91b754 !important;
    border: 4px solid #91b754 !important;
    top: 28px !important;
    width: 20px !important;
    height: 20px !important;
}

::-ms-input-placeholder {
    color: #d3d3d3;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    border-top-color: #91b754 !important;
}

.irs--round .irs-bar {
    background-color: #91b754 !important;
}



/*////////////// modal adult hotel page //////////////*/


/* The Modal (background) */
.modal-hotel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1991050; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-hotel {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    margin-top: 10%;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.close-hotel {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close-hotel:hover,
    .close-hotel:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


/*/////////////////*/
.f-btnSearch-Head {
    float: left;
    clear: both;
    margin-top: 28px;
    margin-left: 13px;
}

    /*///////////////*/
    .marg-r-tools{
        margin-right:20px;
    }
.marg-r-tools-room {
    margin-right: 20px;
}
.marg-r-tools-flight {
    margin-right: 16px;
}
    @media screen and (max-width:500px){
        .marg-r-tools{
            margin-right:0px !important;
        }
        .marg-r-tools-room {
            margin-right: 0px !important;
        }
        .marg-r-tools-flight {
            margin-right: 0px !important;
        }
    }
.form-group-flight {
    /*margin-bottom: 13px;*/
    text-align: right;
    /*background: white;*/ 
    border-radius: 4px;
    width:88px;
}
/*//////////////////////////////////------------- card hotel ------------- /////////////////////////////////*/
.card-hotel {
    background: #fff;
    border-radius: 4px;
    color: #777;
}
.hotel-name {
    direction: ltr;
    margin: -9px 5px 0 35px;
    align-items: baseline;
}

.hotel-content {
    direction: rtl;
    padding-top:15px;
    margin: 0px 5px 0 30px;
    align-items: baseline;
}
.span-rate {
    display: inline-block;
    min-width: 10px;
    padding: 7px 3px;
    font-size: 15px;
    /*font-weight: bold;*/
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #81629e;
    color: #fff;
    border-radius: 4px;
}

.tag-btn {
    background-color: #91b754;
    color: #fff;
    border-radius: 3px;
    padding: 9px 10px;
}
.tag-btn:hover {
    background-color: #81629e;
    color: #fff;

}

.star-display-screen {
    align-items:baseline;
}

.font-weight {
    font-weight: 100;
}
.img-figure-hotel {
    width: 100%;
    margin-top: 0px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.text-truncate-3 {
    display: block;
    text-align: right;
    overflow: hidden;
    width: 70%;
    direction:rtl;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    /*height: 23px;*/
}
.text-ltr-nameHotel{
    font-size:17px;
    /*color:#000 !important;*/
}
.hotel-posibility {
    margin: 8px 5px 0 30px;
}
.hotel-pos {
    width: 80%;
    height:45px;
    flex-direction: row;
}
.font-Hotelprice{
    font-size:17px;
    direction:rtl;
}
.lineHeight-rtl {
    line-height: 1.5;
}

.f-font-sortable{
    font-size:13px !important;
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .hotel-name {
 
        margin: -9px 5px 0 35px;

    }
    .img-Cover{
        height:203px;
    }
    .hotel-posibility {
        margin: 5px 5px 0 30px;
    }
    .hotel-content {
        direction: rtl;
        padding-top: 15px;
        margin: -15px 5px 0 30px;
        align-items: baseline;
    }
}
@media screen and (min-width:595px) and (max-width:768px) {
    .star-display-screen {
        display:none !important;
    }
    .hotel-content {
        direction: rtl;
        padding-top: 0px;
        margin: -4px 5px 0 30px;
        align-items: baseline;
    }
   
}
@media screen and (min-width:499px) and (max-width:600px) {
    .star-display-screen {
        display: none !important;
    }

    .hotel-content {
        direction: rtl;
        padding-top: 5px;
        margin: 0px 5px 0 30px;
        align-items: baseline;
    }
  

    .tag-btn {
      font-size:9px;
    }
 
    .text-truncate-3 {    
        width: 50%;
    }
}
@media screen and (min-width:400px) and (max-width:499px) {
    
    .star-display-screen {
        display: none !important;
    }

    .ability-hotel {
        display: none !important;
    }
 
    .hotel-name {
        direction: ltr;
        margin: -10px 5px 0 35px;
        align-items: baseline;
    }
    .hotel-content {
        direction: rtl;
        margin: -4px 5px 0 30px;
        align-items: baseline;
    }
    .tag-btn {
        font-size: 9px;
    }
    .text-truncate-3 {
        width: 50%;
    }

    .text-ltr-nameHotel {
        font-size: 13px;
    }

    .font-Hotelprice {
        font-size: 13px;
    }
}
@media screen and (min-width:350px) and (max-width:400px) {

    .star-display-screen {
        display: none !important;
    }


  



    .hotel-name {
        direction: ltr;
        margin: -10px 5px 0 35px;
        align-items: baseline;
    }

    .hotel-content {
        direction: rtl;
        margin: -11px 5px 0 30px;
        align-items: baseline;
    }

    .tag-btn {
        font-size: 8px;
    }
    .text-truncate-3 {
        width: 50%;
    }

    .text-ltr-nameHotel {
        font-size: 13px;
    }

    .font-Hotelprice {
        font-size: 13px;
    }
    .span-rate {
        display: inline-block;
        min-width: 10px;
        padding: 10px 10px;
        font-size: 8px;
        /*font-weight: bold;*/
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #81629e;
        border-radius: 4px;
    }
}
@media screen and (min-width:320px) and (max-width:350px) {

    .star-display-screen {
        display: none !important;
    }

    .span-rate {
        display: inline-block;
        min-width: 10px;
        padding: 10px 10px;
        font-size: 8px;
        /*font-weight: bold;*/
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #81629e;
        border-radius: 4px;
    }

    .hotel-name {
        direction: ltr;
        margin: -10px 3px 0 22px;
        align-items: baseline;
    }

    .hotel-content {
        direction: rtl;
        margin: -10px 0px 0 20px;
        align-items: baseline;
    }

    .tag-btn {
        font-size: 7px;
    }
    .img-figure-hotel {
        width: 100%;
        margin-top: -1px;
        height:75px;
    }
    .text-truncate-3 {
        width: 50%;
    }
    .text-ltr-nameHotel {
        font-size: 13px;
    }

    .font-Hotelprice {
        font-size: 13px;
    }
    .hotel-posibility {
        margin: 0 0px 0 29px;
    }
}



.btn-date-city {
    display: flex;
    background-color: #fff;
    width: 90%;
    clear: both;
    border-radius: 3px;
    margin: 10px;
    color: #777;
    height: 35px;
}
.filter-price {
    background-color: #fff;
    color: #777;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
    margin-right: 0px;
    margin-top: 4px; /*10px*/
}
.tag-a-big {
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    font-size: 9px;
    padding: 5px;
    margin: 4px;
    cursor:pointer;
}
    .tag-a-big:hover {
        background-color: #fff;
        color: #91b754;
        transition: 0.5s;
        cursor: pointer;
    }
.font-size-slide{
    font-size:9px;
    color:#000;
    font-weight:100;
}

@media screen and (min-width:362px) and (max-width:400px) {
    .tag-a-big {
        background-color: #fff;
        color: #777;
        border-radius: 3px;
        font-size: 7px;
        padding: 0px;
        margin: 4px;
    }

        .tag-a-big:hover {
            background-color: #fff;
            color: #91b754;
        }

    .f-font-sortable {
        font-size: 10px !important;
    }
}

@media screen and (min-width:319px) and (max-width:362px) {
    .tag-a-big {
        background-color: #fff;
        color: #777;
        border-radius: 3px;
        font-size: 7px;
        padding: 0px;
        margin: 1px;
    }
        .tag-a-big:hover {
            background-color: #fff;
            color: #91b754;
        }
    .f-font-sortable{
        font-size:10px !important;
    }
    .font-size-slide {
        font-size: 8px;
    }
}


.img-Cover {
    height:186px;
    width: 100%;
    /*margin: 2px;*/
}



.border-control{
    border:1px solid #c3c3c3;
    border-radius:3px;
}
.tools-back {
    background-color: #fff;
/*
    width: 101%;
    margin-right: -5px;
*/
    border-radius: 3px;
    padding: 10px 10px 10px 14px;
    margin-bottom: -5px;
    margin-top: 10px;
}

@media screen and (max-width:460px) {
    .box_style_4, .box_style_2 {
        display:none;
      
    }

}


@media screen and (min-width:768px) and (max-width:1199px) {
    .filter-price {
        width: 101.3%;
    }

    .tools-back {
        width: 101.3%;
    }
}
@media screen and (min-width:499px) and (max-width:768px) {
    .filter-price {
        width: 101.5%;
    }

    .tools-back {
        width: 101.5%;
    }
}
@media screen and (max-width:499px) and (min-width:340px) {
    .filter-price {
        width: 102.5%;
    }

    .tools-back {
        width: 102.5%;
    }
}
@media screen and (min-width:320px) and (max-width:340px) {
    .filter-price {
        width: 103.5%;
    }

    .tools-back {
        width: 103.5%;
    }
}


@media screen and (max-width:595px) and (min-width:495px){
    .img-Cover{
        height:195px;
    }
}
@media screen and (max-width:495px) and (min-width:400px) {
    .img-Cover {
        height: 195px;
    }
}
@media screen and (max-width:400px) and (min-width:320px) {
    .img-Cover {
        height: 205px;
    }
}


.width-marginTools {
    width: 88% !important;
    margin: 0 11px 0 0 !important;
}

@media screen and (min-width:360px) and (max-width:400px) {
    .width-marginTools {
        margin: 0 -3px 0 0;
    }
}

/* /////////////////////// this is for rooms hotels style ///////////////////// */

/*.icon-circle {
    font-size: 4px;
    color: #50da25;
    margin: 4px 4px;
}*/




.DescriptRoom {
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 0px;
}
.roomRow {
    margin: 10px auto;
    width: 100%;
    margin-right: 12px;
}
.text-room{
    font-size:12px; 
    line-height:1;
}
.line-room-possibility {
    line-height: 1;
}


.main-roomHotel {
    background-color: #fff;
    color: #777;
    border-radius: 4px;
    margin-left: -2px;
    margin-right: -14px;
}
.btnTag-Posibility {
    
    display:none;
    cursor:pointer;
    background-color: #81629e;
    color: #fff;
    border-radius: 4px;
    transition: 0.5s;
    padding: 8px 17px;
    font-size: 11px;
}
.btnTag-Posibility:hover {
        
        cursor:pointer;
        background-color: #91b754;
        color: #fff;
        border-radius: 4px;
        transition: 0.5s;
        padding: 8px 17px;
        font-size: 11px;
    }




.d-none-roomBTn{
        display:none !important;
}
.add-displayOn{
    display:inline;
}

.btn-RoomReserv {
    font-size: 14px;
    padding: 5px 39px;
    border-radius: 4px;
    border: none;
    background-color: #81629e;
    color: #fff;
    transition: 0.5s;
}
.btn-RoomReserv:hover {
    background-color: #91b754;
    color: #fff;
    transition: 0.5s;
}
@media screen and (max-width:992px) {
    .main-roomHotel {
        margin-left:0; 
        margin-right:0;
        margin:10px auto;
    }
    .roomRow {
        margin: 10px auto ;
        width: 100%;
        margin-right: 0px;
    }
    .DescriptRoom {
     margin: 0 auto;
    }
    
}

@media screen and (max-width:650px) {
    a.btn_5, .btn_5 {
        padding: 7px 20px;
        font-size: 11px;
        margin: 10px auto;
    }
    .facilitiess2{
        display:none;
    }
    .btnTag-Posibility{
       
        display:inline;
    }
    .line-roomsPolicy {
        line-height: 65px;
    }
}


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

    #single_tour_desc h4 {
        line-height: 20px;
        font-size: 10px;
        font-weight: 200;
    }
    .line-roomsPolicy {
        line-height: 65px;
    }
}





/*//////////////////////////////*/
.d-none {
    display: none !important;
    visibility: hidden;
}
.sticky {
    position: sticky;
    top: 17%;
}

.badge_1 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    float:left;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #81629e;
    border-radius: 4px;
    font-weight:200;
    font-size:13px;
}

@media screen and (max-width:767px){
    .pClassNone{
        padding:0;
    }
}
.profileMenu {
    display: block !important;
    padding: 0 !important;
    border-right: none !important;
    padding: 10px 6px !important;
  
}
    .profileMenu a {
        color: #000 !important;
    }
    .profileMenu a:hover {
        color: #91b754 !important;
    }
    /*////////////////////////////<<<<<<<<<<<<<<<<<^^^~~~~(((  this is for rooms hotels style  )))~~~~^^^>>>>>>>>>>>>>>>>>>///////////////////////////////*/
.reserv-room {
    background-color: #91b754;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
    padding: 6px 39px;
    border-radius: 4px;
    transition: 0.5s;
}
.reserv-room:hover {
    background-color: #81629e;
    color: #fff;
    transition: 0.5s;

}
.w-span-Descript{
    width:25%;
    margin-right:7px; 
    white-space:nowrap;
    text-align:right;
}
.w-numbersRow{
    width:65%;
}

.moreIfo-Margin-Room {
    margin: -4px 10px 0 10px;
}

.showOnMap-Margin-Room {
    margin: -4px 6px 0 6px;
}

.RateJustify {
    display: inline-block;
    margin-right: -5px;
    margin-top: 10px;
}
.w-numbersRow {
    display: inline-block;
    margin: 0 20px;
}
@media screen and (max-width:570px) {
    .w-PositiveAndNegative {
        width: 93%;
    }
    .d-map {
        display: none !important;
    }
}

@media screen and (min-width:400px) and (max-width:450px){
    .reserv-room {
        font-size: 9px;
        padding: 20px 7px;
    
    }
   
}
@media screen and (min-width:359px) and (max-width:450px) {
    .w-PositiveAndNegative {
        width: 100%;
    }

    .w-span-Descript {
        width: 32%;
    }

    .w-numbersRow {
        width: 63%;
    }

    .reserv-room {
        font-size: 11px;
        padding: 22px 12px;
    }
}

@media screen and (min-width:320px) and (max-width:359px) {
    .w-PositiveAndNegative {
        width: 92%;
    }
    .w-span-Descript {
        width: 45%;
    }

    .w-numbersRow {
        width: 63%;
    }
    .reserv-room {
        font-size: 9px;
        padding: 24px 11px;
    }
}
#popup_adult {
    display: none;
    background: #fff !important;
    border-radius: 4px;
    z-index: 999;
    width: 96.5%!important;
}
#popup_Wadult {
    display: none;
    background: #fff;
    border-radius: 4px;
    z-index: 999;
    width: 96.5% !important;
}

#popupFlight_adult {
    display: none;
    background: #fff;
    border-radius: 4px;
    z-index: 999;
    width: 96.5% !important;
    margin-top:-10px;
}
#popupWFlight_adult {
    display: none;
    background: #fff;
    border-radius: 4px;
    z-index: 999;
    width: 96.5% !important;
}
ul .liTag {
    color: #91b754;
    padding: 0 15px;
    /*height: 35px;*/
    
}

@media screen and (min-width:1199px) and (max-width:1500px) {
    #popup_adult {
        width: 93% !important;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    #popup_adult {

        width: 92% !important;
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    #popup_adult {
        width: 97% !important;
    }
}
@media screen and (min-width:500px) and (max-width:768px) {
    #popup_adult {
        width: 95% !important;
    }
}
@media screen and (min-width:360px) and (max-width:500px) {
    #popup_adult {
        width: 93% !important;
    }
}
@media screen and (min-width:320px) and (max-width:360px) {
    #popup_adult {
        width: 91% !important;
    }
}


/*.whRow {
    border-radius: 4px;
    width: 100%;
    height: 41px;
}

@media screen and (min-width:1300px) and (max-width:1640px) {
    .whRow {
        height: 39px;
    }
}
@media screen and (min-width:1199px) and (max-width:1300px) {
    .whRow {
        height: 35px;
    }
}
@media screen and (max-width:1199px) and (min-width:992px) {
    .whRow {
        height: 34px;
    }
}
@media screen and (min-width:768px) and (max-width:992px) {
    .whRow {
        height: 33px;
    }
}
@media screen and (min-width:680px) and (max-width:768px){
    .whRow {

        height: 38px;
    }
}
@media screen and (max-width:680px) and (min-width:500px) {
    .whRow {
        height: 29px;
    }
}
@media screen and (max-width:500px) and (min-width:400px) {
    .whRow {
        height: 31px;
    }
}
@media screen and (max-width:400px) and (min-width:360px) {
    .whRow {
        height: 31px;
    }
}
@media screen and (max-width:360px) and (min-width:320px) {
    .whRow {
        height: 26px;
    }
}*/




.text-truncate_Header {
    display: block;
    text-align: justify;
    width: 100px;
    direction: ltr;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.del-Rial{
    direction:rtl;
    font-size:13px;
    text-align:left;
    
}
.font17-responsive{
    font-size:17px;
}
@media screen and (max-width:500px) and (min-width:400px) {
    .font17-responsive {
        font-size: 16px;
    }
}

@media screen and (max-width:400px) and (min-width:360px) {
    .font17-responsive {
        font-size: 14px;
    }
}

@media screen and (max-width:360px) and (min-width:320px) {
    .font17-responsive {
        font-size: 14px;
    }
}

.margin-leftAndRight{
    margin-right:3px;
}

/*/////////////////////////  travelers-  ///////////////////////*/
.pa-travelers {
    padding: 5px 0;
}
.mr-travelers {
    margin: 40px 0px -1px 20px;
    float:left;
    text-align:left;
}
.ul-Travelers {
    list-style: none;
    padding: 0;
    margin-bottom: 7px;
    background-color: #fff;
    border-radius: 3px;
}
.li-travelers {
    display: flex;
    justify-content: space-between;
}

label.font-traveler.font-label {color: #000;}

.secondLi-travelers {
    padding: 10px 8px 10px 8px;
    display: flex;
    justify-content: space-between;
}
.thirdLi_travelers {
    padding: 5px 8px 10px 8px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #91b754;
}
.padRow_Travelers {
    padding: 0 15px 0 55px;
}
.lastDivTravelers {
    float: left !important;
    margin: 44px 5px -10px -2px;
    text-align: left;
}
    .lastDivTravelers i .margin-travelers {
        margin: -5px 15px;
    }


.RowNumberTravelers {
    display: inline-block;
    width: 32%;
    margin-left: -6px;
}
.font-traveler {
    font-size: 12px;
}


.iconUsers {
    font-size: 15px !important;
    margin-right: -24px !important;
}

.h4Banner{
    font-size:12px;
    margin-bottom:16px;
}
.direction {
    direction: rtl;
}


/*//////////////////////*/
.text-Middel {
    text-align: left !important;
}
.text-Middel-top {
    text-align: right !important;
}

@media screen and (max-width:768px){
    .text-Middel {
        text-align:center !important;
    }
    .text-Middel-top {
        text-align: center !important;
        margin: 0 auto;
    }
}


/*///////////// for fools for rooms //////////////*/
.usually-Facilities{
    margin-top:-52px !important; 
    width:55% !important;
}
@media screen and (max-width: 692px) {
    .usually-Facilities {
        margin-top: -25px !important;
        width: 55.5% !important;
    }
}
/*///////////////////////////*/


.negetiveMargin_display {
    margin: 0 -15px !important;
}

@media screen and (max-width: 992px){
    .negetiveMargin_display {
        margin: 10px 0  !important;
    }
}


/*/////////////////// just for rtl ////////////////////*/


.newContentrtl {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
}

/*///////////////////////////////////////*/
@media screen and (max-width:992px) {
    .newDisplayTools {
        margin: 0 auto;
    }
}

/*///////////  for main page for child and adults and infants  /////////*/
.font_lablePersons {
    text-align: center !important;
    /*font-size: 11px !important;*/
    padding: 5px 0 0 !important;
    font-weight: 400 !important;
    margin-right: 0 !important;
    vertical-align: bottom !important;
    display: block;
}

@media screen and (max-width:450px) and (min-width:370px) {
    .font_lablePersons {
        text-align: center !important;
        font-size: 7.3px !important;
        padding: 5px 0 0 !important;
        font-weight: 400 !important;
        margin-right: 0 !important;
        vertical-align: bottom !important;
        display: block;
    }
}
@media screen and (max-width:370px) and (min-width:320px) {
    .font_lablePersons {
        text-align: center !important;
        font-size: 6.2px !important;
        padding: 5px 0 0 !important;
        font-weight: 400 !important;
        margin-right: 0 !important;
        vertical-align: bottom !important;
        display: block;
    }
}

/*//////////// tools for rooms  /////////////*/

.tools-backRoom {
    background-color: #fff;
    width: 101.2%;
    margin-right: -5px;
    border-radius: 4px;
    padding: 10px 10px 10px 14px;
    margin-bottom: -15px;
    margin-top: 5px;
}
@media screen and (max-width:670px){
    .tools-backRoom {
        background-color: #fff;
        width: 102%;
        margin-right: -5px;
        border-radius: 4px;
        padding: 10px 10px 10px 14px;
        margin-bottom: -15px;
        margin-top: 5px;
    }
}
/*////////////  for hotel result  /////////////*/
.padd_LeftAndRight{
    padding-right:0 !important;
    float:left;
}


/*/////////////////// other classes in room hotels  Rtl And Ltr ///////////////////*/
.span_font-room{
    font-size:9px;
}
.priceDetails {
    margin-bottom: 5px;
    font-size:10px;

}
.margin_SelectRoom {
    margin-bottom: -25px;
    margin-top: 20px;
}


/*////////////////////// for page Exploring  ///////////////////////*/

#search_Exploring {
    display: inline-table;
    vertical-align: middle;
    /*padding: 0 5%;*/
    padding-top: 100px;
    position: absolute;
    z-index: 999;
    margin: 4% auto;
    width: 40%;
    right: 10%;
}
#search_Exploring .nav-tabs {
    border-radius: 0;
    font-size: 12px;
    border: 0;
    /*border-bottom: 1px solid transparent;*/
    /* margin-right: 10px;*/
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

  

    #search_Exploring .col-md-6,
    #search_Exploring .col-md-3,
    #search_Exploring .col-md-2 {
        padding-left: 6.5px !important;
        padding-right: 6.5px !important;
    }


.bg-img_Exploring {
    /* The image used */
    background-image: url("/images/background.png");
    height: 700px;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.tab-content > .active {
    padding: 0 10%;
}

.tab-content {
    /*opacity: 0.9;*/
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 80px;
    padding-right: 80px;
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


#search_Exploring .tab-content {
    background-color: rgba(0,0,0,0.75);
    border-radius: 5px;
    border: 0;
    color: #000;
    top: 30px;
    left: -2px;
    margin-top: 115px;
    width: 100%;
    height: 500px /*440px*/;
    padding: 16px;
    /*-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);*/
    position: absolute;
    top: -3em;
}




.top-box-detail_Exploring {
    padding: 0 16px;
    margin-top: 2px;
}

    .top-box-detail_Exploring i {
        font-size: 20px;
        color: #91b754 /*#50d925 change by p*/;
        margin: 5px 9px 0 0;
        position: absolute;
        bottom: 19px;
        z-index: 99
    }

    .top-box-detail_Exploring .icon-search {
        position: static;
        margin-right: -4px;
        margin-left: 3px;
        font-size: 18px;
        vertical-align: sub;
        color: #fff;
    }

    .top-box-detail_Exploring label {
        font-size: 10px;
        vertical-align: bottom;
        margin-right: -10px;
        display: block;
        padding: 5px 16px 0;
    }
.btn-flight_Exploring {
    width: 135px;
    font-size: 10px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.font_Explore {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    text-align:center;
    margin-top:0;
}
.rad-btn-bottom_Exploring {
    margin-bottom: 13px !important;
    text-align: center;
}
@media screen and (min-width:1199px) and (max-width:1550px) {
    .btn-flight_Exploring {
        width: 110px;
        
    }
 
}
@media screen and (max-width:1199px) and (min-width:992px) {
    .btn-flight_Exploring {
        width: 110px;
        font-size:9px;
    }
    #search_Exploring .tab-content {
        height: 540px /*440px*/;
    }
    .font_Explore {
        font-size: 20px !important;
        margin-top:0;

    }
    
    
}
@media screen and (max-width:992px) and (min-width:768px) {
    .btn-flight_Exploring {
        width: 105px;
        font-size: 9px;
    }
    #search_Exploring .tab-content {
       
        height: 540px /*440px*/;
  
    }
   
    
    .font_Explore {
        font-size: 20px !important;
        margin-top:0;
    }
}
@media screen and (max-width:768px) and (min-width:500px) {
    .btn-flight_Exploring {
        width: 90px;
        font-size:9px;
    }

    #search_Exploring .tab-content {
        height: 599px /*440px*/;
    }
    .font_Explore {
        font-size: 25px !important;
        margin-top:-5px;
    }
  
}

@media screen and (max-width:1130px) {
    #search_Exploring {
        display: inline-table;
        vertical-align: middle;
        padding-top: 100px;
        position: absolute;
        z-index: 999;
        margin: 4% auto;
        width: 80%;
        right: 10%;
    }
}
/*//////////////////////////*/


/*////////////  for TopDEstinations  //////////////*/
.box_destinations {
    border: 1px solid #fff;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    padding: 15px 25px;
    font-size: 17px;
}
.font_destinationCities {
    font-size: 24px;
}


@media screen and (max-width:1450px) and (min-width:1250px) {
    .box_destinations {
        padding: 8px 17px;
        font-size: 17px;
    }
}

@media screen and (max-width:1250px) and (min-width:1135px) {
    .box_destinations {
        padding: 10px 14px;
        font-size: 15px;
    }
}

@media screen and (max-width:1135px) and (min-width:1060px) {
    .box_destinations {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media screen and (max-width:1060px) and (min-width:1000px) {
    .box_destinations {
        padding: 6px 9px;
        font-size: 14px;
    }
}

@media screen and (max-width:992px) and (min-width:768px) {
    .box_destinations {
        padding: 6px 15px;
        font-size: 14px;
    }
}

@media screen and (max-width:768px) and (min-width:699px) {
    .box_destinations {
        padding: 6px 10px;
        font-size: 14px;
    }
}

@media screen and (max-width:699px) and (min-width:500px) {
    .box_destinations {
        padding: 10px 25px;
        font-size: 17px;
    }
}
/*/////////////////////////////////*/

.span-rate-hotel {
    display: inline-block;
    min-width: 10px;
    padding: 7px 3px;
    font-size: 15px;
    /*font-weight: bold;*/
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    color:#81629e;
    border-radius: 4px;
}

.border-seprator {
    height: 20px;
    padding-right: 9px !important; /*change by p 11px*/
    border-right: 1px solid rgba(255,255,255,0.3);
}
/*add by p*/
.sticky .border-seprator {
    border-right: 1px solid rgba(82,82,82,0.3) !important;
}

pre {
    display: block;
    font-weight: 300;
    font-size: 13px;
    font-family: IRANSans-web;
    line-height: 2;
    color: #555;
    word-break: inherit;
    word-wrap: break-word;
    background-color: inherit;
    border: none;
    border-radius: 0;
    white-space: pre-line;
    text-align: justify;
    padding-right: 0;
}

.mr-negetive p {
    margin-top: 0px;
}
.font_en {
    font-size: 19px;
}
.font_en-city {
    font-size: 15px;
}
.marg-en{
    margin-bottom:-15px;
    margin-top:-4px;
}
.mapHotel {
    font-size: 10px;
    margin: -2px 10px;
    padding-top: 5px;
}
.marginPrice del {
    color: #fff;
    font-size: 11px;
}
.fontPriceNight{
    font-size:10px;
}
.fontExcelent {
    font-size: 10px;
    color: #fff;
    margin: 0 5px;
}
.direction_ltr-per{
    direction:ltr;
}
.porsitionAprroved {
    position: absolute !important;
    top: 13px;
    left: 15px;
}
.positionHeart {
    position: absolute !important;
    top: 13px;
    right: 15px;
}
.marginApproved {
    display: block;
    text-align: center;

}
/*///////// tod deals font (Sirra Travel services)/////////*/
.fonTopDeals{
    font-size:20px;
}

/*////////// footer font //////////*/

.fontFooterTitle {

    font-size: 10px;
}
.fontFooter {
    color: #777;
    font-size: 9px;
    font-weight:100;
}
.fontFooterCopy {
    color: #000;
    font-size: 10px;
    font-weight: 100;
}
.top-icons-parent{
    /*height:75px !important; by p*/
}

/*///////////////////////////////////////////*/
.fontAboutDescription{
    font-size:17px !important;
    font-weight:100;
}
.fontNameDescription {
    font-size: 17px !important;
    font-weight: 100;
    color:#000;
}
.fontDescription {
    font-size: 10px !important;
    font-weight: 100;
}

/*///////////////////////////////////////////*/
.span_font-room {
    font-size: 9px;
}


.marginRoomSelection {
    margin: 0 -34px 0 -65px;
}
.margin_Room {
    margin: 5px 25px;
}

/*///////////////*/

.sticky_static {
    position: sticky;
    top: 16%;
}

@media screen and (max-width:992px) {
    .sticky_static {
        position: static;
    }
}
}
.trash_room:first-of-class {
    visibility: hidden;
    display: none;
}
/*--------------ADD BY BPF-------------------*/
.item a {
    color: #dcdcdc;
}
li.active a {
    color: #91b754;
}
li a:hover {
    color: #764d89;
}
ul.hor-tab {
    width: 100%; display: flex; border-bottom: 1px solid #565656; padding: 10px 0;
}
.hor-tab li {width: 100%; text-align: center; list-style-type: none /*add by p*/}

@media only screen and (max-width: 480px) {
    #search {
        width: 98%;
        right: 1%;
    }
}

@media screen and (min-width: 600px) {
    .tap-pan {
        width: 80% !important;
    }
}

.redioGroup{
    color: #FFF;
    font-size:1.1em;
}
.redioGroup.activeText {
    color: #91b754 !important;
    font-size: 14px;
    background: transparent !important;
}

label.btn-flight.redioGroup.active.hover {
    color: #81629e !important;
}


.facilityRoom {
    width: 35%;
    margin-top: 2%;
}

.marginRoomSelection {
    width: 30%;
    margin: 0 !important;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb
}
.priceRoom {
    width: 35%;
}

@media screen and (max-width: 480px) {
    .redioGroup{
        width: 80%;
        text-align:right;
        padding: 0;
    }
    .tab-content {
        width:100% !important;
    }
    .main-roomHotel .mt-1, .detailsRoom {
        display: grid !important;
    }
        .facilityRoom, .marginRoomSelection, .priceRoom, .detailsRoom .details-room-col1, .priceRoom, .detailsRoom .details-room-col2, .col-image-room, w-numbersRow {
            width: 100%;
        }
    .marginRoomSelection {
        border-right: none;
        border-left: none;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        padding-bottom:4%;
    }
    .w-numbersRow {
        margin:auto;
    }
    .marginImportant {width: 100%}
    .marginImportant p {
        text-align: center
    }
    .priceRoom {
        margin-top: 8%;
    }
}

/*.type-travel-radio {float:right;}*/

.tab-pane {
    width: 90% !important; 
    margin:auto;
}


ul#top_links {
    z-index: 1; /*change by p -1*/
    list-style: none;
    /*margin: 10px 0 0 0;*/
    padding: 0;
    white-space: nowrap;
    position: relative;
    left:0;
    top: 0px !important;
}

.lang-menu {
    position: relative;
    left: -102px
}
li.submenu {
    width: 15%;
    text-align: center;
 }
li.submenu:hover, li.submenu.active  {
    border-bottom: 3px solid #91b754;
}

/*@media (min-width: 1200px) {
    .container {
        width: 1290px !important;
    }
}*/

.login-div {
/*    width: 30%;
*/    display: flex;
    height: 30px;
    position: absolute;
    left: 0 !important;
}

#FlightSearch .row, #HotelSearch .row{
    text-align: center;
}

.pic-eco {
    margin:30px auto 0;
    width: 70%;
}

.imageHolder {
    position: relative;
    width: 100%;
    
}
.captionTopTen {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: #ffffff;
    background: rgb(0 0 0 / 0.84);
    text-align: center;
    font-weight: bold;
    opacity: 0.7;
    padding-top: 5px;
}

.pic-eco .row {
    padding:0 !important;
    margin:0 ;
    display: flex !important;
}
.pic-eco .col-md-6, .pic-eco .col-md-4 {
    padding: 4px !important;
    margin: 0;
}
.panel-fixed-right {
    margin-top: 0px;
}
 

/*-----------------------FOOTER BY P---------------------*/
/*footer*/
.col_white_amrc {
    color: #FFF;
}

footer {
    width: 100%;
    background-color: #1e1923;
    min-height: 250px;
    padding: 10px 0px 25px 0px;
}

.pt2 {
    padding-top: 40px;
    margin-bottom: 20px;
}

footer p {
    font-size: 13px;
    color: #CCC;
    padding-bottom: 0px;
    margin-bottom: 8px;
}

.mb10 {
    padding-bottom: 15px;
}

.footer_ul_amrc {
    margin: 0px;
    list-style-type: none;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}

    .footer_ul_amrc li {
        padding: 0px 0px 5px 0px;
    }

        .footer_ul_amrc li a {
            color: #CCC;
        }

            .footer_ul_amrc li a:hover {
                color: #fff;
                text-decoration: none;
            }

.fleft {
    float: left;
}

.padding-right {
    padding-right: 10px;
}

.footer_ul2_amrc {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

    .footer_ul2_amrc li p {
        display: table;
    }

    .footer_ul2_amrc li a:hover {
        text-decoration: none;
    }

    .footer_ul2_amrc li i {
        margin-top: 5px;
    }

.bottom_border {
    border-bottom: 1px solid #3a4030;
    padding-bottom: 20px;
}

.foote_bottom_ul_amrc {
    list-style-type: none;
    padding: 0px;
    display: table;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

    .foote_bottom_ul_amrc li {
        display: inline;
    }

        .foote_bottom_ul_amrc li a {
            color: #999;
            margin: 0 12px;
        }
        .foote_bottom_ul_amrc li a:hover {
            color: #764d89;
        }

            .social_footer_ul {
                display: table;
                margin: 15px auto 0 auto;
                list-style-type: none;
            }

    .social_footer_ul li {
        padding-left: 20px;
        padding-top: 10px;
        float: left;
    }

        .social_footer_ul li a {
            color: #CCC;
            border: 1px solid #CCC;
            padding: 8px;
            border-radius: 50%;
        }
            .social_footer_ul li a:hover {
                color: #764d89;
                border-color: #764d89;
            }

            .social_footer_ul li i {
                width: 20px;
                height: 20px;
                text-align: center;
            }
/*-------------------------*/

.form-group {
    background: none !important;
}
.form-control {
    padding-right: 18px;
}

.top-box-detail i {bottom: 22px !important; margin-right: 4px;}
.date-pick, .text-left-1 {
    height: 40px !important;
}
.top-box-detail label {
    color: #fff;
}
select:required:invalid {
    color: #ccc;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: #000;
}

.rotate-deg {
    position: absolute;
    top: 16px;
    left: -21px;
    border-bottom: 20px solid #8dc63f;
    border-left: 18px solid transparent;
    border-right: 23px solid transparent;
    height: 0px;
    color: #fff;
}

.wishlist {
    top:20px;
}

ul.main-menu.show li {
    width: 100% !important;
}

.form-sickness-area span.select2 {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.form-health label{font-size: 14px;}
.form-health .select2-selection__rendered {
    padding-right: 20px !important;
}
.card-header {
    padding: 120px 0px 0;
}

.tools-backRoom .select2-selection, .tools-back .select2-selection {
    border: 1px solid #ccc !important;
    border-radius: 3px;
}
.newDisplayTools .tools-backRoom {
    background-color:#fff !important;
    margin-top:0px !important;
}
.card-title {
    padding-right: 20px;
}

.box-room {
    width: 49.2%;
    visibility: visible;
    animation-delay: 0.1s;
    animation-name: zoomIn;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    margin-bottom: 1.2%
}
.box-room hr{
    opacity: 0.15 !important;
}
.box-room:first-child{
    margin-left:1.2%;
}

.iziToast-title,
.iziToast-message
{
    font-family:IRANSans-web;
}
.swal2-title,
.swal2-content {
    font-family: IRANSans-web;
}
.otp_digit {
    margin: 2%;
    text-align: center;
    vertical-align: middle;
}

.tabContent {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important
}

.tabContent section {
    padding: 0px !important;
    background-color: #efefef !important
}
.main-div-tab {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 0px;
    margin: 10px 0px;
    background-color: #fff
}

.btn-border {
    padding: 10px 20px;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 5%;
}
.btn-border-green {
    border: 2px solid #91b754;
    color: #91b754
}
.btn-border-orang {
    border: 1px solid #ff6a00;
    color: #ff6a00;
}