*{-webkit-font-smoothing:antialiased}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%}body{text-align:center;color:#fff;font-family:Montserrat;font-size:14px;line-height:1.3}#background{position:fixed;width:100%;height:100%;left:0;top:0;z-index:0;background-color:#000;background-size:cover}h1{font-size:35px;margin-top:30px;text-transform:uppercase}h2{margin:5px 0 30px 0;letter-spacing:4px}a{color:#fff;text-decoration:none}span{opacity:0.6;filter:alpha(opacity=60);margin-right:10px}a:hover{text-decoration:underline}#overlay{position:fixed;z-index:10;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50)}#content{position:fixed;display:table;width:100%;height:100%;left:0;top:0;z-index:20}#wrapper{display:table-cell;vertical-align:middle}#logo{position:relative;display:inline-block;z-index:20;width:113px;height:113px}#logo li{position:absolute;left:0;top:0;width:100%;height:100%;background-size:100%}#logo li.one{background-image:url(img/logo1.png)}#logo li.two{background-image:url(img/logo2.png)}#logo li.three{background-image:url(img/logo3.png)}#logo li.four{background-image:url(img/logo4.png)}a{-webkit-transition:all 300ms cubic-bezier(0.1, 0.7, 0.4, 1);-moz-transition:all 300ms cubic-bezier(0.1, 0.7, 0.4, 1);-ms-transition:all 300ms cubic-bezier(0.1, 0.7, 0.4, 1);-o-transition:all 300ms cubic-bezier(0.1, 0.7, 0.4, 1);transition:all 300ms cubic-bezier(0.1, 0.7, 0.4, 1)}.intro,#logo .three,#logo .four,#logo .two-one{opacity:0}.intro.animated{-webkit-animation:intro-bottom 1.5s cubic-bezier(0.1, 0.7, 0.4, 1) both;-moz-animation:intro-bottom 1.5s cubic-bezier(0.1, 0.7, 0.4, 1) both;-ms-animation:intro-bottom 1.5s cubic-bezier(0.1, 0.7, 0.4, 1) both;-o-animation:intro-bottom 1.5s cubic-bezier(0.1, 0.7, 0.4, 1) both;animation:intro-bottom 1.5s cubic-bezier(0.1, 0.7, 0.4, 1) both}#logo .two-one.animated{-webkit-animation:spin 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-moz-animation:spin 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-ms-animation:spin 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-o-animation:spin 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;animation:spin 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both}#logo .three.animated,#logo .four.animated{-webkit-animation:spin-less 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-moz-animation:spin-less 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-ms-animation:spin-less 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;-o-animation:spin-less 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both;animation:spin-less 1.7s cubic-bezier(0.1, 0.7, 0.4, 1) both}@-webkit-keyframes spin{0%{opacity:0;-webkit-transform:rotate(0deg)}100%{opacity:1;-webkittransform:rotate(-720deg)}}@-moz-keyframes spin{0%{opacity:0;-moz-transform:rotate(0deg)}100%{opacity:1;-moz-transform:rotate(-720deg)}}@-ms-keyframes spin{0%{opacity:0;-ms-transform:rotate(0deg)}100%{opacity:1;-ms-transform:rotate(-720deg)}}@-o-keyframes spin{0%{opacity:0;-o-transform:rotate(0deg)}100%{opacity:1;-o-transform:rotate(-720deg)}}@keyframes spin{0%{opacity:0;transform:rotate(0deg)}100%{opacity:1;transform:rotate(-720deg)}}@-webkit-keyframes spin-less{0%{opacity:0;-webkit-transform:rotate(0deg)}100%{opacity:1;-webkittransform:rotate(-360deg)}}@-moz-keyframes spin-less{0%{opacity:0;-moz-transform:rotate(0deg)}100%{opacity:1;-moz-transform:rotate(-360deg)}}@-ms-keyframes spin-less{0%{opacity:0;-ms-transform:rotate(0deg)}100%{opacity:1;-ms-transform:rotate(-360deg)}}@-o-keyframes spin-less{0%{opacity:0;-o-transform:rotate(0deg)}100%{opacity:1;-o-transform:rotate(-360deg)}}@keyframes spin-less{0%{opacity:0;transform:rotate(0deg)}100%{opacity:1;transform:rotate(-360deg)}}@-webkit-keyframes intro-bottom{0%{opacity:0;-webkit-transform:translate3d(0, 30px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes intro-bottom{0%{opacity:0;-moz-transform:translate3d(0, 30px, 0)}100%{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@-ms-keyframes intro-bottom{0%{opacity:0;-ms-transform:translate3d(0, 30px, 0)}100%{opacity:1;-ms-transform:translate3d(0, 0, 0)}}@-o-keyframes intro-bottom{0%{opacity:0;-o-transform:translate3d(0, 30px, 0)}100%{opacity:1;-o-transform:translate3d(0, 0, 0)}}@keyframes intro-bottom{0%{opacity:0;transform:translate3d(0, 30px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}@media only screen and (max-width: 750px){h1{font-size:30px;padding:0 50px;line-height:1}}
/*# sourceMappingURL=style.css.map */

#content {
    position: absolute;
}

#lang {
	position: fixed;
	top: 0;
	right: 0;
	padding: 15px;
}

#logo {
    border-radius: 60px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.contact {
    display: inline-block;
    background: rgba(0,0,0,0.5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 20px 30px;
    color: #fff;
    margin-top: 40px;
}

.contact a {
    color: #fff;
}

.contact li {
    float: left;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: left;
}

.contact li:last-child {
    margin: 0;
}

.contact img {
    margin-right: 10px;
    opacity: 0.3;
}

.benefits {
    padding-top: 5px;
    margin: auto;
    max-width: 700px;
    text-align: center;
}

.benefits li {
    margin-bottom: 3px;
}

.benefits li.separator {
    width: 20px;
    height: 1px;
    background: rgba(255,255,255, 0.5);
    display: inline-block;
    margin: 5px 0;
}

@media only screen and (max-width: 600px) {
    #content {
        padding: 40px 30px;
    }
    
    .contact li {
       float: none;
       margin-right: 0;
       margin-bottom: 15px;
    }
}