first commit
This commit is contained in:
@@ -0,0 +1,350 @@
|
||||
:root {
|
||||
--lqd-container-width: 1250px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #e20b0b;
|
||||
--lqd-color-gradient-start: #e20b0b;
|
||||
--lqd-color-gradient-stop: #e20b0b;
|
||||
--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: 'Chivo', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.64em;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-color: #5f6973;
|
||||
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #000;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--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-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: 350px;
|
||||
}
|
||||
|
||||
/* Site Header */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
|
||||
.main-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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Banner */
|
||||
.banner:hover .row-bg-inner {
|
||||
transform: scale(1.075);
|
||||
}
|
||||
|
||||
.banner h1 {
|
||||
font-size: 110px;
|
||||
line-height: 1.15em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.banner h1 {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner h1 {
|
||||
font-size: 15vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* About */
|
||||
@media (max-width: 991px) {
|
||||
.about .module-title {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icon Box */
|
||||
@media (max-width: 991px) {
|
||||
.icon-box .iconbox {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Case Studies */
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies .module-content {
|
||||
padding-left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.case-studies .module-line {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.case-studies .module-content {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .module-img {
|
||||
margin-top: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Approach */
|
||||
.approach .ld-fh-txt-outline {
|
||||
-webkit-text-stroke-color: #d8d8d8;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.approach {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Expertise */
|
||||
.expertise .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);
|
||||
}
|
||||
|
||||
.expertise .btn-hover-reveal {
|
||||
--icon-move: 0.5em;
|
||||
--icon-ms: -1em;
|
||||
}
|
||||
|
||||
.expertise .btn-hover-reveal:hover .btn-icon i {
|
||||
opacity: 1;
|
||||
transform: translateX(1em);
|
||||
}
|
||||
|
||||
.expertise .btn-hover-reveal:hover.btn-underlined .btn-icon,
|
||||
.expertise .btn-hover-reveal:hover.btn-naked .btn-icon {
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.expertise {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.expertise .module-content {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.expertise {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.expertise .module-content {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* About Accordion */
|
||||
@media (max-width: 767px) {
|
||||
.help .module-line {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Lets Talk */
|
||||
@media (max-width: 767px) {
|
||||
.lets-talk h2 {
|
||||
font-size: 16vw;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user