html {
    scroll-behavior: smooth;
}

html.noScroll {
	height: 100%;
	overflow: hidden;
}

body {
	font-family: Comfortaa;
    font-size: 1.5em;
    color: #000000;
	background-color: rgb(255, 251, 251);
}

h1 {
    font-family: Open Sans Condensed;
    font-weight: 900;
    font-size: 3em
}

section.frontCover {
    background-image: url("/assets/cover.webp") !important;
}

section.frontPhilosophy {
    background-image: url("/assets/philosophy.webp") !important;
}

section.frontEpikoinwnia {
    background-image: url("/assets/epikoinwnia.webp") !important;
}

section.seoCover {
    background-image: url("/assets/seoCover2-1.webp") !important;
}

section.seoTop2 {
    background-image: url("/assets/seoTop2.webp") !important;
}

section.seoContact {
    background-image: url("/assets/seoContact.webp") !important;
}

section#footerCustom {
    background-image: url("/assets/crowd.webp") !important;
}

#epikLabel {
    transform: rotateZ(5deg);
}

#ypirLabel {
    transform: rotateZ(-5deg);
}

body {
    overflow: hidden !important;
}

.background-image-page-header {
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important;
    z-index: 5;
}

.page-header {
    height: 100vh !important;
}

.container.clr.page-header-inner {
    width: 100vw;
    max-width: 100%;
    margin-bottom: 0vh;
}

.page-header-title {
    font-size: 5em !important;
    font-weight: 900 !important;
    z-index: 3 !important;
    background-color: #000;
    width: 60%;
    margin: 0 30% -3rem 2% !important;
    text-align: center;
    padding: 1rem 2rem;
    line-height: 1.2em !important;
}

h2#excerptNew {
    color: #000;
    background-color: #fff;
    position: relative;
    z-index: 2;
    width: 70%;
    padding: 5rem 1em 1em;
    margin: 0 25% 0 5%;
    text-align: center;
    box-shadow: 0 0 2rem black;
}

.background-image-page-header-overlay,
#articleSplash .elementor-background-overlay {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .65) 10%, rgba(0, 0, 0, 0) 70%, #fff 95%) !important;
}

#content-wrap {
    width: 95%;
	max-width: 768px;
}




#articleLatest .eael-grid-post-holder {
    border: none;
}

#articleLatest .eael-grid-post-holder-inner {
    position: relative;
}

#articleLatest article {
    margin-bottom: 10vh;
}

#articleLatest article:nth-child(odd) .eael-entry-wrapper {
    position: absolute;
    bottom: 5vh;
    left: 2vw;
    width: 70vw;
}

#articleLatest article:nth-child(even) .eael-entry-wrapper {
    position: absolute;
    bottom: 5vh;
    right: 2vw;
    width: 70vw;
}

#articleLatest article:nth-child(odd) header.eael-entry-header {
    position: relative;
    width: 50vw;
    margin: 0 0 -2rem 5vw;
}

#articleLatest article:nth-child(even) header.eael-entry-header {
    position: relative;
    width: 50vw;
    margin: 0 5vw -2rem auto;
}

#articleLatest h2.eael-entry-title {
    width: 100%;
    font-size: 3em;
}

#articleLatest .eael-entry-content {
    background-color: white;
    padding: 5rem 1rem 1rem 1rem;
    box-shadow: 0 0 2rem black;
}




#wpcf7-f265-p264-o1 {
    width: 50vw;
    margin: 0 auto;
}




.css_customForm {
	background-color: rgb(209, 205, 208);
	padding: 1rem;
	box-sizing: border-box;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	width: 95%;
	margin: 0 0 0 auto;
	max-width: 640px;
}

.css_customForm.css_white {
	background-color: white;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33);
}

.css_customForm.css_center {
	margin: 0 auto;
}

.elementor-80 .elementor-element.elementor-element-55604676 > .elementor-background-overlay {
	background-color: unset;
}

.css_customForm input[type="text"] {
	background-color: rgb(255, 243, 150);
	border: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	font-family: Comfortaa;
}

