ok
Mini Shell
/*-----------------------------------------------------------------------------------
Template Name: CleanHome - gardener Services Company
Template URI: http://rockstheme.com
Description: This is html5 template
Author: Rocks_theme
Author URI: http://rockstheme.com
Version: 1.0
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Theme Default CSS (body, link color, section etc)
2. Header top Area
2.1 Header Middle Area
2.2 Header bottom Area
2.3. Sticky Header Area
2.4. Mobile Menu Area
3. Slider Area
4.Services Area
5.About area
6.Why choose Area
7.project Area
8.Counter Area
9.Team Area
10.Banner Area
11. Testimonials Area
12. Blog Area
13. Footer Area
14. Home page 2
15. Home page 3
16. Breadcumbs Area
17. Faq Area
18. Error page css
19. Contact Us page
20. Blog Details page
21.Sub Services Pages
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/* Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800');
/*----------------------------------------*/
/* 1. Theme default CSS
/*----------------------------------------*/
html, body {
height: 100%;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
float:left;
margin-right:15px;
margin-bottom: 15px;
}
.alignright {
float:right;
margin-left:15px;
margin-bottom: 15px;
}
.aligncenter {
display:block;
margin:0 auto 15px;
}
a:focus {
outline:0px solid;
}
img {max-width:100%;
height:auto;
}
.fix {
overflow:hidden;
}
p {
margin:0 0 15px;
color: #444;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;
margin: 0 0 15px;
color: #444;
font-weight: 700;
}
h1{
font-size: 48px;
line-height: 50px;
}
h2{
font-size: 38px;
line-height: 40px;
}
h3{
font-size: 30px;
line-height: 32px;
}
h4{
font-size: 24px;
line-height: 26px;
}
h5{
font-size: 20px;
line-height: 22px;
}
h6{
font-size: 16px;
line-height: 20px;
}
a {
transition: all 0.3s ease 0s;
text-decoration:none;
}
a:hover {
color: #2a822f;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
body {
background: #fff none repeat scroll 0 0;
color: #444;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-align: left;
overflow-x: hidden;
line-height: 22px;
}
#scrollUp {
background: #000 none repeat scroll 0 0;
border-radius: 2px;
bottom: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
color: #fff;
font-size: 20px;
height: 34px;
line-height: 30px;
opacity: 0.6;
right: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 34px;
}
#scrollUp:hover {
background: #2a822f;
opacity: 1;
}
.clear{
clear:both;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
-moz-appearance: none;
box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
div#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff url('../img/logo/preloader.gif') no-repeat center center;
}
::-moz-selection {
background: #2a822f;
text-shadow: none;
}
::selection {
background: #2a822f;
text-shadow: none;
}
.color{
color:#2a822f;
font-weight: 900;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.area-padding{
padding: 90px 0px;
}
.area-padding-2{
padding: 70px 0px 50px;
}
.padding-2{
padding-bottom: 90px;
}
.section-headline{
margin-bottom: 60px;
position: relative;
}
.section-headline h3 {
display: inline-block;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.section-headline.white-headline h3 {
color:#fff;
}
.section-headline.text-left {
margin-bottom: 30px;
}
.section-headline::after{
border: 1px solid #2a822f;
bottom: -20px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 60px;
right: 0;
}
.white-headline::after {
border: 1px solid #fff;
bottom: -20px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 60px;
right: 0;
}
.section-headline.text-left h3::after {
border: 2px solid #2a822f;
left: 0;
right: auto;
}
.white-headline p {
color:#fff;
}
.choose-wrapper .text-left::after {
border: 1px solid #2a822f;
bottom: -20px;
content: "";
left: 0;
position: absolute;
width: 60px;
right: auto;
}
.section-headline p {
max-width: 650px;
font-size: 16px;
letter-spacing: 0.5px;
margin: 0 auto;
line-height: 26px;
}
.section-headline.text-left p {
max-width: auto;
font-size: 16px;
letter-spacing: 0.5px;
margin: 0;
line-height: 26px;
}
.sub-head h4 {
color: #fff;
font-size: 30px;
position: relative;
padding-bottom: 30px;
}
.sub-head h4::after {
border: 2px solid #2a822f;
bottom:0px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
width: 20%;
}
.sub-head p {
color: #fff;
font-size: 17px;
margin-top: 20px;
line-height: 26px;
}
.mar-row {
margin-top: 30px;
}
.parallax-bg{
position:relative;
}
.parallax-bg:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
opacity:.6;
content:"";
}
.gray-bg{
background: #f9f9f9;
}
/*--------------------------------*/
/* 2. Header top Area
/*--------------------------------*/
.topbar-area{
background: #f9f9f9;
}
.topbar-left ul li a {
color: #666;
display: block;
font-weight: 400;
margin-right: 20px;
padding: 10px 0;
text-decoration: none;
}
.topbar-area .quote-button {
margin-left: 15px;
}
.topbar-left ul li {
display: inline-block;
}
.topbar-left ul li a i{
padding-right: 5px;
}
.topbar-right {
position: relative;
display: block;
}
.topbar-right ul li {
float: right;
}
.topbar-right ul li a:hover {
color: #fff;
border:1px solid #2a822f;
background: #2a822f;
}
.topbar-right ul li a {
color: #666;
display: block;
font-size: 14px;
margin: 8px 3px;
width: 28px;
height: 28px;
border: 1px solid #666;
text-align: center;
line-height: 25px;
border-radius: 50%;
}
.topbar-right ul li:first-child a {
padding-right: 0;
}
/*----------------------------------------*/
/* 2.1 Header Middle Area
/*----------------------------------------*/
.logo {
display: block;
}
.logo a {
display: inline-block;
height: auto;
padding: 20px 0;
}
.header-area .quote-button {
padding: 8px 0px;
}
.header-right-link{
float: right;
}
.header-right-link form{
float: right;
}
.header-middle-area .header-info {
width: 33.33%;
float: left;
padding: 36px 0px;
}
.header-middle-area .header-info-text span {
display: block;
font-size: 14px;
}
.header-middle-area .info-simple{
font-weight: 700;
color: #777;
font-size:12px;
}
.header-middle-area .header-icon {
float: left;
margin-right: 10px;
}
.quote-button {
float: right;
margin-left: 15px;
}
.header-icon i {
color: #2a822f;
font-size: 34px;
line-height: 40px;
}
.header-middle-area .logo a {
padding: 28px 0;
}
.info-first {
font-weight: 700;
}
.quote-btn {
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
color: #fff;
background: #2a822f;
display: inline-block;
border: 1px solid #2a822f;
padding: 10px 20px;
}
.quote-btn:hover{
color: #2a822f;
background: #fff;
border: 1px solid #2a822f;
}
/*----------------------------------------*/
/* 2.2 Header bottom Area
/*----------------------------------------*/
.header-area {
border-top: 1px solid #ccc;
}
.navbar-collapse{
padding-left: 0px;
}
.header-area.stick{
background: #252525;
box-shadow: 0px 0px 5px #252525, -2px -2px 5px #252525;
}
.main-menu ul.navbar-nav li a{
padding: 20px 25px;
color: #fff;
}
.main-menu ul.navbar-nav li {
float: left;
position: relative;
}
.main-menu ul.navbar-nav > li > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #666;
font-size: 14px;
font-weight: 700;
padding: 40px 0px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin: 0px 15px;
position: relative;
}
.main-menu ul.navbar-nav > li > a::before {
background: #2a822f;
content: "";
height: 2px;
position: absolute;
top: 0;
width: 0;
transition: .5s;
}
.main-menu ul.navbar-nav >li:hover > a:before, .main-menu ul.navbar-nav >li.active > a::before {
width: 100%;
}
.main-menu ul.navbar-nav li a:hover{
color:#333;
}
.main-menu ul.navbar-nav li.active > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar {
border: medium none;
margin-bottom: 0;
}
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: none;
color:#333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
color: #333;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.main-menu ul.nav li ul.sub-menu {
background: #fff;
border-top: 2px solid #2a822f;
left: 0;
opacity: 0;
position: absolute;
top: 115%;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 220px;
z-index: -99;
}
.pagess {
position: relative;
}
.navbar.navbar-default {
float: right;
}
.main-menu ul.nav li ul.sub-menu li {
border-bottom: 1px solid #ddd;
padding: 0;
position: relative;
width: 100%;
}
.main-menu ul.nav li ul.sub-menu li:last-child{
border-bottom: none;
}
.main-menu ul.nav li:hover ul.sub-menu{
top:100%;
opacity:1;
z-index:999;
visibility:visible;
}
.header-area .main-menu ul.nav li ul.sub-menu li a {
color: #666;
display: block;
font-size: 13px;
font-weight: 700;
padding: 10px 15px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
color:#fff;
background: #2a822f;
}
.search-option-5 button.button {
display: inline-block;
border: none;
background: none;
padding: 0;
}
.search-option {
background: #fff none repeat scroll 0 0;
bottom: -48px;
color: #666;
display: none;
position: absolute;
right: 20px;
width: 260px;
z-index: 99999;
}
.search-option input {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #666;
display: block;
float: left;
font-size: 14px;
font-style: italic;
padding: 8px 10px;
width: 210px;
height: 44px;
}
.search-option button.button {
background: #2a822f;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-size: 17px;
line-height: 35px;
padding: 5px 15px;
text-align: center;
}
.header-right-link a.main-search {
color: #666;
display: inline-block;
float: right;
font-size: 16px;
line-height: 32px;
position: relative;
text-align: center;
padding: 34px 15px;
}
.header-right-link a.main-search {
padding: 34px 15px;
color:#666;
}
/*--------------------------------*/
/* 2.3. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
box-shadow: 0px 0px 5px #ccc, -2px -2px 5px #ccc;
background: #fff;
}
.header-area.stick .logo a {
display: inline-block;
height: auto;
padding: 10px 0;
}
.header-area.stick .quote-button {
float: right;
padding: 13px 5px;
}
.header-area.stick .header-right-link a.main-search {
padding: 24px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
color: #666;
display: block;
font-size: 13px;
font-weight: 700;
padding: 10px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
color: #fff;
background: #2a822f;
}
.header-area.stick .main-menu ul.navbar-nav li a {
padding: 30px 0px;
}
/*----------------------------------------*/
/* 2.4. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
background: #f9f9f9 none repeat scroll 0 0;
padding: 10px 0px ;
}
.mean-container .mean-bar::after {
content: "";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
text-transform: uppercase;
font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
color:#252525
}
.mean-container .mean-nav ul {
list-style-type: none;
margin: 20px 0px;
padding: 0;
width: 100%;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8 none repeat scroll 0 0;
color: #666;
display: block;
float: left;
font-size: 12px;
font-weight: 700;
margin: 0;
padding: 13px 10px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
}
.mean-nav ul li.mean-last {
margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
color: #666;
line-height: 17px;
}
.mean-container .mean-nav ul li {
width: 99.7%;
}
/*------------------------------
3. Slider Area
--------------------------------*/
.intro-content {
position: relative;
z-index: 1;
}
.intro-content::after {
background: rgba(10, 24, 40, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.slider-content {
position: absolute;
right: 0;
text-align: left;
top: 50%;
z-index: 3;
left: 0;
margin: 0 auto;
margin-top: -160px;
}
.layer-1 {
margin: 20px 0;
}
.layer-2 p {
color: #fff;
font-size: 19px;
letter-spacing: 0.60px;
line-height: 30px;
max-width: 730px;
}
.layer-1 h1 {
color: #fff;
font-size: 42px;
font-weight: 800;
line-height: 54px;
text-transform: uppercase;
max-width: 800px;
letter-spacing: 1.4px;
font-family: 'Raleway', sans-serif;
}
.ready-btn {
border: 1px solid #2a822f;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 30px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
background: #2a822f;
width: 150px;
border-radius: 3px;
}
.ready-btn:hover{
color: #fff;
background: #2a822f;
border: 1px solid #2a822f;
text-decoration: none;
}
.ready-btn.right-btn {
margin-left: 15px;
background: #252525;
border: 1px solid #252525;
}
.ready-btn.right-btn:hover{
background: #2a822f;
border: 1px solid #2a822f;
}
.ready-btn.left-btn:hover{
background: #252525;
border: 1px solid #252525;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #fff;
font-size: 18px;
margin-top: -20px;
position: absolute;
top: 50%;;
text-align: center;
line-height: 39px;
opacity: 0;
border:1px solid #fff;
width: 40px;
height: 40px;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
right: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
left: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #2a822f;
border: 1px solid #2a822f;
}
.intro-carousel .owl-item .layer-1{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 0.3s;
}
.intro-carousel .owl-item .layer-2{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 1s;
}
.intro-carousel .owl-item .layer-3{
transform: translateY(100%);
opacity: 0;
transition: all 1s ease-in-out 1.5s;
}
.intro-carousel .owl-item.active .layer-1,
.intro-carousel .owl-item.active .layer-2,
.intro-carousel .owl-item.active .layer-3{
transform: translateY(0);
opacity: 1;
}
/*----------------------------------------*/
/* 4. service area
/*----------------------------------------*/
.services-area{
background: #fff;
}
.section-headline h5 {
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-transform: capitalize;
max-width: 850px;
margin: 0 auto;
}
.single-service {
box-shadow: none;
margin-top: 30px;
overflow: hidden;
background: #fff;
}
.all-services{
margin-top: -30px;
}
.service-image {
display: block;
margin-bottom: 20px;
overflow: hidden;
}
.service-image img {
transform: scale(1.1);
transition: 1s;
}
.service-content h4 {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.70px;
}
.service-carousel .col-md-4{
width: 100%;
}
.service-btn {
font-weight: 700;
text-transform: uppercase;
color: #fff;
position: relative;
font-size: 13px;
z-index: 2;
background: #2a822f;
padding: 8px 20px;
display: inline-block;
}
.service-btn::after {
position: absolute;
content: "\f105";
font-family: fontAwesome;
right: 25px;
top: 8px;
font-size: 16px;
transition: 0.4s;
opacity: 0;
}
.service-btn:hover::after {
right: 10px;
transition: 0.4s;
opacity: 1;
}
.service-btn:hover{
color: #fff;
background: #252525;
padding: 8px 30px 8px 10px;
}
.single-service:hover .service-image img {
transform: scale(1);
transition: 1s;
}
.service-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.service-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #fff;
font-size: 18px;
margin-top: -20px;
position: absolute;
top: 50%;;
text-align: center;
line-height: 39px;
opacity: 0;
background: #2a822f;
border:1px solid #2a822f;
width: 40px;
height: 40px;
}
.service-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
left: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.service-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 10%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
.service-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
right: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.service-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
left: 2%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
opacity: 1;
}
.service-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.service-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#2a822f;
background: #fff;
border: 1px solid #2a822f;
}
/*----------------------------------------*/
/* 5. About area
/*----------------------------------------*/
.about-area{
background: #f6f6f6;
}
.left-headline h4 {
line-height: 32px;
text-transform: uppercase;
font-size: 26px;
position: relative;
margin-bottom: 30px;
}
.left-headline h4::after {
border: 1px solid #2a822f;
top: 45px;
content: "";
left: 0;
position: absolute;
width: 80px;
}
.about-content p {
font-size: 14px;
letter-spacing: 0.50px;
line-height: 24px;
}
.about-details {
overflow: hidden;
display: block;
padding: 20px 0px;
}
.single-about {
width: 48%;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.single-about p {
text-align: left;
padding-left: 70px;
font-size: 14px;
margin-bottom: 10px;
}
.single-about:nth-child(2n),
.single-about:nth-child(4n){
margin-right:0px;
}
.single-about:nth-child(3n),
.single-about:nth-child(4n){
margin-bottom:0px;
}
.single-about a {
font-size: 30px;
color: #fff;
background: #2a822f;
float: left;
width: 60px;
height: 60px;
line-height: 58px;
border: 1px solid #2a822f;
}
.single-about h5 {
font-size: 15px;
color: #333;
text-transform: uppercase;
padding-left: 70px;
margin-bottom: 0;
text-align: left;
}
/*--------------------------------*/
/* 6.Why choose Area
/*--------------------------------*/
.choose-area{
background-image: url(../img/background/bg2.jpg);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.choose-wrapper{
background: #fff;
padding: 80px 30px 80px 100px;
}
.single-services {
box-shadow: none;
margin-top: 30px;
position: relative;
z-index: 1;
border: 1px solid #2a822f;
padding: 20px 10px;
}
.service-images {
width: 60px;
float: left;
height: 60px;
font-size: 26px;
color: #fff;
background: #2a822f;
margin-right: 15px;
line-height: 56px;
text-align: center;
border: 1px solid #2a822f;
border-radius: 50%;
}
.services-all .service-content {
padding-left: 75px;
}
.single-services .service-content h4 {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.single-services .service-content h4 a {
color: #444;
}
.single-services .service-content h4 a:hover {
color: #2a822f;
}
.single-services .service-content p{
color:#666;
}
.single-services::after{
background: #2a822f;
border: 1px solid #2a822f;
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
opacity: 0;
transition: 0.4s;
z-index: -1;
}
.single-services:hover::after{
transition: 0.4s;
}
.single-services:hover .service-images::after {
position: absolute;
content: "";
background: #2a822f;
width: 2px;
height: 60%;
left: 11%;
top: 20%;
z-index: -1;
}
.single-services:hover .service-images{
margin-top: 32px;
color: #2a822f;
background: #fff;
border: 2px solid #2a822f;
}
.choose-page .choose-wrapper{
background: #f9f9f9;
}
/*--------------------------------*/
/* 7.project Area
/*--------------------------------*/
.project-area {
background: #fff none repeat scroll 0 0;
}
.project-menu li a {
color: #666;
display: inline-block;
font-size: 14px;
margin: 0 12px;
padding: 0px 1px 8px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
font-weight: 600;
letter-spacing: 0.5px;
}
.project-menu li a.active {
color: #2a822f;
text-decoration: none;
}
.project-menu {
margin-bottom: 15px;
}
.project-menu li a:first-child{
padding-left:0px;
margin-left:0px;
}
.project-menu li {
display: inline-block;
}
.project-menu li a:hover {
color: #2a822f;
text-decoration: none;
}
.single-awesome-project {
float: left;
overflow: hidden;
width:100%;
}
.first-item {
margin-bottom: 30px;
}
.awesome-img{
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.awesome-img img{
transform: scale(1.1);
transition: 0.4s;
}
.single-awesome-project:hover .awesome-img img{
transform: scale(1);
transition: 0.4s;
}
.awesome-img > a {
display: block;
position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
opacity: 1;
}
.single-awesome-project:hover .add-actions{
opacity: 1;
}
.awesome-img > a::after {
background: rgba(0,0,0,0.70) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: 0.4s;
}
.add-actions {
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 9999;
top: 0;
cursor: pointer;
}
.port-icon {
color: #fff;
display: inline-block;
cursor: pointer;
top: 41%;
position: relative;
font-size: 40px;
}
.project-dec {
display: block;
padding: 15px 0px 0px 0px;
position: relative;
}
.project-dec::before {
position: absolute;
left: 0px;
content: "";
bottom: -15px;
width: 100px;
height: 2px;
background: #2a822f;
transition: 0.5s;
}
.single-awesome-project:hover .project-dec::before {
height: 2px;
width: 100%;
transition: 0.5s;
}
.project-dec h4 {
color: #444;
font-size: 16px;
font-weight: 700;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 5px;
cursor: pointer;
}
.project-dec a {
color: #444;
}
.project-dec a:hover {
color: #333;
}
.project-dec p {
color: #444;
font-weight: 400;
}
.pst-content {
padding-left: 10px;
}
.single-awesome-project:hover .project-dec h4 {
color:#2a822f;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #2a822f;
font-size: 16px;
position: absolute;
top: -12%;
right: 0px;
width: 30px;
height: 30px;
border: 1px solid #2a822f;
text-align: center;
background: #fff;
line-height: 30px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
right: 51px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 15px;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #2a822f;
border: 1px solid #2a822f;
}
.project-area-2 .project-menu li a {
color: #fff;
display: inline-block;
font-size: 14px;
margin: 0px 5px 15px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
font-weight: 600;
letter-spacing: 0.5px;
background: #2a822f;
letter-spacing: 0.5px;
}
.project-area-2 .project-menu li a.active {
color: #fff;
background: #252525;
}
.project-area-2 .all-project{
margin-top: -30px;
}
.all-project .single-awesome-project{
margin-top: 30px;
}
/*----------------------------------------*/
/* 8.Counter Area
/*----------------------------------------*/
.counter-area{
background:url(../img/background/bg1.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.counter-area{
position: relative;
width: 100%;
height: auto;
}
.fun-content {
overflow: hidden;
margin-top: 15px;
display: block;
}
.fun_text > a {
color: #fff;
display: inline-block;
font-size: 40px;
margin-bottom: 5px;
text-align: center;
line-height: 76px;
width: 80px;
height: 80px;
border: 1px solid #2a822f;
border-radius: 50%;
background: #2a822f;
}
.fun_text {
float: left;
width: 25%;
text-align: center;
}
.fun_text span {
color: #fff;
display: block;
font-size: 40px;
padding: 15px 0px 20px;
font-weight: 800;
line-height: 40px;
}
.fun_text > h5 {
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
/*----------------------------------------
9.Team Area Css
----------------------------------------*/
.team-img {
position: relative;
}
.team-img > a {
display: block;
}
.team-img > a::after {
background: rgba(0,0,0,0.70);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
opacity: 0;
}
.single-team-member:hover .team-img a:after{
opacity: 1;
}
.single-team-member:hover .team-social-icon{
top:45%;
opacity: 1;
}
.team-social-icon {
left: 50%;
margin-left: -61px;
opacity:0;
position: absolute;
top: 30%;
transition:1.3s;
}
.team-social-icon ul li {
display: inline-block;
}
.team-social-icon ul li a {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 15px;
height: 40px;
line-height: 39px;
margin: 0 3px;
width: 40px;
text-align: center;
}
.team-social-icon ul li a:hover{
color: #fff;
border: 1px solid #2a822f;
background: #2a822f;
}
.team-content {
padding: 10px;
position: relative;
border: 1px solid #ccc;
text-align: center;
border-top: none;
z-index: 1;
}
.team-content::before{
position: absolute;
content: "";
left: 0;
top:0px;
background: #2a822f;
width: 0%;
height: 100%;
opacity: 0;
transition: 0.4s;
z-index: -1;
}
.team-content > h4 {
color: #444;
margin-bottom: 5px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.team-content > p {
color: #666;
margin-bottom: 5px;
font-size: 15px;
font-weight: 700;
}
.single-team-member:hover .team-content::before{
opacity: 1;
transition: 0.4s;
width: 100%;
}
.single-team-member:hover .team-content > h4,
.single-team-member:hover .team-content > p {
color: #fff;
}
.all-team{
margin-top: -30px;
}
.all-team .single-team-member{
margin-top: 30px;
}
/*----------------------------------------*/
/* 10. banner Area
/*----------------------------------------*/
.banner-area {
background: rgba(0,0,0,0.70) url(../img/background/bg1.jpg) no-repeat scroll center center / cover;
display: block;
overflow: hidden;
position: relative;
}
.overly-bg{
position:relative;
}
.overly-bg:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
opacity:.8;
content:"";
}
.banner-contact {
padding: 30px 0px 0px;
}
.banner-contact span i {
display: inline-block;
width: 40px;
height: 40px;
color: #fff;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
border-radius: 50%;
margin-right: 20px;
}
.banner-contact span {
color: #fff;
font-weight: 700;
font-size: 20px;
margin-right: 20px;
}
.banner-btn {
border: 1px solid #fff;
display: inline-block;
padding: 10px 20px;
color: #2a822f;
font-weight: 700;
font-size: 20px;
background: #fff;
}
.banner-btn:hover{
background: transparent;
border: 1px solid #fff;
color:#fff;
}
.banner-content h4 {
margin: 0 auto;
color: #fff;
font-size: 30px;
max-width: 750px;
line-height: 36px;
font-weight: 600;
}
/*----------------------------------------*/
/* 11. Testimonials Area
/*----------------------------------------*/
.testimonial-area{
background: #f9f9f9;
}
.sub-headline{
position: relative;
margin-bottom: 30px;
}
.sub-headline::after{
position:absolute;
content: "";
left: 0;
bottom: 0;
width: 50px;
height: 2px;
background: #2a822f;
}
.sub-headline h4 {
text-transform: uppercase;
font-size: 24px;
padding-bottom: 20px;
}
.single-client{
width: 33.33%;
float: left;
}
.single-client img{
border: 1px solid #ccc;
}
.single-testi {
padding: 30px 20px;
position: relative;
background-color: #fff;
}
.testimonial-img {
margin-top: 15px;
}
.testimonial-img img {
width: 100%;
float: left;
max-width: 80px;
height: auto;
border-radius: 50%;
margin-right: 30px;
}
.testimonial-text{
border: 1px solid #ccc;
padding: 20px;
}
.testimonial-text p {
color: #666;
font-style: italic;
font-size: 14px;
letter-spacing: 1px;
}
.testimonial-text h5 {
color: #444;
font-size: 20px;
}
.testimonial-text a{
color: #2a822f;
}
.client-name {
margin-top: 15px;
display: inline-block;
}
.client-name h4 {
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 0px;
}
.client-name span {
font-size: 13px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
color: #666;
font-size: 16px;
position: absolute;
top: -24%;
right: 0px;
width: 30px;
height: 30px;
border: 1px solid #666;
text-align: center;
background: #fff;
line-height: 30px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
right: 51px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
right: 15px;
}
.testimonial-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.testimonial-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
color:#fff;
background: #2a822f;
border: 1px solid #2a822f;
}
.testimonial-all{
margin-top: -30px;
}
.testimonial-all .single-testimonial{
margin-top: 30px;
}
/*----------------------------------------*/
/* 12. Blog Area
/*----------------------------------------*/
.blog-area{
background: #fff;
}
.blog-grid {
margin-top: -30px;
}
.blog-image{
overflow: hidden;
display: block;
}
.image-scale {
position: relative;
transform: scale(1.1);
display: block;
transition: 0.5s;
}
.image-scale::after{
position: absolute;
content: "";
background: rgba(0,46,91,0.30);
width: 100%;
height: 100%;
left:0;
top:0;
}
.blog-content a h4 {
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
color: #444;
line-height: 24px;
}
.blog-meta {
padding: 15px 0px 8px;
}
.blog-meta span {
color: #444;
font-size: 14px;
font-weight: 700;
padding-right: 10px;
}
.single-blog:hover .image-scale {
transform: scale(1);
transition: 0.5s;
}
.single-blog:hover .image-scale::after{
background: rgba(0,46,91,0);
}
.single-blog {
margin-top: 30px;
position: relative;
overflow: hidden;
}
.blog-grid-fast {
margin-top: -30px;
}
.single-blog.b-mar{
margin-top: 20px;
}
.blog-content a h4:hover{
color:#2a822f;
}
.blog-btn {
display: inline-block;
font-weight: 700;
color: #333;
text-transform: uppercase;
font-size: 12px;
border-bottom: 1px solid #333;
}
.blog-btn:hover {
color: #2a822f;
border-bottom: 1px solid #2a822f;
}
/*----------------------------------------*/
/* 13. Footer Area
/*----------------------------------------*/
footer {
background: url(../img/background/bg-3.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.footer-area {
padding: 70px 0 50px;
background: rgba(0,0,0,0.60);
}
.footer-head p {
color: #ccc;
line-height: 26px;
}
.footer-head hr{
border-color: #777;
}
.footer-head h4 {
color: #fff;
font-size: 18px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
.footer-head .single-blog {
margin-bottom: 25px;
position: relative;
margin-top: 0;
}
.footer-head .blog-content a h4 {
color: #fff;
margin-bottom: 0px;
line-height: 24px;
font-size: 17px;
}
.footer-head .blog-content a h4:hover{
color: #2a822f;
}
.footer-icons ul li {
display: inline-block;
}
.footer-icons ul li a {
color: #ccc;
display: block;
font-size: 14px;
line-height: 28px;
text-align: center;
margin-right: 5px;
width: 30px;
height: 30px;
border: 1px solid #ccc;
}
.footer-icons ul li a:hover{
color: #fff;
border:1px solid #2a822f;
background:#2a822f;
}
.footer-icons {
margin-top: 30px;
}
.footer-contacts p span {
color: #2a822f;
font-weight: 700;
}
.footer-content {
display: block;
overflow: hidden;
}
.suscribe-input input {
background:transparent;
border: medium none;
color: #fff;
font-size: 15px;
line-height: 24px;
padding: 11px 15px;
height: 42px;
border-radius: 0;
width: 100%;
border: 1px solid #fff;
}
.suscribe-input button {
background: #2a822f;
border: 1px solid #2a822f;
color: #fff;
font-size: 16px;
padding: 8px 20px;
transition: 0.4s;
margin-top: 15px;
text-transform: uppercase;
font-weight: 700;
}
.suscribe-input button:hover{
background:#fff;
border: 1px solid #2a822f;
color: #2a822f;
transition: 0.4s;
}
.footer-list li a {
color: #ccc;
padding: 7px 0px 7px 20px;
display: block;
position: relative;
font-weight: 500;
font-size: 14px;
}
.footer-list li a::after {
position: absolute;
content: "\e87a";
right: auto;
top: 5px;
font-family: gardener;
font-size: 12px;
left: 0;
line-height: 28px;
}
.footer-list li a:hover {
color: #2a822f;
}
.footer-content .blog-img{
width: 80px;
height: auto;
float: left;
}
.footer-content .blog-content {
padding-left: 90px;
}
.footer-content .blog-meta {
padding-top: 2px;
padding-bottom: 0;
}
.footer-content .blog-meta span {
color: #ccc;
}
.footer-area-bottom {
background: rgba(0,0,0,0.80);
padding: 25px 0;
}
.copyright-text a:hover{text-decoration: underline;color:#2a822f;}
.copyright-text a {
color: #fff;
}
.copyright > p {
margin-bottom: 0;
color: #fff;
}
.copyright a {
color: #2a822f;
}
.copyright ul{
text-align: right;
}
.copyright ul li {
display: inline-block;
margin-left: 20px;
}
.copyright ul li a {
color: #fff;
text-align: right;
}
.copyright ul li a:hover{
color: #2a822f;
}
/*----------------------------------------*/
/* 14. Home 2 Area
/*----------------------------------------*/
.header-style-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
}
.topbar-area.topbar-2 {
background: transparent;
}
.header-area.header-area-2{
background:transparent;
border-top: 1px solid #666;
}
.topbar-area.topbar-2 .topbar-left ul li a {
color: #fff;
display: block;
font-weight: 400;
margin-right: 20px;
text-decoration: none;
padding: 11px 0px;
}
.topbar-area.topbar-2 .topbar-left ul li {
display: inline-block;
}
.topbar-area.topbar-2 .topbar-right ul li a {
color: #fff;
border: 1px solid #2a822f;
margin: 8px 3px;
}
.topbar-area.topbar-2 .quote-button {
float: right;
margin-left: 20px;
}
.header-area-2 .main-menu ul.navbar-nav li a,
.header-area-2 .header-right-link a.main-search{
color:#fff;
}
.header-area-2 .main-menu ul.navbar-nav li a{
padding: 30px 0px;
}
.header-area-2 .header-right-link a.main-search {
padding: 24px 0px;
margin: 0px 10px;
}
.header-area-2 .navbar.navbar-default {
float: right;
}
.header-area-2.stick{
background: #1d1d1f;
box-shadow: 0px 0px 5px #333, -2px -2px 5px #333;
}
.header-area-2 .logo a {
padding: 10px 0;
}
.header-area-2.stick .header-right-link a.main-search {
padding: 24px 0px;
}
.intro-area-2 .slider-content {
margin-top: -110px;
text-align: center;
}
.intro-area-2 .layer-1 h1 {
margin: 0 auto;
}
.intro-area-2 .layer-2 p {
margin: 0 auto;
}
.welcome-area.welcome-2 {
position: relative;
margin-top: 0px;
}
.project-all{
margin-top: -30px;
}
.project-all .single-awesome-project {
margin-top: 30px;
}
/*----------------------------------------*/
/* 15. Home 3 Area
/*----------------------------------------*/
.header-3 .navbar.navbar-default {
float: left;
}
.header-3 .main-menu ul.navbar-nav > li > a {
padding: 26px 0px;
}
.topbar-left p{
margin-bottom: 0px;
padding: 11px 0px;
}
.header-3 .header-right-link a.main-search {
padding: 20px 15px;
}
.about-area-3{
background: #fff;
}
.services-area-3{
background: #f8f8f8;
}
.services-area-3 .single-service {
padding: 20px;
}
.testimonial-2-area{
background: url(../img/background/bg3.jpg);
background-size: cover;
background-position: center center;
position: relative;
padding: 150px;
}
.testi-overly{
position: absolute;
background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
.testimonial-2-area .sub-headline h4,
.testimonial-2-area .testimonial-text p,
.testimonial-2-area .client-name h4,
.testimonial-2-area .client-name span{
color:#fff;
}
.testimonial-2-area .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.testimonial-2-area .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
top:80%;
}
.testimonial-2-area .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.testimonial-2-area .testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
color: #fff;
border: 1px solid #fff;
background: transparent;
}
.brand-carousel .single-client{
width: 100%;
}
.blog-area-3{
background: #f9f9f9;
}
/*----------------------------------------*/
/* 16. Breadcumbs Area
/*----------------------------------------*/
.page-area{
position: relative;
}
.page-area {
background: url(../img/background/b.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.breadcumb-overlay {
position: absolute;
background: rgba(10, 27, 40, 0.5) none repeat scroll 0 0;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
.breadcrumb{
padding: 100px 0px;
background-color: transparent;
margin-bottom: 0;
}
.breadcrumb .section-headline{
margin-bottom: 0px;
}
.breadcrumb .section-headline h3::after,
.breadcrumb .white-headline::after {
display: none;
}
.breadcrumb ul {
padding: 10px 0px;
}
.breadcrumb ul li {
display: inline-block;
color: #fff;
padding: 0px 10px 0px 20px;
position: relative;
font-size: 16px;
}
.breadcrumb ul li.home-bread{
padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
position: absolute;
content: "\f105";
font-family: fontAwesome;
right: -10px;
top: 0;
}
/*--------------------------------*/
/* 17. Faq Area
/*--------------------------------*/
.testimonial-review .single-testi{
margin-top: 30px;
}
.faq-details .panel-heading {
padding: 0;
}
.panel-default {
border-color: #ddd;
border-radius: 0 !important;
}
.panel-default > .panel-heading {
color: #666;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
background: #fff;
}
.faq-details h4.check-title a {
color: #666;
display: block;
font-weight: 500;
padding: 10px 10px 10px 40px;
text-decoration: none;
background: #fff;
}
.panel-body {
padding: 15px 15px 0px 45px;
}
.faq-details h4.check-title {
color: #666;
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;
}
.faq-details a span.acc-icons {
position: relative;
}
.faq-details a span.acc-icons::before {
color: #666;
content:"\e874 ";
font-family: gardener;
font-size: 16px;
left: -26px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
}
.faq-details a.active span.acc-icons::before {
color: #2a822f;
content: "\e873";
font-family: gardener;
font-size: 16px;
left: -26px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
}
.faq-details .panel-heading h4 a.active {
color: #2a822f;
background: #fff;
}
.video-area-faq{
background: #f5f5f5;
}
.error-easy-text {
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
}
.high-text{
font-size: 200px;
line-height: 200px;
}
.error-bot{
font-size: 24px;
}
.error-btn {
background: #2a822f;
border: 1px solid #2a822f;
color: #fff;
font-size: 16px;
padding: 12px 20px;
transition: 0.4s;
margin-top: 15px;
text-transform: capitalize;
margin-top: 30px;
display: inline-block;
}
.error-btn:hover{
background: #fff;
border: 1px solid #2a822f;
color: #2a822f;
}
/*----------------------------------------*/
/* 18. Error page css
/*----------------------------------------*/
.error-easy-text {
font-weight: 700;
text-transform: uppercase;
font-size: 30px;
}
.high-text{
font-size: 200px;
line-height: 200px;
font-family: 'Montserrat', sans-serif;
}
.error-bot{
font-size: 24px;
}
.error-btn {
background: #2a822f;
border: 1px solid #2a822f;
color: #fff;
font-size: 16px;
padding: 12px 20px;
transition: 0.4s;
margin-top: 15px;
text-transform: capitalize;
margin-top: 30px;
display: inline-block;
}
.error-btn:hover{
background: #fff;
border: 1px solid #2a822f;
color: #2a822f;
}
/*----------------------------------------*/
/* 19. Contact Us page
/*----------------------------------------*/
.contact-details {
display: block;
overflow: hidden;
}
.single-contact a i {
float: left;
color: #2a822f;
font-size: 18px;
padding-right: 20px;
line-height: 24px;
}
.single-contact a {
display: block;
margin-bottom: 10px;
}
.single-contact span {
color: #444;
font-size: 16px;
}
.contact-head {
background: #f6f6f6;
padding: 50px 30px;
}
.contact-head h3{
font-size: 30px;
}
.contact-head p {
font-size: 17px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
border: 1px solid #ccc;
border-radius: 0;
height: 44px;
margin-bottom: 15px;
padding-left: 20px;
width: 100%;
}
.contact-form textarea#message {
border: 1px solid #ccc;
border-radius: 0px;
height: 180px;
padding: 20px;
width: 100%;
}
.contact-page .contact-btn {
background: #2a822f;
border: 1px solid #2a822f;
color: #fff;
display: inline-block;
font-size: 16px;
margin-top: 5px;
padding: 10px 40px;
transition: 0.4s;
width: auto;
float: left;
text-transform: uppercase;
}
.contact-page .contact-btn:hover {
background: #252525 none repeat scroll 0 0;
border: 1px solid #252525 ;
color: #fff;
transition: 0.4s;
}
/*----------------------------------------
20. Blog Details page
----------------------------------------*/
.blog-search-option input {
padding: 5px 15px;
width: 70%;
border: 1px solid #ccc;
height: 42px;
}
.blog-search-option {
margin-bottom: 30px;
display: block;
}
.blog-search-option button {
background: #2a822f;
border: 1px solid #2a822f;
font-size: 17px;
padding: 9px 10px;
width: 28%;
color: #fff;
height: 44px;
}
.blog-search-option button i {
line-height: 16px;
font-size: 20px;
padding: 0px 10px;
}
.blog-search-option button:hover {
color: #fff;
background: #252525;
border: 1px solid #252525;
}
.left-blog h4 {
border-bottom: 1px solid #ddd;
color: #666;
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
padding: 15px 10px;
text-transform: uppercase;
}
.left-blog {
background: #f9f9f9 none repeat scroll 0 0;
overflow: hidden;
padding-bottom: 20px;
}
.left-blog li {
border-bottom: 1px solid #ddd;
display: block;
}
.left-blog ul li a {
color: #666;
display: block;
font-size: 14px;
padding: 10px;
text-transform: capitalize;
position: relative;
}
.left-blog ul li a:after {
position: absolute;
content: "\e876";
font-family: gardener;
right: 12px;
top: 10px;
font-size: 14px;
}
.popular-tag.left-blog ul li a:after {
display: none;
}
.recent-single-post {
border-bottom: 1px solid #ddd;
display: block;
overflow: hidden;
padding: 15px 0px;
}
.recent-single-post:last-child {
border-bottom: none;
}
.post-img {
display: inline-block;
float: left;
padding: 0 5px;
width: 35%;
}
.pst-content {
display: inline-block;
float: left;
width: 65%;
padding-left: 10px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
color: #2a822f;
}
.left-blog-page {
margin-top: 30px;
}
.pst-content p a {
color: #666;
font-size: 15px;
}
.blog-tags {
padding: 1px 0;
}
.left-blog li:last-child {
border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
padding: 0 10px;
}
.left-tags .left-side-tags ul li {
border-bottom: 0;
display: inline-block;
margin: 5px 0px;
}
.left-tags .left-side-tags ul li a {
padding: 3px 10px;
width: auto;
border: 1px solid #2a822f;
background: #2a822f;
color: #fff;
border-radius: 2px;
font-weight: 700;
font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
border: 1px solid #252525;
background: #252525;
}
.left-side-tags h4 {
margin-bottom: 15px;
}
.comments-heading h3, h3.comment-reply-title {
border-bottom: 1px solid #e8e8e9;
color: #666;
font-size: 18px;
margin: 0 0 20px;
padding: 0 0 5px;
text-transform: capitalize;
}
.comments-list ul li{
margin-bottom: 25px;
}
.comments-list-img{
float: left;
margin-right: 15px;
}
.comments-content-wrap {
color: #666;
font-size: 14px;
margin: 0 0 15px 60px;
padding: 10px;
position: relative;
}
.blog-content p {
font-size: 15px;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 15px;
border-left: 5px solid #2a822f;
font-style: italic;
}
blockquote p {
font-size: 18px !important;
line-height: 28px;
}
.author-avatar {
display: inline-block;
float: left;
width: 10%;
}
.author-description h2 {
color: #666;
font-size: 20px;
text-transform: uppercase;
}
.author-description h2 a {
color: #333;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
color: #666;
margin-top: 10px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
margin-top: 20px;
}
span.email-notes{color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;}
.comment-respond p {
color: #666;
margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;}
.comment-respond textarea#message-box{
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;height: 130px;
width: 100%;
}
.comments-content-wrap span a {
color: #333;
}
.comments-content-wrap span a:hover {
color: #2a822f;
}
.comment-respond .add-btn.contact-btn {
background: #2a822f;
color: #fff;
display: block;
font-size: 16px;
margin-top: 5px;
padding: 12px 20px;
transition: 0.4s;
width: auto !important;
margin-top: 20px;
border: 1px solid #2a822f;
text-transform: uppercase;
font-weight: 700;
}
.comment-respond .add-btn.contact-btn:hover{
background: #252525;
border:1px solid #252525;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 40px 0 0px;
border-radius: 4px;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #fff;
background-color: #2a822f;
border: none;
margin-left: -1px;
border-radius: 5px;
}
.pagination>li {
display: inline-block;
margin: 0px 3px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
z-index: 3;
color: #fff;
background-color: #252525;
border-color: #252525;
cursor: default;
border-radius: 5px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
z-index: 2;
color: #fff;
background-color: #252525;
border-color: #252525;
border-radius: 5px;
}
.blog-page-details .left-blog-page {
margin-top:0px;
margin-bottom:30px;
}
.single-post-comments {
margin-top: 30px;
}
/*----------------------------------------*/
/* 21.Sub Services Pages
/*----------------------------------------*/
.single-page-head {
margin-bottom: 30px;
}
.single-services-page p {
color: #666;
margin-bottom: 0px;
}
.left-menu li:first-child {
margin: 0px 0px 2px
}
.left-contact h4 {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 30px;
}
.left-menu li {
display: block;
margin: 5px 0;
}
.build-img .page-img {
padding-bottom: 0;
}
.left-menu ul li.active a {
background: #2a822f none repeat scroll 0 0;
color: #fff;
position: relative;
}
.left-menu ul li a:hover {
color: #fff;
background: #2a822f;
}
.left-menu ul li a {
background: #f9f9f9;
color: #444;
display: block;
font-size: 15px;
font-weight: 700;
padding: 14px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}
.left-menu ul li.active a::after,
.left-menu ul li a:hover::after {
content: "\e876";
font-family: gardener;
font-size: 15px;
position: absolute;
right: 18px;
top: 15px;
}
.download-btn h4 {
font-size: 20px;
font-weight: 600;
}
.down-btn {
color: #444;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 700;
margin-bottom: 15px;
padding: 15px;
text-align: left;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
background: #f6f6f6;
width: 100%;
position: relative;
border-radius: 3px;
border:1px solid #f6f6f6;
}
.down-btn:hover{
color:#2a822f;
background: #fff;
border:1px solid #f6f6f6;
}
.down-btn i {
font-size: 20px;margin-right: 10px;
}
.single-page-head .review-img img {
border-radius: 50%;
border: 2px solid #2a822f;
width: 80px;
height: 80px;
}
.single-page-head .review-text h4 {
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0px;
}
.single-page-head .clients-testi {
padding: 30px 15px;
border: 1px solid #2a822f;
}
.single-page-head .review-text {
margin-top: 20px;
}
.clients-testi .review-text a,
.clients-testi .guest-rev {
color: #444;
}
.clients-testi .single-review {
border: none;
}
.single-page-head .review-text p {
color: #666;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
.page-content h3 {
font-weight: 600;
padding: 15px 0 0;
}
.single-well {
margin-top: 20px;
}
.single-page {
overflow: hidden;
}
.service-list li {
display: block;
position: relative;
padding-left: 30px;
color: #444;
}
.service-list li::before{
position: absolute;
left: 0;
content:"\f00c";
font-family:fontawesome;
top:0;
color: #2a822f;
}
.single-page-head .service-btn{
width: 100%;
margin: 20px 0px 0px 0px;
}
.single-services-page .marker-list li {
color: #444;
}
.mar-row .single-well {
margin-top: 0px;
}
.single-services-page .single-well h3 {
font-size: 24px;
font-weight: 600;
}
.single-services-page .single-well h4{
font-size: 20px;
font-weight: 600;
}
.tab-menu {
display: block;
text-align: center;
}
.tab-menu ul.nav{
margin: 0;
padding: 0;
}
.tab-menu ul.nav li {
border: medium none;
display: inline-block;
}
.tab-menu ul.nav li a {
color: #2a822f;
border: 1px solid #2a822f;
}
.tab-menu ul.nav li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
color: #444;
display: block;
font-weight: 600;
padding: 10px 20px;
margin-right: 5px;
text-transform: uppercase;
width: 131px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: #2a822f !important;
border-color: #2a822f;
border-image: none;
border-style: solid;
border-width: 1px;
color: #fff !important;
cursor: default;
position: relative;
}
.event-content.head-team h5 {
background: #2a822f none repeat scroll 0 0;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
}
.marker-list li {
color: #444;
padding-left: 30px;
margin: 10px 0px;
position: relative;
font-size: 16px;
}
.marker-list li::after {
position: absolute;
content: "\e87f";
left: 0;
top: 3px;
font-family: gardener;
color: #2a822f;
font-weight: 700;
}
/*----------------------------------------
.End CSS
----------------------------------------*/
Zerion Mini Shell 1.0