﻿@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eot?mm6m84");src:url("../fonts/icomoon.eot?mm6m84#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?mm6m84") format("truetype"),url("../fonts/icomoon.woff?mm6m84") format("woff"),url("../fonts/icomoon.svg?mm6m84#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-construction:before{content:""}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}::-moz-selection{color:#fff;background:#fed620}::selection{color:#fff;background:#fed620}html,body{max-width:100%}html{font-size:1em;overflow-x:hidden}@media only screen and (max-width: 36em){html{font-size:.9em}}body{font-family:"Roboto Condensed",sans-serif;color:#1d1d1d;font-weight:400;line-height:1.37em;background-color:#fff}.container{max-width:1300px;margin:0 auto;padding:0 1.5%;width:100%}@media only screen and (max-width: 62em){.container{padding:0 .8rem}}.section-home{background-image:url("./../img/our_strengths.jpg");background-color:#171717;height:85vh;min-height:600px;width:100%;-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;aspect-ratio:16/9}@media only screen and (max-width: 48em){.section-home{height:65vh}}@media only screen and (max-width: 36em){.section-home{background-image:url("./../img/our_strengths_mob.jpg")}}.section-about{background-color:#292929;color:#fdfdfd}.section-home .mask{opacity:.65;filter:alpha(opacity=85);top:0;left:0;width:100%;height:100%;background:#171717;position:absolute;transition:all .2s ease-out}.section-projects__additional{background-color:#292929;color:#fdfdfd}.section-projects__highlight{background-color:#fed61f;color:#1d1d1d;height:auto;display:flex;align-items:center;justify-content:center;padding:0 1.5%;width:100%}@media only screen and (max-width: 62em){.section-projects__highlight{padding:0 .8rem}}.section-contact,.section-services{background-color:#0a0a0a;color:#fdfdfd}.p--underline{position:relative}.p--underline::after{content:"";position:absolute;left:0;bottom:-0.7rem;width:100%;height:1px}.heading-primary--main{font-weight:300}.heading-primary--main span{font-weight:600}.heading-primary{font-size:4rem;font-family:"Roboto Condensed",sans-serif;line-height:.8em;color:#fed620;white-space:nowrap}.heading-2{font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:3.125rem;line-height:1.25em;text-align:center;text-transform:uppercase;position:relative;color:#fed620}@media only screen and (max-width: 62em){.heading-2{font-size:2.813rem}}@media only screen and (max-width: 36em){.heading-2{font-size:1.75rem}}.heading-2::after{content:"";height:3px;min-width:75px;background-color:#fed620;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.heading-3{font-family:"Roboto Condensed",sans-serif;font-weight:400;font-size:2.25em;line-height:1.25em;text-align:center;text-transform:uppercase}@media only screen and (max-width: 62em){.heading-3{font-size:2em}}@media only screen and (max-width: 36em){.heading-3{font-size:1.625em}}.heading-4{font-weight:400;font-family:"Roboto Condensed",sans-serif;line-height:1.25em;text-align:center;text-transform:uppercase}.heading--color-primary{color:#1d1d1d}.heading--color-secondary{color:#fdfdfd}.u-center-text{text-align:center}.u-margin-bottom-small{margin-bottom:1.5rem}.u-margin-bottom-medium{margin-bottom:4rem}@media only screen and (max-width: 62em){.u-margin-bottom-medium{margin-bottom:2rem}}.u-margin-bottom-big{margin-bottom:8rem}@media only screen and (max-width: 62em){.u-margin-bottom-big{margin-bottom:5rem}}.u-margin-bottom-huge{margin-bottom:10rem}.u-margin-top-small{margin-top:1.5rem}.u-margin-top-medium{margin-top:4rem}.u-margin-top-huge{margin-top:10rem}.u-padding-top-medium{padding-top:4rem}@media only screen and (max-width: 62em){.u-padding-top-medium{padding-top:2rem}}.u-padding-bottom-small{padding-bottom:1.5rem}.u-padding-bottom-medium{padding-bottom:4rem}@media only screen and (max-width: 62em){.u-padding-bottom-medium{padding-bottom:2rem}}.zoom-in{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transition:all 250ms ease}.zoom-in:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1)}@keyframes flipIn45deg{0%{transform:rotateY(90deg) rotate(45deg);opacity:0}50%{transform:rotateY(45deg) rotate(45deg);opacity:.5}100%{transform:rotateY(0deg) rotate(45deg);opacity:1}}.object-position-top{-o-object-position:top;object-position:top}.btn{font-size:16px;font-weight:200;letter-spacing:1px;padding:13px 20px 13px;outline:0;cursor:pointer;position:relative;background-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;border-radius:3px}.btn.btn-primary{border:1px solid #000;color:#fed620}.btn.btn-secondary{border:1px solid #fed620;color:#1d1d1d}.btn:after{content:"";width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s;border-radius:3px}.btn.btn-primary:after{background-color:#0a0a0a}.btn.btn-secondary:after{background-color:#fed620}.btn:hover:after{top:0px;left:0px}.btn:focus,.btn:focus-visible{outline:2px solid #707070;outline-offset:2px}.btn.btn-primary:focus,.btn.btn-primary:focus-visible{outline:2px solid #0a0a0a}.btn.btn-secondary:focus,.btn.btn-secondary:focus-visible{outline:2px solid #fed620}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:0;top:0;width:auto;height:auto;padding:1rem;background:#000;color:#fff;z-index:1000}@media(min-width: 768px){.btn{padding:13px 50px 13px}}:root{--inline-padding: 1rem}.home{width:100%;max-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fdfdfd;z-index:10;display:flex;justify-content:center;align-items:center}.home__content img{width:50%;max-width:200px}.home__content{position:absolute;top:50%;left:50%;transform:translate(-44%, -42%) rotate(-45deg)}.home .rotated-square{width:45vw;max-width:450px;height:45vw;max-height:450px;background-color:#27282a;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform:rotateY(90deg) rotate(45deg);animation:flipIn45deg 1.2s linear forwards;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px}@media only screen and (max-width: 390px){.home .rotated-square{width:calc((100vw - 2rem)/1.4142);height:calc((100vw - 2rem)/1.4142)}}.heading-primary{position:relative}@media only screen and (max-width: 62em){.heading-primary{font-size:calc(2rem + 6*(100vw - 320px)/680)}}.heading-primary::after{content:"";height:3px;min-width:75px;background-color:#fed620;position:absolute;top:150%;left:50%;transform:translateX(-50%)}.navigation{background-color:#0a0a0a}.navigation__btn{display:none;margin-right:.8rem}@media only screen and (max-width: 75em){.navigation__btn{display:block;height:70px;margin-left:1rem;height:3rem;width:3rem;border:none;margin-left:auto;background-color:#0a0a0a;z-index:1000;text-align:center;cursor:pointer}}@media only screen and (max-width: 36em){.navigation__btn{padding-top:.4rem}}.navigation__list{list-style:none;display:flex;flex-direction:row}@media only screen and (max-width: 75em){.navigation__list{flex-direction:column}}.navigation__link:link,.navigation__link:visited{font-size:1em;font-family:"Lora",serif;font-weight:500;color:#fdfdfd;text-decoration:none;text-transform:uppercase;text-align:center;padding:.7rem 2rem;transition:all .2s ease-in;background-image:linear-gradient(100deg, transparent 0%, transparent 50%, #fed620 50%);background-size:220%}.navigation__link:hover,.navigation__link:active,.selected>.navigation__link{background-position:100%;color:#fff}.navigation__icon{position:relative;margin-top:1.4rem}@media only screen and (max-width: 36em){.navigation__icon{margin-top:.5rem}}.navigation__icon,.navigation__icon::before,.navigation__icon::after{width:3rem;height:2px;background-color:#fed620;display:inline-block}.navigation__icon::before,.navigation__icon::after{content:"";position:absolute;left:0;transition:all .2s}.navigation__icon::before{top:-0.7rem}.navigation__icon::after{top:.7rem}.navigation__btn:hover .navigation__icon:before{top:-1rem}.navigation__btn:hover .navigation__icon:after{top:1rem}.navigation__btn.close .navigation__icon{background-color:transparent}.navigation__btn.close .navigation__icon::before{top:0;transform:rotate(135deg)}.navigation__btn.close .navigation__icon::after{top:0;transform:rotate(-135deg)}@media only screen and (max-width: 75em){.navigation__nav{height:100%;display:none;padding:2rem 0 1rem 0;text-align:center;width:100%}.navigation__nav.show{opacity:1;height:auto}.navigation__item{padding-bottom:1rem}}.header{background-color:#0a0a0a;display:flex;justify-content:space-between;width:100%;height:70px;align-items:center;padding:1rem;position:relative;z-index:100}@media only screen and (max-width: 62em){.header{display:block;padding:0}}@media only screen and (max-width: 36em){.header{height:60px}}.header__logo-box{display:flex;align-items:center}.header__logo-box img{height:65px;margin-left:.8rem;margin-top:3px}@media only screen and (max-width: 36em){.header__logo-box img{margin-top:5px;height:50px}}@media only screen and (max-width: 62em){.header__logo-box{float:left}}.header__slogan{color:#fed620;display:flex;flex-direction:column;align-items:center}.header__slogan--upper-part{font-family:"Cinzel",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:1.5rem}@media only screen and (max-width: 62em){.header__slogan--upper-part{font-size:calc(1rem + 6*(100vw - 320px)/680)}}.header__slogan--upper-part::after{content:"";width:100%;height:1px;background-color:#fed620;display:block}.header__slogan--lower-part{font-family:"Pacifico",cursive;font-weight:400;font-style:normal;font-size:.8rem}@media only screen and (max-width: 62em){.header__slogan--lower-part{font-size:calc(.5rem + 6*(100vw - 320px)/680)}}@supports(position: sticky){.sticky-top{position:sticky;top:0;z-index:1000;background-color:#0a0a0a;box-shadow:0 6px 20px rgba(0, 0, 0, 0.8),0 0 12px rgba(255, 255, 255, 0.08)}}.services{text-align:center}.services__card{display:flex;margin-bottom:2rem;gap:2rem;box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;background-color:#212121}@media only screen and (max-width: 62em){.services__card{flex-direction:column}}.services__img{width:100%;max-width:350px}.services__img img{width:100%;max-width:350px;height:100%}.services__text{padding:2rem 1rem 3rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.services__text h3{margin-bottom:3rem}.services .right .projects__text{text-align:right;align-items:flex-end}@font-face{font-family:"icomoon";src:url("../fonts/icomoon.eot?mm6m84");src:url("../fonts/icomoon.eot?mm6m84#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?mm6m84") format("truetype"),url("../fonts/icomoon.woff?mm6m84") format("woff"),url("../fonts/icomoon.svg?mm6m84#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-construction:before{content:""}.about .heading-2{position:relative}.about__description-container{display:flex;flex-direction:column;align-items:center;font-size:1.15em}@media only screen and (max-width: 36em){.about__description-container{font-size:1em}}.about__description{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px}.about__card{display:flex;margin-bottom:2rem;gap:3rem;box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;background:#212121;color:#fdfdfd;border-radius:3px}.about__img{width:35%;position:relative}.about__img img{position:absolute;right:-1rem;top:-1rem;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px;box-shadow:0 6px 20px rgba(0, 0, 0, 0.8),0 0 12px rgba(255, 255, 255, 0.08)}.about__img.mobile{display:none}.about__img.desktop{display:block}.about__img::before{content:"";position:absolute;height:105%;width:100%;border:2px solid #fed620;background-color:transparent;bottom:-15px;right:12px;border-radius:6px;transform:translateZ(-1px);box-sizing:content-box}.about__card:last-child .about__img::before{bottom:-19px}.about__text{width:65%;padding:2rem 3rem 3rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.about__text h3{margin-bottom:3rem}.about .right .about__text{align-items:flex-end;padding:2rem 1rem 3rem 3rem}.about .right img{left:-1rem}.about .right .about__img::before{right:-12px}.about__list{list-style:none;padding-left:0}.about__list li{position:relative;padding-left:2em;margin-bottom:1em;font-size:1.1rem;line-height:1.5}.about__list li::before{font-family:"icomoon";content:"";font-style:normal;font-weight:normal;position:absolute;left:0;top:.1em;font-size:1.2em;color:#fed620}@media screen and (max-width: 992px){.about__card{flex-direction:column;gap:1rem}.about__img{width:100%;height:200px}.about__img img{-o-object-fit:cover;object-fit:cover;right:0;top:0;left:0 !important}.about__img.mobile{display:block}.about__img.desktop{display:none}.about__img::before{width:calc(100% + 4px);height:calc(100% + 4px);right:-4px !important;bottom:-4px !important}.about__text{width:100%;padding:.5rem .7rem 1.5rem .7rem !important;text-align:center !important}.about__list{text-align:left}}.card{display:flex;flex-direction:column}.card__img{margin-bottom:1rem}.card__tittle{line-height:4rem}.card__text{margin-bottom:1rem}.card__btn{margin-top:auto;margin-bottom:1rem;align-self:center;display:flex;align-items:center}.card__icon{display:inline-flex;align-self:center;margin-right:10px}.card__icon svg{width:1rem;height:1rem;fill:#fff}.contact__title{text-align:center}.contact .title{border-bottom:1px solid #fed620}.contact__text{text-align:center}.contact__contacts{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr))}@media only screen and (max-width: 36em){.contact__contacts{display:block}}.contact__link{color:#fdfdfd;text-decoration:none}.contact__link:hover{color:#fed620}.contact__item{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem}.contact__item:last-child{grid-column:auto}@media only screen and (max-width: 62em){.contact__item:last-child{grid-column:1/span 2}}.contact__icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;background-color:#000;border-radius:50%;border:3px solid #fff;margin-bottom:1.5rem}.contact img{display:inline-block;width:35px;height:35px}.contact .heading-2::after{display:none}.contact .heading-3{text-transform:none}.footer{background-color:#000;color:#fff}.footer__copyright{padding:30px 40px;text-align:center;font-size:.8em}.footer__mail{text-decoration:none;color:#fff;margin-left:4px}.footer__mail:hover{color:#fed620}.section-projects .heading-3{position:relative}.section-projects .heading-3::after{content:"";height:3px;min-width:75px;background-color:#fed620;position:absolute;top:150%;left:50%;transform:translateX(-50%)}.section-projects__cards{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}@media only screen and (max-width: 75em){.section-projects__cards{justify-content:space-evenly}}.section-projects .card{max-width:400px;min-width:250px;background-color:#212121;padding:2rem 1rem 3rem 1rem;text-align:center;border-radius:3px;position:relative;transform-style:preserve-3d;margin-top:1rem}.section-projects .card__img{height:150px;overflow:hidden;margin-top:-2rem;margin-inline:-1rem;border-radius:3px;position:relative}.section-projects .card__img::after{content:"";position:absolute;inset:0;background-color:rgba(0, 0, 0, 0.4);pointer-events:none}.section-projects .card img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.section-projects .card::before{content:"";position:absolute;height:100%;width:100%;border:2px solid #fff;background-color:#fed620;bottom:-10px;right:-10px;border-radius:6px;transform:translateZ(-1px);box-sizing:content-box}.section-projects .cta-text{z-index:1}.cta-text{margin-top:2rem;font-size:1.1rem;display:flex;flex-direction:column;align-items:center}.cta-text span{margin-right:.7rem;margin-bottom:1rem}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6)}.modal__conatiner{display:flex;justify-content:center;align-items:center;height:100%}.form{z-index:1;background:#000;color:#fdfdfd;padding:2rem;border-radius:3px;width:90%;max-width:400px;position:relative}.form__close-btn{position:absolute;top:.5rem;right:1rem;cursor:pointer;font-size:1.5rem;display:inline-block;font-size:2rem;font-weight:bold;color:#fed620;background:transparent;border:none;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:transform .2s,color .2s;outline:none}.form__close-btn:hover,.form__close-btn:focus{color:#c9a100;transform:scale(1.2)}.form__close-btn:focus-visible{outline:2px solid #fed620;outline-offset:4px;border-radius:4px}.form .heading-4{margin-top:1rem;margin-bottom:.5rem}.form input,.form textarea{width:100%;background-color:#212121;border:1px solid #292929;color:#fdfdfd;border-radius:3px;padding:.5rem;margin-top:.25rem}.form input:focus,.form input:focus-visible,.form textarea:focus,.form textarea:focus-visible{outline:2px solid #707070}.form label{display:flex;flex-direction:column-reverse}.form label>span{transition:all .2s;transform-origin:top left}.form label>input[placeholder=" "]:not(:focus):-moz-placeholder-shown+span,.form label>textarea[placeholder=" "]:not(:focus):-moz-placeholder-shown+span{transform:translateY(1.8em) translatex(5px) scale(1.25);pointer-events:none;opacity:.7}.form label>input[placeholder=" "]:not(:focus):placeholder-shown+span,.form label>textarea[placeholder=" "]:not(:focus):placeholder-shown+span{transform:translateY(1.8em) translatex(5px) scale(1.25);pointer-events:none;opacity:.7}.form label>textarea{resize:vertical;min-height:6rem;font-family:inherit}.form .field-error{border:2px solid red}.form .error-message{color:red;font-size:.9rem;margin-top:.25rem}.form .counter{font-size:.85rem;color:#666;margin-top:.25rem;text-align:right}.form .btn{float:right;margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=style.css.map */
