/* ------------------------------------------------
* Project Name: Axio Coming Soon Template
* Project Description: Axio - awesome coming soon template to kick-start your project
* Tags: axio, coming soon, under construction, template, coming soon page, html5, css3
* Version: 1.0.0
* Build Date: April-July 2017
* Last Update: July 2017
* This product is available exclusively on Themeforest
* Author: MixDesign
* Author URI: http://mixdesign.club
* File name: main-demo.min.css (compressed)
-------------------------------------------------- */

/* ------------------------------------------------
Table of Contents
/* ------------------------------------------------
/*
/*  1. Base CSS Styles
/*  2. Buttons
/*  3. Headlines
/*  4. Preview
/*  5. Footer
/*
/* ------------------------------------------------
Table of Contents End
/* ------------------------------------------------ */

*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button:active,button:focus{outline:0!important}button::-moz-focus-inner{border:0!important}input::-moz-focus-inner{border:0!important}html{font-family:sans-serif;font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,html{width:100%;height:100%}
body{min-width:320px;position:relative;overflow-x:hidden;font-size:1.4rem;font-family:Raleway,sans-serif;line-height:1.8;background-color:#fff}body.loaded section.demo__intro .description{opacity:1}body.loaded section.demo__intro .welcome{opacity:1}body.loaded section.demo__intro .logo .demo__logo{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}a{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}p{padding:0;margin:0}img{width:100%;height:auto}section{position:relative;width:100%;padding:2.4rem 0}section.demo__intro{min-height:480px;color:#fff;text-align:center;}section.demo__intro .description{position:absolute;bottom:2.4rem;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:opacity .5s .5s;-o-transition:opacity .5s .5s;-moz-transition:opacity .5s .5s;transition:opacity .5s .5s}section.demo__intro .welcome{position:absolute;top:2.4rem;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:opacity .5s .5s;-o-transition:opacity .5s .5s;-moz-transition:opacity .5s .5s;transition:opacity .5s .5s}section.demo__intro .logo{position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}section.demo__intro p{font-size:1rem;text-transform:uppercase;letter-spacing:.5rem;font-weight:400}section.demo__intro p.welcome-text{font-size:1.2rem}section.demo__intro p.descr{margin-bottom:1.2rem}section.demo__content{text-align:center;color:#444}section.demo__content.first-section{border-top:1px solid #f2552c}@media only screen and (min-width:768px){section{padding:3.2rem 0}section.demo__intro{padding:0 0 4.8rem 0}section.demo__intro .description{bottom:3.6rem}section.demo__intro .welcome{top:3.6rem}section.demo__intro p.welcome{margin-top:2.4rem}}@media only screen and (min-width:1024px){section.demo__intro{background-attachment:fixed}}@media only screen and (min-width:1600px){section{padding:4.8rem 0}section.demo__intro .description{bottom:4.8rem}section.demo__intro .welcome{top:4.8rem}}.dark-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.demo__logo{max-width:240px;margin:0 auto 14rem;-webkit-transform:translateY(5rem);-moz-transform:translateY(5rem);-ms-transform:translateY(5rem);transform:translateY(5rem);opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s;transition:opacity .5s ease-in-out,-webkit-transform .5s;-o-transition:transform .5s,opacity .5s ease-in-out;-moz-transition:transform .5s,opacity .5s ease-in-out,-moz-transform .5s;transition:transform .5s,opacity .5s ease-in-out;transition:transform .5s,opacity .5s ease-in-out,-webkit-transform .5s,-moz-transform .5s}@media only screen and (min-width:768px){.demo__logo{max-width:400px;margin:0 auto}}@media only screen and (min-width:1600px){.demo__logo{max-width:439px}}.btn{position:relative;display:block;width:160px;height:50px;line-height:50px;margin:0 auto 12px;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn:last-of-type{margin-bottom:0}.btn.btn-solid{background-color:#f2552c;border:1px solid #f2552c;color:#fff}.no-touch .btn.btn-solid:hover{border:1px solid #a93c1f;background-color:#a93c1f}.btn.btn-outline{background-color:transparent;border:1px solid #fff;color:#fff}.no-touch .btn.btn-outline:hover{background-color:#fff;color:#444}@media only screen and (min-width:768px){.btn{display:inline-block;margin:0}.btn:first-of-type{margin-right:1.2rem}}@media only screen and (min-width:1024px){.btn{width:140px;height:46px;line-height:46px}}.demo__headline{width:90%;margin:0 auto;text-align:center}.demo__headline .number{font-family:Roboto,sans-serif;font-weight:700;color:rgba(255,255,255,.1);font-size:4rem;line-height:1}.demo__headline .title{font-family:Bebas,sans-serif;font-size:2.6rem;letter-spacing:1px;line-height:1;margin:-1.6rem 0 0 0;color:#fff}.demo__headline .subtitle{font-family:RobotoLightItalic,sans-serif;color:rgba(255,255,255,.6);font-size:1.4rem;margin-bottom:1.2rem}@media only screen and (min-width:768px){.demo__headline{width:100%}.demo__headline .number{font-size:6rem}.demo__headline .title{font-size:4.2rem;margin:-2.4rem 0 0 0}.demo__headline .subtitle{font-size:1.8rem;margin-bottom:2.4rem}}.colors{margin:0 auto}.colors>div{display:inline-block;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.colors>div.colors__accent{margin-right:-25px}@media only screen and (min-width:768px){.colors>div{width:76px;height:76px}.colors>div.colors__accent{margin-right:-38px}}.primroseyellow{background-color:#f9cf0d}.kale{background-color:#3a4631}.flame{background-color:#f2552c}.hazelnut{background-color:#f5f4f2}.greenery{background-color:#6e8f3c}.islandparadise{background-color:#96dfe4}.pinkyarrow{background-color:#ce3375}.lapisblue{background-color:#004c8e}.paledogwood{background-color:#edcdc2}.niagara{background-color:#51829e}figure{position:relative;margin-top:2.4rem;border:1px solid rgba(255,255,255,0);padding:.6rem;text-align:center;-webkit-transition:border .3s ease-in-out;-o-transition:border .3s ease-in-out;-moz-transition:border .3s ease-in-out;transition:border .3s ease-in-out}figure a{display:block;position:relative}figure figcaption{font-family:Bebas,sans-serif;font-size:2rem;line-height:1;text-transform:uppercase;letter-spacing:.2rem;color:rgba(255,255,255,.6);margin:1.2rem 0 0 0}figure .item__image{position:relative;width:100%;background-color:#000}figure .item__image .hover{display:none}figure .item__image .btn{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media only screen and (min-width:1024px){figure{margin-top:3.2rem;-webkit-transition:border .8s;-o-transition:border .8s;-moz-transition:border .8s;transition:border .8s}figure .item__image{overflow:hidden}figure .item__image .hover{z-index:2;display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}figure .item__image .btn{opacity:0;background-color:transparent;-webkit-transition:opacity .8s .3s,background-color .5s,color .5s ease-in-out;-o-transition:opacity .8s .3s,background-color .5s,color .5s ease-in-out;-moz-transition:opacity .8s .3s,background-color .5s,color .5s ease-in-out;transition:opacity .8s .3s,background-color .5s,color .5s ease-in-out}figure .item__image img{z-index:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s;transition:opacity .8s ease-in-out,-webkit-transform .8s;-o-transition:transform .8s,opacity .8s ease-in-out;-moz-transition:transform .8s,opacity .8s ease-in-out,-moz-transform .8s;transition:transform .8s,opacity .8s ease-in-out;transition:transform .8s,opacity .8s ease-in-out,-webkit-transform .8s,-moz-transform .8s}.no-touch figure:hover{border:1px solid rgba(255,255,255,.2)}.no-touch figure:hover figcaption{color:#fff}.no-touch figure:hover .item__image .hover{opacity:1}.no-touch figure:hover .item__image .btn{opacity:1}.no-touch figure:hover .item__image img{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.demo__footer{position:relative;padding:2.4rem 0;color:#fff;text-align:center;border-top:1px solid #f2552c}@media only screen and (min-width:1024px){.demo__footer{padding:2.4rem 0}}