:root { --prim-clr: #FFEE00;
--prim-hov-clr: #FFF67E;
--sec-clr: #000000;
--ter-clr: #D7D6D1;
--dark-clr: grey;
--white-clr: white; --txt-dark-clr: #000000;
--txt-medium-clr: #888888;
--txt-light-clr: #F1F1F1;
--txt-white-clr: #FFF; --ok-clr: #00FF4D;
--err-clr: #E02A27; --wrf-darker-clr: #292B2E;
--wrf-dark-clr: #41474D;
--wrf-medium-clr: #8D969F;
--wrf-light-clr: #E3E4E6;
--wrf-lighter-clr: #EEEFF0;
} .prim-clr, prim , .prim-clr p a {
color: var(--prim-clr);
}
.prim-hov-clr, prim_hov {
color: var(--prim-hov-clr);
}
.sec-clr, sec {
color: var(--sec-clr);
}
.ter-clr, ter {
color: var(--ter-clr);
}
.dark-clr, dark {
color: var(--dark-clr);
}
.white-clr, white {
color: var(--white-clr);
} .txt-dark-clr {
color: var(--txt-dark-clr);
}
.txt-medium-clr {
color: var(--txt-medium-clr);
}
.txt-light-clr {
color: var(--txt-light-clr);
}
.txt-white-clr {
color: var(--txt-white-clr);
} .ok-clr {
color: var(--ok-clr);
}
.err-clr {
color: var(--err-clr);
} .wrf-darker-clr {
color: var(--wrf-darker-clr);
}
.wrf-dark-clr {
color: var(--wrf-dark-clr);
}
.wrf-medium-clr {
color: var(--wrf-medium-clr);
}
.wrf-light-clr {
color: var(--wrf-light-clr);
}
.wrf-lighter-clr {
color: var(--wrf-lighter-clr);
} :root {
--pad-120: 120px;
--pad-96: 96px;
--pad-80: 80px;
--pad-64: 64px;
--pad-48: 48px;
--pad-32: 32px;
--pad-24: 24px;
--pad-16: 16px;
--pad-8: 8px;
--pad-4: 4px;
} *,
*::before,
*::after {
outline: none;
box-sizing: inherit;
} html {
box-sizing: border-box;
}
body {
text-rendering: optimizeLegibility !important;
padding: 0 !important;
margin: 0 !important;
background-color: #ccc;
} #secondary {
display: none;
}
div#page {
padding: 0 !important;
margin: 0 auto !important;
overflow: hidden;
background-color: #fff;
max-width: 1920px;
}
section {
padding: var(--pad-48) 0; }
.nav_container {
background-color: #ccc;
}
ul {
padding: 0;
margin: 0;
} li a.mega-menu-link {
font-family: var(--font-family-headlines) !important;
} a.btn-big, button.btn-big, input.btn-big {
font-family: var(--font-family-headlines);
font-size: 1rem;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1.4px;
color: var(--txt-dark-clr);
background-color: var(--prim-clr);
max-width: 100%;
padding-top: 22px;
padding-bottom: 22px;
padding-left: unset;
padding-right: unset;
text-align: center;
width: 100%;
margin-top:0;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
white-space: unset;
}
a.btn-big:hover, button.btn-big:hover, input.btn-big:hover {
background-color: var(--sec-clr);
}
a.btn-big.invert, button.btn-big.invert, input.btn-big.invert {
color: var(--prim-clr);
background-color: #000;
}
a.btn-big.invert:hover, button.btn-big.invert:hover, input.btn-big.invert:hover{
background-color: #fff;
color: #000;
} a.btn-small, a.frm_button_submit {
font-family: var(--font-family-headlines);
font-weight: normal;
text-transform: uppercase;
font-size: 0.75rem;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.2px;
color: var(--txt-dark-clr);
background-color: var(--prim-clr);
padding: 12px 48px 9px 48px;
margin-top: 0;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
white-space: unset;
}
a.btn-small:hover {
background-color: var(--sec-clr);
}
a.btn-small.invert {
color: var(--prim-clr);
background-color: #000;
}
a.btn-small.invert:hover {
background-color: #fff;
color: #000;
}
a.btn-text {
font-family: var(--font-family-headlines);
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.2px;
color: var(--txt-dark-clr);
background-color: transparent;
padding: 0;
margin-top: 0;
white-space: unset;
}
a.btn-text:hover {
color: #fff;
}
a.btn-text.invert {
color: #fff;
}
a.btn-text.invert:hover {
color: var(--prim-clr);
}
@media screen and (max-width:498px) {
a.btn-small, a.btn-small.invert {
padding: 16px;
}
a.btn-big, a.btn-big.invert {
padding: 16px;
}
} input[type=text], textarea, input[type=tel], input[type=email] {
border-radius: 0;
border: 1px solid #D7D6D1;
padding: 20px;
margin: 8px;
width: 100%;
max-width: 100%;
}
textarea {
width: 100%;
}