.border-box{box-sizing: border-box; -moz-box-sizing: border-box}@media (min-width: 1281px){header{background: none}#level1 .inner{padding-top: 100px !important}} .logo-absolute{position: absolute; z-index: 1}.logo-absolute:before{content: none; background: none}.logo{position: relative}.logo-absolute .logo{background: none}header.visible{box-shadow: 0 0 10px rgba(0,0,0,0.8)}main{margin-top: 0px !important; padding-top: 0px !important; position: relative}#level1{text-align: center; background: radial-gradient(at top left,#98bee8,#2a6fb9); background-size: cover}#level1 *{color: #fff !important}#level1 .inner{padding: 80px 20px 20px 20px}#level1 .inner .title{max-width: 800px}#level1 .inner .summary{padding: 20px 20%}#level1 .texture{z-index: unset}@media (max-width: 500px){#level1 .summary{padding: 20px !important}} #level2{box-sizing: border-box; padding: 40px; padding: 0px; min-height: 100px}#level2 .title{padding: 40px}#level2 .right-floated.button{margin: 0 0 10px 10px}#level2 .flex{margin: auto}#level2 .flex>.block{padding: 30px; margin: 0 auto; max-width: 320px}#level2 .flex>.block a{opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: all .25s ease-out; display: block}#level2 .flex>.block img{margin: 20px 0; border-radius: 20px}#level2 .flex>.block p{padding: 0px}@media (min-width: 1551px){#level2 .flex .block{flex-basis: 20%; max-width: 400px}} @media (min-width: 1101px) and (max-width: 1550px){#level2 .flex .block{flex-basis: 25%}} @media (min-width: 801px) and (max-width: 1100px){#level2 .flex .block{flex-basis: 33.3333%; padding: 20px; max-width: 320px}} @media (min-width: 501px) and (max-width: 800px){#level2 .flex .block{flex-basis: 50%; padding: 20px; max-width: 320px}} @media (max-width: 500px){#level2 .flex .block{flex-basis: 100%; padding: 20px; min-width: unset; max-width: 320px}} #level3{padding-bottom: 40px; background: #4b654f; background-size: cover}#level3 .title{width: 100%}#level3 .title h2{color: #fff}#level3 .blocks{max-width: 1500px; margin: 0 auto}#level3 blockquote{min-width: 260px; max-width: 300px; margin: 10px; background: #fff; opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); transition: all .25s ease-out}#level3 blockquote:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; box-shadow: 0 0 10px rgba(0,0,0,0.9)}#level3 blockquote a{color: #581d23}#level3 blockquote i{width: 100%; text-align: right}#level3 #video{max-width: 300px; line-height: 0px}#level3 #video >a{line-height: 0px}#level3 #video .video .screenshot{transition: all .25s ease-out}#level3 #video .video .play{width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition: all .25s ease-out}#level3 #video .video .play:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background: rgba(0,0,0,0)}#level3 #video .video .play img{height: 100%}#level4 form .block{width: 33.333%}#level4 form .last.block{width: 32%}#level4 form .textarea.block, #level4 form .send.block{width: 100%}@media (max-width: 640px){#level4 form .block, #level4 form .last.block{width: 100%}}