first commit
This commit is contained in:
Beyhan Oğur
1
public/assets/css/aos.css
Normal file
1
public/assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
5318
public/assets/css/avigo-core.css
Normal file
5318
public/assets/css/avigo-core.css
Normal file
File diff suppressed because it is too large
Load Diff
1131
public/assets/css/avigo-unit.css
Normal file
1131
public/assets/css/avigo-unit.css
Normal file
File diff suppressed because it is too large
Load Diff
873
public/assets/css/blog-page.css
Normal file
873
public/assets/css/blog-page.css
Normal 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
7
public/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/bootstrap.min.css.map
Normal file
1
public/assets/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
840
public/assets/css/comon.css
Normal file
840
public/assets/css/comon.css
Normal 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;
|
||||
}
|
||||
6
public/assets/css/font-awesome-pro.css
Normal file
6
public/assets/css/font-awesome-pro.css
Normal file
File diff suppressed because one or more lines are too long
366
public/assets/css/fonts.css
Normal file
366
public/assets/css/fonts.css
Normal 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;
|
||||
}
|
||||
241
public/assets/css/footer.css
Normal file
241
public/assets/css/footer.css
Normal 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----============*/
|
||||
|
||||
|
||||
640
public/assets/css/header.css
Normal file
640
public/assets/css/header.css
Normal 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;
|
||||
}
|
||||
351
public/assets/css/magnific-popup.css
Normal file
351
public/assets/css/magnific-popup.css
Normal file
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
175
public/assets/css/meanmenu.css
Normal file
175
public/assets/css/meanmenu.css
Normal 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;
|
||||
}
|
||||
224
public/assets/css/mobile-menu.css
Normal file
224
public/assets/css/mobile-menu.css
Normal 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
1
public/assets/css/modal-video.min.css
vendored
Normal 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}
|
||||
138
public/assets/css/nice-select.css
Normal file
138
public/assets/css/nice-select.css
Normal 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; }
|
||||
6
public/assets/css/owl.carousel.min.css
vendored
Normal file
6
public/assets/css/owl.carousel.min.css
vendored
Normal 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%}
|
||||
0
public/assets/css/preloader.css
Normal file
0
public/assets/css/preloader.css
Normal file
16
public/assets/css/responsive.css
Normal file
16
public/assets/css/responsive.css
Normal 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
|
||||
===================*/
|
||||
119
public/assets/css/slick-slider.css
Normal file
119
public/assets/css/slick-slider.css
Normal 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;
|
||||
}
|
||||
1386
public/assets/css/typography.css
Normal file
1386
public/assets/css/typography.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user