@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway&display=swap');

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/**
 * Minified by jsDelivr using clean-css v4.2.3.
 * Original file: /gh/manucaralmo/GlowCookies@3.1.3/src/glowCookies.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.glowCookies__border{border:1px solid #e6e6e6!important}.glowCookies__left{left:15px}.glowCookies__right{right:15px}.glowCookies__show{opacity:1!important;visibility:visible!important;transform:scale(1)!important}.glowCookies__banner{opacity:0;visibility:hidden;transform:scale(.9);font-family:inherit;position:fixed;width:auto;max-width:375px;z-index:999;-webkit-box-shadow:0 .625em 1.875em rgba(2,2,3,.2);-moz-box-shadow:0 .625em 1.875em rgba(2,2,3,.2);box-shadow:0 .625em 1.875em rgba(2,2,3,.2);transition:transform .2s ease,opacity .2s ease!important}.glowCookies__banner .accept__btn__styles{border:none;padding:13px 15px;font-size:15px;font-family:inherit;width:49%;cursor:pointer;font-weight:bolder;transition:filter .15s;user-select:none}.glowCookies__banner .settings__btn__styles{border:none;padding:13px 15px;font-family:inherit;font-size:15px;width:49%;cursor:pointer;font-weight:bolder;transition:filter .15s;user-select:none}.glowCookies__banner .btn__section button:focus{outline:0;transform:scale(.95);-webkit-filter:contrast(75%);filter:contrast(75%)}.glowCookies__banner .btn__section button:hover{-webkit-filter:contrast(85%);filter:contrast(85%)}@media (max-width:455px){.btn__section .btn__accept{width:100%;margin-bottom:7px}.btn__section .btn__settings{width:100%}}.glowCookies__banner__1{bottom:15px;border-radius:20px;padding:20px 25px}.glowCookies__banner__1>h3{font-size:24px;margin:0;padding:8px 0}.glowCookies__banner__1>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__1 .read__more{font-weight:bolder}.glowCookies__banner__1 .read__more:hover{color:#666}.glowCookies__banner__1 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:20px}.glowCookies__banner__1 .btn__section button{border-radius:10px}@media (max-width:455px){.glowCookies__banner__1{bottom:0;left:0;right:0;margin:7px}.glowCookies__banner__1 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.glowCookies__banner__2{bottom:15px;border-radius:5px;padding:25px 35px}.glowCookies__banner__2>h3{font-size:24px;margin:0;padding:8px 0}.glowCookies__banner__2>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__2 .read__more{font-weight:bolder}.glowCookies__banner__2 .read__more:hover{opacity:.8}.glowCookies__banner__2 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:20px}.glowCookies__banner__2 .btn__section button{border-radius:5px}@media (max-width:455px){.glowCookies__banner__2{bottom:0;left:0;right:0;border-radius:0;border:0;max-width:550px}.glowCookies__banner__2 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.glowCookies__banner__3{bottom:15px;border-radius:0;padding:25px 35px}.glowCookies__banner__3>h3{font-size:30px;margin:0;padding:8px 0}.glowCookies__banner__3>p{font-size:15px;margin:0;padding:0;line-height:1.3}.glowCookies__banner__3 .read__more{font-weight:bolder}.glowCookies__banner__3 .read__more:hover{opacity:.8}.glowCookies__banner__3 .btn__section{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:25px}.glowCookies__banner__3 .btn__section button{border-radius:0}@media (max-width:455px){.glowCookies__banner__3{bottom:0;left:0;right:0;border-radius:0;border:0;max-width:550px}.glowCookies__banner__3 .btn__section{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px}}.prebanner{position:fixed;bottom:15px;z-index:999;min-height:50px;min-width:125px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:bolder;line-height:normal;border:none;padding:12px 18px;text-decoration:none;user-select:none;-webkit-box-shadow:0 .625em 1.875em rgba(2,2,3,.1);-moz-box-shadow:0 .625em 1.875em rgba(2,2,3,.1);box-shadow:0 .625em 1.875em rgba(2,2,3,.1)}.prebanner__border__1{border-radius:15px}.prebanner__border__2{border-radius:10px}.prebanner__border__3{border-radius:2px}.animation{transition:.2s}.animation:hover{transform:scale(.97)}.prebanner:hover{text-decoration:none}
/*# sourceMappingURL=/sm/ea651ed23bdb88313ab670cc5a1a1e6ff60daa3ad1e9cc2e9e8c8ec6057d6c34.map */

