:root{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.15em;font-family:'Roboto', 'Helvetica', sans-serif;text-rendering:optimizeLegibility;--primary-color:#f3a006;--secondary-color:#610061;--overlay-color: rgba(0, 0, 0, .45);--icon-color:#fff;--transition-speed: 300ms}.category{--lifestyle: #ebc313;--game: #4682b4;--fashion: #8847d1}*,:before,:after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}body{background-color:#1e2135}a{text-decoration:none}ul{list-style:none}p,figcaption{margin:.8em 0;line-height:1.6}.modal{display:none;position:fixed;z-index:200;top:0;bottom:0;width:100vw;height:100vh;background:rgba(51,51,51,0.4)}.container-xl{max-width:1450px;margin:0 auto;padding:.2em 0;overflow:hidden}.container-l{max-width:1250px;margin:0 auto;padding:1em;overflow:hidden}.container-m{max-width:1100px;margin:0 auto;padding:1em;overflow:hidden}.card{background-color:#f4f4f4;color:#333;border-radius:.2em;overflow:hidden}.text-primary{color:var(--primary-color)}.section-title{color:var(--primary-color);text-align:center;font-size:1.8em;font-style:italic;font-family:'Raleway', sans-serif;text-transform:uppercase;font-weight:500}.l-heading{font-size:3em;margin-bottom:1em}.m-heading{font-size:2em;font-weight:400;margin-bottom:1.7em}.s-heading{font-size:1.5em;font-weight:100;margin-bottom:1.3em;text-transform:uppercase}.btn:link,.btn:visited{display:inline-block;cursor:pointer;border:none;border-radius:.2em;color:#fff;padding:.5em 2.5em;margin-top:2em;-webkit-transition:all var(--transition-speed) ease-in-out;transition:all var(--transition-speed) ease-in-out}.btn--color:link,.btn--colorvisited{background-color:var(--primary-color)}.btn--color:hover,.btn--color:active{background-color:#e29404}.btn--animated{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s}.btn--animated:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.bg-dark{background-color:#333;color:#f4f4f4}.bg-primary{background-color:var(--primary-color);color:#f4f4f4}.bg-light{color:#c0c0c0f5;background-color:#f4f4f4}.bg-footer{background-color:#f8f8f8;color:#1e2135}.category{display:inline-block;font-size:.6em;padding:.3em .45em;margin:.5em 0;border-radius:.8em;text-transform:uppercase;border:none;color:#fff;position:relative;z-index:1}.lifestyle-color{background-color:var(--lifestyle)}.game-color{background-color:var(--game)}.fashion-color{background-color:var(--fashion)}.p-1{padding:1em}.py-1{padding:1em 0}.p-2{padding:2em}.py-2{padding:2em 0}.p-3{padding:3em}.py-3{padding:3em 0}.lead{color:#fff;margin-bottom:1em;font-family:'Roboto', sans-serif;font-weight:400;text-align:center}header{background:-webkit-gradient(linear, left top, left bottom, from(var(--overlay-color)), to(var(--overlay-color))),url("../img/showcase-1-min.jpg") no-repeat;background:linear-gradient(var(--overlay-color), var(--overlay-color)),url("../img/showcase-1-min.jpg") no-repeat;background-attachment:fixed;background-position:center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;height:100vh;color:#fff}nav{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo{letter-spacing:2px;font-family:'Raleway', sans-serif;font-style:italic;font-size:2rem;font-weight:500;-ms-grid-column-align:start;justify-self:start;z-index:1}.social>a i{margin:0 .3em;color:#fff;opacity:0.7;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.social .fa-facebook:hover{color:#3b5998;opacity:1}.social .fa-twitter:hover{color:#00acee;opacity:1}.social .fa-instagram:hover{color:#c13584;opacity:1}.social .fa-youtube:hover{color:#FF0000;opacity:1}@media (max-width: 850px){nav{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}nav .logo{-ms-grid-column-align:center;justify-self:center}nav .social{display:none}nav .menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-column-align:center;justify-self:center}}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;justify-self:flex-end}.menu li{margin:0 .3em}.menu a{padding:.4em .9em;color:#fff;border:1px solid transparent;border-radius:.2em;-webkit-transition:color .2s ease-in-out, border .2s ease-in-out;transition:color .2s ease-in-out, border .2s ease-in-out}.menu a:hover{border:1px solid var(--primary-color);color:var(--primary-color)}.menu-icons{display:none;margin-right:.5em;opacity:0;color:#f4f4f4;-webkit-transition:opacity .6s, color 2s;transition:opacity .6s, color 2s}.toggle-btn{display:none}.showcase-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);justify-items:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:90vh}.showcase-content h1{background:-webkit-gradient(linear, right top, left top, from(#fff), to(#f3a006));background:linear-gradient(to left, #fff, #f3a006);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.click:link,.click:visited{display:block;position:relative;right:16px;width:100%;margin:auto auto 0;padding:1em 0;color:var(--icon-color);-webkit-transition:all var(--transition-speed) ease-in;transition:all var(--transition-speed) ease-in}.click:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);color:var(--primary-color)}.click:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.section-intro{background-color:#192035;color:#f4f4f4;text-align:center}.section-intro .m-heading{font-weight:lighter}.section-intro .m-heading span{color:#f3a006;font-weight:normal;font-style:italic}.section-intro .slogan{margin-bottom:3em;font-size:1.1em}.section-intro .intro-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:2em}.box-intro{margin:2.2em .8em}.box-intro>div{position:relative}.box-intro .number{position:absolute;top:-10px;left:0;width:30px;height:30px;line-height:30px;background-color:#3cbebe;border-radius:50%}.box-intro img{height:10em;width:auto;margin:.5em}@media (max-width: 850px){.section-intro .intro-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:2em}}figure a{width:100%;overflow:hidden}figure img{width:100%;display:block}figure span{display:block}figure figcaption{padding:.8em}.img--animation{-webkit-transition:all .4s;transition:all .4s}.img--animation:hover{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.photo-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);-webkit-column-gap:1em;column-gap:1em;row-gap:1.2em}.photo-grid>*:first-child{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / span 2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:start}.photo-grid>*:last-child{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column:2 / -1;justify-items:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card__detail{width:100%}.photo-grid>*:nth-child(2){position:relative;background:url("../img/fashion-2.jpg") no-repeat center center/cover;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow:hidden}.photo-grid>*:nth-child(2):after{content:'';position:absolute;background:#242969;top:0;right:0;width:100%;height:100%;opacity:0.7;-webkit-transform:scale(2) translateX(60%) translateY(-60%) rotate(35deg);transform:scale(2) translateX(60%) translateY(-60%) rotate(35deg);-webkit-transition:-webkit-transform 1.5s cubic-bezier(0.2, 1, 0.3, 1);transition:-webkit-transform 1.5s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 1.5s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 1.5s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.5s cubic-bezier(0.2, 1, 0.3, 1)}.photo-grid>*:nth-child(2):hover::after{-webkit-transform:scale(2) translateX(0%) translateY(0%) rotate(35deg);transform:scale(2) translateX(0%) translateY(0%) rotate(35deg)}.photo-grid>*:nth-child(2):hover .text{opacity:1}.photo-grid .text{position:absolute;top:50%;left:0;right:0;opacity:0;z-index:1;color:#fff;text-align:center;padding:1em;-webkit-transition:opacity 1.7s cubic-bezier(0.2, 1, 0.3, 1);transition:opacity 1.7s cubic-bezier(0.2, 1, 0.3, 1);-webkit-transition-delay:transform 500ms;transition-delay:transform 500ms}.photo-grid>*:nth-child(6){position:relative;background:url("../img/lifestyle-2.jpg") no-repeat center center/cover;top:0;left:0;right:0;width:100%;height:100%;overflow:hidden}.photo-grid>*:nth-child(6)::after{content:'';position:absolute;background:#242969;top:0;left:0;width:100%;height:100%;opacity:0.7;-webkit-transform:scale(2) translateX(-67%) translateY(-67%) rotate(35deg);transform:scale(2) translateX(-67%) translateY(-67%) rotate(35deg);-webkit-transition:-webkit-transform 1.65s cubic-bezier(0.2, 1, 0.3, 1);transition:-webkit-transform 1.65s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 1.65s cubic-bezier(0.2, 1, 0.3, 1);transition:transform 1.65s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 1.65s cubic-bezier(0.2, 1, 0.3, 1)}.photo-grid>*:nth-child(6):hover:after{-webkit-transform:scale(2) translateX(0%) translateY(0%) rotate(35deg);transform:scale(2) translateX(0%) translateY(0%) rotate(35deg)}.photo-grid>*:nth-child(6):hover .text{opacity:1}.daily-photo{background:-webkit-gradient(linear, left top, left bottom, from(#1e2135), to(rgba(24,26,42,0.65))),url("../img/bg-image-min.jpg") no-repeat center center/cover;background:linear-gradient(#1e2135, rgba(24,26,42,0.65)),url("../img/bg-image-min.jpg") no-repeat center center/cover}.cycle-slideshow{width:60em;height:40em;margin:0 auto}.cycle-slideshow .slide{width:100%;height:100%;position:relative;overflow:hidden;border-radius:.25em}.cycle-slideshow .slide img{display:block;width:100%;height:100%;-webkit-transition:-webkit-transform 1.6s cubic-bezier(0.3, 1, 0.5, 1);transition:-webkit-transform 1.6s cubic-bezier(0.3, 1, 0.5, 1);transition:transform 1.6s cubic-bezier(0.3, 1, 0.5, 1);transition:transform 1.6s cubic-bezier(0.3, 1, 0.5, 1), -webkit-transform 1.6s cubic-bezier(0.3, 1, 0.5, 1)}.cycle-slideshow .slide .slide-text{position:absolute;bottom:0;width:100%;text-align:center;background-color:rgba(0,0,0,0.7);color:#f4f4f4;padding:1em;margin:0;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 1.5s cubic-bezier(0.3, 1, 0.5, 1),-webkit-transform 1s cubic-bezier(0.3, 1, 0.5, 1);transition:opacity 1.5s cubic-bezier(0.3, 1, 0.5, 1),-webkit-transform 1s cubic-bezier(0.3, 1, 0.5, 1);transition:opacity 1.5s cubic-bezier(0.3, 1, 0.5, 1),transform 1s cubic-bezier(0.3, 1, 0.5, 1);transition:opacity 1.5s cubic-bezier(0.3, 1, 0.5, 1),transform 1s cubic-bezier(0.3, 1, 0.5, 1),-webkit-transform 1s cubic-bezier(0.3, 1, 0.5, 1)}.cycle-slideshow .cycle-prev,.cycle-slideshow .cycle-next{position:absolute;top:40%;cursor:pointer;display:block;background-color:rgba(0,0,0,0.5);color:#f4f4f4;padding:.6em;z-index:100;opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms}.cycle-slideshow .cycle-next{right:0}.cycle-slideshow:hover .cycle-prev,.cycle-slideshow:hover .cycle-next{opacity:1}.cycle-slideshow:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.cycle-slideshow:hover .slide-text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.cycle-slideshow .cycle-pager{position:absolute;top:20px;z-index:100;width:100%;text-align:center}.cycle-slideshow .cycle-pager span{text-indent:100em;display:inline-block;background-color:#eee;margin:0 .6em;border-radius:50%;border:1px #333 solid;width:10px;height:10px;cursor:pointer}.cycle-slideshow .cycle-pager .cycle-pager-active{background-color:#333}@media (max-width: 768px){.cycle-slideshow{width:100%;height:50em}.cycle-slideshow .slide{width:100%;height:100%;position:relative;overflow:hidden}.cycle-slideshow .cycle-prev,.cycle-slideshow .cycle-next{opacity:1}.cycle-slideshow:focus img{-webkit-transform:scale(1.1);transform:scale(1.1)}.cycle-slideshow:focus .slide-text{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width: 500px){.cycle-slideshow{width:100%;height:100%}.cycle-slideshow .slide{width:100%;height:100%;position:relative;overflow:hidden}}.wrapper{max-width:350px;margin:60px auto;overflow:hidden;background-color:#f4f4f4;color:#6a737d;border-radius:.3em;-webkit-animation:wrapper .5s ease;animation:wrapper .5s ease}@-webkit-keyframes wrapper{from{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wrapper{from{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.wrapper .logo{margin-bottom:1em}.wrapper .logo h2{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-weight:lighter;font-size:.8em;text-align:center;margin:0}.wrapper .logo .text-logo{text-align:center;font-weight:500;font-size:1.2em;color:#6a737d}.wrapper .form-group{width:65%;margin:1.3em auto}.wrapper input{width:100%;display:block;padding:.25em 0;background:transparent;border:none;border-bottom:2px solid var(--primary-color);-webkit-transition:border-color .3s;transition:border-color .3s}.wrapper input:focus{outline:none;border-bottom:2px solid var(--secondary-color)}.wrapper label{display:none}.wrapper small{display:block;width:100%;text-align:left;color:#d6362b;visibility:hidden}.wrapper .error input{border-bottom:2px solid #d6362b}.wrapper .success input{border-bottom:2px solid #05ca05}.wrapper .error small{visibility:visible}.wrapper button{letter-spacing:1.3px;display:block;width:80%;margin:0 auto;cursor:pointer;padding:.5em;border-radius:1em;font-size:1em;color:#f4f4f4;border:none;background:-webkit-gradient(linear, left top, right top, from(gold), color-stop(#f3a006), to(#610061));background:linear-gradient(to right, gold, #f3a006, #610061)}.wrapper div{text-align:center}.wrapper div div{position:relative;top:28px;width:80%;margin:0 auto;height:1px;background-color:#b1b6bd}.wrapper div p{position:relative;display:inline-block;padding:0 .5em;z-index:1;text-align:center;background-color:#f4f4f4}.google:link,.twitter:link{display:block;width:70%;margin:1em auto;text-align:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:600;padding:.55em .7em;-webkit-transition:none;transition:none}.google:link i,.twitter:link i{margin-right:.5em}.google{background-color:#1e2135}.twitter{background-color:#00acee}.footer-form p{text-align:center}.footer-form a{color:var(--primary-color)}.footer-form a:hover{color:var(--secondary-color)}footer .top{display:none;background-color:#11142b;color:#f4f4f4;text-align:center;padding:1.2em 0;text-transform:uppercase}footer .top a{background-color:#11142b;color:#f4f4f4;padding:.6em .5em}.main-footer{font-size:.85em;font-weight:500;font-family:'Lato', sans-serif;text-align:justify}.up-footer{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);gap:1.5em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:2.2;color:#6a737d}.up-footer p{margin:0}.up-footer>*:first-child{-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}.up-footer>*:first-child ul{margin:2em 0;line-height:3}.up-footer>*:first-child li a{color:#6a737d}.up-footer>*:first-child a{color:#d4ceced3;margin:1.5em 0;margin-right:1em}.up-footer>*:nth-child(2){margin:1em;-webkit-box-sizing:content-box;box-sizing:content-box}.up-footer>*:nth-child(2) img{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:1em;width:110px;height:110px;border-radius:50%;padding:.4em;border:dashed 3px var(--primary-color);opacity:1;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.up-footer>*:nth-child(2) img:hover{opacity:.8}.down-footer{background-color:#f1f0f0fa}.down-footer .flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.down-footer .flex-container>p:nth-child(2){color:var(--primary-color)}
