@font-face {font-family: NeueWorld; src: url("../fonts/CondensedRegular.otf") format("opentype");}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
body {color: #000;background: #fff;font-size: 18px;line-height:26px;font-family: "Inter", sans-serif;font-weight: 300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: auto;margin:0px;}
a {text-decoration: none; color:#ffd600;}
.container {background: #ffd600;max-width:1920px;margin:auto;text-align: center;}
h1, h2, h3 {font-family: NeueWorld;font-weight: normal;font-stretch: condensed;}
h1 {font-size: 140px;line-height: 0.82;margin:32px;}
h2 {font-size: 46px;line-height: 0.83;letter-spacing: -0.9px;}
h3 {font-size: 32px;line-height: 1.11;letter-spacing: -0.7px;margin:0px;}
h4 {color:#2c2a28;font-size: 28px;line-height:24px;font-weight: 600;margin:0px;}
.btn {padding:16px 24px; border: 2px solid #000; border-radius: 32px;font-weight:500;margin:16px;box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18);}
.primary {color:#fff;background: #000;}
.secondary {color:#000;background: none;}
.small {padding:12px 20px; font-size:16px;}
.card-btn {margin-top:24px;}
#header {padding-top:64px;padding-bottom:0px; margin-bottom:-5px;position:relative;}
#header .cards {display:flex;margin-left: 50px;margin-right: 50px;}
#header p {font-size:20px;color:#2c2a28;font-size: 20px;font-weight: 600;font-stretch: normal;line-height: 1.2;margin:40px;}
#header .cta {margin:60px;}
#header .left, #header .right {position:absolute; top:30%}
#header .left img, #header .right img {height:250px; width:auto}
#header .left {left:0px;}
#header .right {right:0px;}
#map {border: 1px solid #ffd600;}
#map .map-container {position: relative;padding-bottom: 56.25%;}
.map-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#map .cta-on-map-container {position:relative;}
#map .cta {position:absolute; top:0; right:0; margin-top:-70px;}
#features {position:relative;}
#features .feature-container {max-width:1000px;margin: auto;padding-bottom:100px; }
#features .item {display:flex;padding-top:100px;justify-content:center;}
#features .item h3, #features .item p {padding:0px 12px;}
#features .item p {max-width:520px; line-height: normal;font-weight:300;}
#features .item img {width:180px; height:auto; margin:0px 25px;}
#features .odd {flex-direction: row;text-align: right;}
#features .even {flex-direction: row-reverse;text-align: left;}
#features .left, #features .right {position:absolute;}
#features .left img, #features .right img {height:350px; width:auto;}
#features .left {left:0px; top:0px;}
#features .right {right:0px; bottom:0px;}
#features .cta {margin-top:120px;}
#radio {padding-top:120px; background-color: #151515; margin-top:-7px;color:#fff;}
#radio .grid {text-align:left;max-width:1800px;padding-bottom:100px;display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding-left:25px; padding-right:25px; margin:auto; margin-top: 60px;}
#radio hr {width: 70px;border: solid 1px #f95f1f;float:left;margin-bottom:10px;}
#radio h3 {margin-top:0px;}
#radio h4 {text-align: left;margin-top:10px;}
#radio p {font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;color: #bbbbbb;margin-bottom:0px;}
#radio div {padding:10px;}
#radio img {margin-top:12px;}
#cookie {background:#fff;}
#cookie p {max-width:1000px;margin:auto;font-size:13px;padding:30px;}
#cookie a {color:#f95f1f;}
#cookie a:hover {text-decoration: underline;}
.cards-big {margin-bottom:128px;}
.three-cards {margin-bottom:20px;}
.karp {max-width:1200px; margin:auto;text-align: center;}
.karp img {max-width:300px;}

@media all and (max-width: 1400px) {
    h1 {font-size:120px;}
    h2 {font-size:42px;}
    h3 {font-size:28px;}
    h4 {font-size:24px;}
    #header p {font-size:18px;}
    #header .left img, #header .right img {height:180px;}
    #features .left img, #features .right img {height:180px;}
    #features .item {padding-top:70px;}
    #features .item p {max-width:500px;}
    #features .item img {width:150px;}
    #features .cta {margin-top:80px;}
    #radio {padding-top:50px;}
    #radio p {margin-bottom:10px;}
    #radio img {margin-top:2px;}
}

@media all and (max-width: 1024px) {
    body {font-size:16px;}
    h1 {font-size:100px;}
    h2 {font-size:36px;}
    h4 {font-size:20px;}
    #header .left img, #header .right img {height:150px;}
    #features .left img, #features .right img {height:150px;}
    #header p {font-size:16px;}
    #features .item {padding-top:50px;}
    #features .item p {max-width:450px;}
    #features .item img {width:130px;}
    #radio h3 {font-size:24px;}
    #radio p {font-size:14px;}
}

@media all and (max-width: 900px) {
    body {font-size:14px;}
    h1 {font-size:60px;}
    h2 {font-size:32px;line-height: normal;}
    h3 {font-size:24px;}
    h4 {font-size:18px;}
    .btn {display:block;width:100%;margin:16px auto;padding:10px 20px;}
    #header, #features {padding-left:30px; padding-right:30px;}
    #header {padding-top:120px;}
    #header .left, #header .right {top:10px;}
    #header .left img, #header .right img {height:100px;}
    #header .cta {margin:30px;}
    #header p {margin:16px;}
    #map .map-container {padding-bottom:120%;}
    #map .cta-on-map-container {display:none;}
    #features .item {flex-wrap: wrap-reverse;text-align: center;}
    #features .left, #features .right {display:none;}
    #features .cta {margin-top:40px; font-size:18px;}
    #features .btn {padding: 16px 24px;}
    #features .feature-container {padding-bottom:40px;}
    #radio {margin-top:0px;padding-top:42px; padding-left:30px; padding-right:30px;}
    #radio .grid {grid-template-columns: 100%;padding-left:0px;margin-top:10px;padding-bottom:40px;}
    #radio p {font-size:14px; line-height: 1.43;}
    #radio h3 {text-align: left; padding-left:0px; padding-right:0px;}
    #cookie {padding-left:15px; padding-right: 15px;}
    #cookie p {font-size:12px; line-height:18px;margin-top:0px; margin-bottom:0px;}
    .card-btn {margin-top:0px;margin-left:10px;}
    .small {padding:6px 16px; font-size:12px;}
    #header {margin-bottom:-10px;}
    .three-cards {display:none;}
}
@media all and (max-width: 900px) {
.desktop {display:none;}
#header .cards {display:none;}
}
@media all and (min-width: 901px) {
.mobile {display:none !important;}
.three-cards-mobile {display:none;}
}