Compare commits
9 Commits
9d8b4e4219
...
312e4bed2f
| Author | SHA1 | Date | |
|---|---|---|---|
| 312e4bed2f | |||
| 4a3b9a0a22 | |||
| 0bfe900bab | |||
| debfdcfb33 | |||
| 32db862d2f | |||
| 367d120bb5 | |||
| b64aaf7144 | |||
| 2be736a4fd | |||
| f7b57bb959 |
@ -1,435 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "Clash Display";
|
||||
src: url("/assets/webfonts/clash-display/ClashDisplay-Regular.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/clash-display/ClashDisplay-Regular.woff")
|
||||
format("woff");
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Clash Display";
|
||||
src: url("/assets/webfonts/clash-display/ClashDisplay-Medium.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/clash-display/ClashDisplay-Medium.woff")
|
||||
format("woff");
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
}
|
||||
.theme-bold {
|
||||
--font-global: "Roboto", sans-serif;
|
||||
--font-alt: "Clash Display", sans-serif;
|
||||
--section-padding-y: 160px;
|
||||
--color-dark-1: #111;
|
||||
--color-dark-2: #222;
|
||||
--color-dark-3: #2a2a2a;
|
||||
--color-dark-3a: #373737;
|
||||
--color-gray-1: #777;
|
||||
--border-radius-default: 0;
|
||||
--border-radius-large: 0;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
letter-spacing: 0;
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-bold .inner-nav ul {
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-bold .inner-nav > ul > li > a {
|
||||
opacity: 0.78;
|
||||
}
|
||||
.theme-bold .inner-nav ul li a {
|
||||
position: relative;
|
||||
}
|
||||
.theme-bold .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% + 0.7em);
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: currentColor;
|
||||
transform: scaleX(0);
|
||||
transform-origin: 0 50%;
|
||||
transition: transform 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-bold .inner-nav > ul > li > a.active:before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
.theme-bold .main-nav.mobile-on .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
display: none;
|
||||
}
|
||||
.theme-bold .form input[type="text"],
|
||||
.theme-bold .form input[type="email"],
|
||||
.theme-bold .form input[type="number"],
|
||||
.theme-bold .form input[type="url"],
|
||||
.theme-bold .form input[type="search"],
|
||||
.theme-bold .form input[type="tel"],
|
||||
.theme-bold .form input[type="password"],
|
||||
.theme-bold .form input[type="date"],
|
||||
.theme-bold .form input[type="color"],
|
||||
.theme-bold .form select {
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.theme-bold .form input[type="text"].input-sm,
|
||||
.theme-bold .form input[type="email"].input-sm,
|
||||
.theme-bold .form input[type="number"].input-sm,
|
||||
.theme-bold .form input[type="url"].input-sm,
|
||||
.theme-bold .form input[type="search"].input-sm,
|
||||
.theme-bold .form input[type="tel"].input-sm,
|
||||
.theme-bold .form input[type="password"].input-sm,
|
||||
.theme-bold .form input[type="date"].input-sm,
|
||||
.theme-bold .form input[type="color"].input-sm,
|
||||
.theme-bold .form select.input-sm,
|
||||
.theme-bold .form textarea.input-sm {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-bold .form input[type="text"].input-md,
|
||||
.theme-bold .form input[type="email"].input-md,
|
||||
.theme-bold .form input[type="number"].input-md,
|
||||
.theme-bold .form input[type="url"].input-md,
|
||||
.theme-bold .form input[type="search"].input-md,
|
||||
.theme-bold .form input[type="tel"].input-md,
|
||||
.theme-bold .form input[type="password"].input-md,
|
||||
.theme-bold .form input[type="date"].input-md,
|
||||
.theme-bold .form input[type="color"].input-md,
|
||||
.theme-bold .form select.input-md,
|
||||
.theme-bold .form textarea.input-md {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-bold .form input[type="text"]::placeholder,
|
||||
.theme-bold .form input[type="email"]::placeholder,
|
||||
.theme-bold .form input[type="number"]::placeholder,
|
||||
.theme-bold .form input[type="url"]::placeholder,
|
||||
.theme-bold .form input[type="search"]::placeholder,
|
||||
.theme-bold .form input[type="tel"]::placeholder,
|
||||
.theme-bold .form input[type="password"]::placeholder,
|
||||
.theme-bold .form input[type="date"]::placeholder,
|
||||
.theme-bold .form input[type="color"]::placeholder,
|
||||
.theme-bold .form select::placeholder,
|
||||
.theme-bold .form textarea::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.theme-bold .form label {
|
||||
margin-bottom: 14px;
|
||||
font-family: var(--font-alt);
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-bold .form .form-group {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.theme-bold .form-tip,
|
||||
.theme-bold .form-tip a {
|
||||
font-size: 13px;
|
||||
}
|
||||
.theme-bold .btn-mod,
|
||||
.theme-bold a.btn-mod {
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
/* have to check */
|
||||
.ttn {
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-bold .btn-mod .icon {
|
||||
margin-left: 2px;
|
||||
}
|
||||
.theme-bold .btn-mod.btn-small {
|
||||
padding: 4px 14px;
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-bold .btn-mod.btn-medium {
|
||||
padding: 12px 26px;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: -0.007em;
|
||||
}
|
||||
.theme-bold .btn-mod.btn-large {
|
||||
padding: 15px 32px;
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
letter-spacing: -0.007em;
|
||||
}
|
||||
.theme-bold .btn-mod.btn-ellipse {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.14em;
|
||||
}
|
||||
.theme-bold .btn-border,
|
||||
.theme-bold .btn-border-w,
|
||||
.theme-bold .btn-border-c {
|
||||
border-width: 2px !important;
|
||||
}
|
||||
/* .theme-bold hr {
|
||||
opacity: 0.2;
|
||||
} */
|
||||
.theme-bold .hs-title-1 {
|
||||
letter-spacing: -0.0125em !important;
|
||||
}
|
||||
.theme-bold .hs-title-12 {
|
||||
letter-spacing: -0.0125em !important;
|
||||
}
|
||||
.theme-bold .hs-title-13 {
|
||||
letter-spacing: -0.0125em !important;
|
||||
}
|
||||
.theme-bold .section-title-small {
|
||||
font-size: 32px;
|
||||
}
|
||||
.theme-bold .section-title-tiny {
|
||||
font-size: 18px !important;
|
||||
font-weight: 500 !important;
|
||||
text-transform: uppercase !important;
|
||||
letter-spacing: 0.15em !important;
|
||||
}
|
||||
.theme-bold .section-title-inline {
|
||||
padding-top: 3px;
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
.theme-bold .link-strong {
|
||||
font-family: var(--font-alt);
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.theme-bold .marquee-style-2 {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
.theme-bold .accordion-1,
|
||||
.theme-bold .accordion-1 > dt > a {
|
||||
border-width: 2px;
|
||||
}
|
||||
.theme-bold .accordion-1 > dt {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-bold .steps-1-title {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-bold .number-2-title {
|
||||
margin-bottom: 5px;
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
.theme-bold .portfolio-2-title {
|
||||
letter-spacing: -0.008em;
|
||||
}
|
||||
.theme-bold .testimonials-slider-2 blockquote p {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.theme-bold .ts2-author {
|
||||
font-family: var(--font-alt);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
.theme-bold .ts2-author .small {
|
||||
font-family: var(--font-global);
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-bold .post-prev-2-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 26px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.theme-bold .post-prev-2-info {
|
||||
font-size: 16px;
|
||||
text-transform: unset;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-bold .pagination a,
|
||||
.theme-bold .pagination span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-bold .form-tip {
|
||||
font-size: 14px;
|
||||
line-height: 1.714;
|
||||
}
|
||||
.theme-bold .footer-1 {
|
||||
font-family: var(--font-alt);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.075em;
|
||||
}
|
||||
.theme-bold .fw-social-inline .link-strong:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-bold .light-content .fw-top-link .icon {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
border-width: 2px;
|
||||
}
|
||||
.theme-bold .footer-text {
|
||||
font-family: var(--font-global);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.theme-bold .footer-text a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.theme-bold .footer-text .small {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-bold .light-content .footer-text {
|
||||
color: var(--color-gray-3);
|
||||
}
|
||||
.theme-bold .fw-top-link-underline:before {
|
||||
height: 2px;
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-bold .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-bold .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-bold .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-bold .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-bold .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-bold .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-bold .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-bold .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-bold .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-bold .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-bold .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-bold .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-bold .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-bold .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-bold .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-bold .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-bold .work-navigation a,
|
||||
.theme-bold .work-navigation a:visited {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-bold .section-title-small {
|
||||
font-size: calc(1.159rem + 0.98vw);
|
||||
}
|
||||
.theme-bold .post-prev-2-title {
|
||||
font-size: calc(1.135rem + 0.57vw);
|
||||
}
|
||||
}
|
||||
@ -1,338 +0,0 @@
|
||||
.theme-brutalist {
|
||||
--font-global: "Poppins", sans-serif;
|
||||
--font-alt: "Epilogue", sans-serif;
|
||||
--container-width: 1300px;
|
||||
--section-padding-y: 160px;
|
||||
--color-dark-1: #111;
|
||||
--color-dark-2: #202020;
|
||||
--color-gray-1: #777;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-brutalist
|
||||
.row:not(
|
||||
.g-0,
|
||||
.g-1,
|
||||
.g-2,
|
||||
.g-3,
|
||||
.g-4,
|
||||
.g-5,
|
||||
.gx-0,
|
||||
.gx-1,
|
||||
.gx-2,
|
||||
.gx-3,
|
||||
.gx-4,
|
||||
.gx-5,
|
||||
.gy-0,
|
||||
.gy-1,
|
||||
.gy-2,
|
||||
.gy-3,
|
||||
.gy-4,
|
||||
.gy-5
|
||||
) {
|
||||
--bs-gutter-x: 24px;
|
||||
}
|
||||
/* .theme-brutalist h1,
|
||||
.theme-brutalist h2,
|
||||
.theme-brutalist h3,
|
||||
.theme-brutalist h4,
|
||||
.theme-brutalist h5,
|
||||
.theme-brutalist h6,
|
||||
.theme-brutalist .h1,
|
||||
.theme-brutalist .h2,
|
||||
.theme-brutalist .h3,
|
||||
.theme-brutalist .h4,
|
||||
.theme-brutalist .h5,
|
||||
.theme-brutalist .h6 {
|
||||
font-weight: 600;
|
||||
} */
|
||||
.theme-brutalist .inner-nav ul {
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-brutalist .form input[type="text"],
|
||||
.theme-brutalist .form input[type="email"],
|
||||
.theme-brutalist .form input[type="number"],
|
||||
.theme-brutalist .form input[type="url"],
|
||||
.theme-brutalist .form input[type="search"],
|
||||
.theme-brutalist .form input[type="tel"],
|
||||
.theme-brutalist .form input[type="password"],
|
||||
.theme-brutalist .form input[type="date"],
|
||||
.theme-brutalist .form input[type="color"],
|
||||
.theme-brutalist .form select {
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.theme-brutalist .form input[type="text"]::placeholder,
|
||||
.theme-brutalist .form input[type="email"]::placeholder,
|
||||
.theme-brutalist .form input[type="number"]::placeholder,
|
||||
.theme-brutalist .form input[type="url"]::placeholder,
|
||||
.theme-brutalist .form input[type="search"]::placeholder,
|
||||
.theme-brutalist .form input[type="tel"]::placeholder,
|
||||
.theme-brutalist .form input[type="password"]::placeholder,
|
||||
.theme-brutalist .form input[type="date"]::placeholder,
|
||||
.theme-brutalist .form input[type="color"]::placeholder,
|
||||
.theme-brutalist .form select::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.theme-brutalist .form label {
|
||||
margin-bottom: 14px;
|
||||
font-family: var(--font-alt);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-brutalist .form .form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-brutalist .form-tip,
|
||||
.theme-brutalist .form-tip a {
|
||||
font-size: 13px;
|
||||
}
|
||||
.theme-brutalist .light-content .form input.newsletter-field {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-brutalist .light-content .form input.newsletter-field:hover {
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.theme-brutalist .light-content .form input.newsletter-field:focus {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-brutalist .btn-mod,
|
||||
.theme-brutalist a.btn-mod {
|
||||
font-family: var(--font-alt);
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-brutalist .btn-mod.btn-small {
|
||||
padding: 6px 14px 4px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-brutalist .btn-mod.btn-medium {
|
||||
padding: 8px 16px 6px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-brutalist .btn-mod.btn-large {
|
||||
padding: 15px 32px 13px 32px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-brutalist .btn-mod.btn-border,
|
||||
.theme-brutalist .btn-mod.btn-border-w {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-brutalist .section-title-large {
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
.theme-brutalist .section-title-descr {
|
||||
font-size: 15px;
|
||||
letter-spacing: 0.03em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-brutalist .light-content .section-title-descr {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-brutalist .link-strong {
|
||||
font-family: var(--font-alt);
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.025em;
|
||||
}
|
||||
.theme-brutalist .link-strong svg {
|
||||
position: relative;
|
||||
top: -0.1em;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
.theme-brutalist .post-prev-1-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-brutalist .widget-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-brutalist .blog-item-data {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-brutalist .blog-item-body {
|
||||
font-size: 19px;
|
||||
line-height: 1.65;
|
||||
letter-spacing: -0.0125em;
|
||||
}
|
||||
.theme-brutalist .pagination a,
|
||||
.theme-brutalist .pagination span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-brutalist .fw-social-inline .link-strong {
|
||||
letter-spacing: 0.075em;
|
||||
}
|
||||
.theme-brutalist .footer-1 {
|
||||
font-family: var(--font-alt);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.075em;
|
||||
}
|
||||
.theme-brutalist .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-brutalist .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-brutalist .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-brutalist .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-brutalist .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-brutalist .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-brutalist .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-brutalist .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-brutalist .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-brutalist .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-brutalist .row.gx-huge {
|
||||
--bs-gutter-x: 170px;
|
||||
}
|
||||
.theme-brutalist .features-1-title {
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.theme-brutalist .work-navigation a,
|
||||
.theme-brutalist .work-navigation a:visited {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
@media only screen and (min-width: 1441px) {
|
||||
.theme-brutalist {
|
||||
--container-width: 1360px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1681px) {
|
||||
.theme-brutalist {
|
||||
--container-width: 1500px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-brutalist {
|
||||
--section-padding-y: 140px;
|
||||
}
|
||||
.theme-brutalist .row.gx-huge {
|
||||
--bs-gutter-x: calc(-0.802rem + 13.38vw);
|
||||
}
|
||||
}
|
||||
@ -1,996 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("/assets/webfonts/satoshi/Satoshi-Regular.woff2") format("woff2"),
|
||||
url("/assets/webfonts/satoshi/Satoshi-Regular.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("/assets/webfonts/satoshi/Satoshi-Italic.woff2") format("woff2"),
|
||||
url("/assets/webfonts/satoshi/Satoshi-Italic.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Satoshi";
|
||||
src: url("/assets/webfonts/satoshi/Satoshi-Medium.woff2") format("woff2"),
|
||||
url("/assets/webfonts/satoshi/Satoshi-Medium.woff") format("woff");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.theme-corporate {
|
||||
--font-global: "Satoshi", sans-serif;
|
||||
--font-alt: "Satoshi", sans-serif;
|
||||
--section-padding-y: 140px;
|
||||
--color-primary-1: #119d60;
|
||||
--color-primary-1-a: #1bb170;
|
||||
--color-primary-light-1: #d4f5e7;
|
||||
--color-primary-light-1-a: #c3e6d7;
|
||||
--color-primary-2: #eaa92b;
|
||||
--color-primary-light-2: #fff4e0;
|
||||
--color-primary-3: #ca346b;
|
||||
--color-primary-light-3: #ffdfeb;
|
||||
--color-primary-4: #19c4c4;
|
||||
--color-primary-light-4: #d1ffff;
|
||||
--border-radius-default: 12px;
|
||||
--box-shadow-block: 0px 10px 30px 0px rgba(0, 0, 0, 0.09);
|
||||
--box-shadow-block-strong: 0px 12px 37px 0px rgba(0, 0, 0, 0.175);
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-corporate .dark-mode {
|
||||
--color-dark-1: #121212;
|
||||
--color-dark-2: #181818;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
}
|
||||
.theme-corporate body {
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-corporate h1,
|
||||
.theme-corporate h2,
|
||||
.theme-corporate h3,
|
||||
.theme-corporate h4,
|
||||
.theme-corporate h5,
|
||||
.theme-corporate h6,
|
||||
.theme-corporate .h1,
|
||||
.theme-corporate .h2,
|
||||
.theme-corporate .h3,
|
||||
.theme-corporate .h4,
|
||||
.theme-corporate .h5,
|
||||
.theme-corporate .h6 {
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
.theme-corporate b,
|
||||
.theme-corporate strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.theme-corporate hr:not([size]) {
|
||||
background: var(--color-primary-light-1-a);
|
||||
height: 1px;
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-corporate .inner-nav ul {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-corporate .inner-nav ul li {
|
||||
margin: 0 17px;
|
||||
}
|
||||
.theme-corporate .inner-nav > ul > li > a {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-corporate .inner-nav ul li a {
|
||||
position: relative;
|
||||
}
|
||||
.theme-corporate .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% + 1em);
|
||||
left: 1px;
|
||||
display: block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: var(--color-primary-1);
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
transition: transform 0.2s var(--ease-default);
|
||||
}
|
||||
.theme-corporate .inner-nav ul li a.active {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .inner-nav > ul > li > a:hover:before,
|
||||
.theme-corporate .inner-nav > ul > li > a.active:before {
|
||||
transform: scale(1);
|
||||
}
|
||||
.theme-corporate .main-nav.dark .inner-nav ul > li > a {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-corporate
|
||||
.main-nav.mobile-on
|
||||
.inner-nav
|
||||
> ul
|
||||
> li
|
||||
> a:not(.no-hover):before {
|
||||
display: none;
|
||||
}
|
||||
.theme-corporate .scroll-down-4 {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-corporate .hs-status {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-corporate .light-content .mark-decoration-4:before {
|
||||
opacity: 0.75;
|
||||
}
|
||||
.theme-corporate .form label {
|
||||
margin-bottom: 15px;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .form .form-group {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.theme-corporate .form-tip,
|
||||
.theme-corporate .form-tip a {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 1.53;
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .form-tip a:hover {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .form input[type="text"],
|
||||
.theme-corporate .form input[type="email"],
|
||||
.theme-corporate .form input[type="number"],
|
||||
.theme-corporate .form input[type="url"],
|
||||
.theme-corporate .form input[type="search"],
|
||||
.theme-corporate .form input[type="tel"],
|
||||
.theme-corporate .form input[type="password"],
|
||||
.theme-corporate .form input[type="date"],
|
||||
.theme-corporate .form input[type="color"],
|
||||
.theme-corporate .form select,
|
||||
.theme-corporate .form textarea {
|
||||
color: var(--color-dark-1);
|
||||
border-color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .form select:not([multiple]) {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
|
||||
}
|
||||
.theme-corporate .form input[type="text"]:hover,
|
||||
.theme-corporate .form input[type="email"]:hover,
|
||||
.theme-corporate .form input[type="number"]:hover,
|
||||
.theme-corporate .form input[type="url"]:hover,
|
||||
.theme-corporate .form input[type="search"]:hover,
|
||||
.theme-corporate .form input[type="tel"]:hover,
|
||||
.theme-corporate .form input[type="password"]:hover,
|
||||
.theme-corporate .form input[type="date"]:hover,
|
||||
.theme-corporate .form input[type="color"]:hover,
|
||||
.theme-corporate .form select:hover,
|
||||
.theme-corporate .form textarea:hover {
|
||||
color: var(--color-dark-1);
|
||||
border-color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .form input[type="text"]:focus,
|
||||
.theme-corporate .form input[type="email"]:focus,
|
||||
.theme-corporate .form input[type="number"]:focus,
|
||||
.theme-corporate .form input[type="url"]:focus,
|
||||
.theme-corporate .form input[type="search"]:focus,
|
||||
.theme-corporate .form input[type="tel"]:focus,
|
||||
.theme-corporate .form input[type="password"]:focus,
|
||||
.theme-corporate .form input[type="date"]:focus,
|
||||
.theme-corporate .form input[type="color"]:focus,
|
||||
.theme-corporate .form select:focus,
|
||||
.theme-corporate .form textarea:focus {
|
||||
color: var(--color-dark-1);
|
||||
border-color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .form input[type="text"]::placeholder,
|
||||
.theme-corporate .form input[type="email"]::placeholder,
|
||||
.theme-corporate .form input[type="number"]::placeholder,
|
||||
.theme-corporate .form input[type="url"]::placeholder,
|
||||
.theme-corporate .form input[type="search"]::placeholder,
|
||||
.theme-corporate .form input[type="tel"]::placeholder,
|
||||
.theme-corporate .form input[type="password"]::placeholder,
|
||||
.theme-corporate .form input[type="date"]::placeholder,
|
||||
.theme-corporate .form input[type="color"]::placeholder,
|
||||
.theme-corporate .form select::placeholder,
|
||||
.theme-corporate .form textarea::placeholder {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-corporate .form input[type="text"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="email"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="number"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="url"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="search"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="tel"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="password"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="date"]:hover::placeholder,
|
||||
.theme-corporate .form input[type="color"]:hover::placeholder,
|
||||
.theme-corporate .form select:hover::placeholder,
|
||||
.theme-corporate .form textarea:hover::placeholder {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-corporate .form input[type="text"].input-md,
|
||||
.theme-corporate .form input[type="email"].input-md,
|
||||
.theme-corporate .form input[type="number"].input-md,
|
||||
.theme-corporate .form input[type="url"].input-md,
|
||||
.theme-corporate .form input[type="search"].input-md,
|
||||
.theme-corporate .form input[type="tel"].input-md,
|
||||
.theme-corporate .form input[type="password"].input-md,
|
||||
.theme-corporate .form input[type="date"].input-md,
|
||||
.theme-corporate .form input[type="color"].input-md,
|
||||
.theme-corporate .form select.input-md {
|
||||
height: 56px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-corporate .form textarea.input-md {
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-corporate .form input[type="text"].input-lg,
|
||||
.theme-corporate .form input[type="email"].input-lg,
|
||||
.theme-corporate .form input[type="number"].input-lg,
|
||||
.theme-corporate .form input[type="url"].input-lg,
|
||||
.theme-corporate .form input[type="search"].input-lg,
|
||||
.theme-corporate .form input[type="tel"].input-lg,
|
||||
.theme-corporate .form input[type="password"].input-lg,
|
||||
.theme-corporate .form input[type="date"].input-lg,
|
||||
.theme-corporate .form input[type="color"].input-lg,
|
||||
.theme-corporate .form select.input-lg {
|
||||
height: 66px;
|
||||
line-height: 66px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.theme-corporate .form textarea.input-lg {
|
||||
font-size: 22px;
|
||||
}
|
||||
.theme-corporate .light-content .form input[type="text"],
|
||||
.theme-corporate .light-content .form input[type="email"],
|
||||
.theme-corporate .light-content .form input[type="number"],
|
||||
.theme-corporate .light-content .form input[type="url"],
|
||||
.theme-corporate .light-content .form input[type="search"],
|
||||
.theme-corporate .light-content .form input[type="tel"],
|
||||
.theme-corporate .light-content .form input[type="password"],
|
||||
.theme-corporate .light-content .form input[type="date"],
|
||||
.theme-corporate .light-content .form input[type="color"],
|
||||
.theme-corporate .light-content .form select,
|
||||
.theme-corporate .light-content .form textarea {
|
||||
color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.theme-corporate .light-content input[type="text"]:hover,
|
||||
.theme-corporate .light-content input[type="email"]:hover,
|
||||
.theme-corporate .light-content input[type="number"]:hover,
|
||||
.theme-corporate .light-content input[type="url"]:hover,
|
||||
.theme-corporate .light-content input[type="search"]:hover,
|
||||
.theme-corporate .light-content input[type="tel"]:hover,
|
||||
.theme-corporate .light-content input[type="password"]:hover,
|
||||
.theme-corporate .light-content input[type="date"]:hover,
|
||||
.theme-corporate .light-content input[type="color"]:hover,
|
||||
.theme-corporate .light-content select:hover,
|
||||
.theme-corporate .light-content textarea:hover {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-corporate .light-content input[type="text"]:focus,
|
||||
.theme-corporate .light-content input[type="email"]:focus,
|
||||
.theme-corporate .light-content input[type="number"]:focus,
|
||||
.theme-corporate .light-content input[type="url"]:focus,
|
||||
.theme-corporate .light-content input[type="search"]:focus,
|
||||
.theme-corporate .light-content input[type="tel"]:focus,
|
||||
.theme-corporate .light-content input[type="password"]:focus,
|
||||
.theme-corporate .light-content input[type="date"]:focus,
|
||||
.theme-corporate .light-content input[type="color"]:focus,
|
||||
.theme-corporate .light-content select:focus,
|
||||
.theme-corporate .light-content textarea:focus {
|
||||
border-color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
.theme-corporate .icon-info {
|
||||
top: 0.07em;
|
||||
}
|
||||
.theme-corporate .form input.newsletter-field::placeholder,
|
||||
.theme-corporate .form input.newsletter-field:hover::placeholder {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .light-content .form input.newsletter-field,
|
||||
.theme-corporate .light-content .form input.newsletter-field:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
.theme-corporate .btn-mod,
|
||||
.theme-corporate a.btn-mod {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-border-c {
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-border-c:hover,
|
||||
.theme-corporate .btn-mod.btn-border-c:focus {
|
||||
background: transparent;
|
||||
color: var(--color-primary-1);
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-small {
|
||||
padding: 10px 22px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-medium {
|
||||
padding: 13px 22px;
|
||||
font-size: 19px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-large {
|
||||
padding: 20px 40px;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-corporate .big-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .hs-title-1,
|
||||
.theme-corporate .hs-title-9 {
|
||||
letter-spacing: -0.037em !important;
|
||||
}
|
||||
.theme-corporate .scroll-down-1-icon:before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-corporate .scroll-down-1-icon svg,
|
||||
.theme-corporate .scroll-down-1-icon img {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-corporate .scroll-down-1-icon i {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-corporate .scroll-down-1-text {
|
||||
font-weight: 500;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
|
||||
}
|
||||
.theme-corporate .section-caption-fancy {
|
||||
padding: 9px 12px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
letter-spacing: 0.1em;
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-light-1) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-corporate .section-title {
|
||||
font-size: 56px !important;
|
||||
font-weight: 500 !important;
|
||||
line-height: 1.25 !important;
|
||||
letter-spacing: -0.017em !important;
|
||||
}
|
||||
.theme-corporate .section-title-small {
|
||||
font-size: 42px;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.theme-corporate .section-title-tiny {
|
||||
font-size: 18px !important;
|
||||
font-weight: 500 !important;
|
||||
letter-spacing: normal !important;
|
||||
}
|
||||
.theme-corporate .section-descr {
|
||||
font-size: 29px !important;
|
||||
font-weight: 400 !important;
|
||||
line-height: 1.448 !important;
|
||||
letter-spacing: -0.005em !important;
|
||||
color: var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-corporate .light-content .section-descr {
|
||||
font-size: 29px !important;
|
||||
font-weight: 400 !important;
|
||||
line-height: 1.448 !important;
|
||||
letter-spacing: -0.005em !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.theme-corporate .section-descr-medium {
|
||||
font-size: 29px !important;
|
||||
font-weight: 400 !important;
|
||||
line-height: 1.448 !important;
|
||||
letter-spacing: -0.0075em !important;
|
||||
}
|
||||
.theme-corporate .accordion > dt > a:after,
|
||||
.theme-corporate .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .light-content .accordion > dt > a:after,
|
||||
.theme-corporate .light-content .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate a.link-hover-anim,
|
||||
.theme-corporate a.link-hover-anim:hover {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
color: var(--color-primary-1);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .link-strong i {
|
||||
position: relative;
|
||||
top: -0.05em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.theme-corporate .link-strong-hovered {
|
||||
top: 0;
|
||||
}
|
||||
.theme-corporate .light-content .link-strong,
|
||||
.theme-corporate .light-content .link-hover-anim {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-corporate .features-list {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-corporate .features-list-icon {
|
||||
top: 0.185em;
|
||||
color: var(--color-primary-1);
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-corporate .alt-features-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .light-content .features-list-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .light-content .features-list-icon.features-list-color-1,
|
||||
.theme-corporate .light-content .features-list-icon.features-list-color-2,
|
||||
.theme-corporate .light-content .features-list-icon.features-list-color-3,
|
||||
.theme-corporate .light-content .features-list-icon.features-list-color-4 {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-corporate .works-grid.work-grid-fancy .work-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .works-grid.work-grid-fancy .work-descr {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-corporate .work-img-bg {
|
||||
background: var(--color-gray-light-2);
|
||||
}
|
||||
.theme-corporate .number-1-title {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .testimonials-3-text p {
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
.theme-corporate .testimonials-4-text p {
|
||||
color: var(--color-gray-1);
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-corporate .testimonials-4-author {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .testimonials-4-author .small {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-corporate .testimonials-6-icon {
|
||||
left: -0.2285em;
|
||||
font-family: inherit;
|
||||
font-size: 17em;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.theme-corporate .testimonials-6-text {
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
.theme-corporate .post-prev-container {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-radius: var(--border-radius-default);
|
||||
box-shadow: var(--box-shadow-block);
|
||||
transition: all 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-corporate .post-prev-container:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-corporate .post-prev-container:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: var(--box-shadow-block-strong);
|
||||
}
|
||||
.theme-corporate .post-prev-title {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .post-prev-img a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-corporate .post-prev-img a:hover img {
|
||||
transform: translateZ(0.1px);
|
||||
}
|
||||
.theme-corporate .post-prev-title {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.theme-corporate .post-prev-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-corporate .post-prev-text {
|
||||
line-height: 1.625;
|
||||
}
|
||||
.theme-corporate .post-prev-info,
|
||||
.theme-corporate .post-prev-info a {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-corporate .post-prev-title,
|
||||
.theme-corporate .post-prev-text,
|
||||
.theme-corporate .post-prev-info {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.theme-corporate .post-prev-container > *:last-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.theme-corporate .post-prev-2-img {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-corporate .post-prev-2-title {
|
||||
margin-bottom: 15px;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-corporate .post-prev-3-text {
|
||||
margin-bottom: 17px;
|
||||
line-height: 1.68;
|
||||
}
|
||||
.theme-corporate .post-prev-3-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-corporate .search-button:hover + .search-field {
|
||||
border-color: var(---color-dark-1);
|
||||
}
|
||||
.theme-corporate .search-button {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .search-button:hover {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .widget-body img {
|
||||
border-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.059em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs li {
|
||||
padding: 0;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:focus {
|
||||
position: relative;
|
||||
margin: 0 !important;
|
||||
padding: 10px 20px;
|
||||
color: var(--color-gray-1);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
isolation: isolate;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.3;
|
||||
transition: var(--transition-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:after,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:hover:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
background: var(--color-primary-1);
|
||||
transform: none;
|
||||
transition: all 0.2s var(--ease-out-short);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li:not(:first-child) > a:before,
|
||||
.theme-corporate .tpl-minimal-tabs > li:not(:first-child) > a:after {
|
||||
width: calc(100% + 1px);
|
||||
margin-left: -1px;
|
||||
border-left: none;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li:first-child > a:before,
|
||||
.theme-corporate .tpl-minimal-tabs > li:first-child > a:after {
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li:last-child > a:before,
|
||||
.theme-corporate .tpl-minimal-tabs > li:last-child > a:after {
|
||||
border-top-right-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a.active,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a.active:hover {
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a.active:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-corporate .light-content .tpl-minimal-tabs > li > a,
|
||||
.theme-corporate .light-content .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-corporate .light-content .tpl-minimal-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-corporate .light-content .tpl-minimal-tabs > li > a:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
.theme-corporate .light-content .tpl-minimal-tabs li a.active,
|
||||
.theme-corporate .light-content .tpl-minimal-tabs li a.active:hover {
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-corporate .pricing-title {
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.0175em;
|
||||
}
|
||||
.theme-corporate .pricing-num {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .contact-item {
|
||||
padding-left: 76px;
|
||||
}
|
||||
.theme-corporate .contact-item a.link-hover-anim,
|
||||
.theme-corporate .contact-item a.link-hover-anim:hover {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-corporate a.link-hover-anim i {
|
||||
top: -0.05em;
|
||||
}
|
||||
.theme-corporate .ci-title {
|
||||
font-size: 21px;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-corporate .ci-icon {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .ci-icon:before {
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-corporate .ci-text {
|
||||
margin-bottom: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-corporate .ci-link {
|
||||
margin-top: 11px;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: norma;
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-corporate .light-content .ci-icon {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-corporate .light-content .ci-icon:before {
|
||||
opacity: 0.95;
|
||||
}
|
||||
.theme-corporate .light-content .ci-text {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-corporate .mt-icon:before {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .footer b,
|
||||
.theme-corporate .footer strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-corporate .fw-title {
|
||||
margin-bottom: 25px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-corporate .fw-menu li:not(:last-child) {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.theme-corporate .footer a.link-to-top,
|
||||
.theme-corporate .footer a.link-to-top:hover {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-corporate .footer a.link-to-top:before {
|
||||
background: var(--color-primary-light-1);
|
||||
box-shadow: none;
|
||||
}
|
||||
.theme-corporate .appear-animate .linesAnimIn .word {
|
||||
transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg);
|
||||
transition: all 0.8s var(--ease-out-short);
|
||||
transition-delay: calc(0.065s * var(--line-index));
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce), print {
|
||||
.theme-corporate .appear-animate .linesAnimIn .word {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
.theme-corporate .linesAnimIn.animated .word,
|
||||
.theme-corporate .mobile .linesAnimIn .word {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs {
|
||||
font-size: 16px;
|
||||
letter-spacing: inherit;
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-corporate .work-navigation a,
|
||||
.theme-corporate .work-navigation a:visited {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-corporate .steps-1-number {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-corporate .light-content .steps-1-number {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-corporate {
|
||||
--section-padding-y: 120px;
|
||||
}
|
||||
.theme-corporate .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-corporate .section-title {
|
||||
font-size: calc(1.133rem + 2.77vw) !important;
|
||||
}
|
||||
.theme-corporate .section-title-small {
|
||||
font-size: calc(1.156rem + 1.72vw);
|
||||
}
|
||||
.theme-corporate .section-descr {
|
||||
font-size: calc(1.213rem + 0.7vw) !important;
|
||||
}
|
||||
.theme-corporate .section-descr-medium {
|
||||
font-size: calc(1.257rem + 0.65vw) !important;
|
||||
}
|
||||
.theme-corporate .features-list,
|
||||
.theme-corporate .number-1-descr {
|
||||
font-size: calc(0.962rem + 0.19vw);
|
||||
}
|
||||
.theme-corporate .works-grid.work-grid-fancy .work-title,
|
||||
.theme-corporate .post-prev-title {
|
||||
font-size: calc(0.967rem + 0.48vw);
|
||||
}
|
||||
.theme-corporate .post-prev-2-title {
|
||||
font-size: calc(1.174rem + 0.38vw);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.theme-corporate .inner-nav ul {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-corporate .inner-nav ul li {
|
||||
margin: 0 12px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.theme-corporate .works-filter {
|
||||
display: block;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.theme-corporate .works-filter a,
|
||||
.theme-corporate .works-filter a:hover,
|
||||
.theme-corporate .works-filter a.active {
|
||||
width: 46%;
|
||||
margin: 2px !important;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background: #fff;
|
||||
border-radius: 100px;
|
||||
box-shadow: var(--box-shadow-block);
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li {
|
||||
margin: 2px !important;
|
||||
width: 46%;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a.active:after,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:hover:after {
|
||||
transform: none;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:before,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:after {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:before {
|
||||
border: 1px solid var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:before,
|
||||
.theme-corporate .tpl-minimal-tabs > li > a:after {
|
||||
border-radius: 100px;
|
||||
}
|
||||
.theme-corporate .testimonials-6-icon {
|
||||
font-size: 7em;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.theme-corporate .contact-item {
|
||||
padding-left: 57px;
|
||||
}
|
||||
.theme-corporate .ci-icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
}
|
||||
.theme-corporate .btn-mod.btn-large {
|
||||
padding: 20px 35px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-corporate .form input[type="text"].input-lg,
|
||||
.theme-corporate .form input[type="email"].input-lg,
|
||||
.theme-corporate .form input[type="number"].input-lg,
|
||||
.theme-corporate .form input[type="url"].input-lg,
|
||||
.theme-corporate .form input[type="search"].input-lg,
|
||||
.theme-corporate .form input[type="tel"].input-lg,
|
||||
.theme-corporate .form input[type="password"].input-lg,
|
||||
.theme-corporate .form input[type="date"].input-lg,
|
||||
.theme-corporate .form input[type="color"].input-lg,
|
||||
.theme-corporate .form select.input-lg {
|
||||
height: 60px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-corporate .form textarea.input-lg {
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-corporate .works-filter a,
|
||||
.theme-corporate .works-filter a:hover,
|
||||
.theme-corporate .works-filter a.active {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.theme-corporate .tpl-minimal-tabs > li {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
.theme-corporate .dark-mode hr.white {
|
||||
background-color: #fff !important;
|
||||
opacity: 0.15 !important;
|
||||
}
|
||||
@ -1,490 +0,0 @@
|
||||
.theme-elegant {
|
||||
--font-global: "Poppins", sans-serif;
|
||||
--container-width: 1230px;
|
||||
--section-padding-y: 160px;
|
||||
--color-dark-1: #111;
|
||||
--color-gray-1: #777;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
|
||||
--gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
|
||||
--gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
|
||||
--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.01em;
|
||||
line-height: 2;
|
||||
}
|
||||
.theme-elegant .dark-mode {
|
||||
--color-dark-1: #171717;
|
||||
--color-dark-2: #222;
|
||||
}
|
||||
/* .theme-elegant h1,
|
||||
.theme-elegant h2,
|
||||
.theme-elegant h3,
|
||||
.theme-elegant h4,
|
||||
.theme-elegant h5,
|
||||
.theme-elegant h6,
|
||||
.theme-elegant .h1,
|
||||
.theme-elegant .h2,
|
||||
.theme-elegant .h3,
|
||||
.theme-elegant .h4,
|
||||
.theme-elegant .h5,
|
||||
.theme-elegant .h6 {
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
} */
|
||||
.theme-elegant .main-nav.dark-mode {
|
||||
background-color: linear-gradient(to right, #64b3b4, #a8dcca) !important;
|
||||
/* background-color: rgba(30, 30, 30, 0.905); */
|
||||
}
|
||||
.theme-elegant .form label {
|
||||
margin-bottom: 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-elegant .form .form-group {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.theme-elegant .form input[type="text"],
|
||||
.theme-elegant .form input[type="email"],
|
||||
.theme-elegant .form input[type="number"],
|
||||
.theme-elegant .form input[type="url"],
|
||||
.theme-elegant .form input[type="search"],
|
||||
.theme-elegant .form input[type="tel"],
|
||||
.theme-elegant .form input[type="password"],
|
||||
.theme-elegant .form input[type="date"],
|
||||
.theme-elegant .form input[type="color"],
|
||||
.theme-elegant .form select,
|
||||
.theme-elegant .form textarea {
|
||||
border-color: rgba(0, 0, 0, 0.155);
|
||||
}
|
||||
.theme-elegant .form input[type="text"].input-lg,
|
||||
.theme-elegant .form input[type="email"].input-lg,
|
||||
.theme-elegant .form input[type="number"].input-lg,
|
||||
.theme-elegant .form input[type="url"].input-lg,
|
||||
.theme-elegant .form input[type="search"].input-lg,
|
||||
.theme-elegant .form input[type="tel"].input-lg,
|
||||
.theme-elegant .form input[type="password"].input-lg,
|
||||
.theme-elegant .form input[type="date"].input-lg,
|
||||
.theme-elegant .form input[type="color"].input-lg,
|
||||
.theme-elegant .form select.input-lg {
|
||||
height: 51px;
|
||||
}
|
||||
.theme-elegant .light-content input[type="text"],
|
||||
.theme-elegant .light-content input[type="email"],
|
||||
.theme-elegant .light-content input[type="number"],
|
||||
.theme-elegant .light-content input[type="url"],
|
||||
.theme-elegant .light-content input[type="search"],
|
||||
.theme-elegant .light-content input[type="tel"],
|
||||
.theme-elegant .light-content input[type="password"],
|
||||
.theme-elegant .light-content input[type="date"],
|
||||
.theme-elegant .light-content input[type="color"],
|
||||
.theme-elegant .light-content select,
|
||||
.theme-elegant .light-content textarea {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-elegant .light-content input[type="text"]:hover,
|
||||
.theme-elegant .light-content input[type="email"]:hover,
|
||||
.theme-elegant .light-content input[type="number"]:hover,
|
||||
.theme-elegant .light-content input[type="url"]:hover,
|
||||
.theme-elegant .light-content input[type="search"]:hover,
|
||||
.theme-elegant .light-content input[type="tel"]:hover,
|
||||
.theme-elegant .light-content input[type="password"]:hover,
|
||||
.theme-elegant .light-content input[type="date"]:hover,
|
||||
.theme-elegant .light-content input[type="color"]:hover,
|
||||
.theme-elegant .light-content select:hover,
|
||||
.theme-elegant .light-content textarea:hover {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-elegant .light-content input[type="text"]:focus,
|
||||
.theme-elegant .light-content input[type="email"]:focus,
|
||||
.theme-elegant .light-content input[type="number"]:focus,
|
||||
.theme-elegant .light-content input[type="url"]:focus,
|
||||
.theme-elegant .light-content input[type="search"]:focus,
|
||||
.theme-elegant .light-content input[type="tel"]:focus,
|
||||
.theme-elegant .light-content input[type="password"]:focus,
|
||||
.theme-elegant .light-content input[type="date"]:focus,
|
||||
.theme-elegant .light-content input[type="color"]:focus,
|
||||
.theme-elegant .light-content select:focus,
|
||||
.theme-elegant .light-content textarea:focus {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-elegant .form-tip,
|
||||
.theme-elegant .form-tip a {
|
||||
font-size: 13px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.theme-elegant .btn-mod.btn-large {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.theme-elegant .inner-nav ul {
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-elegant .inner-nav ul li {
|
||||
margin: 0 22px;
|
||||
}
|
||||
.theme-elegant .main-nav.dark .inner-nav ul > li > a {
|
||||
opacity: 0.625;
|
||||
}
|
||||
.theme-elegant .btn-mod,
|
||||
.theme-elegant a.btn-mod {
|
||||
font-weight: 500;
|
||||
border-width: 2px;
|
||||
}
|
||||
.theme-elegant .btn-mod.btn-border,
|
||||
.theme-elegant .btn-mod.btn-border-c,
|
||||
.theme-elegant .btn-mod.btn-border-w,
|
||||
.theme-elegant .btn-mod.btn-border-w-light {
|
||||
border-width: 2px;
|
||||
}
|
||||
.theme-elegant .btn-mod.btn-small {
|
||||
height: auto;
|
||||
padding: 7px 20px;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.085em;
|
||||
}
|
||||
.theme-elegant .btn-mod.btn-border-w {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-elegant .link-hover-anim {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-elegant .link-strong .icon {
|
||||
position: relative;
|
||||
top: 0;
|
||||
max-width: 1.2em;
|
||||
max-height: 1.2em;
|
||||
}
|
||||
.theme-elegant .section-title {
|
||||
font-size: 34px !important;
|
||||
font-weight: 300 !important;
|
||||
line-height: 1.2 !important;
|
||||
letter-spacing: 0 !important;
|
||||
}
|
||||
.theme-elegant .section-title-small {
|
||||
font-size: 34px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-elegant .section-title-tiny {
|
||||
font-size: 20px !important;
|
||||
font-weight: 300 !important;
|
||||
line-height: 1.6 !important;
|
||||
}
|
||||
.theme-elegant .section-descr {
|
||||
color: var(--color-dark-4) !important;
|
||||
font-weight: 300 !important;
|
||||
}
|
||||
.theme-elegant .light-content .section-descr {
|
||||
color: #fff !important;
|
||||
}
|
||||
.theme-elegant .light-content .text-gray {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.theme-elegant .team-item-detail {
|
||||
transform: translate(-50%, 0);
|
||||
opacity: 1;
|
||||
will-change: unset;
|
||||
}
|
||||
.theme-elegant .team-item-name {
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.059em;
|
||||
}
|
||||
.theme-elegant .team-item-role {
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-elegant .team-item-detail:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-elegant .team-social-links a {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 2px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: var(--box-shadow);
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
transition: all 0.27s var(--ease-out-medium);
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(2) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(3) {
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(4) {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(5) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(6) {
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(7) {
|
||||
transition-delay: 0.6s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:nth-child(8) {
|
||||
transition-delay: 0.7s;
|
||||
}
|
||||
.theme-elegant .team-social-links a:not(.team-social-links a:last-child) {
|
||||
border: none;
|
||||
}
|
||||
.theme-elegant .team-social-links a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.no-mobile .theme-elegant .team-item:hover .team-social-links a,
|
||||
.theme-elegant .team-item.js-active .team-social-links a {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.theme-elegant .services-3-icon {
|
||||
margin: 0 auto 35px;
|
||||
}
|
||||
.theme-elegant .services-3-title {
|
||||
font-weight: 300;
|
||||
}
|
||||
.theme-elegant .services-3-text {
|
||||
line-height: 1.75;
|
||||
}
|
||||
.theme-elegant .works-grid.hide-titles .work-title {
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-elegant .works-grid.hide-titles .work-descr {
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-elegant .post-prev-container {
|
||||
overflow: hidden;
|
||||
border-radius: var(--border-radius-default);
|
||||
box-shadow: var(--box-shadow-block);
|
||||
}
|
||||
.theme-elegant .post-prev-container:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-elegant .post-prev-title {
|
||||
margin-bottom: 15px;
|
||||
font-size: 21px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.523;
|
||||
}
|
||||
.theme-elegant .post-prev-text {
|
||||
margin-bottom: 30px;
|
||||
font-size: 15px;
|
||||
line-height: 1.86;
|
||||
}
|
||||
.theme-elegant .post-prev-info {
|
||||
position: relative;
|
||||
padding-top: 15px !important;
|
||||
padding-bottom: 15px !important;
|
||||
}
|
||||
.theme-elegant .post-prev-info:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: var(--color-dark-1);
|
||||
opacity: 0.08;
|
||||
}
|
||||
.theme-elegant .post-prev-info,
|
||||
.theme-elegant .post-prev-info a {
|
||||
font-size: 13px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.theme-elegant .light-content .post-prev-container {
|
||||
overflow: hidden;
|
||||
background: var(--color-dark-3);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
box-shadow: var(--box-shadow-block);
|
||||
}
|
||||
.theme-elegant a.blog-item-more {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-elegant .newsletter-elegant input.newsletter-field {
|
||||
font-weight: 300 !important;
|
||||
}
|
||||
.theme-elegant .pagination a,
|
||||
.theme-elegant .pagination span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-elegant .widget-title {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-elegant .blog-item-body {
|
||||
font-size: 18px;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
.theme-elegant .comment-item {
|
||||
line-height: 1.8;
|
||||
}
|
||||
.theme-elegant .ci-title {
|
||||
margin-bottom: 7px;
|
||||
font-size: 21px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-elegant .ci-text {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-elegant .ci-link {
|
||||
font-size: 13px;
|
||||
}
|
||||
.theme-elegant .ci-link a:hover {
|
||||
opacity: 0.67;
|
||||
}
|
||||
.theme-elegant .footer-text {
|
||||
line-height: 1.85;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.theme-elegant .footer-text a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.theme-elegant .footer-made {
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.theme-elegant .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-elegant .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-elegant .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-elegant .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-elegant .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-elegant .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-elegant .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-elegant .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-elegant .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-elegant .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-elegant .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-elegant .tpl-minimal-tabs {
|
||||
font-size: 16px;
|
||||
letter-spacing: inherit;
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-elegant .alt-features-title {
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-elegant .alt-features-descr {
|
||||
font-size: 15px;
|
||||
}
|
||||
.theme-elegant .features-list-icon {
|
||||
top: 0.17em;
|
||||
margin-right: 8px;
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-elegant {
|
||||
--section-padding-y: 140px;
|
||||
}
|
||||
.theme-elegant .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-elegant .section-title {
|
||||
font-size: calc(1.635rem + 0.57vw) !important;
|
||||
}
|
||||
.theme-elegant .section-title-small {
|
||||
font-size: calc(1.635rem + 0.57vw);
|
||||
}
|
||||
}
|
||||
@ -1,912 +0,0 @@
|
||||
.theme-fancy {
|
||||
--font-global: "Inter", sans-serif;
|
||||
--font-alt: "Inter", sans-serif;
|
||||
--color-dark-1: #343d55;
|
||||
--color-dark-2: #3f4963;
|
||||
--color-dark-3: #3f485e;
|
||||
--color-dark-3a: #4e5a76;
|
||||
--color-dark-4: #555960;
|
||||
--color-gray-1: #697582;
|
||||
--color-gray-2: #747f8c;
|
||||
--color-gray-3: #8a95a2;
|
||||
--color-primary-1: #335cd6;
|
||||
--color-primary-1-a: #316be2;
|
||||
--color-primary-light-1: #eaf0fd;
|
||||
--color-primary-light-1-a: #bccaf1;
|
||||
--color-primary-2: #7752e7;
|
||||
--color-primary-light-2: #e7defe;
|
||||
--color-primary-3: #b947d9;
|
||||
--color-primary-light-3: #f7defe;
|
||||
--color-primary-4: #e748b1;
|
||||
--color-primary-light-4: #ffe1f5;
|
||||
--color-secondary-1: #fbe3a1;
|
||||
--color-gray-light-1: #f1f3f6;
|
||||
--color-gray-light-2: #f7f9fc;
|
||||
--color-gray-light-3: #cad0d7;
|
||||
--color-gray-light-4: #d5d7d8;
|
||||
--color-gray-light-5: #cccdcf;
|
||||
--color-gray-light-6: #bbbdbf;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%);
|
||||
--border-radius-default: 10px;
|
||||
--box-shadow: 0px 5px 10px 0px rgba(42, 54, 79, 0.05),
|
||||
0px 1px 1px 0px rgba(42, 54, 79, 0.03),
|
||||
0px 3px 5px 0px rgba(42, 54, 79, 0.03);
|
||||
--box-shadow-strong: 0px 5px 10px 0px rgba(42, 54, 79, 0.08),
|
||||
0px 1px 1px 0px rgba(42, 54, 79, 0.06),
|
||||
0px 3px 5px 0px rgba(42, 54, 79, 0.06);
|
||||
--box-shadow-block: 0px 1px 1px 0px rgba(42, 54, 79, 0.02),
|
||||
0px 2px 4px 0px rgba(42, 54, 79, 0.02),
|
||||
0px 4px 8px 0px rgba(42, 54, 79, 0.02),
|
||||
0px 0px 20px 0px rgba(42, 54, 79, 0.08);
|
||||
--box-shadow-block-strong: 0px 1px 1px 0px rgba(42, 54, 79, 0.05),
|
||||
0px 4px 12px 0px rgba(42, 54, 79, 0.05),
|
||||
0px 10px 20px 0px rgba(42, 54, 79, 0.05),
|
||||
0px 10px 38px 0px rgba(42, 54, 79, 0.12);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 1.625;
|
||||
letter-spacing: -0.0025em;
|
||||
}
|
||||
.theme-fancy .dark-mode {
|
||||
--color-primary-1: #5d86fe;
|
||||
--color-primary-2: #a080ff;
|
||||
--color-primary-3: #dc5fff;
|
||||
--color-primary-4: #ff68cc;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
}
|
||||
.theme-fancy h1,
|
||||
.theme-fancy h2,
|
||||
.theme-fancy h3,
|
||||
.theme-fancy h4,
|
||||
.theme-fancy h5,
|
||||
.theme-fancy h6,
|
||||
.theme-fancy .h1,
|
||||
.theme-fancy .h2,
|
||||
.theme-fancy .h3,
|
||||
.theme-fancy .h4,
|
||||
.theme-fancy .h5,
|
||||
.theme-fancy .h6 {
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy h3,
|
||||
.theme-fancy .h3 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.theme-fancy b,
|
||||
.theme-fancy strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-fancy .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.theme-fancy blockquote p {
|
||||
position: relative;
|
||||
letter-spacing: -0.0225em;
|
||||
}
|
||||
.theme-fancy hr:not([size]) {
|
||||
background: var(--color-dark-1);
|
||||
height: 2px;
|
||||
opacity: 0.055;
|
||||
}
|
||||
.theme-fancy .dark-mode hr.white {
|
||||
background-color: #fff;
|
||||
opacity: 0.0557 !important;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha:before,
|
||||
.theme-fancy .bg-dark-alpha .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.97;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-30:before,
|
||||
.theme-fancy .bg-dark-alpha-30 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-50:before,
|
||||
.theme-fancy .bg-dark-alpha-50 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-60:before,
|
||||
.theme-fancy .bg-dark-alpha-60 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-70:before,
|
||||
.theme-fancy .bg-dark-alpha-70 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-80:before,
|
||||
.theme-fancy .bg-dark-alpha-80 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.theme-fancy .bg-dark-alpha-90:before,
|
||||
.theme-fancy .bg-dark-alpha-90 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-fancy .light-content .section-caption-fancy {
|
||||
background-image: linear-gradient(
|
||||
15deg,
|
||||
rgba(18, 29, 51, 0.75) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-fancy .light-content .section-caption-slick {
|
||||
color: #fff;
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
rgba(18, 29, 51, 0.75) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-fancy .main-nav.dark {
|
||||
background-color: rgba(16, 24, 40, 0.8777);
|
||||
}
|
||||
.theme-fancy .main-nav.dark-mode {
|
||||
background-color: rgba(69, 77, 102, 0.9);
|
||||
}
|
||||
.theme-fancy .inner-nav ul {
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.theme-fancy .inner-nav ul li {
|
||||
margin: 0 18.5px;
|
||||
}
|
||||
.theme-fancy .inner-nav > ul > li > a {
|
||||
position: relative;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-fancy .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% - 0.5em);
|
||||
right: -0.39em;
|
||||
display: block;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: var(--color-primary-1);
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
transition: var(--transition-default);
|
||||
}
|
||||
.theme-fancy .inner-nav ul li a:hover:before,
|
||||
.theme-fancy .inner-nav ul li a.active:before {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.theme-fancy .main-nav.dark .inner-nav ul li a:not(.no-hover):before {
|
||||
background: var(--color-primary-1-a);
|
||||
}
|
||||
.theme-fancy .mn-sub {
|
||||
background: rgba(74, 82, 107, 0.9927);
|
||||
}
|
||||
.theme-fancy .mobile-on .desktop-nav ul {
|
||||
background: rgba(74, 82, 107, 0.9927);
|
||||
}
|
||||
.theme-fancy .mobile-on .desktop-nav ul li a,
|
||||
.theme-fancy .inner-nav ul li .mn-sub li a,
|
||||
.theme-fancy .mn-group-title {
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
.theme-fancy .form label {
|
||||
margin-bottom: 15px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy .form .form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-fancy .form-tip,
|
||||
.theme-fancy .form-tip a {
|
||||
font-size: 13px;
|
||||
line-height: 1.53;
|
||||
}
|
||||
.theme-fancy .form input[type="text"],
|
||||
.theme-fancy .form input[type="email"],
|
||||
.theme-fancy .form input[type="number"],
|
||||
.theme-fancy .form input[type="url"],
|
||||
.theme-fancy .form input[type="search"],
|
||||
.theme-fancy .form input[type="tel"],
|
||||
.theme-fancy .form input[type="password"],
|
||||
.theme-fancy .form input[type="date"],
|
||||
.theme-fancy .form input[type="color"],
|
||||
.theme-fancy .form select,
|
||||
.theme-fancy .form textarea {
|
||||
border-color: rgba(52, 61, 85, 0.183);
|
||||
}
|
||||
.theme-fancy .form select:not([multiple]) {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
|
||||
}
|
||||
.theme-fancy .form input[type="text"]:hover,
|
||||
.theme-fancy .form input[type="email"]:hover,
|
||||
.theme-fancy .form input[type="number"]:hover,
|
||||
.theme-fancy .form input[type="url"]:hover,
|
||||
.theme-fancy .form input[type="search"]:hover,
|
||||
.theme-fancy .form input[type="tel"]:hover,
|
||||
.theme-fancy .form input[type="password"]:hover,
|
||||
.theme-fancy .form input[type="date"]:hover,
|
||||
.theme-fancy .form input[type="color"]:hover,
|
||||
.theme-fancy .form select:hover,
|
||||
.theme-fancy .form textarea:hover {
|
||||
border-color: rgba(52, 61, 85, 0.38);
|
||||
}
|
||||
.theme-fancy .form input[type="text"]:focus,
|
||||
.theme-fancy .form input[type="email"]:focus,
|
||||
.theme-fancy .form input[type="number"]:focus,
|
||||
.theme-fancy .form input[type="url"]:focus,
|
||||
.theme-fancy .form input[type="search"]:focus,
|
||||
.theme-fancy .form input[type="tel"]:focus,
|
||||
.theme-fancy .form input[type="password"]:focus,
|
||||
.theme-fancy .form input[type="date"]:focus,
|
||||
.theme-fancy .form input[type="color"]:focus,
|
||||
.theme-fancy .form select:focus,
|
||||
.theme-fancy .form textarea:focus {
|
||||
border-color: rgba(52, 61, 85, 0.7);
|
||||
box-shadow: 0 0 3px rgba(52, 61, 85, 0.3);
|
||||
}
|
||||
.theme-fancy .form input[type="text"]::placeholder,
|
||||
.theme-fancy .form input[type="email"]::placeholder,
|
||||
.theme-fancy .form input[type="number"]::placeholder,
|
||||
.theme-fancy .form input[type="url"]::placeholder,
|
||||
.theme-fancy .form input[type="search"]::placeholder,
|
||||
.theme-fancy .form input[type="tel"]::placeholder,
|
||||
.theme-fancy .form input[type="password"]::placeholder,
|
||||
.theme-fancy .form input[type="date"]::placeholder,
|
||||
.theme-fancy .form input[type="color"]::placeholder,
|
||||
.theme-fancy .form select::placeholder,
|
||||
.theme-fancy .form textarea::placeholder {
|
||||
color: var(--color-gray-3);
|
||||
}
|
||||
.theme-fancy .form input[type="text"].input-md,
|
||||
.theme-fancy .form input[type="email"].input-md,
|
||||
.theme-fancy .form input[type="number"].input-md,
|
||||
.theme-fancy .form input[type="url"].input-md,
|
||||
.theme-fancy .form input[type="search"].input-md,
|
||||
.theme-fancy .form input[type="tel"].input-md,
|
||||
.theme-fancy .form input[type="password"].input-md,
|
||||
.theme-fancy .form input[type="date"].input-md,
|
||||
.theme-fancy .form input[type="color"].input-md,
|
||||
.theme-fancy .form select.input-md {
|
||||
height: 47px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-fancy .form textarea.input-md {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-fancy .form input[type="text"].input-lg,
|
||||
.theme-fancy .form input[type="email"].input-lg,
|
||||
.theme-fancy .form input[type="number"].input-lg,
|
||||
.theme-fancy .form input[type="url"].input-lg,
|
||||
.theme-fancy .form input[type="search"].input-lg,
|
||||
.theme-fancy .form input[type="tel"].input-lg,
|
||||
.theme-fancy .form input[type="password"].input-lg,
|
||||
.theme-fancy .form input[type="date"].input-lg,
|
||||
.theme-fancy .form input[type="color"].input-lg,
|
||||
.theme-fancy .form select.input-lg {
|
||||
height: 52px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-fancy .form textarea.input-lg {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-fancy .icon-info {
|
||||
top: 0.07em;
|
||||
}
|
||||
.theme-fancy .light-content input[type="text"],
|
||||
.theme-fancy .light-content input[type="email"],
|
||||
.theme-fancy .light-content input[type="number"],
|
||||
.theme-fancy .light-content input[type="url"],
|
||||
.theme-fancy .light-content input[type="search"],
|
||||
.theme-fancy .light-content input[type="tel"],
|
||||
.theme-fancy .light-content input[type="password"],
|
||||
.theme-fancy .light-content input[type="date"],
|
||||
.theme-fancy .light-content input[type="color"],
|
||||
.theme-fancy .light-content select,
|
||||
.theme-fancy .light-content textarea {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-fancy .light-content input[type="text"]:hover,
|
||||
.theme-fancy .light-content input[type="email"]:hover,
|
||||
.theme-fancy .light-content input[type="number"]:hover,
|
||||
.theme-fancy .light-content input[type="url"]:hover,
|
||||
.theme-fancy .light-content input[type="search"]:hover,
|
||||
.theme-fancy .light-content input[type="tel"]:hover,
|
||||
.theme-fancy .light-content input[type="password"]:hover,
|
||||
.theme-fancy .light-content input[type="date"]:hover,
|
||||
.theme-fancy .light-content input[type="color"]:hover,
|
||||
.theme-fancy .light-content select:hover,
|
||||
.theme-fancy .light-content textarea:hover {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-fancy .light-content input[type="text"]:focus,
|
||||
.theme-fancy .light-content input[type="email"]:focus,
|
||||
.theme-fancy .light-content input[type="number"]:focus,
|
||||
.theme-fancy .light-content input[type="url"]:focus,
|
||||
.theme-fancy .light-content input[type="search"]:focus,
|
||||
.theme-fancy .light-content input[type="tel"]:focus,
|
||||
.theme-fancy .light-content input[type="password"]:focus,
|
||||
.theme-fancy .light-content input[type="date"]:focus,
|
||||
.theme-fancy .light-content input[type="color"]:focus,
|
||||
.theme-fancy .light-content select:focus,
|
||||
.theme-fancy .light-content textarea:focus {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-fancy .btn-mod,
|
||||
.theme-fancy a.btn-mod {
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy .btn-mod.btn-border-c {
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-fancy .btn-mod.btn-border-c:hover,
|
||||
.theme-fancy .btn-mod.btn-border-c:focus {
|
||||
background: transparent;
|
||||
color: var(--color-primary-1);
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-fancy .btn-mod.btn-small {
|
||||
padding: 12px 22px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.085em;
|
||||
}
|
||||
.theme-fancy .btn-mod.btn-medium {
|
||||
padding: 12px 22px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.085em;
|
||||
}
|
||||
.theme-fancy .btn-mod.btn-large {
|
||||
padding: 15px 36px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.085em;
|
||||
}
|
||||
.theme-fancy .big-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .inner-nav > ul > li > a .btn-mod.btn-w {
|
||||
background: #fff;
|
||||
}
|
||||
.theme-fancy .hs-title-1,
|
||||
.theme-fancy .hs-title-9,
|
||||
.theme-fancy .hs-title-8,
|
||||
.theme-fancy .hs-title-10 {
|
||||
font-weight: 700 !important;
|
||||
letter-spacing: -0.0399em !important;
|
||||
}
|
||||
.theme-fancy .composition-4-image-1 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-fancy .composition-4-image-2 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-fancy .scroll-down-1-icon:before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-fancy .scroll-down-1-icon svg,
|
||||
.theme-fancy .scroll-down-1-icon img {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-fancy .scroll-down-1-icon i {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-fancy .scroll-down-1-text {
|
||||
font-weight: 500;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
|
||||
}
|
||||
.theme-fancy .section-title {
|
||||
font-size: 48px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 1.25 !important;
|
||||
}
|
||||
.theme-fancy .section-title-small {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
letter-spacing: -0.0285em;
|
||||
}
|
||||
.theme-fancy .section-title-tiny {
|
||||
font-size: 22px !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
.theme-fancy .section-descr {
|
||||
font-size: 20px !important;
|
||||
line-height: 1.625 !important;
|
||||
letter-spacing: -0.01239em !important;
|
||||
}
|
||||
.theme-fancy .light-content .section-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-fancy .light-content .toggle,
|
||||
.theme-fancy .light-content .toggle > dt > a,
|
||||
.theme-fancy .light-content .accordion,
|
||||
.theme-fancy .light-content .accordion > dt > a {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-fancy .accordion > dt > a:after,
|
||||
.theme-fancy .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .light-content .accordion > dt > a:after,
|
||||
.theme-fancy .light-content .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy a.link-hover-anim,
|
||||
.theme-fancy a.link-hover-anim:hover {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
color: var(--color-primary-1);
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-fancy .link-strong i {
|
||||
position: relative;
|
||||
top: -0.1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.theme-fancy .link-strong-hovered {
|
||||
top: 0;
|
||||
}
|
||||
.theme-fancy .light-content .link-strong,
|
||||
.theme-fancy .light-content .link-hover-anim {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-fancy .services-5-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy .features-list {
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-fancy .features-list-icon {
|
||||
color: var(--color-primary-1);
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-light-1) 0%,
|
||||
#fff 100%
|
||||
);
|
||||
}
|
||||
.theme-fancy .light-content .features-list-icon {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .works-grid.work-grid-fancy .work-title {
|
||||
margin-bottom: 5px;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-fancy .works-grid.work-grid-fancy .work-descr {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-fancy .work-img-bg {
|
||||
background: var(--color-gray-light-2);
|
||||
}
|
||||
.theme-fancy .number-1-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy .testimonials-4-text p {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-fancy .testimonials-4-author {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-fancy .testimonials-4-author .small {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-fancy .post-prev-container {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-radius: var(--border-radius-default);
|
||||
box-shadow: var(--box-shadow-block);
|
||||
isolation: isolate;
|
||||
transform: translateZ(0);
|
||||
transition: all 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-fancy .post-prev-container:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-fancy .post-prev-container:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: var(--box-shadow-block-strong);
|
||||
}
|
||||
.theme-fancy .post-prev-title {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-fancy .post-prev-img a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-fancy .post-prev-img a:hover img {
|
||||
transform: translateZ(0.1px);
|
||||
}
|
||||
.theme-fancy .post-prev-title {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.theme-fancy .post-prev-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-fancy .post-prev-text {
|
||||
line-height: 1.625;
|
||||
}
|
||||
.theme-fancy .post-prev-info,
|
||||
.theme-fancy .post-prev-info a {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-fancy .post-prev-title,
|
||||
.theme-fancy .post-prev-text,
|
||||
.theme-fancy .post-prev-info {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.theme-fancy .post-prev-container > *:last-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.theme-fancy .post-prev-author-img {
|
||||
margin-top: -5px;
|
||||
}
|
||||
.theme-fancy .light-content .post-prev-container {
|
||||
background: var(--color-dark-3);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
}
|
||||
.theme-fancy .pagination a.active,
|
||||
.theme-fancy .pagination a.active:hover {
|
||||
border-color: var(--color-primary-1);
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .widget-menu li a {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-fancy .blog-item-body {
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-fancy .widget-body img {
|
||||
border-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.059em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs li {
|
||||
padding: 0;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:focus {
|
||||
position: relative;
|
||||
margin: 0 !important;
|
||||
padding: 10px 20px;
|
||||
color: var(--color-gray-1);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
isolation: isolate;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.3;
|
||||
transition: var(--transition-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:after,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:hover:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
background: var(--color-primary-1);
|
||||
transform: none;
|
||||
transition: all 0.2s var(--ease-out-short);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li:not(:first-child) > a:before,
|
||||
.theme-fancy .tpl-minimal-tabs > li:not(:first-child) > a:after {
|
||||
width: calc(100% + 1px);
|
||||
margin-left: -1px;
|
||||
border-left: none;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li:first-child > a:before,
|
||||
.theme-fancy .tpl-minimal-tabs > li:first-child > a:after {
|
||||
border-top-left-radius: var(--border-radius-default);
|
||||
border-bottom-left-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li:last-child > a:before,
|
||||
.theme-fancy .tpl-minimal-tabs > li:last-child > a:after {
|
||||
border-top-right-radius: var(--border-radius-default);
|
||||
border-bottom-right-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a.active,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a.active:hover {
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a.active:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-fancy .light-content .tpl-minimal-tabs > li > a,
|
||||
.theme-fancy .light-content .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-fancy .light-content .tpl-minimal-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-fancy .light-content .tpl-minimal-tabs > li > a:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
.theme-fancy .light-content .tpl-minimal-tabs li a.active,
|
||||
.theme-fancy .light-content .tpl-minimal-tabs li a.active:hover {
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-fancy .pricing-title {
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.0175em;
|
||||
}
|
||||
.theme-fancy .pricing-num {
|
||||
font-weight: 700;
|
||||
}
|
||||
.theme-fancy .contact-item {
|
||||
padding-left: 69px;
|
||||
}
|
||||
.theme-fancy .contact-item a.link-hover-anim,
|
||||
.theme-fancy .contact-item a.link-hover-anim:hover {
|
||||
font-size: 13px;
|
||||
}
|
||||
.theme-fancy a.link-hover-anim i {
|
||||
top: -0.05em;
|
||||
}
|
||||
.theme-fancy .ci-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
line-height: 46px;
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .ci-icon:before {
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-light-1) 0%,
|
||||
#fff 100%
|
||||
);
|
||||
}
|
||||
.theme-fancy .ci-text {
|
||||
margin-bottom: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-fancy .mt-icon:before {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .light-content .ci-icon {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-fancy .light-content .ci-icon:before {
|
||||
background: var(--color-primary-1);
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-fancy .footer b,
|
||||
.theme-fancy .footer strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-fancy .fw-title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-fancy .fw-menu li:not(:last-child) {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.theme-fancy .footer a.link-to-top,
|
||||
.theme-fancy .footer a.link-to-top:hover {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-fancy .appear-animate .linesAnimIn .word {
|
||||
transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg);
|
||||
transition: all 0.8s var(--ease-out-short);
|
||||
transition-delay: calc(0.065s * var(--line-index));
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce), print {
|
||||
.theme-fancy .appear-animate .linesAnimIn .word {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
.theme-fancy .linesAnimIn.animated .word,
|
||||
.theme-fancy .mobile .linesAnimIn .word {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.theme-fancy .mfp-bg {
|
||||
background: var(--color-dark-1);
|
||||
}
|
||||
.theme-fancy .steps-1-number {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .light-content .steps-1-number {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-fancy .light-content .map-section {
|
||||
background: rgba(16, 24, 40, 0.92);
|
||||
}
|
||||
.theme-fancy .light-content .map-section:hover {
|
||||
background: rgba(16, 24, 40, 0.88);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-fancy .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-fancy .hs-title-1 {
|
||||
font-size: calc(1.253rem + 2.49vw);
|
||||
}
|
||||
.theme-fancy .section-title {
|
||||
font-size: calc(1.041rem + 2.29vw) !important;
|
||||
}
|
||||
.theme-fancy .section-title-small {
|
||||
font-size: calc(1.521rem + 1.15vw);
|
||||
}
|
||||
.theme-fancy .section-descr {
|
||||
font-size: calc(1.005rem + 0.29vw) !important;
|
||||
}
|
||||
.theme-fancy .features-list,
|
||||
.theme-fancy .number-1-descr {
|
||||
font-size: calc(0.962rem + 0.19vw);
|
||||
}
|
||||
.theme-fancy .works-grid.work-grid-fancy .work-title,
|
||||
.theme-fancy .post-prev-title {
|
||||
font-size: calc(0.967rem + 0.48vw);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.theme-fancy .inner-nav ul li {
|
||||
margin: 0 12px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.theme-fancy .tpl-minimal-tabs > li {
|
||||
margin: 2px !important;
|
||||
width: 46%;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a.active:after,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:hover:after {
|
||||
transform: none;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:before,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:after {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:before {
|
||||
border: 1px solid var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:before,
|
||||
.theme-fancy .tpl-minimal-tabs > li > a:after {
|
||||
border-radius: var(--border-radius-default);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.theme-fancy .tpl-minimal-tabs > li {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
@ -1,902 +0,0 @@
|
||||
.theme-gradient {
|
||||
--font-global: "Plus Jakarta Sans", sans-serif;
|
||||
--font-alt: "Plus Jakarta Sans", sans-serif;
|
||||
--section-padding-y: 140px;
|
||||
--color-dark-1: #2f3749;
|
||||
--color-dark-2: #384053;
|
||||
--color-dark-3: #414a5e;
|
||||
--color-dark-3a: #4e5a76;
|
||||
--color-dark-4: #555960;
|
||||
--color-gray-1: #6f7780;
|
||||
--color-gray-2: #747f8c;
|
||||
--color-gray-3: #8a95a2;
|
||||
--color-primary-1: #4567ed;
|
||||
--color-primary-1-a: #375ae3;
|
||||
--color-primary-light-1: #e3effe;
|
||||
--color-primary-light-1-a: #bcd1f1;
|
||||
--color-primary-2: #7752e7;
|
||||
--color-primary-light-2: #e7defe;
|
||||
--color-primary-3: #b947d9;
|
||||
--color-primary-light-3: #f7defe;
|
||||
--color-primary-4: #e748b1;
|
||||
--color-primary-light-4: #ffe1f5;
|
||||
--color-secondary-1: #fbe3a1;
|
||||
--color-gray-light-1: #f5f7fa;
|
||||
--color-gray-light-2: #f7f9fc;
|
||||
--color-gray-light-3: #cad0d7;
|
||||
--color-gray-light-4: #d5d7d8;
|
||||
--color-gray-light-5: #cccdcf;
|
||||
--color-gray-light-6: #bbbdbf;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f7f9fc 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f7f9fc 100%);
|
||||
--border-radius-default: 5px;
|
||||
--box-shadow: 0px 5px 10px 0px rgba(30, 36, 50, 0.05),
|
||||
0px 1px 1px 0px rgba(30, 36, 50, 0.03),
|
||||
0px 3px 5px 0px rgba(30, 36, 50, 0.03);
|
||||
--box-shadow-strong: 0px 5px 10px 0px rgba(30, 36, 50, 0.08),
|
||||
0px 1px 1px 0px rgba(30, 36, 50, 0.06),
|
||||
0px 3px 5px 0px rgba(30, 36, 50, 0.06);
|
||||
--box-shadow-block: 0px 10px 30px 0px rgba(30, 36, 50, 0.07),
|
||||
0px 0px 1px 0px rgba(30, 36, 50, 0.1);
|
||||
--box-shadow-block-strong: 0px 15px 50px 0px rgba(30, 36, 50, 0.14),
|
||||
0px 0px 1px 0px rgba(30, 36, 50, 0.15);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
line-height: 1.75;
|
||||
letter-spacing: normal;
|
||||
word-spacing: 0.1em;
|
||||
}
|
||||
.theme-gradient .dark-mode {
|
||||
--color-primary-1: #7f99ff;
|
||||
--color-primary-2: #a080ff;
|
||||
--color-primary-3: #dc5fff;
|
||||
--color-primary-4: #ff68cc;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
}
|
||||
.theme-gradient h1,
|
||||
.theme-gradient h2,
|
||||
.theme-gradient h3,
|
||||
.theme-gradient h4,
|
||||
.theme-gradient h5,
|
||||
.theme-gradient h6,
|
||||
.theme-gradient .h1,
|
||||
.theme-gradient .h2,
|
||||
.theme-gradient .h3,
|
||||
.theme-gradient .h4,
|
||||
.theme-gradient .h5,
|
||||
.theme-gradient .h6 {
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.theme-gradient h3,
|
||||
.theme-gradient .h3 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.theme-gradient b,
|
||||
.theme-gradient strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.theme-gradient hr:not([size]) {
|
||||
background: var(--color-dark-1);
|
||||
height: 1px;
|
||||
opacity: 0.1;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha:before,
|
||||
.theme-gradient .bg-dark-alpha .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.97;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-30:before,
|
||||
.theme-gradient .bg-dark-alpha-30 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-50:before,
|
||||
.theme-gradient .bg-dark-alpha-50 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-60:before,
|
||||
.theme-gradient .bg-dark-alpha-60 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-70:before,
|
||||
.theme-gradient .bg-dark-alpha-70 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-80:before,
|
||||
.theme-gradient .bg-dark-alpha-80 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.theme-gradient .bg-dark-alpha-90:before,
|
||||
.theme-gradient .bg-dark-alpha-90 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-gradient .scroll-down-4 {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-gradient .hs-status {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-gradient .light-content .section-caption-fancy {
|
||||
background-image: linear-gradient(
|
||||
15deg,
|
||||
rgba(18, 29, 51, 0.75) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-gradient .main-nav.dark {
|
||||
background-color: rgba(16, 24, 40, 0.8777);
|
||||
}
|
||||
.theme-gradient .main-nav.dark-mode {
|
||||
background-color: rgba(65, 75, 92, 0.9);
|
||||
}
|
||||
.theme-gradient .inner-nav ul {
|
||||
font-size: 16px;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .inner-nav ul li {
|
||||
margin: 0 18px;
|
||||
}
|
||||
.theme-gradient .inner-nav > ul > li > a {
|
||||
opacity: 0.775;
|
||||
}
|
||||
.theme-gradient .inner-nav ul li a {
|
||||
position: relative;
|
||||
}
|
||||
.theme-gradient .mn-sub {
|
||||
background: rgba(72, 80, 100, 0.9927);
|
||||
}
|
||||
.theme-gradient .mobile-on .desktop-nav ul {
|
||||
background: rgba(72, 80, 100, 0.99);
|
||||
}
|
||||
.theme-gradient .mobile-on .desktop-nav ul li a,
|
||||
.theme-gradient .inner-nav ul li .mn-sub li a,
|
||||
.theme-gradient .mn-group-title {
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
.theme-gradient .form label {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-gradient .form .form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-gradient .form-tip,
|
||||
.theme-gradient .form-tip a {
|
||||
color: var(--color-dark-1);
|
||||
font-size: 13px;
|
||||
line-height: 1.53;
|
||||
}
|
||||
.theme-gradient .form-tip a:hover {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-gradient .form input[type="text"],
|
||||
.theme-gradient .form input[type="email"],
|
||||
.theme-gradient .form input[type="number"],
|
||||
.theme-gradient .form input[type="url"],
|
||||
.theme-gradient .form input[type="search"],
|
||||
.theme-gradient .form input[type="tel"],
|
||||
.theme-gradient .form input[type="password"],
|
||||
.theme-gradient .form input[type="date"],
|
||||
.theme-gradient .form input[type="color"],
|
||||
.theme-gradient .form select,
|
||||
.theme-gradient .form textarea {
|
||||
border-color: rgba(52, 61, 85, 0.183);
|
||||
}
|
||||
.theme-gradient .form select:not([multiple]) {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="#343d55" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
|
||||
}
|
||||
.theme-gradient .form input[type="text"]:hover,
|
||||
.theme-gradient .form input[type="email"]:hover,
|
||||
.theme-gradient .form input[type="number"]:hover,
|
||||
.theme-gradient .form input[type="url"]:hover,
|
||||
.theme-gradient .form input[type="search"]:hover,
|
||||
.theme-gradient .form input[type="tel"]:hover,
|
||||
.theme-gradient .form input[type="password"]:hover,
|
||||
.theme-gradient .form input[type="date"]:hover,
|
||||
.theme-gradient .form input[type="color"]:hover,
|
||||
.theme-gradient .form select:hover,
|
||||
.theme-gradient .form textarea:hover {
|
||||
border-color: rgba(52, 61, 85, 0.38);
|
||||
}
|
||||
.theme-gradient .form input[type="text"]:focus,
|
||||
.theme-gradient .form input[type="email"]:focus,
|
||||
.theme-gradient .form input[type="number"]:focus,
|
||||
.theme-gradient .form input[type="url"]:focus,
|
||||
.theme-gradient .form input[type="search"]:focus,
|
||||
.theme-gradient .form input[type="tel"]:focus,
|
||||
.theme-gradient .form input[type="password"]:focus,
|
||||
.theme-gradient .form input[type="date"]:focus,
|
||||
.theme-gradient .form input[type="color"]:focus,
|
||||
.theme-gradient .form select:focus,
|
||||
.theme-gradient .form textarea:focus {
|
||||
border-color: rgba(52, 61, 85, 0.7);
|
||||
box-shadow: 0 0 3px rgba(52, 61, 85, 0.3);
|
||||
}
|
||||
.theme-gradient .form input[type="text"]::placeholder,
|
||||
.theme-gradient .form input[type="email"]::placeholder,
|
||||
.theme-gradient .form input[type="number"]::placeholder,
|
||||
.theme-gradient .form input[type="url"]::placeholder,
|
||||
.theme-gradient .form input[type="search"]::placeholder,
|
||||
.theme-gradient .form input[type="tel"]::placeholder,
|
||||
.theme-gradient .form input[type="password"]::placeholder,
|
||||
.theme-gradient .form input[type="date"]::placeholder,
|
||||
.theme-gradient .form input[type="color"]::placeholder,
|
||||
.theme-gradient .form select::placeholder,
|
||||
.theme-gradient .form textarea::placeholder {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-gradient .form input[type="text"].input-md,
|
||||
.theme-gradient .form input[type="email"].input-md,
|
||||
.theme-gradient .form input[type="number"].input-md,
|
||||
.theme-gradient .form input[type="url"].input-md,
|
||||
.theme-gradient .form input[type="search"].input-md,
|
||||
.theme-gradient .form input[type="tel"].input-md,
|
||||
.theme-gradient .form input[type="password"].input-md,
|
||||
.theme-gradient .form input[type="date"].input-md,
|
||||
.theme-gradient .form input[type="color"].input-md,
|
||||
.theme-gradient .form select.input-md {
|
||||
height: 56px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-gradient .form textarea.input-md {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-gradient .form input[type="text"].input-lg,
|
||||
.theme-gradient .form input[type="email"].input-lg,
|
||||
.theme-gradient .form input[type="number"].input-lg,
|
||||
.theme-gradient .form input[type="url"].input-lg,
|
||||
.theme-gradient .form input[type="search"].input-lg,
|
||||
.theme-gradient .form input[type="tel"].input-lg,
|
||||
.theme-gradient .form input[type="password"].input-lg,
|
||||
.theme-gradient .form input[type="date"].input-lg,
|
||||
.theme-gradient .form input[type="color"].input-lg,
|
||||
.theme-gradient .form select.input-lg {
|
||||
height: 62px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-gradient .light-content input[type="text"],
|
||||
.theme-gradient .light-content input[type="email"],
|
||||
.theme-gradient .light-content input[type="number"],
|
||||
.theme-gradient .light-content input[type="url"],
|
||||
.theme-gradient .light-content input[type="search"],
|
||||
.theme-gradient .light-content input[type="tel"],
|
||||
.theme-gradient .light-content input[type="password"],
|
||||
.theme-gradient .light-content input[type="date"],
|
||||
.theme-gradient .light-content input[type="color"],
|
||||
.theme-gradient .light-content select,
|
||||
.theme-gradient .light-content textarea {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-gradient .light-content input[type="text"]:hover,
|
||||
.theme-gradient .light-content input[type="email"]:hover,
|
||||
.theme-gradient .light-content input[type="number"]:hover,
|
||||
.theme-gradient .light-content input[type="url"]:hover,
|
||||
.theme-gradient .light-content input[type="search"]:hover,
|
||||
.theme-gradient .light-content input[type="tel"]:hover,
|
||||
.theme-gradient .light-content input[type="password"]:hover,
|
||||
.theme-gradient .light-content input[type="date"]:hover,
|
||||
.theme-gradient .light-content input[type="color"]:hover,
|
||||
.theme-gradient .light-content select:hover,
|
||||
.theme-gradient .light-content textarea:hover {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-gradient .light-content input[type="text"]:focus,
|
||||
.theme-gradient .light-content input[type="email"]:focus,
|
||||
.theme-gradient .light-content input[type="number"]:focus,
|
||||
.theme-gradient .light-content input[type="url"]:focus,
|
||||
.theme-gradient .light-content input[type="search"]:focus,
|
||||
.theme-gradient .light-content input[type="tel"]:focus,
|
||||
.theme-gradient .light-content input[type="password"]:focus,
|
||||
.theme-gradient .light-content input[type="date"]:focus,
|
||||
.theme-gradient .light-content input[type="color"]:focus,
|
||||
.theme-gradient .light-content select:focus,
|
||||
.theme-gradient .light-content textarea:focus {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-gradient .icon-info {
|
||||
top: 0.07em;
|
||||
}
|
||||
.theme-gradient .btn-mod,
|
||||
.theme-gradient a.btn-mod {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-border-c {
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-border-c:hover,
|
||||
.theme-gradient .btn-mod.btn-border-c:focus {
|
||||
background: transparent;
|
||||
color: var(--color-primary-1);
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-small {
|
||||
padding: 10px 22px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-grad.btn-small {
|
||||
padding: 11px 22px;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-medium {
|
||||
padding: 15px 40px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-grad.btn-medium {
|
||||
padding: 16px 40px;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-large {
|
||||
padding: 20px 50px 21px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .btn-mod.btn-grad.btn-large {
|
||||
padding: 21px 50px 22px;
|
||||
}
|
||||
.theme-gradient .big-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-gradient .hs-title-1 {
|
||||
font-size: 68px !important;
|
||||
font-weight: 500 !important;
|
||||
line-height: 1.22 !important;
|
||||
letter-spacing: -0.037em !important;
|
||||
}
|
||||
.theme-gradient .light-content .toggle,
|
||||
.theme-gradient .light-content .toggle > dt > a,
|
||||
.theme-gradient .light-content .accordion,
|
||||
.theme-gradient .light-content .accordion > dt > a {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-gradient .accordion > dt > a:after,
|
||||
.theme-gradient .toggle > dt > a:after {
|
||||
background: var(--gradient-primary-1-a);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.theme-gradient .light-content .accordion > dt > a:after,
|
||||
.theme-gradient .light-content .toggle > dt > a:after {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-gradient .composition-4-image-1 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-gradient .composition-4-image-2 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-gradient .scroll-down-1-icon:before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-gradient .scroll-down-1-icon svg,
|
||||
.theme-gradient .scroll-down-1-icon img {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-gradient .scroll-down-1-icon i {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-gradient .scroll-down-1-text {
|
||||
font-weight: 500;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
|
||||
}
|
||||
.theme-gradient .typewrite .wrap:after {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.theme-gradient .section-caption-fancy {
|
||||
padding: 9px 12px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
letter-spacing: 0.1em;
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-light-1) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-gradient .section-title {
|
||||
font-size: 56px !important;
|
||||
font-weight: 500 !important;
|
||||
line-height: 1.25 !important;
|
||||
letter-spacing: -0.03em !important;
|
||||
}
|
||||
.theme-gradient .section-title-small {
|
||||
font-size: 34px;
|
||||
font-weight: 500;
|
||||
line-height: 1.3;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.theme-gradient .section-title-tiny {
|
||||
font-size: 20px !important;
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: normal !important;
|
||||
}
|
||||
.theme-gradient .section-descr {
|
||||
font-size: 19px !important;
|
||||
line-height: 1.736 !important;
|
||||
letter-spacing: normal !important;
|
||||
}
|
||||
.theme-gradient .section-descr-medium {
|
||||
line-height: 1.65 !important;
|
||||
}
|
||||
.theme-gradient a.link-hover-anim,
|
||||
.theme-gradient a.link-hover-anim:hover {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
color: var(--color-primary-1);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.005em;
|
||||
}
|
||||
.theme-gradient .link-strong i {
|
||||
position: relative;
|
||||
top: -0.05em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.theme-gradient .link-strong-hovered {
|
||||
top: 0;
|
||||
}
|
||||
.theme-gradient .features-list {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-gradient .features-list-icon {
|
||||
top: 0.175em;
|
||||
color: var(--color-primary-1);
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-gradient .works-grid.work-grid-fancy .work-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .works-grid.work-grid-fancy .work-descr {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-gradient .work-img-bg {
|
||||
background: var(--color-gray-light-2);
|
||||
}
|
||||
.theme-gradient .number-1-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .features-2-title {
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .testimonials-3-text p {
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
.theme-gradient .testimonials-4-text p {
|
||||
color: var(--color-gray-1);
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-gradient .testimonials-4-author {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .testimonials-4-author .small {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-gradient .post-prev-container {
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
border-radius: var(--border-radius-default);
|
||||
box-shadow: var(--box-shadow-block);
|
||||
isolation: isolate;
|
||||
transform: translateZ(0);
|
||||
transition: all 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-gradient .post-prev-container:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-gradient .post-prev-container:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: var(--box-shadow-block-strong);
|
||||
}
|
||||
.theme-gradient .post-prev-title {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .post-prev-img a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-gradient .post-prev-img a:hover img {
|
||||
transform: translateZ(0.1px);
|
||||
}
|
||||
.theme-gradient .post-prev-title {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.theme-gradient .post-prev-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-gradient .post-prev-text {
|
||||
line-height: 1.625;
|
||||
}
|
||||
.theme-gradient .post-prev-info,
|
||||
.theme-gradient .post-prev-info a {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-gradient .post-prev-title,
|
||||
.theme-gradient .post-prev-text,
|
||||
.theme-gradient .post-prev-info {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.theme-gradient .post-prev-container > *:last-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.theme-gradient .post-prev-3-title {
|
||||
line-height: 1.6363;
|
||||
}
|
||||
.theme-gradient .post-prev-3-text {
|
||||
line-height: 1.75;
|
||||
}
|
||||
.theme-gradient .widget-body img {
|
||||
border-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.059em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs li {
|
||||
padding: 0;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:focus {
|
||||
position: relative;
|
||||
margin: 0 !important;
|
||||
padding: 10px 20px;
|
||||
color: var(--color-gray-1);
|
||||
border: none !important;
|
||||
border-radius: 0 !important;
|
||||
isolation: isolate;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.3;
|
||||
transition: var(--transition-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:after,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:hover:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
background: var(--color-primary-1);
|
||||
transform: none;
|
||||
transition: all 0.2s var(--ease-out-short);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li:not(:first-child) > a:before,
|
||||
.theme-gradient .tpl-minimal-tabs > li:not(:first-child) > a:after {
|
||||
width: calc(100% + 1px);
|
||||
margin-left: -1px;
|
||||
border-left: none;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li:first-child > a:before,
|
||||
.theme-gradient .tpl-minimal-tabs > li:first-child > a:after {
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li:last-child > a:before,
|
||||
.theme-gradient .tpl-minimal-tabs > li:last-child > a:after {
|
||||
border-top-right-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a.active,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a.active:hover {
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a.active:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-gradient .light-content .tpl-minimal-tabs > li > a,
|
||||
.theme-gradient .light-content .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-gradient .light-content .tpl-minimal-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-gradient .light-content .tpl-minimal-tabs > li > a:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
.theme-gradient .light-content .tpl-minimal-tabs li a.active,
|
||||
.theme-gradient .light-content .tpl-minimal-tabs li a.active:hover {
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-gradient .pricing-title {
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.0175em;
|
||||
}
|
||||
.theme-gradient .pricing-num {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-gradient .contact-item {
|
||||
padding-left: 69px;
|
||||
}
|
||||
.theme-gradient .contact-item a.link-hover-anim,
|
||||
.theme-gradient .contact-item a.link-hover-anim:hover {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-gradient a.link-hover-anim i {
|
||||
top: -0.05em;
|
||||
}
|
||||
.theme-gradient .contact-item {
|
||||
padding-left: 72px;
|
||||
}
|
||||
.theme-gradient .ci-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-gradient .ci-icon:before {
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-gradient .ci-text {
|
||||
margin-bottom: 2px;
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.theme-gradient .ci-link {
|
||||
margin-top: 10px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-gradient .ci-link a {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-gradient .light-content .ci-icon {
|
||||
color: var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-gradient .mt-icon:before {
|
||||
background: var(--gradient-primary-1-b);
|
||||
}
|
||||
.theme-gradient .footer b,
|
||||
.theme-gradient .footer strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-gradient .fw-title {
|
||||
margin-bottom: 25px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-gradient .fw-menu li:not(:last-child) {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.theme-gradient .appear-animate .linesAnimIn .word {
|
||||
transform: translateY(37px) translateZ(0) scale(1) rotate(0.02deg);
|
||||
transition: all 0.8s var(--ease-out-short);
|
||||
transition-delay: calc(0.065s * var(--line-index));
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce), print {
|
||||
.theme-gradient .appear-animate .linesAnimIn .word {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
.theme-gradient .linesAnimIn.animated .word,
|
||||
.theme-gradient .mobile .linesAnimIn .word {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.theme-gradient .mfp-bg {
|
||||
background: var(--color-dark-1);
|
||||
}
|
||||
.theme-gradient .steps-1-number {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-gradient .light-content .steps-1-number {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-gradient .light-content .map-section {
|
||||
background: rgba(16, 24, 40, 0.92);
|
||||
}
|
||||
.theme-gradient .light-content .map-section:hover {
|
||||
background: rgba(16, 24, 40, 0.88);
|
||||
}
|
||||
@media only screen and (max-width: 1440px) {
|
||||
.theme-gradient {
|
||||
--section-padding-y: 120px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-gradient .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-gradient .hs-title-1 {
|
||||
font-size: calc(1.108rem + 3.68vw) !important;
|
||||
}
|
||||
.theme-gradient .section-title {
|
||||
font-size: calc(1.582rem + 2.25vw) !important;
|
||||
}
|
||||
.theme-gradient .section-title-small {
|
||||
font-size: calc(1.635rem + 0.57vw) !important;
|
||||
}
|
||||
.theme-gradient .section-descr {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.theme-gradient .features-list,
|
||||
.theme-gradient .number-1-descr {
|
||||
font-size: calc(0.962rem + 0.19vw) !important;
|
||||
}
|
||||
.theme-gradient .works-grid.work-grid-fancy .work-title,
|
||||
.theme-gradient .post-prev-title {
|
||||
font-size: calc(0.967rem + 0.48vw) !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.theme-gradient .inner-nav ul li {
|
||||
margin: 0 12px !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.theme-gradient .tpl-minimal-tabs > li {
|
||||
margin: 2px !important;
|
||||
width: 48%;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a.active:after,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:hover:after {
|
||||
transform: none;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:before,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:after {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:before {
|
||||
border: 1px solid var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:before,
|
||||
.theme-gradient .tpl-minimal-tabs > li > a:after {
|
||||
border-radius: 100px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.theme-gradient .section-descr-medium {
|
||||
font-size: 22px !important;
|
||||
line-height: 1.37 !important;
|
||||
}
|
||||
.theme-gradient .tpl-minimal-tabs > li {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
@ -1,167 +0,0 @@
|
||||
.theme-main .dark-mode {
|
||||
--color-dark-1: #121212;
|
||||
--color-dark-2: #181818;
|
||||
}
|
||||
.theme-main .btn-mod i.align-center:before {
|
||||
transform: translateY(0.12em);
|
||||
}
|
||||
.theme-main .btn-mod.btn-w {
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
}
|
||||
.theme-main .btn-mod.btn-border-w {
|
||||
border-color: rgba(255, 255, 255, 0.98);
|
||||
}
|
||||
.theme-main .btn-mod.btn-small {
|
||||
padding: 7px 15px 6px;
|
||||
}
|
||||
.theme-main .section-caption-border {
|
||||
font-size: 15px;
|
||||
letter-spacing: 0.039em;
|
||||
}
|
||||
.theme-main .section-title-strong {
|
||||
font-size: 76px;
|
||||
}
|
||||
.theme-main .features-list-icon {
|
||||
top: 0.185em;
|
||||
margin-right: 9px;
|
||||
}
|
||||
.theme-main .features-list-text {
|
||||
font-size: 20px;
|
||||
letter-spacing: -0.008em;
|
||||
}
|
||||
.theme-main .marquee-style-2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
.theme-main .testimonials-4-author {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-main .testimonials-4-author .small {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-main .testimonials-3-author .small {
|
||||
color: var(--color-gray-1);
|
||||
}
|
||||
.theme-main .light-content .testimonials-3-author .small {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-main .big-icon-gradient {
|
||||
box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.theme-main .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-main .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-main .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-main .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-main .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-main .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-main .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-main .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-main .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-main .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-main .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-main .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-main .services-3-title {
|
||||
font-size: 22px;
|
||||
}
|
||||
.theme-main .services-3-text {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-main .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-main .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-main .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-main .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-main .tpl-minimal-tabs {
|
||||
font-size: 16px;
|
||||
letter-spacing: inherit;
|
||||
text-transform: none;
|
||||
}
|
||||
.theme-main .ci-title {
|
||||
font-size: 20px;
|
||||
}
|
||||
.theme-main .call-action-4-image-1,
|
||||
.theme-main .call-action-4-image-2 {
|
||||
border-radius: 0;
|
||||
}
|
||||
.theme-main .light-content .form input.newsletter-field {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
background: transparent !important;
|
||||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.theme-main .light-content .form input.newsletter-field:hover {
|
||||
border-color: rgba(255, 255, 255, 0.26);
|
||||
}
|
||||
.theme-main .light-content .form input.newsletter-field::placeholder {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
transition: var(--transition-default), font-size 0s;
|
||||
}
|
||||
.theme-main .light-content .form input.newsletter-field:hover::placeholder {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.theme-main .light-content .form input.newsletter-field:focus {
|
||||
color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-main .section-title-strong {
|
||||
font-size: calc(1.363rem + 3.97vw);
|
||||
}
|
||||
.theme-main .marquee-style-2 {
|
||||
font-size: calc(0.972rem + 0.76vw);
|
||||
}
|
||||
}
|
||||
@ -1,566 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "Clash Grotesk";
|
||||
src: url("/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/clash-grotesk/ClashGrotesk-Regular.woff")
|
||||
format("woff");
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Clash Grotesk";
|
||||
src: url("/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/clash-grotesk/ClashGrotesk-Medium.woff")
|
||||
format("woff");
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
font-style: normal;
|
||||
}
|
||||
.theme-modern {
|
||||
--font-global: "Inter", sans-serif;
|
||||
--font-alt: "Clash Grotesk", sans-serif;
|
||||
--container-width: 1420px;
|
||||
--section-padding-y: 180px;
|
||||
--color-dark-1: #010101;
|
||||
--color-gray-light-1: #f5f5f5;
|
||||
--color-gray-light-2: #f7f7f7;
|
||||
--border-radius-default: 20px;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-modern .dark-mode {
|
||||
--color-dark-1: #090909;
|
||||
--color-dark-2: #131313;
|
||||
}
|
||||
.theme-modern .inner-nav ul {
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.theme-modern .inner-nav ul li {
|
||||
margin-left: 22px;
|
||||
margin-right: 22px;
|
||||
}
|
||||
.theme-modern .inner-nav > ul > li > a {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-modern .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% - 0.5em);
|
||||
right: -0.5em;
|
||||
display: block;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: currentColor;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
transition: var(--transition-default);
|
||||
}
|
||||
.theme-modern .inner-nav ul li a:hover:before,
|
||||
.theme-modern .inner-nav ul li a.active:before {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.theme-modern .hs-title-6 {
|
||||
letter-spacing: 0.07em !important;
|
||||
}
|
||||
.theme-modern .btn-mod.btn-border {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-modern .mark-decoration-6 {
|
||||
border-radius: 7px;
|
||||
}
|
||||
.theme-modern .form input[type="text"],
|
||||
.theme-modern .form input[type="email"],
|
||||
.theme-modern .form input[type="number"],
|
||||
.theme-modern .form input[type="url"],
|
||||
.theme-modern .form input[type="search"],
|
||||
.theme-modern .form input[type="tel"],
|
||||
.theme-modern .form input[type="password"],
|
||||
.theme-modern .form input[type="date"],
|
||||
.theme-modern .form input[type="color"],
|
||||
.theme-modern .form select {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.theme-modern .form input[type="text"],
|
||||
.theme-modern .form input[type="email"],
|
||||
.theme-modern .form input[type="number"],
|
||||
.theme-modern .form input[type="url"],
|
||||
.theme-modern .form input[type="search"],
|
||||
.theme-modern .form input[type="tel"],
|
||||
.theme-modern .form input[type="password"],
|
||||
.theme-modern .form input[type="date"],
|
||||
.theme-modern .form input[type="color"],
|
||||
.theme-modern .form select,
|
||||
.theme-modern .form textarea {
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-alt);
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.02em;
|
||||
background: transparent;
|
||||
border-color: var(--color-dark-1);
|
||||
}
|
||||
.theme-modern .form input[type="text"]:hover,
|
||||
.theme-modern .form input[type="email"]:hover,
|
||||
.theme-modern .form input[type="number"]:hover,
|
||||
.theme-modern .form input[type="url"]:hover,
|
||||
.theme-modern .form input[type="search"]:hover,
|
||||
.theme-modern .form input[type="tel"]:hover,
|
||||
.theme-modern .form input[type="password"]:hover,
|
||||
.theme-modern .form input[type="date"]:hover,
|
||||
.theme-modern .form input[type="color"]:hover,
|
||||
.theme-modern .form select:hover,
|
||||
.theme-modern .form textarea:hover {
|
||||
border-color: var(--color-dark-1);
|
||||
}
|
||||
.theme-modern .form input[type="text"]::placeholder,
|
||||
.theme-modern .form input[type="email"]::placeholder,
|
||||
.theme-modern .form input[type="number"]::placeholder,
|
||||
.theme-modern .form input[type="url"]::placeholder,
|
||||
.theme-modern .form input[type="search"]::placeholder,
|
||||
.theme-modern .form input[type="tel"]::placeholder,
|
||||
.theme-modern .form input[type="password"]::placeholder,
|
||||
.theme-modern .form input[type="date"]::placeholder,
|
||||
.theme-modern .form input[type="color"]::placeholder,
|
||||
.theme-modern .form select::placeholder,
|
||||
.theme-modern .form textarea::placeholder {
|
||||
color: var(--color-dark-1);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-modern .form input[type="text"]:hover::placeholder,
|
||||
.theme-modern .form input[type="email"]:hover::placeholder,
|
||||
.theme-modern .form input[type="number"]:hover::placeholder,
|
||||
.theme-modern .form input[type="url"]:hover::placeholder,
|
||||
.theme-modern .form input[type="search"]:hover::placeholder,
|
||||
.theme-modern .form input[type="tel"]:hover::placeholder,
|
||||
.theme-modern .form input[type="password"]:hover::placeholder,
|
||||
.theme-modern .form input[type="date"]:hover::placeholder,
|
||||
.theme-modern .form input[type="color"]:hover::placeholder,
|
||||
.theme-modern .form select:hover::placeholder,
|
||||
.theme-modern .form textarea:hover::placeholder {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-modern .form input[type="text"].input-lg,
|
||||
.theme-modern .form input[type="email"].input-lg,
|
||||
.theme-modern .form input[type="number"].input-lg,
|
||||
.theme-modern .form input[type="url"].input-lg,
|
||||
.theme-modern .form input[type="search"].input-lg,
|
||||
.theme-modern .form input[type="tel"].input-lg,
|
||||
.theme-modern .form input[type="password"].input-lg,
|
||||
.theme-modern .form input[type="date"].input-lg,
|
||||
.theme-modern .form input[type="color"].input-lg,
|
||||
.theme-modern .form select.input-lg {
|
||||
height: 62px;
|
||||
}
|
||||
.theme-modern .form input[type="text"].input-lg,
|
||||
.theme-modern .form input[type="email"].input-lg,
|
||||
.theme-modern .form input[type="number"].input-lg,
|
||||
.theme-modern .form input[type="url"].input-lg,
|
||||
.theme-modern .form input[type="search"].input-lg,
|
||||
.theme-modern .form input[type="tel"].input-lg,
|
||||
.theme-modern .form input[type="password"].input-lg,
|
||||
.theme-modern .form input[type="date"].input-lg,
|
||||
.theme-modern .form input[type="color"].input-lg,
|
||||
.theme-modern .form select.input-lg,
|
||||
.theme-modern .form textarea.input-lg {
|
||||
font-size: 30px;
|
||||
}
|
||||
.theme-modern .form input[type="text"].input-md,
|
||||
.theme-modern .form input[type="email"].input-md,
|
||||
.theme-modern .form input[type="number"].input-md,
|
||||
.theme-modern .form input[type="url"].input-md,
|
||||
.theme-modern .form input[type="search"].input-md,
|
||||
.theme-modern .form input[type="tel"].input-md,
|
||||
.theme-modern .form input[type="password"].input-md,
|
||||
.theme-modern .form input[type="date"].input-md,
|
||||
.theme-modern .form input[type="color"].input-md,
|
||||
.theme-modern .form select.input-md,
|
||||
.theme-modern .form textarea.input-md {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
font-size: 22px;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.theme-modern .form input[type="text"].input-md,
|
||||
.theme-modern .form input[type="email"].input-md,
|
||||
.theme-modern .form input[type="number"].input-md,
|
||||
.theme-modern .form input[type="url"].input-md,
|
||||
.theme-modern .form input[type="search"].input-md,
|
||||
.theme-modern .form input[type="tel"].input-md,
|
||||
.theme-modern .form input[type="password"].input-md,
|
||||
.theme-modern .form input[type="date"].input-md,
|
||||
.theme-modern .form input[type="color"].input-md,
|
||||
.theme-modern .form select.input-lg {
|
||||
height: 52px;
|
||||
}
|
||||
.theme-modern .form input.input-circle,
|
||||
.theme-modern .form select.input-circle,
|
||||
.theme-modern .form textarea.input-circle {
|
||||
border-radius: 33px;
|
||||
}
|
||||
.theme-modern .light-content input[type="text"],
|
||||
.theme-modern .light-content input[type="email"],
|
||||
.theme-modern .light-content input[type="number"],
|
||||
.theme-modern .light-content input[type="url"],
|
||||
.theme-modern .light-content input[type="search"],
|
||||
.theme-modern .light-content input[type="tel"],
|
||||
.theme-modern .light-content input[type="password"],
|
||||
.theme-modern .light-content input[type="date"],
|
||||
.theme-modern .light-content input[type="color"],
|
||||
.theme-modern .light-content select,
|
||||
.theme-modern .light-content textarea,
|
||||
.theme-modern .light-content input[type="text"]:hover,
|
||||
.theme-modern .light-content input[type="email"]:hover,
|
||||
.theme-modern .light-content input[type="number"]:hover,
|
||||
.theme-modern .light-content input[type="url"]:hover,
|
||||
.theme-modern .light-content input[type="search"]:hover,
|
||||
.theme-modern .light-content input[type="tel"]:hover,
|
||||
.theme-modern .light-content input[type="password"]:hover,
|
||||
.theme-modern .light-content input[type="date"]:hover,
|
||||
.theme-modern .light-content input[type="color"]:hover,
|
||||
.theme-modern .light-content select:hover,
|
||||
.theme-modern .light-content textarea:hover,
|
||||
.theme-modern .light-content input[type="text"]:focus,
|
||||
.theme-modern .light-content input[type="email"]:focus,
|
||||
.theme-modern .light-content input[type="number"]:focus,
|
||||
.theme-modern .light-content input[type="url"]:focus,
|
||||
.theme-modern .light-content input[type="search"]:focus,
|
||||
.theme-modern .light-content input[type="tel"]:focus,
|
||||
.theme-modern .light-content input[type="password"]:focus,
|
||||
.theme-modern .light-content input[type="date"]:focus,
|
||||
.theme-modern .light-content input[type="color"]:focus,
|
||||
.theme-modern .light-content select:focus,
|
||||
.theme-modern .light-content textarea:focus {
|
||||
color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
.theme-modern .light-content .form input[type="text"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="email"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="number"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="url"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="search"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="tel"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="password"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="date"]::placeholder,
|
||||
.theme-modern .light-content .form input[type="color"]::placeholder,
|
||||
.theme-modern .light-content .form select::placeholder,
|
||||
.theme-modern .light-content .form textarea::placeholder,
|
||||
.theme-modern .light-content .form input[type="text"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="email"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="number"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="url"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="search"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="tel"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="password"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="date"]:hover::placeholder,
|
||||
.theme-modern .light-content .form input[type="color"]:hover::placeholder,
|
||||
.theme-modern .light-content .form select:hover::placeholder,
|
||||
.theme-modern .light-content .form textarea:hover::placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-modern .search-button {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
.theme-modern .btn-mod.btn-small,
|
||||
.theme-modern .btn-mod.btn-medium,
|
||||
.theme-modern .btn-mod.btn-large {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.01em;
|
||||
}
|
||||
.theme-modern .btn-mod.btn-small {
|
||||
padding: 6px 14px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.theme-modern .btn-mod.btn-medium {
|
||||
font-size: 18px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.theme-modern .btn-mod.btn-large {
|
||||
font-size: 18px;
|
||||
padding: 15px 28px;
|
||||
}
|
||||
.theme-modern .accordion-1.accordion-1-slick > dt {
|
||||
font-family: var(--font-alt);
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
.theme-modern .section-title-large {
|
||||
line-height: 1;
|
||||
letter-spacing: 0.017em;
|
||||
}
|
||||
.theme-modern .section-title-tiny {
|
||||
font-size: 15px !important;
|
||||
font-weight: 400 !important;
|
||||
line-height: 1.466 !important;
|
||||
text-transform: uppercase !important;
|
||||
letter-spacing: 0.03em !important;
|
||||
}
|
||||
.theme-modern .section-caption {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.theme-modern .section-descr {
|
||||
font-size: 15px !important;
|
||||
font-weight: 400 !important;
|
||||
line-height: 1.466 !important;
|
||||
text-transform: uppercase !important;
|
||||
letter-spacing: 0.03em !important;
|
||||
}
|
||||
.theme-modern .section-descr .text-link {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
text-transform: inherit;
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-modern .section-descr .text-link:after {
|
||||
bottom: 3px;
|
||||
}
|
||||
.theme-modern .link-hover-anim {
|
||||
top: -1px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.theme-modern .form-tip,
|
||||
.theme-modern .form-tip a {
|
||||
font-size: 13px;
|
||||
}
|
||||
.theme-modern .footer-1 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.theme-modern .fw-social-inline .link-hover-anim {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-modern .fw-social-inline .link-hover-anim .link-strong {
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.theme-modern .fw-social-inline .link-strong:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-modern .footer-text {
|
||||
font-family: var(--font-global);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
text-transform: none;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
.theme-modern .footer-text a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.theme-modern .footer-text .small {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-modern .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-modern .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-modern .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-modern .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-modern .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-modern .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-modern .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-modern .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-modern .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-modern .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-modern .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-modern .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-modern .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-modern .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-modern .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-modern .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-modern .testimonials-slider-2 blockquote p {
|
||||
font-family: var(--font-alt);
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-modern .pagination a,
|
||||
.theme-modern .pagination span {
|
||||
font-weight: 400;
|
||||
border-radius: 0;
|
||||
}
|
||||
.theme-modern .blog-item-body {
|
||||
letter-spacing: -0.012em;
|
||||
}
|
||||
.theme-modern .work-navigation a,
|
||||
.theme-modern .work-navigation a:visited {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
@media only screen and (min-width: 1441px) {
|
||||
.theme-modern {
|
||||
--container-width: 1360px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1681px) {
|
||||
.theme-modern {
|
||||
--container-width: 1500px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1440px) {
|
||||
.theme-modern {
|
||||
--section-padding-y: 150px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-modern .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-modern .inner-nav ul li {
|
||||
margin-left: 18px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
.theme-modern .form input[type="text"].input-lg,
|
||||
.theme-modern .form input[type="email"].input-lg,
|
||||
.theme-modern .form input[type="number"].input-lg,
|
||||
.theme-modern .form input[type="url"].input-lg,
|
||||
.theme-modern .form input[type="search"].input-lg,
|
||||
.theme-modern .form input[type="tel"].input-lg,
|
||||
.theme-modern .form input[type="password"].input-lg,
|
||||
.theme-modern .form input[type="date"].input-lg,
|
||||
.theme-modern .form input[type="color"].input-lg,
|
||||
.theme-modern .form select.input-lg,
|
||||
.theme-modern .form textarea.input-lg {
|
||||
font-size: calc(1.263rem + 0.72vw);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.theme-modern .inner-nav ul li {
|
||||
margin-left: 13px;
|
||||
margin-right: 13px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 575px) {
|
||||
.theme-modern .form input[type="text"].input-lg,
|
||||
.theme-modern .form input[type="email"].input-lg,
|
||||
.theme-modern .form input[type="number"].input-lg,
|
||||
.theme-modern .form input[type="url"].input-lg,
|
||||
.theme-modern .form input[type="search"].input-lg,
|
||||
.theme-modern .form input[type="tel"].input-lg,
|
||||
.theme-modern .form input[type="password"].input-lg,
|
||||
.theme-modern .form input[type="date"].input-lg,
|
||||
.theme-modern .form input[type="color"].input-lg,
|
||||
.theme-modern .form select.input-lg,
|
||||
.theme-modern .form textarea.input-lg {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
.theme-slick {
|
||||
--font-global: "Plus Jakarta Sans", sans-serif;
|
||||
--font-alt: "Plus Jakarta Sans", sans-serif;
|
||||
--section-padding-y: 130px;
|
||||
--section-padding-y: 50px;
|
||||
--color-dark-1: #1e2432;
|
||||
--color-dark-2: #282e3c;
|
||||
--color-dark-3: #303747;
|
||||
|
||||
@ -1,496 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "HK Grotesk";
|
||||
src: url("/assets/webfonts/hk-grotesk/hkgrotesk-regular-webfont.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/hk-grotesk/hkgrotesk-regular-webfont.woff")
|
||||
format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HK Grotesk";
|
||||
src: url("/assets/webfonts/hk-grotesk/hkgrotesk-italic-webfont.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/hk-grotesk/hkgrotesk-italic-webfont.woff")
|
||||
format("woff");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HK Grotesk";
|
||||
src: url("/assets/webfonts/hk-grotesk/hkgrotesk-medium-webfont.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/hk-grotesk/hkgrotesk-medium-webfont.woff")
|
||||
format("woff");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HK Grotesk";
|
||||
src: url("/assets/webfonts/hk-grotesk/hkgrotesk-semibold-webfont.woff2")
|
||||
format("woff2"),
|
||||
url("/assets/webfonts/hk-grotesk/hkgrotesk-semibold-webfont.woff")
|
||||
format("woff");
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Zodiak";
|
||||
src: url("/assets/webfonts/zodiak/Zodiak-Light.woff2") format("woff2"),
|
||||
url("/assets/webfonts/zodiak/Zodiak-Light.woff") format("woff");
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.theme-strong {
|
||||
--font-global: "HK Grotesk", sans-serif;
|
||||
--font-alt: "Zodiak", serif;
|
||||
--section-padding-y: 160px;
|
||||
--color-dark-1: #111;
|
||||
--color-gray-1: #777;
|
||||
--border-radius-default: 5px;
|
||||
--gradient-primary-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-a: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-4) 25%,
|
||||
var(--color-primary-3) 40%,
|
||||
var(--color-primary-2) 60%,
|
||||
var(--color-primary-1) 75%
|
||||
);
|
||||
--gradient-primary-1-b: linear-gradient(
|
||||
45deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-primary-1-c: linear-gradient(
|
||||
0deg,
|
||||
var(--color-primary-4) 0%,
|
||||
var(--color-primary-3) 33%,
|
||||
var(--color-primary-2) 67%,
|
||||
var(--color-primary-1) 100%
|
||||
);
|
||||
--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
|
||||
--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
|
||||
--gradient-dark-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-dark-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-dark-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-dark-1) 60%
|
||||
);
|
||||
--gradient-primary-alpha-1: linear-gradient(
|
||||
90deg,
|
||||
var(--color-primary-1) 40%,
|
||||
transparent 87%
|
||||
);
|
||||
--gradient-primary-alpha-2: linear-gradient(
|
||||
90deg,
|
||||
transparent 13%,
|
||||
var(--color-primary-1) 60%
|
||||
);
|
||||
--box-shadow-block: 0px 5px 80px 0px rgba(51, 51, 51, 0.03),
|
||||
0px 4px 50px 0px rgba(51, 51, 51, 0.03),
|
||||
0px 3px 25px 0px rgba(51, 51, 51, 0.03),
|
||||
0px 2px 10px 0px rgba(51, 51, 51, 0.03),
|
||||
0px 1px 5px 0px rgba(27, 30, 53, 0.03);
|
||||
letter-spacing: -0.008em;
|
||||
color: var(--color-dark-1);
|
||||
font-family: var(--font-global);
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-strong .dark-mode {
|
||||
--color-dark-1: #151515;
|
||||
--color-dark-2: #222;
|
||||
}
|
||||
.theme-strong .main-nav.dark-mode {
|
||||
background-color: rgba(30, 30, 30, 0.905);
|
||||
}
|
||||
.theme-strong .font-alt {
|
||||
font-weight: 300;
|
||||
}
|
||||
.theme-strong .lead {
|
||||
font-size: 28px;
|
||||
line-height: 1.357;
|
||||
}
|
||||
.theme-strong h3,
|
||||
.theme-strong h4,
|
||||
.theme-strong h5,
|
||||
.theme-strong .h3,
|
||||
.theme-strong .h4,
|
||||
.theme-strong .h5 {
|
||||
letter-spacing: -0.0177em;
|
||||
}
|
||||
.theme-strong b,
|
||||
.theme-strong strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-strong blockquote p {
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.theme-strong .inner-nav ul {
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.0095em;
|
||||
}
|
||||
.theme-strong .inner-nav > ul > li > a {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.theme-strong .inner-nav ul li a {
|
||||
position: relative;
|
||||
}
|
||||
.theme-strong .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% + 0.7em);
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: currentColor;
|
||||
transform: scaleX(0);
|
||||
transform-origin: 0 50%;
|
||||
transition: transform 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-strong .inner-nav > ul > li > a.active:before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
.theme-strong
|
||||
.main-nav.mobile-on
|
||||
.inner-nav
|
||||
> ul
|
||||
> li
|
||||
> a:not(.no-hover):before {
|
||||
display: none;
|
||||
}
|
||||
.theme-strong .inner-nav > ul > li > a:not(.no-hover):after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% - 0.5em);
|
||||
right: -0.5em;
|
||||
display: block;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: currentColor;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
transition: var(--transition-default);
|
||||
}
|
||||
.theme-strong .inner-nav > ul > li > a:hover:after {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.theme-strong .form input[type="text"],
|
||||
.theme-strong .form input[type="email"],
|
||||
.theme-strong .form input[type="number"],
|
||||
.theme-strong .form input[type="url"],
|
||||
.theme-strong .form input[type="search"],
|
||||
.theme-strong .form input[type="tel"],
|
||||
.theme-strong .form input[type="password"],
|
||||
.theme-strong .form input[type="date"],
|
||||
.theme-strong .form input[type="color"],
|
||||
.theme-strong .form select {
|
||||
padding-bottom: 2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.theme-strong .form textarea {
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.theme-strong .form input[type="text"].input-sm,
|
||||
.theme-strong .form input[type="email"].input-sm,
|
||||
.theme-strong .form input[type="number"].input-sm,
|
||||
.theme-strong .form input[type="url"].input-sm,
|
||||
.theme-strong .form input[type="search"].input-sm,
|
||||
.theme-strong .form input[type="tel"].input-sm,
|
||||
.theme-strong .form input[type="password"].input-sm,
|
||||
.theme-strong .form input[type="date"].input-sm,
|
||||
.theme-strong .form input[type="color"].input-sm,
|
||||
.theme-strong .form select.input-sm,
|
||||
.theme-strong .form textarea.input-sm {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-strong .form input[type="text"].input-md,
|
||||
.theme-strong .form input[type="email"].input-md,
|
||||
.theme-strong .form input[type="number"].input-md,
|
||||
.theme-strong .form input[type="url"].input-md,
|
||||
.theme-strong .form input[type="search"].input-md,
|
||||
.theme-strong .form input[type="tel"].input-md,
|
||||
.theme-strong .form input[type="password"].input-md,
|
||||
.theme-strong .form input[type="date"].input-md,
|
||||
.theme-strong .form input[type="color"].input-md,
|
||||
.theme-strong .form select.input-md,
|
||||
.theme-strong .form textarea.input-md {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-strong .form input[type="text"].input-lg,
|
||||
.theme-strong .form input[type="email"].input-lg,
|
||||
.theme-strong .form input[type="number"].input-lg,
|
||||
.theme-strong .form input[type="url"].input-lg,
|
||||
.theme-strong .form input[type="search"].input-lg,
|
||||
.theme-strong .form input[type="tel"].input-lg,
|
||||
.theme-strong .form input[type="password"].input-lg,
|
||||
.theme-strong .form input[type="date"].input-lg,
|
||||
.theme-strong .form input[type="color"].input-lg,
|
||||
.theme-strong .form select.input-lg,
|
||||
.theme-strong .form textarea.input-lg {
|
||||
font-size: 18px;
|
||||
}
|
||||
.theme-strong .form input[type="text"].input-lg,
|
||||
.theme-strong .form input[type="email"].input-lg,
|
||||
.theme-strong .form input[type="number"].input-lg,
|
||||
.theme-strong .form input[type="url"].input-lg,
|
||||
.theme-strong .form input[type="search"].input-lg,
|
||||
.theme-strong .form input[type="tel"].input-lg,
|
||||
.theme-strong .form input[type="password"].input-lg,
|
||||
.theme-strong .form input[type="date"].input-lg,
|
||||
.theme-strong .form input[type="color"].input-lg,
|
||||
.theme-strong .form select.input-lg {
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
}
|
||||
.theme-strong .form textarea.input-lg {
|
||||
padding-top: 11px;
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
.theme-strong .form input[type="text"]::placeholder,
|
||||
.theme-strong .form input[type="email"]::placeholder,
|
||||
.theme-strong .form input[type="number"]::placeholder,
|
||||
.theme-strong .form input[type="url"]::placeholder,
|
||||
.theme-strong .form input[type="search"]::placeholder,
|
||||
.theme-strong .form input[type="tel"]::placeholder,
|
||||
.theme-strong .form input[type="password"]::placeholder,
|
||||
.theme-strong .form input[type="date"]::placeholder,
|
||||
.theme-strong .form input[type="color"]::placeholder,
|
||||
.theme-strong .form select::placeholder,
|
||||
.theme-strong .form textarea::placeholder {
|
||||
color: var(--color-gray-3);
|
||||
}
|
||||
.theme-strong .light-content input[type="text"],
|
||||
.theme-strong .light-content input[type="email"],
|
||||
.theme-strong .light-content input[type="number"],
|
||||
.theme-strong .light-content input[type="url"],
|
||||
.theme-strong .light-content input[type="search"],
|
||||
.theme-strong .light-content input[type="tel"],
|
||||
.theme-strong .light-content input[type="password"],
|
||||
.theme-strong .light-content input[type="date"],
|
||||
.theme-strong .light-content input[type="color"],
|
||||
.theme-strong .light-content select,
|
||||
.theme-strong .light-content textarea {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-strong .form .form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-strong .form label {
|
||||
margin-bottom: 12px;
|
||||
font-size: 20px;
|
||||
}
|
||||
.theme-strong .form input.newsletter-field.error {
|
||||
border-color: #dc3545 !important;
|
||||
}
|
||||
.theme-strong .form-tip,
|
||||
.theme-strong .form-tip a {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-strong .btn-mod,
|
||||
.theme-strong a.btn-mod {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-strong .btn-mod.btn-medium {
|
||||
padding: 10px 22px;
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.0025em;
|
||||
}
|
||||
.theme-strong .btn-mod.btn-large {
|
||||
padding: 13px 30px;
|
||||
font-size: 17px;
|
||||
letter-spacing: 0.0017em;
|
||||
}
|
||||
.theme-strong .link-hover-anim {
|
||||
letter-spacing: 0.0095em;
|
||||
}
|
||||
.theme-strong .hs-status {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-strong .scroll-down-4 {
|
||||
border-width: 1px;
|
||||
}
|
||||
.theme-strong .section-caption-border {
|
||||
padding: 0.4em 0.8em 0.5em;
|
||||
}
|
||||
.theme-strong .section-title {
|
||||
font-size: 60px !important;
|
||||
font-weight: 600 !important;
|
||||
line-height: 1.15 !important;
|
||||
letter-spacing: -0.012em !important;
|
||||
}
|
||||
.theme-strong .section-title-strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-strong .features-list-icon {
|
||||
top: 0.2em;
|
||||
}
|
||||
.theme-strong .tpl-alt-tabs > li {
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.theme-strong .post-prev-2-img {
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
.theme-strong .post-prev-2-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-strong .post-prev-2-info {
|
||||
font-size: 16px;
|
||||
text-transform: unset;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-strong .footer-social-links a {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
margin: 0 3px;
|
||||
font-size: 16px;
|
||||
overflow: visible;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
isolation: isolate;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
.theme-strong .footer-social-links a:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
.theme-strong .footer-social-links a:hover:before {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.theme-strong .light-content .fw-top-link .icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
transition: all 0.27s var(--ease-out-medium);
|
||||
}
|
||||
.theme-strong .light-content .fw-top-link .icon:before {
|
||||
transition: all 0.27s var(--ease-out-medium);
|
||||
}
|
||||
.theme-strong .footer-text a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.theme-strong .features-1-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-strong .features-2-item:before {
|
||||
border: 1px solid var(--color-dark-1);
|
||||
background: none;
|
||||
opacity: 0.15;
|
||||
transition: opacity 0.27s var(--ease-default);
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-strong .features-2-item:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-strong .features-2-label {
|
||||
font-weight: 500;
|
||||
color: var(--color-dark-1);
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-strong .features-2-icon:before {
|
||||
background: var(--color-gray-light-1);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-strong .features-2-icon svg {
|
||||
fill: var(--color-dark-1);
|
||||
}
|
||||
.theme-strong .light-content .features-2-item:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
transition: border-color 0.27s var(--ease-default);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-strong .light-content .features-2-item:hover:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-strong .light-content .features-2-label {
|
||||
color: #fff;
|
||||
background: none;
|
||||
-webkit-background-clip: unset;
|
||||
-webkit-text-fill-color: unset;
|
||||
}
|
||||
.theme-strong .light-content .features-2-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-strong .light-content .features-2-icon svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.theme-strong .light-content .features-2-icon:before {
|
||||
background: var(--color-dark-mode-gray-2);
|
||||
opacity: 1;
|
||||
z-index: -1;
|
||||
}
|
||||
.theme-strong .light-content .features-2-descr {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
}
|
||||
.theme-strong .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid var(--color-dark-1);
|
||||
opacity: 0.15;
|
||||
}
|
||||
.theme-strong .light-content .bg-border-gradient:before {
|
||||
background: none;
|
||||
border: 1px solid #fff;
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-strong .bg-gradient-dark-alpha-1:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-strong .bg-gradient-dark-alpha-2:before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-strong .work-navigation a,
|
||||
.theme-strong .work-navigation a:visited {
|
||||
color: var(--color-dark-1);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-strong {
|
||||
--section-padding-y: 140px;
|
||||
}
|
||||
.theme-strong .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-strong .section-title {
|
||||
font-size: calc(1.138rem + 3.06vw) !important;
|
||||
}
|
||||
.theme-strong .post-prev-2-title {
|
||||
font-size: calc(1.235rem + 0.31vw);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.theme-strong .lead {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
@ -172,7 +172,7 @@ Primary use: Multipurpose Template
|
||||
--font-serif: Georgia, "Times New Roman", Times, serif;
|
||||
--full-wrapper-margin-x: 30px;
|
||||
--container-width: 1350px;
|
||||
--section-padding-y: 120px;
|
||||
--section-padding-y: 50px;
|
||||
--menu-bar-height: 85px;
|
||||
--menu-bar-height-scrolled: 65px;
|
||||
--color-dark-1: #010101;
|
||||
@ -3106,7 +3106,6 @@ a.bg-video-button-pause {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 90.1875%;
|
||||
}
|
||||
.bg-shape-1 img {
|
||||
width: 100%;
|
||||
|
||||
@ -7,17 +7,6 @@
|
||||
@import "./splitting.css";
|
||||
@import "./modal.css";
|
||||
@import "./YTPlayer.css";
|
||||
@import "./demo-main/demo-main.css";
|
||||
@import "./demo-bold/demo-bold.css";
|
||||
@import "./demo-brutalist/demo-brutalist.css";
|
||||
|
||||
@import "./demo-corporate/demo-corporate.css";
|
||||
@import "./demo-elegant/demo-elegant.css";
|
||||
@import "./demo-fancy/demo-fancy.css";
|
||||
@import "./demo-gradient/demo-gradient.css";
|
||||
@import "./demo-modern/demo-modern.css";
|
||||
@import "./demo-slick/demo-slick.css";
|
||||
@import "./demo-strong/demo-strong.css";
|
||||
|
||||
@import "./custom.css";
|
||||
@import "./style-responsive.css";
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
@ -1,9 +1,9 @@
|
||||
import { BlogDetailContentSkeleton } from "@/components/Blogs/BlogDetail";
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
import Page from "@/components/Pages/Page";
|
||||
import { fetchBlogDetail } from "@/services/payload/blog";
|
||||
import { fetchPageBySlug } from "@/services/payload/page";
|
||||
import { Metadata } from "next";
|
||||
import Image from "next/image";
|
||||
import { Suspense } from "react";
|
||||
|
||||
export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
|
||||
@ -58,13 +58,7 @@ export default async function SinglePage({ params }: { params: Promise<{ slug: s
|
||||
function Loading() {
|
||||
return (
|
||||
<>
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="bg-shape-1 opacity-003">
|
||||
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
</section>
|
||||
<HeroOther />
|
||||
|
||||
{/* Section */}
|
||||
<BlogDetailContentSkeleton />
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter";
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
import { fetchTeamDetail } from "@/services/payload/team";
|
||||
import { RichText } from "@payloadcms/richtext-lexical/react";
|
||||
import Image from "next/image";
|
||||
@ -46,35 +47,11 @@ export default async function BiographySinglePage({ params }: { params: Promise<
|
||||
<>
|
||||
<Suspense fallback={<Loading />}>
|
||||
<>
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="absolute top-0 left-0 w-full h-full opacity-40">
|
||||
<Image
|
||||
src={"/assets/images/full-width-images/section-bg-13.jpeg"}
|
||||
width="0"
|
||||
height="0"
|
||||
sizes="100vw"
|
||||
className="w-full"
|
||||
alt={"section-bg-13"}
|
||||
/>
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">{data.data.name}</h1>
|
||||
{/* Author, Categories, Comments */}
|
||||
<div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
|
||||
<div className="flex justify-center items-center">
|
||||
<i className="mi-clock mr-2" />
|
||||
<a href="#">{data.createdAt}</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End Author, Categories, Comments */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<HeroOther
|
||||
img={"/assets/images/full-width-images/section-bg-13.jpeg"}
|
||||
title={data.data.name}
|
||||
createdAt={data.createdAt}
|
||||
/>
|
||||
|
||||
{/* Section */}
|
||||
<section className="page-section">
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter";
|
||||
import { BlogCardItemSkeleton } from "@/components/Blogs/BlogCardItem";
|
||||
import Blogs from "@/components/Blogs/Blogs";
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
import { sanitizePageNumber } from "@/utils/sanitize";
|
||||
import Image from "next/image";
|
||||
import { Suspense } from "react";
|
||||
|
||||
export const metadata = {
|
||||
@ -18,42 +18,28 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="bg-shape-1 opacity-003">
|
||||
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Blog</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div className="px-3 md:px-4 mt-4 lg:w-2/3 lg:mx-auto">
|
||||
<form action="/blog" method="GET">
|
||||
<div className="input-group">
|
||||
<input
|
||||
type="text"
|
||||
name="s"
|
||||
defaultValue={paramsSearch ?? ""}
|
||||
placeholder="Search blog..."
|
||||
className="input-lg input-circle form-control"
|
||||
/>
|
||||
<div className="input-group-append">
|
||||
<button className="btn btn-info text-white" type="submit">
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<HeroOther title="Blog" />
|
||||
|
||||
<section className="page-section" id="blog">
|
||||
<div className="w-full max-w-7xl mx-auto px-4 md:px-8">
|
||||
<form action="/blog" method="GET">
|
||||
<div className="input-group">
|
||||
<input
|
||||
type="text"
|
||||
name="s"
|
||||
defaultValue={paramsSearch ?? ""}
|
||||
placeholder="Search blog..."
|
||||
className="input-lg input-circle form-control h-12"
|
||||
/>
|
||||
<div className="input-group-append">
|
||||
<button className="btn btn-info text-white h-12" type="submit">
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<Suspense fallback={<Loading />}>
|
||||
<Blogs page={page} search={paramsSearch} />
|
||||
</Suspense>
|
||||
@ -71,7 +57,6 @@ function Loading() {
|
||||
<BlogCardItemSkeleton />
|
||||
<BlogCardItemSkeleton />
|
||||
<BlogCardItemSkeleton />
|
||||
<BlogCardItemSkeleton />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import Contact from "@/components/Contacts/Contact";
|
||||
import ContactForm from "@/components/Contacts/ContactForm";
|
||||
import Image from "next/image";
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
import { Suspense } from "react";
|
||||
|
||||
export const metadata = {
|
||||
@ -11,31 +11,7 @@ export const metadata = {
|
||||
export default async function ContactPage() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
>
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="bg-shape-1 opacity-003">
|
||||
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
|
||||
|
||||
{/* <p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
Crafting immersive digital journeys for brands.
|
||||
</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<HeroOther title="Contact Us" />
|
||||
|
||||
<section className="page-section scrollSpysection" id="contact">
|
||||
<Contact />
|
||||
|
||||
@ -39,7 +39,7 @@ export const RenderBlocks: React.FC<{
|
||||
|
||||
if (blockType === "googleReviewBlock") {
|
||||
return (
|
||||
<div className="my-16" key={index}>
|
||||
<div className="my-10" key={index}>
|
||||
<Suspense fallback={<GoogleReviewsSkeleton />}>
|
||||
<GoogleReviewsBlock />
|
||||
</Suspense>
|
||||
@ -47,14 +47,14 @@ export const RenderBlocks: React.FC<{
|
||||
);
|
||||
} else if (blockType === "beforeFooterBlock") {
|
||||
return (
|
||||
<div className="mt-16" key={index}>
|
||||
<div className="mt-10" key={index}>
|
||||
{/* @ts-ignore */}
|
||||
<BeforeFooterBlock {...block} />
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div className="my-16" key={index}>
|
||||
<div className="my-10" key={index}>
|
||||
{/* @ts-ignore */}
|
||||
<Block {...block} disableInnerContainer />
|
||||
</div>
|
||||
|
||||
@ -21,12 +21,12 @@ export function BlogCardItem({ data }: BlogCardItemProps) {
|
||||
return (
|
||||
<div className="post-prev-3 col-12 col-md-6 col-lg-4 col-xl-4 mt-50">
|
||||
<div className="post-prev-3-container flex flex-col">
|
||||
<div>
|
||||
<div className="relative w-full h-[200px]">
|
||||
<a href={`/${data.slug}/`}>
|
||||
<Image width={684} height={454} src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} />
|
||||
<Image src={data?.img?.url ?? ""} alt={data?.img?.alt ?? ""} fill className="object-cover" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="px-4 py-3 h-full flex flex-col justify-between">
|
||||
<div className="px-4 py-3 flex flex-col flex-1 justify-between">
|
||||
<h2 className="text-lg text-center">
|
||||
<a href={`/${data.slug}/`}>{data.title}</a>
|
||||
</h2>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
import { fetchBlogDetail } from "@/services/payload/blog";
|
||||
import { RichText } from "@payloadcms/richtext-lexical/react";
|
||||
import { headers } from "next/headers";
|
||||
import Image from "next/image";
|
||||
import { notFound } from "next/navigation";
|
||||
import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa";
|
||||
|
||||
export interface BlogDetailProps {
|
||||
slug: string | undefined;
|
||||
@ -26,41 +26,7 @@ export default async function BlogDetail({ slug }: BlogDetailProps) {
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="bg-shape-1 opacity-003">
|
||||
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">{data.data.title}</h1>
|
||||
{/* Author, Categories, Comments */}
|
||||
<div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
|
||||
<div className="flex justify-center items-center">
|
||||
<i className="mi-clock mr-2" />
|
||||
<a href="#">{data.createdAt}</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* End Author, Categories, Comments */}
|
||||
|
||||
<div className="flex justify-center space-x-5 mt-8 wow fadeIn">
|
||||
<a className="cursor-pointer" href={shareUrl["facebook"]} target="_blank">
|
||||
<FaFacebook className="text-2xl text-gray-300" />
|
||||
</a>
|
||||
<a className="cursor-pointer" href={shareUrl["linkedin"]} target="_blank">
|
||||
<FaLinkedin className="text-2xl text-gray-300" />
|
||||
</a>
|
||||
<a className="cursor-pointer" href={shareUrl["twitter"]} target="_blank">
|
||||
<FaTwitter className="text-2xl text-gray-300" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<HeroOther title={data.data.title} createdAt={data?.createdAt} shareUrl={shareUrl} />
|
||||
|
||||
{/* Section */}
|
||||
<section className="page-section">
|
||||
|
||||
@ -16,7 +16,7 @@ export default async function Blogs({ page, search }: BlogsProps) {
|
||||
return (
|
||||
<div className="container position-relative">
|
||||
{/* Blog Posts Grid */}
|
||||
<div className="row mt-n50 mb-50">
|
||||
<div className="row">
|
||||
{/* Post Item */}
|
||||
{data.formattedData.map((blog, i) => (
|
||||
<BlogCardItem
|
||||
@ -35,12 +35,14 @@ export default async function Blogs({ page, search }: BlogsProps) {
|
||||
{/* End Blog Posts Grid */}
|
||||
{/* Pagination */}
|
||||
{data.totalPages > 1 && (
|
||||
<Pagination
|
||||
page={data.page ?? 1}
|
||||
hasNextPage={data.hasNextPage}
|
||||
hasPreviousPage={data.hasPrevPage}
|
||||
totalPages={data.totalPages}
|
||||
/>
|
||||
<div className="mt-20">
|
||||
<Pagination
|
||||
page={data.page ?? 1}
|
||||
hasNextPage={data.hasNextPage}
|
||||
hasPreviousPage={data.hasPrevPage}
|
||||
totalPages={data.totalPages}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{/* End Pagination */}
|
||||
</div>
|
||||
|
||||
@ -14,7 +14,7 @@ export default function Footer() {
|
||||
className="relative text-white py-10"
|
||||
style={{
|
||||
backgroundColor: "transparent",
|
||||
backgroundImage: "linear-gradient(172deg, #2E2D51 0%, #64B3B4 100%)",
|
||||
backgroundImage: "linear-gradient(172deg, #798D90 0%, #C48853 100%)",
|
||||
}}
|
||||
>
|
||||
<div className="container mx-auto flex flex-wrap justify-between items-start px-6">
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
import HeaderNav from "@/components/HeaderNav";
|
||||
import { navMenuData } from "@/data/menu";
|
||||
import { toggleMobileMenu } from "@/utils/toggleMobileMenu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Header1Multipage({ links }: any) {
|
||||
export default function Header({ links }: { links: typeof navMenuData }) {
|
||||
return (
|
||||
<div className="main-nav-sub full-wrapper">
|
||||
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
|
||||
|
||||
@ -4,10 +4,11 @@ import addScrollspy from "@/utils/addScroll";
|
||||
import { init_classic_menu_resize } from "@/utils/menuToggle";
|
||||
import { scrollToElement } from "@/utils/scrollToElement";
|
||||
import { closeMobileMenu, toggleMobileMenu } from "@/utils/toggleMobileMenu";
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { Fragment, useEffect, useRef, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { navMenuData } from "@/data/menu";
|
||||
|
||||
export default function HeaderNav({ links, animateY = false }: any) {
|
||||
export default function HeaderNav({ links, animateY = false }: { links: typeof navMenuData; animateY?: boolean }) {
|
||||
const [isDropdownOpen, setIsDropdownOpen] = useState([""]);
|
||||
const dropdownRef = useRef(null);
|
||||
|
||||
@ -36,8 +37,8 @@ export default function HeaderNav({ links, animateY = false }: any) {
|
||||
return (
|
||||
<>
|
||||
{links[0].href?.includes("/") &&
|
||||
links.map((link: any, index: any) => (
|
||||
<>
|
||||
links.map((link, index) => (
|
||||
<Fragment key={index}>
|
||||
<li>
|
||||
{!Array.isArray(link?.child) && (
|
||||
<Link href={link.href}>
|
||||
@ -98,7 +99,7 @@ export default function HeaderNav({ links, animateY = false }: any) {
|
||||
{index != links.length - 1 && (
|
||||
<div className="text-white h-[25px] mx-2 opacity-[0.3]" style={{ border: "1px solid white" }} />
|
||||
)}
|
||||
</>
|
||||
</Fragment>
|
||||
))}
|
||||
|
||||
{!links[0].href?.includes("/") &&
|
||||
|
||||
59
src/components/HeroOther.tsx
Normal file
59
src/components/HeroOther.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
import Image from "next/image";
|
||||
import { FaFacebook, FaLinkedin, FaTwitter } from "react-icons/fa";
|
||||
|
||||
export interface HeroOtherProps {
|
||||
title?: string;
|
||||
img?: string;
|
||||
createdAt?: string;
|
||||
shareUrl?: Record<string, string>;
|
||||
}
|
||||
|
||||
const shareIcons: Record<string, any> = {
|
||||
facebook: <FaFacebook className="text-2xl text-gray-300" />,
|
||||
linkedin: <FaLinkedin className="text-2xl text-gray-300" />,
|
||||
twitter: <FaTwitter className="text-2xl text-gray-300" />,
|
||||
};
|
||||
|
||||
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
|
||||
return (
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!py-48 relative">
|
||||
{/* <!-- Background Shape --> */}
|
||||
<div className="bg-shape-1 w-full h-full opacity-50">
|
||||
<Image src={!!img ? img : "/assets/images/hero-default.webp"} fill alt="" />
|
||||
</div>
|
||||
{/* <!-- End Background Shape --> */}
|
||||
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10">{title ?? ""}</h1>
|
||||
{!!createdAt && (
|
||||
<div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
|
||||
<div className="flex justify-center items-center">
|
||||
<i className="mi-clock mr-2" />
|
||||
<a href="#">{createdAt}</a>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!!shareUrl && (
|
||||
<div className="flex justify-center space-x-5 mt-8 wow fadeIn">
|
||||
{Object.keys(shareUrl).map((k, idx) => {
|
||||
return (
|
||||
<a key={idx} className="cursor-pointer" href={shareUrl[k]} target="_blank">
|
||||
{shareIcons[k]}
|
||||
</a>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<svg className="absolute bottom-[-10px] left-0 w-full" viewBox="0 0 1440 50" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="white" d="M0,0 C480,40 960,40 1440,0 L1440,50 L0,50 Z"></path>
|
||||
</svg>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -1,10 +1,9 @@
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import Testimonials from "./Testimonials";
|
||||
import About from "./About";
|
||||
import Contact from "./Contacts/Contact";
|
||||
|
||||
export default function homepage({ onePage = false, dark = false }) {
|
||||
export default function homepage({ dark = false }) {
|
||||
return (
|
||||
<>
|
||||
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
|
||||
|
||||
@ -2,7 +2,7 @@ import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter";
|
||||
import { RenderBlocks } from "@/components/Blocks/RenderBlocks";
|
||||
import BlogDetail from "@/components/Blogs/BlogDetail";
|
||||
import { fetchPageBySlug } from "@/services/payload/page";
|
||||
import Image from "next/image";
|
||||
import HeroOther from "@/components/HeroOther";
|
||||
|
||||
export interface PageProps {
|
||||
slug: string | undefined;
|
||||
@ -22,43 +22,7 @@ export default async function Page({ slug }: PageProps) {
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
|
||||
{/* <!-- Background Shape --> */}
|
||||
{!!page.heroImg?.url && (
|
||||
<div className="absolute top-0 left-0 w-full h-full opacity-20">
|
||||
<Image
|
||||
src={page.heroImg.url}
|
||||
width="0"
|
||||
height="0"
|
||||
sizes="100vw"
|
||||
className="w-full"
|
||||
alt={page.heroImg.alt}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{!page?.heroImg?.url && (
|
||||
<div className="absolute top-0 left-0 w-full h-full opacity-20">
|
||||
<Image
|
||||
src="/assets/images/hero-default.webp"
|
||||
width="0"
|
||||
height="0"
|
||||
sizes="100vw"
|
||||
className="w-full"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{/* <!-- End Background Shape --> */}
|
||||
|
||||
<div className="container position-relative pt-sm-40 text-center">
|
||||
<div className="row">
|
||||
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
|
||||
<h1 className="hs-title-10 mb-10">{page.title}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<HeroOther title={page.title} img={page?.heroImg?.url ?? ""} />
|
||||
<RenderBlocks blocks={page.layout} />
|
||||
</>
|
||||
);
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { usePathname, useRouter } from "next/navigation";
|
||||
import React from "react";
|
||||
import { usePathname } from "next/navigation";
|
||||
|
||||
interface PaginationProps {
|
||||
page: number;
|
||||
@ -12,7 +11,6 @@ interface PaginationProps {
|
||||
|
||||
export default function Pagination({ page, hasPreviousPage, hasNextPage, totalPages }: PaginationProps) {
|
||||
const activePage = page;
|
||||
const router = useRouter();
|
||||
const pathName = usePathname();
|
||||
|
||||
// Function to handle page change
|
||||
@ -23,8 +21,7 @@ export default function Pagination({ page, hasPreviousPage, hasNextPage, totalPa
|
||||
const url = new URL(window.location.href);
|
||||
const searchParams = new URLSearchParams(url.search);
|
||||
searchParams.set("page", `${page}`);
|
||||
|
||||
router.push(`${pathName}/?${searchParams}`);
|
||||
window.location.href = `${pathName}/?${searchParams}`;
|
||||
};
|
||||
|
||||
const getPageNumbers = () => {
|
||||
|
||||
@ -7504,8 +7504,8 @@ __metadata:
|
||||
linkType: hard
|
||||
|
||||
"minipass-fetch@npm:^4.0.0":
|
||||
version: 4.0.0
|
||||
resolution: "minipass-fetch@npm:4.0.0"
|
||||
version: 4.0.1
|
||||
resolution: "minipass-fetch@npm:4.0.1"
|
||||
dependencies:
|
||||
encoding: "npm:^0.1.13"
|
||||
minipass: "npm:^7.0.3"
|
||||
@ -7514,7 +7514,7 @@ __metadata:
|
||||
dependenciesMeta:
|
||||
encoding:
|
||||
optional: true
|
||||
checksum: 10c0/7fa30ce7c373fb6f94c086b374fff1589fd7e78451855d2d06c2e2d9df936d131e73e952163063016592ed3081444bd8d1ea608533313b0149156ce23311da4b
|
||||
checksum: 10c0/a3147b2efe8e078c9bf9d024a0059339c5a09c5b1dded6900a219c218cc8b1b78510b62dae556b507304af226b18c3f1aeb1d48660283602d5b6586c399eed5c
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user