/* =============================================
   BASE RESET & LAYOUT
   ============================================= */
html,
body {
    height: 100%;
}

body>.wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

body>.wrapper>.content {
    display: table-row;
    height: 100%;
}

.site_header>.container,
.site_footer>.container,
.nav,
.content_container {
    max-width: 1255px;
    margin: 0 auto;
}

.site_block {
    padding: 0 33px;
}

body,
form,
div,
p,
h1,
h2,
h3 {
    padding: 0;
    border: 0;
    margin: 0;
}

img {
    border: 0;
}

table {
    border-collapse: collapse;
}

td {
    padding: 0;
    vertical-align: top;
}

.readonly,
.readonly td,
.readonly tr,
.readonly p,
.readonly div,
.readonly span,
.readonly .inputbox {
    color: #666666;
}

/* =============================================
   TYPOGRAPHY
   ============================================= */
body,
td,
tr,
p,
div,
span,
a,
input,
select,
textarea,
button {
    font-family: Georgia, serif;
}

h1,
h2,
h3 {
    border-collapse: collapse;
    font-family: Georgia, serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
    color: #000000;
}

h3 {
    font-size: 20px;
    color: #c27d05;
}

td,
tr,
p,
div,
span,
a {
    color: #000000;
}

a {
    transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
    text-decoration: none;
}

/* =============================================
   FORM INPUTS
   ============================================= */
