/* COMMON */
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html, body, div, input, textarea, button, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: "Helvetica Neue", Arial, Liberation Sans, DejaVu Sans, sans-serif;
}

label {
    font-size: 14px;
}

select {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: "Helvetica Neue", Arial, Liberation Sans, DejaVu Sans, sans-serif;
}

body {
    font-family: Arial, sans-serif;
    min-height: 450px;
    background-color: #ffffff;
    overflow: -moz-scrollbars-vertical;
}

h1, h2, h3, h4, h5 {
    display: block;
}

div, li, menu, ol, ul, h1, h2, h3, h4, h5 {
    position: relative;
    outline: none;
    list-style: none outside none;
}

tr, td {
    position: relative;
}

/* inputs */
textarea, input {
    background-color: #ffffff !important;
}

textarea, input, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none !important;
    box-shadow: none !important;
}

input::-ms-clear {
    display: none;
}

textarea {
    resize: none;
}

::-webkit-input-placeholder {
    color: #dddddd;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #dddddd;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #dddddd;
}

:-ms-input-placeholder {
    color: #dddddd;
}

input::-webkit-input-placeholder {
    color: #aaaaaa;
}

input:-moz-placeholder {
    color: #aaaaaa;
}

input::-moz-placeholder {
    color: #aaaaaa;
}

input:-ms-input-placeholder {
    color: #aaaaaa;
}

button::-moz-focus-inner {
    border: 0;
}

.firefox select {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #000;
}

/* useful classes */
.f:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear {
    clear: both;
}