.css_customForm textarea {
	background-color: rgb(255, 243, 150);
	border: solid 1px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	height: 10vh;
	resize: none;
	font-family: Comfortaa;
}

.css_customForm div {
	background-color: black;
	display: flex;
	max-width: max-content;
	border-radius: 1rem;
}

.css_customForm div.success {
	background-color: rgb(31, 162, 31);
}

.css_customForm div.failure {
	background-color: rgb(234, 0, 0);
}

.css_customForm div span {
	width: 5rem;
	max-width: 5rem;
	min-width: 5rem;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.css_customForm div button {
	background-color: rgba(0, 0, 0, 0);
	text-transform: none;
	font-size: 1.75rem;
	letter-spacing: 0;
	text-align: center;
	line-height: 5rem;
	padding: 0;
	outline: none;
}

.css_customForm div button:hover, .css_customForm div button:focus {
	background-color: rgba(0, 0, 0, 0);
}




@media only screen and (max-width:1025px) {

    #wpcf7-f265-p264-o1 {
        width: unset;
        margin: 0 auto;
    }

    .displayTablet {
        display: block !important;
    }

    .container.clr.page-header-inner {
        margin-bottom: 0vh;
    }

    .page-header-title {
        width: 70% !important;
        margin: 0 auto !important;
    }

    #excerptNew {
        width: 90% !important;
        margin: -3rem auto 0 !important;
        font-size: 1.8em;
    }

    #articleLatest article h2.eael-entry-title {
        font-size: 2.5em;
    }

    #articleLatest article .eael-entry-content {
        padding: 3rem 1rem 1rem;
    }

    #articleLatest article {
        width: 100% !important;
        margin-top: 10vh;
    }

    #articleLatest article .eael-entry-wrapper {
        bottom: -3vh !important;
        width: 90vw !important;
        right: 0 !important;
        left: 0 !important;
        margin: 0 auto;
    }

    #articleLatest article header.eael-entry-header {
        width: 80vw !important;
        margin: 0 auto -2rem auto !important;
    }

}

@media only screen and (max-width:767px) {

    .css_customForm {
        margin: 2rem auto;
        max-width: unset;
        width: 90%;
    }

    .mainMobImages {
        display: block !important;
    }

    .seoMobCol100 {
        width: 100% !important;
    }

    header.page-header.background-image-page-header {
        height: 100vh !important;
    }

    .page-header-title.clr {
        font-size: 2em !important;
        width: 90% !important;
    }

    #excerptNew {
        font-size: 1em !important;
    }

    article h2 {
        font-size: 1.5em;
        width: 100%;
    }

    #articleLatest .eael-entry-content {
        display: none;
    }

    #articleLatest article h2.eael-entry-title {
        font-size: 1.8em;
    }

}




.css_indexH2 {
	color: white;
	text-align: center;
	width: 95%;
	margin: 0 auto;
	max-width: 41rem;
	font-size: 2.25rem;
}

@media only screen and ( max-width:430px ) {

    .css_indexH2 {
        font-size: 1.75rem;
    }

}




.css_blogArticles {
	margin: 0 auto;
	width: 95%;
	max-width: 1368px;
	display: flex;
	flex-direction: column;
	gap: 10rem;
	padding: 10rem 0;
}

.css_blogArticles .css_article {
	display: flex;
	gap: 10rem;
	border-radius: 3rem;
}

.css_blogArticles .css_article div {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.css_blogArticles .css_article picture {
	flex: 1;
}

.css_blogArticles .css_article picture img {
	width: 100%;
	height: auto;
	opacity: 0.75;
	border-radius: 2rem;
    transition-property: opacity;
    transition-duration: 0.15s;
}

.css_blogArticles .css_article picture img.visible {
	opacity: 1;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33);
}

.css_blogArticles .css_article:hover picture img {
	opacity: 1;
}

.css_blogArticles .css_article div h3 {
	margin-bottom: 0rem;
	font-size: 2rem;
	font-weight: 400;
	color: black;
	font-family: Roboto;
}

