mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-27 15:08:30 +02:00
trean
a20cdc6bdd
* demo page with placeholder content * added a link on the new page to the main menu * real data for the demo page * padding * corrected text * moved a demo page to the product submenu * demo -> demos
6984 lines
136 KiB
SCSS
6984 lines
136 KiB
SCSS
/* 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 "../../../../node_modules/bootstrap/scss/bootstrap.scss";
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto+Condensed:400,700,700i&display=swap');
|
|
|
|
@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');
|
|
|
|
@import "article";
|
|
@import "blocks/logo";
|
|
@import "blocks/button";
|
|
@import "blocks/copy-btn";
|
|
@import "blocks/hero-code";
|
|
@import "blocks/widget-header";
|
|
@import "blocks/post-preview";
|
|
@import "blocks/steps-form";
|
|
|
|
@import "blocks/footer";
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
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;
|
|
}
|
|
|
|
input,button,select,textarea{
|
|
|
|
}
|
|
|
|
textarea{
|
|
|
|
}
|
|
|
|
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%;
|
|
}
|
|
|
|
.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";
|
|
}
|
|
|
|
|
|
|
|
/*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:20px;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
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;
|
|
}
|
|
|
|
.sec-title h5{
|
|
position:relative;
|
|
color:#2b2a41;
|
|
font-size: 36px;
|
|
font-weight:700;
|
|
line-height:1.2em;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
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.10);
|
|
}
|
|
|
|
.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{
|
|
display: flex;
|
|
align-items: center;
|
|
position:static;
|
|
margin:0;
|
|
}
|
|
|
|
.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 > .navigation__item > .navigation__link {
|
|
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:90%;
|
|
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.10);
|
|
}
|
|
|
|
.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 > .navigation__item > .navigation__link{
|
|
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.10);
|
|
}
|
|
|
|
.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.90);
|
|
-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.50;
|
|
}
|
|
|
|
.mobile-menu .navigation{
|
|
position: relative;
|
|
display: block;
|
|
width:100%;
|
|
border-top: 1px solid rgba(0,0,0,0.10);
|
|
}
|
|
|
|
.mobile-menu .navigation li{
|
|
position: relative;
|
|
display: block;
|
|
border-bottom: 1px solid rgba(0,0,0,0.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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.90);
|
|
/* -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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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' ;
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
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.20em;
|
|
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.60);
|
|
}
|
|
|
|
.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.60);
|
|
}
|
|
|
|
.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: 0;
|
|
}
|
|
|
|
.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.10);
|
|
-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.10);
|
|
}
|
|
|
|
.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: 73%;
|
|
}
|
|
|
|
.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 .tab-btns .tab-btn:hover,
|
|
.business-section-two .business-tabs .tab-btns .tab-btn.active-btn{
|
|
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.business-section-two .business-tabs .content .image-column .inner-column{
|
|
|
|
}
|
|
|
|
/***
|
|
|
|
====================================================================
|
|
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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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;
|
|
background: var(--brand-secondary);
|
|
padding: 40px 0;
|
|
|
|
@include media-breakpoint-up(md) {
|
|
padding: 110px 0px;
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
padding:200px 0px 150px;
|
|
}
|
|
}
|
|
|
|
.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: 30px 0 0 0;
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
padding-top: 140px;
|
|
}
|
|
}
|
|
|
|
.price-block{
|
|
position:relative;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.price-block .inner-box{
|
|
position:relative;
|
|
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
|
|
}
|
|
|
|
.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:36px;
|
|
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{
|
|
display: flex;
|
|
justify-content: center;
|
|
position:relative;
|
|
padding:13px 20px;
|
|
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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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) {
|
|
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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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 {
|
|
transition: 0.4s ease-in;
|
|
}
|
|
|
|
.sidebar .news-widget .inner-box:hover .image img{
|
|
transform:scale(1.04,1.04);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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 {
|
|
transition: 0.4s ease-in;
|
|
}
|
|
|
|
.news-block-two .inner-box:hover .image img{
|
|
transform:scale(1.04,1.04);
|
|
}
|
|
|
|
.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.10);
|
|
}
|
|
|
|
.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:180px;
|
|
padding-right:180px;
|
|
}
|
|
|
|
.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);
|
|
} |