first commit

This commit is contained in:
Beyhan Oğur
2026-04-26 22:07:47 +03:00
commit 5285a0dd86
522 changed files with 41738 additions and 0 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,873 @@
.breadcrumb-area{
background: #ddd;
}
/*Pagination*/
.theme-pagination ul{
margin: 0;
padding: 0;
list-style: none;
}
.theme-pagination li{
display: inline-block;
}
.theme-pagination li a {
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
border: 1px solid #E1E3E8;
border-radius: 8px;
margin: 0 4px;
transition: all 0.3s;
display: block;
color: #000;
}
.theme-pagination li a:hover, .theme-pagination li a.active {
background: #7977C6;
transition: all 0.3s;
color: #ffffff;
}
/*Common Widget*/
.single-widget {
padding: 32px;
border-radius: 8px;
margin-bottom: 30px;
background: #FFFFFF;
box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.09);
border-radius: 15px;
}
.single-widget ul{
margin: 0;
padding: 0;
list-style: none;
}
.single-widget li a {
background: transparent;
border-radius: 7px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
display: flex;
/* display: inline-block; */
align-items: center;
color: #161540;
justify-content: space-between;
padding: 17px 20px;
transition: all 0.3s;
background: #F6F7FA;
margin-bottom: 16px;
width: 100%;
transition: all.4s;
}
.single-widget li a:hover {
background-color: #006fff;
color: #fff;
transition: all.3s;
}
.single-widget li a span {
transform: rotate(90deg);
transition: all.3s;
}
.single-widget li:hover span {
transform: rotate(0);
transition: all.3s;
}
.single-widget h3 {
font-weight: 500;
font-size: 20px;
line-height: 20px;
color: #202C4A;
position: relative;
z-index: 2;
padding-left: 10px;
margin-bottom: 16px;
}
/* .single-widget h3:after {
position: absolute;
content: "";
height: 100%;
width: 2px;
background: #7977C6;
left: 0;
top: 0;
z-index: 1;
} */
.widgets {
position: sticky;
top: 74px;
}
/*Search widget*/
.search-form-widget form{
position: relative;
z-index: 2;
border-radius: 7px;
overflow: hidden;
background:#fff;
border: none;
}
.search-form-widget form input{
width: 90%;
padding: 14px;
border: none;
font-size: 16px;
color: #000;
}
.search-form-widget form input::placeholder{
color: #000
}
.search-form-widget form input:focus{
outline: none;
}
button.search-icon {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 10%;
border: none;
}
/*recent post */
.recent-post {
position: relative;
z-index: 2;
padding-bottom: 15px;
}
.recent-post {
display: flex;
align-items: start;
}
.recent-img img {
object-fit: cover;
height: 70px;
width: 100px;
border-radius: 4px;
}
.recent-post-content a {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #202C4A;
}
.blog-date-time ul{
margin: 0;
padding: 0;
list-style: none;
}
.blog-date-time ul li a {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #161540;
}
/*Blog posts*/
.blog-date-time ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.blog-date-time ul li a {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #161540;
}
.author-bio {
display: flex;
align-items: center;
}
.author-name, .blog-category, .blog-date, .blog-coments {
display: flex;
align-items: center;
margin-right: 15px;
}
.author-name a, .blog-category a, .blog-date a, .blog-coments a {
color: #202C4A;
font-weight: 400;
font-size: 16px;
}
.author-name a svg, .blog-category a svg, .blog-date a svg, .blog-coments a svg {
margin-right: 4px;
}
.post-format-video .blog-img {
position: relative;
z-index: 2;
}
.post-format-quote {
background: #e7e8f4;
border-radius: 8px;
padding: 30px;
margin-bottom: 30px;
}
.post-format-quote p {font-size: 20px;line-height: 32px;}
.post-audio iframe{
width: 100%;
}
.video-btn {
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 50px);
z-index: 9;
}
.video-btn a {
font-size: 30px;
display: block;
width: 100px;
height: 100px;
background: #7977C6;
text-align: center;
line-height: 100px;
color: #ffffff;
border-radius: 50%;
}
.video-btn a:hover {
color: #ffffff;
}
.post-format-gallery .owl-nav button {
font-size: 30px;
display: block;
width: 70px;
height: 70px;
background: #2F80ED !important;
text-align: center;
line-height: 100px;
color: #ffffff !important;
border-radius:15px;
position: absolute;
top: calc(50% - 35px);
left: 10px;
z-index: 9;
}
.post-format-gallery .owl-nav button.owl-next {
left: auto;
right: 10px;
}
.blog-date-time {
margin-bottom: 6px;
}
.single-blog-contents h3 {
font-weight: 400;
font-size: 32px;
line-height: 40px;
color: #161540;
margin: 30px 0 20px;
}
.single-blog-contents p {
margin-bottom: 30px;
font-size: 20px;
line-height: 34px;
color: #5C5B79;
}
.single-blog-quote {
background: rgba(242, 57, 54, 0.03);
border-radius: 8px;
padding: 30px 120px 30px 30px;
}
.single-blog-quote h4 {
font-weight: 400;
font-size: 24px;
line-height: 34px;
color: #161540;
}
.single-blog-quote a {
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #5C5B79;
}
.theme-border {
height: 1px;
border-bottom: 1px solid #E1E3E8;
margin: 20px 0;
}
.single-blog h3 a {
font-weight: 700;
font-size: 24px;
line-height: 34px;
color: #161540;
margin-bottom: 0;
transition: all 0.3s;
display: block;
}
.single-blog p {
font-size: 16px;
line-height: 28px;
color: #5C5B79;
margin-bottom: 0;
}
.post-blog{
margin-bottom: 40px;
}
.post-blog:last-child{
margin-bottom: 0;
}
.post-format-gallery .owl-nav button {
font-size: 30px;
display: block;
width: 70px;
height: 70px;
background: #2F80ED !important;
text-align: center;
line-height: 100px;
color: #ffffff !important;
border-radius: 7px;
position: absolute;
top: calc(50% - 35px);
left: 10px;
z-index: 9;
}
.post-format-gallery .owl-nav button.owl-next {
left: auto;
right: 10px;
}
.theme-btn-14 {
background: #7977C6;
box-shadow: 0 4px 25px rgba(121, 119, 198, 0.2);
border-radius: 7px;
font-family: "satoshi";
font-weight: 600;
font-size: 16px;
line-height: 24px;
display: inline-block;
text-align: center;
color: #ffffff;
padding: 13px 24px;
border: none;
}
/*
++++++++++++++++++++++++++++++++++
==== =====blog page all ====== ======
+++++++++++++++++++++++++++++++++
*/
.coffee-nav ul li a {
color: #2F80ED;
text-decoration: none;
background: rgba(47, 128, 237, 0.2);
border-radius: 7px;
/* padding: 13px 20px; */
font-size: 15px;
font-weight: 700;
transition: all.6s;
cursor: pointer;
display: inline-block;
min-height: 50px;
min-width: 165px;
/* width: 200px; */
text-align: start;
line-height: 50px;
padding-left: 20px;
}
.coffee-nav ul li a:hover,
.coffee-nav ul li a.active {
background: #2F80ED;
box-shadow: 0px 4px 10px rgba(47, 128, 237, 0.2);
color: #fff;
}
.coffee-nav ul {
list-style: none;
padding: 15px 0 25px 0;
justify-content: center;
}
ul {
list-style: none;
}
.coffee-nav ul li {
display: inline-block;
margin: 8px;
margin-top: 20px;
}
.coffee-nav {
background-color: #fff;
margin: 0 auto;
border-radius: 5px;
margin-top: 50px;
margin-bottom: 10px;
}
.shop-1 {
margin-top: 0;
}
ul.nav.nav-tabs {
background: #F6F7FA;
border-radius: 7px;
}
.faq-massge-box-all {
background: #2F80ED;
border-radius: 7px;
padding: 50px 48px;
margin: 0 90px;
}
.massge-single-inputs input {
background: none;
border: none;
border-bottom: 1px solid #fff;
width: 100%;
padding: 17px;
font-size: 16px;
color: #fff;
}
.massge-single-inputs input::placeholder {
color: #fff;
}
.massge-single-inputs textarea {
background: none;
border: none;
border-bottom: 1px solid #fff;
width: 100%;
padding: 17px;
font-size: 20px;
color: #fff;
}
.massge-single-inputs textarea::placeholder {
color: #fff;
}
.massge-btn a {
color: #0072ff;
background-color: #fff;
border-radius: 5px;
padding: 15px 20px;
font-size: 15px;
font-weight: 700;
line-height: 16px;
display: inline-block;
}
.massge-button {
text-align: end;
margin-top: 30px;
}
.about-slider-box.about-slider-box2 {
background-color: #F6F7FA;
}
.accordion-button.accordion-button2.accordion-button3 {
background-color: #fff;
}
/*
++++++++++++++++++++++++++++++++++
==== =====blog page all ====== ======
+++++++++++++++++++++++++++++++++
*/
/*
++++++++++++++++++++++++++++++++++
==== =====blog details all ====== ======
+++++++++++++++++++++++++++++++++
*/
.author-bio > div {
padding: 0 20px 0 0;
}
p.details-p-hadding {
color: #202C4A;
font-weight: 500;
font-size: 18px;
line-height: 18px;
}
.blog-massge-box {
background-color: #202C4A;
border-radius: 15px;
padding: 32px 24px;
margin: 30px 0;
}
.blog-massge-box p {
color: #fff;
line-height: 30px;
font-size: 18px;
font-style: italic;
font-weight: 400;
}
.blog-post-img img {
width: 100%;
}
.border-details {
border: 1px solid #1c243923;
}
.details-tag-list ul li a {
padding: 15px 20px;
border-radius: 7px;
background: rgba(32, 44, 74, 0.1);
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #202C4A;
line-height: 16px;
transition: all.3s;
}
.details-tag-list ul li a:hover {
padding: 15px 20px;
border-radius: 7px;
background: #202C4A;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #fff;
line-height: 16px;
transition: all.3s;
}
.details-tag-list ul li {
display: inline-block;
}
.blog-details-tag {
display: flex;
align-items: center;
}
.blog-details-tags {
padding: 40px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-details-icons {
display: flex;
align-items: center;
}
.blogp-details-icon-list ul li a {
background: #2f81ed20;
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
color: #202C4A;
border-radius: 50%;
transition: all.3s;
}
.blogp-details-icon-list ul li a:hover {
color: #fff;
background-color: #006fff;
transition: all.3s;
}
.blogp-details-icon-list ul li {
display: inline-block;
}
.commet-single-box {
display: flex;
align-items: start;
position: relative;
margin-top: 40px;
padding: 40px 24px;
background-color: #F6F7FA;
border-radius: 15px;
}
.single-commet-img {
height: 100px;
width: 100px;
margin-right: 20px;
}
.replly-btn a {
display: inline-block;
background-color: #202C4A;
padding: 12px 14px;
border-radius: 7px;
font-size: 16px;
line-height: 16px;
color: #fff;
font-weight: 700;
transition: all.4s;
}
.replly-btn a:hover {
background-color: #006fff;
transition: all.4s;
}
.replly-btn {
position: absolute;
top: 16px;
right: 16px;
}
.contact-input input {
width: 49%;
padding: 13px;
border: none;
background-color: #F6F7FA;
border-radius: 4px;
margin-top: 16px;
margin-right: 5px;
}
.contact-input textarea {
width: 99%;
padding: 13px;
border: none;
background-color: #F6F7FA;
border-radius: 4px;
margin-top: 16px;
margin-right: 5px;
}
.details-form-btn {
text-align: end;
}
.search-form-widget form {
border: none;
background: #F3F3F3;
}
.search-form-widget form input {
background-color: #F3F3F3;
}
ul.blog-date li {
color: #525975;
line-height: 16px;
font-weight: 400;
font-size: 16px;
display: flex;
}
ul.blog-date li img {
padding-right: 2px;
}
.recent-img {
height: 100px;
width: 100px;
margin-right: 20px;
}
.tagcloud a {
padding: 16px 20px;
background: rgba(32, 44, 74, 0.1);
border-radius: 7px;
color: #202C4A;
}
.tagcloud a:hover {
background-color: #202C4A;
color: #fff;
}
.sidebar-img-box-all {
background: #202C4A;
box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.09);
border-radius: 15px;
padding: 32px;
margin-bottom: 36px;
}
.sidebar-box-hadding h4 a:hover {
color: #fff;
}
.details-side-box-icon ul li a {
display: inline-block;
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 40px;
text-align: center;
background-color: #f6f7fa2b;
color: #fff;
transition: all.3s;
}
.details-side-box-icon ul li {
display: inline-block;
}
.details-side-box-icon ul li a:hover {
background-color: #006fff;
transition: all.3s;
}
.blog-realeted {
margin-top: 120px;
}
.blog-boxs-img img {
width: 100%;
}
.blog-page-boxs.blog-page-boxs1 {
margin-bottom: 45px;
}
@media screen and (max-width: 769px) {
.blog-page-boxs.blog-page-boxs1 {
margin-bottom: 30px;
}
.blog-page-boxs {
margin-bottom: 30px;
}
}
@media screen and (max-width: 426px) {
.blog-details-tags {
padding: 40px 0;
display: block;
align-items: center;
justify-content: space-between;
}
.blog-details-tag {
display: flex;
align-items: center;
margin-bottom: 20px;
}
}
.blog-details-img img {
width: 100%;
}
/*
++++++++++++++++++++++++++++++++++
==== =====blog details all ====== ======
+++++++++++++++++++++++++++++++++
*/
.video-play-button2 {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
/* background: #fa183d; */
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.video-play-button2:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
background: #2F80ED;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button2:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #2F80ED;
border-radius: 50%;
transition: all 200ms;
}
.video-play-button2:hover:after {
background-color: darken(#fa183d, 10%);
}
.video-play-button2 img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.video-play-button2 span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 13px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-top: 11px;
margin-left: 7px;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.space-left-30 {
padding-left: 30px;
}

7
public/assets/css/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

840
public/assets/css/comon.css Normal file
View File

@@ -0,0 +1,840 @@
/*----- all-button -----*/
.button1 button {
color: #fff;
font-size: 16px;
background: #0263e0;
line-height: 16px;
padding: 20px 30px;
display: inline-block;
transition: all 0.3s;
font-weight: 700;
border-radius: 10px;
box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
border: none;
}
.button1 button:hover {
transition: all 0.3s;
transform: scale(1.01);
}
.shopes1 {
position: absolute;
right: 0;
top: 50px;
}
.shopes2 {
position: absolute;
left: 0;
bottom: 50px;
}
/*----- all-button -----*/
.hadding2 h1,
h2,
h3,
h4,
h5,
h6 {
color: #202c4a;
}
.hadding2 h1,
a h2,
a h3,
a h4,
a h5,
a h6 a {
color: #202c4a;
}
.hadding2 h4 a {
color: #202c4a;
}
.hadding2 p {
color: #525975;
}
.hadding2 span.after {
position: relative;
}
.hadding2 span.after::after {
content: "";
}
.img-border15 img {
border-radius: 15px;
}
.img100 img {
width: 100%;
}
a.home2-a {
color: #202c4a;
}
.home2-btn a:hover {
color: #fff;
transform: scale(1.03);
transition: all.3s;
}
.hadding3 h1,
h2,
h3,
h4,
h5,
h6 {
color: #09100e;
}
.hadding3 p.p3 {
color: #5e6261;
}
.hadding3 p.p4 {
color: #4D4B51;
}
.hadding3 p {
color: #747474;
}
.hadding3 h4 a {
color: #09100e;
}
.hadding3 span {
display: inline-block;
margin-bottom: 10px;
}
img.img-border {
border-radius: 7px;
}
.hadding4 h1,
h2,
h3,
h4,
h5,
h6 {
color: #030406;
}
.hadding4 h1 {
text-transform: capitalize;
}
p.hadding4-p1 p {
color: rgba(3, 4, 6, 0.7);
}
p.hadding4-p2 p {
color: #4f4f51;
}
.hadding4 h4 a {
color: #030406;
}
.hadding5 span.after {
position:relative;
}
.hadding5 h1 span.after::after {
content: "";
position: absolute;
bottom: 4px;
left: 0px;
width: 100%;
height: 16px;
z-index: -2;
background-image: url(../img/shapes/hadding5-span.svg);
}
.bg5 {
}
/*------------------------------------------
------------ all buttons--------------------
-------------------------------- */
.home4-button a {
display: inline-block;
padding: 16px 25px;
color: #fff;
background-color: #006fff;
border-radius: 5px;
position: relative;
font-size: 16px;
line-height: 16px;
font-weight: 700;
}
.home4-button a:nth {
margin-left: 10px;
}
a.home4-btn2 {
margin-left: 10px;
}
.home4-button a:hover::after {
top: 4px;
left: 4px;
transition: all.4s;
}
.home4-button a:hover {
background: #fff;
transition: all.4s;
color: #030406;
}
a.home4-btn-f {
position: relative;
}
a.home4-btn-f::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0072ff;
z-index: -2;
border-radius: 5px;
transition: all.4s;
}
a.home4-btn-f:hover::after {
top: 4px;
left: 4px;
transition: all.4s;
}
a.cta-btn4 {
background: none;
}
a.cta-btn4:hover {
background: none;
color: #fff;
}
a.home4-btn-plan {
position: relative;
}
a.home4-btn-plan::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
width: 100%;
height: 100%;
background-color: #030406;
z-index: -2;
border-radius: 5px;
transition: all.4s;
}
a.home4-btn-plan:hover::after {
top: 4px;
left: 4px;
transition: all.4s;
}
.home4-button.home4-pricing-btn a {
width: 100%;
text-align: center;
}
.home4-pricing-main-img {
position: absolute;
top: 32px;
right: 32px;
}
.home2-pricing-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
#030406;
border-radius: 10px;
z-index: -5;
transition: all.3s;
opacity: 0;
visibility: hidden;
}
.home2-pricing-box:hover::before {
visibility: visible;
opacity: 1;
transition: all.3s;
top: 10px;
left: 10px;;
}
.home2-pricing-box.active::before {
visibility: visible;
opacity: 1;
transition: all.3s;
top: 10px;
left: 10px;;
}
.home2-pricing-box:hover {
border: none;
}
.button5 a {
font-size: 16px;
font-weight: 700;
background-color: #24BA96;
line-height: 16px;
color: #fff;
padding: 16px 24px;
display: inline-block;
border-radius: 4px;
transition: all.3s;
}
.button5 a:hover {
font-size: 16px;
font-weight: 700;
background-color: #fff;
line-height: 16px;
color: #24BA96;
padding: 16px 24px;
border-radius: 4px;
transition: all.3s;
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
}
.button5 a:hover svg {
color: #Fff;
}
.button5 a:hover span {
background-color: #24BA96;
}
.button5 a svg {
color: #24BA96;
transition: all.3s;
}
.button5 a span {
background-color: #fff;
height: 20px;
display: inline-block;
width: 20px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
transform: rotate(-45deg);
margin-left: 3px;
}
.button5-btn2 a:hover {
font-size: 16px;
font-weight: 700;
background-color: #24BA96;
line-height: 16px;
color: #fff;
padding: 16px 24px;
border-radius: 4px;
transition: all.3s;
}
.button5-btn2 a {
font-size: 16px;
font-weight: 700;
background-color: #fff;
line-height: 16px;
color: #24BA96;
padding: 16px 24px;
border-radius: 4px;
transition: all.3s;
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
}
.button5-btn2 a svg {
color: #Fff;
}
.d-none.d-md-block.button5-btn2:hover a svg {
color: #24BA96;
}
.button5-btn2 a:hover span {
background-color: #fff;
}
.button5-btn2 a span {
background-color: #24BA96;
height: 20px;
display: inline-block;
width: 20px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
transform: rotate(-45deg);
margin-left: 3px;
}
.button5 button {
font-size: 16px;
font-weight: 700;
background-color: #24BA96;
line-height: 16px;
color: #fff;
padding: 16px 24px;
border: none;
border-radius: 4px;
}
.button5 button:hover {
font-size: 16px;
font-weight: 700;
background-color: #fff;
line-height: 16px;
color: #24BA96;
padding: 16px 24px;
border: none;
border-radius: 4px;
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
transition: all.3s;
}
.button5 button svg {
color: #24BA96;
transition: all.3s;
}
.button5 button:hover svg {
color: #fff;
transition: all.3s;
}
.button5 button span {
background-color: #fff;
height: 20px;
display: inline-block;
width: 20px;
border-radius: 50%;
text-align: center;
transition: all.3s;
line-height: 20px;
font-size: 12px;
transform: rotate(-45deg);
margin-left: 3px;
}
.button5 button:hover span {
background-color: #24BA96;
}
/*------------------------------------------
------------ all buttons--------------------
-------------------------------- */
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
top: 8px;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
/* background: #fa183d; */
border-radius: 50%;
padding: 18px 20px 18px 28px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 60px;
height: 60px;
background: #24BA96;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.padding50 {
padding: 20px 0 80px 0;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 50px;
height: 50px;
background: #24BA96;
border-radius: 50%;
transition: all 200ms;
}
.video-play-button:hover:after {
background-color: darken(#fa183d, 10%);
}
.video-play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 13px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
margin-top: 11px;
margin-left: 7px;
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.video-overlay {
position: fixed;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.80);
opacity: 0;
transition: all ease 500ms;
}
.video-overlay.open {
position: fixed;
z-index: 1000;
opacity: 1;
}
.video-overlay-close {
position: absolute;
z-index: 1000;
top: 15px;
right: 20px;
font-size: 36px;
line-height: 1;
font-weight: 400;
color: #24BA96;
text-decoration: none;
cursor: pointer;
transition: all 200ms;
}
.video-overlay-close:hover {
color: #24BA96;
}
/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/
.blok:nth-of-type(odd) {
background-color: white;
}
.blok:nth-of-type(even) {
background-color: black;
}
@-webkit-keyframes border-transform {
0%,
100% {
border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
}
14% {
border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
}
28% {
border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
}
42% {
border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
}
56% {
border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
}
70% {
border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
}
84% {
border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
}
}
/* #Progress
================================================== */
/*============================
++++PAGE-PROGRESS-SATRT+++++
=============================*/
.blok:nth-of-type(odd) {
background-color: white;
}
.blok:nth-of-type(even) {
background-color: black;
}
@-webkit-keyframes border-transform {
0%,
100% {
border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
}
14% {
border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
}
28% {
border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
}
42% {
border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
}
56% {
border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
}
70% {
border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
}
84% {
border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
}
}
/* #Progress
================================================== */
.progress-wrap {
position: fixed;
right: 30px;
bottom: 30px;
height: 56px;
width: 56px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: "FontAwesome";
content: "\f062";
text-align: center;
line-height: 56px;
font-size: 18px;
color: #03256c;
left: 0;
top: 0;
height: 56px;
width: 56px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: "FontAwesome";
content: "\f062";
text-align: center;
line-height: 56px;
font-size: 18px;
opacity: 0;
left: 0;
top: 0;
height: 56px;
width: 56px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: #03256c; /* --- Lijn progres kleur --- */
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
/*============================
++++PAGE-PROGRESS-END+++++
=============================*/
/*========+ PRELOADER +=========*/
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #061a45;
z-index: 9999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #B1C8E8;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #B1C8E8;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #B1C8E8;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*========+ PRELOADER +=========*/
.border15 {
border-radius: 15px;
}
.border15 img {
border-radius: 15px;
}
.theme-pagination ul{
margin: 0;
padding: 0;
list-style: none;
}
.theme-pagination li{
display: inline-block;
}
.theme-pagination li a {
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
border: 1px solid #E1E3E8;
background: var(--background, #F4F8F7);
border-radius: 8px;
margin: 0 4px;
transition: all 0.3s;
display: block;
color: #000;
}
.theme-pagination li a:hover, .theme-pagination li a.active {
background: var(--business-consulting, #029AFF);
transition: all 0.3s;
color: #ffffff;
}

File diff suppressed because one or more lines are too long

366
public/assets/css/fonts.css Normal file
View File

@@ -0,0 +1,366 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 28, 2023 */
/* -------basier font------- */
@font-face {
font-family: "basier";
src: url("../fonts/") format("woff2"),
url("../fonts/basiersquare-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "basier";
src: url("../fonts/basiercircle-regular-webfont.woff2") format("woff2"),
url("../fonts/basiercircle-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
/* -------basier font------- */
/* -------butler font------- */
@font-face {
font-family: "butler";
src: url("../fonts/butler_extrabold-webfont.woff2") format("woff2"),
url("../fonts/butler_extrabold-webfont.woff") format("woff");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_light-webfont.woff2") format("woff2"),
url("../fonts/butler_light-webfont.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_medium-webfont.woff2") format("woff2"),
url("../fonts/butler_medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_regular-webfont.woff2") format("woff2"),
url("../fonts/butler_regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_ultra_light-webfont.woff2") format("woff2"),
url("../fonts/butler_ultra_light-webfont.woff") format("woff");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_black-webfont.woff2") format("woff2"),
url("../fonts/butler_black-webfont.woff") format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "butler";
src: url("../fonts/butler_bold-webfont.woff2") format("woff2"),
url("../fonts/butler_bold-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
/* -------butler font------- */
/* -------samsung_sharp font------- */
@font-face {
font-family: "samsung_sharp";
src: url("../fonts/") format("woff2"),
url("../fonts/samsungsharpsans-medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "samsung_sharp";
src: url("../fonts/samsungsharpsans-webfont.woff2") format("woff2"),
url("../fonts/samsungsharpsans-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "samsung_sharp";
src: url("../fonts/samsungsharpsans-bold-webfont.woff2") format("woff2"),
url("../fonts/samsungsharpsans-bold-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
/* -------samsung_sharp font------- */
/* -------gilroy font------- */
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-extrabold-webfont.woff2") format("woff2"),
url("../fonts/gilroy-extrabold-webfont.woff") format("woff");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-extrabolditalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-extrabolditalic-webfont.woff") format("woff");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-heavy-webfont.woff2") format("woff2"),
url("../fonts/gilroy-heavy-webfont.woff") format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-heavyitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-heavyitalic-webfont.woff") format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-light-webfont.woff2") format("woff2"),
url("../fonts/gilroy-light-webfont.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-lightitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-lightitalic-webfont.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-medium-webfont.woff2") format("woff2"),
url("../fonts/gilroy-medium-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-mediumitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-mediumitalic-webfont.woff") format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-black-webfont.woff2") format("woff2"),
url("../fonts/gilroy-black-webfont.woff") format("woff");
font-weight: 1000;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("gilroy-blackitalic-webfont.woff2") format("woff2"),
url("gilroy-blackitalic-webfont.woff") format("woff");
font-weight: 1000;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-bold-webfont.woff2") format("woff2"),
url("../fonts/gilroy-bold-webfont.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-bolditalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-bolditalic-webfont.woff") format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-semibold-webfont.woff2") format("woff2"),
url("../fonts/gilroy-semibold-webfont.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-semibolditalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-semibolditalic-webfont.woff") format("woff");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-thin-webfont.woff2") format("woff2"),
url("../fonts/gilroy-thin-webfont.woff") format("woff");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-thinitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-thinitalic-webfont.woff") format("woff");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-ultralight-webfont.woff2") format("woff2"),
url("../fonts/gilroy-ultralight-webfont.woff") format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-ultralightitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-ultralightitalic-webfont.woff") format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-regular-webfont.woff2") format("woff2"),
url("../fonts/gilroy-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "gilroy";
src: url("../fonts/gilroy-regularitalic-webfont.woff2") format("woff2"),
url("../fonts/gilroy-regularitalic-webfont.woff") format("woff");
font-weight: 400;
font-style: italic;
}
/* -------CircularStd font------- */
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-Black.eot");
src: url("../fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"),
url("../fonts/CircularStd-Black.woff") format("woff"),
url("../fonts/CircularStd-Black.ttf") format("truetype"),
url("../fonts/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-BlackItalic.eot");
src: url("../fonts/CircularStd-BlackItalic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CircularStd-BlackItalic.woff") format("woff"),
url("../fonts/CircularStd-BlackItalic.ttf") format("truetype"),
url("../fonts/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-Bold.eot");
src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/CircularStd-Bold.woff") format("woff"),
url("../fonts/CircularStd-Bold.ttf") format("truetype"),
url("../fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-BoldItalic.eot");
src: url("../fonts/CircularStd-BoldItalic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CircularStd-BoldItalic.woff") format("woff"),
url("../fonts/CircularStd-BoldItalic.ttf") format("truetype"),
url("../fonts/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-Medium.eot");
src: url("../fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/CircularStd-Medium.woff") format("woff"),
url("../fonts/CircularStd-Medium.ttf") format("truetype"),
url("../fonts/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-MediumItalic.eot");
src: url("../fonts/CircularStd-MediumItalic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CircularStd-MediumItalic.woff") format("woff"),
url("../fonts/CircularStd-MediumItalic.ttf") format("truetype"),
url("../fonts/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-Book.eot");
src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"),
url("../fonts/CircularStd-Book.woff") format("woff"),
url("../fonts/CircularStd-Book.ttf") format("truetype"),
url("../fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "CircularStd";
src: url("../fonts/CircularStd-BookItalic.eot");
src: url("../fonts/CircularStd-BookItalic.eot?#iefix")
format("embedded-opentype"),
url("../fonts/CircularStd-BookItalic.woff") format("woff"),
url("../fonts/CircularStd-BookItalic.ttf") format("truetype"),
url("../fonts/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd")
format("svg");
font-weight: 400;
font-style: italic;
}

View File

@@ -0,0 +1,241 @@
/*----===========FOOTER AREA CSS----============*/
.single-footer ul {
list-style: none;
}
.single-footer ul li a {
color: #09120e;
font-size: 16px;
padding: 10px 0;
display: inline-block;
transition: all.3s;
}
.single-footer ul li a:hover {
color: #006fff;
transition: all.3s;
margin-left: 5px;
}
.footer-area3 .single-footer ul li a:hover {
color: #ff008a;
}
.single-footer h3 {
margin-left: 0;
margin-bottom: 20px;
}
.copyright2 {
border-top: 1px solid #E9ECEA;
padding: 16px 0;
margin-top: 30px;
}
.copyright4 {
border-top: 1px solid #737373;
padding: 16px 0;
margin-top: 30px;
}
.copyright5 {
border-top: 1px solid #192D6A;
padding: 16px 0;
margin-top: 30px;
}
.social1 ul {
list-style: none;
}
.social1 ul li {
display: inline-block;
}
.social1 ul li a {
background: #f2f2f2;
height: 40px;
width: 40px;
display: inherit;
border-radius: 50%;
text-align: center;
color: #006fff;
line-height: 40px;
transition: all.4s;
}
.social1 ul li a:hover {
background-color: #006fff;
color: #fff;
transition: all.4s;
}
@media screen and (max-width: 426px) {
.social.social1 {
display: flex;
justify-content: center;
}
.social1.comon-footer-icons {
margin-top: 24px;
}
}
.foonter-contact-icon-1 > div {
background: #2f81ed17;
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
line-height: 40px;
}
.foonter-contact-p a {
color: #525975;
display: block;
font-size: 16px;
font-weight: 400;
}
.foonter-contact-1 {
display: flex;
align-items: start;
}
.foonter-contact-p {
padding-left: 8px;
}
.foonter-contact-1 {
padding-top: 24px;
}
/*----===========FOOTER AREA CSS----============*/
/*----===========HOME4 FOOTER AREA CSS----============*/
.footer-area4 {
background-image: url(../img/footer/footer4.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.single-footer4 ul li a {
color: #B2B4B7;
}
.single-footer4 p {
color: #B2B4B7;
}
.social.social4 ul {
margin: 0;
padding: 0;
}
.social.social4 {
margin-top: 30px;
}
.social.social4 ul li a {
font-size: 20px;
color: #000410;
background: #fff;
/* padding: 5px; */
height: 24px;
width: 24px;
display: inline-block;
border-radius: 5px;
text-align: center;
transition: all.3s;
}
.social.social4 ul li a:hover {
transition: all.3s;
background-color: #006fff;
transform: scale(1.1);
}
.social.social4 ul li {
display: inline-block;
margin-right: 7px;
}
/*----===========HOME4 FOOTER AREA CSS----============*/
/*----===========HOME5 FOOTER AREA CSS----============*/
.footer-area5 {
background-image: url(../img/bg/footer5-bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.footer5-p {
color: #CCD0DE;
}
.footer5-from {
position: relative;
margin-top: 50px;
}
.social1 ul {
list-style: none;
padding: 0;
margin-top: 0;
}
.social.social1.social5.text-start ul li a {
background-color: #192D6A;
color: #fff;
}
.social.social1.social5.text-start ul li a:hover {
background-color: #24BA96;
}
.foorer5-list li a {
color: rgba(255, 255, 255, 0.90);
transition: all.3s;
display: block;
padding: 10px 0;
}
.foorer5-list li a:hover {
color: #fff;
margin-left: 5px;
}
ul.foorer5-list {
padding: 0;
margin-top: 0;
}
.foonter-contact-p.foonter-contact-p5 a {
color: rgba(255, 255, 255, 0.90);
}
.foonter-contact-p.foonter-contact-p5 a {
display: block;
margin-left: 5px;
}
.footer5-from-input input {
border: none;
background: none;
padding: 13px;
border-bottom: 1px solid #fff;
color: #fff;
width: 160px;
}
.button5.button5-footer5 {
position: absolute;
right: 0;
top: 0;
}
.footer5-p p {
color: rgba(255, 255, 255, 0.90);
}
.foonter-contact-icon-1 {
margin-right: 10px;
}
/*----===========HOME5 FOOTER AREA CSS----============*/

View File

@@ -0,0 +1,640 @@
.header-area {
padding: 20px 0;
}
.main-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-menu li {
display: inline-block;
}
.site-logo {
max-width: 280px;
height: auto;
display: flex;
align-items: center;
}
.site-logo a {
display: block;
}
.main-menu li a {
color: #000;
padding: 10px 20px;
display: block;
}
.mean-container .mean-nav > ul {
display: block !important;
}
.main-menu ul li {
display: inline-block;
margin-right: 40px;
position: relative;
}
.home1-site-logo span {
background: #cce4ff;
padding: 6px 8px;
font-size: 13px;
line-height: 13px;
margin-left: 8px;
color: #0263e0;
border-radius: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu ul li {
margin-right: 22px;
}
}
.main-menu ul li:last-child {
margin-right: 0;
}
.main-menu ul li.has-dropdown > a {
padding-right: 14px;
}
.main-menu ul li.has-dropdown > a::after {
position: absolute;
content: "\f107";
right: -4px;
top: 22px;
font-size: 14px;
font-size: 14px;
color: #000;
font-family: "Font Awesome 6 Pro";
}
.main-menu ul li a {
color: #0f1826;
font-size: 16px;
line-height: 20px;
font-weight: 450;
padding: 20px 0;
display: inline-block;
transition: 0.3s;
}
.main-menu ul li .active {
color: #f9f9f9;
}
.main-menu ul li:hover > a {
color: #000;
}
.main-menu ul li:hover > a::after {
color: #000;
}
.main-menu ul li:hover .sub-menu {
visibility: visible;
opacity: 1;
top: 100%;
}
.main-menu ul li .sub-menu {
position: absolute;
left: 0;
top: 110%;
min-width: 220px;
background-color: #fff;
opacity: 0;
visibility: hidden;
z-index: 99;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
padding: 20px 0px 15px;
transition: 0.3s;
border-top: 4px solid #000;
}
.main-menu ul li .sub-menu li {
margin: 0;
padding: 0;
display: inline;
position: relative;
width: 100%;
display: block;
}
.main-menu ul li .sub-menu li a {
font-size: 16px;
font-weight: 450;
display: block;
padding: 10px 25px;
transition: 0.3s;
color: #000;
text-transform: capitalize;
}
.main-menu ul li .sub-menu li .active {
color: #000;
}
.main-menu ul li .sub-menu li:hover > a {
color: #0263e0;
margin-left: 5px;
}
.main-menu ul li .sub-menu li > .sub-menu {
left: 120%;
top: 0;
visibility: hidden;
opacity: 0;
}
.main-menu ul li .sub-menu li:hover > .sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav {
margin-top: 0 !important;
}
.mean-container .mean-bar {
padding: 0 0 !important;
}
.sidebar-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.slidebar-content {
padding: 20px 40px;
}
.sidebar-header {
margin-bottom: 20px;
}
.sidebar-logo {
max-width: 250px;
}
.sidebar-close {
font-size: 20px;
}
.sidebar-logo {
max-width: 250px;
}
.sidebar-close {
font-size: 20px;
}
.sidebar-socials ul {
padding: 0;
margin: 0;
list-style: none;
}
.sidebar-socials li {
display: inline-block;
}
.sidebar-socials {
margin-top: 30px;
}
.sidebar-socials li a {
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background: #000;
}
.sidebar-socials li a:hover {
background: #f9f9f9;
}
.sidebar-single-contact-info {
position: relative;
z-index: 2;
padding-left: 80px;
min-height: 60px;
margin-top: 24px;
}
.sidebar-contact-info-icon {
position: absolute;
left: 0;
top: 0;
background: #f9f9f9;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
line-height: 60px;
font-size: 20px;
}
.mobile-menu.fix.mean-container {
clear: both;
overflow: hidden;
}
.sidebar-main {
position: fixed;
width: 100%;
height: 100%;
background: #f1f1f1;
transition: all 0.3s;
right: -100%;
top: 0;
visibility: hidden;
opacity: 0;
}
.sidebar-main.active {
transition: all 0.3s;
visibility: visible;
opacity: 1;
right: 0;
}
.mobile-menu-bar {
height: 30px;
width: 40px;
text-align: center;
line-height: 30px;
font-size: 20px;
}
.sidebar-contact-info-title p {
font-size: 18px;
}
.sidebar-contact-info-title a {
font-size: 20px;
color: #000;
font-weight: 700;
}
.sidebar-single-contact-info {
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
a.cta-btn {
color: #fff;
font-size: 14px;
position: relative;
line-height: 14px;
padding: 17px 20px;
display: inline-block;
transition: all 0.3s;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
}
a.cta-btn::before {
content: "";
position: absolute;
background: #0263e0;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -2;
border-radius: 7px;
}
a.cta-btn::after {
content: "";
position: absolute;
background: #202C4A;
height: 100%;
width: 0%;
top: 0;
left: 0;
z-index: -1;
border-radius: 7px;
transition: all.4s;
}
a.cta-btn:hover::after {
width: 100%;
transition: all.4s;
}
a.cta-btn:hover {
transition: all 0.3s;
transform: translatey(-5px);
}
a.login-btn {
color: #0263e0;
display: inline-block;
margin-right: 5px;
}
/*------------------------ home 2 -------------------------*/
a.home2-site-btn-1 {
color: #202c4a;
display: inline-block;
margin-right: 10px;
}
/*------------------------ home 2 -------------------------*/
.main-menu3 ul li a {
font-size: 18px;
font-weight: 400;
line-height: 18px;
color: #fff;
}
.main-menu3 ul li.has-dropdown > a::after {
position: absolute;
content: "";
right: -4px;
top: 22px;
font-size: 14px;
color: #fff;
font-family: "Font Awesome 6 Pro";
}
.main-menu3 ul li a:hover {
color: #fff;
}
a.home3-cta {
background: #ff008a;
color: #fff;
display: inline-block;
padding: 17px 50px;
border-radius: 5px;
}
/*
++++++++++++++++++++++++++++++++++
==== =====nav menu all ====== ======
+++++++++++++++++++++++++++++++++
*/
.main-menu-ex li {
display: inline-block;
}
.main-menu-ex li a {
color: #000;
font-size: 16px;
display: block;
font-weight: 500;
padding: 10px 15px;
transition: all.3s;
}
.main-menu-ex li a:hover {
color: #0263e0;
transition: all.3s;
}
.main-menu-ex li {
position: relative;
z-index: 9;
}
.main-menu-ex li ul {
position: absolute;
left: 0;
top: 50px;
background: #fff;
width: 200px;
border-radius: 4px;
box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px;
padding: 10px;
}
.main-menu-ex li li {
display: block;
}
.main-menu-ex li li a {
padding: 10px 20px;
color: #0e1124;
font-weight: 500;
transition: all.4s;
border-radius: 4px;
position: relative;
}
.main-menu-ex li li a:hover {
color: #fff;
transition: all.4s;
}
.main-menu-ex li li a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotatey(60deg);
color: #fff;
border-radius: 4px;
transition: all.4s;
z-index: -1;
}
.main-menu-ex li li a:hover::after {
transform: rotatey(0deg);
background-color:
#2F80ED;
border-radius: 4px;
}
.main-menu-ex li li a .main-menu-ex li li a:hover {
background-color: #00bf71;
transform: rotatey(0deg);
border-radius: 4px;
}
.main-menu-ex li > ul {
opacity: 0;
visibility: hidden;
top: 60px;
left: 0;
transition: all 0.3s;
transform: translateY(20px);
}
.main-menu-ex li li > ul {
left: 100%;
right: auto;
}
.main-menu-ex li li:hover > ul {
top: 0;
}
.main-menu-ex li:hover > ul {
visibility: visible;
opacity: 1;
top: 50px;
transition: all 0.3s;
z-index: 99;
transform: translateY(0);
}
.main-menu-ex.home4-menu li li a {
padding: 10px 20px;
color: #0e1124;
font-weight: 500;
transition: all.4s;
border-radius: 4px;
position: relative;
}
.main-menu-ex.home4-menu li li a:hover {
color: #fff;
transition: all.4s;
}
.main-menu-ex.home4-menu li li a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateY(-10px);
color: #fff;
border-radius: 4px;
transition: all.4s;
z-index: -1;
}
.main-menu-ex.home4-menu li li a:hover::after {
transform: translateY(0);
background-color: #ff3e55;
border-radius: 4px;
}
.main-menu-ex.home2-menu li li a {
padding: 10px 20px;
color: #0e1124;
font-weight: 500;
transition: all.4s;
border-radius: 4px;
position: relative;
}
.main-menu-ex.home2-menu li li a:hover {
color: #fff;
transition: all.4s;
}
.main-menu-ex.home2-menu li li a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateY(-10px);
color: #fff;
border-radius: 4px;
transition: all.4s;
z-index: -1;
}
.main-menu-ex.home2-menu li li a:hover::after {
transform: translateY(0);
background-color: #00bf71;
border-radius: 4px;
}
li.has-dropdown1 {
position: relative;
}
li.has-dropdown1 span {
position: absolute;
right: 10px;
}
.main-menu-ex.main-menu-ex3 li a:hover {
color: #ff008a;
}
.main-menu-ex.main-menu-ex3 li li a:hover {
color: #fff;
background-color: #ff008a;
}
.main-menu-ex.main-menu-ex4 li a {
color: #fff;
}
.main-menu-ex.main-menu-ex4 li a:hover {
color: #2F80ED;
}
.main-menu-ex.main-menu-ex4 li li a {
color: #0e1124;
}
.main-menu-ex.main-menu-ex4 li li a:hover {
background-color: #0263e0;
}
.main-menu-ex.main-menu-ex4 li li a:hover {
color: #fff;
}
.main-menu-ex.main-menu-ex5 li li a:hover {
background-color: #24BA96;
}
.main-menu-ex.main-menu-ex5 li li a:hover {
color: #fff;
}
.main-menu-ex.main-menu-ex5 li a:hover {
color: #00bf71;
}
/*
++++++++++++++++++++++++++++++++++
==== =====nav menu all ====== ======
+++++++++++++++++++++++++++++++++
*/
.header-area {
transition: all.6s;
}
.header-area.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
z-index: 99;
}
.header-area.header-area2.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
transform: translate3d(0, 0, 0);
z-index: 111;
-webkit-animation-name: fade-in-down;
animation-name: fade-in-down;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background-color: #0A122A;
transition: all 0.3s ease-in-out;
z-index: 99;
}
.header-site-btn {
display: flex;
align-items: center;
}

View File

@@ -0,0 +1,351 @@
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

View File

@@ -0,0 +1,175 @@
/*! #######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: #f9f9f9;
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #000;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #000;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #f9f9f9;
margin-top: 44px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 1em 5%;
margin: 0;
text-align: left;
color: #000;
border-top: 1px solid #383838;
border-top: 1px solid #f1f1f1;
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 1em 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
opacity: 0.75;
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 32px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255,255,255,0.1);
border: none !important;
border-left: 1px solid rgba(255,255,255,0.4) !important;
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #fff;
}
.mean-container .mean-nav ul li a.mean-expand{
border: 1px solid #f1f1f1 !important;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.mobile-menu.fix.mean-container {
margin: 50px 0;
}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}

View File

@@ -0,0 +1,224 @@
/*
Plugin Name: Multi Drop Down Mobile menu
version: 1.0
Author: Sujon Mahamud
Desc:
*/
/*Base css*/
@media screen and (max-width:769px) {
*{
margin: 0;
padding: 0;
}
body{
font-size: 16px;
font-family: 'arial', sans-serif;
}
a, a:hover{
outline: none;
text-decoration: none;
}
ul, li{
list-style: none;
}
/*Menu Css*/
.mobile-logo a{
font-size: 20px;
font-weight: 700;
color: #000;
text-decoration: none;
}
.mobile-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 17px 0;
z-index: 9;
background: #fff;
}
.mobile-header-elements {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-nav-icon {
font-size: 23px;
border: 1px solid;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #000;
}
.mobile-sidebar {
position: fixed;
height: 100%;
width: 100%;
background:#000;
z-index: 99;
padding: 40px 30px;
left: -100%;
top: 0;
visibility: hidden;
opacity: 0;
transition: all .3s;
}
.mobile-sidebar .contact-icon{
background: #fff;
}
.mobile-sidebar.mobile-menu-active{
left: 0;
visibility: visible;
opacity: 1;
transition: all .3s;
}
.menu-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 25px;
color: #fff;
cursor: pointer;
}
.mobile-nav li a {
font-size: 18px;
line-height: 24px;
color: #fff;
padding: 10px 0;
display: block;
}
ul.mobile-nav-list {
margin-bottom: 40px;
margin-top: 30px;
}
li.has-children {
position: relative;
z-index: 2;
}
span.mobile-nav-menu-icon {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
color: #fff;
}
ul.mobile-menu-sub {
display: none;
position: relative;
left: 0;
padding-left: 10px;
transition: all .3s;
}
ul.mobile-menu-sub.sub-menu-active{
display: block;
position: relative;
transition: all .3s;
}
.mobile-nav li {
position: relative;
z-index: 2;
}
span.submenu-button {
position: absolute;
width: 100%;
height: 44px;
top: 0;
left: 0;
z-index: 3;
transition: all .3s;
}
span.submenu-button:after, span.submenu-button:before {
position: absolute;
content: "";
height: 20px;
width: 2px;
background: #fff;
top: 12px;
right: 9px;
transition: all .3s;
}
span.submenu-button:before {
height: 2px;
width: 20px;
right: 0px;
top: 22px;
}
span.submenu-button.submenu-opened:after {
visibility: hidden;
opacity: 0;
}
.sub-menu{
display: none;
padding-left: 15px;
}
span.multi-drop-icon {
position: absolute;
right: 10px;
width: 20px;
height: 100%;
top: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
}
ul.mobile-nav-list {
max-height: 500px;
overflow-y: scroll;
}
}

1
public/assets/css/modal-video.min.css vendored Normal file
View File

@@ -0,0 +1 @@
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation: landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation: landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}

View File

@@ -0,0 +1,138 @@
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }

View File

@@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

View File

View File

@@ -0,0 +1,16 @@
/*=================
home1-start
===================*/
@media screen and (max-width: 768px) {
.home1-hero-hadding {
padding: 150px 0 20px 0;
}
.home1-main-hero-img {
padding-top: 75px;
margin-right: 10px;
}
}
/*=================
home1-end
===================*/

View File

@@ -0,0 +1,119 @@
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Some files were not shown because too many files have changed in this diff Show More