.css_blogArticles .css_article div p {
	font-weight: 300;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	transition-property: color;
	transition-duration: 0.15s;
	margin-bottom: 0;
}

.css_blogArticles .css_article:hover div p {
	color: black;
}

.css_blogArticles .css_article div a {
	margin-top: auto;
	margin-left: auto;
	text-decoration: underline;
	text-underline-offset: 0.5rem;
	line-height: 4rem;
	font-size: 1.5rem;
	transition-property: opacity, text-decoration-color, color, background-color;
	transition-duration: 0.15s;
	opacity: 0.66;
	text-decoration-color: rgba(0, 0, 0, 0);
	padding: 0 1rem;
	color: black;
	border-radius: 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

.css_blogArticles .css_article:hover div a {
	text-decoration-color: black;
	opacity: 1;
}

.css_blogArticles .css_article div a:hover {
	color: white;
	background-color: #111;
	text-decoration-color: white;
}

@media only screen and ( max-width:1368px ) {

    .css_blogArticles {
        gap: 2.5vw;
    }

    .css_blogArticles .css_article {
        gap: 5%;
    }

    .css_blogArticles .css_article picture img {
        border-radius: 1rem;
    }

}

@media only screen and ( max-width:768px ) {

    .css_blogArticles .css_article {
        padding: 0;
    }

}

@media only screen and ( max-width:680px ) {

    .css_blogArticles {
        gap: 10rem;
    }

    .css_blogArticles .css_article {
        flex-direction: column;
        gap: 1rem;
    }

    .css_blogArticles .css_article picture img {
        opacity: 1;
    }

    .css_blogArticles .css_article div p {
        margin-bottom: 1rem;
    }

    .css_blogArticles .css_article div a {
        background-color: #111;
        color: white;
        opacity: 1;
        text-decoration-color: white;
        padding: 0.5rem 2rem;
    }

}




footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10rem;
	min-height: 100vh;
}

footer .contentrow {
	display: flex;
	width: 95%;
	margin: 0 auto;
	max-width: 1368px;
	gap: 2.5vw;
}

footer .contentrow .column {
	flex: 2;
	display: flex;
	flex-direction: column;
}

footer .contentrow .column:first-child {
	flex: 3;
}

footer .contentrow .column h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	color: rgb(45, 42, 42);
	letter-spacing: -1px;
	word-spacing: 3px;
	font-weight: 900;
	margin-bottom: 0;
	line-height: 1;
}

footer .contentrow .column h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(123, 115, 115);
	max-width: 311px;
	line-height: 1;
	word-spacing: 3px;
	font-weight: 900;
}

footer .contentrow .column p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 1rem;
	margin-top: 3rem;
}

footer .contentrow .column a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: rgb(6, 4, 4);
	line-height: 1.5;
	margin-bottom: 1rem;
	text-decoration: underline;
	text-decoration-color: white;
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
	text-underline-offset: 0.5rem;
}

footer .contentrow .column a:hover {
	text-decoration-color: rgb(6, 4, 4);
}

footer .contentrow .column a.link {
	font-weight: 300;
}

footer .contentrow .column .social {
	display: flex;
	gap: 2rem;
	width: 100%;
	margin-top: 1rem;
}

footer .contentrow .column .social a {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	transition-property: background-color;
	transition-duration: 0.15s;
	border: solid 1px rgb(6, 4, 4);
}

footer .contentrow .column .social a:hover {
	background-color: rgb(6, 4, 4);
}

footer .contentrow .column .social a svg {
	width: 2rem;
	fill: rgb(6, 4, 4);
	transition-property: fill;
	transition-duration: 0.15s;
}

footer .contentrow .column .social a:hover svg {
	fill: white;
}

footer .legal {
	display: flex;
	gap: 3rem;
	width: 95%;
	max-width: 1368px;
	margin: 0 auto;
}

footer .legal p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-weight: 900;
	text-transform: uppercase;
	word-spacing: 3px;
	color: rgb(45, 42, 42);
	margin: 0;
}

footer .legal span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
	font-size: 2rem;
}

