Submit
Path:
~
/
/
proc
/
self
/
root
/
proc
/
self
/
root
/
proc
/
thread-self
/
root
/
home
/
getwphos
/
www
/
jewel
/
freelance-portfolio
/
File Content:
style.css
@import url(//db.onlinewebfonts.com/c/4a24899e94d8236f671c1090cd9e068c?family=Canela); *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: "sweet-sans-pro", sans-serif; margin: 0; line-height: 1.55; font-size: 18px; line-height: 30px; font-weight: 400; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 1em 0 1em 0; padding: 0; font-weight: 100; font-family: "Canela Web"; } h2 { font-family: "Canela Web"; margin-top: 16px; margin-bottom: 16px; color: #2f3033; font-size: 45px; line-height: 50px; font-weight: 400; } p { margin-bottom: 18px; font-size: 19px; line-height: 29px; } ul { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; color: #ffffff; } a:hover { text-decoration: none; } img { max-width: 100%; } .section { padding-top: 120px; padding-bottom: 120px; } /* 1 ------------- Header One ----------------*/ .mm_header_style { position: absolute; left: 0px; top: 0px; right: 0px; z-index: 100; width: 100%; padding-right: 2%; padding-left: 2%; justify-content: space-between; align-items: center; background-color: transparent; color: #fff; transition: all 300ms ease-in-out; } .mm_header_style .mm_top_header_style { line-height: 100px; display: flex; justify-content: space-between; } .mm_header_style .mm_top_header_social { display: flex; float: left; } .mm_header_style .mm_top_header_social li { margin-right: 10px; } .mm_header_style .logo { max-width: 13.5em; padding: 20px; -webkit-transition: letter-spacing 600ms ease; transition: letter-spacing 600ms ease; padding: 0; } .mm_header_style .logo img { -webkit-filter: invert(100%); filter: invert(100%); } .mm_header_style .nav { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; align-items: center; background-color: #000; z-index: 1000; opacity: 0; overflow-y: scroll; overflow-x: hidden; transform: translateX(100%); transition: 0.5s; } .mm_header_style .nav:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 2rem; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; z-index: 1000; opacity: 0; transform: scale(0); transition: opacity 0.5s; } .open .mm_header_style .nav:before { opacity: 1; transform: scale(1); } .open .mm_header_style .nav { opacity: 1; transform: scale(1); } .nav-right { display: flex; justify-content: center; align-items: center; } .block-button-text { text-transform: uppercase; font-size: 0.775em; letter-spacing: 0.25em; cursor: pointer; color: #000; } .block-button-text span { /* opacity: 0; */ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(0.75em); -ms-transform: translateY(0.75em); transform: translateY(0.75em); display: inline-block; } .callme.ready .block-button-text span, .close-btn.ready .block-button-text span, .block-button-text span { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mm_header_style .menu-toggle { width: 5.5em; height: 5.5em; cursor: pointer; z-index: 1500; margin: 0.85em; border: solid 1px #000; border-radius: 100%; 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; border-radius: 100%; position: relative; } .mm_header_style .menu-toggle .uil.uil-bars { padding: 2px 10px; background-color: rgba(102, 91, 64, 1); } .mm_header_style .menu-toggle .uil-times { transition: 0.8s; transition-property: transform; } .mm_header_style .menu-toggle .uil-times:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .menu-toggle:hover .block-button-text span:nth-child(2n) { -webkit-transform: translateY(0.15em); -ms-transform: translateY(0.15em); transform: translateY(0.15em); } .menu-toggle:hover .block-button-text span:nth-child(2n + 1) { -webkit-transform: translateY(-0.15em); -ms-transform: translateY(-0.15em); transform: translateY(-0.15em); } .open .menu-toggle { display: none; } .close-button-text { display: none; } .open .close-button-text { display: block; font-size: 0.775em; letter-spacing: 0.25em; width: 5.5em; height: 5.5em; cursor: pointer; z-index: 1500; margin: 0.85em; color: #fff; border: solid 1px #fff; border-radius: 100%; 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; border-radius: 100%; position: relative; } .mm_header_style .nav-list { list-style: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100vh; padding: 4.4rem; display: block; flex-direction: column; justify-content: space-around; z-index: 1250; transform: translateX(-100%); transition: 0.5s; } .open .mm_header_style .nav-list { transform: translateX(0); } .mm_header_style .nav-item { border-bottom: 2px solid rgba(255, 255, 255, 0.3); margin-bottom: 20px; } .mm_header_style .nav-item { margin: 0; border: none; transition: 1s; padding-left: 2.8em; position: relative; } .mm_header_style .nav-item:after { content: "0" counter(li); counter-increment: li; font-style: italic; position: absolute; top: 0; left: 0; } .mm_header_style .nav-list li a { color: #ffffff; padding: 0; font-weight: 400; text-transform: uppercase; font-size: 2.25em; line-height: 40px; position: relative; } .animated-line { position: relative; } .animated-line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border-bottom: solid 0.05em; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } a:focus .animated-line::after, a:hover .animated-line::after { width: 100%; color: #ffffff; } a:hover { color: #ffffff; } .mm_header_style .mm_header_right_one { display: flex; align-items: center; } .mm_header_style .header_site-bar { margin-left: 15px; margin-right: 15px; } .nav-footer { opacity: 1; z-index: 1250; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .nav-footer .block-button { display: block; letter-spacing: 0.1em; font-size: 0.7em; margin-bottom: 0.25em; } .nav-footer .email { font-family: "Canela Web"; font-weight: 100; font-style: normal; display: inline-block; margin: 0.25em 0 0.25em 0; font-size: 1.5em; } .nav-footer #menu-socials { display: block; font-size: 0.8em; } .nav-footer #menu-socials li { margin-top: 1.3em; display: inline-block; margin-right: 4em; } @media only screen and (max-width: 600px) { .mm_header_style .nav-list { display: block; } .mm_header_style .nav-list li { padding: 15px 0; } .mm_header_style .nav { justify-content: space-between; } } @media only screen and (max-width: 900px) { .mm_header_style .nav-list { display: block; } .mm_header_style .nav-list li { padding: 15px 0; } .mm_header_style .nav-list li a { color: #fff; padding: 0; font-size: 20px; line-height: 40px; } .mm_header_style .nav { justify-content: space-between; } .mm_header_style .mm_top_header_social { display: none; } .mm_header_style .logo { justify-content: flex-start; } } /*------------- Responsive Navigation ----------------*/ @media screen and (min-width: 900px) { .mm_header_style .nav-list { position: initial; width: initial; height: initial; background-color: transparent; justify-content: initial; flex-direction: row; transform: initial; transition: initial; } .mm_header_style .nav-item { margin: 0; border: none; } .mm_header_style .nav-item:last-child { margin-right: 0; } .active { position: relative; } .active:hover { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; left: 0; bottom: -3px; } } /* ------------- Hero ----------------*/ .section_home_top_fold_wrap { height: 100vh; min-height: 43em; } .section_home_top_fold { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5em; padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; position: relative; max-width: 100rem; margin: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .section_home_top_fold { padding-top: 9em; padding-bottom: 9em; display: -webkit-box; display: -ms-flexbox; display: flex; } .section_home_top_fold { padding-top: 11em; padding-bottom: 11em; } .section_home_top_fold .content { width: 48%; } .section_home_top_fold .title { font-size: 2.1em; font-family: "Canela Web"; line-height: 1.25; margin: 1.2em 0; position: relative; z-index: 1; margin-bottom: -0.5em; } .section_home_top_fold .title { font-size: 107px; margin-right: -3em; } .displayblock { display: block; } .section_home_top_fold .img { text-align: left; width: 52%; } .marquee-wrap { width: auto; position: absolute; bottom: 0; background-color: #faf6f3; padding-top: 1em; padding-bottom: 1.5em; left: 0; right: 0; z-index: 2; } .marquee-wrap { background-color: transparent; } .marquee-wrap .heading { padding-left: 1rem; padding-right: 1rem; max-width: 94.5rem; margin-left: auto; margin-right: auto; text-transform: uppercase; font-family: "sweet-sans-pro", sans-serif; font-display: fallback; font-size: 0.8em; line-height: 1.55; } .marquee-wrap .marquee { width: 100%; white-space: nowrap; overflow: hidden; } .marquee-wrap .marquee ul { -webkit-animation: horizontalslide 50s linear infinite; } .marquee-wrap .marquee li { display: inline-block; font-weight: 100; font-family: "Canela Web"; text-transform: uppercase; font-size: 26px; letter-spacing: 0.1em; } .marquee-wrap .marquee li::after { content: "•"; display: inline-block; vertical-align: middle; position: relative; position: relative; top: -0.15em; margin: 0 0.6em; } /* 2 ------------- side-heading ----------------*/ .section_lead_and_2_columns { padding-left: 2.5rem; padding-right: 1rem; position: relative; padding-top: 3em; padding-bottom: 5em; } .section_lead_and_2_columns { padding-top: 5em; padding-bottom: 10em; } .section_lead_and_2_columns .side-heading { top: 33.3334%; } .side-heading { width: 1em; height: 1em; position: absolute; left: 1em; top: 39%; 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; font-family: "sweet-sans-pro", sans-serif; text-transform: uppercase; letter-spacing: 0.25em; font-size: 0.7em; } .section_lead_and_2_columns .content { max-width: 74rem; margin: auto; } .lead { font-weight: 100; font-family: "Canela Web"; font-size: 1.3em; line-height: 1.325; } .lead { font-size: 2.3em; } .section_lead_and_2_columns .lead { max-width: 20em; } .section_lead_and_2_columns .columns { margin-left: 25%; max-width: 48em; } .section_lead_and_2_columns .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 6em; -moz-column-gap: 6em; column-gap: 6em; } .content p { margin: 1.65em 0; } .section_lead_and_2_columns .columns p { margin-top: 0; } .read-more { cursor: pointer; font-weight: 100; font-family: "Canela Web"; font-style: italic; text-decoration: none; padding: 0; display: inline-block; font-size: 1.2em; position: relative; color: #000; outline: 0; cursor: pointer; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; } .read-more::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; border-bottom: solid 0.05em; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } a:focus, a:hover { color: #000; } .read-more:focus::after, .read-more:hover::after { width: 0; } /* 2 ------------- Services ----------------*/ .section_services { overflow: hidden; padding-left: 1rem; padding-right: 1rem; padding-bottom: 3em; background-color: #000; } .section_services .title { font-size: 5em; margin-bottom: 0.8em; color: #fff; text-transform: uppercase; line-height: 1.25; } .section_services ul { position: relative; border-top: solid 1px #fff; } .section_services li, .section_services ul { margin: 0; padding: 0; } .section_services li { padding-right: 3em; position: relative; display: flex; padding-right: 7em; border-top: solid 1px #fff; } .section_services li a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; } .section_services li a::before { content: ""; position: absolute; top: -2px; left: -1rem; width: 0; bottom: -2px; -webkit-transition: ease-out 0.5s; -o-transition: ease-out 0.5s; transition: ease-out 0.5s; background-color: #fff; width: 0%; } .section_services li a::before { left: -2.5rem; } .section_services li .heading { font-size: 2.4em; } .section_services li p { margin: 1.65em 0; max-width: 32em; } .section_services li .arrow { position: absolute; right: 0.5em; width: auto; top: 50%; transform: translateY(-50%); } .section_services li a:focus::before, .section_services li a:hover::before { width: calc(100% + 5rem); } .section_services li a:focus .heading, .section_services li a:hover .heading { transition: 2s; -webkit-transform: translateX(1em); -ms-transform: translateX(1em); transform: translateX(1em); } .section_services li a:focus > *, .section_services li a:hover > * { color: #000; } .section_services li a:focus .paragraph, .section_services li a:hover .paragraph { color: #000; transform: translateX(0em); } .section_services li a:focus .bounce-sideways svg, .section_services li a:hover .bounce-sideways svg { color: #000; -webkit-animation-play-state: running; animation-play-state: running; } .section_services li a svg { -webkit-animation: bouncesideways 1s linear 0s infinite alternate; animation: bouncesideways 1s linear 0s infinite alternate; -webkit-animation-play-state: paused; animation-play-state: paused; width: 2em; } /* 2 ------------- bg ----------------*/ .full-screen-image { height: 100vh; /* height: calc(var(--vh) * 100); */ width: 100%; -ms-background-size: cover; background-size: cover; background-position: center; } .no-touch .full-screen-image { background-attachment: fixed; } /* 2 ------------- News ----------------*/ .section_latest_articles { overflow: hidden; } .news-cards-heading { text-align: center; display: block; padding-left: 1rem; padding-right: 1rem; font-size: 2em; margin: 1.75em auto 0.35em auto; } .news-cards-heading { font-size: 5em; } .section_latest_articles p { padding-left: 1rem; padding-right: 1rem; text-align: center; max-width: 44em; margin: 0em auto 4em auto; } .section_latest_articles p { padding-left: 2.5rem; padding-right: 2.5rem; } .newsswiper { padding-bottom: 10em; margin-right: -1px; } .newsswiper .swiper-slide { padding: 1em 2.5em; } .newsswiper .swiper-slide { border-top: 1px solid; border-bottom: 1px solid; padding: 1em 2.5em; border-right: 1px solid; height: auto; box-sizing: border-box; } .news-card { position: relative; height: 100%; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-height: 19em; padding-bottom: 5em; } .news-card .date { font-size: 0.8em; } .news-card .category { position: absolute; right: 0; font-size: 0.8em; top: 0.35em; } .news-card .heading { text-transform: uppercase; font-size: 1.9em; margin-bottom: 0; } .news-card .read-more { position: absolute; bottom: 0.8em; left: 0; font-size: 1.5em; } .newsswiper .nav-writing { position: absolute; bottom: 6.5rem; left: 50%; text-transform: uppercase; letter-spacing: 0.1em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0.75em; } .swiper-button-next, .swiper-button-prev { border-radius: 0; -webkit-tap-highlight-color: transparent; text-decoration: none; cursor: pointer; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; background: transparent; border: none; outline: none !important; content: ""; display: inline-block; vertical-align: middle; width: 2em; height: 2em; top: 0; margin: 0; } .newsswiper .swiper-button-next { top: auto; bottom: 6rem; right: 50%; -webkit-transform: translateX(10em); -ms-transform: translateX(10em); transform: translateX(10em); } .newsswiper .swiper-button-prev { top: auto; bottom: 6rem; left: 50%; -webkit-transform: translateX(-10em); -ms-transform: translateX(-10em); transform: translateX(-10em); } .swiper-button-next::after, .swiper-button-prev::after { content: "next"; display: none; } /* 2 ------------- section_simple_hi ----------------*/ .section_simple_hi { padding-left: 1rem; padding-right: 1rem; background-color: #000; padding-top: 3em; padding-bottom: 3em; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 6em; padding-bottom: 6em; } .section_simple_hi .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .section_simple_hi .inner { margin: auto; max-width: 83rem; } .section_simple_hi * { color: #fff; } .section_simple_hi .content { width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; align-content: flex-end; margin-bottom: 0; } .section_simple_hi .title { top: 0; font-size: 0.8em; margin: 0; letter-spacing: 0.05em; } .section_simple_hi .title { position: absolute; } .section_simple_hi .heading { font-size: 3.4em; } .section_simple_hi .heading { width: 100%; font-size: 2.4em; margin-bottom: 0.25em; } .read-more.white { border: none; color: #fff; line-height: 1.2; } .section_simple_hi .read-more { font-size: 1.3em; } .read-more.white:hover { color: #ffffff; } .section_simple_hi .img { width: 41%; object-fit: cover; } /* 2 ------------- Testimonial ----------------*/ .section_testimonials { position: relative; } .section_testimonials ul { position: absolute; top: 0; width: 100%; } .section_testimonials ul { height: 100%; } .section_testimonials li, .section_testimonials ul { padding: 0; margin: 0; } .section_testimonials li { height: 100vh; height: calc(var(--vh) * 100); } .section_testimonials .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .section_testimonials .content { padding-top: 3.5em; height: 100vh; height: calc(var(--vh) * 100); position: fixed; top: 0; left: 0; opacity: 0; pointer-events: none; } .section_testimonials .active .content { opacity: 1; } .section_testimonials.stick .content { position: fixed; } .section_testimonials .content .nav-title { position: absolute; top: 3em; font-size: 0.8em; left: 1rem; } .section_testimonials .content > * { width: 45%; } .section_testimonials .content .nav-title { left: 2.5rem; } .section_testimonials .active .content blockquote { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .section_testimonials blockquote p { font-style: normal; font-size: 1em; line-height: 1.5; } .section_testimonials blockquote p { font-size: 1.4em; } .section_testimonials blockquote .reference { position: relative; } .section_testimonials blockquote .reference::before { content: ""; display: inline-block; vertical-align: middle; width: 1.25em; height: 1px; background-color: #000; margin-right: 1em; } .section_testimonials blockquote .reference::before { width: 2.25em; margin-right: 2em; } .section_testimonials .active .content .img { opacity: 1; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .section_testimonials .content .img { margin-right: 0; margin-left: auto; height: 100%; padding: 0; } .section_testimonials .content .img { width: 45%; display: block; margin-right: auto; margin-left: 0; height: 0; padding-top: 56%; position: relative; -webkit-transition: 2s; -o-transition: 2s; transition: 2s; } .section_testimonials .content .img .image-bkgd { width: 100%; height: auto; display: block; height: 100%; position: absolute; top: 0; left: 0; -ms-background-size: cover; background-size: cover; } /*------------- Cta ----------------*/ .section_section_cta { position: relative; padding-left: 2.5rem; padding-right: 1rem; margin-top: 6em; margin-bottom: 6em; overflow: hidden; background-color: #faf6f3; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .side-heading { width: 1em; height: 1em; position: absolute; left: 1em; top: 39%; 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; font-family: "sweet-sans-pro", sans-serif; text-transform: uppercase; letter-spacing: 0.25em; font-size: 0.7em; } .side-heading { font-size: 0.8em; left: 2.5em; } .side-heading span { white-space: nowrap; display: block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .section_section_cta .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .section_section_cta .content { max-width: 80rem; margin: auto; } .section_section_cta .content .img { width: 54%; margin-bottom: 0; } .section_section_cta .content .img img { width: 100%; } .section_section_cta .content .text { width: 46%; } .section_section_cta .content .heading { white-space: nowrap; position: relative; margin-bottom: 0.35em; } .section_section_cta .content .heading { font-size: 5.2em; } .section_section_cta .content .heading { white-space: nowrap; } .section_section_cta .content .heading { font-size: 5.2em; } .section_section_cta .content p { padding-right: 2em; } /* 2 ------------- Subscribe ----------------*/ .section_subscribe { margin-top: 6em; margin-bottom: 6em; } .section_subscribe .nf-form-cont { text-align: center; } .ninja-forms-form-wrap *, .ninja-forms-form-wrap ::after, .ninja-forms-form-wrap ::before { -ms-box-sizing: border-box; box-sizing: border-box; } #ninja_forms_required_items, .nf-field-container { clear: both; position: relative; margin-bottom: 25px; } .label-above .field-wrap, .label-below .field-wrap { flex-direction: column; flex-flow: wrap; } .label-above .nf-field-element, .label-below .nf-field-element { margin: 0; width: 100%; } .nf-field-element { order: 15; } .nf-field-element { position: relative; } .section_subscribe .html-wrap h2 { margin: 0.25em 0; } .section_subscribe .html-wrap i, .section_subscribe .html-wrap span { font-weight: 100 !important; font-family: "Canela Web" !important; font-size: 1em !important; } .nf-input-limit { font-size: 12px; margin-top: 5px; } #ninja_forms_required_items::after, .nf-field-container::after { clear: both; content: ""; display: block; } #ninja_forms_required_items, .nf-field-container { clear: both; position: relative; margin-bottom: 25px; } .smartplaceholder .nf-field-label { top: 0.75em; left: 1em; z-index: 1; position: absolute; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; pointer-events: none; margin-bottom: 0 !important; } .nf-form-cont .nf-field-label label { font-weight: normal; margin: 0; } .field-wrap .pikaday__container, .field-wrap .pikaday__display, .field-wrap > div input, .field-wrap select, .field-wrap textarea { width: 100%; } /* ----------- Footer ----------*/ .main-footer { border-top: solid 1px; font-size: 0.8em; position: relative; text-align: center; } .main-footer header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3em 0; margin-bottom: 2.5em; } .main-footer header > ul { width: 20%; padding: 1em 2.5rem; } .main-footer #menu-services::before { font-weight: 600; content: "Services"; display: block; } .main-footer header li { margin: 0.55em 0; } .main-footer header a { text-decoration: none; color: #000; } .main-footer #menu-company::before { font-weight: 600; content: "Company"; display: block; } .main-footer #menu-socials-1::before { content: "Socials"; font-weight: 600; display: block; } .main-footer .circle-stamp { position: absolute; right: 2.5rem; font-size: 1.25em; padding: 0; } .main-footer .circle-stamp { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-footer .circle-stamp { font-size: 1em; padding: 0; margin: 1em auto; } .circle-stamp { width: 10.5em; height: 10.5em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .circle-stamp .circle { top: 0; left: 0; display: block; text-align: center; width: 100%; height: 100%; position: absolute; text-transform: uppercase; font-size: 0.85em; -webkit-animation: rotate 10s linear 1s infinite; animation: rotate 10s linear 1s infinite; } .circle-stamp .circle span { -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .circle-stamp .circle { text-align: center; text-transform: uppercase; font-size: 0.85em; } .circle-stamp .center { font-weight: 700; line-height: 1; width: 2.25em; display: block; } .circle-stamp .center svg { position: relative; right: -0.25em; width: 100%; height: auto; display: block; } .main-footer footer { color: #927763; position: relative; padding-bottom: 3em; } .main-footer footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } .main-footer footer .copyright { display: inline; } .main-footer footer > * { padding: 1em 2.5rem; width: 20%; } .main-footer footer a { color: #927763; text-decoration: none; display: block; } .main-footer footer .credit { position: absolute; right: 0; text-align: right; }
Edit
Rename
Chmod
Delete
FILE
FOLDER
Name
Size
Permission
Action
dist
---
0755
images
---
0755
js
---
0755
scss
---
0755
footer.php
11633 bytes
0644
header.php
10384 bytes
0644
index.php
42430 bytes
0644
style.css
29112 bytes
0644
N4ST4R_ID | Naxtarrr