bootstrap package addition
This commit is contained in:
victorAnumudu
@@ -1,62 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,117 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,720 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,175 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,156 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,136 +0,0 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -1,251 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,208 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,362 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,141 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
@@ -1,136 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,65 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,57 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -1,356 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,385 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,350 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,313 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,276 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,125 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,211 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,405 +0,0 @@
|
||||
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,246 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
@@ -1,268 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,96 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,186 +0,0 @@
|
||||
: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);
|
||||
}
|
||||
@@ -1,228 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,199 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,330 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,84 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
@@ -1,31 +0,0 @@
|
||||
.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;
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
: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;
|
||||
}
|
||||
@@ -1,127 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,623 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,481 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,453 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
@@ -1,256 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,800 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,656 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,194 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,69 +0,0 @@
|
||||
/* 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%;
|
||||
}
|
||||
}
|
||||
@@ -1,603 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,190 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,213 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,200 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,274 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,220 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,213 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,25 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,202 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,560 +0,0 @@
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,805 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -1,281 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,392 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,510 +0,0 @@
|
||||
/* ***** 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;
|
||||
}
|
||||
}
|
||||
@@ -1,55 +0,0 @@
|
||||
( () => {
|
||||
const wrapper_093c16a = document.getElementById( 'lqd-lottie-confetti' );
|
||||
const animItem_093c16a = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_093c16a,
|
||||
animType: 'canvas',
|
||||
name: 'lqd-lottie-confetti',
|
||||
autoplay: true,
|
||||
loop: false,
|
||||
path: './assets/json/start-hub-4/confetti.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-confetti' );
|
||||
lottie.setSpeed( 0.7, 'lqd-lottie-confetti' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-confetti' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-confetti' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-confetti' )
|
||||
}
|
||||
} ).observe( wrapper_093c16a )
|
||||
|
||||
// ******
|
||||
|
||||
const wrapper_c833602 = document.getElementById( 'lqd-lottie-footer' );
|
||||
const animItem_c833602 = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_c833602,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-footer',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-4/gradient-color.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-footer' );
|
||||
lottie.setSpeed( 0.5, 'lqd-lottie-footer' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-footer' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-footer' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-footer' )
|
||||
}
|
||||
} ).observe( wrapper_c833602 )
|
||||
} )();
|
||||
@@ -1,25 +0,0 @@
|
||||
( () => {
|
||||
const formContentLottie = document.getElementById( 'lqd-lottie-form-contact' );
|
||||
if ( !formContentLottie ) return;
|
||||
bodymovin.loadAnimation( {
|
||||
wrapper: formContentLottie,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-form-contact',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-8/lqd-lottie.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
lottie.setDirection( 1, 'lqd-lottie-form-contact' );
|
||||
lottie.setSpeed( 1, 'lqd-lottie-form-contact' );
|
||||
lottie.pause( 'lqd-lottie-form-contact' );
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-form-contact' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-form-contact' )
|
||||
}
|
||||
} ).observe( formContentLottie )
|
||||
} )();
|
||||
@@ -1,58 +0,0 @@
|
||||
( () => {
|
||||
const wrapper_0567a15 = document.getElementById( 'lqd-lottie-features' );
|
||||
const animItem_0567a15 = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_0567a15,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-features',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-x/lqd-lottie-features.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-features' );
|
||||
lottie.setSpeed( 1, 'lqd-lottie-features' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-features' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-features' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-features' )
|
||||
}
|
||||
} ).observe( wrapper_0567a15 )
|
||||
} )();
|
||||
|
||||
// ******
|
||||
|
||||
( () => {
|
||||
const wrapper_732b232f = document.getElementById( 'lqd-lottie-footer' );
|
||||
const animItem_732b232f = bodymovin.loadAnimation( {
|
||||
wrapper: wrapper_732b232f,
|
||||
animType: 'svg',
|
||||
name: 'lqd-lottie-footer',
|
||||
autoplay: true,
|
||||
loop: true,
|
||||
path: './assets/json/start-hub-x/lqd-lottie-footer.json',
|
||||
rendererSettings: {
|
||||
className: 'lqd-lottie',
|
||||
}
|
||||
} );
|
||||
|
||||
lottie.setDirection( 1, 'lqd-lottie-footer' );
|
||||
lottie.setSpeed( 0.5, 'lqd-lottie-footer' );
|
||||
|
||||
lottie.pause( 'lqd-lottie-footer' );
|
||||
|
||||
new IntersectionObserver( ( [ entry ] ) => {
|
||||
if ( entry.isIntersecting ) {
|
||||
lottie.play( 'lqd-lottie-footer' );
|
||||
} else {
|
||||
lottie.pause( 'lqd-lottie-footer' )
|
||||
}
|
||||
} ).observe( wrapper_732b232f )
|
||||
} )();
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
!function(t){"use strict";t(".lqd-cf-form ").submit((function(r){r.preventDefault();var s=!0,e=this,o=t(e).siblings(".lqd-cf-response-output"),i;if(t(e).find(":required").each((function(){t(this).css("border-color",""),t.trim(t(this).val())||(t(this).css("border-color","red"),s=!1);var r=/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;"email"!=t(this).attr("type")||r.test(t.trim(t(this).val()))||(t(this).css("border-color","red"),s=!1)})).keyup((function(){t(this).css("border-color","")})).change((function(){t(this).css("border-color","")})),s){var a=t(this).attr("action"),c=t(this).attr("method"),n=t(this).serialize();t.ajax({url:a,type:c,dataType:"json",data:n}).done((function(r){"error"==r.type?i='<p class="form-message form-error">'+r.text+"</p>":(t(e)[0].reset(),i='<p class="form-message form-success">'+r.text+"</p>"),o.removeClass("hidden").html(i),setTimeout((function(){o.addClass("hidden").html("")}),7e3)}))}}))}(jQuery);
|
||||
@@ -1 +0,0 @@
|
||||
!function($){$(".ld_sf_form").on("submit",function(s){s.preventDefault();var t=$(this),e=$(".ld_sf_response",t.parent());t.addClass("form-submitting"),$.ajax({type:t.attr("method"),url:t.attr("action").replace("/post?","/post-json?").concat("&c=?"),data:t.serialize(),cache:!1,dataType:"json",contentType:"application/json; charset=utf-8",error:function(s){t.removeClass("form-submitting"),alert("Could not connect to the registration server. Please try again later.")},success:function(s){t.removeClass("form-submitting"),"success"===s.result?(e.addClass("ld_sf_response-success"),e.html("<p>Thank you for subscribing. We have sent you a confirmation email.</p>")):(e.addClass("ld_sf_response-error"),e.html("<p>"+s.msg.substring(4)+"</p>"))}})})}(jQuery);
|
||||
Vendored
-1
@@ -1 +0,0 @@
|
||||
"use strict";(()=>{class e{constructor(e,t){this.DOM={},this.DOM.element=e,this.DOM.acceptBtn=this.DOM.element.querySelector(".lqd-gdpr-accept"),this.expires=t,document.body.appendChild(this.DOM.element),this.init(),this.eventListeners(),this.DOM.element.classList.add("lqd-gdpr-ready")}init(){const e=this.getCookie();(e.length<1||"accepted"!==e[0].split("=")[1])&&this.showPopup()}eventListeners(){this.DOM.acceptBtn.addEventListener("click",(()=>{this.setCookie.call(this),this.hidePopup.call(this)}))}setCookie(){const e=new Date;e.setTime(e.getTime()+24*this.expires*60*60*1e3);const t="expires="+e.toUTCString();document.cookie="lqd-gdpr=accepted; ".concat(t)}getCookie(){return document.cookie.split(";").filter((e=>"lqd-gdpr"===e.trim().split("=")[0]))}showPopup(){this.DOM.element.classList.add("lqd-gdpr-visible"),this.DOM.element.classList.remove("lqd-gdpr-hidden")}hidePopup(){this.DOM.element.classList.add("lqd-gdpr-hidden"),this.DOM.element.classList.remove("lqd-gdpr-visible")}}const t=document.querySelector("#lqd-gdpr");t&&new e(t,365)})();
|
||||
File diff suppressed because it is too large
Load Diff
Vendored
-10
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,73 +0,0 @@
|
||||
<?php
|
||||
if($_POST) {
|
||||
|
||||
$to_email = "YOUR_EMAIL@EXAMPLE.COM"; //Recipient email, Replace with own email here
|
||||
$subject = "An email from my website contact form";
|
||||
|
||||
//check if its an ajax request, exit if not
|
||||
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
|
||||
|
||||
$output = json_encode(array( //create JSON data
|
||||
'type'=>'error',
|
||||
'text' => 'Sorry Request must be Ajax POST'
|
||||
));
|
||||
die($output); //exit script outputting json data
|
||||
}
|
||||
|
||||
//Sanitize input data using PHP filter_var().
|
||||
$user_name = filter_var($_POST["name"], FILTER_SANITIZE_STRING);
|
||||
$user_email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);
|
||||
$message = filter_var($_POST["message"], FILTER_SANITIZE_STRING);
|
||||
|
||||
$response = $_POST["g-recaptcha-response"];
|
||||
$recaptcha_url = 'https://www.google.com/recaptcha/api/siteverify';
|
||||
$recaptcha_data = array(
|
||||
'secret' => 'YOUR_SECRET_KEY',
|
||||
'response' => $_POST["g-recaptcha-response"]
|
||||
);
|
||||
$recaptcha_options = array(
|
||||
'http' => array (
|
||||
'method' => 'POST',
|
||||
'content' => http_build_query($recaptcha_data)
|
||||
)
|
||||
);
|
||||
$context = stream_context_create($recaptcha_options);
|
||||
$recaptcha_verify = file_get_contents($recaptcha_url, false, $context);
|
||||
$captcha_success=json_decode($recaptcha_verify);
|
||||
|
||||
if ($captcha_success->success==false) {
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Please check reCAPTCHA.'));
|
||||
die($output);
|
||||
} else if ($captcha_success->success==true) {
|
||||
//additional php validation
|
||||
if(strlen($user_name) < 2){ // If length is less than 4 it will output JSON error.
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Name is too short or empty!'));
|
||||
die($output);
|
||||
}
|
||||
if(!filter_var($user_email, FILTER_VALIDATE_EMAIL)){ //email validation
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Please enter a valid email!'));
|
||||
die($output);
|
||||
}
|
||||
|
||||
//email body
|
||||
$message_body = $message."\r\n\r\n-".$user_name."\r\nEmail: ".$user_email."\r\n" ;
|
||||
|
||||
//proceed with PHP email.
|
||||
$headers = 'From: '. $user_email .'' . "\r\n" .
|
||||
'Reply-To: '.$user_email.'' . "\r\n" .
|
||||
'X-Mailer: PHP/' . phpversion();
|
||||
|
||||
$send_mail = mail($to_email, $subject, $message_body, $headers);
|
||||
|
||||
if(!$send_mail) {
|
||||
//If mail couldn't be sent output error. Check your PHP email configuration (if it ever happens)
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));
|
||||
die($output);
|
||||
} else{
|
||||
$output = json_encode(array('type'=>'message', 'text' => 'Hi '.$user_name .' Thank you for your email'));
|
||||
die($output);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
?>
|
||||
@@ -1,65 +0,0 @@
|
||||
<?php
|
||||
if($_POST)
|
||||
{
|
||||
$to_email = "YOUR_EMAIL@EXAMPLE.COM"; //Recipient email, Replace with own email here
|
||||
$subject = "An email from my website contact form";
|
||||
$errors = array();
|
||||
|
||||
//check if its an ajax request, exit if not
|
||||
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
|
||||
|
||||
$output = json_encode(array( //create JSON data
|
||||
'type'=>'error',
|
||||
'text' => 'Sorry Request must be Ajax POST'
|
||||
));
|
||||
die($output); //exit script outputting json data
|
||||
}
|
||||
|
||||
//Sanitize input data using PHP filter_var().
|
||||
$user_name = filter_var($_POST["name"], FILTER_SANITIZE_STRING);
|
||||
$user_email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);
|
||||
$message = filter_var($_POST["message"], FILTER_SANITIZE_STRING);
|
||||
$acceptance = filter_var($_POST["acceptance"], FILTER_SANITIZE_STRING);
|
||||
|
||||
//additional php validation
|
||||
if(strlen($user_name) < 2){ // If length is less than 4 it will output JSON error.
|
||||
array_push($errors, 'Name is too short or empty!');
|
||||
}
|
||||
if(!filter_var($user_email, FILTER_VALIDATE_EMAIL)){ //email validation
|
||||
array_push($errors, 'Please enter a valid email!');
|
||||
}
|
||||
if (strlen($message) < 5) {
|
||||
array_push($errors, 'The message is too short or empty!');
|
||||
}
|
||||
if (!$acceptance) {
|
||||
array_push($errors, 'Please aggree with our terms!');
|
||||
}
|
||||
|
||||
if ( count($errors) > 0 ) {
|
||||
$errorsString = implode("<br>", $errors);
|
||||
$output = json_encode(array('type'=>'error', 'text' => $errorsString));
|
||||
die($output);
|
||||
}
|
||||
|
||||
//email body
|
||||
$message_body = $message."\r\n\r\n-".$user_name."\r\nEmail: ".$user_email."\r\n" ;
|
||||
|
||||
//proceed with PHP email.
|
||||
$headers = 'From: '. $user_email .'' . "\r\n" .
|
||||
'Reply-To: '.$user_email.'' . "\r\n" .
|
||||
'X-Mailer: PHP/' . phpversion();
|
||||
|
||||
$send_mail = mail($to_email, $subject, $message_body, $headers);
|
||||
|
||||
if(!$send_mail) {
|
||||
//If mail couldn't be sent output error. Check your PHP email configuration (if it ever happens)
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));
|
||||
die($output);
|
||||
} else{
|
||||
$output = json_encode(array('type'=>'message', 'text' => 'Hi '.$user_name .' Thank you for your email'));
|
||||
die($output);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
?>
|
||||
@@ -1,52 +0,0 @@
|
||||
<?php
|
||||
if($_POST)
|
||||
{
|
||||
$to_email = "YOUR_EMAIL@EXAMPLE.COM"; //Recipient email, Replace with own email here
|
||||
$subject = "An email from my website contact form";
|
||||
|
||||
//check if its an ajax request, exit if not
|
||||
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
|
||||
|
||||
$output = json_encode(array( //create JSON data
|
||||
'type'=>'error',
|
||||
'text' => 'Sorry Request must be Ajax POST'
|
||||
));
|
||||
die($output); //exit script outputting json data
|
||||
}
|
||||
|
||||
//Sanitize input data using PHP filter_var().
|
||||
$user_name = filter_var($_POST["name"], FILTER_SANITIZE_STRING);
|
||||
$user_email = filter_var($_POST["email"], FILTER_SANITIZE_EMAIL);
|
||||
$message = filter_var($_POST["message"], FILTER_SANITIZE_STRING);
|
||||
|
||||
//additional php validation
|
||||
if(strlen($user_name) < 2){ // If length is less than 4 it will output JSON error.
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Name is too short or empty!'));
|
||||
die($output);
|
||||
}
|
||||
if(!filter_var($user_email, FILTER_VALIDATE_EMAIL)){ //email validation
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Please enter a valid email!'));
|
||||
die($output);
|
||||
}
|
||||
|
||||
//email body
|
||||
$message_body = $message."\r\n\r\n-".$user_name."\r\nEmail: ".$user_email."\r\n" ;
|
||||
|
||||
//proceed with PHP email.
|
||||
$headers = 'From: '. $user_email .'' . "\r\n" .
|
||||
'Reply-To: '.$user_email.'' . "\r\n" .
|
||||
'X-Mailer: PHP/' . phpversion();
|
||||
|
||||
$send_mail = mail($to_email, $subject, $message_body, $headers);
|
||||
|
||||
if(!$send_mail)
|
||||
{
|
||||
//If mail couldn't be sent output error. Check your PHP email configuration (if it ever happens)
|
||||
$output = json_encode(array('type'=>'error', 'text' => 'Could not send mail! Please check your PHP mail configuration.'));
|
||||
die($output);
|
||||
}else{
|
||||
$output = json_encode(array('type'=>'message', 'text' => 'Hi '.$user_name .' Thank you for your email'));
|
||||
die($output);
|
||||
}
|
||||
}
|
||||
?>
|
||||
@@ -1 +0,0 @@
|
||||
!function($){"use strict";const t="liquidAnimatedBlob";let e={id:"lqd-blob-"+100*Math.random().toFixed(2),width:512,height:512,radius:120,speed:1,amplitude:2,anchorPoints:4,gradientType:"linear",colors:["#50F6C2","#80FFF2"]};class n{constructor(n,i){this._defaults=e,this._name=t,this.options={...e,...i},this.DOM={},this.DOM.element=n,this.DOM.svg=this.DOM.element.querySelector("svg"),this.DOM.svg&&(this.gradientPath=`lqd-blob-gradient-${this.options.id}`,fastdomPromised.mutate((()=>{this.init()})))}init(){const{width:t,height:e,radius:n,anchorPoints:i}=this.options,a="http://www.w3.org/2000/svg",s=this.DOM.svg,o=undefined,h=undefined,r=t/2-.95*n,d=e/2-1.5*n,c=document.createElementNS(a,"defs");s.appendChild(c),c.appendChild(this.createGradient(a));const l=document.createElementNS(a,"g");s.appendChild(l);const u=document.createElementNS(a,"path");u.setAttributeNS(null,"fill",`url(${window.location.href}#${this.gradientPath})`),l.appendChild(u);const p=s&&i*n===s.hash&&s.nodes||this.createNodes(n,r,d),m=s&&i*n===s.hash&&s.controlPoints||this.createControlPoints(p,n,r,d);this.drawBlobPath(p,m,u),s.nodes=p,s.controlPoints=m,s.hash=i*n,this.update(p,m),this.drawBlobPath(p,m,u)}createGradient(t){const{colors:e}=this.options,n=document.createElementNS(t,`${this.options.gradientType}Gradient`);return n.setAttributeNS(null,"id",this.gradientPath),e.forEach(((i,a)=>{const s=document.createElementNS(t,"stop");s.setAttributeNS(null,"offset",a/(e.length-1)*100+"%"),s.setAttributeNS(null,"stop-color",i),n.appendChild(s)})),n}createNodes(t,e,n){let i=this.options.anchorPoints,a=[],s=2*t,o=2*t,h,r,d;for(let o=0;o<i;o++)h=o/(i/2)*Math.PI,r=t*Math.cos(h)+s/2,d=t*Math.sin(h)+s/2,a.push({id:o,x:r+e,y:d+n,prevX:r+e,prevY:d+n,nextX:r+e,nextY:d+n,baseX:r+e,baseY:d+n,angle:h});return a}createControlPoints(t,e,n,i){const a=4/3*Math.tan(Math.PI/(2*this.options.anchorPoints))*e,s={c1x:t[0].x,c1y:t[0].y-a,c2x:t[0].x,c2y:t[0].y+a};return t.map(((t,a)=>{if(0===a)return s;{const a=-t.angle,o=this.rotate(e+n,e+i,s.c1x,s.c1y,a),h=this.rotate(e+n,e+i,s.c2x,s.c2y,a);return{c1x:o[0],c1y:o[1],c2x:h[0],c2y:h[1]}}}))}update(t,e){const{radius:n,amplitude:i,anchorPoints:a}=this.options,s=n/Math.max(Math.min(a,7),4)*i;t.forEach(((n,i)=>{if(Math.abs(t[i].nextX-t[i].x)<10){const e=(~~(5*Math.random())-2)*Math.random()*s/2;t[i].prevX=t[i].x,t[i].nextX=t[i].baseX+e}if(Math.abs(t[i].nextY-t[i].y)<10){const e=(~~(5*Math.random())-2)*Math.random()*s/2;t[i].prevY=t[i].y,t[i].nextY=t[i].baseY+e}const a=t[i].nextX-t[i].prevX,o=t[i].nextY-t[i].prevY,h=undefined,r=undefined;let d=1-(t[i].nextX-t[i].x)/a,c=1-(t[i].nextY-t[i].y)/o;const l=this.ease(d>0?d:.2)*a,u=this.ease(c>0?c:.2)*o;t[i].x+=l,t[i].y+=u,e[i].c1x+=l,e[i].c1y+=u,e[i].c2x+=l,e[i].c2y+=u})),this.updateAF=requestAnimationFrame(this.update.bind(this,t,e))}drawBlobPath(t,e,n){n.setAttributeNS(null,"d",`\n\t\t\t\tM${t[t.length-1].x} ${t[t.length-1].y}\n\t\t\t\t${t.map(((t,n)=>`\n\t\t\t\tC ${0===n?e[e.length-1].c2x:e[n-1].c2x} ${0===n?e[e.length-1].c2y:e[n-1].c2y}, ${e[n].c1x} ${e[n].c1y}, ${t.x} ${t.y}\n\t\t\t\t`)).join("")}\n\t\t\t\tZ\n\t\t\t`),this.drawBlobPathAF=requestAnimationFrame(this.drawBlobPath.bind(this,t,e,n))}ease(t){return-(Math.cos(Math.PI/2*t*5)-2)/256*this.options.speed}rotate(t,e,n,i,a){const s=Math.cos(a),o=Math.sin(a),h=undefined,r=undefined;return[s*(n-t)+o*(i-e)+t,s*(i-e)-o*(n-t)+e]}destroy(){this.updateAF&&cancelAnimationFrame(this.updateAF),this.drawBlobPathAF&&cancelAnimationFrame(this.drawBlobPathAF)}}$.fn[t]=function(e){return this.each((function(){const i={...$(this).data("blob-options"),...e};$.data(this,"plugin_"+t)||$.data(this,"plugin_"+t,new n(this,i))}))}}(jQuery),jQuery(document).ready((function($){$("[data-lqd-animated-blob]").liquidAnimatedBlob()}));
|
||||
@@ -1 +0,0 @@
|
||||
!function($){"use strict";const t="liquidBodyClip";let i={insetValue:40};class e{constructor(e,n){this._defaults=i,this._name=t,this.options={...i,...n},this.DOM={},this.DOM.element=e,this.DOM.$element=$(e),this.init()}async init(){this.DOM.$clipEl=await this.getClipEl(),this.initClipping()}async getClipEl(){const{insetValue:t}=this.options;let i;if(this.DOM.element.hasAttribute("data-liquid-bg")){const t=this.DOM.$element.data("plugin_liquidBgColor");if(t)return await t.liquidBgColorInitPromise,t.$bgEl?.addClass("lqd-site-content-bg-el")}return await fastdom.mutate((()=>{const e=$('<div class="lqd-site-content-bg-wrapper" />');i=$('<div class="lqd-site-content-bg-el" />'),e.css({width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:-1,pointerEvents:"none"}),i.css({width:"100vw",height:`calc(100vh + ${t}px)`,position:"sticky",top:`-${t}px`,left:0,background:this.DOM.$element.css("background"),pointerEvents:"none"}),i.appendTo(e),e.prependTo(this.DOM.element),this.DOM.$element.css("background","none")})),i}initClipping(){const{insetValue:t}=this.options,i=gsap.utils.mapRange(window.innerWidth,1,0,1,2*t),e=gsap.utils.mapRange(window.innerHeight,1,0,1,2*t);this.DOM.$element.liquidParallax({start:"bottom bottom",end:"max",skipWillChange:!0,parallaxTargets:".lqd-site-content-bg-el"},{scaleX:1,scaleY:1,borderRadius:0},{scaleX:i,scaleY:e,borderRadius:15}),$liquidMainFooter.liquidParallax({start:"bottom bottom",end:`+=${$liquidMainFooter.outerHeight()}`,startTrigger:this.DOM.element},{yPercent:30},{yPercent:0})}}$.fn[t]=function(i){return this.each((function(){const n={...$(this).data("bodyclip-options"),...i};$.data(this,"plugin_"+t)||$.data(this,"plugin_"+t,new e(this,n))}))}}(jQuery),jQuery(document).ready((function($){liquidIsMobile()||$("#lqd-site-content").liquidBodyClip()}));
|
||||
-1256
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,591 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v5.3.0-alpha1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2022 The Bootstrap Authors
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
:root,
|
||||
[data-bs-theme=light] {
|
||||
--bs-blue: #0d6efd;
|
||||
--bs-indigo: #6610f2;
|
||||
--bs-purple: #6f42c1;
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #ffc107;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-black: #000;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-gray-100: #f8f9fa;
|
||||
--bs-gray-200: #e9ecef;
|
||||
--bs-gray-300: #dee2e6;
|
||||
--bs-gray-400: #ced4da;
|
||||
--bs-gray-500: #adb5bd;
|
||||
--bs-gray-600: #6c757d;
|
||||
--bs-gray-700: #495057;
|
||||
--bs-gray-800: #343a40;
|
||||
--bs-gray-900: #212529;
|
||||
--bs-primary: #0d6efd;
|
||||
--bs-secondary: #6c757d;
|
||||
--bs-success: #198754;
|
||||
--bs-info: #0dcaf0;
|
||||
--bs-warning: #ffc107;
|
||||
--bs-danger: #dc3545;
|
||||
--bs-light: #f8f9fa;
|
||||
--bs-dark: #212529;
|
||||
--bs-primary-rgb: 13, 110, 253;
|
||||
--bs-secondary-rgb: 108, 117, 125;
|
||||
--bs-success-rgb: 25, 135, 84;
|
||||
--bs-info-rgb: 13, 202, 240;
|
||||
--bs-warning-rgb: 255, 193, 7;
|
||||
--bs-danger-rgb: 220, 53, 69;
|
||||
--bs-light-rgb: 248, 249, 250;
|
||||
--bs-dark-rgb: 33, 37, 41;
|
||||
--bs-primary-text: #0a58ca;
|
||||
--bs-secondary-text: #6c757d;
|
||||
--bs-success-text: #146c43;
|
||||
--bs-info-text: #087990;
|
||||
--bs-warning-text: #997404;
|
||||
--bs-danger-text: #b02a37;
|
||||
--bs-light-text: #6c757d;
|
||||
--bs-dark-text: #495057;
|
||||
--bs-primary-bg-subtle: #cfe2ff;
|
||||
--bs-secondary-bg-subtle: #f8f9fa;
|
||||
--bs-success-bg-subtle: #d1e7dd;
|
||||
--bs-info-bg-subtle: #cff4fc;
|
||||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f8d7da;
|
||||
--bs-light-bg-subtle: #fcfcfd;
|
||||
--bs-dark-bg-subtle: #ced4da;
|
||||
--bs-primary-border-subtle: #9ec5fe;
|
||||
--bs-secondary-border-subtle: #e9ecef;
|
||||
--bs-success-border-subtle: #a3cfbb;
|
||||
--bs-info-border-subtle: #9eeaf9;
|
||||
--bs-warning-border-subtle: #ffe69c;
|
||||
--bs-danger-border-subtle: #f1aeb5;
|
||||
--bs-light-border-subtle: #e9ecef;
|
||||
--bs-dark-border-subtle: #adb5bd;
|
||||
--bs-white-rgb: 255, 255, 255;
|
||||
--bs-black-rgb: 0, 0, 0;
|
||||
--bs-body-color-rgb: 33, 37, 41;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
--bs-body-font-family: var(--bs-font-sans-serif);
|
||||
--bs-body-font-size: 1rem;
|
||||
--bs-body-font-weight: 400;
|
||||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #212529;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
--bs-secondary-color-rgb: 33, 37, 41;
|
||||
--bs-secondary-bg: #e9ecef;
|
||||
--bs-secondary-bg-rgb: 233, 236, 239;
|
||||
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
|
||||
--bs-tertiary-color-rgb: 33, 37, 41;
|
||||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-body-bg: #fff;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-link-color: #0d6efd;
|
||||
--bs-link-color-rgb: 13, 110, 253;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #0a58ca;
|
||||
--bs-link-hover-color-rgb: 10, 88, 202;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-border-width: 1px;
|
||||
--bs-border-style: solid;
|
||||
--bs-border-color: #dee2e6;
|
||||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
||||
--bs-border-radius: 0.375rem;
|
||||
--bs-border-radius-sm: 0.25rem;
|
||||
--bs-border-radius-lg: 0.5rem;
|
||||
--bs-border-radius-xl: 1rem;
|
||||
--bs-border-radius-2xl: 2rem;
|
||||
--bs-border-radius-pill: 50rem;
|
||||
--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
|
||||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
|
||||
--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
|
||||
--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-form-control-bg: var(--bs-body-bg);
|
||||
--bs-form-control-disabled-bg: var(--bs-secondary-bg);
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
--bs-breakpoint-md: 768px;
|
||||
--bs-breakpoint-lg: 992px;
|
||||
--bs-breakpoint-xl: 1200px;
|
||||
--bs-breakpoint-xxl: 1400px;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
--bs-body-color: #adb5bd;
|
||||
--bs-body-color-rgb: 173, 181, 189;
|
||||
--bs-body-bg: #212529;
|
||||
--bs-body-bg-rgb: 33, 37, 41;
|
||||
--bs-emphasis-color: #f8f9fa;
|
||||
--bs-emphasis-color-rgb: 248, 249, 250;
|
||||
--bs-secondary-color: rgba(173, 181, 189, 0.75);
|
||||
--bs-secondary-color-rgb: 173, 181, 189;
|
||||
--bs-secondary-bg: #343a40;
|
||||
--bs-secondary-bg-rgb: 52, 58, 64;
|
||||
--bs-tertiary-color: rgba(173, 181, 189, 0.5);
|
||||
--bs-tertiary-color-rgb: 173, 181, 189;
|
||||
--bs-tertiary-bg: #2b3035;
|
||||
--bs-tertiary-bg-rgb: 43, 48, 53;
|
||||
--bs-emphasis-color: #fff;
|
||||
--bs-primary-text: #6ea8fe;
|
||||
--bs-secondary-text: #dee2e6;
|
||||
--bs-success-text: #75b798;
|
||||
--bs-info-text: #6edff6;
|
||||
--bs-warning-text: #ffda6a;
|
||||
--bs-danger-text: #ea868f;
|
||||
--bs-light-text: #f8f9fa;
|
||||
--bs-dark-text: #dee2e6;
|
||||
--bs-primary-bg-subtle: #031633;
|
||||
--bs-secondary-bg-subtle: #212529;
|
||||
--bs-success-bg-subtle: #051b11;
|
||||
--bs-info-bg-subtle: #032830;
|
||||
--bs-warning-bg-subtle: #332701;
|
||||
--bs-danger-bg-subtle: #2c0b0e;
|
||||
--bs-light-bg-subtle: #343a40;
|
||||
--bs-dark-bg-subtle: #1a1d20;
|
||||
--bs-primary-border-subtle: #084298;
|
||||
--bs-secondary-border-subtle: #495057;
|
||||
--bs-success-border-subtle: #0f5132;
|
||||
--bs-info-border-subtle: #055160;
|
||||
--bs-warning-border-subtle: #664d03;
|
||||
--bs-danger-border-subtle: #842029;
|
||||
--bs-light-border-subtle: #495057;
|
||||
--bs-dark-border-subtle: #343a40;
|
||||
--bs-heading-color: #fff;
|
||||
--bs-link-color: #6ea8fe;
|
||||
--bs-link-hover-color: #9ec5fe;
|
||||
--bs-link-color-rgb: 110, 168, 254;
|
||||
--bs-link-hover-color-rgb: 158, 197, 254;
|
||||
--bs-code-color: #e685b5;
|
||||
--bs-border-color: #495057;
|
||||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: var(--bs-body-font-family);
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
color: var(--bs-body-color);
|
||||
text-align: var(--bs-body-text-align);
|
||||
background-color: var(--bs-body-bg);
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
border-top: var(--bs-border-width) solid;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
color: var(--bs-heading-color, inherit);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.1875em;
|
||||
background-color: var(--bs-highlight-bg);
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: var(--bs-font-monospace);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-code-color);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.1875rem 0.375rem;
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-body-bg);
|
||||
background-color: var(--bs-body-color);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: var(--bs-secondary-color);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
/* rtl:raw:
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
*/
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,588 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v5.3.0-alpha1 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2022 The Bootstrap Authors
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
:root,
|
||||
[data-bs-theme=light] {
|
||||
--bs-blue: #0d6efd;
|
||||
--bs-indigo: #6610f2;
|
||||
--bs-purple: #6f42c1;
|
||||
--bs-pink: #d63384;
|
||||
--bs-red: #dc3545;
|
||||
--bs-orange: #fd7e14;
|
||||
--bs-yellow: #ffc107;
|
||||
--bs-green: #198754;
|
||||
--bs-teal: #20c997;
|
||||
--bs-cyan: #0dcaf0;
|
||||
--bs-black: #000;
|
||||
--bs-white: #fff;
|
||||
--bs-gray: #6c757d;
|
||||
--bs-gray-dark: #343a40;
|
||||
--bs-gray-100: #f8f9fa;
|
||||
--bs-gray-200: #e9ecef;
|
||||
--bs-gray-300: #dee2e6;
|
||||
--bs-gray-400: #ced4da;
|
||||
--bs-gray-500: #adb5bd;
|
||||
--bs-gray-600: #6c757d;
|
||||
--bs-gray-700: #495057;
|
||||
--bs-gray-800: #343a40;
|
||||
--bs-gray-900: #212529;
|
||||
--bs-primary: #0d6efd;
|
||||
--bs-secondary: #6c757d;
|
||||
--bs-success: #198754;
|
||||
--bs-info: #0dcaf0;
|
||||
--bs-warning: #ffc107;
|
||||
--bs-danger: #dc3545;
|
||||
--bs-light: #f8f9fa;
|
||||
--bs-dark: #212529;
|
||||
--bs-primary-rgb: 13, 110, 253;
|
||||
--bs-secondary-rgb: 108, 117, 125;
|
||||
--bs-success-rgb: 25, 135, 84;
|
||||
--bs-info-rgb: 13, 202, 240;
|
||||
--bs-warning-rgb: 255, 193, 7;
|
||||
--bs-danger-rgb: 220, 53, 69;
|
||||
--bs-light-rgb: 248, 249, 250;
|
||||
--bs-dark-rgb: 33, 37, 41;
|
||||
--bs-primary-text: #0a58ca;
|
||||
--bs-secondary-text: #6c757d;
|
||||
--bs-success-text: #146c43;
|
||||
--bs-info-text: #087990;
|
||||
--bs-warning-text: #997404;
|
||||
--bs-danger-text: #b02a37;
|
||||
--bs-light-text: #6c757d;
|
||||
--bs-dark-text: #495057;
|
||||
--bs-primary-bg-subtle: #cfe2ff;
|
||||
--bs-secondary-bg-subtle: #f8f9fa;
|
||||
--bs-success-bg-subtle: #d1e7dd;
|
||||
--bs-info-bg-subtle: #cff4fc;
|
||||
--bs-warning-bg-subtle: #fff3cd;
|
||||
--bs-danger-bg-subtle: #f8d7da;
|
||||
--bs-light-bg-subtle: #fcfcfd;
|
||||
--bs-dark-bg-subtle: #ced4da;
|
||||
--bs-primary-border-subtle: #9ec5fe;
|
||||
--bs-secondary-border-subtle: #e9ecef;
|
||||
--bs-success-border-subtle: #a3cfbb;
|
||||
--bs-info-border-subtle: #9eeaf9;
|
||||
--bs-warning-border-subtle: #ffe69c;
|
||||
--bs-danger-border-subtle: #f1aeb5;
|
||||
--bs-light-border-subtle: #e9ecef;
|
||||
--bs-dark-border-subtle: #adb5bd;
|
||||
--bs-white-rgb: 255, 255, 255;
|
||||
--bs-black-rgb: 0, 0, 0;
|
||||
--bs-body-color-rgb: 33, 37, 41;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
|
||||
--bs-body-font-family: var(--bs-font-sans-serif);
|
||||
--bs-body-font-size: 1rem;
|
||||
--bs-body-font-weight: 400;
|
||||
--bs-body-line-height: 1.5;
|
||||
--bs-body-color: #212529;
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-emphasis-color-rgb: 0, 0, 0;
|
||||
--bs-secondary-color: rgba(33, 37, 41, 0.75);
|
||||
--bs-secondary-color-rgb: 33, 37, 41;
|
||||
--bs-secondary-bg: #e9ecef;
|
||||
--bs-secondary-bg-rgb: 233, 236, 239;
|
||||
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
|
||||
--bs-tertiary-color-rgb: 33, 37, 41;
|
||||
--bs-tertiary-bg: #f8f9fa;
|
||||
--bs-tertiary-bg-rgb: 248, 249, 250;
|
||||
--bs-body-bg: #fff;
|
||||
--bs-body-bg-rgb: 255, 255, 255;
|
||||
--bs-link-color: #0d6efd;
|
||||
--bs-link-color-rgb: 13, 110, 253;
|
||||
--bs-link-decoration: underline;
|
||||
--bs-link-hover-color: #0a58ca;
|
||||
--bs-link-hover-color-rgb: 10, 88, 202;
|
||||
--bs-code-color: #d63384;
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-border-width: 1px;
|
||||
--bs-border-style: solid;
|
||||
--bs-border-color: #dee2e6;
|
||||
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
|
||||
--bs-border-radius: 0.375rem;
|
||||
--bs-border-radius-sm: 0.25rem;
|
||||
--bs-border-radius-lg: 0.5rem;
|
||||
--bs-border-radius-xl: 1rem;
|
||||
--bs-border-radius-2xl: 2rem;
|
||||
--bs-border-radius-pill: 50rem;
|
||||
--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
|
||||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
|
||||
--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
|
||||
--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
|
||||
--bs-emphasis-color: #000;
|
||||
--bs-form-control-bg: var(--bs-body-bg);
|
||||
--bs-form-control-disabled-bg: var(--bs-secondary-bg);
|
||||
--bs-highlight-bg: #fff3cd;
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
--bs-breakpoint-md: 768px;
|
||||
--bs-breakpoint-lg: 992px;
|
||||
--bs-breakpoint-xl: 1200px;
|
||||
--bs-breakpoint-xxl: 1400px;
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] {
|
||||
--bs-body-color: #adb5bd;
|
||||
--bs-body-color-rgb: 173, 181, 189;
|
||||
--bs-body-bg: #212529;
|
||||
--bs-body-bg-rgb: 33, 37, 41;
|
||||
--bs-emphasis-color: #f8f9fa;
|
||||
--bs-emphasis-color-rgb: 248, 249, 250;
|
||||
--bs-secondary-color: rgba(173, 181, 189, 0.75);
|
||||
--bs-secondary-color-rgb: 173, 181, 189;
|
||||
--bs-secondary-bg: #343a40;
|
||||
--bs-secondary-bg-rgb: 52, 58, 64;
|
||||
--bs-tertiary-color: rgba(173, 181, 189, 0.5);
|
||||
--bs-tertiary-color-rgb: 173, 181, 189;
|
||||
--bs-tertiary-bg: #2b3035;
|
||||
--bs-tertiary-bg-rgb: 43, 48, 53;
|
||||
--bs-emphasis-color: #fff;
|
||||
--bs-primary-text: #6ea8fe;
|
||||
--bs-secondary-text: #dee2e6;
|
||||
--bs-success-text: #75b798;
|
||||
--bs-info-text: #6edff6;
|
||||
--bs-warning-text: #ffda6a;
|
||||
--bs-danger-text: #ea868f;
|
||||
--bs-light-text: #f8f9fa;
|
||||
--bs-dark-text: #dee2e6;
|
||||
--bs-primary-bg-subtle: #031633;
|
||||
--bs-secondary-bg-subtle: #212529;
|
||||
--bs-success-bg-subtle: #051b11;
|
||||
--bs-info-bg-subtle: #032830;
|
||||
--bs-warning-bg-subtle: #332701;
|
||||
--bs-danger-bg-subtle: #2c0b0e;
|
||||
--bs-light-bg-subtle: #343a40;
|
||||
--bs-dark-bg-subtle: #1a1d20;
|
||||
--bs-primary-border-subtle: #084298;
|
||||
--bs-secondary-border-subtle: #495057;
|
||||
--bs-success-border-subtle: #0f5132;
|
||||
--bs-info-border-subtle: #055160;
|
||||
--bs-warning-border-subtle: #664d03;
|
||||
--bs-danger-border-subtle: #842029;
|
||||
--bs-light-border-subtle: #495057;
|
||||
--bs-dark-border-subtle: #343a40;
|
||||
--bs-heading-color: #fff;
|
||||
--bs-link-color: #6ea8fe;
|
||||
--bs-link-hover-color: #9ec5fe;
|
||||
--bs-link-color-rgb: 110, 168, 254;
|
||||
--bs-link-hover-color-rgb: 158, 197, 254;
|
||||
--bs-code-color: #e685b5;
|
||||
--bs-border-color: #495057;
|
||||
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: var(--bs-body-font-family);
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
color: var(--bs-body-color);
|
||||
text-align: var(--bs-body-text-align);
|
||||
background-color: var(--bs-body-bg);
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
border-top: var(--bs-border-width) solid;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
h6, h5, h4, h3, h2, h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
color: var(--bs-heading-color, inherit);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(1.375rem + 1.5vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.325rem + 0.9vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: calc(1.3rem + 0.6vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h3 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
-webkit-text-decoration-skip-ink: none;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
mark {
|
||||
padding: 0.1875em;
|
||||
background-color: var(--bs-highlight-bg);
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 0.75em;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover {
|
||||
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
|
||||
}
|
||||
|
||||
a:not([href]):not([class]), a:not([href]):not([class]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: var(--bs-font-monospace);
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
pre code {
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-code-color);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
a > code {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
kbd {
|
||||
padding: 0.1875rem 0.375rem;
|
||||
font-size: 0.875em;
|
||||
color: var(--bs-body-bg);
|
||||
background-color: var(--bs-body-color);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
kbd kbd {
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
caption-side: bottom;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: var(--bs-secondary-color);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
text-align: -webkit-match-parent;
|
||||
}
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
tfoot,
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border-color: inherit;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus:not(:focus-visible) {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
[role=button] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select {
|
||||
word-wrap: normal;
|
||||
}
|
||||
select:disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
button,
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
button:not(:disabled),
|
||||
[type=button]:not(:disabled),
|
||||
[type=reset]:not(:disabled),
|
||||
[type=submit]:not(:disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
float: right;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: calc(1.275rem + 0.3vw);
|
||||
line-height: inherit;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
legend {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
legend + * {
|
||||
clear: right;
|
||||
}
|
||||
|
||||
::-webkit-datetime-edit-fields-wrapper,
|
||||
::-webkit-datetime-edit-text,
|
||||
::-webkit-datetime-edit-minute,
|
||||
::-webkit-datetime-edit-hour-field,
|
||||
::-webkit-datetime-edit-day-field,
|
||||
::-webkit-datetime-edit-month-field,
|
||||
::-webkit-datetime-edit-year-field {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-inner-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
[type="tel"],
|
||||
[type="url"],
|
||||
[type="email"],
|
||||
[type="number"] {
|
||||
direction: ltr;
|
||||
}
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-color-swatch-wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
::file-selector-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
|
||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user