*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}.main{position:relative}body{font-size:1.6rem;font-family:'Montserrat', sans-serif;position:relative}.heading__primary{font-size:3rem;letter-spacing:2px;font-weight:600;color:#333;text-align:center}@media only screen and (max-width: 550px){.heading__primary{font-size:2.5rem}}@media only screen and (max-width: 400px){.heading__primary{font-size:2rem}}.header{position:sticky;top:0;z-index:100;-webkit-transition:.5s;transition:.5s}@media only screen and (max-width: 600px){.header{background:black !important}}.footer{padding:2rem 15rem;background:black;color:gray;position:relative;z-index:20}@media only screen and (max-width: 800px){.footer{padding:2rem 5rem}}.footer img{height:4rem;display:block}.footer p{font-size:1rem;margin-top:1rem}.contact__container{padding:0 15rem;padding-bottom:10rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}@media only screen and (max-width: 800px){.contact__container{padding:2rem 5rem}}@media only screen and (max-width: 600px){.contact__container{padding:2rem}}@media only screen and (max-width: 700px){.contact__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem}}.contact__container iframe{width:100%;height:35rem;-webkit-box-flex:2;-ms-flex:2;flex:2}@media only screen and (max-width: 700px){.contact__container iframe{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.contact__details{-webkit-box-flex:1;-ms-flex:1;flex:1}@media only screen and (max-width: 700px){.contact__details{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.contact__details h2{color:#333;margin-bottom:4rem}.contact__details__container{list-style:none}.contact__details__container li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3rem;color:#333}.contact__details__container li svg{width:2rem;height:2rem;fill:#333}.contact__details__container li p{font-size:1.4rem}.contact__details__container li:not(:last-child){margin-bottom:2rem}.contact__social{margin-top:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem}.contact__social svg{width:3rem;height:3rem}.home{height:100vh;margin-top:-8.5rem;overflow:hidden;position:relative;z-index:1}@media only screen and (max-width: 800px){.home{height:70vh}}@media only screen and (max-width: 600px){.home{height:50vh}}.home__services{background:white;padding:10rem 15rem;text-align:center;position:relative;z-index:20}@media only screen and (max-width: 800px){.home__services{padding:10rem 5rem}}@media only screen and (max-width: 600px){.home__services{padding:2rem 5rem}}@media only screen and (max-width: 450px){.home__services{padding:2rem}}.home__services__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:3rem;margin-top:5rem}@media only screen and (max-width: 600px){.home__services__container{margin-top:0rem;gap:5rem}}.home__works{background:#eee;padding:10rem 15rem;position:relative;z-index:20}@media only screen and (max-width: 800px){.home__works{padding:10rem 5rem}}@media only screen and (max-width: 450px){.home__works{padding:5rem 2rem}}.home__works__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));gap:2rem;margin-top:5rem}@media only screen and (max-width: 600px){.home__works__container{margin-top:0rem}}.contact h2{color:white;margin-bottom:6rem}#myPlayer{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;min-height:100vh;z-index:10;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width: 600px){#myPlayer{-o-object-fit:contain;object-fit:contain;position:absolute;min-height:-webkit-max-content;min-height:-moz-max-content;min-height:max-content;top:8.5rem}}#video-foreground{position:fixed;top:0;left:0;width:100%;z-index:100;height:100%}.portfolio{padding:0 15rem;padding-bottom:10rem}@media only screen and (max-width: 800px){.portfolio{padding:0 5rem}}@media only screen and (max-width: 450px){.portfolio{padding:2rem}}.portfolio>div{display:grid;grid-template-columns:repeat(auto-fit, minmax(22rem, 1fr));gap:4rem}.nav{height:8.5rem;width:80vw;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav__logo{height:4rem;display:block}@media only screen and (max-width: 500px){.nav__logo{height:3.8rem}}.nav__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3rem;list-style:none;font-size:1.5rem}@media only screen and (max-width: 900px){.nav__container{display:none}}.nav__link{text-decoration:none;color:white;font-weight:600;-webkit-transition:0.2s;transition:0.2s}.nav__link:hover{color:#00ccff}.nav__responsive{display:none}@media only screen and (max-width: 900px){.nav__responsive{display:block}}.nav__responsive__list{list-style:none;position:fixed;top:50%;left:-10%;z-index:15;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);opacity:0;visibility:hidden}.nav__responsive__list li a{font-size:2rem}.nav__responsive__list li:not(:last-child){margin-bottom:2rem}.nav__responsive__inp:checked ~ .nav__responsive__list{left:50%;opacity:1;visibility:visible}.nav__responsive__background{position:fixed;top:-1rem;right:-1rem;background:black;width:1rem;height:1rem;z-index:10;border-radius:100%;-webkit-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.nav__responsive__inp:checked ~ .nav__responsive__background{-webkit-transform:scale(300);transform:scale(300)}.nav__responsive__inp:checked ~ .nav__button .nav__icon{background:transparent}.nav__responsive__inp:checked ~ .nav__button .nav__icon::after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav__responsive__inp:checked ~ .nav__button .nav__icon::before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav__button{display:-webkit-box;display:-ms-flexbox;display:flex;width:7rem;height:7rem;background-color:transparent;position:fixed;top:1rem;right:1rem;border-radius:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:20;cursor:pointer}.nav__icon{display:block;width:3rem;height:0.3rem;background:gray;position:relative;-webkit-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.nav__icon::after,.nav__icon::before{content:'';position:absolute;width:100%;height:100%;background:gray;-webkit-transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);left:0}.nav__icon::after{top:-1rem}.nav__icon::before{top:1rem}#menu{display:none}.active{color:#00ccff !important}.cardPrimary{height:33rem;-webkit-transition:.3s;transition:.3s;cursor:pointer;transition:.3s}.cardPrimary img{display:block;width:100%;height:27rem;-o-object-fit:cover;object-fit:cover}.cardPrimary__desc{height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:black;color:white;-webkit-transition:.3s;transition:.3s}.cardPrimary__desc p{font-size:1.1rem;letter-spacing:7px;position:relative;font-weight:600}.cardPrimary__desc p::after{content:'';position:absolute;width:100%;background:white;height:1px;top:100%;left:0;-webkit-transition:.3s;transition:.3s;margin-top:2px}.cardPrimary:hover .cardPrimary__desc{background:white;color:black}.cardPrimary:hover .cardPrimary__desc p::after{background:black}.cardSecondary{-webkit-transition:.3s;transition:.3s}.cardSecondary__img{position:relative;cursor:pointer}.cardSecondary__img img{display:block;width:100%;height:100%}.cardSecondary__img svg{width:5rem;height:5rem;fill:#eee;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.cardSecondary__img:hover{-webkit-box-shadow:-1px 3px 38px 5px rgba(0,0,0,0.22);box-shadow:-1px 3px 38px 5px rgba(0,0,0,0.22)}.cardSecondary__desc h2{font-size:1.6rem;font-weight:600;margin-top:1rem;text-transform:uppercase}.cardSecondary__desc h3{font-size:1.4rem;color:gray;font-weight:400}.btn{display:block;border:none;background:transparent;text-decoration:none}.btn__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20rem;padding:1rem 2rem;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;font-weight:600;font-size:1.6rem;font-family:inherit;cursor:pointer;-webkit-transition:.3s;transition:.3s;margin-top:5rem}.btn__block--black{color:black;border:1px solid black}.btn__block--black:hover{background:black;color:white}.btn__block--black:hover svg{fill:white}.btn__block--black svg{width:1rem;height:1rem;fill:black}.btn__block--white{color:white;border:1px solid white}.btn__block--white:hover{background:white;color:black}.btn__block--white:hover svg{fill:black}.btn__block--white svg{width:1rem;height:1rem;fill:white}.contact{padding:10rem;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;z-index:20}@media only screen and (max-width: 800px){.contact{padding:10rem 5rem}}@media only screen and (max-width: 450px){.contact{padding:2rem}}.contact__form input,.contact__form textarea{display:block;width:100%;outline:none;background:transparent;font-family:inherit;font-style:italic;font-weight:600;padding-bottom:1rem}.contact__form div{display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));margin-bottom:4rem;gap:2rem}.contact__home input,.contact__home textarea{border:none;font-size:1.3rem;color:#cfc9c9;border-bottom:1px solid white}.contact__home input::-webkit-input-placeholder,.contact__home textarea::-webkit-input-placeholder{font:inherit;color:currentColor}.contact__home input::-moz-placeholder,.contact__home textarea::-moz-placeholder{font:inherit;color:currentColor}.contact__home input::-ms-input-placeholder,.contact__home textarea::-ms-input-placeholder{font:inherit;color:currentColor}.contact__home input::placeholder,.contact__home textarea::placeholder{font:inherit;color:currentColor}.context{height:385px;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.8))),url("./../images/portfolio/1.webp");background-image:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8)),url("./../images/portfolio/1.webp");background-repeat:no-repeat;background-size:cover;margin-top:-8.5rem}@media only screen and (max-width: 800px){.context{padding:10rem 5rem}}@media only screen and (max-width: 450px){.context{padding:2rem}}.context__heading{max-width:70rem;width:100%;padding:3rem 8rem;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:0 1rem 2rem rgba(0,0,0,0.12);box-shadow:0 1rem 2rem rgba(0,0,0,0.12);background:white;text-transform:uppercase}@media only screen and (max-width: 600px){.context__heading{padding:2rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,0.9);-webkit-transition:.2s;transition:.2s;visibility:hidden;opacity:0}.modal__main{width:85%;height:80%;background:white}@media only screen and (max-width: 500px){.modal__main{height:60%}}.goTop{position:fixed;top:90%;right:3rem;width:4rem;height:4rem;background:black;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;visibility:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:.3s;transition:.3s}.goTop:hover{background:#262626;-webkit-transform:scale(1.05);transform:scale(1.05)}.goTop:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.goTop svg{width:1.5rem;height:1.5rem;fill:white}