.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#D4A738;--e-global-color-2d20e16:#FFD865;--e-global-color-785241b:#F1F1F1;--e-global-color-9da0f54:#B1B1B1;--e-global-typography-primary-font-family:"dharma-gothic-e";--e-global-typography-secondary-font-family:"futura-pt";--e-global-typography-text-font-family:"futura-pt";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:300ms;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:992px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}/* Start custom CSS *//* -------------------------------- 

Global CSS

-------------------------------- */
/* -------------------------------- 

General

-------------------------------- */
body{
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}

.blur{
background:rgba(16,24,32,.9);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}

*:focus {
outline: none;
}

input::placeholder, textarea::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
}

.aspect_three_four{
aspect-ratio: 3 / 4;
}
.aspect_one_one{
aspect-ratio: 1;
}

.shadow_01{
box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.e-form__buttons{
padding-top:40px;
}
.form_headline .h4{
margin-bottom:-10px;
}

.pointer_none{
pointer-events:none;
}
/* -------------------------------- 
Navigation - Mega Menu
-------------------------------- */	

/* -------------------------------- 
Navigation - Mobile
-------------------------------- */	

/* -------------------------------- 

BREAKPOINTS

-------------------------------- */
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1112px) {

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

}
@media screen and (max-width: 992px) {

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

}
@media screen and (max-width: 576px) {

}
@media screen and (max-width: 340px) {

}
/* -------------------------------- 

MOBILE NAVIGATION

-------------------------------- */
/* 
#nav_desktop{
display:block;
}
#nav_mobile{
display:none;
}
@media (max-width: 1330px) {
#nav_desktop{
display:none;
}
#nav_mobile{
display:block;
}
}
*/
/* -------------------------------- 

HELPER CLASSES

-------------------------------- */
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}
.mt40{
margin-top:40px;
}
.mt60{
margin-top:60px;
}
.mt90{
margin-top:90px;
}

.mt-10{
margin-top:-10px;
}
.mt-15{
margin-top:-15px;
}

.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}

/* -------------------------------- 

Responsive Typography

-------------------------------- */
.display_xl { 
font-size: 36px !important; 
cursor: default;
}
@media (min-width: 375px) { 
.display_xl {
font-size: calc(36px + (90 - 36) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_xl {
font-size: 90px !important;
}
}

.display_l { 
font-size: 36px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_l {
font-size: calc(36px + (70 - 36) * ((100vw - 375px) / (1440 - 375))) !important; 
}
}
@media (min-width: 1440px) { 
.display_l {
font-size: 70px !important; 
}
}

.display_m { 
font-size: 36px !important;
cursor: default;
}
@media (min-width: 375px) { 
.display_m {
font-size: calc(36px + (56 - 36) * ((100vw - 375px) / (1440 - 375))) !important;
}
}
@media (min-width: 1440px) { 
.display_m {
font-size: 56px !important; 
}
}


h1, .h1 { 
font-size: 28px; 
cursor: default;
}
@media (min-width: 375px) { 
h1, .h1 {
font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h1, .h1 {
font-size: 40px; 
}
}

h2, .h2 { 
font-size: 26px; 
cursor: default;
}
@media (min-width: 375px) { 
h2, .h2 {
font-size: calc(26px + (32 - 26) * ((100vw - 375px) / (1440 - 375))); 
}
}
@media (min-width: 1440px) { 
h2, .h2 {
font-size: 32px; 
}
}


h3, .h3 { 
font-size: 24px; 
cursor: default;
}
@media (min-width: 375px) { 
h3, .h3 {
font-size: calc(24px + (28 - 24) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h3, .h3 {
font-size: 28px; 
}
}

h4, .h4 { 
font-size: 20px; 
cursor: default;
}
@media (min-width: 375px) { 
h4, .h4 {
font-size: calc(20px + (24 - 20) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h4, .h4 {
font-size: 24px; 
}
}

h5, .h5{ 
font-size: 16px; 
cursor: default;
}
@media (min-width: 375px) { 
h5, .h5 {
font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1440 - 375)));    
}
}
@media (min-width: 1440px) { 
h5, .h5 {
font-size: 20px; 
}
}

h6{ 
font-size: 15px; 
cursor: default;
letter-spacing: 3px;
font-weight:900;
text-transform: uppercase;
}

.display_xl, .display_l, .display_m{ 
line-height: 1 !important;
}
h1{ 
line-height: 1.2 !important;
}
h2{ 
line-height: 1.2 !important;
}
h3{ 
line-height: 1.2 !important;
}
h4{ 
line-height: 1.2 !important;
}
h5{ 
line-height: 1.3 !important;
}
h6{ 
line-height: 1.2 !important;
}
@media (max-width: 767px) {
.display_xl, .display_l, .display_m{ 
line-height: 1 !important;
}
}

p, .p{ 
font-size: 18px !important;
cursor: default;
line-height:1.5;
font-family: "futura-pt", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@media (min-width: 375px) { 
p, .p {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
p, .p {
font-size: 20px !important; 
}
}
ul{
font-size:18px !important;
line-height:1.5;
cursor:default;
font-family: "futura-pt", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
@media (min-width: 375px) { 
ul {
font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1140 - 375)));    
}
}
@media (min-width: 1140px) { 
ul {
font-size: 20px !important; 
}
}

.p16{ 
font-size: 16px !important;
cursor: default;
line-height:1.5;
font-family: "futura-pt", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
}
.p15{ 
font-size: 15px !important;
cursor: default;
line-height:1.3;
font-family: "futura-pt", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
}
.p14{ 
font-size: 14px !important;
cursor: default;
line-height:1.3;
font-family: "futura-pt", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
}



.fw8{
font-weight:800;
}
.fw7{
font-weight:700;
}
.fw6{
font-weight:600;
}
.fw5{
font-weight:500;
}
.fw4{
font-weight:400;
}
.fw3{
font-weight:300;
}

.italic{
font-style: italic;
}

.uppercase{
text-transform: uppercase;
}

.dharma{
font-family: "dharma-gothic-e", sans-serif;
}
.futura{
font-family: "futura-pt", sans-serif;
}


/* -------------------------------- 

Hyperlinks

-------------------------------- */
a:link{
cursor:pointer !important;
}

/* -------------------------------- 

Color
color:var(--red);
-------------------------------- */
:root {
--black: #000000;
--white: #ffffff;
--yellow_dark: #D4A738;
--yellow: #FFD865;
--lightgrey: #f1f1f1;
--midgrey #b1b1b1;
}
.black{
color:  #000000;
}
.white{
color: #ffffff;
}
.yellowdark{
color: #D4A738;
}
.yellow{
 color: #FFD865;
}
.lightgrey{
 color:  #f1f1f1;
}
.midgrey{
 color: #b1b1b1;
}



/* -------------------------------- 

Homepage

-------------------------------- *//* End custom CSS */