/* body */
html, body { height: 100%; margin: 0; }
* { margin: 0; padding: 0; }
body, body * { font-family: 'Roboto',sans-serif; font-weight: 300; font-size: 17px; color: #ffffff; text-shadow: 0 0 2px #000000; transition: font-size 0.5s; }
strong { font-weight: 500; }
html, body { border: 0 none; margin: 0; padding: 0; /* wysiwyg separator */ }
body { background: #14171a; display: flex; flex-direction: column; }
fieldset { margin: 0; padding: 0; border: none; }
::selection { background: #ff7f21; color: #ffffff; }
/* decent background */
body.decent #jq_ez_bg::before { width: 100%; height: 100%; opacity: 0.9; z-index: 100; background: url("/media/layout/decent-overlay.png"); top: 0; right: 0; bottom: 0; left: 0; content: " "; position: absolute; }
/* general */
h1 { margin: 35px 0 5px 0; font-family: 'Oswald', sans-serif; font-size: 30px; color: #ffffff; font-style: normal; text-decoration: none; font-weight: 500; letter-spacing: 0; text-transform: none; }
h1:first-child { margin-top: 0; }
h2, h2>a, h2>a:hover { margin: 15px 0 5px; padding: 0; font-family: 'Oswald', sans-serif; font-size: 22px; color: #ffffff; text-transform: none; text-decoration: none; letter-spacing: -0.5px; font-weight: 400; }
h2>strong { text-transform: uppercase; }
h3, h3 * { margin: 10px 0; font-size: 18px; font-family: 'Oswald',Sans-Serif; color: #ffffff; font-style: normal; text-decoration: none; font-weight: 500; letter-spacing: 0; }
h4 { display: inline; }
p { margin: 0 0 10px; letter-spacing: 0; line-height: 140%; }
a { text-decoration: underline; color: #ff7f21; font-weight: 300; }
a img { text-decoration: none; border: none; }
ul { margin: 0; padding: 0 0 0 15px; list-style: square outside; }
li { margin: 0; padding: 0 0 0 10px; }
.interior { padding: 5px 10px; color: #ffffff; background: #ffae21; }
hr { border: none; border-top: 1px solid #ff7f21; }
/* frame */
.center { width: 80%; margin: 0 auto; position: relative; }
#inner { width: 100%; padding: 0 0 80px; margin-top: 600px; float: left; transition: margin 0.5s; }
#inner.header-hide { margin-top: 50px; }
/* slogan */
.slogan { width: 100%; position: relative; margin-bottom: 250px; }
.slogan span {display: block; position: absolute; color: #000000; text-shadow: 0 0 60px #ffffff, 0 0 30px #ffffff; font-family: 'Oswald'; font-weight: 500; transition: top 0.5s, bottom 0.5s, left 0.5s, right 0.5s, font-size 0.5s, text-shadow 0.5s; }
.slogan span:first-child { font-size: 120px; transform: rotate(8deg); right: 40%; top: 70px; }
.slogan span:last-child { font-size: 90px; transform: rotate(-4deg); right: 47%; bottom: 155px; }
/* header */
#header { width: 100%; height: auto; margin: 0; padding: 0; position: absolute; top: 0; z-index: 10; transition: background 0.5s, border-width 0.5s; }
#header.sticky { background: #14171a; background: rgba(20, 23, 26, 0.9); position: fixed; border-bottom: 1px solid #ff7f21; }
#header.sticky #menu { margin-top: 0; margin-bottom: 0; }
#header.sticky #menu>li>a { height: 35px; line-height: 35px; font-size: 20px; }
#header.sticky #menu>li>ul { top: 36px; }
/* #header>#logo { width: 265px; position: absolute; right: -32px; top: 0; } */
#container-top { width: 100%; margin: 80px 0 0; float: left; }
#header-picture { width: 100%; margin: 0 auto; height: 550px; overflow: hidden; position: relative; transition: height 0.5s; position: fixed; }
#header-picture div { width: 100%; height: 550px; background: center center no-repeat; background-size: cover; position: absolute; z-index: 1; transition: height 0.5s; }
/* video */
.inline-video { width: 100%; }
#header-picture.decent::before { width: 100%; height: 100%; opacity: 0.5; z-index: 100; background: url("/media/layout/decent-overlay.png"); top: 0; right: 0; bottom: 0; left: 0; content: " "; position: absolute; }
#header-picture>video { width: 100%; height: auto; top: 50%; left: 0%; transform: translate(0%, -50%); position: absolute; z-index: 99; }
/* menu */
#nav-collapse>div { height: 30px; padding: 0 0 0 5px; line-height: 30px; display: none; }
#nav-collapse>div>a { text-decoration: none; font-size: 24px; color: #ffffff; transition: color 0.5s; }
#nav-collapse>div>a:hover, #nav-collapse.expanded>div>a { color: #ff7f21; }
#menu { width: 80%; margin: 10px auto; padding: 0; background: rgb(7,8,9); background: rgba(7,8,9, 0); list-style: none; position: relative; transition: height 0.5s; }
#menu>li { margin: 0; padding: 0; list-style: none; position: relative; float: left; z-index: 6; }
#menu>li>a { height: 57px; line-height: 57px; margin: 0; padding: 0 35px; color: #ffffff; text-decoration: none; font-weight: 400; font-family: 'Oswald',sans-serif; text-transform: none; font-size: 28px; text-shadow: 0 0 2px #000000; display: block; float: left; transition: color 0.5s, text-shadow 0.5s, font-size 0.5s, padding 0.5s; }
#menu>li:first-child>a { padding-left: 0; }
#menu>li>a:hover, #menu>li.hover>a { /*color: #ff7f21;*/ /* color: #6b8ec1; blau */ color: #ff7f21; }
#menu>li.selected>a, #menu>li.active>a { color: #ff7f21; text-shadow: none; }
#menu .other { display: none; }
/* sub menu */
#menu>li>ul { margin: 0; padding: 10px 15px; background: rgb(7,8,9); background: rgba(7,8,9,.7); opacity: 0; visibility: hidden; list-style: none; position: absolute; top: 56px; left: 15px; transition: opacity 0.5s, visibility 0.5s; }
#menu>li:hover>ul, #menu>li.hover>ul { opacity: 1; visibility: visible; }
#menu>li>ul>li { height: 44px; line-height: 44px; margin: 0 0 0 10px; padding: 0 0 0 0; list-style: none; float: left; }
#menu>li>ul>li>a { min-width: 160px; height: 34px; line-height: 31px; margin: 5px 0; padding: 0; border: 0; display: block; color: #f1f1f1; text-decoration: none; text-transform: none; font-weight: 300; font-family: 'Oswald',sans-serif; font-size: 20px; float: left; transition: color 0.5s, font-size 0.5s; }
#menu>li>ul>li>a:hover, ul#menu>li>ul>li>a.selected { color: #ff7f21; }
/* content */
#content-left { width: 60%; margin: 0; padding: 2.2%; background: rgb(7,8,9); background: rgba(7,8,9, .7); float: left; border-radius: 3px; }
#content-right { width: 29%; padding: 2.2%; background: rgb(7,8,9); background: rgba(7,8,9, .7); float: right; border-radius: 3px; }
#content-full { width: 93%; margin: 0; padding: 3.5%; background: rgb(7,8,9); background: rgba(7,8,9, .7); float: left; border-radius: 3px; }
.quote { font-family: Calibri, Arial, sans-serif; text-align: center; font-size: 30px; line-height: 120%; }
.gmaps { background: url(/media/layout/gmaps_overlay.png) no-repeat; background-size: cover; }
.gmaps>button { width: 100%; height: 450px; border: 0; background: rgba(0,0,0,.5); padding: 0; margin: 0; font-size: 1.4em; cursor: pointer; }
.gmaps>iframe { width: 100%; height: 450px; border: 0; }
/* team */
.team { width: 104%; margin-left: -2%; margin-right: -2%; }
.team>div { width: 29.3%; margin: 5px 2% 20px; background: #ffffff; position: relative; float: left; transition: transform 0.5s; cursor: pointer; border-radius: 3px; overflow: hidden; }
.team>div img { width: 100%; margin: 0 auto; float: left; }
.team>div>div { width: 100%; height: 100%; position: absolute; top: 0; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.5s; }
.team>div>div>div { width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); text-align: center; }
.team>div:hover, .team>div.selected { transform: scale(1.2); }
.team>div:hover>div, .team>div.selected>div { opacity: 1; }
.team .team-name { font-size: 150%; }
/* partners */
.partners { width: 100%; margin: 15px 0; float: left; }
.partners a { display: block; }
.partners a img { width: 13%; margin: 1.5%; padding: 3% 2%; float: left; cursor: pointer; opacity: 0.5; transition: opacity 0.5s, transform 0.5s; background: #ffffff; }
.partners a:hover img { opacity: 1; transform: scale(1.4); transition: opacity 0.7s cubic-bezier(.5,.66,0,3.75), transform 0.7s cubic-bezier(.5,.66,0.2,1.75); }
/* single partner */
.partner { width: 70%; margin: 20px 15%; float: left; }
.partner a { display: block; }
.partner a img { width: 50%; margin: 0; padding: 2% 25%; float: left; cursor: pointer; opacity: 0.7; transition: opacity 0.5s, transform 0.5s; background: #ffffff; }
.partner a:hover img { opacity: 1; transform: scale(1.4); transition: opacity 0.7s cubic-bezier(.5,.66,0,3.75), transform 0.7s cubic-bezier(.5,.66,0.2,1.75); }
/* references (logos) */
.reference { width: 100%; margin: 0 0 20px 0; float: left; }
.reference img { width: 30%; margin: 0 5% 0 0; float: left; }
.reference p { width: 65%; margin: 0; float: left; }
/* references map */
.references-map .logos { width: 45%; margin: 50px 2.2%; float: left; }
.references-map .logos img { width: 13%; margin: 2%; padding: 5% 4%; float: left; cursor: pointer; opacity: 0.5; transition: opacity 0.5s, transform 0.5s; background: #ffffff; }
.references-map .logos img:hover, .references-map .logos img.hover, .references-map .logos img.selected { opacity: 1; transform: scale(1.4); transition: opacity 0.7s cubic-bezier(.5,.66,0,3.75), transform 0.7s cubic-bezier(.5,.66,0.2,1.75); }
.references-map .map { width: 40%; padding: 2.2%; position: relative; float: right; }
.references-map .map>img { width: 100%; float: left; }
.references-map .map>.info { width: 30%; padding: 1% 4%; height: auto; text-align: center; /*border: 1px dashed #ff7f21; background: rgba(255,127,33,.05);*/ background: #ffffff; position: absolute; top: 60px; left: 0; opacity: 0; transform: scale(0.1); transition: transform 0.5s cubic-bezier(.5,.66,0.2,1.75), opacity 0.5s cubic-bezier(.5,.66,0,3.75); }
.references-map .map>.info p { color: #000000; text-shadow: none; line-height: 120%; }
.references-map .map>.info:hover, .references-map .map>.info.hover, .references-map .map>.info.selected { opacity: 1; transform: scale(1); }
.references-map .map>.info img { width: 80%; }
.references-map .map>span { width: 13px; height: 13px; background-color: rgba(207, 103, 27, 0.7); border-radius: 50%; display: inline-block; position: absolute; transition: transform 0.5s cubic-bezier(.5,.66,0,2.75), background-color 0.5s; cursor: pointer; }
.references-map .map>span:hover, .references-map .map>span.hover, .references-map .map>span.selected { transform: scale(2); background-color: rgba(207, 103, 27, 1); }
/* footer */
#footer { width: 100%; margin: 0; background: #14171a; background: rgba(20, 23, 26, 0.9); clear: both; border-top: 2px solid #ff7f21; margin-top: auto; }
#footer>div>div { margin-top: 7px; margin-bottom: 7px; }
#footer a { text-decoration: none; }
#footer a:hover, #footer .menu-other a.active { text-decoration: underline; }
#footer .footer-left { float: left; }
#footer .footer-right { float: right; clear: right; }
#footer .footer-right img { margin-right: 4px; }
#footer .footer-right a { text-decoration: none; margin-left: 20px; }
/* forms */
form { margin: 0 0; }
form>div { clear: left; }
form>div.separator { height: 20px; }
form>div>label { width: 20%; height: auto; padding: 0 3% 0 0; line-height: 31px; text-align: right; float: left; }
form>div input, form>div textarea, form>div select { padding: 3px 0.5%; background: rgb(7,8,9); background: rgba(7,8,9, .7); color: #ffffff; border: 1px solid #c6c6c6; border-radius: 3px; transition: border-color 0.3s; }
form>div input:focus, form>div textarea:focus, form>div select:focus { border-color: #ff7f21; outline: none; }
form>div>input, form>div>textarea, form>div>select { width: 60%; margin: 5px 0 5px 0; float: left; }
form>div>select { width: 60%; padding-left: 0; padding-right: 0; }
form>div>select>option { height: 13px; padding: inherit; background: inherit; color: inherit; }
form>div>textarea { height: 180px; transition: height 0.5s; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 30%; margin-right: 5px; }
form>div>div { width: 20%; margin: 5px 0 5px 0.1%; float: left; }
form>div>div.single { width: 50%; }
form>div>img { margin: 5px 0 5px 5px; }
form>div input[disabled="disabled"] { color: #999999; }
div.form-full, div.form-submit { width: 100%; clear: left; }
.checkbox input { width: auto !important; border: none !important; margin: 10px 3% 0 18%; }
.checkbox label { width: 60%; height: auto; margin-bottom: 20px; line-height: 18px; padding: 7px 0 0 0; text-align: left; }
input.checkbox, input[type="checkbox"], input.radio, input[type="radio"]{ width: auto !important; border: none !important; }
input[type="file"] { border: none !important; }
div.form-submit input, input.submit { width: 15%; height: auto; margin: 5px 0 0 68.5%; padding: 5px 1%; background: rgb(7,8,9); background: rgba(7,8,9, .5); text-align: center; color: #ffffff; border: 1px solid #c6c6c6; cursor: pointer; transition: background 0.3s; }
div.form-submit input:hover { background: #ff7f21; }
/* errors and messages */
div.form-field-missing label { color: #ff7f21; }
div.form-field-missing input, div.form-field-missing select, div.form-field-missing textarea { border-color: #ff7f21; }
.error-message { padding: 3px; list-style: inside square; }
.error-message li { color: #ff7f21; }
label.error { color: #ff7f21 !important; }
input.error, select.error { border: 1px solid #ff7f21; }
p.error { width: 97%; padding: 1.5%; margin-bottom: 20px; border: 0px solid #ff7f21; color: #ff7f21; background: rgb(195,91,52); background: rgba(195,91,52,.5); font-weight: 500; list-style: inside square; border-radius: 3px; }
.success-message { color: #18b818; font-weight: 500; }
/* ken burnsy for header */
.kenburnsy img { display: none; }
.kenburnsy .slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; transform-origin: center; transform: translateZ(0); }
/* RESPONSIVE */
/* HD ready */
@media (max-width : 1400px) {
body, body * { font-size: 15px; }
h1 { font-size: 24px; }
h2, h2>a, h2>a:hover { font-size: 18px; font-weight: 500; }
h3, h3 * { font-size: 15px; }
#inner { margin-top: 500px; }
#inner.header-hide { margin-top: 40px; }
.center { width: 90%; }
.slogan span:first-child { font-size: 100px; right: 37%; top: 40px; }
.slogan span:last-child { font-size: 72px; right: 44%; bottom: 155px; }
#menu { width: 90%; }
#menu>li>a { padding: 0 20px; font-size: 24px; }
#menu>li>ul>li { height: 34px; line-height: 34px; }
#menu>li>ul>li>a { height: 24px; font-size: 16px; margin: 5px 0; }
#header.sticky #menu>li>a { font-size: 18px; }
#header-picture { height: 450px; }
#header-picture div { height: 450px; }
.team>div { width: 29.3%; margin: 5px 2% 20px; }
.team>div:hover, .team>div.selected { transform: scale(1.2); }
.team .team-name { font-size: 140%; }
form>div>label { width: 20%; }
form>div>input, form>div>textarea, form>div>select { width: 60%; }
form>div>textarea { height: 140px; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 30%; }
form>div>div { width: 20%; margin: 5px 0 5px 0.1%; float: left; }
form>div>div.single { width: 50%; }
.checkbox input { margin: 10px 3% 0 18%; }
.checkbox label { width: 60%; }
div.form-submit input, input.submit { width: 15%; margin: 5px 0 0 68.5%; }
}
/* medium screen */
@media (max-width : 950px) {
body, body * { font-size: 14px; }
h1 { font-size: 21px; }
h2, h2>a, h2>a:hover { font-size: 16px; }
h3, h3 * { font-size: 14px; }
#inner { margin-top: 450px; }
#inner.header-hide { margin-top: 20px; }
.center { width: 95%; }
.slogan span:first-child { font-size: 85px; right: 35%; top: 40px; }
.slogan span:last-child { font-size: 60px; right: 42%; bottom: 145px; }
.references-map .logos { width: 100%; margin: 0; float: left; }
.references-map .logos img { width: 9%; margin: 0.5%; padding: 2% 1%; }
.references-map .map { width: 70%; padding: 0; margin: 30px 15%; }
.references-map .map>.info { top: 0;}
.references-map .map>span { width: 11px; height: 11px; }
#menu { width: 95%; }
#menu>li>a { font-size: 18px; }
#menu>li>ul>li { height: 28px; line-height: 28px; }
#menu>li>ul>li>a { height: 28px; font-size: 15px; margin: 0; }
#menu>li>ul>li>a { font-size: 14px; }
#header.sticky #menu>li>a { font-size: 15px; }
#header-picture { height: 400px; }
#header-picture div { height: 400px; }
.team>div { width: 46%; margin: 5px 2% 20px; }
.team>div:hover, .team>div.selected { transform: scale(1.1); }
.team .team-name { font-size: 160%; }
.team .team-position { font-size: 110%; }
form>div>label { width: 20%; }
form>div>input, form>div>textarea, form>div>select { width: 70%; }
form>div>textarea { height: 100px; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 30%; }
form>div>div { width: 20%; margin: 5px 0 5px 0.1%; float: left; }
form>div>div.single { width: 50%; }
.checkbox input { margin: 10px 3% 0 18%; }
.checkbox label { width: 70%; }
div.form-submit input, input.submit { width: 15%; margin: 5px 0 0 80%; }
}
/* small screen */
@media (max-width : 700px) {
body, body * { font-size: 13px; }
h1 { font-size: 21px; }
h2, h2>a, h2>a:hover { font-size: 16px; }
h3, h3 * { font-size: 14px; }
#inner { margin-top: 330px; }
#inner.header-hide { margin-top: 10px; }
.center { width: 95%; }
.slogan span { text-shadow: 0 0 35px #ffffff, 0 0 25px #ffffff; }
.slogan span:first-child { font-size: 60px; right: 30%; top: 20px; }
.slogan span:last-child { font-size: 40px; right: 37%; bottom: 135px; transform: bottom 0s, top 0s; }
#menu { width: 95%; }
#menu>li>a { padding: 0 15px; font-size: 18px; }
#menu>li>ul>li>a { font-size: 14px; }
#header { background: #14171a; background: rgba(20, 23, 26, 0.9); position: fixed; border-bottom: 1px solid #ff7f21; }
#header #menu { margin-top: 0; margin-bottom: 0; }
#header #menu>li>a { height: 35px; line-height: 35px; font-size: 15px; }
#header #menu>li>ul { top: 36px; }
#header-picture { height: 300px; }
#header-picture div { height: 300px; }
#content-left { width: 93%; padding: 3.5%; }
#content-right { width: 93%; margin-top: 20px; padding: 3.5%; }
#content-full { width: 93%; padding: 3.5%; }
.team>div { width: 46%; margin: 5px 2% 20px; }
.team>div:hover, .team>div.selected { transform: scale(1.1); }
.team .team-name { font-size: 160%; }
.team .team-position { font-size: 110%; }
form>div>label { width: 20%; }
form>div>input, form>div>textarea, form>div>select { width: 70%; }
form>div>textarea { height: 100px; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 30%; }
form>div>div { width: 20%; margin: 5px 0 5px 0.1%; float: left; }
form>div>div.single { width: 50%; }
.checkbox input { margin: 10px 3% 0 18%; }
.checkbox label { width: 70%; }
div.form-submit input, input.submit { width: 15%; margin: 5px 0 0 80%; }
}
/* mobile */
@media (max-width : 530px) {
body, body * { font-size: 13px; }
h1 { font-size: 18px; }
h2, h2>a, h2>a:hover { font-size: 15px; }
h3, h3 * { font-size: 13px; }
#inner { margin-top: 230px; }
#inner.header-hide { margin-top: 10px; }
.center { width: 95%; }
.slogan span:first-child { font-size: 11.2vw; right: 30%; top: 20px; }
.slogan span:last-child { font-size: 7.5vw; right: 37%; top: 22vw; transform: bottom 0, top 0; }
.references-map .map>span { width: 9px; height: 9px; }
#nav-collapse>div { display: block; }
#header.sticky #menu, #menu { width: 100%; display: none; }
#menu .other { display: block; }
#header.sticky #nav-collapse.expanded #menu, #nav-collapse.expanded #menu { display: block; }
#header.sticky #menu>li, #menu>li { width: 100%; }
#header.sticky #menu>li>a, #menu>li>a, #menu>li:first-child>a { width: 93%; padding-left: 7%; font-size: 14px; transition: padding 0s; }
#menu>li>ul { width: 89%; margin: 0 0 0 4%; padding: 0 0 0 7%; background: none; display: none; opacity: 0; visibility: hidden; position: static; top: 0; left: 0; float: left; }
#menu>li.hover>ul { display: block; opacity: 1; visibility: visible; }
#menu>li>ul>li { width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; }
#menu>li>ul>li>a { min-width: 100%; width: 100%; height: 28px; line-height: 28px; display: block; }
#header { background: #14171a; background: rgba(20, 23, 26, 0.9); position: fixed; border-bottom: 1px solid #ff7f21; }
#header.sticky #menu, #header #menu { margin-top: 0; margin-bottom: 0; }
#header.sticky #menu>li>a, #header #menu>li>a { height: 30px; line-height: 30px; font-size: 15px; }
#header.sticky #menu>li>ul, #header #menu>li>ul { top: 36px; }
#header-picture { height: 200px; }
#header-picture div { height: 200px; }
#content-left { width: 93%; padding: 3.5%; }
#content-right { width: 93%; margin-top: 20px; padding: 3.5%; }
#content-full { width: 93%; padding: 3.5%; }
.team>div { width: 100%; margin: 5px 0 20px; }
.team>div:hover, .team>div.selected { transform: scale(1.05); }
.team .team-name { font-size: 190%; }
.team .team-position { font-size: 130%; }
form>div>label { width: 100%; padding: 10px 0 0; line-height: 20px; text-align: left; }
form>div>input, form>div>textarea, form>div>select { width: 100%; margin: 0; }
form>div>textarea { height: 80px; }
form>div>input.half, form>div>textarea.half, form>div>select.half { width: 100%; margin: 0; }
form>div>div { width: 100%; margin: 0; }
form>div>div.single { width: 100%; }
.checkbox input { margin: 20px 3% 0 0; }
.checkbox label { width: 90%; margin-top: 10px; }
div.form-submit input, input.submit { width: 20%; margin: 5px 0 0 80%; }
.footer-right { display: none; }
.footer-menu { display: none; }
}
/* FONTS */
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: url(/fonts/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: url(/fonts/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(/fonts/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: url(/fonts/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
src: url(/fonts/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
src: url(/fonts/TK3iWkUHHAIjg752GT8G.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}