@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b927c2e4-2642-4335-ab79-51638b07a07c&fontids=1488890,1489010,1488914");
@font-face { font-family: "Helvetica Neue LT Regular"; font-weight: 400; src: url("/fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix"); src: url("/fonts/1488890/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"), url("/fonts/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"), url("/fonts/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"), url("/fonts/1488890/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"); }
@font-face { font-family: "Helvetica Neue LT Bold"; font-weight: 700; src: url("/fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix"); src: url("/fonts/1488914/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"), url("/fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("/fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"), url("/fonts/1488914/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"); }
@font-face { font-family: "Helvetica Neue LT Condensed Bold"; font-weight: 700; src: url("/fonts/1489010/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix"); src: url("/fonts/1489010/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot"), url("/fonts/1489010/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"), url("/fonts/1489010/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff"), url("/fonts/1489010/b583b782-0709-4a13-899f-7e9ab1a7eccd.ttf") format("truetype"); }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: "Helvetica Neue LT Regular", "Arial", sans-serif; font-weight: 400; font-size: 18px; overflow: hidden; }

p { margin-top: 0; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }

pre { margin: 0; margin-bottom: 15px; font-family: "Helvetica Neue LT Regular", "Arial", sans-serif; font-size: 18px; white-space: pre-wrap; line-height: 1.5; }
@media (min-width: 1025px) { pre { font-size: 20px; } }

a { color: inherit; text-decoration: none; }

strong { font-family: "Helvetica Neue LT Bold", "Arial", sans-serif; font-weight: 700; }

h1, h2, h3, h4 { font-family: "Helvetica Neue LT Condensed Bold", "Arial", sans-serif; font-weight: 700; }

main { position: relative; z-index: 1; width: 100%; height: 100%; }

section { position: relative; width: 100%; height: 100%; }

#primary .orange { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url("/img/circle.jpg") right no-repeat #D34D28; background-size: contain; }
#primary .orange:before { content: ''; position: absolute; top: 50%; margin-right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 60px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #D34D28; }
@media (min-width: 1025px) { #primary .orange:before { right: 145px; } }
@media (min-width: 1681px) { #primary .orange:before { right: 170px; } }
#primary .orange .robur { position: absolute; left: 10%; top: 60px; width: 280px; height: auto; }
@media (min-width: 1681px) { #primary .orange .robur { left: 90px; top: 80px; width: 350px; } }
#primary .orange #teaser { position: absolute; top: 50%; left: 10%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 57%; text-align: right; font-family: "Helvetica Neue LT Regular", "Arial", sans-serif; font-size: 28px; color: #FFF; }
@media (min-width: 1681px) { #primary .orange #teaser { font-size: 36px; } }
#primary .orange #teaser #viewDetails { background: #FFF; border: none; border-radius: 6px; padding: 8px 15px; font-family: "Helvetica Neue LT Condensed Bold", "Arial", sans-serif; font-size: 26px; color: #D34D28; cursor: pointer; }
#primary .orange #teaser #viewDetails::-moz-focus-inner { border: 0; }
@media (min-width: 1681px) { #primary .orange #teaser #viewDetails { font-size: 30px; } }
#primary #rotation { position: absolute; right: 0; width: 55%; height: 100%; }
#primary #rotation img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; max-width: calc(100% - 30px); height: 100%; }
#primary #rotation .logo { position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#primary #rotation #position-0, #primary #rotation #position-8 { left: 300px; opacity: 0; width: calc(100% - 300px); height: 3%; }
#primary #rotation #position-0 { top: calc(-10% - 50px); }
#primary #rotation #position-8 { top: 110%; }
#primary #rotation #position-1, #primary #rotation #position-7 { left: 200px; opacity: 0.2; width: calc(100% - 200px); height: 6%; }
#primary #rotation #position-1 { top: 2%; }
#primary #rotation #position-7 { top: 92%; }
#primary #rotation #position-2, #primary #rotation #position-6 { left: 130px; opacity: 0.4; width: calc(100% - 130px); height: 9%; }
#primary #rotation #position-2 { top: 10%; }
#primary #rotation #position-6 { top: 81%; }
#primary #rotation #position-3, #primary #rotation #position-5 { left: 55px; opacity: 0.7; width: calc(100% - 55px); height: 14%; }
#primary #rotation #position-3 { top: 22%; }
#primary #rotation #position-5 { top: 64%; }
#primary #rotation #position-4 { z-index: 4; top: 40%; left: 0; opacity: 1; width: 100%; height: 20%; }

.secondary { position: absolute; z-index: 3; top: 0; left: 100%; background-repeat: no-repeat; background-size: contain; background-position: right; }
.secondary .backBtn { position: absolute; top: 50%; left: 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #D34D28; cursor: pointer; }
.secondary .content { position: absolute; top: 55%; left: 14.5%; width: 40%; color: #545453; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.secondary .content pre { font-size: 14px; margin-bottom: 0; }
@media (min-width: 1025px) { .secondary .content pre { font-size: 16px; } }
@media (min-width: 1681px) { .secondary .content pre { font-size: 18px; } }