481 lines
9.1 KiB
CSS
481 lines
9.1 KiB
CSS
/* ***** 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;
|
|
}
|
|
} |