first commit
This commit is contained in:
@@ -0,0 +1,175 @@
|
||||
/* ***** Site Header ***** */
|
||||
.main-header.is-stuck .lqd-head-sec-wrap {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap {
|
||||
--padding-top: 5vh;
|
||||
--padding-bottom: 5vh;
|
||||
}
|
||||
|
||||
.nav-trigger:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav-trigger.style-2 .bar:before,
|
||||
.nav-trigger.style-2 .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* ***** Typography ***** */
|
||||
@media (max-width: 991px) {
|
||||
h2.module-h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
h2.module-h2 {
|
||||
font-size: 9.5vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .module-title {
|
||||
margin-bottom: -12%;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner h1 {
|
||||
font-size: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner h1 {
|
||||
font-size: 8vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box ***** */
|
||||
@media (max-width: 991px) {
|
||||
.text-box {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
@media (max-width: 991px) {
|
||||
.icon-box h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.icon-box .module-icon-box {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.icon-box .module-icon-box-2,
|
||||
.icon-box .module-icon-box-3 {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Accordion Design ***** */
|
||||
.accordion-design .accordion-item.active .accordion-title a {
|
||||
border-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.accordion-design h2 {
|
||||
margin-bottom: 1.25em;
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.accordion-design h2 {
|
||||
font-size: 11vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Team ***** */
|
||||
@media (max-width: 991px) {
|
||||
.team {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.team .module-spacer {
|
||||
height: 55px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 767px) {
|
||||
.clients-page .ld-img-hover-opacity {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials-page .carousel-dots {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-slides-current {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-slides-numbers svg,
|
||||
.testimonials-page .lqd-carousel-slides-numbers {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-numbers-line path {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.testimonials-page .lqd-carousel-numbers-line path:last-of-type {
|
||||
stroke: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.testimonials-page {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Awards ***** */
|
||||
@media (max-width: 991px) {
|
||||
.awards h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
@media (max-width: 991px) {
|
||||
.page-footer .module-first h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
:root {
|
||||
--lqd-h2-line-height: 0.85em;
|
||||
}
|
||||
|
||||
/* ***** Page Footer ***** */
|
||||
.page-header .lqd-stickybar-wrap {
|
||||
--padding-top: 5vh;
|
||||
--padding-bottom: 80px;
|
||||
}
|
||||
|
||||
/* ***** Banner Case Studies ***** */
|
||||
@media (max-width: 991px) {
|
||||
.banner-case-studies {
|
||||
padding-top: 160px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.banner-case-studies h1 {
|
||||
font-size: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner-case-studies h1 {
|
||||
font-size: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Section Navigation ***** */
|
||||
.section-navigation .module-navigation {
|
||||
max-width: 1170px;
|
||||
}
|
||||
|
||||
.section-navigation .lqd-scrl-indc-el {
|
||||
background-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.section-navigation .module-navigation {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ***** Services Accordion ***** */
|
||||
@media (max-width: 767px) {
|
||||
.services-accordion {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.services-accordion .module-first {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.services-accordion .accordion-expander {
|
||||
right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies Row ***** */
|
||||
.case-studies-row .lqd-fb-style-6 .lqd-fb-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.case-studies-row .lqd-fb-style-6 .lqd-fb-content h6 {
|
||||
letter-spacing: 0.2em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies-row .lqd-fb-content-inner {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Careers ***** */
|
||||
.careers .module-sticky {
|
||||
top: calc(var(--lqd-sticky-header-height, 0) + 90px);
|
||||
}
|
||||
|
||||
.careers .btn-hover-reveal {
|
||||
--icon-move: 0.5em;
|
||||
--icon-ms: -1em;
|
||||
}
|
||||
|
||||
.careers .btn-hover-reveal:hover .btn-icon i {
|
||||
opacity: 1;
|
||||
transform: translateX(1em);
|
||||
}
|
||||
|
||||
.careers .btn-hover-reveal:hover.btn-underlined .btn-icon,
|
||||
.careers .btn-hover-reveal:hover.btn-naked .btn-icon {
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.careers .module-content {
|
||||
padding-right: 7%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.careers .module-content {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.careers {
|
||||
padding-bottom: 70px;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.careers .module-spacer {
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.careers {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.careers .module-content {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
@media (max-width: 991px) {
|
||||
.process {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.process .module-icon-box {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
@media (max-width: 991px) {
|
||||
.how-it-work {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work .module-title {
|
||||
margin-bottom: 0.35em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-left-padding: 25px;
|
||||
}
|
||||
|
||||
/* ***** About Us ***** */
|
||||
@media (max-width: 767px) {
|
||||
.about-us {
|
||||
padding-top: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Hero ***** */
|
||||
.hero {
|
||||
padding-top: 18vw;
|
||||
padding-bottom: 18vw;
|
||||
}
|
||||
.hero:hover .row-bg-inner {
|
||||
transform: scale(1.075);
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.hero {
|
||||
padding-top: 150px;
|
||||
padding-bottom: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Services ***** */
|
||||
@media (max-width: 991px) {
|
||||
.services {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.services .module-title {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Portfolio ***** */
|
||||
.portfolio .carousel-items {
|
||||
margin-inline-start: -1.5%;
|
||||
margin-inline-end: -1.5%;
|
||||
}
|
||||
.portfolio .carousel-item {
|
||||
width: 36.3636%;
|
||||
flex-basis: 36.3636%;
|
||||
padding-inline-start: 1.5%;
|
||||
padding-inline-end: 1.5%;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.portfolio .carousel-item {
|
||||
width: 66.6667%;
|
||||
flex-basis: 66.6667%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Team ***** */
|
||||
@media (max-width: 991px) {
|
||||
.team {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.team h2 {
|
||||
font-size: 42px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.team {
|
||||
padding-top: 0;
|
||||
}
|
||||
.team h2 {
|
||||
font-size: 35px;
|
||||
}
|
||||
.team .module-first {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.team .module-last {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
@media (max-width: 991px) {
|
||||
.banner-our-approach {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.banner-our-approach h1 {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner-our-approach h1 {
|
||||
font-size: 17vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Services ***** */
|
||||
@media (max-width: 991px) {
|
||||
.services .module-title {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
@media (max-width: 991px) {
|
||||
.icon-box .iconbox {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** What We Do ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.what-we-do .module-content {
|
||||
padding-left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.what-we-do .module-line {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.what-we-do .module-content {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.what-we-do .module-img {
|
||||
margin-top: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Steps ***** */
|
||||
.steps .ld-fh-txt-outline {
|
||||
-webkit-text-stroke-color: #d8d8d8;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.steps {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Our vision ***** */
|
||||
.our-vision .module-content {
|
||||
-webkit-backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1);
|
||||
backdrop-filter: blur(7px) saturate(1) brightness(1.25) contrast(1) grayscale(0) hue-rotate(0deg) sepia(1) opacity(1);
|
||||
}
|
||||
|
||||
.our-vision .btn-hover-reveal {
|
||||
--icon-move: 0.5em;
|
||||
--icon-ms: -1em;
|
||||
}
|
||||
|
||||
.our-vision .btn-hover-reveal:hover .btn-icon i {
|
||||
opacity: 1;
|
||||
transform: translateX(1em);
|
||||
}
|
||||
|
||||
.our-vision .btn-hover-reveal:hover.btn-underlined .btn-icon,
|
||||
.our-vision .btn-hover-reveal:hover.btn-naked .btn-icon {
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.our-vision {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.our-vision .module-content {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-vision {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.our-vision .module-content {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About Accordion ***** */
|
||||
@media (max-width: 767px) {
|
||||
.about-accordion .module-line {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Lets Talk ***** */
|
||||
@media (max-width: 767px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 16vw;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,251 @@
|
||||
/* ***** Banner ***** */
|
||||
.lqd-vslider-scrn {
|
||||
height: 950px;
|
||||
}
|
||||
|
||||
.banner .lqd-vslider-scrn {
|
||||
height: calc(100vh - 110px);
|
||||
}
|
||||
|
||||
.ld-fancy-heading .split-inner {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner .lqd-vslider-ext .module-item {
|
||||
padding: 1rem 1rem 0;
|
||||
}
|
||||
|
||||
.banner .lqd-vslider-menu .module-item {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .ld-fancy-heading h2 {
|
||||
font-size: 18vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
|
||||
.lqd-vslider-menu a {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients {
|
||||
margin-inline-end: 2.5vw;
|
||||
margin-inline-start: 2.5vw;
|
||||
}
|
||||
|
||||
/* ***** Text Box Single ***** */
|
||||
@media (max-width: 991px) {
|
||||
.text-box-single .ld-fancy-heading h1 {
|
||||
font-size: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box-single .ld-fancy-heading h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.text-box-single .ld-fancy-heading p {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** FAQ ***** */
|
||||
.faq .btn-icon-circle.btn-icon-ripple .btn-icon:before {
|
||||
border-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.faq {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.faq .lqd-imggrp-single {
|
||||
padding-inline-end: 15px;
|
||||
padding-inline-start: 15px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.faq .module-col {
|
||||
padding-inline-start: 30px;
|
||||
}
|
||||
|
||||
.faq .lqd-imggrp-content {
|
||||
order: 2;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.faq .module-text h6 {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq .module-col {
|
||||
padding-inline-end: 15px;
|
||||
padding-inline-start: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box Number ***** */
|
||||
.text-box-number .ld-fh-txt-outline {
|
||||
-webkit-text-stroke-color: rgb(234, 234, 234);
|
||||
}
|
||||
|
||||
.text-box-number .module-box-1 h6 {
|
||||
top: -0.4em;
|
||||
inset-inline-start: 240px;
|
||||
}
|
||||
|
||||
.text-box-number .module-box-2 h6 {
|
||||
top: -0.6em;
|
||||
inset-inline-start: 220px;
|
||||
}
|
||||
|
||||
.text-box-number .module-box-3 h6 {
|
||||
top: -0.7em;
|
||||
inset-inline-start: 150px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.text-box-number .module-box-1 h6,
|
||||
.text-box-number .module-box-2 h6,
|
||||
.text-box-number .module-box-3 h6 {
|
||||
position: relative;
|
||||
top: 0;
|
||||
inset-inline-start: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Bananas Banner ***** */
|
||||
.bananas-banner .lqd-bnr-bnns .module-sticky {
|
||||
inset-inline-start: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.bananas-banner .lqd-bnr-bnns-h {
|
||||
font-size: 5vw;
|
||||
}
|
||||
|
||||
/* ***** Carousel Text ***** */
|
||||
.lqd-fade-sides.carousel-container {
|
||||
mask-image: none;
|
||||
-webkit-mask-image: none;
|
||||
}
|
||||
|
||||
.lqd-fade-sides.carousel-container .flickity-viewport {
|
||||
mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
|
||||
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 20%, #000 80%, transparent 100%);
|
||||
}
|
||||
|
||||
.carousel-text .ld-fancy-heading .ld-fh-txt-outline {
|
||||
-webkit-text-stroke-color: rgba(0, 0, 0, 0.33);
|
||||
-webkit-text-stroke-width: 1px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.carousel-text .ld-fancy-heading h2 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies ***** */
|
||||
.case-studies .liquid-filter-items-label {
|
||||
margin-bottom: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.case-studies .liquid-filter-items {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.case-studies .lqd-pf-item {
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li,
|
||||
.case-studies .liquid-filter-items-inner .btn:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li.active,
|
||||
.case-studies .filter-list li.hover {
|
||||
color: #c10909;
|
||||
}
|
||||
|
||||
.lqd-pf-item:hover .lqd-pf-img>figure {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.lqd-pf-item-style-2 .lqd-pf-overlay-bg i {
|
||||
transition-timing-function: cubic-bezier(.23, 1, .32, 1);
|
||||
transform: translateX(-20px);
|
||||
}
|
||||
|
||||
.lqd-pf-item-style-2:hover .lqd-pf-overlay-bg i {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
@media (max-width: 540px) {
|
||||
.case-studies .lqd-pf-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .carousel-nav .flickity-button {
|
||||
font-size: 20px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ***** Carousel Image ***** */
|
||||
.carousel-image {
|
||||
margin-bottom: -12%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.carousel-image {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.carousel-image .carousel-item {
|
||||
width: 66.666%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .module-top {
|
||||
padding-top: 12%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.main-footer .module-top {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.main-footer .module-top h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-top h2 {
|
||||
font-size: 13.5vw;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,208 @@
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #e20b0b;
|
||||
--lqd-body-text-color: #626974;
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-blue-900: #0a1e26;
|
||||
--lqd-color-gray-100: #f2f2f2;
|
||||
--lqd-color-gray-200: #e6e6e6;
|
||||
--lqd-color-gray-300: #b7b9c4;
|
||||
--lqd-color-gray-400: #7a7a7a;
|
||||
--lqd-color-gray-500: #666666;
|
||||
--lqd-color-gray-600: #3a3a3a;
|
||||
--lqd-color-gray-700: #202020;
|
||||
--lqd-color-gray-800: #151515;
|
||||
--lqd-color-gray-900: #191919;
|
||||
--lqd-color-green-700: #121b1d;
|
||||
--lqd-color-green-900: #0b1415;
|
||||
--lqd-color-slate-300: rgba(9, 94, 193, 0.11);
|
||||
--lqd-color-slate-400: #99a4a8;
|
||||
--lqd-color-red-100: rgba(193, 9, 9, 0.11);
|
||||
--lqd-color-red-300: #f03a22;
|
||||
--lqd-color-red-500: #c41313;
|
||||
--lqd-color-yellow-500: #ffda01;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-line-height: 1.64em;
|
||||
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #000;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h1-line-height: 1em;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-line-height: 1.25em;
|
||||
--lqd-h3-font-size: 30px;
|
||||
--lqd-h3-line-height: 1.4em;
|
||||
--lqd-h4-font-size: 28px;
|
||||
--lqd-h5-font-size: 18px;
|
||||
--lqd-h5-line-height: 1.21em;
|
||||
--lqd-h6-font-size: 13px;
|
||||
--lqd-h6-font-weight: 700;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-letter-spacing: 0.1em;
|
||||
|
||||
--lqd-cc-size-inner: 12px;
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: #fff;
|
||||
--lqd-cc-active-bc: #fff;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
h2.text-init {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
.one-bullet-list li:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
margin-inline-end: 1em;
|
||||
border-radius: 50em;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
|
||||
.main-header .btn-solid {
|
||||
--btn-ps: 1.5em;
|
||||
--btn-pe: 1.5em;
|
||||
}
|
||||
|
||||
.main-header .main-nav .link-sup {
|
||||
top: -2em;
|
||||
inset-inline-end: 1em;
|
||||
font-size: .625em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap .nav-trigger {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
/* Left Sticky */
|
||||
.main-header .lqd-stickybar-wrap {
|
||||
--padding-top: 22px;
|
||||
}
|
||||
|
||||
.main-header .is-stuck .lqd-stickybar-wrap {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-inline-start .lqd-head-col:not(:first-child) {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd>.nav-trigger {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.main-header .lqd-active-row-dark .nav-trigger .bar:before,
|
||||
.main-header .lqd-active-row-dark .nav-trigger .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.main-header .lqd-active-row-dark .lqd-scrl-indc-line {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* Left Side */
|
||||
.main-header .ld-module-dropdown {
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
/* ***** Site Header ***** */
|
||||
.site-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 15px;
|
||||
}
|
||||
|
||||
.site-header .module-dropdown {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lqd-modal[data-modal-type=fullscreen] {
|
||||
padding: 25px 2em;
|
||||
}
|
||||
|
||||
.lqd-contact-form {
|
||||
--input-margin-bottom: 13px;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-left-padding: 10px;
|
||||
--lqd-menu-items-right-padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .lqd-modal-content {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.lity-modal .lqd-modal-content .module-col {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact Info ***** */
|
||||
@media (max-width: 767px) {
|
||||
.contact-info .module-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Lets Talk ***** */
|
||||
@media (max-width: 991px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 16vw;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Page Footer ***** */
|
||||
@media (max-width: 991px) {
|
||||
.page-footer .module-top {
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user