/* Wellinor - Html Template http://www.bootstrapmb.com Bootstrap模板库 */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Services Section
7. Offer Section
8. Call To Action Section
9. Cases Section
10. Fluid Section One / Two / Three
11. Team Section
12. Counter Section
13. Testimonial Section
14. Clients Section
15. Blog Section
16. Main Footer
17. What We Do Section
18. Accordian Section
19. Map Section
20. Page Title
21. About Section
22. Years Section
23. Error Section
24. Coming Soon Section
25. Faq Section
26. Contact Form Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Lora:400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Lora', serif;*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.min.css');
@import url('hover.css');
@import url('jquery-ui.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:15px;
color:#777777;
line-height:1.8em;
font-weight:400;
background:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
-webkit-font-smoothing: antialiased;
font-family: 'Poppins', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
/*color:#fff;*/
}
.no-padding{
padding:0px !important;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-weight:normal;
margin:0px;
background:none;
line-height:1.6em;
font-family: 'Poppins', sans-serif;
}
input,button,select{
}
textarea{
overflow:hidden;
}
p,.text{
position:relative;
line-height:1.8em;
font-family: 'Open Sans', sans-serif;
}
.strike-through{
text-decoration:line-through;
}
.auto-container{
position:static;
max-width:1400px;
padding:0px 15px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
/*List Style One*/
.list-style-one{
position:relative;
margin-top:30px;
}
.list-style-one li{
position:relative;
color:#898989;
font-size:17px;
font-weight:300;
padding-left:28px;
margin-bottom:35px;
}
.list-style-one li span{
position:relative;
color:#242424;
font-size:20px;
font-style:italic;
display:block;
margin-bottom:10px;
font-family: 'Lora', serif;
}
.list-style-one li:before{
position:absolute;
content:'';
left:0px;
top:10px;
width:8px;
height:8px;
border-radius:50%;
background-color:#18ba60;
}
/*List Style Two*/
.list-style-two{
position:relative;
margin-bottom:30px;
}
.list-style-two li{
position:relative;
margin-bottom:12px;
color:#02ad88;
font-size:16px;
}
/*List Style Three*/
.list-style-three{
position:relative;
}
.list-style-three li{
position:relative;
margin-bottom:10px;
color:#999999;
font-size:16px;
padding-left:30px;
}
.list-style-three li:before{
position:absolute;
content:'\f00c';
left:0px;
top:5px;
color:#02ad88;
font-size:18px;
line-height:1em;
font-family: 'FontAwesome';
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.grey-bg{
background:#f5f5f5;
}
/*Btn Style One*/
.btn-style-one{
position:relative;
line-height:29px;
color:#ffffff;
font-size:17px;
font-weight:600;
letter-spacing:1px;
background-color:#02ad88;
border:2px solid #02ad88;
padding:10px 30px 10px 55px;
font-family: 'Poppins', sans-serif;
}
.btn-style-one:before{
position:absolute;
content:'';
left:18px;
top:50%;
height:1px;
width:20px;
margin-top:-1px;
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;
background-color:#ffffff;
}
.btn-style-one:hover{
color:#02ad88;
background:none;
}
.btn-style-one:hover:before{
background-color:#02ad88;
}
/*Btn Style Two*/
.btn-style-two{
position:relative;
padding:9px 38px;
line-height:29px;
color:#272727;
font-size:16px;
font-weight:600;
letter-spacing:1px;
border-radius:50px;
background-color:#ffffff;
border:2px solid #ffffff;
}
.btn-style-two:hover{
background:none;
color:#ffffff;
}
/*Btn Style Three*/
.btn-style-three{
position:relative;
line-height:29px;
color:#050405;
font-size:17px;
font-weight:600;
letter-spacing:1px;
background-color:#ffffff;
border:2px solid #ffffff;
padding:10px 30px 10px 55px;
font-family: 'Poppins', sans-serif;
}
.btn-style-three:before{
position:absolute;
content:'';
left:18px;
top:50%;
height:1px;
width:20px;
margin-top:-1px;
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;
background-color:#050405;
}
.btn-style-three:hover{
color:#ffffff;
border-color:#02ad88;
background:#02ad88;
}
.btn-style-three:hover:before{
background-color:#ffffff;
}
.theme_color{
color:#02ad88;
}
img{
display:inline-block;
max-width:100%;
}
.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);}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:15px;
right:15px;
width:40px;
height:70px;
color:#ffffff;
font-size:24px;
text-transform:uppercase;
line-height:65px;
text-align:center;
z-index:99999;
cursor:pointer;
border-radius:50px;
background:#016d3a;
display:none;
border:2px solid #016d3a;
-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;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:absolute;
left:0px;
top:0px;
z-index:99;
width:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
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*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#fff;
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 .sticky-inner-container{
padding:0px 40px;
}
.sticky-header .logo{
padding:8px 0px 5px;
}
.main-header .sticky-header .outer-box{
margin-top:21px;
}
.main-header .sticky-header .search-box-outer .dropdown-menu{
top:46px;
}
.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;
}
.main-header .header-upper{
position:relative;
z-index:5;
padding:0px 40px;
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 img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .logo-outer{
position:relative;
z-index:25;
padding:25px 0px;
}
.main-header .logo-outer .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-upper .upper-right{
}
.header-style-three .header-upper .upper-right{
padding-top:26px;
}
.main-header .header-lower{
position:relative;
top:0px;
width:100%;
z-index:5;
}
.main-header.header-style-three .header-lower{
background-color:#202020;
}
.header-style-three .header-lower .social-icons{
position:absolute;
right:0px;
margin-top:18px;
}
.header-style-three .header-lower .social-icons a{
position:relative;
color:#d15454;
font-size:18px;
margin-left:20px;
}
.header-style-three .header-lower .social-icons a:hover{
color:#ffffff;
}
.main-header .nav-outer{
}
.main-menu{
float:left;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
margin: 8px 0 0;
}
.main-menu .navigation > li{
float:left;
margin-left:36px;
}
.header-style-three .main-menu .navigation > li{
margin-left:0px;
margin-right:45px;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.main-header .sticky-header .main-menu .navigation > li{
margin:0px;
border:0px;
margin-left:36px;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#ffffff;
line-height:30px;
font-weight:500;
opacity:1;
text-transform:capitalize;
padding:35px 0px 35px 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;
font-family: 'Poppins', sans-serif;
}
.header-style-three .main-menu .navigation > li > a{
padding:15px 0px 15px 0px;
}
.header-style-two .main-menu .navigation > li > a{
color:#242424;
}
.main-menu .navigation > li > a:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:1px;
opacity: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;
}
.header-style-two .main-menu .navigation > li > a:after,
.header-style-three .main-menu .navigation > li > a:after{
display:none;
}
.main-menu .navigation > li.current > a:after,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li:hover > a:after{
opacity:1;
}
.main-header .sticky-header .main-menu .navigation > li > a{
color:#333;
padding:20px 0px;
line-height:30px;
font-size:16px;
font-weight:500;
min-height:0px;
background:none;
border:0px;
font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
opacity:1;
font-weight: 700;
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
opacity:1;
font-weight: 700;
}
.main-menu .navigation > li:hover > a:after{
opacity:1;
}
.main-header .sticky-header .main-menu .navigation > li > ul:before{
display:none;
}
.main-header .sticky-header .main-menu .navigation > li > ul{
top:100% !important;
}
.main-menu .navigation > li > ul {
position: absolute;
top: 100%;
width: 200px;
z-index: 100;
display: none;
background: #fff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-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);
}
@media(max-width:1400px) {
.main-menu .navigation > li > ul { min-height:240px; }
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
}
.main-menu .navigation > li > ul > .imgnav { width:50%; overflow: hidden; position: absolute; top:18px; right:200px; }
.main-menu .navigation > li > ul > .imgnav img { width:100%; display: block; max-width:inherit;}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:10px 20px;
line-height:24px;
font-weight:500;
font-size:15px;
color:#333;
padding-right:0px !important;
text-transform:capitalize;
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: 'Poppins', sans-serif;
text-align: left;
}
/*
.main-menu .navigation > li > ul > li > a:before{
position:absolute;
content:'';
right:27px;
top:50%;
width:7px;
height:1px;
background-color:#e0e0e0;
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: 'FontAwesome';
}
*/
.main-menu .navigation > li > ul > li:hover > a:before{
background-color:#ffffff;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff; background: #46b340;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:100%;
width:260px;
z-index:100;
display:none;
background:#f6f6f6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-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:before{
position:absolute;
content:'';
right:100%;
top:0px;
width:20px;
height:100%;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid #dedede;
}
.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:13px 40px;
line-height:24px;
font-weight:500;
font-size:15px;
color:#242424;
text-align:left;
padding-right:0px !important;
text-transform:capitalize;
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: 'Poppins', sans-serif;
}
.main-menu .navigation > li > ul > li > ul > li > a:before{
position:absolute;
content:'';
left:27px;
top:50%;
width:7px;
height:1px;
background-color:#242424;
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: 'FontAwesome';
}
.main-menu .navigation > li > ul > li > ul > li:hover > a:before{
background-color:#ffffff;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover{
background-color:#02ad88;
color:#ffffff;
}
.sticky-header .main-menu .navigation > li > a:after{
display:none;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
left:100%;
top: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;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .outer-box{
position:relative;
float:left;
margin-left:20px;
margin-top: 43px;
}
.header-style-two .outer-box{
margin-top:24px;
}
.header-style-three .outer-box{
margin-top:17px;
}
.main-header .outer-box .nav-btn{
display:none;
position:relative;
top:2px;
font-size:22px;
cursor:pointer;
color:#ffffff;
margin-left:20px;
}
.header-top{
position:relative;
background-color:#4145b1;
}
.header-top .top-inner{
position:relative;
}
.header-top .top-left{
position:relative;
float:left;
}
.header-top .top-left ul li{
position:relative;
font-size:15px;
color:#ffffff;
font-weight:500;
padding:10px 0px;
display:inline-block;
}
.header-top .top-left ul li a{
font-size:15px;
font-weight:400;
color:#727272;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.header-top .top-left ul li .icon{
position:relative;
color:#ffffff;
font-size:16px;
line-height:1em;
margin-right:10px;
}
.header-top .top-right{
position:relative;
float:right;
padding:10px 0px;
}
.header-top .top-right > ul{
float:right;
}
.header-top .top-right > ul li.number{
position:relative;
color:#ffffff;
font-size:15px;
font-weight:500;
}
.header-top .top-right > ul li.number span{
font-weight:600;
font-size:19px;
}
/*Social Icons*/
.header-top .social-icon{
position:relative;
float:left;
margin-top:5px;
margin-right:15px;
padding-right:15px;
border-right:1px solid rgba(255,255,255,0.40);
}
.header-top .social-icon li{
position:relative;
float:left;
margin-left:18px;
}
.header-top .social-icon li a{
position:relative;
display:block;
line-height:1em;
font-size:16px;
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;
}
.header-top .social-icon li a:hover{
color:#ffffff;
}
.header-top .top-right > ul > li > a > .icon{
position:relative;
top:1px;
font-size:15px;
color:#02ad88;
margin-right:8px;
}
.main-header .header-lower .search-box-outer{
min-width:60px;
}
.main-header .header-lower .search-box-btn{
position:relative;
display:block;
width:100%;
font-size:18px;
color:#ffffff;
line-height:20px !important;
padding:0px;
margin:0px;
cursor:pointer;
background:none;
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-lower .search-box-outer .dropdown-menu{
top:44px;
right:0px;
padding:0px;
width:280px;
border-radius:0px;
border-top:3px solid #02ad88;
}
.header-style-three .header-lower .search-box-outer .dropdown-menu{
top:39px;
}
.main-header .header-lower .search-box-outer .dropdown-menu > li{
padding:0px;
border:none;
background:none;
}
.main-header .header-lower .search-panel .form-container{
padding:25px 20px;
}
.main-header .header-lower .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select{
display:block;
width:100%;
height:40px;
color:#000000;
line-height:24px;
background:#ffffff;
border:1px solid #e0e0e0;
padding:7px 40px 7px 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-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus{
border-color:#02ad88;
}
.main-header .header-lower .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
/*search box btn*/
.main-header .search-box-outer{
position:relative;
left:3px;
display:inline-block;
}
.main-header .search-box-btn{
position:relative;
font-size:18px;
line-height:1em;
color:#e0e0e0;
cursor:pointer;
display:inline-block;
background:none;
padding-left:22px;
border-left:1px solid #e0e0e0;
}
.header-style-two .search-box-btn{
color:#525252;
margin-right:30px;
border-color:#d6d6d6;
}
.header-style-two .sticky-header .search-box-btn{
color:#ffffff;
margin-right:0px;
}
.main-header .search-box-outer .dropdown-menu{
top:62px;
padding:0px;
width:280px;
border-radius:0px;
}
.main-header .search-panel .form-container{
padding:25px 20px;
}
.main-header .search-panel .form-group{
position:relative;
margin:0px;
}
.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
display:block;
width:100%;
line-height:24px;
padding:7px 40px 7px 15px;
height:40px;
border:1px solid #e0e0e0;
background:#ffffff;
}
.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
border-color:#02ad88;
}
.main-header .search-panel .search-btn{
position:absolute;
right:0px;
top:0px;
width:40px;
height:40px;
text-align:center;
color:#555555;
font-size:12px;
background:none;
cursor:pointer;
}
.header-style-two,
.header-style-three{
position:relative;
border:none;
}
.main-header .info-box{
position:relative;
float:left;
margin-left:30px;
font-size:13px;
color:#777777;
text-align:left;
padding:0px 0px 0px 50px;
}
.main-header .info-box:first-child{
padding-right:30px;
border-right:1px solid #c8c8c8;
}
.main-header .info-box:last-child{
padding-right:0px;
margin-left:0px;
top:-2px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:6px;
color:#02ad88;
font-size:26px;
text-align:left;
line-height:1.2em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box li{
position:relative;
line-height:20px;
color:#767676;
font-size:15px;
margin-bottom:3px;
font-weight:500;
}
.main-header .info-box strong{
font-weight:500;
color:#333333;
font-size:15px;
display:block;
margin-bottom:4px;
}
/*Social Icon One*/
.social-icon-one{
position:relative;
}
.social-icon-one li{
position:relative;
margin:0px 10px;
display:inline-block;
}
.social-icon-one li a{
position:relative;
color:#ffffff;
font-size:22px;
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;
}
.social-icon-one li a:hover{
opacity:0.8;
}
/*Social Icon Two*/
.social-icon-two{
position:relative;
}
.social-icon-two li{
position:relative;
margin-right:10px;
display:inline-block;
}
.social-icon-two li a{
position:relative;
width:36px;
height:36px;
font-size:16px;
text-align:center;
border-radius:50%;
line-height:34px;
color:#858585;
display:inline-block;
border:1px solid #858585;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-icon-two li a:hover{
color:#37ad87;
border-color:#37ad87;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
width:100px;
font-size:18px;
font-style:normal;
height:50px;
padding:10px 20px;
line-height:33px;
color:#262626;
float:left;
border-radius:0px;
border:1px solid #f2f2f2;
background:#ffffff;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:2px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:30px;
display:block;
color:#262626;
line-height:23px;
font-size:15px;
font-weight:normal;
text-align:center;
z-index:5;
}
.ui-widget.ui-widget-content{
border:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item{
font-size:14px;
border-bottom:1px solid #e0e0e0;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background-color:#02ad88;
border-color:#02ad88;
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px ;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:55px;
}
.sec-title h2{
font-size:35px;
color:#242424;
font-weight:600;
line-height:1.2em;
display:inline-block;
width:100%;
text-align: center;
}
.fluid-section-two .content-column .inner-box h2 { text-align:left;}
.sec-title h2:before{
}
.sec-title .text{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
max-width:900px;
margin-top:20px;
font-family: 'Open Sans', sans-serif;
}
.sec-title .title{
position:relative;
color:#797979;
font-size:18px;
font-style:italic;
font-family: 'Lora', serif;
}
.sec-title.light h2{
color:#333;
}
.sec-title.light h2:before{
background-color:#ffffff;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
z-index:10;
}
.main-slider .tp-caption{
z-index:5 !important;
}
.main-slider .tp-dottedoverlay{
background:rgba(0,0,0,0.40) !important;
}
.main-slider .tparrows.gyges{
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background-color:rgba(255,255,255,0.20);
}
.main-slider .tparrows.gyges:before{
line-height:60px;
}
.main-slider .tparrows.gyges:hover{
color:#016d3a !important;
background-color:#016d3a;
}
.main-slider h2{
position:relative;
color:#ffffff;
font-size:55px;
font-weight:500;
line-height:1.3em;
display:inline-block;
width:100%;
}
.main-slider h2 img { display:inline-block; max-width:100%;}
.main-slider h2.alternate{
font-weight:500;
}
.main-slider .text{
position:relative;
font-size:18px;
font-weight:400;
color:#e7e7e7;
line-height:1.7em;
}
.main-slider .btns-box .theme-btn{
margin-right:20px;
}
.slider-content{
position:relative;
padding:35px 30px;
background-color:rgba(0,0,0,0.60);
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
display:none !important;
}
/***
====================================================================
Fancy Box
====================================================================
***/
.fancybox-next span,
.fancybox-prev span{
background-image:none !important;
width:44px !important;
height:44px !important;
line-height:44px !important;
text-align:center;
}
.fancybox-next span:before,
.fancybox-prev span:before{
content:'';
position:absolute;
font-family: 'FontAwesome';
left:0px;
top:0px;
font-size:12px;
width:44px !important;
height:44px !important;
line-height:44px !important;
background-color:rgba(28,28,28,0.40) !important;
color:#ffffff;
visibility:visible;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.fancybox-next span:before{
content:'\f178';
}
.fancybox-prev span:before{
content:'\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
background-color:#ffffff !important;
color:#000000;
}
.fancybox-type-image .fancybox-close{
right:0px;
top:0px;
width:45px;
height:45px;
background:url(../images/icons/icon-cross.png) center center no-repeat;
background-color:rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover{
background-color:#000000 !important;
}
.fancybox-type-image .fancybox-skin{
padding:0px !important;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:80px 0px 60px;
}
.services-section .title-column{
position:relative;
margin-bottom:30px;
}
.services-section .title-column .inner-column{
position:relative;
padding-right:70px;
}
.services-section .title-column .inner-column h2{
position:relative;
color:#242424;
font-size:26px;
font-weight:500;
line-height:1.5em;
padding-bottom:18px;
margin-bottom:22px;
}
.services-section .title-column .inner-column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#6469dc;
}
.services-section .title-column .inner-column .text{
position:relative;
line-height:1.5em;
color:#797979;
font-size:20px;
font-style:italic;
margin-bottom:34px;
font-family: 'Lora', serif;
}
.services-block{
position:relative;
margin-bottom:40px;
}
.services-block .inner-box{
position:relative;
}
.services-block .inner-box .icon-box{
position:relative;
color:#3e44d4;
font-size:52px;
line-height:1em;
margin-bottom:10px;
}
.services-block .inner-box h3{
position:relative;
font-weight:600;
font-size:20px;
margin-bottom:10px;
}
.services-block .inner-box h3 a{
position:relative;
color:#242424;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.services-block .inner-box h3 a:hover{
color:#02ad88;
}
.services-block .inner-box .text{
position:relative;
color:#7b7b7b;
font-size:15px;
line-height:1.7em;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:90px 0px 90px;
}
.services-block-two{
position:relative;
margin-bottom:40px;
width:25%;
}
.services-block-two .inner-box{
position:relative;
text-align:center;
padding:0px 0px 40px;
background-color:#fff;
}
.services-block-two .inner-box .icon-box{
position:relative;
color:#ffffff;
font-size:54px;
line-height:1em;
margin-bottom:22px;
}
.services-block-two .inner-box .icon-box img { width:100%; display: block; }
.services-block-two .inner-box h3{
position:relative;
font-size:20px;
font-weight:500;
margin-bottom:12px;
color:#666;
}
.services-block-two .inner-box h3 a{
position:relative;
color:#666;
}
.services-block-two .inner-box .text{
position:relative;
color:#999;
font-size:13px;
line-height:1.7em;
}
.services-block-two .inner-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
opacity:0;
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;
background-color:#ffffff;
border:1px solid #016d3a;
}
.services-block-two .inner-box .overlay-box .overlay-inner{
position:relative;
padding:55px 15px 15px;
}
.services-block-two .inner-box .overlay-box .overlay-inner h4{
position:relative;
font-size:20px;
font-weight:500;
margin-bottom:6px;
color:#242424;
}
.services-block-two .inner-box .overlay-box .overlay-inner h4 a{
position:relative;
color:#242424;
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;
}
.services-block-two .inner-box .overlay-box .overlay-inner h4 a:hover{
color:#016d3a;
}
.services-block-two .inner-box .overlay-box .overlay-inner .overlay-text{
position:relative;
color:#797979;
font-size:15px;
margin-bottom:25px;
}
.services-block-two .inner-box .overlay-box .overlay-inner .read-more{
position:relative;
color:#016d3a;
font-size:16px;
font-weight:500;
text-decoration:underline;
}
/***
====================================================================
Call To Action
====================================================================
***/
.call-to-action{
position:relative;
padding:150px 0px 100px;
background-attachment:fixed;
background-size:cover;
text-align:center;
background-position:center center;
}
.call-to-action.style-two{
padding:70px 0px;
}
.call-to-action.style-two:before{
background-color:rgba(65,69,177,0.88);
}
.call-to-action:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.70);
}
.call-to-action h2{
position:relative;
color:#ffffff;
font-weight:600;
font-size:40px;
line-height:1.3em;
margin-bottom:15px;
}
.call-to-action .text{
position:relative;
font-size:20px;
color:#ffffff;
font-style:italic;
margin-bottom:45px;
font-family: 'Lora', serif;
}
.call-to-action .number-box{
position:relative;
max-width:560px;
margin:0 auto;
}
.call-to-action .number-box:before{
position: absolute;
content: '';
top: -6px;
left: 50%;
width: 1px;
height: 65px;
background-color: rgba(255,255,255,0.60);
}
.call-to-action .number-box .number{
position:relative;
color:#ffffff;
font-weight:600;
font-size:32px;
padding:15px 0px;
}
/***
====================================================================
Case Section
====================================================================
***/
.case-section{
position:relative;
padding:90px 0px 90px;
background-color:#fff;
}
.case-section.style-two{
background:none;
}
.case-section.style-two .project-tab .p-tabs-content{
margin:0px 30px;
}
.case-section .sec-title{
margin-bottom:25px;
}
.project-tab{
position:relative;
}
.project-tab .owl-nav,
.project-tab .owl-dots{
display:none;
}
.project-tab .tabs-header{
position:relative;
}
.project-tab .product-tab-btns{
position:relative;
margin-bottom:30px;
text-align: center;
}
.project-tab .product-tab-btns .p-tab-btn{
position:relative;
line-height:24px;
padding:6px 20px;
border:1px solid #ebebeb;
border-radius: 50px;
cursor:pointer;
color:#242424;
margin: 0 5px;
font-size:14px;
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;
}
.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn{
color:#fff;background: #016d3a;
}
.project-tab .product-tab-btns .p-tab-btn:hover:before,
.project-tab .product-tab-btns .p-tab-btn.active-btn:before{
opacity:1;
}
.project-tab .product-tab-btns .p-tab-btn:before{
}
.project-tab .p-tabs-content{
position:relative;
display:block;
}
.project-tab .p-tab{
position:absolute;
left:0px;
top:0px;
width:100%;
height:auto;
visibility:hidden;
}
.project-tab .p-tab.active-tab{
position:relative;
visibility:visible;
z-index:5;
}
/*Gallery Item*/
.gallery-item{
position:relative;
margin-bottom:30px;
}
.p-tab .gallery-item{
opacity:0;
transform:scaleX(0);
}
.p-tab.active-tab .gallery-item{
opacity:1;
transform:scaleX(1);
transition:all 0.7s ease;
-moz-transition:all 0.7s ease;
-webkit-transition:all 0.7s ease;
-ms-transition:all 0.7s ease;
-o-transition:all 0.7s ease;
}
.gallery-item .inner-box{
position:relative;
width:100%;
overflow:hidden;
}
.gallery-item .image-box{
position:relative;
display:block;
}
.gallery-item .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-item .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
background:rgba(1,109,58,0.80);
-webkit-transition:all 700ms ease;
-ms-transition:all 700ms ease;
-o-transition:all 700ms ease;
transition:all 700ms ease;
-webkit-transform:translate(-100%,0%);
-ms-transform:translate(-100%,0%);
-o-transform:translate(-100%,0%);
-moz-transform:translate(-100%,0%);
transform:translate(-100%,0%);
}
.gallery-item .inner-box:hover .overlay-box{
opacity:1;
-webkit-transform:translate(0%);
-ms-transform:translate(0%);
-o-transform:translate(0%);
-moz-transform:translate(0%);
transform:translate(0%);
}
.gallery-item .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-item .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-item .overlay-inner .link{
position:relative;
font-size:18px;
color:#ffffff;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
display:inline-block;
border:1px solid #ffffff;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-item .overlay-inner .link{
position:relative;
}
.gallery-item .overlay-inner .link .icon{
position:relative;
}
.gallery-item .overlay-inner .link:hover{
color:#666666;
background-color:rgba(255,255,255,1);
}
.gallery-item .inner-box h3{
position:relative;
font-size:16px;
font-weight:500;
text-align:center;
padding-top:25px;
}
.gallery-item .inner-box h3 a{
position:relative;
color:#242424;
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;
}
.gallery-item .inner-box .designation{
position:relative;
color:#9b9ba2;
font-size:14px;
text-align:center;
font-family:"微软雅黑";
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one{
position:relative;
}
.fluid-section-one .outer-container{
position:relative;
min-height:1094px;
background:url(../images/aboutbg.jpg) no-repeat center center;
}
.fluid-section-one .image-column{
position:absolute;
float:left;
left:0px;
top:0px;
width:50%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-one .image-column:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.40);
}
.fluid-section-one .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-one .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-one .content-column{
position:relative;
float:right;
width:50%;
}
.fluid-section-one .content-column .inner-box{
position:relative;
max-width:650px;
padding:90px 15px 70px 80px;
}
.fluid-section-one .content-column .inner-box h2{
position:relative;
font-size:32px;
font-weight:600;
color:#ffffff;
line-height:1.4em;
margin-bottom:25px;
display:inline-block;
width:100%;
text-align: center;
}
.fluid-section-one .content-column .inner-box .bold-text{
position:relative;
color:#fff;
font-size:28px;
margin-bottom:30px;
width:100%;
text-align: center;
}
.fluid-section-one .content-column .inner-box .text{
position:relative;
color:#fff;
font-size:16px;
line-height:2.2em;
margin-bottom:30px;
}
.fluid-section-one .content-column .inner-box .author{
position:relative;
}
.fluid-section-one .content-column .inner-box .author .author-image{
position:absolute;
left:0px;
top:0px;
width:97px;
height:97px;
border-radius:50%;
overflow:hidden;
}
.fluid-section-one .content-column .inner-box .author .signature{
position:relative;
text-align: center;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:95px 0px 30px;
}
.team-section .title-column{
position:relative;
margin-bottom:40px;
}
.team-section .title-column .inner-column{
position:relative;
}
.team-section .title-column h2{
position:relative;
color:#242424;
font-size:32px;
font-weight:600;
padding-bottom:12px;
margin-bottom:30px;
}
.team-section .title-column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:40px;
height:2px;
background-color:#4145b1;
}
.team-section .title-column .text{
position:relative;
color:#797979;
font-size:17px;
font-weight:400;
line-height:1.6em;
margin-bottom:20px;
font-family: 'Lato', sans-serif;
}
.team-section .title-column .view-team{
position:relative;
color:#4145b1;
font-size:16px;
font-weight:600;
text-decoration:underline;
}
.team-block{
position:relative;
margin-bottom:45px;
}
.team-block .inner-box{
position:relative;
}
.team-block .inner-box .image{
position:relative;
}
.team-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.team-block .inner-box .image .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
display:block;
height:100%;
opacity:0;
text-align:center;
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;
background-color:rgba(2,173,136,0.90);
}
.team-block .inner-box .image .overlay-box .social-icon-one{
position:absolute;
bottom:30px;
width:100%;
}
.team-block .inner-box:hover .image .overlay-box{
opacity:1;
}
.team-block .inner-box .lower-box{
position:relative;
padding-top:18px;
text-align:center;
}
.team-block .inner-box .lower-box h3{
position:relative;
color:#242424;
font-size:18px;
font-weight:500;
line-height:1.2em;
margin-bottom:3px;
}
.team-block .inner-box .lower-box h3 a{
position:relative;
color:#242424;
}
.team-block .inner-box .lower-box .designation{
position:relative;
color:#797979;
font-size:15px;
font-weight:500;
}
/***
====================================================================
Fact Counter style
====================================================================
***/
.fact-counter-section{
position:relative;
padding-bottom:50px;
}
.fact-counter-section.style-two{
background-color:#f9f9f9;
}
.fact-counter-section .inner-container{
padding-top:65px;
border-top:1px solid #e5e5e5;
}
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
z-index:5;
margin-bottom:30px;
}
.fact-counter .column .inner{
position:relative;
top:0;
padding:0px 0px 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;
}
.fact-counter .count-outer{
position:relative;
font-size:50px;
line-height:1em;
font-weight:500;
margin:0px 0px;
padding-top:35px;
color:#4145b1;
}
.fact-counter .count-outer .count-text{
position:relative;
font-weight:600;
color:#4145b1;
font-size:50px;
}
.fact-counter .column .counter-title{
position:relative;
font-size:16px;
font-weight:600;
color:#4145b1;
margin-top:12px;
display:inline-block;
}
.fact-counter .count-outer:after{
position:absolute;
content:'';
left:0px;
top:0px;
width:40px;
height:2px;
background-color:#4145b1;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
background-position:center bottom;
background-repeat:no-repeat;
}
.testimonial-section .inner-container{
position:relative;
max-width:970px;
margin:0 auto;
}
.testimonial-section:before{
}
.testimonial-section .sec-title{
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
}
.testimonial-block .inner-box .image-box{
position:absolute;
left:0px;
top:0px;
width:150px;
padding:0px 0px;
margin-bottom:20px;
}
.testimonial-block .inner-box .image-box:after{
position:absolute;
content:'';
right:0px;
top:0px;
height:105px;
width:1px;
background-color:rgba(255,255,255,0.40);
}
.testimonial-block .inner-box .image-box .image{
position:relative;
width:95px;
height:95px;
border-radius:50%;
overflow:hidden;
}
.testimonial-block .inner-box .image-box .quote-icon{
position:relative;
color:#ffffff;
font-size:46px;
margin-top:20px;
line-height:1em;
margin-left:10px;
}
.testimonial-block .inner-box .text{
position:relative;
font-size:16px;
color:#333;
line-height:32px;
margin-bottom:20px;
}
.testimonial-block .inner-box .author{
position:relative;
color:#ffffff;
font-size:20px;
font-weight:400;
line-height:1.2em;
text-align: center;
padding-top: 20px;
}
.testimonial-block .inner-box .author a { color:#333; }
.testimonial-section .owl-dots{
display:none;
}
.testimonial-section .owl-nav{
position:absolute;
right:0px;
top:-90px;
}
.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
width:46px;
height:46px;
line-height:40px;
font-size:22px;
margin-left:10px;
text-align:center;
color:rgba(0,0,0,0.50);
border:2px solid rgba(0,0,0,0.60);
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;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
color:#000000;
border-color:#ffffff;
background-color:#ffffff;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:45px 0px;
background-color:#fff;
}
.clients-section.style-two{
background-color:#f9f9f9;
padding-top:0px;
padding-bottom:60px;
}
.clients-section.style-two .sponsors-outer{
border-top:1px solid #dddddd;
padding-top:60px;
}
.clients-section .sponsors-outer{
position:relative;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
display:block;
text-align:center;
-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{
max-width:100%;
width:auto;
opacity:1;
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 .sponsors-outer .image-box img:hover{
opacity:0.6;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
padding:90px 0px 60px;
background: #f5f5f5;
}
.news-section .sec-title h2{
margin-bottom:5px;
}
.news-section.style-two{
padding-top:90px;
background-color:#f9f9f9;
}
.news-block{
position:relative;
margin-bottom:40px;
}
.news-block .inner-box{
position:relative;
}
.news-block .inner-box .image{
position:relative;
display:block;
overflow:hidden;
background:#0b0b0b;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block .inner-box:hover .image{
-webkit-transform:scale(1.05) translateY(-5px);
-ms-transform:scale(1.05) translateY(-5px);
-moz-transform:scale(1.05) translateY(-5px);
transform:scale(1.05) translateY(-5px);
}
.news-block .inner-box img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block .inner-box:hover .image img{
}
.news-block .inner-box .lower-box{
position:relative;
padding-top:32px;
}
.news-block .inner-box .lower-box .post-info{
position:relative;
color:#999;
font-size:16px;
font-weight:500;
margin-bottom:8px;
}
.news-block .inner-box .lower-box h3{
position:relative;
color:#242424;
font-size:17px;
line-height:1.6em;
font-weight:600;
margin-bottom:8px;
}
.news-block .inner-box .lower-box h3 a{
position:relative;
color:#242424;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.news-block .inner-box .lower-box h3 a:hover{
color:#016d3a;
}
.news-block .inner-box .lower-box .read-more{
position:relative;
color:#016d3a;
font-size:15px;
font-weight:500;
text-transform:capitalize;
}
.news-section .sidebar-news{
position:relative;
background-color:#ffffff;
border:1px solid #d9d9d9;
}
/*News Block Two*/
.news-block-two{
position:relative;
}
.news-block-two .inner-box{
position:relative;
padding:22px 30px;
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;
border-bottom:1px solid #d9d9d9;
}
.news-block-two .inner-box h3{
position:relative;
font-size:16px;
font-weight:500;
line-height:1.5em;
margin-bottom:8px;
}
.news-block-two .inner-box h3 a{
color:#000000;
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 .post-info{
position:relative;
color:#c2c1c1;
font-size:16px;
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 .post-info span{
margin-right:18px;
}
.news-section .sidebar-news .read-more{
position:relative;
color:#016d3a;
font-size:15px;
font-weight:500;
padding:15px 30px;
display:block;
}
.news-block-two .inner-box:hover{
background-color:#016d3a;
}
.news-block-two .inner-box:hover h3 a,
.news-block-two .inner-box:hover .post-info{
color:#ffffff;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two{
position:relative;
background: url(../images/pzbg.jpg) no-repeat center center;
}
.fluid-section-two .outer-container{
position:relative;
min-height:250px;
}
.fluid-section-two .image-column{
position:absolute;
float:left;
left:0px;
top:0px;
width:50%;
height:100%;
margin-left:-100px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.fluid-section-two .image-column:before{
}
.fluid-section-two .image-column .image-box{
position:relative;
display:none;
}
.fluid-section-two .image-column .image-box img{
position:relative;
display:block;
width:100%;
}
.fluid-section-two .content-column{
position:relative;
width:100%;
max-width: 1380px;
margin: 0 auto;
}
.fluid-section-two .content-column .inner-box{
position:relative;
width: 60%;
padding:65px 0px;
float: left;
margin-right: 10%;
}
.fluid-section-two .content-column .inner-box:nth-child(2) { margin-right:0px; width: 30%; }
.fluid-section-two .content-column .inner-box .lx { width:100%; background: #fff; border: 1px solid #e9e9e9; min-height: 325px; }
.fluid-section-two .content-column .inner-box .lx p { font-size:20px; }
.fluid-section-two .content-column .inner-box .sec-title{
margin-bottom:30px;
}
/***
====================================================================
Default Form
====================================================================
***/
.default-form{
position:relative;
}
.call-back-section .default-form .row,
.fluid-section-two .default-form .row{
margin:0px -10px;
}
.default-form .form-group{
position:relative;
margin-bottom:15px;
padding:0px 10px;
}
.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:30px;
padding:10px 20px;
color:#000000;
height:50px;
background:#fff;
border:1px solid #e9e9e9;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus{
}
.default-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 20px;
color:#000000;
border:1px solid #e9e9e9;
height:120px;
background:#fafafa;
resize: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;
}
.default-form button{
margin-top:10px;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background-color:#191919;
}
.main-footer .widgets-section{
position:relative;
padding:60px 0px 30px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-widget h2{
position:relative;
font-size:20px;
font-weight:600;
color:#ffffff;
padding-bottom:12px;
margin-bottom:30px;
text-transform:capitalize;
}
.main-footer .footer-widget h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:30px;
height:1px;
background-color:#016d3a;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:15px;
}
.main-footer .logo-widget .text{
position:relative;
color:#a8a8a8;
font-size:14px;
font-weight:400;
padding-right:60px;
}
.main-footer .list{
position:relative;
}
.main-footer .list li{
position:relative;
margin-bottom:10px;
}
.main-footer .list li a{
position:relative;
color:#a8a8a8;
font-size:14px;
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-footer .list li a:hover{
color:#016d3a;
}
.main-footer .info-widget{
position:relative;
}
.main-footer .info-widget .number{
position:relative;
color:#a8a8a8;
font-size:18px;
font-weight:500;
margin-bottom:12px;
}
.main-footer .info-widget .text{
position:relative;
color:#a8a8a8;
font-size:14px;
line-height:1.8em;
margin-bottom:20px;
}
.main-footer .footer-bottom{
position:relative;
padding:22px 0px;
background-color:#191919;
border-top:1px solid rgba(255,255,255,0.10);
}
.main-footer .footer-bottom .copyright,
.main-footer .footer-bottom .created{
position:relative;
color:#767676;
font-size:14px;
}
/***
====================================================================
We Do Section
====================================================================
***/
.we-do-section{
position:relative;
padding:95px 0px 70px;
}
.we-do-section .title-column{
position:relative;
margin-bottom:30px;
}
.we-do-section .title-column .inner-column{
padding-right:30px;
}
.we-do-section .title-column .sec-title{
margin-bottom:20px;
}
.we-do-section .title-column .bold-text{
position:relative;
color:#242424;
font-size:20px;
font-style:italic;
line-height:1.6em;
margin-bottom:18px;
font-family: 'Lora', serif;
}
.we-do-section .title-column .text{
position:relative;
color:#797979;
font-size:16px;
margin-bottom:28px;
}
.services-block-three{
position:relative;
margin-bottom:30px;
}
.services-block-three .inner-box{
position:relative;
}
.services-block-three .inner-box .image{
position:relative;
}
.services-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-block-three .inner-box .image .overlay-box{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:40%;
display: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;
background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8));
}
.services-block-three .inner-box:hover .image .overlay-box{
opacity:0;
}
.services-block-three .inner-box .image .overlay-box h3{
position:absolute;
left:0px;
bottom:20px;
color:#ffffff;
font-weight:600;
font-size:18px;
width:100%;
text-align:center;
}
.services-block-three .inner-box:hover .image .content-overlay{
opacity:1;
}
.services-block-three .inner-box .image .content-overlay{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
display: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;
background-color:rgba(65,69,177,0.85);
}
.services-block-three.style-two .inner-box .image .content-overlay{
background-color:rgba(2,173,136,0.90);
}
.services-block-three .inner-box .image .content-overlay .overlay-inner{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
text-align:center;
padding: 10px 30px;
vertical-align: middle;
}
.services-block-three .inner-box .image .content-overlay .overlay-inner .content-box{
position: relative;
display: table-cell;
vertical-align: middle;
}
.services-block-three .inner-box .image .content-overlay .content-box h4{
position:relative;
font-size:18px;
font-weight:600;
margin-bottom:2px;
}
.services-block-three .inner-box .image .content-overlay .content-box h4 a{
position:relative;
color:#ffffff;
}
.services-block-three .inner-box .image .content-overlay .content-box .read-more{
position:relative;
color:#ffffff;
font-size:14px;
text-decoration:underline;
}
/***
====================================================================
Default Section
====================================================================
***/
.default-section{
position:relative;
padding:90px 0px 110px;
background-color:#f5f5f5;
}
.default-section.alternate{
background:none;
}
.default-section .sec-title{
margin-bottom:40px;
}
.default-section .company-column{
position:relative;
margin-bottom:30px;
}
.default-section .company-column .inner-column{
position:relative;
}
.default-section .company-column .inner-column .company-gallery{
position:relative;
}
.default-section .company-column .inner-column .company-gallery .image{
position:relative;
margin-bottom:30px;
}
.default-section .company-column .inner-column .company-gallery .image img{
position:relative;
width:100%;
display:block;
}
.default-section .company-column .bold-text{
position:relative;
color:#242424;
font-size:20px;
font-style:italic;
line-height:1.4em;
margin-bottom:20px;
font-family: 'Lora', serif;
}
.default-section .company-column .text{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
}
.default-section .accordian-column .inner-column{
padding-left:30px;
}
/***
====================================================================
Accordion Style
====================================================================
***/
.accordion-box{
position:relative;
}
.accordion-box .block{
position: relative;
padding:12px 0px;
margin-bottom:10px;
border:1px solid #e1e1e1;
background-color:#ffffff;
}
.accordion-box .block .acc-btn{
position:relative;
font-size:18px;
cursor:pointer;
line-height:30px;
color:#000000;
font-weight:500;
padding:0px 10px 0px 64px;
transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
}
.accordion-box .block .icon-outer{
position:absolute;
left:14px;
top:0px;
font-size:18px;
color: #4145b1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer .icon{
position: absolute;
width: 28px;
height: 28px;
font-size: 16px;
font-weight: 300;
text-align: center;
}
.accordion-box .block .icon-outer .icon-plus{
opacity:1;
}
.accordion-box .block .icon-outer .icon-minus{
opacity:0;
font-weight:300;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
opacity:1;
color:#ffffff;
background-color:#4145b1;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
opacity:0;
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .acc-content .content-text{
padding-bottom:6px;
}
.accordion-box .block .acc-content.current{
display:block;
}
.accordion-box .block .content{
position:relative;
font-size:14px;
padding:10px 30px 0px 64px;
}
.accordion-box .block .content .text{
margin-bottom:20px;
line-height:1.8em;
font-size:15px;
color:#8e8d8d;
font-family: 'Open Sans', sans-serif;
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;
}
/*Accordian Faq Form*/
.accordion-box.faq .block{
padding:0px;
border:0px;
margin-bottom:40px;
}
.accordion-box.faq .block .acc-btn{
padding-left:30px;
font-weight:600;
font-size:20px;
font-family: 'Poppins', sans-serif;
}
.accordion-box.faq .block .icon-outer{
left:-10px;
color:#242424;
}
.accordion-box.faq .block .acc-btn.active .icon-outer .icon-minus{
background:none;
color:#242424;
}
.accordion-box.faq .block .content{
padding:14px 30px 0px 30px;
}
.accordion-box.faq .block .content .text{
font-size:17px;
line-height:1.6em;
}
/***
====================================================================
Map Section Style
====================================================================
***/
.map-section{
position:relative;
}
.map-data{
text-align:center;
font-size:14px;
font-weight:400;
line-height:1.8em;
}
.map-data h6{
font-size:16px;
font-weight:700;
text-align:center;
margin-bottom:5px;
color:#121212;
}
.map-canvas{
height:460px;
}
/***
====================================================================
Approach Section
====================================================================
***/
.approach-section{
position:relative;
padding:100px 0px 60px;
}
.approach-section .image-column{
position:relative;
}
.approach-section .image-column .image{
position:relative;
margin-bottom:40px;
}
.approach-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.approach-section.style-two .image-column .image{
margin-left:20px;
margin-top:20px;
}
.approach-section.style-two .image-column .image:before{
position:absolute;
content:'';
left:-20px;
top:-20px;
right:20px;
bottom:20px;
background-color:#4145b1;
}
.approach-section .content-column{
position:relative;
}
.approach-section .content-column .sec-title{
margin-bottom:16px;
}
.approach-section .content-column .inner-column{
position:relative;
padding-left:20px;
}
.approach-section .content-column .bold-text{
position:relative;
color:#242424;
font-size:20px;
line-height:1.6em;
margin-bottom:12px;
font-style:italic;
font-family: 'Lora', serif;
}
.approach-section .content-column .text{
position:relative;
}
.approach-section .content-column .text{
position:relative;
margin-bottom:30px;
}
.approach-section .content-column .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.9em;
margin-bottom:25px;
}
.approach-section .content-column .text p:last-child{
margin-bottom:0px;
}
.services-section-three{
position:relative;
padding:90px 0px 100px;
}
.services-section-three .owl-dots{
display:none;
}
.services-section-three .owl-nav{
text-align:center;
margin-top:20px;
}
.services-section-three .owl-prev,
.services-section-three .owl-next{
position:relative;
width:46px;
height:46px;
color:#c2c2c2;
text-align:center;
line-height:40px;
display:inline-block;
margin:0px 5px;
font-size:22px;
border:2px solid #bdbdbd;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.services-section-three .owl-prev:hover,
.services-section-three .owl-next:hover{
color:#02ad88;
border-color:#02ad88;
}
/***
====================================================================
Fluid Section Three
====================================================================
***/
.fluid-section-three{
position:relative;
background-color:#4145b1;
}
.full-width-section-one .outer-box{
position:relative;
}
.fluid-section-three .image-column{
position: absolute;
right: 0px;
top:0px;
width: 50%;
height: 100%;
float:right;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fluid-section-three .image-column .image{
width: 100%;
display: none;
}
.fluid-section-three .image-column .image img{
display: block;
width: 100%;
}
.fluid-section-three .image-column .overlay-link{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.40);
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.fluid-section-three .image-column .overlay-link .icon{
position: absolute;
left: 50%;
margin-left: -35px;
width: 70px;
height: 70px;
top: 50%;
line-height:68px;
margin-top: -35px;
border: 2px solid #ffffff;
text-align: center;
color: #ffffff;
font-size:18px;
background:none;
border-radius: 50%;
padding-left:5px;
}
.fluid-section-three .image-column:hover .overlay-link{
background: rgba(0,0,0,0.20);
}
/*Content Column*/
.fluid-section-three .content-column{
position: relative;
width: 50%;
float:left;
padding:80px 60px 70px 0px;
}
.fluid-section-three .content-column .content-box{
position:relative;
max-width:525px;
float:right;
}
.fluid-section-three .content-column .content-box h2{
position:relative;
font-size:32px;
color:#ffffff;
font-weight:600;
line-height:1.6em;
margin-bottom:15px;
}
.fluid-section-three .content-column .content-box .bold-text{
position:relative;
color:#ffdede;
font-size:20px;
font-style:italic;
margin-bottom:15px;
font-family: 'Lora', serif;
}
.fluid-section-three .content-column .content-box .text{
position:relative;
}
.fluid-section-three .content-column .content-box .text p{
position:relative;
color:rgba(255,255,255,0.80);
font-size:16px;
line-height:1.7em;
margin-bottom:20px;
}
/***
====================================================================
Call Back Section
====================================================================
***/
.call-back-section{
position:relative;
padding:100px 0px;
overflow:hidden;
}
.call-back-section .row{
margin:0px -78px;
}
.call-back-section .form-column,
.call-back-section .map-column{
padding:0px 78px;
}
.call-back-section .outer-container{
position:relative;
max-width:1680px;
margin:0 auto;
padding:0px 15px;
}
.call-back-section .outer-container .map-column{
position:relative;
margin-bottom:40px;
}
.call-back-section .outer-container .form-column{
position:relative;
}
.call-back-section .outer-container .form-column .sec-title{
margin-bottom:35px;
}
/*Error Section*/
.error-section{
position:relative;
padding:220px 0px 220px;
background-repeat:no-repeat;
background-size:cover;
}
.error-section .content{
position:relative;
text-align:center;
}
.error-section:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(65,69,177,0.60);
}
.error-section h1{
position:relative;
color:#02ad88;
font-size:200px;
font-weight:800;
line-height:1em;
margin-bottom:10px;
font-family: 'Open Sans', sans-serif;
}
.error-section h2{
position:relative;
color:#ffffff;
font-size:50px;
font-weight:600;
line-height:1.2em;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.error-section .text{
position:relative;
color:#ffffff;
font-size:25px;
font-weight:500;
margin-top:10px;
margin-bottom:50px;
font-family: 'Poppins', sans-serif;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
padding:200px 0px 90px;
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}
.page-title:before{
position:absolute;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.60);
}
.page-title h1{
position:relative;
color:#ffffff;
font-size:45px;
font-weight:600;
line-height:1em;
margin-bottom:15px;
display:inline-block;
font-family: 'Poppins', sans-serif;
}
.page-title h1:after{
position:absolute;
content:'';
left:105%;
bottom:5px;
width:50px;
height:2px;
background-color:#02ad88;
}
.page-title .page-breadcrumb{
position:relative;
}
.page-title .page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:10px;
color:#ffffff;
font-size:13px;
font-weight:400;
font-family: 'Poppins', sans-serif;
}
.page-title .page-breadcrumb li:after{
position:absolute;
content:'\f105';
right:-4px;
top:0px;
color:#ffffff;
font-family: 'FontAwesome';
}
.page-title .page-breadcrumb li:last-child::after{
display:none;
}
.page-title .page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-title .page-breadcrumb li a{
color:#02ad88;
font-weight:400;
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position:relative;
padding:95px 0px 100px;
background-color:#f4f4f4;
}
.video-section .content-column{
position:relative;
margin-bottom:40px;
}
.video-section .content-column .inner-column{
position:relative;
}
.video-section .content-column .inner-column h2{
position:relative;
color:#242424;
font-size:32px;
font-weight:600;
line-height:1.5em;
padding-bottom:20px;
margin-bottom:30px;
}
.video-section .content-column .inner-column h2:after{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:70px;
height:2px;
background-color:#4145b1;
}
.video-section .content-column .inner-column .text{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
}
.video-section .video-column{
position:relative;
}
.video-section .video-column .inner-column{
position:relative;
padding-left:40px;
}
/*Video Box*/
.video-box{
position:relative;
}
.video-box .image{
position:relative;
}
.video-box .image img{
position:relative;
width:100%;
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
background-color:rgba(0,0,0,0.20);
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;
}
.video-box:hover .overlay-box{
z-index:1;
background-color:rgba(0,0,0,0.50);
}
.video-box .overlay-box span{
position: relative;
width:64px;
height:64px;
top: 48%;
z-index:99;
color: #ffffff;
font-weight:700;
font-size:18px;
margin-top: -28px;
text-align: center;
border-radius:50%;
line-height:60px;
padding-left:4px;
display: inline-block;
border:2px solid #ffffff;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 60px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-widget{
position: relative;
margin-bottom:40px;
}
/*Sidebar Title*/
.sidebar-title{
position: relative;
margin-bottom:20px;
}
.sidebar-title h2{
font-size: 22px;
color: #242424;
font-weight: 600;
line-height: 1.2em;
display:inline-block;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
}
.sidebar-title h2:after{
position:absolute;
content:'';
left:105%;
bottom:2px;
width:25px;
height:2px;
background-color:#4145b1;
}
.our-blog.padding-right,
.blog-classic.padding-right,
.blog-single.padding-right{
padding-right:30px;
}
/*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 20px;
border:1px solid #d3d3d3;
background:#252525;
display:block;
font-size:16px;
width:100%;
height:52px;
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;
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:52px;
width:60px;
display:block;
font-size:16px;
color:#bdbdbd;
line-height:100%;
font-weight:normal;
background:none;
}
/*Blog Category*/
.cat-list{
position:relative;
}
.cat-list li{
position:relative;
}
.cat-list li a{
position:relative;
color:#797979;
font-size:17px;
font-weight:700;
padding-bottom:10px;
margin-bottom:10px;
display:block;
border-bottom:1px solid #e6e6e6;
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: 'Lato', sans-serif;
}
.cat-list li a:after{
position:absolute;
content:'\f105';
right:0px;
top:0px;
color:#c8c8c8;
font-size:14px;
font-family: 'FontAwesome';
}
.cat-list li a:hover{
color:#02ad88;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:14px;
color:#666666;
padding:0px 0px;
min-height:90px;
margin-bottom:20px;
border-bottom:1px solid #e1e1e1;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
}
.sidebar .popular-posts .post .text{
position:relative;
top:-4px;
font-size:17px;
margin:0px 0px 3px;
font-weight:700;
color:#242424;
line-height:1.4em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#242424;
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;
}
.sidebar .popular-posts .post a:hover{
color:#02ad88;
}
.sidebar .popular-posts .post-info{
font-size:15px;
color:#9a9a9a;
font-weight:700;
font-family: 'Lato', sans-serif;
}
/*Popular Tags*/
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:7px 18px 7px;
margin:0px 6px 10px 0px;
color:#a6a6a6;
text-align:center;
font-size:14px;
background:none;
font-weight:500;
border:1px solid #e4e4e4;
text-transform:capitalize;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
border-color:#4145b1;
background-color:#4145b1;
color:#ffffff;
}
.news-block-three{
position:relative;
margin-bottom:80px;
}
.news-block-three .inner-box{
position:relative;
}
.news-block-three .inner-box .image{
position:relative;
display:block;
overflow:hidden;
background:#0b0b0b;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image{
-webkit-transform:scale(1.06) translateY(-10px);
-ms-transform:scale(1.06) translateY(-10px);
-moz-transform:scale(1.06) translateY(-10px);
transform:scale(1.06) translateY(-10px);
}
.news-block-three .inner-box img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.50;
}
.news-block-three .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.news-block-three .inner-box .lower-content .post-date{
position:relative;
color:#02ad88;
font-size:17px;
font-weight:600;
margin-bottom:2px;
}
.news-block-three .inner-box .lower-content h3{
position:relative;
color:#242424;
font-size:22px;
font-weight:600;
margin-bottom:10px;
}
.news-block-three .inner-box .lower-content h3 a{
position:relative;
color:#242424;
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-three .inner-box .lower-content h3 a:hover{
position:relative;
color:#02ad88;
}
.news-block-three .inner-box .lower-content .text{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:25px;
}
.news-block-three .inner-box .lower-content .post-info{
position:relative;
padding-top:16px;
margin-bottom:20px;
border-top:1px solid #e4e4e4;
}
.news-block-three .inner-box .lower-content .post-info li{
position:relative;
color:#b8b8b8;
font-size:16px;
font-weight:500;
padding-right:8px;
margin-right:17px;
margin-bottom:8px;
display:inline-block;
}
.news-block-three .inner-box .lower-content .post-info li:after{
position:absolute;
content:'/';
color:#b8b8b8;
right:-10px;
top:1px;
font-size:14px;
}
.news-block-three .inner-box .lower-content .post-info li:last-child::after{
display:none;
}
.news-block-three:last-child{
margin-bottom:50px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 6px 0px 0px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:40px;
height:44px;
font-size:18px;
min-width:44px;
color:#242424;
font-weight:700;
text-align:center;
background:#ffffff;
border:2px solid #d4d4d4;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
font-family: 'Open Sans', sans-serif;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
border-color:#4145b1;
background-color:#4145b1;
}
.news-page-section{
position:relative;
padding:100px 0px;
}
.blog-single{
position:relative;
margin-bottom:75px;
}
.blog-single .inner-box{
position:relative;
}
.blog-single .inner-box .image{
position:relative;
margin-bottom:30px;
}
.blog-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.blog-single .inner-box .lower-content{
position:relative;
}
.blog-single .inner-box .lower-content .post-date{
position:relative;
color:#02ad88;
font-size:17px;
font-weight:600;
margin-bottom:5px;
}
.blog-single .inner-box .lower-content h3{
position:relative;
color:#242424;
font-size:22px;
font-weight:600;
line-height:1.2em;
margin-bottom:10px;
}
.blog-single .inner-box .lower-content .text{
position:relative;
margin-bottom:40px;
}
.blog-single .inner-box .lower-content .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.blog-single .inner-box .lower-content .social-share-options{
position:relative;
}
.blog-single .inner-box .lower-content .social-share-options li{
position:relative;
display:inline-block;
margin-right:0px;
margin-bottom:2px;
}
.blog-single .inner-box .lower-content .social-share-options li a{
position:relative;
padding:11px 20px;
color:#ffffff;
text-transform:capitalize;
display:inline-block;
background-color:#4cc5f3;
}
.blog-single .inner-box .lower-content .social-share-options li.share{
width:50px;
height:50px;
color:#a5a5a5;
text-align:center;
line-height:48px;
margin-right:5px;
border:2px solid #f2f2f2;
}
.blog-single .inner-box .lower-content .social-share-options li.facebook a{
background-color:#758ab7;
}
.blog-single .inner-box .lower-content .social-share-options li.linkedin a{
background-color:#4ca2cc;
}
.blog-single .inner-box .lower-content .social-share-options li.google a{
background-color:#e78074;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form{
position:relative;
}
.comment-form .sec-title{
margin-bottom:40px;
}
.comment-form .sec-title h2{
font-size:24px;
}
.comment-form .form-inner{
position:relative;
padding:50px 65px 40px 25px;
background-color:#f7f7f7;
border:1px solid #eeeeee;
}
.comment-form .form-group{
position:relative;
margin-bottom:20px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:33px;
padding:10px 20px;
height:45px;
color:#a5a5a5;
font-size:15px;
background-color:#ffffff;
border:1px solid #eeeeee;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group textarea:focus{
border-color:#02ad88;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:20px 20px;
color:#a5a5a5;
height:170px;
font-size:15px;
resize:none;
background-color:#ffffff;
border:1px solid #eeeeee;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
margin-top:10px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:90px 0px 70px;
}
.gallery-section.fullwidth .filter-list{
padding:0px 15px;
}
.gallery-section.fullwidth .gallery-item{
width:20%;
float:left;
padding:0px 15px;
margin-bottom:50px;
}
.gallery-section .filters{
margin-bottom:40px;
}
.gallery-section .filters .filter-tabs{
position:relative;
}
.gallery-section .filters li{
position:relative;
line-height:24px;
padding:0px 0px;
cursor:pointer;
color:#242424;
font-weight:600;
font-size:16px;
display:inline-block;
margin-bottom:10px;
margin-right:30px;
padding-bottom:2px;
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;
}
.gallery-section .filters li:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:100%;
height:1px;
opacity:0;
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;
background-color:#3e44d4;
}
.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
color:#3e44d4;
}
.gallery-section .filters .filter:hover::before,
.gallery-section .filters .filter.active::before{
opacity:1;
}
.gallery-item.mix{
display:none;
}
.cases-single-section{
position:relative;
padding:100px 0px;
}
.cases-single-section .upper-box{
position:relative;
margin-bottom:90px;
background-color:#3e44d4;
}
.cases-single-section .upper-box .image-column{
position:relative;
padding:0px;
}
.cases-single-section .upper-box .info-column{
position:relative;
padding:0px;
}
.cases-single-section .upper-box .info-column .inner-column{
position:relative;
padding:35px 40px;
}
.cases-single-section .upper-box .info-column ul{
position:relative;
}
.cases-single-section .upper-box .info-column ul li{
position:relative;
margin-bottom:20px;
color:#ffffff;
font-size:15px;
}
.cases-single-section .upper-box .info-column ul li:last-child{
margin-bottom:0px;
}
.cases-single-section .upper-box .info-column ul li span{
width:50%;
float:right;
}
.cases-single-section .lower-content{
position:relative;
}
.cases-single-section .lower-content .sec-title{
position:relative;
margin-bottom:25px;
}
.cases-single-section .lower-content .bold-text{
position:relative;
color:#242424;
font-size:20px;
font-style:italic;
line-height:1.6em;
margin-bottom:18px;
font-family: 'Lora', serif;
}
.cases-single-section .lower-content .text{
position:relative;
margin-bottom:45px;
}
.cases-single-section .lower-content .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:22px;
}
.cases-single-section .lower-content .text p:last-child{
margin-bottom:0px;
}
.case-info-tabs .case-tabs{
position:relative;
}
.case-info-tabs .case-tabs .tab-btns{
position:relative;
z-index:1;
border-bottom:1px solid #d6d6d6;
}
.case-info-tabs .case-tabs .tab-btns .tab-btn{
position:relative;
top:1px;
display:block;
float:left;
min-width:200px;
text-align:center;
margin-right:10px;
font-size:18px;
background:none;
color:#242424;
border:1px solid #d6d6d6;
text-transform:capitalize;
font-weight:600;
line-height:24px;
cursor:pointer;
padding:15px 18px 13px;
transition:all 500ms ease;
}
.case-info-tabs .case-tabs .tab-btns .tab-btn:hover,
.case-info-tabs .case-tabs .tab-btns .tab-btn.active-btn{
color:#ffffff;
background:#02ad88;
}
.case-info-tabs .case-tabs .tabs-content{
position:relative;
padding:50px 50px 20px;
border:1px solid #d6d6d6;
border-top:0px;
}
.case-info-tabs .case-tabs .tabs-content .tab{
position:relative;
display:none;
}
.case-info-tabs .case-tabs .tabs-content .tab.active-tab{
display:block;
}
.case-info-tabs .case-tabs .tabs-content .text{
position:relative;
}
.case-info-tabs .case-tabs .tabs-content .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.7em;
margin-bottom:22px;
}
/*Comming Soon*/
.comming-soon{
position:fixed;
width:100%;
height:100%;
display:block;
overflow-y:auto;
background-size:cover;
}
.comming-soon:before{
position:fixed;
content:'';
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.70);
}
.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 h2{
position:relative;
color:#ffffff;
font-size:70px;
font-weight:600;
line-height:1.2em;
margin-bottom:80px;
font-family: 'Poppins', sans-serif;
}
.comming-soon .content .content-inner .text{
position:relative;
color:#ffffff;
font-size:28px;
font-weight:500;
line-height:1.4em;
margin-top:30px;
margin-bottom:60px;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter{
position:relative;
}
.time-counter .time-countdown{
position:relative;
}
.time-counter .time-countdown .counter-column{
position:relative;
margin:0px 15px 0px;
width:170px;
height:170px;
text-align:center;
display:inline-block;
padding:20px 0px 10px;
border:2px solid #02ad88;
color:#02ad88;
font-size:20px;
line-height:30px;
text-transform:uppercase;
border-radius:50%;
font-weight:700;
margin-bottom:30px;
}
.time-counter .time-countdown .counter-column .count{
position:relative;
display:block;
font-size:60px;
line-height:40px;
padding:25px 10px 20px;
color:#02ad88;
letter-spacing:1px;
font-weight:600;
}
.comming-soon .emailed-form .form-group{
position:relative;
display:block;
max-width:770px;
margin:0 auto;
width:100%;
margin-bottom:20px;
}
.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:20px;
height:76px;
font-size:17px;
color:#797979;
padding:10px 50px 10px 30px;
background:#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;
}
.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button{
position:absolute;
right:0px;
top:0px;
width:195px;
height:76px;
line-height:40px;
color:#ffffff;
font-size:20px;
font-weight:600;
text-align:center;
background:#02ad88;
}
/*Company Section*/
.company-section{
position:relative;
padding:90px 0px 60px;
}
.about-section{
position:relative;
}
.about-section .sec-title{
position:relative;
margin-bottom:20px;
}
.about-section .content-column{
position:relative;
margin-bottom:40px;
}
.about-section .content-column .inner-column{
position:relative;
padding-right:30px;
}
.about-section .content-column .bold-text{
position:relative;
color:#242424;
font-size:20px;
font-style:italic;
line-height:1.6em;
margin-bottom:15px;
font-family: 'Lora', serif;
}
.about-section .content-column .text{
position:relative;
}
.about-section .content-column .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:18px;
}
.about-section .image-column{
position:relative;
margin-bottom:40px;
}
.about-section .image-column .image{
position:relative;
}
.about-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.year-block{
position:relative;
margin-bottom:40px;
}
.year-block .inner-box{
position:relative;
padding-left:170px;
}
.year-block .inner-box .year{
position:absolute;
left:0px;
top:0px;
width:110px;
height:110px;
color:#ffffff;
line-height:110px;
text-align:center;
border-radius:50%;
font-size:28px;
font-weight:700;
margin-bottom:30px;
display:inline-block;
font-family: 'Lato', sans-serif;
background-color:#02ad88;
}
.year-block .inner-box .year:before{
position:absolute;
content:'';
left:50%;
top:100%;
width:1px;
height:120%;
background-color:#d2d2d2;
}
.year-block:last-child .inner-box .year:before{
display:none;
}
.year-block .inner-box h3{
position:relative;
font-weight:600;
font-size:26px;
color:#242424;
line-height:1.2em;
margin-bottom:15px;
font-family: 'Poppins', sans-serif;
}
.year-block .inner-box .text{
position:relative;
color:#797979;
font-size:17px;
line-height:1.8em;
}
.year-gallery{
position:relative;
margin-top:50px;
}
.year-gallery .image{
position:relative;
margin-bottom:40px;
}
.year-gallery .image img{
width:100%;
display:block;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:95px 0px 60px;
}
.contact-section .sec-title{
margin-bottom:35px;
}
.contact-section h2{
position:relative;
color:#242424;
font-size:34px;
font-weight:700;
line-height:1.2em;
margin-bottom:10px;
}
.contact-section .title{
position:relative;
color:#242424;
}
.contact-section .form-column{
position:relative;
}
/*Contact Form*/
.contact-form{
position:relative;
padding-right:40px;
}
.contact-form .form-group{
position:relative;
margin-bottom:30px;
}
.contact-form .form-group input{
position:relative;
display:block;
width:100%;
line-height:33px;
padding:10px 0px;
height:55px;
color:#000000;
background:none;
font-size:15px;
font-weight:600;
border-bottom:2px solid #f0eff4;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
color:rgba(0,0,0,0.70);
font-weight:400;
font-size:15px;
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:30px;
padding:10px 0px;
color:#000000;
height:160px;
resize:none;
background:none;
font-weight:600;
border-bottom:2px solid #f0eff4;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus{
border-color:#02ad88;
}
.contact-form .form-group button{
margin-top:5px;
}
.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:11px;
color:#ff0000;
font-weight:500;
}
.contact-section .info-column{
position:relative;
}
.contact-section .info-column .inner-column{
position:relative;
padding-left:35px;
margin-top:54px;
margin-left:30px;
border-left:1px solid #cccccc;
}
.contact-section .info-column ul{
position:relative;
padding-bottom:1px;
}
.contact-section .info-column ul li span{
position:relative;
color:#242424;
font-size:16px;
display:block;
font-weight:600;
margin-bottom:6px;
text-transform:capitalize;
font-family: 'Poppins', sans-serif;
}
.contact-section .info-column ul li{
position:relative;
margin-bottom:40px;
font-size:16px;
font-weight:600;
color:#797979;
line-height:1.4em;
}
.faq-section{
position:relative;
padding:90px 0px 90px;
}
.faq-section .sec-title{
margin-bottom:50px;
}
.faq-section .sec-title .title{
margin-top:10px;
}
/*Sidebar Search Form*/
.faq-search-box{
position:relative;
margin-top:30px;
width: 100%;
margin-bottom:50px;
}
.faq-search-box .form-group{
position:relative;
margin:0px;
}
.faq-search-box .form-group input[type="text"],
.faq-search-box .form-group input[type="search"]{
position:relative;
line-height:28px;
color:#222222;
display:block;
font-size:16px;
width:100%;
height:60px;
border-radius:5px;
padding:15px 15px 15px 20px;
border:1px solid #e0e0e0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.faq-search-box .form-group button{
position:absolute;
right:0px;
top:0px;
width:65px;
height:60px;
line-height:58px;
text-align:center;
display:block;
font-size:22px;
color:#c0c0c0;
background:none;
font-weight:normal;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.faq-search-box .form-group input:focus{
border-color:#02ad88;
}
/***
====================================================================
Faq Form Section
====================================================================
***/
.faq-form-section{
position:relative;
overflow:hidden;
padding:85px 0px 85px;
background-color:#29292e;
}
.faq-form-section .auto-container{
position:relative;
}
.faq-form-section .sec-title h2{
font-size:32px;
}
.faq-form-section .form-outer{
position:relative;
max-width:870px;
z-index:10;
}
.faq-form-section .form-group{
position:relative;
margin-bottom:35px;
}
.faq-form-section .form-group:last-child{
margin-bottom:0px;
}
.faq-form-section .form-group input[type="text"],
.faq-form-section .form-group input[type="email"],
.faq-form-section .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:0px 0px 8px;
color:#ffffff;
border-bottom:2px solid rgba(255,255,255,0.20);
height:46px;
font-size:17px;
background:none;
font-weight:500;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form-section .form-group input::-webkit-input-placeholder,
.faq-form-section .form-group textarea::-webkit-input-placeholder,
.faq-form-section .form-group input::-moz-input-placeholder,
.faq-form-section .form-group textarea::-moz-input-placeholder,
.faq-form-section .form-group input::-o-input-placeholder,
.faq-form-section .form-group textarea::-o-input-placeholder,
.faq-form-section .form-group input::-ms-input-placeholder,
.faq-form-section .form-group textarea::-ms-input-placeholder{
color:rgba(255,255,255,0.70);
}
.faq-form-section .form-group input[type="text"]:focus,
.faq-form-section .form-group input[type="email"]:focus,
.faq-form-section .form-group textarea:focus{
border-color:#02ad88;
}
.faq-form-section .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:0px 0px;
color:#ffffff;
height:160px;
background:none;
resize:none;
font-size:16px;
font-weight:500;
border-bottom:2px solid rgba(255,255,255,0.20);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form-section .form-group .theme-btn{
margin-top:10px;
}
/***
====================================================================
Services Page Section
====================================================================
***/
.services-page-section{
position:relative;
padding:90px 0px 50px;
}
.services-page-section .sec-title .title{
margin-top:10px;
color:#242424;
}
.services-block-four{
position:relative;
margin-bottom:50px;
}
.services-block-four .inner-box{
position:relative;
}
.services-block-four .inner-box .image{
position:relative;
display:block;
overflow:hidden;
background:#0b0b0b;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-four .inner-box:hover .image{
-webkit-transform:scale(1.06) translateY(-7px);
-ms-transform:scale(1.06) translateY(-7px);
-moz-transform:scale(1.06) translateY(-7px);
transform:scale(1.06) translateY(-7px);
}
.services-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.services-block-four .inner-box:hover .image img{
opacity:0.50;
}
.services-block-four .inner-box .lower-box{
position:relative;
padding:18px 0px;
text-align:center;
border-bottom:1px solid #d7d7d7;
}
.services-block-four .inner-box .lower-box h3{
position:relative;
font-size:18px;
font-weight:600;
}
.services-block-four .inner-box .lower-box h3 a{
position:relative;
color:#242424;
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;
}
.services-block-four .inner-box .lower-box h3 a:hover{
color:#02ad88;
}
.services-block-four .inner-box .lower-box .text{
position:relative;
color:#797979;
font-size:15px;
}
.testimonial-page-section{
position:relative;
padding-top:90px;
padding-bottom:120px;
}
.testimonial-page-section .sec-title .title{
margin-top:10px;
color:#242424;
}
.testimonial-block-two{
position:relative;
}
.testimonial-block-two .inner-box{
position:relative;
padding-left:195px;
padding-bottom:80px;
margin-bottom:80px;
border-bottom:1px solid #ededed;
}
.testimonial-block-two .inner-box .image-box{
position:absolute;
left:0px;
top:0px;
width:150px;
padding:0px 0px;
margin-bottom:20px;
}
.testimonial-block-two .inner-box .image-box:after{
position:absolute;
content:'';
right:0px;
top:0px;
height:105px;
width:1px;
background-color:#e2e2e2;
}
.testimonial-block-two .inner-box .image-box .image{
position:relative;
width:95px;
height:95px;
border-radius:50%;
overflow:hidden;
}
.testimonial-block-two .inner-box .image-box .quote-icon{
position:relative;
color:#02ad88;
font-size:46px;
margin-top:20px;
line-height:1em;
margin-left:10px;
}
.testimonial-block-two .inner-box .text{
position:relative;
font-size:22px;
font-style:italic;
color:#797979;
line-height:1.5em;
margin-bottom:20px;
font-family: 'Lora', serif;
}
.testimonial-block-two .inner-box .author{
position:relative;
color:#4145b1;
font-size:20px;
font-weight:400;
line-height:1.2em;
font-style:italic;
text-transform:capitalize;
font-family: 'Lato', sans-serif;
}
.testimonial-block-two:last-child .inner-box{
padding-bottom:0px;
border-bottom:none;
margin-bottom:0px;
}
/*Blog Category*/
.blog-cat{
position:relative;
}
.blog-cat li{
position:relative;
margin-bottom:4px;
border-left:4px solid #02ad88;
}
.blog-cat li a{
position:relative;
color:#242424;
font-size:17px;
font-weight:600;
padding:14px 15px 14px 22px;
display:block;
background-color:#f1f1f1;
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: 'Poppins', sans-serif;
}
.blog-cat li.active a,
.blog-cat li a:hover{
color:#ffffff;
background-color:#02ad88;
}
.contact-info-widget ul li{
position:relative;
color:#797979;
font-size:16px;
font-weight:500;
margin-bottom:6px;
}
.download-widget .download-box{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:500;
display:block;
padding:15px 20px;
background-color:#4145b1;
}
.download-widget .download-box .icon{
position:absolute;
right:20px;
font-size:24px;
}
/*Services Single*/
.services-single{
position:relative;
padding-left:30px;
}
.services-single .inner-box{
position:relative;
}
.services-single .inner-box .images-gallery{
position:relative;
}
.services-single .inner-box .images-gallery .row{
position:relative;
margin:0px -4px;
}
.services-single .inner-box .images-gallery .column{
position:relative;
padding:0px 5px;
}
.services-single .inner-box .image{
position:relative;
margin-bottom:50px;
}
.services-single .inner-box .image.right-padding{
padding-right:30px;
}
.services-single .inner-box .image.left-padding{
padding-left:30px;
}
.services-single .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.services-single .inner-box .gallery-image{
position:relative;
}
.services-single .inner-box .gallery-image .row{
position:relative;
margin:0px -5px;
}
.services-single .inner-box .gallery-image .image-column{
padding:0px 5px;
}
.services-single .inner-box .lower-content{
position:relative;
}
.services-single .inner-box .lower-content h2{
position:relative;
color:#242424;
font-size:24px;
font-weight:600;
line-height:1.2em;
margin-bottom:15px;
font-family: 'Poppins', sans-serif;
}
.services-single .inner-box .lower-content .text{
position:relative;
}
.services-single .inner-box .lower-content .text p{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:20px;
}
.services-single .inner-box .lower-content .two-column{
position:relative;
margin-top:40px;
}
.services-single .inner-box .lower-content .two-column .content-column{
position:relative;
}
.services-single .inner-box .lower-content .two-column h3{
position:relative;
color:#242424;
font-size:24px;
font-weight:600;
line-height:1.2em;
margin-bottom:15px;
}
.featured-blocks{
position:relative;
margin-bottom:60px;
border:1px solid #e5e5e5;
}
.featured-block{
position:relative;
padding:0px;
}
.featured-block:last-child .inner-box{
border:none;
}
.featured-block .inner-box{
position:relative;
text-align:center;
padding:35px 25px 40px;
background-color:#fafafa;
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-right:1px solid #e5e5e5;
}
.featured-block .inner-box .icon-box{
position:relative;
line-height:1em;
color:#4145b1;
font-size:60px;
margin-bottom:20px;
}
.featured-block .inner-box h3{
position:relative;
color:#242424;
font-size:18px;
font-weight:600;
margin-bottom:10px;
}
.featured-block .inner-box h3 a{
position:relative;
color:#242424;
}
.featured-block .inner-box .text{
position:relative;
color:#797979;
font-size:16px;
font-weight:400;
}
.featured-block .inner-box:hover{
background-color:#ffffff;
}
.agent-block{
position:relative;
}
.agent-block .agent-inner{
position:relative;
padding:42px 32px 42px;
background-color:#4145b1;
}
.agent-block .agent-inner .title{
position:relative;
font-size:22px;
font-style:italic;
line-height:1.5em;
margin-bottom:22px;
color:#ffffff;
}
.agent-block .agent-inner h4{
position:relative;
color:#ffffff;
font-size:24px;
font-weight:700;
line-height:1.5em;
margin-bottom:28px;
text-transform:uppercase;
}
.agent-content{
position:relative;
padding-left:40px;
}
.agent-content h3{
position:relative;
color:#242424;
font-size:24px;
font-weight:600;
line-height:1.2em;
margin-bottom:20px;
}
.agent-content .text{
position:relative;
color:#797979;
font-size:16px;
line-height:1.8em;
margin-bottom:28px;
}
body.appointment-form-visible{
overflow:hidden;
}
.appointment-box{
position: fixed;
right: -500px;
top: 0px;
width: 500px;
max-width: 100%;
height:100%;
overflow-y:auto;
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.appointment-form-visible .appointment-box{
right:0px;
opacity:1;
visibility:visible;
}
.appointment-box .inner-box{
position:relative;
background-color: #3e44d4;
padding:80px 130px 50px 50px;
}
.appointment-box .inner-box:before{
position:absolute;
content:'';
right:80px;
top:0px;
width:1px;
height:100%;
background-color:rgba(255,255,255,0.10);
}
.appointment-box .inner-box .cross-icon{
position:absolute;
right:30px;
top:30px;
cursor:pointer;
color:#ffffff;
font-size:20px;
}
.appointment-box .inner-box h2{
position:relative;
font-size:28px;
font-weight:600;
line-height:1.2em;
color:#ffffff;
margin-bottom:20px;
font-family: 'Poppins', sans-serif;
}
/*Appointment Form*/
.appointment-form{
position:relative;
}
.appointment-form .form-group{
position:relative;
margin-bottom:15px;
}
.appointment-form input[type="text"],
.appointment-form input[type="email"],
.appointment-form textarea{
position:relative;
display:block;
width:100%;
line-height:23px;
padding:10px 25px;
height:45px;
color:#ffffff;
font-size:16px;
border:1px solid rgba(255,255,255,0.10);
background:none;
transition:all 300ms ease;
-ms-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
}
.appointment-form input::placeholder,
.appointment-form textarea::placeholder{
color:#bdbdbd;
}
.appointment-form textarea{
height:135px;
resize:none;
}
.appointment-form .form-group button{
margin-top:15px;
}
.contact-info-box{
position:relative;
padding-top:250px;
}
.contact-info-box .info-list{
position:relative;
padding-bottom:18px;
margin-bottom:25px;
}
.contact-info-box .info-list li{
position:relative;
color:#ffffff;
font-size:18px;
font-weight:600;
margin-bottom:10px;
font-family: 'Poppins', sans-serif;
}
.contact-info-box .info-list:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
width:50px;
height:1px;
background-color:#ffffff;
}
.contact-info-box .social-list{
position:relative;
}
.contact-info-box .social-list li{
position:relative;
width:50%;
float:left;
margin-bottom:6px;
display:inline-block;
}
.contact-info-box .social-list li a{
position:relative;
font-size:15px;
font-weight:500;
color:rgba(255,255,255,0.50);
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;
}
.contact-info-box .social-list li a:hover{
color:rgba(255,255,255,0.80);
}
.form-back-drop{
position:fixed;
right:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background:rgba(0,0,0,0.70);
visibility:hidden;
z-index:9990;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.appointment-form-visible .form-back-drop{
opacity:1;
visibility:visible;
}
/*内页*/
.nybanner { width:100%; overflow: hidden; position: relative; top:0px;}
.nybanner img { width:100%; display: block; }
.mainny { min-height:400px; overflow: hidden; padding: 50px 0px 50px; }
/*内页导航*/
.nynav { width:100%; padding: 0px 0px 0px; text-align: center; }
.nynav ul li { display: inline-block; }
.nynav ul li a { display:inline-block; background: #fff; border:1px solid #bdbdbd; padding: 10px 30px; margin: 0px 5px; font-size:16px; color:#666; font-weight: 700; }
.nynav ul li a:hover { background:#016d3a; color:#fff; border:1px solid #016d3a; }
.nynav ul li .xz { background:#016d3a; color:#fff; border:1px solid #016d3a; }
.nyabout p { margin-bottom:10px; }
/*news*/
.nynews ul { overflow: hidden; position: relative; }
.nynews ul li { width:32%; margin-right: 2%; float: left; border:1px solid #eee; margin-bottom: 30px; }
.nynews ul li:nth-child(3n) { margin-right:0px; }
.nynews .newsimg { overflow:hidden; }
.nynews .newsimg img { display: block; width: 100%; }
.nynews .newsfont { padding: 10px 20px ; }
.nynews .newsfont h1 { font-size:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.nynews .newsfont p { font-size:14px; text-align: left; color:#666; margin-bottom: 0px; }
.nynews .newsfont span { display:block; color:#999; font-size:12px; }
/*pro*/
.nypro ul { overflow: hidden; position: relative; }
.nypro ul li { width:23%; margin-right: 2%; float: left; border:1px solid #eee; margin-bottom: 30px; }
.nypro ul li:nth-child(4n) { margin-right:0px; }
.nypro .newsimg { overflow:hidden; }
.nypro .newsimg img { display: block; width: 100%; }
.nypro .newsfont { padding: 20px 20px ; }
.nypro .newsfont h1 { font-size:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; }
.nypro .newsfont p { font-size:14px; text-align: center; color:#666; margin-bottom: 0px; }
.nypro .newsfont span { display:block; color:#999; font-size:12px; }
/*zhaopin*/
.zpbox { width:100%; overflow: hidden; outline: 1px solid #eee; }
.zpbox h1 { background:#666; color:#fff; font-size:20px; text-align: left; line-height: 50px; padding-left: 20px; }
.zpbox p { padding:20px; color:#666; font-size:16px; }
/*lxwm*/
.nylx { width:100%; overflow: hidden; position: relative; }
.contactnr { width:100%; overflow: hidden; position: relative; }
.contact01 { width:100%; margin: 10px 0px; overflow: hidden; position: relative; }
.contact01 .contactbox { width: calc(33.33% - 1px); height: 150px; float: left; text-align: center; border-right:1px solid #eee; padding-top: 35px; }
.contact01 .contactbox:nth-child(3) { border-right:0px solid #eee; }
.contact01 .contactbox .contacticon { width:100px; display: inline-block; margin-bottom: 20px; }
.contact01 .contactbox .contacticon img { max-width:100%; display: inline-block; }
.contact01 .contactbox .contacticon p { font-size:14px; font-weight: 700; color:#666; }
.contactfont { font-size:15px; color:#666; }
.liuyan { width:100%; padding: 1%; overflow: hidden; position: relative; margin-top: 50px; }
.liuyanbox { width:32%; margin-right: 2%; float: left; margin-bottom: 30px; }
.liuyanbox:nth-child(3) { margin-right:0px; }
.liuyanbox input { width:100%; padding: 15px 2.5%; color:#999; font-size:16px; border:1px solid #bdbdbd; }
.liuyanbox1 { width:100%; margin-bottom: 30px; padding: 0.5%; border: 1px solid #bdbdbd; }
.liuyanbox1 textarea { width:99.5%; margin: 0.25%; color:#999; font-size:16px; min-height: 200px; display: block; border: 1px solid #fff; }
.tijiao { width:100%; overflow: hidden; text-align: center }
.tijiao a { display: inline-block; min-width:150px; color:#fff; background:#999; text-align: center; font-size:16px; padding: 15px 50px; text-decoration: none; }
.tijiao a:hover { background:#016d3a; color:#fff; }
/*fy*/
.news-page {
width: 100%;
height: 40px;
text-align: center;
margin: 30px auto 30px;
}
.news-page a {
font-size: 14px;
line-height: 40px;
width: 40px;
height: 40px;
display: inline-block;
background: #f7f7f7;
color: #686868;
transition: background .3s, color .3s;
text-decoration: none;
}
.news-page.new a {
background: #fff
}
.news-page a.active,
.product-list .news-page a.active,
.news-page.on a.active,
.news-page.new a.active {
color: #fff;
background: #016d3a
}
.news-page a.btns {
}
/*newsxq*/
.newstitle { width:100%; overflow: hidden; text-align: center; padding-bottom: 20px; border-bottom:1px solid #eee; }
.newstitle h1 { color:#333; font-size:24px; margin-bottom: 10px; }
.newstitle p span { display:inline-block; padding:0px 20px; }
.newsnr { padding-top:30px; text-align: left; }
.newsnr p { margin-bottom:10px; font-size:14px; }
/*proxq*/
/*产品详情*/
.proxq { width:100%; overflow: hidden; position: relative; padding: 50px 0px; }
.profont { width:600px; height: 280px; position: absolute; right:0px; top: 50px; }
.profont h1 { font-size:24px; color:#333; text-align: left; font-weight: 700; margin-bottom: 20px; }
.profont p { margin-top:10px; font-size:14px; color:#666; line-height: 24px; }
.probutbox { width:100%; padding-top: 30px; border-top:1px solid #eee; margin-top: 30px; position:relative;}
.probutbox a { display: block;
width: 130px;
height: 50px;
overflow: hidden;
text-align: center;
line-height: 50px;
color: #fff;
background: #d70000;
font-size: 16px;
float: left;
margin-right: 20px;
position: relative;
text-decoration: none;}
.showcode44 {
position: absolute;
width: 100px;
height: 100px;
left: 130px;
top: 40px;}
.proxiangxi { width:100%; padding-top: 20px; }
.proxiangxi h2 { border-bottom:1px solid #eee; font-size:18px; font-weight: normal; color:#666; padding-bottom: 10px; margin-bottom: 30px; }
.proxiangxi p { margin-bottom:15px; line-height: 24px; color:#666; font-size:14px; }
.proxiangxi img { display:block; margin: 0 auto;}
.probottom { width:100%; overflow: hidden; margin: 0 auto; font-size:14px; padding-top: 30px; border-top:1px solid #eee; margin-top: 30px; }
.newsleft { width:70%; overflow: hidden; float: left; }
.newsleft p { color:#666; font-size:14px; margin-bottom: 10px; }
.newsleft p a { color:#666; font-size:14px; text-decoration: none; }
.newsright { width:30%; overflow: hidden; float: left; }
.newsright a { display:block; width:110px; height: 42px; background:#999; color:#fff; text-align: center; float: right; line-height: 42px; text-decoration: none; }
.leftnavbg { width:100%; overflow: hidden; }
.leftnavbg img { width:100%; display: block; }