.inputbox {
    padding: 7px 12px;
    font-size: 16px;
    font-family: Georgia, serif;
    color: #1a1a1a;
    background-color: #ffffff;
    border: 1.5px solid #e0ddd4;
    border-radius: 8px;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input.inputbox[type=text] {
    height: 38px;
}

.inputbox:focus {
    border-color: #018e45;
    box-shadow: 0 0 0 3px rgba(1, 142, 69, 0.12);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    -webkit-text-fill-color: #000000 !important;
}

.inputbox[type=file] {
    overflow: hidden;
}

.inputbox.error {
    border-color: #cc0000;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.1);
}

select.inputbox {
    padding: 0px 8px;
    height: 38px;
    cursor: pointer;
}

textarea {
    resize: none;
    margin: 0px;
}

/* =============================================
   SELECTIZE
   ============================================= */
.selectize-control {
    padding: 0;
    min-height: 38px;
    border: 0;
}

.selectize-control.multi .selectize-input>div {
    margin: 2px 3px 2px 0 !important;
    font-size: 15px;
    border-radius: 5px;
}

.selectize-input {
    min-width: 150px !important;
    min-height: 34px;
    line-height: inherit !important;
    padding: 6px 0 0 10px !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    vertical-align: middle;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    font-size: 15px !important;
    font-family: Georgia, serif !important;
}

/* =============================================
   RADIO / CHECKBOX
   ============================================= */
.input_radio {
    margin: 5px 0;
}

.input_radio>div {
    display: inline-block;
    vertical-align: top;
}

.input_radio .object_container {
    padding-top: 2px;
}

/* =============================================
   WA FORM EDIT
   ============================================= */
.wa_form_edit {
    padding: 24px;
    text-align: center;
    background-color: #f5f3eb;
    border-radius: 12px;
}

.wa_form_edit>.section {
    display: inline-block;
}

.wa_form_edit .field {
    margin: 0 0 8px 0;
    text-align: left;
}

.wa_form_edit .field .field {
    margin: 0;
}

.wa_form_edit .input_choice .field {
    margin-bottom: 3px;
}

.wa_form_edit .field.vertical_mode {
    vertical-align: bottom;
}

.wa_form_edit .field .caption {
    display: inline-block;
}

.wa_form_edit .field .caption .required_mark {
    color: #cc0000;
}

.wa_form_edit .field .caption,
.filterCaption {
    margin-bottom: 4px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

.wa_form_edit .field.vertical_mode .caption {
    display: block;
}

.wa_form_edit .field .inputbox,
.wa_form_edit .field.vertical_mode .caption {
    margin-bottom: 3px;
    width: 460px;
}

.wa_form_edit .field select.inputbox {
    width: 468px;
}

.wa_form_edit .horizontal .field.vertical_mode .caption,
.wa_form_edit .horizontal .field.vertical_mode .inputbox {
    width: 220px;
}

.wa_form_edit .horizontal .field.vertical_mode select.inputbox {
    width: 218px;
}

.wa_form_edit .field.date_field .inputbox,
.wa_form_edit .horizontal .field.date_field .inputbox {
    width: 100px;
}

.wa_form_edit .checkbox>div {
    display: inline-block;
    vertical-align: baseline;
}

.wa_form_edit .field.checkbox_field input {
    position: relative;
    top: 2px;
    margin: 0;
}

.wa_form_edit .field.checkbox_field .label_container {
    display: inline;
}

.wa_form_edit .field.checkbox_field .right .label_container {
    text-align: right;
}

.wa_form_edit .field.checkbox_field .checkbox_container {
    display: inline-block;
}

.multi_check_field .list {
    height: 98px;
    margin: 10px;
    overflow: auto;
}

.multi_check_field .list.has-check-all-button {
    margin-bottom: 30px;
}

.multi_check_field .checkAll_container {
    position: absolute;
    bottom: 2px;
    left: 5px;
}

.multi_check_field .checkAll {
    margin-top: 5px;
    margin-left: 0px;
}

.multi_check_field .label {
    position: relative;
}

.multi_check_field .label>div {
    display: inline-block;
}

.multi_check_field .label label {
    font-weight: 700;
}

.multi_check_field .label .switch {
    position: absolute;
    top: -2px;
}

.multi_check_field .label .switch a {
    display: block;
    width: 10px;
    text-decoration: none;
    text-align: center;
}

.multi_check_field .label .checkbox {
    margin-left: 14px;
}

.multi_check_field .detail {
    margin-left: 24px;
    display: none;
}

.wa_form_edit .field.multi_input_field>.inputbox {
    width: 446px;
    padding: 10px;
    display: inline-block;
}

.wa_form_edit .field.multi_input_field .inputbox .inputbox,
.wa_form_edit fieldset .inputbox .caption {
    width: 300px;
    overflow: hidden;
}

.wa_form_edit .field.multi_input_field fieldset {
    position: relative;
    margin-bottom: 4px;
    padding: 5px;
}

.wa_form_edit fieldset .field.vertical_mode .caption {
    width: 360px;
}

.wa_form_edit .field.multi_input_field .close_button {
    display: block;
    position: absolute;
    width: 10px;
    right: 3px;
    top: 1px;
    font-family: Georgia, serif;
    font-size: 12px;
    text-decoration: none;
}

.wa_form_edit .captcha {
    text-align: left;
    margin-top: 10px;
}

.wa_form_edit .captcha>div {
    display: inline-block;
    vertical-align: middle;
}

.wa_form_edit .captcha .image {
    margin-right: 10px;
    text-align: center;
}

.wa_form_edit .captcha .image img {
    border: 1.5px solid #d0cdc4;
    border-radius: 6px;
    cursor: pointer;
}

.wa_form_edit .captcha .input {
    display: inline-block;
    text-align: left;
    margin-top: 20px;
}

.wa_form_edit .captcha .input input,
.wa_form_edit .captcha .input .caption {
    width: 224px;
}

.wa_form_edit .captcha .input .caption {
    margin-bottom: 3px;
}

/* =============================================
   BREADCRUMBS
   ============================================= */
.breadcrumbs {
    display: inline-block;
    margin: 8px 0;
}

div.breadcrumbs .path_ico {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../images/breadcrumb.png);
}

div.breadcrumbs .path_ico img {
    vertical-align: middle;
}

div.breadcrumb {
    display: inline;
    line-height: 24px;
}

div.breadcrumb span,
div.breadcrumb a {
    font-size: 14px;
    font-weight: 500;
}

div.breadcrumb a span {
    text-decoration: underline;
}

div.breadcrumb a,
div.breadcrumb a:hover span {
    text-decoration: none;
}

div.breadcrumbs>.breadcrumb:last-child>a>span {
    text-decoration: none;
}

/* =============================================
   FILTER PANEL
   ============================================= */
.filter_panel {
    display: block;
    position: relative;
    border: 1.5px solid #e0ddd4;
    border-radius: 10px;
    padding: 0;
    margin: 14px 0;
    background: #fafaf8;
}

.filter_panel .fields .floatingDiv,
.filter_panel .fields.floatingDiv {
    margin: 0 10px 5px 0;
    vertical-align: bottom;
}

.filter_panel .search_button.floatingDiv {
    margin-bottom: 5px;
    vertical-align: bottom;
}

.filter_panel .fields .floatingDiv.floatingDiv {
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

.filter_panel .fields .floatingDiv.floatingDiv:last-child {
    margin: 0;
}

.filter_panel .button_container {
    margin: 0 0 11px 0;
    vertical-align: bottom;
}

.filter_panel .title {
    display: block;
    position: absolute;
    top: -4px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}

.filter_panel .button {
    display: block;
    line-height: 24px;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    background-color: #cc9900;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.filter_panel .button:hover {
    background-color: #d9a336;
    transform: translateY(-1px);
}

.grid .ordering_div {
    margin-bottom: 10px;
    text-align: right;
}

/* =============================================
   PAGINATION
   ============================================= */
.page_navigation {
    text-align: center;
    margin-top: 14px;
}

.page_navigation>div {
    margin-bottom: 10px;
}

.page_navigation .page_links>div {
    display: inline-block;
    vertical-align: middle;
}

.page_navigation .page_links>.page_link {
    margin: 0 5px;
}

.page_navigation .button {
    display: inline-block;
    width: 22px;
    height: 22px;
    min-width: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.page_navigation .button.start {
    background: url(../images/pager/start.png);
}

.page_navigation .button.left {
    background: url(../images/pager/left.png);
}

.page_navigation .button.right {
    background: url(../images/pager/right.png);
}

.page_navigation .button.end {
    background: url(../images/pager/end.png);
}

.page_navigation .button:hover {
    background-position: -23px;
}

.page_navigation .button.gray {
    background-position: -46px;
}

/* =============================================
   SEARCH PAGER
   ============================================= */
.sys_search_pager .title {
    text-decoration: none;
    color: #cc0000;
    font-size: 20px;
    font-weight: 700;
}

.sys_search_pager a.title:hover {
    color: #006330;
}

.sys_search_pager a.component_name:hover {
    color: #006330;
}

.sys_search_pager .desc {
    margin-top: 10px;
}

.sys_search_pager .component_name {
    font-size: 14px;
    font-weight: 700;
}

.search_desc {}

/* =============================================
   FILE UPLOADER
   ============================================= */
.file_uploader>.upload_panel {
    display: inline-block;
    font-size: 0;
}

.file_uploader>.upload_panel>.item {
    position: relative;
}

.file_uploader>.upload_panel>.item,
.file_uploader>.add_button {
    display: inline-block;
    width: 133px;
    height: 133px;
    margin: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1.5px solid #ccc;
    border-radius: 10px;
    cursor: move;
    transition: box-shadow 0.2s ease;
}

.file_uploader>.upload_panel>.item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.file_uploader>.upload_panel>.item>.delete_button {
    position: absolute;
    display: none;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/image_async/delete.png);
    cursor: pointer;
}

.file_uploader>.upload_panel>.item:hover>.delete_button {
    display: block;
}

.file_uploader>.upload_panel>.item>.delete_button:hover {
    background-position: -20px;
}

.file_uploader>.upload_panel>.item>.rotate_button {
    position: absolute;
    display: none;
    left: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/image_async/rotate.png);
    cursor: pointer;
}

.file_uploader>.upload_panel>.item:hover>.rotate_button {
    display: block;
}

.file_uploader>.upload_panel>.item>.rotate_button:hover {
    background-position: -20px;
}

.file_uploader>.upload_panel>.item>canvas {
    display: block;
    margin: 37px auto;
    width: 50px;
    height: 50px;
}

.file_uploader>.add_button {
    position: relative;
    cursor: pointer;
}

.file_uploader>.add_button>.image {
    display: block;
    position: relative;
    top: 30px;
    width: 50px;
    height: 50px;
    margin: auto;
    background: url(../images/buttons/image_async/add.png) no-repeat;
}

.file_uploader>.add_button:hover>.image {
    background-position: -50px;
}

.file_uploader>.add_button>.text {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

/* =============================================
   UTILITIES
   ============================================= */
.wa_sitemap .has-child {
    list-style-type: none;
}

.highlight {
    color: red;
    font-weight: 700;
}

#ui-datepicker-div {
    z-index: 11 !important;
}

.record_locked {
    text-align: center;
    color: #FFFFFF;
    background-color: #C5243A;
    padding: 12px 16px;
    margin-bottom: 14px;
    border-radius: 8px;
    font-weight: 600;
}

.floatingDiv {
    display: inline-block;
    vertical-align: top;
}

.pointer {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.transparent {
    opacity: 0;
}

.image_frame {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

.image_frame:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    white-space: nowrap;
}

.image_frame>img {
    vertical-align: middle;
}

.image_frame>a {
    display: inline-block;
    vertical-align: middle;
}

.image_frame>a>img {
    display: block;
}

.bodyOverlay {
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/bodyOverlay.png);
    z-index: 9999;
}

.bodyOverlayProgress {
    position: relative;
    width: 400px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 6px;
    overflow: hidden;
}

.bodyOverlayBar {
    background-color: #018e45;
    width: 0%;
    height: 20px;
    transition: width 0.3s ease;
}

.bodyOverlayPercent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
    color: #fff;
    font-weight: 600;
}

