@font-face{font-family:Agency;src:url(fonts/agency-fb-bold.woff);font-family:Snell;src:url(fonts/Snell.ttf);src:url(fonts/Snell.woff);}
*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td{margin:0;padding:0;}
html,body{background:#000;margin:0;padding:0;height:100%;width:100%;}
html,body *{box-sizing:border-box;}
a:focus, a:hover{color:#23527c;text-decoration:none;}
.none{display:none;}
.visually-hidden{width:1px !important;height:1px !important;padding:0;overflow:hidden;position:absolute;clip:rect(0px, 0px, 0px, 0px);margin:-1px;}
.img100 img{width:100%;}
.marginlef5{margin-left:5%;}
.text-center{text-align:center;}
.border-top-blue{border-top-color:#3498db !important;border-top-width:2px !important;}
.logo-presentation{background:url(img/bk-jfgaragept.jpg) no-repeat center center;height:300px;}
.container-fluid.wlc-container{height:100%;padding-top:15% !important;--background:url(img/works/bmw.jpg);}
.container-fluid{-webkit-animation-name:fadeIn;-webkit-animation-duration:1.5s;animation-name:fadeIn;animation-duration:1.5s;overflow:auto;}
.container-fluid.contact{height:auto;padding-left:0;padding-right:0;flex:1 0 auto;-webkit-flex:1 0 auto;min-height:100%;width:100%;}
.container-fluid.trasparent{background-color:transparent;border-top:1px solid #CCc;padding-bottom:15px;padding-top:15px;}
.container-fluid.white{background-color:#FFF;border-top:1px solid #CCc;padding-bottom:15px;padding-top:15px;}
.container-fluid.concrete{background-color:#95a5a6;border-top:1px solid #CCc;padding-bottom:15px;padding-top:15px;}
.container-fluid.concrete::after{content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border-width:0 6px 6px 6px;border-style:solid;border-color:#fff transparent;}
.container-fluid.black{background-color:#000;border-top:1px solid #CCC;padding-bottom:15px;padding-top:15px;}
.container-fluid.top-contact{padding-top:20px;border:none;}
.blue-box-shadow{box-shadow:0 0 15vw #2356FF;}
.container-fluid.top-contact .contact{color:#FFF;padding-left:5%;}
.container-fluid.top-contact .contact .info, .container-fluid.top-contact .contact .info .title, .container-fluid.top-contact .contact .info .value, .container-fluid.top-contact .contact i{float:left;}
.container-fluid.top-contact .contact .info{margin-left:5%;font-size:1.2em;}
.container-fluid.top-contact .contact .info .title, .container-fluid.top-contact .contact .info .value{clear:both;}
.container-fluid.top-contact .contact .info .title{color:#CCC;font-family:"Play", sans-serif;}
.container-fluid.top-contact .contact .info .value{font-weight:bold;color:#FFF;}
.container-fluid.top-contact .contact i{font-size:4em;}
.container-fluid.top-contact .contact i.flux{line-height:3vw;}
.container-fluid.black section.marketing .title{color:#3498db;text-align:center;}
.container-fluid.black section.marketing .desc{border-bottom:2px solid #3498db;font-size:1.3em;}
.container-fluid.is-folio{padding-left:0;padding-right:0;}
.container-fluid.is-folio section.folio-items, .container-fluid.is-folio section.folio-items div{padding:5px;}
.container-fluid.is-folio section.folio-items div{margin:0;}
.container-fluid.is-folio section.folio-items .folio-item{overflow:hidden;}
.container-fluid.is-folio section.folio-items .folio-item .hoverlayer{visibility:hidden;background:#026dfe;opacity:.7;position:absolute;top:0;height:86%;left:0;width:90%;z-index:2;margin:5% 0 0 5%;padding-top:25%;}
.container-fluid.is-folio section.folio-items .folio-item:hover *{visibility:visible;}
.container-fluid.is-folio section.folio-items .folio-item .hoverlayerDesc{visibility:hidden;position:absolute;top:40%;left:0px;width:100%;z-index:3;background:url(img/plus.png) no-repeat center center;}
.container-fluid.is-folio section.folio-items .folio-item .hoverlayer i{font-size:2em;color:#FFF;}
.container-fluid.is-folio section.folio-items .panel{border:none;background-color:transparent;}
.container-fluid.is-folio section.folio-items .panel, .container-fluid.is-folio section.folio-items .panel .panel-heading{border-radius:0;}
.container-fluid.is-folio section.folio-items .panel.img-w .panel-heading img{height:auto;width:100%;}
.container-fluid.blue{background-color:#3498db;border-top:1px solid #CCC;padding-bottom:15px;padding-top:15px;}
.container-fluid.maps{background-color:#3498db;padding:0;padding-bottom:10px;}
.container-fluid.maps section{padding:0;margin:0;}
.container-fluid.maps section #g-map-canvas{height:500px;overflow:hidden;position:absolute;margin:0;left:0;right:0;}
.container-fluid.maps section .social-container{text-align:center;font-size:3em;color:#fff;padding-left:4%;}
.container-fluid.maps section .social-container a{color:#fff;}
.contact-wrapper{position:relative;top:10%;}
.contact-form{border:5px solid #3498db;background-color:#fff;height:90%;padding:2%;}
.error, .alert{display:none;}
.alert{padding:5px;}
.for-maps{height:500px;}
section .container-fluid .contentDescription{position:inherit;margin:auto;float:none;padding-bottom:15px;padding-top:5px;margin-bottom:5px;}
section .container-fluid .contentDescription.cat-title{top:25%;text-align:center;}
section .container-fluid .contentDescription.cat-title h3{font-size:5vw;}
section .container-fluid .contentDescription h3{font-size:2.5em;}
section .container-fluid .contentDescription.highlight h3{text-shadow:0px 1px #fff;}
.container-fluid.promo{background-color:#3498db;padding:2%;margin:auto;}
section{margin-bottom:5px;padding:0 5%;overflow:hidden;}
section div.withFlex{display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-content:flex-end;align-content:flex-end;margin-bottom:60px;}
section div.withFlex .panel-body{position:relative;bottom:20px;}
section div.withFlex .panel-footer.toBottom{position:absolute;bottom:5px;}
section .container-fluid{padding:0;border:1px solid #ccc;max-width:100%;background-color:#FFF;overflow:hidden;padding-bottom:10px;}
.main-title{text-align:center;font-size:6em !important;font-family:'Play', cursive;font-weight:bold;position:relative;}
.overflow-initial{overflow:initial;}
.wlc-container section:first-child{z-index:998;top:40%;padding-bottom:19%;}
h2.rubric{font-family:'Snell','Pinyon Script';font-size:40px !important;margin-top:-7%;font-weight:400;font-size:40px;text-transform:none !important;}
section.pined{position:absolute;width:98%;}
section.marketing{color:#FFF;margin-bottom:2%;}
section.marketing .title{text-align:center;font-size:2.5em;text-transform:uppercase;font-family:'Play';margin-top:2%;}
section.marketing .desc{text-align:center;border-bottom:2px solid #FFF;margin-top:60px;width:80%;margin-left:10%;padding-bottom:15px;padding-top:30px;}
.fancy-btn-container{display:inline-block;margin:0;padding:0;list-style:none;transform:skew(-25deg);}
.btn.fancy{background:#fff;float:left;border-right:1px solid #eee;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-transform:uppercase;color:#555;font-weight:bolder;transition:all 0.3s linear;border-radius:7px;}
.noPadding{padding:0 !important;}
@-webkit-keyframes main-load{from{bottom:-100px;opacity:0}
to{bottom:0px;opacity:1}
}
@keyframes main-load{from{bottom:-100px;opacity:0}
to{bottom:0;opacity:1}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}
100%{opacity:1;transform:translateY(0);}
}
nav .logo{--margin-left:1%;margin-top:5px;position:fixed;--z-index:999;}
.logo{margin:auto;margin-top:2%;width:60px;height:40px;background-image:url(img/bk-jfgaragept.jpg);background-repeat:no-repeat;background-size:contain;transition:0.8s;margin-left:10%;}
.logo.small{width:50px;height:50px;}
ul.menu .logo{float:left;}
ul.menu .logo.small{width:50px;height:50px;margin-top:0;}
.logo.l-footer{background-image:url(img/logo_simples.png);height:100px;width:100px;margin-top:30px;}
.logo .in{background-image:url(img/fisbits-all-in_100.png);background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:fixed;}
.logo .out{background-image:url(img/fisbits-all-out_100.png);background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:fixed;}
.logo .out_loading{background-image:url(img/fisbits-all-out_100.png);background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:fixed;animation-name:rotate;animation-duration:5s;animation-iteration-count:infinite;animation-delay:0;-webkit-animation-fill-mode:none;animation-fill-mode:none;}
@keyframes rotate{from{-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
button.normalRadius{border-radius:0;}
.container.topMargin{margin-top:80px;}
.is-hidden{visibility:hidden;}
#success_message{display:none;}
.service{transition:all 1s ease-in-out;}
.service:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
@keyframes scale{from{-webkit-transform:scale(1);}
to{-webkit-transform:scale(1.1);}
}
@keyframes box-shadow-blue{from{}
to{box-shadow:0 4px 8px 0 rgba(25, 181, 254, 0.2), 0 6px 20px 0 rgba(25, 181, 254, 0.19);}
}
.service{color:#FFF;}
.service h1{text-transform:uppercase;font-size:1.5em;font-weight:bold;color:#FFF;}
.service .panel-heading h3{font-family:Agency;margin:5px auto;color:#3498db;text-align:center;}
.service .panel-body p{font-family:'Questrial', sans-serif;font-size:1.5rem;}
.service-basic{background-color:#2ecc71 !important;}
.service-pro{background-color:#3498db !important;}
.service-premium{background-color:#e67e22 !important;}
.service-custom{background-color:#ecf0f1 !important;}
#fb_footer{background-color:#3c3d41;color:white;padding-top:30px;padding:0;}
#fb_footer .footer-copyright{background-color:#333333;padding-top:3px;padding-bottom:3px;text-align:center;}
#fb_footer .row{margin-bottom:60px;}
#fb_footer .navbar-brand{margin-top:45px;height:65px;}
#fb_footer .footer-copyright p{margin:10px;color:#ccc;}
#fb_footer ul{list-style-type:none;padding-left:0;line-height:1.7;}
#fb_footer h5{font-size:18px;color:white;font-weight:bold;margin-top:30px;}
#fb_footer h2 a{font-size:50px;text-align:center;color:#fff;}
#fb_footer a{color:#d2d1d1;text-decoration:none;}
#fb_footer a:hover,
#fb_footer a:focus{text-decoration:none;color:white;}
#fb_footer .social-networks{text-align:center;padding-top:30px;padding-bottom:16px;}
#fb_footer .social-networks a{font-size:32px;color:#f9f9f9;padding:10px;transition:0.2s;}
#fb_footer .social-networks a:hover{text-decoration:none;}
#fb_footer .facebook:hover{color:#0077e2;}
#fb_footer .google:hover{color:#ef1a1a;}
#fb_footer .twitter:hover{color:#00aced;}
#fb_footer .btn{color:white;background-color:#0077e2;border-radius:20px;border:none;width:150px;display:block;margin:0 auto;margin-top:10px;line-height:25px;}
#fb_footer{flex:0 0 auto;-webkit-flex:0 0 auto;}
.carousel-control.right, .carousel-control.left{background-image:none;color:#FFF;}
.carousel-indicators li{border-color:#3498db;}
.carousel-indicators li.active{background-color:#3498db;}
.carousel picture{float:left;width:100%;}
.panel.transparent{background-color:transparent;box-shadow:0px 1px 1px rgba(0,0,0,0);}
.panel.transparent .panel-heading img{width:100%;max-width:200px;}
.panel.transparent .panel-footer{border:none;background-color:transparent;}
.panel.img-w .panel-heading{padding:5px;}
.panel.img-w .panel-heading img{width:100%;}
.gallery-item{background-color:#181a1c;color:#fff;}
.gallery-item h3{color:#3498db;}
@media screen and (max-width:767px){.carousel-indicators{display:none;}
.carousel{margin-top:13%;}
.logo{display:none;}
.mainWrap{width:auto;padding:50px 20px;}
#fb_footer a{padding-left:5px;}
#fb_footer{text-align:center;}
section{padding:0;}
section .container-fluid{padding:inherit;}
section .container-fluid .contentDescription{position:inherit;margin:auto;float:none;padding-bottom:15px;padding-top:5px;margin-bottom:5px;overflow:auto;height:auto;}
.row{margin-right:0px;}
.main-title{font-size:5.5em !important;margin-top:75px;}
h2.rubric{margin-top:-2%;font-size:2.5em !important;}
.logo-presentation{background-size:100%;background-position-y:75%;}
.container-fluid.top-contact{border:none;overflow:visible;height:auto;width:auto;}
.container-fluid.wlc-container{height:65%;}
.container-fluid.top-contact .contact{clear:both;width:100%;height:auto;margin-bottom:2%;overflow:hidden;padding-top:10px;}
.container-fluid.top-contact .contact i{width:10%;height:inherit;padding-top:inherit;text-align:center;}
.container-fluid.top-contact .contact .info{width:80%;}
.container-fluid.top-contact .contact .info .title, .container-fluid.top-contact .contact .info .value{width:100%;}
section.marketing .desc{margin-top:0;padding-top:0;}
.container-fluid.top-contact a.contact{display:block;}
.container-fluid.top-contact .contact .info{float:right;}
}
@media screen and (max-width:520px){.main-title{font-size:2.5em !important;margin-top:150px;}
h2.rubric{margin-top:-2%;font-size:2em !important;}
.container-fluid.top-contact .contact i{font-size:2em;}
.container-fluid.top-contact .contact .info{margin-left:5%;font-size:1em;}
}
@media screen and (max-width:520px){.main-title{font-size:2.5em !important;margin-top:135px;}
h2.rubric{margin-top:-2%;font-size:2em !important;}
}
@media screen and (min-width:768px) and (max-width:1084px){h2.rubric{margin-top:-5%;}
}
@media screen and (max-width:1084px){.container-fluid.is-folio section.folio-items .folio-item .desc h2{font-size:20px;}
.for-maps{height:auto;}
.maps.container-fluid section #g-map-canvas{position:relative;}
}
@media screen and (min-width:1084px){section .container-fluid .contentDescription{position:absolute;top:40%;right:1%;}
section .container-fluid .contentDescription.center{right:25%;}
section .container-fluid .contentDescription.left{left:-25%;}
}
@font-face{font-family:neon;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf);}
.neon{font-family:neon;color:#FB4264;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #F40A35;}
.flux{color:#426DFB;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #2356FF;}
.neon{animation:neon 1s ease infinite;-moz-animation:neon 1s ease infinite;-webkit-animation:neon 1s ease infinite;}
@keyframes neon{0%,
100%{text-shadow:0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;color:#FED128;}
50%{text-shadow:0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;color:#806914;}
}
.flux{animation:flux 5s linear infinite;-moz-animation:flux 5s linear infinite;-webkit-animation:flux 5s linear infinite;-o-animation:flux 5s linear infinite;}
@keyframes flux{0%,
100%{text-shadow:0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;color:#28D7FE;}
50%{text-shadow:0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;color:#146C80;}
}
.fisbits{background:url(img/logo_simples.png);background-size:cover;width:50px;height:50px;}
#baguetteBox-overlay .full-image img{max-height:90%;max-width:90%;}
#baguetteBox-overlay .full-image figcaption{font-family:Play;font-size:1.5em;}
.second-alf{display:none;visibility:hidden;}
@keyframes upDown{from{}
to{padding-top:5%;}
}
.load-plus, .tellme-more{color:#FFF;font-family:Play;cursor:pointer;}
.tellme-more{display:none;text-align:center;}
.tellme-more button{color:#3498db;font-size:1.5em;}
.load-plus:hover{animation:upDown 1s ease infinite alternate;-moz-animation:upDown 1s ease infinite alternate;-webkit-animation:upDown 1s ease infinite alternate;animation-delay:.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;}
.second-alf{animation:main-load 5s linear 1;-moz-animation:main-load 5s linear 1;-webkit-animation:main-load 5s linear 1;-o-animation:main-load 5s linear 1;}