/*
    Theme Name: Ethno Complex
    Theme URI: 
    Description:
    Version: 0.0.1
    Author: Roman Seredenko
    Author URI: https://romul.name/
    Tags: 
    Text Domain: ethnocomplex
*/
/* This is a compiled css. Please don't edit it directly */
:root { --colour-white: #fff; --colour-light-grey: #f2f2f2; --colour-primary: #004537; --max-width: 1920px; }

/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- Reset --------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- Tags ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Tags */
a { position: relative; _color: #343434; color: var(--colour-primary); text-decoration: underline; transition: .3s; }

a:hover { color: #7b7b7b; text-decoration: none; }

a[href^="tel"] { display: inline-block; padding-left: 35px; background: url(images/mobile_screen_share-24px.svg) 1px center no-repeat; background-size: 25px auto; }

a[href^="mailto"] { display: inline-block; padding-left: 35px; background: url(images/email-24px.svg) left no-repeat; background-size: auto 25px; }

blockquote { margin: 25px 0; padding: 25px 0; color: #282828; font-style: italic; font-weight: 300; text-align: center; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }

blockquote p { margin: 0 0 5px; }

blockquote strong { font-weight: 700; }

body { position: relative; height: 100%; min-height: 100%; min-width: 340px; font: 300 19px/1.4 "Roboto", sans-serif; }

h1 { margin: 0 0 30px; padding: 0; color: #333333; font-weight: 500; font-size: 50px; line-height: 1; text-align: center; text-transform: uppercase; }

h2 { margin: 0 0 30px; padding: 0; color: #333333; font-weight: 500; font-size: 36px; line-height: 1; text-transform: uppercase; }

h3 { margin: 0 0 25px; font-size: 28px; line-height: 1; }

html { height: 100%; min-height: 100%; }

img { height: auto; vertical-align: middle; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select { box-sizing: border-box; padding: 10px 25px; height: 48px; max-width: 100%; font-size: 18px; line-height: 30px; background: #fff; border: 1px solid #E3E3E3; border-radius: 24px; outline: none; }

select { height: 29px; }

input[type="text"].has-error, input[type="email"].has-error, input[type="password"].has-error, input[type="tel"].has-error, select.has-error, textarea.has-error { border-color: #cc0000; }

input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { _box-shadow: 0 0 10px #f2f6ff; }

textarea { height: 190px; }

label input { vertical-align: middle; }

input[type="submit"] { box-sizing: border-box; padding: 10px 40px; height: 50px; max-width: 100%; color: #fff; font-weight: 700; font-size: 14px; line-height: 30px; text-transform: uppercase; background: #2a4b80; border: none; border-radius: 5px; cursor: pointer; transition: .3s; }

input[type="submit"]:hover { background-color: #8d2126; }

p { margin: 0 0 25px; }

strong { font-weight: 700; }

em { font-style: italic; }

table { margin: 0 0 25px; width: 100%; border-collapse: collapse; border: 1px solid #d9d9d9; border-radius: 4px; }

table.-auto-width { width: auto; }

table th, table td { padding: 13px 20px; }

table tr td { border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }

table tr:first-child td { border-top: 1px solid #d9d9d9; }

table tr:nth-child(even) td { background: #f9f9f9; }

table tr:last-child td { border-bottom: 1px solid #d9d9d9; }

/* Global Classes */
.float-clear:after { content: ""; display: table; clear: both; }

.float-right { float: right; }

.float-left { float: left; }

.fw-300 { font-weight: 300; }

.fw-normal { font-weight: normal; }

.fs-10 { font-size: 10px; }

.fs-13 { font-size: 13px; }

.fs-14 { font-size: 14px; }

.fs-15 { font-size: 15px; }

.ff-default { font-family: Montserrat, Arial, Helvetica, sans-serif; }

.lh-20 { line-height: 20px; }

.lh-24 { line-height: 24px; }

.lh-35 { line-height: 35px; }

.lh-100 { line-height: 100%; }

.lh-120 { line-height: 120%; }

.gap-v-5 { height: 5px; }

.gap-v-10 { height: 10px; }

.gap-v-15 { height: 15px; }

.gap-v-20 { height: 20px; }

.gap-v-25 { height: 25px; }

.gap-v-30 { height: 30px; }

.gap-v-35 { height: 35px; }

.gap-v-40 { height: 40px; }

.gap-v-50 { height: 50px; }

.gap-h-20 { display: inline-block; width: 20px; }

.gap-h-25 { display: inline-block; width: 25px; }

.mr-10 { margin-right: 10px; }

.mb-10 { margin-bottom: 10px; }

.mb-20 { margin-bottom: 20px; }

.mb-30 { margin-bottom: 30px; }

.mb-45 { margin-bottom: 45px; }

.mb-55 { margin-bottom: 55px; }

.ml-10 { margin-left: 10px; }

.ml-20 { margin-left: 20px; }

.ml-30 { margin-left: 30px; }

.ml-45 { margin-left: 45px; }

.ml-55 { margin-left: 55px; }

.pl-55 { padding-left: 55px; }

.row { margin: 0 auto; padding: 0; max-width: 1170px; }

.row.-wider { max-width: 1300px; }

.row:after { content: ""; display: table; clear: both; }

.row > div { box-sizing: border-box; float: left; min-height: 1px; }

.row > div:first-child { padding-left: 0; }

.row > div:last-child { padding-right: 0; }

.row .col-left { float: left; }

.row .col-right { float: right; }

.row .col-1 { width: 8.3333%; }

.row .col-2 { width: 16.6666%; }

.row .col-3 { width: 25%; }

.row .col-4 { width: 33.3333%; }

.row .col-5 { width: 41.6666%; }

.row .col-6 { width: 50%; }

.row .col-7 { width: 58.3333%; }

.row .col-8 { width: 66.6666%; }

.row .col-9 { width: 75%; }

.row .col-10 { width: 88.3333%; }

.row .col-11 { width: 91.6666%; }

.row .col-12 { width: 100%; }

.row .col-h-padding-8 { padding-left: 8px; padding-right: 8px; }

.row .col-h-padding-20 { padding-left: 20px; padding-right: 20px; }

.row .col-t-padding-30 { padding-top: 30px; }

.row .col-v-padding-5 { padding-top: 5px; padding-bottom: 5px; }

/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- Classes ------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Sorted alphabetically */
/* Classes */
.-inner { box-sizing: border-box; margin: 0 auto; padding-right: 20px; padding-left: 20px; max-width: 1920px; }

.-inner:after { content: ""; display: table; clear: both; }

/* Basic Structure and Common elements */
/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- Ids ----------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Sorted by structure */
#page { _padding: 100px 0 0; position: relative; overflow: hidden; min-height: 80vh; }

#header { position: fixed; top: 0; right: 0; left: 0; color: var(--colour-white); z-index: 4; background: var(--colour-primary); }

#header .-inner { padding-top: 15px; padding-bottom: 15px; }

.home #header { background: none; }

.home #header.-bg { background: var(--colour-primary); }

#logo a { display: block; margin: 0 auto; width: 145px; height: 70px; background: url(./images/logo-white-simple.svg) center no-repeat; background-size: contain; }

#sidebar-toggle { position: absolute; top: 50%; left: 40px; width: 35px; height: 16px; background: none; border: none; border-top: 2px solid var(--colour-white); border-bottom: 2px solid var(--colour-white); cursor: pointer; outline: none; transform: translateY(-50%); }

#sidebar-toggle::after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 2px; background: var(--colour-white); }

#language-switcher { position: absolute; top: 50%; left: 135px; font-size: 0; text-transform: uppercase; transform: translateY(-50%); }

#language-switcher ul { margin: 0; padding: 0; }

#language-switcher li { float: left; margin: 0; padding: 0; font-size: 20px; }

#language-switcher li::after { content: "/"; }

#language-switcher li:last-child::after { display: none; }

#language-switcher li a { color: var(--colour-white); text-decoration: none; }

#language-switcher li a:hover { text-decoration: underline; }

#header-menu { position: absolute; top: 50%; right: 60px; transform: translateY(-50%); }

#header-menu ul { margin: 0; padding: 0; }

#header-menu ul li { margin: 0 40px 0 0; padding: 0; float: left; }

#header-menu ul li:last-child { margin-right: 0; }

#header-menu ul li a { color: var(--colour-white); font-size: 20px; line-height: 1; text-decoration: none; }

#header-menu ul li a:hover { text-decoration: underline; }

#sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 400px; z-index: 4; transform: translateX(-100%); transition: .3s transform; }

#sidebar.-visible { transform: translateX(0); }

#sidebar .-close { position: absolute; top: 30px; left: 40px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; z-index: 2; outline: none; }

#sidebar .-close::before, #sidebar .-close::after { content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 2px; background: var(--colour-white); transform-origin: center; transition: .3s; }

#sidebar .-close::before { transform: rotate(-45deg); }

#sidebar .-close::after { transform: rotate(45deg); }

#sidebar .-close:hover::before { transform: rotate(45deg); }

#sidebar .-close:hover::after { transform: rotate(-45deg); }

#sidebar::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--colour-primary); opacity: 0.9; }

#sidebar .-inner { position: relative; padding: 100px 0 0 50px; z-index: 1; }

#sidebar nav .-mobile-header-menu { display: none; margin: 0 0 40px; }

#sidebar nav ul { margin: 0; padding: 0; }

#sidebar nav ul li { position: relative; margin: 0; padding: 0 0 0 40px; font-size: 18px; line-height: 1; cursor: pointer; }

#sidebar nav ul li.-has-submenu::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-position: center; background-size: 20px 2px, 2px 20px; background-image: linear-gradient(var(--colour-white), var(--colour-white)), linear-gradient(var(--colour-white), var(--colour-white)); background-repeat: no-repeat; transform-origin: center; transition: .3s; }

#sidebar nav ul li.-has-submenu.-submenu-visible::before { background-size: 20px 2px, 2px 2px; transition: .3s; }

#sidebar nav ul li:hover.-has-submenu::before { transform: rotate(90deg); }

#sidebar nav ul li:hover.-has-submenu.-submenu-visible::before { transform: rotate(0deg); }

#sidebar nav ul li a { display: block; margin: 0 0 25px; color: var(--colour-white); text-decoration: none; text-transform: uppercase; transition: .3s; }

#sidebar nav ul li a:hover { text-decoration: underline; }

#sidebar nav ul li ul { box-sizing: border-box; margin: 0 0 0 -40px; padding: 0 0 0 40px; max-height: 0; transition: .3s; overflow: hidden; }

#sidebar nav ul li ul li { margin: 0; font-size: 16px; }

#sidebar nav ul li ul li a { margin: 0 0 20px; text-transform: none; text-decoration: none; }

#sidebar nav ul li ul li:last-child { margin: 0 0 40px; }

#sidebar nav ul li.-submenu-visible ul { max-height: 999px; transition: .9s; }

#sidebar nav ul li.-pro-nas { margin-top: 60px; }

#home { position: relative; height: 100vh; flex-direction: row; justify-content: center; align-items: center; background: var(--colour-primary); }

#home .-logo { position: absolute; top: 50%; left: 50%; width: 700px; height: 250px; max-width: 95%; background: url(./images/logo-white-text-full.svg) center no-repeat; background-size: contain; transform: translate(-50%, -50%); z-index: 3; }

#home button.-arrow { position: absolute; left: 50%; bottom: 50px; width: 100px; height: 100px; border-radius: 50%; background: none; border: none; transform: translate(-50%, 0); cursor: pointer; outline: none; transition: .3s; z-index: 3; }

#home button.-arrow:hover { background: rgba(255, 255, 255, 0.2); }

#home button.-arrow::before { content: ""; position: absolute; top: 50%; left: 50%; width: 35px; height: 35px; border-right: 2px solid var(--colour-white); border-bottom: 2px solid var(--colour-white); animation: animate-arrow 3s infinite; }

@keyframes animate-arrow { 0%, 20%, 50%, 100% { transform: translate(-50%, -70%) rotate(45deg) skew(0deg, 0deg); }
  10%, 30% { transform: translate(-50%, -40%) rotate(45deg) skew(10deg, 10deg); } }

#home ul { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; z-index: 1; }

#home ul li { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; list-style: none; background-position: center; background-size: cover; opacity: 0; transition: .9s opacity; }

#home ul li.-visible { opacity: 1; transition: .9s opacity; }

#home .-shader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; z-index: 2; }

#main.-vtour { height: 100vh; }

#main.-vtour #vtour-page { height: 100%; }

#main.-vtour #vtour-page iframe { width: 100%; height: 100%; border: none; }

#main-sections { background: #f2f2f2; }

#main-sections .-inner { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; padding: 130px 100px 50px; }

#main-sections .-inner::after { display: none; }

#main-sections .-section { flex-basis: 0 0 29%; display: block; position: relative; margin: 0 0 50px; width: 29%; background: #fff; }

#main-sections .-section::before { content: ""; float: left; margin-left: -1px; padding-top: calc(480 / 465 * 100%); width: 1px; height: 0; }

#main-sections .-section::after { content: ""; display: table; clear: both; }

#main-sections .-section:hover { box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); }

#main-sections .-image { position: absolute; top: 0; right: 0; bottom: 50%; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

#main-sections .-icon { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; transform: translate(-50%, -50%); z-index: 2; }

#main-sections .-text { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; box-sizing: border-box; padding: 60px 10px 10px; text-align: center; background: #fff; }

#main-sections .-text h3 { margin: 0 0 20px; padding: 0; color: #000; text-align: center; text-transform: uppercase; }

#section-page { min-height: calc(100vh - 185px); background: #f2f2f2; }

#section-page .-header { position: relative; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; }

#section-page .-header-text { _position: absolute; _left: 50%; _bottom: 0; position: relative; box-sizing: border-box; padding: 50px 20px 20px; margin: -100px auto 50px; max-width: 1280px; _height: 220px; background: #fff; _transform: translate(-50%, 50%); }

#section-page .-header-text .-header-icon { position: absolute; top: 0; left: 50%; width: 90px; height: 90px; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); }

#section-page .-body { margin: 0 auto; padding: 0px 20px 40px; max-width: 1280px; }

#section-page .-row { display: flex; align-items: stretch; margin-bottom: 30px; min-height: 400px; /*&::before { content: ""; float: left; margin: ; }*/ }

#section-page .-row .-photo { box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-size: cover; }

#section-page .-row .-text { box-sizing: border-box; padding: 30px; background: #fff; border: 1px solid #fff; transition: .3s; }

#section-page .-row .-text .-button { display: block; margin: 30px auto 0; padding: 20px 20px; width: 200px; max-width: 100%; font-size: 20px; line-height: 1; text-align: center; text-decoration: none; background: #fff; border-width: 1px; border-style: solid; }

#section-page .-row .-text .-button:hover { color: #fff; }

#section-page .-row .-group { display: flex; flex-direction: column; }

#section-page .-row .-group .-g1 { flex: 1 1 50%; margin-bottom: 30px; }

#section-page .-row .-group .-g2 { flex: 1 1 50%; }

#section-page .-row.-type-1 { padding-left: 60px; }

#section-page .-row.-type-1 .-b1 { flex: 1 1 60%; margin-right: 30px; }

#section-page .-row.-type-1 .-b2 { flex: 1 1 40%; }

#section-page .-row.-type-2 { padding-right: 60px; }

#section-page .-row.-type-2 .-b1 { flex: 0 1 30%; margin-right: 30px; }

#section-page .-row.-type-2 .-b2 { flex: 1 1 70%; }

#section-page .-row.-type-3 { padding-left: 60px; min-height: 800px; }

#section-page .-row.-type-3 .-b1 { flex: 0 1 40%; margin-right: 30px; }

#section-page .-row.-type-3 .-b2 { flex: 1 1 60%; }

#section-page .-row.-type-4 { padding-right: 60px; }

#section-page .-row.-type-4 .-b1 { flex: 1 1 100%; }

#section-page .-row.-type-5 { padding-left: 60px; }

#section-page .-row.-type-5 .-b1 { flex: 0 1 60%; margin-right: 30px; }

#section-page .-row.-type-5 .-b2 { flex: 1 1 40%; }

#section-page .-row-submenu { position: relative; margin: 0 0 30px; max-height: 0; background: var(--colour-white); transition: 0.5s; overflow: hidden; }

#section-page .-row-submenu.-visible { max-height: 2500px; }

#section-page .-row-submenu .-close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; z-index: 2; outline: none; }

#section-page .-row-submenu .-close::before, #section-page .-row-submenu .-close::after { content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 2px; transform-origin: center; transition: .3s; }

#section-page .-row-submenu .-close::before { transform: rotate(-45deg); }

#section-page .-row-submenu .-close::after { transform: rotate(45deg); }

#section-page .-row-submenu .-close:hover::before { transform: rotate(45deg); }

#section-page .-row-submenu .-close:hover::after { transform: rotate(-45deg); }

#section-page .-row-submenu .--inner { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 40px; }

#section-page .-row-submenu .--inner .-subitem { display: block; flex: 0 1 30%; margin: 0 10px 20px; width: 30%; height: 25vh; background: var(--colour-light-grey); }

#section-page .-row-submenu .--inner .-subitem .-image { overflow: hidden; height: 70%; }

#section-page .-row-submenu .--inner .-subitem .-image img { width: 100%; height: 100%; object-fit: cover; }

#section-page .-row-submenu .--inner .-subitem .-title { display: flex; flex-direction: column; justify-content: center; height: 30%; text-align: center; }

#regular-page { min-height: calc(100vh - 185px); background: #f2f2f2; }

#regular-page .-header { position: relative; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; }

#regular-page .-header-text { position: absolute; left: 50%; bottom: 0; box-sizing: border-box; padding: 50px 20px 20px; min-width: 940px; height: auto; background: #fff; transform: translate(-50%, 50%); }

#regular-page .-header-text .-header-icon { position: absolute; top: 0; left: 50%; width: 125px; height: 125px; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); }

#regular-page .-body { margin: 0 auto; padding: 120px 20px 50px; max-width: 1280px; }

#regular-page .-body h2, #regular-page .-body h3, #regular-page .-body h4, #regular-page .-body h5, #regular-page .-body h6, #regular-page .-body p, #regular-page .-body ul, #regular-page .-body ol { margin-right: auto; margin-left: auto; max-width: 940px; }

#regular-page .-body h2 { margin-top: 50px; text-align: center; }

#regular-page .-body h2:first-child { margin-top: 0; }

#regular-page .-body ul { padding-left: 50px; margin-bottom: 20px; max-width: 940px; }

#regular-page .-body ul li { list-style: disc; }

#regular-page .-body ol { padding-left: 50px; margin-bottom: 20px; max-width: 940px; }

#regular-page .-body ol li { list-style: decimal; }

#regular-page.-category .post-item { margin: 0 auto 50px; max-width: 940px; }

#regular-page.-category .post-item .-image { margin: 0 0 20px; background-position: center; background-size: cover; }

#regular-page.-category .post-item .-image::before { content: ""; float: left; margin-left: -1px; width: 1px; height: 0; padding-top: calc(200 / 400 * 100%); }

#regular-page.-category .post-item .-image::after { content: ""; display: table; clear: both; }

#regular-page.-category .post-item .-title { margin: 0 auto 20px; color: var(--colour-primary); font-weight: 700; font-size: 28px; }

#regular-page.-category .post-item .-title a { text-decoration: none; }

#regular-page.-category .post-item .-title a:hover { color: var(--colour-primary); text-decoration: underline; }

#regular-page.-category .more-link { display: block; }

#regular-page .pagination { text-align: center; }

#regular-page .pagination .nav-links > * { display: inline-block; }

#footer { color: #fff; background: var(--colour-primary); }

#footer .-inner { display: flex; flex-wrap: wrap; padding: 40px; max-width: none; }

#footer .-inner .-left { flex: 1 1 auto; }

#footer .-inner .-right { flex: 1 1 auto; text-align: right; }

#footer .-inner .-right a:hover { opacity: 0.7; }

#footer .-inner .-center { flex: 1 1 100%; padding: 50px 0 0; font-size: 12px; text-align: center; opacity: 0.2; }

#footer .-inner .-center a { color: #fff; text-decoration: none; }

.wp-block-gallery { margin-top: 50px; margin-bottom: 50px; }

.wp-block-gallery ul { margin: 0 !important; padding: 0 !important; max-width: none !important; }

.wp-block-gallery ul li { list-style: none; }

.wp-block-gallery figure { cursor: pointer; transition: box-shadow .3s; }

.wp-block-gallery figure:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.wp-block-gallery figure.-curr, .wp-block-gallery figure.-prev, .wp-block-gallery figure.-next { position: fixed; display: flex; top: 50%; flex-direction: column; justify-content: center; transition: left .3s; }

.wp-block-gallery figure.-curr img, .wp-block-gallery figure.-prev img, .wp-block-gallery figure.-next img { object-fit: none !important; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.wp-block-gallery figure.-curr { left: 50%; z-index: 5; width: 90vw; height: 90vh; transform: translate(-50%, -50%); }

.wp-block-gallery figure.-prev, .wp-block-gallery figure.-next { z-index: 6; width: 200px; height: 200px; transform: translate(0, -50%); cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); transition: box-shadow .3s; }

.wp-block-gallery figure.-prev img, .wp-block-gallery figure.-next img { object-fit: cover !important; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.wp-block-gallery figure.-prev:hover, .wp-block-gallery figure.-next:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

.wp-block-gallery figure.-prev { left: 0; }

.wp-block-gallery figure.-next { left: 100%; transform: translate(-100%, -50%); }

#rmn-gallery-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; display: none; padding: 50px 5px; background: rgba(0, 0, 0, 0.9); }

#rmn-gallery-bg.-visible { display: block; }

#rmn-gallery-bg .-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#rmn-gallery-close { display: none; position: fixed; top: 10px; right: 10px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; z-index: 6; outline: none; }

#rmn-gallery-close.-visible { display: block; }

#rmn-gallery-close::before, #rmn-gallery-close::after { content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 2px; background: #fff; transform-origin: center; transition: .3s; }

#rmn-gallery-close::before { transform: rotate(-45deg); }

#rmn-gallery-close::after { transform: rotate(45deg); }

#rmn-gallery-close:hover::before { transform: rotate(45deg); }

#rmn-gallery-close:hover::after { transform: rotate(-45deg); }

@media (max-width: 768px) { .wp-block-gallery { margin-top: 50px; margin-bottom: 50px; }
  .wp-block-gallery ul { margin: 0 !important; padding: 0 !important; max-width: none !important; }
  .wp-block-gallery ul li { list-style: none; }
  .wp-block-gallery figure.-curr { left: 50%; z-index: 5; width: 100vw; height: 90vh; transform: translate(-50%, -50%); }
  .wp-block-gallery figure.-prev, .wp-block-gallery figure.-next { width: 100px; height: 100px; }
  .wp-block-gallery figure.-prev { left: -20px; }
  .wp-block-gallery figure.-next { left: calc(100% + 20px); } }

/*------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------- Responsive ---------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1500px) and (min-width: 1023px) { #logo { padding-right: 600px; padding-left: 200px; } }

@media (max-width: 1023px) { #header-menu { display: none; }
  #sidebar { width: 100%; }
  #sidebar nav .-mobile-header-menu { display: block; } }

@media (max-width: 1400px) { #main-sections .-inner { padding: 50px; }
  #main-sections .-section { margin: 0 0 50px; width: 31%; }
  #main-sections .-text h3 { margin: 0 0 15px; font-size: 22px; } }

@media (max-width: 1200px) { #main-sections .-inner { padding: 50px; }
  #main-sections .-section { margin: 0 0 50px; width: 47%; }
  #main-sections .-text h3 { margin: 0 0 15px; font-size: 22px; } }

@media (max-width: 1024px) { body { font-size: 18px; }
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 24px; }
  #section-page { padding: 100px 0 0; }
  #section-page .-header { padding-top: 300px; height: auto; }
  #section-page .-header-text { position: relative; left: auto; padding: 70px 20px 20px; min-width: 0; height: auto; transform: none; }
  #section-page .-header-text .-header-icon { width: 100px; height: 100px; }
  #section-page .-header-text h1 { font-size: 40px; }
  #section-page .-body { padding: 20px; }
  #section-page .-row { display: flex; align-items: stretch; margin-bottom: 20px; min-height: 350px; /*&::before { content: ""; float: left; margin: ; }*/ }
  #section-page .-row .-text { padding: 20px; }
  #section-page .-row .-text h2 { margin: 0 0 20px; font-size: 36px; }
  #section-page .-row .-text .-button { display: inline-block; margin: 20px auto 0; padding: 20px 20px; width: auto; font-size: 20px; }
  #section-page .-row .-group { display: flex; flex-direction: column; }
  #section-page .-row .-group .-g1 { flex: 1 1 50%; margin-bottom: 20px; }
  #section-page .-row .-group .-g2 { flex: 1 1 50%; }
  #section-page .-row.-type-1 { padding-left: 0; }
  #section-page .-row.-type-1 .-b1 { flex: 1 1 60%; margin-right: 20px; }
  #section-page .-row.-type-1 .-b2 { flex: 1 1 40%; }
  #section-page .-row.-type-2 { padding-right: 0; }
  #section-page .-row.-type-2 .-b1 { flex: 0 1 30%; margin-right: 20px; }
  #section-page .-row.-type-2 .-b2 { flex: 1 1 70%; }
  #section-page .-row.-type-3 { padding-left: 0; min-height: 700px; }
  #section-page .-row.-type-3 .-b1 { flex: 0 1 40%; margin-right: 20px; }
  #section-page .-row.-type-3 .-b2 { flex: 1 1 60%; }
  #section-page .-row.-type-4 { padding-right: 0; }
  #section-page .-row.-type-4 .-b1 { flex: 1 1 100%; }
  #section-page .-row.-type-5 { padding-left: 0; }
  #section-page .-row.-type-5 .-b1 { flex: 0 1 60%; margin-right: 20px; }
  #section-page .-row.-type-5 .-b2 { flex: 1 1 40%; }
  #regular-page .-header-text { min-width: 0; width: 100%; } }

@media (max-width: 768px) { body { font-size: 16px; }
  h1 { font-size: 32px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  table tr th, table tr td { padding: 5px 5px; font-size: 15px; }
  #header { position: relative; background: var(--colour-primary) !important; }
  #logo a { width: 120px; height: 55px; }
  #sidebar-toggle { left: 20px; }
  #language-switcher { left: 75px; }
  #language-switcher li { font-size: 16px; }
  #sidebar { width: 100%; }
  #sidebar .-inner { padding: 100px 0 0 20px; }
  #sidebar .-close { top: 25px; left: 18px; }
  #sidebar nav ul li { padding: 0 0 0 40px; font-size: 20px; }
  #sidebar nav ul li a { margin-bottom: 15px; text-transform: none; }
  #home { height: calc(100vh - 95px); }
  #main-sections { padding: 0; }
  #main-sections .-inner { padding: 50px; justify-content: space-around; }
  #main-sections .-section { margin: 0 0 50px; width: 100%; max-width: 80%; }
  #main-sections .-text h3 { margin: 0 0 15px; font-size: 22px; }
  #section-page { padding: 0; }
  #section-page .-header { padding-top: 250px; }
  #section-page .-header-text { padding: 70px 20px 20px; min-width: 0; height: auto; transform: none; }
  #section-page .-header-text .-header-icon { width: 80px; height: 80px; }
  #section-page .-header-text h1 { font-size: 36px; }
  #section-page .-row { display: block; margin-bottom: 20px; min-height: 0; }
  #section-page .-row .-photo { margin: 0 0 20px; height: 250px; }
  #section-page .-row .-text { padding: 20px; }
  #section-page .-row .-text h2 { margin: 0 0 20px; font-size: 30px; }
  #section-page .-row .-text .-button { display: inline-block; margin: 20px auto 0; padding: 20px 20px; font-size: 20px; }
  #section-page .-row .-group { display: block; }
  #section-page .-row .-group .-g1 { margin-bottom: 20px; }
  #section-page .-row.-type-1 { padding-left: 0; }
  #section-page .-row.-type-1 .-b1 { margin-right: 0; }
  #section-page .-row.-type-2 { padding-right: 0; }
  #section-page .-row.-type-2 .-b1 { margin-right: 0; }
  #section-page .-row.-type-3 { padding-left: 0; min-height: 0; }
  #section-page .-row.-type-3 .-b1 { margin-right: 0; }
  #section-page .-row.-type-4 { padding-right: 0; }
  #section-page .-row.-type-5 { padding-left: 0; }
  #section-page .-row.-type-5 .-b1 { margin-right: 20px; }
  #section-page .-row-submenu { margin: 0 0 20px; }
  #section-page .-row-submenu.-visible { max-height: 5000px; }
  #section-page .-row-submenu .-close { top: 5px; right: 10px; width: 25px; height: 25px; }
  #section-page .-row-submenu .-close::before, #section-page .-row-submenu .-close::after { width: 25px; }
  #section-page .-row-submenu .--inner { padding: 35px 5px 10px; }
  #section-page .-row-submenu .--inner .-subitem { flex: 0 1 47%; margin: 0 3px 20px; width: 47%; height: 15vh; }
  #section-page .-row-submenu .--inner .-subitem .-image { overflow: hidden; height: 65%; }
  #section-page .-row-submenu .--inner .-subitem .-title { height: 35%; font-size: 16px; line-height: 1.1; }
  #main.-vtour { padding: 0; } }

@media (max-width: 600px) { #logo { text-align: right; }
  #logo a { display: inline-block; }
  #main-sections .-inner { padding: 20px; }
  #main-sections .-section { margin: 0 0 20px; width: 100%; max-width: 95%; }
  #main-sections .-text h3 { margin: 0 0 15px; font-size: 22px; } }

.page-id-303 h3 { position: relative; cursor: pointer; padding: 10px 0; border-bottom: 1px solid var(--colour-primary); }

.page-id-303 h3::after { content: ""; position: absolute; top: 50%; right: 0; width: 28px; height: 28px; background-image: linear-gradient(var(--colour-primary), var(--colour-primary)), linear-gradient(var(--colour-primary), var(--colour-primary)); background-size: 3px 23px, 23px 3px; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); transition: background-size .3s; }

.page-id-303 h3.-active::after { background-size: 3px 3px, 23px 3px; }

.page-id-303 .wp-block-group { max-height: 0; overflow: hidden; transition: .4s max-height; overflow-x: auto; }

.page-id-303 .wp-block-group table { width: 100%; height: auto; }

.page-id-303 .wp-block-group table tr { height: auto; }

.page-id-303 .wp-block-group table tr th:nth-child(1) { width: 55%; }

.page-id-303 .wp-block-group table tr th:nth-child(2) { width: 15%; text-align: center; }

.page-id-303 .wp-block-group table tr th:nth-child(3) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr th:nth-child(3) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr th:nth-child(4) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr th[colspan] { width: 30%; text-align: center; }

.page-id-303 .wp-block-group table tr td:nth-child(1) { width: 55%; }

.page-id-303 .wp-block-group table tr td:nth-child(2) { width: 15%; text-align: center; }

.page-id-303 .wp-block-group table tr td:nth-child(3) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr td:nth-child(3) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr td:nth-child(4) { width: 10%; text-align: center; }

.page-id-303 .wp-block-group table tr td[colspan] { width: 30%; text-align: center; }

.page-id-303 h3.-active + .wp-block-group { max-height: 300vh; }

@media (max-width: 768px) { .page-id-303 table tr th, .page-id-303 table tr td { padding: 5px 5px; font-size: 15px; } }

.page-id-272 ul li, .page-id-276 ul li, .page-id-274 ul li { position: relative; margin-bottom: 5px; padding-left: 50px; list-style: none !important; }

.page-id-272 ul li::first-letter, .page-id-276 ul li::first-letter, .page-id-274 ul li::first-letter { text-transform: uppercase; }

.page-id-272 ul li > img, .page-id-276 ul li > img, .page-id-274 ul li > img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

/* This is a compiled css. Please don't edit it directly */