.txt_inline {
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fl {
    float: left;
}

.fluid-center {
    margin: 0 auto;
}

.display_none {
    display: none;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default !important;
}

.fillall {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

}

.safari::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.safari::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.bold {
    font-weight: bold;
}

.radio {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.shadow-text-white {
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}

.shadow-text-black {
    text-shadow: 0 1px rgba(30, 38, 51, 0.70);
}

.transitions-all-15 {
    -webkit-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}

/* bootstrap */
.navbar-toggle .icon-bar {
    background-color: black;
}

.close {
    top: 5px;
    position: absolute;
    right: 7px;
    z-index: 55;
}

.alert {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
}

.tooltip {
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

textarea.form-control {
    border-color: #cccccc;
    border-radius: 0;
    transition: all 0.30s ease 0s;
}

textarea.form-control:hover {
    border-color: #bbbbbb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-top-color: #A0A0A0;
}

textarea.form-control:focus {
    border-color: #bbbbbb;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -mozbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

/* components */
.btn-file {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.select_hidden {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.changeTextAfterSelectionWrapper {

}

.changeTextAfterSelection {

}

/* browser bugfixed */
/* ie */

.ie-8 div, .ie-9 div {
    filter: none !important;
}

html, body {
    min-width: 300px;
    height: 100%;
}

.pageWrapper {
    height: 100%;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), height 0s 0.5s;
    transition: transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), height 0s 0.5s;
}

a {
    color: #0645ad;
}

.input {
    height: 37px;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 16px;
}

.input:hover {
    border: 1px solid #bbbbbb;
    border-top-color: #A0A0A0;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.input-simple {
    border: 1px solid #BBBBBB !important;
    color: #333333 !important;
    display: block !important;
    font-size: 16px !important;
    height: 40px;
    line-height: 40px;
    padding-left: 7px !important;
    width: 100%;
}

.textarea-simple {
    border: 1px solid #BBBBBB !important;
    color: #333333 !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 23px;
    padding: 5px !important;
    width: 100%;
}

.select-simple {
    border: 1px solid #CCCCCC !important;
    /* border-radius: 2px 2px 2px 2px !important; */
    font-size: 16px !important;
    margin: 0 !important;
    outline: medium none !important;
    padding-left: 7px !important;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background-color: #ffffff;
}

.select-simple:disabled {
    background-color: rgba(255, 255, 255, 0.43);
}

.viewport {
    height: 100%;
}

.pageContent {
    min-height: 100%;
    z-index: 111;
    padding-bottom: 43px;
}

.pageContentHeight {

}

/*
    ==================================== SHARED CSS COMPONENTS =============================================
*/

/*
 ------------------------------------ CONTROLS ------------------------------------------------
*/

.custom_select {
    padding: 14px 14px;
    border: 1px solid #ddd;
    font-size: 16px;
}

.custom_select select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 55;
    opacity: 0;

}

.custom_select::after{
    content: ' ';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #232323;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3.5px;
}
/*
 ------------------------------------ ALERTS, ENVELOPE ------------------------------------------------
*/

.envelope {
    margin-bottom: 15px;
    padding: 11px;
    background-color: #F3F3F3;

}

.mobile .envelope {
    background-color: #f8f8f8;
}

.envelope .txt {
    font-size: 12px;
    text-shadow: 0 1px 0 #fefefe;
    color: #333;
    margin-bottom: 8px;
}

.envelope button {
    margin-top: 3px;
    margin-bottom: 4px;
}

.envelope .unsub {
    font-size: 11px;
    color: #999;
    padding: 3px;
    margin-top: 3px;
    line-height: 13px;
    text-shadow: 0 1px 0 #fefefe;
}

.envelope .back {
    background-color: #f9f9f9;
    opacity: 0.85;
}

.envelope img {
    z-index: 111;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 50%;
    margin-top: -18px;
}

.envelope .error {
    color: red;
    font-size: 11px;
    padding: 3px;
}

.envelope .done {
    font-size: 14px;
    color: #157E2E;
}

.envelope-button {
    background: linear-gradient(to bottom, #fff 0, #F3F3F3 100%);
    border: 1px solid #E6E6E6;
    outline: none;
}

.envelope-button:hover {
    background: linear-gradient(to bottom, #fff 0, #fafafa 100%);
    border: 1px solid #dfdfdf;
}

.envelope-button:active {
    background: linear-gradient(to bottom, #F3F3F3 0, #fff 100%);
    border: 1px solid #dfdfdf;
}

/*
 ------------------------------------ PAGINATION ------------------------------------------------
*/
.pages {
    text-align: center;
    margin-top: 27px;

}

.pages a {
    padding: 6px 12px;
    display: inline-block;
    color: #2a5f93;
    border: 1px solid #ebeff1;
    font-size: 18px;
    background-color: #fff;
}

.mobile .pages a {
    padding: 10px 15px;
}

.pages a.selected, .pages a:hover {
    background-color: #edf7fc;
    text-shadow: 0 1px 0 #fefefe;
}

.pages_mobile {
    display: none;
    margin-left: 15px;
    margin-top: 25px;
}

.pages_mobile .btn-default {
    font-size: 20px;
    line-height: 40px;
}

/*
    ==================================== WRAPPER DESIGN =============================================
*/

/*
    ------------------------------------ GLOBAL ------------------------------------------------
*/

.fixed-center {
    width: 978px;
    margin: 0 auto;

}

@media (max-width: 980px) {
    .fixed-center {
        width: 100%;
    }

    #mobile-indicator {
        display: none;
    }
}

/*
    ------------------------------------ HEADER ------------------------------------------------
*/

.headerWr {
    z-index: 114;
    background-color: #444;
    /* height: 40px; */
}

.header-nav {
    overflow: hidden;
}

.header-nav a {
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 42px;
    padding: 0 10px;
    color: #eaeaea;
    text-transform: uppercase;
    font-weight: bold;
    /* text-shadow: 0 1px 1px #111; */
    border-right: 1px solid #3c3c3c;
}

.header-nav a:last-child, .header-nav a:first-child {
    border-left: 1px solid #3c3c3c;
}

.header-nav a:last-child {
    position: absolute;
    right: 0;
    top: 0;
}

.header-nav a:hover, .header-nav a:active, .header-nav a:focus {
    text-decoration: none;
}

.header-nav a.selected {

}

.header-nav a.selected::after {
    content: ' ';

}

/*
    *** responsive ***
*/
@media (max-width: 980px) {
    .headerWr {
        height: 43px;
        width: 100%;
    }

    .header-nav {
        position: absolute;
        top: 0;
        left: 0;
    }

    .header-nav a {
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .headerWr {
        display: none;
    }
}

/*
    ------------------------------------ MOBILE MENU ------------------------------------------------
*/

@media (max-width: 767px) {
    .openMobileMenu, .openMobileMenu body {
        min-height: 100px;
        height: 100%;
        overflow: auto;
    }

    .openMobileMenu .pageContentHeight {
        min-height: 450px;
    }

    .openMobileMenu body {
        overflow-x: hidden;
    }

    .openMobileMenu .shield {
        display: block;
        z-index: 111;
        background-color: rgba(255, 255, 255, 0.84);
    }

    .openMobileMenu body {
        border-left: solid 12px #252525;
        background: #444;
    }

    .openMobileMenu .viewport {
        overflow: hidden;
        min-height: 100%;
        height: auto !important;
    }

    .openMobileMenu #pageWrapper {
        left: 0 !important;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        transition: transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);

        background: #fff;
        position: absolute;
        height: 100%;

        border-left: solid 1px #000;
        box-shadow: -5px 0 0 0 rgba(0, 0, 0, 0.1);
    }

    .openMobileMenu .mobileMenu {
        display: block;
        position: static;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-transition: none;
        transition: none;
        -moz-transition: none;
        -o-transition: none;
        width: 200px;
        -webkit-backface-visibility: hidden;
        -webkit-transition: visibility 0s .25s;
        transition: visibility 0s .25s;
        -moz-transition: visibility 0s .25s;
        -o-transition: visibility 0s .25s;
        font-size: 90%;
        /* float: left; */
        min-height: 100%;
        z-index: 99999;
    }

    .mobileMenu ul {
        background-color: #444;
    }

    .mobileMenu li {
        position: relative;
        font-size: 1.2em;
        border-top: 1px solid #777;
    }

    .mobileMenu li:first-child {
        border-top: none;
    }

    .mobileMenu li a {
        background-position-x: 9px;
        padding: 14px 10px 14px 24px;
        line-height: 22px;
        color: white;
        display: block;
    }

    .mobileMenu li a.selected {

    }

    .mobileMenu li .glyphicon {
        color: #B5B5B5;
        position: absolute;
        right: 7px;
        top: 18px;
        font-size: 14px;
    }

    .mobile_menu_btn {
        position: absolute;
        top: 5px;
        left: 10px;
        border: 1px solid #E8E8E8;
        border-radius: 0 !important;
        z-index: 555;
    }

}

/*
    ------------------------------------ SCROLL TO THE TOP ------------------------------------------------
*/
#scrollTop {
    width: 45px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f1f1f1;
    font-size: 26px;
    color: #484848;
    position: fixed;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.73);
    /* left: 50%; */
    cursor: pointer;
    padding-bottom: 3px;
    /* margin-left: 455px; */
    z-index: 166;
    font-weight: bold;
    right: 10px;
}

#scrollTop:hover {
    border: 1px solid #CCCCCC;
    color: #333333;
}

#scrollTop.scrollTopExtraBottom {
    bottom: 48px;
}

