/* csslint
empty-rules: false,
important: false,
box-model: false,
adjoining-classes: false,
fallback-colors: false,
ids: false,
known-properties: false,
qualified-headings: false,
overqualified-elements: false,
unique-headings: false,
unqualified-attributes: false,
font-sizes: false,
floats: false,
order-alphabetical: false,
outline-none: false */

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

body {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 300px) {
    body {
        width: 300px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-family: 'Bodoni Bd BT', sans-serif;
    font-weight: 300;
    margin: 30px 0 10px 0;
    padding: 0;
}

h1 {
    font-size: 2.8em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 2.0em;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.0em;
}

table {
    border-collapse: collapse;
    border-color: #cccccc;
}

table tr th {
    background-color: #525252;
    border-color: #ADADAD;
    color: #ffffff;
}

table tr td {
    border-color: #ADADAD;
}

img {
    border: 0;
}

hr {
    background-color: #ADADAD;
    border: 0;
    height: 1px;
}

.hide_meta {
    display: none;
}

.top_notice {
    clear: both;
    display: none;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    width: 100%;
}

.jump_anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.red_notice {
    background-color: #bea057;
    clear: both;
    color: #252525;
    display: table;
    font-family: 'Roboto', sans-serif;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    position: relative;
    text-align: center;
    width: calc(100% - 20px);
}

.empty_result_holder {
    background-color: rgba(255, 0, 0, 1.0);
    clear: both;
    color: #ffffff;
    display: table;
    font-size: 0.9em;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    text-align: center;
    width: calc(100% - 20px);
}

.notice {
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 2%;
    width: calc(30% - 40px);
    z-index: 1000;
}

@media screen and (max-width: 1080px) {
    .notice {
        width: calc(40% - 40px);
    }
}

@media screen and (max-width: 767px) {
    .notice {
        font-size: 0.9em;
        width: calc(50% - 40px);
    }
}

@media screen and (max-width: 560px) {
    .notice {
        font-size: 0.8em;
        width: calc(60% - 40px);
    }
}

@media screen and (max-width: 440px) {
    .notice {
        width: calc(70% - 40px);
    }
}

@media screen and (max-width: 300px) {
    .notice {
        width: calc(80% - 40px);
    }
}

.notice_red {
    background-color: #bea057;
}

.notice_green {
    background-color: #b58c6e;
}

.notice_close_button {
    background-color: #000000;
    border: 2px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    padding: 0;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 24px;
    z-index: 2;
}

.gen_button {
    width: auto;
    height: 34px;
    line-height: 34px;
    padding: 0 25px;
    margin: 0 0 0 10px;
    position: relative;
    border: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.9em;
    border-radius: 5px;
    display: table;
    float: right;
    transition: all 0.4s ease-in-out;
}

.gen_button:hover {
    background-color: #252525;
    color: #ffffff;
}

.gen_button_red {
    background-color: #b58c6e;
    margin: 0 10px 0 0;
}

.gen_button_red:hover {
    background-color: #8b6c55;
}

/* HEADER */
.header {
    background-color: #ffffff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 2%;
    position: relative;
    width: calc(100% - 4%);
    z-index: 100;
}

@media screen and (max-width: 440px) {
    .header {
        padding: 0;
        width: 100%;
    }
}

@media screen and (max-width: 300px) {
    .header {
        width: 300px;
    }
}

.header.sticky {
    left: 0;
    opacity: 0.9;
    position: fixed;
    right: 0;
    top: 0;
}

.logo {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
}

@media screen and (max-width: 440px) {
    .logo {
        width: 100%;
        clear: both;
        display: table;
        margin: 5px auto;
        text-align: center;
    }
}

@media screen and (max-width: 440px) {
    .logo.sticky {
        display: none;
    }
}

.logo_main {
    display: table;
    height: 100px;
    transition: all 0.5s ease-in-out;
    width: auto;
}

@media screen and (max-width: 1200px) {
    .logo_main {
        height: 80px;
    }
}

@media screen and (max-width: 1080px) {
    .logo_main {
        height: 65px;
    }
}

@media screen and (max-width: 440px) {
    .logo_main {
        text-align: center;
        margin: 0 auto;
        height: 80px;
    }
}

.logo_main.sticky {
    height: 55px;
}

.qlinks {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    width: calc(100% - 200px);
}

@media screen and (max-width: 440px) {
    .qlinks {
        width: calc(100% - 4%);
        clear: both;
        display: table;
        text-align: center;
        margin: 0 auto;
        background-color: #252525;
        padding: 5px 2%;
    }
}

.navigation {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto;
}

@media screen and (max-width: 1080px) {
    .navigation {
        padding: 0 5px 0 0;
    }
}

@media screen and (max-width: 560px) {
    .navigation {
        clear: both;
        padding: 0;
    }
}

@media screen and (max-width: 440px) {
    .navigation {
        clear: none;
        float: left;
    }
}

.quick_search {
    bottom: 0;
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    width: 20px;
}

@media screen and (max-width: 1080px) {
    .quick_search {
        margin: 0 10px 0 4px;
    }
}

@media screen and (max-width: 440px) {
    .quick_search {
        display: none;
    }
}

.quick_search button {
    background-color: transparent;
    border: 0;
    color: #bd9f57;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.quick_search button:hover,
.quick_search button:focus {
    color: #9f8441;
    outline: 0;
}

.quick_search_popup {
    background-color: #292929;
    clear: both;
    display: none;
    height: auto;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: 75px;
    width: auto;
    z-index: 150;
}

@media screen and (max-width: 1200px) {
    .quick_search_popup {
        right: 15px;
        top: 65px;
    }
}

@media screen and (max-width: 1080px) {
    .quick_search_popup {
        right: 15px;
        top: 60px;
    }
}

@media screen and (max-width: 560px) {
    .quick_search_popup {
        right: 0;
        top: 45px;
    }
}

@media screen and (max-width: 440px) {
    .quick_search_popup {
        display: none !important;
    }
}

.quick_search_form input[type="text"] {
    border: 0;
    height: 30px;
    margin: 0;
    padding: 10px;
    width: 260px;
}

.search_button {
    background-color: #b38b6d;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-family: 'FontAwesome', 'Roboto', sans-serif;
    height: 50px;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    width: 50px;
}

.search_button:hover,
.search_button:focus {
    background-color: #8b6c55;
    outline: none;
}

.user_links {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    clear: none;
    display: table;
    float: right;
    height: auto;
    padding: 0 0 0 12px;
    position: relative;
    width: auto;
}

@media screen and (max-width: 440px) {
    .user_links {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.user_links ul {
    margin: 0;
    padding: 0;
}

.user_links ul li {
    color: #636363;
    display: inline-block;
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0;
    transition: all 0.4s ease-in-out;
}

.user_links ul li:hover {
    color: #000000;
}

.user_links ul li a,
.user_links ul li a:visited {
    color: #636363;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-size: 1.2em;
}

.user_links ul li a:hover,
.user_links ul li a:visited:hover {
    color: #000000;
    text-decoration: none;
}

.log_in_holder,
.register_holder,
.forgot_password_holder,
.manage_profile_holder,
.add_listing_holder,
.change_password_holder,
.ug_dg_listing_holder {
    cursor: pointer;
}

.add_listing_holder {
    background-color: #b38b6d;
    border-radius: 5px;
    color: #ffffff;
    display: table;
    margin: 0 auto;
    padding: 12px 15px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.add_listing_holder:hover {
    background-color: #8b6c55;
}

.en_listing,
.dis_listing {
    background-color: transparent;
    border: 0;
    color: #636363;
    cursor: pointer;
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    transition: all 0.3s ease-in-out;
}

.en_listing:hover,
.dis_listing:hover {
    color: #000000;
}

/* BADGES */
.badges {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.badges_title {
    width: calc(100% - 4%);
    height: auto;
    padding: 0 2% 5px 2%;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
    font-size: 1.6em;
    line-height: 1.0em;
    font-family: 'Bodoni Bd BT', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
}

@media screen and (max-width: 1080px) {
    .badges_title {
        font-size: 1.4em;
    }
}

.badges_description {
    width: calc(100% - 4%);
    height: auto;
    padding: 0 2% 15px 2%;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
    font-size: 1.0em;
    line-height: 1.0em;
    color: #d6d6d6;
}

@media screen and (max-width: 1080px) {
    .badges_description {
        font-size: 0.9em;
    }
}

.badges_inner {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: calc(100% - 30% - 40px);
}

@media screen and (max-width: 1080px) {
    .badges_inner {
        width: calc(100% - 2%);
        padding: 0 1%;
    }
}

.badge_holder {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0 15px;
    padding: 0;
    position: relative;
    text-align: center;
    width: calc(100% / 4 - 30px);
}

@media screen and (max-width: 560px) {
    .badge_holder {
        width: calc(100% / 2 - 30px);
        margin: 0 15px 10px 15px;
    }
}

.badge_image {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.badge_image img {
    width: 80%;
    height: auto;
    display: table;
    margin: 0 auto 5px auto;
    text-align: center;s
}

.badge_code textarea {
    height: 70px;
    width: 100%;
}

/* width */
.badges ::-webkit-scrollbar {
    width: 10px;

}

/* Track */
.badges ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.badges ::-webkit-scrollbar-thumb {
    background: #b58c6e;
}

/* Handle on hover */
.badges ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ADVERTISE OPTIONS */
.advertise_options {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.advertise_option_link {
    text-decoration: none;
}

.advertise_option_holder {
    background-color: #ffffff;
    display: inline-block;
    height: auto;
    margin: 0 5%;
    padding: 15px;
    position: relative;
    text-align: center;
    transition: all 0.4s ease-in-out;
    vertical-align: top;
    width: calc(100% / 3 - 10% - 36px);
}

@media screen and (max-width: 1080px) {
    .advertise_option_holder {
        margin: 0 auto;
        padding: 10px;
        width: calc(100% / 3 - 26px);
    }
}

@media screen and (max-width: 767px) {
    .advertise_option_holder {
        width: calc(100% / 2 - 26px);
    }
}

@media screen and (max-width: 440px) {
    .advertise_option_holder {
        width: calc(100% / 1 - 26px);
    }
}

.advertise_option_holder:hover {
    transform: scale(1.1, 1.1);
    z-index: 2;
}

@media screen and (max-width: 560px) {
    .advertise_option_holder:hover {
        transform: scale(1.0, 1.0);
    }
}

.advertise_option_icon {
    clear: both;
    color: #b38b6d;
    display: table;
    font-size: 40px;
    height: auto;
    margin: 0 auto;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
    width: auto;
}

.advertise_option_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    clear: both;
    color: #636363;
    display: table;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 1.8em;
    height: 65px;
    line-height: 1.0em;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.advertise_option_description {
    clear: both;
    color: #000000;
    display: table;
    font-size: 1.1em;
    font-weight: 700;
    height: auto;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.advertise_option_options {
    clear: both;
    color: #000000;
    display: table;
    font-size: 0.9em;
    height: auto;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 0 0 15px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.advertise_option_cost {
    clear: both;
    color: darkred;
    display: table;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.advertise_option_link {
    border: 1px solid #b38b6d;
    clear: both;
    color: #b38b6d;
    display: table;
    height: auto;
    margin: 15px auto 0 auto;
    padding: 10px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    width: calc(100% - 20px - 2px);
}

.advertise_option_holder:hover .advertise_option_link {
    background-color: #b38b6d;
    color: #ffffff;
}

.advertise_expander {
    display: none;
}

/* SUPPORT DASH */
.support_dash {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 2%;
    position: relative;
    width: calc(100% - 4%);
}

.support_dash_link {
    text-decoration: none;
}

.support_dash_holder {
    border: 5px solid #bd9f57;
    border-radius: 50%;
    display: inline-block;
    height: auto;
    margin: 0 5%;
    padding-bottom: calc(100% / 3 - 10% - 14px);
    position: relative;
    text-align: center;
    transition: all 0.4s ease-in-out;
    vertical-align: top;
    width: calc(100% / 3 - 10% - 14px);
    background-color: #ffffff;
}

@media screen and (max-width: 1080px) {
    .support_dash_holder {
        margin: 0 2%;
        padding-bottom: calc(100% / 3 - 4% - 14px);
        width: calc(100% / 3 - 4% - 14px);
    }
}

@media screen and (max-width: 767px) {
    .support_dash_holder {
        border-radius: 0;
        margin: 0 1%;
        padding-bottom: calc(100% / 3 - 2% - 14px);
        width: calc(100% / 3 - 2% - 14px);
    }
}

@media screen and (max-width: 560px) {
    .support_dash_holder {
        width: calc(100% - 10px - 20px);
        clear: both;
        display: table;
        margin: 5px auto;
        padding: 10px;
    }
}

.support_dash_holder:hover {
    transform: scale(1.1, 1.1);
    z-index: 2;
}

@media screen and (max-width: 560px) {
    .support_dash_holder:hover {
        transform: scale(1.0, 1.0);
    }
}

.support_dash_float {
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
}

@media screen and (max-width: 560px) {
    .support_dash_float {
        position: relative;
        right: 0;
        left: 0;
        top: auto;
        transform: translateY(0);
        width: 100%;
    }
}

.support_dash_icon {
    clear: both;
    color: #bd9f57;
    display: table;
    font-size: 3.0em;
    height: auto;
    margin: 0 auto;
    padding: 0 0 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: auto;
}

.support_dash_title {
    clear: both;
    color: #636363;
    display: table;
    font-size: 1.1em;
    height: auto;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
}

@media screen and (max-width: 767px) {
    .support_dash_title {
        font-size: 1.0em;
        line-height: 1.0em;
    }
}

/* FAQ */
.faq {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.faq_question_holder {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    clear: both;
    display: table;
    height: auto;
    margin: 5px auto;
    padding: 10px;
    position: relative;
    width: calc(100% - 10px - 2px);
}

.faq_question_holder h3,
.faq_answer_holder h3 {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1080px) {
    .faq_question_holder h3,
    .faq_answer_holder h3 {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 767px) {
    .faq_question_holder h3,
    .faq_answer_holder h3 {
        font-size: 1.0em;
    }
}

.faq_answer_holder h3 {
    margin: 0 0 5px 0;
}

.faq_question_holder a,
.faq_question_holder a:visited {
    color: #2e0628;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.faq_answer_holder {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: auto;
    line-height: 1.3em;
    margin: 5px auto;
    padding: 10px;
    text-align: justify;
    width: calc(100% - 10px - 2px);
}

/* CONTACT DETAILS BLOCKS */
.contact_blocks {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.contact_blocks_left {
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: top;
    width: calc(50% - 10px);
}

@media screen and (max-width: 560px) {
    .contact_blocks_left {
        clear: both;
        float: none;
        padding: 0 0 0 8px;
        width: calc(100% - 8px);
    }
}

.contact_blocks_right {
    display: inline-block;
    float: right;
    height: auto;
    margin: 0;
    padding: 0 5px 0 5px;
    vertical-align: top;
    width: calc(50% - 10px);
}

@media screen and (max-width: 560px) {
    .contact_blocks_right {
        clear: both;
        float: none;
        padding: 0;
        width: 100%;
    }
}

.contact_block_holder {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 10px 5px;
    padding: 0;
    position: relative;
    width: calc(100% - 10px);
}

.contact_block_icon {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    width: 36px;
}

.contact_block_icon .fa {
    color: #b38b6d;
    font-size: 34px;
}

.contact_block_info {
    display: table-cell;
    height: auto;
    padding: 0 0 0 10px;
    vertical-align: middle;
    width: calc(100% - 36px - 10px);
}

.contact_block_description {
    clear: both;
    color: #636363;
    display: table;
    font-size: 1.1em;
    font-weight: 600;
    height: auto;
    margin: 0;
    padding: 0 0 2px 0;
    width: 100%;
}

.contact_block_content {
    clear: both;
    color: #000000;
    display: table;
    font-size: 1.0em;
    font-weight: 500;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.contact_block_content a,
.contact_block_content a:visited {
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.contact_block_content a:hover,
.contact_block_content a:visited:hover {
    color: #000000;
    text-decoration: underline;
}

/* LISTINGS - SHORT SUMMARY */
.listings_short {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.listing_short_holder {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    transition: all 0.4s ease-in-out;
    width: calc(100% - 30px);
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.listing_short_holder:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.04);
}

.listing_short_image {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 250px;
}

@media screen and (max-width: 767px) {
    .listing_short_image {
        width: 200px;
    }
}

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

@media screen and (max-width: 560px) {
    .listing_short_image {
        width: 100%;
        clear: both;
        display: table;
        margin: 0 auto 10px auto;
        float: none;
        height: auto;
        padding-bottom: 40%;
        background-size: cover !important;
    }
}

.listing_short_image_bottom {
    display: none;
}

@media screen and (max-width: 560px) {
    .listing_short_image_top {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    .listing_short_image_bottom {
        display: table;
        margin: 10px auto 0 auto;
    }
}

.listing_short_info {
    display: table-cell;
    height: auto;
    padding: 0 0 0 15px;
    vertical-align: top;
    width: calc(100% - 250px - 15px - 50px);
}

@media screen and (max-width: 767px) {
    .listing_short_info {
        width: calc(100% - 200px - 15px - 50px);
    }
}

@media screen and (max-width: 560px) {
    .listing_short_info {
        width: 100%;
        clear: both;
        padding: 0;
        display: table;
        float: none;
    }
}

.listing_short_title {
    clear: both;
    color: #636363;
    display: table;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 1.5em;
    height: auto;
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

@media screen and (max-width: 1080px) {
    .listing_short_title {
        font-size: 1.4em;
    }
}

@media screen and (max-width: 767px) {
    .listing_short_title {
        font-size: 1.3em;
    }
}

.listing_short_description {
    clear: both;
    color: #000000;
    display: table;
    font-size: 0.8em;
    height: auto;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: justify;
    width: 100%;
}

@media screen and (max-width: 1080px) {
    .listing_short_description {
        font-size: 0.8em !important;
        line-height: 1.1em;
    }
}

.listing_short_button_group {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
    clear: none;
    display: table;
}

@media screen and (max-width: 560px) {
    .listing_short_button_group {
        width: 100%;
    }
}

.listing_short_notes,
.listing_short_remove {
    width: 145px;
    height: 30px;
    padding: 5px 10px;
    line-height: 30px;
    margin: 0;
    position: relative;
    clear: none;
    text-align: center;
    display: table;
    font-size: 0.7em;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.listing_short_notes {
    margin: 0 25px 0 0;
    width: 145px;
}

@media screen and (max-width: 1080px) {
    .listing_short_notes {
        margin: 0 25px 0 0;
    }
}

@media screen and (max-width: 560px) {
    .listing_short_notes,
    .listing_short_remove {
        width: calc(100% - 20px);
    }
}

.listing_short_notes:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.listing_short_view_button {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0 auto 15px auto;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 560px) {
    .listing_short_view_button {
        width: 100%;
    }
}

.listing_short_view_button a,
.listing_short_view_button a:visited {
    border: 1px solid #bd9f57;
    color: #bd9f57;
    margin: 0;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    width: 180px;
    display: table;
    text-align: center;
}

@media screen and (max-width: 560px) {
    .listing_short_view_button a,
    .listing_short_view_button a:visited {
        width: 100%;
    }
}

.listing_short_view_button a:hover,
.listing_short_view_button a:visited:hover {
    background-color: #bd9f57;
    color: #ffffff;
}

.listing_short_location {
    clear: both;
    color: #b38b6d;
    display: table;
    font-size: 0.8em;
    font-weight: 600;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0;
    position: relative;
    width: auto;
}

.listings_short_buttons_all {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
}

/* LISTING/FILTER RESULTS BAR */
.qsearch_results_bar {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    clear: both;
    color: rgba(0, 0, 0, 0.7);
    display: table;
    height: auto;
    margin: 0;
    padding: 6px 12px;
    position: relative;
    width: auto;
}

/* SLIDER IMAGES */
.slider {
    clear: both;
    display: table;
    height: 40vw;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

.slider_holder {
    background: no-repeat scroll;
    background-size: cover !important;
    clear: both;
    display: table-cell;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}

@-webkit-keyframes animateSliderInfo {
    0% {
        bottom: -500px;
        filter: blur(10px);
        -webkit-filter: blur(10px);
    }

    100% {
        bottom: 130px;
        filter: blur(0px);
        -webkit-filter: blur(0);
    }
}

@keyframes animateSliderInfo {
    0% {
        bottom: -500px;
        filter: blur(10px);
        -webkit-filter: blur(10px);
    }

    100% {
        bottom: 130px;
        filter: blur(0px);
        -webkit-filter: blur(0);
    }
}

@media screen and (max-width: 1080px) {
    @-webkit-keyframes animateSliderInfo {
        0% {
            -webkit-filter: blur(10px);
            filter: blur(10px);
            top: -150%;
        }

        100% {
            -webkit-filter: blur(0);
            filter: blur(0px);
            top: 50%;
        }
    }

    @keyframes animateSliderInfo {
        0% {
            -webkit-filter: blur(10px);
            filter: blur(10px);
            top: -150%;
        }

        100% {
            -webkit-filter: blur(0);
            filter: blur(0px);
            top: 50%;
        }
    }
}

.slider_info {
    bottom: -500px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 0 15%;
    position: absolute;
    right: 0;
    width: 70%;
}

@media screen and (max-width: 1080px) {
    .slider_info {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        -webkit-filter: blur(10px);
        filter: blur(10px);
        height: auto;
        left: 0;
        margin: 0 auto;
        padding: 0 15%;
        position: absolute;
        right: 0;
        width: 70%;
    }
}

.slider_info {
    -webkit-filter: blur(10px);
}

.slider_info {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider_info {
    -webkit-animation-name: animateSliderInfo;
    animation-name: animateSliderInfo;
}

.slider_info {
    -webkit-animation-duration: 3.0s;
    animation-duration: 3.0s;
}

.slider_info {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

.slider_motif {
    background-attachment: scroll;
    background-image: url('../images/slider_motif.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100% !important;
    clear: both;
    display: table;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 1080px) {
    .slider_motif {
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .slider_motif {
        height: 30px;
    }
}

@media screen and (max-width: 560px) {
    .slider_motif {
        display: none;
    }
}

.slider_title {
    color: #ffffff;
    font-family: 'Bodoni Bd BT', sans-serif;
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.0em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 3px #000;
    text-transform: uppercase;
}

@media screen and (max-width: 1080px) {
    .slider_title {
        font-size: 2.5em;
    }
}

@media screen and (max-width: 767px) {
    .slider_title {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 560px) {
    .slider_title {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 440px) {
    .slider_title {
        font-size: 1.5em;
    }
}

.slider_description {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}

@media screen and (max-width: 1080px) {
    .slider_description {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 767px) {
    .slider_description {
        font-size: 1.0em;
    }
}

@media screen and (max-width: 440px) {
    .slider_description {
        display: none;
    }
}

.slider_button {
    clear: both;
    display: table;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .slider_button {
        margin: 12px 0 0 0;
    }
}

.slider_button a,
.slider_button a:visited {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #ffffff;
    clear: both;
    color: #ffffff;
    font-size: 1.2em;
    height: auto;
    margin: 0 auto;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
    width: auto;
}

@media screen and (max-width: 1080px) {
    .slider_button a,
    .slider_button a:visited {
        font-size: 1.0em;
        padding: 8px 16px;
    }
}

@media screen and (max-width: 767px) {
    .slider_button a,
    .slider_button a:visited {
        padding: 6px 12px;
    }
}

.slider_button a:hover,
.slider_button a:visited:hover {
    background-color: rgba(0, 0, 0, 1.0);
}

/* SEARCH FILTER */
.search_filter {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 20px;
    clear: both;
    display: table;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 20px;
    position: absolute;
    right: 0;
    width: calc(100% - 30% - 40px);
}

@media screen and (max-width: 1080px) {
    .search_filter {
        position: relative;
        bottom: 0;
        width: calc(100% - 20px);
        padding: 10px;
        background-color: rgba(0, 0, 0, 1.0);
    }
}

.search_filter input[type="submit"] {
    background-color: #bd9f57;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.0em;
    height: 40px;
    margin: 0;
    font-family: 'FontAwesome', 'Roboto', sans-serif;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    width: 40px;
}

@media screen and (max-width: 560px) {
    .search_filter input[type="submit"] {
        margin: 5px 0 0 0;
    }
}

.search_filter input[type="submit"]:hover {
    background-color: #9f8441;
}

.search_filter input[type="text"] {
    display: block;
    float: left;
    height: 36px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    width: calc(100% / 3 - 20px);
}

@media screen and (max-width: 560px) {
    .search_filter input[type="text"] {
        width: calc(100% - 40px - 24px);
        margin: 5px 5px 0 0;
    }
}

.search_filter select {
    display: block;
    float: left;
    height: 40px;
    margin: 0 5px 0 0;
    padding: 0;
    width: calc(100% / 3 - 20px - 5px);
}

@media screen and (max-width: 560px) {
    .search_filter select {
        width: calc(100% / 2 - 5px);
    }
}

/* SLIDER BUBBLE */
.slider_bubble {
    border-radius: 50%;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 0.9em;
    height: auto;
    left: 10px;
    margin: 0;
    padding-bottom: 150px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 130px;
    transform: rotate(-20deg);
    transition: all 0.4s ease-in-out;
    width: 150px;
    z-index: 100;
}

@media screen and (max-width: 1200px) {
    .slider_bubble {
        font-size: 0.8em;
        left: 10px;
        padding-bottom: 120px;
        top: 110px;
        width: 120px;
    }
}

@media screen and (max-width: 1080px) {
    .slider_bubble {
        top: 100px;
        font-size: 0.7em;
        width: 100px;
        padding-bottom: 100px;
    }
}

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

.slider_bubble:hover {
    transform: scale(1.1, 1.1);
}

.slider_bubble a,
.slider_bubble a:visited {
    color: #292929;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}

.slider_bubble a,
.slider_bubble a:visited {
    color: #292929;
    text-decoration: none;
}

.slider_bubble_float {
    height: auto;
    line-height: 1.1em;
    margin: 0 10%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 20%);
}

.slider_shadow {
    background-attachment: scroll;
    background-image: url('../images/shadow1.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 15px;
    clear: both;
    display: table;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1080px) {
    .slider_shadow {
        display: none;
    }
}

/* MAIN CONTENT */
.content {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 60px 0;
    position: relative;
    width: 1000px;
}

@media screen and (max-width: 1080px) {
    .content {
        width: calc(100% - 10%);
        top: 50px;
        margin: 0 auto 100px auto;
        padding: 20px 5% 0 5%;
    }
}

@media screen and (max-width: 560px) {
    .content {
        top: 85px;
        margin: 0 auto 130px auto;
    }
}

.content_h2_header {
    background-attachment: scroll;
    background-image: url('../images/header_bg_text.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 90px !important;
    color: #636363;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 2.2em;
    margin: 0 auto;
    line-height: 1.0em;
    padding: 25px 0;
    text-align: center;
    text-shadow: 1px 1px 0 #ffffff;
    text-transform: uppercase;
}

@media screen and (max-width: 1080px) {
    .content_h2_header {
        background-size: auto 75px !important;
        font-size: 2.0em;
        padding: 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .content_h2_header {
        background-size: auto 65px !important;
        font-size: 1.6em;
        padding: 25px 0;
    }
}

@media screen and (max-width: 560px) {
    .content_h2_header {
        background-image: none;
        padding: 25px 0 0 0;
        font-size: 1.5em;
    }
}

.content p {
    line-height: 1.4em;
    text-align: justify;
}

.content img {
    height: auto !important;
    max-width: 100%;
}

/* FEATURED CATEGORIES */
.featured_categories {
    clear: both;
    display: table;
    height: auto;
    margin: 10px auto 0 5%;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .featured_categories {
        margin: 10px 2.5px 5px 2.5px;
        padding: 0;
        width: calc(100% - 5px);
    }
}

.featured_category_holder {
    background-attachment: scroll;
    background-color: #c4c4c4;
    background-repeat: no-repeat;
    background-size: cover !important;
    border: 5px solid #ffffff;
    border-radius: 50%;
    clear: none;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    padding-bottom: calc(100% / 4 - 10px);
    position: relative;
    text-align: center;
    transition: all 0.4s ease-in-out;
    width: calc(100% / 4 - 10px);
}

@media screen and (max-width: 767px) {
    .featured_category_holder {
        border-radius: 0;
        display: table;
        float: left;
        padding-bottom: calc(100% / 3.5 - 10px);
        margin: 5px;
        width: calc(100% / 2 - 10px);
        border: 0;
    }
}

@media screen and (max-width: 440px) {
    .featured_category_holder {
        padding-bottom: calc(100% / 2 - 10px);
        width: calc(100% / 1 - 10px);
    }
}

.featured_category_holder:nth-child(4n+1) {
    transform: translateY(-30px) scale(1.0);
}

@media screen and (max-width: 767px) {
    .featured_category_holder:nth-child(4n+1) {
        transform: translateY(0) scale(1.0);
    }
}

.featured_category_holder:nth-child(4n+2) {
    transform: translateY(20px) translateX(-18%) scale(0.8);
}

@media screen and (max-width: 767px) {
    .featured_category_holder:nth-child(4n+2) {
        transform: translateY(0) translateX(0) scale(1.0);
    }
}

.featured_category_holder:nth-child(4n+3) {
    transform: translateY(-10px) translateX(-30%) scale(1.1);
}

@media screen and (max-width: 767px) {
    .featured_category_holder:nth-child(4n+3) {
        transform: translateY(0) translateX(0) scale(1.0);
    }
}

.featured_category_holder:nth-child(4n+4) {
    transform: translateY(-20px) translateX(-38%) scale(0.9);
}

@media screen and (max-width: 767px) {
    .featured_category_holder:nth-child(4n+4) {
        transform: translateY(0) translateX(0) scale(1.0);
    }
}

.featured_category_inner {
    height: auto;
    margin: 0 auto;
    padding: 15%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    width: calc(100% - 30%);
}

.featured_category_inner h3 {
    background-attachment: scroll;
    background-image: url('../images/featured_categories_line.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 50% 4px;
    color: #ffffff;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 2.2em;
    line-height: 1.0em;
    margin: 0;
    padding: 0 0 10px 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1200px) {
    .featured_category_inner h3 {
        font-size: 2.0em;
    }
}

@media screen and (max-width: 1080px) {
    .featured_category_inner h3 {
        font-size: 1.5em;
    }
}

.featured_category_link {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

.featured_category_holder:hover .featured_category_inner {
    transform: scale(1.2) translateY(-40%);
}

@media screen and (max-width: 440px) {
    .featured_category_holder:hover .featured_category_inner {
        transform: scale(1.0) translateY(-50%);
    }
}

.featured_category_holder:hover {
    -webkit-filter: grayscale(1.0);
    filter: grayscale(1.0);
}

/* MODAL FORMS */
.modal_form {
    background-color: #ffffff;
    box-shadow: 2px 2px 4px 3px rgba(0, 0, 0, 0.5);
    display: none;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 10px 22px 20px 20px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
    z-index: 500000000;
}

@media screen and (max-width: 767px) {
    .modal_form {
        width: 70%;
    }
}

@media screen and (max-width: 560px) {
    .modal_form {
        width: 80%;
    }
}

.modal_form_button {
    background-color: #000000;
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 30px;
    z-index: 2;
}

/* DASHBOARD FOR LISTINGS */
.dashboard {
    border: 1px solid #bd9f57;
    border-radius: 5px;
    clear: both;
    height: auto;
    margin: 10px auto;
    padding: 20px;
    position: relative;
    width: calc(100% - 40px - 2px);
}

@media screen and (max-width: 767px) {
    .dashboard {
        border: 0;
        padding: 0;
        width: 100%;
    }
}

.dashboard h3 {
    color: #636363;
    font-size: 1.5em;
    margin: 0 0 2px 0;
    padding: 0;
    text-transform: uppercase;
}

.client_listing_row {
    border: 1px solid rgba(0, 0, 0, 0.2);
    clear: both;
    display: table;
    height: auto;
    margin: -1px 0 0 0;
    padding: 0;
    position: relative;
    table-layout: fixed;
    width: calc(100% - 2px);
    font-size: 0.8em;
}

@media screen and (max-width: 767px) {
    .client_listing_row {
        font-size: 0.7em;
    }
}

.client_listing_row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

.client_listing_cell {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    display: table-cell;
    font-size: 0.8em;
    height: auto;
    padding: 5px;
    vertical-align: middle;
}

.cell_1_14 {
    width: calc(100% / 14 * 1 - 10px - 1px);
}

.cell_2_14 {
    width: calc(100% / 14 * 2 - 10px - 1px);
}

.cell_3_14 {
    width: calc(100% / 14 * 3 - 10px - 1px);
}

.cell_4_14 {
    width: calc(100% / 14 * 4 - 10px - 1px);
}

.cell_5_14 {
    width: calc(100% / 14 * 5 - 10px - 1px);
}

.cell_6_14 {
    width: calc(100% / 14 * 6 - 10px - 1px);
}

.cell_7_14 {
    width: calc(100% / 14 * 7 - 10px - 1px);
}

.cell_8_14 {
    width: calc(100% / 14 * 8 - 10px - 1px);
}

.cell_9_14 {
    width: calc(100% / 14 * 9 - 10px - 1px);
}

.cell_10_14 {
    width: calc(100% / 14 * 10 - 10px - 1px);
}

.cell_11_14 {
    width: calc(100% / 14 * 11 - 10px - 1px);
}

.cell_12_14 {
    width: calc(100% / 14 * 12 - 10px - 1px);
}

.cell_13_14 {
    width: calc(100% / 14 * 13 - 10px - 1px);
}

.cell_14_14 {
    width: calc(100% / 14 * 14 - 10px - 1px);
}

.cell_last {
    border: 0;
}

.cell_header {
    background-color: #292929;
    color: #ffffff;
    text-transform: uppercase;
}

.cell_center {
    text-align: center;
}

.cell_icon {
    color: #636363;
    cursor: pointer;
    font-size: 1.6em;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.cell_icon:hover {
    color: #000000;
}

.cell_icon a,
.cell_icon a:visited {
    color: #636363;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.cell_icon a:hover,
.cell_icon a:visited:hover {
    color: #000000;
    text-decoration: none;
}

.cell_red {
    background-color: red;
    color: #252525;
}

.cell_orange {
    background-color: orange;
    color: #252525;
}

.cell_green {
    background-color: green;
    color: #252525;
}

.cell_yellow {
    background-color: yellow;
    color: #252525;
}

.cell_center_align {
    text-align: center;
}

/* ADD LISTING NOTES - PLANNING DIARY */
.add_list_notes textarea {
    border: 0;
    height: 300px;
    padding: 0;
    width: 100%;
}

/* FULL LISTING PAGE */
.listing_full {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.listing_full_cover {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover !important;
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding-bottom: 35%;
    position: relative;
    width: 100%;
}

.listing_full_logo {
    background-attachment: scroll;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto !important;
    border: 2px solid #bd9f57;
    bottom: 10px;
    height: auto;
    left: 10px;
    margin: 0;
    padding-bottom: 20%;
    position: absolute;
    width: 20%;
}

.listing_full_header_info {
    color: #ffffff;
    font-size: 2.0vw;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    top: 4%;
    width: auto;
}

@media screen and (max-width: 767px) {
    .listing_full_header_info {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 560px) {
    .listing_full_header_info {
        font-size: 3.0vw;
    }
}

@media screen and (max-width: 440px) {
    .listing_full_header_info {
        font-size: 3.5vw;
    }
}

.listing_full_info_holder {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.listing_full_main_content {
    clear: both;
    display: table;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0 10px 0 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .listing_full_main_content {
        clear: both;
        float: none;;
        margin: 15px 0 10px 0;
        padding: 0;
        width: 100%;
    }
}

.listing_short_description {
    clear: both;
    display: table;
    font-size: 1.0em;
    height: auto;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: justify;
    width: 100%;
}

.listing_short_description_full {
    width: 100%;
    height: auto;
    padding: 0 0 15px 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    font-size: 1.0em;
    display: table;
    color: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 1080px) {
    .listing_short_description_full {
        font-size: 1.0em !important;
    }
}

.listing_full_info {
    clear: both;
    display: table;
    height: auto;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: justify;
    width: 100%;
}

.listing_full_services_list {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
    width: calc(50% - 15px);
}

.listing_full_services_list h3 {
    padding: 0;
    margin: 10px 0 0 0;
}

@media screen and (max-width: 560px) {
    .listing_full_services_list {
        clear: both;
        float: none;
        margin: 10px 0 0 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}

.listing_full_services_list ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.listing_full_business_hours {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0;
    padding: 0 0 0 15px;
    position: relative;
    text-align: right;
    width: calc(50% - 15px);
}

@media screen and (max-width: 560px) {
    .listing_full_business_hours {
        clear: both;
        float: none;
        margin: 10px 0 0 0;
        padding: 0;
        text-align: center;
        width: 100%;
    }
}

.listing_full_business_hours h3 {
    padding: 0;
    margin: 10px 0 0 0;
}

.listing_full_contacts {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    width: calc(50% - 10px);
}

@media screen and (max-width: 767px) {
    .listing_full_contacts {
        clear: both;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.listing_full_info_holder h3 {
    color: #636363;
    font-size: 1.4em;
    margin: 0;
    padding: 0 0 5px 0;
}

.listing_full_map {
    clear: both;
    display: table;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.listing_full_contact_details {
    background-color: #9f8441;
    clear: both;
    display: table;
    height: auto;
    margin: 10px auto 0 auto;
    padding: 10px;
    position: relative;
    width: calc(100% - 20px);
}

.listing_full_contact_holder {
    clear: both;
    color: #ffffff;
    display: table;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 560px) {
    .listing_full_contact_holder {
        font-size: 0.8em;
    }
}

.listing_full_contact_holder:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.listing_full_contact_holder_url {
    border: 1px solid #ffffff;
    padding: 5px 10px;
    width: calc(100% - 2px - 20px);
}

.listing_full_contact_holder_url a,
.listing_full_contact_holder_url a:visited {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.listing_full_socials .fa {
    color: #292929;
    font-size: 1.6em;
    transition: all 0.3s ease-in-out;
}

.listing_full_socials .fa:hover {
    color: #000000;
    transform: scale(1.1, 1.1);
    z-index: 2;
}

.listing_full_gallery {
    background-color: rgba(0, 0, 0, 0.1);
    clear: both;
    display: table;
    height: auto;
    margin: 20px auto 0 auto;
    padding: 5px;
    position: relative;
    width: calc(100% - 10px);
}

.listing_full_gallery_holder {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    clear: none;
    float: left;
    height: auto;
    margin: 5px;
    padding-bottom: calc(100% / 5 - 10px);
    position: relative;
    width: calc(100% / 5 - 10px);
}

@media screen and (max-width: 560px) {
    .listing_full_gallery_holder {
        padding-bottom: calc(100% / 3 - 10px);
        width: calc(100% / 3 - 10px);
    }
}

.listing_full_gallery_title {
    color: #bd9f57;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 1.2em;
    height: auto;
    line-height: 1.0em;
    margin: 0 auto;
    padding: 20px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.0);
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    width: calc(100% - 40px);
}

.listing_full_gallery_title:hover {
    opacity: 0.0;
}

.add_web_stats {
    width: 145px;
    height: 40px;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    position: relative;
    clear: none;
    float: right;
    display: table;
    color: #bea057;
    text-transform: uppercase;
    font-size: 0.7em;
    border: 1px solid #bea057;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-family: 'FontAwesome', 'Roboto', sans-serif;
}

@media screen and (max-width: 767px) {
    .add_web_stats {
        margin: 0 0 5px 5px;
    }
}

@media screen and (max-width: 560px) {
    .add_web_stats {
        width: 100%;
    }
}

.add_web_stats:hover {
    background-color: #bea057;
    color: #ffffff;
}

/* USER STATS FULL PAGE */
.user_stats {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.user_stat_holder {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.user_stats_header {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
    background-color: #252525;
    color :#ffffff;
    text-transform: uppercase;
}

.user_stat_cell {
    height: auto;
    padding: 4px 10px;
    margin: 0;
    float: left;
    clear: none;
    display: table;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 0.8em;
}

.user_stat_cell_1_10 {
    width: calc(100% / 10 * 1 - 20px - 2px);
}

.user_stat_cell_2_10 {
    width: calc(100% / 10 * 2 - 20px - 2px);
}

.user_stat_cell_3_10 {
    width: calc(100% / 10 * 3 - 20px - 2px);
}

.user_stat_cell_4_10 {
    width: calc(100% / 10 * 4 - 20px - 2px);
}

.user_stat_cell_5_10 {
    width: calc(100% / 10 * 5 - 20px - 2px);
}

.user_stat_cell_6_10 {
    width: calc(100% / 10 * 6 - 20px - 2px);
}

.user_stat_cell_7_10 {
    width: calc(100% / 10 * 7 - 20px - 2px);
}

.user_stat_cell_8_10 {
    width: calc(100% / 10 * 8 - 20px - 2px);
}

.user_stat_cell_9_10 {
    width: calc(100% / 10 * 9 - 20px - 2px);
}

.user_stat_cell_10_10 {
    width: calc(100% / 10 * 10 - 20px - 2px);
}

.user_stat_row {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
}

.user_stat_row_red {
    width: calc(100% - 20px);
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    font-size: 0.9em;
    background-color: red !important;
}

.user_stat_row:nth-child(even) {
    background-color: #e0e0e0;
}

.user_stats_summary {
    width: calc(100% - 20px);
    height: auto;
    padding: 5px 10px;
    margin: 0;
    clear: both;
    display: table;
    position: relative;
    background-color: #bea057;
    color: #252525;
    text-align: right;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
}

/* MAILING LIST JOIN NEWSLETTER */
.mailing_list {
    background-color: #bd9f57;
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto -35px auto;
    padding: 20px 2%;
    position: relative;
    top: -35px;
    width: calc(100% - 4%);
    z-index: 0;
}

@media screen and (max-width: 767px) {
    .mailing_list {
        padding: 2%;
        margin: 0 auto;
        top: auto;
    }
}

.mailing_list_text {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .mailing_list_text {
        display: table;
        width: 100%;
        clear: both;
        padding: 0 0 10px 0;
    }
}

.mailing_list_title {
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 2.2em;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .mailing_list_title {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1080px) {
    .mailing_list_title {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 767px) {
    .mailing_list_title {
        font-size: 1.5em;
    }
}

.mailing_list_description {
    clear: both;
    color: #292929;
    display: table;
    font-size: 1.1em;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .mailing_list_description {
        font-size: 1.0em;
    }
}

@media screen and (max-width: 1080px) {
    .mailing_list_description {
        font-size: 0.9em;
    }
}

.mailing_list_form {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .mailing_list_form {
        display: table;
        clear: both;
        width: 100%;
    }
}

#mc_embed_signup {
    background-color: transparent !important;
}

#mc_embed_signup #mce-EMAIL {
    border: 0;
    clear: none;
    float: left;
    height: 30px;
    margin: 0;
    padding: 10px;
    width: calc(100% - 70px);
}

#mc_embed_signup #mc-embedded-subscribe {
    background-color: #292929;
    border: 0;
    clear: none;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: 'FontAwesome', 'Bodoni Bd BT', 'Roboto', sans-serif;
    height: 50px;
    margin: 0;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    width: 50px;
}

#mc_embed_signup #mc-embedded-subscribe:hover {
    background-color: #000000;
}

#mc_embed_signup div.mce_inline_error {
    background-color: red;
    font-size: 0.7em;
    height: auto;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 78px;
    width: auto;
}

/* MAP */
.mapouter {
    clear: both;
    height: auto;
    margin: 10px auto 0 auto;
    padding: 0;
    position: relative;
    text-align: right;
    width: 100%;
}

.gmap_canvas {
    background: none !important;
    overflow: hidden;
    width: 100%;
}

.map_info_text {
    background-color: #ffffff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    clear: both;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.9em;
    font-weight: 500;
    height: auto;
    left: 10px;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 100px;
    width: 334px;
    z-index: 2;
}

@media screen and (max-width: 572px) {
    .map_info_text {
        width: 334px;
    }
}

@media screen and (max-width: 516px) {
    .map_info_text {
        width: 246px;
    }
}

@media screen and (max-width: 461px) {
    .map_info_text {
        width: 246px;
    }
}

@media screen and (max-width: 416px) {
    .map_info_text {
        font-size: 0.8em;
        top: 60px;
        width: 52%;
    }
}

/* PAID ADVERTS */
.paid_ads {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 5px;
    position: relative;
    width: calc(100% - 10px);
}

.paid_ad_holder {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover !important;
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 5px;
    padding-bottom: calc(100% / 4 - 10px);
    position: relative;
    width: calc(100% / 2 - 10px);
}

@media screen and (max-width: 560px) {
    .paid_ad_holder {
        float: none;
        clear: both;
        margin: 5px;
        padding-bottom: calc(100% / 2 - 10px);
        position: relative;
        width: calc(100% / 1 - 10px);
    }
}

.paid_ad_link {
    text-decoration: none;
}

.paid_ad_info {
    height: auto;
    margin: 0 auto;
    padding: 10%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 20%);
}

.paid_ad_title {
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 3.0em;
    height: auto;
    line-height: 1.0em;
    margin: 0 auto;
    padding: 0 0 2px 0;
    position: relative;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    width: auto;
}

@media screen and (max-width: 1200px) {
    .paid_ad_title {
        font-size: 2.6em;
    }
}

@media screen and (max-width: 1080px) {
    .paid_ad_title {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 767px) {
    .paid_ad_title {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 560px) {
    .paid_ad_title {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 440px) {
    .paid_ad_title {
        font-size: 1.7em;
    }
}

.paid_ad_description {
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Bodoni Bd BT', serif;
    font-size: 1.8em;
    height: auto;
    line-height: 1.0em;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
    width: auto;
}

@media screen and (max-width: 1200px) {
    .paid_ad_description {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 1080px) {
    .paid_ad_description {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 767px) {
    .paid_ad_description {
        font-size: 1.0em;
    }
}

@media screen and (max-width: 560px) {
    .paid_ad_description {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 440px) {
    .paid_ad_description {
        font-size: 1.0em;
    }
}

/* MEDIA BOXES GALLERY */
.page_images_container {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

/* FOOTER */
.footer {
    background-color: #292929;
    clear: both;
    display: table;
    height: auto;
    margin: 10px auto 0 auto;
    padding: 20px 5% 20px 5%;
    position: relative;
    width: calc(100% - 10%);
}

.footer_info h4,
.footer_account h4 {
    color: #ffffff;
    font-size: 1.2em;
    margin: 0 0 5px 0;
    padding: 0;
    text-transform: uppercase;
}

.footer_account h4 {
    text-align: center;
}

.footer_info,
.footer_account {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: calc(100% / 3);
}

@media screen and (max-width: 560px) {
    .footer_info {
        width: 100%;
        float: none;
        clear: both;
        display: table;
        margin: 0 auto 20px auto;
        text-align: center;
    }
}

.footer_info ul,
.footer_account ul {
    margin: 0;
    padding: 0;
}

.footer_account ul {
    text-align: center;
}

.footer_info ul li,
.footer_account ul li {
    color: #ffffff;
    list-style-type: none;
    margin: 0;
    padding: 0 0 2px 0;
    text-decoration: none;
}

.footer_info ul li ul li,
.footer_account ul li ul li {
    padding: 0 0 2px 15px;
}

.footer_account ul li ul li {
    padding: 0 0 2px 0;
    text-align: center;
}

.footer_info ul li a,
.footer_info ul li a:visited,
.footer_account ul li a,
.footer_account ul li a:visited {
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.footer_info ul li a:hover,
.footer_info ul li a:visited:hover,
.footer_account ul li a:hover,
.footer_account ul li a:visited:hover {
    color: #838383;
    text-decoration: none;
}

.footer_socials {
    clear: none;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    width: calc(100% / 3);
}

@media screen and (max-width: 560px) {
    .footer_socials {
        width: 100%;
        clear: both;
        display: table;
        text-align: center;
        margin: 0 auto;
    }
}

.footer_socials .fa {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 0 8px;
    padding: 0 0 0 5px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 30px;
}

.footer_socials .fa:hover {
    background-color: #ffffff;
    color: #252525;
}

.credentials {
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Roboto', sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 5px 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 100%;
}

.credits {
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Roboto', sans-serif;
    font-size: 0.7em;
    font-weight: 400;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 100%;
}

.credits a,
.credits a:visited {
    color: #c4c4c4;
    text-decoration: none;
}

.credits a:hover,
.credits a:visited:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* INVOICE VIEW AND PRINT */
.invoice_holder {
    background-color: #ffffff;
    clear: both;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0 auto;
    min-height: calc(297mm - 20mm);
    overflow-x: hidden;
    padding: 10mm;
    position: relative;
    width: calc(210mm - 20mm);
}

.invoice_header {
    clear: both;
    color: #414141;
    display: table;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    margin: 0 0 3mm 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    width: auto;
}

.invoice_top {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 0 0 5mm 0;
    position: relative;
    width: 100%;
}

.invoice_logo {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 50mm;
}

.invoice_logo img {
    display: block;
    height: 30mm;
    width: auto !important;
}

.invoice_contacts {
    clear: both;
    display: table;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 0 0 0 10mm;
    position: relative;
    text-align: right;
    width: calc(100% - 10mm);
}

.invoice_contact_holder {
    height: auto;
    margin: 0 0 2mm 0;
    padding: 0;
    width: 100%;
}

.invoice_contact_holder_bold {
    font-size: 16px;
    font-weight: bold;
}
.invoice_contact_holder a,
.invoice_contact_holder a:visited,
.invoice_contact_holder a:hover,
.invoice_contact_holder a:visited:hover {
    color: #000000;
    text-decoration: none;
}

.invoice_required {
    border: 1mm solid #eeeeee;
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto 4mm auto;
    padding: 4mm;
    position: relative;
    width: calc(100% - 8mm - 2mm);
}

.invoice_no {
    clear: none;
    display: table;
    float: left;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 5px 0 0 0;
    position: relative;
    width: 50%;
}

.invoice_information {
    background-color: #eeeeee;
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 4mm;
    position: relative;
    width: calc(100% - 8mm);
}

.listing_information_left {
    width: calc(50% - 10px);
    height: auto;
    padding: 0;
    margin: 0 10px 0 0;
    position: relative;
    clear: none;
    display: table;
    float: left;
}

.listing_information_right {
    width: calc(50% - 10px);
    height: auto;
    padding: 0;
    margin: 0 0 0 10px;
    position: relative;
    clear: none;
    display: table;
    float: right;
}

.invoice_amount {
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    margin: 0 auto 4mm auto;
    position: relative;
    clear: both;
    display: table;
    background-color: #252525;
    color :#ffffff;
}

.invoice_amount_description {
    width: 100%;
    height: auto;
    padding: 0 0 8px 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
    text-align: center;
    font-size: 1.1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.invoice_amount_block {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 10px auto 0 auto;
    position: relative;
    clear: both;
    display: table;
    font-size: 1.4em;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}

.invoice_block {
    clear: both;
    display: table;
    font-size: 12px;
    height: auto;
    margin: 0 0 1mm 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.invoice_status {
    width: auto;
    height: auto;
    padding: 5px 10px;
    color: #ffffff;
    margin: 0;
    position: relative;
    float: right;
    clear: none;
    font-size: 1.2em;
}

.invoice_customer_information {
    clear: both;
    display: table;
    height: auto;
    margin: 0 0 4mm 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.invoice_client_name {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0 0 1mm 0;
    position: relative;
    width: 100%;
}

.invoice_client_name_bold {
    font-size: 18px;
    font-weight: bold;
}

.invoice_delivery_address {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0 0 1mm 0;
    position: relative;
    width: 100%;
}

.invoice_client_no {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0 0 1mm 0;
    position: relative;
    width: 100%;
}

.invoice_client_email {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0 0 1mm 0;
    position: relative;
    width: 100%;
}

.invoice_client_email a,
.invoice_client_email a:visited,
.invoice_client_email a:hover,
.invoice_client_email a:visited:hover {
    color: #000000;
    text-decoration: none;
}

.invoice_notes {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.invoice_banking_details {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.invoice_other_info {
    background-color: red;
    clear: none;
    color: #ffffff;
    display: table;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    margin: 0;
    padding: 5mm;
    position: relative;
    width: calc(50% - 10mm);
}

.invoice_instructions {
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    margin: 10px auto 0 auto;
    position: relative;
    clear: both;
    display: table;
    background-color: red;
    font-size: 1.2em;
    color: #ffffff;
}

/* DOWNLOADABLE DOCUMENTS */
.documents {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.document_group {
    width: calc(100% - 20px - 2px);
    height: auto;
    padding: 10px;
    margin: 5px auto;
    position: relative;
    clear: both;
    display: table;
    border: 1px solid rgba(189, 159, 87, 1.0);
    border-radius: 4px;
}

.document_header {
    width: 100%;
    height: auto;
    padding: 0 0 5px 0;
    line-height: 1.0em;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
    font-family: 'Bodoni Bd BT', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
}

@media screen and (max-width: 1080px) {
    .document_header {
        font-size: 1.4em;
    }
}

@media screen and (max-width: 767px) {
    .document_header {
        font-size: 1.3em;
    }
}

.documents_outer {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.document_holder {
    width: calc(100% - 20px);
    height: auto;
    padding: 5px 10px;
    margin: 0 auto;
    position: relative;
    clear: both;
    background-color: rgba(0, 0, 0, 0.1);
}

.document_holder:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.document_holder:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.0);
}

.document_holder a,
.document_holder a:visited {
    text-decoration: none;
    color: #b58c6e;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
}

.document_holder a:hover,
.document_holder a:visited:hover {
    text-decoration: none;
    color: #6d503b;
}

/* BILLING */
.billing {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
}

.billing_header {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    clear: both;
    display: table;
    background-color: #252525;
    color: #ffffff;
    text-transform: uppercase;
}

.billing_row {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
    display: table;
}

.billing_row:nth-child(odd) {
    background-color: #e0e0e0;
}

.billing_cell_1_10,
.billing_cell_2_10,
.billing_cell_3_10,
.billing_cell_4_10,
.billing_cell_5_10,
.billing_cell_6_10,
.billing_cell_7_10,
.billing_cell_8_10,
.billing_cell_9_10,
.billing_cell_10_10 {
    height: auto;
    padding: 5px 10px;
    font-size: 0.9em;
    margin: 0;
    position: relative;
    clear: none;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.billing_cell_1_10 {
    width: calc(100% / 10 * 1 - 2px - 20px);
}

.billing_cell_2_10 {
    width: calc(100% / 10 * 2 - 2px - 20px);
}

.billing_cell_3_10 {
    width: calc(100% / 10 * 3 - 2px - 20px);
}

.billing_cell_4_10 {
    width: calc(100% / 10 * 4 - 2px - 20px);
}

.billing_cell_5_10 {
    width: calc(100% / 10 * 5 - 2px - 20px);
}

.billing_cell_6_10 {
    width: calc(100% / 10 * 6 - 2px - 20px);
}

.billing_cell_7_10 {
    width: calc(100% / 10 * 7 - 2px - 20px);
}

.billing_cell_8_10 {
    width: calc(100% / 10 * 8 - 2px - 20px);
}

.billing_cell_9_10 {
    width: calc(100% / 10 * 9 - 2px - 20px);
}

.billing_cell_10_10 {
    width: calc(100% / 10 * 10 - 2px - 20px);
}

.billing_cell_green {
    background-color: green;
    color: #ffffff;
}

.billing_cell_orange {
    background-color: orange;
    color: #ffffff;
}

.billing_cell_red {
    background-color: red;
    color: #ffffff;
}

.billing_row_notice {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: red;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    width: calc(100% - 20px - 2px);
}

/* FORM STYLING */
.form_group {
    clear: both;
    display: table;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.form_group_full {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.form_group_left {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    position: relative;
    width: 48%;
}

@media screen and (max-width: 560px) {
    .form_group_left {
        clear: both;
        float: none;
        margin: 0 0 15px;
        width: 100%;
    }
}

.form_group_right {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0 0 0 2%;
    padding: 0;
    position: relative;
    width: 48%;
}

@media screen and (max-width: 560px) {
    .form_group_right {
        clear: both;
        float: none;
        margin: 0;
        width: 100%;
    }
}

.form_group_1_3 {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    position: relative;
    width: calc(100% / 3 - 2%);
}

@media screen and (max-width: 560px) {
    .form_group_1_3 {
        margin: 0 0 25px 0;
        width: 100%;
    }
}

.form_group_2_3 {
    clear: none;
    display: table;
    float: left;
    height: auto;
    margin: 0 2% 0 2%;
    padding: 0;
    position: relative;
    width: calc(100% / 3 - 4%);
}

@media screen and (max-width: 560px) {
    .form_group_2_3 {
        margin: 0 0 25px 0;
        padding: 0;
        width: 100%;
    }
}

.form_group_3_3 {
    clear: none;
    display: table;
    float: right;
    height: auto;
    margin: 0 0 0 2%;
    padding: 0;
    position: relative;
    width: calc(100% / 3 - 2%);
}

@media screen and (max-width: 560px) {
    .form_group_3_3 {
        margin: 0 0 25px 0;
        width: 100%;
    }
}

.form_label {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0 0 2px 0;
    position: relative;
    width: 100%;
}

.form_label label {
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .form_label label {
        font-size: 0.8em;
    }
}

label.error {
    color: #ff0000;
    font-size: 0.8em;
    font-weight: 500;
    position: relative;
}

label.error:before {
    content: '\f071';
    font-family: 'FontAwesome', sans-serif;
    padding: 0 4px 0 0;
}

.form_field {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.form_field input[type="text"],
.form_field input[type="number"],
.form_field input[type="password"],
.form_field input[type="email"],
.form_field input[type="file"],
.form_field input[type="url"] {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    font-family: 'Roboto', sans-serif;
    height: 20px;
    margin: 0;
    outline: none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: calc(100% - 40px - 2px);
}

.form_field input[type="text"]:hover,
.form_field input[type="text"]:focus {
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4;
}

.form_field select {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    font-family: 'Roboto', sans-serif;
    height: 42px;
    margin: 0;
    outline: none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 100%;
}

.form_field select:hover,
.form_field select:focus {
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4;
}

.form_field textarea {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    font-family: 'Roboto', sans-serif;
    height: 125px;
    margin: 0;
    outline: none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: calc(100% - 40px - 2px);
}

.form_field textarea:hover,
.form_field textarea:focus {
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4;
}

.form_field_disabled {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

.form_group_full .enquire_btn {
    background-color: #ffffff;
    border: 1px solid #AFB374;
    clear: none;
    color: #AFB374;
    cursor: pointer;
    float: right;
    font-family: 'FontAwesome', 'Bodoni Bd BT', sans-serif;
    font-size: 1.5em;
    margin: 0;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.subm_btn {
    background-color: #b38b6d;
    border: 0;
    border-radius: 5px;
    clear: both;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.8em;
    font-weight: 600;
    height: auto;
    margin: 0;
    display: table;
    transition: all 0.4s ease-in-out;
    padding: 10px 20px;
    width: auto;
}

.subm_btn:hover {
    background-color: #8b6c55;
}

.subm_btn_flush {
    width: 145px;
    height: 40px;
    padding: 5px;
    bottom: 2px;
    margin: 2px 0 0 0;
    position: relative;
    clear: none;
    float: right;
    display: table;
    border: 0;
    background-color: #b58c6e;
    color: #ffffff;
    font-size: 0.7em;
    text-transform: uppercase;
    font-family: 'FontAwesome', 'Roboto', sans-serif;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

@media screen and (max-width: 560px) {
    .subm_btn_flush {
        width: 100%;
    }

}

.subm_btn_flush:hover {
    background-color: #936e53;
}

.subm_btn_flush_smaller {
    font-size: 1.0em;
}

.disabled_button {
    cursor: default;
    opacity: 0.6;
    pointer-events: none;
}

.form_h4 {
    color: #636363;
    font-size: 1.5em;
    margin: 0 0 5px 0;
    padding: 0;
    text-transform: uppercase;
}

fieldset {
    border: 1px solid #bd9f57;
    padding: 20px 20px 10px 20px;
    margin: 0 0 10px 0;
    width: calc(100% - 40px - 2px);
}

legend {
    color: #636363;
    font-size: 1.2em;
    padding: 0 10px;
    text-transform: uppercase;
}

.form_link {
    clear: both;
    display: table;
    height: auto;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: right;
    width: 100%;
}

.form_group_full .enquire_btn:hover {
    border: 1px solid #4e502e;
    color: #4e502e;
}

.form_oneliner_label {
    display: table-cell;
    height: auto;
    padding: 0 2% 0 0;
    vertical-align: middle;
    width: 48%;
}

.form_oneliner_field {
    display: table-cell;
    height: auto;
    padding: 0 0 0 2%;
    vertical-align: middle;
    width: 48%;
}

.form_note {
    clear: none;
    color: #636363;
    font-size: 0.8em;
    height: auto;
    margin: 2px 0 0 0;
    padding: 0;
    position: relative;
    width: auto;
}

.form_note_right {
    float: right;
}

.red_asterisk {
    color: red;
    font-size: 0.8em;
    vertical-align: super;
}

.red_asterisk:before {
    color: red;
    content: '\f069';
    font-family: 'FontAwesome', sans-serif;
    font-size: 0.6em;
    vertical-align: super;
}

.hfield {
    display: none;
}

.preview_img {
    width: 50%;
    height: auto;
    padding-bottom: 30%;
    margin: 5px 0 0 0;
    background-position: center center;
    border: 4px solid #e0e0e0;
    background-size: cover !important;
    background-attachment: scroll;
    background-repeat: no-repeat;
    display: block;
    clear: both;
    background-image: url(../images/no_image.jpg);
}

/* PAGING */
.paging_current,
.paging_nonactive,
.paging_link {
    border: 2px solid #C4C4C4;
    color: #8A8A8A;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 0 4px;
    padding: 0;
    text-align: center !important;
    text-decoration: none;
    width: 22px;
}

.paging_link {
    background-color: transparent;
}

.paging_link:hover {
    background-color: #906e55;
    color: #ffffff;
}

.paging_current {
    background-color: #b58c6e;
    color: #ffffff;
}

.paging_nonactive {
    background-color: #E1E1E1;
}

.paging_holder {
    clear: both;
    display: table;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    width: auto;
}

.availability_success,
.availability_error {
    background-color: red;
    border-radius: 0 0 4px 4px;
    bottom: -18px;
    clear: both;
    color: #ffffff;
    display: table;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 0.8em;
    height: auto;
    margin: 0;
    padding: 2px 5px;
    position: absolute;
    width: calc(100% - 10px);
}

.availability_success {
    background-color: green;
}

.availability_error {
    background-color: red;
}

/* COOKIES NOTIFICATION BAR */
.cookies_bar {
    background-color: #292929;
    bottom: 0;
    display: table;
    height: auto;
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: fixed;
    right: 0;
    width: calc(100% - 20px);
    z-index: 500;
}

.cookies_text {
    color: #252525;
    display: table-cell;
    font-size: 0.8em;
    font-weight: 700;
    height: auto;
    padding: 0 20px 0 0;
    vertical-align: middle;
    width: calc(100% - 20px);
}

@media screen and (max-width: 767px) {
    .cookies_text {
        font-size: 0.6em;
    }
}

@media screen and (max-width: 560px) {
    .cookies_text {
        clear: both;
        display: table;
        padding: 0;
        text-align: center;
        width: 100%;
    }
}

.cookies_button {
    background-color: #b38b6d;
    display: table-cell;
    height: auto;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
}

@media screen and (max-width: 560px) {
    .cookies_button {
        clear: both;
        display: table;
        margin: 10px auto 0 auto;
        width: auto;
    }
}

.cookies_button input[type=submit] {
    background-color: transparent;
    border: 2px solid #252525;
    cursor: pointer;
    font-family: 'FontAwesome', 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    padding: 6px;
    text-align: right;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.cookies_button input[type=submit]:hover {
    background-color: #000000;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.cc-revoke, .cc-window {
    font-size: 12px !important;
}