.container {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
}

.white {
    background-color:#fff;
}

.tall {
    min-height:65vh;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.row.center {
    align-items: center;
}

.column {
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 1;
    margin: 0px;
    padding: 30px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.col-1 {
    max-width: calc(100% / 12);
}

.col-2 {
    max-width: calc(100% / 12 * 2);
}

.col-3 {
    max-width: calc(100% / 12 * 3);
}

.col-4 {
    max-width: calc(100% / 12 * 4);
}

.col-5 {
    max-width: calc(100% / 12 * 5);
}

.col-6 {
    max-width: calc(100% / 2);
}

@media screen and (max-width: 768px) {
    .row {
        display: block;
    }
    
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        max-width:100%;
    }
}

:root {
    --text-color: #363636;
    --inverted-color: #f2f2f2;
    --accent: #12284C;
    --color2: #60AF53;
    --color3: #ccc;
    --color4: #5C8DE4;
}

html {
    font-family: 'Raleway', sans-serif;
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

body {  
    font-weight:400;
    font-size: 16px;
    line-height: 1.75;
    background: url('../img/bg.webp') no-repeat fixed center center var(--accent);
    background-size: cover;
}

.inversed {
    color: var(--inverted-color);
}

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    filter:brightness(1.2);
}

.inverted a {
    color: var(--color2);
}

a.button {
    color: #fff;
    background-color: var(--accent);
    padding: 12px 16px;
    margin: 5px;
    border-radius: 3px;
    transition: all .3s;
    display: inline-block;
    font-weight: 800;
}

a.button:hover {
    background-color: var(--color2);
}

a.button_lite {
    border: 2px solid var(--accent);
    padding: 10px 18px;
    margin: 5px;
    border-radius: 3px;
    transition: all .3s;
    display: inline-block;
    font-weight: 800;
}

.inverted a.button_lite {
    border: 2px solid var(--accent);
    color: var(--inverted-color);
}

a.button_lite:hover {
    border-color: var(--color2);
}

img.icon {
    width: auto;
    height: 96px;
}

.inverted img.icon {
    filter: invert(1);
}

img.img20 {
    width: 20%;
    height: auto;
    margin: 0 auto;
}

img.img40 {
    width: 40%;
    height: auto;
    margin: 0 auto;
}

img.img60 {
    width: 60%;
    height: auto;
    margin: 0 auto;
}

img.img80 {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

img.img100 {
    width: 100%;
    height: auto;
}

h1, h2, h3 { font-family: 'Cinzel', serif; }

h1 {
    color: var(--color4);
    font-size: 3.5em;
    font-weight: 800;
    line-height: 1;
    margin: 20px 0 8px 0;
    letter-spacing: -2px;
}

h2 {
    color: var(--text-color);
    font-size: 2em;
    font-weight: 800;
    margin: 18px 0 8px 0;
    line-height: 1.2;
    letter-spacing: -1px;
}

h3 {
    color: var(--text-color);
    font-size: 1.8em;
    font-weight: 800;
    line-height: 1.3;
    position: relative;
    margin: 16px 0 8px 0;
}

h4 {
    color: var(--text-color);
    font-size: 1.5em;
    font-weight: 800;
    line-height: 1.2;
    margin: 12px 0 6px 0;
}

h5 {
    color: var(--text-color);
    font-size: 1.25em;
    font-weight: 800;
    line-height: 1.5;
    margin: 12px 0 6px 0;
    text-transform: uppercase;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
    color: var(--color4);
}

.inverted h1 { color: var(--color4); }
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted p {
    color: var(--color3);
}

// helpers
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-center {
    text-align: center;
}

.dark-bg {
    background-color: var(--text-color);
}

.negative-margin-top {
    margin-top: -80px;
}

.negative-margin-bottom {
    margin-bottom: -80px;
}

.negative-margin-left {
    margin-left: -80px;
}

.negative-margin-right {
    margin-right: -80px;
}

.border-right {
    border-right:3px solid #AF535E;
}

label {
    display: block;
    color: var(--color2);
    vertical-align: middle;
}

input {
    padding: 12px 24px;
    margin:8px;
    vertical-align: middle;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
    vertical-align: middle;
    border: 2px solid var(--color3);
    background:transparent;
    border-radius: 24px;
}

.inverted input[type=text],
.inverted input[type=email],
.inverted input[type=tel],
.inverted textarea {
    color: var(--inverted-color);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
    outline: 0;
    border-color: var(--color4);
}

input[type=submit] {
    color: var(--text-color);
    background-color: var(--color3);
    border-radius: 24px;
    border-color: transparent;
}

input[type=submit]:hover {
    filter: brightness(1.2);
}

#header {
    position:relative;
    width: 100%;
    height: 120px;
    z-index: 100;
}

#header .logo {
    position: absolute;
    left: 40px;
    top: 50%; transform: translateY(-50%);
    width: 60%;
    height: auto;
    max-width: 160px;
}

