mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-28 23:48:31 +02:00
trean
b0ac726edc
* subscription form page * added image * fixes, changed layout, added credits page, mobile fixes * changed the form title
7644 lines
159 KiB
CSS
7644 lines
159 KiB
CSS
/* Entropy App HTML Template */
|
|
/************ TABLE OF CONTENTS ***************
|
|
|
|
1. Fonts
|
|
2. Reset
|
|
3. Global
|
|
4. Main Header / Style Two / Style Three
|
|
5. Banner Section / Style Two / Style Three
|
|
6. Optimized Section
|
|
7. Featured Section
|
|
8. Services Section / Section Two
|
|
9. Science Section
|
|
10. Magic Section
|
|
11. Projects Section / Section Two
|
|
12. News Section
|
|
13. Counter Section
|
|
14. Main Footer
|
|
15. Clients Section / Section Two
|
|
16. Inteligence Section / Section Two
|
|
17. Business Section / Section Two
|
|
18. API Section
|
|
19. Deliver Section
|
|
20. Work Section
|
|
21. About Section / Section Two
|
|
22. Page Title
|
|
23. Team Section
|
|
24. Faq's Section
|
|
25. Pricing Section
|
|
26. Error Section
|
|
27. Login Section
|
|
28. Register Section
|
|
29. Privacy Section
|
|
30. Comming Soon Section
|
|
31. Blog Widgets
|
|
32. Comments Forms
|
|
33. Map Section
|
|
34. Contact Form
|
|
|
|
**********************************************/
|
|
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap");
|
|
/* font-family: 'Open Sans' ;
|
|
font-family: 'Roboto Condensed' ;
|
|
*/
|
|
@import url("font-awesome.css");
|
|
/* @import url('animate.css'); */
|
|
/* @import url('owl.css'); */
|
|
/* @import url(swiper.css); */
|
|
@import url("flaticon.css");
|
|
/* @import url('jquery-ui.css'); */
|
|
@import url("custom-animate.css");
|
|
/* @import url('jquery.fancybox.min.css'); */
|
|
/* @import url('jquery.bootstrap-touchspin.css'); */
|
|
/* @import url('jquery.mCustomScrollbar.min.css'); */
|
|
@import url("colors.css");
|
|
/* copy button for documentation */
|
|
/* ##bem */
|
|
@import url("../colors.css");
|
|
.copy-code {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 8px;
|
|
}
|
|
|
|
.copy-code__btn {
|
|
padding: 4px;
|
|
background: none;
|
|
}
|
|
|
|
.copy-code__btn:hover {
|
|
background: #dcdcdc;
|
|
}
|
|
|
|
.copy-code__btn_light {
|
|
color: white;
|
|
}
|
|
|
|
.copy-code__btn_light:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Block of code on the home page */
|
|
/* #bem */
|
|
.hero-code {
|
|
display: inline-block;
|
|
padding: 1rem 3rem 1rem 1.6rem;
|
|
margin-bottom: 1rem;
|
|
background: #f6f8fa;
|
|
background: var(--brand-secondary);
|
|
border-radius: 5px;
|
|
font-family: "Anonymous Pro", monospace;
|
|
font-size: 1.6rem;
|
|
position: relative;
|
|
}
|
|
|
|
.hero-code__text {
|
|
color: white;
|
|
}
|
|
|
|
.hero-code__btn {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 1rem;
|
|
}
|
|
|
|
@media (max-width: 1140px) {
|
|
.hero-code {
|
|
background: var(--gray);
|
|
padding-right: 3rem;
|
|
}
|
|
}
|
|
.widget-title,
|
|
.sidebar-title {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
padding: 14px 20px;
|
|
display: block;
|
|
border-radius: 8px;
|
|
background-color: #eef1f9;
|
|
}
|
|
|
|
.widget-title h4,
|
|
.sidebar-title h4 {
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
line-height: 1.2em;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
/*Post Widget*/
|
|
.post-preview {
|
|
position: relative;
|
|
font-size: 14px;
|
|
color: #666666;
|
|
min-height: 130px;
|
|
padding: 22px 20px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.post-preview__description {
|
|
position: relative;
|
|
padding-left: 185px;
|
|
}
|
|
.post-preview__thumb {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 2px;
|
|
width: 162px;
|
|
height: 80px;
|
|
background-color: var(--brand-primary);
|
|
overflow: hidden;
|
|
}
|
|
.post-preview__img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.post-preview__img:hover {
|
|
transform: scale(1.04, 1.04);
|
|
opacity: 0.5;
|
|
}
|
|
.post-preview__text {
|
|
position: relative;
|
|
top: 0px;
|
|
font-size: 20px;
|
|
margin: 0px 0px 3px;
|
|
font-weight: 700;
|
|
color: #2b2b2b;
|
|
line-height: 1.5em;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
.post-preview__link {
|
|
color: #2b2b2b;
|
|
}
|
|
.post-preview__link:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
.post-preview__title {
|
|
position: relative;
|
|
font-size: 14px;
|
|
color: #5a5a5a;
|
|
font-weight: 400;
|
|
}
|
|
.post-preview__tags {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Reset
|
|
====================================================================
|
|
|
|
***/
|
|
* {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Global Settings
|
|
====================================================================
|
|
|
|
***/
|
|
body {
|
|
font-family: "Open Sans";
|
|
font-size: 14px;
|
|
color: #777777;
|
|
line-height: 1.7em;
|
|
font-weight: 400;
|
|
background: #ffffff;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-font-smoothing: antialiased;
|
|
}
|
|
|
|
.bordered-layout .page-wrapper {
|
|
padding: 0px 50px 0px;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--brand-secondary);
|
|
}
|
|
|
|
button,
|
|
a:hover, a:focus, a:visited {
|
|
text-decoration: none;
|
|
outline: none !important;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
position: relative;
|
|
font-weight: normal;
|
|
margin: 0px;
|
|
background: none;
|
|
line-height: 1.6em;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
/* Typography */
|
|
h1 {
|
|
font-size: 60px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 44px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 38px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 28px;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
p {
|
|
position: relative;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
.auto-container {
|
|
position: static;
|
|
max-width: 1200px;
|
|
padding: 0px 15px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.medium-container {
|
|
max-width: 850px;
|
|
}
|
|
|
|
.page-wrapper {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
min-width: 300px;
|
|
}
|
|
|
|
ul, li {
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
img {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.theme-btn {
|
|
display: inline-block;
|
|
transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-webkit-transition: all 0.3s ease;
|
|
-ms-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
}
|
|
|
|
.centered {
|
|
text-align: center;
|
|
}
|
|
|
|
/* List Style One */
|
|
.list-style-one {
|
|
position: relative;
|
|
}
|
|
|
|
.list-style-one li {
|
|
position: relative;
|
|
padding-left: 35px;
|
|
color: #404040;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.list-style-one li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.list-style-one li:before {
|
|
position: absolute;
|
|
content: "\f138";
|
|
left: 0px;
|
|
top: 2px;
|
|
color: #2196f3;
|
|
font-size: 20px;
|
|
font-family: "Flaticon";
|
|
}
|
|
|
|
/* Btn Style One */
|
|
.btn-style-one {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
padding: 10px 44px 10px;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: none;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
border: 1px solid var(--brand-primary);
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.btn-style-one .txt {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.btn-style-one:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
background-color: #ffffff;
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
transition: all 0.4s;
|
|
-webkit-transform: scale(1, 0.5);
|
|
transform: scale(1, 0.5);
|
|
}
|
|
|
|
.btn-style-one:hover::before {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
}
|
|
|
|
.btn-style-one:hover {
|
|
color: var(--brand-primary);
|
|
border-color: #ffffff;
|
|
}
|
|
|
|
/* Btn Style Two */
|
|
.btn-style-two {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
padding: 10px 44px 10px;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: none;
|
|
border-radius: 50px;
|
|
background: none;
|
|
border: 1px solid #ffffff;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.btn-style-two:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
content: "";
|
|
background-color: var(--brand-primary);
|
|
-webkit-transform: scale(0, 1);
|
|
-ms-transform: scale(0, 1);
|
|
transform: scale(0, 1);
|
|
-webkit-transform-origin: top right;
|
|
-ms-transform-origin: top right;
|
|
transform-origin: top right;
|
|
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
}
|
|
|
|
.btn-style-two:hover::before {
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transform-origin: bottom left;
|
|
-ms-transform-origin: bottom left;
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
.btn-style-two .txt {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.btn-style-two:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
-o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
/* Btn Style Three */
|
|
.btn-style-three {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 32px;
|
|
color: #ffffff;
|
|
padding: 12px 44px 12px;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: none;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
-webkit-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1);
|
|
-moz-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1);
|
|
-ms-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1);
|
|
-o-box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1);
|
|
box-shadow: 0 10px 32px rgba(255, 98, 98, 0.1);
|
|
}
|
|
|
|
.btn-style-three:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
content: "";
|
|
background-color: #2b2b2b;
|
|
-webkit-transform: scale(0, 1);
|
|
-ms-transform: scale(0, 1);
|
|
transform: scale(0, 1);
|
|
-webkit-transform-origin: top right;
|
|
-ms-transform-origin: top right;
|
|
transform-origin: top right;
|
|
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
}
|
|
|
|
.btn-style-three:hover::before {
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transform-origin: bottom left;
|
|
-ms-transform-origin: bottom left;
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
.btn-style-three .txt {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.btn-style-three:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Btn Style Four */
|
|
.btn-style-four {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
padding: 10px 48px 10px;
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: none;
|
|
border-radius: 0px;
|
|
background-color: var(--brand-secondary);
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
-webkit-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1);
|
|
-moz-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1);
|
|
-ms-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1);
|
|
-o-box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1);
|
|
box-shadow: 0 10px 30px rgba(255, 98, 98, 0.1);
|
|
}
|
|
|
|
.btn-style-four:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
content: "";
|
|
background-color: var(--brand-primary);
|
|
-webkit-transform: scale(0, 1);
|
|
-ms-transform: scale(0, 1);
|
|
transform: scale(0, 1);
|
|
-webkit-transform-origin: top right;
|
|
-ms-transform-origin: top right;
|
|
transform-origin: top right;
|
|
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
}
|
|
|
|
.btn-style-four:hover::before {
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transform-origin: bottom left;
|
|
-ms-transform-origin: bottom left;
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
.btn-style-four .txt {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.btn-style-four:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Btn Style Five */
|
|
.btn-style-five {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
color: var(--brand-primary);
|
|
font-weight: 400;
|
|
overflow: hidden;
|
|
background: none;
|
|
background: none;
|
|
border-radius: 50px;
|
|
padding: 9px 44px 9px;
|
|
border: 1px solid var(--brand-primary);
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.btn-style-five:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
content: "";
|
|
background-color: var(--brand-primary);
|
|
-webkit-transform: scale(0, 1);
|
|
-ms-transform: scale(0, 1);
|
|
transform: scale(0, 1);
|
|
-webkit-transform-origin: top right;
|
|
-ms-transform-origin: top right;
|
|
transform-origin: top right;
|
|
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
|
|
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
|
}
|
|
|
|
.btn-style-five:hover::before {
|
|
-webkit-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
transform: scale(1, 1);
|
|
-webkit-transform-origin: bottom left;
|
|
-ms-transform-origin: bottom left;
|
|
transform-origin: bottom left;
|
|
}
|
|
|
|
.btn-style-five .txt {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.btn-style-five:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
}
|
|
|
|
/*Social Icon One*/
|
|
.social-icon-one {
|
|
position: relative;
|
|
}
|
|
|
|
.social-icon-one li {
|
|
position: relative;
|
|
margin-right: 7px;
|
|
color: var(--brand-secondary);
|
|
font-size: 18px;
|
|
float: left;
|
|
}
|
|
|
|
.social-icon-one li.facebook a:hover {
|
|
background-color: #16599b;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.social-icon-one li.twitter a {
|
|
color: #03a9f4;
|
|
}
|
|
|
|
.social-icon-one li.twitter:hover a {
|
|
background-color: #03a9f4;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.social-icon-one li.dribbble a {
|
|
color: #ea4c89;
|
|
}
|
|
|
|
.social-icon-one li.dribbble a:hover {
|
|
color: #ffffff;
|
|
background-color: #ea4c89;
|
|
}
|
|
|
|
.social-icon-one li.behance a {
|
|
color: #0067ff;
|
|
}
|
|
|
|
.social-icon-one li.behance a:hover {
|
|
color: #ffffff;
|
|
background-color: #0067ff;
|
|
}
|
|
|
|
.social-icon-one li a {
|
|
position: relative;
|
|
font-size: 14px;
|
|
color: #16599b;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.theme_color {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.preloader {
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999999;
|
|
background-color: #ffffff;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-image: url(../images/icons/preloader.svg);
|
|
background-size: 110px;
|
|
}
|
|
|
|
img {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Scroll To Top style
|
|
====================================================================
|
|
|
|
***/
|
|
.scroll-to-top {
|
|
position: fixed;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ffffff;
|
|
font-size: 24px;
|
|
text-transform: uppercase;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
z-index: 100;
|
|
cursor: pointer;
|
|
background: #0a0a0a;
|
|
display: none;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.scroll-to-top:hover {
|
|
color: #ffffff;
|
|
background: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Section Title
|
|
====================================================================
|
|
|
|
***/
|
|
.sec-title {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.sec-title h2 {
|
|
position: relative;
|
|
color: #2b2a41;
|
|
font-weight: 700;
|
|
line-height: 1.2em;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sec-title h2 span,
|
|
.sec-title h5 span {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.sec-title .text {
|
|
position: relative;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
color: #5a5a5a;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.sec-title.centered {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.sec-title.light h2 {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sec-title.light .text {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sec-title.style-two h2 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.sec-title.style-two h2 span {
|
|
color: #ff5b00;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Main Header style
|
|
====================================================================
|
|
|
|
***/
|
|
.main-header {
|
|
position: absolute;
|
|
z-index: 999;
|
|
width: 100%;
|
|
-ms-animation-duration: 500ms;
|
|
-moz-animation-duration: 500ms;
|
|
-op-animation-duration: 500ms;
|
|
-webkit-animation-duration: 500ms;
|
|
animation-duration: 500ms;
|
|
}
|
|
|
|
/* Header Top */
|
|
.main-header .header-top {
|
|
position: relative;
|
|
padding: 18px 0px;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.main-header .header-top .top-left {
|
|
position: relative;
|
|
}
|
|
|
|
.main-header .header-top .info-list {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
.main-header .header-top .info-list li {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
margin-right: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-header .header-top .info-list li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.main-header .header-top .info-list li .icon {
|
|
position: relative;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.main-header .header-top .info-list li a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-header .header-top .info-list li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.header-style-three .header-top .info-list li a {
|
|
color: #2b2a41;
|
|
}
|
|
|
|
.main-header .header-top .social-nav {
|
|
position: relative;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
.main-header .header-top .social-nav li {
|
|
position: relative;
|
|
margin-left: 15px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-header .header-top .social-nav li a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 15px;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-header .header-top .social-nav li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-header .header-top.style-two {
|
|
border-bottom: 0px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.main-header .header-top.style-two .social-nav li a,
|
|
.main-header .header-top.style-two .info-list li a {
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.main-header .main-box {
|
|
position: relative;
|
|
padding: 0px 0px;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
background: none;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-header .main-box .outer-container {
|
|
position: relative;
|
|
padding: 0px 40px;
|
|
}
|
|
|
|
.main-header .main-box .logo-box {
|
|
position: relative;
|
|
float: left;
|
|
left: 0px;
|
|
z-index: 10;
|
|
padding: 30px 0px;
|
|
}
|
|
|
|
.main-header .main-box .logo-box .logo img {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-header .header-upper {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box {
|
|
position: relative;
|
|
float: right;
|
|
padding-top: 22px;
|
|
padding-left: 60px;
|
|
/* transition: all 500ms ease; */
|
|
/* -moz-transition: all 500ms ease; */
|
|
/* -webkit-transition: all 500ms ease; */
|
|
/* -ms-transition: all 500ms ease; */
|
|
/* -o-transition: all 500ms ease; */
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box-outer {
|
|
position: relative;
|
|
float: left;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box-outer button {
|
|
position: relative;
|
|
background: none;
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
padding: 13px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .cart-box {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .cart-box .icon {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 20px;
|
|
margin-top: 12px;
|
|
margin-left: 25px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-header.header-style-two .header-upper .outer-box .theme-btn {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box {
|
|
position: relative;
|
|
float: left;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box .form-group {
|
|
position: relative;
|
|
margin: 0px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box .form-group input[type=text],
|
|
.main-header .header-upper .outer-box .search-box .form-group input[type=search] {
|
|
position: relative;
|
|
line-height: 28px;
|
|
padding: 0px 0px 10px 26px;
|
|
background: none;
|
|
display: block;
|
|
font-size: 14px;
|
|
width: 135px;
|
|
height: 34px;
|
|
color: #ffffff;
|
|
font-weight: 400;
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
/* transition: all 900ms ease; */
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box .form-group input:focus {
|
|
width: 200px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box .form-group button {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: -5px;
|
|
height: 34px;
|
|
width: 35px;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
line-height: 100%;
|
|
background: none;
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .search-box .form-group input::-webkit-input-placeholder,
|
|
.main-header .header-upper .outer-box .search-box .form-group textarea::-webkit-input-placeholder {
|
|
color: #ffffff;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .nav-toggler {
|
|
float: right;
|
|
cursor: pointer;
|
|
margin: 15px 0px 15px 30px;
|
|
}
|
|
|
|
.main-header .header-upper .outer-box .nav-toggler .nav-btn {
|
|
color: #151d37;
|
|
font-size: 20px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.header-style-two.fixed-header .main-menu {
|
|
display: block;
|
|
}
|
|
|
|
/*Sticky Header*/
|
|
.sticky-header {
|
|
position: fixed;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
padding: 0px 0px;
|
|
background: var(--brand-secondary);
|
|
z-index: 0;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.sticky-header .logo {
|
|
padding: 8px 0px 8px;
|
|
}
|
|
|
|
.fixed-header .sticky-header {
|
|
z-index: 999;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
-ms-animation-name: fadeInDown;
|
|
-moz-animation-name: fadeInDown;
|
|
-op-animation-name: fadeInDown;
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown;
|
|
-ms-animation-duration: 500ms;
|
|
-moz-animation-duration: 500ms;
|
|
-op-animation-duration: 500ms;
|
|
-webkit-animation-duration: 500ms;
|
|
animation-duration: 500ms;
|
|
-ms-animation-timing-function: linear;
|
|
-moz-animation-timing-function: linear;
|
|
-op-animation-timing-function: linear;
|
|
-webkit-animation-timing-function: linear;
|
|
animation-timing-function: linear;
|
|
-ms-animation-iteration-count: 1;
|
|
-moz-animation-iteration-count: 1;
|
|
-op-animation-iteration-count: 1;
|
|
-webkit-animation-iteration-count: 1;
|
|
animation-iteration-count: 1;
|
|
}
|
|
|
|
.sticky-header .main-menu .navigation > li > a {
|
|
padding: 19px 0px !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.main-header .nav-outer {
|
|
position: static;
|
|
float: right;
|
|
/* transition: all 500ms ease; */
|
|
/* -moz-transition: all 500ms ease; */
|
|
/* -webkit-transition: all 500ms ease; */
|
|
/* -ms-transition: all 500ms ease; */
|
|
/* -o-transition: all 500ms ease; */
|
|
}
|
|
|
|
.main-header .header-upper .logo-box {
|
|
position: relative;
|
|
padding: 20px 0px 20px;
|
|
}
|
|
|
|
.main-header .header-upper .logo-box .logo {
|
|
position: relative;
|
|
}
|
|
|
|
.main-header .header-lower {
|
|
position: relative;
|
|
background-color: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.main-menu {
|
|
position: static;
|
|
float: left;
|
|
/* transition: all 500ms ease; */
|
|
/* -moz-transition: all 500ms ease; */
|
|
/* -webkit-transition: all 500ms ease; */
|
|
/* -ms-transition: all 500ms ease; */
|
|
/* -o-transition: all 500ms ease; */
|
|
}
|
|
|
|
.main-menu .navbar-collapse {
|
|
padding: 0px;
|
|
float: left;
|
|
display: block !important;
|
|
}
|
|
|
|
.main-menu .navigation {
|
|
position: static;
|
|
margin: 0px;
|
|
}
|
|
|
|
.main-menu .navigation > li {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 30px;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.main-menu .navigation > li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.main-menu .navigation > li > a {
|
|
position: relative;
|
|
display: block;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
line-height: 29px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
font-weight: 600;
|
|
padding: 33px 0px;
|
|
font-size: 16px;
|
|
/* transition:all 500ms ease;
|
|
-moz-transition:all 500ms ease;
|
|
-webkit-transition:all 500ms ease;
|
|
-ms-transition:all 500ms ease;
|
|
-o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.main-menu .navigation > li:hover > a,
|
|
.main-menu .navigation > li.current > a {
|
|
opacity: 1;
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-menu .navigation > li > ul {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 100%;
|
|
width: 230px;
|
|
z-index: 100;
|
|
display: none;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
/* transition: all 900ms ease; */
|
|
/* -moz-transition: all 900ms ease; */
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
padding: 0px 0px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.main-menu .navigation > li > ul:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: -30px;
|
|
width: 100%;
|
|
height: 30px;
|
|
display: block;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul.from-right {
|
|
left: auto;
|
|
right: 0px;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li {
|
|
position: relative;
|
|
width: 100%;
|
|
border-bottom: 1px solid #f4f2f2;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 12px 18px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
text-transform: capitalize;
|
|
color: var(--brand-secondary);
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li:hover > a {
|
|
color: #ffffff;
|
|
padding-left: 30px;
|
|
background: var(--brand-primary);
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li.dropdown > a:after {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f105";
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 14px;
|
|
width: 10px;
|
|
height: 20px;
|
|
display: block;
|
|
color: var(--brand-secondary);
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
z-index: 5;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul {
|
|
position: absolute;
|
|
left: 100%;
|
|
top: 100%;
|
|
width: 230px;
|
|
z-index: 100;
|
|
display: none;
|
|
/* transition: all 900ms ease; */
|
|
/* -moz-transition: all 900ms ease; */
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
padding: 0px 0px;
|
|
background-color: #ffffff;
|
|
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
|
|
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
|
|
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
|
|
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
|
|
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul.from-right {
|
|
left: auto;
|
|
right: 0px;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li {
|
|
position: relative;
|
|
width: 100%;
|
|
border-bottom: 1px solid #f4f2f2;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li > a {
|
|
position: relative;
|
|
display: block;
|
|
padding: 12px 18px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
text-transform: capitalize;
|
|
color: var(--brand-secondary);
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li:hover > a {
|
|
color: #ffffff;
|
|
padding-left: 30px;
|
|
background: var(--brand-primary);
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
content: "\f105";
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 11px;
|
|
width: 10px;
|
|
height: 20px;
|
|
display: block;
|
|
color: #272727;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
z-index: 5;
|
|
}
|
|
|
|
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.main-menu .navigation > li.dropdown:hover > ul {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
border-top: 0px !important;
|
|
-moz-transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
-ms-transform: rotateX(0deg);
|
|
-o-transform: rotateX(0deg);
|
|
transform: rotateX(0deg);
|
|
}
|
|
|
|
.main-menu .navigation li > ul > li.dropdown:hover > ul {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
top: 0;
|
|
-moz-transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
-ms-transform: rotateX(0deg);
|
|
-o-transform: rotateX(0deg);
|
|
transform: rotateX(0deg);
|
|
/* transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 6px;
|
|
width: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
line-height: 28px;
|
|
border: 1px solid #ffffff;
|
|
background-size: 20px;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
display: none;
|
|
}
|
|
|
|
.main-header.fixed-header .header-upper {
|
|
position: fixed;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
padding: 0px;
|
|
background-color: var(--brand-secondary);
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.main-header.fixed-header .header-upper .logo-box {
|
|
padding: 15px 0px;
|
|
}
|
|
|
|
.main-header.fixed-header .nav-outer {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.main-header.fixed-header .main-menu .navigation > li > a {
|
|
padding: 27px 0px;
|
|
}
|
|
|
|
.main-header.fixed-header .header-upper .outer-box {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.main-header.fixed-header .header-upper .outer-box .theme-btn {
|
|
border-color: #000000;
|
|
color: #000000;
|
|
}
|
|
|
|
.main-header.fixed-header .header-upper .outer-box .theme-btn:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.header-style-two.fixed-header {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.header-style-two.fixed-header .main-menu .navigation > li > a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.header-style-two.fixed-header .header-upper .outer-box .theme-btn {
|
|
color: #ffffff;
|
|
border-color: #ffffff;
|
|
}
|
|
|
|
.header-style-two.fixed-header .header-upper .outer-box .theme-btn:before {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.header-style-two.fixed-header .header-upper .outer-box .theme-btn:hover {
|
|
color: var(--brand-secondary);
|
|
}
|
|
|
|
.header-style-two.fixed-header .header-upper .outer-box .nav-toggler .nav-btn {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.header-style-three .header-upper .outer-box .theme-btn,
|
|
.header-style-three .header-upper .outer-box .btn {
|
|
color: white;
|
|
}
|
|
|
|
.header-style-three .header-upper .outer-box .theme-btn:hover,
|
|
.header-style-three .header-upper .outer-box .btn:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.header-style-three.fixed-header .header-upper {
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.header-style-three.fixed-header .header-upper .outer-box .search-box-outer button,
|
|
.header-style-three.fixed-header .header-upper .outer-box .cart-box .icon,
|
|
.header-style-three.fixed-header .header-upper .outer-box .icon {
|
|
color: #2b2a41;
|
|
}
|
|
|
|
.header-style-three.fixed-header .main-menu .navigation > li > a {
|
|
color: #2b2a41;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Banner Section
|
|
====================================================================
|
|
|
|
***/
|
|
.banner-section {
|
|
position: relative;
|
|
padding-top: 220px;
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.banner-section .side-layer {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 1459px;
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.banner-section .pattern-layer {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 942px;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
|
|
.banner-section .content-column {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.banner-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 100px;
|
|
padding-left: 30px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.banner-section .content-column h1 {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-weight: 700;
|
|
line-height: 1.25em;
|
|
margin-bottom: 20px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.banner-section .content-column h1 span {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.banner-section .content-column .text {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 35px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.banner-section .content-column .buttons-box {
|
|
position: relative;
|
|
}
|
|
|
|
.banner-section .content-column .buttons-box .theme-btn {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.banner-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.banner-section .image-column .inner-column {
|
|
position: relative;
|
|
margin-left: -200px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Mobile Menu
|
|
====================================================================
|
|
|
|
***/
|
|
.nav-outer .mobile-nav-toggler {
|
|
position: relative;
|
|
float: right;
|
|
font-size: 40px;
|
|
line-height: 50px;
|
|
cursor: pointer;
|
|
color: #ffffff;
|
|
display: none;
|
|
}
|
|
|
|
.mobile-menu {
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
width: 300px;
|
|
padding-right: 30px;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
z-index: 999999;
|
|
}
|
|
|
|
.mobile-menu .nav-logo {
|
|
position: relative;
|
|
padding: 20px 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.mobile-menu .nav-logo img {
|
|
max-width: 200px;
|
|
}
|
|
|
|
.mobile-menu-visible {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mobile-menu-visible .mobile-menu {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.mobile-menu .menu-backdrop {
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
background: rgba(0, 0, 0, 0.9);
|
|
-webkit-transform: translateX(101%);
|
|
-ms-transform: translateX(101%);
|
|
transform: translateX(101%);
|
|
}
|
|
|
|
.mobile-menu-visible .mobile-menu .menu-backdrop {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
/* -webkit-transition:all 0.7s ease; */
|
|
/* -moz-transition:all 0.7s ease; */
|
|
/* -ms-transition:all 0.7s ease; */
|
|
/* -o-transition:all 0.7s ease; */
|
|
/* transition:all 0.7s ease; */
|
|
-webkit-transform: translateX(0%);
|
|
-ms-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
}
|
|
|
|
.mobile-menu .menu-box {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
max-height: 100%;
|
|
overflow-y: auto;
|
|
background: #ffffff;
|
|
padding: 0px 0px;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
border-radius: 0px;
|
|
-webkit-transform: translateX(101%);
|
|
-ms-transform: translateX(101%);
|
|
transform: translateX(101%);
|
|
}
|
|
|
|
.mobile-menu-visible .mobile-menu .menu-box {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
/* -webkit-transition:all 0.7s ease 500ms; */
|
|
/* -moz-transition:all 0.7s ease 500ms; */
|
|
/* -ms-transition:all 0.7s ease 500ms; */
|
|
/* -o-transition:all 0.7s ease 500ms; */
|
|
/* transition:all 0.7s ease 500ms; */
|
|
-webkit-transform: translateX(0%);
|
|
-ms-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
}
|
|
|
|
.mobile-menu .close-btn {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 3px;
|
|
line-height: 30px;
|
|
width: 30px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #202020;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
/* -webkit-transition:all 0.5s ease; */
|
|
/* -moz-transition:all 0.5s ease; */
|
|
/* -ms-transition:all 0.5s ease; */
|
|
/* -o-transition:all 0.5s ease; */
|
|
/* transition:all 0.5s ease; */
|
|
-webkit-transform: translateY(-50px);
|
|
-ms-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
}
|
|
|
|
.mobile-menu-visible .mobile-menu .close-btn {
|
|
-webkit-transform: translateY(0px);
|
|
-ms-transform: translateY(0px);
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
.mobile-menu .close-btn:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.mobile-menu .navigation {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mobile-menu .navigation li {
|
|
position: relative;
|
|
display: block;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mobile-menu .navigation li > ul > li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mobile-menu .navigation li > ul > li:first-child {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mobile-menu .navigation li > a {
|
|
position: relative;
|
|
display: block;
|
|
line-height: 24px;
|
|
padding: 10px 20px;
|
|
font-size: 15px;
|
|
color: #404040;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.mobile-menu .navigation li:hover > a,
|
|
.mobile-menu .navigation li.current > a {
|
|
color: #f34a4d;
|
|
}
|
|
|
|
.mobile-menu .navigation li.dropdown .dropdown-btn {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 44px;
|
|
height: 44px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
line-height: 44px;
|
|
color: #404040;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
}
|
|
|
|
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 10px;
|
|
width: 1px;
|
|
height: 24px;
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mobile-menu .navigation li > ul,
|
|
.mobile-menu .navigation li > ul > li > ul {
|
|
display: none;
|
|
}
|
|
|
|
.sticky-header .navbar-header {
|
|
display: none;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Search Popup
|
|
====================================================================
|
|
|
|
***/
|
|
.search-popup {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100vh;
|
|
width: 100%;
|
|
z-index: 99999;
|
|
margin-top: -540px;
|
|
transform: translateY(-100%);
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
/* -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
|
|
/* -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); */
|
|
/* transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
|
|
}
|
|
|
|
.sidenav-bar-visible .search-popup {
|
|
width: 80%;
|
|
}
|
|
|
|
.search-popup:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 100%;
|
|
width: 100%;
|
|
height: 560px;
|
|
background-image: url(../images/icons/waves-shape.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
margin-top: 0px;
|
|
content: "";
|
|
}
|
|
|
|
.search-active .search-popup {
|
|
transform: translateY(0%);
|
|
margin-top: 0;
|
|
}
|
|
|
|
.search-popup .close-search {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 75%;
|
|
margin: 0 auto;
|
|
margin-top: -200px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
background-color: var(--brand-primary);
|
|
width: 70px;
|
|
cursor: pointer;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
|
border-bottom: 3px solid #ffffff;
|
|
/* -webkit-transition: all 500ms ease; */
|
|
/* -moz-transition: all 500ms ease; */
|
|
/* -ms-transition: all 500ms ease; */
|
|
/* -o-transition: all 500ms ease; */
|
|
/* transition: all 500ms ease; */
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.search-popup .close-search span {
|
|
position: relative;
|
|
display: block;
|
|
height: 70px;
|
|
width: 70px;
|
|
font-size: 30px;
|
|
line-height: 70px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.search-active .search-popup .close-search {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
top: 50%;
|
|
/* -webkit-transition-delay: 1500ms; */
|
|
/* -moz-transition-delay: 1500ms; */
|
|
/* -ms-transition-delay: 1500ms; */
|
|
/* -o-transition-delay: 1500ms; */
|
|
/* transition-delay: 1500ms; */
|
|
}
|
|
|
|
.search-popup form {
|
|
position: absolute;
|
|
max-width: 700px;
|
|
top: 50%;
|
|
left: 15px;
|
|
right: 15px;
|
|
margin: -35px auto 0;
|
|
transform: scaleX(0);
|
|
transform-origin: center;
|
|
background-color: #111111;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.search-active .search-popup form {
|
|
transform: scaleX(1);
|
|
/* -webkit-transition-delay: 1200ms; */
|
|
/* -moz-transition-delay: 1200ms; */
|
|
/* -ms-transition-delay: 1200ms; */
|
|
/* -o-transition-delay: 1200ms; */
|
|
/* transition-delay: 1200ms; */
|
|
}
|
|
|
|
.search-popup .form-group {
|
|
position: relative;
|
|
margin: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.search-popup .form-group input[type=text],
|
|
.search-popup .form-group input[type=search] {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 18px;
|
|
line-height: 50px;
|
|
color: #000000;
|
|
height: 70px;
|
|
width: 100%;
|
|
padding: 10px 30px;
|
|
background-color: #ffffff;
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
/* transition:all 500ms ease; */
|
|
font-weight: 500;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.search-popup .form-group input[type=submit],
|
|
.search-popup .form-group button {
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 0px;
|
|
height: 70px;
|
|
line-height: 70px;
|
|
background: transparent;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
color: #000000;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
/* transition:all 500ms ease; */
|
|
}
|
|
|
|
.search-popup .form-group input[type=submit]:hover,
|
|
.search-popup .form-group button:hover {
|
|
color: #000000;
|
|
}
|
|
|
|
.search-popup input::placeholder,
|
|
.search-popup textarea::placeholder {
|
|
color: #000000;
|
|
}
|
|
|
|
.search-popup .close-search.style-two {
|
|
position: absolute;
|
|
right: 25px;
|
|
left: auto;
|
|
color: #ffffff;
|
|
width: auto;
|
|
height: auto;
|
|
top: 25px;
|
|
margin: 0px;
|
|
border: none;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
/* transition:all 500ms ease; */
|
|
}
|
|
|
|
.search-popup .close-search.style-two span {
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Optimized Section
|
|
====================================================================
|
|
|
|
***/
|
|
.optimized-section {
|
|
position: relative;
|
|
padding: 90px 0px 40px;
|
|
}
|
|
|
|
.optimized-section .content-column {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.optimized-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 95px;
|
|
}
|
|
|
|
.newsletter-form {
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.newsletter-form .form-group {
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.newsletter-form .form-group input[type=text],
|
|
.newsletter-form .form-group input[type=email] {
|
|
position: relative;
|
|
display: block;
|
|
width: 100%;
|
|
line-height: 26px;
|
|
padding: 10px 180px 10px 25px;
|
|
height: 50px;
|
|
font-size: 18px;
|
|
color: #000000;
|
|
background: none;
|
|
border-radius: 50px;
|
|
border: 1px solid #dddddd;
|
|
background: white;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.newsletter-form .form-group button {
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 1px;
|
|
cursor: pointer;
|
|
padding: 8px 36px 8px;
|
|
}
|
|
|
|
.newsletter-form.style-two .form-group input,
|
|
.newsletter-form.style-two .form-group button {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.optimized-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.optimized-section .image-column .inner-column {
|
|
position: relative;
|
|
padding-left: 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.optimized-section .image-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Featured Section
|
|
====================================================================
|
|
|
|
***/
|
|
.featured-section {
|
|
position: relative;
|
|
padding-bottom: 70px;
|
|
}
|
|
|
|
.featured-section .pattern-layer {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 825px;
|
|
width: 1180px;
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
}
|
|
|
|
.featured-section .left-column {
|
|
position: relative;
|
|
}
|
|
|
|
.featured-section .left-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.featured-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.featured-section .image-column .inner-column {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
padding-top: 60px;
|
|
}
|
|
|
|
.featured-section .right-column {
|
|
position: relative;
|
|
}
|
|
|
|
.featured-section .right-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.featured-block {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.featured-block .inner-box {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.featured-block .inner-box h5 {
|
|
position: relative;
|
|
padding: 15px 35px;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
z-index: 1;
|
|
letter-spacing: 1px;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.featured-block .inner-box h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.featured-block .inner-box h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.featured-block .inner-box .lower-content {
|
|
position: relative;
|
|
margin-top: -25px;
|
|
padding: 35px 30px 25px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.featured-block .inner-box .icon-box {
|
|
position: relative;
|
|
line-height: 1em;
|
|
color: var(--brand-primary);
|
|
font-size: 64px;
|
|
margin-top: 20px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.featured-block .inner-box .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Services Section
|
|
====================================================================
|
|
|
|
***/
|
|
.services-section {
|
|
position: relative;
|
|
padding: 90px 0px 100px;
|
|
}
|
|
|
|
.services-section .inner-container {
|
|
position: relative;
|
|
padding-left: 250px;
|
|
}
|
|
|
|
.services-section .inner-container .button-box {
|
|
text-align: right;
|
|
}
|
|
|
|
.services-section .inner-container .service-image {
|
|
position: absolute;
|
|
left: -80px;
|
|
bottom: -120px;
|
|
}
|
|
|
|
.service-block {
|
|
position: relative;
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.service-block .inner-box {
|
|
position: relative;
|
|
}
|
|
|
|
.service-block .inner-box .icon-box {
|
|
position: relative;
|
|
line-height: 1em;
|
|
font-size: 56px;
|
|
color: var(--brand-primary);
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.service-block .inner-box h5 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.service-block .inner-box h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.service-block .inner-box h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.service-block .inner-box .text {
|
|
position: relative;
|
|
line-height: 1.8em;
|
|
font-size: 16px;
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.service-block .inner-box h5 .read-more {
|
|
position: relative;
|
|
}
|
|
|
|
.service-block .inner-box .read-more {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
margin-top: 22px;
|
|
display: inline-block;
|
|
text-decoration: underline;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.service-block .inner-box .read-more:hover {
|
|
color: #2b2b2b;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Science Section
|
|
====================================================================
|
|
|
|
***/
|
|
.science-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 140px 0px 60px;
|
|
}
|
|
|
|
.science-section .pattern-layer {
|
|
position: absolute;
|
|
content: "";
|
|
right: 0px;
|
|
top: 0px;
|
|
height: 861px;
|
|
width: 1281px;
|
|
background-repeat: no-repeat;
|
|
background-position: right top;
|
|
}
|
|
|
|
.science-section .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.science-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 75px;
|
|
margin-right: -20px;
|
|
}
|
|
|
|
.science-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.science-section .image-column .inner-column {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Magic Section
|
|
====================================================================
|
|
|
|
***/
|
|
.magic-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 100px 0px 0px;
|
|
}
|
|
|
|
.magic-section.style-two {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.magic-section .cross-icon {
|
|
position: absolute;
|
|
left: 8%;
|
|
top: 20%;
|
|
width: 90px;
|
|
height: 90px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.magic-section .blocks-column {
|
|
position: relative;
|
|
}
|
|
|
|
.magic-section .blocks-column .inner-column {
|
|
position: relative;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.magic-section .blocks-column .magic-block.style-two .inner-box {
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.magic-section .blocks-column .inner-column .magic-block:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 14px;
|
|
top: 70px;
|
|
width: 409px;
|
|
height: 157px;
|
|
background-repeat: no-repeat;
|
|
background: url(../images/icons/magic-pattern-1.png) no-repeat;
|
|
}
|
|
|
|
.magic-section .blocks-column .inner-column .magic-block.style-two:before {
|
|
right: 12px;
|
|
left: auto;
|
|
top: 35px;
|
|
background: url(../images/icons/magic-pattern-2.png) no-repeat;
|
|
}
|
|
|
|
.magic-section .blocks-column .inner-column .magic-block:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.magic-block {
|
|
position: relative;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.magic-block .inner-box {
|
|
position: relative;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.magic-block .inner-box .content {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.magic-block .inner-box .number {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 1px;
|
|
width: 35px;
|
|
height: 35px;
|
|
color: #2b2b2b;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
background-color: #eaeaea;
|
|
display: inline-block;
|
|
}
|
|
|
|
.magic-block .inner-box h5 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
color: #2b2b2b;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.magic-block .inner-box h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.magic-block .inner-box:hover h5 a {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.magic-block .inner-box .text {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.9em;
|
|
}
|
|
|
|
.magic-block.style-two .inner-box {
|
|
text-align: right;
|
|
}
|
|
|
|
.magic-block.style-two .inner-box .content {
|
|
padding-right: 50px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.magic-block.style-two .inner-box .number {
|
|
right: 0px;
|
|
left: auto;
|
|
color: #ffffff;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.magic-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.magic-section .image-column .inner-column {
|
|
position: relative;
|
|
margin-right: -100px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Projects Section
|
|
====================================================================
|
|
|
|
***/
|
|
.projects-section {
|
|
position: relative;
|
|
padding: 50px 0px 0px;
|
|
}
|
|
|
|
.projects-section.style-two {
|
|
padding-top: 95px;
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.projects-section .project-tabs {
|
|
position: relative;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn {
|
|
position: relative;
|
|
font-size: 20px;
|
|
background: none;
|
|
color: #2b2b2b;
|
|
width: 30%;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
margin: 0px 15px;
|
|
line-height: 1.5em;
|
|
margin-bottom: 20px;
|
|
display: inline-block;
|
|
padding: 35px 30px 35px;
|
|
text-transform: capitalize;
|
|
/* transition:all 500ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .icon {
|
|
position: relative;
|
|
display: block;
|
|
color: var(--brand-primary);
|
|
line-height: 1em;
|
|
font-size: 60px;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn:hover,
|
|
.projects-section .project-tabs .tab-btns .tab-btn.active-btn {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-one {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-one:before {
|
|
position: absolute;
|
|
content: "";
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 2px;
|
|
height: 0px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:before,
|
|
.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:before {
|
|
height: 100%;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-one:after {
|
|
position: absolute;
|
|
content: "";
|
|
right: 0px;
|
|
bottom: 0px;
|
|
width: 0px;
|
|
height: 2px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-one:after,
|
|
.projects-section .project-tabs .tab-btns .tab-btn:hover .border-one:after {
|
|
width: 100%;
|
|
/* transition-delay: 500ms; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-two {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-two:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 2px;
|
|
height: 0px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:before,
|
|
.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:before {
|
|
height: 100%;
|
|
/* transition-delay: 1000ms; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn .border-two:after {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 0px;
|
|
height: 2px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tab-btns .tab-btn:hover .border-two:after,
|
|
.projects-section .project-tabs .tab-btns .tab-btn.active-btn .border-two:after {
|
|
width: 100%;
|
|
/* transition-delay: 1500ms; */
|
|
}
|
|
|
|
.projects-section .project-tabs .tabs-content {
|
|
position: relative;
|
|
}
|
|
|
|
.projects-section .project-tabs .tabs-content .tab {
|
|
position: relative;
|
|
display: none;
|
|
}
|
|
|
|
.projects-section .project-tabs .tabs-content .tab.active-tab {
|
|
display: block;
|
|
}
|
|
|
|
.projects-section .project-tabs .tabs-content .content {
|
|
position: relative;
|
|
max-width: 970px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column {
|
|
position: relative;
|
|
float: left;
|
|
padding: 0px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column .inner-column {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-top: 70px;
|
|
padding: 35px 30px;
|
|
margin-right: -80px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column h5 {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
line-height: 1.4em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column p {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column ul {
|
|
position: relative;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column ul li {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column ul li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column .learn {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
text-decoration: underline;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.projects-section .project-tabs .content .content-column .learn:hover {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .image-column {
|
|
position: relative;
|
|
float: left;
|
|
padding: 0px;
|
|
}
|
|
|
|
.projects-section .project-tabs .content .image-column .inner-column {
|
|
margin-left: -30px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
News Section
|
|
====================================================================
|
|
|
|
***/
|
|
.news-section {
|
|
position: relative;
|
|
padding: 100px 0px 90px;
|
|
}
|
|
|
|
.news-section .section-lower-box {
|
|
position: relative;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.news-section .section-lower-box .older-posts {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
color: #a1a1a1;
|
|
font-size: 18px;
|
|
width: 160px;
|
|
height: 48px;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
border-radius: 50px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid #dddddd;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.news-section .section-lower-box .older-posts:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.news-section .section-lower-box .visit {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.news-section .section-lower-box .visit:hover {
|
|
color: #2b2b2b;
|
|
}
|
|
|
|
.news-block {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.news-block .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
background-color: #eef1f9;
|
|
}
|
|
|
|
.news-block .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.news-block .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
/* -webkit-transition: all 600ms ease; */
|
|
/* -moz-transition: all 600ms ease; */
|
|
/* -ms-transition: all 600ms ease; */
|
|
/* -o-transition: all 600ms ease; */
|
|
/* transition: all 600ms ease; */
|
|
}
|
|
|
|
.news-block .inner-box:hover .image img {
|
|
transform: scale(1.04, 1.04);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.news-block .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 0px 30px 30px;
|
|
}
|
|
|
|
.news-block .inner-box .lower-content .upper-box {
|
|
position: relative;
|
|
padding: 16px 0px;
|
|
}
|
|
|
|
.news-block .inner-box .upper-box .posted-by {
|
|
position: relative;
|
|
color: #717171;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.news-block .inner-box .upper-box .post-date {
|
|
position: relative;
|
|
color: #717171;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.news-block .inner-box .lower-content h5 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.news-block .inner-box .lower-content h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.news-block .inner-box .lower-content h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.news-block .inner-box .lower-content .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.news-block .inner-box .lower-content .learn {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
text-decoration: underline;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.news-block .inner-box .lower-content .learn:hover {
|
|
text-decoration: underline;
|
|
color: #000000;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Counter Section
|
|
====================================================================
|
|
|
|
***/
|
|
.counter-section {
|
|
position: relative;
|
|
padding: 40px 0px 60px;
|
|
}
|
|
|
|
.counter-section.style-two {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/* Fact Counter */
|
|
.fact-counter {
|
|
position: relative;
|
|
}
|
|
|
|
.fact-counter .column {
|
|
position: relative;
|
|
z-index: 5;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.fact-counter .icon-box {
|
|
position: relative;
|
|
width: 110px;
|
|
height: 110px;
|
|
margin: 0 auto;
|
|
color: var(--brand-primary);
|
|
font-size: 56px;
|
|
line-height: 110px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background-color: #eaedf6;
|
|
/* transition: all 600ms ease; */
|
|
/* -moz-transition: all 600ms ease; */
|
|
/* -webkit-transition: all 600ms ease; */
|
|
/* -ms-transition: all 600ms ease; */
|
|
/* -o-transition: all 600ms ease; */
|
|
}
|
|
|
|
.fact-counter .column .inner:hover .icon-box {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
-webkit-transform: scale(-1) rotate(180deg);
|
|
-moz-transform: scale(-1) rotate(180deg);
|
|
-ms-transform: scale(-1) rotate(180deg);
|
|
-o-transform: scale(-1) rotate(180deg);
|
|
transform: scale(-1) rotate(180deg);
|
|
}
|
|
|
|
.fact-counter .column .inner {
|
|
position: relative;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.fact-counter .count-outer {
|
|
position: relative;
|
|
margin: 0px 0px;
|
|
font-weight: 700;
|
|
color: var(--brand-primary);
|
|
font-size: 36px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.fact-counter .count-outer .count-text {
|
|
position: relative;
|
|
font-weight: 700;
|
|
color: var(--brand-primary);
|
|
font-size: 36px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.fact-counter .column .counter-title {
|
|
position: relative;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #2b2b2b;
|
|
display: block;
|
|
margin-top: 12px;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Footer Style
|
|
====================================================================
|
|
|
|
***/
|
|
.main-footer {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-color: var(--brand-secondary);
|
|
}
|
|
|
|
.main-footer .footer-widget {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.main-footer .widgets-section {
|
|
position: relative;
|
|
padding: 90px 0px 50px;
|
|
}
|
|
|
|
.main-footer .footer-title {
|
|
position: relative;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.main-footer .footer-widget h4 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
/* color:#ffffff; */
|
|
line-height: 1.2em;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.main-footer .footer-title:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
bottom: 0px;
|
|
height: 1px;
|
|
width: 40px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.main-footer .contact-list {
|
|
position: relative;
|
|
}
|
|
|
|
.main-footer .contact-list li {
|
|
position: relative;
|
|
color: #ececec;
|
|
font-size: 14px;
|
|
margin-bottom: 8px;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.main-footer li .icon {
|
|
width: 18px;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 50%;
|
|
margin-bottom: -7px;
|
|
text-align: center;
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-footer .contact-list li a {
|
|
position: relative;
|
|
color: #ececec;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-footer .contact-list li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/* Nav List */
|
|
.main-footer .nav-list {
|
|
position: relative;
|
|
}
|
|
|
|
.main-footer .nav-list li {
|
|
position: relative;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.main-footer .nav-list li::marker {
|
|
font-size: inherit;
|
|
}
|
|
|
|
/* .main-footer .nav-list li:before{
|
|
display: block;
|
|
position:absolute;
|
|
content: "\f107";
|
|
left:0px;
|
|
top:1px;
|
|
color:var(--brand-primary);
|
|
width: 1rem;
|
|
height: 1rem;
|
|
background-image: url('/images/icons/check-mark.svg');
|
|
font-family: "Flaticon";
|
|
} */
|
|
.main-footer .nav-list li a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-footer .nav-list li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/* Recent Posts */
|
|
.main-footer .news-widget .post {
|
|
position: relative;
|
|
min-height: 70px;
|
|
padding-left: 75px;
|
|
margin-bottom: 15px;
|
|
padding-right: 90px;
|
|
}
|
|
|
|
.main-footer .news-widget .post:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.main-footer .news-widget .post .thumb {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 75px;
|
|
width: 70px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.main-footer .news-widget .post .thumb a {
|
|
display: block;
|
|
}
|
|
|
|
.main-footer .news-widget .post .thumb img {
|
|
display: block;
|
|
width: 55px;
|
|
height: auto;
|
|
}
|
|
|
|
.main-footer .news-widget .post h4 {
|
|
position: relative;
|
|
font-size: 16px;
|
|
color: #ececec;
|
|
line-height: 30px;
|
|
font-weight: 400;
|
|
top: -5px;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
.main-footer .news-widget .post h4 a {
|
|
color: #ececec;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.main-footer .news-widget .post h4 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-footer .news-widget .social-box {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.main-footer .news-widget .social-box li {
|
|
position: relative;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.main-footer .news-widget .social-box li a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.main-footer .news-widget .social-box li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-footer .pattern-layer {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.main-footer .pattern-layer-two {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Footer Bottom */
|
|
.main-footer .footer-bottom {
|
|
position: relative;
|
|
padding: 20px 0px;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.main-footer .footer-bottom .copyright {
|
|
position: relative;
|
|
color: #ffffff;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.main-footer .footer-bottom .copyright a {
|
|
color: #ffaa00;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language-column {
|
|
position: relative;
|
|
text-align: right;
|
|
}
|
|
|
|
/*Language Dropdown*/
|
|
.main-footer .footer-bottom .language {
|
|
position: relative;
|
|
line-height: 1em;
|
|
margin-left: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .flag-icon {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .dropdown-menu {
|
|
top: 100%;
|
|
right: 0px;
|
|
left: auto;
|
|
width: 170px;
|
|
border-radius: 0px;
|
|
margin-top: 0px;
|
|
background-color: var(--brand-secondary);
|
|
border: none;
|
|
padding: 0px;
|
|
border-top: 3px solid var(--brand-primary);
|
|
}
|
|
|
|
.main-footer .footer-bottom .language > a {
|
|
color: #ffffff;
|
|
padding: 0px;
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
border: 0px;
|
|
font-weight: 400;
|
|
font-size: 15px;
|
|
line-height: 1em;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language > a:after {
|
|
display: none;
|
|
}
|
|
|
|
.main-footer .footer-bottom language a:hover {
|
|
background: none;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .dropdown-menu > li {
|
|
padding-right: 0px !important;
|
|
margin: 0px !important;
|
|
float: none;
|
|
display: block !important;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .dropdown-menu > li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .dropdown-menu > li > a {
|
|
padding: 14px 20px !important;
|
|
color: #ffffff;
|
|
display: block;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.main-footer .footer-bottom .language .dropdown-menu > li > a:hover {
|
|
color: #ffffff !important;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Main Slider Banner
|
|
====================================================================
|
|
|
|
***/
|
|
.main-slider {
|
|
position: relative;
|
|
background-color: #6719ca;
|
|
}
|
|
|
|
.main-slider .pattern-layer {
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 403px;
|
|
height: 504px;
|
|
}
|
|
|
|
.main-slider .auto-container {
|
|
position: relative;
|
|
}
|
|
|
|
.main-slider .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.main-slider .content-column .content-boxed {
|
|
position: relative;
|
|
padding-top: 125px;
|
|
}
|
|
|
|
.main-slider .slide {
|
|
position: relative;
|
|
padding: 200px 0px 140px;
|
|
}
|
|
|
|
.main-slider h1 {
|
|
position: relative;
|
|
color: #ffffff;
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
transform-origin: top;
|
|
/* -webkit-transition: all 1000ms ease; */
|
|
/* -moz-transition: all 100ms ease; */
|
|
/* -ms-transition: all 1000ms ease; */
|
|
/* -o-transition: all 1000ms ease; */
|
|
/* transition: all 1000ms ease; */
|
|
font-weight: 700;
|
|
line-height: 1.2em;
|
|
margin-bottom: 20px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.main-slider h1 span {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.main-slider .active h1 {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
/* transition-delay: 300ms; */
|
|
}
|
|
|
|
.main-slider .text {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 35px;
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
transform-origin: top;
|
|
line-height: 1.9em;
|
|
font-weight: 400;
|
|
/* -webkit-transition: all 1000ms ease; */
|
|
/* -moz-transition: all 100ms ease; */
|
|
/* -ms-transition: all 1000ms ease; */
|
|
/* -o-transition: all 1000ms ease; */
|
|
/* transition: all 1000ms ease; */
|
|
}
|
|
|
|
.main-slider .active .text {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
/* transition-delay: 600ms; */
|
|
}
|
|
|
|
.main-slider .buttons-box {
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
transform-origin: top;
|
|
display: inline-block;
|
|
/* -webkit-transition: all 1000ms ease; */
|
|
/* -moz-transition: all 100ms ease; */
|
|
/* -ms-transition: all 1000ms ease; */
|
|
/* -o-transition: all 1000ms ease; */
|
|
/* transition: all 1000ms ease; */
|
|
}
|
|
|
|
.main-slider .active .buttons-box {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
/* transition-delay: 900ms; */
|
|
}
|
|
|
|
.main-slider .buttons-box .theme-btn {
|
|
margin-right: 20px;
|
|
float: left;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.main-slider .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.main-slider .image-column .inner-column {
|
|
position: relative;
|
|
margin-left: -80px;
|
|
margin-right: -200px;
|
|
}
|
|
|
|
.main-slider .image-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
.main-slider .image-column .image img {
|
|
position: relative;
|
|
}
|
|
|
|
.main-slider .image-column {
|
|
opacity: 0;
|
|
transform: scaleY(0);
|
|
transform-origin: right;
|
|
display: inline-block;
|
|
/* -webkit-transition: all 1000ms ease; */
|
|
/* -moz-transition: all 100ms ease; */
|
|
/* -ms-transition: all 1000ms ease; */
|
|
/* -o-transition: all 1000ms ease; */
|
|
/* transition: all 1000ms ease; */
|
|
}
|
|
|
|
.main-slider .active .image-column {
|
|
opacity: 1;
|
|
transform: scaleY(1);
|
|
/* transition-delay: 0ms; */
|
|
}
|
|
|
|
.main-slider .owl-dots {
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 30px;
|
|
right: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.main-slider .owl-dots .owl-dot {
|
|
position: relative;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0px 4px 10px;
|
|
background-color: #ffffff;
|
|
margin-bottom: 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.main-slider .owl-dots .owl-dot:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
opacity: 0;
|
|
border: 2px solid #cc2b5e;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.main-slider .owl-dots .owl-dot.active:before,
|
|
.main-slider .owl-dots .owl-dot:hover::before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.main-slider .owl-nav {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 50%;
|
|
z-index: 1;
|
|
width: 100%;
|
|
opacity: 0;
|
|
margin-top: -10px;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.main-slider:hover .owl-nav {
|
|
opacity: 1;
|
|
}
|
|
|
|
.main-slider .owl-nav .owl-prev {
|
|
position: absolute;
|
|
left: 20px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ffffff;
|
|
line-height: 56px;
|
|
font-size: 24px;
|
|
text-align: center;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
border: 2px solid rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.main-slider .owl-nav .owl-next {
|
|
position: absolute;
|
|
right: 20px;
|
|
color: #ffffff;
|
|
font-size: 24px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ffffff;
|
|
line-height: 56px;
|
|
text-align: center;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
border: 2px solid rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.main-slider .owl-nav .owl-prev:hover,
|
|
.main-slider .owl-nav .owl-next:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Clients Section
|
|
====================================================================
|
|
|
|
***/
|
|
.clients-section {
|
|
position: relative;
|
|
padding: 40px 0px 40px;
|
|
}
|
|
|
|
.clients-section .sponsors-outer .owl-dots,
|
|
.clients-section .sponsors-outer .owl-nav {
|
|
position: relative;
|
|
display: none;
|
|
}
|
|
|
|
.clients-section .sponsors-outer .image-box {
|
|
position: relative;
|
|
text-align: center;
|
|
margin: 0px;
|
|
}
|
|
|
|
.clients-section .sponsors-outer .image-box img {
|
|
max-width: 100%;
|
|
width: auto;
|
|
opacity: 0.5;
|
|
display: inline-block;
|
|
-webkit-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.clients-section .sponsors-outer .image-box img:hover {
|
|
opacity: 1;
|
|
-webkit-filter: grayscale(0%);
|
|
filter: grayscale(0%);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Inteligence Section
|
|
====================================================================
|
|
|
|
***/
|
|
.inteligence-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 95px 0px 60px;
|
|
}
|
|
|
|
.inteligence-section .pattern-layer {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: -200px;
|
|
width: 402px;
|
|
height: 566px;
|
|
}
|
|
|
|
.inteligence-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.inteligence-section .image-column .inner-column {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.inteligence-section .image-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
.inteligence-section .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.inteligence-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 80px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Business Section
|
|
====================================================================
|
|
|
|
***/
|
|
.business-section {
|
|
position: relative;
|
|
padding: 95px 0px 70px;
|
|
background-color: #f1eff7;
|
|
}
|
|
|
|
.business-block {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.business-block .inner-box {
|
|
position: relative;
|
|
}
|
|
|
|
.business-block .inner-box .business-title {
|
|
position: relative;
|
|
padding: 12px 20px;
|
|
font-size: 17px;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
border-radius: 3px;
|
|
background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990);
|
|
}
|
|
|
|
.business-block .inner-box .business-title .icon {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
color: var(--brand-primary);
|
|
line-height: 1em;
|
|
font-size: 36px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.business-block .inner-box .business-title .title-inner {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
|
|
.business-block .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 30px 30px;
|
|
text-align: center;
|
|
margin-top: 30px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.business-block .inner-box .icon-box {
|
|
position: relative;
|
|
width: 118px;
|
|
height: 114px;
|
|
margin: 0 auto;
|
|
color: var(--brand-primary);
|
|
font-size: 64px;
|
|
line-height: 114px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.business-block .inner-box .lower-content h5 {
|
|
position: relative;
|
|
line-height: 1.4em;
|
|
font-weight: 700;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.business-block .inner-box .lower-content h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.business-block .inner-box .lower-content h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.business-block .inner-box .text {
|
|
position: relative;
|
|
line-height: 1.7em;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.business-block .inner-box .learn-more {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 18px;
|
|
padding: 12px 45px;
|
|
font-weight: 400;
|
|
display: inline-block;
|
|
text-transform: capitalize;
|
|
background-color: #ffffff;
|
|
font-family: "Roboto Condensed";
|
|
box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.business-block .inner-box .learn-more:hover {
|
|
color: #ffffff;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
API Section
|
|
====================================================================
|
|
|
|
***/
|
|
.api-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 95px 0px 70px;
|
|
}
|
|
|
|
.api-section .pattern-layer {
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 20px;
|
|
width: 467px;
|
|
height: 566px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.api-section .image-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.api-section .image-column .inner-column {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.api-section .image-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
.api-section .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.api-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 70px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Deliver Section
|
|
====================================================================
|
|
|
|
***/
|
|
.deliver-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 95px 0px 70px;
|
|
background-color: #f1eff7;
|
|
}
|
|
|
|
.deliver-section #particles-js {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.deliver-section .image-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.deliver-section .image-column .inner-column {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-left: -100px;
|
|
}
|
|
|
|
.deliver-section .image-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
.deliver-section .content-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.deliver-section .content-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.service-block-two {
|
|
position: relative;
|
|
padding: 18px 20px;
|
|
margin-bottom: 20px;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.service-block-two:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 0px;
|
|
height: 100%;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.service-block-two:hover::before {
|
|
width: 100%;
|
|
}
|
|
|
|
.service-block-two .block-inner {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
color: #2b2b2b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.service-block-two:hover .block-inner {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.service-block-two .overlay-link {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
display: block;
|
|
z-index: 1;
|
|
}
|
|
|
|
.service-block-two .block-inner .icon {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
color: var(--brand-primary);
|
|
font-weight: 400;
|
|
line-height: 1em;
|
|
font-size: 30px;
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.service-block-two:hover .block-inner .icon {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Works Section
|
|
====================================================================
|
|
|
|
***/
|
|
.works-section {
|
|
position: relative;
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.works-section .inner-container {
|
|
position: relative;
|
|
}
|
|
|
|
.works-section .inner-container:before {
|
|
position: relative;
|
|
}
|
|
|
|
.works-section .cross-icon {
|
|
position: absolute;
|
|
left: 6%;
|
|
top: 20%;
|
|
width: 90px;
|
|
height: 90px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.works-section .cross-icon-two {
|
|
position: absolute;
|
|
right: 6%;
|
|
bottom: 20%;
|
|
width: 90px;
|
|
height: 90px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.works-section .inner-container {
|
|
position: relative;
|
|
max-width: 970px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.works-section .inner-container .work-block:nth-child(2):before {
|
|
position: absolute;
|
|
content: "";
|
|
right: 45%;
|
|
top: 100%;
|
|
width: 510px;
|
|
height: 111px;
|
|
background: url(../images/icons/service-line.png) no-repeat;
|
|
}
|
|
|
|
.work-block {
|
|
position: relative;
|
|
margin-bottom: 110px;
|
|
}
|
|
|
|
.work-block .inner-box {
|
|
position: relative;
|
|
padding: 28px 28px 45px;
|
|
border: 4px solid #eaeaea;
|
|
}
|
|
|
|
.work-block .inner-box .border-one {
|
|
position: absolute;
|
|
right: -4px;
|
|
top: -4px;
|
|
bottom: -4px;
|
|
left: -4px;
|
|
}
|
|
|
|
.work-block .inner-box .border-one:before {
|
|
position: absolute;
|
|
content: "";
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 4px;
|
|
height: 0px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.work-block .inner-box:hover .border-one:before {
|
|
height: 100%;
|
|
}
|
|
|
|
.work-block .inner-box .border-one:after {
|
|
position: absolute;
|
|
content: "";
|
|
right: 0px;
|
|
bottom: 0px;
|
|
width: 0px;
|
|
height: 4px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.work-block .inner-box:hover .border-one:after {
|
|
width: 100%;
|
|
/* transition-delay: 500ms; */
|
|
}
|
|
|
|
.work-block .inner-box .border-two {
|
|
position: absolute;
|
|
right: -4px;
|
|
top: -4px;
|
|
bottom: -4px;
|
|
left: -4px;
|
|
}
|
|
|
|
.work-block .inner-box .border-two:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 4px;
|
|
height: 0px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.work-block .inner-box:hover .border-two:before {
|
|
height: 100%;
|
|
/* transition-delay: 1000ms; */
|
|
}
|
|
|
|
.work-block .inner-box .border-two:after {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 0px;
|
|
height: 4px;
|
|
background-color: var(--brand-primary);
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.work-block .inner-box:hover .border-two:after {
|
|
width: 100%;
|
|
/* transition-delay: 1500ms; */
|
|
}
|
|
|
|
.work-block .inner-box .content {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.work-block .inner-box .content .number {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 1px;
|
|
width: 35px;
|
|
height: 35px;
|
|
color: #2b2b2b;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
background-color: #eaeaea;
|
|
display: inline-block;
|
|
}
|
|
|
|
.work-block .inner-box .content h5 {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.work-block .inner-box .content .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
.work-block .inner-box .content .side-icon {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: -15px;
|
|
color: var(--brand-primary);
|
|
font-size: 30px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.work-block.style-two .inner-box {
|
|
border-color: #4c4990;
|
|
background-color: #f0eff7;
|
|
}
|
|
|
|
.work-block.style-two .inner-box .content .number {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Projects Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.projects-section-two {
|
|
position: relative;
|
|
padding: 95px 0px 80px;
|
|
background-color: #f1eff7;
|
|
}
|
|
|
|
.project-block {
|
|
position: relative;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.project-block .inner-box {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.project-block .inner-box .title {
|
|
position: relative;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
padding: 18px 15px;
|
|
border-radius: 4px;
|
|
display: block;
|
|
color: #ffffff;
|
|
margin-bottom: 30px;
|
|
background-image: linear-gradient(to right, #6a14d1, #5c2ec3, #533bb4, #4d43a3, #4c4990);
|
|
}
|
|
|
|
.project-block .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.project-block .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
display: block;
|
|
-webkit-transition: all 600ms ease;
|
|
-moz-transition: all 600ms ease;
|
|
-ms-transition: all 600ms ease;
|
|
-o-transition: all 600ms ease;
|
|
transition: all 600ms ease;
|
|
}
|
|
|
|
.project-block .inner-box:hover .image img {
|
|
transform: scale(1.05, 1.05);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.project-block .inner-box .block-content {
|
|
position: relative;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.project-block .inner-box .block-content .lower-content {
|
|
position: relative;
|
|
padding: 25px 30px 0px;
|
|
}
|
|
|
|
.project-block .inner-box .block-content h5 {
|
|
position: relative;
|
|
line-height: 1.5em;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.project-block .inner-box .block-content h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
-webkit-transition: all 300ms ease;
|
|
-ms-transition: all 300ms ease;
|
|
-o-transition: all 300ms ease;
|
|
-moz-transition: all 300ms ease;
|
|
transition: all 300ms ease;
|
|
}
|
|
|
|
.project-block .inner-box .block-content h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.project-block .inner-box .block-content .text {
|
|
position: relative;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.project-block .inner-box .block-content .learn-btn {
|
|
position: relative;
|
|
font-weight: 500;
|
|
color: #2b2b2b;
|
|
bottom: -10px;
|
|
font-size: 18px;
|
|
padding: 14px 50px;
|
|
margin-bottom: -14px;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
font-family: "Roboto Condensed";
|
|
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: all 300ms ease;
|
|
-ms-transition: all 300ms ease;
|
|
-o-transition: all 300ms ease;
|
|
-moz-transition: all 300ms ease;
|
|
transition: all 300ms ease;
|
|
}
|
|
|
|
.project-block .inner-box:hover .block-content .learn-btn {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
About Section
|
|
====================================================================
|
|
|
|
***/
|
|
.about-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 95px 0px 80px;
|
|
}
|
|
|
|
.about-section .pattern-layer {
|
|
position: absolute;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 362px;
|
|
height: 436px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.about-section .content-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.about-section .content-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.about-section .content-column .sec-title {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.about-section .content-column .theme-btn {
|
|
margin-right: 18px;
|
|
}
|
|
|
|
.about-section .counter-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.about-section .counter-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.about-section .counter-column .fact-counter .counter-column:nth-child(2n+1) {
|
|
transform: translateY(80px);
|
|
}
|
|
|
|
.about-section.style-two {
|
|
padding-bottom: 110px;
|
|
}
|
|
|
|
.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+1) {
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
.about-section.style-two .counter-column .fact-counter .counter-column .inner {
|
|
padding: 30px 30px;
|
|
border-radius: 7px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.about-section.style-two .counter-column .fact-counter .counter-column:nth-child(2n+0) {
|
|
transform: translateY(60px);
|
|
}
|
|
|
|
.about-section.style-two .content-column .inner-column {
|
|
padding-top: 220px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.about-section.style-two .content-column .inner-column .theme-btn {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Banner Section
|
|
====================================================================
|
|
|
|
***/
|
|
.banner-section-two {
|
|
position: relative;
|
|
padding-top: 220px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.banner-section-two .outer-container {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.banner-section-two .side-layer {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 77%;
|
|
height: 981px;
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
background-size: 70%;
|
|
}
|
|
|
|
.banner-section-two .content-column {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
.banner-section-two .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 100px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.banner-section-two .content-column h1 {
|
|
position: relative;
|
|
color: #2b2a41;
|
|
font-weight: 700;
|
|
line-height: 1.25em;
|
|
margin-bottom: 20px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.banner-section-two .content-column h2 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.banner-section-two .content-column h1 span {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.banner-section-two .content-column .newsletter-form .form-group button,
|
|
.content-column .inner-column .newsletter-form .form-group button {
|
|
border-radius: 50px;
|
|
padding: 9px 36px 9px;
|
|
}
|
|
|
|
.banner-section-two .content-column .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 35px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.banner-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.banner-section-two .image-column .inner-column {
|
|
position: relative;
|
|
padding-left: 70px;
|
|
margin-right: -200px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Clients Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.clients-section-two {
|
|
position: relative;
|
|
padding: 40px 0px 40px;
|
|
}
|
|
|
|
.clients-section-two .sponsors-outer {
|
|
padding-right: 270px;
|
|
}
|
|
|
|
.clients-section-two .sponsors-outer .owl-dots,
|
|
.clients-section-two .sponsors-outer .owl-nav {
|
|
position: relative;
|
|
display: none;
|
|
}
|
|
|
|
.clients-section-two .sponsors-outer .image-box {
|
|
position: relative;
|
|
text-align: center;
|
|
margin: 0px;
|
|
}
|
|
|
|
.clients-section-two .sponsors-outer .image-box img {
|
|
max-width: 100%;
|
|
width: auto;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.clients-section-two .sponsors-outer .image-box img:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Feature Section
|
|
====================================================================
|
|
|
|
***/
|
|
.features-section {
|
|
position: relative;
|
|
padding: 60px 0px 60px;
|
|
}
|
|
|
|
.features-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.features-section .image-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.features-section .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.features-section .content-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.features-section .content-column .theme-btn {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.features-section.style-two .image-column {
|
|
text-align: center;
|
|
}
|
|
|
|
.features-section.style-two {
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.feature-block {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.feature-block .inner-box {
|
|
position: relative;
|
|
}
|
|
|
|
.feature-block .inner-box .icon-box {
|
|
position: relative;
|
|
height: 160px;
|
|
color: var(--brand-primary);
|
|
font-size: 80px;
|
|
text-align: center;
|
|
line-height: 160px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.feature-block .inner-box h5 {
|
|
position: relative;
|
|
line-height: 1.4em;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.feature-block .inner-box h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.feature-block .inner-box h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.feature-block .inner-box .text {
|
|
position: relative;
|
|
line-height: 1.7em;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Business Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.business-section-two {
|
|
position: relative;
|
|
padding: 30px 0px 70px;
|
|
}
|
|
|
|
.business-section-two .sec-title {
|
|
margin-bottom: 80px;
|
|
}
|
|
|
|
.business-section-two .pattern-layer {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: -180px;
|
|
width: 402px;
|
|
height: 566px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.business-section-two .pattern-layer-two {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 1850px;
|
|
height: 897px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.business-section-two .inner-container {
|
|
position: relative;
|
|
}
|
|
|
|
.business-section-two .business-tabs {
|
|
position: relative;
|
|
}
|
|
|
|
.business-section-two .business-tabs .tab-btns {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .tab-btns .tab-btn {
|
|
position: relative;
|
|
font-size: 16px;
|
|
background: none;
|
|
color: #5a5a5a;
|
|
width: 30%;
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
margin: 0px 15px;
|
|
line-height: 1.7em;
|
|
border-radius: 8px;
|
|
margin-bottom: 20px;
|
|
display: inline-block;
|
|
padding: 0px 30px 35px;
|
|
text-transform: capitalize;
|
|
/* transition:all 500ms ease; */
|
|
background-color: #ffffff;
|
|
font-family: "Roboto Condensed";
|
|
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.business-section-two .business-tabs .tab-btns .tab-btn h5 {
|
|
position: relative;
|
|
top: -13px;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin-top: -14px;
|
|
padding: 14px 64px;
|
|
border-radius: 5px;
|
|
display: inline-block;
|
|
background-color: var(--brand-secondary);
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.business-section-two .business-tabs .tab-btns .tab-btn.active-btn h5,
|
|
.business-section-two .business-tabs .tab-btns .tab-btn:hover h5 {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.business-section-two .business-tabs .tab-btns .tab-btn .icon {
|
|
position: relative;
|
|
display: block;
|
|
color: var(--brand-primary);
|
|
line-height: 1em;
|
|
font-size: 60px;
|
|
margin-bottom: 20px;
|
|
font-weight: 400;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .tabs-content {
|
|
position: relative;
|
|
}
|
|
|
|
.business-section-two .business-tabs .tabs-content .tab {
|
|
position: relative;
|
|
display: none;
|
|
transform: rotateY(90deg);
|
|
/* -webkit-transition:all 900ms ease; */
|
|
/* -moz-transition:all 900ms ease; */
|
|
/* -ms-transition:all 900ms ease; */
|
|
/* -o-transition:all 900ms ease; */
|
|
/* transition:all 900ms ease; */
|
|
}
|
|
|
|
.business-section-two .business-tabs .tabs-content .tab.active-tab {
|
|
display: block;
|
|
transform: rotateY(0deg);
|
|
}
|
|
|
|
.business-section-two .business-tabs .tabs-content .content {
|
|
position: relative;
|
|
max-width: 1030px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .content-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .content-column p {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .content-column .business-list {
|
|
position: relative;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .content-column .business-list li {
|
|
position: relative;
|
|
color: #2b2a41;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
min-height: 50px;
|
|
margin-bottom: 18px;
|
|
padding-left: 70px;
|
|
}
|
|
|
|
/* .business-section-two .business-tabs .content .content-column .business-list li:before,
|
|
.features-section .feature-block .text li:before{
|
|
position:absolute;
|
|
content:'\f107';
|
|
left:0px;
|
|
top:0px;
|
|
width:50px;
|
|
height:50px;
|
|
color:var(--brand-primary);
|
|
font-size:20px;
|
|
line-height:50px;
|
|
text-align:center;
|
|
border-radius:50px;
|
|
background-color:#ffffff;
|
|
font-family: "Flaticon";
|
|
} */
|
|
.business-section-two .business-tabs .content .content-column .business-list li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .theme-btn {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .image-column {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Services Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.services-section-two {
|
|
position: relative;
|
|
padding: 40px 0px 0px;
|
|
}
|
|
|
|
.services-section-two .inner-container {
|
|
position: relative;
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.services-section-two .owl-carousel .owl-stage-outer {
|
|
padding: 20px 0px;
|
|
}
|
|
|
|
.services-section-two .pattern-layer {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 200px;
|
|
width: 100%;
|
|
height: 1378px;
|
|
background-position: right top;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.services-section-two .owl-carousel {
|
|
margin: 0px -15px;
|
|
width: auto;
|
|
}
|
|
|
|
.services-section-two .service-block-three {
|
|
margin: 0px 15px;
|
|
}
|
|
|
|
.services-section-two .owl-dots {
|
|
display: none;
|
|
}
|
|
|
|
.services-section-two .owl-nav {
|
|
position: absolute;
|
|
left: -80px;
|
|
top: 50%;
|
|
right: -80px;
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.services-section-two .owl-nav .owl-prev {
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #574a6e;
|
|
font-size: 18px;
|
|
line-height: 58px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
|
|
.services-section-two .owl-nav .owl-next {
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #574a6e;
|
|
font-size: 18px;
|
|
line-height: 58px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
|
|
.services-section-two .owl-nav .owl-prev:hover,
|
|
.services-section-two .owl-nav .owl-next:hover {
|
|
color: #ffffff;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/* Services Block Three */
|
|
.service-block-three {
|
|
position: relative;
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.service-block-three .inner-box {
|
|
position: relative;
|
|
padding: 30px 28px 35px;
|
|
border-radius: 8px;
|
|
background-color: #ffffff;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.service-block-three .inner-box .icon-box {
|
|
position: relative;
|
|
width: 75px;
|
|
height: 75px;
|
|
line-height: 75px;
|
|
font-size: 32px;
|
|
color: var(--brand-primary);
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
margin-bottom: 20px;
|
|
display: inline-block;
|
|
background-color: #f2f7ff;
|
|
}
|
|
|
|
.service-block-three .inner-box h5 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.service-block-three .inner-box h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.service-block-three .inner-box h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.service-block-three .inner-box .text {
|
|
position: relative;
|
|
line-height: 1.8em;
|
|
font-size: 16px;
|
|
color: #5a5a5a;
|
|
}
|
|
|
|
.service-block-three .inner-box h5 .read-more {
|
|
position: relative;
|
|
}
|
|
|
|
.service-block-three .inner-box .read-more {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 16px;
|
|
margin-top: 15px;
|
|
display: inline-block;
|
|
text-decoration: underline;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.service-block-three .inner-box .read-more:hover {
|
|
color: #2b2b2b;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Works Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.works-section-two {
|
|
position: relative;
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.works-section-two .inner-container {
|
|
position: relative;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.work-block-two {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.work-block-two .inner-box {
|
|
position: relative;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.work-block-two .inner-box .content {
|
|
position: relative;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.work-block-two .inner-box .number {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 1px;
|
|
width: 35px;
|
|
height: 35px;
|
|
color: #1d386b;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
background-color: #ffffff;
|
|
display: inline-block;
|
|
}
|
|
|
|
.work-block-two .inner-box h5 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
color: #ffffff;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.work-block-two .inner-box h5 a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.work-block-two .inner-box:hover h5 a {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.work-block-two .inner-box .text {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
color: #eaedf3;
|
|
font-size: 16px;
|
|
line-height: 1.9em;
|
|
}
|
|
|
|
.work-block-two.style-two .inner-box .content {
|
|
padding-left: 0px;
|
|
text-align: right;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
.work-block-two.style-two .inner-box .number {
|
|
right: 0px;
|
|
left: auto;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Projects Section Three
|
|
====================================================================
|
|
|
|
***/
|
|
.projects-section-three {
|
|
position: relative;
|
|
padding: 190px 0px 0px;
|
|
}
|
|
|
|
.projects-section-three .owl-dots {
|
|
display: none;
|
|
}
|
|
|
|
.projects-section-three .owl-nav {
|
|
position: absolute;
|
|
left: -80px;
|
|
top: 50%;
|
|
right: -80px;
|
|
margin-top: -20px;
|
|
}
|
|
|
|
.projects-section-three .owl-nav .owl-prev {
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
line-height: 58px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
background-color: rgba(255, 98, 98, 0.25);
|
|
}
|
|
|
|
.projects-section-three .owl-nav .owl-next {
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 60px;
|
|
height: 60px;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
line-height: 58px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
background-color: rgba(255, 98, 98, 0.25);
|
|
}
|
|
|
|
.projects-section-three .owl-nav .owl-prev:hover,
|
|
.projects-section-three .owl-nav .owl-next:hover {
|
|
color: #ffffff;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.projects-section-three .inner-container {
|
|
position: relative;
|
|
max-width: 970px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.projects-section-three .two-item-carousel {
|
|
margin: 0px -15px;
|
|
width: auto;
|
|
}
|
|
|
|
.projects-section-three .project-block-two {
|
|
margin: 0px 15px 30px;
|
|
}
|
|
|
|
.project-block-two {
|
|
position: relative;
|
|
}
|
|
|
|
.project-block-two .inner-box {
|
|
position: relative;
|
|
border-radius: 7px;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.project-block-two .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 7px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.project-block-two .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
display: block;
|
|
/* -webkit-transition:all 600ms ease; */
|
|
/* -moz-transition:all 600ms ease; */
|
|
/* -ms-transition:all 600ms ease; */
|
|
/* -o-transition:all 600ms ease; */
|
|
/* transition:all 600ms ease; */
|
|
}
|
|
|
|
.project-block-two .inner-box:hover .image img {
|
|
transform: scale(1.05, 1.05);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 25px 40px 35px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content h5 {
|
|
position: relative;
|
|
line-height: 1.5em;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content .text {
|
|
position: relative;
|
|
font-size: 16px;
|
|
line-height: 1.9em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content ul {
|
|
position: relative;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content ul li {
|
|
position: relative;
|
|
color: #2b2a41;
|
|
font-weight: 600;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content ul li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.project-block-two .inner-box .lower-content .see-more {
|
|
position: relative;
|
|
font-weight: 500;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
margin-top: 20px;
|
|
display: inline-block;
|
|
text-decoration: underline;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.project-block-two .inner-box:hover .block-content .see-more {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Page Title
|
|
====================================================================
|
|
|
|
***/
|
|
.page-title {
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
padding: 200px 0px 150px;
|
|
background: var(--brand-secondary);
|
|
}
|
|
|
|
.page-title .pattern-layer {
|
|
position: absolute;
|
|
left: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.page-title h1 {
|
|
position: relative;
|
|
color: #ffffff;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.page-title .bread-crumb {
|
|
position: relative;
|
|
}
|
|
|
|
.page-title .bread-crumb li {
|
|
position: relative;
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
padding-right: 15px;
|
|
margin-right: 12px;
|
|
display: inline-block;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.page-title .bread-crumb li:before {
|
|
position: absolute;
|
|
right: -3px;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
color: #ffffff;
|
|
content: "/";
|
|
font-weight: 400;
|
|
}
|
|
|
|
.page-title .bread-crumb li:last-child {
|
|
padding-right: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.page-title .bread-crumb li:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.page-title .bread-crumb li a {
|
|
color: #ffffff;
|
|
font-weight: 400;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.page-title .bread-crumb li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
About Text Section
|
|
====================================================================
|
|
|
|
***/
|
|
.about-text-section {
|
|
position: relative;
|
|
padding: 90px 0px 0px;
|
|
}
|
|
|
|
.about-text-section .text {
|
|
position: relative;
|
|
color: #2b2a41;
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
line-height: 1.4em;
|
|
text-align: center;
|
|
max-width: 970px;
|
|
margin: 0 auto;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Science Section Two
|
|
====================================================================
|
|
|
|
***/
|
|
.science-section-two {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 140px 0px 160px;
|
|
}
|
|
|
|
.science-section-two .pattern-layer {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
height: 825px;
|
|
width: 1180px;
|
|
background-repeat: no-repeat;
|
|
background-position: left top;
|
|
}
|
|
|
|
.science-section-two .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.science-section-two .content-column .inner-column {
|
|
position: relative;
|
|
padding-top: 10px;
|
|
margin-right: -20px;
|
|
}
|
|
|
|
.science-section-two .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.science-section-two .image-column .inner-column {
|
|
position: relative;
|
|
padding-right: 90px;
|
|
margin-left: -150px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Team Section
|
|
====================================================================
|
|
|
|
***/
|
|
.team-section {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 100px 0px 60px;
|
|
}
|
|
|
|
.team-section .pattern-layer {
|
|
position: absolute;
|
|
right: -60px;
|
|
top: 0px;
|
|
border-radius: 8px;
|
|
width: 1204px;
|
|
height: 614px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.team-section .title-column {
|
|
position: relative;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.team-section .title-column .inner-column {
|
|
position: relative;
|
|
z-index: 3;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.team-section .title-column .sec-title {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.team-section .blocks-column {
|
|
position: relative;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.team-section .blocks-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.team-section .blocks-column .owl-carousel .owl-stage-outer:before {
|
|
position: absolute;
|
|
content: "";
|
|
right: 104%;
|
|
top: 0px;
|
|
height: 100%;
|
|
width: 1000%;
|
|
z-index: 2;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.team-section .blocks-column .owl-carousel .owl-stage-outer {
|
|
overflow: visible;
|
|
}
|
|
|
|
.team-section .blocks-column .owl-dots,
|
|
.team-section .blocks-column .owl-nav {
|
|
display: none;
|
|
}
|
|
|
|
.team-block {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
z-index: 4;
|
|
}
|
|
|
|
.team-block .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 8px;
|
|
background-color: #ffffff;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.team-block .inner-box:hover {
|
|
box-shadow: 30px 20px 40px 0px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.team-block .image {
|
|
position: relative;
|
|
}
|
|
|
|
.team-block .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.team-block .image .overlay-box {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.team-block .image .overlay-box:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
opacity: 0;
|
|
top: 100%;
|
|
/* transition: all 900ms ease; */
|
|
/* -moz-transition: all 900ms ease; */
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%);
|
|
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%);
|
|
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #1d386b));
|
|
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1d386b 100%);
|
|
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1d386b 100%);
|
|
}
|
|
|
|
.team-block .inner-box:hover .overlay-box:before {
|
|
opacity: 1;
|
|
top: 0%;
|
|
}
|
|
|
|
.team-block .inner-box .overlay-box .overlay-inner {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.team-block .inner-box .overlay-box .member-content {
|
|
position: absolute;
|
|
left: 30px;
|
|
bottom: -120px;
|
|
/* transition: all 900ms ease; */
|
|
/* -moz-transition: all 900ms ease; */
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
}
|
|
|
|
.team-block .inner-box:hover .overlay-box .member-content {
|
|
bottom: 10px;
|
|
}
|
|
|
|
.team-block .inner-box .overlay-box .member-content h4 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.team-block .inner-box .overlay-box .member-content h4 a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.team-block .inner-box .overlay-box .member-content .designation {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* Team Block Two */
|
|
.team-social-box {
|
|
position: absolute;
|
|
right: -30px;
|
|
bottom: 38px;
|
|
}
|
|
|
|
.team-social-box li {
|
|
position: relative;
|
|
right: -30px;
|
|
margin-bottom: 10px;
|
|
/* transition: all 900ms ease; */
|
|
/* -moz-transition: all 900ms ease; */
|
|
/* -webkit-transition: all 900ms ease; */
|
|
/* -ms-transition: all 900ms ease; */
|
|
/* -o-transition: all 900ms ease; */
|
|
}
|
|
|
|
.team-social-box li a {
|
|
position: relative;
|
|
width: 36px;
|
|
height: 36px;
|
|
color: #25a9e0;
|
|
z-index: 1;
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.team-social-box li .social-name {
|
|
position: absolute;
|
|
right: 85%;
|
|
padding: 0px 10px;
|
|
top: 2px;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
font-size: 12px;
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
border-radius: 50px 0px 0px 50px;
|
|
background-color: #ffffff;
|
|
/* -webkit-transition: all 0.3s ease; */
|
|
/* -moz-transition: all 0.3s ease; */
|
|
/* -ms-transition: all 0.3s ease; */
|
|
/* -o-transition: all 0.3s ease; */
|
|
/* transition: all 0.3s ease; */
|
|
}
|
|
|
|
.team-social-box li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li {
|
|
right: 60px;
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) {
|
|
/* transition-delay: 250ms; */
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) {
|
|
/* transition-delay: 500ms; */
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {
|
|
/* transition-delay: 750ms; */
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(5) {
|
|
/* transition-delay: 1000ms; */
|
|
}
|
|
|
|
.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(6) {
|
|
/* transition-delay: 1250ms; */
|
|
}
|
|
|
|
.team-social-box li:hover .social-name {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.team-social-box li a {
|
|
position: relative;
|
|
width: 36px;
|
|
height: 36px;
|
|
color: #25a9e0;
|
|
z-index: 1;
|
|
font-size: 15px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.team-social-box li.youtube a {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.team-social-box li.youtube .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #ff0000;
|
|
}
|
|
|
|
.team-social-box li.linkedin a {
|
|
color: #0077b5;
|
|
}
|
|
|
|
.team-social-box li.linkedin .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #0077b5;
|
|
}
|
|
|
|
.team-social-box li.facebook a {
|
|
color: #3b5998;
|
|
}
|
|
|
|
.team-social-box li.facebook .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #3b5998;
|
|
}
|
|
|
|
.team-social-box li.twitter a {
|
|
color: #1da1f2;
|
|
}
|
|
|
|
.team-social-box li.twitter .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #1da1f2;
|
|
}
|
|
|
|
.team-social-box li.instagram a {
|
|
color: #c2328a;
|
|
}
|
|
|
|
.team-social-box li.instagram .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #c2328a;
|
|
}
|
|
|
|
.team-social-box li.pinterest a {
|
|
color: #e60023;
|
|
}
|
|
|
|
.team-social-box li.pinterest .social-name {
|
|
color: #ffffff;
|
|
padding: 4px 14px 4px 15px;
|
|
background-color: #e60023;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Call To Action Section
|
|
====================================================================
|
|
|
|
***/
|
|
.call-to-action-section {
|
|
position: relative;
|
|
padding: 95px 0px 65px;
|
|
}
|
|
|
|
.call-to-action-section .inner-container {
|
|
position: relative;
|
|
padding: 0px 30px;
|
|
}
|
|
|
|
.call-to-action-section .title-column {
|
|
position: relative;
|
|
}
|
|
|
|
.call-to-action-section .title-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.call-to-action-section .email-column {
|
|
position: relative;
|
|
}
|
|
|
|
.call-to-action-section .email-column .inner-column {
|
|
position: relative;
|
|
padding-top: 35px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Services Page Section
|
|
====================================================================
|
|
|
|
***/
|
|
.services-page-section {
|
|
position: relative;
|
|
padding-top: 85px;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
.services-page-section .inner-container {
|
|
position: relative;
|
|
max-width: 820px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.services-page-section .service-image {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Team Page Section
|
|
====================================================================
|
|
|
|
***/
|
|
.team-page-section {
|
|
position: relative;
|
|
padding-top: 95px;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.team-page-section .team-block {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.team-block-two {
|
|
position: relative;
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.team-block-two .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 8px;
|
|
background-color: #ffffff;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.team-block-two .inner-box .image {
|
|
position: relative;
|
|
}
|
|
|
|
.team-block-two .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 30px 30px 30px;
|
|
background-color: #f1eff7;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content h4 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content h4 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 26px;
|
|
/* -webkit-transition: all 0.3s ease; */
|
|
/* -moz-transition: all 0.3s ease; */
|
|
/* -ms-transition: all 0.3s ease; */
|
|
/* -o-transition: all 0.3s ease; */
|
|
/* transition: all 0.3s ease; */
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content h4 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content .designation {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #5a5a5a;
|
|
font-size: 14px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content .social-box {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content .social-box li {
|
|
position: relative;
|
|
margin-left: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content .social-box li a {
|
|
position: relative;
|
|
width: 44px;
|
|
height: 44px;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
line-height: 44px;
|
|
text-align: center;
|
|
border-radius: 50px;
|
|
display: inline-block;
|
|
background-color: #ffffff;
|
|
/* -webkit-transition: all 0.3s ease; */
|
|
/* -moz-transition: all 0.3s ease; */
|
|
/* -ms-transition: all 0.3s ease; */
|
|
/* -o-transition: all 0.3s ease; */
|
|
/* transition: all 0.3s ease; */
|
|
}
|
|
|
|
.team-block-two .inner-box .lower-content .social-box li a:hover {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Price Page Section
|
|
====================================================================
|
|
|
|
***/
|
|
.price-page-section {
|
|
position: relative;
|
|
padding: 95px 0px 0px;
|
|
}
|
|
|
|
.price-block {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.price-block .inner-box {
|
|
position: relative;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.price-block .inner-box .title {
|
|
position: relative;
|
|
padding: 24px 15px;
|
|
color: #2b2b2b;
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
line-height: 1.3em;
|
|
display: block;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.price-block .inner-box .content-box {
|
|
position: relative;
|
|
padding: 40px 35px;
|
|
text-align: center;
|
|
}
|
|
|
|
.price-block .inner-box .content-box .price-box {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 66px;
|
|
font-weight: 700;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.price-block .inner-box .content-box .price-box .icon {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #a163f5;
|
|
line-height: 1em;
|
|
display: inline-block;
|
|
}
|
|
|
|
.price-block .inner-box .content-box .price-box .price-title {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #5a5a5a;
|
|
font-size: 18px;
|
|
display: block;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.price-block .inner-box .content-box .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.price-block .inner-box .content-box .start-btn {
|
|
position: relative;
|
|
padding: 13px 80px;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
border-radius: 50px;
|
|
border: 1px solid var(--brand-primary);
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.price-block .inner-box .content-box .start-btn:hover {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.price-block .inner-box .price-list {
|
|
position: relative;
|
|
text-align: left;
|
|
margin-left: 15px;
|
|
margin-top: 35px;
|
|
}
|
|
|
|
.price-block .inner-box .price-list li {
|
|
position: relative;
|
|
margin-bottom: 8px;
|
|
color: #2b2b2b;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
padding-left: 15px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.price-block .inner-box .price-list li:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 7px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/* Price Block Two */
|
|
.price-block-two {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.price-block-two .inner-box {
|
|
position: relative;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.price-block-two .inner-box .upper-box {
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
}
|
|
|
|
.price-block-two .inner-box .upper-box:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
z-index: -1;
|
|
background-image: linear-gradient(to bottom, #6a15d0, #5d2ec3, #543ab4, #4f42a3, #4d4891);
|
|
}
|
|
|
|
.price-block-two .inner-box .upper-box .title {
|
|
position: relative;
|
|
padding: 24px 15px;
|
|
color: #ffffff;
|
|
font-size: 36px;
|
|
font-weight: 700;
|
|
line-height: 1.3em;
|
|
display: block;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.price-block-two .inner-box .upper-box .price-box {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 66px;
|
|
font-weight: 700;
|
|
display: block;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
padding: 44px 0px 24px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.price-block-two .inner-box .upper-box .price-box .price-title {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
display: block;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 40px 35px 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 0px;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
background-image: linear-gradient(to bottom, #4c4891, #4c4891, #4c4891, #4c4891, #4c4891);
|
|
}
|
|
|
|
.price-block-two .inner-box:hover .lower-content:before {
|
|
height: 100%;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .start-btn {
|
|
position: relative;
|
|
padding: 13px 80px;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
border-radius: 50px;
|
|
border: 1px solid var(--brand-primary);
|
|
font-family: "Roboto Condensed";
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.price-block-two .inner-box:hover .lower-content .start-btn {
|
|
background-color: #ffffff;
|
|
border-color: #ffffff;
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .start-btn:hover {
|
|
background-color: var(--brand-primary);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .price-list {
|
|
position: relative;
|
|
text-align: left;
|
|
margin-left: 15px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .price-list li {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
color: #2b2b2b;
|
|
font-size: 15px;
|
|
font-weight: 500;
|
|
padding-left: 15px;
|
|
font-family: "Roboto Condensed";
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .price-list li.check:after {
|
|
position: absolute;
|
|
content: "\f1d1";
|
|
right: 0px;
|
|
color: #c194f5;
|
|
font-size: 10px;
|
|
line-height: 1em;
|
|
font-weight: 700;
|
|
font-family: "Flaticon";
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .price-list li.cross:after {
|
|
position: absolute;
|
|
content: "\f144";
|
|
right: 0px;
|
|
color: var(--brand-primary);
|
|
font-size: 10px;
|
|
line-height: 1em;
|
|
font-weight: 700;
|
|
font-family: "Flaticon";
|
|
}
|
|
|
|
.price-block-two .inner-box:hover .lower-content .price-list li {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.price-block-two .inner-box .lower-content .price-list li:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 7px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Login Page Section
|
|
====================================================================
|
|
|
|
***/
|
|
.login-page-section {
|
|
position: relative;
|
|
}
|
|
@media (min-width: 992px) {
|
|
.login-page-section {
|
|
padding: 95px 0px 0px;
|
|
}
|
|
}
|
|
|
|
.login-page-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.login-page-section .image-column .inner-column {
|
|
position: relative;
|
|
margin-left: -180px;
|
|
}
|
|
|
|
.login-page-section .image-column .inner-column .image {
|
|
position: relative;
|
|
}
|
|
|
|
.login-page-section .form-column {
|
|
position: relative;
|
|
}
|
|
|
|
.login-page-section .form-column .inner-column {
|
|
position: relative;
|
|
padding: 30px 50px;
|
|
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.login-page-section .form-column h3 {
|
|
position: relative;
|
|
font-weight: 700;
|
|
color: #2b2b2b;
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
.login-page-section .form-column .welcome {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.3em;
|
|
margin-top: 12px;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
/* Styled Form */
|
|
.styled-form {
|
|
position: relative;
|
|
}
|
|
|
|
.styled-form .form-group {
|
|
position: relative;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.styled-form .form-group label {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.styled-form .form-group input {
|
|
position: relative;
|
|
height: 50px;
|
|
padding: 6px 30px;
|
|
width: 100%;
|
|
color: var(--brand-secondary);
|
|
border-radius: 50px;
|
|
border: 1px solid #f2f2f2;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.styled-form .form-group input:focus {
|
|
border-color: var(--brand-primary);
|
|
}
|
|
|
|
.styled-form .form-group textarea {
|
|
position: relative;
|
|
height: 150px;
|
|
width: 100%;
|
|
resize: none;
|
|
padding: 15px 15px;
|
|
border-radius: 50px;
|
|
border: 1px solid #f2f2f2;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.styled-form .form-group .users {
|
|
position: relative;
|
|
color: #a6a6a6;
|
|
font-size: 15px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.styled-form .form-group .users a {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/* CheckBox */
|
|
.styled-form .form-group .check-box {
|
|
position: relative;
|
|
margin-bottom: 3px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.styled-form .form-group .check-box label {
|
|
font-family: "Roboto Condensed";
|
|
color: #2b2b2b;
|
|
}
|
|
|
|
.styled-form .form-group .check-box label {
|
|
position: relative;
|
|
display: block;
|
|
height: 30px;
|
|
width: 100%;
|
|
line-height: 22px;
|
|
padding: 4px 10px 0px;
|
|
padding-left: 25px;
|
|
background: #ffffff;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
color: #211347;
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.styled-form .form-group .check-box input[type=checkbox]:checked + label {
|
|
border-color: #25a9e0;
|
|
}
|
|
|
|
.styled-form .form-group .form-group .check-box label {
|
|
padding-left: 30px;
|
|
padding-top: 1px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.styled-form .form-group .check-box label:before {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 7px;
|
|
height: 15px;
|
|
width: 15px;
|
|
background: #ffffff;
|
|
content: "";
|
|
border-radius: 3px;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
border: 1px solid var(--brand-primary);
|
|
}
|
|
|
|
.styled-form .form-group .check-box label:after {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0;
|
|
height: 15px;
|
|
line-height: 15px;
|
|
max-width: 0;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
font-weight: 800;
|
|
overflow: hidden;
|
|
background: transparent;
|
|
text-align: center;
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
/* -webkit-transition: max-width 500ms ease; */
|
|
/* -moz-transition: max-width 500ms ease; */
|
|
/* -ms-transition: max-width 500ms ease; */
|
|
/* -o-transition: max-width 500ms ease; */
|
|
/* transition: max-width 500ms ease; */
|
|
}
|
|
|
|
.styled-form .form-group .check-box input[type=checkbox] {
|
|
display: none;
|
|
}
|
|
|
|
.styled-form .form-group .check-box input[type=checkbox]:checked + label:before {
|
|
border: 5px solid var(--brand-primary);
|
|
background: #ffffff;
|
|
}
|
|
|
|
.styled-form .form-group .check-box input[type=checkbox]:checked + label:after {
|
|
max-width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Radio Box */
|
|
.styled-form .form-group .radio-box {
|
|
position: relative;
|
|
margin-bottom: 3px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.styled-form .form-group .radio-box label {
|
|
font-family: "Roboto Condensed";
|
|
color: #2b2b2b;
|
|
}
|
|
|
|
.styled-form .form-group .radio-box label {
|
|
position: relative;
|
|
display: block;
|
|
height: 30px;
|
|
width: 100%;
|
|
line-height: 9px;
|
|
padding: 4px 10px 0px;
|
|
padding-left: 25px;
|
|
background: #ffffff;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
color: #211347;
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
}
|
|
|
|
.styled-form .form-group .radio-box input[type=radio]:checked + label {
|
|
border-color: #25a9e0;
|
|
}
|
|
|
|
.styled-form .form-group .form-group .radio-box label {
|
|
padding-left: 30px;
|
|
padding-top: 1px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.styled-form .form-group .radio-box label:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 15px;
|
|
width: 15px;
|
|
background: #ffffff;
|
|
content: "";
|
|
border-radius: 3px;
|
|
/* -webkit-transition: all 300ms ease; */
|
|
/* -moz-transition: all 300ms ease; */
|
|
/* -ms-transition: all 300ms ease; */
|
|
/* -o-transition: all 300ms ease; */
|
|
/* transition: all 300ms ease; */
|
|
border: 1px solid var(--brand-primary);
|
|
}
|
|
|
|
.styled-form .form-group .radio-box label:after {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0;
|
|
height: 15px;
|
|
line-height: 15px;
|
|
max-width: 0;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
font-weight: 800;
|
|
overflow: hidden;
|
|
background: transparent;
|
|
text-align: center;
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
/* -webkit-transition: max-width 500ms ease; */
|
|
/* -moz-transition: max-width 500ms ease; */
|
|
/* -ms-transition: max-width 500ms ease; */
|
|
/* -o-transition: max-width 500ms ease; */
|
|
/* transition: max-width 500ms ease; */
|
|
}
|
|
|
|
.styled-form .form-group .radio-box input[type=radio] {
|
|
display: none;
|
|
}
|
|
|
|
.styled-form .form-group .radio-box input[type=radio]:checked + label:before {
|
|
border: 5px solid var(--brand-primary);
|
|
background: #ffffff;
|
|
}
|
|
|
|
.styled-form .form-group .radio-box input[type=radio]:checked + label:after {
|
|
max-width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.styled-form .forgot {
|
|
position: relative;
|
|
font-weight: 400;
|
|
color: #a6a6a6;
|
|
font-size: 14px;
|
|
margin-top: 10px;
|
|
text-decoration: underline;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.styled-form .theme-btn {
|
|
border-radius: 50px;
|
|
margin-bottom: 15px;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Privacy Section
|
|
====================================================================
|
|
|
|
***/
|
|
.privacy-section {
|
|
position: relative;
|
|
padding: 95px 0px 80px;
|
|
}
|
|
|
|
.privacy-section .upper-section {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.privacy-section .upper-section .content-column {
|
|
position: relative;
|
|
}
|
|
|
|
.privacy-section .upper-section .content-column .inner-column {
|
|
position: relative;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.privacy-section h2 {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
line-height: 1.3em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.privacy-section .bold-text {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 17px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 20px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.privacy-section .upper-section .content-column .date {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
margin-bottom: 20px;
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.privacy-section p {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.privacy-section h3 {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
line-height: 1.3em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.privacy-section .upper-section .image-column {
|
|
position: relative;
|
|
}
|
|
|
|
.privacy-section .upper-section .image-column .inner-column {
|
|
position: relative;
|
|
}
|
|
|
|
.privacy-section .privacy-content {
|
|
position: relative;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 35px;
|
|
border-bottom: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.privacy-section .privacy-content:last-child {
|
|
border-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.privacy-section .privacy-list {
|
|
position: relative;
|
|
text-align: left;
|
|
margin-left: 22px;
|
|
}
|
|
|
|
.privacy-section .privacy-list li {
|
|
position: relative;
|
|
margin-bottom: 12px;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
padding-left: 26px;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
.privacy-section .privacy-list li:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 10px;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/*Comming Soon*/
|
|
.comming-soon {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
overflow-y: auto;
|
|
background-image: linear-gradient(to right, #6a15d0, #5f2cc3, #5637b5, #513fa6, #4e4595);
|
|
}
|
|
|
|
.comming-soon:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background: url(../images/background/pattern-15.png) no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.comming-soon .content {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: table;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.comming-soon .content .content-inner {
|
|
position: relative;
|
|
padding: 50px 15px;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.comming-soon .content .content-inner .miss {
|
|
position: relative;
|
|
margin-top: 60px;
|
|
color: #e1e1e1;
|
|
font-size: 18px;
|
|
margin-bottom: 30px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.comming-soon .content .content-inner .logo {
|
|
position: relative;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.comming-soon .content .content-inner h2 {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 120px;
|
|
font-weight: 500;
|
|
line-height: 1.2em;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.comming-soon .content .content-inner .text {
|
|
position: relative;
|
|
color: #e1e1e1;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 1.6em;
|
|
margin-top: 0px;
|
|
margin-bottom: 60px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.comming-soon .newsletter-form {
|
|
max-width: 530px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.comming-soon .newsletter-form .form-group input {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Countdown style
|
|
====================================================================
|
|
|
|
***/
|
|
.time-counter {
|
|
position: relative;
|
|
}
|
|
|
|
.time-counter .time-countdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.time-counter .time-countdown .counter-column {
|
|
position: relative;
|
|
margin-left: 20px;
|
|
width: 140px;
|
|
height: 140px;
|
|
text-align: left;
|
|
display: inline-block;
|
|
padding: 30px 0px 10px;
|
|
color: #d4d3d9;
|
|
font-size: 24px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: 300;
|
|
border-radius: 8px;
|
|
margin-bottom: 25px;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.time-counter .time-countdown .counter-column .count {
|
|
position: relative;
|
|
display: block;
|
|
font-size: 66px;
|
|
line-height: 40px;
|
|
padding: 40px 30px;
|
|
color: #ffffff;
|
|
letter-spacing: 1px;
|
|
font-weight: 600;
|
|
margin-bottom: 25px;
|
|
border-radius: 10px;
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.comming-soon .social-box {
|
|
position: relative;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.comming-soon .social-box a {
|
|
position: relative;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
margin: 0px 8px;
|
|
display: inline-block;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.comming-soon .social-box a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Error Section
|
|
====================================================================
|
|
|
|
***/
|
|
.error-section {
|
|
position: relative;
|
|
text-align: center;
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.error-section .theme-btn {
|
|
position: relative;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* Contact Form */
|
|
.contact-form {
|
|
position: relative;
|
|
}
|
|
|
|
.contact-form .form-group {
|
|
position: relative;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.contact-form .form-group label {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.contact-form .form-group input {
|
|
position: relative;
|
|
height: 50px;
|
|
padding: 6px 30px;
|
|
width: 100%;
|
|
color: var(--brand-secondary);
|
|
border-radius: 50px;
|
|
border: 1px solid #f2f2f2;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.contact-form .form-group textarea:focus,
|
|
.contact-form .form-group input:focus {
|
|
border-color: var(--brand-primary);
|
|
}
|
|
|
|
.contact-form .form-group textarea {
|
|
position: relative;
|
|
height: 150px;
|
|
width: 100%;
|
|
resize: none;
|
|
padding: 15px 30px;
|
|
border-radius: 20px;
|
|
border: 1px solid #f2f2f2;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.contact-form .form-group button {
|
|
border-radius: 50px;
|
|
width: 100%;
|
|
}
|
|
|
|
.contact-form input.error,
|
|
.contact-form select.error,
|
|
.contact-form textarea.error {
|
|
border-color: #ff0000 !important;
|
|
}
|
|
|
|
.contact-form label.error {
|
|
display: block;
|
|
line-height: 24px;
|
|
padding: 5px 0px 0px;
|
|
margin: 0px;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
color: #ff0000;
|
|
font-weight: 500;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Contact Info Section
|
|
====================================================================
|
|
|
|
***/
|
|
.contact-info-section {
|
|
position: relative;
|
|
padding: 90px 0px 60px;
|
|
}
|
|
|
|
.contact-info-section .inner-container {
|
|
position: relative;
|
|
max-width: 890px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.contact-info-section .info-column {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.contact-info-section .info-column .inner-column {
|
|
position: relative;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.contact-info-section .info-column .inner-column .icon {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
color: var(--brand-primary);
|
|
font-size: 16px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.contact-info-section .info-column strong {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.contact-info-section .info-column ul {
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.contact-info-section .info-column ul li {
|
|
position: relative;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.contact-info-section .info-column ul li a {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 15px;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.contact-info-section .info-column ul li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.contact-info-section .info-column .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 15px;
|
|
line-height: 1.8em;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Blog Page Section
|
|
====================================================================
|
|
|
|
***/
|
|
.blog-page-section {
|
|
position: relative;
|
|
padding: 95px 0px 40px;
|
|
}
|
|
|
|
.blog-page-section .styled-pagination {
|
|
margin-top: 35px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Styled Pagination
|
|
====================================================================
|
|
|
|
***/
|
|
.styled-pagination {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.styled-pagination li {
|
|
position: relative;
|
|
margin: 0px 10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.styled-pagination li a {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
display: inline-block;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
font-family: "Roboto Condensed";
|
|
}
|
|
|
|
.styled-pagination li.active a,
|
|
.styled-pagination li:hover a {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.styled-pagination li.prev {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: -12px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.styled-pagination li.prev a {
|
|
position: relative;
|
|
color: var(--dark);
|
|
font-size: 18px;
|
|
width: 160px;
|
|
height: 48px;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
border-radius: 50px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid var(--dark);
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.styled-pagination li.prev a:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.styled-pagination li.next {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: -12px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.styled-pagination li.next a {
|
|
position: relative;
|
|
right: 0px;
|
|
top: 0px;
|
|
color: var(--dark);
|
|
font-size: 18px;
|
|
width: 160px;
|
|
height: 48px;
|
|
text-align: center;
|
|
line-height: 26px;
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
border-radius: 50px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid var(--dark);
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.styled-pagination li.next a:hover {
|
|
color: #ffffff;
|
|
border-color: var(--brand-primary);
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.styled-pagination li.prev a:hover,
|
|
.styled-pagination li.next a:hover {
|
|
border-color: var(--brand-primary);
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
Sidebar Page Container
|
|
====================================================================
|
|
|
|
***/
|
|
.sidebar-page-container {
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
.sidebar-page-container .content-side,
|
|
.sidebar-page-container .sidebar-side {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.sidebar-widget {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/*Search Box Widget*/
|
|
.sidebar .search-box .form-group {
|
|
position: relative;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sidebar .search-box .form-group input[type=text],
|
|
.sidebar .search-box .form-group input[type=search] {
|
|
position: relative;
|
|
line-height: 30px;
|
|
padding: 10px 50px 10px 30px;
|
|
background: #eef1f9;
|
|
display: block;
|
|
font-size: 15px;
|
|
width: 100%;
|
|
height: 48px;
|
|
color: #797979;
|
|
font-weight: 400;
|
|
border-radius: 50px;
|
|
/* transition:all 500ms ease; */
|
|
/* -moz-transition:all 500ms ease; */
|
|
/* -webkit-transition:all 500ms ease; */
|
|
/* -ms-transition:all 500ms ease; */
|
|
/* -o-transition:all 500ms ease; */
|
|
}
|
|
|
|
.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
|
|
.sidebar .search-box .form-group input::-webkit-input-placeholder {
|
|
color: #797979;
|
|
}
|
|
|
|
.sidebar .search-box .form-group button {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 6px;
|
|
height: 36px;
|
|
width: 36px;
|
|
display: block;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
line-height: 34px;
|
|
border-radius: 50px;
|
|
line-height: 100%;
|
|
font-weight: normal;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
/*Sidebar Title*/
|
|
.sidebar-title {
|
|
position: relative;
|
|
margin-bottom: 0px;
|
|
padding: 14px 20px;
|
|
display: block;
|
|
border-radius: 8px;
|
|
background-color: #eef1f9;
|
|
}
|
|
|
|
.sidebar-title h4 {
|
|
color: #2b2b2b;
|
|
font-weight: 700;
|
|
line-height: 1.2em;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
/* Sticky Top */
|
|
.sticky-top {
|
|
top: 110px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sidebar .news-widget {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
/* -webkit-transition: all 600ms ease; */
|
|
/* -moz-transition: all 600ms ease; */
|
|
/* -ms-transition: all 600ms ease; */
|
|
/* -o-transition: all 600ms ease; */
|
|
/* transition: all 600ms ease; */
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box:hover .image {
|
|
background-color: var(--brand-primary);
|
|
transition: 0.4s ease-in;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box:hover .image img {
|
|
transform: scale(1.04, 1.04);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content {
|
|
position: relative;
|
|
padding: 30px 30px 30px;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content h5 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content h5 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content h5 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content .text {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content .learn {
|
|
position: relative;
|
|
color: var(--brand-primary);
|
|
font-size: 18px;
|
|
text-decoration: underline;
|
|
text-transform: capitalize;
|
|
font-family: "Roboto Condensed";
|
|
/* -webkit-transition:all 300ms ease; */
|
|
/* -ms-transition:all 300ms ease; */
|
|
/* -o-transition:all 300ms ease; */
|
|
/* -moz-transition:all 300ms ease; */
|
|
/* transition:all 300ms ease; */
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box .lower-content .learn:hover {
|
|
text-decoration: underline;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Categories Widget */
|
|
.categories-widget .widget-content {
|
|
position: relative;
|
|
padding: 25px 30px;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.categories-widget ul {
|
|
position: relative;
|
|
}
|
|
|
|
.categories-widget ul li {
|
|
position: relative;
|
|
padding-left: 22px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.categories-widget ul li:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 8px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.categories-widget ul li a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
font-family: "Roboto Condensed";
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.categories-widget ul li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/* Tags */
|
|
.tags-widget .widget-content {
|
|
position: relative;
|
|
padding: 25px 30px;
|
|
border-radius: 8px;
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.tags-widget ul {
|
|
position: relative;
|
|
}
|
|
|
|
.tags-widget ul li {
|
|
position: relative;
|
|
padding-left: 22px;
|
|
margin-bottom: 12px;
|
|
margin-right: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tags-widget ul li:before {
|
|
position: absolute;
|
|
content: "";
|
|
left: 0px;
|
|
top: 8px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50px;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.tags-widget ul li a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
font-family: "Roboto Condensed";
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.tags-widget ul li a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.news-block-two {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.news-block-two .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box {
|
|
position: relative;
|
|
padding: 30px 40px;
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box .category {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box h4 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box h4 a {
|
|
position: relative;
|
|
color: var(--dark);
|
|
transition: all 0.3s ease;
|
|
-moz-transition: all 0.3s ease;
|
|
-webkit-transition: all 0.3s ease;
|
|
-ms-transition: all 0.3s ease;
|
|
-o-transition: all 0.3s ease;
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box h4 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.news-block-two .inner-box .upper-box h2 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-top: 8px;
|
|
color: var(--dark);
|
|
}
|
|
|
|
.news-block-two .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.news-block-two .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
-webkit-transition: all 600ms ease;
|
|
-moz-transition: all 600ms ease;
|
|
-ms-transition: all 600ms ease;
|
|
-o-transition: all 600ms ease;
|
|
transition: all 600ms ease;
|
|
}
|
|
|
|
.news-block-two .inner-box:hover .image {
|
|
background-color: var(--brand-primary);
|
|
transition: 0.4s ease-in;
|
|
}
|
|
|
|
.news-block-two .inner-box:hover .image img {
|
|
transform: scale(1.04, 1.04);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.news-block-two .inner-box .lower-box {
|
|
position: relative;
|
|
padding: 20px 40px 20px;
|
|
}
|
|
|
|
.news-block-two .inner-box .post-meta {
|
|
position: relative;
|
|
margin-top: 17px;
|
|
}
|
|
|
|
.news-block-two .inner-box .post-meta li {
|
|
position: relative;
|
|
margin-right: 20px;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.news-block-two .inner-box .post-meta li .icon {
|
|
position: relative;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.news-block-two .inner-box .post-meta li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
/* Blog Detail */
|
|
.blog-detail {
|
|
position: relative;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.blog-detail .inner-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
padding-bottom: 40px;
|
|
margin-bottom: 60px;
|
|
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.blog-detail .inner-box .upper-box {
|
|
position: relative;
|
|
padding: 30px 60px;
|
|
}
|
|
|
|
.blog-detail .inner-box .upper-box .category {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.blog-detail .inner-box .upper-box h4 {
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
font-weight: 700;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.blog-detail .inner-box .upper-box h4 a {
|
|
position: relative;
|
|
color: #2b2b2b;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.blog-detail .inner-box .upper-box h4 a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.blog-detail .inner-box .image {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-color: var(--brand-primary);
|
|
}
|
|
|
|
.blog-detail .inner-box .image img {
|
|
position: relative;
|
|
width: 100%;
|
|
/* -webkit-transition: all 600ms ease; */
|
|
/* -moz-transition: all 600ms ease; */
|
|
/* -ms-transition: all 600ms ease; */
|
|
/* -o-transition: all 600ms ease; */
|
|
/* transition: all 600ms ease; */
|
|
}
|
|
|
|
.blog-detail .inner-box .image:hover img {
|
|
transform: scale(1.04, 1.04);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box {
|
|
position: relative;
|
|
padding: 20px 0px 0px;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box .post-meta {
|
|
position: relative;
|
|
padding-left: 70px;
|
|
margin-top: 17px;
|
|
margin-bottom: 17px;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box .post-meta li {
|
|
position: relative;
|
|
margin-right: 20px;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box .post-meta li .icon {
|
|
position: relative;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box .post-meta li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box article {
|
|
position: relative;
|
|
color: #5a5a5a;
|
|
font-size: 16px;
|
|
line-height: 1.8em;
|
|
margin-bottom: 28px;
|
|
padding-left: 70px;
|
|
padding-right: 70px;
|
|
}
|
|
|
|
.blog-detail .inner-box .lower-box .column {
|
|
margin-bottom: 28px;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options .social-box {
|
|
position: relative;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options .social-box .share {
|
|
position: relative;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options .social-box .share i {
|
|
position: relative;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options .social-box li {
|
|
position: relative;
|
|
margin-left: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.blog-detail .inner-box .post-share-options .social-box li a {
|
|
position: relative;
|
|
font-size: 18px;
|
|
/* transition:all 0.3s ease; */
|
|
/* -moz-transition:all 0.3s ease; */
|
|
/* -webkit-transition:all 0.3s ease; */
|
|
/* -ms-transition:all 0.3s ease; */
|
|
/* -o-transition:all 0.3s ease; */
|
|
}
|
|
|
|
.blog-detail h2 > a {
|
|
color: var(--dark);
|
|
}
|
|
|
|
.blog-detail h2 > a:hover {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
.pull-left {
|
|
float: left;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right;
|
|
}
|
|
|
|
.asterisk {
|
|
color: var(--brand-primary);
|
|
}
|
|
|
|
/*# sourceMappingURL=main.css.map */
|