/* * 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

MarylinAgu, JonColling, PennyMurak, DonnaBracy, ShaylaGriv and 29 others joined.

Welcome Aboard!

May 29
TitusCurle, BlondellU6, EricHugh73, VioletI86, FreddieBel and 43 others joined.

Welcome Aboard!

May 28
EdytheCrof, MireyaI55, DakotaORei, SolomonHer, MattdeCast and 41 others joined.

Welcome Aboard!

May 27
XiomaraBel, Samara0099, LolaCancho, ShereeWool, KandiceNax and 45 others joined.

Welcome Aboard!

May 26
ZoraMudie4, MarkoRosen, CliftonEmoto, CandraObri, HamishMcda and 24 others joined.

Welcome Aboard!

May 25
LethaKnott, MaryMoris, AveryMenke, NicholasLo, GenaHender and 35 others joined.

Welcome Aboard!

May 24
RaulColsto, MarciaDami, ShalandaBe, AngusTrout, KateCollea and 16 others joined.

Welcome Aboard!

May 23
NobleMurch, GlenThibea, DustyGwend, JZSClaudia, TamaraBobo and 30 others joined.

Welcome Aboard!

May 22
Augustus81, MichaelMcW, SantiagoSer, CarmaPatto, TawannaMcc and 31 others joined.

Welcome Aboard!

May 21
KandaceNew, DBVCoral70, MelissaSou, France96O, MarcyHiggi and 43 others joined.

Welcome Aboard!

May 20
BrennaPare, KellyAsbur, john, UTWKari188, EvelynAlli and 29 others joined.

Welcome Aboard!

May 19
AngeloCoug, SusannaAul, EliseSena4, MickeyLama, KirkIbarra and 37 others joined.

Welcome Aboard!

May 18
EltonStreh, GerardHodg, JaiLapham3, ShelliIpb9, LesleyKorn and 28 others joined.

Welcome Aboard!

May 17
EmiliaManc, JoeMcCoin, GenieAdame, TressaBaca, ZoeMercier and 19 others joined.

Welcome Aboard!

May 16
PhilomenaC, MarshallKe, MilesSaiz, FranklinAp, BerryLawle and 27 others joined.

Welcome Aboard!

May 15
ShayLuse1, JeremiahHa, VickiMarcu, CathrynKir, MargretHer and 14 others joined.

Welcome Aboard!

May 14
DonnyWinte, AlvaChurch, TamieBiw17, ChrisNtk54, DewayneVan and 40 others joined.

Welcome Aboard!

May 13
SherlynGra, WillisDrur, CliffFream, RoseannAng, RubenGanno and 39 others joined.

Welcome Aboard!

May 12
GSHMelanie, HermanPan5, KayleneAll, CurtGutman, MichaleEpa and 40 others joined.

Welcome Aboard!

May 11
RefugiaWcr, KarolynHer, OrvalMarti, ZacheryFaw, ThadRobins and 46 others joined.

Welcome Aboard!

May 10
CharaFree, RosarioMcL, IleneVerno, AudreaFitz, ChanaBohm and 23 others joined.

Welcome Aboard!

May 9
RetaBehren, PDHHamish9, YvetteI060, BonitaPoll, KelliTakas and 53 others joined.

Welcome Aboard!

May 8
ShellyKeth, TitusBorri, StepanieFe, DHBUna5353, EarnestMcK and 47 others joined.

Welcome Aboard!

May 7
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

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 */