init
This commit is contained in:
Val
commit
989e2fb42d
41
.gitignore
vendored
Normal file
41
.gitignore
vendored
Normal file
@ -0,0 +1,41 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.*
|
||||
.yarn/*
|
||||
!.yarn/patches
|
||||
!.yarn/plugins
|
||||
!.yarn/releases
|
||||
!.yarn/versions
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# next.js
|
||||
/.next/
|
||||
/out/
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
*.pem
|
||||
|
||||
# debug
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
# env files (can opt-in for committing if needed)
|
||||
.env*
|
||||
|
||||
# vercel
|
||||
.vercel
|
||||
|
||||
# typescript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
36
README.md
Normal file
36
README.md
Normal file
@ -0,0 +1,36 @@
|
||||
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
# or
|
||||
bun dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
|
||||
22
eslint.config.mjs
Normal file
22
eslint.config.mjs
Normal file
@ -0,0 +1,22 @@
|
||||
import { dirname } from "path";
|
||||
import { fileURLToPath } from "url";
|
||||
import { FlatCompat } from "@eslint/eslintrc";
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = dirname(__filename);
|
||||
|
||||
const compat = new FlatCompat({
|
||||
baseDirectory: __dirname,
|
||||
});
|
||||
|
||||
const eslintConfig = [
|
||||
...compat.extends("next/core-web-vitals", "next/typescript"),
|
||||
{
|
||||
rules: {
|
||||
"@typescript-eslint/no-unused-vars": "warn",
|
||||
"@typescript-eslint/no-explicit-any": "off",
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
export default eslintConfig;
|
||||
7
next.config.ts
Normal file
7
next.config.ts
Normal file
@ -0,0 +1,7 @@
|
||||
import type { NextConfig } from "next";
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
/* config options here */
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
5878
package-lock.json
generated
Normal file
5878
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
43
package.json
Normal file
43
package.json
Normal file
@ -0,0 +1,43 @@
|
||||
{
|
||||
"name": "my-app",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev --turbopack",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "2.11.8",
|
||||
"bootstrap": "^5.1.3",
|
||||
"imagesloaded": "^5.0.0",
|
||||
"isotope-layout": "^3.0.6",
|
||||
"jarallax": "^2.2.1",
|
||||
"next": "15.1.6",
|
||||
"photoswipe": "^5.4.4",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-modal-video": "^2.0.2",
|
||||
"react-photoswipe-gallery": "^3.0.1",
|
||||
"rellax": "^1.12.1",
|
||||
"swiper": "^11.1.4",
|
||||
"tippy.js": "^6.3.7",
|
||||
"typewriter-effect": "^2.21.0",
|
||||
"wowjs": "^1.1.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/eslintrc": "^3",
|
||||
"@types/imagesloaded": "^4.1.6",
|
||||
"@types/isotope-layout": "^3.0.14",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"@types/react-modal-video": "^1.2.3",
|
||||
"eslint": "^9",
|
||||
"eslint-config-next": "15.1.6",
|
||||
"postcss": "^8",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
8
postcss.config.mjs
Normal file
8
postcss.config.mjs
Normal file
@ -0,0 +1,8 @@
|
||||
/** @type {import('postcss-load-config').Config} */
|
||||
const config = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
},
|
||||
};
|
||||
|
||||
export default config;
|
||||
290
public/assets/css/YTPlayer.css
Normal file
290
public/assets/css/YTPlayer.css
Normal file
@ -0,0 +1,290 @@
|
||||
@charset "UTF-8";
|
||||
@font-face {
|
||||
font-family: ytpregular;
|
||||
src: url(./ytp-regular.eot);
|
||||
}
|
||||
@font-face {
|
||||
font-family: ytpregular;
|
||||
src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)
|
||||
format("woff"),
|
||||
url(./ytp-regular.ttf) format("truetype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
.mb_YTPlayer:focus {
|
||||
outline: 0;
|
||||
}
|
||||
.YTPWrapper {
|
||||
display: block;
|
||||
transform: translateZ(0) translate3d(0, 0, 0);
|
||||
transform-style: preserve-3d;
|
||||
perspective: 1000;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mb_YTPlayer .loading {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.51);
|
||||
text-align: center;
|
||||
padding: 2px 4px;
|
||||
border-radius: 5px;
|
||||
font-family: "Droid Sans", sans-serif;
|
||||
-webkit-animation: fade 0.1s infinite alternate;
|
||||
animation: fade 0.1s infinite alternate;
|
||||
}
|
||||
.YTPFullscreen,
|
||||
.inline_YTPlayer img {
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
@-webkit-keyframes fade {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes fade {
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.YTPFullscreen {
|
||||
display: block !important;
|
||||
position: fixed !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
margin: 0 !important;
|
||||
opacity: 1 !important;
|
||||
background-color: #000 !important;
|
||||
}
|
||||
.inlinePlayButton,
|
||||
.inlinePlayButtonMobile {
|
||||
font-family: ytpregular;
|
||||
font-size: 45px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
transition: all 0.4s;
|
||||
transform: scale(1.3);
|
||||
}
|
||||
.inlinePlayButtonMobile {
|
||||
transform: scale(1);
|
||||
}
|
||||
.mb_YTPlayer:hover .inlinePlayButton {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
.inlinePlayButton:hover {
|
||||
background-color: rgba(0, 0, 0, 1);
|
||||
transform: scale(1.3) !important;
|
||||
}
|
||||
.mbYTP_wrapper iframe {
|
||||
max-width: 8000px !important;
|
||||
}
|
||||
.inline_YTPlayer {
|
||||
margin-bottom: 20px;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.inline_YTPlayer img {
|
||||
margin: 0 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
.mb_YTPBar,
|
||||
.mb_YTPBar .buttonBar {
|
||||
box-sizing: border-box;
|
||||
left: 0;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
.mb_YTPBar .ytpicon {
|
||||
font-size: 20px;
|
||||
font-family: ytpregular;
|
||||
}
|
||||
.mb_YTPBar .mb_YTPUrl.ytpicon {
|
||||
font-size: 30px;
|
||||
}
|
||||
.mb_YTPBar {
|
||||
transition: opacity 0.5s;
|
||||
display: block;
|
||||
height: 10px;
|
||||
background: #333;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
z-index: 1000;
|
||||
font: 14px/16px sans-serif;
|
||||
color: #fff;
|
||||
opacity: 0.1;
|
||||
}
|
||||
.mb_YTPBar.visible,
|
||||
.mb_YTPBar:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.mb_YTPBar .buttonBar {
|
||||
transition: all 0.5s;
|
||||
background: 0 0;
|
||||
font: 12px/14px san-serif;
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
height: 40px;
|
||||
}
|
||||
.mb_YTPBar:hover .buttonBar {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.mb_YTPBar span {
|
||||
display: inline-block;
|
||||
font: 16px/20px sans-serif;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 25px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mb_YTPBar span.mb_YTPTime {
|
||||
width: 130px;
|
||||
}
|
||||
.mb_YTPBar span.mb_OnlyYT,
|
||||
.mb_YTPBar span.mb_YTPUrl {
|
||||
position: absolute;
|
||||
width: auto;
|
||||
display: block;
|
||||
top: 6px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.mb_YTPBar span.mb_YTPUrl img {
|
||||
width: 60px;
|
||||
}
|
||||
.mb_YTPBar span.mb_OnlyYT {
|
||||
left: 300px;
|
||||
right: auto;
|
||||
}
|
||||
.mb_YTPBar span.mb_OnlyYT img {
|
||||
width: 25px;
|
||||
}
|
||||
.mb_YTPBar span.mb_YTPUrl a {
|
||||
color: #fff;
|
||||
}
|
||||
.mb_YTPBar .mb_YTPMuteUnmute,
|
||||
.mb_YTPBar .mb_YTPPlayPause,
|
||||
.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img {
|
||||
cursor: pointer;
|
||||
}
|
||||
.mb_YTPBar .mb_YTPProgress {
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
background: #222;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.mb_YTPBar .mb_YTPLoaded {
|
||||
height: 10px;
|
||||
width: 0;
|
||||
background: #444;
|
||||
left: 0;
|
||||
}
|
||||
.mb_YTPBar .mb_YTPseekbar {
|
||||
height: 10px;
|
||||
width: 0;
|
||||
background: #bb110e;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
|
||||
}
|
||||
.mb_YTPBar .YTPOverlay {
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform-style: "flat";
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* .YTPOverlay.raster {
|
||||
background: url(../images/raster.png);
|
||||
}
|
||||
.YTPOverlay.raster.retina {
|
||||
background: url(../images/raster@2x.png);
|
||||
}
|
||||
.YTPOverlay.raster-dot {
|
||||
background: url(../images/raster_dot.png);
|
||||
}
|
||||
.YTPOverlay.raster-dot.retina {
|
||||
background: url(../images/raster_dot@2x.png);
|
||||
} */
|
||||
.mb_YTPBar .simpleSlider {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
border: 1px solid #fff;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
margin-right: 10px;
|
||||
cursor: pointer !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.mb_YTPBar.compact .simpleSlider {
|
||||
width: 40px;
|
||||
}
|
||||
.mb_YTPBar.compact span.mb_OnlyYT {
|
||||
left: 260px;
|
||||
}
|
||||
.mb_YTPBar .simpleSlider.muted {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.mb_YTPBar .level {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mb_YTPBar .level.horizontal {
|
||||
height: 100%;
|
||||
width: 0;
|
||||
}
|
||||
.mb_YTPBar .level.vertical {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.mb_YTPVolumeBar,
|
||||
.mb_OnlyYT,
|
||||
.mb_YTPLoaded,
|
||||
.mb_YTPseekbar,
|
||||
.mb_YTPTime,
|
||||
.mb_YTPProgress {
|
||||
display: none !important;
|
||||
}
|
||||
.mb_YTPBar {
|
||||
opacity: 1;
|
||||
}
|
||||
.mb_YTPBar,
|
||||
.mb_YTPBar:hover .buttonBar {
|
||||
background: none;
|
||||
}
|
||||
9872
public/assets/css/bootstrap.min.css
vendored
Normal file
9872
public/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
143
public/assets/css/bootstrap.min.css.map
Normal file
143
public/assets/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
100
public/assets/css/custom.css
Normal file
100
public/assets/css/custom.css
Normal file
@ -0,0 +1,100 @@
|
||||
.Typewriter,
|
||||
.typewrite {
|
||||
display: inline-block;
|
||||
}
|
||||
.typewrite {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.dark-mode .dark-white {
|
||||
color: white !important;
|
||||
}
|
||||
.dark-mode-logo {
|
||||
display: none;
|
||||
}
|
||||
.dark .dark-mode-logo {
|
||||
display: block;
|
||||
}
|
||||
.light-mode-logo {
|
||||
display: block;
|
||||
}
|
||||
.dark .light-mode-logo {
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.mn-has-sub:hover + *,
|
||||
.mn-has-sub + *:hover {
|
||||
display: block !important;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInText {
|
||||
animation: animationFadeText 0.5s linear 0s 1;
|
||||
}
|
||||
@keyframes animationFadeText {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.dark-mode .svg-shape {
|
||||
filter: invert(1) brightness(2); /* Inverts the colors and increases brightness */
|
||||
}
|
||||
.dark-mode .svg-dark {
|
||||
filter: invert(1) brightness(2); /* Inverts the colors and increases brightness */
|
||||
}
|
||||
.dark-mode .image-filter {
|
||||
filter: invert(1) brightness(2); /* Inverts the colors and increases brightness */
|
||||
}
|
||||
html {
|
||||
scroll-behavior: initial !important;
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.mobile-on .desktop-nav {
|
||||
height: fit-content;
|
||||
max-height: 0px;
|
||||
display: block !important;
|
||||
overflow: scroll;
|
||||
transition: 0.6s;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.mobile-on .mn-sub {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
.mobile-on .js-opened .mn-sub.mobile-sub-active {
|
||||
max-height: 1000px;
|
||||
}
|
||||
}
|
||||
.dark-mode .form .form-tip-2 {
|
||||
color: var(--color-dark-mode-gray-1);
|
||||
background-color: var(--color-dark-2) !important;
|
||||
}
|
||||
.btn-mod.btn-w:hover,
|
||||
.btn-mod.btn-w:focus {
|
||||
background: none !important;
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
.team-carousel .owl-prev.owl-prev-testimonial-1 {
|
||||
left: 21px;
|
||||
}
|
||||
}
|
||||
|
||||
.mn-sub {
|
||||
transition: max-height 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.mn-sub.open {
|
||||
max-height: 200px;
|
||||
overflow: auto !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth !important;
|
||||
}
|
||||
435
public/assets/css/demo-bold/demo-bold.css
Normal file
435
public/assets/css/demo-bold/demo-bold.css
Normal file
@ -0,0 +1,435 @@
|
||||
@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);
|
||||
}
|
||||
}
|
||||
338
public/assets/css/demo-brutalist/demo-brutalist.css
Normal file
338
public/assets/css/demo-brutalist/demo-brutalist.css
Normal file
@ -0,0 +1,338 @@
|
||||
.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);
|
||||
}
|
||||
}
|
||||
996
public/assets/css/demo-corporate/demo-corporate.css
Normal file
996
public/assets/css/demo-corporate/demo-corporate.css
Normal file
@ -0,0 +1,996 @@
|
||||
@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;
|
||||
}
|
||||
505
public/assets/css/demo-elegant/demo-elegant.css
Normal file
505
public/assets/css/demo-elegant/demo-elegant.css
Normal file
@ -0,0 +1,505 @@
|
||||
.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: 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);
|
||||
}
|
||||
}
|
||||
912
public/assets/css/demo-fancy/demo-fancy.css
Normal file
912
public/assets/css/demo-fancy/demo-fancy.css
Normal file
@ -0,0 +1,912 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
902
public/assets/css/demo-gradient/demo-gradient.css
Normal file
902
public/assets/css/demo-gradient/demo-gradient.css
Normal file
@ -0,0 +1,902 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
167
public/assets/css/demo-main/demo-main.css
Normal file
167
public/assets/css/demo-main/demo-main.css
Normal file
@ -0,0 +1,167 @@
|
||||
.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);
|
||||
}
|
||||
}
|
||||
566
public/assets/css/demo-modern/demo-modern.css
Normal file
566
public/assets/css/demo-modern/demo-modern.css
Normal file
@ -0,0 +1,566 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
897
public/assets/css/demo-slick/demo-slick.css
Normal file
897
public/assets/css/demo-slick/demo-slick.css
Normal file
@ -0,0 +1,897 @@
|
||||
.theme-slick {
|
||||
--font-global: "Plus Jakarta Sans", sans-serif;
|
||||
--font-alt: "Plus Jakarta Sans", sans-serif;
|
||||
--section-padding-y: 130px;
|
||||
--color-dark-1: #1e2432;
|
||||
--color-dark-2: #282e3c;
|
||||
--color-dark-3: #303747;
|
||||
--color-dark-3a: #3e485e;
|
||||
--color-dark-4: #555960;
|
||||
--color-gray-1: #697582;
|
||||
--color-gray-2: #747f8c;
|
||||
--color-gray-3: #8a95a2;
|
||||
--color-primary-1: #1872e8;
|
||||
--color-primary-1-a: #2b87ff;
|
||||
--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: 10px;
|
||||
--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.725;
|
||||
letter-spacing: normal;
|
||||
word-spacing: 0.1em;
|
||||
}
|
||||
.theme-slick .dark-mode {
|
||||
--color-primary-1: #3f92ff;
|
||||
--color-primary-1-a: #1872e8;
|
||||
--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-slick h1,
|
||||
.theme-slick h2,
|
||||
.theme-slick h3,
|
||||
.theme-slick h4,
|
||||
.theme-slick h5,
|
||||
.theme-slick h6,
|
||||
.theme-slick .h1,
|
||||
.theme-slick .h2,
|
||||
.theme-slick .h3,
|
||||
.theme-slick .h4,
|
||||
.theme-slick .h5,
|
||||
.theme-slick .h6 {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick h3,
|
||||
.theme-slick .h3 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
.theme-slick b,
|
||||
.theme-slick strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .small {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.theme-slick hr:not([size]) {
|
||||
background: var(--color-dark-1);
|
||||
height: 1px;
|
||||
opacity: 0.1;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha:before,
|
||||
.theme-slick .bg-dark-alpha .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.97;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-30:before,
|
||||
.theme-slick .bg-dark-alpha-30 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-50:before,
|
||||
.theme-slick .bg-dark-alpha-50 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-60:before,
|
||||
.theme-slick .bg-dark-alpha-60 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-70:before,
|
||||
.theme-slick .bg-dark-alpha-70 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-80:before,
|
||||
.theme-slick .bg-dark-alpha-80 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.theme-slick .bg-dark-alpha-90:before,
|
||||
.theme-slick .bg-dark-alpha-90 .YTPOverlay:before {
|
||||
background: #101828;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.theme-slick .main-nav.dark {
|
||||
background-color: rgba(16, 24, 40, 0.8777);
|
||||
}
|
||||
.theme-slick .main-nav.dark-mode {
|
||||
background-color: rgba(55, 63, 78, 0.9);
|
||||
}
|
||||
.theme-slick .inner-nav ul {
|
||||
font-size: 16px;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-slick .inner-nav ul li {
|
||||
margin: 0 18px;
|
||||
}
|
||||
.theme-slick .inner-nav > ul > li > a {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-slick .inner-nav ul li a {
|
||||
position: relative;
|
||||
}
|
||||
.theme-slick .inner-nav > ul > li > a:not(.no-hover):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(50% + 1.25em);
|
||||
left: 1px;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 2px;
|
||||
background: var(--color-primary-1);
|
||||
border-radius: 1px;
|
||||
transform: scaleX(0);
|
||||
transform-origin: 0 50%;
|
||||
transition: transform 0.27s var(--ease-default);
|
||||
}
|
||||
.theme-slick .inner-nav > ul > li > a.active:before {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
.theme-slick
|
||||
.main-nav.mobile-on
|
||||
.inner-nav
|
||||
> ul
|
||||
> li
|
||||
> a:not(.no-hover):before {
|
||||
display: none;
|
||||
}
|
||||
.theme-slick .mn-sub {
|
||||
background: rgba(55, 63, 78, 0.9927);
|
||||
}
|
||||
.theme-slick .mobile-on .desktop-nav ul {
|
||||
background: rgba(30, 36, 50, 0.99);
|
||||
}
|
||||
.theme-slick .mobile-on .desktop-nav ul li a,
|
||||
.theme-slick .inner-nav ul li .mn-sub li a,
|
||||
.theme-slick .mn-group-title {
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
.theme-slick .form label {
|
||||
margin-bottom: 15px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .form .form-group {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.theme-slick .form-tip,
|
||||
.theme-slick .form-tip a {
|
||||
font-size: 13px;
|
||||
line-height: 1.53;
|
||||
}
|
||||
.theme-slick .form input[type="text"],
|
||||
.theme-slick .form input[type="email"],
|
||||
.theme-slick .form input[type="number"],
|
||||
.theme-slick .form input[type="url"],
|
||||
.theme-slick .form input[type="search"],
|
||||
.theme-slick .form input[type="tel"],
|
||||
.theme-slick .form input[type="password"],
|
||||
.theme-slick .form input[type="date"],
|
||||
.theme-slick .form input[type="color"],
|
||||
.theme-slick .form select,
|
||||
.theme-slick .form textarea {
|
||||
border-color: rgba(52, 61, 85, 0.183);
|
||||
}
|
||||
.theme-slick .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-slick .form input[type="text"]:hover,
|
||||
.theme-slick .form input[type="email"]:hover,
|
||||
.theme-slick .form input[type="number"]:hover,
|
||||
.theme-slick .form input[type="url"]:hover,
|
||||
.theme-slick .form input[type="search"]:hover,
|
||||
.theme-slick .form input[type="tel"]:hover,
|
||||
.theme-slick .form input[type="password"]:hover,
|
||||
.theme-slick .form input[type="date"]:hover,
|
||||
.theme-slick .form input[type="color"]:hover,
|
||||
.theme-slick .form select:hover,
|
||||
.theme-slick .form textarea:hover {
|
||||
border-color: rgba(52, 61, 85, 0.38);
|
||||
}
|
||||
.theme-slick .form input[type="text"]:focus,
|
||||
.theme-slick .form input[type="email"]:focus,
|
||||
.theme-slick .form input[type="number"]:focus,
|
||||
.theme-slick .form input[type="url"]:focus,
|
||||
.theme-slick .form input[type="search"]:focus,
|
||||
.theme-slick .form input[type="tel"]:focus,
|
||||
.theme-slick .form input[type="password"]:focus,
|
||||
.theme-slick .form input[type="date"]:focus,
|
||||
.theme-slick .form input[type="color"]:focus,
|
||||
.theme-slick .form select:focus,
|
||||
.theme-slick .form textarea:focus {
|
||||
border-color: rgba(52, 61, 85, 0.7);
|
||||
box-shadow: 0 0 3px rgba(52, 61, 85, 0.3);
|
||||
}
|
||||
.theme-slick .form input[type="text"]::placeholder,
|
||||
.theme-slick .form input[type="email"]::placeholder,
|
||||
.theme-slick .form input[type="number"]::placeholder,
|
||||
.theme-slick .form input[type="url"]::placeholder,
|
||||
.theme-slick .form input[type="search"]::placeholder,
|
||||
.theme-slick .form input[type="tel"]::placeholder,
|
||||
.theme-slick .form input[type="password"]::placeholder,
|
||||
.theme-slick .form input[type="date"]::placeholder,
|
||||
.theme-slick .form input[type="color"]::placeholder,
|
||||
.theme-slick .form select::placeholder,
|
||||
.theme-slick .form textarea::placeholder {
|
||||
color: var(--color-gray-3);
|
||||
}
|
||||
.theme-slick .form input[type="text"].input-md,
|
||||
.theme-slick .form input[type="email"].input-md,
|
||||
.theme-slick .form input[type="number"].input-md,
|
||||
.theme-slick .form input[type="url"].input-md,
|
||||
.theme-slick .form input[type="search"].input-md,
|
||||
.theme-slick .form input[type="tel"].input-md,
|
||||
.theme-slick .form input[type="password"].input-md,
|
||||
.theme-slick .form input[type="date"].input-md,
|
||||
.theme-slick .form input[type="color"].input-md,
|
||||
.theme-slick .form select.input-md {
|
||||
height: 50px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-slick .form textarea.input-md {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-slick .form input[type="text"].input-lg,
|
||||
.theme-slick .form input[type="email"].input-lg,
|
||||
.theme-slick .form input[type="number"].input-lg,
|
||||
.theme-slick .form input[type="url"].input-lg,
|
||||
.theme-slick .form input[type="search"].input-lg,
|
||||
.theme-slick .form input[type="tel"].input-lg,
|
||||
.theme-slick .form input[type="password"].input-lg,
|
||||
.theme-slick .form input[type="date"].input-lg,
|
||||
.theme-slick .form input[type="color"].input-lg,
|
||||
.theme-slick .form select.input-lg {
|
||||
height: 54px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-slick .form textarea.input-lg {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-slick .light-content input[type="text"],
|
||||
.theme-slick .light-content input[type="email"],
|
||||
.theme-slick .light-content input[type="number"],
|
||||
.theme-slick .light-content input[type="url"],
|
||||
.theme-slick .light-content input[type="search"],
|
||||
.theme-slick .light-content input[type="tel"],
|
||||
.theme-slick .light-content input[type="password"],
|
||||
.theme-slick .light-content input[type="date"],
|
||||
.theme-slick .light-content input[type="color"],
|
||||
.theme-slick .light-content select,
|
||||
.theme-slick .light-content textarea {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-slick .light-content input[type="text"]:hover,
|
||||
.theme-slick .light-content input[type="email"]:hover,
|
||||
.theme-slick .light-content input[type="number"]:hover,
|
||||
.theme-slick .light-content input[type="url"]:hover,
|
||||
.theme-slick .light-content input[type="search"]:hover,
|
||||
.theme-slick .light-content input[type="tel"]:hover,
|
||||
.theme-slick .light-content input[type="password"]:hover,
|
||||
.theme-slick .light-content input[type="date"]:hover,
|
||||
.theme-slick .light-content input[type="color"]:hover,
|
||||
.theme-slick .light-content select:hover,
|
||||
.theme-slick .light-content textarea:hover {
|
||||
border-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.theme-slick .light-content input[type="text"]:focus,
|
||||
.theme-slick .light-content input[type="email"]:focus,
|
||||
.theme-slick .light-content input[type="number"]:focus,
|
||||
.theme-slick .light-content input[type="url"]:focus,
|
||||
.theme-slick .light-content input[type="search"]:focus,
|
||||
.theme-slick .light-content input[type="tel"]:focus,
|
||||
.theme-slick .light-content input[type="password"]:focus,
|
||||
.theme-slick .light-content input[type="date"]:focus,
|
||||
.theme-slick .light-content input[type="color"]:focus,
|
||||
.theme-slick .light-content select:focus,
|
||||
.theme-slick .light-content textarea:focus {
|
||||
border-color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
.theme-slick .icon-info {
|
||||
top: 0.07em;
|
||||
}
|
||||
.theme-slick .btn-mod,
|
||||
.theme-slick a.btn-mod {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-slick .btn-mod.btn-border-c {
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-slick .btn-mod.btn-border-c:hover,
|
||||
.theme-slick .btn-mod.btn-border-c:focus {
|
||||
background: transparent;
|
||||
color: var(--color-primary-1);
|
||||
border-color: var(--color-primary-light-1-a);
|
||||
}
|
||||
.theme-slick .btn-mod.btn-small {
|
||||
padding: 10px 22px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-slick .btn-mod.btn-medium {
|
||||
padding: 12px 22px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-slick .btn-mod.btn-large {
|
||||
padding: 14px 36px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.theme-slick .big-icon {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .composition-4-image-1 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-slick .composition-4-image-2 {
|
||||
border-color: var(--color-gray-light-3);
|
||||
}
|
||||
.theme-slick .scroll-down-1-icon:before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-slick .scroll-down-1-icon svg,
|
||||
.theme-slick .scroll-down-1-icon img {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-slick .scroll-down-1-icon i {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.theme-slick .scroll-down-1-text {
|
||||
font-weight: 500;
|
||||
opacity: 0.7;
|
||||
transition: opacity 0.4s ease, transform 0.4s var(--ease-elastic-2);
|
||||
}
|
||||
.theme-slick .typewrite .wrap:after {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.theme-slick .section-caption-slick {
|
||||
padding: 9px 12px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.theme-slick .light-content .section-caption-slick {
|
||||
color: #fff;
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
rgba(5, 16, 38, 0.75) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-slick .light-content .section-caption-fancy {
|
||||
background-image: linear-gradient(
|
||||
15deg,
|
||||
rgba(5, 16, 38, 0.75) 0%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
.theme-slick .section-title {
|
||||
font-size: 48px !important;
|
||||
font-weight: 500 !important;
|
||||
line-height: 1.25 !important;
|
||||
}
|
||||
.theme-slick .section-title-small {
|
||||
font-size: 34px;
|
||||
font-weight: 500;
|
||||
line-height: 1.3;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.theme-slick .section-title-tiny {
|
||||
font-size: 20px !important;
|
||||
font-weight: 600 !important;
|
||||
letter-spacing: normal !important;
|
||||
}
|
||||
.theme-slick .section-descr {
|
||||
font-size: 23px !important;
|
||||
font-weight: 300 !important;
|
||||
line-height: 1.7 !important;
|
||||
letter-spacing: -0.005em !important;
|
||||
}
|
||||
.theme-slick .light-content .section-descr {
|
||||
color: var(--color-dark-mode-gray-1) !important;
|
||||
}
|
||||
.theme-slick .light-content .toggle,
|
||||
.theme-slick .light-content .toggle > dt > a,
|
||||
.theme-slick .light-content .accordion,
|
||||
.theme-slick .light-content .accordion > dt > a {
|
||||
border-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
.theme-slick .accordion > dt > a:after,
|
||||
.theme-slick .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .light-content .accordion > dt > a:after,
|
||||
.theme-slick .light-content .toggle > dt > a:after {
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick a.link-hover-anim,
|
||||
.theme-slick a.link-hover-anim:hover {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
color: var(--color-primary-1);
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .link-strong i {
|
||||
position: relative;
|
||||
top: -0.05em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.theme-slick .link-strong-hovered {
|
||||
top: 0;
|
||||
}
|
||||
.theme-slick .light-content .link-strong,
|
||||
.theme-slick .light-content .link-hover-anim {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-slick .features-list {
|
||||
font-size: 17px;
|
||||
}
|
||||
.theme-slick .features-list-icon {
|
||||
top: 0.175em;
|
||||
color: var(--color-primary-1);
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-slick .light-content .features-list-icon {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .works-filter.works-filter-slick {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .works-grid.work-grid-fancy .work-title {
|
||||
margin-bottom: 10px;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .works-grid.work-grid-fancy .work-descr {
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-slick .work-img-bg {
|
||||
background: var(--color-gray-light-2);
|
||||
}
|
||||
.theme-slick .number-1-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .testimonials-3-text p {
|
||||
letter-spacing: -0.015em;
|
||||
}
|
||||
.theme-slick .testimonials-4-text p {
|
||||
color: var(--color-gray-1);
|
||||
line-height: 1.67;
|
||||
}
|
||||
.theme-slick .testimonials-4-author {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-slick .testimonials-4-author .small {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.theme-slick .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-slick .post-prev-container:before {
|
||||
display: none;
|
||||
}
|
||||
.theme-slick .post-prev-container:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: var(--box-shadow-block-strong);
|
||||
}
|
||||
.theme-slick .post-prev-title {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .post-prev-img a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-slick .post-prev-img a:hover img {
|
||||
transform: translateZ(0.1px);
|
||||
}
|
||||
.theme-slick .post-prev-title {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.theme-slick .post-prev-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-slick .post-prev-text {
|
||||
line-height: 1.625;
|
||||
}
|
||||
.theme-slick .post-prev-info,
|
||||
.theme-slick .post-prev-info a {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-slick .post-prev-title,
|
||||
.theme-slick .post-prev-text,
|
||||
.theme-slick .post-prev-info {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.theme-slick .post-prev-container > *:last-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.theme-slick .post-prev-3-text {
|
||||
line-height: 1.68;
|
||||
}
|
||||
.theme-slick .post-prev-3-title a:hover {
|
||||
opacity: 0.85;
|
||||
}
|
||||
.theme-slick .pagination a.active,
|
||||
.theme-slick .pagination a.active:hover {
|
||||
border-color: var(--color-primary-1);
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .tags a {
|
||||
border-radius: 50px;
|
||||
}
|
||||
.theme-slick .widget-body img {
|
||||
border-radius: var(--border-radius-default);
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.059em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs li {
|
||||
padding: 0;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a,
|
||||
.theme-slick .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-slick .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-slick .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-slick .tpl-minimal-tabs > li > a:after,
|
||||
.theme-slick .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-slick .tpl-minimal-tabs > li:not(:first-child) > a:before,
|
||||
.theme-slick .tpl-minimal-tabs > li:not(:first-child) > a:after {
|
||||
width: calc(100% + 1px);
|
||||
margin-left: -1px;
|
||||
border-left: none;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li:first-child > a:before,
|
||||
.theme-slick .tpl-minimal-tabs > li:first-child > a:after {
|
||||
border-top-left-radius: 100px;
|
||||
border-bottom-left-radius: 100px;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li:last-child > a:before,
|
||||
.theme-slick .tpl-minimal-tabs > li:last-child > a:after {
|
||||
border-top-right-radius: 100px;
|
||||
border-bottom-right-radius: 100px;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a.active,
|
||||
.theme-slick .tpl-minimal-tabs > li > a.active:hover {
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a.active:after {
|
||||
opacity: 1;
|
||||
}
|
||||
.theme-slick .light-content .tpl-minimal-tabs > li > a,
|
||||
.theme-slick .light-content .tpl-minimal-tabs > li > a:hover,
|
||||
.theme-slick .light-content .tpl-minimal-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
.theme-slick .light-content .tpl-minimal-tabs > li > a:before {
|
||||
border-color: #fff;
|
||||
}
|
||||
.theme-slick .light-content .tpl-minimal-tabs li a.active,
|
||||
.theme-slick .light-content .tpl-minimal-tabs li a.active:hover {
|
||||
color: #fff;
|
||||
border: none !important;
|
||||
}
|
||||
.theme-slick .pricing-title {
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.0175em;
|
||||
}
|
||||
.theme-slick .pricing-num {
|
||||
font-weight: 600;
|
||||
}
|
||||
.theme-slick .contact-item {
|
||||
padding-left: 69px;
|
||||
}
|
||||
.theme-slick .contact-item a.link-hover-anim,
|
||||
.theme-slick .contact-item a.link-hover-anim:hover {
|
||||
font-size: 14px;
|
||||
}
|
||||
.theme-slick a.link-hover-anim i {
|
||||
top: -0.05em;
|
||||
}
|
||||
.theme-slick .ci-icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .ci-icon:before {
|
||||
background: var(--color-primary-light-1);
|
||||
}
|
||||
.theme-slick .ci-text {
|
||||
margin-bottom: 2px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.theme-slick .light-content .ci-icon {
|
||||
color: var(--color-primary-1) !important;
|
||||
}
|
||||
.theme-slick .light-content .ci-icon:before {
|
||||
background: var(--color-primary-1);
|
||||
opacity: 0.25;
|
||||
}
|
||||
.theme-slick .mt-icon:before {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .footer b,
|
||||
.theme-slick .footer strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
.theme-slick .fw-title {
|
||||
margin-bottom: 25px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.theme-slick .fw-menu li:not(:last-child) {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.theme-slick .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-slick .appear-animate .linesAnimIn .word {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
.theme-slick .linesAnimIn.animated .word,
|
||||
.theme-slick .mobile .linesAnimIn .word {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.theme-slick .mfp-bg {
|
||||
background: var(--color-dark-1);
|
||||
}
|
||||
.theme-slick .steps-1-number {
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .light-content .steps-1-number {
|
||||
color: #fff;
|
||||
background: var(--color-primary-1);
|
||||
}
|
||||
.theme-slick .light-content .map-section {
|
||||
background: rgba(16, 24, 40, 0.92);
|
||||
}
|
||||
.theme-slick .light-content .map-section:hover {
|
||||
background: rgba(16, 24, 40, 0.88);
|
||||
}
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.theme-slick .container {
|
||||
max-width: var(--container-width);
|
||||
}
|
||||
.theme-slick .section-title {
|
||||
font-size: calc(1.041rem + 2.29vw) !important;
|
||||
}
|
||||
.theme-slick .section-title-small {
|
||||
font-size: calc(1.635rem + 0.57vw);
|
||||
}
|
||||
.theme-slick .section-descr {
|
||||
font-size: calc(0.948rem + 0.57vw);
|
||||
}
|
||||
.theme-slick .features-list,
|
||||
.theme-slick .number-1-descr {
|
||||
font-size: calc(0.962rem + 0.19vw);
|
||||
}
|
||||
.theme-slick .works-grid.work-grid-fancy .work-title,
|
||||
.theme-slick .post-prev-title {
|
||||
font-size: calc(0.967rem + 0.48vw);
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.theme-slick .inner-nav ul li {
|
||||
margin: 0 12px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.theme-slick .tpl-minimal-tabs > li {
|
||||
margin: 2px !important;
|
||||
width: 46%;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a.active:after,
|
||||
.theme-slick .tpl-minimal-tabs > li > a:hover:after {
|
||||
transform: none;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a:before,
|
||||
.theme-slick .tpl-minimal-tabs > li > a:after {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a:before {
|
||||
border: 1px solid var(--color-dark-1) !important;
|
||||
}
|
||||
.theme-slick .tpl-minimal-tabs > li > a:before,
|
||||
.theme-slick .tpl-minimal-tabs > li > a:after {
|
||||
border-radius: 100px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.theme-slick .tpl-minimal-tabs > li {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
496
public/assets/css/demo-strong/demo-strong.css
Normal file
496
public/assets/css/demo-strong/demo-strong.css
Normal file
@ -0,0 +1,496 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
192
public/assets/css/font-awesome-brands.css
Normal file
192
public/assets/css/font-awesome-brands.css
Normal file
@ -0,0 +1,192 @@
|
||||
@font-face {
|
||||
font-family: 'font-awesome-brands';
|
||||
src:
|
||||
url('../webfonts/font-awesome-brands/font-awesome-brands.ttf') format('truetype'),
|
||||
url('../webfonts/font-awesome-brands/font-awesome-brands.woff') format('woff'),
|
||||
url('../webfonts/font-awesome-brands/font-awesome-brands.svg#font-awesome-brands') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="fa-"],
|
||||
[class*=" fa-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'font-awesome-brands' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
transform: rotate(0.003deg);
|
||||
}
|
||||
|
||||
.fa-square-x-twitter:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.fa-x-twitter:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.fa-px:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.fa-amazon:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.fa-android:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.fa-apple:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.fa-behance:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.fa-blogger:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.fa-codepen:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.fa-deviantart:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.fa-digg:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.fa-dribbble:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.fa-dropbox:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.fa-etsy:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.fa-facebook:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.fa-facebook-f:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.fa-figma:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.fa-flickr:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.fa-github:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.fa-google:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.fa-google-drive:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.fa-google-play:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.fa-hubspot:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.fa-imdb:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.fa-instagram:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.fa-itunes:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.fa-jsfiddle:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.fa-kickstarter:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.fa-linkedin:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.fa-linkedin-in:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.fa-medium:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.fa-paypal:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.fa-pinterest:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.fa-pinterest-p:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.fa-product-hunt:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.fa-reddit:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.fa-shopify:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.fa-skype:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.fa-slack:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.fa-soundcloud:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.fa-spotify:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.fa-stack-overflow:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.fa-steam:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.fa-stripe:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.fa-tiktok:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.fa-tumblr:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.fa-twitch:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.fa-twitter:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.fa-viber:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.fa-vimeo:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.fa-vimeo-v:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.fa-whatsapp:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.fa-yelp:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.fa-youtube:before {
|
||||
content: "\e935";
|
||||
}
|
||||
BIN
public/assets/css/grabbing.png
Normal file
BIN
public/assets/css/grabbing.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 B |
83
public/assets/css/icomoon.css
Normal file
83
public/assets/css/icomoon.css
Normal file
@ -0,0 +1,83 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('../webfonts/icomoon/icomoon.ttf') format('truetype'),
|
||||
url('../webfonts/icomoon/icomoon.woff') format('woff'),
|
||||
url('../webfonts/icomoon/icomoon.svg#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
transform: rotate(0.003deg);
|
||||
}
|
||||
|
||||
.icon-quotation-mark:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.icon-star-rate:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.icon-star-rate-a:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\e941";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.icon-arrow-left2:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.icon-arrow-right2:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.icon-arrow-down1:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
.icon-arrow-up1:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
.icon-arrow-left1:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
.icon-arrow-right1:before {
|
||||
content: "\e940";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e942";
|
||||
}
|
||||
|
||||
.icon-info{
|
||||
position: relative;
|
||||
top: 0.05em;
|
||||
}
|
||||
.icon-arrow-up{
|
||||
position: relative;
|
||||
left: 0.5px;
|
||||
}
|
||||
749
public/assets/css/icons.css
Normal file
749
public/assets/css/icons.css
Normal file
@ -0,0 +1,749 @@
|
||||
@font-face {
|
||||
font-family: 'icons';
|
||||
src:
|
||||
url('../webfonts/icons.ttf') format('truetype'),
|
||||
url('../webfonts/icons.woff') format('woff'),
|
||||
url('../webfonts/icons.svg#icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="mi-"],
|
||||
[class*=" mi-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icons' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
display: inline-block;
|
||||
transform: rotate(0.003deg);
|
||||
}
|
||||
|
||||
.mi-add:before {
|
||||
content: "\e900";
|
||||
}
|
||||
|
||||
.mi-archive:before {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.mi-arrow-down:before {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
.mi-arrow-left:before {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.mi-arrow-left-down:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
||||
.mi-arrow-left-up:before {
|
||||
content: "\e905";
|
||||
}
|
||||
|
||||
.mi-arrow-right:before {
|
||||
content: "\e906";
|
||||
}
|
||||
|
||||
.mi-arrow-right-down:before {
|
||||
content: "\e907";
|
||||
}
|
||||
|
||||
.mi-arrow-right-up:before {
|
||||
content: "\e908";
|
||||
}
|
||||
|
||||
.mi-arrow-up:before {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.mi-attachment:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
|
||||
.mi-backspace:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.mi-ban:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
|
||||
.mi-bar-chart:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
|
||||
.mi-bar-chart-alt:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
|
||||
.mi-board:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
|
||||
.mi-bold:before {
|
||||
content: "\e910";
|
||||
}
|
||||
|
||||
.mi-book:before {
|
||||
content: "\e911";
|
||||
}
|
||||
|
||||
.mi-bookmark:before {
|
||||
content: "\e912";
|
||||
}
|
||||
|
||||
.mi-calendar:before {
|
||||
content: "\e913";
|
||||
}
|
||||
|
||||
.mi-call:before {
|
||||
content: "\e914";
|
||||
}
|
||||
|
||||
.mi-camera:before {
|
||||
content: "\e915";
|
||||
}
|
||||
|
||||
.mi-caret-down:before {
|
||||
content: "\e916";
|
||||
}
|
||||
|
||||
.mi-caret-left:before {
|
||||
content: "\e917";
|
||||
}
|
||||
|
||||
.mi-caret-right:before {
|
||||
content: "\e918";
|
||||
}
|
||||
|
||||
.mi-caret-up:before {
|
||||
content: "\e919";
|
||||
}
|
||||
|
||||
.mi-check:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
|
||||
.mi-chevron-double-down:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
|
||||
.mi-chevron-double-left:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.mi-chevron-double-right:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
|
||||
.mi-chevron-double-up:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
|
||||
.mi-chevron-down:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
|
||||
.mi-chevron-left:before {
|
||||
content: "\e920";
|
||||
}
|
||||
|
||||
.mi-chevron-right:before {
|
||||
content: "\e921";
|
||||
}
|
||||
|
||||
.mi-chevron-up:before {
|
||||
content: "\e922";
|
||||
}
|
||||
|
||||
.mi-circle:before {
|
||||
content: "\e923";
|
||||
}
|
||||
|
||||
.mi-circle-add:before {
|
||||
content: "\e924";
|
||||
}
|
||||
|
||||
.mi-circle-arrow-down:before {
|
||||
content: "\e925";
|
||||
}
|
||||
|
||||
.mi-circle-arrow-left:before {
|
||||
content: "\e926";
|
||||
}
|
||||
|
||||
.mi-circle-arrow-right:before {
|
||||
content: "\e927";
|
||||
}
|
||||
|
||||
.mi-circle-arrow-up:before {
|
||||
content: "\e928";
|
||||
}
|
||||
|
||||
.mi-circle-check:before {
|
||||
content: "\e929";
|
||||
}
|
||||
|
||||
.mi-circle-error:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
|
||||
.mi-circle-help:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
|
||||
.mi-circle-information:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
|
||||
.mi-circle-remove:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
|
||||
.mi-circle-warning:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
|
||||
.mi-clipboard:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
|
||||
.mi-clipboard-check:before {
|
||||
content: "\e930";
|
||||
}
|
||||
|
||||
.mi-clipboard-list:before {
|
||||
content: "\e931";
|
||||
}
|
||||
|
||||
.mi-clock:before {
|
||||
content: "\e932";
|
||||
}
|
||||
|
||||
.mi-close:before {
|
||||
content: "\e933";
|
||||
}
|
||||
|
||||
.mi-cloud:before {
|
||||
content: "\e934";
|
||||
}
|
||||
|
||||
.mi-cloud-download:before {
|
||||
content: "\e935";
|
||||
}
|
||||
|
||||
.mi-cloud-upload:before {
|
||||
content: "\e936";
|
||||
}
|
||||
|
||||
.mi-cloudy:before {
|
||||
content: "\e937";
|
||||
}
|
||||
|
||||
.mi-comment:before {
|
||||
content: "\e938";
|
||||
}
|
||||
|
||||
.mi-compass:before {
|
||||
content: "\e939";
|
||||
}
|
||||
|
||||
.mi-computer:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
|
||||
.mi-copy:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
|
||||
.mi-credit-card:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
|
||||
.mi-database:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
|
||||
.mi-delete:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
|
||||
.mi-delete-alt:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
|
||||
.mi-document:before {
|
||||
content: "\e940";
|
||||
}
|
||||
|
||||
.mi-document-add:before {
|
||||
content: "\e941";
|
||||
}
|
||||
|
||||
.mi-document-check:before {
|
||||
content: "\e942";
|
||||
}
|
||||
|
||||
.mi-document-download:before {
|
||||
content: "\e943";
|
||||
}
|
||||
|
||||
.mi-document-empty:before {
|
||||
content: "\e944";
|
||||
}
|
||||
|
||||
.mi-document-remove:before {
|
||||
content: "\e945";
|
||||
}
|
||||
|
||||
.mi-download:before {
|
||||
content: "\e946";
|
||||
}
|
||||
|
||||
.mi-drag:before {
|
||||
content: "\e947";
|
||||
}
|
||||
|
||||
.mi-drop:before {
|
||||
content: "\e948";
|
||||
}
|
||||
|
||||
.mi-edit:before {
|
||||
content: "\e949";
|
||||
}
|
||||
|
||||
.mi-edit-alt:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
|
||||
.mi-email:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
|
||||
.mi-enter:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
|
||||
.mi-expand:before {
|
||||
content: "\e94d";
|
||||
}
|
||||
|
||||
.mi-export:before {
|
||||
content: "\e94e";
|
||||
}
|
||||
|
||||
.mi-external-link:before {
|
||||
content: "\e94f";
|
||||
}
|
||||
|
||||
.mi-eye:before {
|
||||
content: "\e950";
|
||||
}
|
||||
|
||||
.mi-eye-off:before {
|
||||
content: "\e951";
|
||||
}
|
||||
|
||||
.mi-favorite:before {
|
||||
content: "\e952";
|
||||
}
|
||||
|
||||
.mi-filter:before {
|
||||
content: "\e953";
|
||||
}
|
||||
|
||||
.mi-filter-1:before {
|
||||
content: "\e954";
|
||||
}
|
||||
|
||||
.mi-filter-alt:before {
|
||||
content: "\e955";
|
||||
}
|
||||
|
||||
.mi-flag:before {
|
||||
content: "\e956";
|
||||
}
|
||||
|
||||
.mi-fog:before {
|
||||
content: "\e957";
|
||||
}
|
||||
|
||||
.mi-folder:before {
|
||||
content: "\e958";
|
||||
}
|
||||
|
||||
.mi-folder-add:before {
|
||||
content: "\e959";
|
||||
}
|
||||
|
||||
.mi-folder-check:before {
|
||||
content: "\e95a";
|
||||
}
|
||||
|
||||
.mi-folder-download:before {
|
||||
content: "\e95b";
|
||||
}
|
||||
|
||||
.mi-folder-remove:before {
|
||||
content: "\e95c";
|
||||
}
|
||||
|
||||
.mi-grid:before {
|
||||
content: "\e95d";
|
||||
}
|
||||
|
||||
.mi-heart:before {
|
||||
content: "\e95e";
|
||||
}
|
||||
|
||||
.mi-home:before {
|
||||
content: "\e95f";
|
||||
}
|
||||
|
||||
.mi-image:before {
|
||||
content: "\e960";
|
||||
}
|
||||
|
||||
.mi-inbox:before {
|
||||
content: "\e961";
|
||||
}
|
||||
|
||||
.mi-italic:before {
|
||||
content: "\e962";
|
||||
}
|
||||
|
||||
.mi-laptop:before {
|
||||
content: "\e963";
|
||||
}
|
||||
|
||||
.mi-layers:before {
|
||||
content: "\e964";
|
||||
}
|
||||
|
||||
.mi-layout:before {
|
||||
content: "\e965";
|
||||
}
|
||||
|
||||
.mi-link:before {
|
||||
content: "\e966";
|
||||
}
|
||||
|
||||
.mi-link-alt:before {
|
||||
content: "\e967";
|
||||
}
|
||||
|
||||
.mi-list:before {
|
||||
content: "\e968";
|
||||
}
|
||||
|
||||
.mi-location:before {
|
||||
content: "\e969";
|
||||
}
|
||||
|
||||
.mi-lock:before {
|
||||
content: "\e96a";
|
||||
}
|
||||
|
||||
.mi-log-in:before {
|
||||
content: "\e96b";
|
||||
}
|
||||
|
||||
.mi-log-out:before {
|
||||
content: "\e96c";
|
||||
}
|
||||
|
||||
.mi-map:before {
|
||||
content: "\e96d";
|
||||
}
|
||||
|
||||
.mi-megaphone:before {
|
||||
content: "\e96e";
|
||||
}
|
||||
|
||||
.mi-menu:before {
|
||||
content: "\e96f";
|
||||
}
|
||||
|
||||
.mi-message:before {
|
||||
content: "\e970";
|
||||
}
|
||||
|
||||
.mi-message-alt:before {
|
||||
content: "\e971";
|
||||
}
|
||||
|
||||
.mi-minimize:before {
|
||||
content: "\e972";
|
||||
}
|
||||
|
||||
.mi-mobile:before {
|
||||
content: "\e973";
|
||||
}
|
||||
|
||||
.mi-moon:before {
|
||||
content: "\e974";
|
||||
}
|
||||
|
||||
.mi-next:before {
|
||||
content: "\e975";
|
||||
}
|
||||
|
||||
.mi-notification:before {
|
||||
content: "\e976";
|
||||
}
|
||||
|
||||
.mi-notification-off:before {
|
||||
content: "\e977";
|
||||
}
|
||||
|
||||
.mi-options-horizontal:before {
|
||||
content: "\e978";
|
||||
}
|
||||
|
||||
.mi-options-vertical:before {
|
||||
content: "\e979";
|
||||
}
|
||||
|
||||
.mi-pause:before {
|
||||
content: "\e97a";
|
||||
}
|
||||
|
||||
.mi-pen:before {
|
||||
content: "\e97b";
|
||||
}
|
||||
|
||||
.mi-percentage:before {
|
||||
content: "\e97c";
|
||||
}
|
||||
|
||||
.mi-pin:before {
|
||||
content: "\e97d";
|
||||
}
|
||||
|
||||
.mi-play:before {
|
||||
content: "\e97e";
|
||||
}
|
||||
|
||||
.mi-previous:before {
|
||||
content: "\e97f";
|
||||
}
|
||||
|
||||
.mi-print:before {
|
||||
content: "\e980";
|
||||
}
|
||||
|
||||
.mi-rain:before {
|
||||
content: "\e981";
|
||||
}
|
||||
|
||||
.mi-refresh:before {
|
||||
content: "\e982";
|
||||
}
|
||||
|
||||
.mi-remove:before {
|
||||
content: "\e983";
|
||||
}
|
||||
|
||||
.mi-reorder:before {
|
||||
content: "\e984";
|
||||
}
|
||||
|
||||
.mi-reorder-alt:before {
|
||||
content: "\e985";
|
||||
}
|
||||
|
||||
.mi-repeat:before {
|
||||
content: "\e986";
|
||||
}
|
||||
|
||||
.mi-save:before {
|
||||
content: "\e987";
|
||||
}
|
||||
|
||||
.mi-search:before {
|
||||
content: "\e988";
|
||||
}
|
||||
|
||||
.mi-select:before {
|
||||
content: "\e989";
|
||||
}
|
||||
|
||||
.mi-send:before {
|
||||
content: "\e98a";
|
||||
}
|
||||
|
||||
.mi-settings:before {
|
||||
content: "\e98b";
|
||||
}
|
||||
|
||||
.mi-share:before {
|
||||
content: "\e98c";
|
||||
}
|
||||
|
||||
.mi-shopping-cart:before {
|
||||
content: "\e98d";
|
||||
}
|
||||
|
||||
.mi-shopping-cart-add:before {
|
||||
content: "\e98e";
|
||||
}
|
||||
|
||||
.mi-shuffle:before {
|
||||
content: "\e98f";
|
||||
}
|
||||
|
||||
.mi-snow:before {
|
||||
content: "\e990";
|
||||
}
|
||||
|
||||
.mi-snowflake:before {
|
||||
content: "\e991";
|
||||
}
|
||||
|
||||
.mi-sort:before {
|
||||
content: "\e992";
|
||||
}
|
||||
|
||||
.mi-speakers:before {
|
||||
content: "\e993";
|
||||
}
|
||||
|
||||
.mi-stop:before {
|
||||
content: "\e994";
|
||||
}
|
||||
|
||||
.mi-storm:before {
|
||||
content: "\e995";
|
||||
}
|
||||
|
||||
.mi-strikethrough:before {
|
||||
content: "\e996";
|
||||
}
|
||||
|
||||
.mi-sun:before {
|
||||
content: "\e997";
|
||||
}
|
||||
|
||||
.mi-sunrise:before {
|
||||
content: "\e998";
|
||||
}
|
||||
|
||||
.mi-sunrise-alt:before {
|
||||
content: "\e999";
|
||||
}
|
||||
|
||||
.mi-sunset:before {
|
||||
content: "\e99a";
|
||||
}
|
||||
|
||||
.mi-switch:before {
|
||||
content: "\e99b";
|
||||
}
|
||||
|
||||
.mi-table:before {
|
||||
content: "\e99c";
|
||||
}
|
||||
|
||||
.mi-tablet:before {
|
||||
content: "\e99d";
|
||||
}
|
||||
|
||||
.mi-tag:before {
|
||||
content: "\e99e";
|
||||
}
|
||||
|
||||
.mi-temperature:before {
|
||||
content: "\e99f";
|
||||
}
|
||||
|
||||
.mi-text:before {
|
||||
content: "\e9a0";
|
||||
}
|
||||
|
||||
.mi-three-rows:before {
|
||||
content: "\e9a1";
|
||||
}
|
||||
|
||||
.mi-two-columns:before {
|
||||
content: "\e9a2";
|
||||
}
|
||||
|
||||
.mi-two-rows:before {
|
||||
content: "\e9a3";
|
||||
}
|
||||
|
||||
.mi-underline:before {
|
||||
content: "\e9a4";
|
||||
}
|
||||
|
||||
.mi-undo:before {
|
||||
content: "\e9a5";
|
||||
}
|
||||
|
||||
.mi-unlock:before {
|
||||
content: "\e9a6";
|
||||
}
|
||||
|
||||
.mi-user:before {
|
||||
content: "\e9a7";
|
||||
}
|
||||
|
||||
.mi-user-add:before {
|
||||
content: "\e9a8";
|
||||
}
|
||||
|
||||
.mi-user-check:before {
|
||||
content: "\e9a9";
|
||||
}
|
||||
|
||||
.mi-user-remove:before {
|
||||
content: "\e9aa";
|
||||
}
|
||||
|
||||
.mi-users:before {
|
||||
content: "\e9ab";
|
||||
}
|
||||
|
||||
.mi-volume-off:before {
|
||||
content: "\e9ac";
|
||||
}
|
||||
|
||||
.mi-volume-up:before {
|
||||
content: "\e9ad";
|
||||
}
|
||||
|
||||
.mi-warning:before {
|
||||
content: "\e9ae";
|
||||
}
|
||||
|
||||
.mi-webcam:before {
|
||||
content: "\e9af";
|
||||
}
|
||||
|
||||
.mi-wind:before {
|
||||
content: "\e9b0";
|
||||
}
|
||||
|
||||
.mi-window:before {
|
||||
content: "\e9b1";
|
||||
}
|
||||
|
||||
.mi-zoom-in:before {
|
||||
content: "\e9b2";
|
||||
}
|
||||
|
||||
.mi-zoom-out:before {
|
||||
content: "\e9b3";
|
||||
}
|
||||
505
public/assets/css/magnific-popup.css
Normal file
505
public/assets/css/magnific-popup.css
Normal file
@ -0,0 +1,505 @@
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity = 80);
|
||||
}
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mfp-container:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none;
|
||||
}
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045;
|
||||
}
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto;
|
||||
}
|
||||
.dark-mode .mfp-inline-holder .mfp-content,
|
||||
.dark-mode .mfp-ajax-holder .mfp-content {
|
||||
background: var(--color-dark-3);
|
||||
border: 1px solid var(--color-dark-mode-gray-2);
|
||||
}
|
||||
.dark-mode .mfp-inline-holder .mfp-content .mfp-close,
|
||||
.dark-mode .mfp-ajax-holder .mfp-content .mfp-close {
|
||||
color: #fff;
|
||||
}
|
||||
.mfp-inline-holder .mfp-content {
|
||||
padding: 50px;
|
||||
border-radius: var(--border-radius-default);
|
||||
animation: mfp-appear 0.39s var(--ease-out-medium);
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.mfp-inline-holder .mfp-content {
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
@keyframes mfp-appear {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(60px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
.mfp-image-holder .mfp-content,
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
animation: mfp-image-appear 0.39s var(--ease-out-medium);
|
||||
}
|
||||
@keyframes mfp-image-appear {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress;
|
||||
}
|
||||
.mfp-zoom-out-cur {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out;
|
||||
}
|
||||
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: pointer;
|
||||
}
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in;
|
||||
}
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto;
|
||||
}
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none;
|
||||
}
|
||||
.mfp-hide {
|
||||
display: none !important;
|
||||
}
|
||||
.mfp-preloader {
|
||||
color: #ccc;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044;
|
||||
}
|
||||
.mfp-preloader a {
|
||||
color: #ccc;
|
||||
}
|
||||
.mfp-preloader a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none;
|
||||
}
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity = 65);
|
||||
|
||||
padding: 0 0 18px 10px;
|
||||
|
||||
color: #fff;
|
||||
|
||||
font-style: normal;
|
||||
|
||||
font-size: 28px;
|
||||
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
}
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
.mfp-close:active {
|
||||
top: 1px;
|
||||
}
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333;
|
||||
}
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #fff;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 40px;
|
||||
}
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #ccc;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity = 65);
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px;
|
||||
}
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after,
|
||||
.mfp-arrow .mfp-b,
|
||||
.mfp-arrow .mfp-a {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent;
|
||||
}
|
||||
.mfp-arrow:after,
|
||||
.mfp-arrow .mfp-a {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px;
|
||||
}
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow .mfp-b {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.mfp-arrow-left {
|
||||
left: 0;
|
||||
}
|
||||
.mfp-arrow-left:after,
|
||||
.mfp-arrow-left .mfp-a {
|
||||
border-right: 17px solid #fff;
|
||||
margin-left: 31px;
|
||||
}
|
||||
.mfp-arrow-left:before,
|
||||
.mfp-arrow-left .mfp-b {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3f3f3f;
|
||||
}
|
||||
.mfp-arrow-right {
|
||||
right: 0;
|
||||
}
|
||||
.mfp-arrow-right:after,
|
||||
.mfp-arrow-right .mfp-a {
|
||||
border-left: 17px solid #fff;
|
||||
margin-left: 39px;
|
||||
}
|
||||
.mfp-arrow-right:before,
|
||||
.mfp-arrow-right .mfp-b {
|
||||
border-left: 27px solid #3f3f3f;
|
||||
}
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 90%;
|
||||
max-width: 66vw;
|
||||
}
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px;
|
||||
}
|
||||
@media all and (max-width: 768px) {
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
max-width: 80vw;
|
||||
}
|
||||
}
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%;
|
||||
}
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2),
|
||||
0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.2),
|
||||
0 0 50px rgba(0, 0, 0, 0.2);
|
||||
background: #000;
|
||||
}
|
||||
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.mfp-figure {
|
||||
line-height: 0;
|
||||
}
|
||||
.mfp-figure:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2),
|
||||
0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.2),
|
||||
0 0 50px rgba(0, 0, 0, 0.2);
|
||||
background: #444;
|
||||
}
|
||||
.mfp-figure small {
|
||||
color: #bdbdbd;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.mfp-figure figure {
|
||||
margin: 0;
|
||||
}
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto;
|
||||
}
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #f3f3f3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px;
|
||||
}
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer;
|
||||
}
|
||||
@media screen and (max-width: 800px) and (orientation: landscape),
|
||||
screen and (max-height: 300px) {
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px;
|
||||
}
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75);
|
||||
}
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0;
|
||||
}
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%;
|
||||
}
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
}
|
||||
.mfp-ie7 .mfp-img {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-ie7 .mfp-bottom-bar {
|
||||
width: 600px;
|
||||
left: 50%;
|
||||
margin-left: -300px;
|
||||
margin-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.mfp-ie7 .mfp-container {
|
||||
padding: 0;
|
||||
}
|
||||
.mfp-ie7 .mfp-content {
|
||||
padding-top: 44px;
|
||||
}
|
||||
.mfp-ie7 .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
.mfp-fade.mfp-bg {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.25s ease-out;
|
||||
-moz-transition: all 0.25s ease-out;
|
||||
transition: all 0.25s ease-out;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-ready {
|
||||
opacity: 0.9677;
|
||||
}
|
||||
.mfp-fade.mfp-bg.mfp-removing {
|
||||
opacity: 0;
|
||||
}
|
||||
.mfp-fade.mfp-wrap .mfp-content {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.25s ease-out;
|
||||
-moz-transition: all 0.25s ease-out;
|
||||
transition: all 0.25s ease-out;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
|
||||
opacity: 1;
|
||||
}
|
||||
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
|
||||
opacity: 0;
|
||||
}
|
||||
235
public/assets/css/owl.carousel.css
Normal file
235
public/assets/css/owl.carousel.css
Normal file
@ -0,0 +1,235 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel CSS3 Transitions
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
66
public/assets/css/splitting.css
Normal file
66
public/assets/css/splitting.css
Normal file
@ -0,0 +1,66 @@
|
||||
/* Recommended styles for Splitting */
|
||||
.splitting .word,
|
||||
.splitting .char {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Psuedo-element chars */
|
||||
.splitting .char {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/**
|
||||
* Populate the psuedo elements with the character to allow for expanded effects
|
||||
* Set to `display: none` by default; just add `display: block` when you want
|
||||
* to use the psuedo elements
|
||||
*/
|
||||
.splitting .char::before,
|
||||
.splitting .char::after {
|
||||
content: attr(data-char);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
visibility: hidden;
|
||||
transition: inherit;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Expanded CSS Variables */
|
||||
|
||||
.splitting {
|
||||
/* The center word index */
|
||||
--word-center: calc((var(--word-total) - 1) / 2);
|
||||
|
||||
/* The center character index */
|
||||
--char-center: calc((var(--char-total) - 1) / 2);
|
||||
|
||||
/* The center character index */
|
||||
--line-center: calc((var(--line-total) - 1) / 2);
|
||||
}
|
||||
|
||||
.splitting .word {
|
||||
/* Pecent (0-1) of the word's position */
|
||||
--word-percent: calc(var(--word-index) / var(--word-total));
|
||||
|
||||
/* Pecent (0-1) of the line's position */
|
||||
--line-percent: calc(var(--line-index) / var(--line-total));
|
||||
}
|
||||
|
||||
.splitting .char {
|
||||
/* Percent (0-1) of the char's position */
|
||||
--char-percent: calc(var(--char-index) / var(--char-total));
|
||||
|
||||
/* Offset from center, positive & negative */
|
||||
--char-offset: calc(var(--char-index) - var(--char-center));
|
||||
|
||||
/* Absolute distance from center, only positive */
|
||||
--distance: calc(
|
||||
(var(--char-offset) * var(--char-offset)) / var(--char-center)
|
||||
);
|
||||
|
||||
/* Distance from center where -1 is the far left, 0 is center, 1 is far right */
|
||||
--distance-sine: calc(var(--char-offset) / var(--char-center));
|
||||
|
||||
/* Distance from center where 1 is far left/far right, 0 is center */
|
||||
--distance-percent: calc((var(--distance) / var(--char-center)));
|
||||
}
|
||||
1076
public/assets/css/style-responsive.css
Normal file
1076
public/assets/css/style-responsive.css
Normal file
File diff suppressed because it is too large
Load Diff
12708
public/assets/css/style.css
Normal file
12708
public/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
22
public/assets/css/styles.css
Normal file
22
public/assets/css/styles.css
Normal file
@ -0,0 +1,22 @@
|
||||
@import "./bootstrap.min.css";
|
||||
@import "./style.css";
|
||||
|
||||
@import "./vertical-rhythm.min.css";
|
||||
@import "./magnific-popup.css";
|
||||
@import "./owl.carousel.css";
|
||||
@import "./splitting.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";
|
||||
1328
public/assets/css/vertical-rhythm.min.css
vendored
Normal file
1328
public/assets/css/vertical-rhythm.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/assets/css/ytp-regular.eot
Normal file
BIN
public/assets/css/ytp-regular.eot
Normal file
Binary file not shown.
BIN
public/assets/css/ytp-regular.ttf
Normal file
BIN
public/assets/css/ytp-regular.ttf
Normal file
Binary file not shown.
BIN
public/assets/css/ytp-regular.woff
Normal file
BIN
public/assets/css/ytp-regular.woff
Normal file
Binary file not shown.
BIN
public/assets/images/about-image-1.jpg
Normal file
BIN
public/assets/images/about-image-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
BIN
public/assets/images/about-image-2.jpg
Normal file
BIN
public/assets/images/about-image-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
public/assets/images/about-image.jpg
Normal file
BIN
public/assets/images/about-image.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
7
public/assets/images/bg-shape-1-white.svg
Normal file
7
public/assets/images/bg-shape-1-white.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="1443px" height="844px" viewBox="0 0 1443 844">
|
||||
<path fill-rule="evenodd" fill="#fff"
|
||||
d="M-0.000,-0.001 L1443.000,-0.001 L1443.000,843.998 C1443.000,843.998 1182.549,415.099 862.000,337.999 C273.478,196.444 177.479,168.493 -0.000,-0.001 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 343 B |
7
public/assets/images/bg-shape-1.svg
Normal file
7
public/assets/images/bg-shape-1.svg
Normal file
@ -0,0 +1,7 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="1443px" height="844px" viewBox="0 0 1443 844">
|
||||
<path fill-rule="evenodd" fill="#f3f3f3"
|
||||
d="M-0.000,-0.001 L1443.000,-0.001 L1443.000,843.998 C1443.000,843.998 1182.549,415.099 862.000,337.999 C273.478,196.444 177.479,168.493 -0.000,-0.001 Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 346 B |
BIN
public/assets/images/blog/author/author-1.jpg
Normal file
BIN
public/assets/images/blog/author/author-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 B |
BIN
public/assets/images/blog/author/author-2.jpg
Normal file
BIN
public/assets/images/blog/author/author-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 B |
BIN
public/assets/images/blog/author/author-3.jpg
Normal file
BIN
public/assets/images/blog/author/author-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 B |
BIN
public/assets/images/blog/masonry/post-prev-1.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-10.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-11.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-12.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-2.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-3.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-4.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-5.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-6.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-7.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-8.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/masonry/post-prev-9.jpg
Normal file
BIN
public/assets/images/blog/masonry/post-prev-9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
public/assets/images/blog/post-prev-1.jpg
Normal file
BIN
public/assets/images/blog/post-prev-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/assets/images/blog/post-prev-10.jpg
Normal file
BIN
public/assets/images/blog/post-prev-10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-11.jpg
Normal file
BIN
public/assets/images/blog/post-prev-11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-12.jpg
Normal file
BIN
public/assets/images/blog/post-prev-12.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
public/assets/images/blog/post-prev-2.jpg
Normal file
BIN
public/assets/images/blog/post-prev-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/assets/images/blog/post-prev-3.jpg
Normal file
BIN
public/assets/images/blog/post-prev-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
public/assets/images/blog/post-prev-4.jpg
Normal file
BIN
public/assets/images/blog/post-prev-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-5.jpg
Normal file
BIN
public/assets/images/blog/post-prev-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-6.jpg
Normal file
BIN
public/assets/images/blog/post-prev-6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-7.jpg
Normal file
BIN
public/assets/images/blog/post-prev-7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-8.jpg
Normal file
BIN
public/assets/images/blog/post-prev-8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/post-prev-9.jpg
Normal file
BIN
public/assets/images/blog/post-prev-9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
public/assets/images/blog/previews/post-prev-1.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/blog/previews/post-prev-2.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/blog/previews/post-prev-3.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/blog/previews/post-prev-4.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/blog/previews/post-prev-5.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/blog/previews/post-prev-6.jpg
Normal file
BIN
public/assets/images/blog/previews/post-prev-6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 983 B |
BIN
public/assets/images/clients-logos/client-1.png
Normal file
BIN
public/assets/images/clients-logos/client-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
public/assets/images/clients-logos/client-2.png
Normal file
BIN
public/assets/images/clients-logos/client-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
public/assets/images/clients-logos/client-3.png
Normal file
BIN
public/assets/images/clients-logos/client-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
public/assets/images/clients-logos/client-4.png
Normal file
BIN
public/assets/images/clients-logos/client-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
public/assets/images/clients-logos/client-5.png
Normal file
BIN
public/assets/images/clients-logos/client-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
public/assets/images/clients-logos/client-6.png
Normal file
BIN
public/assets/images/clients-logos/client-6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/assets/images/clients-logos/dark/client-1.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
public/assets/images/clients-logos/dark/client-2.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
public/assets/images/clients-logos/dark/client-3.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
public/assets/images/clients-logos/dark/client-4.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
public/assets/images/clients-logos/dark/client-5.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
public/assets/images/clients-logos/dark/client-6.png
Normal file
BIN
public/assets/images/clients-logos/dark/client-6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-1.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-2.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-3.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-4.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-5.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid-dark/logo-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-1-white.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-1-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-1.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-2-white.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-2-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-2.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-3-white.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-3-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-3.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-4-white.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-4-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-4.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-5-white.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-5-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/assets/images/clients-logos/logo-grid/logo-5.png
Normal file
BIN
public/assets/images/clients-logos/logo-grid/logo-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user