footer .legal a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-weight: 900;
	text-transform: uppercase;
	color: rgb(123, 115, 115);
	transition-property: color;
	transition-duration: 0.15s;
}

footer .legal a:hover {
	color: rgb(45, 42, 42);
}

@media only screen and ( max-width:768px ) {

    footer {
        gap: 2.5vw;
    }

}

@media only screen and ( max-width:680px ) {

    footer {
        margin-top: 10vh;
    }

    footer .contentrow {
        flex-direction: column;
        gap: 5rem;
        max-width: 375px;
    }

    footer .legal {
        max-width: 375px;
        flex-direction: column;
        gap: 0rem;
        align-items: flex-end;
        margin-bottom: 10vh;
    }

    footer .legal span {
        display: none;
    }

}




.css_terms {
	width: 95%;
	max-width: 768px;
	margin: 20rem auto 10rem;
}

.css_terms h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 5rem;
	text-transform: uppercase;
	color: rgb(45, 42, 42);
	letter-spacing: -1px;
	word-spacing: 5px;
	font-weight: 900;
	margin-bottom: 0;
	line-height: 1;
}

.css_terms h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(123, 115, 115);
	line-height: 1;
	word-spacing: 3px;
	margin-bottom: 7.5rem;
	font-weight: 900;
}

.css_terms h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: white;
	letter-spacing: -1px;
	word-spacing: 2px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 2rem;
	background-color: rgb(6, 4, 4);
	max-width: max-content;
	padding: 1rem;
	margin-top: 6rem;
}

.css_terms h4 {
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(6, 4, 4);
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.33;
}

.css_terms p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 2rem;
	text-align: justify;
}

.css_terms ol,
.css_terms ul {
	margin-left: 3rem;
}

.css_terms ol li,
.css_terms ul li {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 1rem;
	text-align: justify;
}




nav {
	display: flex;
	justify-content: center;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: rgb(255, 251, 251);
	height: 10rem;
	margin: 0;
	padding: 0;
	transition-property: border-bottom-color, background-color, height;
	transition-duration: 0.15s;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgba(0, 0, 0, 0);
	z-index: 6;
}

nav.transparent {
	background-color: rgba(255, 255, 255, 0);
}

nav:hover {
	border-bottom-color: rgba(0, 0, 0, 0.5);
}

nav.transparent:hover {
	background-color: white;
}

nav.scrolled {
	height: 4rem;
	background-color: rgb(6, 4, 4);
}

nav .content {
	display: flex;
	justify-content: space-between;
	width: 95%;
	max-width: 768px;
	align-items: center;
}

nav .content .mobile {
	display: none;
}

nav .content a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 3rem;
	color: rgb(45, 42, 42);
	text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-color: rgba(255, 255, 255, 0);
	transition-property: text-decoration-color, color, letter-spacing, font-size;
	transition-duration: 0.15s;
	letter-spacing: -1px;
}

nav .content a:hover {
	color: rgb(45, 42, 42);
	text-decoration-color: rgb(45, 42, 42);
}

nav.scrolled .content a {
	color: rgb(255, 248, 248);
	font-size: 2rem;
	letter-spacing: 0;
}

nav.scrolled .content a:hover {
	text-decoration-color: white;
}

nav .content .links {
	display: flex;
	gap: 0;
	max-width: max-content;
	align-items: center;
}

nav .content .links .expandable {
	position: relative;
}

nav .content .links .expandable span {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	font-weight: 600;
	color: rgb(6, 4, 4);
	text-align: right;
	display: flex;
	line-height: 3rem;
	padding-right: 2rem;
	height: 10rem;
	align-items: center;
	transition-property: color;
	transition-duration: 0.15s;
}

nav.scrolled .content .links .expandable span {
	color: rgb(219, 214, 214);
	height: 4rem;
}

