.border-box{box-sizing: border-box; -moz-box-sizing: border-box}@media (min-width: 1281px){header{background: none}#level1 .inner{padding-top: 100px !important}} section{background-image: url(/site/assets/files/images/texture1.png); position: relative}.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{background-color: #1976d2; overflow: hidden}#level1 *{color: #fff !important}#level1 .inner{padding: 4rem 0rem 2rem}#level1 .text{padding: 1rem 20%}#level1 .label{position: absolute; bottom: -4rem; right: -16rem; z-index: 0; transform: rotate(-45deg); max-width: 20rem; padding: 1rem 12rem 4rem 12rem; background-color: #45814f; transition: all .25s ease-out}#level1 .label:hover{right: -20rem; z-index: 0}#level1 .label:hover .logo{transform: rotate(45deg) scale(1.2) translateY(-2rem) translateX(-6rem)}#level1 .label .logo{width: 10rem; transition: all .25s ease-out}#level1 .label .logo img{clip-path: polygon(50% 0%,89% 19%,100% 60%,70% 100%,17% 98%,0 61%,10% 16%); -webkit-clip-path: polygon(50% 0%,89% 19%,100% 60%,70% 100%,17% 98%,0 61%,10% 16%)}#level1 .label .logo .back{left: 0; top: 0; z-index: -1; width: 100%; height: 100%; clip-path: polygon(50% 0%,89% 19%,100% 60%,70% 100%,17% 98%,0 61%,10% 16%); -webkit-clip-path: polygon(50% 0%,89% 19%,100% 60%,70% 100%,17% 98%,0 61%,10% 16%); background: rgba(0,0,0,0.25); transform: rotate(5deg)}#level1 .label .inset{bottom: .8rem; left: 0}@media (max-width: 768px){#level1 .inner{padding: 8rem 0 0 0}#level1 .text{padding: 1rem 4rem 0rem 4rem}#level1 .label{display: block; position: relative; bottom: 0; right: 0; transform: none; max-width: 1000rem; padding: 2rem}#level1 .label:hover{right: 0}#level1 .label:hover .logo{transform: scale(1.4)}} #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-color: #45814f}#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{overflow: hidden}#level4 .label{top: -1rem; left: -0.4rem; transform: rotate(-45deg)}#level4 .label img{max-width: 5rem; border-radius: 10rem; transform: scale(.95); transition: all .25s ease-out}#level4 .label:hover img{transform: scale(1)}#level4 .label .inset{bottom: .8rem; left: 0}.partner img{max-width: 10rem; border-radius: 10rem; transform: scale(.95); transition: all .25s ease-out}.partner .badge{display: inline-block; width: 5rem; height: 5rem}.partner:hover img{transform: scale(1)}