.bodyOverlayLoading {
    position: relative;
    display: block;
    text-align: center;
    width: 128px;
    height: 128px;
    background: url(../images/loading.gif);
}

.clear::before,
.clear::after {
    content: "";
    display: table;
}

.clear::after {
    clear: both;
}

.justify {
    text-align: justify;
    line-height: 0;
    font-size: 1px;
}

.justify:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.justify>div,
.justify>li {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    font-size: 17px;
}

/* =============================================
   SITE HEADER
   ============================================= */
.site_header {
    background: url(../images/header/bg.png);
}

.site_header>.container>div {
    position: relative;
    height: 140px;
    line-height: 140px;
    text-align: justify;
    overflow: hidden;
}

.site_header>.container>div>div {
    line-height: normal;
}

.site_header>.container>div>div {
    display: inline-block;
    vertical-align: middle;
}

.site_header .left_block {
    width: 256px;
}

.site_header .center_block {
    padding: 10px 0;
}

.site_header>.container>div>div>div {
    display: inline-block;
    height: inherit;
    line-height: normal;
    vertical-align: middle;
}

.site_header>.container>div>div.right_block>div {
    display: block;
}

.site_header>.container>div>div.lang_selector_block {
    vertical-align: top;
}

.site_header .center_block .phones>div {
    display: inline-block;
    vertical-align: top;
}

