@charset "UTF-8";
@font-face { font-family: "Panton"; font-style: normal; font-weight: normal; src: local("Panton"), local("Panton-Regular"), url("../fonts/panton-regular.otf"); }
@font-face { font-family: "Panton"; font-style: normal; font-weight: bold; src: local("Panton Bold"), local("Panton-Bold"), url("../fonts/panton-bold.otf"); }
@font-face { font-family: "Panton"; font-style: normal; font-weight: 600; src: local("Panton SemiBold"), local("Panton-SemiBold"), url("../fonts/panton-semibold.otf"); }
: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; --cursive-fonts: "Monotype Corsiva", "URW Chancery L", cursive; --gothic-fonts: "Century Gothic", "URW Gothic L Book", "URW Gothic L"; --narrow-fonts: "Liberation Sans Narrow", "Arial Narrow", "PT Sans Narrow"; --base-fonts: "Panton", var(--sans-serif-fonts); --heading-fonts: var(--base-fonts); --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; }

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; }

.clearfix::after, .sidebar-1 > section::after, .sidebar-2 > section::after, .category-desc::after, .items-row.cols-2::after, .items-row.cols-3::after, .items-row.cols-4::after, .items-row.cols-5::after, .items-row.cols-6::after, .items-row.cols-7::after, .items-row.cols-8::after, .items-row.cols-9::after, .items-row.cols-10::after, .items-row.cols-11::after, .items-row.cols-12::after { content: ""; display: block; clear: both; }

@supports (display: flow-root) { .clearfix, .sidebar-1 > section, .sidebar-2 > section, .category-desc, .items-row.cols-2, .items-row.cols-3, .items-row.cols-4, .items-row.cols-5, .items-row.cols-6, .items-row.cols-7, .items-row.cols-8, .items-row.cols-9, .items-row.cols-10, .items-row.cols-11, .items-row.cols-12 { display: flow-root; }
  .clearfix::after, .sidebar-1 > section::after, .sidebar-2 > section::after, .category-desc::after, .items-row.cols-2::after, .items-row.cols-3::after, .items-row.cols-4::after, .items-row.cols-5::after, .items-row.cols-6::after, .items-row.cols-7::after, .items-row.cols-8::after, .items-row.cols-9::after, .items-row.cols-10::after, .items-row.cols-11::after, .items-row.cols-12::after { content: none; display: none; clear: none; } }
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; font-family: var(--heading-fonts); line-height: var(--default-line-height); }

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; }

.l-basic-start { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }

.l-basic-end { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }

