initial commit
This commit is contained in:
victorAnumudu
@@ -0,0 +1,62 @@
|
||||
/* ***** Banner ***** */
|
||||
@media (max-width: 991px) {
|
||||
.banner h1 {
|
||||
font-size: 8vw;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Module Sec ***** */
|
||||
.module-sec {
|
||||
padding-top: 10vh;
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
.module-sec h2 {
|
||||
font-size: 9vw;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.module-sec {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Help ***** */
|
||||
.help .module-accordion a {
|
||||
padding-right: 30px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.help {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.help .module-col {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.help .module-accordion {
|
||||
margin-top: 0;
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.help .module-accordion {
|
||||
margin-top: 50px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 991px) {
|
||||
.clients .module-client {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.clients {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
:root {
|
||||
--lqd-container-width-lg: 1170px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-container-width-xs: 100%;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #f13c46;
|
||||
--lqd-color-gradient-start: #f42958;
|
||||
--lqd-color-gradient-stop: #f42958;
|
||||
--lqd-color-blue-100: #d1f0fc;
|
||||
--lqd-color-blue-700: #004ac7;
|
||||
--lqd-color-brown-700: #5a220c;
|
||||
--lqd-color-gray-800: #1f1f1f;
|
||||
--lqd-color-gray-900: #141414;
|
||||
--lqd-color-purple-100: #d7c9f6;
|
||||
--lqd-color-purple-700: #2f1c58;
|
||||
--lqd-color-red-100: #ffc1c5;
|
||||
--lqd-color-red-300: #ff4e5c;
|
||||
--lqd-color-slate-100: #e8fcff;
|
||||
--lqd-color-slate-200: #d5f5ff;
|
||||
--lqd-color-orange-100: #ffc29b;
|
||||
/* */
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.5em;
|
||||
--lqd-body-font-size: 1em;
|
||||
--lqd-body-color: #000000;
|
||||
/* */
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 22px;
|
||||
--lqd-h6-font-size: 17px;
|
||||
/* */
|
||||
--lqd-cc-size-inner: 17px;
|
||||
--lqd-cc-bg: rgb(32, 38, 76);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: rgba(0, 0, 0, 0.68);
|
||||
--lqd-cc-active-bc: rgba(0, 0, 0, 0.68);
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav-trigger .bars:before {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 22px;
|
||||
--lqd-menu-items-left-padding: 22px;
|
||||
}
|
||||
.main-header .module-navbar.show {
|
||||
display: inline-flex;
|
||||
}
|
||||
.main-header .main-nav-trigger:hover .bars:before {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.main-header .main-nav .link-sup {
|
||||
top: -2em;
|
||||
right: 1em;
|
||||
}
|
||||
.submenu-expander:before {
|
||||
content: '\ea2f';
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font: normal 1em/1 'lqd-essentials';
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
.main-footer .footer-content {
|
||||
padding-right: 12vw;
|
||||
padding-left: 12vw;
|
||||
}
|
||||
.main-footer .module-btn {
|
||||
font-size: clamp(60px, 8vw, 70px);
|
||||
}
|
||||
.main-footer .module-title {
|
||||
font-size: 3vw;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 100px 7vw;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.main-footer .module-title {
|
||||
font-size: 35px;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.main-footer .module-space {
|
||||
height: 50px;
|
||||
}
|
||||
.main-footer .module-info {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-email {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,720 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1220px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-x: 0;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #000000;
|
||||
--lqd-body-text-color: #000000;
|
||||
--lqd-color-accent: #f7fd92;
|
||||
--lqd-color-dark: #1A1D21;
|
||||
--lqd-badge-color: rgba(255, 255, 255, 0.678);
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 13px;
|
||||
--lqd-body-line-height: 1.23em;
|
||||
|
||||
--lqd-accent-font-family: 'Playfair Display', serif;
|
||||
--lqd-accent-font-weight: 400;
|
||||
|
||||
--lqd-heading-font-family: 'Space Grotesk', sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-heading-color: var(--lqd-color-primary);
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h2-font-size: 42px;
|
||||
--lqd-h2-letter-spacing: -0.8px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h3-line-height: 1.31em;
|
||||
--lqd-h3-letter-spacing: -0.4px;
|
||||
--lqd-h4-font-size: 29px;
|
||||
--lqd-h4-letter-spacing: -0.4px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h5-line-height: 1.2em;
|
||||
--lqd-h6-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h6-font-size: 14px;
|
||||
--lqd-h6-font-weight: 500;
|
||||
--lqd-h6-line-height: 1.2em;
|
||||
|
||||
--lqd-cc-size-inner: 25px;
|
||||
--lqd-cc-bg: #fff;
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: #fff;
|
||||
--lqd-cc-active-bc: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-blend-mode: difference;
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
.button {
|
||||
font-family: var(--lqd-heading-font-family);
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 30px 0;
|
||||
--input-margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.lity-modal 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;
|
||||
}
|
||||
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .container {
|
||||
padding: 30px 15px;
|
||||
}
|
||||
|
||||
.lity-modal .module-info,
|
||||
.lity-modal .module-form {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 16px;
|
||||
--lqd-menu-items-right-padding: 40px;
|
||||
--lqd-menu-items-bottom-padding: 16px;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd .main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 60px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.module-mobile-nav .main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 40px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.module-mobile-nav .ld-module-dropdown {
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.module-mobile-nav .module-col-inner {
|
||||
padding: 35px;
|
||||
}
|
||||
|
||||
.module-mobile-nav .lqd-menu-counter-right li a {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) and (max-width: 1400px) {
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .module-logo {
|
||||
padding: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-header .ld-module-sd .main-nav {
|
||||
--lqd-menu-items-bottom-padding: 25px;
|
||||
}
|
||||
|
||||
.module-mobile-nav .lqd-menu-counter-right li a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.main-header .module-header {
|
||||
padding: 20px 20px 0;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd .module-social {
|
||||
bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Stickybar Right ***** */
|
||||
.main-header .lqd-stickybar-right {
|
||||
padding: 0 0 7% 0;
|
||||
}
|
||||
|
||||
/* ***** Stickybar Left ***** */
|
||||
.main-header .lqd-stickybar-left {
|
||||
padding: 6% 2% 6% 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.lqd-stickybar-wrap .ld-module-sd>.nav-trigger {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
/* ***** Sidebar Left ***** */
|
||||
.main-header .lqd-stickybar-left .ld-module-sd>.ld-module-dropdown {
|
||||
width: 55vw;
|
||||
}
|
||||
|
||||
.main-header .ld-sd-wrap {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd .main-nav>li:hover>a,
|
||||
.main-header .ld-module-sd .main-nav>li.is-active>a,
|
||||
.navbar-fullscreen .main-header .ld-module-sd .main-nav>li>a:hover {
|
||||
color: #184341;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li>a>.link-icon {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .module-left-side {
|
||||
padding: 100px 50px 50px 50px;
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-header .ld-module-sd>.ld-module-dropdown {
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
.main-header .module-left-side {
|
||||
flex-direction: column;
|
||||
padding: 35px;
|
||||
}
|
||||
|
||||
.main-header .module-left-side .lqd-fancy-menu {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.main-header .module-left-side .main-nav a {
|
||||
font-size: 24px;
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 40px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Mobile Header ***** */
|
||||
.main-header .navbar-collapse {
|
||||
flex: 1 auto;
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .lqd-vslider-ext h2 {
|
||||
font-size: 55px;
|
||||
}
|
||||
|
||||
.banner .lqd-vslider .lqd-extra-cursor {
|
||||
background-color: rgba(255, 4, 4, 0.85);
|
||||
}
|
||||
|
||||
.banner .lqd-vslider-scrn {
|
||||
height: calc(100vh - 120px);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .lqd-vslider-ext .d-flex {
|
||||
padding-inline-end: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.lqd-vslider-ext li {
|
||||
top: 0;
|
||||
inset-inline-start: 0;
|
||||
padding: 5.5rem 4rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 20px 20px 0 20px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h2 {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 50px 20px 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.clients .module-img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Our Services ***** */
|
||||
.our-services .module-img-3 {
|
||||
inset-inline-start: 25%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.our-services {
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.our-services .ld-fancy-heading h3 {
|
||||
padding-inline-end: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-services {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.our-services .module-img-3 img {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.our-services .module-col {
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
|
||||
.our-services .module-img-1 {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.our-services .module-img-2 {
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Solutions ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.solutions {
|
||||
padding-top: 80px;
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
.solutions .module-title h2 {
|
||||
margin: 15px 0 30px 0;
|
||||
}
|
||||
|
||||
.solutions .module-box {
|
||||
gap: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.solutions {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.solutions .module-title {
|
||||
padding-bottom: 6%;
|
||||
}
|
||||
|
||||
.solutions .module-title h2 {
|
||||
margin: 5px 0 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Section Dark ***** */
|
||||
@media (max-width: 767px) {
|
||||
.section-dark {
|
||||
padding: 80px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Our Vision ***** */
|
||||
.our-vision .lqd-throwable-scene {
|
||||
height: 73vh;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-1 span {
|
||||
background-color: #d5d5d5;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-2 span {
|
||||
background-color: #e1e3e8;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-3 span {
|
||||
background-color: #c7d0c1;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-4 span {
|
||||
background-color: #d9f8ea;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-5 span {
|
||||
background-color: #c7d0c1;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-6 span {
|
||||
background-color: #d9eef8;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-7 span {
|
||||
background-color: #d9f8f1;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene .module-float-8 span {
|
||||
background-color: #f8f8d9;
|
||||
}
|
||||
|
||||
.our-vision>.pos-abs {
|
||||
inset-inline-start: 0px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-vision .lqd-text-reveal-el {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies ***** */
|
||||
.case-studies .liquid-filter-items {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li,
|
||||
.case-studies .lqd-filter-dropdown .ui-button {
|
||||
color: #4d4d4d;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li.active,
|
||||
.case-studies .filter-list li.hover,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:active,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.case-studies .lqd-pf-item:hover .lqd-pf-overlay-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies .module-title {
|
||||
padding-inline-start: 30px;
|
||||
}
|
||||
|
||||
.case-studies .module-col {
|
||||
padding-inline-end: 30px;
|
||||
padding-inline-start: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .col-12>.d-flex .ld-fancy-heading:first-child h2 {
|
||||
font-size: 14vw;
|
||||
}
|
||||
|
||||
.case-studies .col-12>.d-flex h2 {
|
||||
font-size: 13vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Services ***** */
|
||||
.services .lqd-counter-element {
|
||||
font-family: var(--lqd-heading-font-family);
|
||||
}
|
||||
|
||||
.services .accordion-item.active .accordion-expander {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.services .accordion-title a {
|
||||
border-color: #707070;
|
||||
}
|
||||
|
||||
.services .accordion-item.active .accordion-title a {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.services .lqd-counter-element {
|
||||
font-size: 170px;
|
||||
}
|
||||
|
||||
@media (min-width: 1199px) {
|
||||
.services .lqd-counter-element {
|
||||
font-size: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services .module-col {
|
||||
padding-inline-end: 45px;
|
||||
padding-inline-start: 45px;
|
||||
}
|
||||
|
||||
.services .module-title {
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
.services .module-btn {
|
||||
padding-inline-end: 20px;
|
||||
}
|
||||
|
||||
.services .module-content {
|
||||
padding-inline-end: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services .module-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.services .module-btn {
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
.services .module-col {
|
||||
padding: 0 20px 30px 20px;
|
||||
}
|
||||
|
||||
.services .accordion-title a {
|
||||
font-size: 24px;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.services .accordion-expander {
|
||||
font-size: 20px;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.services span.ld-fh-element {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Section Flow ***** */
|
||||
.section-flow {
|
||||
min-height: 655px;
|
||||
}
|
||||
|
||||
.section-flow .lqd-section-flow-panel-end {
|
||||
padding: 13% 6%;
|
||||
}
|
||||
|
||||
.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
|
||||
padding-top: 20%;
|
||||
padding-bottom: 20%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.section-flow .lqd-section-flow-panel-end .lqd-section-flow-item {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .divider {
|
||||
--divider-border-style: solid;
|
||||
--divider-color: #FFFFFF26;
|
||||
--divider-border-width: 1px;
|
||||
--divider-element-spacing: 20px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-slides {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
color: #ffffff;
|
||||
border-color: #3b3d3f;
|
||||
background: #3b3d3f;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button svg {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots {
|
||||
top: auto;
|
||||
bottom: 0px;
|
||||
inset-inline-end: 0px;
|
||||
inset-inline-start: 0;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-slides-numbers {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
||||
.testimonials .flickity-page-dots .dot {
|
||||
background-color: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* ***** Clients Carousel ****** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients-carousel .carousel-item {
|
||||
padding-inline-start: 10px;
|
||||
padding-inline-end: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients-carousel .carousel-item {
|
||||
width: calc(100% / 1.5);
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Bolg ***** */
|
||||
.blog .lqd-lp-style-21 h2.lqd-lp-title {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.blog .lqd-lp .lqd-lp-content-bg,
|
||||
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
|
||||
background-color: rgba(66, 46, 46, 0.16);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.blog .lqd-lp-style-21 .lqd-lp-img {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog .row:first-child .col-12:first-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .lqd-contact-form {
|
||||
--inputs-margin: 0 0 25px 0;
|
||||
--input-margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.lqd-contact-form select:focus,
|
||||
.lqd-contact-form input:focus,
|
||||
.lqd-contact-form textarea:focus,
|
||||
.lqd-contact-form .ui-button.ui-selectmenu-button:focus {
|
||||
outline: none;
|
||||
border-color: #000000;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.contact input[type=submit] {
|
||||
height: 40px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact .module-content {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** FOOTER ***** */
|
||||
.main-footer .divider {
|
||||
--divider-border-style: solid;
|
||||
--divider-color: rgba(255, 255, 255, 0.12);
|
||||
--divider-border-width: 1px;
|
||||
}
|
||||
|
||||
.main-footer .social-icons-wrapper {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--justify-content: center;
|
||||
--grid-column-gap: 40px;
|
||||
--content-width: 100%;
|
||||
}
|
||||
|
||||
.main-footer .module-menu .link-badge {
|
||||
font-size: 10px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer {
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-menu .module-col {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-top .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.main-footer .module-info .module-col {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,362 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #3ead3c;
|
||||
--lqd-color-gradient-start: #4dad4b;
|
||||
--lqd-color-gradient-stop: #4dad4b;
|
||||
--lqd-color-link: #000000;
|
||||
--lqd-color-link-hover: #727272;
|
||||
--lqd-body-text-color: #626974;
|
||||
--lqd-color-dark: #212121;
|
||||
--lqd-color-blue-900: #181b31;
|
||||
--lqd-color-gray-100: #f7f8f8;
|
||||
--lqd-color-gray-200: #cccccc;
|
||||
--lqd-color-gray-500: #868686;
|
||||
--lqd-color-gray-600: #4e4e4e;
|
||||
--lqd-color-gray-700: #3b3b3b;
|
||||
--lqd-color-slate-300: #7b838e;
|
||||
|
||||
--lqd-body-font-family: 'Open Sans', sans-serif;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-line-height: 1.8em;
|
||||
|
||||
--lqd-heading-font-family: 'IBM Plex Sans', sans-serif;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-color: #000;
|
||||
--lqd-h1-font-size: 46px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 38px;
|
||||
--lqd-h4-font-size: 32px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h6-font-size: 12px;
|
||||
--lqd-h6-font-weight: 700;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-letter-spacing: 0.1em;
|
||||
--lqd-h6-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
/* ***** Carousel ***** */
|
||||
.carousel-dots .dot.is-selected,
|
||||
.carousel-dots .dot:hover {
|
||||
background: var(--lqd-color-primary);
|
||||
border-color: var(--lqd-color-primary);
|
||||
color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.carousel-dots .dot {
|
||||
background: #efefef;
|
||||
border-color: #efefef;
|
||||
color: #efefef;
|
||||
}
|
||||
|
||||
.carousel-dots {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -15px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.carousel-dots-sm .dot {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-right-padding: 13px;
|
||||
--lqd-menu-items-bottom-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 13px;
|
||||
}
|
||||
|
||||
.main-header .main-nav-hover-underline-1>li>a:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: currentColor;
|
||||
transform-origin: right center;
|
||||
transform: scaleX(0);
|
||||
transition: transform .25s cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.main-header .main-nav-hover-underline-1>li.is-active>a:after,
|
||||
.main-header .main-nav-hover-underline-1>li.active>a:after,
|
||||
.main-header .main-nav-hover-underline-1>li.current-menu-item>a:after,
|
||||
.main-header .main-nav-hover-underline-1>li.current-menu-ancestor>a:after,
|
||||
.main-header .main-nav-hover-underline-1>li>a:hover:after {
|
||||
transform-origin: left center;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.main-header .lqd-mobile-sec .ld-module-cart .ld-module-dropdown.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.is-stuck .lqd-head-sec-wrap {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.is-stuck .module-logo {
|
||||
padding-top: 23px;
|
||||
padding-bottom: 23px;
|
||||
}
|
||||
|
||||
.is-stuck .lqd-head-col>.header-module>p,
|
||||
.is-stuck .lqd-head-col>.header-module .nav-trigger,
|
||||
.is-stuck .lqd-head-col>.header-module .lqd-scrl-indc,
|
||||
.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu,
|
||||
.is-stuck .lqd-head-col>.header-module>.btn-naked,
|
||||
.is-stuck .lqd-head-col>.header-module>.btn-underlined,
|
||||
.is-stuck .lqd-head-col>.header-module>.social-icon li a,
|
||||
.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu>ul>li>a,
|
||||
.is-stuck .lqd-head-col>.header-module>.navbar-collapse .main-nav>li>a,
|
||||
.is-stuck .lqd-head-col>.header-module .ld-module-trigger .ld-module-trigger-txt,
|
||||
.is-stuck .lqd-head-col>.header-module .lqd-module-badge-outline .ld-module-trigger-count,
|
||||
.is-stuck .lqd-head-col>.header-module .ld-module-trigger-icon,
|
||||
.is-stuck .lqd-head-col>.header-module>.lqd-custom-menu .lqd-custom-menu-dropdown-btn {
|
||||
color: rgba(0, 0, 0, 0.77);
|
||||
}
|
||||
|
||||
/* ***** LQD Modal ***** */
|
||||
@media (max-width: 991px) {
|
||||
.lqd-modal .module-bottom {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.lqd-modal .module-inner {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.lqd-modal .lqd-contact-form {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lqd-modal .module-inner {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 25px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.banner .btn {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
@media (max-width: 991px) {
|
||||
.services-grid {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services-grid {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Steps ***** */
|
||||
@media (max-width: 991px) {
|
||||
.steps {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.steps .module-space {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.carousel-dots.carousel-dots-from-options {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Service Plans ***** */
|
||||
@media (max-width: 991px) {
|
||||
.service-plans {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Image Box Carousel 2 ***** */
|
||||
@media (max-width: 991px) {
|
||||
.case-studies {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.case-studies .carousel-items {
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .carousel-item {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Progress ***** */
|
||||
@media (max-width: 991px) {
|
||||
.progress {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.progress {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Image BG ***** */
|
||||
.image-bg {
|
||||
box-shadow: 0 22px 55px 0 rgba(0, 0, 0, 0.13);
|
||||
}
|
||||
|
||||
.help figure {
|
||||
background-position: 25% 50%;
|
||||
}
|
||||
|
||||
.help figure {
|
||||
background-position: 25% 50%;
|
||||
}
|
||||
|
||||
.image-bg:hover figure {
|
||||
transform: scale(1.075);
|
||||
}
|
||||
|
||||
.image-bg .btn:hover {
|
||||
background-color: #3b3b3b;
|
||||
border-color: #3b3b3b;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.image-bg {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.image-bg .mask-text h2 {
|
||||
font-size: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials */
|
||||
.testimonials .flickity-slider {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.testimonials h5 strong {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav-lg {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav.carousel-nav-lg .flickity-button {
|
||||
font-size: 26px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .lqd-carousel-slides>svg {
|
||||
margin-inline-start: .65em;
|
||||
margin-inline-end: .75em;
|
||||
}
|
||||
|
||||
.testimonials .testi-avatars .carousel-dots-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.testimonials {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients .carousel-container .carousel-items {
|
||||
margin-inline-start: -4%;
|
||||
margin-inline-end: -4%;
|
||||
}
|
||||
|
||||
.clients .carousel-container .carousel-item {
|
||||
width: 20%;
|
||||
padding-inline-start: 4%;
|
||||
padding-inline-end: 4%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.clients .module-col {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.clients .carousel-container .carousel-item {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
@media (max-width: 991px) {
|
||||
.main-footer .module-top .module-first {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-top .module-first {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.main-footer .module-top .module-text p {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
@font-face {
|
||||
font-family: 'Source Sans Pro';
|
||||
src: url('../../../fonts/source-sans-pro/SourceSansPro-Regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Source Sans Pro';
|
||||
src: url('../../../fonts/source-sans-pro/SourceSansPro-Bold.woff2') format('woff2');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
|
||||
--lqd-body-text-color: #5F6973;
|
||||
--lqd-color-primary: #FFCD28;
|
||||
--lqd-color-secondary: #194341;
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
--lqd-color-accent: #F7F8FA;
|
||||
--lqd-color-blue-300: #39374D;
|
||||
--lqd-color-blue-900: #10131d;
|
||||
--lqd-color-green-100: rgba(0, 34, 44, 0.43);
|
||||
--lqd-color-green-600: rgba(17, 48, 46, 0.9);
|
||||
--lqd-color-green-700: #143331;
|
||||
--lqd-color-blue-700: #112446;
|
||||
--lqd-color-gray-100: #FCFAF9;
|
||||
--lqd-color-gray-200: #F4F4F4;
|
||||
--lqd-color-gray-300: #e5e3df;
|
||||
--lqd-color-gray-400: #909197;
|
||||
--lqd-color-gray-500: #7F8284;
|
||||
--lqd-color-slate-200: #F7F8F8;
|
||||
--lqd-color-slate-700: #3B4B53;
|
||||
--lqd-color-slate-900: #222232;
|
||||
--lqd-color-yellow-100: #F8F5F3;
|
||||
|
||||
--lqd-body-font-family: 'Source Sans Pro', sans-serif;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-line-height: 1.64em;
|
||||
|
||||
--lqd-heading-font-family: 'Montserrat', sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.25em;
|
||||
--lqd-heading-color: #184341;
|
||||
--lqd-h1-font-size: 42px;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 35px;
|
||||
--lqd-h4-font-size: 28px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h5-line-height: 1.5em;
|
||||
--lqd-h6-font-size: 16px;
|
||||
--lqd-h6-line-height: 1.5em;
|
||||
|
||||
--lqd-sticky-header-height: 72px;
|
||||
}
|
||||
|
||||
/* Button & Link */
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
.btn,
|
||||
.font-heading {
|
||||
font-family: var(--lqd-heading-font-family);
|
||||
}
|
||||
|
||||
.btn-md {
|
||||
--btn-pt: 17px;
|
||||
--btn-pe: 55px;
|
||||
--btn-pb: 17px;
|
||||
--btn-ps: 55px;
|
||||
}
|
||||
|
||||
/* ***** Main Header ****** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 25px;
|
||||
--lqd-menu-items-right-padding: 15px;
|
||||
--lqd-menu-items-bottom-padding: 6px;
|
||||
--lqd-menu-items-left-padding: 15px;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li>a {
|
||||
font-family: var(--lqd-heading-font-family);
|
||||
}
|
||||
|
||||
.main-header .nav-item-children a {
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.is-stuck .main-nav {
|
||||
--lqd-menu-items-bottom-padding: 12px;
|
||||
}
|
||||
|
||||
/* ***** Header Sticky ***** */
|
||||
.is-stuck .module-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.is-stuck .navbar-collapse .main-nav>li>a,
|
||||
.is-stuck .module-header h6 {
|
||||
color: #102020;
|
||||
}
|
||||
|
||||
/* ***** Mobile Header ***** */
|
||||
.lqd-mobile-sec .main-nav>li>a {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
}
|
||||
|
||||
/* ***** Titlebar ***** */
|
||||
.titlebar-inner h1 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.titlebar-inner p {
|
||||
font-family: Montserrat;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.accordion-active-has-fill .accordion-item.active .accordion-title a {
|
||||
background-color: var(--lqd-color-secondary);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.has-accordion .accordion-item.active .accordion-expander {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-style-3 .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
.tab-items .lqd-tabs-style-3 .lqd-tabs-nav li a:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
background-color: var(--lqd-color-secondary);
|
||||
transform: scaleX(0);
|
||||
transition: transform .3s;
|
||||
}
|
||||
.tab-items .lqd-tabs-style-3 .lqd-tabs-nav li a.active:after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
@media (max-width: 1199px){
|
||||
.tab-items {
|
||||
padding: 0 45px;
|
||||
}
|
||||
.tab-items .lqd-tabs-content{
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.tab-items {
|
||||
padding: 40px 15px 0 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Image box ***** */
|
||||
@media (max-width: 1199px){
|
||||
.image-box {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.image-box .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.image-box {
|
||||
padding: 0 10px 50px 10px;
|
||||
}
|
||||
.image-box .module-img {
|
||||
height: 312px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Has Accordion ***** */
|
||||
@media (max-width: 1199px){
|
||||
.has-accordion-page {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.has-accordion-page h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
.has-accordion-page .module-col {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.has-accordion-page {
|
||||
padding: 70px 10px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
.icon-box-page .iconbox {
|
||||
box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.icon-box-page .iconbox h3 {
|
||||
display: flex;
|
||||
}
|
||||
@media (max-width: 1199px){
|
||||
.icon-box-page {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.icon-box-page {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Team ***** */
|
||||
@media (max-width: 1199px){
|
||||
.team {
|
||||
padding: 0 25px 80px 25px;
|
||||
}
|
||||
.team .module-col {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.team {
|
||||
padding: 65px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Counters ***** */
|
||||
.counters .container {
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-container-width-md: 1024px;
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.counters {
|
||||
padding: 70px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Partners ***** */
|
||||
@media (max-width: 1199px){
|
||||
.partners {
|
||||
padding: 0 35px
|
||||
}
|
||||
.partners img {
|
||||
height: 400px;
|
||||
}
|
||||
.partners .module-contnet {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.partners {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
/* ***** Form ***** */
|
||||
.form .lqd-contact-form .ui-button.ui-selectmenu-button,
|
||||
.form .lqd-contact-form input,
|
||||
.form .lqd-contact-form select {
|
||||
height: 50px;
|
||||
}
|
||||
.form .lqd-contact-form-button-lg button[type=submit],
|
||||
.form .lqd-contact-form-button-lg input[type=submit]{
|
||||
height: 60px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 40px 30px;
|
||||
}
|
||||
.form .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
.form h2 {
|
||||
padding-right: 14%;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.form .module-form {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
.form .module-title {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Global Offices ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.global-offices {
|
||||
padding: 0 10px 80px 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.global-offices {
|
||||
padding: 65px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Page Footer ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.page-footer .footer-content {
|
||||
padding: 50px 35px 0 35px;
|
||||
}
|
||||
.page-footer .footer-info {
|
||||
padding: 20px 35px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.page-footer .footer-content {
|
||||
padding: 20px 10px 0 10px;
|
||||
}
|
||||
.page-footer .footer-info {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
/* ***** Services Content ***** */
|
||||
.services-content .container {
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-container-width-md: 1024px;
|
||||
}
|
||||
.services-content .module-first {
|
||||
--lqd-sticky-offset: 30px;
|
||||
top: calc(var(--lqd-sticky-offset) + var(--lqd-sticky-header-height, 0px));
|
||||
}
|
||||
|
||||
/* ***** List BG ***** */
|
||||
.services-content .module-first .module-list-bg a {
|
||||
font-family: "Montserrat", Sans-serif;
|
||||
}
|
||||
|
||||
/* ***** Form ***** */
|
||||
.services-content .module-first .lqd-contact-form {
|
||||
--inputs-margin: 0 0 10px 0;
|
||||
--input-margin-bottom: 10px;
|
||||
}
|
||||
.services-content .module-first input:not([type=submit]):focus,
|
||||
.services-content .module-first textarea:focus,
|
||||
.services-content .module-first .lqd-contact-form select:focus,
|
||||
.services-content .module-first .ui-button.ui-selectmenu-button:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* ***** Portfolio ***** */
|
||||
.services-content .module-last .lqd-fb-content .lqd-fb__title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* ***** Accordion ***** */
|
||||
.services-content .accordion-side-spacing .accordion-title a {
|
||||
padding: 1.05em 1.5em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services-content .module-first,
|
||||
.services-content .module-last {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
/* ***** List Column ***** */
|
||||
.services-content .module-list-col {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.services-content .module-first {
|
||||
padding: 70px 20px 10px 20px;
|
||||
}
|
||||
.services-content .module-last {
|
||||
padding: 40px 20px 0 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
.what-we-do-page .btn-naked {
|
||||
--icon-font-size: 14px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.what-we-do-page {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.what-we-do-page {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,356 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .lqd-highlight-inner,
|
||||
.banner .lqd-highlight-inner .lqd-highlight-brush-svg {
|
||||
height: 0.2em;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.banner {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 0 35px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 82px;
|
||||
}
|
||||
|
||||
.banner .module-btn-circle {
|
||||
padding: 40px 15px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 10px 50px 10px;
|
||||
}
|
||||
|
||||
.banner .row {
|
||||
min-height: 73vh;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 13vw;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading p {
|
||||
font-size: 19px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.banner .btn-lg {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.banner h6.ld-fh-element {
|
||||
margin: 1em 6em 0 0;
|
||||
}
|
||||
|
||||
.banner .module-btn-circle {
|
||||
font-size: 19px;
|
||||
margin-top: -30%;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .module-form {
|
||||
padding: 0 0 0 17.5%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 0 35px 30px 35px;
|
||||
}
|
||||
|
||||
.contact .module-title {
|
||||
padding: 40px 10px;
|
||||
}
|
||||
|
||||
.contact .module-form {
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
|
||||
.contact .form-mini {
|
||||
padding: 35px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 70px 10px 0 10px;
|
||||
}
|
||||
|
||||
.contact .module-title {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.contact .module-form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.contact .form-mini {
|
||||
margin: 30px 0 0;
|
||||
padding: 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Study ***** */
|
||||
.case-study .iconbox:hover .iconbox-icon-container path {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-study {
|
||||
padding-top: 30px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 80px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-study {
|
||||
padding: 65px 0;
|
||||
}
|
||||
|
||||
.case-study .container-xl .row:first-child {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.case-study .col-md-12:first-child {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Thin Fixed BG ***** */
|
||||
@media (min-width: 1200px) {
|
||||
.thin-fixed-bg {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.thin-fixed-bg {
|
||||
padding: 100px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.thin-fixed-bg {
|
||||
padding: 100px 10px;
|
||||
}
|
||||
|
||||
.thin-fixed-bg .col-md-12,
|
||||
.thin-fixed-bg .container-xl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.thin-fixed-bg .ld-fancy-heading h2 {
|
||||
font-size: 11.5vw;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients .carousel-items {
|
||||
margin-inline-start: -34px;
|
||||
margin-inline-end: -34px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: calc(100% / 4);
|
||||
padding-inline-start: 34px;
|
||||
padding-inline-end: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients .carousel-items {
|
||||
margin-inline-start: -20px;
|
||||
margin-inline-end: -20px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: calc(100% / 3);
|
||||
padding-inline-start: 20px;
|
||||
padding-inline-end: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Consultation ***** */
|
||||
.consultation .ld-flipbox-face {
|
||||
background-color: var(--lqd-color-secondary);
|
||||
}
|
||||
|
||||
.consultation .ld-flipbox-front .ld-flipbox-inner {
|
||||
padding: 200px 30px 15px 30px;
|
||||
}
|
||||
|
||||
.consultation .btn-hover-txt-liquid-y:hover,
|
||||
.consultation .btn-hover-txt-liquid-y:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.consultation {
|
||||
padding: 70px 35px 30px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.consultation {
|
||||
padding: 65px 10px;
|
||||
}
|
||||
|
||||
.consultation .col-md-12:first-child {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.consultation .ld-flipbox-front .ld-flipbox-inner {
|
||||
padding: 40px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Has Accordion ***** */
|
||||
.has-accordion .accordion-title a {
|
||||
font-family: "Montserrat", Sans-serif;
|
||||
padding: 1.05em 1.5em 1.05em 1.5em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.has-accordion {
|
||||
padding: 20px 35px 0 35px;
|
||||
}
|
||||
|
||||
.has-accordion .col-md-12:first-child {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.has-accordion .accordion {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.has-accordion {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.has-accordion .col-md-12:first-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.has-accordion .accordion {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** What We Do ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.what-we-do {
|
||||
padding: 0 35px 0 38px;
|
||||
}
|
||||
|
||||
.what-we-do .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.what-we-do {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonial ***** */
|
||||
.testimonial .carousel-nav {
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav .flickity-button,
|
||||
.testimonial .carousel-nav .flickity-button svg {
|
||||
fill: #FFFFFF;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav .lqd-carousel-slides {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.testimonial .lqd-imggrp-single {
|
||||
top: -25px;
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonial {
|
||||
padding: 70px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonial {
|
||||
padding: 70px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 70px 35px 0 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 567px) {
|
||||
.blog {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
/* Module Top */
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .module-top {
|
||||
padding: 50px 35px 0 35px;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
padding: 20px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-top {
|
||||
padding: 20px 10px 0 10px;
|
||||
}
|
||||
|
||||
.main-footer .module-top .module-contact {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main-footer .module-list .mb-10:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,385 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,313 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1200px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
|
||||
--lqd-color-primary: #8777E0;
|
||||
--lqd-body-text-color: rgba(229, 227, 219, 0.71);
|
||||
--lqd-color-yellow-100: #EDEAE1;
|
||||
--lqd-color-yellow-200: rgba(245, 240, 226, 0.72);
|
||||
--lqd-color-slate-300: #6a7a90;
|
||||
|
||||
--lqd-body-font-family: 'Plus Jakarta Sans', sans-serif;
|
||||
--lqd-body-font-size: 22px;
|
||||
--lqd-body-font-weight: 500;
|
||||
|
||||
--lqd-accent-font-family: 'ivymode', sans-serif;
|
||||
--lqd-accent-font-weight: 400;
|
||||
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-color: #DDDACD;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 100px;
|
||||
--lqd-h2-line-height: 0.9em;
|
||||
--lqd-h2-text-transform: uppercase;
|
||||
--lqd-h3-font-size: 45px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-size-inner: 32px;
|
||||
--lqd-cc-bg: rgb(255, 255, 255);
|
||||
--lqd-cc-active-bg: var(--lqd-cc-bg);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-blend-mode: exclusion;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
:root {
|
||||
--lqd-h2-font-size: 16vw;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-xs {
|
||||
--btn-pt: 2px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
--btn-pt: 0.6em;
|
||||
--btn-pe: 1em;
|
||||
--btn-pb: 0.6em;
|
||||
--btn-ps: 1em;
|
||||
}
|
||||
|
||||
.btn-md {
|
||||
--btn-pt: 12px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 12px;
|
||||
--btn-ps: 20px;
|
||||
}
|
||||
|
||||
.bg-before:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
z-index: 1;
|
||||
mix-blend-mode: initial;
|
||||
background-color: transparent;
|
||||
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.lqd-sticky-footer-shadow-1 #lqd-site-content {
|
||||
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .module-menu {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
.main-header .btn.border-white-10:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.main-header .module-menu .lqd-fancy-menu {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.main-header .module-menu .lqd-fancy-menu ul>li>a:hover,
|
||||
.main-header .module-menu .lqd-fancy-menu li.is-active>a {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.lqd-modal .container {
|
||||
max-width: 530px;
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .container {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.banner h1 {
|
||||
font-size: 154px;
|
||||
}
|
||||
|
||||
.banner .module-video {
|
||||
mix-blend-mode: luminosity;
|
||||
}
|
||||
|
||||
.banner .module-video:before {
|
||||
background-image: url("../../images/demo/dark-ai/banner/hero-overlay.png");
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.banner-btn-left .btn {
|
||||
--btn-ps: 40px;
|
||||
}
|
||||
|
||||
.banner-btn-right .btn {
|
||||
--btn-pe: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 18vw;
|
||||
}
|
||||
|
||||
.banner .btn {
|
||||
padding: 12px 20px;
|
||||
}
|
||||
|
||||
.banner .btn-icon-left {
|
||||
padding: 12px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Parallax GB ***** */
|
||||
.parallax-bg:before {
|
||||
background-image: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.parallax-bg {
|
||||
min-height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .container {
|
||||
max-width: 1280px;
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-works .container {
|
||||
max-width: 1260px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-works .module-top {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.how-it-works .lqd-text-reveal-el {
|
||||
font-size: 24px;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Carousel Button ***** */
|
||||
.carousel-button .btn {
|
||||
box-shadow: 0 3px 6px 0 rgba(205, 5, 5, 0.09) inset;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.carousel-button .carousel-items {
|
||||
margin-inline-start: -20px;
|
||||
margin-inline-end: -20px;
|
||||
}
|
||||
|
||||
.carousel-button .carousel-item {
|
||||
padding-inline-start: 20px;
|
||||
padding-inline-end: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Float Text ***** */
|
||||
.float-text {
|
||||
filter: saturate(0%);
|
||||
}
|
||||
|
||||
.float-text .container {
|
||||
max-width: 970px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.float-text {
|
||||
padding: 240px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.float-text {
|
||||
padding: 120px 20px;
|
||||
}
|
||||
|
||||
.float-text .lqd-text-reveal-el {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonial ***** */
|
||||
.testimonial {
|
||||
background-position: 50% 15%;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots {
|
||||
top: -200px;
|
||||
right: -140px;
|
||||
bottom: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonial .lqd-carousel-slides-numbers {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.testimonial .lqd-carousel-slides {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonial {
|
||||
background-position: top center;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots-mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.testimonial .module-svg {
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonial .module-svg .carousel-items {
|
||||
margin-inline-start: -120px;
|
||||
margin-inline-end: -120px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Faq ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding-right: 40px;
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Newsletter ***** */
|
||||
.newsletter .container {
|
||||
max-width: 530px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.newsletter {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.newsletter {
|
||||
padding: 60px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .module-logo {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.main-footer .module-social {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,276 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #5e55ff;
|
||||
--lqd-body-text-color: rgba(255, 255, 255, .47);
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-gradient-start: #f42958;
|
||||
--lqd-color-gradient-stop: #e4442a;
|
||||
--lqd-color-dark: #171717;
|
||||
--lqd-color-slate-900: #262626;
|
||||
--lqd-color-gray-500: #818181;
|
||||
--lqd-color-gray-700: #cbcbcb;
|
||||
--lqd-color-gray-800: #1c1c1e;
|
||||
--lqd-color-gray-900: #141414;
|
||||
--lqd-color-footer: #1a1a1a;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-line-height: 1.7em;
|
||||
|
||||
--lqd-heading-font-family: "Space Grotesk", sans-serif;
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #fff;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.btn-xs {
|
||||
--btn-ps: 1.5em;
|
||||
--btn-pt: 0.6em;
|
||||
--btn-pe: 1.5em;
|
||||
--btn-pb: 0.6em;
|
||||
}
|
||||
|
||||
.btn-md {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.1em;
|
||||
line-height: 2em;
|
||||
--btn-ps: 2.15em;
|
||||
--btn-pt: 1.15em;
|
||||
--btn-pe: 2.15em;
|
||||
--btn-pb: 1.15em;
|
||||
}
|
||||
|
||||
.btn-border-lg:hover {
|
||||
background-color: #fff;
|
||||
border-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .btn-solid:hover {
|
||||
border-color: transparent;
|
||||
background-color: var(--lqd-color-primary);
|
||||
color: #fff;
|
||||
transform: translate3d(0, -2px, 0);
|
||||
box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 7vw;
|
||||
padding-right: 1vw;
|
||||
padding-left: 1vw;
|
||||
}
|
||||
|
||||
.banner .module-img {
|
||||
padding-top: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 13vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Navigation Sections ***** */
|
||||
.navigation-sections ul>li>a:hover,
|
||||
.navigation-sections li.is-active>a {
|
||||
color: #ffffff;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .container {
|
||||
--lqd-row-gutter-x: 4px;
|
||||
}
|
||||
|
||||
.features .row {
|
||||
margin-inline-start: -2px;
|
||||
margin-inline-end: -2px;
|
||||
--lqd-row-gutter-x: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.features .module-icon-box-1 {
|
||||
padding: 15px 15px 5px 15px;
|
||||
}
|
||||
|
||||
.features .module-icon-box-2 {
|
||||
padding: 25px 15px 5px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Float Text ***** */
|
||||
@media (max-width: 991px) {
|
||||
.float-text .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.float-text .ld-fancy-heading h2 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Float Text 1 ***** */
|
||||
.float-text-1 {
|
||||
padding-top: 5vh;
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
|
||||
/* ***** Float Text 2 ***** */
|
||||
.float-text-2 {
|
||||
padding-top: 10vh;
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
|
||||
/* ***** Float Text 3 ***** */
|
||||
.float-text-3 {
|
||||
padding-top: 10vh;
|
||||
padding-bottom: 20vh;
|
||||
}
|
||||
|
||||
/* ***** Connect ***** */
|
||||
.connect {
|
||||
margin-right: 10vw;
|
||||
margin-left: 10vw;
|
||||
}
|
||||
|
||||
.connect .lqd-tabs-nav li a.active {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.connect {
|
||||
margin-right: 2vw;
|
||||
margin-left: 2vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.connect {
|
||||
margin-right: 1vw;
|
||||
margin-left: 1vw;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-3 .lqd-tabs-nav li {
|
||||
margin-inline-start: 15px;
|
||||
margin-inline-end: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.connect {
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
.connect .ld-fancy-heading h2 {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-3 .lqd-tabs-nav li {
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .lqd-tabs-nav li a.active {
|
||||
background: rgb(23, 23, 23);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.pricing .lqd-pt-head,
|
||||
.pricing .lqd-pt-body {
|
||||
padding-right: 3rem;
|
||||
padding-left: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Download ***** */
|
||||
@media (max-width: 991px) {
|
||||
.download .module-first {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.download .ld-fancy-heading h2 {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
/* ***** Clients ***** */
|
||||
.clients .carousel-items {
|
||||
margin-inline-start: -1.5%;
|
||||
margin-inline-end: -1.5%;
|
||||
}
|
||||
|
||||
.clients .flickity-slider {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: 16.6667%;
|
||||
padding-inline-start: 1.5%;
|
||||
padding-inline-end: 1.5%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.clients .carousel-item {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients .carousel-item {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.main-footer .ld-sf--button-inside [type=submit] {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #d3aa85;
|
||||
--lqd-color-gradient-start: #d3aa85;
|
||||
--lqd-color-gradient-stop: #d3aa85;
|
||||
--lqd-color-gray-300: #9d9d9d;
|
||||
--lqd-color-gray-400: #777777;
|
||||
--lqd-color-gray-800: #161616;
|
||||
--lqd-color-gray-900: #141414;
|
||||
--lqd-color-orange-300: #c2895c;
|
||||
--lqd-color-orange-500: #b77f51;
|
||||
/* */
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 27px;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-text-color:#9a9a9a;
|
||||
/* */
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-color: #000000;
|
||||
--lqd-h1-font-size: 46px;
|
||||
--lqd-h1-line-height: 1.5em;
|
||||
--lqd-h2-font-size: 35px;
|
||||
--lqd-h2-line-height: 1.5em;
|
||||
--lqd-h3-font-size: 30px;
|
||||
--lqd-h3-line-height: 1.2em;
|
||||
--lqd-h4-font-size: 26px;
|
||||
--lqd-h4-line-height: 1.2em;
|
||||
--lqd-h5-font-size: 22px;
|
||||
--lqd-h5-line-height: 1.2em;
|
||||
--lqd-h5-color: #d3aa85;
|
||||
--lqd-h6-font-size: 18px;
|
||||
--lqd-h6-font-weight: 700;
|
||||
--lqd-h6-line-height: 1.2em;
|
||||
--lqd-h6-color: #d3aa85;
|
||||
/* */
|
||||
--lqd-cc-bg: rgba(255, 255, 255, 0);
|
||||
--lqd-cc-bc: #fffafa;
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: #1f1f1f;
|
||||
--lqd-cc-active-bc: #1f1f1f;
|
||||
--lqd-cc-active-circle-color: #0f0f0f;
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-cc-wrap {
|
||||
color: var(--lqd-cc-bc);
|
||||
}
|
||||
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .nav-item-children:before {
|
||||
background: #242424;
|
||||
}
|
||||
.main-header .nav-item-children > li > a {
|
||||
color: rgba(255, 255, 255, 0.66);
|
||||
}
|
||||
.main-header .nav-item-children > li > a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
.main-header .module-trigger .bars {
|
||||
width: 62px;
|
||||
height: 62px;
|
||||
}
|
||||
.main-header .module-trigger .bars:before {
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.main-header .module-trigger:hover .bars:before {
|
||||
background-color: #fff;
|
||||
}
|
||||
.main-header .module-trigger .bar:before,
|
||||
.main-header .module-trigger .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
.main-header .module-trigger:hover .bar:before,
|
||||
.main-header .module-trigger:hover .bar:after {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.main-header .lqd-mobile-sec .nav-trigger {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-header .lqd-mobile-sec .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-bottom-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 25px;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
flex: 1 auto;
|
||||
}
|
||||
|
||||
.is-stuck .lqd-head-sec-wrap {
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 2.5%, rgba(0, 0, 0, 0.65) 19%, rgba(0, 0, 0, 0.54) 34%, rgba(0, 0, 0, 0.38) 48.5%, rgba(0, 0, 0, 0.19) 65.5%, rgba(0, 0, 0, 0.13) 73%, rgba(0, 0, 0, 0.07) 81%, rgba(0, 0, 0, 0.04) 86.5%, rgba(0, 0, 0, 0.02) 88.5%, rgba(17, 17, 17, 0.01) 96.5%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
|
||||
}
|
||||
|
||||
.is-stuck .module-logo {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
.main-footer .btn-xlg {
|
||||
--btn-pt: 1.5em;
|
||||
--btn-ps: 6.5em;
|
||||
--btn-pb: 1.5em;
|
||||
--btn-pe: 6.5em;
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.main-footer .footer-content {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.main-footer h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* ***** Portfolio ***** */
|
||||
.portfolio .filter-list li.active,
|
||||
.portfolio .filter-list li:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
.portfolio .lqd-filter-dropdown .ui-button {
|
||||
color: #979797;
|
||||
border-color: #979797
|
||||
}
|
||||
.portfolio .btn .btn-icon {
|
||||
width: auto;
|
||||
margin-inline-start: 15px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.portfolio {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.portfolio .module-title {
|
||||
font-size: 8vw;
|
||||
}
|
||||
}
|
||||
@media (max-width: 575px) {
|
||||
.portfolio .lqd-pf-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
/* ***** About ***** */
|
||||
@media (max-width: 991px) {
|
||||
.about {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.about .module-text {
|
||||
line-height: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 991px) {
|
||||
.clients {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.clients .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
/* Banner */
|
||||
@media (max-width: 991px) {
|
||||
.banner h1 {
|
||||
font-size: 52px;
|
||||
}
|
||||
.banner .lqd-imggrp-single {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* About */
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Carousel Full */
|
||||
.carousel-full .carousel-items {
|
||||
margin-inline-start: -3%;
|
||||
margin-inline-end: -3%;
|
||||
}
|
||||
.carousel-full .carousel-item {
|
||||
padding-inline-start: 3%;
|
||||
padding-inline-end: 3%;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.carousel-full .carousel-items {
|
||||
margin-inline-start: -2%;
|
||||
margin-inline-end: -2%;
|
||||
}
|
||||
.carousel-full .carousel-item {
|
||||
padding-inline-start: 2%;
|
||||
padding-inline-end: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Image Box */
|
||||
@media (max-width: 767px) {
|
||||
.image-box {
|
||||
padding-top: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark Carousel */
|
||||
@media (max-width: 767px) {
|
||||
.dark-carousel .social-media {
|
||||
padding-top: 70px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.dark-carousel {
|
||||
padding-top: 35px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
:root {
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
}
|
||||
/* Page Header */
|
||||
.page-header .header-lg .module-trigger:hover .bars:before {
|
||||
background-color: #000;
|
||||
}
|
||||
.page-header .header-lg .module-trigger .bar:before,
|
||||
.page-header .header-lg .module-trigger .bar:after {
|
||||
background: #000;
|
||||
}
|
||||
.page-header .header-lg .module-trigger:hover .bar:before,
|
||||
.page-header .header-lg .module-trigger:hover .bar:after {
|
||||
background: #fff;
|
||||
}
|
||||
.page-header .header-lg .main-nav li.is-active > a,
|
||||
.page-header .header-lg .main-nav li:hover > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .header-lg .nav-item-children:before {
|
||||
background: #fff;
|
||||
}
|
||||
.page-header .header-lg .nav-item-children > li > a {
|
||||
color: rgba(0, 0, 0, 0.60);
|
||||
}
|
||||
|
||||
/* Portraits */
|
||||
.portraits .module-col {
|
||||
position: sticky;
|
||||
top: calc(var(--lqd-sticky-header-height, 0) + 30px);
|
||||
}
|
||||
|
||||
.portraits .module-content {
|
||||
padding: 12vmax 10vw;
|
||||
}
|
||||
.portraits .module-number {
|
||||
padding-top: 15vmax;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.portraits .module-content {
|
||||
padding: 12vmax 9vw;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.portraits .module-container {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.portraits .module-col {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.portraits .module-content,
|
||||
.portraits .module-number {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,211 @@
|
||||
:root {
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
--lqd-row-gutter-y: 30px;
|
||||
/* */
|
||||
--lqd-body-text-color: #485666;
|
||||
--lqd-color-primary: #F27E3F;
|
||||
--lqd-color-secondary: #54595F;
|
||||
--lqd-color-accent: #F27E3F;
|
||||
--lqd-color-blue-100: #E2F5F8;
|
||||
--lqd-color-blue-200: rgba(0, 35, 82, 0.35);
|
||||
--lqd-color-blue-300: rgba(0, 22, 52, 0.70);
|
||||
--lqd-color-blue-400: rgba(54, 85, 128, 0.702);
|
||||
--lqd-color-blue-600: #243D62;
|
||||
--lqd-color-blue-700: #002352;
|
||||
--lqd-color-gray-100: #eef3f9;
|
||||
--lqd-color-gray-500: #7e8085;
|
||||
--lqd-color-gray-900: #242424;
|
||||
--lqd-color-green-100: #E3F8EB;
|
||||
--lqd-color-green-200: rgba(56, 231, 128, 0.31);
|
||||
--lqd-color-green-300: #00937E;
|
||||
--lqd-color-green-900: #0E524A;
|
||||
--lqd-color-slate-100: #F8F9FF;
|
||||
--lqd-color-slate-200: #D3FFF8;
|
||||
--lqd-color-slate-500: #50596c;
|
||||
--lqd-color-orange-100: #FFEFE3;
|
||||
--lqd-color-orange-500: #ed6a04;
|
||||
--lqd-color-red-100: #FBE3E5;
|
||||
--lqd-color-purple-100: #F5E5F1;
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-dark: #292929;
|
||||
/* */
|
||||
--lqd-body-font-family: "sofia-pro", Sans-serif;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-font-wieght: 600;
|
||||
--lqd-body-line-height: 1.66em;
|
||||
--lqd-body-letter-spacing: 0.2px;
|
||||
/* */
|
||||
--lqd-heading-font-family: "Golos Text", sans-serif;
|
||||
--lqd-heading-color: #233D62;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-h2-font-size: 41px;
|
||||
--lqd-h3-font-size: 24px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 19px;
|
||||
--lqd-h6-font-size: 12px;
|
||||
--lqd-h6-letter-spacing: 1px;
|
||||
--lqd-h6-color: #ED6A04;
|
||||
/* */
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.ld-fancy-heading .lqd-highlight-inner,
|
||||
.ld-fancy-heading .lqd-highlight-inner .lqd-highlight-brush-svg {
|
||||
height: 0.275em;
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.btn-xlg {
|
||||
--btn-pt: 1.5em;
|
||||
--btn-pe: 3.5em;
|
||||
--btn-pb: 1.5em;
|
||||
--btn-ps: 3.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .desktop-header {
|
||||
padding: 0.75% 2.5% 0 3.5%;
|
||||
}
|
||||
|
||||
.main-header.is-stuck .desktop-header {
|
||||
padding: 0 2.5% 0 3.5%;
|
||||
}
|
||||
|
||||
.main-header .desktop-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 10px;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 10px;
|
||||
--lqd-menu-items-left-padding: 25px;
|
||||
max-width: auto;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li.current-menu-item>a,
|
||||
.main-header .main-nav>li.is-active>a,
|
||||
.main-header .main-nav>li:hover>a,
|
||||
.main-header .main-nav>li:focus>a {
|
||||
color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.is-stuck section:not(.lqd-stickybar-wrap) {
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
}
|
||||
|
||||
.main-header .module-btn .btn:hover,
|
||||
.main-header .module-btn .btn:focus {
|
||||
background-color: var(--lqd-color-blue-700);
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.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 .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ***** FOOTER ***** */
|
||||
/* Subscribe */
|
||||
.subscribe .ld-sf input[type="email"],
|
||||
.ld-sf input[type="text"] {
|
||||
color: #7E8085;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.ld-sf [type="submit"] {
|
||||
color: var(--lqd-color-green-300);
|
||||
}
|
||||
|
||||
.subscribe .ld-sf input[type="email"]:focus,
|
||||
.ld-sf input[type="text"]:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.subscribe {
|
||||
padding: 60px 35px 0px 35px;
|
||||
}
|
||||
|
||||
.subscribe .module {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.subscribe .lqd-iconbox-heading {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.subscribe {
|
||||
padding: 60px 15px 0px 15px;
|
||||
}
|
||||
|
||||
.subscribe .module {
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.subscribe .module .iconbox {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subscribe .lqd-iconbox-heading {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
/* Footer Menu */
|
||||
.footer-menu .module {
|
||||
padding: 10px 0 25px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.footer-menu {
|
||||
padding: 50px 35px 20px 35px;
|
||||
}
|
||||
|
||||
.footer-menu .module {
|
||||
padding: 10px 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.footer-menu {
|
||||
padding: 50px 15px 20px 15px;
|
||||
}
|
||||
|
||||
.footer-menu .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/* Blog */
|
||||
.titlebar-inner h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
.blog .lqd-lp-style-2-alt .lqd-lp-author figure {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 45px 35px 40px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 45px 15px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,405 @@
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn {
|
||||
--icon-font-size: 16px;
|
||||
}
|
||||
|
||||
.banner .btn-solid {
|
||||
background-image: linear-gradient(90deg, var(--lqd-color-gradient-start) 0%, var(--lqd-color-gradient-stop) 100%);
|
||||
}
|
||||
|
||||
.banner .btn-solid:hover,
|
||||
.banner .btn-solid:focus {
|
||||
background-image: linear-gradient(90deg, var(--lqd-color-gradient-stop) 0%, var(--lqd-color-gradient-start) 100%);
|
||||
}
|
||||
|
||||
.ld-masked-image .clip-svg {
|
||||
clip-path: url(#banner-masked-svg);
|
||||
-webkit-clip-path: url(#banner-masked-svg);
|
||||
background-size: cover;
|
||||
background-position-x: 50%;
|
||||
background-position-y: 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 100px 30px 0px 30px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h2 {
|
||||
font-size: 58px;
|
||||
}
|
||||
|
||||
.banner .module-btn {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 10px 0px 10px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h2 {
|
||||
font-size: 14vw;
|
||||
}
|
||||
|
||||
.banner .module-btn {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** services ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.services {
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services {
|
||||
padding: 70px 0 20px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Portfoilo ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.portfolio {
|
||||
padding: 50px 0 50px 0;
|
||||
}
|
||||
|
||||
.portfolio .module h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.portfolio {
|
||||
padding: 20px 10px 30px 10px;
|
||||
}
|
||||
|
||||
.portfolio .module-content {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Marketing ***** */
|
||||
.marketing .module-content {
|
||||
padding-left: 18%;
|
||||
}
|
||||
|
||||
.marketing .module-content .lqd-highlight-inner {
|
||||
background: #D3FFF8;
|
||||
bottom: 4px;
|
||||
left: 0em;
|
||||
}
|
||||
|
||||
.carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
|
||||
margin-top: 2.5em;
|
||||
}
|
||||
|
||||
.marketing .carousel-nav {
|
||||
left: -17px;
|
||||
}
|
||||
|
||||
.marketing .carousel-nav .flickity-button {
|
||||
font-size: 26px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.marketing .flickity-button,
|
||||
.marketing .flickity-button:focus,
|
||||
.marketing .flickity-button:hover {
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.marketing {
|
||||
padding: 50px 30px 60px 30px;
|
||||
}
|
||||
|
||||
.marketing .carousel-dots-mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.marketing .carousel-dots-mobile-inside .carousel-dots-mobile {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.marketing .module-content {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
.marketing {
|
||||
padding: 40px 10px 50px 10px;
|
||||
}
|
||||
|
||||
.marketing .module-image {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.marketing .module-content {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.marketing .module-content .ld-fancy-heading h2 {
|
||||
font-size: 15vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** case Study Carousel ***** */
|
||||
.case-study-carousel .carousel-nav .flickity-button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.case-study-carousel .flickity-button {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.case-study-carousel .flickity-button,
|
||||
.case-study-carousel .flickity-button:focus,
|
||||
.case-study-carousel .flickity-button:hover {
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-study-carousel {
|
||||
padding: 45px 40px 25px 40px;
|
||||
}
|
||||
|
||||
.case-study-carousel .carousel-items {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-study-carousel {
|
||||
padding: 45px 25px 55px 25px;
|
||||
}
|
||||
|
||||
.case-study-carousel .ld-fancy-heading {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Study ***** */
|
||||
.case-study .icon-box-module {
|
||||
box-shadow: -5px 18px 60px 0px rgba(210, 210, 234, 0.4);
|
||||
}
|
||||
|
||||
.case-study .module-1 .iconbox-icon-container {
|
||||
box-shadow: 6px 15px 30px 0px rgb(188 0 50 / 12%);
|
||||
}
|
||||
|
||||
.case-study .module-2 .iconbox-icon-container {
|
||||
box-shadow: 6px 15px 30px 0px rgb(103 200 216 / 23%);
|
||||
}
|
||||
|
||||
.case-study .module-3 .iconbox-icon-container {
|
||||
box-shadow: 6px 15px 30px 0px rgb(80 207 128 / 18%);
|
||||
}
|
||||
|
||||
.case-study .module-4 .iconbox-icon-container {
|
||||
box-shadow: 6px 15px 30px 0px rgb(221 116 195 / 19%);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-study {
|
||||
padding: 50px 30px 25px 30px;
|
||||
}
|
||||
|
||||
.case-study .title-module {
|
||||
padding: 0 15%;
|
||||
}
|
||||
|
||||
.case-study .module-1,
|
||||
.case-study .module-3 {
|
||||
padding: 10px 25px 10px 10px;
|
||||
}
|
||||
|
||||
.case-study .module-2,
|
||||
.case-study .module-4 {
|
||||
padding: 10px 10px 10px 25px;
|
||||
}
|
||||
|
||||
.case-study .icon-box-module {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-study {
|
||||
padding: 30px 25px 35px 25px;
|
||||
}
|
||||
|
||||
.case-study .title-module {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
|
||||
.case-study .title-module .ld-fancy-heading p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.case-study .module-content {
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.case-study .icon-box-module {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Team ***** */
|
||||
.team .lqd-tm-details svg stop:first-child {
|
||||
stop-color: #F8F9FFE6;
|
||||
}
|
||||
|
||||
.team .lqd-tm-details svg stop:last-child {
|
||||
stop-color: #F8F9FF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.team {
|
||||
padding: 25px 30px 50px 30px;
|
||||
}
|
||||
|
||||
.team .module-2,
|
||||
.team .module-3 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.team {
|
||||
padding: 25px 10px 50px 10px;
|
||||
}
|
||||
|
||||
.team .module-title {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.team .module-btn {
|
||||
padding: 0 15px 20px 15px;
|
||||
}
|
||||
|
||||
.team .module-1,
|
||||
.team .module-2 {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** counters ***** */
|
||||
.counters .ld-fancy-heading .h2 {
|
||||
font-size: 62px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.counters {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.counters .title-container {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.counters .data-container {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.counters .module-number p {
|
||||
font-size: 52px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonial ***** */
|
||||
.testimonial .carousel-nav .flickity-button:hover {
|
||||
color: #FFFFFF;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
|
||||
.carousel-dots-mobile .flickity-page-dots .dot:first-child {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonial {
|
||||
padding: 170px 30px 85px 30px;
|
||||
}
|
||||
|
||||
.testimonial .image-container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.testimonial .lqd-imggrp-img-container {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.testimonial .carousel-item {
|
||||
padding-inline-start: 0;
|
||||
padding-inline-end: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonial {
|
||||
padding: 70px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients .module-img {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients .lqd-imggrp-single {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 38px;
|
||||
}
|
||||
|
||||
.contact .module-white {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 70px 15px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 11vw;
|
||||
}
|
||||
|
||||
.contact .module-white {
|
||||
padding: 30px 20px 15px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,246 @@
|
||||
@font-face {
|
||||
font-family: "aktiv-grotesk";
|
||||
src: url(../../../fonts/aktiv-grotesk/aktivgrotesk-xbold.woff2) format("woff2");
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: wrap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "aktiv-grotesk";
|
||||
src: url(../../../fonts/aktiv-grotesk/aktivgrotesk-black.woff2) format("woff2");
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: wrap;
|
||||
}
|
||||
|
||||
:root {
|
||||
--lqd-container-width: 1250px;
|
||||
--lqd-container-width-md: 1024px;
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
--lqd-row-gutter-y: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #0B054B;
|
||||
--lqd-color-secondary: #FEFE43;
|
||||
--lqd-color-text: #4E4F62;
|
||||
--lqd-color-accent: #EB7556;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
--lqd-color-gray-100: #f5f5f7;
|
||||
--lqd-color-gray-200: #EBEFF1;
|
||||
--lqd-color-gray-300: rgba(95, 96, 127, 0.702);
|
||||
--lqd-color-gray-900: #121212;
|
||||
--lqd-color-slate-100: rgba(35, 48, 64, 0.1);
|
||||
--lqd-color-slate-200: rgba(35, 48, 64, 0.08);
|
||||
--lqd-color-slate-300: #B0B9D5;
|
||||
--lqd-color-slate-400: #587685;
|
||||
--lqd-color-slate-700: #233040;
|
||||
--lqd-color-yellow-500: #E0FF5C;
|
||||
/* */
|
||||
--lqd-typography-primaryfont-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-typography-primary-font-weight: 400;
|
||||
--lqd-typography-text-font-family: var(--lqd-typography-primaryfont-family);
|
||||
--lqd-typography-text-font-size: 17px;
|
||||
--lqd-typography-text-font-weight: 400;
|
||||
--lqd-typography-text-line-height: 1.29em;
|
||||
--lqd-typography-accentfont-family: var(--lqd-typography-primaryfont-family);
|
||||
--lqd-typography-accent-font-weight: 700;
|
||||
/* */
|
||||
--lqd-body-color: var(--lqd-color-text);
|
||||
--lqd-body-font-family: var(--lqd-typography-text-font-family), Sans-serif;
|
||||
--lqd-body-font-size: var(--lqd-typography-text-font-size);
|
||||
--lqd-body-font-weight: var(--lqd-typography-text-font-weight);
|
||||
--lqd-body-line-height: var(--lqd-typography-text-line-height);
|
||||
/* */
|
||||
--lqd-heading-color: var(--lqd-color-slate-700);
|
||||
--lqd-heading-font-family: "aktiv-grotesk", Sans-serif;
|
||||
--lqd-heading-font-weight: 900;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-letter-spacing: -0.4px;
|
||||
--lqd-h2-font-size: 50px;
|
||||
--lqd-h2-letter-spacing: -0.5px;
|
||||
--lqd-h3-font-size: 42px;
|
||||
--lqd-h4-font-size: 32px;
|
||||
--lqd-h5-font-size: 22px;
|
||||
--lqd-h6-font-size: 10px;
|
||||
--lqd-h6-font-weight: 800;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-letter-spacing: 1.1px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .header-desktop .main-nav {
|
||||
--lqd-menu-items-top-padding: 10px;
|
||||
--lqd-menu-items-right-padding: 30px;
|
||||
--lqd-menu-items-bottom-padding: 10px;
|
||||
--lqd-menu-items-left-padding: 30px;
|
||||
}
|
||||
|
||||
.nav-trigger,
|
||||
.nav-trigger:hover,
|
||||
.nav-trigger:focus {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.is-stuck {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.is-stuck .ld-module-sd > .nav-trigger {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.is-stuck .module-logo {
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.is-stuck .navbar-collapse .main-nav > li > a {
|
||||
color: rgba(0, 0, 0, 0.72);
|
||||
}
|
||||
|
||||
.is-stuck .btn-underlined {
|
||||
color: var(--lqd-color-slate-700);
|
||||
}
|
||||
|
||||
.is-stuck .btn-underlined:before {
|
||||
background-color: var(--lqd-color-slate-700);
|
||||
}
|
||||
|
||||
.is-stuck .btn-underlined:after {
|
||||
background-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
.is-stuck .btn-underlined:hover,
|
||||
.is-stuck .btn-underlined:focus {
|
||||
color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .header-desktop .main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 10px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 10px;
|
||||
}
|
||||
|
||||
.main-header .header-desktop .main-nav > li > a {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.main-header .module-sec {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-header .module-sec {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.main-header .module-sec .ld-module-dropdown {
|
||||
width: 80vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile Header */
|
||||
.main-header .module-sec .module-social {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 28px;
|
||||
--grid-column-gap: 17px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
/* Hover 3D */
|
||||
.lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/* Counter */
|
||||
.countdown-row {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Road Map */
|
||||
.one-roadmap-item-checked .one-roadmap-bar,
|
||||
.one-roadmap-item-checked .one-roadmap-info {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.one-roadmap-item .one-roadmap-bar:before,
|
||||
.one-roadmap-item:not(:last-child) .one-roadmap-bar:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
background: #6C0FFC;
|
||||
transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
|
||||
.one-roadmap-bar:before {
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
border-radius: 50em;
|
||||
}
|
||||
|
||||
.one-roadmap-bar:after {
|
||||
width: 2px;
|
||||
left: 6px;
|
||||
bottom: -3px;
|
||||
transform-origin: top center;
|
||||
}
|
||||
|
||||
.one-roadmap-item-checked .one-roadmap-mark {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.module-roadmap {
|
||||
padding: 25px 15px 25px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Main Footer */
|
||||
.main-footer .footer-content .container {
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .social-icons-wrapper {
|
||||
--icon-size: 28px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .lqd-fancy-menu > ul > li:not(:last-child) {
|
||||
margin-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ******* */
|
||||
.screen-only,
|
||||
.screen-reader-text,
|
||||
.screen-reader-text span,
|
||||
.ui-helper-hidden-accessible {
|
||||
position: absolute;
|
||||
top: -10000em;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
@@ -0,0 +1,268 @@
|
||||
/* Banner */
|
||||
.banner .module-col .el-btn {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 50px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .el-btn {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.banner .module-col {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.banner .module-col .el-btn {
|
||||
--btn-pe: 30px;
|
||||
--btn-ps: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.banner h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
|
||||
.banner .module-col {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Webinar */
|
||||
@media (max-width: 767px) {
|
||||
.webinar {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Events */
|
||||
.events .lqd-tabs-style-3 .lqd-tabs-nav li a:after {
|
||||
background-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.events {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.events .module-container {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Speakers */
|
||||
@media (max-width: 767px) {
|
||||
.speakers .module-col {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Carousel Text */
|
||||
@media (max-width: 767px) {
|
||||
.carousel-text .carousel-item-content {
|
||||
font-size: 20vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* What We Do */
|
||||
@media (max-width: 1199px) {
|
||||
.what-we-do .module-shape-1 {
|
||||
top: 76px;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-2 {
|
||||
right: 6%;
|
||||
bottom: -6%;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-3 {
|
||||
top: -24px;
|
||||
right: -77px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.what-we-do {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-1 {
|
||||
top: -8px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-2 {
|
||||
right: 29%;
|
||||
bottom: -8%;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-2 img {
|
||||
width: 244px;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-3 {
|
||||
top: -78px;
|
||||
right: -33px;
|
||||
}
|
||||
|
||||
.what-we-do .module-shape-3 img {
|
||||
width: 275px;
|
||||
}
|
||||
|
||||
.what-we-do .module-col {
|
||||
padding: 30px 15px 50px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Clients */
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Gallery */
|
||||
@media (max-width: 1199px) {
|
||||
.gallery .module-masonry-1 {
|
||||
height: 34vw;
|
||||
}
|
||||
|
||||
.gallery .module-masonry-2 {
|
||||
height: 38vw;
|
||||
}
|
||||
|
||||
.gallery .module-timer {
|
||||
padding-top: 10px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gallery {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.gallery .el-title {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.gallery .module-timer {
|
||||
padding-top: 0;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.gallery .module-timer .countdown {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Faq */
|
||||
.faq .accordion-title a {
|
||||
padding: 1em 30px 1em 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.faq h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.faq h2 {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.faq .accordion-title a {
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
|
||||
.faq h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Contact */
|
||||
.contact .lqd-cf-response-output {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
margin-top: 200px;
|
||||
}
|
||||
|
||||
.contact .module-content {
|
||||
margin-top: -200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact .module-content {
|
||||
margin-top: -170px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pricing */
|
||||
@media (max-width: 1199px) {
|
||||
.pricing .module-price {
|
||||
margin: 0 6px 30px 0;
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.pricing .module-divider {
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.pricing .module-price {
|
||||
margin: 0 15px 30px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Subscribe */
|
||||
.subscribe .ld-sf input[type="email"]:focus {
|
||||
border-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.subscribe {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.subscribe .ld-sf p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,96 @@
|
||||
:root {
|
||||
--lqd-container-width: 1270px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #f40460;
|
||||
--lqd-color-secondary: #5b7bfb;
|
||||
--lqd-color-gradient-start: #ed6a04;
|
||||
--lqd-color-gradient-stop: #ed6a04;
|
||||
--lqd-badge-color: var(--lqd-color-red-400);
|
||||
--lqd-color-blue-300: #5b7bfb;
|
||||
--lqd-color-blue-400: #006dff;
|
||||
--lqd-color-blue-600: #003179;
|
||||
--lqd-color-blue-700: #002352;
|
||||
--lqd-color-blue-800: #001634;
|
||||
--lqd-color-gray-200: #f4f4f4;
|
||||
--lqd-color-gray-400: #7e8085;
|
||||
--lqd-color-gray-900: #27292c;
|
||||
--lqd-color-green-500: #00937e;
|
||||
--lqd-color-orange-100: rgb(237 106 4 / 5%);
|
||||
--lqd-color-orange-500: #ed6b03;
|
||||
--lqd-color-red-400: #fd7171;
|
||||
--lqd-color-slate-100: rgba(0,22,52,0.703);
|
||||
--lqd-color-slate-200: #f8f8fd;
|
||||
--lqd-color-slate-300: #50596c;
|
||||
--lqd-color-purple-500: #5b44ff;
|
||||
--lqd-color-zinc-900: #191919;
|
||||
/* */
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.5em;
|
||||
--lqd-body-letter-spacing: 0.01em;
|
||||
--lqd-body-font-size: 16px;
|
||||
--lqd-body-color: #878b91;
|
||||
--lqd-body-text-color: var(--lqd-body-color);
|
||||
/* */
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-h1-line-height: 1.15em;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h2-letter-spacing: -0.0125em;
|
||||
--lqd-h2-font-size: 42px;
|
||||
--lqd-h3-font-size: 34px;
|
||||
--lqd-h4-font-size: 30px;
|
||||
--lqd-h5-font-size: 25px;
|
||||
--lqd-h6-font-weight: 600;
|
||||
--lqd-h6-letter-spacing: 0.1em;
|
||||
--lqd-h6-font-size: 12px;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-color: #ed6a04;
|
||||
/* */
|
||||
--lqd-cc-active-bw: 1px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .header-desktop .main-nav{
|
||||
--lqd-menu-items-top-padding: 3px;
|
||||
--lqd-menu-items-right-padding: 20px;
|
||||
--lqd-menu-items-bottom-padding: 3px;
|
||||
--lqd-menu-items-left-padding: 20px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .main-nav li a {
|
||||
font-size: 12px;
|
||||
}
|
||||
.main-header .header-desktop .main-nav {
|
||||
--lqd-menu-items-right-padding: 10px;
|
||||
--lqd-menu-items-left-padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Stickybar Left */
|
||||
.main-header .lqd-stickybar-left .module-btn:hover .btn-icon {
|
||||
background: #ef4557;
|
||||
}
|
||||
|
||||
/* Main Footer */
|
||||
.main-footer .ld-sf input[type="email"]:focus {
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
}
|
||||
.main-footer .ld-sf--button-naked [type=submit] {
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
.main-footer .footer-menu li > a:hover {
|
||||
color: var(--lqd-color-blue-800);
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.main-footer .footer-contact {
|
||||
padding-top: 70px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/* Banner */
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.banner h1 {
|
||||
font-size: 42px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Featured */
|
||||
.featured .module-btn:hover {
|
||||
background-color: var(--lqd-color-purple-500);
|
||||
}
|
||||
.featured .module-btn-naked:before {
|
||||
background: var(--lqd-color-purple-500);
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.featured .module-content {
|
||||
padding-left: 25px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/* Banner */
|
||||
.banner {
|
||||
background-position: 50% 120%;
|
||||
}
|
||||
|
||||
/* Help */
|
||||
.help {
|
||||
background-position: 50% -20%;
|
||||
}
|
||||
|
||||
/* Assistance */
|
||||
.assistance .iconbox .btn-underlined:before {
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.assistance .iconbox .btn-underlined:after {
|
||||
background-color: var(--lqd-color-secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.assistance {
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,424 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
|
||||
--lqd-color-primary: #005153;
|
||||
--lqd-color-gradient-start: #274caf;
|
||||
--lqd-color-gradient-stop: #274caf;
|
||||
--lqd-color-link: #005153;
|
||||
--lqd-color-link-hover: #274caf;
|
||||
--lqd-color-dark: #333333;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-blue-900: #232a3b;
|
||||
--lqd-color-green-300: #7ad19e;
|
||||
--lqd-color-green-500: #0f5a64;
|
||||
--lqd-color-green-700: #094048;
|
||||
--lqd-color-green-50: #f0f7f3;
|
||||
--lqd-color-gray-100: #f8f8f8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-700: #334155;
|
||||
--lqd-color-green-100: rgba(7, 124, 88, 0.11);
|
||||
--lqd-color-green-200: rgba(15, 90, 100, 0.13);
|
||||
--lqd-body-text-color: #707376;
|
||||
|
||||
--lqd-mobile-sec-height: 0;
|
||||
--lqd-sticky-header-height: 75px;
|
||||
|
||||
--lqd-row-gutter-x: 30px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.47em;
|
||||
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h1-font-family: 'Averia Serif Libre', cursive;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-line-height: 1.05em;
|
||||
--lqd-h3-line-height: 1.05em;
|
||||
|
||||
--lqd-heading-color: #0f5a64;
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-h1-font-weight: 400;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 400;
|
||||
--lqd-h3-font-size: 23px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.font-body {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.btn-primary:hover {
|
||||
background-color: var(--lqd-color-green-500);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-primary:hover .btn-icon {
|
||||
background-color: #ffffff;
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
/* ***** BG Loader ***** */
|
||||
.bg-loader {
|
||||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -30px;
|
||||
margin-inline-start: -30px;
|
||||
opacity: .5;
|
||||
transition-property: opacity, visibility;
|
||||
transition-duration: .15s;
|
||||
transition-timing-function: cubic-bezier(.23, 1, .32, 1);
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 12px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 12px;
|
||||
}
|
||||
|
||||
.main-header .current-menu-item>a {
|
||||
color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
.main-header .solid-row .btn-solid:hover {
|
||||
background-color: #077c58;
|
||||
border-color: #077c58;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.main-header .solid-row .btn-solid:hover .btn-icon {
|
||||
background-color: #ffffff;
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.main-header .btn-sm {
|
||||
--btn-pt: 0.65em;
|
||||
--btn-pe: 1.5em;
|
||||
--btn-pb: 0.65em;
|
||||
--btn-ps: 1.5em;
|
||||
|
||||
}
|
||||
|
||||
/* ***** Stickybar Right ***** */
|
||||
.main-header .lqd-stickybar-right {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn.no-rotate {
|
||||
transform: rotate(180deg) translateX(-40%);
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap .lqd-head-col>.module-button .btn.no-rotate {
|
||||
transform: rotate(180deg) translateX(-12%);
|
||||
box-shadow: 0px 0px 20px 0px rgba(65, 94, 148, 0.08);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn:hover {
|
||||
color: #ffffff;
|
||||
background-color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn:hover .btn-icon {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.is-stuck .lqd-head-sec-wrap {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lity-modal .ld-fancy-heading span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form {
|
||||
--input-margin-bottom: 13px;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
|
||||
.lity-modal input:focus,
|
||||
.lity-modal select:focus,
|
||||
.lity-modal textarea:focus,
|
||||
.lity-modal .ui-button.ui-selectmenu-button:hover {
|
||||
border-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form input:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Carousels ***** */
|
||||
.carousel-items> :not([class*=col-]):not(.has-width) {
|
||||
flex: 1 0 100%;
|
||||
}
|
||||
|
||||
.flickity-slider {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.lqd-fb .ld-slideelement-hidden {
|
||||
opacity: 0;
|
||||
transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
|
||||
}
|
||||
|
||||
.lqd-fb:hover .ld-slideelement-hidden {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.flickity-button {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner {
|
||||
background-position: 60% 50%;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 47px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Under Banner ***** */
|
||||
@media (max-width: 991px) {
|
||||
.under-banner .ld-fancy-heading {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About */
|
||||
.about .iconbox-icon-container>svg {
|
||||
max-height: unset;
|
||||
}
|
||||
|
||||
.carousel-nav.carousel-nav-sm .flickity-button {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.about .module-carousel:hover {
|
||||
box-shadow: 0 20px 50px 0 rgba(65, 94, 148, 0.09);
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.about {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.about .module-bottom {
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about .carousel-items {
|
||||
margin-inline-start: -15px;
|
||||
margin-inline-end: -15px;
|
||||
}
|
||||
|
||||
.about .carousel-item {
|
||||
padding-inline-start: 15px;
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Companies ***** */
|
||||
@media (max-width: 991px) {
|
||||
.companies {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Counters ***** */
|
||||
.counters .ld-fancy-heading .h1 {
|
||||
font-size: 62px;
|
||||
}
|
||||
|
||||
/* ***** Services ***** */
|
||||
.services .carousel-items {
|
||||
margin-inline-start: -8px;
|
||||
margin-inline-end: -8px;
|
||||
}
|
||||
|
||||
.services .carousel-item {
|
||||
padding-inline-start: 8px;
|
||||
padding-inline-end: 8px;
|
||||
}
|
||||
|
||||
.services .lqd-fb-style-1 .lqd-fb-bg {
|
||||
height: 100%;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.services {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.services .module-bottom {
|
||||
padding-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Image Naked ***** */
|
||||
@media (max-width: 991px) {
|
||||
.text-image-naked {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.text-image-naked .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.text-image-naked .lqd-column-top-ontablet {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-nav li a.active {
|
||||
color: #103a40;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.tab-items .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .module-testimonials {
|
||||
padding-right: 12%;
|
||||
padding-left: 12%;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav.carousel-nav-sm .flickity-button {
|
||||
font-size: 20px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials .module-testimonials {
|
||||
padding-right: 7%;
|
||||
padding-left: 7%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.testimonials {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.testimonials .module-title h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.testimonials .module-testimonials {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials .module-testimonials .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Help ***** */
|
||||
@media (max-width: 991px) {
|
||||
.help {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact***** */
|
||||
@media (max-width: 991px) {
|
||||
.contact .module-first {
|
||||
padding: 45px 20px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
.main-footer .ld-sf input[type="email"],
|
||||
.main-footer .ld-sf input[type="text"] {
|
||||
background: rgba(15, 90, 100, 0.06);
|
||||
color: rgba(16, 58, 64, 0.55);
|
||||
}
|
||||
|
||||
.main-footer .ld-sf button[type="submit"] {
|
||||
background: rgba(15, 90, 100, 0.15);
|
||||
color: #0f5a64;
|
||||
}
|
||||
|
||||
.main-footer .ld-sf .submit-text+.submit-icon {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.main-footer .ld-sf--button-inside:not(.ld-sf--button-naked) [type=submit] {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,186 @@
|
||||
:root {
|
||||
--lqd-container-width-lg: 1170px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-container-width-xs: 100%;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #1c4e4e;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
--lqd-color-link: #a3816a;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-color-amber-600: #bb9857;
|
||||
--lqd-color-amber-700: #b17856;
|
||||
--lqd-color-gray-100: #f7f7f7;
|
||||
--lqd-color-slate-50: rgba(15,64,100,.08);
|
||||
--lqd-color-slate-100: rgba(15,64,100,.13);
|
||||
--lqd-color-slate-200: rgba(15,64,100,.6);
|
||||
--lqd-color-slate-300: #86939e;
|
||||
--lqd-color-slate-500: #0f4064;
|
||||
--lqd-color-slate-700: #232a3b;
|
||||
--lqd-color-green-300: rgba(21,81,83,.85);
|
||||
--lqd-color-green-600: #1c4e4e;
|
||||
--lqd-color-green-700: #185757;
|
||||
|
||||
/* */
|
||||
--lqd-body-font-family: 'Libre Franklin', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.5em;
|
||||
--lqd-body-font-size: 16px;
|
||||
--lqd-body-color: #56565c;
|
||||
/* */
|
||||
--lqd-heading-font-family: "marcellus",Arial,Helvetica,sans-serif;
|
||||
--lqd-heading-font-weight: 400;
|
||||
--lqd-heading-color: var(--lqd-color-slate-700);
|
||||
--lqd-h2-line-height: 1.13em;
|
||||
--lqd-h2-font-size: 42px;
|
||||
--lqd-h3-line-height: 1.21em;
|
||||
--lqd-h3-font-size: 28px;
|
||||
--lqd-h4-line-height: 1.2em;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h6-font-family: var(--lqd-font-family, Arial,Helvetica,sans-serif);
|
||||
--lqd-h6-font-weight: 700;
|
||||
--lqd-h6-line-height: 1.2em;
|
||||
--lqd-h6-letter-spacing: .11em;
|
||||
--lqd-h6-font-size: 12px;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ***** Typography ***** */
|
||||
.ld-fh-element u {
|
||||
text-decoration-thickness: 2px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.module-mb-init {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.module-h2-init-md {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.module-h2-init-sm {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.border-thick:before,
|
||||
.border-thick:after {
|
||||
width: 30%;
|
||||
background: var(--lqd-color-slate-700);
|
||||
}
|
||||
.border-thick.border-thick-white:before,
|
||||
.border-thick.border-thick-white:after {
|
||||
background: #fff;
|
||||
}
|
||||
.btn-underlined .btn-txt {
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
|
||||
/* ***** Icon ***** */
|
||||
.lqd-fb-style-8 .lqd-fb-content .lqd-fb-icon {
|
||||
color: var(--lqd-color-amber-700);
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 22px;
|
||||
--lqd-menu-items-left-padding: 22px;
|
||||
}
|
||||
|
||||
.main-header .module-trigger .bars:before {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown {
|
||||
width: 445px;
|
||||
}
|
||||
.main-header .ld-module-dropdown .btn-solid {
|
||||
--icon-ms: 20px;
|
||||
}
|
||||
|
||||
.main-header .lqd-mobile-sec .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 25px;
|
||||
}
|
||||
|
||||
.main-header .submenu-expander:before {
|
||||
content: '\ea2f';
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font: normal 1em/1 'lqd-essentials';
|
||||
}
|
||||
|
||||
.is-stuck .module-header {
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.is-stuck .nav-trigger.collapsed {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.is-stuck .main-nav > li > a,
|
||||
.is-stuck .module-number,
|
||||
.is-stuck .module-trigger {
|
||||
color: var(--lqd-color-slate-700);
|
||||
}
|
||||
.is-stuck .module-trigger .bars:before {
|
||||
background-color: rgba(35,42,59,.05);
|
||||
}
|
||||
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lqd-modal[data-modal-type=fullscreen] {
|
||||
padding: 25px 2em;
|
||||
}
|
||||
.lity-modal .ld-fancy-heading span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form {
|
||||
--input-margin-bottom: 13px;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
|
||||
.lity-modal input:focus,
|
||||
.lity-modal select:focus,
|
||||
.lity-modal textarea:focus,
|
||||
.lity-modal .ui-button.ui-selectmenu-button:hover {
|
||||
border-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form input:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
/* */
|
||||
.lqd-imggrp-single[data-animate-shadow] .lqd-imggrp-img-container {
|
||||
box-shadow: 0 0 0 rgba(0,0,0,.3);
|
||||
transition: box-shadow .5s cubic-bezier(.7,0,.3,1);
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .footer-menu .lqd-fancy-menu {
|
||||
--lqd-badge-color: rgb(255, 255, 255);
|
||||
}
|
||||
@@ -0,0 +1,228 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-solid {
|
||||
--btn-pt: 1.5em;
|
||||
--btn-pe: 3.5em;
|
||||
--btn-pb: 1.5em;
|
||||
--btn-ps: 3.5em;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.banner .module-text {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.banner .module-text {
|
||||
padding-right: 12%;
|
||||
padding-left: 12%;
|
||||
}
|
||||
.banner .btn-xlg {
|
||||
--btn-pt: 1.3em;
|
||||
--btn-pe: 3.1em;
|
||||
--btn-pb: 1.3em;
|
||||
--btn-ps: 3.1em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 15vw;
|
||||
}
|
||||
.banner .module-text {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about {
|
||||
background-position: 80% 50% ;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about .iconbox {
|
||||
padding-right: 10%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.about .iconbox {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Experience ***** */
|
||||
.experience .module-col:hover .row-bg-inner {
|
||||
transform: scale(1.075);
|
||||
}
|
||||
.experience .module-img {
|
||||
box-shadow: 0 20px 88px 0 rgba(0,0,0,.2);
|
||||
--lqd-move-onhover-val: -5px;
|
||||
}
|
||||
.experience .modul-img:hover {
|
||||
transform: translateY(var(--lqd-move-onhover-val,0));
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.experience {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.experience .module-img {
|
||||
margin-bottom: 30px;
|
||||
padding-top: 250px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Counter ***** */
|
||||
@media (max-width: 991px) {
|
||||
.counter {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.counter .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
/* ***** Practice Area ***** */
|
||||
.practice-area .one-bullet-list li:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
margin-inline-end: 1em;
|
||||
border-radius: 50em;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.practice-area .module-col-1 {
|
||||
padding: 75px 30px 75px 55px;
|
||||
}
|
||||
.practice-area .module-col-2{
|
||||
padding: 75px 30px 55px 45px;
|
||||
}
|
||||
|
||||
.practice-area .module-col-3 {
|
||||
padding: 65px 15px 55px 25px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.practice-area {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.practice-area .module-col-1 {
|
||||
padding: 35px 15px;
|
||||
}
|
||||
.practice-area .module-col-2,
|
||||
.practice-area .module-col-3 {
|
||||
padding: 35px 15px 15px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Help ***** */
|
||||
@media (max-width: 991px) {
|
||||
.help {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.help .module-img {
|
||||
margin-bottom: 240px;
|
||||
}
|
||||
.help .module-img-2 {
|
||||
right: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.help .module-img {
|
||||
margin-bottom: 220px;
|
||||
}
|
||||
.help .module-img-3 {
|
||||
left: 10%;
|
||||
}
|
||||
.help .module-img-2 {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Practice Carousel ***** */
|
||||
@media (max-width: 991px) {
|
||||
.practice-carousel {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials {
|
||||
background-position: 25% 50%;
|
||||
}
|
||||
.testimonials .carousel-nav {
|
||||
left: -15px;
|
||||
}
|
||||
.testimonials .carousel-nav .flickity-button {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.testimonials .carousel-nav .flickity-prev-next-button,
|
||||
.testimonials .carousel-nav .lqd-carousel-slides {
|
||||
color: #fff;
|
||||
}
|
||||
.testimonials .carousel-nav .lqd-carousel-slides > svg {
|
||||
margin-inline-start: 0.65em;
|
||||
margin-inline-end: 0.75em;
|
||||
}
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: rgba(255,255,255,.6);
|
||||
}
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.testimonials {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .lqd-lp-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.blog .lqd-lp h2 .split-inner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.blog .lqd-lp h2 .split-inner:before,
|
||||
.blog .lqd-lp h2 .split-inner:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: .15em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
transform: scaleX(0);
|
||||
transition: transform .65s cubic-bezier(.23,1,.32,1);
|
||||
}
|
||||
.blog .lqd-lp h2 .split-inner:after {
|
||||
height: .414em;
|
||||
background: rgba(163,129,106,.25);
|
||||
transform-origin: left;
|
||||
}
|
||||
.blog .lqd-lp:hover .split-inner:before {
|
||||
transform: scaleX(0);
|
||||
}
|
||||
.blog .lqd-lp:hover h2 .split-inner:after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.blog {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.blog .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,199 @@
|
||||
:root {
|
||||
--lqd-container-width-md: 1024px;
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
|
||||
--lqd-color-primary: #FF5538;
|
||||
--lqd-body-text-color: #7A7A7A;
|
||||
--lqd-color-accent: #336AEA;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-title: #1A3760;
|
||||
--lqd-badge-color: var(--lqd-color-primary);
|
||||
--lqd-color-gradient-start: #FE753E;
|
||||
--lqd-color-gradient-stop: #FE753E;
|
||||
--lqd-color-orange-500: #ed6a04;
|
||||
--lqd-color-blue-100: #F1F7FD;
|
||||
--lqd-color-blue-200: rgba(0, 35, 82, 0.6);
|
||||
--lqd-color-blue-300: rgba(26, 55, 96, 0.831);
|
||||
--lqd-color-blue-900: #181B31;
|
||||
--lqd-color-gray-100: #eef3f9;
|
||||
--lqd-color-gray-200: #f8f8f8;
|
||||
--lqd-color-gray-300: #e5e3df;
|
||||
--lqd-color-gray-400: #EFEFEF;
|
||||
--lqd-color-gray-500: #646464;
|
||||
--lqd-color-gray-600: #464959;
|
||||
--lqd-color-gray-700: #36363B;
|
||||
--lqd-color-pink-100: #FEF7FC;
|
||||
--lqd-color-purple-100: #F0F8FF;
|
||||
--lqd-color-red-100: #F4EEFA;
|
||||
--lqd-color-slate-100: #FFFAF6;
|
||||
--lqd-color-orange-100: #FFEAE6;
|
||||
--lqd-color-yellow-100: #FFEDEF;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-textcolor: #808291;
|
||||
--lqd-body-font-size: 1em;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.7em;
|
||||
--lqd-body-letter-spacing: 0px;
|
||||
|
||||
--lqd-heading-color: var(--lqd-color-title);
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-letter-spacing: -0.2px;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 48px;
|
||||
--lqd-h3-font-size: 38px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h5-font-weight: 600;
|
||||
--lqd-h6-font-size: 14px;
|
||||
--lqd-h6-font-weight: 500;
|
||||
--lqd-h6-letter-spacing: 0.28px;
|
||||
--lqd-h6-color: #FE753E;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.lqd-post-content,
|
||||
.lqd-post-header .entry-excerpt {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
font-size: 18px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
.ld-fancy-heading .lqd-highlight-inner {
|
||||
background: rgba(255, 185, 158, 0.5);
|
||||
bottom: 0.15em;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.is-stuck section:not(.lqd-stickybar-wrap) {
|
||||
background: rgba(255, 255, 255, 0.96) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
:root {
|
||||
--lqd-h2-font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
:root {
|
||||
--lqd-h2-font-size: 37px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
.button {
|
||||
font-family: "IBM Plex Sans", Sans-serif;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.is-stuck .module-logo {
|
||||
padding: 25px 50px 25px 25px;
|
||||
}
|
||||
|
||||
/* ***** Left Sticky ***** */
|
||||
.main-header .lqd-stickybar-left {
|
||||
padding: 100px 0 25px 0;
|
||||
}
|
||||
|
||||
/* ***** Left Side Drawer ***** */
|
||||
.main-header .ld-module-sd-left .ld-module-dropdown {
|
||||
width: 350px;
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--grid-column-gap: 17px;
|
||||
--grid-row-gap: 0;
|
||||
}
|
||||
|
||||
/* ***** Lity Modal ***** */
|
||||
.lity-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 30px 0;
|
||||
--input-margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .module-btn button {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .module-btn button:hover {
|
||||
color: #FFFFFF;
|
||||
background: #FFA5A5;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer>.footer-menu {
|
||||
padding: 110px 30px 60px 30px;
|
||||
}
|
||||
|
||||
.main-footer>.footer-info {
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer>.footer-menu {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.main-footer>.footer-info {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.main-footer .footer-info .module-last {
|
||||
padding: 30px 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/* Blog */
|
||||
.titlebar-inner h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 0 10px 80px 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
/* ***** Titlebar ***** */
|
||||
@media (max-width: 767px) {
|
||||
.titlebar-inner h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
/* ***** Form ***** */
|
||||
.form .module-form {
|
||||
box-shadow: 0 40px 80px 0px rgba(83, 94, 132, 0.15);
|
||||
}
|
||||
.form .lqd-contact-form {
|
||||
--input-margin-bottom: 20px;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.form .module-form {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
padding: 35px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Map ***** */
|
||||
.map .module-contact {
|
||||
box-shadow: 20px 40px 60px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.map .module-col {
|
||||
padding-right: 50px;
|
||||
padding-left: 50px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.map .module-col {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.map .module-contact {
|
||||
padding: 45px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,330 @@
|
||||
/* ***** Banner Image ***** */
|
||||
.banner-image .module-btn {
|
||||
right: 19%;
|
||||
top: 32vh;
|
||||
}
|
||||
|
||||
.banner-image .btn {
|
||||
--icon-font-size: 22px;
|
||||
}
|
||||
|
||||
.banner-image .btn-icon:before {
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner-image .module-img {
|
||||
width: 600px;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.banner-image .module-btn {
|
||||
right: 17%;
|
||||
z-index: 5;
|
||||
top: 19vh;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner-image .module-img {
|
||||
width: 100vw;
|
||||
max-width: 100vw;
|
||||
top: 65px;
|
||||
}
|
||||
|
||||
.banner-image .lqd-imggrp-single {
|
||||
margin: -65px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.banner-image .module-btn {
|
||||
right: 30vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .module-bg {
|
||||
background-position: 95% 95%;
|
||||
}
|
||||
|
||||
.banner .btn-xl {
|
||||
--btn-pt: 1.5em;
|
||||
--btn-pe: 3.15em;
|
||||
--btn-pb: 1.5em;
|
||||
--btn-ps: 3.15em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 0 30px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 320px 10px 50px 10px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
|
||||
.banner .module-text p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.banner .btn-solid {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 767px) {
|
||||
.clients .ld-fancy-heading p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 20px 10px 0 10px;
|
||||
}
|
||||
|
||||
.about .module-first {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Digital Experience ***** */
|
||||
.digital-experience .module-img-1 {
|
||||
right: 4vw;
|
||||
}
|
||||
|
||||
.digital-experience .module-img-2 {
|
||||
right: 55px;
|
||||
}
|
||||
|
||||
.digital-experience .module-img-3 {
|
||||
left: -19%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.digital-experience {
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.digital-experience .module-img-2 {
|
||||
width: 192px;
|
||||
max-width: 192px;
|
||||
top: 6.5%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.digital-experience .module-img-3 {
|
||||
width: 272px;
|
||||
max-width: 272px;
|
||||
top: 0%;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.digital-experience .module-img-4 {
|
||||
width: 319px;
|
||||
max-width: 319px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.digital-experience {
|
||||
padding: 0 10px 30px 10px;
|
||||
}
|
||||
|
||||
.digital-experience .btn {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Digital Experience Counter ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.digital-experience-counter {
|
||||
padding: 50px 30px 60px 30px;
|
||||
}
|
||||
|
||||
.digital-experience-counter .module-counter {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.digital-experience-counter {
|
||||
padding: 30px 10px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Services ***** */
|
||||
.services .icon-box-bg-color:hover {
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.services .icon-box-bg-color:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.services .icon-box-bg-color:hover p {
|
||||
color: var(--lqd-color-title);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.services .col-sm-12 {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.services .icon-box-bg-color {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies ***** */
|
||||
.case-studies .liquid-filter-items {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies {
|
||||
padding: 100px 30px 50px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .carousel-nav {
|
||||
bottom: -40px;
|
||||
}
|
||||
|
||||
.testimonials .flickity-button,
|
||||
.testimonials .flickity-button:focus,
|
||||
.testimonials .flickity-button:hover {
|
||||
background-color: transparent;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.testimonials .d-flex .module-shape-2 {
|
||||
right: 3vw;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
|
||||
margin-top: 2.25em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.testimonials .d-flex .module-shape-2 {
|
||||
bottom: -70px;
|
||||
right: -50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.testimonials .module-last {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Global Companies ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.global-companies {
|
||||
padding: 40px 30px 60px 30px;
|
||||
}
|
||||
|
||||
.global-companies .lqd-imggrp-single {
|
||||
margin: 40px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.global-companies {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.global-companies .lqd-imggrp-single {
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.global-companies .btn-solid {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 50px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 20px 10px 40px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 0 30px 70px 30px;
|
||||
}
|
||||
|
||||
.contact .module-content {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.contact .module-shape {
|
||||
top: -10px;
|
||||
right: 32%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.contact .module-content {
|
||||
padding: 40px 15px;
|
||||
}
|
||||
|
||||
.contact .btn-solid {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,84 @@
|
||||
:root {
|
||||
--lqd-container-width: 75vw;
|
||||
--lqd-container-width-md: 75vw;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #ff6c4f;
|
||||
--lqd-color-gradient-start: #ff6c4f;
|
||||
--lqd-color-gradient-stop: #ff6c4f;
|
||||
/* */
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.3em;
|
||||
--lqd-body-font-size: 19px;
|
||||
--lqd-body-color: #8f8f91;
|
||||
/* */
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 500;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #181b31;
|
||||
/* */
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h1-letter-spacing: -0.02em;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h2-letter-spacing: -0.02em;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
/* */
|
||||
--lqd-cc-size-inner: 12px;
|
||||
--lqd-cc-size-outer: 55px;
|
||||
--lqd-cc-bg: rgba(255, 255, 255, 0.94);
|
||||
--lqd-cc-bc: #ffffff;
|
||||
--lqd-cc-active-bw: 3px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .el-btn .bars {
|
||||
width: 62px;
|
||||
height: 62px;
|
||||
flex: 1 0 62px;
|
||||
}
|
||||
|
||||
.main-header .el-btn .bars:before {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.main-header .el-btn .bar:before,
|
||||
.main-header .el-btn .bar:after,
|
||||
.main-header .el-btn:hover .bars:before {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.main-header .el-btn:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-header .el-btn:hover .bar:before,
|
||||
.main-header .el-btn:hover .bar:after {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.main-header .nav-trigger:hover,
|
||||
.main-header .nav-trigger:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Mobile Header */
|
||||
[data-mobile-nav-style=modern] .lqd-mobile-sec:before {
|
||||
background: rgb(32, 32, 32);
|
||||
}
|
||||
|
||||
/* LQD GDPR */
|
||||
#lqd-gdpr {
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.lqd-gdpr-left {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
.slide-one .lqd-af-slide__img .liquid-overlay-link {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.lqd-af-slide__img .liquid-overlay-link {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Title */
|
||||
.slide-one h2,
|
||||
.slide-three h2,
|
||||
.slide-five h2 {
|
||||
font-size: clamp(70px, 9vw, 130px);
|
||||
}
|
||||
|
||||
.slide-two h2 {
|
||||
font-size: clamp(55px, 9vw, 130px);
|
||||
}
|
||||
|
||||
.slide-four h2 {
|
||||
font-size: clamp(60px, 9vw, 130px);
|
||||
}
|
||||
|
||||
/* Slide Two */
|
||||
.slide-two .lqd-af-slide__img .liquid-overlay-link {
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.slide-two .lqd-vbg-loader {
|
||||
background-size: 55px;
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
/* */
|
||||
--lqd-color-primary: #d42828;
|
||||
--lqd-color-gradient-start: #ce2350;
|
||||
--lqd-color-gradient-stop: #c62224;
|
||||
--lqd-color-blue-900: #0f144e;
|
||||
--lqd-color-gray-300: #e3e3e3;
|
||||
--lqd-color-gray-400: #737a80;
|
||||
--lqd-color-gray-700: #3b3b3b;
|
||||
--lqd-color-gray-900: #222226;
|
||||
--lqd-color-cyan-700: #081b22;
|
||||
--lqd-color-purple-200: rgba(54, 90, 214, 0.39);
|
||||
/* */
|
||||
--lqd-body-font-family: chivo, sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.7em;
|
||||
--lqd-body-font-size: 1em;
|
||||
--lqd-body-color: #8a8a91;
|
||||
/* */
|
||||
--lqd-heading-font-family: inter, sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h6-letter-spacing: .1em;
|
||||
--lqd-h6-font-size: 12px;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
}
|
||||
|
||||
.lqd-highlight-inner svg {
|
||||
height: 0.275em;
|
||||
max-height: 0.475em;
|
||||
}
|
||||
|
||||
/* Hover 3D */
|
||||
.lqd-imggrp-single[data-hover3d],
|
||||
.ld-flipbox {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container,
|
||||
.ld-flipbox-wrap,
|
||||
.ld-flipbox-face {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-right-padding: 30px;
|
||||
--lqd-menu-items-left-padding: 30px;
|
||||
}
|
||||
|
||||
.main-header .lqd-head-col > .lqd-active-row-light.header-module .navbar-brand .logo-dark {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.main-header .lqd-head-col > .lqd-active-row-light.header-module > .navbar-collapse .main-nav > li > a {
|
||||
color: rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
.main-header .lqd-head-col > .lqd-active-row-light.header-module > .el-btn {
|
||||
color: rgb(0, 0, 0);
|
||||
border-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.lqd-head-col > .lqd-active-row-light.header-module > .el-btn:hover {
|
||||
border-color: rgb(0, 0, 0);
|
||||
background-color: rgb(0, 0, 0);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .ld-sf button.ld_sf_submit {
|
||||
background: rgba(255, 255, 255, 0);
|
||||
color: rgb(255, 255, 255);
|
||||
border-color: rgba(151, 151, 151, 0.2);
|
||||
}
|
||||
|
||||
.main-footer .ld-sf .submit-text + .submit-icon {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
/* Banner */
|
||||
.banner .btn-icon-ripple .btn-icon:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .module-space-top {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.banner h1,
|
||||
.banner h2 {
|
||||
font-size: 66px;
|
||||
}
|
||||
|
||||
.banner .module-space-top {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.banner .module-space-bottom {
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
|
||||
.banner h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* About */
|
||||
@media (max-width: 991px) {
|
||||
.about {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.about .module-img-1 {
|
||||
left: 10vw;
|
||||
}
|
||||
|
||||
.about .module-img-2 {
|
||||
right: 9vw;
|
||||
}
|
||||
|
||||
.about .module-img-3 {
|
||||
left: 25vw;
|
||||
}
|
||||
|
||||
.about h2 {
|
||||
font-size: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.about .module-img-1 {
|
||||
left: 5vw;
|
||||
}
|
||||
|
||||
.about .module-img-2 {
|
||||
right: -14vw;
|
||||
}
|
||||
|
||||
.about h2 {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
/* Strategy */
|
||||
@media (max-width: 991px) {
|
||||
.strategy {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.strategy h2 {
|
||||
font-size: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.strategy h2 {
|
||||
font-size: var(--lqd-h2-font-size);
|
||||
}
|
||||
}
|
||||
|
||||
/* Case Studies */
|
||||
.ld-flipbox-face {
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.ld-flipbox-inner {
|
||||
padding: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Contact */
|
||||
@media (max-width: 991px) {
|
||||
.contact {
|
||||
border-width: 10px;
|
||||
}
|
||||
|
||||
.contact h1 {
|
||||
font-size: 66px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact h1 {
|
||||
font-size: 56px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,623 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-md: 1024px;
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
|
||||
--lqd-color-primary: #8B752C;
|
||||
--lqd-body-text-color: #505050;
|
||||
--lqd-color-accent: #B23421;
|
||||
--lqd-color-brown-500: #483924;
|
||||
--lqd-color-secondary: #BBA07A;
|
||||
--lqd-badge-color: #ffffff;
|
||||
--lqd-color-dark: #212121;
|
||||
--lqd-color-green-700: #20484F;
|
||||
--lqd-color-green-900: #232c2e;
|
||||
--lqd-color-orange-100: #f2f2ec;
|
||||
--lqd-color-yellow-100: #FDFDF8;
|
||||
--lqd-color-yellow-200: #efefe2;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
|
||||
--lqd-mobile-sec-height: 0;
|
||||
--lqd-sticky-header-height: 81px;
|
||||
|
||||
--lqd-body-font-family: "Lato", Sans-serif;
|
||||
--lqd-body-font-size: 16px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.25em;
|
||||
--lqd-body-background-color: #F2F2EC;
|
||||
|
||||
--lqd-heading-color: #484036;
|
||||
--lqd-heading-font-family: "Marcellus", Sans-serif;
|
||||
--lqd-heading-font-weight: 400;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-h1-font-size: 67px;
|
||||
--lqd-h1-line-height: 1.05em;
|
||||
--lqd-h2-font-size: 46px;
|
||||
--lqd-h3-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h3-font-size: 40px;
|
||||
--lqd-h4-font-size: 36px;
|
||||
--lqd-h5-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h5-line-height: 1.14em;
|
||||
--lqd-h6-font-size: 11px;
|
||||
--lqd-h6-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h6-font-weight: 600;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
--lqd-h6-letter-spacing: 1.2px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-preloader-dissolve-el {
|
||||
background: #bba07a;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.btn-hover-reveal:hover.btn-underlined .btn-icon {
|
||||
transform: translateX(1.5em);
|
||||
}
|
||||
|
||||
.module-btn-px {
|
||||
--btn-pt: 23px;
|
||||
--btn-pe: 65px;
|
||||
--btn-pb: 23px;
|
||||
--btn-ps: 65px;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .container {
|
||||
--lqd-container-width: 1170px;
|
||||
}
|
||||
|
||||
.main-header .nav-trigger.is-active {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.main-header .module-main-nav {
|
||||
min-height: 45vw;
|
||||
}
|
||||
|
||||
.main-header .navbar-fullscreen .lqd-fsh-bg-side-container:before,
|
||||
.main-header .navbar-fullscreen .lqd-fsh-bg-col:before {
|
||||
background: hwb(0 100% 0% / 0.059);
|
||||
}
|
||||
|
||||
.is-stuck section {
|
||||
background-color: #F2F2EC;
|
||||
}
|
||||
|
||||
.is-stuck .module-logo {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.is-stuck .nav-trigger,
|
||||
.is-stuck .btn,
|
||||
.is-stuck .txt {
|
||||
color: var(--lqd-color-green-900);
|
||||
}
|
||||
|
||||
.is-stuck .nav-trigger .bar,
|
||||
.is-stuck .btn:before {
|
||||
background-color: var(--lqd-color-green-900);
|
||||
}
|
||||
|
||||
.is-stuck .btn:after {
|
||||
background-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.main-header .lqd-mobile-sec .navbar-header {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
/* ***** Navbar Fullscreen ***** */
|
||||
.navbar-fullscreen .module-container {
|
||||
--lqd-container-width: 1140px;
|
||||
}
|
||||
|
||||
/* ***** LQD Modal ***** */
|
||||
.lqd-modal[data-modal-type=fullscreen] {
|
||||
padding: 25px 2em;
|
||||
}
|
||||
|
||||
.lqd-modal .lqd-contact-form {
|
||||
--input-margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.lqd-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lqd-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lqd-modal .ld-fancy-heading h2 {
|
||||
font-size: 72px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lqd-modal .container {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.lqd-modal .lqd-modal-content {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.lqd-modal .ld-fancy-heading h2 {
|
||||
font-size: 17vw;
|
||||
}
|
||||
|
||||
.lqd-modal .module-info {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.lqd-modal .module-info-inner {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .container {
|
||||
--lqd-container-width: 910px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 18vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Navigation Btn ***** */
|
||||
.navigation-btn .btn-solid:hover {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navigation-btn .module-btn {
|
||||
margin-top: -80px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Date ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.date {
|
||||
padding: 10px 10px 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.date {
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about .btn-xl {
|
||||
--btn-pe: 4em;
|
||||
--btn-ps: 4em;
|
||||
}
|
||||
|
||||
.about .btn-solid:hover {
|
||||
background-color: var(--lqd-color-brown-500);
|
||||
}
|
||||
|
||||
.about .module-img {
|
||||
bottom: -33%;
|
||||
}
|
||||
|
||||
.about .module-img {
|
||||
right: -20%;
|
||||
}
|
||||
|
||||
.about .module-text {
|
||||
right: -29%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about .module-img {
|
||||
width: 80%;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.about .module-text {
|
||||
bottom: -36%;
|
||||
}
|
||||
|
||||
.about .module-bottom {
|
||||
margin-top: -40px;
|
||||
}
|
||||
|
||||
.about .module-number {
|
||||
margin-left: -260px;
|
||||
}
|
||||
|
||||
.about .module-img {
|
||||
right: 32%;
|
||||
}
|
||||
|
||||
.about .module-text {
|
||||
right: 16%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 70px 0;
|
||||
}
|
||||
|
||||
.about .module-img {
|
||||
width: 85%;
|
||||
max-width: 85%;
|
||||
}
|
||||
|
||||
.about .module-text {
|
||||
bottom: -45%;
|
||||
}
|
||||
|
||||
.about .module-bottom {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
.about .module-middle {
|
||||
margin-bottom: 65%;
|
||||
}
|
||||
|
||||
.about .module-number {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.about .module-img {
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.about .module-text {
|
||||
right: 61%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
.icon-box {
|
||||
padding: 0 3%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.icon-box {
|
||||
padding: 35px 0;
|
||||
}
|
||||
|
||||
.icon-box .module-circle {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.icon-box .module-icon-box {
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Image BG ***** */
|
||||
@media (max-width: 767px) {
|
||||
.image-bg {
|
||||
background-position: 30% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Experience ***** */
|
||||
.experience .container {
|
||||
--lqd-container-width: 1200px;
|
||||
}
|
||||
|
||||
.experience .module-img {
|
||||
min-height: 565px;
|
||||
}
|
||||
|
||||
.experience .ken-burns {
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
transition-property: -webkit-transform;
|
||||
-o-transition-property: transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
-webkit-transition-duration: 10s;
|
||||
-o-transition-duration: 10s;
|
||||
transition-duration: 10s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
-o-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.experience {
|
||||
padding: 110px 15px;
|
||||
}
|
||||
|
||||
.experience .swiper-container {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
|
||||
.experience .module-content {
|
||||
padding: 35px;
|
||||
}
|
||||
|
||||
.experience .module-col-first {
|
||||
padding: 10px 10px 10px 0;
|
||||
}
|
||||
|
||||
.experience .module-col-last {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.experience {
|
||||
padding: 80px 10px;
|
||||
}
|
||||
|
||||
.experience .module-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.experience .module-col-first {
|
||||
padding: 0 0 50px 0;
|
||||
}
|
||||
|
||||
.experience .module-col-last {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.text-box .module-col {
|
||||
padding: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box {
|
||||
padding: 40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Gallery ***** */
|
||||
.gallery .ld-media-row {
|
||||
margin-inline-start: -0.25vw;
|
||||
margin-inline-end: -0.25vw;
|
||||
}
|
||||
|
||||
.gallery .masonry-item {
|
||||
padding-inline-start: 0.25vw;
|
||||
padding-inline-end: 0.25vw;
|
||||
margin-bottom: 0.5vw;
|
||||
}
|
||||
|
||||
.gallery .module-item-1,
|
||||
.gallery .module-item-4 {
|
||||
height: 22.25vw;
|
||||
}
|
||||
|
||||
.gallery .module-item-2,
|
||||
.gallery .module-item-3 {
|
||||
height: 45vw;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gallery .masonry-item {
|
||||
height: 50vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials {
|
||||
--lqd-color-primary: #184341;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials .module-carousel {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Reserve Form ***** */
|
||||
.reserve-form {
|
||||
background-position: 100% -40px;
|
||||
}
|
||||
|
||||
.reserve-form .container {
|
||||
--lqd-container-width: 1200px;
|
||||
}
|
||||
|
||||
.reserve-form .btn-underlined:before {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.btn-hover-reveal .btn-icon {
|
||||
margin-inline-start: -1em;
|
||||
}
|
||||
|
||||
.reserve-form .lqd-contact-form {
|
||||
--input-margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.reserve-form {
|
||||
padding: 50px 15px;
|
||||
}
|
||||
|
||||
.reserve-form .module-content {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.reserve-form {
|
||||
padding: 30px 10px 50px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .btn-solid {
|
||||
--btn-pt: 0.5rem;
|
||||
--btn-pe: 1.5rem;
|
||||
--btn-pb: 0.5rem;
|
||||
--btn-ps: 1.5rem;
|
||||
}
|
||||
|
||||
.blog .btn-hover-swp .btn-icon+.btn-icon {
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
.blog .lqd-lp h2 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.blog .lqd-lp h2 .split-inner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog .lqd-lp h2 .split-inner:before,
|
||||
.blog .lqd-lp h2 .split-inner:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
bottom: 0.15em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
|
||||
.blog .lqd-lp h2 .split-inner:after {
|
||||
height: 0.414em;
|
||||
background-color: rgba(255, 218, 1, 0.35);
|
||||
transform-origin: left;
|
||||
transform: scaleX(0);
|
||||
}
|
||||
|
||||
.blog .lqd-lp:hover .split-inner:after {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog .module-text {
|
||||
padding-right: 20%;
|
||||
padding-left: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.blog .module-text {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Map ***** */
|
||||
@media (max-width: 767px) {
|
||||
.map .module-col {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.map .ld-gmap-container {
|
||||
height: 60vh;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .btn-underlined:before {
|
||||
background: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact .module-contact {
|
||||
width: 45%;
|
||||
padding: 40px;
|
||||
margin-top: -450px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 20px 10px 70px 10px;
|
||||
}
|
||||
|
||||
.contact .module-contact {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
.main-footer .module-btn .btn-solid {
|
||||
--btn-pt: 1.6em;
|
||||
--btn-pe: 5.6em;
|
||||
--btn-pb: 1.6em;
|
||||
--btn-ps: 5.6em;
|
||||
}
|
||||
|
||||
.main-footer .module-menu {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 16px;
|
||||
}
|
||||
|
||||
.main-footer .module-btn .btn:hover,
|
||||
.main-footer .module-btn .btn:focus {
|
||||
color: #B23421;
|
||||
}
|
||||
|
||||
.main-footer .module-menu .social-icon {
|
||||
--icon-padding: 1.1em;
|
||||
}
|
||||
|
||||
.main-footer .module-menu .social-icon:hover {
|
||||
background-color: #ffffff;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
.main-footer .module-menu .social-icon:hover svg {
|
||||
fill: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-menu {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,481 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #0044eb;
|
||||
--lqd-color-gradient-start: #00cb99;
|
||||
--lqd-color-gradient-stop: #00cb99;
|
||||
--lqd-color-purple-500: #7a25ff;
|
||||
--lqd-color-blue-100: #f6f5ff;
|
||||
--lqd-color-blue-200: rgba(177, 204, 255, 0.35);
|
||||
--lqd-color-blue-300: #006ce3;
|
||||
--lqd-color-blue-700: #1d293f;
|
||||
--lqd-color-blue-900: #000645;
|
||||
--lqd-color-green-700: #043c39;
|
||||
--lqd-color-slate-100: #edf2f6;
|
||||
--lqd-color-slate-200: #b7b9c4;
|
||||
--lqd-color-slate-300: #f4f7ff;
|
||||
--lqd-color-slate-400: rgba(0, 36, 88, 0.599);
|
||||
--lqd-color-slate-500: #e3f0ff;
|
||||
--lqd-color-slate-700: #404046;
|
||||
--lqd-color-slate-900: #24232c;
|
||||
--lqd-color-gray-100: #fafafa;
|
||||
--lqd-color-gray-500: #585858;
|
||||
--lqd-color-gray-700: #2c2c2c;
|
||||
--lqd-color-red-500: #ef4557;
|
||||
--lqd-badge-color: #0044eb;
|
||||
--lqd-body-texr-color: #4d4d4d;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.666em;
|
||||
--lqd-body-letter-spacing: 0.01em;
|
||||
--lqd-body-font-size: 15px;
|
||||
|
||||
--lqd-heading-font-family: 'Be Vietnam Pro', Arial, Helvetica, sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-letter-spacing: -0.02em;
|
||||
--lqd-heading-color: #01213a;
|
||||
|
||||
--lqd-h1-font-size: 54px;
|
||||
--lqd-h1-line-height: 1.333em;
|
||||
--lqd-h2-line-height: 1.05em;
|
||||
--lqd-h2-font-size: 42px;
|
||||
--lqd-h3-font-size: 51px;
|
||||
--lqd-h4-font-weight: 500;
|
||||
--lqd-h4-font-size: 42px;
|
||||
--lqd-h5-font-weight: 500;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h6-letter-spacing: 0.1em;
|
||||
--lqd-h6-font-size: 10px;
|
||||
--lqd-h6-text-transform: uppercase;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer)/2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-highlight-inner {
|
||||
height: 0.275em;
|
||||
bottom: 0.15em;
|
||||
}
|
||||
|
||||
.lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width:991px) {
|
||||
.container {
|
||||
--lqd-row-gutter-x: 0;
|
||||
--lqd-row-gutter-y: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Typography ***** */
|
||||
.lqd-post-content,
|
||||
.lqd-post-header .entry-excerpt {
|
||||
font-family: inherit;
|
||||
font-weight: 400;
|
||||
line-height: 2;
|
||||
font-size: 14px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.module-title-10vw h2 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
|
||||
.module-title-11vw h2 {
|
||||
font-size: 11vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .module-bottom,
|
||||
.main-header .module-line {
|
||||
padding-right: 9vw;
|
||||
padding-left: 9vw;
|
||||
}
|
||||
|
||||
.main-header .module-bottom {
|
||||
border-radius: 25px 25px 0 0;
|
||||
}
|
||||
|
||||
.main-header .btn-sm {
|
||||
--btn-pe: 1.5em;
|
||||
--btn-ps: 1.5em;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li.is-active>a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap {
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 3px;
|
||||
--lqd-menu-items-right-padding: 30px;
|
||||
--lqd-menu-items-bottom-padding: 3px;
|
||||
--lqd-menu-items-left-padding: 30px;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn:hover .btn-icon {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.is-stuck .module-bottom {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .module-bottom {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-solid {
|
||||
--btn-pt: 0;
|
||||
--btn-pe: 1em;
|
||||
--btn-pb: 0;
|
||||
--btn-ps: 1em;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .module-title {
|
||||
padding-right: 10%;
|
||||
padding-left: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.banner .module-title {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 16vw;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.banner .module-icon-box {
|
||||
padding-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Section Navigation ***** */
|
||||
.section-navigation .lqd-fancy-menu li.is-active>a {
|
||||
color: rgb(255, 255, 255);
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients-marquee .lqd-fade-sides .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%);
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.clients .carousel-item {
|
||||
width: 33.333%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Use Cases ***** */
|
||||
.use-cases .lqd-tabs-nav li a.active {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.use-cases .lqd-tabs .lqd-tabs-nav li a.active .lqd-tabs-nav-ext {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.use-cases .module-title {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.use-cases .lqd-tabs-nav-wrap {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-13 .lqd-tabs-content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Solutions ***** */
|
||||
.solutions .lqd-tabs-style-2 .lqd-tabs-nav li a.active .lqd-tabs-nav-progress-inner {
|
||||
transform-origin: left;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-container {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.solutions .lqd-tabs-style-2 .lqd-tabs-nav .iconbox-icon-wrap {
|
||||
margin-inline-end: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.solutions {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.solutions .module-content {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.solutions .lqd-tabs-nav li {
|
||||
flex-basis: 100%;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Overview ***** */
|
||||
.overview .carousel-container .carousel-items {
|
||||
margin-inline-start: -2%;
|
||||
margin-inline-end: -2%;
|
||||
}
|
||||
|
||||
.overview .carousel-container .carousel-item {
|
||||
width: 66.667%;
|
||||
flex-basis: 66.667%;
|
||||
padding-inline-start: 2%;
|
||||
padding-inline-end: 2%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.overview .carousel-container .carousel-item {
|
||||
width: 86.956%;
|
||||
flex-basis: 86.956%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Image Box ***** */
|
||||
@media (min-width: 992px) {
|
||||
.text-image-box .lqd-imggrp-single[data-hover3d] .lqd-imggrp-img-container {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.text-image-box {
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.text-image-box .module-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-image-box {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Box ***** */
|
||||
.icon-box .iconbox:hover .iconbox-icon-hover-bg {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.icon-box .iconbox:hover .iconbox-icon-container {
|
||||
color: #ffffff;
|
||||
border-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .carousel-dots {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -25px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-container[data-move-element].element-was-moved {
|
||||
right: 15vw;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-single[data-float=ease-in] {
|
||||
--float-animation-ease: ease-in;
|
||||
}
|
||||
|
||||
.testimonials .carousel-items> :not([class*=col-]):not(.has-width) {
|
||||
flex: 1 0 100%;
|
||||
}
|
||||
|
||||
.testimonials .lqd-overlay {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.testimonials {
|
||||
padding-top: 90px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-from-options {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .lqd-tabs-nav li a.active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav a:after {
|
||||
background: rgb(12, 50, 83);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav li a.active:before {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pricing .lqd-pt:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li .lqd-tabs-nav-txt {
|
||||
padding-inline-end: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after {
|
||||
order: unset;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav a:before {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:before {
|
||||
right: 3px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a:before {
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child a:after {
|
||||
border-radius: 50em 0 0 50em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.pricing {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.pricing .lqd-pt-body,
|
||||
.pricing .lqd-pt-head {
|
||||
padding-right: 3rem;
|
||||
padding-left: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Subscribe ***** */
|
||||
@media (max-width: 991px) {
|
||||
.subscribe .module-col {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.subscribe .btn>span {
|
||||
padding: 0.6em 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Help ***** */
|
||||
@media (max-width: 575px) {
|
||||
.help .accordion-title a {
|
||||
padding-inline-end: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Download ***** */
|
||||
@media (max-width: 991px) {
|
||||
.download .module-col {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.download .ld-fancy-heading h2 {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.download .btn-lg {
|
||||
padding: 1.15em 2.5em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,453 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width-md: 970px;
|
||||
--lqd-container-width-sm: 750px;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #7635ee;
|
||||
--lqd-color-gradient-start: var(--lqd-color-primary);
|
||||
--lqd-color-gradient-stop: var(--lqd-color-primary);
|
||||
--lqd-color-blue-300: #8fe8f2;
|
||||
--lqd-color-blue-100: rgba(96, 120, 255, 0.28);
|
||||
--lqd-color-blue-200: rgba(96, 120, 255, 0.21);
|
||||
--lqd-color-blue-500: #2865fa;
|
||||
--lqd-color-blue-600: #0a5373;
|
||||
--lqd-color-blue-700: #203152;
|
||||
--lqd-color-blue-900: #112446;
|
||||
--lqd-color-green-100: rgba(64, 202, 117, 0.19);
|
||||
--lqd-color-green-200: rgba(64, 202, 117, 0.28);
|
||||
--lqd-color-green-900: #373c36;
|
||||
--lqd-color-red-100: rgba(242, 120, 96, 0.26);
|
||||
--lqd-color-red-200: rgba(242, 120, 96, 0.25);
|
||||
--lqd-color-gray-100: #eef3f9;
|
||||
--lqd-color-gray-500: #7a7a7a;
|
||||
--lqd-color-gray-700: #26262b;
|
||||
--lqd-color-sky-100: rgba(13, 135, 231, 0.25);
|
||||
--lqd-color-sky-200: rgba(13, 135, 231, 0.27);
|
||||
--lqd-color-slate-100: rgba(17, 36, 70, 0.04);
|
||||
--lqd-color-slate-600: #313f58;
|
||||
--lqd-color-purple-50: rgba(118, 53, 238, 0.09);
|
||||
--lqd-color-purple-100: rgba(139, 52, 245, 0.25);
|
||||
--lqd-color-purple-200: rgba(139, 52, 245, 0.29);
|
||||
--lqd-color-purple-500: #6e2380;
|
||||
--lqd-color-purple-700: #4a2170;
|
||||
--lqd-color-red-500: #e76c6c;
|
||||
--lqd-body-text-color: #525f7f;
|
||||
--lqd-color-yellow-100: rgba(232, 178, 104, 0.26);
|
||||
--lqd-color-yellow-200: rgba(232, 178, 104, 0.32);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.8em;
|
||||
--lqd-body-font-size: 16px;
|
||||
|
||||
--lqd-heading-font-family: 'Nunito', sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-heading-color: #112446;
|
||||
--lqd-h1-font-size: 48px;
|
||||
--lqd-h2-font-size: 42px;
|
||||
--lqd-h3-font-size: 34px;
|
||||
--lqd-h4-font-size: 28px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h5-color: var(--lqd-color-primary);
|
||||
--lqd-h6-font-size: 16px;
|
||||
--lqd-h6-color: var(--lqd-color-primary);
|
||||
--lqd-h6-line-height: 1.2em;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.ld-fancy-heading .lqd-highlight .lqd-highlight-inner {
|
||||
height: 0.375em;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .btn-solid {
|
||||
--btn-pt: 0;
|
||||
--btn-pe: 0.5em;
|
||||
--btn-pb: 0;
|
||||
--btn-ps: 0.5em;
|
||||
}
|
||||
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 5px;
|
||||
--lqd-menu-items-right-padding: 32px;
|
||||
--lqd-menu-items-bottom-padding: 5px;
|
||||
--lqd-menu-items-left-padding: 32px;
|
||||
}
|
||||
|
||||
.is-stuck .lqd-head-sec-wrap {
|
||||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .module-btn-solid:hover {
|
||||
background-color: #4a2170;
|
||||
border-color: #4a2170;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.banner .module-btn-solid:hover .btn-icon {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.banner .module-btn-solid:hover .btn-icon:before {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-hover3d] {
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
.banner .btn-icon-sep .btn-icon {
|
||||
padding-inline-start: .909em;
|
||||
margin-inline-start: .909em;
|
||||
}
|
||||
|
||||
.banner .btn-icon-solid.btn-icon-left .btn-txt+.btn-icon,
|
||||
.banner .btn-icon-bordered.btn-icon-left .btn-txt+.btn-icon {
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .module-tablet {
|
||||
margin-right: -45%;
|
||||
}
|
||||
|
||||
.banner .module-phone {
|
||||
bottom: -50%;
|
||||
left: -25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.banner {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.banner .module-tablet {
|
||||
margin-top: -2vw;
|
||||
margin-right: -20vw;
|
||||
}
|
||||
|
||||
.banner .module-phone {
|
||||
bottom: -10vw;
|
||||
left: -12vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 576px) and (max-width: 768px) {
|
||||
.banner .module-order {
|
||||
order: -1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.banner .lqd-shape {
|
||||
max-height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 991px) {
|
||||
.clients .carousel-items {
|
||||
margin-right: -35px;
|
||||
margin-left: -35px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
padding-right: 35px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.banner .one-row_top_divider,
|
||||
.banner .one-row_bottom_divider {
|
||||
max-height: 120px;
|
||||
}
|
||||
|
||||
.clients .carousel-items {
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: 50%;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .module-purple .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(139, 52, 245, 0.25);
|
||||
}
|
||||
|
||||
.features .module-blue .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(96, 120, 255, 0.28);
|
||||
}
|
||||
|
||||
.features .module-sky .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(13, 135, 231, 0.24);
|
||||
}
|
||||
|
||||
.features .module-yellow .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(232, 178, 104, 0.24);
|
||||
}
|
||||
|
||||
.features .module-red .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(242, 120, 96, 0.23);
|
||||
}
|
||||
|
||||
.features .module-green .iconbox-icon-container {
|
||||
box-shadow: 0 10px 50px 0 rgba(64, 202, 117, 0.25);
|
||||
}
|
||||
|
||||
.features .iconbox-shadow-hover:hover {
|
||||
box-shadow: 0 25px 70px rgba(0, 0, 0, .07);
|
||||
}
|
||||
|
||||
.features .iconbox:hover .iconbox-icon-hover-bg {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type):after {
|
||||
content: '\ea2c';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 12%;
|
||||
right: 15px;
|
||||
font-family: lqd-essentials;
|
||||
font-size: 25px;
|
||||
line-height: 1;
|
||||
color: #2c2e30;
|
||||
}
|
||||
|
||||
.lqd-pb-icon-between-middle .lqd-pb-column:not(:last-child):after {
|
||||
top: 50%;
|
||||
font-size: 20px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.tab-items .lqd-pb-style-5 {
|
||||
counter-increment: lqd-pb-numbers;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.lqd-pb-icon-between-middle .lqd-pb-column:not(:last-of-type):after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.tab-items .module-steps {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-pb-style-5 {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-items .module-steps {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .lqd-tabs-nav a {
|
||||
color: rgba(255, 255, 255, 0.51);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav li a.active {
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav a:after {
|
||||
background: rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a.active:before {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pricing .lqd-pt-featured .lqd-pt-bg {
|
||||
background: #26344b;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:not(:last-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after {
|
||||
order: 0;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:first-child .lqd-tabs-nav-txt {
|
||||
margin-inline-end: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before {
|
||||
top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .lqd-testi-card {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-btn {
|
||||
background: 0 0;
|
||||
font-size: 26px;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-prev {
|
||||
left: -10%;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-next {
|
||||
right: -10%;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-btn i {
|
||||
display: inline-block;
|
||||
transition: transform .45s cubic-bezier(.23, 1, .32, 1);
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-btn:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-next:hover i,
|
||||
.testimonials .lqd-carousel-stack-next:focus i {
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
.testimonials .lqd-carousel-stack-prev:hover i,
|
||||
.lqd-carousel-stack-prev:focus i {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.testimonials .flickity-page-dots {
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.testimonials .flickity-page-dots .dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
@media(max-width: 991px) {
|
||||
.testimonials {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.testimonials .module-content {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon Text ***** */
|
||||
@media(max-width: 991px) {
|
||||
.icon-text {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.icon-text {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Download ***** */
|
||||
@media(max-width: 991px) {
|
||||
.download .ld-fancy-heading h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Float Icon ***** */
|
||||
.float-icon {
|
||||
padding-right: 7vw;
|
||||
padding-left: 7vw;
|
||||
}
|
||||
|
||||
@media(max-width: 991px) {
|
||||
.float-icon {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .lqd-contact-form {
|
||||
--input-margin-bottom: 0;
|
||||
--inputs-margin: 0 0 var(--input-margin-bottom) 0;
|
||||
}
|
||||
|
||||
.contact .lqd-contact-form-inputs-lg select,
|
||||
.contact .lqd-contact-form-inputs-lg input,
|
||||
.contact .lqd-contact-form-inputs-lg .ui-selectmenu-button {
|
||||
margin-bottom: -1px;
|
||||
height: 75px;
|
||||
}
|
||||
@@ -0,0 +1,256 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #225469;
|
||||
--lqd-color-secondary: #54595F;
|
||||
--lqd-body-text-color: #7A7A7A;
|
||||
--lqd-color-accent: #61CE70;
|
||||
--lqd-color-gradient-start: #AEBAE0;
|
||||
--lqd-color-gradient-stop: #E6A042;
|
||||
--lqd-color-darkgreen: #103A40;
|
||||
--lqd-color-amber-100: #FCF5F3;
|
||||
--lqd-color-amber-600: #CC7851;
|
||||
--lqd-color-blue-100: #E9ECFB;
|
||||
--lqd-color-blue-200: #F0F2FA;
|
||||
--lqd-color-blue-300: #C4D4FF;
|
||||
--lqd-color-blue-500: #4D68F9;
|
||||
--lqd-color-blue-600: #2A63EB;
|
||||
--lqd-color-blue-700: #2560FF;
|
||||
--lqd-color-blue-800: #1C206F;
|
||||
--lqd-color-blue-900: #0E1758BD;
|
||||
--lqd-color-emerald-500: #49C193;
|
||||
--lqd-color-gray-100: #F0F0F0;
|
||||
--lqd-color-gray-300: #d1d5db;
|
||||
--lqd-color-gray-400: #B4B6C6;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-green-100: #EAFBF7;
|
||||
--lqd-color-green-200: #D7EDEA;
|
||||
--lqd-color-green-500: #49C193;
|
||||
--lqd-color-green-700: #0DA781;
|
||||
--lqd-color-purple-100: #D4CCFF;
|
||||
--lqd-color-purple-300: #9A8DFF;
|
||||
--lqd-color-purple-400: #B469FF;
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-purple-700: #5725FF;
|
||||
--lqd-color-red-100: #FCEEEC;
|
||||
--lqd-color-slate-100: #EBEFF1;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #4D7184;
|
||||
--lqd-color-slate-700: #45485F;
|
||||
--lqd-color-slate-900: #292B57;
|
||||
--lqd-color-cyan-100: #EAF7FA;
|
||||
--lqd-color-sky-100: #C7ECFE;
|
||||
--lqd-color-sky-800: #104662;
|
||||
--lqd-color-sky-900: #083467;
|
||||
--lqd-color-orange-100: #FDE9CD;
|
||||
--lqd-color-orange-500: #F69F29;
|
||||
--lqd-color-orange-700: #CC7851;
|
||||
--lqd-color-yellow-500: #FFC221;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
|
||||
--lqd-text-font-family: 'Roboto', sans-serif;
|
||||
--lqd-text-font-weight: 400;
|
||||
|
||||
--lqd-sticky-header-height: 56px;
|
||||
--lqd-sticky-header-placeholder-height: 0;
|
||||
--lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 18px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-text-color: #627C89;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-color: #444762;
|
||||
--lqd-h1-font-family: "Nunito", Sans-serif;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-color: #45485F;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.module-icons {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.social-icons-wrapper a:hover {
|
||||
color: #34353C;
|
||||
fill: #34353C;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-xxs {
|
||||
--btn-pt: 4px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 10px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 10px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 12px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 35px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 35px;
|
||||
}
|
||||
|
||||
.module-btn-circle {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 15px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 15px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-btn-sm {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-marquee-y:hover {
|
||||
color: var(--lqd-color-blue-200);
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.main-header .lqd-contact-form {
|
||||
--inputs-margin: 0px 0px 15px 0px;
|
||||
--input-margin-bottom: 15px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .badge-color {
|
||||
--lqd-badge-color: #00CB99;
|
||||
}
|
||||
|
||||
.main-footer .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 12px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 0;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 0;
|
||||
}
|
||||
|
||||
.main-footer .btn-dark:hover {
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-footer .btn-light:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items {
|
||||
--e-icon-list-icon-size: 12px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .module-title h3 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
.form .module-form {
|
||||
border-top: 10px solid #E66C6C;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,800 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-naked {
|
||||
--icon-font-size: 1em;
|
||||
--icon-mt: 04px;
|
||||
--icon-me: 0px;
|
||||
--icon-mb: 0px;
|
||||
--icon-ms: 20px;
|
||||
}
|
||||
|
||||
.banner .btn-hover-txt-switch:hover {
|
||||
color: var(--lqd-color-green-100);
|
||||
background-color: var(--lqd-color-green-700);
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 4%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 120px 14px 0 14px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0 40px 0 0;
|
||||
}
|
||||
|
||||
.banner .module-left {
|
||||
padding: 10px 0 10px 36px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 6px 0 6px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.banner .module-text p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 10px 14px 0 14px;
|
||||
}
|
||||
|
||||
.clients .right-space {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
|
||||
.clients .left-space {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.clients .module-client {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** BG Shape ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.bg-shape {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about .iconbox h3 {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-green-100 {
|
||||
background-color: #129B67;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-blue-100 {
|
||||
background-color: #3750E0;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-gray-100 {
|
||||
background-color: #767B7E;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100 {
|
||||
background-color: #E8664D;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100 {
|
||||
background-color: #476D83;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-cyan-100 {
|
||||
background-color: #40B8D5;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) {
|
||||
fill: #E6F4EE;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) {
|
||||
stroke: #FCEEEC;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) {
|
||||
stroke: #EBEFF1;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 768px) {
|
||||
.about .module-text {
|
||||
width: 18%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.about .module-icon-box {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.about .ld-fancy-heading h2 {
|
||||
margin-right: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.about .module-spacer {
|
||||
padding-right: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-tabs-nav>li>a,
|
||||
.features .lqd-tabs-nav .h3,
|
||||
.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
font-size: 35px;
|
||||
line-height: 1.14em;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
|
||||
}
|
||||
|
||||
.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
|
||||
background-color: #A5B5C3;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features .lqd-slsh-item .ld-slideelement-hidden-inner,
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext {
|
||||
opacity: 1;
|
||||
transform: translateX(var(--lqd-tabs-nav-translate, 0));
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
min-height: 510px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-content .container {
|
||||
max-width: 980px;
|
||||
}
|
||||
|
||||
.features .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 40px;
|
||||
}
|
||||
|
||||
.features .btn-icon-right:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: #30546F;
|
||||
}
|
||||
|
||||
.features .module-btn-xs:hover {
|
||||
background-color: var(--lqd-color-blue-700);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.features .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box Image ***** */
|
||||
.text-box-image .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -2%;
|
||||
--float-animate-to: 1%;
|
||||
--float-delay: 0s;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: #2A63EB;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.text-box-image {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box-image {
|
||||
padding: 60px 6px 80px 6px;
|
||||
}
|
||||
|
||||
.text-box-image .module-section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.text-box-image .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 34px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner {
|
||||
transform-origin: left;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.tab-items .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -3%;
|
||||
--float-animate-to: 3%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-items {
|
||||
padding: 0 14px 0 14px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 14px 80px 14px;
|
||||
}
|
||||
|
||||
.tab-items .module-img {
|
||||
margin-bottom: -160px;
|
||||
}
|
||||
|
||||
.tab-items .module-img .lqd-imggrp-img-container {
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items .lqd-tabs {
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-items {
|
||||
padding: 80px 6px 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .module-title h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-avatar {
|
||||
margin-right: -50px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-avatar {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-text {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .background-overlay {
|
||||
background-size: 120% auto;
|
||||
}
|
||||
|
||||
.pricing .module-section:hover {
|
||||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(110% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
left: -368px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
|
||||
background-color: #EFF3F5;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a {
|
||||
color: #033350;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a.active {
|
||||
color: #FF4D12;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .btn:hover,
|
||||
.pricing .btn:focus {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .bg-red-100 {
|
||||
box-shadow: 0px 16px 33px 0px #FAF1EC;
|
||||
}
|
||||
|
||||
.pricing .bg-green-100 {
|
||||
box-shadow: 0px 17px 33px 0px #EAFBF7;
|
||||
}
|
||||
|
||||
.pricing .module-btn-1:hover,
|
||||
.pricing .module-btn-1:focus {
|
||||
background-color: var(--lqd-color-amber-600)
|
||||
}
|
||||
|
||||
.pricing .module-btn-3:hover,
|
||||
.pricing .module-btn-3:focus {
|
||||
background-color: var(--lqd-color-emerald-500);
|
||||
}
|
||||
|
||||
.pricing .module-btn-2:hover,
|
||||
.pricing .module-btn-2:focus {
|
||||
color: var(--lqd-color-blue-500);
|
||||
background-color: #F0F4FE;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding: 20px 14px 320px 14px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.pricing .module-section-bottom {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.pricing .lqd-imggrp-img-container {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(180% + 1.3px);
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.pricing .pos-abs {
|
||||
left: -274px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.pricing .background-overlay {
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(220% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-pricing {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pricing .module-sections {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.pricing .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Analysis ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.analysis {
|
||||
padding: 80px 0 40px 0;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -190px;
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-right {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.analysis {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -60px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.analysis .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
.process .btn-solid:hover {
|
||||
background-color: var(--lqd-color-green-100);
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.process .module-icon-box {
|
||||
background-size: 60% auto;
|
||||
}
|
||||
|
||||
.process .iconbox:hover .iconbox-icon-container {
|
||||
box-shadow: 0 0 20px 0px rgba(22, 92, 253, 0.271);
|
||||
}
|
||||
|
||||
.process .shadow-green:hover .bg-green-500 {
|
||||
box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.process {
|
||||
padding: 0 14px 60px 14px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-single {
|
||||
margin-bottom: -80px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-img-container {
|
||||
width: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process {
|
||||
padding: 40px 6px;
|
||||
}
|
||||
|
||||
.process .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .background-overlay {
|
||||
background-size: 150% auto;
|
||||
}
|
||||
|
||||
/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
} */
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(200% + 1.3px);
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating-fill:before {
|
||||
background: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .testimonials-clients .container {
|
||||
max-width: 1040px;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-items {
|
||||
--e-icon-list-icon-size: 14px;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-icon i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-item>.elementor-icon-list-text,
|
||||
.testimonials-clients .icon-list-item>a {
|
||||
font-family: var(--lqd-text-font-family), Sans-serif;
|
||||
font-weight: var(--lqd-text-font-weight);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-text {
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: #9B9B9B;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-size: 240vw auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
padding-inline-start: 15px;
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding: 40px 6px 60px 6px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-position: -130px 570px;
|
||||
background-size: 1000px auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.testimonials .module-carousels {
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.testimonials .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 1);
|
||||
padding-inline-start: 30px;
|
||||
padding-inline-end: 30px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-img-container {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .btn-label:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: var(--lqd-color-blue-500);
|
||||
}
|
||||
|
||||
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
|
||||
background-color: #430080C7;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-work .bg-size {
|
||||
background-size: 64% auto;
|
||||
}
|
||||
|
||||
.how-it-work .accordion-title a {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.how-it-work {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.how-it-work .module-title {
|
||||
background-position: top center;
|
||||
padding: 0 6px 60px 6px;
|
||||
}
|
||||
|
||||
.how-it-work .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Social Media ***** */
|
||||
@media (max-width: 767px) {
|
||||
.social-media {
|
||||
padding: 30px 0 60px 0;
|
||||
}
|
||||
|
||||
.social-media .iconbox-icon-container {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .btn-solid {
|
||||
--icon-font-size: 1.2em;
|
||||
background-color: #083467;
|
||||
}
|
||||
|
||||
.contact .module-lines {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 60px 14px 20px 14px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.contact .btn-solid {
|
||||
--icon-ms: 10px;
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 0 6px 40px 6px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.contact .module-section {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,656 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-sm: 1024px;
|
||||
--lqd-container-width-md: 1024px;
|
||||
--lqd-row-gutter-y: 30px;
|
||||
--lqd-row-gutter-x: 30px;
|
||||
|
||||
--lqd-color-primary: #00CB99;
|
||||
--lqd-color-secondary: #2D6FE8;
|
||||
--lqd-body-text-color: #737588;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-accent: #61CE70;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
--lqd-color-orange-500: #ed6a04;
|
||||
--lqd-color-blue-50: rgba(45, 111, 232, 0.08);
|
||||
--lqd-color-blue-100: #B7EEF5;
|
||||
--lqd-color-blue-200: rgba(28, 79, 141, 0.11);
|
||||
--lqd-color-blue-300: #008ABA;
|
||||
--lqd-color-blue-400: #0e3f58;
|
||||
--lqd-color-blue-500: #1C4F8D;
|
||||
--lqd-color-blue-600: #1A4265;
|
||||
--lqd-color-green-100: rgba(0, 203, 153, 0.1);
|
||||
--lqd-color-green-500: #21A081;
|
||||
--lqd-color-gray-300: #9ca3af;
|
||||
--lqd-color-gray-400: #707070;
|
||||
--lqd-color-gray-500: #505050;
|
||||
--lqd-color-gray-600: #45485F;
|
||||
--lqd-color-slate-100: #eef3f9;
|
||||
--lqd-color-red-700: #471412;
|
||||
--lqd-color-purple-100: rgba(122, 37, 255, 0.11);
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-purple-700: #504C74;
|
||||
--lqd-color-yellow-200: #FFE29D;
|
||||
|
||||
--lqd-body-text-color: #737588;
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 16px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.375em;
|
||||
|
||||
--lqd-heading-color: #225469;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h2-font-size: 43px;
|
||||
--lqd-h3-font-size: 45px;
|
||||
--lqd-h4-font-size: 37px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 14px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-sm {
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 18px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 18px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 65px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 30px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .header-desktop .main-nav {
|
||||
--lqd-menu-items-top-padding: 18px;
|
||||
--lqd-menu-items-right-padding: 27px;
|
||||
--lqd-menu-items-bottom-padding: 18px;
|
||||
--lqd-menu-items-left-padding: 27px;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li>a:before {
|
||||
background-color: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
|
||||
.main-header .social-icon svg {
|
||||
fill: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
opacity: .9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-header .social-icon:hover svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.animation-pulse-grow:active,
|
||||
.animation-pulse-grow:focus,
|
||||
.animation-pulse-grow:hover {
|
||||
animation-name: animation-pulse-grow;
|
||||
animation-duration: .3s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-header .module-header {
|
||||
padding-right: 5px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Stickybar Right */
|
||||
.lqd-stickybar-right .btn-solid {
|
||||
--icon-font-size: 20px;
|
||||
--icon-mt: -8px;
|
||||
--icon-me: 15px;
|
||||
--icon-mb: -8px;
|
||||
--icon-ms: 0px;
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 12px;
|
||||
}
|
||||
|
||||
/* Mobile Navigation */
|
||||
.main-header .nav-trigger .bar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd>.ld-module-dropdown {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown {
|
||||
--lqd-menu-items-top-padding: 10px;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 10px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .social-icon {
|
||||
--icon-size: 27px;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown li a {
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .main-nav>li>a>.link-icon {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .social-icon svg {
|
||||
fill: rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
opacity: .9;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .social-icon:hover svg {
|
||||
fill: #000;
|
||||
}
|
||||
|
||||
.main-header .ld-sd-wrap {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Mobile Hedear */
|
||||
.ld-module-sd .main-nav {
|
||||
--lqd-menu-items-top-padding: 10px;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 10px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 13px 0;
|
||||
--input-margin-bottom: 13px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-container {
|
||||
padding: 70px 0 30px 0;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 20vw;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Banner */
|
||||
.banner .container {
|
||||
max-width: 850px;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
right: -8%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
right: 4%;
|
||||
}
|
||||
|
||||
.banner .btn:hover,
|
||||
.banner .btn:focus {
|
||||
color: #FFF;
|
||||
background-color: var(--lqd-color-blue-600);
|
||||
}
|
||||
|
||||
.banner .container-fluid img:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.banner .lqd-sticky-sentinel,
|
||||
.titlebar>.lqd-sticky-sentinel {
|
||||
--lqd-sticky-header-sentinel-top: calc(100% - var(--lqd-sticky-header-height, 0) - 2px);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.bann .module-shape-1 {
|
||||
top: -9%;
|
||||
left: -2%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
|
||||
.banner h1 {
|
||||
font-size: 16vw;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
top: 33%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
top: 55%;
|
||||
}
|
||||
|
||||
.banner .lqd-shape-bottom svg {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.banner .module-client {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* About */
|
||||
.about .module-shape {
|
||||
right: -2.5%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about .module-shape {
|
||||
right: -16%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 40px 5px 0 5px;
|
||||
}
|
||||
|
||||
.about .module-title {
|
||||
margin-bottom: 30px;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Marketing */
|
||||
.marketing .container {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.marketing {
|
||||
padding: 70px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.marketing {
|
||||
padding: 30px 0 50px 0;
|
||||
}
|
||||
|
||||
.marketing .col-md-6:first-child {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Services */
|
||||
.services .col-md-6:last-child .ld-fancy-heading {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.services .iconbox:hover {
|
||||
background-color: var(--lqd-color-blue-600);
|
||||
}
|
||||
|
||||
.services .iconbox:hover svg path:not([stroke=none]) {
|
||||
fill: #FFF;
|
||||
}
|
||||
|
||||
.services .iconbox:hover .contents h3,
|
||||
.services .iconbox:hover .contents p {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.services .iconbox:hover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services .iconbox {
|
||||
padding: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.services .module-title {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Case Studies */
|
||||
.case-studies .filter-list li {
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li.active,
|
||||
.case-studies .filter-list li.hover,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:active,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:focus {
|
||||
color: #C10909;
|
||||
}
|
||||
|
||||
.case-studies .btn-icon-circle .btn-icon:before {
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
.case-studies .btn-icon-circle:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.case-studies .btn-icon-circle:hover .btn-icon {
|
||||
color: #fff;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies {
|
||||
padding: 60px 0 90px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .module-title {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Text LG */
|
||||
.text-lg .ld-fancy-heading h2 {
|
||||
font-size: 25vw;
|
||||
line-height: 0.8em;
|
||||
letter-spacing: -20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.text-lg .ld-fh-element,
|
||||
.text-lg .ld-fh-element a {
|
||||
color: #D9DCFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.text-lg .ld-fancy-heading h2 {
|
||||
font-size: 26vw;
|
||||
letter-spacing: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-lg .ld-fancy-heading h2 {
|
||||
font-size: 25vw;
|
||||
letter-spacing: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Experiences */
|
||||
.experiences .module-img-1 {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.experiences .module-img-2 {
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.experiences .module-img-3 {
|
||||
right: 15%;
|
||||
}
|
||||
|
||||
.experiences .module-img-5 {
|
||||
right: 23%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.experiences {
|
||||
padding: 100px 0 35px 0;
|
||||
}
|
||||
|
||||
.experiences .module {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.experiences {
|
||||
padding: 100px 0 55px 0;
|
||||
}
|
||||
|
||||
.experiences .border-r-1 {
|
||||
border-width: 0 0 1px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Clients */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 30px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 50px 15px 15px 15px;
|
||||
}
|
||||
|
||||
.clients .module-col {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials */
|
||||
.testimonials .lqd-imggrp-single {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.testimonials .module-line-1:before {
|
||||
background: #4452F2;
|
||||
}
|
||||
|
||||
.testimonials .module-line-2:before {
|
||||
background: #FFB66B;
|
||||
}
|
||||
|
||||
.testimonials .module-line-3:before {
|
||||
background: #8BD9FF;
|
||||
}
|
||||
|
||||
.testimonials .module-line-4:before {
|
||||
background: #F0AFA1;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: #0F144E;
|
||||
}
|
||||
|
||||
.testimonials .flickity-page-dots {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
line-height: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.carousel-dots-style4 .dot {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.testimonials .flickity-page-dots .dot.is-selected {
|
||||
width: 10px;
|
||||
background-color: #333;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding: 70px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Blog */
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 60px 0 90px 0;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.blog .module-col {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 30px 0 60px 0;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.blog .module-col {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Connect Top */
|
||||
.connect-top .container {
|
||||
max-width: 530px;
|
||||
}
|
||||
.connect-top .btn {
|
||||
--btn-pt: 20px;
|
||||
--btn-pe: 50px;
|
||||
--btn-pb: 20px;
|
||||
--btn-ps: 50px;
|
||||
background-image: linear-gradient(110deg, rgb(0, 127, 255) 0, rgba(255, 0, 0, 0.6) 100%);
|
||||
}
|
||||
|
||||
.connect-top .btn:hover,
|
||||
.connect .btn:focus {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(120deg, rgba(255, 0, 0, 0.6) 0, rgb(0, 127, 255) 100%);
|
||||
}
|
||||
|
||||
/* Connect bottom */
|
||||
.connect-bottom .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -10%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.connect-bottom .module {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.connect-bottom .lqd-imggrp-single {
|
||||
margin: 0 -50px 0 -75px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.connect-bottom {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 60px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .btn-solid {
|
||||
--btn-pt: 6px;
|
||||
--btn-pe: 14px;
|
||||
--btn-pb: 6px;
|
||||
--btn-ps: 14px;
|
||||
}
|
||||
|
||||
.main-footer .lqd-fancy-menu>.reset-ul>li>a:hover,
|
||||
.main-footer .lqd-fancy-menu li.is-active>a {
|
||||
color: var(--lqd-color-secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .module-menu li {
|
||||
margin-right: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 140px 0 65px 0;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .module-btn {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,194 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-container-width-md: 100%;
|
||||
--bs-gutter-x: 20px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #032A3E;
|
||||
--lqd-color-accent: #45485F;
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-darkpurple: #330C60;
|
||||
--lqd-color-green-500: #00CB99;
|
||||
--lqd-color-darkpink: #671E3F;
|
||||
--lqd-badge-color: #f36861;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-gradient-start: #007fff;
|
||||
--lqd-color-gradient-stop: #ff4d54;
|
||||
--lqd-color-purple-100: #F4EDFF;
|
||||
--lqd-color-brown-300: #F5DBB8;
|
||||
--lqd-color-brown-500: #A25139;
|
||||
--lqd-color-blue-100: #F2FDFF;
|
||||
--lqd-color-blue-200: #E7F3FF;
|
||||
--lqd-color-blue-300: #00BCF1;
|
||||
--lqd-color-blue-500: #3481D9;
|
||||
--lqd-color-blue-600: #283C62;
|
||||
--lqd-color-blue-700: #0152c5;
|
||||
--lqd-color-gray-100: #F7F7F8;
|
||||
--lqd-color-gray-400: #8e929b;
|
||||
--lqd-color-gray-700: #22272F;
|
||||
--lqd-color-gray-900: #1C1C1C;
|
||||
--lqd-color-green-100: #E1F2E6;
|
||||
--lqd-color-slate-100: rgba(116, 159, 239, 0.2);
|
||||
--lqd-color-slate-200: rgba(128, 130, 145, 0.77);
|
||||
--lqd-color-slate-300: #b4b6c6;
|
||||
--lqd-color-slate-400: #4B6E84;
|
||||
--lqd-color-slate-600: #225469;
|
||||
--lqd-color-orange-100: #F0EBE7;
|
||||
--lqd-color-pink-100: #FFD3D3;
|
||||
--lqd-color-purple-200: #F0EBFF;
|
||||
--lqd-color-purple-400: #a876f1;
|
||||
--lqd-color-purple-500: #3700CB;
|
||||
--lqd-color-red-200: #FFE6F9;
|
||||
--lqd-color-red-500: #A0124F;
|
||||
--lqd-color-red-700: #c50101;
|
||||
--lqd-color-yellow-100: #EDEBE2;
|
||||
--lqd-color-yellow-500: #c59801;
|
||||
--lqd-body-text-color: #737588;
|
||||
|
||||
--lqd-text-font-family: 'Rubik', sans-serif;
|
||||
--lqd-text-font-size: 13px;
|
||||
--lqd-accent-font-family: var(--lqd-text-font-family);
|
||||
--lqd-accent-font-size: 16px;
|
||||
--lqd-accent-line-height: 2em;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 16px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 22px;
|
||||
|
||||
--lqd-heading-color: var(--lqd-color-accent);
|
||||
--lqd-heading-font-family: var(--lqd-text-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-font-size: 65px;
|
||||
--lqd-h1-line-height: 57px;
|
||||
--lqd-h1-letter-spacing: -1.96px;
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-line-height: 1.1em;
|
||||
--lqd-h2-letter-spacing: -0.5px;
|
||||
--lqd-h3-font-size: 36px;
|
||||
--lqd-h4-font-size: 32px;
|
||||
--lqd-h5-font-size: 20px;
|
||||
--lqd-h6-font-size: 17px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="submit"],
|
||||
.btn {
|
||||
font-family: var(--lqd-text-font-family);
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .lqd-hide-onstuck {
|
||||
background-size: 91px auto;
|
||||
}
|
||||
|
||||
.main-header .lqd-hide-onstuck a:before {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
opacity: .9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-header .module-primary-nav a:hover,
|
||||
.main-header .module-primary-nav li.is-active,
|
||||
.social-icon:hover i {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-header.is-stuck .module-logo {
|
||||
padding-top: 18px;
|
||||
padding-inline-end: 0;
|
||||
padding-bottom: 18px;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .module-primary-nav .navbar-collapse {
|
||||
margin-right: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Sticky Bar ***** */
|
||||
.main-header .lqd-stickybar-left .btn:before {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
/* ***** Mobile Header ***** */
|
||||
@media (max-width: 767px) {
|
||||
.main-header .lqd-mobile-sec .navbar-brand img {
|
||||
max-width: 171px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Footer ***** */
|
||||
.main-footer .module-bg {
|
||||
background-position: 50% 100px;
|
||||
}
|
||||
|
||||
.main-footer .module-icon-bg-1,
|
||||
.main-footer .module-icon-bg-5 {
|
||||
background-color: rgba(112, 112, 112, 0.2);
|
||||
}
|
||||
|
||||
.main-footer .module-icon-bg-2,
|
||||
.main-footer .module-icon-bg-4 {
|
||||
background-color: rgba(112, 112, 112, 0.5);
|
||||
}
|
||||
|
||||
.main-footer .module-icon-bg-3 {
|
||||
background-color: #707070;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .module-bg {
|
||||
padding: 70px 40px 50px 40px;
|
||||
}
|
||||
|
||||
.main-footer .footer-info {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.footer-content .module-last {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.footer-menu .module-last {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.footer-info .module-social,
|
||||
.footer-info .module-copyright {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-bg {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.footer-menu .module-third,
|
||||
.footer-menu .module-last {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/* Testi Pricing */
|
||||
.testi-pricing {
|
||||
--lqd-color-blue-100: #E3E4E8;
|
||||
}
|
||||
.testi-pricing .star-rating {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.testi-pricing .carousel-dots {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -65px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testi-pricing .carousel-dots:not(.carousel-dots-inside) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-elementor-device-mode*=tablet] .testi-pricing .carousel-dots-mobile,
|
||||
[data-elementor-device-mode*=mobile] .testi-pricing .carousel-dots-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-1 {
|
||||
left: 13%;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-2 {
|
||||
right: 23%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testi-pricing {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.testi-pricing .carousel-item {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-2 {
|
||||
top: 14%;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-1 {
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-2 {
|
||||
right: 8%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testi-pricing .col-12:first-child {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.testi-pricing .carousel-item {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.testi-pricing .module-shape-2 {
|
||||
top: 4%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,603 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-solid {
|
||||
--btn-pt: 16px;
|
||||
--btn-pe: 31px;
|
||||
--btn-pb: 16px;
|
||||
--btn-ps: 31px;
|
||||
--icon-mt: 0;
|
||||
--icon-me: 18px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.banner .btn-icon-right {
|
||||
--icon-mt: 2px;
|
||||
--icon-ms: 10px;
|
||||
}
|
||||
|
||||
.banner .btn-txt small {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 1%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 40px 40px 0 40px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading p {
|
||||
padding: 0 15%;
|
||||
}
|
||||
|
||||
.banner .module-img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 20px 20px 180px 20px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading p {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.banner .btn-icon-right {
|
||||
margin: 20px 30px 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Fixed Navigation ***** */
|
||||
.fixed-navigation {
|
||||
border-radius: 55px 55px 0 0;
|
||||
}
|
||||
|
||||
.fixed-navigation .lqd-fancy-menu>.reset-ul>li>a:hover,
|
||||
.fixed-navigation .lqd-fancy-menu li.is-active>a {
|
||||
color: #FFFFFF;
|
||||
background: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients .lqd-imggrp-single:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.clients .module-img {
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.features .iconbox-side .iconbox-icon-wrap {
|
||||
margin-inline-end: 24px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.features .iconbox h3 {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 100px 20px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.features .col-12:first-child .d-flex {
|
||||
margin: 0 0 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Payments ***** */
|
||||
.payments .iconbox:last-child .iconbox-icon-wrap:before {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.payments .module-icon-1 {
|
||||
left: -7px;
|
||||
}
|
||||
|
||||
.payments .module-icon-2 {
|
||||
left: 229px;
|
||||
}
|
||||
|
||||
.payments .module-icon-3 {
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.payments .module-icon-4 {
|
||||
left: 411px;
|
||||
}
|
||||
|
||||
.payments .module-icon-5 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.payments .module-icon-6 {
|
||||
left: 351px;
|
||||
}
|
||||
|
||||
.payments .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: 0;
|
||||
--float-animate-to: 1%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.payments .iconbox-circle:hover .iconbox-icon-container {
|
||||
color: #F2FDFF;
|
||||
background-color: #00BFF1;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.payments {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.payments {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Carousel Text LG ***** */
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.carousel-text-lg .carousel-item-content>* {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-top h2 {
|
||||
background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-bottom h2 {
|
||||
-webkit-text-stroke-color: #000;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 17vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Solutions ***** */
|
||||
.solutions .lqd-section-scroll-dots {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.solutions .lqd-section-scroll-dot {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50em;
|
||||
}
|
||||
|
||||
.solutions .lqd-overlay {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions .module-img-1 .block-revealer__element {
|
||||
background-color: #F0EBFF;
|
||||
}
|
||||
|
||||
.solutions .module-img-2 .block-revealer__element {
|
||||
background-color: #EBF3FF;
|
||||
}
|
||||
|
||||
.solutions .module-img-3 .block-revealer__element {
|
||||
background-color: #FFEBEB;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.solutions {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.solutions .lqd-section-scroll-inner {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.solutions .module-col {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.solutions {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Subscribe ***** */
|
||||
.subscribe>.container {
|
||||
max-width: 850px;
|
||||
}
|
||||
|
||||
.subscribe .module-lines {
|
||||
--divider-border-style: solid;
|
||||
--divider-border-width: 4px;
|
||||
margin-top: -18px;
|
||||
}
|
||||
|
||||
.subscribe .module-lines .divider:first-child {
|
||||
--divider-color: #F69F29;
|
||||
}
|
||||
|
||||
.subscribe .module-lines .divider:nth-child(2) {
|
||||
--divider-color: #B469FF;
|
||||
}
|
||||
|
||||
.subscribe .module-lines .divider:nth-child(3) {
|
||||
--divider-color: #FFC221;
|
||||
}
|
||||
|
||||
.subscribe .module-lines .divider:last-child {
|
||||
--divider-color: #30C469;
|
||||
}
|
||||
|
||||
.subscribe .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.subscribe {
|
||||
padding: 0 20px 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.subscribe .module-section {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Box ***** */
|
||||
.tab-box .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active,
|
||||
.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs-nav>li>a,
|
||||
.tab-box .lqd-tabs-nav .h3,
|
||||
.tab-box .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-accent-font-family), Sans-serif;
|
||||
font-size: var(--lqd-accent-font-size);
|
||||
line-height: var(--lqd-accent-line-height);
|
||||
letter-spacing: var(--lqd-accent-letter-spacing);
|
||||
word-spacing: var(--lqd-accent-word-spacing);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active {
|
||||
color: #35399F;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext {
|
||||
display: block;
|
||||
color: var(--lqd-body-text-color);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
margin-bottom: .3em;
|
||||
font-size: 51px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-box {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.lqd-tabs-style-13 {
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-box {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.pricing .module-shape-1 {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a {
|
||||
color: #545767;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a.active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-10 .lqd-tabs-nav li a.active:before {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a:after {
|
||||
background-color: #49C193;
|
||||
}
|
||||
|
||||
.pricing .iconbox-icon-wrap {
|
||||
margin-inline-end: 24px;
|
||||
}
|
||||
|
||||
.pricing .iconbox-icon-container {
|
||||
min-width: 49px;
|
||||
font-size: 49px;
|
||||
width: 74px;
|
||||
height: 74px;
|
||||
background-color: #D5F9EE;
|
||||
}
|
||||
|
||||
.pricing .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 16%;
|
||||
--float-animation-ease: ease;
|
||||
}
|
||||
|
||||
.pricing .badge-lqd-shape {
|
||||
right: -27px;
|
||||
}
|
||||
|
||||
.pricing .icon-list-item>.icon-list-text,
|
||||
.pricing .icon-list-item>a {
|
||||
font-family: var(--lqd-text-font-family), Sans-serif;
|
||||
font-size: var(--lqd-text-font-size);
|
||||
line-height: var(--lqd-text-line-height);
|
||||
letter-spacing: var(--lqd-text-letter-spacing);
|
||||
word-spacing: var(--lqd-text-word-spacing);
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-content {
|
||||
--divider-border-style: solid;
|
||||
--divider-color: #F1F2F5;
|
||||
--divider-border-width: 1px;
|
||||
}
|
||||
|
||||
.pricing .badge-shape {
|
||||
right: -27px;
|
||||
}
|
||||
|
||||
.pricing .badge-text {
|
||||
right: -10px;
|
||||
}
|
||||
|
||||
.pricing .module-btn-1:before {
|
||||
background-color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.pricing .module-btn-2:before {
|
||||
background-color: var(--lqd-color-gradient-start);
|
||||
}
|
||||
|
||||
.pricing .module-btn-3:before {
|
||||
background-color: var(--lqd-color-darkpink);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-content {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .py-50 {
|
||||
padding: 10px 20px 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li:last-child a {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:before {
|
||||
left: 10px;
|
||||
bottom: 10px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-10 .lqd-tabs-nav li a:after {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .module-slider {
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 100px;
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
.testimonials .module-shape-1 {
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-2 {
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-3 {
|
||||
left: 66%;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav {
|
||||
top: auto;
|
||||
bottom: 80px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button {
|
||||
color: #0E524A;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button svg {
|
||||
fill: #0E524A;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button.previous {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-nav .flickity-button.next {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials .module-shape-1 {
|
||||
right: -31px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Faq ***** */
|
||||
.faq .accordion-item.active .accordion-title a {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
}
|
||||
|
||||
.blog .iconbox h3 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blog .module-color,
|
||||
.blog .module-color-1 {
|
||||
--lqd-color-primary: var(--lqd-color-blue-700);
|
||||
}
|
||||
|
||||
.blog .module-color-2 {
|
||||
--lqd-color-primary: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.blog .module-color-3 {
|
||||
--lqd-color-primary: var(--lqd-color-red-700);
|
||||
}
|
||||
|
||||
.blog .module-color-4 {
|
||||
--lqd-color-primary: var(--lqd-color-yellow-500);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 0 40px 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,190 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1060px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-x: 0;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #675DE1;
|
||||
--lqd-color-secondary: #6BCD94;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-purple-500: #8745D5;
|
||||
--lqd-color-blue-500: #007fff;
|
||||
--lqd-color-blue-600: #354B60;
|
||||
--lqd-color-blue-700: #032A3E;
|
||||
--lqd-color-blue-900: #282734;
|
||||
--lqd-color-brown-300: #F5DBB8;
|
||||
--lqd-color-brown-500: #A25139;
|
||||
--lqd-color-green-300: #82B541;
|
||||
--lqd-color-green-400: #84F0B2;
|
||||
--lqd-color-green-500: #49C193;
|
||||
--lqd-color-green-700: #26372D;
|
||||
--lqd-color-slate-100: rgba(110, 127, 153, 0.1);
|
||||
--lqd-color-slate-200: #b4b6c6;
|
||||
--lqd-color-slate-300: #9999A3;
|
||||
--lqd-color-slate-400: #6e7f99;
|
||||
--lqd-color-slate-500: rgba(69, 67, 113, 0.58);
|
||||
--lqd-color-slate-600: #61969D;
|
||||
--lqd-color-slate-700: #45485F;
|
||||
--lqd-color-orange: #ed6a04;
|
||||
--lqd-badge-color: #6E7F99;
|
||||
--lqd-color-gradient-start: var(--lqd-color-purple-500);
|
||||
--lqd-color-gradient-stop: var(--lqd-color-green-500);
|
||||
--lqd-color-orange-100: rgba(196, 116, 66, 0.15);
|
||||
--lqd-color-green-100: rgba(66, 196, 106, 0.2);
|
||||
--lqd-color-purple-100: rgba(142, 114, 235, 0.17);
|
||||
--lqd-color-yellow-100: rgba(249, 223, 104, 0.22);
|
||||
--lqd-color-pink-100: rgba(196, 66, 132, 0.15);
|
||||
--lqd-color-blue-100: rgba(47, 178, 187, 0.22);
|
||||
--lqd-body-text-color: #3C4B62;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 17px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.35em;
|
||||
--lqd-accent-font-family: 'Rubik',sans-serif;
|
||||
--lqd-accent-font-size: 16px;
|
||||
--lqd-accent-line-height: 2em;
|
||||
|
||||
--lqd-heading-color: var(--lqd-color-blue-900);
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-h1-font-size: 40px;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-h1-letter-spacing: -1.5px;
|
||||
--lqd-h2-font-size: 36px;
|
||||
--lqd-h2-letter-spacing: -1.5px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-size-inner: 17px;
|
||||
--lqd-cc-bg: rgb(255, 255, 255);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-bg: rgb(255, 251, 251);
|
||||
--lqd-cc-active-bc: rgb(255, 251, 251);
|
||||
--lqd-cc-active-circle-txt: rgb(255, 251, 251);
|
||||
--lqd-cc-blend-mode: difference;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.container {
|
||||
--lqd-row-gutter-x: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.module-content-col {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.module-first-col {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Titlebar */
|
||||
.titlebar-inner h1 {
|
||||
font-size: 72px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.titlebar-inner h1 {
|
||||
font-size: 62px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.nav-trigger .bars {
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
}
|
||||
|
||||
.nav-trigger.style-2 .bar {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 22px;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--icon-ms: 12px;
|
||||
--btn-pt: 1em;
|
||||
--btn-pe: 1.66em;
|
||||
--btn-pb: 1em;
|
||||
--btn-ps: 1.66em;
|
||||
}
|
||||
|
||||
.btn .btn-icon {
|
||||
--icon-ms: 12px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-right-padding: 22px;
|
||||
--lqd-menu-items-bottom-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 22px;
|
||||
}
|
||||
|
||||
.main-header .main-nav li a:before {
|
||||
background-color: #F7F7F7;
|
||||
}
|
||||
|
||||
.main-header .main-nav>li.is-active>a,
|
||||
.main-header .main-nav>li.current-menu-item>a,
|
||||
.main-header .main-nav>li.current-menu-ancestor>a,
|
||||
.navbar-fullscreen .main-header .main-nav>li.is-active>a,
|
||||
.navbar-fullscreen .main-header .main-nav>li.current-menu-item>a,
|
||||
.navbar-fullscreen .main-header .main-nav>li.current-menu-ancestor>a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.site-header.is-stuck .module-bg {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Left Side Drawer */
|
||||
.main-header .ld-module-sd-left .ld-module-dropdown {
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
/* Sticky Bar Left */
|
||||
.main-header .lqd-stickybar-left .btn {
|
||||
box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.lity-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 30px 0;
|
||||
--input-margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,213 @@
|
||||
/* Features */
|
||||
.features .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.features .iconbox-side .iconbox-icon-wrap {
|
||||
margin-inline-end: 24px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.features .iconbox h3 {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 100px 20px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.features .col-12:first-child .d-flex {
|
||||
margin: 0 0 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Carousel Text LG */
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.carousel-text-lg .carousel-item-content > * {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-top h2 {
|
||||
background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-bottom h2 {
|
||||
-webkit-text-stroke-color: #000;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 17vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tab Box */
|
||||
.tab-box .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active,
|
||||
.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs-nav > li > a,
|
||||
.tab-box .lqd-tabs-nav .h3,
|
||||
.tab-box .lqd-tabs-nav > li > a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-accent-font-family), Sans-serif;
|
||||
font-size: var(--lqd-accent-font-size);
|
||||
line-height: var(--lqd-accent-line-height);
|
||||
letter-spacing: var(--lqd-accent-letter-spacing);
|
||||
word-spacing: var(--lqd-accent-word-spacing);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active {
|
||||
color: #35399F;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext {
|
||||
display: block;
|
||||
color: var(--lqd-body-text-color);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
margin-bottom: .3em;
|
||||
font-size: 51px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-box {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.lqd-tabs-style-13 {
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-box {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials About */
|
||||
.testimonials-about .module-slider {
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
.testimonials-about .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 100px;
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-1 {
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-2 {
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-3 {
|
||||
left: 66%;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav {
|
||||
top: auto;
|
||||
bottom: 80px;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button {
|
||||
color: #0E524A;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button svg {
|
||||
fill: #0E524A;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button.previous {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button.next {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials-about .module-shape-1 {
|
||||
right: -31px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Faq */
|
||||
.faq .accordion-item.active .accordion-title a {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
.form .module-form {
|
||||
border-top: 10px solid #E66C6C;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,200 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-color-blue-100: #E3E4E8;
|
||||
--lqd-color-blue-200: #D9F8EA;
|
||||
--lqd-color-blue-300: #EBF8D9;
|
||||
--lqd-color-blue-600: #696d79;
|
||||
--lqd-color-gray-100: rgba(97, 150, 157, 0.18);
|
||||
--lqd-color-green-100: #E1F2E6;
|
||||
--lqd-color-green-200: #ECF0E7;
|
||||
--lqd-color-green-400: #5AC394;
|
||||
--lqd-color-green-500: #C7D0C1;
|
||||
--lqd-color-green-600: #5e746a;
|
||||
--lqd-color-slate-200: #e2e8f0;
|
||||
--lqd-color-orange-100: #F0EBE7;
|
||||
--lqd-color-orange-200: #F8E6D9;
|
||||
--lqd-color-orange-300: #ffc29f;
|
||||
--lqd-color-orange-600: #807264;
|
||||
--lqd-color-yellow-100: rgba(255, 208, 118, 0.12);
|
||||
--lqd-color-yellow-200: #F1F0E8;
|
||||
--lqd-color-yellow-600: #84806f;
|
||||
}
|
||||
|
||||
/* Design Services */
|
||||
.design-services .lqd-iconbox-scale:hover {
|
||||
background-color: #EBF0E6;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.design-services .lqd-iconbox-scale {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-iconbox {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.design-services {
|
||||
padding: 90px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-shape {
|
||||
top: 3%;
|
||||
}
|
||||
|
||||
.design-services .module-shape img {
|
||||
width: 49px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Services */
|
||||
.services .carousel-nav .flickity-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
color: #000000;
|
||||
border-width: 1px;
|
||||
border-radius: 12px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.services .carousel-nav {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.services .flickity-button:hover {
|
||||
color: #FFFFFF;
|
||||
border-style: solid;
|
||||
border-color: #000000;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.services .module-shape {
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Our Vision */
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 10% 8% 10% 8%;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene {
|
||||
height: 855px;
|
||||
}
|
||||
|
||||
.our-vision .module-shape {
|
||||
left: 43%;
|
||||
}
|
||||
|
||||
.our-vision .iconbox-icon-ripple .iconbox-icon-container:before {
|
||||
border-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.our-vision {
|
||||
padding-bottom: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-vision {
|
||||
padding: 90px 20px 390px 20px;
|
||||
}
|
||||
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.our-vision .module-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials Services */
|
||||
.testimonials-services .star-rating {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-dots {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -65px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-dots:not(.carousel-dots-inside) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-1 {
|
||||
left: 13%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
right: 23%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials-services .carousel-item {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
top: 14%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-1 {
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
right: 8%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials-services .col-12:first-child {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-item {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
top: 4%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Clients */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 50px 0 100px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,274 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .module-inner {
|
||||
padding: 7% 0;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
left: 14%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
right: 13%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
right: 14%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding-top: 5%;
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
top: 14%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
top: 13%;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
left: 4%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
right: 4%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
right: 7%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.banner .module-btn {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.banner .module-inner {
|
||||
padding: 15% 5% 20% 5%;
|
||||
}
|
||||
|
||||
.banner .btn-solid {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner .module-client {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
width: 110px;
|
||||
max-width: 110px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
top: 31%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
top: 8%;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
left: -10%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
right: -17%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
right: -12%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner Navigation ***** */
|
||||
.banner-navigation .lqd-fancy-menu>.reset-ul>li>a:hover,
|
||||
.banner-navigation .lqd-fancy-menu li.is-active>a {
|
||||
background: #F7F7F7;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
/* ***** Business Solutions ***** */
|
||||
.business-solutions .module-iconbox-1:hover path,
|
||||
.business-solutions .module-iconbox-1:hover .lqd-iconbox-heading {
|
||||
fill: #C45B42;
|
||||
color: #C45B42;
|
||||
}
|
||||
|
||||
.business-solutions .module-iconbox-2:hover path,
|
||||
.business-solutions .module-iconbox-2:hover .lqd-iconbox-heading {
|
||||
fill: #42C46A;
|
||||
color: #42C46A;
|
||||
}
|
||||
|
||||
.business-solutions .module-iconbox-3:hover path,
|
||||
.business-solutions .module-iconbox-3:hover .lqd-iconbox-heading {
|
||||
fill: #8F72ED;
|
||||
color: #8F72ED;
|
||||
}
|
||||
|
||||
.business-solutions .module-iconbox-4:hover path,
|
||||
.business-solutions .module-iconbox-4:hover .lqd-iconbox-heading {
|
||||
fill: #DBBC32;
|
||||
color: #DBBC32;
|
||||
}
|
||||
|
||||
.business-solutions .module-iconbox-5:hover path,
|
||||
.business-solutions .module-iconbox-5:hover .lqd-iconbox-heading {
|
||||
fill: #C44284;
|
||||
color: #C44284;
|
||||
}
|
||||
|
||||
.business-solutions .module-iconbox-6:hover path,
|
||||
.business-solutions .module-iconbox-6:hover .lqd-iconbox-heading {
|
||||
fill: #2FB2BB;
|
||||
color: #2FB2BB;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.business-solutions .lqd-iconbox-scale {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Select Projects ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.select-projects {
|
||||
padding-top: 0;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Case Studies ***** */
|
||||
.case-studies .lqd-progressbar-inner {
|
||||
box-shadow: 0 0 0 1px rgba(112, 112, 112, 0.15) inset;
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-work .fit-aspect-ratio {
|
||||
padding-bottom: 177.8%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work .flex-box-text .iconbox {
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** New Features ***** */
|
||||
.new-features .border-1:hover {
|
||||
background-color: rgba(103, 93, 225, 0.16);
|
||||
border-style: solid;
|
||||
border-color: rgba(103, 93, 225, 0);
|
||||
}
|
||||
|
||||
.new-features .ld-fh-element:hover,
|
||||
.new-features .ld-fh-element:hover a {
|
||||
color: #675DE1;
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .module-shape-3 {
|
||||
--float-animate-from: -25%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.contact .module-shape-3 {
|
||||
right: 9%;
|
||||
}
|
||||
|
||||
.contact .module-shape-2 {
|
||||
left: 7%;
|
||||
}
|
||||
|
||||
.contact .lqd-contact-form {
|
||||
--inputs-margin: 0 0 35px 0;
|
||||
--input-margin-bottom: 35px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact .module-shape-2 {
|
||||
left: 6.898%;
|
||||
}
|
||||
|
||||
.contact .module-shape-3 {
|
||||
right: 9.1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.contact .module-form {
|
||||
width: 625px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Digital Solution ***** */
|
||||
.digital-solution .ld-fancy-heading .txt-rotate-keywords {
|
||||
--visible-words: 7;
|
||||
color: #d0d2e2;
|
||||
}
|
||||
|
||||
.digital-solution .ld-fancy-heading .txt-rotate-keywords-inner {
|
||||
--lqd-color-start: #84F0B2;
|
||||
--lqd-color-stop: #5F91A7;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.digital-solution .module-content {
|
||||
padding: 50px 30px;
|
||||
}
|
||||
|
||||
.digital-solution .module-shape {
|
||||
top: -42%;
|
||||
}
|
||||
|
||||
.digital-solution .module-shape {
|
||||
left: -50%;
|
||||
}
|
||||
|
||||
.digital-solution .lqd-lottie {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.digital-solution .module-title h2 {
|
||||
font-size: 12vw;
|
||||
margin: 0 0 0.25em 0;
|
||||
}
|
||||
|
||||
.digital-solution .ld-fancy-heading p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.digital-solution .module-text-rotate h2 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .link-badge {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer>section {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.main-footer .module-text {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,220 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-x: 0;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #6AFFC0;
|
||||
--lqd-color-secondary: #8745D5;
|
||||
--lqd-body-text-color: #605E77;
|
||||
--lqd-color-tertiary: #49C193;
|
||||
--lqd-color-link: #2D6FE8;
|
||||
--lqd-color-gradient-start: var(--lqd-color-secondary);
|
||||
--lqd-color-brown-500: #A25139;
|
||||
--lqd-color-blue-50: rgba(112, 171, 237, 0.12);
|
||||
--lqd-color-blue-100: rgba(82, 102, 255, 0.11);
|
||||
--lqd-color-blue-200: rgba(179, 174, 240, 0.24);
|
||||
--lqd-color-blue-300: #a2b2c9;
|
||||
--lqd-color-blue-400: #70ABED;
|
||||
--lqd-color-blue-500: #2C3C48;
|
||||
--lqd-color-blue-600: #007fff;
|
||||
--lqd-color-blue-700: #032A3E;
|
||||
--lqd-color-red-100: rgba(255, 118, 144, 0.14);
|
||||
--lqd-color-red-200: #fcd7e0;
|
||||
--lqd-color-red-300: #F3817E;
|
||||
--lqd-color-green-100: rgba(187, 255, 150, 0.11);
|
||||
--lqd-color-green-200: #ECF0E7;
|
||||
--lqd-color-green-300: rgba(106, 255, 192, 0.23);
|
||||
--lqd-color-green-500: #5AC394;
|
||||
--lqd-color-green-700: #022F3C;
|
||||
--lqd-color-green-900: #1b2420;
|
||||
--lqd-color-purple-100: rgba(181, 118, 255, 0.12);
|
||||
--lqd-color-purple-200: rgba(141, 126, 255, 0.44);
|
||||
--lqd-color-purple-300: #b3aef0;
|
||||
--lqd-color-purple-500: #7262D6;
|
||||
--lqd-color-gray-100: rgba(172, 207, 227, 0.11);
|
||||
--lqd-color-gray-200: #AFC5C7;
|
||||
--lqd-color-slate-50: rgba(162, 178, 201, 0.13);
|
||||
--lqd-color-slate-100: #EDF1F8;
|
||||
--lqd-color-slate-200: #b8c1c9;
|
||||
--lqd-color-slate-300: rgba(69, 67, 113, 0.6);
|
||||
--lqd-color-slate-500: #5D7F93;
|
||||
--lqd-color-slate-600: #476d83;
|
||||
--lqd-color-slate-700: #233d62;
|
||||
--lqd-color-slate-800: #0e3f58;
|
||||
--lqd-color-yellow-100: rgba(255, 208, 118, 0.12);
|
||||
--lqd-color-yellow-200: #F1F0E8;
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.4em;
|
||||
--lqd-accent-font-family: var(--lqd-heading-font-family);
|
||||
--lqd-accent-font-size: 16px;
|
||||
--lqd-accent-line-height: 2em;
|
||||
|
||||
--lqd-heading-color: #273653;
|
||||
--lqd-heading-font-family: "Space Grotesk", Sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h1-line-height: 1.01em;
|
||||
--lqd-h1-letter-spacing: -4.6px;
|
||||
--lqd-h2-font-size: 46px;
|
||||
--lqd-h2-line-height: 1.1em;
|
||||
--lqd-h2-letter-spacing: -2.3px;
|
||||
--lqd-h3-font-size: 36px;
|
||||
--lqd-h3-line-height: 1.25em;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h4-line-height: 1em;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h5-line-height: 1.01em;
|
||||
--lqd-h6-font-size: 18px;
|
||||
--lqd-h6-line-height: 1.01em;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-sm {
|
||||
--btn-pt: 12px;
|
||||
--btn-pe: 25px;
|
||||
--btn-pb: 12px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-top .btn:before {
|
||||
background: rgba(255, 255, 255, 0.57);
|
||||
}
|
||||
|
||||
.main-header .module-top .btn-underlined:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.main-header .module-top .btn:after {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.main-header .module-header {
|
||||
--content-width: 1340px;
|
||||
--padding-top: 17px;
|
||||
--padding-right: 0px;
|
||||
--padding-bottom: 0px;
|
||||
--padding-left: 0px;
|
||||
padding: var(--padding-top) calc((100% - var(--content-width)) / 2 + var(--padding-right)) var(--padding-bottom) calc((100% - var(--content-width)) / 2 + var(--padding-left));
|
||||
}
|
||||
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-right-padding: 45px;
|
||||
--lqd-menu-items-bottom-padding: 5px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.main-header .module-header .btn:hover {
|
||||
color: var(--lqd-color-green-900);
|
||||
background-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-left .btn {
|
||||
background-color: #82B541;
|
||||
box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-left .btn:hover,
|
||||
.main-header .lqd-stickybar-left .btn:focus {
|
||||
box-shadow: 0 0 0 5px #82B541;
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn:hover,
|
||||
.main-header .lqd-stickybar-right .btn:focus {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.is-stuck .module-header .module-sticky {
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 31px 53px 0 rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.is-stuck .navbar-collapse .main-nav > li > a {
|
||||
color: #0C0C0C;
|
||||
}
|
||||
|
||||
.is-stuck .ld-module-cart .ld-module-trigger {
|
||||
color: #131313;
|
||||
}
|
||||
|
||||
.is-stuck .module-header .btn {
|
||||
color: #FFFFFF;
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, var(--lqd-color-secondary) 0%, var(--lqd-color-tertiary) 100%);
|
||||
}
|
||||
|
||||
.is-stuck .module-header .btn:hover,
|
||||
.is-stuck .module-header .btn:focus {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1199px) {
|
||||
[data-mobile-nav-style=modern] .main-header .lqd-mobile-sec:before {
|
||||
z-index: 10;
|
||||
background: linear-gradient(128deg, rgb(98, 117, 141) 0.3184713375796178%, rgb(45, 57, 73) 100%);
|
||||
}
|
||||
|
||||
.main-header .module-btn-sm {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 30px 0;
|
||||
--input-margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Titlebar */
|
||||
.titlebar-inner h1 {
|
||||
font-size: 72px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.titlebar-inner h1 {
|
||||
font-size: 62px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,213 @@
|
||||
/* Features */
|
||||
.features .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 20px 70px 0px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.features .iconbox-side .iconbox-icon-wrap {
|
||||
margin-inline-end: 24px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.features .iconbox h3 {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 100px 20px;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.features .col-12:first-child .d-flex {
|
||||
margin: 0 0 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.features .lqd-iconbox-scale {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Carousel Text LG */
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.carousel-text-lg .carousel-item-content>* {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-top h2 {
|
||||
background: linear-gradient(to right, #CCD0FB, #CCD0FB, #4452F2);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.carousel-text-lg .module-title-bottom h2 {
|
||||
-webkit-text-stroke-color: #000;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.carousel-text-lg .carousel-item-content {
|
||||
font-size: 17vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tab Box */
|
||||
.tab-box .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active,
|
||||
.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(180deg, rgb(234, 244, 243) 0%, rgb(255, 255, 255) 100%);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs-nav > li > a,
|
||||
.tab-box .lqd-tabs-nav .h3,
|
||||
.tab-box .lqd-tabs-nav > li > a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-accent-font-family), Sans-serif;
|
||||
font-size: var(--lqd-accent-font-size);
|
||||
line-height: var(--lqd-accent-line-height);
|
||||
letter-spacing: var(--lqd-accent-letter-spacing);
|
||||
word-spacing: var(--lqd-accent-word-spacing);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav li a.active {
|
||||
color: #35399F;
|
||||
}
|
||||
|
||||
.lqd-tabs-style-13 .lqd-tabs-nav li a.active .lqd-tabs-nav-ext {
|
||||
display: block;
|
||||
color: var(--lqd-body-text-color);
|
||||
}
|
||||
|
||||
.tab-box .lqd-tabs .lqd-tabs-nav .lqd-tabs-nav-ext {
|
||||
font-family: var(--lqd-body-font-family);
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
margin-bottom: .3em;
|
||||
font-size: 51px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-box {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.lqd-tabs-style-13 {
|
||||
flex-direction: column-reverse !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-box {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.tab-box .module-clients {
|
||||
margin-top: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.tab-box .lqd-counter-element {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials About */
|
||||
.testimonials-about .module-slider {
|
||||
max-width: 470px;
|
||||
}
|
||||
|
||||
.testimonials-about .lqd-shape-top svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 100px;
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-1 {
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-2 {
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
.testimonials-about .module-shape-3 {
|
||||
left: 66%;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav {
|
||||
top: auto;
|
||||
bottom: 80px;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button {
|
||||
color: #0E524A;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button svg {
|
||||
fill: #0E524A;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button.previous {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.testimonials-about .carousel-nav .flickity-button.next {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials-about .module-shape-1 {
|
||||
right: -31px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Faq */
|
||||
.faq .accordion-item.active .accordion-title a {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
|
||||
.form .module-form {
|
||||
border-top: 10px solid #84F0B2;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 60px 15px;
|
||||
}
|
||||
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-color-blue-100: #E3E4E8;
|
||||
--lqd-color-blue-200: #D9F8EA;
|
||||
--lqd-color-blue-300: #EBF8D9;
|
||||
--lqd-color-blue-600: #696d79;
|
||||
--lqd-color-gray-100: rgba(97, 150, 157, 0.18);
|
||||
--lqd-color-green-100: #E1F2E6;
|
||||
--lqd-color-green-200: #ECF0E7;
|
||||
--lqd-color-green-400: #5AC394;
|
||||
--lqd-color-green-500: #C7D0C1;
|
||||
--lqd-color-green-600: #5e746a;
|
||||
--lqd-color-slate-200: #e2e8f0;
|
||||
--lqd-color-orange-100: #F0EBE7;
|
||||
--lqd-color-orange-200: #F8E6D9;
|
||||
--lqd-color-orange-300: #ffc29f;
|
||||
--lqd-color-orange-600: #807264;
|
||||
--lqd-color-yellow-600: #84806f;
|
||||
}
|
||||
/* Design Services */
|
||||
.design-services .lqd-iconbox-scale:hover {
|
||||
background-color: #EBF0E6;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.design-services .lqd-iconbox-scale {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-iconbox {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.design-services {
|
||||
padding: 90px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-shape {
|
||||
top: 3%;
|
||||
}
|
||||
|
||||
.design-services .module-shape img {
|
||||
width: 49px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Services Inner */
|
||||
.services-inner .carousel-nav .flickity-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
color: #000000;
|
||||
border-width: 1px;
|
||||
border-radius: 12px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.services-inner .carousel-nav {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.services-inner .flickity-button:hover {
|
||||
color: #FFFFFF;
|
||||
border-style: solid;
|
||||
border-color: #000000;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.services-inner .module-shape {
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services-inner {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Our Vision */
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 10% 8% 10% 8%;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene {
|
||||
height: 855px;
|
||||
}
|
||||
|
||||
.our-vision .module-shape {
|
||||
left: 43%;
|
||||
}
|
||||
|
||||
.our-vision .iconbox-icon-ripple .iconbox-icon-container:before {
|
||||
border-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.our-vision {
|
||||
padding-bottom: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-vision {
|
||||
padding: 90px 20px 390px 20px;
|
||||
}
|
||||
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.our-vision .module-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials Services */
|
||||
.testimonials-services .star-rating {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-dots {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -65px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-dots:not(.carousel-dots-inside) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-elementor-device-mode*=tablet] .testimonials-services .carousel-dots-mobile,
|
||||
[data-elementor-device-mode*=mobile] .testimonials-services .carousel-dots-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-1 {
|
||||
left: 13%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
right: 23%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials-services .carousel-item {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
top: 14%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-1 {
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
right: 8%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials-services .col-12:first-child {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.testimonials-services .carousel-item {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.testimonials-services .module-shape-2 {
|
||||
top: 4%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Clients */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 50px 20px 100px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,560 @@
|
||||
|
||||
|
||||
/* Banner */
|
||||
.banner .container {
|
||||
padding: 8% 0 11% 0;
|
||||
}
|
||||
|
||||
.banner .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
}
|
||||
|
||||
.banner .module-img-1 {
|
||||
right: -51px;
|
||||
}
|
||||
|
||||
.banner .module-img-2 {
|
||||
right: -11%;
|
||||
}
|
||||
|
||||
.banner .module-img-3 {
|
||||
left: -20%;
|
||||
}
|
||||
|
||||
.banner .module-img-2 .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -10%;
|
||||
--float-animate-to: 3%;
|
||||
--float-delay: 0.5s;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.banner .module-img-3 .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -10%;
|
||||
--float-animate-to: 5%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.banner .lqd-highlight-inner .lqd-highlight-brush-svg-2 {
|
||||
fill: #49C193;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .container {
|
||||
padding: 15% 5% 25% 5%;
|
||||
}
|
||||
|
||||
.banner .module-shape .lqd-custom-shape {
|
||||
height: 273px;
|
||||
}
|
||||
|
||||
.banner .module-img-2 {
|
||||
top: 93%;
|
||||
}
|
||||
|
||||
.banner .module-img-3 {
|
||||
top: -35%;
|
||||
}
|
||||
|
||||
.banner .module-img-2 {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.banner .module-img-3 {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .module-shape .lqd-custom-shape {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.banner .module-img .lqd-custom-shape {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.banner .banner-clients {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single:not(:last-child) {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.banner .module-middle {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.banner .module-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Solutions */
|
||||
.solutions .module-icon-box-1 .iconbox {
|
||||
box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-2 .iconbox {
|
||||
box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-3 .iconbox {
|
||||
box-shadow: 0 11px 45px 0 rgba(107, 205, 148, 0.2);
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-1 {
|
||||
left: 20%;
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-3 {
|
||||
right: 28%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.solutions {
|
||||
padding: 100px 20px 70px 20px;
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-1 {
|
||||
top: -23%;
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-1 {
|
||||
left: -7%;
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-3 {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.solutions {
|
||||
padding: 90px 20px 50px 20px;
|
||||
}
|
||||
|
||||
.solutions .module-last {
|
||||
margin-top: 30%;
|
||||
padding-top: 30%;
|
||||
}
|
||||
|
||||
.solutions .module-icon-box-1 {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* About Progress */
|
||||
.about-progress .lqd-counter .h1 {
|
||||
font-size: 150px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.about-progress .module-shape {
|
||||
left: -170px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about-progress {
|
||||
padding: 70px 20px;
|
||||
}
|
||||
|
||||
.about-progress .module-last {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.about-progress .module-shape {
|
||||
top: -27%;
|
||||
}
|
||||
|
||||
.about-progress .module-col {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.about-progress .module-shape {
|
||||
left: -32%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about-progress .module-first {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.about-progress .module-last {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.about-progress .module-col {
|
||||
padding: 0 15px;
|
||||
margin-top: -108px;
|
||||
}
|
||||
|
||||
.about-progress .lqd-counter .h1 {
|
||||
font-size: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Services */
|
||||
.services .module-img-1 {
|
||||
right: 34%;
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.services {
|
||||
padding: 90px 20px 50px 20px;
|
||||
}
|
||||
|
||||
.services .module-col {
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.services .module-shape {
|
||||
top: -31%;
|
||||
}
|
||||
|
||||
.services .module-shape {
|
||||
left: -9%;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.services .module-shape {
|
||||
top: -48%;
|
||||
}
|
||||
|
||||
.services .module-img-1,
|
||||
.services .module-img-2 {
|
||||
width: 80%;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
.services .module-shape {
|
||||
left: -40%;
|
||||
}
|
||||
|
||||
.services .module-img-1 {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Text Carousel */
|
||||
.text-carousel .module-first {
|
||||
margin-bottom: 1.5%;
|
||||
}
|
||||
|
||||
.text-carousel .carousel-item-content>* {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.text-carousel {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.text-carousel .carousel-item-content {
|
||||
font-size: 5vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.text-carousel {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.text-carousel .carousel-item-content {
|
||||
font-size: 8vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* Case Studies */
|
||||
.case-studies .lqd-filter-dropdown .ui-button {
|
||||
border-color: rgba(0, 42, 64, 0.56);
|
||||
}
|
||||
|
||||
.case.case-studies .filter-list li,
|
||||
.case-studies .lqd-filter-dropdown .ui-button {
|
||||
color: rgba(0, 42, 64, 0.56);
|
||||
}
|
||||
|
||||
.case-studies .filter-list-inline li.active,
|
||||
.case-studies .filter-list-inline li.hover,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:active,
|
||||
.case-studies .lqd-filter-dropdown .ui-button:focus,
|
||||
.case-studies .liquid-filter-items .btn:hover,
|
||||
.case-studies .liquid-filter-items .btn:focus {
|
||||
color: #002A40;
|
||||
}
|
||||
|
||||
.case-studies .liquid-filter-items .btn:before,
|
||||
.case-studies .liquid-filter-items .btn:after {
|
||||
background: var(--lqd-color-slate-300);
|
||||
}
|
||||
|
||||
.case-studies .liquid-filter-items {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.case-studies {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* How It Work */
|
||||
.how-it-work .module-number {
|
||||
right: -5%;
|
||||
}
|
||||
|
||||
.how-it-work .ld-fancy-heading .h1 {
|
||||
font-size: 192px;
|
||||
margin: 0;
|
||||
color: #DFE8ED;
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.how-it-work {
|
||||
padding: 80px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.how-it-work .module-col {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Companies */
|
||||
.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape,
|
||||
.companies .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
}
|
||||
|
||||
.companies .module-shape-2 {
|
||||
min-height: 350px;
|
||||
}
|
||||
|
||||
.companies .btn-md:hover,
|
||||
.companies .btn-md:focus {
|
||||
color: #171625;
|
||||
background-color: var(--lqd-color-purple-300);
|
||||
box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
|
||||
}
|
||||
|
||||
.companies .btn-lg {
|
||||
--icon-ms: 8px;
|
||||
}
|
||||
|
||||
.companies .btn-lg:hover,
|
||||
.companies .btn-lg:focus {
|
||||
color: #17212B;
|
||||
background-color: var(--lqd-color-blue-400);
|
||||
box-shadow: 0 15px 55px 0 rgba(190, 184, 255, 0.22);
|
||||
}
|
||||
|
||||
.companies .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.companies .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
.companies .module-shape-3 .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -10%;
|
||||
--float-animate-to: 0;
|
||||
--float-animation-ease: ease-out;
|
||||
}
|
||||
|
||||
.companies .lqd-imggrp-single:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.companies .module-img-2 {
|
||||
right: -130px;
|
||||
}
|
||||
|
||||
.companies .module-parallax {
|
||||
left: -43px;
|
||||
}
|
||||
|
||||
.companies .module-shape-3 {
|
||||
right: -1%;
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.companies {
|
||||
padding: 100px 20px 150px 20px;
|
||||
}
|
||||
|
||||
.companies .module-col {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.companies .module-title h2 {
|
||||
font-size: 58px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.companies {
|
||||
padding: 90px 20px;
|
||||
}
|
||||
|
||||
.companies .module-shape-1 .lqd-custom-shape {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.companies .module-shape-2 .lqd-custom-shape {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.companies .btn-lg {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials */
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 3.5);
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 1);
|
||||
}
|
||||
|
||||
.testimonials .module-text {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.testimonials .module-last {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Contact Us */
|
||||
.contact-us .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
}
|
||||
|
||||
.contact-us .lqd-contact-form {
|
||||
--inputs-margin: 0 0 16px 0;
|
||||
--input-margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.contact-us .wpcf7 .screen-reader-response {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
margin: -1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.contact-us .lqd-contact-form input[type=submit] {
|
||||
background: #FFFFFF;
|
||||
border-color: #FFFFFF;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.contact-us .lqd-contact-form input[type=submit]:hover {
|
||||
background: var(--lqd-color-primary);
|
||||
border-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.contact-us .ui-menu-item {
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact-us {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.contact-us .module-shape-1 .lqd-custom-shape {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.contact-us .module-shape-2 .lqd-custom-shape {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.contact-us .module-first {
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact-us .module-first {
|
||||
padding: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact-us .module-shape-1 .lqd-custom-shape {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.contact-us .module-last {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Main Footer */
|
||||
.main-footer .btn:hover {
|
||||
color: var(--lqd-color-green-900);
|
||||
background-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-border {
|
||||
padding: 40px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .module-col {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-col .lqd-imggrp-single {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.main-footer .social-icons-wrapper {
|
||||
gap: 25px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,805 @@
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url(../../fonts/satoshi/Satoshi-Bold.woff2) format("woff2");
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-container-width-md: 1199px;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #6F6FFF;
|
||||
--lqd-body-text-color: #7E8693;
|
||||
--lqd-color-title: #2D3C58;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
--lqd-color-purple-100: rgba(137, 94, 208, 0.13);
|
||||
--lqd-color-purple-500: #8D65E9;
|
||||
--lqd-color-green-500: #6BCD94;
|
||||
--lqd-color-green-100: rgba(107, 205, 148, 0.32);
|
||||
--lqd-color-green-700: #82B541;
|
||||
--lqd-color-green-900: #00CB99;
|
||||
--lqd-color-blue-100: #6E7F9926;
|
||||
--lqd-color-blue-500: #165CFD;
|
||||
--lqd-color-blue-700: #675DE1;
|
||||
--lqd-color-blue-900: #0A2C4E;
|
||||
--lqd-color-blue-950: #272634;
|
||||
--lqd-color-gray-100: rgba(162, 178, 201, 0.15);
|
||||
--lqd-color-gray-200: #E8ECEE;
|
||||
--lqd-color-gray-400: #9ca3af;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-700: #334155;
|
||||
--lqd-color-red-900: #671E3F;
|
||||
--lqd-color-gradient-start: var(--lqd-color-purple-500);
|
||||
--lqd-color-gradient-stop: var(--lqd-color-green-500);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.4em;
|
||||
|
||||
--lqd-heading-color: var(--lqd-color-title);
|
||||
--lqd-heading-font-family: "Satoshi", Sans-serif;
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.1em;
|
||||
--lqd-h1-font-size: 52px;
|
||||
--lqd-h1-letter-spacing: -2.5px;
|
||||
--lqd-h2-font-size: 41px;
|
||||
--lqd-h2-line-height: 1.3em;
|
||||
--lqd-h2-letter-spacing: -1.3px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.border-lightgray {
|
||||
border-color: rgb(112 112 112 / 13%);
|
||||
}
|
||||
|
||||
.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner {
|
||||
height: 0.4em;
|
||||
}
|
||||
|
||||
.font-heading {
|
||||
font-family: var(--lqd-heading-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.lqd-sticky-footer-shadow-2 #lqd-site-content {
|
||||
box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .1);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
#lqd-contents-wrap>section {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.module-btn-sm {
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 25px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 0.6em;
|
||||
--btn-pe: 1em;
|
||||
--btn-pb: 0.6em;
|
||||
--btn-ps: 1em;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 5px;
|
||||
--lqd-menu-items-right-padding: 22px;
|
||||
--lqd-menu-items-bottom-padding: 5px;
|
||||
--lqd-menu-items-left-padding: 22px;
|
||||
}
|
||||
|
||||
.ld-sd-inner .main-nav {
|
||||
--lqd-menu-items-top-padding: 20px;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-underlined:before {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn {
|
||||
--icon-font-size: 1em;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn:hover {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-left .btn {
|
||||
box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);
|
||||
--icon-font-size: 25px;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-left .btn:hover {
|
||||
box-shadow: 0px 0px 0px 5px #82B541;
|
||||
}
|
||||
|
||||
.main-header .ld-module-sd>.ld-module-dropdown {
|
||||
width: 65vw;
|
||||
}
|
||||
|
||||
.main-header .ld-sd-wrap {
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .spacer {
|
||||
--spacer-size: 250px;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .module-primary-nav {
|
||||
--lqd-menu-items-top-padding: 20px;
|
||||
--lqd-menu-items-right-padding: 0;
|
||||
--lqd-menu-items-bottom-padding: 20px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .main-nav>li>a>.link-icon {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.main-header .ld-module-dropdown .main-nav>li>a>.link-badge {
|
||||
font-size: 0.375em;
|
||||
}
|
||||
|
||||
.is-stuck .module-stuck {
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-solid {
|
||||
box-shadow: 0px 12px 33px 0px rgba(52, 99, 188, 0.17);
|
||||
--icon-font-size: 0.7em;
|
||||
}
|
||||
|
||||
.banner .btn-solid:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: var(--lqd-color-primary);
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
left: 52%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
right: -10%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
left: 6%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
right: -14%;
|
||||
}
|
||||
|
||||
.banner .module-img {
|
||||
margin: 0 -16% -36% -17%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner .module-gradient {
|
||||
font-size: 66px;
|
||||
}
|
||||
|
||||
.banner .module-btn {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.banner .module-img {
|
||||
margin: 0 -16% 0 -13%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
bottom: -17%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
top: -4%;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
right: 12%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
right: -7%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner .module-shape-4 {
|
||||
top: -12%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
left: 1%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients {
|
||||
background-position: 50% 85%;
|
||||
}
|
||||
|
||||
.clients .lqd-shape svg {
|
||||
height: 160px;
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
#lqd-contents-wrap .clients {
|
||||
padding-top: 170px;
|
||||
padding-bottom: 170px;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.clients .lqd-shape svg {
|
||||
height: 110px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#lqd-contents-wrap .clients {
|
||||
padding-top: 110px;
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
|
||||
.clients .lqd-shape svg {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.clients .module-img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Navigation Sections ***** */
|
||||
.navigation-sections .reset-ul>li.is-active>a {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navigation-sections .reset-ul>li>a {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Icon box ***** */
|
||||
.icon-box .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.icon-box .iconbox-side .iconbox-icon-wrap {
|
||||
margin-inline-end: 40px;
|
||||
}
|
||||
|
||||
.icon-box .iconbox-side .iconbox-icon-container {
|
||||
box-shadow: 0 20px 55px 0 rgba(185, 208, 250, 0.29);
|
||||
}
|
||||
|
||||
.icon-box .iconbox-side .iconbox-icon-container svg {
|
||||
width: 50px;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.icon-box .lqd-iconbox-scale:hover .iconbox-heading-arrow-onhover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(.5em);
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.icon-box {
|
||||
padding-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 991px) {
|
||||
.icon-box .lqd-iconbox-scale {
|
||||
width: 47%;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 767px) {
|
||||
.icon-box .lqd-iconbox-scale {
|
||||
margin-bottom: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items {
|
||||
background-size: 70% auto;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs {
|
||||
--tab-nav-width: 32%;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 0.9em;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav li a.active {
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 15px 45px rgba(0, 0, 0, .075);
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav li a.active .lqd-tabs-nav-icon-icon {
|
||||
background-color: #65BD91;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tab-items .module-shape {
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
@media(max-width: 1199px) {
|
||||
.tab-items .module-shape {
|
||||
top: 355px;
|
||||
}
|
||||
|
||||
.tab-items .module-shape {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.tab-items .module-tab-inner {
|
||||
margin: -12% -10% -20% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 991px) {
|
||||
.tab-items .module-tab-inner {
|
||||
/* margin: -12% -16% -10% -18%; */
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box ***** */
|
||||
.text-box .lqd-iconbox-scale:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.text-box .lqd-iconbox-scale:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: #00CB99;
|
||||
}
|
||||
|
||||
.text-box .btn {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.text-box .module-shape {
|
||||
right: -17%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box .module-shape {
|
||||
right: -32%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Slide Carousel ***** */
|
||||
.slide-carousel .lqd-shape-top svg {
|
||||
height: 165px;
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
.slide-carousel .module-shape {
|
||||
left: 26%;
|
||||
}
|
||||
|
||||
.slide-carousel .module-img {
|
||||
right: -2%;
|
||||
}
|
||||
|
||||
.slide-carousel .module-shadow {
|
||||
min-height: 245px;
|
||||
}
|
||||
|
||||
.slide-carousel .carousel-item-content {
|
||||
font-size: 7vw;
|
||||
}
|
||||
|
||||
.slide-carousel .carousel-item-content>* {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.slide-carousel {
|
||||
padding-top: 180px;
|
||||
padding-bottom: 170px;
|
||||
}
|
||||
|
||||
.slide-carousel .lqd-shape-top svg {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.slide-carousel .module-column {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.slide-carousel .lqd-shape svg {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.slide-carousel .module-img {
|
||||
top: -59px;
|
||||
}
|
||||
|
||||
.slide-carousel .carousel-item-content {
|
||||
font-size: 10vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Video Box ***** */
|
||||
.video-box .module-shape {
|
||||
left: 12%;
|
||||
}
|
||||
|
||||
.video-box .module-video {
|
||||
min-height: 145px;
|
||||
}
|
||||
|
||||
.video-box .module-video .btn {
|
||||
--icon-font-size: 20px;
|
||||
}
|
||||
|
||||
.video-box .module-video .btn-icon:before {
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.video-box .lqd-extra-cursor {
|
||||
--extra-cc-w: 80px;
|
||||
--extra-cc-h: 80px;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.video-box {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.video-box .module-img {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.video-box .module-shape {
|
||||
left: 19%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.video-box {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.video-box .module-video {
|
||||
width: 100%;
|
||||
min-height: 170px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav li:first-child a {
|
||||
border-radius: 50em 0 0 50em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav li:last-child a {
|
||||
border-radius: 0 50em 50em 0;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav li a.active {
|
||||
background-color: #FFFFFF;
|
||||
color: #002A40;
|
||||
border-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
--float-animate-to: 16%;
|
||||
--float-animation-ease: ease;
|
||||
}
|
||||
|
||||
.pricing .icon-list-item {
|
||||
--e-icon-list-icon-size: 15px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.pricing .btn-underlined.text-green-900:before {
|
||||
background: var(--lqd-color-green-900);
|
||||
}
|
||||
|
||||
.pricing .btn-underlined.text-blue-500:before {
|
||||
background: var(--lqd-color-blue-500);
|
||||
}
|
||||
|
||||
.pricing .btn-underlined.text-red-900:before {
|
||||
background: var(--lqd-color-red-900);
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
.pricing .module-shape-off {
|
||||
right: -30px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing .module-flex {
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 575px) {
|
||||
.pricing .lqd-tabs-nav li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav li:first-child a,
|
||||
.pricing .lqd-tabs-nav li:last-child a {
|
||||
border-radius: 50em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Need Help ***** */
|
||||
.need-help .btn-icon-circle .btn-icon:before {
|
||||
border-color: #0000003B;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.need-help .module-gap {
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Has Accoirdion ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.has-accordion {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.has-accordion {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Community ***** */
|
||||
.community .lqd-shape[data-negative=false].lqd-shape-bottom,
|
||||
.community .lqd-shape[data-negative=true].lqd-shape-top {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.community .lqd-shape svg {
|
||||
transform: translateX(-50%) rotateY(180deg);
|
||||
}
|
||||
|
||||
.community .lqd-shape-bottom svg {
|
||||
height: 165px;
|
||||
}
|
||||
|
||||
.community .module-shape {
|
||||
top: -160px;
|
||||
}
|
||||
|
||||
.community .module-img img {
|
||||
filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
|
||||
}
|
||||
|
||||
.community .lqd-carousel-slides {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.community .carousel-dots {
|
||||
top: 0;
|
||||
right: auto;
|
||||
bottom: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.community .lqd-carousel-slides-numbers,
|
||||
.community .lqd-carousel-slides-current {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.community .module-shape {
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.community .module-paralax {
|
||||
right: 1%;
|
||||
}
|
||||
|
||||
.community .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.community .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.community {
|
||||
padding-top: 150px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
|
||||
.community .carousel-dots {
|
||||
bottom: -25px;
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.community .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots {
|
||||
margin-top: -10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.community {
|
||||
padding-top: 140px;
|
||||
}
|
||||
|
||||
.community .lqd-shape-top svg {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.community .lqd-shape-bottom svg {
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Careers ***** */
|
||||
#lqd-contents-wrap .careers {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.careers .module-shape-1 {
|
||||
top: -126px;
|
||||
}
|
||||
|
||||
.careers .module-shape-2 {
|
||||
top: -263px;
|
||||
}
|
||||
|
||||
.careers .module-ipad {
|
||||
margin: 0 0 -12% 5%;
|
||||
}
|
||||
|
||||
.careers .module-phone-inner {
|
||||
margin: 0 0 -21% 0;
|
||||
}
|
||||
|
||||
.careers .module-shape-1 {
|
||||
left: -91px;
|
||||
}
|
||||
|
||||
.careers .module-shape-2 {
|
||||
right: -41px;
|
||||
}
|
||||
|
||||
.careers .module-shape-3 {
|
||||
left: -241px;
|
||||
}
|
||||
|
||||
.careers .module-shape-4 {
|
||||
right: -232.6px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.careers .module-phone {
|
||||
width: 380px;
|
||||
bottom: -3.4%;
|
||||
}
|
||||
|
||||
.careers .module-phone {
|
||||
left: -2.8%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#lqd-contents-wrap .careers {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.careers .ld-fancy-heading h2 {
|
||||
font-size: 70px;
|
||||
}
|
||||
|
||||
.careers .module-phone {
|
||||
width: 50%;
|
||||
bottom: -3.4%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.main-footer .module-logo {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.main-footer .module-text {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,281 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-container-width: 1140px;
|
||||
--lqd-row-gutter-x: 0;
|
||||
--lqd-row-gutter-y: 0;
|
||||
|
||||
--lqd-color-primary: #000000;
|
||||
--lqd-body-text-color: #4A4A4A;
|
||||
--lqd-color-accent: #49C193;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-link: #5b7bfb;
|
||||
--lqd-color-dark: #292929;
|
||||
--lqd-color-blue-100: #E3E4E8;
|
||||
--lqd-color-blue-200: #D9F8EA;
|
||||
--lqd-color-blue-300: #EBF8D9;
|
||||
--lqd-color-blue-600: #696d79;
|
||||
--lqd-color-blue-700: #032A3E;
|
||||
--lqd-color-gray-100: rgba(97, 150, 157, 0.18);
|
||||
--lqd-color-gray-200: #e2e8f0;
|
||||
--lqd-color-gray-400: #8e929b;
|
||||
--lqd-color-green-50: rgba(106, 255, 192, 0.24);
|
||||
--lqd-color-green-100: #E1F2E6;
|
||||
--lqd-color-green-200: #ECF0E7;
|
||||
--lqd-color-green-300: #82B541;
|
||||
--lqd-color-green-400: #6AFFC0;
|
||||
--lqd-color-green-500: #C7D0C1;
|
||||
--lqd-color-green-600: #5e746a;
|
||||
--lqd-color-orange-100: #F0EBE7;
|
||||
--lqd-color-orange-200: #F8E6D9;
|
||||
--lqd-color-orange-300: #ffc29f;
|
||||
--lqd-color-orange-600: #807264;
|
||||
--lqd-color-purple-100: rgba(141, 126, 255, 0.44);
|
||||
--lqd-color-purple-500: #9F51E0;
|
||||
--lqd-color-slate-100: rgba(97, 150, 157, 0.18);
|
||||
--lqd-color-slate-200: #e2e8f0;
|
||||
--lqd-color-slate-300: #A2B2C9;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #61969D;
|
||||
--lqd-color-slate-700: #3A5274;
|
||||
--lqd-color-yellow-50: #F9F8F5;
|
||||
--lqd-color-yellow-100: #EDEBE2;
|
||||
--lqd-color-yellow-200: #F1F0E8;
|
||||
--lqd-color-yellow-600: #84806f;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
--lqd-color-link-hover: #181b31;
|
||||
--lqd-body-text-color: #626974;
|
||||
|
||||
--lqd-body-font-family:'Be Vietnam Pro', sans-serif;;
|
||||
--lqd-body-font-size: 15px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-line-height: 1.4em;
|
||||
--lqd-accent-font-family: 'Libre Baskerville', serif;
|
||||
--lqd-accent-font-style: italic;
|
||||
|
||||
--lqd-heading-font-family: "Space Grotesk", Sans-serif;
|
||||
--lqd-heading-font-weight: 700;
|
||||
--lqd-heading-line-height: 1em;
|
||||
--lqd-heading-color: var(--lqd-color-dark);
|
||||
--lqd-h1-font-size: 64px;
|
||||
--lqd-h1-letter-spacing: -4px;
|
||||
--lqd-h2-font-size: 48px;
|
||||
--lqd-h2-letter-spacing: -1.5px;
|
||||
--lqd-h3-font-size: 40px;
|
||||
--lqd-h3-letter-spacing: -0.5px;
|
||||
--lqd-h4-font-size: 37px;
|
||||
--lqd-h4-font-weight: 600;
|
||||
--lqd-h5-font-size: 22px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.module-text-border:hover {
|
||||
background-color: #F8E6D9;
|
||||
border-color: #F8E6D9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 33px 50px 0px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
/* Titlebar */
|
||||
.titlebar-inner h1 {
|
||||
font-size: 72px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.titlebar-inner h1 {
|
||||
font-size: 62px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.module-btn-sm {
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 22px;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.btn-underlined:hover:after {
|
||||
transform-origin: left center;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.border-thin {
|
||||
font-family: var(--lqd-accent-font-family), Sans-serif;
|
||||
font-style: var(--lqd-accent-font-style);
|
||||
}
|
||||
|
||||
.border-thin:after {
|
||||
background: #EBF0E6;
|
||||
}
|
||||
|
||||
/* ***** Shape & Mark ***** */
|
||||
.lqd-highlight-classic .lqd-highlight .lqd-highlight-inner {
|
||||
height: 0.4em;
|
||||
}
|
||||
|
||||
/* ***** Lity ***** */
|
||||
.lity-modal .lqd-contact-form {
|
||||
--inputs-margin: 0 0 30px 0;
|
||||
--input-margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 span {
|
||||
font-family: 'DM Serif Text', serif;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-container {
|
||||
padding: 70px 0 30px 0;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
|
||||
.lity-modal .module-info {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.lity-modal .lqd-contact-form {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .main-nav {
|
||||
--lqd-menu-items-top-padding: 15px;
|
||||
--lqd-menu-items-right-padding: 60px;
|
||||
--lqd-menu-items-bottom-padding: 15px;
|
||||
--lqd-menu-items-left-padding: 0;
|
||||
}
|
||||
|
||||
.main-header .main-nav > li > a:before {
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
.main-header .ld-module-trigger:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 160%;
|
||||
height: 160%;
|
||||
position: absolute;
|
||||
top: -25%;
|
||||
left: -25%;
|
||||
}
|
||||
|
||||
.main-header .ld-module-search .ld-module-trigger-icon {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.main-header .btn-icon-left {
|
||||
--icon-font-size: 1.3em;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-switch-change {
|
||||
--icon-font-size: 1.1em;
|
||||
}
|
||||
|
||||
.main-header .btn-icon-left:hover,
|
||||
.main-header .btn-icon-left:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.main-header .btn-icon-left:hover .btn-icon,
|
||||
.main-header .btn-icon-left:focus .btn-icon {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-header .module-header {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
/* ***** Sticky Bar Left ***** */
|
||||
.main-header .lqd-stickybar-left .btn {
|
||||
--icon-font-size: 25px;
|
||||
box-shadow: 0 0 0 11px rgba(128, 179, 65, 0.27);
|
||||
}
|
||||
|
||||
/* ***** Sticky Bar Right ***** */
|
||||
.main-header .lqd-stickybar-right {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn {
|
||||
--icon-font-size: 17px;
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .btn-solid:hover,
|
||||
.main-footer .btn-solid:focus {
|
||||
color: #1C3329;
|
||||
background-color: #6AFFC0;
|
||||
}
|
||||
|
||||
.main-footer a:hover,
|
||||
.main-footer a:hover path {
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer {
|
||||
padding: 70px 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-border {
|
||||
padding: 40px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .column-md-50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.main-footer .column-md-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-footer .lqd-imggrp-single {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.main-footer .module-copyright {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-social {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/* Faq */
|
||||
.faq {
|
||||
--lqd-color-brown-300: #F5DBB8;
|
||||
--lqd-color-brown-500: #A25139;
|
||||
--lqd-color-gray-100: #F7F7F8;
|
||||
--lqd-color-slate-600: #225469;
|
||||
}
|
||||
.faq .accordion-item.active .accordion-title a {
|
||||
color: #000000;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,392 @@
|
||||
/* Banner */
|
||||
.banner .module-section {
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
bottom: -275px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding-right: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.banner .module-section {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
|
||||
.banner .pos-abs:first-child img {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
left: 6%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
right: 1%;
|
||||
}
|
||||
|
||||
.banner .module-shape-4 {
|
||||
right: 10%;
|
||||
}
|
||||
|
||||
.banner .pos-abs.bottom-0 {
|
||||
right: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.banner .module-section {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 12vw;
|
||||
}
|
||||
|
||||
.banner .module-shape-1 {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.banner .module-shape-2 {
|
||||
top: -21%;
|
||||
}
|
||||
|
||||
.banner .module-shape-3 {
|
||||
top: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Design Services */
|
||||
.design-services .lqd-iconbox-scale:hover {
|
||||
background-color: #EBF0E6;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.design-services .module-shape {
|
||||
left: -10%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.design-services .lqd-iconbox-scale {
|
||||
padding: 35px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-iconbox {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.design-services {
|
||||
padding: 90px 20px;
|
||||
}
|
||||
|
||||
.design-services .module-shape {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.design-services .module-shape {
|
||||
top: 3%;
|
||||
}
|
||||
|
||||
.design-services .module-shape img {
|
||||
width: 49px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Services */
|
||||
.services .carousel-nav .flickity-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
color: #000000;
|
||||
border-width: 1px;
|
||||
border-radius: 12px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.services .carousel-nav {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.services .flickity-button:hover {
|
||||
color: #FFFFFF;
|
||||
border-style: solid;
|
||||
border-color: #000000;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.services .module-shape {
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.services {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Case Studies */
|
||||
.case-studies .filter-list li {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.case-studies .filter-list li.active {
|
||||
color: #C10909;
|
||||
}
|
||||
|
||||
.case-studies .liquid-filter-items {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.case-studies .lqd-pf-item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.case-studies>.module-shape-1 {
|
||||
left: -90px;
|
||||
}
|
||||
|
||||
.case-studies>.module-shape-2 {
|
||||
right: -2%;
|
||||
}
|
||||
|
||||
.case-studies .lqd-pf-grid .module-shape-3 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.case-studies {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.case-studies .lqd-pf-grid .module-shape-3 {
|
||||
max-width: 80px;
|
||||
top: -60px;
|
||||
}
|
||||
|
||||
.case-studies>.module-shape-1 {
|
||||
left: -38%;
|
||||
}
|
||||
|
||||
.case-studies>.module-shape-2 {
|
||||
right: -16%;
|
||||
}
|
||||
|
||||
.case-studies .lqd-pf-grid .module-shape-3 {
|
||||
right: -25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Steps Install */
|
||||
.steps-install .h1 {
|
||||
font-size: 190px;
|
||||
color: #DFE2EA;
|
||||
}
|
||||
|
||||
.steps-install .module-middle {
|
||||
margin-right: 12.5%;
|
||||
margin-left: 12.5%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.steps-install {
|
||||
padding: 30px 40px 0 40px;
|
||||
}
|
||||
|
||||
.steps-install .module-middle {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.steps-install {
|
||||
padding: 60px 20px 0 20px;
|
||||
}
|
||||
|
||||
.steps-install .module-first,
|
||||
.steps-install .module-middle {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Our Vision */
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 10% 8% 10% 8%;
|
||||
}
|
||||
|
||||
.our-vision .lqd-throwable-scene {
|
||||
height: 855px;
|
||||
}
|
||||
|
||||
.our-vision .module-shape {
|
||||
left: 43%;
|
||||
}
|
||||
|
||||
.our-vision .iconbox-icon-ripple .iconbox-icon-container:before {
|
||||
border-color: var(--lqd-color-accent);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.our-vision {
|
||||
padding-bottom: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.our-vision {
|
||||
padding: 90px 20px 390px 20px;
|
||||
}
|
||||
|
||||
.our-vision .lqd-section-flow-panel-end {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.our-vision .module-content {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonials */
|
||||
.testimonials .star-rating {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -65px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots:not(.carousel-dots-inside) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-1 {
|
||||
left: 13%;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-2 {
|
||||
right: 23%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials .carousel-item {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-2 {
|
||||
top: 14%;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-1 {
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-2 {
|
||||
right: 8%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.testimonials .col-12:first-child {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.testimonials .module-shape-2 {
|
||||
top: 4%;
|
||||
}
|
||||
|
||||
.testimonials .module-content {
|
||||
padding: 25px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Clients */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 50px 20px 100px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
.clients .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact-form .lqd-contact-form {
|
||||
--inputs-margin: 0 0 25px 0;
|
||||
--input-margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.contact-form .module-shape-3 {
|
||||
right: 123px;
|
||||
}
|
||||
|
||||
.contact-form .module-shape-4 {
|
||||
right: 11%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact-form {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.contact-form .lqd-contact-form {
|
||||
padding: 20px 30px 30px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact-form {
|
||||
padding-top: 150px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.contact-form .module-shape-1 {
|
||||
top: -126px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,510 @@
|
||||
/* ***** Global ***** */
|
||||
:root {
|
||||
--lqd-color-primary: #8777E0;
|
||||
--lqd-color-secondary: #60A3E6;
|
||||
--lqd-body-text-color: #454545;
|
||||
--lqd-color-purple-100: #E8E4FB;
|
||||
--lqd-color-purple-500: #895ED0;
|
||||
--lqd-color-green-500: #0AC994;
|
||||
--lqd-color-slate-100: #F3F7FF;
|
||||
--lqd-color-slate-500: #6e7f99;
|
||||
--lqd-color-slate-600: #5D6371;
|
||||
--lqd-color-slate-700: #2F313B;
|
||||
--lqd-color-gray-100: #FAF7F7;
|
||||
--lqd-color-gray-200: #F2F3F4;
|
||||
--lqd-color-gray-300: #bbb;
|
||||
--lqd-color-gray-700: #454545;
|
||||
--lqd-color-gray-900: #222222;
|
||||
--lqd-color-blue-500: #006BFF;
|
||||
--lqd-color-blue-900: #28263C;
|
||||
--lqd-color-dark: #262626;
|
||||
--lqd-color-gradient-start: var(--lqd-color-primary);
|
||||
--lqd-color-gradient-stop: var(--lqd-color-secondary);
|
||||
--lqd-badge-color: var(--lqd-color-primary);
|
||||
|
||||
--lqd-body-font-family: "Golos Text", Sans-serif;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-font-size: 62px;
|
||||
--lqd-h2-font-size: 56px;
|
||||
--lqd-h2-line-height: 1em;
|
||||
--lqd-h2-letter-spacing: -1.4px;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h3-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-color: #254043;
|
||||
--lqd-h6-font-size: 10px;
|
||||
--lqd-h6-font-weight: 500;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.module-sections>section,
|
||||
.main-footer>section {
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.module-sections>section {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 12vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Button ***** */
|
||||
.module-btn-md {
|
||||
--btn-pt: 12px;
|
||||
--btn-pe: 24px;
|
||||
--btn-pb: 12px;
|
||||
--btn-ps: 24px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 22px;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 2px;
|
||||
--btn-pe: 6px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 6px;
|
||||
}
|
||||
|
||||
/* ***** Main Header ***** */
|
||||
.main-header .module-header-top {
|
||||
min-height: 46px;
|
||||
}
|
||||
|
||||
.main-header .module-header-middle .social-icon:hover svg,
|
||||
.main-header .module-header-middle .social-icon:hover path {
|
||||
fill: #0E1758BD;
|
||||
}
|
||||
|
||||
.main-header .module-header-middle {
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.main-header .module-header-middle .social-icons-wrapper {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0;
|
||||
}
|
||||
|
||||
.main-header .module-header-bottom {
|
||||
min-height: 55px;
|
||||
}
|
||||
|
||||
.is-stuck .module-header-bottom {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-wrap .btn-solid:hover {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-right .btn-solid:hover {
|
||||
box-shadow: 0 0 0 2px #000000;
|
||||
}
|
||||
|
||||
.main-header .lqd-stickybar-left .btn-solid:hover {
|
||||
box-shadow: 0 0 0 5px var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
/* ***** Lity Modal Mini ***** */
|
||||
.lity-modal-mini .lqd-contact-form {
|
||||
--inputs-margin: 0;
|
||||
--input-margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main-header .lity-modal-mini .lqd-contact-form select:focus,
|
||||
.main-header .lity-modal-mini .lqd-contact-form input:focus,
|
||||
.main-header .lity-modal-mini .lqd-contact-form textarea:focus {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .module-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Banner ***** */
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h2 {
|
||||
font-size: 14vw;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 12%;
|
||||
}
|
||||
|
||||
.features .iconbox-heading-arrow-onhover:hover h3 svg {
|
||||
opacity: 1;
|
||||
transform: translateX(0.5em);
|
||||
}
|
||||
|
||||
.features .module-arrow {
|
||||
right: 205px;
|
||||
}
|
||||
|
||||
.features .module-btn {
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
/* ***** Commit ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.commit {
|
||||
gap: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Manage Data ***** */
|
||||
.manage-data .module-video {
|
||||
width: 430px;
|
||||
min-height: 370px;
|
||||
}
|
||||
|
||||
.manage-data .module-emoji {
|
||||
right: 125px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.manage-data {
|
||||
gap: 60px;
|
||||
}
|
||||
|
||||
.manage-data .module-emoji {
|
||||
right: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.manage-data {
|
||||
padding: 60px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Throwable ***** */
|
||||
.throwable .btn:hover,
|
||||
.throwable .btn:focus {
|
||||
border-style: solid;
|
||||
border-color: #7C849A;
|
||||
}
|
||||
|
||||
.throwable .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 10%;
|
||||
}
|
||||
|
||||
.throwable .module-text-1 {
|
||||
background-color: #E2EEE1;
|
||||
}
|
||||
|
||||
.throwable .module-text-2 {
|
||||
background-color: #ffe3d3;
|
||||
}
|
||||
|
||||
.throwable .module-text-3 {
|
||||
background-color: #dbefe8;
|
||||
}
|
||||
|
||||
.throwable .module-text-4 {
|
||||
background-color: #d8c0ff;
|
||||
}
|
||||
|
||||
.throwable .module-text-5 {
|
||||
background-color: #AB6BDD;
|
||||
}
|
||||
|
||||
.throwable .module-text-6 {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
.throwable .module-shape {
|
||||
right: -100px;
|
||||
}
|
||||
|
||||
.throwable .module-emoji {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
.process .iconbox:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: var(--lqd-color-primary);
|
||||
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.process .module-icon-box:before {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.process .module-arrow {
|
||||
right: 270px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process .module-arrow {
|
||||
top: 150px;
|
||||
}
|
||||
|
||||
.process .module-col {
|
||||
margin-top: 30px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.process .module-arrow {
|
||||
right: 67%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Compare ***** */
|
||||
.compare {
|
||||
background-size: 70% auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.compare {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
.clients .module-bg {
|
||||
background-size: 70% auto;
|
||||
filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
|
||||
}
|
||||
|
||||
/* ***** Testimonial ***** */
|
||||
.testimonial {
|
||||
background-position: 50% 30%;
|
||||
background-size: 80% auto;
|
||||
}
|
||||
|
||||
.testimonial .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 10%;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav {
|
||||
top: 30%;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav.carousel-nav-left.carousel-nav-floated {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav .flickity-button {
|
||||
width: 10px;
|
||||
background-color: transparent;
|
||||
color: #000000;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav .flickity-button.previous {
|
||||
left: -70px;
|
||||
}
|
||||
|
||||
.testimonial .carousel-nav .flickity-button.next {
|
||||
right: -70px;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: -25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.testimonial .carousel-dots:not(.carousel-dots-inside) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial .module-avatar {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonial {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.testimonial .module-avatar {
|
||||
left: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonial .module-avatar {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.testimonial .module-avatar {
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Faq ***** */
|
||||
.faq .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 10%;
|
||||
}
|
||||
|
||||
.faq .module-avatar {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.faq {
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.faq .module-avatar {
|
||||
right: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.faq {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.faq .module-avatar {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.faq .module-avatar {
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** CTA ***** */
|
||||
.cta {
|
||||
background-image: url("../../images/demo/start-hub-x/bg/cta-bg.svg");
|
||||
min-height: 408px;
|
||||
}
|
||||
|
||||
.cta .txt-rotate-keywords {
|
||||
--visible-words: 7;
|
||||
}
|
||||
|
||||
.cta .txt-rotator-list.text-rotator-activated .txt-rotate-keywords-inner {
|
||||
--lqd-color-start: #361B5C;
|
||||
--lqd-color-stop: #6693A7;
|
||||
}
|
||||
|
||||
.cta .btn:hover,
|
||||
.cta .btn:focus {
|
||||
color: #211F36;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.cta {
|
||||
padding: 0 50px 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.cta {
|
||||
background-image: url("../../images/demo/start-hub-x/bg/cta-bg-m.svg");
|
||||
background-size: cover;
|
||||
flex-grow: 0;
|
||||
align-self: initial;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.cta .module-btn {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.cta .ld-fancy-heading .txt-rotator-list {
|
||||
font-size: 9vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Footer ***** */
|
||||
.main-footer .social-icons-wrapper {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 30px;
|
||||
--grid-column-gap: 25px;
|
||||
--grid-row-gap: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.main-footer>section {
|
||||
width: 960px;
|
||||
padding-top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.main-footer>section {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.manage-data .module-video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.main-footer>section {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.main-footer .lqd-fancy-menu li {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.main-footer .module-text {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Vendored
+1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+1
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 303 B |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="177.748" height="28.733" viewBox="0 0 177.748 28.733"><g transform="translate(-26.504 -88.162)"><path d="M8.5,88.162h57.75v28.733H8.5Z" transform="translate(18)" fill="#0f5a64" fill-rule="evenodd"/><path d="M128.5,88.162H8.5v28.733h120Z" transform="translate(75.75)" fill="#0f5a64" fill-rule="evenodd" opacity="0.125"/><path d="M-49.743,0V-12.852h3.78V0Zm13.554,0V-5.454a1.627,1.627,0,0,0-.387-1.206,1.685,1.685,0,0,0-1.215-.378,2.377,2.377,0,0,0-.882.171,2.347,2.347,0,0,0-.756.477,1.707,1.707,0,0,0-.612,1.3V0H-43.6V-9.45h3.492v1.314a4.865,4.865,0,0,1,3.708-1.6,3.886,3.886,0,0,1,2.781.945,3.479,3.479,0,0,1,1,2.655V0Zm12.222-6.57a1.2,1.2,0,0,0-.63-.738,2.943,2.943,0,0,0-1.3-.234,3.353,3.353,0,0,0-1.26.189q-.45.189-.45.549a.554.554,0,0,0,.351.5,3.959,3.959,0,0,0,1.2.288l1.3.18a11.788,11.788,0,0,1,2.6.594,2.666,2.666,0,0,1,1.287.927,2.633,2.633,0,0,1,.378,1.485A2.55,2.55,0,0,1-21.807-.5a7.564,7.564,0,0,1-3.852.792A7.857,7.857,0,0,1-29.673-.54a3.142,3.142,0,0,1-1.548-2.484h3.33q.324,1.044,2.178,1.044A3.539,3.539,0,0,0-24.4-2.169a.612.612,0,0,0,.45-.567.519.519,0,0,0-.342-.486,4.417,4.417,0,0,0-1.206-.27l-1.188-.162a10.331,10.331,0,0,1-2.511-.6,2.943,2.943,0,0,1-1.341-.99,2.594,2.594,0,0,1-.414-1.5,2.439,2.439,0,0,1,1.332-2.2,7.389,7.389,0,0,1,3.726-.783,7.626,7.626,0,0,1,3.582.684,3.205,3.205,0,0,1,1.62,2.178ZM-11.817,0V-1.314a4.822,4.822,0,0,1-3.636,1.6A3.747,3.747,0,0,1-18.18-.666a3.52,3.52,0,0,1-.981-2.646V-9.45H-15.6v5.472a1.623,1.623,0,0,0,.378,1.188,1.567,1.567,0,0,0,1.152.378,2.332,2.332,0,0,0,1.566-.63,1.787,1.787,0,0,0,.45-.6,1.682,1.682,0,0,0,.162-.711V-9.45h3.564V0ZM-6.2,0V-9.45h3.492v1.332A4.223,4.223,0,0,1,.6-9.612,5.861,5.861,0,0,1,1.719-9.5l-.4,2.754a6.737,6.737,0,0,0-1.17-.108,3.276,3.276,0,0,0-2.088.612,1.859,1.859,0,0,0-.522.63,1.633,1.633,0,0,0-.18.738V0ZM9.369,0V-1.17a4.72,4.72,0,0,1-1.647,1.1A5.73,5.73,0,0,1,5.661.27,4.929,4.929,0,0,1,2.727-.477,2.5,2.5,0,0,1,1.7-2.628a2.507,2.507,0,0,1,1.323-2.3,8.93,8.93,0,0,1,4.131-.846l2.088-.054v-.414a1.024,1.024,0,0,0-.45-.891,2.21,2.21,0,0,0-1.278-.315,3.391,3.391,0,0,0-1.359.234A1.076,1.076,0,0,0,5.5-6.57L2.313-6.8A3.238,3.238,0,0,1,3.96-9.018a7.575,7.575,0,0,1,3.627-.72q4.95,0,4.95,3.834V0ZM9.243-4.014,7.371-3.96a5.128,5.128,0,0,0-1.8.279.826.826,0,0,0-.54.8q0,.864,1.656.864A4.153,4.153,0,0,0,7.812-2.16a2.233,2.233,0,0,0,.837-.414,1.485,1.485,0,0,0,.594-1.152ZM21.987,0V-5.454A1.627,1.627,0,0,0,21.6-6.66a1.685,1.685,0,0,0-1.215-.378,2.377,2.377,0,0,0-.882.171,2.347,2.347,0,0,0-.756.477,1.707,1.707,0,0,0-.612,1.3V0H14.571V-9.45h3.492v1.314a4.865,4.865,0,0,1,3.708-1.6,3.886,3.886,0,0,1,2.781.945,3.479,3.479,0,0,1,1,2.655V0ZM38.169-3.654A4.155,4.155,0,0,1,36.495-.729,6.316,6.316,0,0,1,32.715.288a7.027,7.027,0,0,1-2.961-.576,4.316,4.316,0,0,1-1.935-1.7,5.046,5.046,0,0,1-.684-2.673,4.759,4.759,0,0,1,1.5-3.717,5.906,5.906,0,0,1,4.113-1.359,7.372,7.372,0,0,1,2.556.405A4.231,4.231,0,0,1,37.1-8.118a4.114,4.114,0,0,1,.909,1.944l-3.474.324a1.584,1.584,0,0,0-1.746-1.26,1.884,1.884,0,0,0-1.512.63,2.628,2.628,0,0,0-.54,1.764,2.585,2.585,0,0,0,.54,1.764,1.933,1.933,0,0,0,1.53.612q1.638,0,1.854-1.314Zm4.41-.234a1.831,1.831,0,0,0,.693,1.341,2.691,2.691,0,0,0,1.665.459q1.71,0,2.088-.954h3.294Q49.581.288,44.847.288A6.156,6.156,0,0,1,40.689-.99a4.528,4.528,0,0,1-1.476-3.618A5.131,5.131,0,0,1,39.9-7.263a4.7,4.7,0,0,1,1.98-1.818,6.689,6.689,0,0,1,3.06-.657,5.87,5.87,0,0,1,4.05,1.287,4.634,4.634,0,0,1,1.44,3.645v.918Zm4.536-1.89q-.09-1.62-2.232-1.62a2.492,2.492,0,0,0-1.5.45,1.715,1.715,0,0,0-.729,1.17Z" transform="translate(143.252 107.774)" fill="#0f5a64"/><path d="M-10.179,0V-5.04h-5.868V0h-3.78V-12.852h3.78v4.644h5.868v-4.644H-6.4V0ZM3.213,0V-1.314A4.822,4.822,0,0,1-.423.288,3.747,3.747,0,0,1-3.15-.666a3.52,3.52,0,0,1-.981-2.646V-9.45H-.567v5.472A1.623,1.623,0,0,0-.189-2.79a1.567,1.567,0,0,0,1.152.378,2.332,2.332,0,0,0,1.566-.63,1.787,1.787,0,0,0,.45-.6,1.682,1.682,0,0,0,.162-.711V-9.45H6.705V0ZM8.829,0V-12.852h3.564v4.59a4.452,4.452,0,0,1,3.582-1.476,4.6,4.6,0,0,1,2.322.585,4.147,4.147,0,0,1,1.62,1.7,5.436,5.436,0,0,1,.594,2.592,5.836,5.836,0,0,1-.585,2.646A4.387,4.387,0,0,1,18.234-.378a4.949,4.949,0,0,1-2.6.666,3.984,3.984,0,0,1-3.312-1.422V0Zm3.546-4.572a2.19,2.19,0,0,0,.612,1.62,2.238,2.238,0,0,0,1.656.612,2.219,2.219,0,0,0,1.683-.612,2.509,2.509,0,0,0,.585-1.8A2.451,2.451,0,0,0,16.335-6.5,2.141,2.141,0,0,0,14.7-7.11a2.389,2.389,0,0,0-1.71.648,2.017,2.017,0,0,0-.612,1.512Z" transform="translate(55.252 107.774)" fill="#fff"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="31.779" viewBox="0 0 109.1 31.779" width="109.1" xmlns="http://www.w3.org/2000/svg"><g fill="#0f5a64"><path d="m6.6 31.686c0-1.578-.028-2.9-.113-4.082h2.988l.142 2.029h.083a4.743 4.743 0 0 1 4.224-2.34 3.955 3.955 0 0 1 3.8 2.535h.058a5.179 5.179 0 0 1 1.688-1.716 4.579 4.579 0 0 1 2.761-.819c2.282 0 4.589 1.548 4.589 5.944v8.079h-3.379v-7.575c0-2.279-.789-3.633-2.45-3.633a2.642 2.642 0 0 0 -2.421 1.833 4.954 4.954 0 0 0 -.169 1.152v8.225h-3.379v-7.944c0-1.911-.76-3.265-2.366-3.265a2.714 2.714 0 0 0 -2.479 1.971 3.006 3.006 0 0 0 -.2 1.126v8.112h-3.377zm33.383 6.338a22.247 22.247 0 0 0 .2 3.294h-3.128l-.224-1.52h-.085a5.09 5.09 0 0 1 -4.052 1.828 4.069 4.069 0 0 1 -4.309-4.082c0-3.467 3.067-5.209 8.138-5.182v-.224c0-.9-.367-2.395-2.79-2.395a7.278 7.278 0 0 0 -3.689 1.013l-.675-2.256a9.864 9.864 0 0 1 4.955-1.211c4.394 0 5.663 2.791 5.663 5.772v4.96zm-3.38-3.406c-2.451-.058-4.787.478-4.787 2.561a1.82 1.82 0 0 0 1.972 1.972 2.81 2.81 0 0 0 2.7-1.888 2.545 2.545 0 0 0 .113-.76v-1.885zm5.772-2.931c0-1.578-.029-2.9-.11-4.082h3.038l.168 2.059h.085a4.941 4.941 0 0 1 4.364-2.37c2.395 0 4.871 1.548 4.871 5.888v8.136h-3.46v-7.744c0-1.971-.733-3.468-2.619-3.468a2.908 2.908 0 0 0 -2.7 2.03 3.511 3.511 0 0 0 -.14 1.123v8.055h-3.496v-9.628zm27.436-9.587v15.36c0 1.408.058 2.931.113 3.858h-3.1l-.142-2.166h-.058a4.935 4.935 0 0 1 -4.476 2.476c-3.267 0-5.856-2.787-5.856-7.009-.03-4.591 2.841-7.324 6.138-7.324a4.36 4.36 0 0 1 3.862 1.805h.059v-7h3.462zm-3.461 11.22a4.8 4.8 0 0 0 -.085-.9 3.033 3.033 0 0 0 -2.985-2.45c-2.224 0-3.465 1.972-3.465 4.534 0 2.5 1.24 4.336 3.438 4.336a3.056 3.056 0 0 0 2.983-2.451 3.817 3.817 0 0 0 .115-1.013v-2.056zm5.912 8v-13.72h3.494v13.718h-3.495zm5.938-9.294c0-1.858-.026-3.183-.11-4.421h3.013l.11 2.617h.114a3.772 3.772 0 0 1 3.747-2.617 3.827 3.827 0 0 1 .814 0v3.043a4.78 4.78 0 0 0 -1.012-.113 3.052 3.052 0 0 0 -3.1 2.617 6.223 6.223 0 0 0 -.112 1.073v7.094h-3.464zm9.3 9.292v-13.718h3.489v13.718z" transform="translate(-6.49 -9.848)"/><path d="m104.19 15.579c-1.729-1.972-3.567-1.079-5.028-.354-.614.3-5.049 2.817-5.049 2.817a4.316 4.316 0 0 1 -5.064-1.012 2.179 2.179 0 0 1 -.192-.277l-.173-.3a13.484 13.484 0 0 0 -.972-1.453 8.22 8.22 0 0 0 -.7-.8c-1.662-1.679-4.319-2.854-8.76-.72-2.102 1.22-8.952 5.132-8.952 5.132a4.265 4.265 0 0 1 -5.182-1.177.687.687 0 0 1 -.075-.114l-.084-.143-.434-.71q-.294-.466-.629-.9a9.092 9.092 0 0 0 -.7-.8c-1.651-1.669-4.294-2.841-8.7-.747-2.662 1.52-8.853 5.059-8.853 5.059l-4.53 2.59 2.345 2.879a4.771 4.771 0 0 0 5.71 1.182s7.917-4.585 7.949-4.6c6.769-3.715 10.109-.165 11.586 2.2.051.074.093.154.139.226.019.029.03.055.046.083l.167.273a3.7 3.7 0 0 0 3.207 1.763 3.958 3.958 0 0 0 1.99-.668l7.66-4.443.016-.008c6.854-3.76 10.251.021 11.7 2.387a5.679 5.679 0 0 0 .372.582 3.516 3.516 0 0 0 2.968 1.581 4.5 4.5 0 0 0 1.9-.607l9.184-5.3a37.985 37.985 0 0 0 -2.867-3.625z" transform="translate(2.042 -12.327)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.3 KiB |
@@ -0,0 +1 @@
|
||||
<svg height="23.911" viewBox="0 0 140.917 23.911" width="140.917" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m736.875-36.215h140.917v23.915h-140.917z" transform="translate(-736.875 36.215)"/></clipPath><clipPath id="b"><path d="m736.875-12.3h140.917v-23.915h-140.917z" transform="translate(-736.875 36.215)"/></clipPath><clipPath id="c"><path d="m736.875-35.82h140.887v23.409h-140.887z" transform="translate(-736.875 35.82)"/></clipPath><g clip-path="url(#a)"><g clip-path="url(#b)" fill="#0f5a64"><path d="m783.2-33.675a2.141 2.141 0 0 1 2.141-2.141 2.141 2.141 0 0 1 2.141 2.141 2.143 2.143 0 0 1 -2.141 2.062 2.143 2.143 0 0 1 -2.141-2.062" transform="translate(-727.937 36.292)"/><path d="m811.519-21.7a2.142 2.142 0 0 1 2.137-2.149 2.147 2.147 0 0 1 2.144 2.149 2.147 2.147 0 0 1 -2.147 2.147 2.144 2.144 0 0 1 -2.137-2.147" transform="translate(-722.473 38.601)"/><path d="m754.828-20.413c-1.843 0-3.126-1.464-3.126-3.558s1.282-3.555 3.127-3.555 3.149 1.463 3.149 3.555c.001 2.127-1.267 3.558-3.15 3.558zm0-10.24a6.488 6.488 0 0 0 -6.733 6.682 6.488 6.488 0 0 0 6.733 6.682 6.5 6.5 0 0 0 6.76-6.681 6.5 6.5 0 0 0 -6.758-6.683m30.994 7.018a3.189 3.189 0 0 0 -.51-.72l-.119-.124.125-.119a5.371 5.371 0 0 0 .538-.673l3.445-5.118h-4.181l-2.587 4a1.007 1.007 0 0 1 -.884.322h-.589v-7.569c0-1.514-.944-1.719-1.962-1.719h-1.745v17.866h3.7v-5.359h.347c.422 0 .708.049.841.279l2.043 3.856a2.054 2.054 0 0 0 2.21 1.224h2.838l-2.115-3.5-1.4-2.654m17.981-7.039a5.038 5.038 0 0 0 -3.761 1.546l-.224.227-.081-.309a1.705 1.705 0 0 0 -1.868-1.175h-1.66l.01 12.9h3.684v-5.947a4.782 4.782 0 0 1 .23-1.546 3.023 3.023 0 0 1 2.978-2.261c1.148 0 1.6.607 1.6 2.173v5.62a1.707 1.707 0 0 0 1.956 1.961h1.751l-.006-8.207c0-3.26-1.591-4.984-4.6-4.984m-11.648.292h-1.743l.012 9.978v2.926h1.859.066.868.862.006l.007-10.938a1.71 1.71 0 0 0 -1.936-1.959m-22.882 9.975c-1.843 0-3.127-1.464-3.127-3.558s1.284-3.555 3.129-3.555 3.149 1.463 3.149 3.555c0 2.126-1.267 3.558-3.149 3.558zm0-10.24a6.49 6.49 0 0 0 -6.737 6.682 6.489 6.489 0 0 0 6.739 6.682 6.5 6.5 0 0 0 6.76-6.681 6.5 6.5 0 0 0 -6.76-6.683" transform="translate(-734.71 36.382)"/></g></g><g clip-path="url(#a)"><g clip-path="url(#c)" transform="translate(0 .471)"><g clip-path="url(#b)" fill="#0f5a64" transform="translate(0 -.471)"><path d="m833.033-21.173c-1.843 0-3.129-1.464-3.129-3.558s1.285-3.555 3.129-3.555 3.151 1.463 3.151 3.555c0 2.131-1.267 3.558-3.151 3.558zm0-10.24a6.489 6.489 0 0 0 -6.736 6.682 6.488 6.488 0 0 0 6.736 6.682 6.5 6.5 0 0 0 6.76-6.681 6.5 6.5 0 0 0 -6.76-6.683" transform="translate(-719.621 37.142)"/><path d="m806.2-21.731c-2.012 0-2.727-1.754-2.727-3.4 0-.725.183-3.085 2.535-3.085 1.168 0 2.723.334 2.723 3.206 0 2.71-1.377 3.279-2.531 3.279zm4.441-9.442a1.6 1.6 0 0 0 -1.5.787l-.1.2-.17-.149a5.011 5.011 0 0 0 -3.386-1.123c-3.44 0-5.756 2.584-5.756 6.427s2.4 6.525 5.825 6.525a4.529 4.529 0 0 0 2.83-.829l.283-.213v.358c0 1.724-1.114 2.675-3.134 2.675a7.425 7.425 0 0 1 -2.475-.456 1.092 1.092 0 0 0 -1.552.743l-.292.722-.413 1.056.255.136a10.059 10.059 0 0 0 4.5 1.1c3.131 0 6.791-1.6 6.791-6.115l.013-11.836h-1.711" transform="translate(-724.749 37.132)"/></g></g></g><g clip-path="url(#a)"><g clip-path="url(#b)" fill="#0f5a64"><path d="m743.294-20.561h-2.994v-3.579c0-.766.3-1.163.951-1.256h2.043a2.241 2.241 0 0 1 2.4 2.405 2.229 2.229 0 0 1 -2.4 2.431zm-2.994-9.657v-.942c0-.825.349-1.217 1.114-1.268h1.533a1.932 1.932 0 0 1 2.1 2.1 1.994 1.994 0 0 1 -2.053 2.173h-2.694zm6.818 3.573-.541-.3.473-.4a4.322 4.322 0 0 0 1.47-3.37c0-2.809-2.177-4.623-5.549-4.623h-4.286a1.879 1.879 0 0 0 -1.81 1.855v15.933h6.172c3.747 0 6.166-2.04 6.166-5.2a4.34 4.34 0 0 0 -2.1-3.895" transform="translate(-736.875 36.383)"/><path d="m858.286-31.4a5.07 5.07 0 0 0 -3.949 1.913l-.265.337-.209-.377a3.666 3.666 0 0 0 -3.485-1.873 4.669 4.669 0 0 0 -3.389 1.521l-.349.377-.134-.5a1.641 1.641 0 0 0 -1.794-1.108h-1.546l-.015 12.854h3.512v-5.674a6.35 6.35 0 0 1 .186-1.5c.335-1.372 1.257-2.847 2.806-2.7.954.092 1.423.831 1.423 2.256v7.62h3.537v-5.674a5.149 5.149 0 0 1 .2-1.552 3.053 3.053 0 0 1 2.741-2.651c1.083 0 1.482.611 1.482 2.258v5.741c0 1.3.579 1.879 1.877 1.879h1.652v-8.206c0-3.279-1.444-4.942-4.283-4.942m-31.962 8.685a5.423 5.423 0 0 1 -3.512 1.606 3.434 3.434 0 0 1 -3.644-3.6 3.4 3.4 0 0 1 3.454-3.643c.659 0 1.411.236 1.529.634l.016.067a1.291 1.291 0 0 0 1.253.95h1.924v-1.682c0-2.219-2.823-3.024-4.721-3.024a6.644 6.644 0 0 0 -7.009 6.722 6.6 6.6 0 0 0 6.934 6.716 7.291 7.291 0 0 0 5.4-2.314l.1-.125-1.524-2.528-.2.213" transform="translate(-721.683 37.144)"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user