nav .content .links .expandable .payload {
	position: absolute;
	opacity: 0;
	z-index: -1;
	width: 28rem;
	display: flex;
	flex-direction: column;
	right: 0;
	height: 0;
	overflow: hidden;
	top: calc(10rem + -1px);
	background-color: rgb(255, 251, 251);
	border: solid 1px black;
	border-top: medium none;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 0;
	padding-bottom: 0;
	transition-property: padding-top, padding-bottom, opacity, height;
	transition-duration: 0.15s;
	gap: 1rem;
	align-items: flex-end;
}

nav .content .links .expandable:hover .payload {
	opacity: 1;
	z-index: 1;
	height: 25rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

nav.scrolled .content .links .expandable .payload {
	top: calc(4rem - 1px);
	background-color: rgb(6, 4, 4);
}

nav .content .links .expandable .payload a {
	text-align: right;
}

nav .content .links .expandable .payload hr {
	border-bottom: medium none;
	width: 66%;
	border-top-width: 8px;
	display: block;
	border-top-color: rgb(6, 4, 4);
	border-top-style: solid;
}

nav.scrolled .content .links .expandable .payload hr {
	border-top-color: rgba(255, 255, 255, 0.5);
}

nav .content .links a {
	/* color: rgb(123, 115, 115); */
	text-transform: none;
	font-weight: 600;
	font-size: 2rem;
	letter-spacing: 0;
	color: rgb(6, 4, 4);
}

nav .content .links a:hover {
	transition-property: color;
	transition-duration: 0.15s;
}

nav.scrolled .content .links a {
	color: rgb(219, 214, 214);
}

nav.scrolled .content .links a:hover {
	color: rgb(255, 248, 248);
}

@media only screen and ( max-width:768px ) {

	nav {
		height: 6rem;
	}

	nav .content .links {
		display: none;
	}

	nav .content .mobile {
		display: flex;
		width: 3rem;
		height: 3rem;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	nav .content .mobile svg {
		fill: black;
		transition-property: fill;
		transition-duration: 0.15s;
	}

	nav.scrolled .content .mobile svg {
		fill: white;
	}

}




mobile-nav {
	background-color: rgb(6, 4, 4);
	position: fixed;
	width: 100%;
	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;
	top: 0;
	z-index: 7;
	overflow: hidden;
	padding: 6rem 0;
	display: none;
}

mobile-nav.active {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

mobile-nav .content {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

mobile-nav .content h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	color: rgb(255, 248, 248);
	letter-spacing: -1px;
	word-spacing: 3px;
	font-weight: 900;
	margin-bottom: 0;
	line-height: 1;
	text-align: center;
}

mobile-nav .content h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(157, 151, 151);
	max-width: 311px;
	line-height: 1;
	word-spacing: 3px;
	font-weight: 900;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 2rem;
}

mobile-nav .content .column {
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3rem;
}

mobile-nav .content .column .link {
	color: rgb(255, 248, 248);
	line-height: 1.5;
	text-decoration-color: rgb(255, 255, 255);
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
	text-underline-offset: 0.5rem;
	font-size: 2rem;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	height: 3rem;
	display: flex;
	align-items: center;
}

mobile-nav .content p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(255, 248, 248);
	margin-bottom: 1rem;
	margin-top: 3rem;
	text-align: center;
}

mobile-nav .content a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: rgb(255, 248, 248);
	line-height: 1.5;
	margin-bottom: 1rem;
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
	text-underline-offset: 0.5rem;
	text-align: center;
	font-size: 1.5rem;
}

mobile-nav .content .social {
	display: flex;
	gap: 1rem;
	width: 100%;
	margin: 1rem auto;
	max-width: max-content;
}

mobile-nav .content .social a {
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	transition-duration: 0.15s;
}

mobile-nav .content .social a svg {
	width: 2rem;
	fill: rgb(255, 248, 248);
	transition-property: fill;
	transition-duration: 0.15s;
}

mobile-nav .close {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

mobile-nav .close svg {
	fill: white;
	width: 50%;
}




article {
	width: 95%;
	max-width: 768px;
	margin: 10rem auto;
}

article h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	letter-spacing: -1px;
	word-spacing: 2px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 2rem;
	background-color: rgb(6, 4, 4);
	max-width: max-content;
	padding: 1rem;
	margin-top: 6rem;
}

