html, body { height: 101%; }

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; }

h1, h2, h3 { border-collapse: collapse; font-weight: normal; }
h1 { font-size: 36px; color: #663333; }
h2 { font-size: 27px; }
h3 { font-size: 24px; }

a:hover { text-decoration: none; }

.inputbox { font-size: 17px; color: #675d59; background-color: #f2ebe6; border: 1px solid #c7af8b; padding: 2px 3px; outline: none !important; }
.inputbox:focus { border: 1px solid #cc3300; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f2ebe6 inset; -webkit-text-fill-color: #675d59 !important; }
.inputbox[type=file] { overflow: hidden; }
.inputbox:focus {}
.inputbox.error {}
select.inputbox { padding: 0px;}
select.inputbox, input.inputbox { height: 30px; box-sizing: border-box; }
textarea { resize: none; margin: 0px; }

.input_radio { margin: 5px 0; }
.input_radio>div { display: inline-block; vertical-align: top; }
.input_radio .object_container { padding-top: 2px; }

.form_panel { text-align: center; }
.wa_form_edit  { display: inline-block; padding: 20px; text-align: center; background-color: #fbf2eb; border: 1px solid #c7af8b; }
.wa_form_edit>.section  { display: inline-block; }
.wa_form_edit .field { margin: 0 0 10px 0; text-align: left; }
.wa_form_edit .field:last-child, .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: 3px; text-align: left; }
.wa_form_edit .field.vertical_mode .caption { display: block; }
.wa_form_edit .field .inputbox, .wa_form_edit .field.vertical_mode .caption { width: 450px; }
.wa_form_edit .field textarea.inputbox { width: 442px; }
.wa_form_edit .horizontal .field.vertical_mode  .caption, .wa_form_edit .horizontal .field.vertical_mode .inputbox { width: 210px; }
.wa_form_edit .horizontal .field:nth-child(n+2) { margin-left: 10px; }
.wa_form_edit .field.date_field .inputbox, .wa_form_edit .horizontal .field.date_field .inputbox { width: 100px; }
.wa_form_edit .checkbox>div { display: inline; 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 > div { display: inline-block; }
.multi_check_field .label label { font-weight: bold; }
.multi_check_field .label .switch a { display: block; width: 10px; text-decoration: none; text-align: center; }
.multi_check_field .detail { margin-left: 24px; display: none; }

.wa_form_edit .field.multi_input_field>.inputbox { width: 429px; 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: Arial; 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: 1px solid #bfbfbf; 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 { display: inline-block; margin: 10px 0; font-size: 0; }
div.breadcrumbs .path_ico { display: none; width: 7px; height: 7px; background: url(../images/breadcrumb.png); }
div.breadcrumbs .path_ico img { vertical-align: middle; }
div.breadcrumb { display: inline-block; margin-bottom: 5px; height: 28px; line-height: 28px; font-size: 0; white-space-collapsing: collapse; }
div.breadcrumb:before { content: ''; display: inline-block; width: 8px; height: 28px; background: url(../images/breadcrumb/inactive/left.png); }
div.breadcrumb:hover::before, div.breadcrumb:last-child::before { background: url(../images/breadcrumb/active/left.png); }
div.breadcrumb:after { content: ''; display: inline-block; width: 8px; height: 28px; background: url(../images/breadcrumb/inactive/right.png); }
div.breadcrumb:hover::after, div.breadcrumb:last-child::after { background: url(../images/breadcrumb/active/right.png); }
div.breadcrumb span, div.breadcrumb a { display: inline-block; padding: 0 10px; font-size: 15px; color: #663333; }
div.breadcrumb a, div.breadcrumb span { vertical-align: top; background: url(../images/breadcrumb/inactive/center.png); }
div.breadcrumb:hover span, div.breadcrumb:last-child span { background: url(../images/breadcrumb/active/center.png); }
div.breadcrumb:hover a, div.breadcrumb:last-child a { background: url(../images/breadcrumb/active/center.png); }
div.breadcrumb:hover span, div.breadcrumb:last-child span { color: #fff; }
div.breadcrumb:hover a>span, div.breadcrumb:last-child a>span { color: #fff; }
div.breadcrumb a span { text-decoration: none; }
div.breadcrumb a, div.breadcrumb a:hover span { text-decoration: none; }
div.breadcrumbs>.breadcrumb:last-child>a>span { text-decoration: none; }

.filter_panel { 
  position: relative; display: block; margin: 10px 0 20px 0; padding: 10px; 
  background-color: #e0e6e9;
  border: 1px solid #99ccff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.filter_panel .fields { display: inline-block; margin: 0 10px 5px 0; vertical-align: bottom; }
.filter_panel .fields .fields { margin: 0 10px 0 0; }
.filter_panel .search_button { display: inline-block; margin-bottom: 5px; vertical-align: bottom; }
.filter_panel .fields .fields: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: 22px; color: #333333; }

.grid .ordering_div { margin-bottom: 10px; text-align: right; }

.page_navigation { text-align: center; margin-top: 10px; }
.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; vertical-align: middle; }
.page_navigation .button.start { background: url(../images/pager/start.png); }
.page_navigation .button.start.gray { background: url(../images/pager/start_gray.png); }
.page_navigation .button.left { background: url(../images/pager/left.png); }
.page_navigation .button.left.gray { background: url(../images/pager/left_gray.png); }
.page_navigation .button.right { background: url(../images/pager/right.png); }
.page_navigation .button.right.gray { background: url(../images/pager/right_gray.png); }
.page_navigation .button.end { background: url(../images/pager/end.png); }
.page_navigation .button.end.gray { background: url(../images/pager/end_gray.png); }

.sys_search_pager a { display: block; }
.sys_search_pager .title { text-decoration: none; color: #cc0000; font-size: 20px; }
.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: bold; }
.search_desc {}


.wa_sitemap .has-child { list-style-type: none; }
.highlight { color: red; font-weight: bold; }
#ui-datepicker-div { z-index: 11 !important; }
.record_locked { text-align: center; color: #FFFFFF; background-color: #C5243A; padding: 10px; margin-bottom: 10px; }
.floatingDiv { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.pointer { cursor: pointer; cursor: hand; }
.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; }
.bodyOverlayBar { background-color: #ac0722; width:0%; height:20px; }
.bodyOverlayPercent { position:absolute; display:inline-block; top:3px; left:48%; color: #fff; }
.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: 18px; }




.site_header { background: url(../images/header/bg.png); }
.site_header:after { content: ''; display: block; height: 7px; background: url(../images/header/decor.png) repeat-x; }
.site_header>.container div { color: #ffffff; }
.site_header>.container>div { text-align: justify; height: 129px; line-height: 129px; overflow: hidden; }
.site_header>.container>div>div { display: inline-block; vertical-align: middle; }
.site_header .left_block { }
.site_header .center_block { }
.site_header .center_block .phone { font-size: 20px; font-weight: bold; color: #663333; }
.site_header .center_block .phone:before { 
  content: ''; display: inline-block; width: 19px; height: 19px; vertical-align: middle; 
  background: url(../images/header/phone.png) no-repeat; 
}
.site_header .right_block { text-align: center; } 
.site_header>.container>div>div.mobile_block { display: none; } 
.site_header .logo_link { display: inline-block; margin: 0; }
.site_header .logo_link img { vertical-align: middle; }

.mobile_menu { text-align: center; }
.mobile_menu .left_menu { display: inline-block; }

.main_table { overflow: hidden; vertical-align: top; padding-top: 20px; }
.main_table>.content {}
.main_table .left_menu_container { float: left; width: 275px; padding-bottom: 50px; }
.main_table .left_menu { display: block; width: 250px; }
.main_table .content_section.has-left-col { margin-left: 275px; }
.main_table .content_section>.title, .homepage .editor_header { text-align: center; background: url(../images/title/bg.png) top center no-repeat; }
.main_table .content_section>.title h1 { display: block; padding: 30px 20px 0 20px; }
.homepage .editor_header { padding: 30px 20px 20px 20px; }
.main_table .content_section>.content { padding-bottom: 50px; min-height: 500px; }
.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 { padding-left: 20px; }
.file_link { display: inline-block; margin: 5px 0; }
.file_link .image { float: left; width: 24px; height: 24px; margin-right: 0; }
.file_link .image img { position: relative; top: -2px; }
.file_link .link { margin-left: 30px; }

.site_footer { display: block; overflow: hidden; background: url(../images/header/bg.png); }
.site_footer:before { content: ''; display: block; height: 7px; background: url(../images/header/decor.png) repeat-x; }
.site_footer>.container { height: 138px; line-height: 138px; padding: 0 20px; }
.site_footer>.container>.area { display: inline-block; width: 100%; vertical-align: middle; text-align: justify; text-decoration: none; }
.site_footer>.container>.area a, .site_footer>.container>.area div { font-size: 15px; color: #1b262e; }
.site_footer>.container>.area a:hover { color: #cc3300; }
.site_footer>.container>.area>div:not(:last-child) { margin-right: 20px; }
.site_footer>.container>.area>.left_block>.item>div { display: inline-block; vertical-align: middle; }

.site_footer .com_image_link { margin-right: 10px; }

.site_footer .wa_copyright { float: right; display: inline-block; white-space: nowrap; }
.site_footer .wa_copyright>div { display: inline-block; vertical-align: middle; }
.site_footer .wa_copyright .left { width: 60px; height: 42px; background-image: url(../images/wa_logo.png); }
.site_footer .wa_copyright:hover .left { background-position: -61px; }
.site_footer .wa_copyright .right { margin-left: 10px; }
.site_footer a.wa_copyright { text-decoration: none; }
.site_footer .wa_copyright .producer { text-decoration: underline; }
.site_footer .wa_copyright:hover .producer { text-decoration: none; color: #cc3300; }




a.pushy-link { display: inline-block; width: 44px; height: 42px; background: url(../images/header/mobile.png) left top no-repeat; }
a.pushy-link:hover { background-position: -45px 0; }

.top_menu_nav { height: 56px; text-align: center; background-color: #663333; }
.site_content>.container.site_block, .breadcrumbs_nav {}

.detail_button {
  display: inline-block; padding: 0 33px; height: 30px; line-height: 30px;
  text-decoration: none; text-align: center; color: #663333; background-color: #fbf2eb;
  border: 1px solid #c7af8b; 
}
.detail_button:hover { color: #fff; background-color: #c7af8b; }

.form_button_container { text-align: center; }
.form_button {
  display: inline-block; padding: 0 33px; height: 40px; line-height: 40px;
  text-decoration: none; text-align: center; color: #ffffff; background-color: #663333;
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.form_button:hover { background-color: #c6ae8a; }



.top_buttons { margin-top: 20px; }
.top_buttons .item { display: inline-block; margin: 0 5px 5px 0; padding: 8px 12px; background-color: #f5efd1; }
.top_buttons>.item:hover, .top_buttons>.item.active { background-color: #f9b447; }
.top_buttons>.item:hover div, .top_buttons>.item.active div { color: #000000; }
.top_buttons>.item>a { text-decoration: none; }
.top_buttons .item .name { font-size: 18px; color: #000000; }
.top_buttons>.item:hover .name, .top_buttons>.item.active .name {}



.left_menu { }
.left_menu a { text-decoration: none; }
.left_menu .topLevel .item { 
  position: relative; display: table-cell; width: 325px; vertical-align: middle; padding: 7px 28px 7px 10px; 
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  background-color: #e9e5d0;
}
.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: 10px; 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 { 
  margin-bottom: 5px; padding: 14px; background-color: #f5efd1;
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.left_menu .subLevel .item { display: block; padding: 5px 10px; }
.left_menu .subLevel .item div {}
.left_menu .subLevel .item:hover, .left_menu .subLevel .active.item { 
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  background-color: #f9b447; 
}
 
.left_menu .topLevel, .left_menu .subLevel .item { display: block; margin-bottom: 4px; }



.site_header .lang_selector a.lang {
  display: inline-block; width: 36px; height: 31px; 
  text-align: center; font-size: 20px; text-decoration: none; color: #663333;
}
.site_header .lang_selector a.lang.active, .site_header .lang_selector a.lang:hover { color: #fff; background: url(../images/header/active_lang.png); }
body>.wrapper>.content>.top_image { position: relative; display: block; width: 100%; height: 300px; background-size: cover; background-position: top center; }
body.homepage>.wrapper>.content>.top_image { height: 420px;}
body.homepage .com_special_proposition { margin-bottom: 20px; }
body.homepage .main_table .content_section>.content>.data { margin: auto; }
.arcticmodal-container .wa_form_edit { border: 0; padding: 0; }