385 lines
6.9 KiB
CSS
385 lines
6.9 KiB
CSS
: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);
|
|
}
|
|
}
|
|
|
|
/* ***** 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;
|
|
}
|
|
@media (max-width: 1199px) {
|
|
.module-head-sec {
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
/* ***** 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;
|
|
}
|
|
}
|
|
|
|
/* ***** About ***** */
|
|
@media (max-width: 991px) {
|
|
.about {
|
|
padding-top: 30px;
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
/* ***** Case Studies ***** */
|
|
@media (max-width: 991px) {
|
|
.case-studies h2 {
|
|
font-size: 45px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.case-studies .module-case-studies {
|
|
padding-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.case-studies .module-case-studies-2,
|
|
.case-studies .module-case-studies-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;
|
|
}
|
|
}
|
|
|
|
/* ***** Approach ***** */
|
|
@media (max-width: 991px) {
|
|
.approach h2 {
|
|
font-size: 45px;
|
|
}
|
|
}
|
|
|
|
/* ***** Footer ***** */
|
|
@media (max-width: 991px) {
|
|
.page-footer .module-first h2 {
|
|
font-size: 45px;
|
|
}
|
|
}
|
|
|
|
.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) {
|
|
.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;
|
|
}
|
|
} |