article p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.75;
	font-weight: 400;
	color: rgb(6, 4, 4);
	margin-bottom: 3rem;
	font-size: 1.66rem;
}

article p a {
	color: rgb(0, 77, 198);
	text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-style: dashed;
	font-weight: 600;
	transition-property: color, background-color !important;
	transition-duration: 0.15s !important;
}

article p a:hover {
	color: white;
	text-decoration: none;
	background-color: blue;
}

article ul {
	margin: 0 0 3rem 3rem;
}

article ul li {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.75;
	font-weight: 400;
	color: rgb(6, 4, 4);
	font-size: 1.66rem;
}

article figure {
	margin-bottom: 3rem;
}

article figure img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

article figure figcaption {
	line-height: 1.75;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 3rem;
	font-size: 1.5rem;
	text-align: right;
	font-family: 'Roboto', sans-serif;
}




header {
	width: 100%;
	height: calc(100vh - 10rem);
	margin-top: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

header .content {
	width: 95%;
	max-width: 1368px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2.5vw;
}

header .content .separator {
	height: calc(50vh - 10rem);
	border-right: solid 8px rgb(45, 42, 42);
}

header .content .left {
	flex: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

header .content .left h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 5rem;
	text-transform: uppercase;
	color: rgb(45, 42, 42);
	letter-spacing: -1px;
	word-spacing: 5px;
	font-weight: 900;
	margin-bottom: 0;
	line-height: 1;
	text-align: right;
}

header .content .left h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(123, 115, 115);
	line-height: 1;
	word-spacing: 3px;
	margin-bottom: 1rem;
	font-weight: 900;
	max-width: 50%;
	text-align: right;
}

header.css_blog .content .left h2 {
	max-width: 100%;
}

header .content .left p, header .content .left h2 {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: right;
	max-width: 66% !important;
	text-transform: none;
	font-size: 1.5rem;
	word-spacing: normal;
}

header .content .left a {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	font-weight: 900;
	line-height: 1;
	background-color: rgb(6, 4, 4);
	max-width: max-content;
	padding: 1rem;
	margin-top: 4rem;
	text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-color: rgba(255, 255, 255, 0);
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
}

header .content .left a:hover {
	text-decoration-color: white;
}

header .content .right {
	flex: 3;
}

header .content .right img {
	width: calc(50vh - 10rem);
	object-fit: cover;
	border-radius: 500px;
	border: solid 8px rgb(45, 42, 42);
	max-width: calc(95% + 16px);
	aspect-ratio: 1/1;
}

header .content .right svg {
	width: 50%;
}

@media only screen and ( max-width:1024px ) {

	header .content .separator {
		height: calc(75vh - 10rem);
	}

	header .content .left h2 {
		max-width: 66%;
	}

	header.css_blog .content .left h2 {
		max-width: 100%;
	}

	header .content .left p, header .content .left h2 {
		max-width: 80%;
	}

	header .content .right svg {
		width: 66%;
	}

}

@media only screen and ( max-width:768px ) {

	header {
		height: calc(100vh - 6rem);
		margin-top: 6rem;
	}

	header .content .left h2 {
		max-width: 80%;
	}

	header.css_blog .content .left h2 {
		max-width: 100%;
	}

	header .content .left p, header .content .left h2 {
		max-width: 100%;
	}

	header .content .right svg {
		width: 80%;
	}

}

@media only screen and ( max-width:620px ) {

	header .content {
		flex-direction: column-reverse;
		gap: 2.5vh;
	}

	header .content .left {
		align-items: center;
	}

	header .content .left h1 {
		text-align: center;
		font-size: 3rem;
		max-width: 40rem;
	}

	header .content .left h2 {
		text-align: center;
	}

	header .content .left p, header .content .left h2 {
		text-align: center;
		max-width: 420px;
		margin-bottom: 0;
	}

	header .content .left a {
		margin-top: 3rem;
	}

	header .content .separator {
		height: 0;
		border-right: medium none;
		border-bottom: solid 8px rgb(45, 42, 42);
		width: 50%;
	}

	header .content .right svg {
		width: unset;
		height: 20vh;
	}

}

