@charset "UTF-8";
@font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.woff2") format("woff2"), url("../fonts/materialdesignicons-webfont.woff") format("woff"), url("../fonts/materialdesignicons-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100; src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-thin.woff2") format("woff2"), url("../fonts/roboto-thin.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 100; src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../fonts/roboto-thinitalic.woff2") format("woff2"), url("../fonts/roboto-thinitalic.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 300; src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/roboto-lightitalic.woff2") format("woff2"), url("../fonts/roboto-lightitalic.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: normal; src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: normal; src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-italic.woff2") format("woff2"), url("../fonts/roboto-italic.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 500; src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/roboto-mediumitalic.woff2") format("woff2"), url("../fonts/roboto-mediumitalic.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: bold; src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: bold; src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/roboto-bolditalic.woff2") format("woff2"), url("../fonts/roboto-bolditalic.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 900; src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.ttf") format("truetype"); }
@font-face { font-family: "Roboto"; font-style: italic; font-weight: 900; src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("../fonts/roboto-blackitalic.woff2") format("woff2"), url("../fonts/roboto-blackitalic.ttf") format("truetype"); }
.web-icon, .wysiwyg-content a[href$=".doc"]:not([class])::before, .wysiwyg-content a[href$=".doc"].default-styles::before, .wysiwyg-content a[href$=".docx"]:not([class])::before, .wysiwyg-content a[href$=".docx"].default-styles::before, .wysiwyg-content a[href$=".txt"]:not([class])::before, .wysiwyg-content a[href$=".txt"].default-styles::before, .wysiwyg-content a[href$=".odt"]:not([class])::before, .wysiwyg-content a[href$=".odt"].default-styles::before, .wysiwyg-content a[href$=".xls"]:not([class])::before, .wysiwyg-content a[href$=".xls"].default-styles::before, .wysiwyg-content a[href$=".xlsx"]:not([class])::before, .wysiwyg-content a[href$=".xlsx"].default-styles::before, .wysiwyg-content a[href$=".ods"]:not([class])::before, .wysiwyg-content a[href$=".ods"].default-styles::before, .wysiwyg-content a[href$=".pdf"]:not([class])::before, .wysiwyg-content a[href$=".pdf"].default-styles::before, .wysiwyg-content a[href$=".zip"]:not([class])::before, .wysiwyg-content a[href$=".zip"].default-styles::before, .wysiwyg-content a[href$=".rar"]:not([class])::before, .wysiwyg-content a[href$=".rar"].default-styles::before, .wysiwyg-content a[href$=".7z"]:not([class])::before, .wysiwyg-content a[href$=".7z"].default-styles::before, .wysiwyg-content a[href$=".ppt"]:not([class])::before, .wysiwyg-content a[href$=".ppt"].default-styles::before, .wysiwyg-content a[href$=".pptx"]:not([class])::before, .wysiwyg-content a[href$=".pptx"].default-styles::before, .wysiwyg-content a[href$=".odp"]:not([class])::before, .wysiwyg-content a[href$=".odp"].default-styles::before { display: inline-block; font: normal normal normal 1.5em/1 "Material Design Icons"; text-rendering: auto; text-transform: none; letter-spacing: normal; word-wrap: normal; vertical-align: middle; }
:root { --serif-fonts: "Liberation Serif", "Tinos", "Times New Roman", serif; --sans-serif-fonts: "Liberation Sans", "Arimo", "Arial", sans-serif; --monospace-fonts: "Liberation Mono", "Cousine", "Courier New", monospace; --base-fonts: "Roboto", var(--sans-serif-fonts); --heading-fonts: var(--base-fonts); --content-max-width: 1168px; --sidebar-1-width: 250px; --sidebar-2-width: 250px; --sidebar-horizontal-gap: 16px; --sidebar-section-vertical-gap: 1rem; --vertical-space-base: 1rem; --blog-horizontal-gap: 1.5rem; --blog-vertical-gap: 1.5rem; --default-line-height: 1.22; }
* { font: inherit; margin: 0; padding: 0; }
html { background: #fff; color: #000; font: 300 12pt var(--base-fonts); line-height: var(--default-line-height); }
body { min-width: 320px; max-width: 1920px; margin: 0 auto; }
img { vertical-align: middle; max-width: 100%; }
a img { border: none; }
a { color: inherit; text-decoration: none; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
fieldset { border: none; }
input, textarea, select, option, button { box-sizing: border-box; }
[hidden] { display: none !important; }
sub, sup { font-size: smaller; }
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0; padding: 0; }
table.equal-cage-top, table.equal-cage-middle, table.equal-cage-bottom { border-collapse: collapse; table-layout: fixed; width: 100%; }
table.equal-cage-top:not(:first-child), table.equal-cage-middle:not(:first-child), table.equal-cage-bottom:not(:first-child) { margin-top: 1em; }
table.equal-cage-top > tbody > tr > td { vertical-align: top; }
table.equal-cage-middle > tbody > tr > td { vertical-align: middle; }
table.equal-cage-bottom > tbody > tr > td { vertical-align: bottom; }
table.simple { border-collapse: collapse; margin-left: auto; margin-right: auto; }
table.simple:not(:first-child) { margin-top: 1em; }
table.simple > thead > tr > td, table.simple > thead > tr > th, table.simple > tbody > tr > td, table.simple > tbody > tr > th, table.simple > tfoot > tr > td, table.simple > tfoot > tr > th { border: 1px solid #AAA; padding: 8px; }
table.simple > thead > tr > td, table.simple > tbody > tr > td, table.simple > tfoot > tr > td { vertical-align: top; }
table.simple > thead > tr > th, table.simple > tbody > tr > th, table.simple > tfoot > tr > th { vertical-align: middle; }
table.bordered:not(:first-child) { margin-top: 1em; }
table.bordered > thead > tr > td, table.bordered > thead > tr > th, table.bordered > tbody > tr > td, table.bordered > tbody > tr > th, table.bordered > tfoot > tr > td, table.bordered > tfoot > tr > th { border: 1px solid #666; }
table.spaced-cells > thead > tr > td, table.spaced-cells > thead > tr > th, table.spaced-cells > tbody > tr > td, table.spaced-cells > tbody > tr > th, table.spaced-cells > tfood > tr > td, table.spaced-cells > tfood > tr > th { padding: .5em .5ex; }
table.spaced-cells > thead > tr > td:first-child, table.spaced-cells > thead > tr > th:first-child, table.spaced-cells > tbody > tr > td:first-child, table.spaced-cells > tbody > tr > th:first-child, table.spaced-cells > tfood > tr > td:first-child, table.spaced-cells > tfood > tr > th:first-child { padding-left: 0; }
table.spaced-cells > thead > tr > td:last-child, table.spaced-cells > thead > tr > th:last-child, table.spaced-cells > tbody > tr > td:last-child, table.spaced-cells > tbody > tr > th:last-child, table.spaced-cells > tfood > tr > td:last-child, table.spaced-cells > tfood > tr > th:last-child { padding-right: 0; }
table.spaced-cells > :first-child > tr:first-child > td, table.spaced-cells > :first-child > tr:first-child > th { padding-top: 0; }
table.spaced-cells > :last-child > tr:last-child > td, table.spaced-cells > :last-child > tr:last-child > th { padding-bottom: 0; }
table.spaced-rows > thead > tr > td, table.spaced-rows > thead > tr > th, table.spaced-rows tbody > tr > td, table.spaced-rows tbody > tr > th, table.spaced-rows tfood > tr > td, table.spaced-rows tfood > tr > th { padding-top: .5em; padding-bottom: .5em; }
table.spaced-rows > :first-child > tr:first-child > td, table.spaced-rows > :first-child > tr:first-child > th { padding-top: 0; }
table.spaced-rows > :last-child > tr:last-child > td, table.spaced-rows > :last-child > tr:last-child > th { padding-bottom: 0; }
table.symmetrical-aligned-cells > tbody > tr > td { text-align: center; }
table.symmetrical-aligned-cells > tbody > tr > td:first-child { text-align: left; }
table.symmetrical-aligned-cells > tbody > tr > td:last-child { text-align: right; }
table.wide { width: 100%; }
@media print { table.collapse-on-print > tbody, table.collapse-on-print > tbody > tr, table.collapse-on-print > tbody > tr > td { display: block !important; width: auto !important; text-align: left !important; }
  table.collapse-on-print > thead, table.collapse-on-print > tfoot { display: none !important; }
  table.collapse-on-print > tbody > tr:not(:first-child) > td { padding: 1em 0 0 0 !important; }
  table.collapse-on-print > tbody > tr:first-child > td:not(:first-child) { padding: 1em 0 0 0 !important; } }
.pull-right { float: right; margin-left: 2rem; }
.pull-left { float: left; margin-right: 2rem; }
input, textarea, select, option, button { line-height: var(--default-line-height); }
input:not([class]), input.default-styles, textarea:not([class]), textarea.default-styles, select:not([class]), select.default-styles, option:not([class]), option.default-styles { background: #fff; color: #000; }
input[type="button"]:not([class]), input[type="button"].default-styles, input[type="submit"]:not([class]), input[type="submit"].default-styles, button:not([class]), button.default-styles { background: #2f2f2f; border: none; color: #fff; padding: .5em 1em; transition: background-color 300ms ease-out; }
input[type="button"]:not([class]):hover, input[type="button"]:not([class]):focus, input[type="button"].default-styles:hover, input[type="button"].default-styles:focus, input[type="submit"]:not([class]):hover, input[type="submit"]:not([class]):focus, input[type="submit"].default-styles:hover, input[type="submit"].default-styles:focus, button:not([class]):hover, button:not([class]):focus, button.default-styles:hover, button.default-styles:focus { background-color: #000; }
a.as-button { display: inline-block; background: #2f2f2f; border: none; color: #fff; padding: .5em 1em; line-height: var(--default-line-height); text-decoration: none; transition: background-color 300ms ease-out; }
a.as-button:hover, a.as-button:focus { background-color: #000; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; }
h1:not([class]), h1.default-styles, h2:not([class]), h2.default-styles, h3:not([class]), h3.default-styles, h4:not([class]), h4.default-styles, h5:not([class]), h5.default-styles, h6:not([class]), h6.default-styles { font-family: var(--heading-fonts); line-height: var(--default-line-height); }
h1:not([class]):not(:first-child), h1.default-styles:not(:first-child), h2:not([class]):not(:first-child), h2.default-styles:not(:first-child), h3:not([class]):not(:first-child), h3.default-styles:not(:first-child), h4:not([class]):not(:first-child), h4.default-styles:not(:first-child), h5:not([class]):not(:first-child), h5.default-styles:not(:first-child), h6:not([class]):not(:first-child), h6.default-styles:not(:first-child) { margin-top: 1em; }
h1:not([class]), h1.default-styles, h2:not([class]), h2.default-styles {
	font-size: 26pt;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
@media all and (max-width: 1168px) {
	h1:not([class]), h1.default-styles, h2:not([class]), h2.default-styles {
		font-size: 20pt;
	}
}
h3:not([class]), h3.default-styles {
	font-size: 18pt;
	font-weight: 500;
	width: max-content;
	max-width: 100%;
	padding-bottom: .2em;
	border-bottom: 2px solid #c7302e;
}
@media not all and (max-width: 1168px) {
	h3:not([class]), h3.default-styles {
		max-width: calc(100% - 2em);
		margin-left: 2em;
	}
}
h4:not([class]), h4.default-styles { font-size: 16pt; font-weight: bold; }
h5:not([class]), h5.default-styles { font-size: 14pt; font-weight: bold; }
h6:not([class]), h6.default-styles { font-size: 13pt; font-weight: bold; }
hr { border: 1px solid #ddd; color: #ddd; }
hr:not(:first-child) { margin-top: 1em; }
.fullscreen-layout { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); overflow: auto; overscroll-behavior: contain; }
.l-basic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.l-basic-start { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px; }
.l-basic-end { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
.hidden-form-layout { width: 600px; height: 100%; table-layout: fixed; border-spacing: 0; margin: 0 auto; }
.hidden-form-layout > tbody > tr > td { vertical-align: middle; }
.hidden-form-layout > tbody > tr > td > div { background: #fff; background: linear-gradient(to bottom, #ededed, #fff, #ededed); color: #000; padding: 16px; border-radius: 3px; }
.space-above { margin-top: var(--vertical-space-base); }
.space-below { margin-bottom: var(--vertical-space-base); }
.space-above-2x { margin-top: calc(var(--vertical-space-base) * 2); }
.space-below-2x { margin-top: calc(var(--vertical-space-base) * 2); }
.space-above-3x { margin-top: calc(var(--vertical-space-base) * 3); }
.space-below-3x { margin-top: calc(var(--vertical-space-base) * 3); }
.space-above-4x { margin-top: calc(var(--vertical-space-base) * 4); }
.space-below-4x { margin-top: calc(var(--vertical-space-base) * 4); }
.space-above-5x { margin-top: calc(var(--vertical-space-base) * 5); }
.space-below-5x { margin-top: calc(var(--vertical-space-base) * 5); }
.sidebar-1 { float: left; width: var(--sidebar-1-width); }
.sidebar-1 ~ .content { margin-left: calc(var(--sidebar-1-width) + var(--sidebar-horizontal-gap)); }
.sidebar-1 > section { display: flow-root; }
.sidebar-1 > section:not(:first-child) { margin-top: var(--sidebar-section-vertical-gap); }
.sidebar-2 { float: right; width: var(--sidebar-2-width); }
.sidebar-2 ~ .content { margin-right: calc(var(--sidebar-2-width) + var(--sidebar-horizontal-gap)); }
.sidebar-2 > section { display: flow-root; }
.sidebar-2 > section:not(:first-child) { margin-top: var(--sidebar-section-vertical-gap); }
.limit-content { display: flow-root; max-width: var(--content-max-width); padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; }
@media print { .limit-content { padding-left: 0; padding-right: 0; } }
.sheet { display: flow-root; max-width: var(--content-max-width); margin-left: auto; margin-right: auto; }
@media print { .hide-on-print { display: none !important; } }
@media not print { .show-on-print { display: none !important; } }
.tip-wrap { background: #fff; color: #000; border: 1px solid #999; padding: 3px; }
.tooltip { display: none !important; }
.blog .item-image { text-align: center; margin-top: 1em; }
@media (max-width: 640px) {
	.blog .item-image { float: none; margin-left: auto; margin-right: auto; }
}
.blog > .items-row { display: flow-root; }
.blog > .items-row:not(:first-child) { margin-top: 1em; }
.article-icons { float: right; }
.article-icons-items { margin: 0; }
.article-icons-items > li { display: inline-block; }
.article-icons-items > li:not(:first-child) { margin-left: 1ex; }
span.highlight { background-color: #ffffcc; font-weight: bold; padding: 1px 4px; }
#article-index li { display: inline; border-left: 1px solid #d1d1d1; margin-left: .5ex; padding-left: .75ex; }
#article-index li:first-child { margin-left: 0; padding-left: 0; border-left: none; }
.category-desc { display: flow-root; }
.category-desc + .cat-items { margin-top: 1em; }
.readmore:not(:first-child) { margin-top: 1em; }
.readmore > a { display: inline-block; background: #c7302e; color: #fff; border: none; padding: .5em 1em; line-height: var(--default-line-height); text-decoration: none !important; }
.readmore > a:hover, .readmore > a:focus { text-decoration: underline; }
.navigation, .pagination { clear: both; padding-top: 1em; text-align: center; }
.navigation > ul, .pagination > ul { display: inline-block; margin: 0 !important; border: 1px solid #006198; border-radius: .2em; background: #006198; color: #fff; }
.navigation > ul > li, .pagination > ul > li { display: inline-block; margin: 0 !important; }
.navigation > ul > li > *, .pagination > ul > li > * { display: block; border-left: 1px solid #006198; padding: .3em .5em; text-decoration: none; }
.navigation > ul > li > a:hover, .navigation > ul > li > span, .pagination > ul > li > a:hover, .pagination > ul > li > span { background-color: #0070b0; color: #fff; }
.navigation > ul > li:first-child > *, .pagination > ul > li:first-child > * { border-left: none; }
.navigation > ul > li.pagination-start > *, .navigation > ul > li.pagination-prev > *, .navigation > ul > li.pagination-next > *, .navigation > ul > li.pagination-end > *, .pagination > ul > li.pagination-start > *, .pagination > ul > li.pagination-prev > *, .pagination > ul > li.pagination-next > *, .pagination > ul > li.pagination-end > * { background: transparent; color: inherit; }
.navigation > .counter, .pagination > .counter { display: inline-block; margin: 0; }
#system-message-container { position: relative; }
#system-message-container .alert { background: #fbf9f9; border: 1px solid #ccc; padding: 8px 14px; color: #000; }
#system-message-container .alert h4 { color: #000064; margin: 5px 0; }
#system-message-container .alert p { padding: 0; margin: 0; }
#system-message-container .close { position: absolute; right: 4px; top: 0; cursor: pointer; text-decoration: none; border: none; background: transparent; color: inherit; font-size: 16pt; }
#system-message-container .close:focus, #system-message-container .close:hover { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.option-com_content.view-category .category-list .category { margin-top: 1em; width: 100%; border-collapse: collapse; }
.option-com_content.view-category .category-list .category > * > tr > td, .option-com_content.view-category .category-list .category > * > tr > th { vertical-align: top; padding: 8px 16px; border: 1px solid #ddd; }
.option-com_content.view-category .category-list .category a { text-decoration: none !important; }
.option-com_content.view-category .category-list .category a:hover, .option-com_content.view-category .category-list .category a:focus { text-decoration: underline !important; }
.item-page > .page-header { margin-bottom: 1rem; }
.login { margin-top: 1em; }
.login fieldset { display: table; }
.login .controls { margin-top: 1em; }
.login .control-label { float: left; width: 15ex; }
.login .control-group { clear: left; }
.icon-calendar { display: inline-block; background: transparent url("../../../media/system/images/calendar.png"); width: 16px; height: 16px; }
.content #searchForm { margin-top: 1em; }
.content #searchForm .btn-toolbar button::before { content: "➟"; }
.content #searchForm fieldset { margin-top: 1em; }
.content #searchForm legend { margin-bottom: .5em; }
.content #searchForm .ordering-box { margin-top: 1em; }
.content #searchForm + .error { margin-top: 1em; font-weight: bold; }
.content .search-results .result-title { margin-top: 1em; font-size: 1.2em; }
.content .search-results .result-category, .content .search-results .result-text { margin-top: .5em; }
.items-row.cols-2 { display: flow-root; }
.items-row.cols-2 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 1) / 2); }
.items-row.cols-2 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-2:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-3 { display: flow-root; }
.items-row.cols-3 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 2) / 3); }
.items-row.cols-3 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-3:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-4 { display: flow-root; }
.items-row.cols-4 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 3) / 4); }
.items-row.cols-4 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-4:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-5 { display: flow-root; }
.items-row.cols-5 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 4) / 5); }
.items-row.cols-5 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-5:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-6 { display: flow-root; }
.items-row.cols-6 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 5) / 6); }
.items-row.cols-6 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-6:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-7 { display: flow-root; }
.items-row.cols-7 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 6) / 7); }
.items-row.cols-7 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-7:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-8 { display: flow-root; }
.items-row.cols-8 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 7) / 8); }
.items-row.cols-8 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-8:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-9 { display: flow-root; }
.items-row.cols-9 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 8) / 9); }
.items-row.cols-9 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-9:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-10 { display: flow-root; }
.items-row.cols-10 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 9) / 10); }
.items-row.cols-10 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-10:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-11 { display: flow-root; }
.items-row.cols-11 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 10) / 11); }
.items-row.cols-11 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-11:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.items-row.cols-12 { display: flow-root; }
.items-row.cols-12 > .item { float: left; width: calc((100% - var(--blog-horizontal-gap) * 11) / 12); }
.items-row.cols-12 > .item:not(:first-child) { margin-left: var(--blog-horizontal-gap); }
.items-row.cols-12:not(:first-child) { margin-top: var(--blog-vertical-gap); }
.top-1 { background: #eef2f9; color: #4d4a4b; font-size: 10px; padding-top: 10px; padding-bottom: 9px; border-bottom: 1px solid #e9e9e9; text-align: right; font-weight: normal; }
.top-menu > li:not(:first-child) { margin-left: 41px; }
.top-menu > .active > :first-child,
.top-menu li > :first-child:hover,
.top-menu li > :first-child:focus {
	text-decoration: underline;
	outline: none;
}
.top-2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 24px; padding-bottom: 19px; gap: 16px; }
.top-logo-image { height: auto; }
.top-info { color: #737373; }
.top-info a:hover, .top-info a:focus { text-decoration: underline; outline: none; }
@media all and (max-width: 743px) { .top-2 { justify-content: center; }
  .top-info { margin-top: 16px; } }
.top-decor { margin-right: 21px; }
.main-menu {
	text-transform: uppercase;
	border: 1px solid #282b3a;
	border-bottom: none;
	border-radius: 13px 13px 0 0;
	font-weight: normal;
}
.main-menu > li > :first-child { display: block; padding: 15px 36px 13px 36px; transition: background-color 300ms ease-out, color 300ms ease-out; border-radius: 13px 13px 0 0; }
.main-menu > .active > :first-child { background-color: #c62c2b; color: #fff; }
.main-menu > li > :first-child:hover,
.main-menu > li > :first-child:focus {
	text-decoration: underline;
	outline: none;
}
.mobile-nav { display: none; position: fixed; z-index: 99; top: 0; left: 0; }
.mobile-nav-button {
	box-sizing: border-box;
	padding: 12px;
	background: #c62c2b;
	color: #fff;
	border: none;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.2);
	cursor: pointer;
	transition: background-color 200ms ease-out, color 200ms ease-out;
}
.mobile-nav-button:hover, .mobile-nav-button:focus { background-color: #3d2519; }
@media all and (max-width: 1168px) { .top-3 { display: none; }
  .mobile-nav { display: block; }
  .top-decor { display: none; } }
.mobile-menu { position: fixed; z-index: 100; left: 0; top: 0; box-sizing: border-box; padding: 16px; height: 100%; width: 400px; max-width: 100%; background: #fafafa; color: #000; box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2); overflow: auto; overscroll-behavior: contain; }
.mobile-menu-itself { font-size: 14pt; font-weight: normal; padding: 0; }
.mobile-menu-itself li { list-style: none; position: relative; }
.mobile-menu-itself li:hover > ul, .mobile-menu-itself li:focus > ul { display: block; }
.mobile-menu-itself li > :first-child:focus + ul { display: block; }
.mobile-menu-itself > li ul { margin-left: 1.2em; }
.mobile-menu-itself li > :first-child { display: block; padding: 6px 12px 5px 12px; transition: background-color 300ms ease-out, color 300ms ease-out; outline: none; }
.mobile-menu-itself li > :first-child:hover, .mobile-menu-itself li > :first-child:focus { background-color: #c62c2b; color: #fff; }
.mobile-menu-itself .separator::after { content: ":"; }
.button-mobile-menu-close { padding: 0; border: none; width: 100%; display: block; cursor: pointer; background: transparent; color: inherit; text-align: left; }
.body {
	padding-top: 74px;
	padding-bottom: 48px;
	font-size: 17pt;
	line-height: 1.4;
}
@media all and (max-width: 1168px) {
	.body {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
.partners { margin-top: 3em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 58px; }
@media all and (max-width: 1168px) { .partners { gap: 16px; } }
.bottom { background: #c7302e; color: #fff; padding-top: 65px; font-size: 13pt; font-weight: normal; position: relative; }
.bottom-copyright { margin-top: 162px; background: #232738; color: #fff; padding-top: 30px; padding-bottom: 29px; }
.bottom-heading { font-size: 26pt; font-weight: 500; }
.l-bottom { max-width: 572px; }
.bottom p { line-height: 2; }
.bottom p:not(:first-child) { margin-top: 2em; }
.bottom a:hover, .bottom a:focus { text-decoration: underline; outline: none; }
.footer-icon { margin-right: 21px; }
@media all and (max-width: 1168px) { .bottom { padding-top: 16px; }
  .bottom-copyright { margin-top: 16px; padding-top: 16px; padding-bottom: 16px; }
  .bottom p:not(:first-child) { margin-top: 1em; } }
@media all and (min-width: 1168px) { .bottom::after { content: ""; background: #fff url("../images/bottom-decor.jpg") center center/cover no-repeat; position: absolute; top: 0; right: 0; width: calc(50% + 12px); height: 100%; pointer-events: none; } }
.menu-horizontal li { list-style: none; position: relative; }
.menu-horizontal li:hover > ul, .menu-horizontal li:focus > ul { display: block; }
.menu-horizontal li > :first-child:focus + ul { display: block; }
.menu-horizontal > li { display: inline-block; }
.menu-horizontal > li ul { display: none; position: absolute; }
.menu-horizontal > li > ul { left: 0; top: 100%; }
.menu-horizontal > li > ul ul { left: 100%; top: 0; }
.menu-horizontal > li li > :first-child { display: block; padding: .2em 1ex; }
.qlform fieldset input, .qlform textarea, .qlform .captcha input, .qlform select, .qlform option { width: 100%; }
.qlform fieldset input[type="checkbox"] { width: auto; }
.qlform .submit.control-group { margin-top: 1em; }
.qlform textarea { height: 7em; resize: vertical; }
.qlform .message { margin-bottom: 1em; }
.qlform .additionalFields { margin-top: .5em; margin-bottom: .5em; }
.qlform .jform_sendcopy { display: inline-block; }
.menu-vertical li { list-style: none; position: relative; }
.menu-vertical li:hover > ul, .menu-vertical li:focus > ul { display: block; }
.menu-vertical li > :first-child:focus + ul { display: block; }
.menu-vertical > li ul { display: none; position: absolute; left: 100%; top: 0; }
.menu-vertical > li li > :first-child { display: block; padding: .2em 1ex; }
.wysiwyg-content p:not([class]):not(:first-child), .wysiwyg-content p.default-styles:not(:first-child) { margin-top: 1em; }
.wysiwyg-content ul:not([class]), .wysiwyg-content ul.default-styles, .wysiwyg-content ol:not([class]), .wysiwyg-content ol.default-styles { margin-top: 1em; margin-left: 3ex; }
.wysiwyg-content ul:not([class]) ul:not([class]), .wysiwyg-content ul:not([class]) ul.default-styles, .wysiwyg-content ul:not([class]) ol:not([class]), .wysiwyg-content ul:not([class]) ol.default-styles, .wysiwyg-content ul.default-styles ul:not([class]), .wysiwyg-content ul.default-styles ul.default-styles, .wysiwyg-content ul.default-styles ol:not([class]), .wysiwyg-content ul.default-styles ol.default-styles, .wysiwyg-content ol:not([class]) ul:not([class]), .wysiwyg-content ol:not([class]) ul.default-styles, .wysiwyg-content ol:not([class]) ol:not([class]), .wysiwyg-content ol:not([class]) ol.default-styles, .wysiwyg-content ol.default-styles ul:not([class]), .wysiwyg-content ol.default-styles ul.default-styles, .wysiwyg-content ol.default-styles ol:not([class]), .wysiwyg-content ol.default-styles ol.default-styles { margin-top: .5em; }
.wysiwyg-content ul:not([class]) > li:not(:first-child), .wysiwyg-content ul.default-styles > li:not(:first-child), .wysiwyg-content ol:not([class]) > li:not(:first-child), .wysiwyg-content ol.default-styles > li:not(:first-child) { margin-top: .5em; }
.wysiwyg-content td > :first-child:not([class]), .wysiwyg-content td > :first-child.default-styles, .wysiwyg-content th > :first-child:not([class]), .wysiwyg-content th > :first-child.default-styles { margin-top: 0; }
.wysiwyg-content a:not([class]), .wysiwyg-content a.default-styles { text-decoration: underline; }
.wysiwyg-content img { max-width: 100%; }
.wysiwyg-content blockquote:not([class]), .wysiwyg-content blockquote.default-styles { margin-top: 1ex; margin-left: 1ex; padding-left: 1ex; border-left: 2px solid #ddd; }
.wysiwyg-content a[href$=".doc"]:not([class])::before, .wysiwyg-content a[href$=".doc"].default-styles::before, .wysiwyg-content a[href$=".docx"]:not([class])::before, .wysiwyg-content a[href$=".docx"].default-styles::before { content: "\F103E"; margin-right: .2em; }
.wysiwyg-content a[href$=".txt"]:not([class])::before, .wysiwyg-content a[href$=".txt"].default-styles::before, .wysiwyg-content a[href$=".odt"]:not([class])::before, .wysiwyg-content a[href$=".odt"].default-styles::before { content: "\F09EE"; margin-right: .2em; }
.wysiwyg-content a[href$=".xls"]:not([class])::before, .wysiwyg-content a[href$=".xls"].default-styles::before, .wysiwyg-content a[href$=".xlsx"]:not([class])::before, .wysiwyg-content a[href$=".xlsx"].default-styles::before { content: "\F102D"; margin-right: .2em; }
.wysiwyg-content a[href$=".ods"]:not([class])::before, .wysiwyg-content a[href$=".ods"].default-styles::before { content: "\F0C7F"; margin-right: .2em; }
.wysiwyg-content a[href$=".pdf"]:not([class])::before, .wysiwyg-content a[href$=".pdf"].default-styles::before { content: "\F0E2D"; margin-right: .2em; }
.wysiwyg-content a[href$=".zip"]:not([class])::before, .wysiwyg-content a[href$=".zip"].default-styles::before, .wysiwyg-content a[href$=".rar"]:not([class])::before, .wysiwyg-content a[href$=".rar"].default-styles::before, .wysiwyg-content a[href$=".7z"]:not([class])::before, .wysiwyg-content a[href$=".7z"].default-styles::before { content: "\F0FFA"; margin-right: .2em; }
.wysiwyg-content a[href$=".ppt"]:not([class])::before, .wysiwyg-content a[href$=".ppt"].default-styles::before, .wysiwyg-content a[href$=".pptx"]:not([class])::before, .wysiwyg-content a[href$=".pptx"].default-styles::before, .wysiwyg-content a[href$=".odp"]:not([class])::before, .wysiwyg-content a[href$=".odp"].default-styles::before { content: "\F1035"; margin-right: .2em; }
.front-info {
	background: #efefef url("../images/front-image.jpg") right center / cover no-repeat;
	color: #282a3e;
	box-sizing: border-box;
	font-weight: 500;
}
.front-info-title {
	margin-bottom: 16px;
}
@media all and (max-width: 1168px) {
	.front-info {
		text-align: center;
		padding-top: 32px;
		padding-bottom: 32px;
		font-size: 15pt;
		text-shadow: 1px 1px 1px rgba(0,0,0,.2);
		background-image: url("../images/front-image-small.jpg");
	}
	.front-info-title {
		font-size: 24pt;
	}
}
@media not all and (max-width: 1168px) {
	.front-info {
		text-align: right;
		padding-top: 55px;
		padding-bottom: 55px;
		min-height: 558px;
		font-size: 26pt;
	}
	.front-info-title {
		font-size: 33pt;
	}
}
.front-info > .wrap { display: flow-root; max-width: var(--content-max-width); padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; }
@media print { .front-info > .wrap { padding-left: 0; padding-right: 0; } }
.front-solutions {
	padding-top: 55px;
	padding-bottom: 55px;
	font-size: 17pt;
	line-height: 1.4;
}
@media all and (max-width: 1168px) {
	.front-solutions {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
.front-solutions > .wrap { display: flow-root; max-width: var(--content-max-width); padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; }
@media print { .front-solutions > .wrap { padding-left: 0; padding-right: 0; } }
.front-solutions-icons {
	background: #f8f6f2;
	color: #727272;
	line-height: 1.5;
}
.front-solutions-icons > .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 16px;
	max-width: var(--content-max-width); padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto;
}
.front-solutions-icon {
	text-align: center;
	width: 182px;
	flex-grow: 0;
	flex-shrink: 0;
}
.front-solutions-picture {
	margin-bottom: 15px;
}
@media print {
	.front-solutions-icons > .wrap {
		padding-left: 0;
		padding-right: 0;
	}
}
@media all and (max-width: 1168px) {
	.front-solutions-icons {
		padding-top: 32px;
		padding-bottom: 42px;
	}
	.front-solutions-icons > .wrap {
		justify-content: space-evenly;
	}
}
@media not all and (max-width: 1168px) {
	.front-solutions-icons {
		padding-top: 46px;
		padding-bottom: 76px;
	}
	.front-solutions-icons > .wrap {
		justify-content: space-between;
	}
}
.front-order-controls {
	text-align: center;
}
.button-1 {
	display: inline-block;
	max-width: 100%;
	background: #c7302e;
	color: #fff;
	border: none;
	border-radius: 14px;
	font-weight: bold;
}
.button-1:hover,
.button-1:focus {
	outline: none;
	text-decoration: underline;
}
@media all and (max-width: 1168px) {
	.front-order-controls {
		margin-top: -22px;
	}
	.button-1 {
		padding: 12px 24px;
	}
}
@media not all and (max-width: 1168px) {
	.front-order-controls {
		margin-top: -32px;
	}
	.button-1 {
		padding: 22px 48px;
	}
}
#m96 {
	margin-top: 1em;
}
.form-consult {
	margin-top: .5em;
}
.form-consult input[type="text"],
.form-consult input[type="tel"],
.form-consult input[type="email"],
.form-consult textarea
{
	margin-top: .2em;
	width: 100%;
	padding: 4px 8px;
	border: 1px solid #282b3a;
	border-radius: 3px;
	background: #fff;
	color: #000;
}
.form-consult textarea {
	resize: vertical;
	height: 7em;
}
.form-consult .btn.submit {
	max-width: 100%;
	background: #c7302e;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-weight: bold;
	padding: 12px 24px;
	cursor: pointer;
	transition: background-color 300ms ease-out;
}
.form-consult .btn.submit:hover,
.form-consult .btn.submit:focus {
	background-color: #a52626;
}
.form-consult .btn.submit:focus {
	text-decoration: underline;
}
.form-consult .form-group:not(:first-child) {
	margin-top: .5em;
}
@media all and (max-width: 1168px) {
	.before-after {
		margin-top: 32px;
	}
}
@media not all and (max-width: 1168px) {
	.before-after {
		margin-top: 63px;
	}
}
.advantages-list:not(:first-child) {
	margin-top: 32px;
}
.advantages-title {
	font-weight: bold;
	line-height: 1.5;
}
.advantages-list {
	counter-reset: advantage;
}
.advantages-list > li {
	position: relative;
	list-style: none;
	counter-increment: advantage;
}
.advantages-decor:not(._alt) img {
	border-radius: 11px;
}
.advantages > .wrap { display: flow-root; max-width: var(--content-max-width); padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; }
@media print { .advantages > .wrap { padding-left: 0; padding-right: 0; } }
@media all and (max-width: 1168px) {
	.advantages {
		margin-top: 23px;
	}
	.advantages-list > li:not(:first-child) {
		margin-top: 1.5em;
	}
	.advantages-list > li::before {
		content: counter(advantage);
		position: absolute;
		left: 0;
		top: 0;
		font-weight: bold;
		background: #c7302e;
		color: #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
	}
	.advantages-title {
		font-size: 15pt;
	}
	.advantages-decor {
		margin-top: 1em;
		text-align: center;
	}
	.advantages-description {
		line-height: 1.5;
	}
}
@media all and (min-width: 500px) and (max-width: 1168px) {
	.advantages-list > li::before {
		font-size: 24pt;
		width: 63px;
		height: 63px;
		line-height: 63px;
	}
	.advantages-list > li {
		padding: 0 0 0 79px;
	}
}
@media not all and (min-width: 500px) {
	.advantages-list > li::before {
		font-size: 16pt;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	.advantages-list > li {
		padding: 0 0 0 58px;
	}
}
@media not all and (max-width: 1168px) {
	.advantages {
		margin-top: 48px;
	}
	.advantages-title {
		font-size: 19pt;
	}
	.advantages-description {
		margin-top: 9px;
		line-height: 1.9;
	}
	.advantages-list {
		background: transparent url("../images/advantage-sep.png") 50% 0 repeat-y;
	}
	.advantages-list > li {
		box-sizing: border-box;
		min-height: 220px;
		padding-top: 30px;
	}
	.advantages-list > li:first-child {
		min-height: 347px;
		padding-top: 131px;
	}
	.advantages-list > li:not(:first-child) {
		margin-top: 49px;
	}
	.advantages-list > li:nth-child(odd) {
		padding-left: calc(50% + 68px);
	}
	.advantages-list > li:nth-child(even) {
		padding-right: calc(50% + 68px);
	}
	.advantages-list > li:nth-child(odd) .advantages-decor {
		position: absolute;
		right: calc(50% + 36px);
		top: 0;
	}
	.advantages-list > li:nth-child(even) .advantages-decor {
		position: absolute;
		left: calc(50% + 36px);
		top: 0;
	}
	.advantages-list > li::before {
		content: counter(advantage);
		position: absolute;
		z-index: 1;
		left: calc(50% - 55px);
		top: 0;
		font-size: 24pt;
		font-weight: bold;
		width: 62px;
		height: 62px;
		line-height: 62px;
		background: #c7302e;
		color: #fff;
		border: 24px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		text-align: center;
	}
}
.advantages-slogan {
	margin-top: 1em;
	font-size: 17pt;
	line-height: 1.4;
}
.before-after {
	display: flow-root;
	max-width: var(--content-max-width);
	margin-left: auto;
	margin-right: auto;
}
.before-after img {
	max-width: 100%;
}
.before-after:not(:first-child) {
	margin-top: 32px;
}
.before-after-text {
	margin-top: 1em;
	line-height: 1.6;
}
.before-after-title {
	font-weight: 600;
	font-size: 1.5em;
}
.before-after-items:not(:first-child) {
	margin-top: 32px;
}
@media all and (min-width: 1488px) {
	.before-after-item {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	.before-after-picture {
		width: calc(50% - 8px);
		
	}
	.before-after-item:not(:first-child) {
		margin-top: 16px;
	}
}
@media not all and (min-width: 1488px) {
	.before-after-picture {
		text-align: center;
	}
	.before-after-picture:not(:first-child)::before {
		margin-top: 16px;
		margin-bottom: 16px;
		content: "\0F0045";
		text-align: center;
		display: block;
		font: normal normal normal 1.5em/1 "Material Design Icons";
		text-rendering: auto;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		vertical-align: middle;
	}
	.before-after-item:not(:first-child) > .before-after-picture:first-child::before {
		margin-top: 16px;
		margin-bottom: 16px;
		content: "\0F0A14 \0F0A14 \0F0A14";
		text-align: center;
		display: block;
		font: normal normal normal 1.5em/1 "Material Design Icons";
		text-rendering: auto;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		vertical-align: middle;
		color: #666;
	}
	.before-after-title,
	.before-after-text {
		padding-left: 16px;
		padding-right: 16px;
	}
}
.gallery-list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: stretch;
}
.gallery-list:not(:first-child) {
	margin-top: 1em;
}
.gallery-list-item {
	text-align: center;
	width: 152px;
	flex-shrink: 0;
	flex-grow: 0;
	font-size: .8em;
	overflow-wrap: break-word;
}
.gallery-list-item:focus {
	outline: none;
}
.gallery-list-picture-img {
	border: 1px solid #c62c2b;
}
.gallery-list-title {
	margin-top: .5em;
}
.gallery-list-item:hover .gallery-list-title,
.gallery-list-item:focus .gallery-list-title {
	text-decoration: underline;
}
@media all and (max-width: 351px) {
	.gallery-list {
		flex-direction: column;
		align-items: center;
	}
	.gallery-list-item {
		width: auto;
		font-size: 1em;
	}
}