/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } /* Header */ header{ font-family: 'Poppins peernet', sans-serif !important; } .navigation { left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 12.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transition: height 400ms ease, background-color 400ms ease; transition: height 400ms ease, background-color 400ms ease; color: #000; font-size: 1.2rem; line-height: 1.875; } .nav-container { position: relative; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 80rem; padding-right: 3rem; padding-left: 1.5rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__side-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-right: -3rem; margin-left: -1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__logo-link { display: flex; align-items: center; } .nav__logo-embed { width: 8.8rem; height: 2.8rem; -webkit-transition: color 400ms ease; transition: color 400ms ease; } .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #3ac4e2; border-radius: 0; background-color: #3ac4e2; box-shadow: 4px 0 31px 0 rgb(0 127 155 / 15%); -webkit-transition: border 300ms ease, color 300ms ease, background-color 300ms ease; transition: border 300ms ease, color 300ms ease, background-color 300ms ease; color: #fff; font-size: 1.3rem; text-align: center; } .btn.is--black-transparent.is--in-nav:hover { border-color: #3ac4e2; background-color: #fff; color: #3ac4e2; } .btn__icon { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; margin-bottom: 0.2rem; margin-left: -1rem; } .btn.is--black-transparent { border-style: solid; border-width: 1px; border-color: #282828; background-color: #fff; color: #000; } .nav__burger-wrapper { display: none; } .nav__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 1rem; padding-left: 1rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav__link-text{ position: relative; } .nav__link-text::after { display: block; content: ""; height: 1px; bottom: -1px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .nav__link-text:hover::after{ width: 100%; } div.btn__text { display: inline-block; white-space: nowrap; font-family: 'Poppins', sans-serif; } /* Footer */ footer .container { width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 6.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; } .footer__down-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.8rem; padding-top: 1.1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer__up-logo-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -2rem; margin-left: -2rem; } .footer__up-link{ position: relative; } .footer__up-link::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__up-link:hover::after{ width: 100%; } .footer__up-nothing { width: 9.4rem; } .w-input, .w-select, a { color: inherit; text-decoration: inherit; font-size: inherit; } .footer__up-logo-link { margin-top: 0.7rem; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__up-link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 2rem; padding-left: 2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #000000; } .footer__up-link { overflow: hidden; } .footer__down-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -1.2rem; margin-left: -1.2rem; } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.2rem; margin-right: -0.7rem; margin-left: -0.7rem; } .footer__down-link { overflow: hidden; margin-right: 1.2rem; margin-left: 1.2rem; } .footer__down-link-text, .footer__down-link-copy { font-size: 1rem; line-height: 1.643; color: #000000; position: relative; } .footer__down-link-text::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__down-link-text:hover::after{ width: 100%; } .footer__social-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2rem; height: 2.3rem; margin-right: 0.2rem; margin-left: 0.7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__social-link-embed svg{ fill: #000000; transition: all 300ms ease; } .footer__social-link-embed:hover svg{ fill: #8f8f8f; } .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; } .footer__up-logo-embed svg{ fill: #000000; } .footer__up-link-text{ white-space: nowrap; } .open-nav { position: fixed; left: 0%; top: -100%; right: 0%; bottom: auto; display: flex; padding-top: 10rem; padding-bottom: 7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #1e1e1e; color: #676666; z-index: 0; transition: top 0.5s; } .open-nav__link.w--current { color: #FFFFFF !important; } #menuToggle { display: none; } .logoMob{ display: none; } @media screen and (max-width: 991px){ .nav__burger-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 8rem; height: 100%; padding-right: 3.2rem; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .navigation { height: 7.2rem !important; } */ .nav__link-wrapper { display: none; } .lottie-burger.is--black { position: relative; z-index: 1; -webkit-transform: translate(2rem, 0px); -ms-transform: translate(2rem, 0px); transform: translate(2rem, 0px); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .lottie-burger { width: 1.5rem; height: 1.5rem; } .footer__up-nothing{ display: none; } .open-nav__links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .open-nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .open-nav__link-text { font-size: 1.8rem; } #menuToggle { display: flex; flex-direction: column; position: relative; top: 30px; left: 25px; z-index: 1; -webkit-user-select: none; user-select: none; } #menuToggle input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; } #menuToggle span { display: flex; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #505050; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #ffffff; } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } #menuToggle input:checked ~ .open-nav{ top: 0%; transition: top 0.5s; } .logoMob{ display: block; position: absolute; left: 50px; top: 32px; } .logoMob svg{ fill: #FFFFFF; } } @media screen and (max-width: 767px){ .nav-container{ padding-right: 3rem; padding-left: 2rem; } .footer__up-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-logo-wrapper { margin-bottom: 2rem; } .footer__up-links-wrapper { margin-right: 0rem; margin-left: 0rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-link-wrapper { padding-right: 0rem; padding-left: 0rem; } .footer__up-link { padding-top: 0.6rem; padding-bottom: 0.6rem; } .footer__up-link-text { font-size: 1rem; } .footer__down-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2.4rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__down-links-wrapper { margin-top: 1.6rem; margin-right: 0rem; margin-left: 0rem; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__up-logo-embed{ display: flex; justify-content: center; } } /*# sourceMappingURL=styles.css.map */

Download Peernet Alpha 6

Recent Activity

WilsonC87, KellyeRitt, AhmedOliph, LillyGuidi, HesterQuic and 31 others joined.

Welcome Aboard!

5:06AM
SammySteph, CalebThros, MatthiasZi, Lona599384, OllieCasne and 29 others joined.

Welcome Aboard!

May 6
RenatoXxv4, StephaineG, BrittElish, MindaCimit, Kristin50Y and 49 others joined.

Welcome Aboard!

May 5
CarinUpjoh, BrittnyBus, LelandSpye, Laverne329, EzekielSte and 46 others joined.

Welcome Aboard!

May 4
Lasonya896, TaneshaRaw, KWGChelsey, LorriP286, BrendanSed and 68 others joined.

Welcome Aboard!

May 3
EdnaAmato, Kami27F607, PearlSlama, JoycelynMo, BeatrisGai and 74 others joined.

Welcome Aboard!

May 2
Serena56F, AnyaBollig, RonaldMill, NonaVanbur, RubenBerni and 49 others joined.

Welcome Aboard!

May 1
GusAlt8362, TereseXrm, FatimaMaie, RoxanaStap, SaundraCqs and 39 others joined.

Welcome Aboard!

April 30
PenneyNewl, FQKMaggie9, LyndonDumm, PrestonAni, RobertoSmi and 42 others joined.

Welcome Aboard!

April 29
ColumbusPr, WallaceStu, PamelaZamo, CarmelDupp, Santiago64 and 20 others joined.

Welcome Aboard!

April 28
Stephen369, BrigetteHu, BridgetX06, WinnieStur, LatanyaMar and 21 others joined.

Welcome Aboard!

April 27
VictoriaBe, KatlynFoga, SidneyMaki, JanisLemon, SoilaShin5 and 34 others joined.

Welcome Aboard!

April 26
MaribelCur, KathyStarr, JanelleSch, MillardInm, JeannieRub and 40 others joined.

Welcome Aboard!

April 25
DarwinMarl, LukeLawry, IgnacioVol, NickOLoghl, Warren58E9 and 22 others joined.

Welcome Aboard!

April 24
MaynardAnn, StacyQ0725, RenatoElli, DemetraBai, MarylinFlo and 40 others joined.

Welcome Aboard!

April 23
RickyCarls, Veronique1, GarryGoldf, VerleneSpa, ReneeTao71 and 49 others joined.

Welcome Aboard!

April 21
AdriannaCa, EldonHolte, LenoreLovi, StephaineY, MorganCast and 25 others joined.

Welcome Aboard!

April 20
HolleySymo, ArleenBabb, ElliotWlm, MathiasCha, JaneenAbra and 15 others joined.

Welcome Aboard!

April 19
CollinSald, Vincent626, SusannaMus, AnnabelleB, WilliemaeW and 24 others joined.

Welcome Aboard!

April 18
JudiRushin, Raqib_533664, MarianneD7, JimmyMdv27, CorazonMat and 51 others joined.

Welcome Aboard!

April 17
PilarCoffe, Trista3878, FlossieLan, TiaBrinkma, Josette207 and 44 others joined.

Welcome Aboard!

April 16
Marylin25S, Bert41C23, LatashiaGb, SonjaTout, JamikaHurl and 34 others joined.

Welcome Aboard!

April 15
TommieGonz, AnnettaMan, MarthaSteg, Derick0972, PasqualeCa and 47 others joined.

Welcome Aboard!

April 14
ArmandoChe, MadeleineL, VTCElise96, EttaThiele, DemiEichel and 49 others joined.

Welcome Aboard!

April 13
TheresaDob, LachlanChr, FaithFinch, AndersonBr, Ramonita72 and 30 others joined.

Welcome Aboard!

April 12
GeniaH7026, May18W604, MireyaGibs, JacelynCan, Mohamed700 and 91 others joined.

Welcome Aboard!

April 11
ShermanFai, JamilaChas, Vickey67X, GudrunDeCh, MonikaCris and 49 others joined.

Welcome Aboard!

April 10
QCMMadonna, EvaYuill1, AngelineAs, VirgieWalt, DarcyS5838 and 65 others joined.

Welcome Aboard!

April 9
VirgilChin, Floy12002, AlbertGkj, NigelGrass, JasonNanke and 46 others joined.

Welcome Aboard!

April 8
DeneseDobb, TyroneStar, LeticiaBul, DarlaPeppe, FlorrieHam and 26 others joined.

Welcome Aboard!

April 7

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } /* Header */ header{ font-family: 'Poppins peernet', sans-serif !important; } .navigation { left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 12.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; -webkit-transition: height 400ms ease, background-color 400ms ease; transition: height 400ms ease, background-color 400ms ease; color: #000; font-size: 1.2rem; line-height: 1.875; } .nav-container { position: relative; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; max-width: 80rem; padding-right: 3rem; padding-left: 1.5rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__side-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; margin-right: -3rem; margin-left: -1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .nav__logo-link { display: flex; align-items: center; } .nav__logo-embed { width: 8.8rem; height: 2.8rem; -webkit-transition: color 400ms ease; transition: color 400ms ease; } .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0.3rem 2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #3ac4e2; border-radius: 0; background-color: #3ac4e2; box-shadow: 4px 0 31px 0 rgb(0 127 155 / 15%); -webkit-transition: border 300ms ease, color 300ms ease, background-color 300ms ease; transition: border 300ms ease, color 300ms ease, background-color 300ms ease; color: #fff; font-size: 1.3rem; text-align: center; } .btn.is--black-transparent.is--in-nav:hover { border-color: #3ac4e2; background-color: #fff; color: #3ac4e2; } .btn__icon { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; margin-bottom: 0.2rem; margin-left: -1rem; } .btn.is--black-transparent { border-style: solid; border-width: 1px; border-color: #282828; background-color: #fff; color: #000; } .nav__burger-wrapper { display: none; } .nav__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 1rem; padding-left: 1rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .nav__link-text{ position: relative; } .nav__link-text::after { display: block; content: ""; height: 1px; bottom: -1px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .nav__link-text:hover::after{ width: 100%; } div.btn__text { display: inline-block; white-space: nowrap; font-family: 'Poppins', sans-serif; } /* Footer */ footer .container { width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 6.2rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; } .footer__down-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.8rem; padding-top: 1.1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer__up-logo-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -2rem; margin-left: -2rem; } .footer__up-link{ position: relative; } .footer__up-link::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__up-link:hover::after{ width: 100%; } .footer__up-nothing { width: 9.4rem; } .w-input, .w-select, a { color: inherit; text-decoration: inherit; font-size: inherit; } .footer__up-logo-link { margin-top: 0.7rem; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__up-link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-right: 2rem; padding-left: 2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #000000; } .footer__up-link { overflow: hidden; } .footer__down-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -1.2rem; margin-left: -1.2rem; } .footer__socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.2rem; margin-right: -0.7rem; margin-left: -0.7rem; } .footer__down-link { overflow: hidden; margin-right: 1.2rem; margin-left: 1.2rem; } .footer__down-link-text, .footer__down-link-copy { font-size: 1rem; line-height: 1.643; color: #000000; position: relative; } .footer__down-link-text::after { display: block; content: ""; height: 1px; bottom: 0px; width: 0%; left: 50%; background-color: #505050; position: absolute; -webkit-transition: width .3s ease-in-out; -moz--transition: width .3s ease-in-out; transition: width .3s ease-in-out; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .footer__down-link-text:hover::after{ width: 100%; } .footer__social-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 2rem; height: 2.3rem; margin-right: 0.2rem; margin-left: 0.7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms ease; transition: color 300ms ease; } .footer__social-link-embed svg{ fill: #000000; transition: all 300ms ease; } .footer__social-link-embed:hover svg{ fill: #8f8f8f; } .sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; } .footer__up-logo-embed svg{ fill: #000000; } .footer__up-link-text{ white-space: nowrap; } .open-nav { position: fixed; left: 0%; top: -100%; right: 0%; bottom: auto; display: flex; padding-top: 10rem; padding-bottom: 7rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #1e1e1e; color: #676666; z-index: 0; transition: top 0.5s; } .open-nav__link.w--current { color: #FFFFFF !important; } #menuToggle { display: none; } .logoMob{ display: none; } @media screen and (max-width: 991px){ .nav__burger-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 8rem; height: 100%; padding-right: 3.2rem; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } /* .navigation { height: 7.2rem !important; } */ .nav__link-wrapper { display: none; } .lottie-burger.is--black { position: relative; z-index: 1; -webkit-transform: translate(2rem, 0px); -ms-transform: translate(2rem, 0px); transform: translate(2rem, 0px); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .lottie-burger { width: 1.5rem; height: 1.5rem; } .footer__up-nothing{ display: none; } .open-nav__links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .open-nav__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .open-nav__link-text { font-size: 1.8rem; } #menuToggle { display: flex; flex-direction: column; position: relative; top: 30px; left: 25px; z-index: 1; -webkit-user-select: none; user-select: none; } #menuToggle input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; } #menuToggle span { display: flex; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #505050; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; } #menuToggle span:first-child { transform-origin: 0% 0%; } #menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; } #menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #ffffff; } #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } #menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); } #menuToggle input:checked ~ .open-nav{ top: 0%; transition: top 0.5s; } .logoMob{ display: block; position: absolute; left: 50px; top: 32px; } .logoMob svg{ fill: #FFFFFF; } } @media screen and (max-width: 767px){ .nav-container{ padding-right: 3rem; padding-left: 2rem; } .footer__up-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__up-logo-wrapper { margin-bottom: 2rem; } .footer__up-links-wrapper { margin-right: 0rem; margin-left: 0rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__up-link-wrapper { padding-right: 0rem; padding-left: 0rem; } .footer__up-link { padding-top: 0.6rem; padding-bottom: 0.6rem; } .footer__up-link-text { font-size: 1rem; } .footer__down-wrapper { height: auto; padding-top: 2rem; padding-bottom: 2.4rem; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__down-links-wrapper { margin-top: 1.6rem; margin-right: 0rem; margin-left: 0rem; padding-right: 3.2rem; padding-left: 3.2rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__up-logo-embed{ display: flex; justify-content: center; } } /*# sourceMappingURL=styles.css.map */