/*
* OOPS - Perfect 404 pages Pack
* Build Date: October 2016
* Last Update: October 2016
* Author: Madeon08 for ThemeHelite
* Copyright (C) 2016 ThemeHelite
*
* This is a premium product available exclusively here : https://themeforest.net/user/Madeon08/portfolio
* The demo files are minified/crypted for copyright reasons, you will find them, expanded, commented and coded accurately in your download pack.
* Thanks for your support!
* */
@import url(font-awesome.min.css);@import url(bootstrap.min.css);@import url(vegas.min.css);@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans");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,main{display:block}body{line-height:1}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{font-size:62.5%}body{background:#1F222E;font-family:"Open Sans","Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;font-style:normal;font-size:1.4rem;line-height:1.8;font-weight:400;letter-spacing:0;height:100%}body.flat{background:#8471d7}body.bubble{background:url("../img/developpeur-web-netherlands.jpg") center;background-size:cover}  body.bubble::after{content:'';position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background:rgba(31,34,46,0.8)}  body,html{margin:0;padding:0;-webkit-tap-highlight-color:transparent;width:100%}  body,input,select,textarea{-webkit-transition:all,.2s,ease-in-out;-moz-transition:all,.2s,ease-in-out;transition:all,.2s,ease-in-out}  a{-webkit-transition:all,.3s,ease-in-out;-moz-transition:all,.3s,ease-in-out;transition:all,.3s,ease-in-out;cursor:pointer;text-decoration:none;color:#fff;font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif}  a:hover{color:#00af94;text-decoration:none !important;outline:none !important}  a:active,a:focus{outline:none !important;text-decoration:none !important;color:#fff}  button{-webkit-transition:all,.2s,ease-in-out;-moz-transition:all,.2s,ease-in-out;transition:all,.2s,ease-in-out;cursor:pointer}  button:hover,button:active,button:focus{outline:none !important;text-decoration:none !important;color:#2B2D35}  strong,b{font-weight:700}  em,i{font-style:italic}  p{font-family:"Open Sans","Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;margin:0;font-size:1.5rem;line-height:1.8;color:#d2d6e4;font-weight:400;text-align:center}  p.subtitle{margin-bottom:3rem}  h1,h2,h3,h4,h5,h6{color:#fff;font-family:Montserrat,"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;font-weight:400;text-transform:uppercase;line-height:1;margin:0 0 1.5rem 0;text-align:center}  h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}  h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:inherit}  h1{font-size:3rem}  h2{font-size:2rem}  h3{font-size:1.8rem}  h4{font-size:1.3rem}  h5{font-size:1rem}  h6{font-size:1rem}  sub{font-size:0.8em;position:relative;top:0.5em}  sup{font-size:0.8em;position:relative;top:-0.5em}  .clear{clear:both}  .display-none{display:none !important}  .align-left{text-align:left}  .align-center{text-align:center}  .align-right{text-align:right}  .index-999{z-index:-999 !important}  .row-no-margin{margin:0}  .no-padding{padding:0}  .logo-link{position:absolute;z-index:20;display:block;top:3rem;left:3rem;width:5rem}  .logo-link .logo{width:100%;height:auto}  .content{height:100vh;overflow:hidden;z-index:10;position:relative;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center}  .content .content-box{width:auto;position:relative}  .content .content-box .big-content{position:relative;width:22rem;min-height:22rem;margin:0 auto 3rem}  .content .content-box .big-content .list-square{float:left}  .content .content-box .big-content .list-line{float:left;margin-left:2rem}  .content .content-box .big-content span.square{display:block;background:transparent;width:5rem;height:5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;border-radius:.5rem;border:1rem solid #fff;margin-bottom:1.5rem}  .content .content-box .big-content span.line{display:block;background:#fff;width:15rem;height:1rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;border-radius:.5rem;margin-bottom:2.3rem}  .content .content-box .big-content span.line:nth-child(2){width:10rem}  .content .content-box .big-content span.line:nth-child(4){width:10rem}  .content .content-box .big-content span.line:nth-child(6){width:10rem}  .content .content-box .big-content .fa-search{position:absolute;top:10rem;left:15rem;font-size:10rem;color:#00c8aa;-webkit-animation:corner 5s infinite;-moz-animation:corner 5s infinite;animation:corner 5s infinite}  .content .content-box .big-content .fa-search.color{color:#FF0084}  @-webkit-keyframes corner{0%{-webkit-transform:translate(-2rem, 0);-webkit-animation-timing-function:0,0.02,0,1.01}20%{-webkit-transform:translate(-15rem, 2rem)}40%{-webkit-transform:translate(-7rem, -7rem);animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)}60%{-webkit-transform:translate(-15rem, -10rem)}80%{-webkit-transform:translate(2rem, -12rem)}100%{-webkit-transform:translate(-2rem, 0)}}  @-moz-keyframes corner{0%{-moz-transform:translate(-2rem, 0);-moz-animation-timing-function:0,0.02,0,1.01}20%{-moz-transform:translate(-15rem, 2rem)}40%{-moz-transform:translate(-7rem, -7rem);animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)}60%{-moz-transform:translate(-15rem, -10rem)}80%{-moz-transform:translate(2rem, -12rem)}100%{-moz-transform:translate(-2rem, 0)}}  @keyframes corner{0%{-webkit-transform:translate(-2rem, 0);-moz-transform:translate(-2rem, 0);-ms-transform:translate(-2rem, 0);-o-transform:translate(-2rem, 0);transform:translate(-2rem, 0);-webkit-animation-timing-function:0,0.02,0,1.01;-moz-animation-timing-function:0,0.02,0,1.01;animation-timing-function:0,0.02,0,1.01}20%{-webkit-transform:translate(-15rem, 2rem);-moz-transform:translate(-15rem, 2rem);-ms-transform:translate(-15rem, 2rem);-o-transform:translate(-15rem, 2rem);transform:translate(-15rem, 2rem)}40%{-webkit-transform:translate(-7rem, -7rem);-moz-transform:translate(-7rem, -7rem);-ms-transform:translate(-7rem, -7rem);-o-transform:translate(-7rem, -7rem);transform:translate(-7rem, -7rem);animation-timing-function:cubic-bezier(0, 0.02, 0, 1.01)}60%{-webkit-transform:translate(-15rem, -10rem);-moz-transform:translate(-15rem, -10rem);-ms-transform:translate(-15rem, -10rem);-o-transform:translate(-15rem, -10rem);transform:translate(-15rem, -10rem)}80%{-webkit-transform:translate(2rem, -12rem);-moz-transform:translate(2rem, -12rem);-ms-transform:translate(2rem, -12rem);-o-transform:translate(2rem, -12rem);transform:translate(2rem, -12rem)}100%{-webkit-transform:translate(-2rem, 0);-moz-transform:translate(-2rem, 0);-ms-transform:translate(-2rem, 0);-o-transform:translate(-2rem, 0);transform:translate(-2rem, 0)}}  footer{color:#fff;text-align:center;position:absolute;z-index:20;padding:1rem 0;bottom:0;left:0;width:100%}  footer ul li{position:relative;display:inline-block;padding:0}  footer ul li::after{content:'';position:absolute;top:0;right:0;width:0.2rem;height:100%;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;border-radius:1rem;background:#735dd1}  footer ul li:last-child::after{display:none}  footer ul li a{text-transform:uppercase;display:block;width:100%;height:100%;padding:0 2rem 0 1.4rem}  footer ul li a:hover{color:#6249cc}  footer ul li a:hover::after{opacity:1;-webkit-transform:translateY(0) translateX(-60%);-moz-transform:translateY(0) translateX(-60%);-ms-transform:translateY(0) translateX(-60%);-o-transform:translateY(0) translateX(-60%);transform:translateY(0) translateX(-60%)}  footer ul li a::after{position:absolute;top:100%;left:50%;width:40%;height:0.4rem;background:rgba(98,73,204,0.4);content:'';opacity:0;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;border-radius:1rem;-webkit-transform:translateY(1rem) translateX(-60%);-moz-transform:translateY(1rem) translateX(-60%);-ms-transform:translateY(1rem) translateX(-60%);-o-transform:translateY(1rem) translateX(-60%);transform:translateY(1rem) translateX(-60%);-webkit-transition:all,.3s,ease-in-out;-moz-transition:all,.3s,ease-in-out;transition:all,.3s,ease-in-out}  footer.light ul li::after{width:0.1rem;background:rgba(117,122,134,0.2)}  footer.light ul li a{color:rgba(255,255,255,0.7)}  footer.light ul li a:hover{color:#fff}  footer.light ul li a::after{background:rgba(255,255,255,0.3)}  .mbYTP_wrapper{width:100vw !important;min-width:0 !important;left:0 !important}  .mbYTP_wrapper::after{content:'';position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(45,49,56,0.4)}  #particles-js{position:fixed;top:25vh;left:25vw;width:50vw;height:50vh;z-index:-10}  .image{background:url("../img/image.jpg") center;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:5;-webkit-animation:kenburns 30s infinite;-moz-animation:kenburns 30s infinite;animation:kenburns 30s infinite}  .image::after{content:'';position:absolute;z-index:-5;top:0;left:0;width:100%;height:100%;background:rgba(45,49,56,0.4)}  @-webkit-keyframes kenburns{0%{-webkit-transform:scale(1)} 50%{-webkit-transform:scale(1.2)} 100%{-webkit-transform:scale(1)}}  @-moz-keyframes kenburns{0%{-moz-transform:scale(1)} 50%{-moz-transform:scale(1.2)} 100%{-moz-transform:scale(1)}}  @keyframes kenburns{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}  .vegas-overlay{opacity:1;background:rgba(45,49,56,0.4)}  .vegas-timer-progress{background:#6C7A89}  #canvasbg,#canvas{position:fixed;z-index:10;top:0;left:0;background:transparent}  #dotty{position:fixed;top:0;left:0}@media only screen and (max-width: 480px){.logo-link{position:relative;margin:3rem auto 0;width:5rem;display:block;top:auto;left:auto}.logo-link .logo{width:100%;max-width:none}.content{height:auto;display:block;padding:3rem 0 5rem}.content .content-box{padding:0 1rem}.content .content-box .big-content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);margin:0 auto}h1{font-size:2rem;line-height:1.5}footer{position:relative;padding-bottom:5rem}footer ul li{width:100%;margin-bottom:1rem}footer ul li::after{display:none}footer ul li a{padding:0}footer ul li a::after{display:none}#particles-js{top:0;left:0;width:100vw;height:100vh}}@media screen and (max-device-width: 667px) and (orientation: landscape){.content{height:auto;display:block;padding:5rem 0 5rem}.content .content-box{padding:0 1rem}.content .content-box .big-content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);margin:0 auto}footer{position:relative;padding-bottom:5rem}footer ul li{width:100%;margin-bottom:1rem}footer ul li::after{display:none}footer ul li a{padding:0}footer ul li a::after{display:none}#particles-js{top:0;left:0;width:100vw;height:100vh}}