first commit
This commit is contained in:
root
677
cn/css/01-global.css
Normal file
677
cn/css/01-global.css
Normal file
@@ -0,0 +1,677 @@
|
||||
/***
|
||||
==================================================
|
||||
Root Code Variables
|
||||
==================================================
|
||||
***/
|
||||
:root {
|
||||
|
||||
--thm-font: 'Sora', sans-serif;
|
||||
--thm-font-two: 'Inter', sans-serif;
|
||||
--thm-gray: #A1AAC9;
|
||||
--thm-gray-rgb: 161, 170, 201;
|
||||
--thm-white: #ffffff;
|
||||
--thm-white-rgb: 255, 255, 255;
|
||||
--thm-black: #000000;
|
||||
--thm-black-rgb: 0, 0, 0;
|
||||
--thm-primary: #00CB88;
|
||||
--thm-primary-rgb: 0, 203, 136;
|
||||
--thm-extra: #00B67A;
|
||||
--thm-extra-rgb: 0, 182, 122;
|
||||
--thm-gray-bg: #858585;
|
||||
--thm-gray-bg-rgb: 133, 133, 133;
|
||||
--thm-bdr-color: #3C3C77;
|
||||
--thm-bdr-color-rgb: 60, 60, 119;
|
||||
--thm-body-bg: #111022;
|
||||
--thm-main-bg: #15152c;
|
||||
--thm-border-radius: 8px;
|
||||
--thm-gradient-color1: #8F79FF;
|
||||
--thm-gradient-color2: #426BFF;
|
||||
--thm-gradient: linear-gradient(181deg, var(--thm-gradient-color1) 0%, var(--thm-gradient-color2) 100%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Reset
|
||||
====================================================================
|
||||
***/
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Global Settings
|
||||
====================================================================
|
||||
***/
|
||||
body {
|
||||
font-family: var(--thm-font);
|
||||
font-size: 16px;
|
||||
color: var(--thm-gray);
|
||||
line-height: 26px;
|
||||
font-weight: 400;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.body-bg-color {
|
||||
background-color: var(--thm-body-bg);
|
||||
}
|
||||
|
||||
.bordered-layout .page-wrapper {
|
||||
padding: 0px 50px 0px;
|
||||
}
|
||||
|
||||
.dark-layout {
|
||||
position: relative;
|
||||
background-color: var(--color-seven);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Preloader */
|
||||
.preloader {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999999;
|
||||
background-color: #ffffff;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(../images/icons/preloader.svg);
|
||||
background-size: 120px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
section {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mCSB_inside>.mCSB_container {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
button,
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
background: none;
|
||||
color: var(--thm-black);
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {}
|
||||
|
||||
textarea {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a {
|
||||
-webkit-transition: all 300ms ease;
|
||||
-ms-transition: all 300ms ease;
|
||||
-o-transition: all 300ms ease;
|
||||
-moz-transition: all 300ms ease;
|
||||
transition: all 300ms ease;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dark-body {}
|
||||
|
||||
|
||||
|
||||
/* Typography */
|
||||
h1 {
|
||||
font-weight: 600;
|
||||
line-height: 100px;
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: 58px;
|
||||
font-weight: 600;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
line-height: 1.3em;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 1.4em;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
line-height: 1.4em;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
line-height: 1.6em;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.container {
|
||||
max-width: 1350px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.row {
|
||||
--bs-gutter-x: 24px;
|
||||
}
|
||||
|
||||
.gutter-y-24 {
|
||||
--bs-gutter-y: 24px;
|
||||
}
|
||||
|
||||
.auto-container {
|
||||
position: static;
|
||||
max-width: 1340px;
|
||||
padding: 0px 15px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.auto-container-two {
|
||||
position: static;
|
||||
max-width: 1490px;
|
||||
padding: 0px 15px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
min-width: 300px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
ul,
|
||||
li {
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
::-moz-input-placeholder {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
::-ms-input-placeholder {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Bootstrap Custom Select */
|
||||
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
|
||||
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
|
||||
.bootstrap-select .show>.btn-light.dropdown-toggle {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.bootstrap-select>.dropdown-toggle {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-toggle:focus,
|
||||
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-menu {
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-top: 0;
|
||||
z-index: 991;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-menu>li+li>a {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-menu>li.selected>a {
|
||||
background: var(--color-two);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-menu>li>a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 4px 20px;
|
||||
color: #222222;
|
||||
background: #f2f2f2;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-menu>li>a:hover {
|
||||
background: var(--color-two);
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Custom Select */
|
||||
.form-group .ui-selectmenu-button.ui-button {
|
||||
width: 100%;
|
||||
font-style: normal;
|
||||
line-height: 28px;
|
||||
font-weight: 500;
|
||||
font-size: var(--font-16);
|
||||
color: var(--color-six);
|
||||
padding: 0px 0px;
|
||||
border: 0px;
|
||||
background-color: var(--white-color);
|
||||
}
|
||||
|
||||
.form-group .ui-button .ui-icon {
|
||||
background: none;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
text-indent: 0px;
|
||||
color: #a5a5a5;
|
||||
}
|
||||
|
||||
.form-group .ui-button .ui-icon:before {
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
content: "\f107";
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 2px !important;
|
||||
top: 13px;
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
line-height: 20px;
|
||||
font-size: var(--font-16);
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
color: var(--color-fiftyfour);
|
||||
}
|
||||
|
||||
.ui-menu .ui-menu-item {
|
||||
font-size: var(--font-14);
|
||||
}
|
||||
|
||||
.ui-menu .ui-menu-item:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active {
|
||||
background-color: var(--main-color) !important;
|
||||
border-color: var(--main-color) !important;
|
||||
}
|
||||
|
||||
.ui-menu .ui-menu-item-wrapper {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 8px 20px;
|
||||
line-height: 24px;
|
||||
font-size: var(--font-14);
|
||||
}
|
||||
|
||||
.ui-menu-item:hover {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Cursor */
|
||||
.cursor {
|
||||
position: fixed;
|
||||
background-color: var(--thm-base);
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 100%;
|
||||
z-index: 1;
|
||||
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
|
||||
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
z-index: 10000;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.cursor::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: -7px;
|
||||
bottom: -7px;
|
||||
right: -7px;
|
||||
border: 1px solid var(--thm-base);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.cursor.active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.cursor.menu-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.cursor.hovered {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.cursor-follower {
|
||||
position: fixed;
|
||||
background-color: var(--thm-base);
|
||||
opacity: 0.30;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
border-radius: 100%;
|
||||
z-index: 1;
|
||||
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
|
||||
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
z-index: 10000;
|
||||
-webkit-transform: translate(2px, 2px);
|
||||
transform: translate(2px, 2px);
|
||||
}
|
||||
|
||||
.cursor-follower.active {
|
||||
opacity: 0.10;
|
||||
-webkit-transform: scale(1.03);
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
.cursor-follower.menu-active {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(3);
|
||||
transform: scale(3);
|
||||
}
|
||||
|
||||
.cursor-follower.hovered {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Cursor End */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Scroll To Top style
|
||||
====================================================================
|
||||
***/
|
||||
.scroll-to-top {
|
||||
position: fixed;
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
color: var(--thm-base);
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
z-index: 100;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
background: var(--thm-white);
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
|
||||
-webkit-transition: all 300ms ease;
|
||||
-ms-transition: all 300ms ease;
|
||||
-o-transition: all 300ms ease;
|
||||
-moz-transition: all 300ms ease;
|
||||
transition: all 300ms ease;
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
}
|
||||
|
||||
.scroll-to-top:hover {
|
||||
color: var(--thm-white);
|
||||
background: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Btn Style One */
|
||||
.thm-btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
outline: none !important;
|
||||
color: var(--thm-white);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize;
|
||||
padding: 11px 30px 11px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
box-shadow: 0px 20px 24px -10px #0B042F;
|
||||
background-size: 200% auto;
|
||||
font-family: var(--thm-font-two);
|
||||
transition: all 0.5s linear;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.thm-btn i {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.thm-btn:hover {
|
||||
color: var(--thm-white);
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Btn Style Two */
|
||||
.thm-btn-two {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
outline: none !important;
|
||||
color: var(--thm-white);
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize;
|
||||
padding: 11px 30px 11px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
box-shadow: 0px 20px 24px -10px #0B042F;
|
||||
background-size: 200% auto;
|
||||
font-family: var(--thm-font-two);
|
||||
moz-transition: all .4s ease-in-out;
|
||||
-o-transition: all .4s ease-in-out;
|
||||
-webkit-transition: all .4s ease-in-out;
|
||||
transition: all .4s ease-in-out;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.thm-btn-two i {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
color: var(--thm-white);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.thm-btn-two:hover {
|
||||
color: var(--thm-white);
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Btn Style Three */
|
||||
.thm-btn-three {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
outline: none !important;
|
||||
color: var(--thm-white);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
padding: 14px 25px 14px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #00FFAB;
|
||||
background: var(--thm-extra);
|
||||
moz-transition: all .4s ease-in-out;
|
||||
-o-transition: all .4s ease-in-out;
|
||||
-webkit-transition: all .4s ease-in-out;
|
||||
transition: all .4s ease-in-out;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.thm-btn-three span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.thm-btn-three:hover {
|
||||
color: var(--thm-white);
|
||||
background-color: var(--thm-base);
|
||||
border: 1px solid var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/***
|
||||
==============================================
|
||||
Section Title
|
||||
==============================================
|
||||
***/
|
||||
.section-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 54px;
|
||||
}
|
||||
|
||||
.section-title__tagline-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.section-title__tagline {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 400;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.section-title__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 40px;
|
||||
line-height: 60px;
|
||||
font-weight: 500;
|
||||
margin: 14px 0 0;
|
||||
}
|
||||
|
||||
.section-title__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
6
cn/css/02-bootstrap-select.min.css
vendored
Normal file
6
cn/css/02-bootstrap-select.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1025
cn/css/03-owl.css
Normal file
1025
cn/css/03-owl.css
Normal file
File diff suppressed because it is too large
Load Diff
3479
cn/css/04-animate.css
Normal file
3479
cn/css/04-animate.css
Normal file
File diff suppressed because it is too large
Load Diff
1245
cn/css/05-rtl.css
Normal file
1245
cn/css/05-rtl.css
Normal file
File diff suppressed because it is too large
Load Diff
1441
cn/css/06-custom-animate.css
Normal file
1441
cn/css/06-custom-animate.css
Normal file
File diff suppressed because it is too large
Load Diff
314
cn/css/07-dark-body.css
Normal file
314
cn/css/07-dark-body.css
Normal file
@@ -0,0 +1,314 @@
|
||||
/* Lizar Business HTML Template */
|
||||
|
||||
/* RTL Style CSS Code */
|
||||
|
||||
.dark-body,
|
||||
.dark-body .main-header.main-header-two.fixed-header .header-two-lower,
|
||||
.dark-body .feature-two__inner:before,
|
||||
.dark-body .services-two:before,
|
||||
.dark-body .faq-one__left,
|
||||
.dark-body .services-three__img::before,
|
||||
.dark-body .contact-one__right,
|
||||
.dark-body .contact-one__right:before,
|
||||
.dark-body .main-header .header-lower:before,
|
||||
.dark-body .pricing-one__shape-1,
|
||||
.dark-body .main-header .header-lower:before {
|
||||
background-color: #252638;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body .header-upper__contact-info,
|
||||
.dark-body .header-upper__contact-info:before,
|
||||
.dark-body .thm-btn,
|
||||
.dark-body .partners-one__inner,
|
||||
.dark-body .what-we-are-one__counter-single,
|
||||
.dark-body .what-we-are-one:before,
|
||||
.dark-body .team-one__content,
|
||||
.dark-body .project-one__nav-control,
|
||||
.dark-body .testimonial-one,
|
||||
.dark-body .blog-one__content,
|
||||
.dark-body .contact-info-one,
|
||||
.dark-body .header-two-upper,
|
||||
.dark-body .feature-two:before,
|
||||
.dark-body .testimonial-two,
|
||||
.dark-body .header-three-upper__contact-info,
|
||||
.dark-body .header-three-upper__contact-info:before,
|
||||
.dark-body .testimonial-three,
|
||||
.dark-body .team-four,
|
||||
.dark-body .team-details__social,
|
||||
.dark-body .project-details__info,
|
||||
.dark-body .about-sidebar,
|
||||
.dark-body .about-sidebar .content-box {
|
||||
background-color: #282943;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body h2,
|
||||
.dark-body .header-upper__contact-info li .content h5,
|
||||
.dark-body .header-upper__contact-info li .content h5 a,
|
||||
.dark-body .about-one__points-content h4,
|
||||
.dark-body .about-one__solution-text,
|
||||
.dark-body .about-one__founder-name,
|
||||
.dark-body .what-we-are-one__counter-count-box h3,
|
||||
.dark-body .what-we-are-one__counter-letter,
|
||||
.dark-body .progress-levels .progress-box .inner .text,
|
||||
.dark-body .team-one__name a,
|
||||
.dark-body .project-one__control-wrap .swiper-counter div,
|
||||
.dark-body .blog-one__title a,
|
||||
.dark-body .contact-info-one__content h5,
|
||||
.dark-body .contact-info-one__content h5 a,
|
||||
.dark-body .main-header.main-header-two .main-menu .navigation>li>a,
|
||||
.dark-body .header-upper-two__search .search-box-btn,
|
||||
.dark-body .header-upper-two__content h5,
|
||||
.dark-body .header-upper-two__content h5 a,
|
||||
.dark-body .feature-two__title a,
|
||||
.dark-body .about-two__points li .content h4,
|
||||
.dark-body .counter-one__content-count-box h3,
|
||||
.dark-body .counter-one__content-letter,
|
||||
.dark-body .team-two__title a,
|
||||
.dark-body .accordion-box .block .acc-btn,
|
||||
.dark-body .testimonial-two__contact-btn,
|
||||
.dark-body .blog-two__title a,
|
||||
.dark-body .header-three-upper__contact-info li .content h5,
|
||||
.dark-body .header-three-upper__contact-info li .content h5 a,
|
||||
.dark-body .about-three__experience-count h3,
|
||||
.dark-body .about-three__experience-count-plus,
|
||||
.dark-body .services-three__title a,
|
||||
.dark-body .project-details__info-title,
|
||||
.dark-body .what-we-are-two__points li .content h3,
|
||||
.dark-body .project-details__title-1,
|
||||
.dark-body .project-details__points-title,
|
||||
.dark-body .pricing-one__single:hover .pricing-one__icon span,
|
||||
.dark-body .services-details__title-1,
|
||||
.dark-body .services-details__benefits-title,
|
||||
.dark-body .services-details__benefits-points li p,
|
||||
.dark-body .blog-details__title-1,
|
||||
.dark-body .blog-details__social-list a,
|
||||
.dark-body .author__content h4,
|
||||
.dark-body .author__social a,
|
||||
.dark-body .comment-one__title,
|
||||
.dark-body .sidebar__title,
|
||||
.dark-body .sidebar__post-title a,
|
||||
.dark-body .about-sidebar h4,
|
||||
.dark-body .about-one_list li:before {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body .services-one__icon-box,
|
||||
.dark-body .services-one__single,
|
||||
.dark-body .services-one__content-box,
|
||||
.dark-body .about-one,
|
||||
.dark-body .team-one__single:hover .team-one__shape-1,
|
||||
.dark-body .team-one__single.active .team-one__shape-1,
|
||||
.dark-body .team-one__content,
|
||||
.dark-body .project-one__nav-control,
|
||||
.dark-body .contact-info-one__logo a,
|
||||
.dark-body .counter-one__list,
|
||||
.dark-body .team-two__content,
|
||||
.dark-body .accordion-box .block,
|
||||
.dark-body .accordion-box .block .content,
|
||||
.dark-body .header-three-upper__contact-info li .icon,
|
||||
.dark-body .header-three-upper__search .search-box-btn,
|
||||
.dark-body .header-three-upper__social a,
|
||||
.dark-body .services-three__content,
|
||||
.dark-body .contact-one__input-box input[type="text"],
|
||||
.dark-body .contact-one__input-box input[type="email"],
|
||||
.dark-body .contact-one__input-box textarea,
|
||||
.dark-body .contact-one__input-box .bootstrap-select>.dropdown-toggle,
|
||||
.dark-body .team-four,
|
||||
.dark-body .header-upper__contact-info li .icon,
|
||||
.dark-body .what-we-are-three,
|
||||
.dark-body .services-details__services-list li a,
|
||||
.dark-body .blog-details__tags a,
|
||||
.dark-body .blog-details__social-list a,
|
||||
.dark-body .author,
|
||||
.dark-body .sidebar__search,
|
||||
.dark-body .sidebar__category-list li a,
|
||||
.dark-body .sidebar__post-list,
|
||||
.dark-body .sidebar__tag-list {
|
||||
border-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body .partners-one__single:before,
|
||||
.dark-body .testimonial-one__carousel.owl-carousel .owl-dots .owl-dot,
|
||||
.dark-body .counter-one__list:before,
|
||||
.dark-body .partners-two__single:before,
|
||||
.dark-body .testimonial-three__points li:before,
|
||||
.dark-body .carousel-dot-style.owl-carousel .owl-dot.active {
|
||||
background-color: rgba(255,255,255,0.20);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body.dark-body,
|
||||
.dark-body .footer-widget__explore-list li a,
|
||||
.dark-body .footer-widget__availability-list li a,
|
||||
.dark-body .main-footer__bottom-text,
|
||||
.dark-body .main-footer__bottom-menu li a,
|
||||
.dark-body .accordion-box p,
|
||||
.dark-body .about-three__video-title,
|
||||
.dark-body .services-three__read-more,
|
||||
.dark-body .services-details__services-list li a,
|
||||
.dark-body .services-details__services-list li a span,
|
||||
.dark-body .services-details__download-list li a,
|
||||
.dark-body .blog-details__quote i,
|
||||
.dark-body .comment-one__content h3,
|
||||
.dark-body .comment-one__content span,
|
||||
.dark-body .sidebar__category-list li a {
|
||||
color: rgba(255,255,255, 0.70);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body .about-two__satisfied-client-text,
|
||||
.dark-body p.services-two__text,
|
||||
.dark-body p.process-one__text-1,
|
||||
.dark-body .testimonial-two__text-1,
|
||||
.dark-body .blog-two__user-name,
|
||||
.dark-body .about-three__client-text,
|
||||
.dark-body .testimonial-three__text,
|
||||
.dark-body .team-details__sub-title,
|
||||
.dark-body .what-we-are-two__client-text,
|
||||
.dark-body .project-details__info-left p,
|
||||
.dark-body .project-details__info-right span{
|
||||
color: rgba(0,0,0, 0.70);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dark-body .what-we-are-one__counter-icon span {
|
||||
color: #ffffff;
|
||||
opacity: 0.03;
|
||||
}
|
||||
|
||||
.dark-body .testimonial-one__carousel.owl-carousel .owl-dot.active,
|
||||
.dark-body .contact-info-one__logo a {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.dark-body .header-upper__search:before {
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.dark-body .testimonial-two__side-img:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dark-body .contact-info-one__logo a img {
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
.dark-body .section-title-shape-1 img {
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
.dark-body .section-title-shape-2 img {
|
||||
filter: brightness(0);
|
||||
}
|
||||
|
||||
.dark-body .main-header-two__logo-box a img {
|
||||
filter: contrast(0.5);
|
||||
}
|
||||
|
||||
.dark-body .faq-one__shape-1 img {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
8180
cn/css/08-font-awesome.css
Normal file
8180
cn/css/08-font-awesome.css
Normal file
File diff suppressed because it is too large
Load Diff
177
cn/css/09-icomoon.css
Normal file
177
cn/css/09-icomoon.css
Normal file
@@ -0,0 +1,177 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('../fonts/icomoond7e0.eot?2ol74w');
|
||||
src: url('../fonts/icomoond7e0.eot?2ol74w#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icomoond7e0.ttf?2ol74w') format('truetype'),
|
||||
url('../fonts/icomoond7e0.woff?2ol74w') format('woff'),
|
||||
url('../fonts/icomoond7e0.svg?2ol74w#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;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-star:before {
|
||||
content: "\e900";
|
||||
}
|
||||
|
||||
.icon-down-arrow:before {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.icon-search:before {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
.icon-up-right-arrow:before {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.icon-checked:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
||||
.icon-add:before {
|
||||
content: "\e905";
|
||||
}
|
||||
|
||||
.icon-minus:before {
|
||||
content: "\e906";
|
||||
}
|
||||
|
||||
.icon-check:before {
|
||||
content: "\e907";
|
||||
}
|
||||
|
||||
.icon-send:before {
|
||||
content: "\e908";
|
||||
}
|
||||
|
||||
.icon-prev:before {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.icon-next:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
|
||||
.icon-arrow-right:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
|
||||
.icon-checklist:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
|
||||
.icon-right:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
|
||||
.icon-right-1:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
|
||||
.icon-play-button:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
|
||||
.icon-like:before {
|
||||
content: "\e910";
|
||||
}
|
||||
|
||||
.icon-thumb-up:before {
|
||||
content: "\e911";
|
||||
}
|
||||
|
||||
.icon-date:before {
|
||||
content: "\e912";
|
||||
}
|
||||
|
||||
.icon-three-o-clock-clock:before {
|
||||
content: "\e913";
|
||||
}
|
||||
|
||||
.icon-map:before {
|
||||
content: "\e914";
|
||||
}
|
||||
|
||||
.icon-call:before {
|
||||
content: "\e915";
|
||||
}
|
||||
|
||||
.icon-envelope:before {
|
||||
content: "\e916";
|
||||
}
|
||||
|
||||
.icon-close:before {
|
||||
content: "\e917";
|
||||
}
|
||||
|
||||
.icon-envelope-1:before {
|
||||
content: "\e918";
|
||||
}
|
||||
|
||||
.icon-lock:before {
|
||||
content: "\e919";
|
||||
}
|
||||
|
||||
.icon-menu:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
|
||||
.icon-high-resolution-images:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
|
||||
.icon-rateing:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
|
||||
.icon-royalty-free-use:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
|
||||
.icon-shape-1:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
|
||||
.icon-social-1:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
|
||||
.icon-social-2:before {
|
||||
content: "\e920";
|
||||
}
|
||||
|
||||
.icon-social-3:before {
|
||||
content: "\e921";
|
||||
}
|
||||
|
||||
.icon-social-4:before {
|
||||
content: "\e922";
|
||||
}
|
||||
|
||||
.icon-social-5:before {
|
||||
content: "\e923";
|
||||
}
|
||||
|
||||
.icon-unlimited-image-creation:before {
|
||||
content: "\e924";
|
||||
}
|
||||
15
cn/css/10-jarallax.css
Normal file
15
cn/css/10-jarallax.css
Normal file
@@ -0,0 +1,15 @@
|
||||
.jarallax {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.jarallax > .jarallax-img {
|
||||
position: absolute;
|
||||
object-fit: cover;
|
||||
/* support for plugin https://github.com/bfred-it/object-fit-images */
|
||||
font-family: 'object-fit: cover;';
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
88
cn/css/11-preloader.css
Normal file
88
cn/css/11-preloader.css
Normal file
@@ -0,0 +1,88 @@
|
||||
/* Preloader */
|
||||
|
||||
/* Preloader */
|
||||
|
||||
#loading {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 9999999999999;
|
||||
margin-top: 0;
|
||||
top: 0;
|
||||
display:none;
|
||||
background-color:#2e93ee;
|
||||
}
|
||||
|
||||
#loading-center {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
#loading-center-absolute {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
margin-top: -100px;
|
||||
margin-left: -100px;
|
||||
-ms-transform: rotate(-135deg);
|
||||
-webkit-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
.object {
|
||||
-moz-border-radius: 50% 50% 50% 50%;
|
||||
-webkit-border-radius: 50% 50% 50% 50%;
|
||||
border-radius: 50% 50% 50% 50%;
|
||||
position: absolute;
|
||||
border-top: 5px solid #fff;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 5px solid #fff;
|
||||
border-right: 5px solid transparent;
|
||||
-webkit-animation: animate 2s infinite;
|
||||
animation: animate 2s infinite;
|
||||
}
|
||||
#object_one {
|
||||
left: 75px;
|
||||
top: 75px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
#object_two {
|
||||
left: 65px;
|
||||
top: 65px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
#object_three {
|
||||
left: 55px;
|
||||
top: 55px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
#object_four {
|
||||
left: 45px;
|
||||
top: 45px;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
-webkit-animation-delay: 0.6s;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
@-webkit-keyframes animate {
|
||||
50% {
|
||||
-ms-transform: rotate(360deg) scale(0.8);
|
||||
-webkit-transform: rotate(360deg) scale(0.8);
|
||||
transform: rotate(360deg) scale(0.8);
|
||||
}
|
||||
}
|
||||
@keyframes animate {
|
||||
50% {
|
||||
-ms-transform: rotate(360deg) scale(0.8);
|
||||
-webkit-transform: rotate(360deg) scale(0.8);
|
||||
transform: rotate(360deg) scale(0.8);
|
||||
}
|
||||
}
|
||||
13
cn/css/12-swiper.min.css
vendored
Normal file
13
cn/css/12-swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
83
cn/css/13-odometer-theme-default.css
Normal file
83
cn/css/13-odometer-theme-default.css
Normal file
@@ -0,0 +1,83 @@
|
||||
|
||||
|
||||
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
position: relative;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
*vertical-align: auto;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
visibility: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
|
||||
text-align: left;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
|
||||
display: block;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
|
||||
display: block;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
|
||||
display: block;
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
|
||||
position: absolute;
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
|
||||
-webkit-transition: -webkit-transform 2s;
|
||||
-moz-transition: -moz-transform 2s;
|
||||
-ms-transition: -ms-transform 2s;
|
||||
-o-transition: -o-transform 2s;
|
||||
transition: transform 2s;
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
|
||||
-webkit-transition: -webkit-transform 2s;
|
||||
-moz-transition: -moz-transform 2s;
|
||||
-ms-transition: -ms-transform 2s;
|
||||
-o-transition: -o-transform 2s;
|
||||
transition: transform 2s;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
1353
cn/css/14-jquery-ui.css
Normal file
1353
cn/css/14-jquery-ui.css
Normal file
File diff suppressed because it is too large
Load Diff
351
cn/css/15-magnific-popup.css
Normal file
351
cn/css/15-magnific-popup.css
Normal file
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.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;
|
||||
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; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.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;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
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;
|
||||
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; }
|
||||
.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: 100%; }
|
||||
|
||||
.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;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
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 {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.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 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.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 8px rgba(0, 0, 0, 0.6);
|
||||
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) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.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;
|
||||
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; } }
|
||||
6
cn/css/bootstrap.css
vendored
Normal file
6
cn/css/bootstrap.css
vendored
Normal file
File diff suppressed because one or more lines are too long
351
cn/css/color-switcher-design.css
Normal file
351
cn/css/color-switcher-design.css
Normal file
@@ -0,0 +1,351 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Color Palate Style / Color Switcher Style
|
||||
====================================================================
|
||||
***/
|
||||
|
||||
:root {}
|
||||
|
||||
|
||||
.color-palate {
|
||||
background: #ffffff none repeat scroll 0 0;
|
||||
-webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
|
||||
-ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
|
||||
-o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
|
||||
position: fixed;
|
||||
left: -285px;
|
||||
text-align: center;
|
||||
top: 0%;
|
||||
transition: all 0.5s ease 0s;
|
||||
width: 285px;
|
||||
z-index: 999;
|
||||
height: 100%;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.color-palate-inner {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-transition: all;
|
||||
}
|
||||
|
||||
/* width */
|
||||
.color-palate-inner::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
.color-palate-inner::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
.color-palate-inner::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
.color-palate-inner::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
|
||||
.color-palate-head {
|
||||
background: var(--thm-base) none repeat scroll 0 0;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.color-palate-head h6 {
|
||||
font-weight: 500;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.color-palate-head h6,
|
||||
.secondary-head h6 {
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin: 0px;
|
||||
margin-top: 4px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.palate {
|
||||
background: var(--thm-base) none repeat scroll 0 0;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 45px;
|
||||
margin: 0 2.5% 12px;
|
||||
width: 20%;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.colors-list .active::after {
|
||||
background: url(../images/icons/tick.png) center center no-repeat !important;
|
||||
background-repeat: no-repeat;
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.various-color {
|
||||
overflow: hidden;
|
||||
padding: 20px 0 15px;
|
||||
}
|
||||
|
||||
.colors-list {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.secondary-head {
|
||||
background: #222222 none repeat scroll 0 0;
|
||||
padding: 14px 0;
|
||||
}
|
||||
|
||||
.secondary-color {
|
||||
padding: 23px 0;
|
||||
}
|
||||
|
||||
.secondary-colors-list {
|
||||
margin: 0 80px;
|
||||
}
|
||||
|
||||
.palate-foo {
|
||||
color: #777777;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
padding: 0 30px;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.palate-foo span {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
margin-top: 5px;
|
||||
border-top: 1px dotted #b2b2b2;
|
||||
}
|
||||
|
||||
|
||||
.palate.default-color {
|
||||
background: #FF6C1E none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.blue-color {
|
||||
background: #246af4 none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.brown-color {
|
||||
background: #964B00 none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.green-color {
|
||||
background: #3ead3c none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.orange-color {
|
||||
background: #ffb347 none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.purple-color {
|
||||
background: #bb54e1 none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.teal-color {
|
||||
background: #44A9AA none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
.palate.yellow-color {
|
||||
background: #fed000 none repeat scroll 0 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.color-trigger {
|
||||
background: var(--thm-base) none repeat scroll 0 0;
|
||||
cursor: pointer;
|
||||
height: 50px;
|
||||
right: -46px;
|
||||
position: absolute;
|
||||
top: 7%;
|
||||
width: 46px;
|
||||
padding-top: 6px;
|
||||
|
||||
}
|
||||
|
||||
.color-trigger .fa-fw {
|
||||
animation: fa-spin 2s linear infinite;
|
||||
-webkit-animation: fa-spin 2s linear infinite;
|
||||
-moz-animation: fa-spin 2s linear infinite;
|
||||
-ms-animation: fa-spin 2s linear infinite;
|
||||
-o-animation: fa-spin 2s linear infinite;
|
||||
}
|
||||
|
||||
.color-trigger:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.color-trigger i {
|
||||
color: #ffffff;
|
||||
font-size: 18px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.color-palate.visible-palate {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.color-palate h6 {
|
||||
font-weight: 500;
|
||||
color: #000000;
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.color-palate .rtl-version {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.color-palate .box-version {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.color-palate .option-box {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.color-palate .option-box>li {
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
width: 40%;
|
||||
margin: 0px 3px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 9px;
|
||||
padding: 8px 12px;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
background-color: var(--thm-base);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel {
|
||||
position: relative;
|
||||
padding: 15px 20px 0px;
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .demos-title {
|
||||
position: relative;
|
||||
color: var(--thm-black);
|
||||
font-weight: 700;
|
||||
margin-bottom: var(--margin-bottom-10);
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .owl-dots {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .owl-nav {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 50%;
|
||||
z-index: 99999;
|
||||
width: 100%;
|
||||
margin-top: -15px;
|
||||
transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .owl-prev {
|
||||
position: absolute;
|
||||
left: -15px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
border-radius: 50px;
|
||||
font-size: 14px;
|
||||
color: var(--thm-base);
|
||||
transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-webkit-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
background-color: var(--white-color);
|
||||
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .owl-next {
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
border-radius: 50px;
|
||||
font-size: 14px;
|
||||
color: var(--thm-black);
|
||||
transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-webkit-transition: all 500ms ease;
|
||||
-ms-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
background-color: var(--thm-base);
|
||||
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel .owl-prev:hover,
|
||||
.color-palate .demos-carousel .owl-next:hover {
|
||||
color: var(--thm-white);
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.color-palate .demos-carousel li {
|
||||
position: relative;
|
||||
border: 1px solid rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.color-palate .purchase-box {
|
||||
position: relative;
|
||||
padding: 10px 15px 0px;
|
||||
}
|
||||
|
||||
.color-palate .purchase-box .theme-btn {
|
||||
position: relative;
|
||||
padding: 12px 36px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
6
cn/css/color-themes/blue-color.css
Normal file
6
cn/css/color-themes/blue-color.css
Normal file
@@ -0,0 +1,6 @@
|
||||
/* CSS Document */
|
||||
|
||||
:root {
|
||||
--thm-base: #246af4;
|
||||
--thm-base-rgb: 36, 106, 244;
|
||||
}
|
||||
4
cn/css/color-themes/brown-color.css
Normal file
4
cn/css/color-themes/brown-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #964B00;
|
||||
--thm-base-rgb: 150, 75, 0;
|
||||
}
|
||||
10
cn/css/color-themes/default-color.css
Normal file
10
cn/css/color-themes/default-color.css
Normal file
@@ -0,0 +1,10 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* CSS Document */
|
||||
|
||||
|
||||
|
||||
:root {
|
||||
--thm-base: #FF6C1E;
|
||||
--thm-base-rgb: 255, 108, 30;
|
||||
}
|
||||
4
cn/css/color-themes/green-color.css
Normal file
4
cn/css/color-themes/green-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #3ead3c;
|
||||
--thm-base-rgb: 62, 173, 60;
|
||||
}
|
||||
4
cn/css/color-themes/orange-color.css
Normal file
4
cn/css/color-themes/orange-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #ffb347;
|
||||
--thm-base-rgb: 255, 179, 71;
|
||||
}
|
||||
4
cn/css/color-themes/purple-color.css
Normal file
4
cn/css/color-themes/purple-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #bb54e1;
|
||||
--thm-base-rgb: 187, 84, 255;
|
||||
}
|
||||
4
cn/css/color-themes/teal-color.css
Normal file
4
cn/css/color-themes/teal-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #44a9aa;
|
||||
--thm-base-rgb: 68, 169, 170;
|
||||
}
|
||||
4
cn/css/color-themes/yellow-color.css
Normal file
4
cn/css/color-themes/yellow-color.css
Normal file
@@ -0,0 +1,4 @@
|
||||
:root {
|
||||
--thm-base: #fed000;
|
||||
--thm-base-rgb: 254, 208, 0;
|
||||
}
|
||||
14
cn/css/images/icons/menu-arrow.html
Normal file
14
cn/css/images/icons/menu-arrow.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="height:100%">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<title> 404 Not Found
|
||||
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
|
||||
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Not Found
|
||||
</h2>
|
||||
<p>The resource requested could not be found on this server!</p>
|
||||
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
|
||||
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
|
||||
14
cn/css/images/ui-icons_444444_256x240.html
Normal file
14
cn/css/images/ui-icons_444444_256x240.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="height:100%">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<title> 404 Not Found
|
||||
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
|
||||
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Not Found
|
||||
</h2>
|
||||
<p>The resource requested could not be found on this server!</p>
|
||||
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
|
||||
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
|
||||
14
cn/css/images/ui-icons_777620_256x240.html
Normal file
14
cn/css/images/ui-icons_777620_256x240.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="height:100%">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<title> 404 Not Found
|
||||
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
|
||||
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Not Found
|
||||
</h2>
|
||||
<p>The resource requested could not be found on this server!</p>
|
||||
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
|
||||
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
|
||||
14
cn/css/images/ui-icons_cc0000_256x240.html
Normal file
14
cn/css/images/ui-icons_cc0000_256x240.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="height:100%">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<title> 404 Not Found
|
||||
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
|
||||
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Not Found
|
||||
</h2>
|
||||
<p>The resource requested could not be found on this server!</p>
|
||||
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
|
||||
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
|
||||
108
cn/css/module-css/404.css
Normal file
108
cn/css/module-css/404.css
Normal file
@@ -0,0 +1,108 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Error Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.error-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.error-page__shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.error-page__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.error-page__shape-2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 1364px;
|
||||
height: 315px;
|
||||
transform: rotate(6.965deg) translateY(-50%) translateX(-50%);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.error-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.error-page__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.error-page__title {
|
||||
font-size: 296px;
|
||||
font-weight: 600;
|
||||
line-height: 296px;
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.error-page__tagline {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 44px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.error-page__text {
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
margin-bottom: 68px;
|
||||
}
|
||||
|
||||
.error-page__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.error-page__btn {
|
||||
padding: 11px 24px 11px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(210deg, #7E65FF 23.7%, #426BFF 108.16%);
|
||||
box-shadow: 0px 20px 24px -10px #0B042F;
|
||||
}
|
||||
|
||||
.error-page__btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
75
cn/css/module-css/about.css
Normal file
75
cn/css/module-css/about.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
About One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.about-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 110px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.about-one__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.about-one__text {
|
||||
font-size: 14px;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating-box {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.about-one__left .feature-one__rating-text {
|
||||
font-size: 10px;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
.about-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.about-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.about-one__img img {
|
||||
width: 100%;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
75
cn/css/module-css/ai-product.css
Normal file
75
cn/css/module-css/ai-product.css
Normal file
@@ -0,0 +1,75 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
AI Product
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.ai-product {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 100px 0 100px;
|
||||
}
|
||||
|
||||
.ai-product__top-title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
line-height: 55px;
|
||||
text-align: center;
|
||||
margin-bottom: 63px;
|
||||
}
|
||||
|
||||
.ai-product .row {
|
||||
--bs-gutter-x: 70px;
|
||||
}
|
||||
|
||||
.ai-product__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.ai-product__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ai-product__icon img {
|
||||
width: auto;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.ai-product__single:hover .ai-product__icon img {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.ai-product__title {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin-top: 26px;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.ai-product__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.ai-product__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
240
cn/css/module-css/amazing-art-tool.css
Normal file
240
cn/css/module-css/amazing-art-tool.css
Normal file
@@ -0,0 +1,240 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Amazing Art Tool
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.amazing-art-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 63px 0 0;
|
||||
}
|
||||
|
||||
.amazing-art-tool__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 90px;
|
||||
margin-right: 65px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li+li {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #BDBFD4;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .text {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__points li .text p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.amazing-art-tool__points--two {
|
||||
margin-left: 75px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-primary);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-left: 15px;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.amazing-art-tool__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 13px;
|
||||
margin-left: 11px;
|
||||
margin-right: 117px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__right:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: 60px;
|
||||
right: -30px;
|
||||
bottom: 45px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #4B4B70;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background: #F16C7A;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li:nth-child(2) {
|
||||
background: #49C3E8;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li:nth-child(3) {
|
||||
background: #FFD160;
|
||||
}
|
||||
|
||||
.amazing-art-tool__browser-dot li+li {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 65px;
|
||||
left: 99px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(150.217deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__right .row {
|
||||
--bs-gutter-x: 14px;
|
||||
}
|
||||
|
||||
.row.amazing-art-tool__img-list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row.amazing-art-tool__img-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single:hover .amazing-art-tool__img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.amazing-art-tool__img img {
|
||||
width: 100%;
|
||||
border-radius: 15px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.amazing-art-tool__img-single:hover .amazing-art-tool__img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
89
cn/css/module-css/art-and-image-tool.css
Normal file
89
cn/css/module-css/art-and-image-tool.css
Normal file
@@ -0,0 +1,89 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.art-and-image-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 57px 0 0;
|
||||
}
|
||||
|
||||
.art-and-image-tool__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 74px;
|
||||
margin-right: 49px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.art-and-image-tool__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 75px;
|
||||
margin-right: 76px;
|
||||
margin-top: 193px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__right-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.art-and-image-tool__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.art-and-image-tool__text {
|
||||
margin-top: 16px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-primary);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
padding-left: 15px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.art-and-image-tool__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
99
cn/css/module-css/banner.css
Normal file
99
cn/css/module-css/banner.css
Normal file
@@ -0,0 +1,99 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Banner One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.banner-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 145px 0 0;
|
||||
}
|
||||
|
||||
.banner-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-extra);
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.banner-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.banner-one__title span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: var(--thm-extra);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.banner-one__title span:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background-color: var(--thm-extra);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.banner-one__text-1 {
|
||||
margin-bottom: 72px;
|
||||
}
|
||||
|
||||
.banner-one__text-1 span {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.banner-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.banner-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.banner-one__img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
392
cn/css/module-css/blog.css
Normal file
392
cn/css/module-css/blog.css
Normal file
@@ -0,0 +1,392 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Blog Details
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.blog-details {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.blog-details__top-title {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 31px;
|
||||
max-width: 90%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.blog-details__top-title h3 {
|
||||
color: var(--thm-white);
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.blog-details__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.blog-details__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 90%;
|
||||
width: 100%;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.blog-details__person-and-date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 24px 0 24px;
|
||||
border-bottom: 1px solid #3C3C77;
|
||||
}
|
||||
|
||||
.blog-details__person {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__person-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__person-img img {
|
||||
width: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.blog-details__person-name {
|
||||
margin-left: 13px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-details__date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__date li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__date li+li {
|
||||
margin-left: 27px;
|
||||
}
|
||||
|
||||
.blog-details__date li p {
|
||||
font-size: 14px;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-details__date li p span {
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.blog-details__text-1 {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.blog-details__text-3 {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.blog-details__text-5 {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 32px;
|
||||
margin-top: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.blog-details__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-details__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blog-details__points li:first-child {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.blog-details__points li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.blog-details__points-shape {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
max-width: 4px;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background-color: #a1aac9;
|
||||
margin-right: 10px;
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
.blog-details__text-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--stroke-dark, #3C3C77);
|
||||
background: #15152E;
|
||||
padding: 47px 90px 46px;
|
||||
margin-top: 36px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.blog-details__text-box::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
left: 64px;
|
||||
width: 2px;
|
||||
height: 85px;
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.blog-details__text-box p {
|
||||
color: var(--thm-gray);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 38px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.blog-details__text-box span {
|
||||
color: var(--thm-white);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.blog-details__tag-and-social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid #3C3C77;
|
||||
padding-top: 32px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.blog-details__tag {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__tag a {
|
||||
color: var(--thm-white);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 12px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(60, 60, 119, 0.50);
|
||||
background: rgba(60, 60, 119, 0.20);
|
||||
padding: 10px 15px 9px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-details__tag a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.blog-details__tag a+a {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.blog-details__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-details__social a {
|
||||
position: relative;
|
||||
font-size: 22px;
|
||||
color: #7780a7;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-details__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.blog-details__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Blog Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.blog-page {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-page__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.blog-page__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.blog-page__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog-page__img:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(var(--thm-black-rgb), .20);
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
-webkit-transform: scaleY(0) translateZ(100px);
|
||||
transform: scaleY(0) translateZ(100px);
|
||||
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog-page__single:hover .blog-page__img:before {
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleY(1) translateZ(0px);
|
||||
transform: scaleY(1) translateZ(0px);
|
||||
}
|
||||
|
||||
.blog-page__img img {
|
||||
max-height: 280px;
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
transition: all 500ms ease;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.blog-page__single:hover .blog-page__img img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.blog-page__title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.blog-page__title a {
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.blog-page__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.blog-page__date {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.blog-page__date p {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #7781A6;
|
||||
}
|
||||
|
||||
.blog-page__date p span {
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
|
||||
.blog-page__date p+p {
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
.blog-page .career-page__pagination {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
180
cn/css/module-css/brand.css
Normal file
180
cn/css/module-css/brand.css
Normal file
@@ -0,0 +1,180 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.brand-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 94px 0 132px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.brand-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brand-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__title span {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.brand-one__brand-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 65px;
|
||||
padding-right: 55px;
|
||||
padding-top: 66px;
|
||||
}
|
||||
|
||||
.brand-one__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.brand-one__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__brand-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-one__brand-img img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__list-2 {
|
||||
margin-top: 49px;
|
||||
}
|
||||
|
||||
.brand-one__shape-1 {
|
||||
position: absolute;
|
||||
left: 223px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.brand-one__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__shape-2 {
|
||||
position: absolute;
|
||||
right: 206px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.brand-one__shape-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.brand-one__shape-3 {
|
||||
position: absolute;
|
||||
left: 575px;
|
||||
bottom: -60px;
|
||||
}
|
||||
|
||||
.brand-one__shape-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.brand-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 94px 0 132px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.brand-two__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.brand-two__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__title span {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.brand-two__brand-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 65px;
|
||||
padding-right: 55px;
|
||||
padding-top: 66px;
|
||||
}
|
||||
|
||||
.brand-two__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.brand-two__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__brand-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-two__brand-img img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Brand Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.brand-three {
|
||||
padding: 94px 0 0px;
|
||||
}
|
||||
|
||||
.brand-three .brand-two__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
/* End */
|
||||
609
cn/css/module-css/career.css
Normal file
609
cn/css/module-css/career.css
Normal file
@@ -0,0 +1,609 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Career Page
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.career-page {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.career-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.career-page__sub-title {
|
||||
color: #FF6C1E;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.career-page__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
line-height: 56px;
|
||||
margin-top: 19px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.career-page__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 62px;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
.career-page__list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__list>li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__list>li+li {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.career-page__single {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #2E2F45;
|
||||
background: #101022;
|
||||
padding: 47px 47px 47px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.career-page__single::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #15152E;
|
||||
transition: -webkit-transform 0.5s ease;
|
||||
transition: transform 0.5s ease;
|
||||
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
|
||||
transform-origin: bottom right;
|
||||
-webkit-transform: scale(1, 0);
|
||||
transform: scale(1, 0);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.career-page__list>li:hover .career-page__single::before {
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
transform-origin: top center;
|
||||
}
|
||||
|
||||
.career-page__single-left {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
background: #262651;
|
||||
}
|
||||
|
||||
.career-page__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.career-page__single-title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.career-page__single-title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__single-title a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__theme-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.career-page__theme-list>li+li {
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.career-page__theme-list li>p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.career-page__theme-list li:first-child p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page__country-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.career-page__country-list>a {
|
||||
color: #A1AAC9;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2E2F45;
|
||||
background-color: #15152E;
|
||||
padding: 3px 17px 4px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__country-list>a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__country-list>a+a {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.career-page__country-list>a>img {
|
||||
margin-right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page__single-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page__btn {
|
||||
padding: 11px 24px 11px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.career-page__btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page__minutes {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-top: 19px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.career-page__pagination {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li {
|
||||
display: inline-block;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li a {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
color: #7781A6;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba(60, 60, 119, 0.50);
|
||||
background: rgba(60, 60, 119, 0.20);
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li:last-child a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page__pagination .pg-pagination li a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Career Page Top
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.career-page-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-bottom: 58px;
|
||||
}
|
||||
|
||||
.career-page-top .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.career-page-top__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.career-page-top__content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid #2E2F45;
|
||||
border-top: 0;
|
||||
padding: 0 30px 52px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 41px 0px 40px;
|
||||
border-bottom: 1px solid #2E2F45;
|
||||
margin-bottom: 38px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-left {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 8px;
|
||||
background: #262651;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-details-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-title a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 13px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list>li+li {
|
||||
margin-left: 34px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list li>p {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-theme-list li:first-child p {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a {
|
||||
color: #A1AAC9;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #2E2F45;
|
||||
background-color: #15152E;
|
||||
padding: 3px 17px 4px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a:hover {
|
||||
background-color: var(--thm-gradient-color2);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a+a {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-country-list>a>img {
|
||||
margin-right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn {
|
||||
padding: 11px 24px 11px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 25px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li+li {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 17px;
|
||||
color: #7781A6;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
|
||||
.career-page-top__job-apply-share-and-heart li:hover a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.career-page-top__content-box-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__title-1 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
.career-page-top__title-2 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 30px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__title-3 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 39px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__points-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__points-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.career-page-top__points-shape {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
max-width: 4px;
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
background-color: var(--thm-gray);
|
||||
top: 9px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__points-list li+li {
|
||||
margin-top: 26px;
|
||||
}
|
||||
|
||||
.career-page-top__title-4 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 38px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 8px;
|
||||
background: #15152E;
|
||||
margin-top: 40px;
|
||||
padding: 40px 75px 40px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-title {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 42px;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-sub-title {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
line-height: 28px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-sub-title span {
|
||||
color: #FF7120;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn {
|
||||
padding: 11px 55px 11px;
|
||||
}
|
||||
|
||||
.career-page-top__interested-job-btn span {
|
||||
margin-left: 12px;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-page__bottom-title {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
404
cn/css/module-css/case.css
Normal file
404
cn/css/module-css/case.css
Normal file
@@ -0,0 +1,404 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Case One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.case-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 10px 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 40px 25px 40px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
height:450px;
|
||||
}
|
||||
|
||||
.case-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 68px;
|
||||
right: 63px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.case-one__single:hover .case-one__shape-1 {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.case-one__icon {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-one__icon img {
|
||||
width: auto;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.case-one__single:hover .case-one__icon img {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.case-one__title {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.case-one__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.case-one__text {
|
||||
margin-bottom: 30px;
|
||||
height:150px;
|
||||
overflow: hidden; /* 隐藏超出内容 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
|
||||
}
|
||||
|
||||
.case-one__btn-box {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-one__btn {
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__btn span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
padding-left: 15px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.case-one__btn:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background-color: var(--thm-white);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.case-one__btn:hover {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.case-one__btn:hover:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-one__btn-box-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Case Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.case-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 110px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__shape-1 {
|
||||
position: absolute;
|
||||
bottom: -100px;
|
||||
left: 205px;
|
||||
width: 1346px;
|
||||
height: 566px;
|
||||
background: linear-gradient(97deg, #00E3F2 2.29%, #FF9B00 26.83%, #FF2828 48.98%, #8F00FF 75.28%);
|
||||
opacity: 0.15;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.case-two__wrap {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-two__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 56px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
margin-bottom: 54px;
|
||||
}
|
||||
|
||||
.case-two__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.case-two__carosuel {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 312px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.case-two__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.case-two__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.case-two__img>img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.case-two__content {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
stroke-width: 1px;
|
||||
stroke: rgba(255, 255, 255, 0.24);
|
||||
backdrop-filter: blur(8px);
|
||||
border-radius: 12px;
|
||||
padding: 10px 10px 20px;
|
||||
transform: translateY(-66%);
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__single:hover .case-two__content {
|
||||
visibility: visible;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__content {
|
||||
visibility: visible;
|
||||
transform: translateY(0%);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.case-two__user-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.case-two__user {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.case-two__user-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.case-two__user-img>img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.case-two__user-name {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-primary);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.case-two__post-hour {
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.case-two__text {
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.case-two__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.case-two__btn {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(85deg, #00B67A -4.03%, #E1F763 99.23%);
|
||||
width: 100%;
|
||||
padding: 11px 0;
|
||||
color: var(--thm-body-bg);
|
||||
background-size: 200% auto;
|
||||
transition: all 0.5s linear;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__btn>img {
|
||||
width: auto !important;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.case-two__btn:hover {
|
||||
color: var(--thm-body-bg);
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.case-two__icon {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
backdrop-filter: blur(8px);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: var(--thm-body-bg);
|
||||
border-radius: var(--thm-border-radius);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transform: translateX(100px);
|
||||
opacity: 0;
|
||||
transition: all 700ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.case-two__icon span {
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.case-two__single:hover .case-two__icon {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__icon {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
|
||||
.case-two__btn-two-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 55px;
|
||||
}
|
||||
|
||||
.case-two__btn-two {
|
||||
background: var(--thm-main-bg);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.case-two__btn-two span {
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.case-two__btn-two:hover span {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
259
cn/css/module-css/collaboration.css
Normal file
259
cn/css/module-css/collaboration.css
Normal file
@@ -0,0 +1,259 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
collaboration One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.collaboration-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.collaboration-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background-color: #15152E;
|
||||
padding: 120px 0 253px;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.collaboration-one__star-1 {
|
||||
position: absolute;
|
||||
top: 367px;
|
||||
left: 573px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-2 {
|
||||
position: absolute;
|
||||
top: 367px;
|
||||
right: 550px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-3 {
|
||||
position: absolute;
|
||||
bottom: 295px;
|
||||
left: 417px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__star-4 {
|
||||
position: absolute;
|
||||
bottom: 309px;
|
||||
right: 415px;
|
||||
}
|
||||
|
||||
.collaboration-one__star-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 128px;
|
||||
left: 160PX;
|
||||
top: 213PX;
|
||||
right: 118PX;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.collaboration-one__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 115px;
|
||||
left: 113PX;
|
||||
top: 280PX;
|
||||
right: 113PX;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.collaboration-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.collaboration-one__sub-title {
|
||||
color: var(--thm-base);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.collaboration-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 48px;
|
||||
font-weight: 500;
|
||||
line-height: 58px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-box {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-top: 157px;
|
||||
}
|
||||
|
||||
.collaboration-one__icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.collaboration-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-shape-1 {
|
||||
position: absolute;
|
||||
bottom: -11px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-1 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: -101px;
|
||||
left: -140px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-2 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: -101px;
|
||||
right: -145px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-3 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: 16px;
|
||||
left: -303px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-4 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
top: 16px;
|
||||
right: -303px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-5 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -76px;
|
||||
left: -159px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-5 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-6 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -76px;
|
||||
right: -159px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-6 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-7 {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
bottom: -133px;
|
||||
left: 34px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background-color: #12122B;
|
||||
}
|
||||
|
||||
.collaboration-one__icon-7 img {
|
||||
width: auto;
|
||||
}
|
||||
235
cn/css/module-css/contact.css
Normal file
235
cn/css/module-css/contact.css
Normal file
@@ -0,0 +1,235 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Contact One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.contact-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 120px;
|
||||
}
|
||||
|
||||
.contact-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 140px;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.contact-one__left-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 49px;
|
||||
}
|
||||
|
||||
.contact-one__title-box h3 {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.contact-one__title-box p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li+li {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 25px;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p {
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.contact-one__contact-list li .text p a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.contact-one__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 25px;
|
||||
color: #3C3C77;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.contact-one__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.contact-one__social a+a {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.contact-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 68px;
|
||||
}
|
||||
|
||||
.contact-one__form-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border: 1px solid #2E2F45;
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 93px 65px 100px;
|
||||
}
|
||||
|
||||
.contact-one__form-title {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group+.form-group {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.contact-one__form-label {
|
||||
color: #7781A6;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group input[type="text"],
|
||||
.contact-one__form-box .form-group input[type="email"],
|
||||
.contact-one__form-box .form-group textarea {
|
||||
height: 56px;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
border: 1px solid #2E2F45;
|
||||
border-radius: var(--thm-border-radius);
|
||||
outline: none;
|
||||
padding-left: 60px;
|
||||
padding-right: 20px;
|
||||
font-size: 16px;
|
||||
color: #7781A6;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.contact-one__form-icon {
|
||||
position: absolute;
|
||||
top: 48px;
|
||||
left: 25px;
|
||||
}
|
||||
|
||||
.contact-one__form-icon i {
|
||||
font-size: 15px;
|
||||
color: #747694;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group textarea {
|
||||
height: 144px;
|
||||
padding-left: 20px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .form-group.text-message-box {
|
||||
height: 148px;
|
||||
}
|
||||
|
||||
.contact-one__form-box .button-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.contact-one__btn {
|
||||
width: 100%;
|
||||
padding: 15px 30px 15px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Goolge Map
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.goolge-map {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.goolge-map__outer {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.google-map__one {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 825px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
152
cn/css/module-css/copywriting-tool.css
Normal file
152
cn/css/module-css/copywriting-tool.css
Normal file
@@ -0,0 +1,152 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Copywriting Tool
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.copywriting-tool {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 140px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.copywriting-tool .container {
|
||||
max-width: 1110px;
|
||||
}
|
||||
|
||||
.copywriting-tool__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.copywriting-tool__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.copywriting-tool__title {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 58px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.copywriting-tool__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two {
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #15152C;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
transform: scaleX(0.1) rotateX(90deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool__btn-two:hover:before {
|
||||
transform: scaleX(1.0) rotateX(0deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
}
|
||||
|
||||
.copywriting-tool__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.copywriting-tool__img-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-1 {
|
||||
position: absolute;
|
||||
bottom: 112px;
|
||||
left: 0;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(93deg, #430054 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
width: 371px;
|
||||
height: 371px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 380px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.95;
|
||||
background: linear-gradient(208deg, #9F9A1A 19.19%, #0096A0 70.68%);
|
||||
filter: blur(90px);
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool-shape-3 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: -95px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
filter: blur(90px);
|
||||
width: 423px;
|
||||
height: 423px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.copywriting-tool__rating-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 46px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* The End */
|
||||
146
cn/css/module-css/counter.css
Normal file
146
cn/css/module-css/counter.css
Normal file
@@ -0,0 +1,146 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Counter One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.counter-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 0 96px;
|
||||
}
|
||||
|
||||
.counter-one__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.counter-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 37px 39px 59px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.counter-one__top {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px solid var(--thm-bdr-color);
|
||||
padding-bottom: 32px;
|
||||
margin-bottom: 34px;
|
||||
}
|
||||
|
||||
.counter-one__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.counter-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.counter-one__count {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.counter-one__count h3 {
|
||||
font-size: 80px;
|
||||
font-weight: 600;
|
||||
font-family: var(--thm-font);
|
||||
line-height: 80px;
|
||||
color: var(--thm-white);
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.counter-one__percent {
|
||||
font-size: 80px;
|
||||
font-weight: 600;
|
||||
font-family: var(--thm-font);
|
||||
line-height: 80px;
|
||||
color: var(--thm-white);
|
||||
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.counter-one__text-1 {
|
||||
font-size: 24px;
|
||||
line-height: 37px;
|
||||
}
|
||||
|
||||
.counter-one__text-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 68px 39px 68px;
|
||||
margin-bottom: 24px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.counter-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 70px;
|
||||
right: 117px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.counter-one__text-2 {
|
||||
font-size: 24px;
|
||||
line-height: 37px;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
.counter-one__text-box h5 {
|
||||
font-size: 24px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.counter-one__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.counter-one__img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding-top: 39px;
|
||||
padding-left: 39px;
|
||||
}
|
||||
|
||||
.counter-one__img-box img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
235
cn/css/module-css/create-something.css
Normal file
235
cn/css/module-css/create-something.css
Normal file
@@ -0,0 +1,235 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Create Something
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.create-something {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 2px solid #7E65FF;
|
||||
background: #0F0F24;
|
||||
padding-left: 110px;
|
||||
padding-right: 22px;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 6px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__star-1 {
|
||||
position: absolute;
|
||||
top: 109px;
|
||||
left: 604px;
|
||||
}
|
||||
|
||||
.create-something__star-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.create-something__shape-1 {
|
||||
position: absolute;
|
||||
top: 22px;
|
||||
left: 100px;
|
||||
right: 22px;
|
||||
bottom: 26px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 158px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.15;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(25deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__shape-3 {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
right: 158px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.15;
|
||||
filter: blur(50px);
|
||||
width: 400px;
|
||||
height: 320px;
|
||||
transform: rotate(25deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.create-something__left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 90px;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
.create-something__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.create-something__title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.create-something__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.create-something__text {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 27px;
|
||||
}
|
||||
|
||||
.create-something__btn-two-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.create-something__right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -24px;
|
||||
}
|
||||
|
||||
.create-something__gallery {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -8px;
|
||||
border-radius: 16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 8px;
|
||||
flex: 0 0 25%;
|
||||
max-width: 25%;
|
||||
width: 100%;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.create-something__gallery-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 14px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-single img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: rgba(var(--thm-black-rgb), .50);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: top center;
|
||||
transform-origin: top center;
|
||||
-webkit-transform: scaleY(0) translateZ(100px);
|
||||
transform: scaleY(0) translateZ(100px);
|
||||
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
|
||||
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:hover:after {
|
||||
opacity: .90;
|
||||
visibility: visible;
|
||||
-webkit-transform: scaleY(1) translateZ(0px);
|
||||
transform: scaleY(1) translateZ(0px);
|
||||
}
|
||||
|
||||
.create-something__gallery-single:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.46) 0%, rgba(23, 24, 37, 0.94) 96.49%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon a {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-white);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.create-something__gallery-single:hover .create-something__gallery-icon a {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-delay: 500ms;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.create-something__gallery-icon a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
/* End */
|
||||
127
cn/css/module-css/faq.css
Normal file
127
cn/css/module-css/faq.css
Normal file
@@ -0,0 +1,127 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Faq One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.faq-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.faq-one .container {
|
||||
max-width: 875px;
|
||||
}
|
||||
|
||||
.faq-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: var(--thm-border-radius);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
padding: 20px 30px 20px;
|
||||
transition: all 200ms linear;
|
||||
transition-delay: 0.1s;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title h4 {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
color: var(--thm-gray);
|
||||
font-weight: 500;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4 {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion+.accrodion {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-title h4::before {
|
||||
content: "\e901";
|
||||
font-family: 'icomoon' !important;
|
||||
font-size: 13px;
|
||||
color: var(--thm-gray);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
line-height: 15px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
text-align: center;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
|
||||
content: "\e901";
|
||||
color: var(--thm-white);
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content {
|
||||
position: relative;
|
||||
padding-bottom: 27px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.faq-one__inner .faq-one-accrodion .accrodion-content p a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
646
cn/css/module-css/feature.css
Normal file
646
cn/css/module-css/feature.css
Normal file
@@ -0,0 +1,646 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Feature One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.feature-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 182px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-one__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: var(--thm-white);
|
||||
line-height: 58px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.feature-one__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.feature-one__btn-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.feature-one__main-content-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 912px;
|
||||
width: 100%;
|
||||
margin: 35px auto 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-1 {
|
||||
position: absolute;
|
||||
top: 154px;
|
||||
left: -170px;
|
||||
height: 371px;
|
||||
width: 371px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-2 {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
right: -233px;
|
||||
height: 423px;
|
||||
width: 423px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
filter: blur(90px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__color-overly-3 {
|
||||
position: absolute;
|
||||
top: 145px;
|
||||
right: 315px;
|
||||
height: 320px;
|
||||
width: 320px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.3;
|
||||
background: linear-gradient(208deg, #FFF855 19.19%, #00E3F2 70.68%);
|
||||
filter: blur(90px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.feature-one__start-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -30px;
|
||||
}
|
||||
|
||||
.feature-one__start-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.feature-one__start-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-3 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 150px;
|
||||
}
|
||||
|
||||
.feature-one__start-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-4 {
|
||||
position: absolute;
|
||||
top: 150px;
|
||||
left: -222px;
|
||||
}
|
||||
|
||||
.feature-one__start-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-5 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -25px;
|
||||
}
|
||||
|
||||
.feature-one__start-5 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-6 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 165px;
|
||||
}
|
||||
|
||||
.feature-one__start-6 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-7 {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.feature-one__start-7 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__start-8 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: -250px;
|
||||
}
|
||||
|
||||
.feature-one__start-8 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__ai-pack {
|
||||
position: absolute;
|
||||
bottom: -90px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.feature-one__ai-pack h3 {
|
||||
font-size: 32px;
|
||||
color: #426BFF;
|
||||
font-weight: 700;
|
||||
line-height: 32px;
|
||||
font-family: var(--thm-font-two);
|
||||
}
|
||||
|
||||
.feature-one__main-content-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 518px;
|
||||
width: 100%;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.feature-one__list {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.feature-one__single {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
border-radius: 16px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.16);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.feature-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.feature-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__title-2 {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.feature-one__title-2 a {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.feature-one__main-content-middle {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-one__cpu-icon-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 218px;
|
||||
width: 218px;
|
||||
background-color: rgba(255, 255, 255, 0.02);
|
||||
border: 1px solid var(--thm-white);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 48px;
|
||||
}
|
||||
|
||||
.feature-one__cpu-icon-box img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__main-content-bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 518px;
|
||||
width: 100%;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.feature-one__rating-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 140px;
|
||||
}
|
||||
|
||||
.feature-one__rating {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__rating li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.feature-one__rating li+li {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.feature-one__rating-icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.feature-one__rating-icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.feature-one__rating-star-and-text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star span {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background-color: #00b67b;
|
||||
color: var(--thm-white);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star span+span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.feature-one__rating-text {
|
||||
font-size: 16px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.feature-one__rating-star-and-text--two .feature-one__rating-star span {
|
||||
height: auto;
|
||||
width: auto;
|
||||
background-color: transparent;
|
||||
color: #eda044;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Feature Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.feature-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature-two__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature-two__list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
white-space: nowrap;
|
||||
min-width: 100%;
|
||||
margin: 0 -8px;
|
||||
}
|
||||
|
||||
.feature-two__list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.feature-two__list li:first-child {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.feature-two__list li a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
color: #7781A6;
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 18px 25px 18px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.feature-two__list li a:hover {
|
||||
background-color: var(--thm-base);
|
||||
border: 1px solid var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Core Feature
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.core-feature {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 120px;
|
||||
}
|
||||
|
||||
.core-feature__content-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__shape-1 {
|
||||
position: absolute;
|
||||
top: -46px;
|
||||
left: -20px;
|
||||
right: 42px;
|
||||
bottom: -65px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 62px;
|
||||
margin-right: 80px;
|
||||
margin-top: 54px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 27px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.core-feature__content-one-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li+li {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .icon i {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid var(--thm-white);
|
||||
border-radius: 50%;
|
||||
font-size: 10px;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-points li .text p span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.core-feature__content-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.core-feature__content-one-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -40px;
|
||||
margin-right: 45px;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
|
||||
padding: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-one-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 120px;
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
|
||||
padding: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.core-feature__content-two-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 63px;
|
||||
margin-right: 122px;
|
||||
margin-top: 54px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.core-feature__content-two-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.core-feature__content-two__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
271
cn/css/module-css/footer.css
Normal file
271
cn/css/module-css/footer.css
Normal file
@@ -0,0 +1,271 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Main Footer
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.main-footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.main-footer__shape-1 {
|
||||
position: absolute;
|
||||
bottom: -115px;
|
||||
right: 170px;
|
||||
width: 659px;
|
||||
height: 304px;
|
||||
background: linear-gradient(260deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.main-footer__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 75px 0 0;
|
||||
}
|
||||
|
||||
.main-footer__top .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
|
||||
.footer-widget__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__title {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.footer-widget__about {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.footer-widget__about-text {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.footer-widget__company {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__company-list li a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__resources {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li+li {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__resources-list li a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer-widget__newsletter {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.footer-widget__email-form {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.footer-widget__email-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__email-input-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-widget__email-input-box input[type="email"] {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
outline: none;
|
||||
border: 1px solid #4B4B70;
|
||||
background-color: #0F0F24;
|
||||
border-radius: var(--thm-border-radius);
|
||||
font-size: 14px;
|
||||
color: var(--thm-gray);
|
||||
padding-left: 25px;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.footer-widget__btn {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 90px;
|
||||
border: none;
|
||||
background-color: var(--thm-gradient-color2);
|
||||
font-size: 15px;
|
||||
color: var(--thm-white);
|
||||
border-top-right-radius: var(--thm-border-radius);
|
||||
border-bottom-right-radius: var(--thm-border-radius);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.footer-widget__btn:hover {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.site-footer__social {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.site-footer__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
color: #747694;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.site-footer__social a:hover {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.site-footer__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.main-footer__bottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 67px 0 22px;
|
||||
}
|
||||
|
||||
.main-footer__bottom .container {
|
||||
max-width: 1125px;
|
||||
}
|
||||
|
||||
.main-footer__bottom-inner {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.main-footer__bottom-text {
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.main-footer__bottom-text a {
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
|
||||
.main-footer-two .footer-widget__company-list li a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__resources-list li a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__btn {
|
||||
background-color: var(--thm-extra);
|
||||
}
|
||||
|
||||
.main-footer-two .footer-widget__btn:hover {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.main-footer-two .site-footer__social a:hover {
|
||||
color: var(--thm-extra);
|
||||
}
|
||||
|
||||
|
||||
/* End */
|
||||
123
cn/css/module-css/free-trail.css
Normal file
123
cn/css/module-css/free-trail.css
Normal file
@@ -0,0 +1,123 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Free Trail
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.free-trail {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.free-trail__wrap {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #ACDA49;
|
||||
background: #0F0F24;
|
||||
padding: 90px 0 90px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.free-trail__shape-3 {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 110px;
|
||||
right: 110px;
|
||||
bottom: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.free-trail__start-1 {
|
||||
position: absolute;
|
||||
top: 109px;
|
||||
left: 571px;
|
||||
}
|
||||
|
||||
.free-trail__start-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-2 {
|
||||
position: absolute;
|
||||
top: 122px;
|
||||
right: 569px;
|
||||
}
|
||||
|
||||
.free-trail__start-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-3 {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
left: 427px;
|
||||
}
|
||||
|
||||
.free-trail__start-3 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__start-4 {
|
||||
position: absolute;
|
||||
top: 230px;
|
||||
right: 408px;
|
||||
}
|
||||
|
||||
.free-trail__start-4 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.free-trail__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.free-trail__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 660px;
|
||||
height: 304px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.free-trail__inner .section-title {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.free-trail__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
194
cn/css/module-css/gallery.css
Normal file
194
cn/css/module-css/gallery.css
Normal file
@@ -0,0 +1,194 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Gallery One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.gallery-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.gallery-one__title-one {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 48px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.gallery-one__title-two {
|
||||
background: linear-gradient(90deg, #00CB88 22.86%, #E1F763 78.06%);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 48px
|
||||
}
|
||||
|
||||
.gallery-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: -55px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__curved-circle {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateY(-50%) translateX(-50%);
|
||||
height: 120px;
|
||||
width: 120px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(38deg, #00CB88 15.51%, #E1F763 122.15%);
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
|
||||
@keyframes textRotate {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-one__curved-circle .curved-circle {
|
||||
position: absolute;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: var(--thm-black);
|
||||
text-transform: capitalize;
|
||||
letter-spacing: 0.700em;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
font-family: var(--thm-font-two);
|
||||
height: 120px !important;
|
||||
width: 120px;
|
||||
transform: rotate(120deg);
|
||||
animation: textRotate 10s linear 0s forwards infinite alternate;
|
||||
}
|
||||
|
||||
.gallery-one__video-link {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.gallery-one__video-icon {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
line-height: 90px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-black);
|
||||
border-radius: 50%;
|
||||
transition: all 0.5s ease;
|
||||
-moz-transition: all 0.5s ease;
|
||||
-webkit-transition: all 0.5s ease;
|
||||
-ms-transition: all 0.5s ease;
|
||||
-o-transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
.gallery-one__btn-box {
|
||||
position: absolute;
|
||||
bottom: 55px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.gallery-one__list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gallery-one__list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gallery-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.gallery-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: 16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-one__single:hover .gallery-one__img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.gallery-one__img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.gallery-one__single:hover .gallery-one__img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
.gallery-one__img:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(16, 16, 34, .70);
|
||||
z-index: 2;
|
||||
}
|
||||
2092
cn/css/module-css/header.css
Normal file
2092
cn/css/module-css/header.css
Normal file
File diff suppressed because it is too large
Load Diff
126
cn/css/module-css/how-tool-work.css
Normal file
126
cn/css/module-css/how-tool-work.css
Normal file
@@ -0,0 +1,126 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
How Tool Work
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.how-tool-work {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 109px 0 90px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 58px;
|
||||
}
|
||||
|
||||
.how-tool-work__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.how-tool-work__title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.how-tool-work__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.how-tool-work__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 25px;
|
||||
right: 0;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.how-tool-work__single:hover .how-tool-work__shape-1 {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.how-tool-work__single-inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.how-tool-work__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-body-bg);
|
||||
padding-top: 15px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.how-tool-work__img img {
|
||||
width: 100%;
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.how-tool-work__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 33px 40px 32px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 34px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.how-tool-work__title-two a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
109
cn/css/module-css/image-generator-tools.css
Normal file
109
cn/css/module-css/image-generator-tools.css
Normal file
@@ -0,0 +1,109 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Image Generator Tools
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.image-generator-tools {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 96px 0 0;
|
||||
}
|
||||
|
||||
.image-generator-tools__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
padding: 117px 90px 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.image-generator-tools__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 57px;
|
||||
margin-bottom: 65px;
|
||||
}
|
||||
|
||||
.image-generator-tools__title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.image-generator-tools__main-content {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image-generator-tools__main-content .row {
|
||||
--bs-gutter-x: 90px;
|
||||
}
|
||||
|
||||
.image-generator-tools__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.image-generator-tools__icon {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
margin: 0 auto 14px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: var(--thm-main-bg);
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.image-generator-tools__icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 34px;
|
||||
color: var(--thm-primary);
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.image-generator-tools__single:hover .image-generator-tools__icon span {
|
||||
transform: scale(.9);
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
line-height: 34px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.image-generator-tools__title-2 a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
198
cn/css/module-css/login.css
Normal file
198
cn/css/module-css/login.css
Normal file
@@ -0,0 +1,198 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Login
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.login-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding-top: 150px;
|
||||
}
|
||||
|
||||
.login-page__shape-1 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.login-page__shape-2 {
|
||||
position: fixed;
|
||||
top: 275px;
|
||||
left: 300px;
|
||||
width: 1363.998px;
|
||||
height: 316.414px;
|
||||
transform: rotate(6.965deg);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.login-page .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.login-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: 24px;
|
||||
padding: 85px 95px 65px;
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.login-page__close-icon {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.login-page__close-icon a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
border-radius: var(--thm-border-radius);
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.login-page__close-icon a:hover {
|
||||
background-color: var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-base);
|
||||
}
|
||||
|
||||
.login-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
|
||||
.login-page__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.login-page__sign-option-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.login-page__sign-option {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: var(--thm-border-radius);
|
||||
padding: 14px 0;
|
||||
font-size: 16px;
|
||||
color: var(--thm-black);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.login-page__sign-option+.login-page__sign-option {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.login-page__sign-option img {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.sign-in-email {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: var(--thm-black);
|
||||
padding-top: 13px;
|
||||
}
|
||||
|
||||
.register-one__form {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.register-one__form .row {
|
||||
--bs-gutter-x: 15px;
|
||||
--bs-gutter-y: 15px;
|
||||
}
|
||||
|
||||
.register-one__form input[type=text],
|
||||
.register-one__form input[type=email],
|
||||
.register-one__form input[type=password] {
|
||||
border: none;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
display: block;
|
||||
height: 56px;
|
||||
border-radius: var(--thm-border-radius);
|
||||
border: 1px solid #C3D1E3;
|
||||
padding-left: 50px;
|
||||
padding-right: 20px;
|
||||
color: var(--thm-black);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.register-one__form__email,
|
||||
.register-one__form__password {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.register-one__form__email i,
|
||||
.register-one__form__password i {
|
||||
font-size: 15px;
|
||||
color: #747694;
|
||||
position: absolute;
|
||||
top: 51%;
|
||||
left: 15px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.register-one__form__forgot {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.register-one__form__forgot a {
|
||||
font-size: 14px;
|
||||
color: #6243FF;
|
||||
}
|
||||
|
||||
.register-one__btn {
|
||||
width: 100%;
|
||||
padding: 15px 30px 15px;
|
||||
font-size: 16px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
box-shadow: none;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.register-one__tagline {
|
||||
font-size: 14px;
|
||||
color: var(--thm-black);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.register-one__tagline a {
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
/* End */
|
||||
85
cn/css/module-css/page-title.css
Normal file
85
cn/css/module-css/page-title.css
Normal file
@@ -0,0 +1,85 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Page Title
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.page-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -90px;
|
||||
left: 0;
|
||||
height: 178px;
|
||||
width: 178px;
|
||||
border-radius: 50%;
|
||||
opacity: 0.6;
|
||||
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
|
||||
filter: blur(114px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.page-title .container {
|
||||
max-width: 830px;
|
||||
}
|
||||
|
||||
.page-title__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 120px 0 112px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title__shape-1 {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 67px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.page-title__title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-bottom: 17px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.page-title__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
line-height: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.page-title__title {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 68px;
|
||||
}
|
||||
|
||||
.page-title__text {}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
330
cn/css/module-css/pricing.css
Normal file
330
cn/css/module-css/pricing.css
Normal file
@@ -0,0 +1,330 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.pricing-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0px 0 90px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pricing-one__shape-1 {
|
||||
position: absolute;
|
||||
bottom: 165px;
|
||||
left: 30px;
|
||||
width: 1180px;
|
||||
height: 545px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
|
||||
opacity: 0.15;
|
||||
filter: blur(75px);
|
||||
}
|
||||
|
||||
.pricing-one__shape-2 {
|
||||
position: absolute;
|
||||
bottom: -20px;
|
||||
left: 200px;
|
||||
width: 1180px;
|
||||
height: 545px;
|
||||
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
|
||||
opacity: 0.1;
|
||||
filter: blur(75px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__section-title {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.pricing-one__section-title__title {
|
||||
font-size: 40px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
color: var(--thm-white);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pricing-one__switch-toggle-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list li a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-gray);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pricing-one ul.switch-toggler-list li.active a {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.pricing-one .switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
border-radius: 15px;
|
||||
width: 50px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.pricing-one .slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
background-color: #426BFF;
|
||||
}
|
||||
|
||||
.pricing-one .slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
left: 3px;
|
||||
right: 3px;
|
||||
top: 50%;
|
||||
-webkit-transform: translateX(0px) translateY(-50%);
|
||||
transform: translateX(0px) translateY(-50%);
|
||||
background-color: var(--thm-white);
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.pricing-one .switch.off .slider:before {
|
||||
-webkit-transform: translateX(20px) translateY(-50%);
|
||||
transform: translateX(20px) translateY(-50%);
|
||||
}
|
||||
|
||||
.pricing-one .slider.round {
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.pricing-one .slider.round:before {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.pricing-one__discount {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 435px;
|
||||
background: #272749;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
padding: 6px 10px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.pricing-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #0F0F24;
|
||||
padding: 32px 40px 52px;
|
||||
margin-bottom: 30px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.pricing-one__single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.pricing-one__popular {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-base);
|
||||
line-height: 14px;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.pricing-one__overly-color {
|
||||
position: absolute;
|
||||
bottom: 115px;
|
||||
right: 85px;
|
||||
height: 107px;
|
||||
width: 107px;
|
||||
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
|
||||
opacity: 0.8;
|
||||
filter: blur(90px);
|
||||
transform: scale(0);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__single:hover .pricing-one__overly-color {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.pricing-one__tagline {
|
||||
font-size: 24px;
|
||||
color: var(--thm-gradient-color2);
|
||||
font-weight: 600;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.pricing-one__price {
|
||||
font-size: 56px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.pricing-one__btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.pricing-one__btn {
|
||||
background: var(--thm-main-bg);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 15px 39px 15px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
}
|
||||
|
||||
.pricing-one__btn:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
|
||||
transform: scaleX(0.1) rotateX(90deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.pricing-one__btn:hover:before {
|
||||
transform: scaleX(1.0) rotateX(0deg);
|
||||
-webkit-transition: all 0.4s linear;
|
||||
-o-transition: all 0.4s linear;
|
||||
transition: all 0.4s linear;
|
||||
}
|
||||
|
||||
.pricing-one__text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.pricing-one__points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.pricing-one__points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.pricing-one__points li+li {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.pricing-one__points li .circle-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
background-color: var(--thm-white);
|
||||
}
|
||||
|
||||
.pricing-one__points li .text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.pricing-one__points li .text p {
|
||||
margin: 0;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.pricing-two {
|
||||
padding-top: 112px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Pricing Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.pricing-three {
|
||||
padding-top: 98px;
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__discount {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .slider {
|
||||
background-color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__btn:before {
|
||||
background: var(--thm-primary);
|
||||
}
|
||||
|
||||
.pricing-three .pricing-one__popular {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
113
cn/css/module-css/reset-password.css
Normal file
113
cn/css/module-css/reset-password.css
Normal file
@@ -0,0 +1,113 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Reset Password
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.reset-password-page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reset-password-page__shape-1 {
|
||||
position: absolute;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 120px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.reset-password-page__shape-2 {
|
||||
position: absolute;
|
||||
top: 275px;
|
||||
left: 300px;
|
||||
width: 1363.998px;
|
||||
height: 316.414px;
|
||||
transform: rotate(6.965deg);
|
||||
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
|
||||
filter: blur(182px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.reset-password-page .container {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.reset-password-page__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-white);
|
||||
border-radius: 24px;
|
||||
padding: 115px 95px 200px;
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 1px solid #C3D1E3;
|
||||
border-radius: var(--thm-border-radius);
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.reset-password-page__close-icon a:hover {
|
||||
background-color: var(--thm-base);
|
||||
color: var(--thm-white);
|
||||
border: 1px solid var(--thm-base);
|
||||
}
|
||||
|
||||
.reset-password-page__top {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 110px;
|
||||
}
|
||||
|
||||
.reset-password-page__logo {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reset-password-option {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.reset-password-option a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 20px;
|
||||
color: var(--thm-gray-bg);
|
||||
}
|
||||
|
||||
.reset-password-option a span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
649
cn/css/module-css/solutions.css
Normal file
649
cn/css/module-css/solutions.css
Normal file
@@ -0,0 +1,649 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Solutions One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.solutions-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 120px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-one__carousel {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-one__carousel.owl-carousel .owl-stage-outer {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.solutions-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: var(--thm-main-bg);
|
||||
padding: 48px 30px 42px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
border-radius: 16px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-one__icon img {
|
||||
width: auto !important;
|
||||
transition: all 500ms linear;
|
||||
transition-delay: 0.1s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.solutions-one__single:hover .solutions-one__icon img {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.solutions-one__title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.solutions-one__title a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__title a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-one__text {
|
||||
font-size: 14px;
|
||||
color: #ADA7CD;
|
||||
line-height: 22px;
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
|
||||
.solutions-one__btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: #ADA7CD;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-one__btn i {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
padding-left: 20px;
|
||||
transform: rotate(-45deg);
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.solutions-one__btn:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Solutions Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.solutions-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background: #12122B;
|
||||
padding: 45px 70px 45px;
|
||||
padding-right: 37px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-one:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 87px;
|
||||
margin-top: 19px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-2 {
|
||||
position: absolute;
|
||||
bottom: 203px;
|
||||
right: -11px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-2 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li+li {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .icon i {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid var(--thm-gradient-color2);
|
||||
border-radius: 50%;
|
||||
font-size: 7px;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text p {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-points li .text p span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
}
|
||||
|
||||
.solutions-two__content-one-btn-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-btn {
|
||||
padding: 11px 24px 11px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: -40px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #1E1E42;
|
||||
padding: 25px 25px 25px;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-one-img img {
|
||||
width: 100%;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__shape-1 {
|
||||
position: absolute;
|
||||
left: 52px;
|
||||
top: 0;
|
||||
right: 40px;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
background-color: #15152E;
|
||||
border: 1px solid #3C3C77;
|
||||
border-radius: 16px;
|
||||
text-align: center;
|
||||
padding: 48px 40px 40px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-single:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-top {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 12px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-top: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a {
|
||||
color: var(--thm-gradient-color2);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background-color: var(--thm-gradient-color2);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a:hover::before {
|
||||
background-color: var(--thm-base);
|
||||
}
|
||||
|
||||
.solutions-two__content-two-btn a span {
|
||||
position: relative;
|
||||
margin-left: 20px;
|
||||
font-size: 11px;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-shape-1 img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 52px;
|
||||
left: 36px;
|
||||
bottom: 28px;
|
||||
right: 31px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
transform: rotate(151.783deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-two-img img {
|
||||
width: 100%;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
background-color: #15152E;
|
||||
padding: 64px 50px 82px;
|
||||
padding-right: 60px;
|
||||
margin-bottom: 24px;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three:hover {
|
||||
border: 1px solid #ACDA49;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-shape-1 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50px;
|
||||
right: 40px;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 54px;
|
||||
margin-right: 22px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -38px;
|
||||
left: 65px;
|
||||
right: -30px;
|
||||
bottom: 45px;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #4B4B70;
|
||||
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background: #F16C7A;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li:nth-child(2) {
|
||||
background: #49C3E8;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li:nth-child(3) {
|
||||
background: #FFD160;
|
||||
}
|
||||
|
||||
.solutions-two__browser-dot li+li {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-shape-2 {
|
||||
position: absolute;
|
||||
bottom: 65px;
|
||||
left: 99px;
|
||||
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
|
||||
opacity: 0.35;
|
||||
filter: blur(50px);
|
||||
width: 439px;
|
||||
height: 350px;
|
||||
transform: rotate(150.217deg);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-left .row {
|
||||
--bs-gutter-x: 14px;
|
||||
}
|
||||
|
||||
.row.solutions-two__content-three-img-list {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.row.solutions-two__content-three-img-list li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 15px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
content: "";
|
||||
background-color: rgba(var(--thm-black-rgb), .60);
|
||||
transition: all 700ms ease;
|
||||
transform: translateY(-100%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img:before {
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img img {
|
||||
width: 100%;
|
||||
border-radius: 15px;
|
||||
transition-delay: .1s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-duration: .7s;
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img img {
|
||||
transform: scale(1.1) rotate(2deg);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-right {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 58px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box p {
|
||||
font-size: 16px;
|
||||
color: var(--thm-base);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-title-box h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
line-height: 45px;
|
||||
color: var(--thm-white);
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-text-1 span {
|
||||
font-weight: 500;
|
||||
color: var(--thm-gradient-color2);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points-box {
|
||||
position: relative;
|
||||
display: flex;
|
||||
margin-top: 19px;
|
||||
margin-bottom: 31px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points-2 {
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li+li {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .icon span {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
color: var(--thm-gray);
|
||||
}
|
||||
|
||||
.solutions-two__content-three-points li .text {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
End
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
178
cn/css/module-css/team.css
Normal file
178
cn/css/module-css/team.css
Normal file
@@ -0,0 +1,178 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Team One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.team-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 118px 0 20px;
|
||||
}
|
||||
|
||||
.team-one .container {
|
||||
max-width: 1238px;
|
||||
}
|
||||
|
||||
.team-one .row {
|
||||
--bs-gutter-x: 136px;
|
||||
}
|
||||
|
||||
.team-one__title {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
color: var(--thm-white);
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
margin-bottom: 65px;
|
||||
}
|
||||
|
||||
.team-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 82px;
|
||||
}
|
||||
|
||||
.team-one__img {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border-radius: var(--thm-border-radius);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.team-one__img:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
background-color: rgba(16, 16, 34, .90);
|
||||
border-radius: var(--thm-border-radius);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.team-one__single:hover .team-one__img:before {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.team-one__img img {
|
||||
width: 100%;
|
||||
border-radius: var(--thm-border-radius);
|
||||
}
|
||||
|
||||
.team-one__social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.team-one__social a {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
color: var(--thm-white);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.team-one__social a+a {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.team-one__social a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(1) {
|
||||
-webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(2) {
|
||||
top: -7px;
|
||||
-webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__social a:nth-child(3) {
|
||||
-webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
-moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
transform: translate3d(0, 70px, 0);
|
||||
-moz-transform: translate3d(0, 70px, 0);
|
||||
-webkit-transform: translate3d(0, 70px, 0);
|
||||
}
|
||||
|
||||
.team-one__single:hover .team-one__social a {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.team-one__content {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 29px;
|
||||
}
|
||||
|
||||
.team-one__name {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.team-one__name a {
|
||||
color: var(--thm-white);
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.team-one__name a:hover {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
.team-one__sub-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
218
cn/css/module-css/testimonial.css
Normal file
218
cn/css/module-css/testimonial.css
Normal file
@@ -0,0 +1,218 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.testimonial-one:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 315px;
|
||||
background: linear-gradient(180deg, rgba(16, 16, 34, 0.00) 0%, rgba(16, 16, 34, 0.76) 13.28%, #101022 53.79%, #101022 79.45%);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.testimonial-one__btn-box {
|
||||
position: absolute;
|
||||
display: block;
|
||||
text-align: center;
|
||||
bottom: 135px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.testimonial-one__btn {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 15px 39px 15px;
|
||||
border: 1px solid var(--thm-bdr-color);
|
||||
}
|
||||
|
||||
.testimonial-one .section-title__title i {
|
||||
font-size: 41px;
|
||||
color: #fac632;
|
||||
}
|
||||
|
||||
.testimonial-one__single {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 16px;
|
||||
border: 1px solid #3C3C77;
|
||||
background: #15152E;
|
||||
padding: 36px 25px 39px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.testimonial-one__client-info {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testimonial-one__client-img {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-one__client-img img {
|
||||
width: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.testimonial-one__name-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.testimonial-one__name {
|
||||
color: var(--thm-white);
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.testimonial-one__sub-title {
|
||||
color: #BDBFD4;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 12px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.testimonial-one__title {
|
||||
color: var(--thm-white);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 25px;
|
||||
margin-top: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.testimonial-one__icon-and-ratting {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.testimonial-one__icon {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.testimonial-one__icon img {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
background: #212144;
|
||||
padding: 6px 9px;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting p {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: var(--thm-white);
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.testimonial-one__ratting p span {
|
||||
margin-left: 6px;
|
||||
color: #fac924;
|
||||
}
|
||||
|
||||
.testimonial-one__single-5 {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-6 {
|
||||
margin-top: -54px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-8 {
|
||||
margin-top: -26px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-9 {
|
||||
margin-top: -23px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-11 {
|
||||
margin-top: -23px;
|
||||
}
|
||||
|
||||
.testimonial-one__single-12 {
|
||||
margin-top: -26px;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial Two
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-two {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 120px 0 0;
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title {
|
||||
font-size: 40px;
|
||||
color: var(--thm-white);
|
||||
font-weight: 600;
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
margin-bottom: 66px;
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title span {
|
||||
color: var(--thm-primary);
|
||||
}
|
||||
|
||||
.testimonial-two__sec-title i {
|
||||
font-size: 41px;
|
||||
color: #fac632;
|
||||
}
|
||||
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Testimonial Three
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
.testimonial-three {
|
||||
padding: 0 0 0;
|
||||
}
|
||||
|
||||
.testimonial-three .testimonial-two__sec-title span {
|
||||
color: var(--thm-base);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
138
cn/css/module-css/video.css
Normal file
138
cn/css/module-css/video.css
Normal file
@@ -0,0 +1,138 @@
|
||||
/***
|
||||
|
||||
====================================================================
|
||||
Video One
|
||||
====================================================================
|
||||
|
||||
***/
|
||||
|
||||
.video-one {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 330px 0 330px;
|
||||
}
|
||||
|
||||
.video-one__bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.video-one__inner {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video-one__play {
|
||||
position: relative;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
font-weight: 800;
|
||||
line-height: 130px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
font-size: 30px;
|
||||
font-family: 'Font Awesome 5 Pro';
|
||||
border: 1px solid #426BFF;
|
||||
background: rgba(16, 16, 34, 0.50);
|
||||
backdrop-filter: blur(8px);
|
||||
color: #426BFF;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-one__play:hover {
|
||||
color: var(--white-color);
|
||||
background-color: var(--color-two);
|
||||
}
|
||||
|
||||
.video-one__play:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -13px;
|
||||
left: -13px;
|
||||
right: -13px;
|
||||
bottom: -13px;
|
||||
border: 2px solid rgba(var(--white-color-rgb), .30);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.video-one__play .ripple,
|
||||
.video-one__play .ripple:before,
|
||||
.video-one__play .ripple:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
border-radius: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
-o-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
|
||||
-webkit-animation: ripple 3s infinite;
|
||||
-moz-animation: ripple 3s infinite;
|
||||
-ms-animation: ripple 3s infinite;
|
||||
-o-animation: ripple 3s infinite;
|
||||
animation: ripple 3s infinite;
|
||||
}
|
||||
|
||||
.video-one__play .ripple:before {
|
||||
-webkit-animation-delay: .9s;
|
||||
-moz-animation-delay: .9s;
|
||||
-ms-animation-delay: .9s;
|
||||
-o-animation-delay: .9s;
|
||||
animation-delay: .9s;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.video-one__play .ripple:after {
|
||||
-webkit-animation-delay: .6s;
|
||||
-moz-animation-delay: .6s;
|
||||
-ms-animation-delay: .6s;
|
||||
-o-animation-delay: .6s;
|
||||
animation-delay: .6s;
|
||||
content: "";
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
@-webkit-keyframes ripple {
|
||||
70% {
|
||||
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
70% {
|
||||
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* End */
|
||||
14
cn/css/owl.video.play.html
Normal file
14
cn/css/owl.video.play.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html style="height:100%">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<title> 404 Not Found
|
||||
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
|
||||
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
|
||||
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
|
||||
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
|
||||
<h2 style="margin-top:20px;font-size: 30px;">Not Found
|
||||
</h2>
|
||||
<p>The resource requested could not be found on this server!</p>
|
||||
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
|
||||
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
|
||||
1278
cn/css/responsive.css
Normal file
1278
cn/css/responsive.css
Normal file
File diff suppressed because it is too large
Load Diff
149
cn/css/style.css
Normal file
149
cn/css/style.css
Normal file
@@ -0,0 +1,149 @@
|
||||
/*
|
||||
Lizar Business HTML Template
|
||||
|
||||
*/
|
||||
/************ TABLE OF CONTENTS ***************
|
||||
|
||||
1. Fonts
|
||||
2. Reset
|
||||
3. Global
|
||||
4. Main Header / Two / Three
|
||||
5. Main Slider / Two / Three
|
||||
6. About One
|
||||
7. Services One / Two / Three / Four
|
||||
8. Project One / Two / Three
|
||||
9. Testimonial One / Two / Three
|
||||
10. Partners One
|
||||
11. News One / Two
|
||||
12. CTA One
|
||||
13. Main Footer
|
||||
14. Clients One / Two / Three
|
||||
15. Counter One
|
||||
16. News Three
|
||||
17. InTouch One
|
||||
18. Page Title
|
||||
19. Banner One
|
||||
20. Work One
|
||||
21. Pricing One
|
||||
22. Team One
|
||||
23. Services Widgets
|
||||
24. Services Detail
|
||||
25. Our Projects
|
||||
26. Projects Detail
|
||||
27. Projects Widgets
|
||||
28. Our Blog
|
||||
29. Blog Widgets
|
||||
30. Comment Form
|
||||
31. Comment Box
|
||||
32. Contact Info
|
||||
33. Contact Form
|
||||
34. Map
|
||||
|
||||
**********************************************/
|
||||
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
Css Files
|
||||
====================================================================
|
||||
***/
|
||||
@import url('01-global.css');
|
||||
@import url('module-css/header.css');
|
||||
@import url('module-css/footer.css');
|
||||
@import url('module-css/feature.css');
|
||||
@import url('module-css/solutions.css');
|
||||
@import url('module-css/pricing.css');
|
||||
@import url('module-css/brand.css');
|
||||
@import url('module-css/collaboration.css');
|
||||
@import url('module-css/testimonial.css');
|
||||
@import url('module-css/faq.css');
|
||||
@import url('module-css/free-trail.css');
|
||||
@import url('module-css/copywriting-tool.css');
|
||||
@import url('module-css/how-tool-work.css');
|
||||
@import url('module-css/counter.css');
|
||||
@import url('module-css/case.css');
|
||||
@import url('module-css/banner.css');
|
||||
@import url('module-css/gallery.css');
|
||||
@import url('module-css/image-generator-tools.css');
|
||||
@import url('module-css/art-and-image-tool.css');
|
||||
@import url('module-css/amazing-art-tool.css');
|
||||
@import url('module-css/create-something.css');
|
||||
@import url('module-css/page-title.css');
|
||||
@import url('module-css/about.css');
|
||||
@import url('module-css/video.css');
|
||||
@import url('module-css/team.css');
|
||||
@import url('module-css/ai-product.css');
|
||||
@import url('module-css/login.css');
|
||||
@import url('module-css/reset-password.css');
|
||||
@import url('module-css/contact.css');
|
||||
@import url('module-css/blog.css');
|
||||
@import url('module-css/career.css');
|
||||
@import url('module-css/404.css');
|
||||
|
||||
|
||||
|
||||
|
||||
@import url('02-bootstrap-select.min.css');
|
||||
@import url('03-owl.css');
|
||||
@import url('04-animate.css');
|
||||
@import url('05-rtl.css');
|
||||
@import url('06-custom-animate.css');
|
||||
@import url('07-dark-body.css');
|
||||
@import url('08-font-awesome.css');
|
||||
@import url('09-icomoon.css');
|
||||
@import url('10-jarallax.css');
|
||||
@import url('11-preloader.css');
|
||||
@import url('12-swiper.min.css');
|
||||
@import url('13-odometer-theme-default.css');
|
||||
@import url('14-jquery-ui.css');
|
||||
@import url('15-magnific-popup.css');
|
||||
@import url('../fonts/reey-font/stylesheet.css');
|
||||
|
||||
|
||||
|
||||
/***
|
||||
====================================================================
|
||||
|
||||
====================================================================
|
||||
***/
|
||||
|
||||
|
||||
/* Sticy Header */
|
||||
.want-sticky-header .main-header.fixed-header {
|
||||
position: relative !important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* Box Layout */
|
||||
.box-layout .page-wrapper {
|
||||
max-width: 1390px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 15px;
|
||||
overflow: hidden;
|
||||
background-color: var(--thm-body-bg);
|
||||
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.box-layout:before {
|
||||
position: fixed;
|
||||
content: '';
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
background: url(../images/partners/thm-pattern-2.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.box-layout .slider-one_social-icons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box-layout .main-header-two__inner {
|
||||
margin: 0 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user