@media (max-width: 870px) {
    #scrollTop {
        display: none !important;
    }
}

/*
    ------------------------------------ DEFAULT LOGO HEADER ------------------------------------------------
*/
.default_logo_header {
    height: 70px;
    border-bottom: 1px solid #E0E0E0;
    background-color: #fff;
}

.default_logo_header .fixed-center {
    height: 100%;
}

.default_logo_header a {
    display: block;

}

@media (max-width: 767px) {
    .default_logo_header a {
        position: absolute;
        float: left;
        left: 50% !important;
        margin-left: -69.5px !important;
    }
}

/*
    ------------------------------------ SEARCH WRAPPER ------------------------------------------------
*/

/*#logo {
    left: -152px;
    position: absolute;
    top: -1px;
    display: block;
}*/
#logo {
    left: -150px;
    position: absolute;
    top: 13px;
    display: block;
}

.default_logo_header #logo {
    left: 50%;
    margin-left: -69.5px;
    top: 20px;
}

#logo_hp {
    z-index: 129;
    display: none;
}

/* fixed search */
#searchWrapperPlaceholder {
    display: none;
}

.fixedSearch #searchWrapperPlaceholder {
    display: block;
}

/* search wrapper */
#searchWrapper {
    padding: 26px 0;
    z-index: 113;
    /* box-shadow: 0px 1px 2px rgba(0, 0, 0, .1); */
    /* background-color: #f6f6f6; */
    background-color: #ffffff;
    /* border-bottom: 1px solid #dadada; */
}