.facebook {
    position: absolute;
    right: 80px;
    top: 33px;
}

.facebook img {
    height:50px; width:auto;
}


.hamburger {
    position: absolute;
    right: 45px;
    top: 45px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
}

.hamburger:hover {
    opacity: .7;
}

.hamburger.active .top {
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: var(--color2);
}

.hamburger.active .middle {
    opacity: 0;
    background: var(--color2);
}

.hamburger.active .bottom {
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: var(--color2);
}

.hamburger span {
    background: var(--color3);
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.hamburger span:nth-of-type(2) {
    top: 10px;
}

.hamburger span:nth-of-type(3) {
    top: 20px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, width .35s;
    z-index: 50;
}

.overlay:before {
    content: '';
    background: var(--accent);
    left: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: left .35s ease;
}

.overlay:after {
    content: '';
    background: var(--accent);
    right: -55%;
    top: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    transition: all .35s ease;
}

.overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
}

.overlay.open:before {
    left: 0;
}

.overlay.open:after {
    right: 0;
}

.overlay.open li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .1s;
}

.overlay.open li:nth-of-type(2) {
    animation-delay: .2s;
}

.overlay.open li:nth-of-type(3) {
    animation-delay: .3s;
}

.overlay.open li:nth-of-type(4) {
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(5) {
    animation-delay: .5s;
}

.overlay.open li:nth-of-type(6) {
    animation-delay: .6s;
}

.overlay.open li:nth-of-type(7) {
    animation-delay: .7s;
}

.overlay.open li:nth-of-type(8) {
    animation-delay: .8s;
}

.overlay.open li:nth-of-type(9) {
    animation-delay: .9s;
}

.overlay nav {
    position: relative;
    height: 100vh;
    font-size: 40px;
    text-align: center;
    z-index: 100;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100vh;
}

.overlay ul li {
    line-height: 1.25;
    height: auto;
    margin: 15px 0;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: inline;
    position: relative;
    color: var(--color3);
    text-decoration: none;
    overflow: hidden;
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    width: 100%;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: var(--color3);
    transition: .35s;
}

.overlay ul li.active a {
    color: var(--color2);
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

#footnote {
}

#footnote p {
    color: var(--color2);
}

#footnote p strong {
    color: var(--color3);
    font-weight: normal;
}