.button-1 { display: inline-block; background: #ff6c0f; background: linear-gradient(to bottom, #f7941f, #ff6c0f); color: #fff; padding: 12px 59px; font-size: 16pt; border: 1px solid #e26c12; border-bottom-color: #803607; border-top-color: #f9b35e; border-radius: 2px; font-weight: 600; box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.5); }
.button-1:hover, .button-1:focus { background-color: #f6e31d; background: linear-gradient(to bottom, #f6e31d, #ff6f0f); border: 1px solid transparent; border-bottom-color: #7e3508; border-top-color: #fbf293; }

.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: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:not(:first-child) { margin-top: var(--sidebar-section-vertical-gap); }

.limit-content { max-width: 1109px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
@media (max-width: 1140px) { .limit-content { padding-left: 16px; padding-right: 16px; } }

@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; } }

.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 + .cat-items { margin-top: 1em; }

.readmore:not(:first-child) { margin-top: 1em; }
.readmore > a { display: inline-block; background: #2f2f2f; color: #fff; border: none; padding: .5em 1em; transition: background-color 300ms ease-out; line-height: var(--default-line-height); text-decoration: none !important; }
.readmore > a:hover, .readmore > a:focus { background-color: #000; }

.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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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 > .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); }

html { background: #fff; color: #000; font: 12pt var(--base-fonts); line-height: var(--default-line-height); }

body { min-width: 320px; max-width: 1920px; margin: 0 auto; }

.top { background: #1d2e0a url("../images/top.jpg") center top/cover no-repeat; color: #fff; padding-top: 25px; padding-bottom: 78px; }

.top-1 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }

.top-logo, .bottom-logo { font-size: 18pt; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.top-logo img, .bottom-logo img { vertical-align: top; }

.top-info, .bottom-info { text-align: right; }

.top-info-item, .bottom-info-item { display: inline-block; vertical-align: middle; }
.top-info-item:not(:first-child), .bottom-info-item:not(:first-child) { margin-left: 10px; }

.as-link { border: none; padding: 0; background: transparent; color: inherit; cursor: pointer; text-decoration: underline; }

.top-phone, .bottom-phone { font-size: 18pt; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.top-call-me, .bottom-call-me { margin-top: 3px; font-weight: 600; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.top-2 { margin-top: 150px; text-align: center; }
.top-2 h1 { font-size: 44pt; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.top-2 h1:not(:first-child) { margin-top: 28px; }
@media (max-width: 999px) { .top-2 h1 { font-size: 24pt; } }

.top-2-description { margin-top: 22px; font-size: 16pt; font-weight: 600; line-height: 1.45; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.top-2-controls { margin-top: 73px; }

.top-2-decor { margin-top: 107px; }
.top-2-decor img { vertical-align: top; }

@media (max-width: 630px) { .top { padding-bottom: 32px; }
  .top-2-controls { margin-top: 32px; }
  .top-2-decor { display: none; } }
.why { background: #fff center center no-repeat; color: #000; padding-top: 100px; padding-bottom: 130px; }
@media (min-width: 910px) { .why { background-image: url("../images/why.jpg"); } }

.why h2 { text-align: center; color: #252525; font-size: 28pt; font-weight: 600; padding-bottom: 47px; background: transparent url("../images/heading.png") center bottom no-repeat; }

.why-sheet { margin-top: 64px; line-height: 1.6; max-width: 554.5px; margin-left: auto; }
.why-sheet p { margin-left: 42px; }
.why-sheet p:not(:first-child) { margin-top: 13px; }

@media (max-width: 630px) { .why { padding-top: 32px; padding-bottom: 32px; } }
.why h3 { font-size: 22pt; color: #252525; font-weight: bold; }
.why h3:not(:first-child) { margin-top: 41px; }

.why-num { color: #fa911b; font-size: 13pt; vertical-align: middle; margin-right: 13px; }

.info-1 { background: #305d87; background: linear-gradient(to bottom, #305d87, #1994bd); color: #fff; padding-top: 54px; padding-bottom: 60px; text-align: center; font-size: 24pt; font-weight: 600; line-height: 1.45; }
@media (max-width: 630px) { .info-1 { font-size: 20pt; } }

.what { background: #fff center top no-repeat; color: #000; padding-top: 80px; padding-bottom: 85px; }
@media not all and (max-width: 970px) { .what { background-image: url("../images/what.jpg"); } }

.what h2 { text-align: center; color: #252525; font-size: 28pt; font-weight: 600; padding-bottom: 47px; background: transparent url("../images/heading.png") center bottom no-repeat; }
@media (max-width: 600px) { .what h2 { font-size: 24pt; } }

.what-description { margin-top: 33px; text-align: center; line-height: 1.6; }

.what-list { margin-top: 47px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; line-height: 1.7; }
.what-list > li { margin-top: 48px; list-style: none; width: 100%; max-width: 455px; }

.what h3 { color: #242424; font-size: 22pt; }

.what p:not(:first-child) { margin-top: 18px; }

@media (max-width: 970px) { .what-list { flex-direction: column; align-items: center; }
  .what h3 { text-align: center; }
  .what-list { margin-top: 0; } }
@media not all and (min-width: 600px) { .what { padding-top: 32px; padding-bottom: 32px; } }
@media (min-width: 600px) { .what-list > li { padding-left: 90px; background: transparent left top no-repeat; }
  .what-list > li:first-child { background-image: url("../images/what-1.png"); }
  .what-list > li:nth-child(2) { background-image: url("../images/what-2.png"); }
  .what-list > li:nth-child(3) { background-image: url("../images/what-3.png"); }
  .what-list > li:nth-child(4) { background-image: url("../images/what-4.png"); } }
.tour { padding-top: 145px; padding-bottom: 166px; text-align: center; background: #284c66 url("../images/tour.jpg") center top/cover no-repeat; color: #fff; line-height: 1.5; font-size: 16pt; }
@media (max-width: 630px) { .tour { padding-top: 32px; padding-bottom: 32px; } }

.tour h2 { font-size: 38pt; font-weight: bold; margin-bottom: 43px; }

.tour-controls { margin-top: 49px; }

.front-slider { padding-top: 65px; padding-bottom: 65px; background: #fff url("../images/front-slider.jpg") center top no-repeat; }

.front-slider h2 { text-align: center; color: #252525; font-size: 28pt; font-weight: 600; padding-bottom: 47px; background: transparent url("../images/heading.png") center bottom no-repeat; }
@media (max-width: 600px) { .front-slider h2 { font-size: 24pt; } }

.front-slider-container { margin-top: 52px; padding: 17px; background: #fff; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.front-slider-photo { width: 100%; text-align: center; max-width: 468px; }

.front-slider-image { max-width: 100%; vertical-align: top; }

.front-slider-text { width: 560px; max-width: 100%; line-height: 1.7; }

.front-slider-text p:not(:first-child) { margin-top: 29px; }

.front-slider h3 { color: #242424; font-size: 19pt; font-weight: bold; }

.front-slider-controls { margin-top: 33px; text-align: right; }

@media not all and (min-width: 600px) { .front-slider { padding-top: 32px; padding-bottom: 32px; } }
@media (max-width: 1110px) { .front-slider-container { flex-direction: column; }
  .front-slider h3 { margin-top: 32px; text-align: center; }
  .front-slider-text { width: 100%; }
  .front-slider-text p:not(:first-child) { margin-top: 19px; } }
.front-slider-button { background: #98aec3; color: #fff; width: 34px; height: 34px; line-height: 34px; padding: 0; border: none; border-radius: 2px; vertical-align: middle; transition: background-color 200ms ease-out; text-align: center; }
.front-slider-button > img { vertical-align: middle; }
.front-slider-button:hover, .front-slider-button:focus { background-color: #2f5e88; }

.front-slider-prev { margin-left: 18px; }

.front-slider-page, .front-slider-total { vertical-align: middle; }

.gallery h2 { text-align: center; color: #252525; font-size: 28pt; font-weight: 600; padding-bottom: 47px; background: transparent url("../images/heading.png") center bottom no-repeat; }
@media (max-width: 600px) { .gallery h2 { font-size: 24pt; } }

.gallery-items { margin-top: 59px; display: flex; flex-wrap: wrap; justify-content: center; }

.gallery-item { box-sizing: border-box; width: 383px; max-width: 100%; border: 1px solid transparent; }
@media (min-width: 1109px) { .gallery-item { width: 20%; } }

.gallery-item img { vertical-align: top; width: 100%; height: 290px; object-fit: cover; }

.you { padding-top: 80px; padding-bottom: 80px; background: #fff center top no-repeat; font-size: 13pt; line-height: 1.5; }
@media (min-width: 850px) { .you { background-image: url("../images/you.jpg"); } }

.you h2 { text-align: center; color: #252525; font-size: 28pt; font-weight: 600; padding-bottom: 47px; background: transparent url("../images/heading.png") center bottom no-repeat; }
@media (max-width: 600px) { .you h2 { font-size: 24pt; } }

.you h3 { color: #242424; font-size: 22pt; font-weight: 600; }

.you p:not(:first-child) { margin-top: 14px; }

.you-list { margin-top: 120px; max-width: 554.5px; margin-left: auto; }
.you-list > li { list-style: none; }
.you-list > li:not(:first-child) { margin-top: 42px; }

@media not all and (min-width: 600px) { .you-list { margin-top: 32px; }
  .you { padding-top: 32px; padding-bottom: 32px; } }
@media (min-width: 600px) { .you-list > li { padding-left: 41px; min-height: 18px; background: transparent url("../images/you-bullet.png") 0 5px no-repeat; } }
.contact { background: #253e81 url("../images/contact.jpg") center top/cover no-repeat; color: #fff; padding-top: 90px; text-align: center; }

.contact h2 { font-size: 28pt; font-weight: 600; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.contact-subtitle { margin-top: 10px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.contact-form { margin: 44px auto 0 auto; display: block; max-width: 727px; }

.contact-form .form-unit:not(:first-child) { margin-top: 15px; }

.contact-form .form-sumbit { margin-top: 44px; }

.contact-form .form-unit input, .contact-form .form-unit textarea { box-sizing: border-box; background: #fff; color: #000; border: none; border-bottom: 2px solid #fff; border-radius: 3px; padding: 18px 34px 16px 34px; width: 100%; transition: border-bottom-color 200ms ease-out; }
.contact-form .form-unit input:hover, .contact-form .form-unit input:focus, .contact-form .form-unit textarea:hover, .contact-form .form-unit textarea:focus { border-bottom-color: rgba(255, 107, 15, 0.8); }

.contact-form .form-unit textarea { resize: vertical; height: 94px; }

@media not all and (min-width: 600px) { .contact { padding-top: 32px; } }
@media (max-width: 759px) { .contact-subtitle { margin-top: 32px; text-shadow: none; background: rgba(17, 31, 63, 0.8); padding: 8px 16px; line-height: 1.5; border-radius: 2px; } }
.bottom { margin-top: 113px; background: rgba(0, 0, 0, 0.5); color: #fff; padding-top: 50px; padding-bottom: 50px; }

.bottom-1 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }

.soc-icon:not(:first-child) { margin-left: 4px; }

@media (max-width: 540px) { .bottom { margin-top: 32px; }
  .top-1, .bottom-1 { flex-direction: column; align-items: center; }
  .top-1 > div:not(:first-child), .bottom-1 > div:not(:first-child) { margin-top: 32px; }
  .top-info, .bottom-info { text-align: center; }
  .top-2 { margin-top: 32px; }
  .top-2-description { text-shadow: none; background: rgba(255, 255, 255, 0.8); color: #000; padding: 8px 16px; border-radius: 2px; font-size: 13pt; }
  .top-logo img, .bottom-logo img { filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); } }
.humane, .humane-flatty { position: fixed; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: 100000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.humane, .humane-flatty { font-family: Helvetica Neue, Helvetica, san-serif; font-size: 16px; top: 0; left: 30%; opacity: 0; width: 40%; color: #444; padding: 10px; text-align: center; background-color: #fff; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }

.humane p, .humane-flatty p, .humane ul, .humane-flatty ul { margin: 0; padding: 0; }

.humane ul, .humane-flatty ul { list-style: none; }

.humane.humane-flatty-info, .humane-flatty.humane-flatty-info { background-color: #3498db; color: #FFF; }

.humane.humane-flatty-success, .humane-flatty.humane-flatty-success { background-color: #18bc9c; color: #FFF; }

.humane.humane-flatty-error, .humane-flatty.humane-flatty-error { background-color: #e74c3c; color: #FFF; }

.humane-animate, .humane-flatty.humane-flatty-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.humane-animate:hover, .humane-flatty.humane-flatty-animate:hover { opacity: 0.7; }

.humane-js-animate, .humane-flatty.humane-flatty-js-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.humane-js-animate:hover, .humane-flatty.humane-flatty-js-animate:hover { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }

@media (min-width: 1340px) {
	.top-decor {
		position: relative;
		z-index: 1;
	}
	.top-decor::after {
		content: "";
		background: transparent url("../images/phone-decor.png") left top no-repeat;
		width: 324px;
		height: 620px;
		overflow: hidden;
		position: absolute;
		bottom: -129px;
		right: -116px;
	}
	.top-2 {
		max-width: 710px;
		margin-left: auto;
		margin-right: auto;
	}
}

.top-logo > a {
	display: inline-block;
	vertical-align: bottom;
}