/* fixed wrapper */
.fixedSearch #searchWrapper {
    padding: 13px 0;
    background-color: rgba(255, 255, 255, 0.99);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    position: fixed;
    left: 0;
    z-index: 120;
    right: 0;
    top: 0;
    box-shadow: 0 1px 3px rgba(214, 214, 214, 0.49);
    border: none;
    min-height: 69px;
}

.mobile .fixedSearch #searchWrapper {
    box-shadow: 0 1px 3px rgba(84, 84, 84, 0.49);
}

.sw_layer1 {
    left: 50%;
    margin-left: -332px;
    width: 634px;
}

/*
Search
*/

.search .input {
    border-radius: 0;
    border: 1px solid #999999;
    color: #000000;
    float: left;
    font-size: 18px;
    height: 43px;
    outline: medium none;
    padding-left: 34px;
    width: 274px;
}

.search .lens-search-btn {
    position: absolute;
    width: 31px;
    top: 1px;
    left: 1px;
    bottom: 1px;
    background-color: #ffffff;
    cursor: pointer;
}

.search .lens-search-btn img {
    position: absolute;
    left: 3px;
    top: 7px;
}

.ie .search .input {
    line-height: 43px;
}

#searchWrapper .close {
    position: absolute;
    top: 1px;
    color: #e1e1e1;
    font-size: 28px;
    width: 24px;
    opacity: 1;
    text-align: center;
    line-height: 41px;
    display: none;
    right: 0;
    font-weight: bold;
}

.apple.desktop #searchWrapper .close {
    line-height: 36px;
}

#searchWrapper .close:hover {
    color: #c6c6c6;
}

.x .close {
    display: block !important;
}

.x .input {
    padding-right: 24px !important;
}

.search .in {
    color: #999999;
    float: left;
    font-size: 16px;
    line-height: 43px;
    width: 24px;
    text-align: center;
}

.locWr1 {
    width: 360px;
}

/* dropdown */
.btn-group.hover .dropdown-toggle, .btn-group.open .dropdown-toggle {
    -moz-box-shadow: 0 0 4px rgba(105, 105, 105, 0.25) inset;
    -webkit-box-shadow: 0 0 4px rgba(105, 105, 105, 0.25) inset;
    box-shadow: 0 0 4px rgba(105, 105, 105, 0.25) inset;
}

.search .btn-group select {
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    font-size: 18px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.mobile .search .btn-group select {
    display: block;
}

.search .dropdown-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 5px 8px 32px;
    font-size: 18px;
    border: 1px solid #999999;
    border-radius: 0;
    width: 80px;
    text-align: left;
    background: #ffffff;
}

.search .dropdown-toggle:hover, .search .dropdown-toggle:focus, .search .dropdown-toggle:active {
    border: 1px solid #BEBEBE;
}

.search .btn-group.open .dropdown-toggle {
    background-color: #fff;
    z-index: 111;
    border-bottom: none;
}

.search .dropdown-menu {
    border-radius: 0;
    padding: 0;
    max-height: 232px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: -1px;
    border: 1px solid #E9E9E9;
    z-index: 116;
    width: 230px;
}

.search .dropdown-menu li {
    cursor: pointer;
    padding: 5px 5px 5px 32px;
    font-size: 18px;

}

.select-country li {
    border-bottom: 1px dashed #F7F7F7;
}

.select-country li:last-child {
    border-bottom: none;
}

.search .dropdown-menu li:hover, .search .dropdown-menu li.selected {
    background-color: #f6f6f6;
}

.search .dropdown-toggle .caret {
    position: absolute;
    top: 20px;
    right: 4px;
}

.select-industry .dropdown-toggle {
    width: 274px;
    padding-left: 10px;
}

.select-industry .dropdown-menu {
    max-height: 250px;
    right: 0;
    width: auto;
}

.select-industry .dropdown-menu li {
    padding: 0 5px 0 9px;
    font-size: 16px;
}

.select-country .dropdown-menu {
    max-height: 275px;
}

.select-city {
    margin-left: -1px;
}

.select-city .dropdown-toggle {
    padding-left: 7px;
    width: 165px;
}

