html{ box-sizing: border-box; }
*,::after,::before{ box-sizing: inherit }
body { margin: 0; padding: 0; font-family: "Rubik"; background-color: #ffffff; color: #303030; }
.cx { text-align: center; }
.rx { text-align: right; }
.fll { float: left; }
.clr { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
.split-40 { width: 40%; }
.split-50 { width: 50%; }
.split-60 { width: 60%; }
.desktop-only { display: block; }
.mobile-only { display: none; }

@font-face{font-family:kendam-icons;src:url(https://static.kendam.com/web/font/kendam-icons.eot);src:url(https://static.kendam.com/web/font/kendam-icons.eot#iefix) format('embedded-opentype'),url(https://static.kendam.com/web/font/kendam-icons.woff2) format('woff2'),url(https://static.kendam.com/web/font/kendam-icons.woff) format('woff'),url(https://static.kendam.com/web/font/kendam-icons.ttf) format('truetype'),url(https://static.kendam.com/web/font/kendam-icons.svg#kendam-icons) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:kendam-icons;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-mail:before{content:'\e807'}
.icon-menu:before{content:'\f0c9'}
.icon-icon-kbolt:before{content:'\e867'}

.wrap-inner { margin: 0 auto; padding: 0; width: 980px; }
.wide-content { margin: 0; padding: 0; min-height: auto; height: auto; }
.wide-content h3 span { font-weight: 300; }

.wide-colored { margin: 0; padding: 150px 0; background: #e64141; border-bottom: 10px solid #f0f0f0; }
.wide-colored img { margin: 0 0 20px 0; padding: 0; }
.wide-colored h1 { margin: 0 0 20px 0; padding: 0; font-family: "Rubik"; font-size: 4em; font-weight: 300; letter-spacing: -2px; color: #ffffff; }
.wide-colored p { margin: 0 0 20px 0; padding: 0; font-size: 1.5em; font-weight: 300; color: #ffffff; }
.wide-colored p a { color: #ffffff }

.wide-white { margin: 0; padding: 150px 0; background-color: #ffffff; }
.wide-white h3 { margin: 20px 0; padding: 0; font-family: "Rubik"; font-size: 3em; font-weight: 600; letter-spacing: -2px; }
.wide-white p { margin: 0 0 20px 0; padding: 0; font-size: 1.25em; font-weight: 300; }
.wide-white p a { color: #303030; text-decoration: underline; }

.wide-black { margin: 0; padding: 150px 0; background-color: #303030; }
.wide-black h3 { margin: 0 0 20px 0; padding: 0; font-family: "Rubik"; font-size: 3em; font-weight: 600; letter-spacing: -2px; color: #ffffff; }
.wide-black p { margin: 0 0 20px 0; padding: 0; font-size: 1.25em; font-weight: 300; color: #ffffff; }

strong { font-weight: 600; }
.spacer { margin: 0; padding: 0; width: auto; height: 40px; }

.wide-footer { margin: 0; padding: 40px; background-color: #1d1d1d;  }
.wide-footer p { margin: 0; padding: 0; color: #777777; font-size: 1em; font-weight: 300; }
.wide-footer p.social-icons { font-size: 1.5em; }
.wide-footer p.copyright { padding: 10px 0; font-size: 0.85em; }
.wide-footer p.copyright a { color: #777777; text-decoration: none; transition: 0.3s color; }
.wide-footer p.copyright a:hover { text-decoration: underline; color: #f0f0f0; }
.wide-footer p.social-icons a { color: #777777; text-decoration: none; transition: 0.3s color; }
.wide-footer p.social-icons a:hover { color: #f0f0f0; }

.front-layer { display: none; z-index: 777; position: fixed; top: 0; right: 0; background-color: rgba(0,0,0,0.88); width: 100%; height: 100%;  }
.popup-general { display: none; cursor: default; width: 25%; margin: 0 0 20px 0; padding: 20px; border-radius: 17px; background-color: #fff; color: #303030; }
.popup-general.absolute-centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.popup-general h1 { margin: 0; padding: 0; font-size: 2em; font-weight: 300; }
.popup-general h3 { font-size: 1.5em; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #fafafa; color: #000000; }
.popup-general p { font-size: 1.25em; line-height: 1.2em; font-weight: 300; margin: 0; padding: 0; color: #000000; }
.popup-general .linein { margin: 20px 0; padding: 0; height: 1px; background-color: #f0f0f0; } 

#header-mobile-menu { display: none; background-color: rgba(0,0,0,1); margin: 0 -20px; margin-top: 20px; padding: 0; height: 100vh; }
#header-mobile-menu ul { margin: 0; padding: 0; }
#header-mobile-menu ul li { margin: 0; padding: 0; display: block; list-style: none; font-size: 1.5em; color: #ffffff; border-bottom: 1px solid #303030; }
#header-mobile-menu ul li a { margin: 0; padding: 20px; color: #ffffff; text-decoration: none; display: block; }

.header { background-color: rgba(0,0,0,0); box-sizing: border-box; margin: 0; padding: 20px; position: fixed; z-index: 777; width: 100%; height: auto; min-height: 95px; -webkit-transition: background-color 333ms linear; -ms-transition: background-color 333ms linear; transition: background-color 333ms linear; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.logo { margin: 0; padding: 5px 0; font-size: 2em; color: #ffffff; letter-spacing: -2px; cursor: pointer; }
.header-mobile { margin: 10px; padding: 10px 0; }
.header-mobile a { color: #ffffff; text-decoration: none; }
.header-mobile a i { font-size: 2.25em; color: #ffffff; }

.btn { display: inline-block; margin: 0; padding: 10px; font-size: 1.25em; border-radius: 9px; font-weight: 500; text-align: center; color: #ffffff; text-decoration: none; }
.btn-full { padding: 10px 20px; border: 2px solid #ffffff; background-color: #ffffff; color: #303030; }

.header-menu { margin: 0; padding: 0; }
.header-menu .btn { margin: 0 10px; }
.header-menu .btn:last-child { margin-right: 0; }

@media (max-width: 767px) {
    .wrap-inner { width: 100%; padding: 0 40px; }
    .desktop-only { display: none; }
    .mobile-only { display: block; }
    .group-split .split-40 , .group-split .split-50 , .group-split .split-60 { width: 100%; }
    .wide-footer , .wide-footer .rx { text-align: center; }
    .logo { margin: 13px 0; font-size: 2.5em; }
    .header-mobile { margin: 10px 0; }
}