@import url("fonts.css");*{box-sizing:border-box;}
body{width:100%;overflow-x:hidden;}
.mfp-img{width:auto !important;height:100vh !important;}
.mfp-content{max-width:none !important;width:100vw !important;height:100vh !important;position:absolute;top:0;left:0;z-index:0;}
.mfp-figure:after{display:none !important;}
.mfp-preloader{font-family:ZonaPro;}
.mfp-iframe-scaler{padding-top:0 !important;}
.mfp-close{position:absolute;top:0 !important;left:0 !important;z-index:1;visibility:hidden;}
.mfp-close:after{content:" ";background:url(../images/close-video.svg);background-size:25px 25px;position:absolute;margin-left:-30px;margin-top:15px;width:25px;height:25px;visibility:visible;}
.container{width:100%;}
.large-header{position:relative;width:100%;background:#333;background-size:cover;background-position:bottom right;z-index:1;}
.demo-1 .large-header{background-image:url('../img/demo-1-bg.jpg');}
.demo-2 .large-header{background-image:url('../img/demo-2-bg.jpg');background-position:center bottom;}
.demo-3 .large-header{background:#7f8c8d;}
.demo-4 .large-header{background:#f9f1e9;}
.main-title{position:absolute;margin:0;padding:0;color:#f9f1e9;text-align:center;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.demo-1 .main-title,
.demo-3 .main-title{text-transform:uppercase;font-size:4.2em;letter-spacing:0.1em;}
.demo-2 .main-title{font-family:'Clicker Script', cursive;font-weight:normal;font-size:8em;padding-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.4);}
.demo-2 .main-title::before{content:'';width:384px;height:384px;min-width:3.5em;min-height:3.5em;background:url(../img/deco.svg) no-repeat center center;background-size:cover;position:absolute;top:50%;left:50%;border-radius:50%;z-index:-1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.demo-3 .main-title{padding:10px 40px;border:10px double #f9f1e9;text-transform:uppercase;font-family:Londrina Outline, sans-serif;}
.demo-4 .main-title{font-size:6em;font-weight:300;padding:10px 30px;text-transform:uppercase;color:#222;}
.main-title .thin{font-weight:200;}
@media only screen and (max-width:768px){.demo-1 .main-title,
.demo-3 .main-title,
.demo-4 .main-title{font-size:3em;}
.demo-2 .main-title{font-size:4em;}
}
.effect-menu a{overflow:hidden;position:relative;z-index:1;}
.effect-menu a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;}
.effect-menu a span::before{position:absolute;top:100%;content:attr(data-hover);font-size:11px;font-family:Montserrat-Regular;color:#FF9900;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:88px;}
.effect-menu a:hover span,
.effect-menu a:focus span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);}
#empresas-mais-atrativas::before{width:110px;}
nav a, nav span{box-sizing:border-box;position:relative;display:inline-block;outline:none;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 1px rgba(255,255,255,0.3);cursor:pointer;font-family:Montserrat-Regular;color:#ffffff;font-size:11px;font-weight:400;line-height:12px;text-align:left;text-transform:uppercase;}
nav a:hover,
nav a:focus{outline:none;}
canvas{position:relative;}
div.main-bar-content{margin:0 auto;height:0;}
div.menu-element{cursor:pointer;font-family:Montserrat-Regular;color:#ffffff;font-size:11px;font-weight:400;line-height:12px;text-align:left;padding:0 16px;text-transform:uppercase;float:right;}
div.main-bar{position:fixed;top:0;left:0;width:100%;height:75px;}
.main-bar > div{background:#000;max-width:1920px;height:100%;width:100%;margin:0 auto;padding-top:27px;}
@media all and (min-width:1300px){div#main-bar-horizontal-distance{width:1166px;}
div.centering-box{margin:0 auto;width:1166px;}
}
@media all and (min-width:1000px) and (max-width:1299px){div#main-bar-horizontal-distance{max-width:1000px;}
div.centering-box{margin:0 auto;width:1000px;}
}
@media all and (max-width:1000px){div.main-bar{max-width:100%;}
div#main-bar-horizontal-distance{max-width:100%;}
div.centering-box{margin:0 auto;max-width:100%;}
}
div#spark-logo{width:92px;height:41px;margin-top:-8px;background:url(../images/img_logo_spark.png) no-repeat;background-size:100% auto;}
#footer{max-width:100%;width:1920px;margin:0 auto;}