.select-city .dropdown-menu li {
    padding: 0 9px;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
}

.select-city span {
    display: block;
}

.search-city-wr {
    padding: 5px;
}

.search-city {
    border-radius: 0;
    padding: 2px 7px;
    height: 26px;
}

/* dropdown by country */
.fix-ae .select-country .dropdown-toggle {
    width: 89px;
}

.fix-ae .select-city .dropdown-toggle {
    width: 156px;
}

.fix-qa .select-country .dropdown-toggle {
    width: 93px;
}

.fix-qa .select-city .dropdown-toggle {
    width: 152px;
}

.fix-sa .select-country .dropdown-toggle {
    width: 149px;
}

.fix-sa .select-city .dropdown-toggle {
    width: 96px;
}

.fix-bh .select-country .dropdown-toggle {
    width: 111px;
}

.fix-bh .select-city .dropdown-toggle {
    width: 134px;
}

.fix-kw .select-country .dropdown-toggle {
    width: 105px;
}

.fix-kw .select-city .dropdown-toggle {
    width: 140px;
}

.fix-om .select-country .dropdown-toggle {
    width: 97px;
}

.fix-om .select-city .dropdown-toggle {
    width: 148px;
}

.fix-gulf .select-country .dropdown-toggle {
    width: 86px;
}

.fix-gulf .select-city .dropdown-toggle {
    width: 159px;
}

/*
flags
*/

.geo-icon {
    background: url("/img/flags24.png") no-repeat scroll 0 0 transparent;
    width: 24px;
    height: 24px;
    top: 50%;
    position: absolute;
    left: 4px;
    margin-top: -12px;
}

.geo-ae {
    background-position: 0 0;
}

.geo-bh {
    background-position: 0 -27px;
}

.geo-gulf {
    background-position: 0 -54px;
}

.geo-kw {
    background-position: 0 -81px;
}

.geo-om {
    background-position: 0 -108px;
}

.geo-qa {
    background-position: 0 -135px;
}

.geo-sa {
    background-position: 0 -162px;
}

/* button */
.search-button {
    /*  background-color: #E67D28;
     background-color: #e75845; */
    border-bottom: 3px solid #B25113;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 37px;
    height: 43px;
    margin-left: 6px;
    padding: 3px 0 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: 86px;
    text-decoration: none;
    outline: none;
    background-color: #cb3904;
}

.search-button:hover {
    background-color: #f28528;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.search-btn {
    margin-left: 5px;
}

.search .btn-group {
    float: left;
}

/*  hintsBasic */
.hints {
    background-color: #FFFFFF;
    border-radius: 0 0 2px 2px;
    -moz-box-shadow: 1px 2px 6px #ccc;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.22);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    position: absolute;
    /* left: 28px; */
    top: 43px;
    z-index: 55;
    width: 100%;
}

.hints {
    border: 1px solid #cccccc;
}

.hints {
    border-top: none;
}

.hints li {
    transition: all 0.15s ease 0s;
    color: #181E28;
    display: block;
    font-size: 16px;
    padding: 0 9px;
    cursor: pointer;
}

.hints li.hover {
    text-shadow: 0 1px 0 #F7F7F7;
    background-color: #EEEEEE;
}

/*
    ------------------------------------ FOOTER ------------------------------------------------
*/
.footerWr {
    background-color: #f8f8f8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer .bottom-left {
    z-index: 55;
}

.footer .bottom-left li {
    float: left;
    padding: 9px;
}

.footer .bottom-left a {
    color: #333;
    font-size: 14px;
}

.copy {
    position: absolute;
    top: 11px;
    /* line-height: 100%; */
    text-align: center;
    right: 0;
    color: #828282;
    /* height: 100%; */
    font-size: 13px;
    left: 0;
}

@media (max-width: 540px) {

    /*
    footerWr
    */
    .ress .footerWr {
        background-color: #f9f9f9 !important;

    }

    .ress .footer .bottom-left {
        display: none;
    }

    .ress .copy {
        display: block;
        position: relative;
        top: auto;
        line-height: 40px;
        font-size: 14px;
    }

    .ress .footer .right {
        display: none;
    }

    .terms_mobile {
        display: inline;
    }

    .terms_mobile a {
        color: #666;
    }
}