*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:1170px){html{font-size:50%}}@media only screen and (max-width:340px){html{font-size:40%}}body{font-family:Montserrat,sans-serif;font-weight:400;color:#f5f5f5;font-size:1.6rem;background-color:#f5f5f5}.container{display:grid;grid-template-rows:80vh -webkit-min-content 40vw repeat(3,-webkit-min-content);grid-template-rows:80vh min-content 40vw repeat(3,min-content);grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[sidebar-start] 8rem [sidebar-end full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}@media only screen and (max-width:1170px){.container{grid-template-rows:6rem 80vh -webkit-min-content 40vw repeat(3,-webkit-min-content);grid-template-rows:6rem 80vh min-content 40vw repeat(3,min-content);grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}}@media only screen and (max-width:870px){.container{grid-template-rows:6rem 80vh -webkit-min-content -webkit-min-content -webkit-min-content 50vw repeat(3,-webkit-min-content);grid-template-rows:6rem 80vh min-content min-content min-content 50vw repeat(3,min-content)}}.title-1{font-size:4.5rem;font-weight:700;color:#fff}.title-2{font-size:4rem;font-weight:700;color:#f5f5f5;line-height:100%}.title-3{font-size:1.9rem;font-weight:700;color:#425844}.title-3_white{color:#fff}.title-3_green-light{color:#61a568}.title-4{font-size:1.4rem;font-weight:300;color:#61a568}.cards{background:#f5f5f5;display:grid;grid-column:center-start/center-end;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));grid-gap:4rem 6rem;padding:8rem 0}@media only screen and (max-width:340px){.cards{padding:5rem 0}}.card{background:#101d2c;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:4.5rem;transition:all .3s}.card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;grid-column:1/-1;grid-row:1/2}.card__title{grid-column:1/-1;grid-row:1/2;background:#425844;padding:1.5rem 6rem;font-weight:700;font-size:1.6rem;text-align:center;margin-bottom:1.5rem;color:#f5f5f5;width:80%;align-self:end;justify-self:center;transition:.3s;z-index:2;transform:translateY(80%)}.card__svg{width:2rem;height:2rem;margin-right:1rem}.card__btn{grid-column:1/-1}.card:hover{box-shadow:0 2rem 4rem rgba(0,0,0,.4);transform:translateY(-1rem) scale(1.03);background:#132233}.card:hover .card__svg{fill:#61a568}.card:hover .card__title{background:#61a568}.card:hover .card__btn::after{transform:translateX(400px) skewX(-45deg)}.content{margin-left:13%;display:flex}.content p{font-size:1.6rem;color:#f5f5f5;font-weight:300}.header{background:#101d2c;grid-column:full-start/col-end 6;display:grid;padding:5rem 5rem 5rem 6rem;grid-template-rows:1fr -webkit-min-content minmax(10rem,-webkit-min-content) 1fr;grid-template-rows:1fr min-content minmax(10rem,min-content) 1fr;background:url(../img/header-bg.png) center/cover no-repeat}@media only screen and (max-width:870px){.header{grid-column:full-start/full-end;grid-template-columns:1fr;padding:5rem 1.5rem}}.header__line-text{font-weight:700;font-size:1.6rem;color:#aaa;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-column-gap:2rem;align-items:center;margin-bottom:1rem}.header__line-text::after,.header__line-text::before{content:"";display:block;height:.15rem;background:#aaa}.header__img{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;grid-gap:2rem}.header__img img{height:2.5rem;-webkit-filter:brightness(70%);filter:brightness(70%)}.logo{display:inline-block;margin-bottom:8rem;transition:all .3s}.logo__img{display:block;margin:0 auto}.logo:hover{transform:scale(1.15)}.features{background:#f5f5f5;grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));padding:15rem 0;grid-gap:3rem 4rem;align-items:start}@media only screen and (max-width:1170px){.features{padding:8rem 0}}.feature{display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content);grid-gap:1.5rem 2.5rem}.feature__icon{width:4.5rem;height:4.5rem;grid-row:1/-1;transform:translateY(-1rem)}.feature__text{font-size:1.6rem;font-weight:400;line-height:113%;color:#425844}.gamers{background:#101d2c;grid-column:col-start 7/full-end;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;grid-gap:4rem 2rem;align-content:center;justify-content:center}@media only screen and (max-width:870px){.gamers{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));justify-items:center;padding:5rem 0}}@media only screen and (max-width:340px){.gamers{grid-template-columns:-webkit-min-content;grid-template-columns:min-content;justify-items:start}}.gamers__box{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-column-gap:2rem}.gamers__title{grid-column:1/-1;justify-self:center;margin-bottom:1.5rem}.gamers__img{width:7rem;height:7rem;-o-object-fit:cover;object-fit:cover}.gamers__text{align-self:center}.gamers__score{font-size:1.6rem;font-weight:300;color:#aaa}.banner-img{grid-column:full-start/col-end 4;background:#101d2c;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(24,1fr);background:url(../img/background.png) center/cover no-repeat}@media only screen and (max-width:870px){.banner-img{grid-column:1/-1}}.banner-img__img-1{width:100%;grid-column:3/15;grid-row:3/12}@media only screen and (max-width:870px){.banner-img__img-1{grid-column:2/10}}.banner-img__img-2{width:100%;grid-column:5/-1;grid-row:10/23;transform:translateX(3.5rem)}@media only screen and (max-width:870px){.banner-img__img-2{grid-column:8/15}}.banner-text{padding:6rem;grid-column:col-start 5/full-end;background:#101d2c;display:grid;align-content:center;justify-items:start}@media only screen and (max-width:870px){.banner-text{grid-column:1/-1;grid-row:5/6;padding:4rem}}.banner-text__text{margin-bottom:4rem}.sidebar{background:#425844;grid-column:sidebar-start/sidebar-end;grid-row:1/-1;display:flex;justify-content:center;align-items:flex-start;padding-top:1.5rem}@media only screen and (max-width:1170px){.sidebar{grid-column:full-start/full-end;grid-row:1/2;justify-content:flex-start;align-items:center;padding-top:0;padding-left:1rem}}.navigation__toggle{display:none}.navigation__button{background:rgba(0,0,0,0);height:6rem;width:6rem;border-radius:0;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none}@media only screen and (max-width:1170px){.navigation__button{height:7rem;width:7rem}}@media only screen and (max-width:340px){.navigation__button{height:7.5rem;width:7.5rem}}.navigation__nav{height:100%;width:0;position:fixed;top:0;right:0;z-index:150;opacity:0;visibility:hidden;transition:width .3s cubic-bezier(.68,-.6,.32,1.6),opacity .3s ease;background:#101d2c;overflow:hidden;will-change:width}.navigation__background{width:6rem;height:6rem;border-radius:50%;background:#101d2c;position:fixed;top:5.5rem;left:5.5rem;z-index:100;transition:transform .4s cubic-bezier(.68,-.6,.32,1.6);transform:scale(0);pointer-events:none;will-change:transform}@media only screen and (max-width:1170px){.navigation__background{top:1.2rem;left:1.2rem}}.navigation__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;width:100%;text-align:center;padding:0;margin:0}.navigation__item{text-align:center}.navigation__item:not(:last-child){margin-bottom:3rem}.navigation__link:link,.navigation__link:visited{font-size:3rem;color:#f5f5f5;letter-spacing:.2rem;text-decoration:none;text-transform:uppercase;background:linear-gradient(120deg,transparent 0,transparent 50%,#61a568 50%);background-size:221%;padding:1rem 2rem;transition:all .6s cubic-bezier(.68,-.6,.32,1.6);display:inline-block;font-weight:600}.navigation__link:active,.navigation__link:hover{background-position:100% 0;transform:translateX(1rem)}.navigation__toggle:checked~.navigation__background{transform:scale(60)}.navigation__toggle:checked~.navigation__nav{width:100%;opacity:1;visibility:visible}.navigation__icon{position:relative;width:5.5rem;height:5.5rem;display:inline-block;z-index:200}@media only screen and (max-width:1170px){.navigation__icon{width:6rem;height:6rem}}@media only screen and (max-width:340px){.navigation__icon{width:6.5rem;height:6.5rem}}.navigation__icon,.navigation__icon::after,.navigation__icon::before{width:4.5rem;height:.35rem;background:#f5f5f5;display:block}@media only screen and (max-width:1170px){.navigation__icon,.navigation__icon::after,.navigation__icon::before{width:5rem;height:.4rem}}@media only screen and (max-width:340px){.navigation__icon,.navigation__icon::after,.navigation__icon::before{width:5.5rem;height:.4rem}}.navigation__icon::after,.navigation__icon::before{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon::before{top:-1.1rem}@media only screen and (max-width:1170px){.navigation__icon::before{top:-1.3rem}}@media only screen and (max-width:340px){.navigation__icon::before{top:-1.4rem}}.navigation__icon::after{top:1.1rem}@media only screen and (max-width:1170px){.navigation__icon::after{top:1.3rem}}@media only screen and (max-width:340px){.navigation__icon::after{top:1.4rem}}.navigation__button:hover .navigation__icon::before{top:-1rem}.navigation__button:hover .navigation__icon::after{top:1rem}.navigation__toggle:checked+.navigation__button .navigation__icon{background:rgba(0,0,0,0)}.navigation__toggle:checked+.navigation__button .navigation__icon::before{top:0;transform:rotate(-135deg)}.navigation__toggle:checked+.navigation__button .navigation__icon::after{top:0;transform:rotate(135deg)}.gallery{background-color:#101d2c;grid-column:full-start/full-end;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,5vw);grid-gap:1.5rem;padding:1.5rem}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery__item{overflow:hidden}.gallery__item:hover{transform:scale(1.03);box-shadow:0 0 2rem rgba(255,255,255,.6);transition:all .3s}.gallery__item-1{grid-column:1/3;grid-row:1/3}.gallery__item-2{grid-column:3/span 3;grid-row:1/span 3}.gallery__item-3{grid-column:6/span 1;grid-row:1/span 2}.gallery__item-4{grid-column:7/-1;grid-row:1/span 2}.gallery__item-5{grid-column:1/span 2;grid-row:3/span 3}.gallery__item-6{grid-column:3/span 2;grid-row:4/span 2}.gallery__item-7{grid-column:5/6;grid-row:4/5}.gallery__item-8{grid-column:6/span 2;grid-row:3/span 2}.gallery__item-9{grid-row:3/span 3;grid-column:8/-1}.gallery__item-10{grid-row:6/span 2;grid-column:1/2}.gallery__item-11{grid-row:6/span 2;grid-column:2/span 2}.gallery__item-12{grid-row:6/span 2;grid-column:4/5}.gallery__item-13{grid-row:5/span 3;grid-column:5/span 3}.gallery__item-14{grid-row:6/span 2;grid-column:8/-1}.footer{background:#101d2c;grid-column:full-start/full-end;padding:8rem 3rem;border-top:solid .3rem #f5f5f5;text-align:center}.nav__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:3.5rem;justify-items:center}.nav__link:link,.nav__link:visited{font-size:1.6rem;font-weight:300;text-transform:uppercase;color:#f5f5f5;text-decoration:none;text-align:center;transition:all .3s;display:inline-block}.nav__link:active,.nav__link:hover{color:#fff;transform:translateY(-.3rem)}.nav__link::after{content:"";background:#61a568;position:absolute;top:-.7rem;right:-1rem;bottom:-.7rem;left:-1rem;z-index:-1;transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease}.nav__link:hover::after{transform:scaleX(1)}.btn{font-size:1.6rem;font-weight:700;text-transform:uppercase;color:#f5f5f5;background-color:#61a568;border:0;padding:1.5rem 3rem;transition:all .3s;overflow:hidden;position:relative}.btn::after{content:"";position:absolute;background:rgba(255,255,255,.5);width:4rem;height:10rem;opacity:.9;-webkit-filter:blur(2rem);filter:blur(2rem);left:-7rem;top:-5rem;transform:translateX(-15px) skewX(-45deg);transition:all .7s cubic-bezier(.19,1,.22,1)}.btn:hover{background-color:#425844}.btn:hover::after{transform:translateX(400px) skewX(-45deg)}.mb-sm{margin-bottom:3rem}.header__btn{align-self:start;justify-self:start}