first commit
This commit is contained in:
Dhanraj
585
static/assets/css/common/_global.css
Normal file
585
static/assets/css/common/_global.css
Normal file
@ -0,0 +1,585 @@
|
||||
/* --------------- global --------------- */
|
||||
*,
|
||||
* button:focus {
|
||||
outline: 0; }
|
||||
|
||||
html::-webkit-scrollbar {
|
||||
height: 20px;
|
||||
width: 10px;
|
||||
background: #f1f1f1;
|
||||
border-radius: 10px; }
|
||||
|
||||
html::-webkit-scrollbar-thumb {
|
||||
background: #999;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 10px; }
|
||||
|
||||
html::-webkit-scrollbar-corner {
|
||||
background: #999;
|
||||
border-radius: 10px; }
|
||||
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
font-weight: 400;
|
||||
line-height: 1.5; }
|
||||
body.style-6 {
|
||||
padding: 30px 30px 0; }
|
||||
|
||||
.container,
|
||||
.container-fluid {
|
||||
position: relative;
|
||||
z-index: 5; }
|
||||
|
||||
.container, .container-lg, .container-md, .container-sm, .container-xl {
|
||||
max-width: 1170px;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px; }
|
||||
|
||||
.row:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) {
|
||||
margin-right: -15px;
|
||||
margin-left: -15px; }
|
||||
.row:not(.gx-0):not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4):not(.gx-5) > * {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px; }
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
line-height: 1.4; }
|
||||
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
line-height: 1.4; }
|
||||
|
||||
body a:hover {
|
||||
text-decoration: none; }
|
||||
|
||||
body a:focus {
|
||||
outline: 0; }
|
||||
|
||||
body ul {
|
||||
list-style-type: none;
|
||||
margin: 0; }
|
||||
|
||||
.btn-default:active,
|
||||
.btn-default:active:focus,
|
||||
.btn-default:active:hover,
|
||||
.btn-default:focus,
|
||||
.btn-default:hover,
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus,
|
||||
.btn:not(:disabled):not(.disabled).active,
|
||||
.btn:not(:disabled):not(.disabled):active {
|
||||
-webkit-appearance: none; }
|
||||
|
||||
.btn:active,
|
||||
.btn:active:focus,
|
||||
.btn:active:hover,
|
||||
.btn:focus,
|
||||
.btn:hover,
|
||||
.btn:not(:disabled):not(.disabled).active,
|
||||
.btn:not(:disabled):not(.disabled):active {
|
||||
-webkit-transition: all 0.6s ease;
|
||||
-moz-transition: all 0.6s ease;
|
||||
-o-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
outline: 0; }
|
||||
|
||||
a,
|
||||
span,
|
||||
img {
|
||||
display: inline-block;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
color: inherit;
|
||||
text-decoration: none !important; }
|
||||
|
||||
a:hover {
|
||||
color: #999; }
|
||||
|
||||
ul {
|
||||
padding: 0; }
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%; }
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
margin: 0; }
|
||||
|
||||
.bi {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex; }
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
line-height: 2; }
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 1.7;
|
||||
display: inline-block; }
|
||||
|
||||
small.text {
|
||||
font-size: 12px; }
|
||||
|
||||
.text-gray {
|
||||
color: #666; }
|
||||
|
||||
.bg-gray5 {
|
||||
background-color: #f3f7fe; }
|
||||
|
||||
.section-padding {
|
||||
padding: 100px 0; }
|
||||
|
||||
.swiper-pagination {
|
||||
width: 100%;
|
||||
bottom: 0; }
|
||||
|
||||
.pagination_circle .swiper-pagination-bullet {
|
||||
margin: 0 20px;
|
||||
position: relative; }
|
||||
.pagination_circle .swiper-pagination-bullet::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid transparent; }
|
||||
.pagination_circle .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
|
||||
border: 1px solid var(--color-lightBlue); }
|
||||
|
||||
.pagi_dark .swiper-pagination-bullet {
|
||||
background-color: #000; }
|
||||
|
||||
.pagi_white .swiper-pagination-bullet {
|
||||
background-color: #fff; }
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
margin: 0 5px; }
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
background-color: var(--color-main);
|
||||
border-radius: 5px; }
|
||||
|
||||
.swiper-button-next:after,
|
||||
.swiper-button-prev:after {
|
||||
color: var(--color-main);
|
||||
font-size: 15px;
|
||||
font-weight: bold; }
|
||||
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 5px;
|
||||
background: #fff; }
|
||||
.swiper-button-next:hover,
|
||||
.swiper-button-prev:hover {
|
||||
background: var(--color-main-grad); }
|
||||
.swiper-button-next:hover::after,
|
||||
.swiper-button-prev:hover::after {
|
||||
color: #fff; }
|
||||
|
||||
.slider-style-6 {
|
||||
position: relative; }
|
||||
.slider-style-6 .swiper-pagination-bullet-active {
|
||||
background-color: var(--color-blue6); }
|
||||
.slider-style-6 .swiper-button-next,
|
||||
.slider-style-6 .swiper-button-prev {
|
||||
border-radius: 50%;
|
||||
width: 45px;
|
||||
height: 45px; }
|
||||
.slider-style-6 .swiper-button-next:hover,
|
||||
.slider-style-6 .swiper-button-prev:hover {
|
||||
background: var(--color-blue6);
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.slider-style-6 .swiper-button-next, .slider-style-6 .swiper-container-rtl .swiper-button-prev {
|
||||
right: -60px; }
|
||||
.slider-style-6 .swiper-button-prev, .slider-style-6 .swiper-container-rtl .swiper-button-next {
|
||||
left: -60px; }
|
||||
|
||||
/* --------------- dropdown --------------- */
|
||||
.dropdown-toggle::after {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
opacity: 0.8;
|
||||
content: "\f078";
|
||||
font-weight: 900;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
border: 0;
|
||||
font-size: 80%; }
|
||||
|
||||
.dropdown-menu {
|
||||
min-width: 170px;
|
||||
padding: 10px 0;
|
||||
border-radius: 15px;
|
||||
border: 0;
|
||||
-webkit-box-shadow: 0 0 20px #0001;
|
||||
box-shadow: 0 0 20px #0001;
|
||||
top: 100%; }
|
||||
.dropdown-menu .dropdown-item {
|
||||
padding: 5px 20px;
|
||||
font-size: 12px; }
|
||||
|
||||
.form-control:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.form-switch .form-check-input {
|
||||
margin: 0 15px !important;
|
||||
width: 2.5em !important;
|
||||
height: 1.3em;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
cursor: pointer; }
|
||||
.form-switch .form-check-input.color-lightBlue:checked {
|
||||
background-color: var(--color-lightBlue);
|
||||
border-color: var(--color-lightBlue);
|
||||
background-image: url(../img/icons/toggle_dot.svg); }
|
||||
|
||||
/* --------------- Start Preloader --------------- */
|
||||
.pace {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
z-index: 99999999999999;
|
||||
position: fixed;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 400px;
|
||||
border: 0px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
-webkit-transition: all 1s;
|
||||
-o-transition: all 1s;
|
||||
transition: all 1s;
|
||||
pointer-events: none; }
|
||||
|
||||
.pace .pace-progress {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
max-width: 300px;
|
||||
position: fixed;
|
||||
z-index: 99999999999999;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #fff; }
|
||||
|
||||
.pace.pace-inactive {
|
||||
width: 100vw;
|
||||
opacity: 0; }
|
||||
|
||||
.pace.pace-inactive .pace-progress {
|
||||
max-width: 100vw; }
|
||||
|
||||
#preloader {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
z-index: 9999999;
|
||||
pointer-events: none; }
|
||||
|
||||
#preloader:after,
|
||||
#preloader:before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
left: 0;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#0c3df4), to(#02b5ff));
|
||||
background: -webkit-linear-gradient(left, #0c3df4 0%, #02b5ff 100%);
|
||||
background: -o-linear-gradient(left, #0c3df4 0%, #02b5ff 100%);
|
||||
background: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
|
||||
|
||||
#preloader:before {
|
||||
top: 0; }
|
||||
|
||||
#preloader:after {
|
||||
bottom: 0; }
|
||||
|
||||
#preloader.isdone {
|
||||
visibility: hidden;
|
||||
-webkit-transition-delay: 1.5s;
|
||||
-o-transition-delay: 1.5s;
|
||||
transition-delay: 1.5s; }
|
||||
|
||||
#preloader.isdone:after,
|
||||
#preloader.isdone:before {
|
||||
height: 0;
|
||||
-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
|
||||
-o-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
|
||||
transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
|
||||
-webkit-transition-delay: 1s;
|
||||
-o-transition-delay: 1s;
|
||||
transition-delay: 1s; }
|
||||
|
||||
.loading {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: calc(50% - 40px);
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
-ms-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
font-weight: 300;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 10px;
|
||||
z-index: 9999999999; }
|
||||
|
||||
.loading.isdone {
|
||||
top: 50%;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.8s;
|
||||
-o-transition: all 0.8s;
|
||||
transition: all 0.8s;
|
||||
-webkit-transition-delay: 0.5s;
|
||||
-o-transition-delay: 0.5s;
|
||||
transition-delay: 0.5s; }
|
||||
|
||||
.loading span {
|
||||
-webkit-animation: loading 1.4s infinite alternate;
|
||||
animation: loading 1.4s infinite alternate; }
|
||||
|
||||
.loading span:nth-child(1) {
|
||||
-webkit-animation-delay: 0s;
|
||||
animation-delay: 0s; }
|
||||
|
||||
.loading span:nth-child(2) {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s; }
|
||||
|
||||
.loading span:nth-child(3) {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s; }
|
||||
|
||||
.loading span:nth-child(4) {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s; }
|
||||
|
||||
.loading span:nth-child(5) {
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s; }
|
||||
|
||||
.loading span:nth-child(6) {
|
||||
-webkit-animation-delay: 0.5s;
|
||||
animation-delay: 0.5s; }
|
||||
|
||||
.loading span:nth-child(7) {
|
||||
-webkit-animation-delay: 0.6s;
|
||||
animation-delay: 0.6s; }
|
||||
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
@keyframes loading {
|
||||
0% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
/* --------------- End Preloader --------------- */
|
||||
/* --------------- to_top button --------------- */
|
||||
.to_top {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
bottom: 30px;
|
||||
right: -50px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 7px;
|
||||
background: var(--color-main-grad);
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
padding: 7px;
|
||||
line-height: 1;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
-webkit-box-shadow: 0 5px 10px #0002;
|
||||
box-shadow: 0 5px 10px #0002; }
|
||||
.to_top small {
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.to_top i {
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.to_top.show {
|
||||
right: 30px;
|
||||
opacity: 1; }
|
||||
|
||||
/* --------------- pagination style --------------- */
|
||||
.pagination.style-5 a {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: -moz-max-content;
|
||||
min-width: max-content;
|
||||
border: 1px solid #9993;
|
||||
border-radius: 8px;
|
||||
margin-right: 5px;
|
||||
font-size: 11px;
|
||||
color: #666; }
|
||||
.pagination.style-5 a .text {
|
||||
padding: 3px 10px;
|
||||
font-size: 11px; }
|
||||
|
||||
.pagination.color-5 a:hover {
|
||||
color: var(--color-blue5) !important;
|
||||
border-color: var(--color-blue5); }
|
||||
|
||||
.pagination.color-5 a.active {
|
||||
color: #fff;
|
||||
border-color: var(--color-blue5);
|
||||
background-color: var(--color-blue5); }
|
||||
|
||||
/**
|
||||
* ----------------------------------------
|
||||
* animation rotate-center
|
||||
* ----------------------------------------
|
||||
*/
|
||||
.rotate-center {
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
|
||||
@-webkit-keyframes rotate-center {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes rotate-center {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
/**
|
||||
* ----------------------------------------
|
||||
* animation slide_up_down
|
||||
* ----------------------------------------
|
||||
*/
|
||||
.slide_up_down {
|
||||
-webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 1.7s ease-in-out infinite alternate both; }
|
||||
|
||||
/* ------- */
|
||||
@-webkit-keyframes slide_up_down {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
100% {
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px); } }
|
||||
|
||||
@keyframes slide_up_down {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
100% {
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px); } }
|
||||
|
||||
/**
|
||||
* ----------------------------------------
|
||||
* animation wave
|
||||
* ----------------------------------------
|
||||
*/
|
||||
.wave {
|
||||
-webkit-animation: wave 2s ease-in-out infinite alternate both;
|
||||
animation: wave 2s ease-in-out infinite alternate both; }
|
||||
|
||||
/* ------- */
|
||||
@-webkit-keyframes wave {
|
||||
0% {
|
||||
-webkit-transform: rotate(1deg);
|
||||
transform: rotate(1deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-1deg);
|
||||
transform: rotate(-1deg); } }
|
||||
|
||||
@keyframes wave {
|
||||
0% {
|
||||
-webkit-transform: rotate(1deg);
|
||||
transform: rotate(1deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(-1deg);
|
||||
transform: rotate(-1deg); } }
|
||||
|
||||
/**
|
||||
* ----------------------------------------
|
||||
* animation scale_up_down
|
||||
* ----------------------------------------
|
||||
*/
|
||||
.scale_up_down {
|
||||
-webkit-animation: scale_up_down 1s ease-in-out infinite alternate both;
|
||||
animation: scale_up_down 1s ease-in-out infinite alternate both; }
|
||||
|
||||
/* ------- */
|
||||
@-webkit-keyframes scale_up_down {
|
||||
0% {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
|
||||
@keyframes scale_up_down {
|
||||
0% {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9); }
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1); } }
|
||||
536
static/assets/css/common/_responsive.css
Normal file
536
static/assets/css/common/_responsive.css
Normal file
@ -0,0 +1,536 @@
|
||||
/* -------------------- responsive style ------------------------- */
|
||||
@media screen and (max-width: 1100px) {
|
||||
.screenshots.style-4 .screenshots-slider .img {
|
||||
margin: 0 auto;
|
||||
width: 190px; } }
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.section-padding {
|
||||
padding: 70px 0; }
|
||||
.section-head h2 {
|
||||
font-size: 25px; }
|
||||
.top-navbar.style-1 .top-links {
|
||||
display: none; }
|
||||
.top-navbar.style-1 .r-side {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: 10px 0; }
|
||||
.navbar.style-1 {
|
||||
border-bottom: 1px solid #9993; }
|
||||
.navbar.style-1 .nav-side {
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
.navbar.style-1 .nav-side .hotline {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
border: 0; }
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-next,
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-prev {
|
||||
display: none; }
|
||||
header.style-1 .info {
|
||||
margin-bottom: 30px; }
|
||||
header.style-1 .info .text {
|
||||
width: 100%; }
|
||||
.about.style-1 .content {
|
||||
padding: 30px; }
|
||||
.about.style-1 .content .num-item {
|
||||
padding: 15px;
|
||||
border: 1px solid #fff5;
|
||||
margin: 5px 0; }
|
||||
.testimonials.style-1 .content .vid_img {
|
||||
min-height: auto; }
|
||||
.testimonials.style-1 .content .info {
|
||||
padding: 0; }
|
||||
.testimonials.style-1 .content .info::after {
|
||||
display: none; }
|
||||
.choose_us.style-1 .choose-us-img,
|
||||
.choose_us.style-1 .animated_logos,
|
||||
.choose_us.style-1 .choose-us-brands,
|
||||
.choose_us.style-1 .choose-us-bubbles {
|
||||
display: none; }
|
||||
.choose_us.style-1 .info .btn {
|
||||
margin-top: 30px; }
|
||||
.team.style-1 .content .team_box {
|
||||
width: 100%; }
|
||||
.blog.style-1 .blog_slider .swiper-button-next,
|
||||
.blog.style-1 .blog_slider .swiper-button-prev {
|
||||
position: static;
|
||||
margin-top: 40px !important;
|
||||
display: -webkit-inline-box !important;
|
||||
display: -ms-inline-flexbox !important;
|
||||
display: inline-flex !important; }
|
||||
.contact.style-1 .content .contact_info ul {
|
||||
margin: 15px 0; }
|
||||
.contact.style-1 .content .contact_form {
|
||||
margin-top: 30px; }
|
||||
footer.style-1 .links {
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start; }
|
||||
.navbar.style-2 {
|
||||
padding: 25px 0 !important;
|
||||
position: relative !important;
|
||||
background: var(--color-main-grad); }
|
||||
.navbar.style-2 .navbar-collapse {
|
||||
margin-top: 30px; }
|
||||
.navbar.style-2 .container {
|
||||
border: 0; }
|
||||
.navbar.style-2 .qoute-nav .btn {
|
||||
margin-left: auto;
|
||||
margin-right: 0; }
|
||||
header.style-2 br {
|
||||
display: none; }
|
||||
.section-head h2 {
|
||||
letter-spacing: 3px;
|
||||
margin-bottom: 30px; }
|
||||
.choose_us.style-2 {
|
||||
overflow: hidden; }
|
||||
.choose_us.style-2 .choose-numbers {
|
||||
margin-top: 50px; }
|
||||
.choose_us.style-2 .choose-numbers .num-item {
|
||||
width: 100%;
|
||||
border: 1px solid #fff3;
|
||||
margin: 5px 0;
|
||||
padding: 15px;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
.choose_us.style-2 .choose-numbers .num-item br {
|
||||
display: none; }
|
||||
.choose_us.style-2 .choose-numbers .num-item .num {
|
||||
width: 100%;
|
||||
text-align: initial; }
|
||||
.reviews_card.style-2 br {
|
||||
display: none; }
|
||||
.pricing.style-2 {
|
||||
overflow: hidden; }
|
||||
.pricing.style-2 .pricing_card.style-2 {
|
||||
border: 1px solid var(--color-lightBlue) !important;
|
||||
margin: 10px 0 !important;
|
||||
border-radius: 0 !important; }
|
||||
.pricing.style-2 .mt-50 {
|
||||
margin-top: 30px; }
|
||||
.services_projects .service-box {
|
||||
border: 0 !important; }
|
||||
.blog.style-2 {
|
||||
overflow: hidden; }
|
||||
.blog.style-2 .card {
|
||||
padding: 10px;
|
||||
border: 1px solid #fff3 !important; }
|
||||
.blog.style-2 .card h4 {
|
||||
font-size: 1rem !important; }
|
||||
.blog.style-2 .mt-80 {
|
||||
margin-top: 40px; }
|
||||
.contact.style-2 {
|
||||
padding-bottom: 150px; }
|
||||
.contact.style-2 h2 {
|
||||
letter-spacing: 1px; }
|
||||
.contact.style-2 .global_2 {
|
||||
bottom: -120px; }
|
||||
.contact.style-2 .mb-70 {
|
||||
margin-bottom: 30px; }
|
||||
.contact.style-2 .mb-50 {
|
||||
margin-bottom: 20px; }
|
||||
footer.style-2 .foot_links {
|
||||
text-align: initial !important;
|
||||
margin: 30px 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
footer.style-2 .foot_links a {
|
||||
width: 50%;
|
||||
margin: 10px 0 !important; }
|
||||
footer.style-2 .text-end,
|
||||
footer.style-2 .text-center {
|
||||
text-align: initial !important; }
|
||||
.navbar.style-3 {
|
||||
position: relative !important;
|
||||
background-color: var(--color-blue2);
|
||||
padding: 20px 0; }
|
||||
.navbar.style-3 .navbar-collapse {
|
||||
margin-top: 15px; }
|
||||
header.style-3 {
|
||||
padding: 0 0 30px; }
|
||||
header.style-3 .main-img {
|
||||
display: none; }
|
||||
header.style-3 .content .info .h1 {
|
||||
font-size: 28px; }
|
||||
header.style-3 .content .info .h1 span:before {
|
||||
width: 100px;
|
||||
background-size: 100px; }
|
||||
header.style-3 .content .info .h5 {
|
||||
margin-top: 40px; }
|
||||
.style-3 .testi_lines {
|
||||
width: calc(100% - 30px) !important; }
|
||||
.about.style-3 .img-left {
|
||||
position: relative;
|
||||
top: 0;
|
||||
max-width: 100%;
|
||||
margin: 50px 0; }
|
||||
.about.style-3 .img-left .info-circle {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
outline: 7px solid #fff; }
|
||||
.about.style-3 .img-left .info-circle h2 {
|
||||
font-size: 35px; }
|
||||
.about.style-3 .img-left .info-circle small {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(2) {
|
||||
width: 120px;
|
||||
height: 120px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(2) h2 {
|
||||
font-size: 30px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(3) {
|
||||
width: 100px;
|
||||
height: 100px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(3) h2 {
|
||||
font-size: 25px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(4) {
|
||||
width: 110px;
|
||||
height: 110px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(4) h2 {
|
||||
font-size: 20px; }
|
||||
.about.style-3 .info .mb-70 {
|
||||
margin-bottom: 30px !important; }
|
||||
.about.style-3 .btm-content {
|
||||
min-height: -webkit-max-content;
|
||||
min-height: -moz-max-content;
|
||||
min-height: max-content; }
|
||||
.about.style-3 .btm-content .mt-60 {
|
||||
margin-top: 30px !important; }
|
||||
.about.style-3 .btm-content .img-right {
|
||||
display: none; }
|
||||
.about.style-3 .top-content {
|
||||
margin-bottom: 30px; }
|
||||
.pricing.style-3 .info {
|
||||
margin-bottom: 50px; }
|
||||
.pricing.style-3 .text.mb-30 {
|
||||
margin-bottom: 15px !important; }
|
||||
.pricing.style-3 .mt-60 {
|
||||
margin-top: 30px !important; }
|
||||
.section-head.style-3 h3 {
|
||||
font-size: 21px; }
|
||||
.blog.style-3 .card .img {
|
||||
height: 150px;
|
||||
margin-bottom: 5px; }
|
||||
.blog.style-3 .v_lines {
|
||||
display: none; }
|
||||
.blog.style-3 .client-logos {
|
||||
margin-top: 30px !important; }
|
||||
.blog.style-3 .client-logos .img {
|
||||
margin: 20px 0; }
|
||||
.chat-banner.style-3 .bttns {
|
||||
margin-top: 60px;
|
||||
text-align: start !important; }
|
||||
footer.style-3 .items {
|
||||
margin-bottom: 50px; }
|
||||
footer.style-3 .items .title {
|
||||
margin-bottom: 20px; }
|
||||
footer.style-3 .foot {
|
||||
margin-top: 0; }
|
||||
footer.style-3 .foot .logo {
|
||||
margin-bottom: 20px; }
|
||||
.fs-10px {
|
||||
font-size: 8px !important; }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link:before {
|
||||
display: none; }
|
||||
.navbar.style-4 {
|
||||
background-color: #f0eff5;
|
||||
padding: 20px 0; }
|
||||
.navbar.style-4 .navbar-collapse {
|
||||
margin-top: 30px; }
|
||||
.style-4 .mb-60 {
|
||||
margin-bottom: 30px !important; }
|
||||
.style-4 .mb-70 {
|
||||
margin-bottom: 40px !important; }
|
||||
.style-4 br {
|
||||
display: none; }
|
||||
header.style-4 {
|
||||
overflow: hidden; }
|
||||
header.style-4 .content .info {
|
||||
margin-bottom: 50px; }
|
||||
header.style-4 .content .info h1 {
|
||||
font-size: 25px;
|
||||
line-height: 40px;
|
||||
margin-bottom: 15px !important; }
|
||||
header.style-4 .content .info .title_small {
|
||||
margin-bottom: 20px !important; }
|
||||
header.style-4 .content .info .mt-100 {
|
||||
margin-top: 50px !important; }
|
||||
header.style-4 .content .info .mt-50 {
|
||||
margin-top: 30px !important; }
|
||||
header.style-4 .content .info br {
|
||||
display: none; }
|
||||
header.style-4 .content .info .small, header.style-4 .content .info small,
|
||||
header.style-4 .content .info .btn {
|
||||
font-size: 10px; }
|
||||
.clients.style-4 .client-logos .img {
|
||||
margin: 20px 0;
|
||||
text-align: center; }
|
||||
.features.style-4 .content {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.features.style-4 .content .features-card {
|
||||
margin: 15px 0; }
|
||||
.about.style-4 .content {
|
||||
padding: 40px 0; }
|
||||
.testimonials.style-4 {
|
||||
overflow: hidden; }
|
||||
.testimonials.style-4 .content .testi-cards .client_card {
|
||||
right: 0 !important;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
margin: 20px 0 !important; }
|
||||
.testimonials.style-4 .content .testi-cards .client_card .user_img {
|
||||
margin-bottom: 30px; }
|
||||
.testimonials.style-4 .content .testi-cards .client_card .inf_content {
|
||||
text-align: center; }
|
||||
.testimonials.style-4 .content .testi-cards .client_card .inf_content br {
|
||||
display: none; }
|
||||
.pricing.style-4 .content .row .col-lg-6:first-of-type .price-card {
|
||||
border-top-right-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
border: 1px solid #e9e8ee;
|
||||
margin-right: 0;
|
||||
margin-bottom: 30px; }
|
||||
.pricing.style-4 .content .row .col-lg-6:nth-of-type(2) .price-card {
|
||||
border-top-left-radius: 15px;
|
||||
border-bottom-left-radius: 15px; }
|
||||
.faq.style-3.style-4 {
|
||||
overflow: hidden; }
|
||||
.faq.style-3.style-4 .col-lg-6:nth-of-type(1) .accordion-item.border-0 {
|
||||
border-bottom: 1px solid #9995 !important; }
|
||||
.community.style-4 .content,
|
||||
.community.style-5 .content {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
border-radius: 20px !important; }
|
||||
.community.style-4 .content .commun-card,
|
||||
.community.style-5 .content .commun-card {
|
||||
width: 100%;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: start;
|
||||
padding: 30px !important; }
|
||||
.section-head.style-4 h2 {
|
||||
font-size: 25px; }
|
||||
footer.style-4 {
|
||||
margin-top: 120px; }
|
||||
footer.style-4 .d-flex {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
footer.style-4 .d-flex .btn {
|
||||
width: 100%;
|
||||
margin: 10px 0; }
|
||||
footer.style-4 .d-flex .btn.me-4 {
|
||||
margin-right: 0 !important; }
|
||||
footer.style-4 .foot .links {
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin: 30px 0; }
|
||||
footer.style-4 .foot .links li {
|
||||
width: 50%;
|
||||
margin: 5px 0; }
|
||||
footer.style-4 .foot .links li a {
|
||||
margin-left: 0; }
|
||||
footer.style-4 .wave {
|
||||
left: 0;
|
||||
width: 100%; }
|
||||
.screenshots.style-4 .screenshots-slider {
|
||||
width: 100%;
|
||||
left: 0; }
|
||||
.screenshots.style-4 .screenshots-slider .img {
|
||||
margin: 0 auto;
|
||||
width: 190px; }
|
||||
footer.style-4 .foot .logo {
|
||||
width: 160px; }
|
||||
.navbar.style-5 {
|
||||
border-bottom: 1px solid #9999; }
|
||||
.navbar.style-5 .navbar-collapse {
|
||||
margin-top: 20px;
|
||||
padding: 15px 0;
|
||||
background: #fff9; }
|
||||
.navbar.style-5 .nav-item .nav-link {
|
||||
padding-left: 0; }
|
||||
.section-head.style-5 h2 {
|
||||
font-size: 30px; }
|
||||
.about.style-5 .content .img {
|
||||
overflow: hidden;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 50px; }
|
||||
.about.style-5 .content .img.main-img3 .img-body {
|
||||
max-height: 300px; }
|
||||
.download.style-5 .content h2 {
|
||||
font-size: 28px; }
|
||||
.download.style-5 .content h2 span {
|
||||
padding-bottom: 10px; }
|
||||
.download.style-5 .btn {
|
||||
margin: 10px 0; }
|
||||
.download.style-5 .btn.sm-butn span {
|
||||
font-size: 10px; }
|
||||
footer.style-5 .items {
|
||||
margin-bottom: 50px; }
|
||||
footer.style-5 .items .title {
|
||||
margin-bottom: 20px; }
|
||||
footer.style-5 .foot {
|
||||
margin-top: 0; }
|
||||
footer.style-5 .foot .logo {
|
||||
margin-bottom: 20px; }
|
||||
.style-6 br {
|
||||
display: none; }
|
||||
.navbar.style-6 .container-fluid {
|
||||
padding: 0 20px; }
|
||||
.navbar.style-6 .container-fluid .navbar-collapse {
|
||||
margin-top: 20px; }
|
||||
header.style-6 .content {
|
||||
padding: 100px 0 20px; }
|
||||
header.style-6 .info h1,
|
||||
header.style-6 .info h1 span small {
|
||||
font-size: 30px;
|
||||
line-height: 1.5; }
|
||||
header.style-6 .info .text {
|
||||
margin-top: 20px; }
|
||||
header.style-6 .info .text br {
|
||||
display: none; }
|
||||
header.style-6 .info .form {
|
||||
border-radius: 15px; }
|
||||
header.style-6 .info .form .form-group {
|
||||
width: 100%;
|
||||
margin: 8px 0; }
|
||||
header.style-6 .info .form .btn {
|
||||
width: 100%;
|
||||
margin-top: 15px; }
|
||||
.navbar.style-6 .nav-item .nav-link:after {
|
||||
display: inline-block !important; }
|
||||
header.style-6 {
|
||||
padding: 0; }
|
||||
header.style-6 .content {
|
||||
border-radius: 0; }
|
||||
.section-head.style-6 h2,
|
||||
.section-head.style-6 h2 span small {
|
||||
font-size: 30px; }
|
||||
.about.style-6 {
|
||||
overflow: hidden; }
|
||||
.about.style-6 .info {
|
||||
margin-bottom: 30px; }
|
||||
.service-card.style-6 {
|
||||
margin: 15px; }
|
||||
.section-head.d-flex {
|
||||
display: block !important; }
|
||||
.projects.style-6 {
|
||||
overflow: hidden;
|
||||
padding: 0; }
|
||||
.projects.style-6 .content {
|
||||
border-radius: 0; }
|
||||
.projects.style-6 .content .project-card.style-6 {
|
||||
margin: 0; }
|
||||
.testimonials.style-6 {
|
||||
overflow: hidden; }
|
||||
.choose-us.style-6 {
|
||||
overflow: hidden; }
|
||||
.choose-us.style-6 .info {
|
||||
padding: 0 15px;
|
||||
margin-top: 30px; }
|
||||
.testimonials.style-6 .img {
|
||||
margin-top: 150px; }
|
||||
.clients.style-5 .content .img.img-card {
|
||||
width: 47%; }
|
||||
.number-card.style-6 {
|
||||
margin: 15px 0;
|
||||
border: 0 !important; }
|
||||
.team.style-6 {
|
||||
padding: 0; }
|
||||
.team.style-6 .content {
|
||||
border-radius: 0;
|
||||
padding: 70px 0; }
|
||||
.team.style-6 .content .text-end {
|
||||
text-align: left !important;
|
||||
margin-top: 10px; }
|
||||
.team-card.style-6 .img .social-icons a {
|
||||
-webkit-transform: translateY(0) !important;
|
||||
-ms-transform: translateY(0) !important;
|
||||
transform: translateY(0) !important;
|
||||
opacity: 1; }
|
||||
.blog.style-6 .content {
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap; }
|
||||
.blog.style-6 .content .blog-card {
|
||||
width: 100% !important;
|
||||
margin-bottom: 30px; }
|
||||
.blog.style-6 .content .blog-card:last-of-type {
|
||||
margin: 0; }
|
||||
.blog.style-6 .content .blog-card::after, .blog.style-6 .content .blog-card::before {
|
||||
display: none; }
|
||||
footer.style-6 {
|
||||
padding-top: 40px; }
|
||||
footer.style-6 .items {
|
||||
margin-top: 30px; }
|
||||
footer.style-6 .items .title {
|
||||
margin-bottom: 15px; }
|
||||
footer.style-6 .foot {
|
||||
padding-top: 30px;
|
||||
line-height: 1.8; }
|
||||
footer.style-6 .foot .logo {
|
||||
margin-bottom: 20px; }
|
||||
.blog-page.style-1 .popular-posts .border-end {
|
||||
border: 0 !important; }
|
||||
.about-page header.style-5 .info h1 {
|
||||
font-size: 30px; }
|
||||
.about-page header.style-5 .main-vid {
|
||||
height: 350px; }
|
||||
.about-page .choose-us.style-6 .info {
|
||||
padding: 30px 15px; }
|
||||
.about-page .clients .section-head {
|
||||
padding: 0 15px; }
|
||||
.about-page .culture {
|
||||
padding: 70px 15px; }
|
||||
.contact.style-6 .content .contact_message {
|
||||
right: 0;
|
||||
top: 30px; }
|
||||
.contact-page.style-5 .contact .content .contact_message {
|
||||
right: 0;
|
||||
top: 30px; }
|
||||
.contact-page.style-5 .section-head {
|
||||
margin-bottom: 50px !important; }
|
||||
.contact-page.style-5 .mb-100 {
|
||||
margin-bottom: 70px !important; }
|
||||
.contact-page.style-5 .ltspc-20 {
|
||||
letter-spacing: 3px !important;
|
||||
margin-bottom: 30px !important; }
|
||||
.contact-page.style-5 h4 {
|
||||
font-size: 18px; }
|
||||
.shop-page .filter {
|
||||
margin-bottom: 30px; }
|
||||
.shop-page .products-content .products.list-view .card-width {
|
||||
width: 100%; }
|
||||
.product-page .related-products .related-products-slider .swiper-button-next,
|
||||
.product-page .related-products .related-products-slider .swiper-container-rtl .swiper-button-prev {
|
||||
right: 5px; }
|
||||
.product-page .related-products .related-products-slider .swiper-button-prev,
|
||||
.product-page .related-products .related-products-slider .swiper-container-rtl .swiper-button-next {
|
||||
left: 5px; }
|
||||
.product-page .product-slider {
|
||||
overflow: hidden; }
|
||||
.product-page .product-slider {
|
||||
margin-bottom: 50px; }
|
||||
.product-page .product-slider .gallery-top .swiper-slide .img,
|
||||
.product-page .product-slider .gallery-thumbs {
|
||||
height: 370px; }
|
||||
.product-page .product-details .nav-pills .nav-link {
|
||||
font-size: 18px; }
|
||||
.product-page .product-info .qyt-addCart .add-more {
|
||||
width: 25%; } }
|
||||
|
||||
/* ======== */
|
||||
/* ======= */
|
||||
83
static/assets/css/common/_variable.css
Normal file
83
static/assets/css/common/_variable.css
Normal file
@ -0,0 +1,83 @@
|
||||
/* --------------- variable --------------- */
|
||||
:root {
|
||||
--color-main:#0066ff;
|
||||
--color-primary:#0066ff;
|
||||
--color-secondary:#02b5ff;
|
||||
--color-blue2: #4a00e1;
|
||||
--color-blue4: #5842bc;
|
||||
--color-blue5: #157efb;
|
||||
--color-blue6: #6640f4;
|
||||
--color-lightBlue:#15f1ff;
|
||||
--color-darkBlue:#010049;
|
||||
--color-gray:#eef4f8;
|
||||
--color-main-grad: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%); }
|
||||
|
||||
.color-main {
|
||||
color: var(--color-main); }
|
||||
|
||||
.border-main {
|
||||
border-color: var(--color-main) !important; }
|
||||
|
||||
.bg-main {
|
||||
background-color: var(--color-main);
|
||||
border-color: var(--color-main); }
|
||||
|
||||
.color-lightBlue {
|
||||
color: var(--color-lightBlue); }
|
||||
|
||||
.border-lightBlue {
|
||||
border-color: var(--color-lightBlue) !important; }
|
||||
|
||||
.bg-lightBlue {
|
||||
background-color: var(--color-lightBlue); }
|
||||
|
||||
.color-darkBlue {
|
||||
color: var(--color-darkBlue); }
|
||||
|
||||
.border-darkBlue {
|
||||
border-color: var(--color-darkBlue) !important; }
|
||||
|
||||
.bg-darkBlue {
|
||||
background-color: var(--color-darkBlue); }
|
||||
|
||||
.bg-gradient {
|
||||
background-image: var(--color-main-grad) !important; }
|
||||
|
||||
.bg-gray {
|
||||
background: var(--color-gray) !important; }
|
||||
|
||||
.color-blue2 {
|
||||
color: var(--color-blue2) !important; }
|
||||
|
||||
.bg-blue2 {
|
||||
background-color: var(--color-blue2) !important; }
|
||||
|
||||
.border-blue2 {
|
||||
border-color: var(--color-blue2) !important; }
|
||||
|
||||
.color-blue4 {
|
||||
color: var(--color-blue4) !important; }
|
||||
|
||||
.bg-blue4 {
|
||||
background-color: var(--color-blue4) !important; }
|
||||
|
||||
.border-blue4 {
|
||||
border-color: var(--color-blue4) !important; }
|
||||
|
||||
.color-blue5 {
|
||||
color: var(--color-blue5) !important; }
|
||||
|
||||
.bg-blue5 {
|
||||
background-color: var(--color-blue5) !important; }
|
||||
|
||||
.border-blue5 {
|
||||
border-color: var(--color-blue5) !important; }
|
||||
|
||||
.color-blue6 {
|
||||
color: var(--color-blue6) !important; }
|
||||
|
||||
.bg-blue6 {
|
||||
background-color: var(--color-blue6) !important; }
|
||||
|
||||
.border-blue6 {
|
||||
border-color: var(--color-blue6) !important; }
|
||||
4
static/assets/css/elements/_404_page copy.css
Normal file
4
static/assets/css/elements/_404_page copy.css
Normal file
@ -0,0 +1,4 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
.erorr-404-page.style-5 {
|
||||
position: relative;
|
||||
color: #000; }
|
||||
65
static/assets/css/elements/_404_page.css
Normal file
65
static/assets/css/elements/_404_page.css
Normal file
@ -0,0 +1,65 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
.erorr-404-page.style-5 {
|
||||
position: relative;
|
||||
color: #000; }
|
||||
.erorr-404-page.style-5 .comming-soon {
|
||||
background-image: url(../img/comming_back1.png);
|
||||
background-size: cover;
|
||||
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;
|
||||
min-height: 100vh;
|
||||
padding: 100px 0; }
|
||||
.erorr-404-page.style-5 .comming-soon .content {
|
||||
padding-top: 125px;
|
||||
text-align: center; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info h3 {
|
||||
font-size: 40px;
|
||||
margin-bottom: 30px; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info p {
|
||||
font-size: 16px;
|
||||
color: #666; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .subscribe-form {
|
||||
margin-top: 50px; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .subscribe-form .form-group {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #9993;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 0 30px #0001;
|
||||
box-shadow: 0 0 30px #0001; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .subscribe-form .form-group .icon {
|
||||
padding: 0 10px 0 30px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .subscribe-form .form-group .form-control {
|
||||
border: 0; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .timing {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 70px; }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .timing .item {
|
||||
padding: 20px 0;
|
||||
margin: 10px;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
border-bottom: 3px solid var(--color-blue5); }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .timing .item h2 {
|
||||
font-size: calc(2vw + 20px); }
|
||||
.erorr-404-page.style-5 .comming-soon .content .info .timing .item small {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
text-transform: capitalize; }
|
||||
497
static/assets/css/elements/_about.css
Normal file
497
static/assets/css/elements/_about.css
Normal file
@ -0,0 +1,497 @@
|
||||
/* --------------- about styles --------------- */
|
||||
.about.style-1 {
|
||||
position: relative; }
|
||||
.about.style-1 .content {
|
||||
padding: 65px 120px;
|
||||
background: var(--color-main-grad);
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
z-index: 5; }
|
||||
.about.style-1 .content .about_shap {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
opacity: 30%;
|
||||
pointer-events: none; }
|
||||
.about.style-1 .content .about_logos {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid #fff4;
|
||||
position: relative;
|
||||
z-index: 5; }
|
||||
.about.style-1 .content .about-info {
|
||||
padding: 60px 0;
|
||||
position: relative;
|
||||
z-index: 5; }
|
||||
.about.style-1 .content .about-info .title h3 {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 30px; }
|
||||
.about.style-1 .content .about-info .title small {
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
margin-top: 35px;
|
||||
display: block; }
|
||||
.about.style-1 .content .about-info .info h6 {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 25px; }
|
||||
.about.style-1 .content .about-info .info p {
|
||||
font-size: 14px;
|
||||
color: #c7e9ff; }
|
||||
.about.style-1 .content .about-info .info .butn {
|
||||
margin-top: 50px; }
|
||||
.about.style-1 .content .about-numbers {
|
||||
position: relative;
|
||||
z-index: 5; }
|
||||
.about.style-1 .content .about-numbers .num-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.about.style-1 .content .about-numbers .num-item .num {
|
||||
color: #fff;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 15px;
|
||||
min-width: 70px;
|
||||
text-align: center; }
|
||||
.about.style-1 .content .about-numbers .num-item .num i {
|
||||
font-size: 21px; }
|
||||
.about.style-1 .content .about-numbers .num-item .inf {
|
||||
color: #fff; }
|
||||
|
||||
.about.style-3 {
|
||||
position: relative; }
|
||||
.about.style-3 .top-content {
|
||||
min-height: 510px;
|
||||
margin-bottom: 100px;
|
||||
padding-top: 20px; }
|
||||
.about.style-3 .info h5 {
|
||||
font-size: 19px;
|
||||
line-height: 28px;
|
||||
font-style: italic;
|
||||
margin-bottom: 25px; }
|
||||
.about.style-3 .info .text {
|
||||
color: #666; }
|
||||
.about.style-3 .info ul li {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin: 15px 0; }
|
||||
.about.style-3 .info ul li i {
|
||||
color: var(--color-blue2); }
|
||||
.about.style-3 .img-left {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 190px;
|
||||
max-width: 50%; }
|
||||
.about.style-3 .img-left .info-circle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -40%);
|
||||
-ms-transform: translate(-50%, -40%);
|
||||
transform: translate(-50%, -40%);
|
||||
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;
|
||||
text-align: center;
|
||||
width: 230px;
|
||||
height: 230px;
|
||||
background-color: #4a00e1;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
outline: 10px solid #fff; }
|
||||
.about.style-3 .img-left .info-circle h2 {
|
||||
font-size: 56px; }
|
||||
.about.style-3 .img-left .info-circle small {
|
||||
font-size: 11px;
|
||||
text-transform: uppercase; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(2) {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-14%, -57%);
|
||||
-ms-transform: translate(-14%, -57%);
|
||||
transform: translate(-14%, -57%);
|
||||
z-index: 5; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(2) h2 {
|
||||
font-size: 50px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(3) {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-88%, 32%);
|
||||
-ms-transform: translate(-88%, 32%);
|
||||
transform: translate(-88%, 32%);
|
||||
background-color: #8d3dfa;
|
||||
z-index: 0; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(3) h2 {
|
||||
font-size: 37px; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(4) {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(20%, -20%);
|
||||
-ms-transform: translate(20%, -20%);
|
||||
transform: translate(20%, -20%);
|
||||
background-color: #00bcf2;
|
||||
z-index: 0; }
|
||||
.about.style-3 .img-left .info-circle:nth-of-type(4) h2 {
|
||||
font-size: 46px; }
|
||||
.about.style-3 .btm-content {
|
||||
position: relative;
|
||||
min-height: 510px;
|
||||
padding-top: 50px; }
|
||||
.about.style-3 .btm-content .img-right {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
max-width: 60%; }
|
||||
|
||||
.about.style-4 {
|
||||
overflow: hidden;
|
||||
position: relative; }
|
||||
.about.style-4 .top-wave {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
width: 100%; }
|
||||
.about.style-4 .bottom-wave {
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
width: 100%;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
.about.style-4 .content {
|
||||
position: relative;
|
||||
padding: 60px 0; }
|
||||
.about.style-4 .content ul li h6 {
|
||||
font-size: 15px; }
|
||||
.about.style-4 .content:nth-of-type(1) .lines, .about.style-4 .content:nth-of-type(3) .lines {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -80px;
|
||||
width: 40%;
|
||||
max-width: unset;
|
||||
max-height: unset; }
|
||||
.about.style-4 .content:nth-of-type(1) .bubble, .about.style-4 .content:nth-of-type(3) .bubble {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
.about.style-4 .content:nth-of-type(2) .bubble2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
max-width: unset;
|
||||
max-height: unset;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
.about.style-4 .btn-img {
|
||||
text-align: initial;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
background-color: #f4f2fb;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.about.style-4 .btn-img .icon {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
padding-right: 15px;
|
||||
margin-right: 15px;
|
||||
border-right: 1px solid #0001;
|
||||
width: 45px; }
|
||||
.about.style-4 .btn-img .inf {
|
||||
height: -webkit-max-content;
|
||||
height: -moz-max-content;
|
||||
height: max-content;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column; }
|
||||
.about.style-4 .btn-img .inf small {
|
||||
font-size: 10px;
|
||||
color: #666; }
|
||||
.about.style-4 .btn-img .inf h6 {
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
line-height: 1.5; }
|
||||
.about.style-4 .integration {
|
||||
position: relative; }
|
||||
.about.style-4 .integration .intg-back {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 19%;
|
||||
width: 100%;
|
||||
max-height: unset;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover; }
|
||||
.about.style-4 .integration .content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
position: relative; }
|
||||
.about.style-4 .integration .content .img {
|
||||
-webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 1.7s ease-in-out infinite alternate both; }
|
||||
.about.style-4 .integration .content .img:nth-of-type(1) {
|
||||
-webkit-animation-delay: -0.5s;
|
||||
animation-delay: -0.5s; }
|
||||
.about.style-4 .integration .content .img:nth-of-type(2) {
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s; }
|
||||
.about.style-4 .integration .content .img:nth-of-type(3) {
|
||||
-webkit-animation-delay: -1.5s;
|
||||
animation-delay: -1.5s; }
|
||||
.about.style-4 .integration .content .img:nth-of-type(4) {
|
||||
-webkit-animation-delay: -2s;
|
||||
animation-delay: -2s; }
|
||||
.about.style-4 .integration .content .img:nth-of-type(5) {
|
||||
-webkit-animation-delay: -2.5s;
|
||||
animation-delay: -2.5s; }
|
||||
|
||||
.about.style-5 .content {
|
||||
padding: 50px 0; }
|
||||
.about.style-5 .content p {
|
||||
font-size: 12.5px;
|
||||
color: #777;
|
||||
line-height: 2; }
|
||||
.about.style-5 .content .line-links {
|
||||
margin-top: 35px; }
|
||||
.about.style-5 .content .line-links a {
|
||||
position: relative;
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #9993;
|
||||
padding: 13px 0;
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.about.style-5 .content .line-links a:last-of-type {
|
||||
border-bottom: 0; }
|
||||
.about.style-5 .content .line-links a::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
width: 0%;
|
||||
background-color: var(--color-blue5);
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.about.style-5 .content .line-links a:hover::after {
|
||||
width: 100%; }
|
||||
.about.style-5 .content .list-icon {
|
||||
margin-top: 40px; }
|
||||
.about.style-5 .content .list-icon li {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 15px; }
|
||||
.about.style-5 .content .list-icon li .icon {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: var(--color-blue5);
|
||||
color: #fff;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-right: 15px; }
|
||||
.about.style-5 .content .list-icon li h6 {
|
||||
font-size: 15px;
|
||||
font-weight: 700; }
|
||||
.about.style-5 .content .img {
|
||||
position: relative;
|
||||
text-align: right; }
|
||||
.about.style-5 .content .img.main-img1 .img-body {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
top: 50px;
|
||||
-webkit-animation: slide_up_down 3s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 3s ease-in-out infinite alternate both; }
|
||||
.about.style-5 .content .img.main-img1 img {
|
||||
position: absolute;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.about.style-5 .content .img.main-img1 img.sm-circle {
|
||||
right: -50px;
|
||||
top: 20%;
|
||||
z-index: 1;
|
||||
-webkit-animation: rotate-center 20s linear infinite both reverse;
|
||||
animation: rotate-center 20s linear infinite both reverse; }
|
||||
.about.style-5 .content .img.main-img1 img.lg-circle {
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
-webkit-animation: rotate-center 50s linear infinite both;
|
||||
animation: rotate-center 50s linear infinite both; }
|
||||
.about.style-5 .content .img.main-img1 img.card1 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
-webkit-animation: scale_up_down 10s ease-in-out infinite alternate both;
|
||||
animation: scale_up_down 10s ease-in-out infinite alternate both; }
|
||||
.about.style-5 .content .img.main-img1 img.card2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
-webkit-animation: scale_up_down 7s ease-in-out infinite alternate both;
|
||||
animation: scale_up_down 7s ease-in-out infinite alternate both;
|
||||
-webkit-transition-delay: -5s;
|
||||
-o-transition-delay: -5s;
|
||||
transition-delay: -5s; }
|
||||
.about.style-5 .content .img.main-img2 .img-body {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
-webkit-animation: slide_up_down 3s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 3s ease-in-out infinite alternate both; }
|
||||
.about.style-5 .content .img.main-img2 img {
|
||||
position: absolute; }
|
||||
.about.style-5 .content .img.main-img2 img:nth-of-type(1) {
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
-webkit-animation: rotate-center 70s linear infinite both;
|
||||
animation: rotate-center 70s linear infinite both; }
|
||||
.about.style-5 .content .img.main-img3 {
|
||||
position: relative; }
|
||||
.about.style-5 .content .img.main-img3 .img-body {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-height: 500px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
.about.style-5 .content .img.main-img3 img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 20%;
|
||||
width: 100%; }
|
||||
.about.style-5 .content .img.main-img3 img:nth-of-type(2) {
|
||||
z-index: 3;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both; }
|
||||
.about.style-5 .content .img.main-img3 img:nth-of-type(3) {
|
||||
z-index: 1;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
-webkit-animation-delay: 1s;
|
||||
animation-delay: 1s; }
|
||||
.about.style-5 .content .img.main-img3 img:nth-of-type(4) {
|
||||
z-index: 2;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
-webkit-animation-delay: 2s;
|
||||
animation-delay: 2s; }
|
||||
.about.style-5 .content .img.main-img3 img:nth-of-type(5) {
|
||||
z-index: 4;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
-webkit-animation-delay: 3s;
|
||||
animation-delay: 3s; }
|
||||
|
||||
.about.style-6 {
|
||||
position: relative; }
|
||||
.about.style-6 .content {
|
||||
border-bottom: 1px solid #9994; }
|
||||
.about.style-6 .content .info .text {
|
||||
color: #666;
|
||||
font-size: 15px; }
|
||||
.about.style-6 .content .info .vid-btn {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.about.style-6 .content .info .vid-btn i {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--color-blue6);
|
||||
color: var(--color-blue6);
|
||||
font-size: 21px;
|
||||
margin-right: 5px; }
|
||||
.about.style-6 .bubbles {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
268
static/assets/css/elements/_blog.css
Normal file
268
static/assets/css/elements/_blog.css
Normal file
@ -0,0 +1,268 @@
|
||||
/* --------------- blog styles --------------- */
|
||||
.blog.style-1 .content .blog_slider {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_slider .swiper-button-next,
|
||||
.blog.style-1 .content .blog_slider .swiper-button-prev {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_slider .swiper-button-next,
|
||||
.blog.style-1 .content .blog_slider .swiper-container-rtl .swiper-button-prev {
|
||||
right: 120px;
|
||||
top: -63px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_slider .swiper-button-prev,
|
||||
.blog.style-1 .content .blog_slider .swiper-container-rtl .swiper-button-next {
|
||||
right: 160px;
|
||||
left: auto;
|
||||
top: -63px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box {
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .img {
|
||||
height: 350px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .img::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0.5;
|
||||
background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
|
||||
background-image: -webkit-linear-gradient(bottom, #000, transparent);
|
||||
background-image: -o-linear-gradient(bottom, #000, transparent);
|
||||
background-image: linear-gradient(to top, #000, transparent);
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-webkit-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .tags {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .tags a {
|
||||
font-size: 11px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background: var(--color-main-grad);
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info h6 {
|
||||
color: #fff;
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 2px solid transparent;
|
||||
display: inline-block;
|
||||
line-height: 1.3;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info h6:hover a {
|
||||
color: var(--color-main);
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .auther {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .auther span {
|
||||
padding: 0 10px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .auther span:first-of-type {
|
||||
padding-left: 0;
|
||||
border-right: 1px solid #9993;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .auther span .auther-img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .auther span i {
|
||||
font-size: 11px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box .info .text {
|
||||
margin-top: 20px;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box:hover .img img {
|
||||
-webkit-transform: scale(1.3) rotate(-10deg);
|
||||
-ms-transform: scale(1.3) rotate(-10deg);
|
||||
transform: scale(1.3) rotate(-10deg);
|
||||
}
|
||||
|
||||
.blog.style-1 .content .blog_box:hover .info h6 {
|
||||
border-color: #fff9;
|
||||
}
|
||||
|
||||
.blog.style-2 {
|
||||
background-image: url(../img/num_back.png);
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog.style-2 .card-img-top {
|
||||
height: 275px;
|
||||
width: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.blog.style-3 {
|
||||
background-color: #f0eff5;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog.style-3 .v_lines {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 50%;
|
||||
height: calc(100% - 340px);
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.blog.style-3 .card .img {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.blog.style-3 .card .card-body .date span {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.blog.style-3 .card .card-body .card-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
max-width: 85%;
|
||||
margin-top: 10px;
|
||||
min-height: 45px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.blog.style-3 .card .card-body .small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.blog.style-3 .client-logos .img img {
|
||||
-webkit-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.blog.style-3 .client-logos .img:hover img {
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.blog.style-6 .content {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.blog.style-6 .content .blog-card.style-6 {
|
||||
width: 30%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blog.style-6 .content .blog-card.style-6.card-center::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
right: -28px;
|
||||
top: 0;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #9994;
|
||||
}
|
||||
|
||||
.blog.style-6 .content .blog-card.style-6.card-center::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -28px;
|
||||
top: 0;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: #9994;
|
||||
}
|
||||
|
||||
.blog-card.style-6 {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.blog-card.style-6 .img {
|
||||
height: 230px;
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blog-card.style-6 .info {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.blog-card.style-6 .info .blog-title {
|
||||
color: #000;
|
||||
font-size: 23px;
|
||||
margin: 10px 0 10px;
|
||||
}
|
||||
|
||||
.blog-card.style-6 .info .text {
|
||||
color: #666;
|
||||
font-size: 11px;
|
||||
}
|
||||
8
static/assets/css/elements/_blog_page.css
Normal file
8
static/assets/css/elements/_blog_page.css
Normal file
@ -0,0 +1,8 @@
|
||||
/* --------------- blog-page style-1 --------------- */
|
||||
.blog-page.style-1 .blog-details-slider .content-card {
|
||||
position: relative; }
|
||||
.blog-page.style-1 .blog-details-slider .content-card .img img {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
width: 100%;
|
||||
height: 500px; }
|
||||
133
static/assets/css/elements/_buttons.css
Normal file
133
static/assets/css/elements/_buttons.css
Normal file
@ -0,0 +1,133 @@
|
||||
/* --------------- buttons styles --------------- */
|
||||
.butn,
|
||||
.btn {
|
||||
padding: 12px 30px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
text-align: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
.butn span,
|
||||
.btn span {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-transform: capitalize; }
|
||||
.butn small,
|
||||
.btn small {
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
text-transform: capitalize; }
|
||||
.butn.butn-gard::before,
|
||||
.btn.butn-gard::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 150%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(10%, #0c3df4), color-stop(45%, #02b5ff), color-stop(#02b5ff), to(#0c3df4));
|
||||
background: -webkit-linear-gradient(left, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
|
||||
background: -o-linear-gradient(left, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
|
||||
background: linear-gradient(to right, #0c3df4 10%, #02b5ff 45%, #02b5ff, #0c3df4);
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.butn.butn-gard:hover::before,
|
||||
.btn.butn-gard:hover::before {
|
||||
left: -50%; }
|
||||
.butn.dark-butn,
|
||||
.btn.dark-butn {
|
||||
background: #000; }
|
||||
.butn.dark-butn span,
|
||||
.butn.dark-butn small,
|
||||
.btn.dark-butn span,
|
||||
.btn.dark-butn small {
|
||||
color: #fff; }
|
||||
.butn.butn-blue6,
|
||||
.btn.butn-blue6 {
|
||||
background: var(--color-blue6); }
|
||||
.butn.butn-blue6 span,
|
||||
.butn.butn-blue6 small,
|
||||
.btn.butn-blue6 span,
|
||||
.btn.butn-blue6 small {
|
||||
color: #fff; }
|
||||
.butn.blue5-3Dbutn,
|
||||
.btn.blue5-3Dbutn {
|
||||
background: var(--color-blue5);
|
||||
-webkit-box-shadow: 0px 4px 0px 0px var(--color-blue4);
|
||||
box-shadow: 0px 4px 0px 0px var(--color-blue4);
|
||||
-webkit-filter: drop-shadow(0 13px 20px #07397235);
|
||||
filter: drop-shadow(0 13px 20px #07397235);
|
||||
font-size: 12px; }
|
||||
.butn.blue5-3Dbutn span,
|
||||
.butn.blue5-3Dbutn small,
|
||||
.btn.blue5-3Dbutn span,
|
||||
.btn.blue5-3Dbutn small {
|
||||
color: #fff; }
|
||||
.butn.sm-butn,
|
||||
.btn.sm-butn {
|
||||
padding: 10px 25px; }
|
||||
.butn.sm-butn span,
|
||||
.btn.sm-butn span {
|
||||
font-size: 12px; }
|
||||
.butn:hover,
|
||||
.btn:hover {
|
||||
background: var(--color-main);
|
||||
border-color: transparent !important; }
|
||||
.butn:hover span,
|
||||
.btn:hover span {
|
||||
color: #fff; }
|
||||
.butn.hover-darkBlue:hover,
|
||||
.btn.hover-darkBlue:hover {
|
||||
background: var(--color-darkBlue);
|
||||
border-color: transparent !important; }
|
||||
.butn.hover-darkBlue:hover span,
|
||||
.butn.hover-darkBlue:hover small,
|
||||
.btn.hover-darkBlue:hover span,
|
||||
.btn.hover-darkBlue:hover small {
|
||||
color: #fff; }
|
||||
.butn.hover-blue2:hover,
|
||||
.btn.hover-blue2:hover {
|
||||
background: var(--color-blue2);
|
||||
border-color: transparent !important; }
|
||||
.butn.hover-blue2:hover span,
|
||||
.butn.hover-blue2:hover small,
|
||||
.btn.hover-blue2:hover span,
|
||||
.btn.hover-blue2:hover small {
|
||||
color: #fff; }
|
||||
.butn.hover-blue4:hover,
|
||||
.btn.hover-blue4:hover {
|
||||
background: var(--color-blue4);
|
||||
border-color: transparent !important; }
|
||||
.butn.hover-blue4:hover span,
|
||||
.butn.hover-blue4:hover small,
|
||||
.btn.hover-blue4:hover span,
|
||||
.btn.hover-blue4:hover small {
|
||||
color: #fff; }
|
||||
.butn.hover-blue5:hover,
|
||||
.btn.hover-blue5:hover {
|
||||
background: var(--color-blue5);
|
||||
border-color: transparent !important; }
|
||||
.butn.hover-blue5:hover span,
|
||||
.butn.hover-blue5:hover small,
|
||||
.btn.hover-blue5:hover span,
|
||||
.btn.hover-blue5:hover small {
|
||||
color: #fff; }
|
||||
.butn.hover-lightBlue:hover,
|
||||
.btn.hover-lightBlue:hover {
|
||||
background: var(--color-lightBlue);
|
||||
border-color: transparent !important; }
|
||||
.butn.hover-lightBlue:hover span,
|
||||
.butn.hover-lightBlue:hover small,
|
||||
.btn.hover-lightBlue:hover span,
|
||||
.btn.hover-lightBlue:hover small {
|
||||
color: var(--color-darkBlue); }
|
||||
1
static/assets/css/elements/_careers_details.css
Normal file
1
static/assets/css/elements/_careers_details.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- career-details-page style-5 --------------- */
|
||||
1
static/assets/css/elements/_careers_page.css
Normal file
1
static/assets/css/elements/_careers_page.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
46
static/assets/css/elements/_chat-banner.css
Normal file
46
static/assets/css/elements/_chat-banner.css
Normal file
@ -0,0 +1,46 @@
|
||||
/* --------------- chat-banner styles --------------- */
|
||||
.chat-banner.style-3 {
|
||||
background-color: var(--color-blue2);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chat-banner.style-3::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
background-image: url(../img/0011.png);
|
||||
background-size: 80%;
|
||||
background-repeat: repeat;
|
||||
background-position: bottom;
|
||||
opacity: 0.08;
|
||||
-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
||||
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
||||
}
|
||||
|
||||
.chat-banner.style-3 .info h3 {
|
||||
font-size: 27px;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.chat-banner.style-3 .info h3 span {
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chat-banner.style-3 .info h3 span::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 100%;
|
||||
width: 240px;
|
||||
height: 35px;
|
||||
background-image: url(../img/header/info_h1_line1.png);
|
||||
background-size: 240px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
}
|
||||
1
static/assets/css/elements/_comming_soon_page.css
Normal file
1
static/assets/css/elements/_comming_soon_page.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
4
static/assets/css/elements/_contact_page.css
Normal file
4
static/assets/css/elements/_contact_page.css
Normal file
@ -0,0 +1,4 @@
|
||||
/* --------------- services page styles --------------- */
|
||||
.contact-page.style-5 .contact.style-6 .form-group .form-control:focus, .contact-page.style-5 .contact.style-6 .form-group .form-select:focus {
|
||||
border-color: var(--color-blue5);
|
||||
}
|
||||
1
static/assets/css/elements/_faq_page.css
Normal file
1
static/assets/css/elements/_faq_page.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
243
static/assets/css/elements/_footer.css
Normal file
243
static/assets/css/elements/_footer.css
Normal file
@ -0,0 +1,243 @@
|
||||
/* --------------- footer styles --------------- */
|
||||
footer.style-1 {
|
||||
background-color: #000;
|
||||
position: relative; }
|
||||
footer.style-1 .foot_l {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
pointer-events: none; }
|
||||
footer.style-1 .foot_r {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
pointer-events: none; }
|
||||
footer.style-1 .content {
|
||||
padding: 90px 0 70px;
|
||||
position: relative;
|
||||
z-index: 5; }
|
||||
footer.style-1 p,
|
||||
footer.style-1 a,
|
||||
footer.style-1 li {
|
||||
font-size: 13px;
|
||||
color: #aaa7a7; }
|
||||
footer.style-1 a:hover {
|
||||
color: var(--color-main); }
|
||||
footer.style-1 .text {
|
||||
color: #fff;
|
||||
font-size: 14px; }
|
||||
footer.style-1 .foot_info li {
|
||||
margin: 20px 0; }
|
||||
footer.style-1 .foot_info li i {
|
||||
color: var(--color-main);
|
||||
font-size: 16px; }
|
||||
footer.style-1 .social_icons {
|
||||
margin-top: 10px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
footer.style-1 .social_icons a {
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
border-radius: 50%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
background-color: #2c2c2c;
|
||||
color: #aaa7a7;
|
||||
margin: 5px; }
|
||||
footer.style-1 .social_icons a:hover {
|
||||
background: var(--color-main-grad);
|
||||
color: #fff; }
|
||||
footer.style-1 .links {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
footer.style-1 .links li {
|
||||
margin: 8px 0; }
|
||||
footer.style-1 .link_title {
|
||||
color: #fff;
|
||||
margin: 10px 0 15px; }
|
||||
footer.style-1 .foot_subscribe input {
|
||||
background: #1f1f1f;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
border: 0; }
|
||||
footer.style-1 .foot_subscribe input::-webkit-input-placeholder {
|
||||
color: #fff; }
|
||||
footer.style-1 .foot_subscribe input:-ms-input-placeholder {
|
||||
color: #fff; }
|
||||
footer.style-1 .foot_subscribe input::-ms-input-placeholder {
|
||||
color: #fff; }
|
||||
footer.style-1 .foot_subscribe input::placeholder {
|
||||
color: #fff; }
|
||||
footer.style-1 .foot {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
text-align: center;
|
||||
padding: 30px 0;
|
||||
border-top: 1px solid #fff3; }
|
||||
|
||||
footer.style-2 {
|
||||
background-color: #010040; }
|
||||
|
||||
footer.style-3 {
|
||||
position: relative;
|
||||
padding-top: 100px;
|
||||
overflow: hidden; }
|
||||
footer.style-3 .items .title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 30px; }
|
||||
footer.style-3 .items .socail-icons {
|
||||
margin-top: 30px; }
|
||||
footer.style-3 .items .socail-icons a:hover {
|
||||
background-color: var(--color-blue2) !important;
|
||||
color: #fff !important; }
|
||||
footer.style-3 .items ul li {
|
||||
margin: 5px 0; }
|
||||
footer.style-3 .items ul li a {
|
||||
font-size: 12px; }
|
||||
footer.style-3 .items ul li a:hover {
|
||||
color: var(--color-blue2); }
|
||||
footer.style-3 .foot {
|
||||
padding: 35px 0 30px;
|
||||
position: relative;
|
||||
margin-top: 80px; }
|
||||
footer.style-3 .foot .logo {
|
||||
width: 120px; }
|
||||
footer.style-3 .foot .testi_lines {
|
||||
position: absolute;
|
||||
top: -10px; }
|
||||
footer.style-3 .contact_globe {
|
||||
position: absolute;
|
||||
height: 150%;
|
||||
max-height: none;
|
||||
width: 60%;
|
||||
top: -25%;
|
||||
left: 20%;
|
||||
opacity: 0.15;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
|
||||
footer.style-4 {
|
||||
position: relative;
|
||||
background-color: #f0eff5;
|
||||
margin-top: 200px; }
|
||||
footer.style-4 .wave {
|
||||
position: absolute;
|
||||
left: -3%;
|
||||
bottom: 95%;
|
||||
width: 106%;
|
||||
max-width: unset;
|
||||
height: 240px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: top;
|
||||
object-position: top;
|
||||
z-index: 20; }
|
||||
footer.style-4 .container {
|
||||
position: relative;
|
||||
z-index: 25; }
|
||||
footer.style-4 .foot {
|
||||
border-bottom: 1px solid #9999;
|
||||
padding: 30px 0; }
|
||||
footer.style-4 .foot .links {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
footer.style-4 .foot .links li a {
|
||||
font-size: 12px;
|
||||
margin: 0 15px;
|
||||
font-weight: bold; }
|
||||
footer.style-4 .foot .links li a:hover, footer.style-4 .foot .links li a.active {
|
||||
color: var(--color-blue4); }
|
||||
footer.style-4 .copywrite {
|
||||
padding: 35px 0; }
|
||||
|
||||
footer.style-5 {
|
||||
position: relative;
|
||||
padding-top: 100px;
|
||||
overflow: hidden; }
|
||||
footer.style-5 .items .title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 30px;
|
||||
color: #000;
|
||||
line-height: 1; }
|
||||
footer.style-5 .items .socail-icons {
|
||||
margin-top: 30px; }
|
||||
footer.style-5 .items .socail-icons a:hover {
|
||||
background-color: var(--color-blue5) !important;
|
||||
color: #fff !important; }
|
||||
footer.style-5 .items ul li {
|
||||
margin: 5px 0; }
|
||||
footer.style-5 .items ul li a {
|
||||
font-size: 12px; }
|
||||
footer.style-5 .items ul li a:hover {
|
||||
color: var(--color-blue5); }
|
||||
footer.style-5 .foot {
|
||||
padding: 35px 0 30px;
|
||||
position: relative;
|
||||
margin-top: 80px; }
|
||||
footer.style-5 .foot .logo {
|
||||
width: 120px; }
|
||||
|
||||
footer.style-6 {
|
||||
position: relative;
|
||||
padding-top: 100px;
|
||||
overflow: hidden; }
|
||||
footer.style-6 .items .title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 30px;
|
||||
color: #000; }
|
||||
footer.style-6 .items .socail-icons {
|
||||
margin-top: 30px; }
|
||||
footer.style-6 .items .socail-icons a:hover {
|
||||
background-color: var(--color-blue6) !important;
|
||||
color: #fff !important; }
|
||||
footer.style-6 .items ul li {
|
||||
margin: 5px 0; }
|
||||
footer.style-6 .items ul li a {
|
||||
font-size: 12px; }
|
||||
footer.style-6 .items ul li a:hover {
|
||||
color: var(--color-blue6); }
|
||||
footer.style-6 .form .form-group {
|
||||
position: relative; }
|
||||
footer.style-6 .form .form-group .icon {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 15px; }
|
||||
footer.style-6 .form .form-group input {
|
||||
width: 100%;
|
||||
border: 1px solid #9993;
|
||||
border-radius: 30px;
|
||||
min-height: 45px;
|
||||
font-size: 12px;
|
||||
padding: 0 40px; }
|
||||
footer.style-6 .form .form-group button {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
background-color: var(--color-blue6);
|
||||
border: 0;
|
||||
color: #fff; }
|
||||
footer.style-6 .foot {
|
||||
padding: 35px 0 30px;
|
||||
position: relative;
|
||||
margin-top: 80px; }
|
||||
footer.style-6 .foot .logo {
|
||||
width: 120px; }
|
||||
705
static/assets/css/elements/_header.css
Normal file
705
static/assets/css/elements/_header.css
Normal file
@ -0,0 +1,705 @@
|
||||
/* --------------- header styles --------------- */
|
||||
header.style-1 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.style-1 .head-shape-r {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 8%;
|
||||
width: 55%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: right;
|
||||
object-position: right;
|
||||
}
|
||||
|
||||
header.style-1 .head-shape-l {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 25%;
|
||||
height: 40%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
}
|
||||
|
||||
header.style-1 .content {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
header.style-1 .info .section-head h2 {
|
||||
font-size: 45px;
|
||||
}
|
||||
|
||||
header.style-1 .info .text {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
header.style-1 .info .bttns {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
header.style-1 .info .bttns .vid-btn {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
header.style-1 .info .bttns .vid-btn i {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 30px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
background: var(--color-main-grad);
|
||||
color: #fff;
|
||||
margin-right: 15px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
font-size: 22px;
|
||||
padding-left: 2px;
|
||||
outline: 6px solid #157aa620;
|
||||
}
|
||||
|
||||
header.style-1 .info .bttns .vid-btn span {
|
||||
color: var(--color-main);
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
header.style-2 {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
padding: 185px 0 100px;
|
||||
background: -webkit-gradient(linear, left bottom, left top, color-stop(-40%, #062063), color-stop(40%, #157aa6));
|
||||
background: -webkit-linear-gradient(bottom, #062063 -40%, #157aa6 40%);
|
||||
background: -o-linear-gradient(bottom, #062063 -40%, #157aa6 40%);
|
||||
background: linear-gradient(to top, #062063 -40%, #157aa6 40%);
|
||||
}
|
||||
|
||||
header.style-2 .head_shape2 {
|
||||
position: absolute;
|
||||
bottom: -5%;
|
||||
left: -5%;
|
||||
width: 110%;
|
||||
max-width: unset;
|
||||
height: 115%;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
header.style-2 .content {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
header.style-2 .content h1 {
|
||||
font-size: 123px;
|
||||
letter-spacing: 75px;
|
||||
display: inline-block;
|
||||
padding-left: 75px;
|
||||
}
|
||||
|
||||
header.style-2 .content p {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
header.style-2 .content .vid-btn {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
header.style-2 .content .vid-btn i {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
background: var(--color-lightBlue);
|
||||
color: #fff;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
font-size: 22px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
header.style-2 .content .brands {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
header.style-3 {
|
||||
background-color: var(--color-blue2);
|
||||
position: relative;
|
||||
padding: 100px 0 30px;
|
||||
}
|
||||
|
||||
header.style-3::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
background-image: url(../img/0011.png);
|
||||
background-size: 80%;
|
||||
background-repeat: repeat;
|
||||
background-position: bottom;
|
||||
opacity: 0.08;
|
||||
-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
||||
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(1003%) contrast(103%);
|
||||
}
|
||||
|
||||
header.style-3 .main-img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 200px;
|
||||
width: 55%;
|
||||
height: calc(100% - 300px);
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-position: right;
|
||||
object-position: right;
|
||||
}
|
||||
|
||||
header.style-3 .main-img .pattern {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
header.style-3 .main-img .circle {
|
||||
position: absolute;
|
||||
width: 55%;
|
||||
top: 10.5%;
|
||||
right: 20%;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both;
|
||||
}
|
||||
|
||||
header.style-3 .main-img .logo_shap {
|
||||
position: absolute;
|
||||
top: 37%;
|
||||
right: 39%;
|
||||
width: 17%;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .h1 {
|
||||
font-size: 55px;
|
||||
color: #fff;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .h1 span {
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .h1 span::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 100%;
|
||||
width: 160px;
|
||||
height: 30px;
|
||||
background-image: url(../img/header/info_h1_line.png);
|
||||
background-size: 160px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .p {
|
||||
color: #ccccff;
|
||||
font-size: 13px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .h5 {
|
||||
color: #fffefe;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .h5::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -65px;
|
||||
bottom: -10px;
|
||||
width: 50px;
|
||||
height: 100px;
|
||||
background-image: url(../img/header/head3_arrow.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .form-group .form-control,
|
||||
header.style-3 .content .info .form-group .form-select {
|
||||
padding: 12px 20px;
|
||||
font-size: 12px;
|
||||
border: 0;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .form-group.input-with-icon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .form-group.input-with-icon .form-control {
|
||||
padding: 12px 20px 12px 40px;
|
||||
}
|
||||
|
||||
header.style-3 .content .info .form-group.input-with-icon .input-icon {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
bottom: 10px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* ------------ animation -------- */
|
||||
header.style-4 {
|
||||
position: relative;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
header.style-4 .content {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header.style-4 .content .info .title_small {
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
background-color: #f7f4ff;
|
||||
border-radius: 5px;
|
||||
color: var(--color-blue4);
|
||||
}
|
||||
|
||||
header.style-4 .content .info h1 {
|
||||
font-size: 52px;
|
||||
line-height: 60px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
header.style-4 .content .info h1 span {
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#501e9c), color-stop(30%, #8169f1), color-stop(30%, #8169f1), color-stop(73%, #a44cee), to(#ff847f));
|
||||
background-image: -webkit-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
|
||||
background-image: -o-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
|
||||
background-image: linear-gradient(to right, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
|
||||
}
|
||||
|
||||
header.style-4 .content .info .text {
|
||||
color: #666;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
header.style-4 .content .info .play-btn {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
header.style-4 .content .info .play-btn .icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border: 1px solid #5842bc99;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
header.style-4 .content .info .play-btn .icon i {
|
||||
color: var(--color-blue4);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header.style-4 .content .bubble {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both;
|
||||
}
|
||||
|
||||
header.style-4 .wave {
|
||||
position: absolute;
|
||||
left: -3%;
|
||||
bottom: -10px;
|
||||
width: 106%;
|
||||
max-width: unset;
|
||||
height: 240px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: top;
|
||||
object-position: top;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
header.style-5 {
|
||||
position: relative;
|
||||
padding: 60px 0 80px;
|
||||
overflow: hidden;
|
||||
background: -moz-linear-gradient(bottom, #ffffff 0%, #edf4fe 74%, #e7f1ff 100%);
|
||||
background: -webkit-linear-gradient(bottom, #ffffff 0%, #edf4fe 74%, #e7f1ff 100%);
|
||||
background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(74%, #edf4fe), to(#e7f1ff));
|
||||
background: -o-linear-gradient(bottom, #ffffff 0%, #edf4fe 74%, #e7f1ff 100%);
|
||||
background: linear-gradient(to top, #ffffff 0%, #edf4fe 74%, #e7f1ff 100%);
|
||||
}
|
||||
|
||||
header.style-5 .info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header.style-5 .info h1 {
|
||||
font-size: 60px;
|
||||
color: #000;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
header.style-5 .info h1 span {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.style-5 .info h1 span .head-line {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header.style-5 .info h1 span .head-pen {
|
||||
position: absolute;
|
||||
left: 102%;
|
||||
bottom: -5px;
|
||||
}
|
||||
|
||||
header.style-5 .info p {
|
||||
font-size: 15px;
|
||||
color: #666;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
header.style-5 .info .form {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header.style-5 .info .form .form-group {
|
||||
position: relative;
|
||||
max-width: 500px;
|
||||
margin: 40px auto;
|
||||
}
|
||||
|
||||
header.style-5 .info .form .form-group .icon {
|
||||
position: absolute;
|
||||
left: 25px;
|
||||
bottom: 13px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
header.style-5 .info .form .form-group input {
|
||||
width: 100%;
|
||||
padding: 16px 180px 16px 60px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
header.style-5 .info .form .form-group .btn {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
header.style-5 .main-img {
|
||||
margin-top: 85px;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
header.style-5 .main-img .page-img {
|
||||
-webkit-box-shadow: 0px -13px 124px 0px rgba(75, 83, 97, 0.15);
|
||||
box-shadow: 0px -13px 124px 0px rgba(75, 83, 97, 0.15);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
header.style-5 .main-img .linechart-img {
|
||||
position: absolute;
|
||||
top: 8%;
|
||||
right: 7%;
|
||||
width: 50%;
|
||||
-webkit-animation: scale_up_down 1.5s ease-in-out infinite alternate both;
|
||||
animation: scale_up_down 1.5s ease-in-out infinite alternate both;
|
||||
}
|
||||
|
||||
header.style-5 .main-img .piechart-img {
|
||||
position: absolute;
|
||||
bottom: 10%;
|
||||
right: 10%;
|
||||
width: 15%;
|
||||
-webkit-filter: drop-shadow(0 20px 60px #0005);
|
||||
filter: drop-shadow(0 20px 60px #0005);
|
||||
-webkit-animation: rotate-center 50s linear infinite both;
|
||||
animation: rotate-center 50s linear infinite both;
|
||||
}
|
||||
|
||||
header.style-5 .handl-img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 30%;
|
||||
z-index: 15;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
}
|
||||
|
||||
header.style-5 .handr-img {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 40%;
|
||||
z-index: 0;
|
||||
-webkit-animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
animation: slide_up_down 2s ease-in-out infinite alternate both;
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s;
|
||||
}
|
||||
|
||||
header.style-6 {
|
||||
position: relative;
|
||||
padding: 30px 30px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header.style-6 .content {
|
||||
background-color: #dee0f2;
|
||||
position: relative;
|
||||
padding: 150px 0 100px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
header.style-6 .info {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
header.style-6 .info h6 {
|
||||
color: #666;
|
||||
font-size: 18px;
|
||||
letter-spacing: 5px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
header.style-6 .info h1 {
|
||||
font-size: 85px;
|
||||
color: #000;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
header.style-6 .info h1 span {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
padding: 10px 40px;
|
||||
}
|
||||
|
||||
header.style-6 .info h1 span small {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
font-size: 85px;
|
||||
}
|
||||
|
||||
header.style-6 .info h1 span::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 10px 30px;
|
||||
background-image: url(../img/shap_style_6.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
header.style-6 .info .text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
header.style-6 .info .form {
|
||||
background-color: #fff;
|
||||
border-radius: 50px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group {
|
||||
width: 38%;
|
||||
border-right: 1px solid #9994;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group:last-of-type {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group input {
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group input::-webkit-input-placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group input:-ms-input-placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group input::-ms-input-placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
header.style-6 .info .form .form-group input::placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
header.style-6 .hand-mega {
|
||||
position: absolute;
|
||||
width: 20%;
|
||||
top: 20%;
|
||||
left: 0;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
header.style-6 .head6-rating {
|
||||
position: absolute;
|
||||
width: 18%;
|
||||
bottom: 27%;
|
||||
left: 15%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
header.style-6 .target-3d {
|
||||
position: absolute;
|
||||
width: 20%;
|
||||
bottom: -120px;
|
||||
left: 35%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
header.style-6 .head6-charts {
|
||||
position: absolute;
|
||||
width: 14%;
|
||||
top: 20%;
|
||||
right: 15%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
header.style-6 .head6-rocket {
|
||||
position: absolute;
|
||||
width: 30%;
|
||||
bottom: 5%;
|
||||
right: -30px;
|
||||
z-index: 2;
|
||||
}
|
||||
343
static/assets/css/elements/_navbar.css
Normal file
343
static/assets/css/elements/_navbar.css
Normal file
@ -0,0 +1,343 @@
|
||||
/* --------------- navbar styles --------------- */
|
||||
.navbar {
|
||||
z-index: 999; }
|
||||
.navbar .nav-link {
|
||||
cursor: pointer; }
|
||||
|
||||
.navbar.nav-scroll {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
|
||||
padding: 0;
|
||||
position: fixed !important;
|
||||
top: -100px !important;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
-o-transition: transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
-webkit-transform: translateY(100px);
|
||||
-ms-transform: translateY(100px);
|
||||
transform: translateY(100px);
|
||||
border-radius: 0 !important;
|
||||
margin: 0 !important; }
|
||||
|
||||
.navbar.style-1 {
|
||||
padding: 30px 0; }
|
||||
.navbar.style-1 .navbar-brand {
|
||||
margin-right: 40px; }
|
||||
.navbar.style-1 .navbar-nav .nav-item .nav-link {
|
||||
font-size: 12px;
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
line-height: 2;
|
||||
margin: 0 7px;
|
||||
text-transform: capitalize; }
|
||||
.navbar.style-1 .navbar-nav .nav-item .nav-link.active {
|
||||
color: var(--color-main); }
|
||||
.navbar.style-1 .nav-side {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.navbar.style-1 .nav-side .hotline {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border-right: 1px solid #9993; }
|
||||
.navbar.style-1 .nav-side .hotline .icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background: var(--color-main-grad);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0; }
|
||||
.navbar.style-1 .nav-side .hotline .cont h6 {
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-weight: bold; }
|
||||
.navbar.style-1 .qoute-nav {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.navbar.style-1 .qoute-nav a .cart-num {
|
||||
font-size: 9px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
background: var(--color-main-grad);
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.navbar.style-2.nav-scroll {
|
||||
background-color: #010049; }
|
||||
|
||||
.navbar.style-2 .navbar-brand img {
|
||||
width: 155px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
|
||||
.navbar.style-2 .navbar-nav .nav-item .nav-link {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
line-height: 2;
|
||||
margin: 0;
|
||||
padding: 30px 30px;
|
||||
border-bottom: 2px solid transparent;
|
||||
position: relative; }
|
||||
.navbar.style-2 .navbar-nav .nav-item .nav-link::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 0%;
|
||||
background-color: #fff2;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.navbar.style-2 .navbar-nav .nav-item .nav-link.active, .navbar.style-2 .navbar-nav .nav-item .nav-link:hover {
|
||||
border-bottom: 2px solid var(--color-lightBlue); }
|
||||
.navbar.style-2 .navbar-nav .nav-item .nav-link.active::before, .navbar.style-2 .navbar-nav .nav-item .nav-link:hover::before {
|
||||
height: 100%; }
|
||||
|
||||
.navbar.style-2 .qoute-nav {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.navbar.style-2 .qoute-nav a {
|
||||
color: #fff; }
|
||||
.navbar.style-2 .qoute-nav a .cart-num {
|
||||
font-size: 9px;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
color: #000;
|
||||
background: var(--color-lightBlue);
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.navbar.style-2 .dropdown-menu {
|
||||
background: #348CB2;
|
||||
border-radius: 0; }
|
||||
.navbar.style-2 .dropdown-menu .dropdown-item {
|
||||
color: #fff;
|
||||
padding: 8px 15px; }
|
||||
.navbar.style-2 .dropdown-menu .dropdown-item.active, .navbar.style-2 .dropdown-menu .dropdown-item:active, .navbar.style-2 .dropdown-menu .dropdown-item:hover {
|
||||
background-color: #010049; }
|
||||
|
||||
.navbar.style-3 {
|
||||
padding: 20px 0; }
|
||||
.navbar.style-3.nav-scroll {
|
||||
background-color: #4A00E1; }
|
||||
.navbar.style-3 .navbar-brand img {
|
||||
width: 155px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.navbar.style-3 .navbar-nav .nav-item .nav-link {
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
margin: 0 5px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 30px; }
|
||||
.navbar.style-3 .navbar-nav .nav-item .nav-link.active, .navbar.style-3 .navbar-nav .nav-item .nav-link:hover {
|
||||
background-color: #0002; }
|
||||
.navbar.style-3 .nav-side .search-icon {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #fff6;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.navbar.style-4 {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
padding: 20px 15px;
|
||||
background-color: #fff;
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
margin-top: -38px; }
|
||||
.navbar.style-4 .navbar-brand {
|
||||
width: 150px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link {
|
||||
position: relative;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin: 0 15px; }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: -30px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%) translateY(-20px);
|
||||
-ms-transform: translateX(-50%) translateY(-20px);
|
||||
transform: translateX(-50%) translateY(-20px);
|
||||
width: 55px;
|
||||
height: 30px;
|
||||
background-image: url(../img/icons/nav_icon/active_s4.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link:hover, .navbar.style-4 .navbar-nav .nav-item .nav-link.active {
|
||||
color: var(--color-blue4); }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link:hover::before, .navbar.style-4 .navbar-nav .nav-item .nav-link.active::before {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(-50%) translateY(0);
|
||||
-ms-transform: translateX(-50%) translateY(0);
|
||||
transform: translateX(-50%) translateY(0); }
|
||||
.navbar.style-4 .navbar-nav .nav-item .nav-link .hot {
|
||||
position: absolute;
|
||||
font-size: 8px;
|
||||
padding: 2px 3px;
|
||||
border-radius: 3px;
|
||||
top: -10px;
|
||||
right: 0;
|
||||
text-transform: uppercase; }
|
||||
.navbar.style-4 .nav-side .search-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #0002;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.navbar.style-5 {
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
padding: 20px 0;
|
||||
background-color: #e7f1ff; }
|
||||
.navbar.style-5 .container-fluid {
|
||||
padding: 0 3vw; }
|
||||
.navbar.style-5 .navbar-brand img {
|
||||
max-width: 150px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.navbar.style-5 .nav-item .nav-link {
|
||||
position: relative;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin: 0 15px;
|
||||
text-transform: capitalize; }
|
||||
.navbar.style-5 .nav-item .nav-link:hover, .navbar.style-5 .nav-item .nav-link.active {
|
||||
color: var(--color-blue5); }
|
||||
.navbar.style-5 .nav-item .nav-link .bi {
|
||||
position: relative;
|
||||
bottom: -5px; }
|
||||
.navbar.style-5 .nav-side .search-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #0002;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center; }
|
||||
|
||||
.navbar.style-6 {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
padding: 20px 0;
|
||||
background-color: #dee0f2;
|
||||
width: 100%;
|
||||
border-radius: 30px;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
.navbar.style-6 .container-fluid {
|
||||
padding: 0 3vw; }
|
||||
.navbar.style-6 .navbar-brand img {
|
||||
max-width: 150px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.navbar.style-6 .nav-item .nav-link {
|
||||
position: relative;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin: 0 15px;
|
||||
text-transform: capitalize; }
|
||||
.navbar.style-6 .nav-item .nav-link::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
right: -16px;
|
||||
top: 16px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 50%;
|
||||
background-color: #bebccd; }
|
||||
.navbar.style-6 .nav-item .nav-link:hover, .navbar.style-6 .nav-item .nav-link.active {
|
||||
color: var(--color-blue6); }
|
||||
.navbar.style-6 .nav-item:last-of-type .nav-link::after {
|
||||
display: none; }
|
||||
1
static/assets/css/elements/_numbers.css
Normal file
1
static/assets/css/elements/_numbers.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- numbers styles --------------- */
|
||||
164
static/assets/css/elements/_portfolio.css
Normal file
164
static/assets/css/elements/_portfolio.css
Normal file
@ -0,0 +1,164 @@
|
||||
/* --------------- portfolio styles --------------- */
|
||||
.portfolio.style-1 {
|
||||
position: relative; }
|
||||
.portfolio.style-1 .shap_r {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
width: 30%;
|
||||
opacity: 0.3;
|
||||
pointer-events: none; }
|
||||
.portfolio.style-1 .shap_l {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 20px;
|
||||
width: 40%;
|
||||
opacity: 1;
|
||||
pointer-events: none; }
|
||||
.portfolio.style-1 .portfolio-slider {
|
||||
position: relative;
|
||||
padding-bottom: 60px; }
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-next,
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-prev {
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%); }
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-next,
|
||||
.portfolio.style-1 .portfolio-slider .swiper-container-rtl .swiper-button-prev {
|
||||
right: -70px; }
|
||||
.portfolio.style-1 .portfolio-slider .swiper-button-prev,
|
||||
.portfolio.style-1 .portfolio-slider .swiper-container-rtl .swiper-button-next {
|
||||
left: -70px; }
|
||||
.portfolio.style-1 .portfolio-card {
|
||||
background-color: #fff;
|
||||
border-radius: 7px;
|
||||
overflow: hidden; }
|
||||
.portfolio.style-1 .portfolio-card .img {
|
||||
height: 240px;
|
||||
overflow: hidden; }
|
||||
.portfolio.style-1 .portfolio-card .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover; }
|
||||
.portfolio.style-1 .portfolio-card .info {
|
||||
padding: 30px; }
|
||||
.portfolio.style-1 .portfolio-card .info h5 a {
|
||||
color: #000;
|
||||
font-weight: bold; }
|
||||
.portfolio.style-1 .portfolio-card .info small {
|
||||
font-size: 10px;
|
||||
letter-spacing: 1px;
|
||||
margin-top: 5px; }
|
||||
.portfolio.style-1 .portfolio-card .info .text {
|
||||
color: #666;
|
||||
margin: 15px 0 20px;
|
||||
font-size: 13px; }
|
||||
.portfolio.style-1 .portfolio-card .info .tags a {
|
||||
font-size: 11px;
|
||||
padding: 3px 7px;
|
||||
margin-top: 10px;
|
||||
border-radius: 4px;
|
||||
background-color: #eef4f8; }
|
||||
.portfolio.style-1 .portfolio-card:hover h5 a {
|
||||
color: var(--color-main); }
|
||||
|
||||
.projects.style-3 {
|
||||
background-color: #f0eff5; }
|
||||
|
||||
.project-card.style-3 {
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.project-card.style-3 .img {
|
||||
height: 360px;
|
||||
border-radius: 15px;
|
||||
overflow: hidden; }
|
||||
.project-card.style-3 .img img {
|
||||
-webkit-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease; }
|
||||
.project-card.style-3 .info {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
display: inline-block;
|
||||
padding: 20px 25px;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
-webkit-transform: translateY(150%);
|
||||
-ms-transform: translateY(150%);
|
||||
transform: translateY(150%);
|
||||
opacity: 0; }
|
||||
.project-card.style-3 .info .h5 {
|
||||
font-weight: bold;
|
||||
font-size: 19px;
|
||||
margin-bottom: 0;
|
||||
color: #000; }
|
||||
.project-card.style-3 .info .small {
|
||||
font-size: 11px;
|
||||
color: #999; }
|
||||
.project-card.style-3:hover .img img {
|
||||
-webkit-transform: scale(1.1) rotate(-5deg);
|
||||
-ms-transform: scale(1.1) rotate(-5deg);
|
||||
transform: scale(1.1) rotate(-5deg); }
|
||||
.project-card.style-3:hover .info {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0); }
|
||||
|
||||
/* --------------- projects style-6 --------------- */
|
||||
.projects.style-6 {
|
||||
padding: 0 30px; }
|
||||
.projects.style-6 .content {
|
||||
background-color: #f1f2fa;
|
||||
position: relative;
|
||||
padding: 100px 0;
|
||||
border-radius: 30px; }
|
||||
|
||||
.project-card.style-6 {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0 15px; }
|
||||
.project-card.style-6:hover {
|
||||
-webkit-box-shadow: 0px 40px 35px 0px #51558622;
|
||||
box-shadow: 0px 40px 35px 0px #51558622; }
|
||||
.project-card.style-6:hover .info .title {
|
||||
color: var(--color-blue6); }
|
||||
.project-card.style-6 .img {
|
||||
height: 240px;
|
||||
overflow: hidden; }
|
||||
.project-card.style-6 .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover; }
|
||||
.project-card.style-6 .info {
|
||||
background-color: #fff;
|
||||
padding: 40px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.project-card.style-6 .info .title {
|
||||
color: #000;
|
||||
font-size: 21px; }
|
||||
.project-card.style-6 .info small {
|
||||
font-size: 11px;
|
||||
color: var(--color-blue6);
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 10px; }
|
||||
.project-card.style-6 .info .text {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-bottom: 25px; }
|
||||
.project-card.style-6 .info .tags span {
|
||||
color: #010101;
|
||||
font-size: 10px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background-color: #f1f2fa; }
|
||||
33
static/assets/css/elements/_portfolio_page.css
Normal file
33
static/assets/css/elements/_portfolio_page.css
Normal file
@ -0,0 +1,33 @@
|
||||
/* --------------- portfolio-page style-1 --------------- */
|
||||
.portfolio-page.style-1 .portfolio-projects.style-1 {
|
||||
background-color: #e7f1ff; }
|
||||
.portfolio-page.style-1 .portfolio-projects.style-1 .controls {
|
||||
text-align: center;
|
||||
margin-bottom: 50px; }
|
||||
.portfolio-page.style-1 .portfolio-projects.style-1 .controls button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
text-transform: capitalize;
|
||||
margin: 10px; }
|
||||
.portfolio-page.style-1 .portfolio-projects.style-1 .controls button.mixitup-control-active {
|
||||
color: var(--color-blue5); }
|
||||
|
||||
.portfolio-page.style-1 .download.style-5 {
|
||||
position: relative;
|
||||
overflow: hidden; }
|
||||
.portfolio-page.style-1 .download.style-5 .content h2 span .head-pen {
|
||||
right: auto;
|
||||
left: 102%;
|
||||
-webkit-transform: rotateY(0);
|
||||
transform: rotateY(0); }
|
||||
.portfolio-page.style-1 .download.style-5 .contact_globe {
|
||||
position: absolute;
|
||||
height: 150%;
|
||||
max-height: none;
|
||||
width: 60%;
|
||||
top: -25%;
|
||||
left: 20%;
|
||||
opacity: 0.15;
|
||||
-webkit-animation: rotate-center 100s linear infinite both;
|
||||
animation: rotate-center 100s linear infinite both; }
|
||||
395
static/assets/css/elements/_pricing.css
Normal file
395
static/assets/css/elements/_pricing.css
Normal file
@ -0,0 +1,395 @@
|
||||
/* --------------- pricing styles --------------- */
|
||||
.pricing.style-2 {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(#010049), to(#157aa6));
|
||||
background: -webkit-linear-gradient(top, #010049, #157aa6);
|
||||
background: -o-linear-gradient(top, #010049, #157aa6);
|
||||
background: linear-gradient(to bottom, #010049, #157aa6);
|
||||
position: relative; }
|
||||
.pricing.style-2 .shap_l {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 20%;
|
||||
max-width: 30%; }
|
||||
.pricing.style-2 .shap_r {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 10%;
|
||||
height: 80%;
|
||||
max-width: 30%; }
|
||||
.pricing.style-2 .toggle_switch .form-check-label {
|
||||
pointer-events: none; }
|
||||
.pricing.style-2 .yearly_price,
|
||||
.pricing.style-2 .monthly_price {
|
||||
display: none; }
|
||||
.pricing.style-2 .yearly_price.show,
|
||||
.pricing.style-2 .monthly_price.show {
|
||||
display: block; }
|
||||
|
||||
.pricing_card.style-2 {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding: 85px 50px 50px;
|
||||
border: 1px solid #3d9dd1; }
|
||||
.pricing_card.style-2 p {
|
||||
text-transform: uppercase;
|
||||
margin: 30px 0 15px;
|
||||
font-size: 16px; }
|
||||
.pricing_card.style-2 .price .h2 small {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
top: -12px; }
|
||||
.pricing_card.style-2 ul {
|
||||
min-height: 164px; }
|
||||
.pricing_card.style-2 ul li {
|
||||
border-color: #3d9dd181 !important; }
|
||||
.pricing_card.style-2 .hint {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
-ms-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
padding: 5px 8px;
|
||||
border-radius: 3px;
|
||||
background-color: #1f3f85;
|
||||
text-transform: capitalize; }
|
||||
.pricing_card.style-2.recommended::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: var(--color-lightBlue); }
|
||||
|
||||
.pricing.style-3 {
|
||||
position: relative; }
|
||||
.pricing.style-3 .testi_lines {
|
||||
position: absolute;
|
||||
bottom: -10px; }
|
||||
|
||||
.pricing-card.style-3 {
|
||||
padding: 30px;
|
||||
border-radius: 20px;
|
||||
background-color: #f3f2f7; }
|
||||
.pricing-card.style-3 .card-head {
|
||||
border-bottom: 1px solid #9993;
|
||||
padding-bottom: 25px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
.pricing-card.style-3 .card-head h4 {
|
||||
font-size: 19px;
|
||||
font-weight: bold;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.pricing-card.style-3 .card-head h4 small {
|
||||
font-size: 10px;
|
||||
font-weight: 400;
|
||||
padding: 3px 5px;
|
||||
border-radius: 3px;
|
||||
color: #fff !important;
|
||||
background-color: #6e27ff;
|
||||
margin: 0 5px; }
|
||||
.pricing-card.style-3 .card-head small {
|
||||
font-size: 11px;
|
||||
color: #999999; }
|
||||
.pricing-card.style-3 .card-head .price {
|
||||
text-align: right; }
|
||||
.pricing-card.style-3 .card-head .price h5 {
|
||||
font-size: 20px;
|
||||
color: var(--color-blue2);
|
||||
font-weight: bold; }
|
||||
.pricing-card.style-3 .card-body {
|
||||
min-height: 180px;
|
||||
padding: 20px 0; }
|
||||
.pricing-card.style-3 .card-body li {
|
||||
line-height: 1.2;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.pricing-card.style-3 .card-body li small {
|
||||
font-size: 11px;
|
||||
margin: 5px 0; }
|
||||
.pricing-card.style-3 .card-body li i {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
color: var(--color-blue2);
|
||||
font-size: 20px;
|
||||
margin-right: 10px; }
|
||||
.pricing-card.style-3.dark-card {
|
||||
background-color: var(--color-blue2); }
|
||||
.pricing-card.style-3.dark-card .card-head {
|
||||
border-bottom: 1px solid #9999ff; }
|
||||
.pricing-card.style-3.dark-card .card-head h4, .pricing-card.style-3.dark-card .card-head h5 {
|
||||
color: #fff; }
|
||||
.pricing-card.style-3.dark-card .card-head small {
|
||||
color: #9999ff; }
|
||||
.pricing-card.style-3.dark-card .card-body li {
|
||||
color: #fff; }
|
||||
.pricing-card.style-3.dark-card .card-body li i {
|
||||
color: #9999ff; }
|
||||
.pricing-card.style-3.dark-card .btn {
|
||||
background-color: #fff !important; }
|
||||
.pricing-card.style-3.dark-card .btn span {
|
||||
color: #000; }
|
||||
|
||||
.pricing.style-4 .form-check-input.bg-blue4 {
|
||||
background-color: var(--color-blue4);
|
||||
border-color: var(--color-blue4); }
|
||||
|
||||
.pricing.style-4 .content .row .col-lg-6:nth-of-type(1) .price-card {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-right: 0;
|
||||
margin-right: -1px; }
|
||||
|
||||
.pricing.style-4 .content .row .col-lg-6:nth-of-type(2) .price-card {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
background-color: #f8f7fd; }
|
||||
|
||||
.pricing.style-4 .content .price-card {
|
||||
position: relative;
|
||||
border: 1px solid #e9e8ee;
|
||||
border-radius: 15px;
|
||||
padding: 40px; }
|
||||
.pricing.style-4 .content .price-card .off {
|
||||
position: absolute;
|
||||
width: 85px;
|
||||
height: 85px;
|
||||
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;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background-image: url(../img/pricing/off.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
top: -20px;
|
||||
right: 45px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase; }
|
||||
.pricing.style-4 .content .price-card .price-header {
|
||||
border-bottom: 1px solid #e9e8ee; }
|
||||
.pricing.style-4 .content .price-card .price-header h6 {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px; }
|
||||
.pricing.style-4 .content .price-card .price-header h6 .icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 8px; }
|
||||
.pricing.style-4 .content .price-card .price-header h2 {
|
||||
font-size: 37px;
|
||||
color: #000;
|
||||
margin: 12px 0 5px; }
|
||||
.pricing.style-4 .content .price-card .price-header h2 small {
|
||||
font-size: 15px;
|
||||
font-weight: 300; }
|
||||
.pricing.style-4 .content .price-card .price-header p {
|
||||
font-size: 12px;
|
||||
color: #666; }
|
||||
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
background-color: #edf2fa;
|
||||
padding: 7px;
|
||||
border-radius: 50px; }
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios .form-check {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios .form-check .form-check-label {
|
||||
color: #000;
|
||||
background-color: transparent;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
border-radius: 30px;
|
||||
padding: 10px 15px;
|
||||
text-transform: capitalize;
|
||||
cursor: pointer; }
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios .form-check .form-check-label small {
|
||||
padding: 1px 5px;
|
||||
font-size: 10px; }
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios .form-check .form-check-input {
|
||||
display: none; }
|
||||
.pricing.style-5 .pricing-tabsHead .price-radios .form-check .form-check-input:checked ~ .form-check-label {
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 5px 5px #0001;
|
||||
box-shadow: 0 5px 5px #0001; }
|
||||
|
||||
.pricing.style-5 .content {
|
||||
min-width: 800px;
|
||||
margin-top: 50px; }
|
||||
.pricing.style-5 .content .price-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #7f7f7f; }
|
||||
.pricing.style-5 .content .price-head .price-headTitle {
|
||||
width: 34%; }
|
||||
.pricing.style-5 .content .price-head .price-headItem {
|
||||
position: relative;
|
||||
width: 22%;
|
||||
text-align: center;
|
||||
padding: 30px 0;
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px; }
|
||||
.pricing.style-5 .content .price-head .price-headItem .label {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
right: 15px;
|
||||
z-index: 5;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 9px;
|
||||
font-weight: bold;
|
||||
background-image: url(../img/pricing/label_success.png);
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff; }
|
||||
.pricing.style-5 .content .price-head .price-headItem h6 {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 10px; }
|
||||
.pricing.style-5 .content .price-head .price-headItem h2 {
|
||||
font-size: 45px;
|
||||
margin-bottom: 5px; }
|
||||
.pricing.style-5 .content .price-head .price-headItem h2 span {
|
||||
font-size: 18px;
|
||||
color: #999;
|
||||
font-weight: 400; }
|
||||
.pricing.style-5 .content .price-head .price-headItem small {
|
||||
font-size: 11px;
|
||||
color: #666;
|
||||
display: block;
|
||||
line-height: 1.5; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #f2f2f2; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems:last-of-type {
|
||||
border: 0; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle {
|
||||
width: 34%;
|
||||
padding: 15px 0;
|
||||
font-size: 14px;
|
||||
height: 60px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
min-height: -webkit-max-content;
|
||||
min-height: -moz-max-content;
|
||||
min-height: max-content;
|
||||
position: relative; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info i.bttn-info {
|
||||
font-size: 11px;
|
||||
color: #999;
|
||||
margin: 0 3px; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info i.bttn-info:hover {
|
||||
color: var(--color-blue5); }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info .hidden_content {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: #f7f7f7;
|
||||
text-align: center;
|
||||
width: 250px;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
opacity: 0;
|
||||
visibility: hidden; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info .hidden_content .title {
|
||||
color: var(--color-blue5);
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 5px;
|
||||
font-size: 13px;
|
||||
font-weight: 500; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-bodyTitle .pop-info:hover .hidden_content {
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-item {
|
||||
width: 22%;
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
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;
|
||||
min-height: -webkit-max-content;
|
||||
min-height: -moz-max-content;
|
||||
min-height: max-content; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-item i {
|
||||
color: var(--color-blue5);
|
||||
font-size: 20px; }
|
||||
.pricing.style-5 .content .price-body .price-bodyItems .price-item span {
|
||||
color: #000;
|
||||
font-size: 14px; }
|
||||
.pricing.style-5 .content .price-foot {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.pricing.style-5 .content .price-foot .price-footTitle {
|
||||
width: 34%; }
|
||||
.pricing.style-5 .content .price-foot .price-footItem {
|
||||
width: 22%;
|
||||
text-align: center;
|
||||
padding: 30px 0 50px;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-bottom-right-radius: 15px; }
|
||||
|
||||
.pricing.style-5 .monthly_price {
|
||||
display: none; }
|
||||
415
static/assets/css/elements/_product_page.css
Normal file
415
static/assets/css/elements/_product_page.css
Normal file
@ -0,0 +1,415 @@
|
||||
/* --------------- services product styles --------------- */
|
||||
.product-page .product-slider {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.product-page .product-slider .gallery-thumbs {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
-webkit-margin-end: 20px;
|
||||
margin-inline-end: 20px;
|
||||
height: 500px; }
|
||||
.product-page .product-slider .gallery-thumbs .swiper-slide {
|
||||
min-height: 75px;
|
||||
cursor: pointer; }
|
||||
.product-page .product-slider .gallery-thumbs .swiper-slide .img {
|
||||
width: 80px;
|
||||
height: 75px;
|
||||
border: 1px solid #9993;
|
||||
border-radius: 7px;
|
||||
padding: 8px; }
|
||||
.product-page .product-slider .gallery-thumbs .swiper-slide .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.product-page .product-slider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img {
|
||||
border-color: var(--color-blue5); }
|
||||
.product-page .product-slider .gallery-top .swiper-slide .img {
|
||||
height: 500px;
|
||||
padding: 3vw;
|
||||
border: 1px solid #9993;
|
||||
border-radius: 7px; }
|
||||
.product-page .product-slider .gallery-top .swiper-slide .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
|
||||
.product-page .product-info .category {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 7px; }
|
||||
|
||||
.product-page .product-info .title {
|
||||
font-size: 20px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0; }
|
||||
|
||||
.product-page .product-info .stars {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 10px;
|
||||
color: #d0d0d0; }
|
||||
.product-page .product-info .stars .active {
|
||||
color: #ffba00; }
|
||||
|
||||
.product-page .product-info .rev {
|
||||
color: #999;
|
||||
font-size: 10px; }
|
||||
|
||||
.product-page .product-info .price {
|
||||
font-size: 25px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
margin-top: 30px; }
|
||||
|
||||
.product-page .product-info .info-text {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-top: 20px; }
|
||||
|
||||
.product-page .product-info .info-list {
|
||||
margin-top: 15px;
|
||||
font-size: 14px;
|
||||
color: #666; }
|
||||
.product-page .product-info .info-list li {
|
||||
margin-bottom: 5px; }
|
||||
|
||||
.product-page .product-info .color-quantity {
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid #9993;
|
||||
margin-top: 25px; }
|
||||
.product-page .product-info .color-quantity .select-color {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check {
|
||||
padding: 0;
|
||||
margin-bottom: 0; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-input {
|
||||
display: none; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-label .color-circle {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #fff; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-label .color-circle.gray {
|
||||
background-color: #e3e3e3; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-label .color-circle.black {
|
||||
background-color: #000; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-label .color-circle.blue {
|
||||
background-color: #1941c4; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-label .color-circle.green {
|
||||
background-color: #9ac419; }
|
||||
.product-page .product-info .color-quantity .select-color .colors-content .form-check .form-check-input:checked ~ .form-check-label .color-circle {
|
||||
outline: 1px solid var(--color-blue5); }
|
||||
|
||||
.product-page .product-info .qyt-addCart {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.product-page .product-info .qyt-addCart .add-more {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
padding: 10px 15px;
|
||||
border: 1px solid #9993;
|
||||
width: 30%;
|
||||
border-radius: 30px; }
|
||||
.product-page .product-info .qyt-addCart .add-more .qt-minus,
|
||||
.product-page .product-info .qyt-addCart .add-more .qt-plus {
|
||||
cursor: pointer; }
|
||||
.product-page .product-info .qyt-addCart .add-more .qt {
|
||||
font-size: 14px; }
|
||||
.product-page .product-info .qyt-addCart .btn {
|
||||
background-color: var(--color-blue5);
|
||||
padding: 10px 30px;
|
||||
width: 40%; }
|
||||
.product-page .product-info .qyt-addCart .btn span {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
font-weight: bold; }
|
||||
.product-page .product-info .qyt-addCart .btn:hover {
|
||||
background-color: #000; }
|
||||
|
||||
.product-page .product-info .fav-btn {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
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;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #0002;
|
||||
font-size: 15px;
|
||||
color: #ccc;
|
||||
cursor: pointer; }
|
||||
.product-page .product-info .fav-btn.active {
|
||||
color: #f73312; }
|
||||
|
||||
.product-page .product-info .socail-icons {
|
||||
margin-top: 40px; }
|
||||
.product-page .product-info .socail-icons a:hover {
|
||||
background-color: var(--color-blue5) !important;
|
||||
color: #fff !important; }
|
||||
|
||||
.product-page .product-details .nav-pills {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
border-bottom: 1px solid #0002;
|
||||
padding-bottom: 10px; }
|
||||
.product-page .product-details .nav-pills .nav-link {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
font-size: 25px;
|
||||
color: #666;
|
||||
text-transform: capitalize; }
|
||||
.product-page .product-details .nav-pills .nav-link.active {
|
||||
color: #000;
|
||||
font-weight: bold; }
|
||||
|
||||
.product-page .product-details .content-info {
|
||||
padding: 50px 8vw; }
|
||||
.product-page .product-details .content-info .text {
|
||||
color: #666; }
|
||||
|
||||
.product-page .product-details .additional-info ul {
|
||||
border: 1px solid #0002; }
|
||||
.product-page .product-details .additional-info ul li {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 15px 25px;
|
||||
font-style: 14px;
|
||||
color: #666;
|
||||
border-bottom: 1px solid #0002; }
|
||||
.product-page .product-details .additional-info ul li:last-of-type {
|
||||
border: 0; }
|
||||
|
||||
.product-page .product-details .stars {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 12px;
|
||||
color: #d0d0d0; }
|
||||
.product-page .product-details .stars .active {
|
||||
color: #ffba00; }
|
||||
|
||||
.product-page .product-details .rate-stars {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-align: end;
|
||||
margin-bottom: 30px;
|
||||
direction: rtl; }
|
||||
.product-page .product-details .rate-stars input {
|
||||
border-radius: 0;
|
||||
visibility: hidden;
|
||||
width: 20px;
|
||||
cursor: pointer; }
|
||||
.product-page .product-details .rate-stars input:after {
|
||||
content: "\f005";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
font-size: 20px;
|
||||
color: #eee;
|
||||
visibility: visible;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-transition: background 0.3s;
|
||||
-o-transition: background 0.3s;
|
||||
transition: background 0.3s;
|
||||
-webkit-transition: -webkit-transform 0.6s;
|
||||
transition: -webkit-transform 0.6s;
|
||||
-o-transition: transform 0.6s;
|
||||
transition: transform 0.6s;
|
||||
transition: transform 0.6s, -webkit-transform 0.6s; }
|
||||
.product-page .product-details .rate-stars input:hover:after {
|
||||
opacity: 0.8; }
|
||||
.product-page .product-details .rate-stars input:checked:after {
|
||||
color: #fc0;
|
||||
-webkit-transform: scale(1.3);
|
||||
-ms-transform: scale(1.3);
|
||||
transform: scale(1.3); }
|
||||
.product-page .product-details .rate-stars input:checked ~ input:after {
|
||||
color: #fc0; }
|
||||
.product-page .product-details .rate-stars input:not(:checked):after {
|
||||
color: #eee; }
|
||||
|
||||
.product-page .related-products .title {
|
||||
font-size: 25px;
|
||||
margin-bottom: 35px; }
|
||||
|
||||
.product-page .related-products .related-products-slider .swiper-button-next, .product-page .related-products .related-products-slider .swiper-button-prev {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background-color: #d8dee4; }
|
||||
.product-page .related-products .related-products-slider .swiper-button-next:hover, .product-page .related-products .related-products-slider .swiper-button-prev:hover {
|
||||
background: var(--color-blue5); }
|
||||
|
||||
.product-page .related-products .related-products-slider .swiper-button-next, .product-page .related-products .related-products-slider .swiper-container-rtl .swiper-button-prev {
|
||||
right: -50px; }
|
||||
|
||||
.product-page .related-products .related-products-slider .swiper-button-prev, .product-page .related-products .related-products-slider .swiper-container-rtl .swiper-button-next {
|
||||
left: -50px; }
|
||||
|
||||
.product-page .related-products .related-products-slider .swiper-button-next:after, .product-page .related-products .related-products-slider .swiper-button-prev:after {
|
||||
font-size: 10px; }
|
||||
|
||||
.product-page .product-card {
|
||||
border: 1px solid #ededed;
|
||||
padding: 30px 15px 15px;
|
||||
position: relative;
|
||||
border-radius: 12px;
|
||||
padding-bottom: 15px;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
margin-bottom: 24px; }
|
||||
.product-page .product-card:hover {
|
||||
padding-bottom: 60px; }
|
||||
.product-page .product-card:hover .img img {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8); }
|
||||
.product-page .product-card:hover .info {
|
||||
margin-top: -25px; }
|
||||
.product-page .product-card:hover .btn {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1; }
|
||||
.product-page .product-card .img {
|
||||
height: 130px; }
|
||||
.product-page .product-card .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
-webkit-transform-origin: top;
|
||||
-ms-transform-origin: top;
|
||||
transform-origin: top; }
|
||||
.product-page .product-card .info {
|
||||
margin-top: 20px;
|
||||
min-height: 77px;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.product-page .product-card .info .category {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 7px; }
|
||||
.product-page .product-card .info .title {
|
||||
font-size: 12px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0; }
|
||||
.product-page .product-card .info .stars {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 9px;
|
||||
color: #d0d0d0; }
|
||||
.product-page .product-card .info .stars .active {
|
||||
color: #ffba00; }
|
||||
.product-page .product-card .info .rev {
|
||||
color: #999;
|
||||
font-size: 9px; }
|
||||
.product-page .product-card .price {
|
||||
margin-top: 15px;
|
||||
font-size: 15px;
|
||||
font-weight: bold; }
|
||||
.product-page .product-card .price .price-sale {
|
||||
color: #f73312; }
|
||||
.product-page .product-card .price .old-price {
|
||||
font-size: 11px;
|
||||
color: #999999;
|
||||
text-decoration: line-through !important;
|
||||
-webkit-margin-start: 5px;
|
||||
margin-inline-start: 5px; }
|
||||
.product-page .product-card .btn {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
width: calc(100% - 30px);
|
||||
background-color: var(--color-blue5);
|
||||
padding: 7px 15px;
|
||||
-webkit-transform: translateY(70px);
|
||||
-ms-transform: translateY(70px);
|
||||
transform: translateY(70px);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.product-page .product-card .btn span {
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
font-weight: bold; }
|
||||
.product-page .product-card .btn:hover {
|
||||
background-color: #000; }
|
||||
.product-page .product-card .label {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
font-size: 9px;
|
||||
border-radius: 4px;
|
||||
background-color: #f0f0f0;
|
||||
color: #000;
|
||||
padding: 3px 10px;
|
||||
text-transform: uppercase; }
|
||||
.product-page .product-card .label.new {
|
||||
background-color: #ffb500; }
|
||||
.product-page .product-card .label.sale-off {
|
||||
background-color: #f73312;
|
||||
color: #fff; }
|
||||
.product-page .product-card .fav-btn {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
font-size: 14px;
|
||||
color: #ccc;
|
||||
cursor: pointer; }
|
||||
.product-page .product-card .fav-btn.active {
|
||||
color: #f73312; }
|
||||
10
static/assets/css/elements/_searcing.css
Normal file
10
static/assets/css/elements/_searcing.css
Normal file
@ -0,0 +1,10 @@
|
||||
/* --------------- search styles --------------- */
|
||||
.domain-search.style-9 .domain-choose .form-group {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border-radius: 5px; }
|
||||
98
static/assets/css/elements/_section_titles.css
Normal file
98
static/assets/css/elements/_section_titles.css
Normal file
@ -0,0 +1,98 @@
|
||||
/* --------------- section head styles --------------- */
|
||||
.section-head h6 {
|
||||
font-size: 13px;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.section-head.style-3 {
|
||||
margin-bottom: 50px; }
|
||||
.section-head.style-3 h3 {
|
||||
font-size: 27px;
|
||||
text-transform: capitalize; }
|
||||
.section-head.style-3 h3 span {
|
||||
font-weight: 400;
|
||||
color: var(--color-blue2);
|
||||
font-style: italic;
|
||||
position: relative; }
|
||||
.section-head.style-3 h3 span::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-image: url(../img/section_head/title_shap1.png);
|
||||
left: 0;
|
||||
bottom: -15px;
|
||||
width: calc(100% + 40px);
|
||||
height: 30px;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat; }
|
||||
.section-head.style-3.long-shape h3 span::after {
|
||||
background-image: url(../img/section_head/title_shap2.png);
|
||||
bottom: -15px; }
|
||||
|
||||
/* --------------- section style-4 --------------- */
|
||||
.section-head.style-4 .title_small {
|
||||
font-size: 12px;
|
||||
padding: 5px 10px;
|
||||
background-color: #f7f4ff;
|
||||
border-radius: 5px;
|
||||
color: var(--color-blue4);
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.section-head.style-4 h2 {
|
||||
font-size: 40px;
|
||||
line-height: 1.3;
|
||||
color: #000; }
|
||||
.section-head.style-4 h2 span {
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#501e9c), color-stop(30%, #8169f1), color-stop(30%, #8169f1), color-stop(73%, #a44cee), to(#ff847f));
|
||||
background-image: -webkit-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
|
||||
background-image: -o-linear-gradient(left, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%);
|
||||
background-image: linear-gradient(to right, #501e9c 0%, #8169f1 30%, #8169f1 30%, #a44cee 73%, #ff847f 100%); }
|
||||
|
||||
/* --------------- section style-5 --------------- */
|
||||
.section-head.style-5 h2 {
|
||||
font-size: 45px; }
|
||||
.section-head.style-5 h2 span {
|
||||
color: var(--color-blue5);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
margin: 0 5px; }
|
||||
.section-head.style-5 h2 span::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
background-color: var(--color-blue5);
|
||||
opacity: 8%; }
|
||||
|
||||
.section-head.style-5 p {
|
||||
color: #666;
|
||||
font-size: 15px; }
|
||||
|
||||
/* --------------- section style-6 --------------- */
|
||||
.section-head.style-6 h2 {
|
||||
color: #000;
|
||||
font-size: 45px; }
|
||||
.section-head.style-6 h2 span {
|
||||
position: relative;
|
||||
padding: 10px 20px; }
|
||||
.section-head.style-6 h2 span small {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
font-size: 45px;
|
||||
color: #fff; }
|
||||
.section-head.style-6 h2 span::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-image: url(../img/shap_style_6.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
z-index: 1; }
|
||||
191
static/assets/css/elements/_services.css
Normal file
191
static/assets/css/elements/_services.css
Normal file
@ -0,0 +1,191 @@
|
||||
/* --------------- services styles --------------- */
|
||||
.services.style-1 {
|
||||
position: relative; }
|
||||
.services.style-1 .ser_shap_l {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 30%;
|
||||
z-index: -1;
|
||||
-webkit-transition: all 5s ease;
|
||||
-o-transition: all 5s ease;
|
||||
transition: all 5s ease; }
|
||||
.services.style-1 .ser_shap_r {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 25%; }
|
||||
.services.style-1 .service-box {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
padding: 30px;
|
||||
border: 1px solid #9993;
|
||||
border-radius: 8px;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.services.style-1 .service-box h5 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 35px; }
|
||||
.services.style-1 .service-box h5 a {
|
||||
color: #000;
|
||||
font-weight: bold; }
|
||||
.services.style-1 .service-box h5 .num {
|
||||
color: var(--color-main);
|
||||
font-size: 12px; }
|
||||
.services.style-1 .service-box .icon {
|
||||
margin-bottom: 35px; }
|
||||
.services.style-1 .service-box .icon img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover; }
|
||||
.services.style-1 .service-box .info .text {
|
||||
color: #666;
|
||||
margin-bottom: 20px;
|
||||
font-size: 13px; }
|
||||
.services.style-1 .service-box .info .tags a {
|
||||
font-size: 11px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background-color: #eef4f8;
|
||||
margin-top: 10px; }
|
||||
.services.style-1 .service-box:hover {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0px 54px 115px 0px rgba(52, 60, 66, 0.25);
|
||||
box-shadow: 0px 54px 115px 0px rgba(52, 60, 66, 0.25); }
|
||||
.services.style-1 .service-box:hover h5 a {
|
||||
color: var(--color-main); }
|
||||
|
||||
.tags.style-2 a {
|
||||
font-size: 11px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 4px;
|
||||
background-color: #131172;
|
||||
margin: 3px; }
|
||||
|
||||
.services_projects {
|
||||
background-image: url(../../assets/img/services_work.png);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center; }
|
||||
.services_projects .swiper-button-next, .services_projects .swiper-button-prev {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
.services_projects .swiper-button-next:hover, .services_projects .swiper-button-prev:hover {
|
||||
background: var(--color-lightBlue) !important; }
|
||||
|
||||
.swiper-slide-duplicate-prev .service-box {
|
||||
border: 0 !important; }
|
||||
|
||||
.services.style-3 {
|
||||
background-color: #f0eff5; }
|
||||
.services.style-3 .service-card.style-3 {
|
||||
padding: 30px;
|
||||
background-color: #fff;
|
||||
border-radius: 12px;
|
||||
height: 100%; }
|
||||
.services.style-3 .service-card.style-3 .icon {
|
||||
margin-bottom: 60px; }
|
||||
.services.style-3 .service-card.style-3 .icon img {
|
||||
width: 125px;
|
||||
height: 120px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.services.style-3 .service-card.style-3 .info .title {
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
text-transform: capitalize;
|
||||
margin-bottom: 20px;
|
||||
font-weight: bold; }
|
||||
.services.style-3 .service-card.style-3 .info .text {
|
||||
font-size: 13px;
|
||||
color: #666; }
|
||||
.services.style-3 .service-card.style-3 .info a {
|
||||
margin-top: 30px;
|
||||
font-weight: bold;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase; }
|
||||
.services.style-3 .service-card.style-3 .info a:hover {
|
||||
color: var(--color-blue2); }
|
||||
|
||||
.services-slider.style-6 .swiper-container {
|
||||
padding-bottom: 100px; }
|
||||
|
||||
.services-slider.style-6 .swiper-slide {
|
||||
-webkit-transform: scale(0.9);
|
||||
-ms-transform: scale(0.9);
|
||||
transform: scale(0.9);
|
||||
position: relative;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
top: 0; }
|
||||
.services-slider.style-6 .swiper-slide.swiper-slide-nth-next-2 {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 100px;
|
||||
padding: 0 9px; }
|
||||
.services-slider.style-6 .swiper-slide.swiper-slide-next {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 50px;
|
||||
padding: 0 12px; }
|
||||
.services-slider.style-6 .swiper-slide.swiper-slide-active {
|
||||
-webkit-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
padding: 0 20px;
|
||||
-webkit-filter: drop-shadow(5px 50px 30px #07397211);
|
||||
filter: drop-shadow(5px 50px 30px #07397211); }
|
||||
.services-slider.style-6 .swiper-slide.swiper-slide-prev {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 50px;
|
||||
padding: 0 12px; }
|
||||
.services-slider.style-6 .swiper-slide.swiper-slide-nth-prev-2 {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
top: 100px;
|
||||
padding: 0 9px; }
|
||||
|
||||
.service-card.style-6 {
|
||||
text-align: center;
|
||||
padding: 30px 8%;
|
||||
background-color: #f1f2fa;
|
||||
border-radius: 30px;
|
||||
overflow: hidden;
|
||||
margin: 20px 0;
|
||||
display: block;
|
||||
color: #000; }
|
||||
.service-card.style-6 .icon {
|
||||
-webkit-filter: drop-shadow(5px 15px 20px #07397255);
|
||||
filter: drop-shadow(5px 15px 20px #07397255);
|
||||
margin-bottom: 25px; }
|
||||
.service-card.style-6 .icon img {
|
||||
max-height: 100px;
|
||||
max-width: 100px;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain; }
|
||||
.service-card.style-6 .info h5 {
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
margin-bottom: 15px; }
|
||||
.service-card.style-6 .info .text {
|
||||
font-size: 11px;
|
||||
color: #666; }
|
||||
1
static/assets/css/elements/_services_details_page.css
Normal file
1
static/assets/css/elements/_services_details_page.css
Normal file
@ -0,0 +1 @@
|
||||
/* --------------- faq-page style-5 --------------- */
|
||||
327
static/assets/css/elements/_shop_page.css
Normal file
327
static/assets/css/elements/_shop_page.css
Normal file
@ -0,0 +1,327 @@
|
||||
/* --------------- services page styles --------------- */
|
||||
.shop-page .filter .filter-card {
|
||||
padding: 20px 15px;
|
||||
border-radius: 10px;
|
||||
background-color: #f0f4f8;
|
||||
text-transform: capitalize; }
|
||||
.shop-page .filter .filter-card .card-title {
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
font-weight: 800;
|
||||
margin-bottom: 15px; }
|
||||
.shop-page .filter .filter-card .form-check-label {
|
||||
cursor: pointer; }
|
||||
.shop-page .filter .filter-card .cat-link {
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
font-weight: 600; }
|
||||
.shop-page .filter .filter-card .category-checkRadio {
|
||||
padding: 0;
|
||||
line-height: 1; }
|
||||
.shop-page .filter .filter-card .category-checkRadio .form-check-input {
|
||||
display: none; }
|
||||
.shop-page .filter .filter-card .category-checkRadio .form-check-input:checked ~ .form-check-label {
|
||||
color: var(--color-blue5); }
|
||||
.shop-page .filter .filter-card .accordion .accordion-button {
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
margin-bottom: 10px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none; }
|
||||
.shop-page .filter .filter-card .accordion .accordion-button::after {
|
||||
background-size: 0.8rem;
|
||||
background-position: center; }
|
||||
.shop-page .filter .filter-card .accordion .accordion-button:not(.collapsed) {
|
||||
color: var(--color-blue5); }
|
||||
.shop-page .filter .filter-card .filter-card-item {
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #9994;
|
||||
margin-bottom: 20px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .sub-tilte {
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
font-weight: 800;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin-bottom: 15px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .filter-card-body .filter-card-scroll {
|
||||
max-height: 130px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto; }
|
||||
.shop-page .filter .filter-card .filter-card-item .filter-card-body .filter-card-scroll::-webkit-scrollbar {
|
||||
height: 10px;
|
||||
width: 5px;
|
||||
background: #dfdfdf;
|
||||
border-radius: 10px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .filter-card-body .filter-card-scroll::-webkit-scrollbar-thumb {
|
||||
background: var(--color-blue5);
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 10px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .filter-card-body .filter-card-scroll::-webkit-scrollbar-corner {
|
||||
background: var(--color-blue5);
|
||||
border-radius: 10px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .search-group {
|
||||
position: relative;
|
||||
margin-bottom: 25px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .search-group input {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
font-size: 11px;
|
||||
min-height: 40px;
|
||||
-webkit-padding-end: 20px;
|
||||
padding-inline-end: 20px; }
|
||||
.shop-page .filter .filter-card .filter-card-item .search-group button {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 10px;
|
||||
font-size: 13px;
|
||||
border: 0;
|
||||
background: transparent; }
|
||||
.shop-page .filter .filter-card .category-checkBox {
|
||||
font-size: 11px;
|
||||
color: #666;
|
||||
text-transform: capitalize; }
|
||||
.shop-page .filter .filter-card .slider-range-content .amount-input {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between; }
|
||||
.shop-page .filter .filter-card .slider-range-content .amount-input .amount {
|
||||
width: 35%;
|
||||
-webkit-margin-end: 5%;
|
||||
margin-inline-end: 5%;
|
||||
border-radius: 7px;
|
||||
background-color: #fff;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
padding: 6px 10px; }
|
||||
.shop-page .filter .filter-card .slider-range-content .amount-input .amount small {
|
||||
font-size: 10px;
|
||||
color: #999999; }
|
||||
.shop-page .filter .filter-card .slider-range-content .amount-input .amount input {
|
||||
border: 0;
|
||||
width: 100%; }
|
||||
.shop-page .filter .filter-card .slider-range-content .amount-input button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: var(--color-blue5);
|
||||
border: 0;
|
||||
color: #fff;
|
||||
border-radius: 7px;
|
||||
text-transform: capitalize; }
|
||||
.shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal {
|
||||
margin-top: 25px;
|
||||
height: 6px;
|
||||
border: 0;
|
||||
background-color: #dfdfdf; }
|
||||
.shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal .ui-slider-range {
|
||||
background-color: var(--color-blue5); }
|
||||
.shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal .ui-state-default, .shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal .ui-widget-content .ui-state-default, .shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal .ui-widget-header .ui-state-default, .shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal .ui-button, .shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal html .ui-button.ui-state-disabled:hover, .shop-page .filter .filter-card .slider-range-content .ui-slider-horizontal html .ui-button.ui-state-disabled:active {
|
||||
border: 0;
|
||||
background: var(--color-blue5);
|
||||
border-radius: 50%;
|
||||
width: 1em;
|
||||
height: 1em; }
|
||||
|
||||
.shop-page .products-content .top-filter {
|
||||
padding: 15px 0; }
|
||||
.shop-page .products-content .top-filter .r-side .form .form-group {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
font-size: 11px; }
|
||||
.shop-page .products-content .top-filter .r-side .form .form-group label {
|
||||
color: #999;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
-webkit-margin-end: 15px;
|
||||
margin-inline-end: 15px; }
|
||||
.shop-page .products-content .top-filter .r-side .form .form-group .form-select {
|
||||
border: 0;
|
||||
background-color: #f0f4f8;
|
||||
font-size: 11px;
|
||||
min-height: 35px;
|
||||
border-radius: 12px; }
|
||||
.shop-page .products-content .top-filter .r-side .grid-list-btns {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end; }
|
||||
.shop-page .products-content .top-filter .r-side .grid-list-btns .bttn {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
font-size: 17px;
|
||||
border-radius: 10px;
|
||||
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;
|
||||
background-color: #f0f4f8;
|
||||
color: #000;
|
||||
-webkit-margin-start: 10px;
|
||||
margin-inline-start: 10px;
|
||||
cursor: pointer; }
|
||||
.shop-page .products-content .top-filter .r-side .grid-list-btns .bttn:hover, .shop-page .products-content .top-filter .r-side .grid-list-btns .bttn.active {
|
||||
color: #fff;
|
||||
background-color: var(--color-blue5); }
|
||||
|
||||
.shop-page .products-content .products .product-card {
|
||||
border: 1px solid #ededed;
|
||||
padding: 30px 15px 15px;
|
||||
position: relative;
|
||||
border-radius: 12px;
|
||||
padding-bottom: 15px;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
margin-bottom: 24px; }
|
||||
.shop-page .products-content .products .product-card:hover {
|
||||
padding-bottom: 60px; }
|
||||
.shop-page .products-content .products .product-card:hover .img img {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
transform: scale(0.8); }
|
||||
.shop-page .products-content .products .product-card:hover .info {
|
||||
margin-top: -25px; }
|
||||
.shop-page .products-content .products .product-card:hover .btn {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
opacity: 1; }
|
||||
.shop-page .products-content .products .product-card .img {
|
||||
height: 130px; }
|
||||
.shop-page .products-content .products .product-card .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
-webkit-transform-origin: top;
|
||||
-ms-transform-origin: top;
|
||||
transform-origin: top; }
|
||||
.shop-page .products-content .products .product-card .info {
|
||||
margin-top: 20px;
|
||||
min-height: 77px;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.shop-page .products-content .products .product-card .info .category {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 7px; }
|
||||
.shop-page .products-content .products .product-card .info .title {
|
||||
font-size: 12px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0; }
|
||||
.shop-page .products-content .products .product-card .info .stars {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
font-size: 9px;
|
||||
color: #d0d0d0; }
|
||||
.shop-page .products-content .products .product-card .info .stars .active {
|
||||
color: #ffba00; }
|
||||
.shop-page .products-content .products .product-card .info .rev {
|
||||
color: #999;
|
||||
font-size: 9px; }
|
||||
.shop-page .products-content .products .product-card .price {
|
||||
margin-top: 15px;
|
||||
font-size: 15px;
|
||||
font-weight: bold; }
|
||||
.shop-page .products-content .products .product-card .price .price-sale {
|
||||
color: #f73312; }
|
||||
.shop-page .products-content .products .product-card .price .old-price {
|
||||
font-size: 11px;
|
||||
color: #999999;
|
||||
text-decoration: line-through !important;
|
||||
-webkit-margin-start: 5px;
|
||||
margin-inline-start: 5px; }
|
||||
.shop-page .products-content .products .product-card .btn {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
width: calc(100% - 30px);
|
||||
background-color: var(--color-blue5);
|
||||
padding: 7px 15px;
|
||||
-webkit-transform: translateY(70px);
|
||||
-ms-transform: translateY(70px);
|
||||
transform: translateY(70px);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-o-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease; }
|
||||
.shop-page .products-content .products .product-card .btn span {
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
font-weight: bold; }
|
||||
.shop-page .products-content .products .product-card .btn:hover {
|
||||
background-color: #000; }
|
||||
.shop-page .products-content .products .product-card .label {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
font-size: 9px;
|
||||
border-radius: 4px;
|
||||
background-color: #f0f0f0;
|
||||
color: #000;
|
||||
padding: 3px 10px;
|
||||
text-transform: uppercase; }
|
||||
.shop-page .products-content .products .product-card .label.new {
|
||||
background-color: #ffb500; }
|
||||
.shop-page .products-content .products .product-card .label.sale-off {
|
||||
background-color: #f73312;
|
||||
color: #fff; }
|
||||
.shop-page .products-content .products .product-card .fav-btn {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
font-size: 14px;
|
||||
color: #ccc;
|
||||
cursor: pointer; }
|
||||
.shop-page .products-content .products .product-card .fav-btn.active {
|
||||
color: #f73312; }
|
||||
|
||||
.shop-page .products-content .products.list-view .card-width {
|
||||
width: 50%; }
|
||||
|
||||
.shop-page .products-content .products.list-view .product-card {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex; }
|
||||
.shop-page .products-content .products.list-view .product-card .img {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
width: 35%;
|
||||
margin-right: 10px; }
|
||||
.shop-page .products-content .products.list-view .product-card:hover {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 35px; }
|
||||
.shop-page .products-content .products.list-view .product-card:hover .img img {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1); }
|
||||
.shop-page .products-content .products.list-view .product-card:hover .info {
|
||||
margin-top: 25px; }
|
||||
116
static/assets/css/elements/_side_menu.css
Normal file
116
static/assets/css/elements/_side_menu.css
Normal file
@ -0,0 +1,116 @@
|
||||
#side_menu.style-7 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 80px;
|
||||
z-index: 10;
|
||||
background-color: #fff;
|
||||
height: 100vh;
|
||||
width: 40%;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: -moz-max-content;
|
||||
min-width: max-content;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
pointer-events: none;
|
||||
border-top-right-radius: 100%;
|
||||
border-bottom-right-radius: 100%;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
z-index: 99; }
|
||||
#side_menu.style-7 .pages_links {
|
||||
padding: 15px 7vw;
|
||||
max-height: 350px;
|
||||
overflow: auto; }
|
||||
#side_menu.style-7 .pages_links::-webkit-scrollbar {
|
||||
height: 5px;
|
||||
width: 3px;
|
||||
background: #f1f1f1;
|
||||
border-radius: 10px; }
|
||||
#side_menu.style-7 .pages_links::-webkit-scrollbar-thumb {
|
||||
background: #3A4B75;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 10px; }
|
||||
#side_menu.style-7 .pages_links::-webkit-scrollbar-corner {
|
||||
background: #3A4B75;
|
||||
border-radius: 10px; }
|
||||
#side_menu.style-7 .pages_links li {
|
||||
opacity: 0;
|
||||
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
|
||||
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
|
||||
#side_menu.style-7 .pages_links li a {
|
||||
color: #222;
|
||||
font-size: calc(14px + 2vw);
|
||||
font-weight: bold;
|
||||
margin: 12px 0;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear; }
|
||||
#side_menu.style-7 .pages_links li a::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: 110%;
|
||||
top: 60%;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: #3A4B75;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out; }
|
||||
#side_menu.style-7 .pages_links li a:hover, #side_menu.style-7 .pages_links li a.active {
|
||||
color: #3A4B75; }
|
||||
#side_menu.style-7 .pages_links li a:hover::after, #side_menu.style-7 .pages_links li a.active::after {
|
||||
width: 50px; }
|
||||
#side_menu.style-7 .pages_links ul li {
|
||||
-webkit-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(1) {
|
||||
-webkit-transition-delay: 0.3s;
|
||||
-o-transition-delay: 0.3s;
|
||||
transition-delay: 0.3s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(2) {
|
||||
-webkit-transition-delay: 0.4s;
|
||||
-o-transition-delay: 0.4s;
|
||||
transition-delay: 0.4s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(3) {
|
||||
-webkit-transition-delay: 0.5s;
|
||||
-o-transition-delay: 0.5s;
|
||||
transition-delay: 0.5s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(4) {
|
||||
-webkit-transition-delay: 0.6s;
|
||||
-o-transition-delay: 0.6s;
|
||||
transition-delay: 0.6s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(5) {
|
||||
-webkit-transition-delay: 0.7s;
|
||||
-o-transition-delay: 0.7s;
|
||||
transition-delay: 0.7s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(6) {
|
||||
-webkit-transition-delay: 0.8s;
|
||||
-o-transition-delay: 0.8s;
|
||||
transition-delay: 0.8s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(7) {
|
||||
-webkit-transition-delay: 0.9s;
|
||||
-o-transition-delay: 0.9s;
|
||||
transition-delay: 0.9s; }
|
||||
#side_menu.style-7 .pages_links ul li:nth-of-type(8) {
|
||||
-webkit-transition-delay: 1s;
|
||||
-o-transition-delay: 1s;
|
||||
transition-delay: 1s; }
|
||||
#side_menu.style-7.show {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
pointer-events: all;
|
||||
border-radius: 0; }
|
||||
#side_menu.style-7.show li {
|
||||
opacity: 1;
|
||||
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
|
||||
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
|
||||
3
static/assets/css/elements/_single_project.css
Normal file
3
static/assets/css/elements/_single_project.css
Normal file
@ -0,0 +1,3 @@
|
||||
/* --------------- single-project style-1 --------------- */
|
||||
.single-project.style-1 .about-app.style-1 h1 {
|
||||
font-size: 55px; }
|
||||
5
static/assets/css/lib/all.min.css
vendored
Normal file
5
static/assets/css/lib/all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
5734
static/assets/css/lib/all.min_old.css
Normal file
5734
static/assets/css/lib/all.min_old.css
Normal file
File diff suppressed because it is too large
Load Diff
3623
static/assets/css/lib/animate.css
vendored
Normal file
3623
static/assets/css/lib/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1556
static/assets/css/lib/bootstrap-icons.css
vendored
Normal file
1556
static/assets/css/lib/bootstrap-icons.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
BIN
static/assets/css/lib/bootstrap-icons.woff
Normal file
BIN
static/assets/css/lib/bootstrap-icons.woff
Normal file
Binary file not shown.
BIN
static/assets/css/lib/bootstrap-icons.woff2
Normal file
BIN
static/assets/css/lib/bootstrap-icons.woff2
Normal file
Binary file not shown.
7
static/assets/css/lib/bootstrap.min.css
vendored
Normal file
7
static/assets/css/lib/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
static/assets/css/lib/bootstrap.rtl.min.css
vendored
Normal file
7
static/assets/css/lib/bootstrap.rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
static/assets/css/lib/jquery-ui.min.css
vendored
Normal file
7
static/assets/css/lib/jquery-ui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
96
static/assets/css/lib/jquery.fancybox.css
vendored
Normal file
96
static/assets/css/lib/jquery.fancybox.css
vendored
Normal file
@ -0,0 +1,96 @@
|
||||
@charset "UTF-8";.fancybox-enabled{overflow:hidden;}
|
||||
.fancybox-enabled body{overflow:visible;height:100%;}
|
||||
.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
|
||||
.fancybox-container ~ .fancybox-container{z-index:99992;}
|
||||
.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(0.55, 0.06, 0.68, 0.19);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
|
||||
.fancybox-container--ready .fancybox-bg{opacity:0.87;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);}
|
||||
.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr;}
|
||||
.fancybox-show-controls .fancybox-controls{opacity:1;}
|
||||
.fancybox-infobar{display:none;}
|
||||
.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all;}
|
||||
.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30, 30, 30, 0.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;}
|
||||
.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all;}
|
||||
.fancybox-show-buttons .fancybox-buttons{display:block;}
|
||||
.fancybox-slider-wrap{overflow:hidden;direction:ltr;}
|
||||
.fancybox-slider-wrap,
|
||||
.fancybox-slider{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;}
|
||||
.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;}
|
||||
.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;}
|
||||
.fancybox-slide > *{display:inline-block;position:relative;padding:24px;margin:44px 0 44px;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box;}
|
||||
.fancybox-slide--image{overflow:hidden;}
|
||||
.fancybox-slide--image::before{display:none;}
|
||||
.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial, sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;}
|
||||
.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff;}
|
||||
.fancybox-slide--video .fancybox-content,
|
||||
.fancybox-slide--video .fancybox-iframe{background:transparent;}
|
||||
.fancybox-placeholder{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
|
||||
.fancybox-image,
|
||||
.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;background:transparent;background-size:100% 100%;}
|
||||
.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:-webkit-zoom-out;cursor:zoom-out;}
|
||||
.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:-webkit-zoom-in;cursor:zoom-in;}
|
||||
.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab;}
|
||||
.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing;}
|
||||
.fancybox-spaceball{z-index:1;}
|
||||
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden;}
|
||||
.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;cursor:default;}
|
||||
.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}
|
||||
.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer;}
|
||||
.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2;}
|
||||
.fancybox-close-small:focus:after{outline:1px dotted #888;}
|
||||
.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent;}
|
||||
.fancybox-close-small:hover:after{color:#555;background:#eee;}
|
||||
.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0 30px;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);opacity:0;transition:opacity .2s;pointer-events:none;}
|
||||
.fancybox-show-caption .fancybox-caption-wrap{opacity:1;}
|
||||
.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255, 255, 255, 0.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none;}
|
||||
.fancybox-caption a,
|
||||
.fancybox-caption button{pointer-events:all;}
|
||||
.fancybox-caption a{color:#fff;text-decoration:underline;}
|
||||
.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none;}
|
||||
.fancybox-button--disabled{cursor:default;pointer-events:none;}
|
||||
.fancybox-infobar__body, .fancybox-button{background:rgba(30, 30, 30, 0.6);}
|
||||
.fancybox-button:hover{background:rgba(0, 0, 0, 0.8);}
|
||||
.fancybox-button::before,
|
||||
.fancybox-button::after{content:'';pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:0.9;box-sizing:border-box;display:inline-block;}
|
||||
.fancybox-button--disabled::before,
|
||||
.fancybox-button--disabled::after{opacity:0.5;}
|
||||
.fancybox-button--left::after{left:20px;top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);}
|
||||
.fancybox-button--right::after{right:20px;top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
|
||||
.fancybox-button--left{border-bottom-left-radius:5px;}
|
||||
.fancybox-button--right{border-bottom-right-radius:5px;}
|
||||
.fancybox-button--close{float:right;}
|
||||
.fancybox-button--close::before, .fancybox-button--close::after{content:'';display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px);}
|
||||
.fancybox-button--close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
|
||||
.fancybox-button--close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
|
||||
.fancybox-loading{border:6px solid rgba(100, 100, 100, 0.4);border-top:6px solid rgba(255, 255, 255, 0.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999;}
|
||||
@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
|
||||
to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
|
||||
}
|
||||
@keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
|
||||
to{-webkit-transform:rotate(359deg);transform:rotate(359deg);}
|
||||
}
|
||||
@media all and (max-width:800px){.fancybox-controls{text-align:left;}
|
||||
.fancybox-button--left,
|
||||
.fancybox-button--right,
|
||||
.fancybox-buttons button:not(.fancybox-button--close){display:none !important;}
|
||||
.fancybox-caption{padding:20px 0;margin:0;}
|
||||
}
|
||||
.fancybox-button--fullscreen::before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none;}
|
||||
.fancybox-button--play::before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent;}
|
||||
.fancybox-button--pause::before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px 0 2px;background:transparent;}
|
||||
.fancybox-button--thumbs span{font-size:23px;}
|
||||
.fancybox-button--thumbs::before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;}
|
||||
.fancybox-container--thumbs .fancybox-controls,
|
||||
.fancybox-container--thumbs .fancybox-slider-wrap,
|
||||
.fancybox-container--thumbs .fancybox-caption-wrap{right:220px;}
|
||||
.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
|
||||
.fancybox-thumbs > ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;}
|
||||
.fancybox-thumbs > ul > li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;}
|
||||
li.fancybox-thumbs-loading{background:rgba(0, 0, 0, 0.1);}
|
||||
.fancybox-thumbs > ul > li > img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
||||
.fancybox-thumbs > ul > li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
|
||||
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before{opacity:1;}
|
||||
@media all and (max-width:800px){.fancybox-thumbs{display:none !important;}
|
||||
.fancybox-container--thumbs .fancybox-controls,
|
||||
.fancybox-container--thumbs .fancybox-slider-wrap,
|
||||
.fancybox-container--thumbs .fancybox-caption-wrap{right:0;}
|
||||
}
|
||||
200
static/assets/css/lib/lity.css
Normal file
200
static/assets/css/lib/lity.css
Normal file
@ -0,0 +1,200 @@
|
||||
/*! Lity - v2.4.1 - 2020-04-26
|
||||
* http://sorgalla.com/lity/
|
||||
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
|
||||
.lity {
|
||||
z-index: 9990;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
white-space: nowrap;
|
||||
background: #0b0b0b;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
outline: none !important;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.lity.lity-opened {
|
||||
opacity: 1;
|
||||
}
|
||||
.lity.lity-closed {
|
||||
opacity: 0;
|
||||
}
|
||||
.lity * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lity-wrap {
|
||||
z-index: 9990;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
outline: none !important;
|
||||
}
|
||||
.lity-wrap:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
margin-right: -0.25em;
|
||||
}
|
||||
.lity-loader {
|
||||
z-index: 9991;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -0.8em;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
.lity-loading .lity-loader {
|
||||
opacity: 1;
|
||||
}
|
||||
.lity-container {
|
||||
z-index: 9992;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
white-space: normal;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
outline: none !important;
|
||||
}
|
||||
.lity-content {
|
||||
z-index: 9993;
|
||||
width: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transition: -webkit-transform 0.3s ease;
|
||||
transition: -webkit-transform 0.3s ease;
|
||||
-o-transition: -o-transform 0.3s ease;
|
||||
transition: transform 0.3s ease;
|
||||
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
|
||||
}
|
||||
.lity-loading .lity-content,
|
||||
.lity-closed .lity-content {
|
||||
-webkit-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
-o-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
.lity-content:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.lity-close {
|
||||
z-index: 9994;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-size: 35px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
line-height: 35px;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
border: 0;
|
||||
background: none;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.lity-close::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.lity-close:hover,
|
||||
.lity-close:focus,
|
||||
.lity-close:active,
|
||||
.lity-close:visited {
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
font-style: normal;
|
||||
font-size: 35px;
|
||||
font-family: Arial, Baskerville, monospace;
|
||||
line-height: 35px;
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
border: 0;
|
||||
background: none;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.lity-close:active {
|
||||
top: 1px;
|
||||
}
|
||||
/* Image */
|
||||
.lity-image img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
border: 0;
|
||||
}
|
||||
/* iFrame */
|
||||
.lity-iframe .lity-container,
|
||||
.lity-youtube .lity-container,
|
||||
.lity-vimeo .lity-container,
|
||||
.lity-facebookvideo .lity-container,
|
||||
.lity-googlemaps .lity-container {
|
||||
width: 100%;
|
||||
max-width: 964px;
|
||||
}
|
||||
.lity-iframe-container {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-top: 56.25%;
|
||||
overflow: auto;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.lity-iframe-container iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000;
|
||||
}
|
||||
.lity-hide {
|
||||
display: none;
|
||||
}
|
||||
13
static/assets/css/lib/swiper.min.css
vendored
Normal file
13
static/assets/css/lib/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
0
static/assets/css/one_pages.css
Normal file
0
static/assets/css/one_pages.css
Normal file
235
static/assets/css/rtl_style.css
Normal file
235
static/assets/css/rtl_style.css
Normal file
@ -0,0 +1,235 @@
|
||||
body {
|
||||
direction: rtl;
|
||||
font-family: 'El Messiri', sans-serif; }
|
||||
|
||||
.butn.sm-butn, .btn.sm-butn {
|
||||
padding: 12px 25px; }
|
||||
.butn.sm-butn span, .btn.sm-butn span {
|
||||
line-height: 1; }
|
||||
|
||||
.bi-arrow-right,
|
||||
.bi-arrow-left,
|
||||
.fa-chevron-right,
|
||||
.fa-chevron-left {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.section-head.style-6 h2 span small {
|
||||
font-size: 40px; }
|
||||
|
||||
p {
|
||||
font-size: 18px; }
|
||||
|
||||
.navbar.style-6 .nav-item .nav-link {
|
||||
font-size: 13px; }
|
||||
.navbar.style-6 .nav-item .nav-link::after {
|
||||
right: auto;
|
||||
left: -16px; }
|
||||
|
||||
header.style-6 .info h6 {
|
||||
letter-spacing: 0; }
|
||||
|
||||
header.style-6 .info h1 {
|
||||
font-size: 70px; }
|
||||
header.style-6 .info h1 span small {
|
||||
font-size: 70px; }
|
||||
|
||||
header.style-6 .info .text {
|
||||
font-size: 18px; }
|
||||
|
||||
header.style-6 .info .form .form-group {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #9994; }
|
||||
header.style-6 .info .form .form-group input {
|
||||
font-size: 13px; }
|
||||
|
||||
.about.style-6 {
|
||||
overflow: hidden; }
|
||||
.about.style-6 .content .info .text {
|
||||
font-size: 18px; }
|
||||
.about.style-6 .content .info .vid-btn {
|
||||
font-size: 13px; }
|
||||
.about.style-6 .content .info .vid-btn i {
|
||||
margin-right: auto;
|
||||
margin-left: 5px; }
|
||||
.about.style-6 .bubbles {
|
||||
right: auto;
|
||||
left: 0; }
|
||||
|
||||
.choose-us.style-6 {
|
||||
overflow: hidden; }
|
||||
.choose-us.style-6 .img {
|
||||
margin-right: -200px;
|
||||
margin-left: 0; }
|
||||
.choose-us.style-6 .img img {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg); }
|
||||
.choose-us.style-6 .bubbles {
|
||||
right: 0;
|
||||
left: auto; }
|
||||
|
||||
footer.style-6 .form .form-group .icon {
|
||||
right: 15px;
|
||||
left: auto; }
|
||||
|
||||
footer.style-6 .form .form-group button {
|
||||
right: auto;
|
||||
left: 5px; }
|
||||
footer.style-6 .form .form-group button i {
|
||||
margin-top: 5px; }
|
||||
|
||||
.to_top {
|
||||
right: auto;
|
||||
left: -50px; }
|
||||
.to_top.show {
|
||||
left: 30px;
|
||||
right: auto; }
|
||||
|
||||
.community.style-5 .content .commun-card {
|
||||
border-right: none;
|
||||
border-left: 1px solid #99999933; }
|
||||
.community.style-5 .content .commun-card .icon {
|
||||
margin-right: 0;
|
||||
margin-left: 25px; }
|
||||
|
||||
.number-card.style-6 {
|
||||
border-right: none;
|
||||
border-left: 1px solid #9993; }
|
||||
.number-card.style-6 .text {
|
||||
font-size: 18px; }
|
||||
|
||||
.features-card.style-5 {
|
||||
min-height: 330px; }
|
||||
|
||||
.shop-page .filter .filter-card .filter-card-item .search-group button {
|
||||
left: 8px;
|
||||
right: auto; }
|
||||
|
||||
.blog-page.style-5 .related-postes-slider .swiper-button-prev, .blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-next {
|
||||
left: 50px;
|
||||
right: auto;
|
||||
top: -60px;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.blog-page.style-5 .related-postes-slider .swiper-button-next, .blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-prev {
|
||||
right: auto;
|
||||
top: -60px;
|
||||
left: 0;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.blog-page.style-5 .related-postes-slider .swiper-slide-prev::after,
|
||||
.blog-page.style-5 .related-postes-slider .swiper-slide-active::after {
|
||||
left: -40px;
|
||||
right: auto; }
|
||||
|
||||
.about.style-4 .content.frs-content .bubble,
|
||||
.about.style-4 .content.trd-content .bubble,
|
||||
.about.style-4 .content.frs-content .lines,
|
||||
.about.style-4 .content.trd-content .lines {
|
||||
right: 0;
|
||||
left: auto;
|
||||
-webkit-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg); }
|
||||
|
||||
.about.style-4 .content.sec-content .bubble2 {
|
||||
right: auto;
|
||||
left: 0; }
|
||||
|
||||
.about.style-4 .btn-img .icon {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
border-right: 0 solid rgba(0, 0, 0, 0.067);
|
||||
padding-left: 15px;
|
||||
margin-left: 15px;
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.067); }
|
||||
|
||||
.testimonials.style-4 .content .testi-cards .client_card .user_img {
|
||||
margin-right: 0;
|
||||
margin-left: 25px; }
|
||||
|
||||
.testimonials.style-4 .content .numbs .num-card:not(:last-of-type) {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
border-right: 0 solid rgba(153, 153, 153, 0.2);
|
||||
padding-left: 50px;
|
||||
margin-left: 50px;
|
||||
border-left: 1px solid rgba(153, 153, 153, 0.2); }
|
||||
|
||||
.pricing.style-4 .content .row .col-lg-6:nth-of-type(2) .price-card {
|
||||
border-top-left-radius: 15px;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px; }
|
||||
|
||||
.pricing.style-4 .content .price-card .off {
|
||||
right: auto;
|
||||
left: 45px; }
|
||||
|
||||
.pricing.style-4 .content .row .col-lg-6:nth-of-type(1) .price-card {
|
||||
border-top-right-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
border-right: 1px solid #e9e8ee;
|
||||
margin-left: -1px;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left: 0;
|
||||
margin-left: -1px; }
|
||||
|
||||
.community.style-4 .content .commun-card {
|
||||
border-right: 0 solid rgba(153, 153, 153, 0.2);
|
||||
border-left: 1px solid rgba(153, 153, 153, 0.2); }
|
||||
|
||||
.community.style-4 .content .commun-card .icon {
|
||||
margin-right: 0;
|
||||
margin-left: 25px; }
|
||||
|
||||
header.style-3 .main-img {
|
||||
right: auto;
|
||||
left: 0;
|
||||
-o-object-position: left;
|
||||
object-position: left;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
header.style-3 .content .info .form-group.input-with-icon .input-icon {
|
||||
left: auto;
|
||||
right: 20px; }
|
||||
|
||||
header.style-3 .content .info .form-group.input-with-icon .form-control {
|
||||
padding: 12px 40px 12px 20px; }
|
||||
|
||||
.testimonials.style-3 .testimonial-slider.style-3 .swiper-button-next {
|
||||
right: auto;
|
||||
left: 40px; }
|
||||
|
||||
.testimonials.style-3 .testimonial-slider.style-3 .swiper-button-prev {
|
||||
right: auto;
|
||||
left: 0; }
|
||||
|
||||
.section-head.style-3 h3 span::after {
|
||||
-webkit-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
left: auto;
|
||||
right: 0; }
|
||||
|
||||
.about.style-3 .img-left {
|
||||
left: auto;
|
||||
right: 0; }
|
||||
.about.style-3 .img-left > img {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.about.style-3 .btm-content .img-right {
|
||||
right: auto;
|
||||
left: 0; }
|
||||
|
||||
.project-card.style-3:hover .info {
|
||||
left: auto;
|
||||
right: 20px; }
|
||||
10901
static/assets/css/style.css
Normal file
10901
static/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user