.site_header .center_block .phones .image {
    width: 25px;
    height: 26px;
    margin-top: 5px;
    background: url(../images/header/phone.png) right top no-repeat;
}

.site_header .center_block .phones .value {
    vertical-align: middle;
    line-height: 20px;
    margin-left: 10px;
    color: #000000;
    font-weight: 500;
}

.site_header .right_block {
    width: 256px;
    text-align: center;
}

.site_header>.container>div>div.mobile_block {
    display: none;
}

.site_header .logo_link {
    display: inline-block;
    margin: 0;
    transition: opacity 0.2s ease;
}

.site_header .logo_link:hover {
    opacity: 0.85;
}

.site_header .logo_link img {
    vertical-align: middle;
}

.site_header>.container>div>div>div.lang_selector {
    height: 25px;
    line-height: 25px;
    vertical-align: top;
}

.site_header .lang {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 25px;
    text-decoration: none;
    background: url(../images/header/bg_lang.png);
    transition: opacity 0.2s ease;
}

.site_header .lang:hover,
.site_header .lang.active {
    background-position: -38px;
}

.site_header .lang:hover .text,
.site_header .lang.active .text {
    color: #ffffff;
}

.site_header .lang .text {
    position: relative;
    top: -6px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

/* =============================================
   MOBILE MENU
   ============================================= */
.mobile_menu {
    text-align: center;
}

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

/* =============================================
   MAIN TABLE / CONTENT
   ============================================= */
.main_table {
    overflow: auto;
    vertical-align: top;
    padding-top: 20px;
}

.main_table>.content {}

.main_table .left_menu_container {
    float: left;
    padding-bottom: 50px;
}

.main_table .left_menu {
    display: block;
    width: 325px;
}

.main_table .content_section.has-left-col {
    margin-left: 360px;
}

.main_table .content_section>.title {
    text-align: center;
}

.main_table .content_section>.title h1,
.title_text {
    display: block;
    padding: 20px 20px 0 20px;
    text-align: center;
}

.main_table .content_section>.title h1:after,
.title_text:after {
    content: '';
    display: block;
    max-width: 154px;
    height: 2px;
    margin: 8px auto 0;
    background: url(../images/colored_line.png) center center no-repeat;
}

.main_table .content_section>.content {
    padding-bottom: 50px;
    min-height: 300px;
}

.main_table .content_section>.content.home_page {
    min-height: inherit;
}

.main_table .content_section.has-title>.content {
    padding-top: 20px;
}

.main_table .content_section.has-left-col>.content {}

.main_table .file_link {
    margin: 5px 0;
}

.main_table .file_link .image {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 0;
}

.main_table .file_link .image img {
    position: relative;
    top: -2px;
}

.main_table .file_link .link {
    margin-left: 30px;
}

/* =============================================
   SITE FOOTER
   ============================================= */
.site_footer {
    display: block;
    overflow: hidden;
    background: url(../images/footer/bg.png);
}

.site_footer>.container {
    padding: 20px 0;
}

.site_footer .copyright {
    text-align: justify;
}

.site_footer .copyright div {
    font-size: 15px;
}

.site_footer .copyright>div {
    vertical-align: top;
}

.site_footer .copyright a {
    font-size: 15px;
    color: #c27d05;
    font-weight: 500;
}

.site_footer .copyright .left_block {}

.site_footer .copyright .right_block {}

.site_footer .copyright .fragment,
.copyright .wa_copyright {
    float: right;
    display: inline-block;
}

.site_footer .wa_copyright .logo a {
    display: inline-block;
    width: 60px;
    height: 42px;
    background-image: url(../images/wa_logo.png);
}

.site_footer .wa_copyright .logo a:hover {
    background-position: 61px 0;
}

.site_footer .wa_copyright .logo,
.wa_copyright .slogan {
    display: inline-block;
}

.site_footer .wa_copyright .slogan {
    margin-left: 10px;
    vertical-align: top;
}

._site_footer .flatfy_button {
    margin-top: 10px;
}

._site_footer .flatfy_button a img {
    width: 88px;
    height: 31px;
}

/* =============================================
   PUSHY / MOBILE BUTTON
   ============================================= */
a.pushy-link {
    display: inline-block;
    width: 44px;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    background: url(../images/header/mobile.png) left top no-repeat;
    transition: opacity 0.2s ease;
}

a.pushy-link:hover {
    background-position: -44px 0;
}

/* =============================================
   TOP NAV & BREADCRUMBS BAR
   ============================================= */
.top_menu_nav {
    height: 42px;
    background-color: #f5efd1;
}

.breadcrumbs_container {
    background-color: #ede9d8;
}

.site_content>.container.site_block,
.breadcrumbs_nav {}

/* =============================================
   DETAIL BUTTON
   ============================================= */
.detail_button {
    display: inline-block;
    min-width: 176px;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-color: #018e45;
    border-radius: 10px;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(1, 142, 69, 0.18);
}

.detail_button:hover {
    background-color: #017439;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(1, 142, 69, 0.25);
}

/* =============================================
   TOP BUTTONS
   ============================================= */
.top_buttons {
    margin-top: 20px;
}

.top_buttons .item {
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 9px 14px;
    background-color: #edeae0;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.top_buttons>.item>a {
    text-decoration: none;
}

.top_buttons .item .name {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

.top_buttons>.item:hover,
.top_buttons>.item.active {
    background-color: #018e45;
    transform: translateY(-1px);
}

.top_buttons>.item:hover .name,
.top_buttons>.item.active .name {
    color: #ffffff;
}

/* =============================================
   LEFT MENU
   ============================================= */
.left_menu {}

.left_menu a {
    text-decoration: none;
}

.left_menu .topLevel .item {
    position: relative;
    display: table-cell;
    width: 325px;
    vertical-align: middle;
    padding: 9px 32px 9px 14px;
    border-radius: 8px;
    background-color: #ede9d8;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.left_menu .topLevel:hover .item,
.left_menu .topLevel.active .item {
    color: #ffffff;
    background-color: #231f20;
}

.left_menu .topLevel.dynamic .item:after {
    content: '';
    position: absolute;
    top: 48%;
    right: 12px;
    display: inline-block;
    width: 11px;
    height: 6px;
    background: url(../images/left_menu/arrow.png);
}

.left_menu .topLevel.dynamic.opened .item:after {
    background-position: -11px;
}

.left_menu .subLevel {
    display: none;
    margin-bottom: 6px;
    padding: 12px;
    background-color: #f7f4e8;
    border-radius: 8px;
}

.left_menu .opened+.subLevel {
    display: block;
}

.left_menu .subLevel .item {
    display: block;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.left_menu .subLevel .item div {}

.left_menu .subLevel .item:hover,
.left_menu .subLevel .active.item {
    background-color: #f9b447;
}

.left_menu .topLevel,
.left_menu .subLevel .item {
    display: block;
    margin-bottom: 5px;
}

/* =============================================
   COLORED LINE & DATE
   ============================================= */
.colored_line {
    display: block;
    height: 2px;
    background: url(../images/colored_line.png) repeat-x;
}

.date {
    display: inline-block;
    height: 22px;
    padding-left: 30px;
    background: url(../images/date.png) left top no-repeat;
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

/* =============================================
   BUTTONS
   ============================================= */
.button_block {
    text-align: center;
}

.button_block>div {
    display: inline-block;
    margin: 0 5px 10px 0;
    font-size: 0;
}

.button {
    display: inline-block;
    min-width: 123px;
    line-height: 38px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    background-color: #f9b447;
    color: #1a1a1a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    font-family: Georgia, serif;
}

.button:hover,
.button.active {
    background-color: #231f20;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.search_button,
.form_button,
.button_white {
    display: inline-block;
    line-height: 36px;
    padding: 0 20px;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    border: 1.5px solid #e0ddd4;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
    font-family: Georgia, serif;
}

.search_button:hover,
.form_button:hover,
.button_white:hover {
    background-color: #f7f4e8;
    border-color: #c0bcb0;
    transform: translateY(-1px);
}

.g-recaptcha {
    margin-top: 8px;
}

/* =============================================
   HOME SCROLLER
   ============================================= */
.home_scroller_container {
    position: relative;
    margin-top: -70px;
    z-index: 2;
}

.home_scroller_container .content_container {
    padding: 0 40px;
}

.home_scroller_container .com_owl_carousel {
    position: relative;
    display: block;
    height: 123px;
    padding: 12px 40px 0 40px;
    background-color: #ede9d8;
}

.home_scroller_container .com_owl_carousel:before,
.home_scroller_container .com_owl_carousel:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 135px;
    top: 0px;
}

.home_scroller_container .com_owl_carousel:before {
    left: -40px;
    background: url(../images/home_scroller/left_panel.png) no-repeat;
}

.home_scroller_container .com_owl_carousel:after {
    right: -40px;
    background: url(../images/home_scroller/right_panel.png) no-repeat;
}

.home_scroller_container .item {
    display: block;
    text-align: center;
}

.home_scroller_container .item>a {
    text-decoration: none;
}

.home_scroller_container .item>a:hover {
    text-decoration: underline;
}

.home_scroller_container .item>a:hover img {
    opacity: 0.6 !important;
}

.home_scroller_container .owl-carousel .owl-item img {
    width: inherit;
    border: 4px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.home_scroller_container .owl-carousel .owl-item img:hover {
    transform: scale(1.03);
}

.home_scroller_container .item .image {
    display: inline-block;
}

.home_scroller_container a.item:hover .image img {
    filter: grayscale(100%);
}

.home_scroller_container .item .caption {
    display: block;
    width: 160px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.home_scroller_container .owl-nav {
    margin-top: 0;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    display: block;
    top: 35px;
    width: 25px;
    height: 44px;
    margin: 0;
    padding: 0;
    opacity: 1;
    background: none;
    border-radius: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -50px;
    background: url(../images/home_scroller/left.png) no-repeat;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-next {
    right: -50px;
    background: url(../images/home_scroller/right.png) no-repeat;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-prev.disabled,
.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-next.disabled {
    background-position: -52px;
}

.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-prev:hover:not(.disabled),
.home_scroller_container .owl-theme .owl-nav [class*=owl-].owl-next:hover:not(.disabled) {
    background-position: -26px;
}

/* =============================================
   CURRENCY SELECTOR
   ============================================= */
.currency_selector_container {
    text-align: right;
}

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

.currency_selector_container .currency_selector .button {
    line-height: 27px;
    min-width: 81px;
    text-transform: lowercase;
    border-radius: 0 0 8px 8px;
}

/* =============================================
   FORM BLOCK TITLE
   ============================================= */
.wa_form_edit .block .field_block_title {
    margin: 24px 0 20px 0;
    font-size: 22px;
    font-weight: 700;
}

.wa_form_edit .block:first-child .field_block_title {
    margin-top: 0;
}

/* =============================================
   JCONFIRM
   ============================================= */
.jconfirm-box-container {
    float: left;
    margin-left: 25%;
    width: 50%;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    padding: 5px 14px;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    border-radius: 8px;
    font-family: Georgia, serif;
}

.jconfirm.jconfirm-light .jconfirm-box {
    border-radius: 10px;
}

/* =============================================
   TOOLTIPSTER / ORDER MENU
   ============================================= */
.tooltipster-sidetip .tooltipster-content {
    padding: 0 !important;
}

.order_menu .title {
    padding: 6px 12px;
    background-color: #f9b447;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
}

.order_menu .link_container a {
    color: #fff;
}

.order_menu .title:first-child {
    margin-top: 10px;
}

.order_menu .links_container {
    padding: 6px 12px;
}

.order_menu .link_container {
    line-height: 30px;
}

/* =============================================
   SOCIAL
   ============================================= */
.wa_social {
    clear: left;
}

.wa_social.before_detail {
    margin-bottom: 10px;
}

.wa_social.after_detail {
    margin-top: 20px;
}

.wa_social.after_image {
    text-align: center;
    margin-top: 10px;
}

.wa_social>div {
    display: inline-block;
}

.wa_social>div:not(:last-child) {
    margin-right: 6px;
}

.wa_social>div>a {
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.wa_social>div>a:hover {
    opacity: 0.8;
    transform: translateY(-1px);
}

.wa_social>div>a:active {
    opacity: 0.6;
}

/* =============================================
   ARCTICMODAL / MAP
   ============================================= */
.arcticmodal-container.full_size .arcticmodal-container_i {
    width: 100%;
}

.arcticmodal-container.full_size .arcticmodal-container_i2 {
    height: 100%;
}

.arcticmodal-container.full_size,
.arcticmodal-container.full_size div:not(.gm-iv-container):not(.gm-iv-close):not(.gm-iv-back):not(.gm-iv-back-icon):not(.gm-iv-address),
.arcticmodal-container.full_size table,
.arcticmodal-container.full_size td {
    height: 100%;
}

.arcticmodal-container.full_size .box-modal {
    height: 100%;
    padding: 0;
}

.arcticmodal-container.full_size .box-modal>.data-container {
    height: 100%;
}

.arcticmodal-container.full_size .box-modal>.data-container div:not(.gm-iv-container):not(.gm-iv-close):not(.gm-iv-back):not(.gm-iv-back-icon):not(.gm-iv-address),
.arcticmodal-container.full_size .box-modal>.data-container table,
.arcticmodal-container.full_size .box-modal>.data-container td {
    height: 100%;
}

.arcticmodal-container.full_size .box-modal>.data-container>.waGoogleMap {
    height: 100%;
}

.arcticmodal-container.full_size .box-modal>.data-container>.waGoogleMap>.container {
    height: 100%;
}

.arcticmodal-container.full_size .box-modal>.data-container>.waGoogleMap>.container div:not([aria-label='Street View']):not(.gm-iv-container):not(.gm-iv-close):not(.gm-iv-back):not(.gm-iv-back-icon):not(.gm-iv-address) {
    height: auto;
}

.arcticmodal-container .marker_info div {
    font-size: 14px;
}

.arcticmodal-container .marker_info .title,
.arcticmodal-container .popup_map .marker_info .title a {
    font-weight: 700;
}

.arcticmodal-container .marker_info .subtitle {
    font-weight: 700;
    color: #ed1c24;
}

.arcticmodal-container .marker_info .params {
    margin-top: 5px;
    font-weight: 700;
}

.arcticmodal-container .marker_info .description {
    margin-top: 5px;
}

/* =============================================
   CALLBACK BUTTON
   ============================================= */
.callback-bt {
    border: 2px solid #F9B851;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3);
    cursor: pointer;
    height: 50px;
    text-align: center;
    width: 50px;
    position: fixed;
    left: 16px;
    bottom: 24px;
    z-index: 999;
    animation: hoverWave linear 1s infinite;
    background: #231F20 url(../images/feedback.png);
    transition: transform 0.2s ease;
}

.callback-bt:hover {
    background-position: -47px;
    transform: scale(1.08);
}

.callback-bt .callback_button {
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

/* =============================================
   ANIMATIONS
   ============================================= */
@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 0 rgba(249, 184, 81, 0.2), 0 0 0 0 rgba(249, 184, 81, 0.2);
    }

    40% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 15px rgba(249, 184, 81, 0.2), 0 0 0 0 rgba(249, 184, 81, 0.2);
    }

    80% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 30px rgba(249, 184, 81, 0), 0 0 0 26.7px rgba(249, 184, 81, 0.067);
    }

    100% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 30px rgba(249, 184, 81, 0), 0 0 0 40px rgba(249, 184, 81, 0.0);
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 0 rgba(249, 184, 81, 0.2), 0 0 0 0 rgba(249, 184, 81, 0.2);
    }

    40% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 15px rgba(249, 184, 81, 0.2), 0 0 0 0 rgba(249, 184, 81, 0.2);
    }

    80% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 30px rgba(249, 184, 81, 0), 0 0 0 26.7px rgba(249, 184, 81, 0.067);
    }

    100% {
        box-shadow: 0 8px 10px rgba(249, 184, 81, 0.3), 0 0 0 30px rgba(249, 184, 81, 0), 0 0 0 40px rgba(249, 184, 81, 0.0);
    }
}

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        -webkit-transform: rotateZ(0deg);
    }
}