@media only screen and ( max-width:420px ) {

	header .content .separator {
		width: 75%;
	}

}




header.css_headerSeo {
	height: 100vh;
	margin-top: 0;
}




cookie-consent.css_cookieConsent {
	border-radius: 0;
	border: solid 1px rgb(6, 4, 4);
	box-shadow: unset;
	width: 41.5rem;
	background-color: rgb(6, 4, 4);
	box-shadow: 0 0 1rem black;
}

cookie-consent.css_cookieConsent .text {
	margin-bottom: 0;
	background-color: rgb(255, 251, 251);
}

cookie-consent.css_cookieConsent .text span {
	font-size: 1.66rem;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
}

cookie-consent.css_cookieConsent .text a {
	font-size: 1.66rem;
	margin-top: 1rem;
	color: rgb(0, 77, 198);
	text-decoration: underline;
	text-decoration-style: dashed;
	font-weight: 400;
	max-width: max-content;
	margin-right: auto;
	text-underline-offset: 0.55rem;
	padding: 1rem;
	margin-left: -1rem;
	font-family: 'Open Sans', sans-serif;
}

cookie-consent.css_cookieConsent .text a:hover {
	background-color: rgb(0, 77, 198);
	color: white;
	text-decoration-color: rgb(0, 77, 198);
}

cookie-consent.css_cookieConsent .compliance a:first-child {
	font-size: 1.66rem;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgb(151, 151, 151);
}

cookie-consent.css_cookieConsent .compliance a:last-child {
	font-size: 1.75rem;
	line-height: 5rem;
	font-weight: 900;
	background-color: rgb(6, 4, 4);
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.5px;
	text-decoration: underline;
	text-underline-offset: 0.5rem;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(255, 255, 255, 0);
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
}

cookie-consent.css_cookieConsent .compliance a:last-child:hover {
	background-color: rgb(6, 4, 4);
	text-decoration-color: white;
}




.elementor-button span {
	align-items: center;
}

.elementor-button span .elementor-button-icon {
	display: flex;
	margin-left: 1rem;
}




.css_section {
	display: flex;
	gap: 5vh;
	width: 95%;
	margin: 0 auto;
	max-width: 1368px;
	align-items: center;
}

.css_section.css_fullHeight {
	min-height: 100vh;
}




.css_column {
	flex: 1;
}

.css_column p {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	color: rgb(6, 4, 4);
	margin-bottom: 1rem;
	margin-top: 3rem;
	max-width: 40rem;
}

.css_column hr {
	max-width: 15rem;
	border-top-width: 8px;
	border-top-color: rgb(6, 4, 4);
}

.css_column p.css_flashy {
	max-width: 26rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	color: rgb(123, 115, 115);
	line-height: 1;
	word-spacing: 3px;
	font-weight: 900;
}




.css_customForm2 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	align-items: flex-end;
	max-width: 50rem;
	margin-left: auto;
}

.css_customForm2 input {
	border-radius: 0 !important;
	border: solid 1px rgba(6, 4, 4, 0.33) !important;
	background-color: rgb(255, 235, 197) !important;
	font-weight: 900;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem !important;
}

.css_customForm2 textarea {
	border-radius: 0 !important;
	border: solid 1px rgba(6, 4, 4, 0.33) !important;
	background-color: rgb(255, 235, 197) !important;
	font-weight: 900;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem !important;
}

.css_customForm2 button {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	font-weight: 900;
	line-height: 1;
	background-color: rgb(6, 4, 4);
	max-width: max-content;
	padding: 2rem;
	text-decoration: underline;
	text-decoration-color: currentcolor;
	text-underline-offset: 0.5rem;
	text-decoration-color: rgba(255, 255, 255, 0);
	transition-property: text-decoration-color;
	transition-duration: 0.15s;
	letter-spacing: 0;
}

.css_customForm2 button:hover {
	background-color: rgb(6, 4, 4);
	text-decoration-color: white;
}