/**
*****************************************
@File: Garden Care Styles
* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
This files contents are outlined below>>>>>
******************************************
* imported styles
* global styles
* Start button css
* gradient styles
* section title styles
* header styles
* mainmenu styles
* dropdown menu styles
* banner styles
* Parallax Eelement Styles.
* Background Image effect Styles.
* Promotional Styles.
* Who We Are Styles.
* Service We Provide Styles.
* Our Project Styles.
* Our Specialist Styles.
* Testimonials Styles.
* Blog Styles.
* Footer Styles.
* Bottom Bar Styles.
* Page Title Styles.
* Our Mission Styles.
* Featured Styles.
* Emergency Customization About page Styles.
* Service Content Styles.
* Featured Service Styles.
* Why choose us Styles.
* Service Emergency Styles.
* Blog page Styles.
* Contact Content Styles.
* Pricing Content Styles.
* Pricing FAQ Styles.
* Projects Version one Styles.
* Projects Version Two Styles.
* Emergency Customization Project V2 Styles.
* Single Post Styles.
* Project Version 3 Styles.
* No Search Result Styles
* Quick Link Side bar Style
* Team Styles.
* Faqs Styles.
* Project version 3 Styles.
* Project Content Styles.
* Project Content Version Two Styles.
* Blog Version Two Styles.
* Google map full width Styles.
* Subscribe Section Styles.
* Our Achivement Styles.
* Project gallery version 4 Styles.
* Page 404 content Styles.
* Search Page Styles.
* Cart Page Styles
* Checkout Page Styles.
* Shop Page Styles.
* Product Details Page Styles.
* our project with filter Gallery filter styles
* top bar gardener styles
* header gardener styles
* promotional text gardener styles
* Our service section gardener styles
* Welcome to gardener styles
* Video section gardener styles
* Latest project gardener styles
* Testimonials Gardener styles
* Blog Gardener styles
* Landscaping Design Gardener styles
* footer gardener styles
* Great gardener team styles
* Start our service gardener area css
* Start Blog Gardener area css
* Start Latest Project Gardener area css
* Start breadcrumb area css
* Start company area css
* Start awesome service top area css
* Start awesome service blog area css
* Start achivement area css
* Start awesome service pricing area css
* Start blog post area css
* Start blog-post.testimonials_v3 area css
* effect styles
* gallery v4 customization
* #landscaping-design-gardener styles
* video popup style styles
* pop up single gallery item styles
*****************************************
*****************************************
**/
/* imported styles */
/* global styles */
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 26px;
color:#898989;
letter-spacing: .02em;
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
a,
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
img {
max-width: 284px;
}
.page-wrapper {
position: relative;
width: 100%;
min-width: 300px;
z-index: 9;
margin: 0px auto;
overflow: hidden;
}
.row > * {
padding: 0 15px;
}
.row {
margin: 0 -15px;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
/* Start button css */
.contact-us-button {
border-right: 1px solid #000000;
display: inline-block;
padding: 6px 23px;
border-radius: 5px;
text-transform: uppercase;
}
a.contact-button,
.contact-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
color: #ffffff;
display: inline-block;
margin-left: 35px;
border: 1px solid #252525;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
a.contact-button:hover,
.contact-button:hover {
border-color: #fff;
}
a.contact-button:hover .contact-us-button,
.contact-button:hover .contact-us-button {
border-right-color: transparent;
}
a.contact-button:hover i,
.contact-button:hover i {
border-left-color: #fff;
color: #fff;
}
a.contact-button i,
.contact-button i {
border-left: 1px solid #404040;
color: #a0c627;
display: inline-block;
font-size: 16px;
margin-left: -4px;
padding: 10px 14px 12px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.contact-button{
/* effect styles */
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.contact-button:before {
content: "";
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 5px;
border: 1px solid #fff;
background: #98BC24;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.contact-button:hover, .contact-button:focus, .contact-button:active {
/*color: white;*/
}
.contact-button:hover:before, .contact-button:focus:before, .contact-button:active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
a .gardner-button {
display: inline-block;
background: #252525;
border-radius: 5px;
}
a .gardner-button p {
border-right: 1px solid #000000;
color: #ffffff !important;
display: inline-block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 14px !important;
line-height: 40px !important;
margin: 0 !important;
padding-left: 32px;
padding-right: 23px;
text-transform: uppercase;
}
a .gardner-button i {
border-left: 1px solid #404040;
display: inline-block;
float: left;
line-height: 40px;
color: #98bc24;
font-size: 16px;
padding-left: 14px;
padding-right: 15px;
}
/* End button css */
/* gradient styles */
.mainmenu-gradient-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
background: #ffffff;
/* Old browsers */
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
/* IE6-9 */
}
/* section title styles */
.section-title h1 {
font-size: 24px;
line-height: 16px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 50px;
border-bottom: 1px solid #DADADA;
padding-bottom: 20px;
position: relative;
}
.section-title h1:before {
content: ' ';
width: 50px;
height: 2px;
background: #99C802;
display: block;
position: absolute;
bottom: -2px;
left: 0;
}
.section-title-style-2 h1 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ececec #ececec #ececec #85ae02;
-webkit-border-image: none;
-o-border-image: none;
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 4px;
color: #000000;
font-family: "Roboto Slab",serif;
font-size: 22px;
font-weight: bold;
line-height: 66px;
margin: 0 0 50px;
padding: 0 30px;
position: relative;
text-transform: uppercase;
}
.section-title2 {
margin-bottom: 47px;
}
.section-title2 p {
color: #8d8d8d;
font-family: "PT Serif",serif;
font-size: 18px;
font-style: italic;
margin-bottom: 6px;
}
.section-title2 h1 {
color: #242424;
font-family: "Roboto Slab",serif;
font-size: 22px;
font-weight: 700;
margin-top: 0;
text-transform: uppercase;
}
.section-title2 h1:after {
background: #99c802 none repeat scroll 0 0;
content: "";
display: inline-block;
height: 2px;
width: 50px;
}
.section-title2 h1 span {
padding-right: 10px;
}
/* header styles */
header {
background: #272E16 url("../img/resources/header-bg.jpg") no-repeat scroll 0 0;
background-size: 100% 100%;
padding: 40px 0 65px;
}
.top-info {
padding: 4px 0;
}
.top-info .info-box {
display: table-cell;
vertical-align: middle;
padding-right: 30px;
}
.top-info .info-box:last-child {
padding-right: 0;
}
.top-info .info-box .icon-box,
.top-info .info-box .text-box {
display: table-cell;
vertical-align: middle;
}
.top-info .info-box .icon-box {
padding-right: 20px;
}
.top-info .info-box .icon-box i {
font-size: 30px;
color: #7FA409;
position: relative;
top: 5px;
border-left: 1px solid #6B7261;
padding-left: 30px;
}
.top-info .info-box .social-icons {
font-size: 0;
margin-left: -7.5px;
margin-right: -7.5px;
line-height: 6px;
margin-top: 5px;
}
.top-info .info-box .social-icons li {
display: inline-block;
margin-left: 7.5px;
margin-right: 7.5px;
}
.top-info .info-box .social-icons li a {
display: block;
font-size: 15px;
color: #A9AF8F;
}
.top-info .info-box .social-icons li a:hover {
color: #7FA409;
}
.top-info .info-box p {
color: #A9AF8F;
line-height: 20px;
margin: 0;
}
.top-info .info-box span.highlighted {
color: #7FA409;
}
header .logo {
margin: 4px 0 0;
}
/* mainmenu styles */
.mainmenu-navigation {
transform:translateY(-30px);
position: relative;
top:0;left:0;width: 100%;
z-index: 9999;
-webkit-transition: background .5s ease;
transition: background .5s ease;
}
.mainmenu-navigation.stricky-fixed {
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
background: #ffffff;
/* Old browsers */
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
/* IE6-9 */
}
.mainmenu-navigation .auto-container {
position: relative;
padding: 0;max-width: 1170px;}
.mainmenu-navigation .auto-container:before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
z-index: 1;
display: block;
border: 1px solid rgba(255,255,255,.5);
}
.mainmenu-navigation .navigation {
position: relative;
z-index: 2;
padding-left: 10px;
}
.mainmenu-navigation .navigation .nav-header {
display: none;
padding: 12px 10px;
}
.mainmenu-navigation .navigation .nav-header button {
width: 40px;
height: 40px;
background: #7FA409;
border: 1px solid #C4CAB3;
color: #fff;
font-size: 16px;
border-radius: 5px;
outline: none;
}
.nav-footer {
display: block;
}
.nav-footer ul.nav li {
float: left;
padding: 18px 0;
position: relative;
z-index: 3;
}
.nav-footer ul.nav li:last-child a {
border-right: 0;
}
.nav-footer ul.nav li a {
display: block;
font-family: 'Roboto Slab', sans-serif;
font-size: 15px;
color: #242424;
line-height: 29px;
border-right: 1px dashed #BEBEBE;
font-weight: bold;
text-transform: uppercase;
padding: 0 25px;
}
/* dropdown menu styles */
.mainmenu-navigation .navigation> .nav-footer ul > li.active > a,
.mainmenu-navigation .navigation> .nav-footer ul > li:hover > a {
color: #7FA409;
}
.mainmenu-navigation .navigation> .nav-footer ul > li {
position: relative;
z-index: 99;
padding: 18px 0;
}
.mainmenu-navigation .navigation ul li.arrow_down .fa-bars {
display: none;
}
.mainmenu-navigation .navigation> .nav-footer ul>li>.sub-menu a:before {
content: '\f105';
font-family: 'FontAwesome';
padding-right:10px;
}
.mainmenu-navigation .navigation> .nav-footer ul>li .sub-menu li {
padding: 0 25px;
background: #fff;
float: none;
}
.mainmenu-navigation .navigation> .nav-footer ul > li .sub-menu > ul > li:first-child > a {
padding-top: 16px;
}
.mainmenu-navigation .navigation> .nav-footer ul>li .sub-menu > ul > li:last-child > a {
padding-bottom: 16px;
}
.mainmenu-navigation .navigation> .nav-footer ul>li .sub-menu a:hover {
color: #7FA409;
}
.mainmenu-navigation .navigation> .nav-footer ul>li .sub-menu a {
font-weight: 400;
border-bottom: 1px solid #EBEBEB;
margin: 0;
padding: 5px 0px;
letter-spacing: .03em;
font-size: 13px;
text-transform: uppercase;
color: #242424;
font-family: 'Open Sans';
border-right: none;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.mainmenu-navigation .navigation> .nav-footer ul>li>.sub-menu li:last-child a {
border:none;
}
.mainmenu-navigation .navigation> .nav-footer ul>li>.sub-menu:before {
content: '';
background: url(../img/resources/menu-arrow.png) no-repeat;
width: 28px;
height: 13px;
position: absolute;
top: 10px;
left: 45px;
}
.mainmenu-navigation .navigation> .nav-footer ul > li > .sub-menu {
position: absolute;
/*border-top:1px solid rgba(255, 255, 255, 0.25);*/
width:240px;
padding-top: 20px;
top:100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.mainmenu-navigation .navigation> .nav-footer ul>li>.sub-menu ul {
box-shadow: 0 0 16px rgba(0,0,0, .11);
}
.mainmenu-navigation .navigation> .nav-footer ul>li:hover .sub-menu {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.mainmenu-navigation .navigation> .nav-footer ul>li:hover .sub-menu ul li {
position: relative;
}
.mainmenu-navigation .navigation> .nav-footer ul>li:hover .sub-menu ul li .sub-menu {
position: absolute;
/*border-top:1px solid rgba(255, 255, 255, 0.25);*/
width:240px;
padding-top: 0px;
padding-left: 20px;
top:0;
left: 100%;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.mainmenu-navigation .navigation> .nav-footer ul>li:hover .sub-menu ul li:hover .sub-menu {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.mainmenu-navigation .navigation> .nav-footer ul>li:hover .sub-menu ul li .sub-menu:before {
content: '';
background: url(../img/resources/menu-arrow.png) no-repeat;
width: 28px;
height: 13px;
position: absolute;
top: 20px;
left: 4px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.nav-footer ul.nav li a:focus,
.nav-footer ul.nav li a:active,
.nav-footer ul.nav li a:hover {
background-color: transparent;
}
.mainmenu-navigation .search-wrapper {
background: #7FA409;
padding: 0px 26px;
position: relative;
}
.mainmenu-navigation .search-wrapper:before {
content: '';
position: absolute;
top: 0;
left: -35px;
width: 74px;
height: 100%;
background: #7FA409;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
}
.mainmenu-navigation.stricky-fixed .search-wrapper:after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 2000px;
background: #7FA409;
height: 100%;
z-index: -1;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.mainmenu-navigation .search-wrapper {
position: relative;
}
.mainmenu-navigation .search-wrapper > ul {
line-height: 0;
}
.mainmenu-navigation .search-wrapper > ul > li {
display: inline-block;
margin-right: 11px;
padding: 16px 0;
}
.mainmenu-navigation .search-wrapper > ul > li:last-child {
margin-right: -1px;
}
.mainmenu-navigation .search-wrapper > ul > li > button,
.mainmenu-navigation .search-wrapper > ul > li > a {
display: block;
font-size: 14px;
color: #FFFFFF;
background-color: transparent;
width: 33px;
height: 33px;
line-height: 31px;
text-align:center;
border: 1px solid #C4CAB3;
border-radius: 50%;
position: relative;
z-index: 3;
outline: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.mainmenu-navigation .search-wrapper > ul > li:hover > button,
.mainmenu-navigation .search-wrapper > ul > li:hover > a {
background: #272C0F;
border-color: #272C0F;
}
.mainmenu-navigation .search-wrapper > ul > li:hover > ul {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.mainmenu-navigation .search-wrapper > ul > li > ul {
position: absolute;
top: 100%;
right: 0;
width: 350px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box {
background: #2F2F2F;
padding: 35px 30px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form {
height: 45px;
background: #7FA409;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input {
width: calc(100% - 52px);
height: 100%;
border: none;
outline: none;
color: #fff;
background-color: transparent;
line-height: 15px;
padding-left: 15px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input::-webkit-input-placeholder {
color:#fff;
text-transform: capitalize;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input:-moz-placeholder { /* Firefox 18- */
color:#fff;
text-transform: capitalize;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input::-moz-placeholder { /* Firefox 19+ */
color:#fff;
text-transform: capitalize;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input:-ms-input-placeholder {
color:#fff;
text-transform: capitalize;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.search-box form button {
width: 40px;
height: 100%;
line-height: 45px;
color: #fff;
font-size: 15px;
background-color: transparent;
border: none;
outline: none;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box {
background: #fff;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
box-shadow: 0 0 16px rgba(0,0,0, .11);
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-header h4 {
text-transform: capitalize;
color: #391F0A;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content {
padding: 15px 0;
border-top: 1px dashed #BEBEBE;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content,
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .img-box {
display: table-cell;
vertical-align: top;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .img-box {
width: 100px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content {
padding-left: 30px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content h4 {
font-family: "Roboto Slab",serif;
font-size: 14px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: uppercase;
color: #000;
margin-top: 5px;
margin-bottom: 5px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content i {
color: #7fa409;
cursor: pointer;
font-size: 13px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price {
margin-top: 15px;
margin-left: -10px;
margin-right: -10px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price li {
display: table-cell;
vertical-align: middle;
padding: 5px 10px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price li span {
color: #2d2d2d;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-family: "PT Serif",serif;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer {
border-top: 1px dashed #BEBEBE;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .total-price {
float: left;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .total-price h4 {
color: #000;
text-transform: capitalize;
font-weight: 700;
font-size: 14px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer {
padding-top: 15px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box {
float: right;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a {
display: block;
line-height: 35px;
text-transform: uppercase;
background: #7FA409;
font-size: 13px;
height: 35px;
color: #fff;
border-radius: 5px;
padding: 0 15px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box i {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #fff;
line-height: 35px;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a{
/* effect styles */
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:before {
content: "";
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 5px;
border: 1px solid #fff;
background: #000000;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:hover, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:focus, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:active {
/*color: white;*/
}
.mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:hover:before, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:focus:before, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.nav-footer ul.nav li.dropdown > a > button {
display: none;
}
/* banner styles */
.rev_slider_wrapper #slider1 .gardener-caption-h1 {
font-family: 'Roboto Slab';
font-size: 50px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
background: #7FA409;
line-height: 50px;
padding: 0 20px;
padding-bottom: 6px;
padding-top: 5px;
}
.rev_slider_wrapper #slider1 .gardener-caption-h1.bg-white {
background: #E8E8E6;
color: #391F0A;
}
.rev_slider_wrapper #slider1 .gardener-caption-h1 span {
font-weight: bold !important;
}
.rev_slider_wrapper #slider1 .gardener-caption-h1.font-light {
font-weight: 300;
}
.rev_slider_wrapper #slider1 .gardener-caption-p {
color: #fff;
font-size: 20px;
font-style: italic;
line-height: 28px;
font-weight: normal;
}
.rev_slider_wrapper #slider1 .banner-btn {
border: 2px solid #fff;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 46px;
display: inline-block;
padding: 0 23px;
}
.rev_slider_wrapper #slider1 .banner-btn i {
margin-left: 18px;
}
.rev_slider_wrapper #slider1 .banner-btn {
/* effect styles */
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.rev_slider_wrapper #slider1 .banner-btn:before {
content: "";
position: absolute;
z-index: -1;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: #98BC24;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.rev_slider_wrapper #slider1 .banner-btn:hover, .rev_slider_wrapper #slider1 .banner-btn:focus, .rev_slider_wrapper #slider1 .banner-btn:active {
/*color: white;*/
}
.rev_slider_wrapper #slider1 .banner-btn:hover:before, .rev_slider_wrapper #slider1 .banner-btn:focus:before, .rev_slider_wrapper #slider1 .banner-btn:active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/**
* Parallax Eelement Styles.
**/
.parallax-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.parallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
z-index: -1;
}
/**
* Background Image effect Styles.
**/
.bg-img-sharp-effect {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.75" intercept="0.125" /><feFuncG type="linear" slope="0.75" intercept="0.125" /><feFuncB type="linear" slope="0.75" intercept="0.125" /></feComponentTransfer></filter></svg>#filter');
filter: contrast(0.75);
-webkit-filter: contrast(0.75);
mix-blend-mode: overlay;
}
/**
* Promotional Styles.
**/
#promotional-text {
background: #FE5454;
color: #fff;
}
#promotional-text p {
margin-bottom: 0;
font-size: 30px;
line-height: 125px;
font-weight: 200;
color: #fff;
text-align: center;
}
#promotional-text p b {
font-weight: 500;
}
/**
* Who We Are Styles.
**/
#who-we-are {
padding: 80px 0;
}
#who-we-are .large-box div {
padding: 0;
}
#who-we-are .large-box .col-lg-6 img {
width: 100%;
}
#who-we-are .large-box .col-lg-6:last-child {
background: #51B7E3;
color: #fff;
padding: 35.5px 30px;
}
#who-we-are .large-box div h2 {
font-size: 24px;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
#who-we-are .large-box div p {
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
#who-we-are .large-box .img-holder {
position: relative;
overflow: hidden;
}
#who-we-are .large-box:hover .img-holder:before {
left: 0;
}
#who-we-are .large-box .img-holder:before {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background: rgba(152, 199, 0, .75);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#who-we-are .large-box:hover .hvr-bounce-to-left:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#who-we-are .large-box .hvr-bounce-to-left:before {
background: #FE5454;
}
#who-we-are .single-box .img-holder {
position: relative;
overflow: hidden;
}
#who-we-are .single-box:hover .img-holder:before {
bottom: 0;
}
#who-we-are .single-box .img-holder:before {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
bottom: 100%;
left: 0;
background: rgba(254, 84, 84, .75);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#who-we-are .single-box h2 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
margin: 0;
margin-top: 25px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#who-we-are .single-box:hover h2 {
color: #12AEF8;
}
#who-we-are .single-box p {
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #8e8d8d;
margin-top: 7px;
}
/**
* Service We Provide Styles.
**/
#service-we-provide {
padding: 80px 0;
background: #F9F9F9;
}
#service-we-provide .section-title h1 {
width: 75%;
}
.service-tab-title ul li {
font-size: 13px;
line-height: 45px;
color: #787878;
font-weight: 500;
padding: 0 25px;
text-transform: uppercase;
border: 1px solid #E4E4E4;
border-top: 0;
cursor: pointer;
background: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.service-tab-title ul li:first-child {
border-top: 1px solid #E4E4E4;
}
.service-tab-title ul li:hover,
.service-tab-title ul li.active {
color: #99C802;
position: relative;
background: #F9F9F9;
border-right: 0;
}
.service-tab-title ul li.active:before {
content: ' ';
width: 6px;
height: 100%;
background: #99C802;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.service-tab-content {
position: relative;
}
.service-tab-content > div:last-child {
padding: 0;
}
.service-tab-content p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
margin-bottom: 40px;
}
.service-tab-content ul li {
font-size: 14px;
line-height: 35px;
margin-left: 15px;
color: #999999;
}
.service-tab-content ul li .fa {
color: #99C802;
margin-right: 10px;
font-size: 16px;
}
.service-tab-content .col-lg-8 .col-lg-6:first-child {
padding: 0;
}
.service-tab-content .col-lg-8 .row {
margin: 0;
}
.service-tab-content .col-lg-8 .col-lg-6 img {
width: 100%;
}
.service-tab-content .col-lg-4 {
position: absolute;
right: 40px;
bottom: -95px;
padding: 0;
}
.service-tab-content .col-lg-4 img {
max-width: none;
width: 288px;
}
/**
* Our Project Styles.
**/
#our-projects {
background: url(../img/our-projects/bg.jpg) 0 0 no-repeat;
background-size: cover;
padding: 80px 0;
}
#our-projects .section-title h1 {
color: #fff;
border-color: #30505E;
}
#our-projects .section-title h1:before {
background: #12AEF8;
}
.masonary-gallery {
position: relative;
padding: 0;
}
#our-projects .masonary-item {
position: relative;
float: left;
overflow: hidden;
width: 25%;
height: 245px;
margin-bottom: 30px;
padding: 0 15px;
}
#our-projects .masonary-item.width-1 {
width: 25%;
}
#our-projects .masonary-item.width-2 {
width: 50%;
}
#our-projects .masonary-item.height-1 {
height: 520px;
}
#our-projects .masonary-item img {
width: 100%;
height: 100%;
}
#our-projects .masonary-item .img-wrap {
position: relative;
}
#our-projects .masonary-item .img-wrap .content-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
cursor: pointer;
background: rgba(254, 84, 84, .85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#our-projects .masonary-item:hover .img-wrap .content-wrap {
opacity: 1;
filter: alpha(opacity=100);
}
#our-projects .masonary-item .img-wrap .content-wrap .border {
width: 100%;
height: 100%;
position: relative;
}
#our-projects .masonary-item .img-wrap .content-wrap .border:before {
position: absolute;
border: 1px solid #fff;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
}
#our-projects .masonary-item .img-wrap .content-wrap h4 {
color: #fff;
margin: 0;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap span {
color: #fff;
display: block;
font-size: 14px;
line-height: 22px;
text-transform: capitalize;
font-weight: 500;
text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap .content {
position: relative;
top: 45%;
}
#our-projects .view-all-btn {
text-align: center;
}
#our-projects a.view-all {
border: 1px solid #4C7B96;
background-color: transparent;
color: #fff;
text-transform: uppercase;
line-height: 35px;
padding: 0 29px;
font-weight: 500;
font-size: 13px;
margin: auto;
display: inline-block;
margin-top: 35px;
}
#our-projects a.view-all:hover {
border-color: transparent;
}
#our-projects a.view-all:before {
background: #FE5454;
}
/**
* Our Specialist Styles.
**/
#our-specialist {
padding: 80px 0;
}
#our-specialist .single-member {
position: relative;
display: block;
padding-bottom: 75px;
}
#our-specialist .single-member:before {
background: #E3E3E3;
}
#our-specialist .single-member img {
display: block;
margin: auto;
padding-top: 25px;
}
#our-specialist .single-member .info {
width: 100%;
background: #E2BA4B;
text-align: center;
padding: 15px 0;
position: absolute;
bottom: 0;
}
#our-specialist .single-member .info:before {
background: #95C400;
}
#our-specialist .single-member .info h2,
#our-specialist .single-member .info a,
#our-specialist .single-member .info p {
color: #fff;
}
#our-specialist .single-member .info .social {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
height: 0;
}
#our-specialist .col-lg-3:hover .info .social {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
display: block;
margin-bottom: 30px;
height: auto;
}
#our-specialist .single-member .info .social li {
display: inline;
}
#our-specialist .single-member .info .social li a {
display: inline-block;
width: 35px;
height: 35px;
border-radius: 50%;
border: 1px solid #fff;
margin-right: 5px;
text-align: center;
}
#our-specialist .single-member .info .social li a .fa {
font-size: 16px;
line-height: 32px;
}
#our-specialist .single-member .info h2 {
margin: 0;
font-size: 18px;
line-height: 22px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
#our-specialist .single-member .info p {
font-size: 14px;
line-height: 22px;
color: #fff;
margin-bottom: 0;
text-transform: capitalize;
font-weight: 500;
}
#our-specialist .col-lg-3:hover .info:before,
#our-specialist .col-lg-3:focus .info:before,
#our-specialist .col-lg-3:active .info:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/**
* Testimonials Styles.
**/
#testimonials {
padding: 80px 0;
background: #F5F4F4;
}
#testimonials .single-testimonial {
background: #fff;
}
#testimonials .single-testimonial .profile-info {
padding: 15px 0px 15px 15px;
}
#testimonials .single-testimonial .profile-info img {
position: relative;
bottom: 30px;
}
#testimonials .single-testimonial .profile-info h2 {
font-size: 14px;
line-height: 26px;
color: #312F3E;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 0;
margin-top: -10px;
}
#testimonials .single-testimonial .content {
width: 61%;
padding-top: 20px;
padding-right: 25px;
border-top: 2px solid #99C802;
padding-left: 20px;
}
#testimonials .single-testimonial .content p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
margin-bottom: 0;
}
#testimonials .single-testimonial:before {
background: #99C802;
}
#testimonials .single-testimonial .content .fa {
font-size: 19px;
margin-right: 10px;
color: #99C802;
}
#testimonials .single-testimonial:hover .fa,
#testimonials .single-testimonial:hover h2,
#testimonials .single-testimonial:hover p {
color: #fff;
}
/**
* Emergency Styles.
**/
#emergency {
background: url(../img/emergency/bg.png) top right no-repeat;
background-size: cover;
}
#emergency .auto-container {
position: relative;
padding: 35px 0;
}
#emergency .row {
margin: 0;
}
#emergency .col-lg-3 {
position: absolute;
bottom: 0px;
}
#emergency h2 {
font-size: 30px;
line-height: 35px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 5px;
}
#emergency h2 span {
font-weight: 300;
}
#emergency p {
font-size: 18px;
line-height: 26px;
color: #fff;
}
#emergency p.phone-contact {
font-size: 22px;
color: #161F36;
font-family: 'Open Sans', sans-serif;
line-height: 46px;
margin-bottom: 0;
}
#emergency p.phone-contact b {
font-size: 34px;
margin-right: 10px;
position: relative;
top: 5px;
}
#emergency p.phone-contact a {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
text-transform: uppercase;
line-height: 35px;
padding: 0 31px;
font-size: 14px;
font-weight: bold;
margin-left: 15px;
position: relative;
bottom: 3px;
outline: none;
display: inline-block;
}
#emergency p.phone-contact a:before {
background: #FE5454;
}
/**
* Blog Styles.
**/
#blog {
padding: 80px 0;
}
#blog .img-wrap {
padding: 0;
position: relative;
overflow: hidden;
}
#blog .blog-wrap:hover .img-wrap:before {
top: 0;
}
#blog .img-wrap:before {
content: ' ';
background: rgba(152, 199, 0, .75);
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog .img-wrap img {
width: 100%;
}
#blog .img-wrap h2 {
font-weight: bold;
font-size: 24px;
line-height: 26px;
color: #85AE02;
text-transform: uppercase;
text-align: center;
margin: 0;
margin: 11px 0;
}
#blog .content-wrap {
background: #F5F4F4;
padding: 25px 22px 0;
position: relative;
}
#blog .content-wrap:before {
content: ' ';
width: 100%;
height: 4px;
background: #98C700;
position: absolute;
top: 0;
left: 0;
}
#blog .content-wrap h2 {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
margin: 0;
margin-bottom: 12px;
}
#blog .content-wrap p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
margin-bottom: 0;
}
#blog .content-wrap ul {
margin-top: 20px;
padding: 10px 0;
border-top: 1px solid #DCDBDB;
text-align: center;
}
#blog .content-wrap ul li {
display: inline;
}
#blog .content-wrap ul li a,
#blog .content-wrap ul li span {
display: inline-block;
font-size: 13px;
color: #8e8d8d;
padding: 0 0 0 10px;
}
#blog .content-wrap ul li span b {
color: #060606;
}
#blog .content-wrap ul li a {
color: #FD9C1E;
}
#blog .content-wrap ul li span:after {
content: '|';
display: inline-block;
font-size: 13px;
color: #AAA9A9;
margin-left: 10px;
}
/**
* Clients Styles.
**/
#clients .auto-container {
border-top: 1px solid #E2E2E2;
padding: 50px;
position: relative;
}
#clients .owl-carousel {
padding: 0 20px;
}
#clients .auto-container .item img {
opacity: .3 !important;
filter: alpha(opacity=30);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#clients .auto-container .item:hover img {
opacity: 1 !important;
filter: alpha(opacity=100);
}
#clients .auto-container .owl-prev {
position: absolute;
left: -45px;
top: -15px;
}
#clients .auto-container .owl-next {
position: absolute;
right: -45px;
top: -15px;
}
#clients .auto-container .owl-theme .owl-nav {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#clients .auto-container .owl-theme .owl-nav div {
background: none;
}
#clients .auto-container .owl-theme .owl-nav div .fa {
color: #B9B9B9;
font-size: 30px;
}
/**
* Footer Styles.
**/
footer {
background: url(../img/resources/footer-bg.jpg) 0 0 no-repeat;
background-size: cover;
}
footer .auto-container {
border-top: 4px solid #FE5454;
}
footer .auto-container .col-lg-12 .request-for-qoute-wrap {
text-align: center;
}
footer .auto-container .col-lg-12 a.request-for-qoute {
font-size: 20px;
line-height: 45px;
color: #fff;
font-weight: 900;
background: #FE5454;
border: 1px solid #FE5454;
text-transform: uppercase;
display: inline-block;
margin: auto;
outline: none;
padding: 0 45px;
}
footer .auto-container .col-lg-12 a.request-for-qoute:hover,
footer .auto-container .col-lg-12 a.request-for-qoute:focus {
color: #FE5454;
}
footer .auto-container .col-lg-12 a.request-for-qoute:before {
background: #fff;
}
footer .footer-menu {
margin-top: 35px;
padding-bottom: 15px;
border-bottom: 1px solid #1A4657;
margin-bottom: 50px;
}
footer .footer-menu ul {
text-align: center;
}
footer .footer-menu ul li {
display: inline;
}
footer .footer-menu ul li a {
display: inline-block;
font-size: 13px;
line-height: 45px;
color: #14AFF8;
text-transform: uppercase;
padding: 0 30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
footer .footer-menu ul li a:hover {
color: #FE5454;
}
footer .widget h3 {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
margin: 0;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid #0E3C4F;
}
footer .widget p {
font-size: 14px;
line-height: 24px;
color: #7e959e;
}
footer .widget a.read-more {
color: #3288b0;
line-height: 24px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
}
footer .widget .social {
text-align: left;
margin-top: 10px;
}
footer .widget .social li {
display: inline;
}
footer .widget .social li a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #FE5454;
text-align: center;
line-height: 40px;
color: #224755;
font-size: 17px;
margin-right: 5px;
-webkit-transition: all .3s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all .3s ease;
}
footer .widget .social li:hover a {
color: #FE5454;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
footer .widget .social li a:before {
background: #fff;
}
footer .widget .popular-post li {
padding-bottom: 9px;
margin-bottom: 9px;
border-bottom: 1px solid #0E3C4F;
}
footer .widget .popular-post li:last-child {
border: none;
}
footer .widget .popular-post li a h5 {
font-size: 14px;
line-height: 18px;
color: #7e959e;
margin: 0;
margin-bottom: 5px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
footer .widget .popular-post li a:hover h5 {
color: #FE5454;
}
footer .widget .popular-post li p {
color: #445058;
margin-bottom: 0;
font-size: 14px;
}
footer .widget .contact-info li {
font-size: 14px;
line-height: 26px;
margin-bottom: 14px;
margin-bottom: 20px;
}
footer .widget .contact-info li:last-child {
border: none;
}
footer .widget .contact-info li .icon-box,
footer .widget .contact-info li .content {
display: table-cell;
vertical-align: middle;
}
footer .widget .contact-info li .icon-box {
text-align: center;
}
footer .widget .contact-info li .content {
padding-left: 20px;
}
footer .widget .contact-info li .content p {
font-size: 14px;
line-height: 18px;
}
footer .widget .contact-info li .content.phone p {
font-size: 16px;
line-height: 28px;
}
footer .widget .contact-info li .fa {
font-size: 25px;
}
footer .widget .contact-info li p {
margin: 0;
}
footer .widget .contact-info li .fa-envelope-o {
font-size: 18px;
}
footer .widget .contact-info li .fa-phone {
font-size: 21px;
}
footer .widget img.positioned {
margin-top: -35px;
}
footer .footer-menu .footer-nav-toggler {
display: none;
}
/**
* Bottom Bar Styles.
**/
#bottom-bar {
background: #041D26;
}
#bottom-bar .auto-container p {
margin-bottom: 0;
color: #185166;
font-size: 14px;
line-height: 80px;
}
/**
* Page Title Styles.
**/
#page-title {
background: url(../img/resources/page-title-bg.jpg) center center no-repeat;
background-size: cover;
padding: 65px 0;
}
#page-title .auto-container {
position: relative;
}
#page-title .title {
text-align: center;
}
#page-title .title h1 {
text-align: center;
display: inline-block;
margin: auto;
color: #fff;
text-transform: uppercase;
font-size: 30px;
line-height: 50px;
border: 1px solid #fff;
padding: 0 52px;
font-weight: bold;
}
#page-title .page-breadcumb {
color: #fff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding-top: 12px;
}
#page-title .page-breadcumb a {
color: #fff;
}
#page-title .page-breadcumb .fa {
font-size: 15px;
margin-right: 5px;
margin-left: 5px;
}
/**
* Our Mission Styles.
**/
#our-mission {
padding: 80px 0;
}
#our-mission p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
}
#our-mission p br {
display: none;
}
#our-mission ul li {
font-size: 14px;
line-height: 35px;
color: #999999;
}
#our-mission ul li .fa {
color: #99C802;
margin-right: 10px;
font-size: 16px;
}
#our-mission:hover .img-holder:before {
height: 100%;
}
#our-mission .img-holder {
position: relative;
overflow: hidden;
display: inline-block;
}
#our-mission .img-holder:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(152, 188, 36, 0.75);
height: 0%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
/**
* Featured Styles.
**/
#featured {
background: #313718;
}
#featured .col-lg-8 {
padding: 80px 0 40px;
}
#featured .col-lg-4 img {
max-width: none;
float: right;
}
#featured .content {
margin-bottom: 30px;
}
#featured .content:last-child {
margin-bottom: 0;
}
#featured .content-wrap {
width: 85%;
}
#featured .content-wrap h2 {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #E2BA4B;
text-transform: uppercase;
margin: 0;
margin-bottom: 10px;
}
#featured .content-wrap p {
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
font-weight: 500;
}
#featured:hover .about-image:before {
right: 3%;
}
#featured .about-image:before {
content: ' ';
position: absolute;
top: 0;
right: 200%;
width: 1200px;
background: rgba(152, 188, 36, 0.75);
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
/**
* Emergency Customization About page Styles.
**/
#emergency.about-page {
background-color: #fff;
}
/**
* Service Content Styles.
**/
#service-content {
padding: 80px 0;
}
#service-content .col-lg-8 h1 {
color: #000000;
font-size: 30px;
line-height: 30px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
#service-content .col-lg-8 p {
font-size: 14px;
line-height: 26px;
color: #8E8D8D;
font-weight: 500;
margin-bottom: 30px;
}
#service-content .col-lg-8 p.highlighted {
color: #3D3D3D;
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
#service-content .col-lg-8 button {
background: #98BC24;
border: none;
outline: none;
color: #fff;
font-size: 22px;
font-weight: 300;
line-height: 45px;
height: 45px;
margin-right: 25px;
font-family: 'Open Sans', sans-serif;
padding: 0 28px;
}
#service-content .col-lg-8 button .fa {
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #fff;
}
#service-content .col-lg-8 button.bold {
font-weight: bold;
}
#service-content:hover .img-holder:before {
height: 100%;
}
#service-content .img-holder {
position: relative;
overflow: hidden;
display: inline-block;
}
#service-content .img-holder:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(152, 188, 36, 0.75);
height: 0%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#service-content .hvr-bounce-to-right:before {
background: #7FA112;
}
/**
* Featured Service Styles.
**/
#featured-service {
background: #313718;
background-size: cover;
padding: 80px 0;
}
#featured-service .section-title h1 {
color: #fff;
border-color: #50553A;
}
#featured-service .section-title h1:before {
background: #99C802;
}
#featured-service .col-lg-3 h4 {
color: #BFD96C;
font-size: 14px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
font-weight: 600;
margin: 0;
margin-bottom: 0;
border-bottom: 1px solid #53573F;
}
#featured-service .col-lg-3:hover .img-holder:before {
height: 100%;
}
#featured-service .img-holder {
position: relative;
overflow: hidden;
display: inline-block;
}
#featured-service .img-holder:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(152, 188, 36, 0.75);
height: 0%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
/**
* Why choose us Styles.
**/
#why-choose-us {
background: #fff;
padding: 80px 0;
}
#why-choose-us .col-lg-3 {
text-align: center;
}
#why-choose-us .col-lg-3 .img-wrap {
background: #667624;
display: inline-block;
padding: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 45px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#why-choose-us .col-lg-3:hover .img-wrap {
-webkit-transform: rotate(405deg);
-ms-transform: rotate(405deg);
transform: rotate(405deg);
}
#why-choose-us .col-lg-3 .img-wrap img {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#why-choose-us .col-lg-3:hover .img-wrap img {
-webkit-transform: rotate(-405deg);
-ms-transform: rotate(-405deg);
transform: rotate(-405deg);
}
#why-choose-us .col-lg-3 h4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
#why-choose-us .col-lg-3 p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
}
/**
* Service Emergency Styles.
**/
#emergency.service-page {
background-color: #fff;
}
.single-search-content .content {
margin-top: -5px;
}
/**
* Blog page Styles.
**/
#blog-post.search-result .search-content .section-title2 {
margin-top: -6px;
margin-bottom: 0;
}
#blog-post {
padding: 80px 0;
}
#blog-post article {
margin-bottom: 65px;
}
#blog-post article:last-child {
margin-bottom: 65px;
}
#blog-post article h2 {
font-size: 24px;
line-height: 30px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 5px;
}
#blog-post article .img-holder {
margin-bottom: 38px;
position: relative;
overflow: hidden;
}
#blog-post article .post-meta {
margin-bottom: 23px;
}
#blog-post article .post-date {
text-align: center;
font-size: 22px;
line-height: 20px;
color: #85AE02;
font-weight: bold;
width: 70px;
height: 70px;
border: 1px solid #E2E2E2;
padding-top: 13px;
float: left;
margin-right: 30px;
}
#blog-post article .post-date span {
font-size: 16px;
text-transform: uppercase;
}
#blog-post article .post-title {
width: 75%;
float: left;
}
#blog-post article .post-title ul {
text-align: left;
}
#blog-post article .post-title ul li {
display: inline;
}
#blog-post article .post-title ul li span {
font-size: 13px;
line-height: 13px;
color: #BBBBBB;
display: inline-block;
font-weight: 500;
border-right: 1px solid #BBBBBB;
padding: 0 10px;
}
#blog-post article .post-title ul li:first-child span {
padding-left: 0;
}
#blog-post article .post-title ul li:last-child span {
border-right: none;
}
#blog-post article > p, #blog-post.single-post article p {
color: #898989;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin-bottom: 20px;
}
#blog-post article > .read-more {
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
line-height: 39px;
color: #FD9C1E;
padding: 0 0px;
display: inline-block;
}
#blog-post article > .read-more:hover {
color: #85AE02;
}
#blog-post .sidebar-widget {
margin-bottom: 30px;
padding-left: 50px;
}
#blog-post .blog-left .sidebar-widget {
padding-left: 0px;
padding-right: 50px;
}
#blog-post .sidebar-widget h4 {
font-size: 16px;
line-height: 29px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin: 0;
margin-bottom: 31px;
border-bottom: 1px solid #E2E2E2;
padding-bottom: 11px;
position: relative;
}
#blog-post .sidebar-widget h4:before {
content: ' ';
width: 50px;
height: 2px;
background: #98C700;
display: block;
position: absolute;
bottom: -2px;
left: 0;
}
#blog-post .sidebar-widget form.search-form {
border: 1px solid #E9E9E9;
height: 45px;
position: relative;
overflow: hidden;
}
#blog-post .sidebar-widget form.search-form input[type='text'] {
border: none;
outline: none;
height: 45px;
width: 100%;
display: inline-block;
position: absolute;
left: 0;
padding-left: 20px;
}
#blog-post .sidebar-widget form.search-form button {
border: none;
outline: none;
height: 45px;
background: none;
line-height: 45px;
position: absolute;
right: 0;
padding: 0 10px;
color: #B8B7B7;
margin-right: 20px;
}
#blog-post .sidebar-widget .category-list li a {
display: block;
font-size: 14px;
line-height: 37px;
color: #999999;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog-post .sidebar-widget .category-list li a .fa {
margin-right: 10px;
}
#blog-post .sidebar-widget .category-list li:hover a {
color: #98C700;
}
#blog-post .sidebar-widget .popular-post li {
margin-bottom: 30px;
}
#blog-post .sidebar-widget .popular-post li:last-child {
margin-bottom: 0;
}
#blog-post .sidebar-widget .popular-post li img {
float: left;
margin-right: 30px;
}
#blog-post .sidebar-widget .popular-post li .content-wrap {
width: 51%;
float: right;
}
#blog-post .sidebar-widget .popular-post li .content-wrap h5 {
color: #242424;
font-size: 13px;
font-weight: bold;
line-height: 20px;
margin: 0 0 20px;
text-transform: uppercase;
font-family: "Raleway",sans-serif;
}
#blog-post .sidebar-widget .popular-post li .content-wrap span {
color: #898989;
display: inline-block;
font-size: 15px;
font-style: italic;
line-height: 20px;
font-family: "PT Serif",serif;
}
#blog-post .sidebar-widget.text-widget p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
}
#blog-post .sidebar-widget .tag-cloud a {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e2e2e2;
color: #787878;
display: inline-block;
float: left;
font-size: 13px;
font-weight: 500;
line-height: 38px;
margin: 0px 10px 8px 0px;
padding: 0 23px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#blog-post .sidebar-widget .tag-cloud a:hover {
color: #fff;
background: #98C700;
border: 1px solid #98C700;
}
.post-pagination ul {
text-align: center;
}
.post-pagination ul li {
display: inline;
}
.post-pagination ul li a {
display: inline-block;
height: 50px;
line-height: 50px;
color: #8E8D8D;
margin-right: 10px;
text-align: center;
border: 1px solid #E2E2E2;
font-size: 24px;
padding: 0 17px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.post-pagination ul li.active a,
.post-pagination ul li:hover a {
background: #FD9C1E;
color: #fff;
border: 1px solid #FD9C1E;
}
/**
* Contact Content Styles.
**/
#contact-content {
padding: 94px 0 32px;
}
#contact-content .row > p,
#contact-content .auto-container > p {
font-size: 14px;
line-height: 26px;
color: #8E8D8D;
font-weight: 500;
margin-bottom: 50px;
text-align: center;
}
#contact-content .contact-form p {
margin-bottom: 20px;
}
#contact-content .contact-form input, #contact-content .contact-form textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #ededed;
color: #ababab;
font-size: 16px;
font-style: italic;
height: 55px;
padding-left: 25px;
width: 100%;
font-family: "PT Serif",serif;
outline:none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#contact-content .contact-form input:focus, #contact-content .contact-form textarea:focus {
border-color: #7FA409;
box-shadow: 0 0 2px #7FA409;
}
#contact-content .contact-form input:focus{
border:1px solid #bbdf48;
}
#contact-content .contact-form textarea:focus{
border:1px solid #bbdf48;
}
#contact-content .contact-form label.error {
display: none !important;
}
#contact-content .contact-form input.error,
#contact-content .contact-form textarea.error {
border-color: red;
}
#contact-content .contact-form textarea {
height: 200px;
padding-top: 15px;
}
#contact-content .success {
color: #7FA409;
font-size: 16px;
}
.contact-submit-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
margin-top: 27px;
border: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.contact-submit-button:hover {
background: #7FA409;
}
.contact-submit-button:hover span {
border-color: transparent;
}
.contact-submit-button:hover i {
color: #fff;
border-color: #fff;
}
.contact-submit-button span {
border-right: 1px solid #000000;
color: #ffffff;
display: inline-block;
float: left;
font-size: 14px;
line-height: 40px;
padding-left: 22px;
padding-right: 18px;
text-transform: uppercase;
}
.contact-submit-button .fa {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 16px;
line-height: 40px;
padding-left: 14px;
padding-right: 14px;
}
#contact-content .contact-info h3,
#contact-content .contact-info ul li h4 {
font-size: 16px;
line-height: 28px;
font-weight: bold;
color: #000000;
text-transform: uppercase;
margin: 0;
margin-bottom: 15px;
}
#contact-content .contact-info p {
font-size: 14px;
line-height: 26px;
color: #8E8D8D;
font-weight: 500;
margin-bottom: 30px;
}
#contact-content .contact-info ul li img {
float: left;
margin-right: 15px;
}
#contact-content .contact-info ul li .content {
float: left;
width: 60%;
}
#contact-content .contact-info ul li h4 {
margin-bottom: 0;
}
.google-map {
margin-top: 60px;
width: 100%;
height: 440px;
}
/**
* Pricing Content Styles.
**/
#pricing-content {
padding: 80px 0;
}
#pricing-content .col-lg-12 p {
font-size: 14px;
line-height: 26px;
color: #8e8d8d;
font-weight: 500;
}
#pricing-content .price-table-wrap {
padding-top: 80px;
}
#pricing-content .price-table-wrap .price-table {
text-align: center;
}
#pricing-content .price-table-wrap .price-table .price-content {
border: 1px solid #F0F0F0;
padding-bottom: 30px;
}
#pricing-content .price-table-wrap .price-table .price-table-top h3 {
color: #fff;
font-size: 16px;
line-height: 50px;
background: #000;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
#pricing-content .price-table-wrap .price-table .price-box {
color: #fff;
font-size: 20px;
line-height: 69px;
background: #b0b0b0;
font-family: 'Open sans', sans-serif;
text-transform: uppercase;
}
#pricing-content .price-table-wrap .price-table .price-box span {
font-weight: bold;
font-size: 45px;
}
#pricing-content .price-table-wrap .price-table.bronze .price-table-top h3 {
background: #05253E;
}
#pricing-content .price-table-wrap .price-table.silver .price-table-top h3 {
background: #16685D;
}
#pricing-content .price-table-wrap .price-table.gold .price-table-top h3 {
background: #BF3D28;
}
#pricing-content .price-table-wrap .price-table.platinum .price-table-top h3 {
background: #0C3A5E;
}
#pricing-content .price-table-wrap .price-table.bronze .price-box {
background: #002F53;
}
#pricing-content .price-table-wrap .price-table.silver .price-box {
background: #2E786E;
}
#pricing-content .price-table-wrap .price-table.gold .price-box {
background: #DE5842;
}
#pricing-content .price-table-wrap .price-table.platinum .price-box {
background: #154C77;
}
#pricing-content .price-table-wrap .price-table .price-info li {
font-size: 14px;
line-height: 50px;
color: #8E8D8D;
border-bottom: 1px solid #F0F0F0;
font-weight: 600;
}
#pricing-content .price-table-wrap .price-table button {
font-size: 16px;
font-weight: bold;
line-height: 35px;
text-transform: uppercase;
background: #FD9C1E;
height: 35px;
color: #fff;
border: none;
outline: none;
padding: 0 35px;
margin-top: 30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#pricing-content .price-table-wrap .price-table button:hover,
#pricing-content .price-table-wrap .price-table button:active {
color: #fff;
}
#pricing-content .price-table-wrap .price-table button:before {
background: #98BC24;
}
/**
* Pricing FAQ Styles.
**/
#pricing-faq {
background: #f5f4f4 none repeat scroll 0 0;
padding: 95px 0 71px;
}
#pricing-faq .section-title2 {
margin-bottom: 39px;
}
#pricing-faq ul li {
margin-bottom: 24px;
}
#pricing-faq ul li h2 {
color: #242424;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 26px;
margin: 0 0 2px;
text-transform: uppercase;
}
#pricing-faq ul li p {
color: #898989;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
/**
* Projects Version one Styles.
**/
#project-version-one {
padding-bottom: 60px;
padding-top: 81px;
}
#project-version-one .gallery-filter {
margin-bottom: 56px;
text-align: center;
}
#project-version-one .gallery-filter li {
display: inline;
}
#project-version-one .gallery-filter li span {
color: #242424;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 45px;
margin: 0 27px;
padding: 0;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#project-version-one .gallery-filter li.active span:before {
background: #99c802 none repeat scroll 0 0;
bottom: -6px;
content: " ";
display: block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
#project-version-one .gallery-filter li.active span,
#project-version-one .gallery-filter li:hover span {
color: #85AE02;
}
#project-version-one .mix {
display: none;
}
#project-version-one .single-project-item .img-wrap {
position: relative;
}
#project-version-one .single-project-item .img-wrap .content-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
background-color: transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#project-version-one .single-project-item .img-wrap .content-wrap:before {
background: rgba(152, 199, 0, .85);
}
#project-version-one .single-project-item:hover .img-wrap .content-wrap {
opacity: 1;
filter: alpha(opacity=100);
}
#project-version-one .single-project-item .img-wrap .content-wrap .border {
width: 100%;
height: 100%;
border: 1px solid #fff;
}
#project-version-one .single-project-item .img-wrap .content-wrap h4 {
color: #fff;
margin: 0;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
#project-version-one .single-project-item .img-wrap .content-wrap span {
color: #fff;
display: block;
font-size: 14px;
line-height: 22px;
text-transform: capitalize;
font-weight: 500;
text-align: center;
}
#project-version-one .single-project-item .img-wrap .content-wrap .content {
position: relative;
top: 45%;
}
/**
* Projects Version Two Styles.
**/
#project-version-two {
padding-bottom: 70px;
padding-top: 81px;
}
#project-version-two .gallery-filter {
margin-bottom: 56px;
text-align: center;
}
#project-version-two .gallery-filter li {
display: inline;
}
#project-version-two .gallery-filter li span {
color: #242424;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 45px;
padding: 0;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin: 0 27px;
font-family: "Open Sans",sans-serif;
}
#project-version-two .gallery-filter li.active span:before {
background: #85ae02 none repeat scroll 0 0;
bottom: -6px;
content: " ";
display: block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
#project-version-two .gallery-filter li.active span,
#project-version-two .gallery-filter li:hover span {
color: #85AE02;
}
#project-version-two .masonary-gallery {
position: relative;
padding: 0;
}
#project-version-two .masonary-item {
position: relative;
float: left;
overflow: hidden;
width: 25%;
margin-bottom: 30px;
padding: 0 15px;
}
#project-version-two .masonary-item.width-1 {
width: 25%;
}
#project-version-two .masonary-item.width-2 {
width: 50%;
}
#project-version-two .masonary-item.height-1 {
height: auto;
}
#project-version-two .masonary-item img {
width: 100%;
height: 100%;
}
#project-version-two .masonary-item .img-wrap {
position: relative;
}
#project-version-two .masonary-item .img-wrap .content-wrap {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 10px;
cursor: pointer;
background: rgba(152, 199, 0, .85);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#project-version-two .masonary-item:hover .img-wrap .content-wrap {
opacity: 1;
filter: alpha(opacity=100);
}
#project-version-two .masonary-item .img-wrap .content-wrap .border {
width: 100%;
height: 100%;
border: 1px solid #fff;
}
#project-version-two .masonary-item .img-wrap .content-wrap h4 {
color: #fff;
margin: 0;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
#project-version-two .masonary-item .img-wrap .content-wrap span {
color: #fff;
display: block;
font-size: 14px;
line-height: 22px;
text-transform: capitalize;
font-weight: 500;
text-align: center;
}
#project-version-two .masonary-item .img-wrap .content-wrap .content {
position: relative;
top: 45%;
}
.masonary-gallery .single-latest-project-gardener {
margin-bottom: 0;
}
/**
* Emergency Customization Project V2 Styles.
**/
#emergency.project-v2 {
background: #fff url(../img/emergency/bg.png) top right no-repeat;
background-size: cover;
}
/**
* Single Post Styles.
**/
#blog-post.single-post article h3 {
color: #242424;
font-size: 20px;
font-weight: 500;
line-height: 26px;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
margin-top: 61px !important;
}
#blog-post.single-post article p {
margin-bottom: 10px;
}
#blog-post.single-post article ul li {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
line-height: 26px;
font-family: "Raleway",sans-serif;
}
#blog-post.single-post article ul li .fa {
bottom: 2px;
font-size: 7px;
margin-right: 7px;
position: relative;
color: #c3c3c3;
}
#blog-post.single-post article ul.highlight li {
color: #85ae02;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote {
background: #303030 none repeat scroll 0 0;
border-radius: 4px;
margin-left: 0;
margin-top: 35px;
overflow: hidden;
position: relative;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote:before {
background-color: #85AE02;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 6px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p {
color: #898989;
font-size: 16px;
font-style: italic;
font-weight: 400;
padding: 26px 45px 5px 110px;
position: relative;
}
/*
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p:before {
color: #85ae02;
content: "\f10dÂÂÂÂ";
font-family: 'fontawesome';
font-size: 55px;
left: 30px;
position: absolute;
top: 30px;
}
*/
.expert_quote .fa {
color: #85ae02;
float: left;
font-size: 40px;
padding-left: 50px;
padding-top: 20px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote span {
color: #85ae02;
float: right;
font-size: 14px;
font-style: italic;
padding-bottom: 30px;
padding-right: 45px;
text-transform: capitalize;
font-weight: 300;
font-family: "Raleway",sans-serif;
}
#blog-post article .shear_area .shear {
border: 1px solid #e9e9e9;
margin-top: 30px;
overflow: hidden;
}
#blog-post article .shear_area .shear a {
color: #303030;
display: inline-block;
float: left;
font-size: 16px;
font-weight: 700;
margin-right: 16px;
padding: 17px 20px;
text-align: center;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#blog-post article .shear_area .shear .social_button ul {
float: left;
margin: 0;
padding: 0;
}
#blog-post article .shear_area .shear .social_button ul li {
float: left;
}
#blog-post article .shear_area .shear .social_button ul li a {
background-color: transparent;
color: #c3c3c3;
display: inline-block;
padding: 18px 0 18px 20px;
}
#blog-post article .shear_area .shear .social_button ul li a i {
font-size: 20px;
}
#blog-post article .administrator {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
margin-top: 30px;
overflow: hidden;
}
#blog-post article .administrator .administrator_img {
padding-bottom: 22px;
padding-left: 10px;
padding-top: 18px;
}
#blog-post article .administrator .administrator_text {
margin-left: -42px;
}
#blog-post article .administrator .administrator_text h4 {
color: #242424;
font-size: 16px;
font-weight: 700;
margin-top: 18px;
padding-top: 8px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#blog-post article .administrator .administrator_text p {
color: #999999;
font-size: 14px;
font-weight: 500;
}
#blog-post article .comments_area {
border: 1px solid #ebebeb;
margin-top: 30px;
overflow: hidden;
padding: 20px;}
#blog-post article .comments_area .comment_title h4 {
color: #353535;
font-size: 16px;
font-weight: 700;
margin-bottom: 50px;
margin-top: 30px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#blog-post article .comments_area .single_comment {
border-bottom: 1px solid #ebebeb;
display: inline-block;
margin: 0 25px 30px;
}
#blog-post article .comments_area .single_comment .comment_text {
margin-left: -10px;
}
#blog-post article .comments_area .single_comment .comment_text h5 {
color: #242424;
font-size: 16px;
font-weight: 600;
margin-top: 1px;
text-transform: capitalize;
}
#blog-post article .comments_area .single_comment .comment_text p.c_text {
color: #898989;
font-size: 15px;
padding-bottom: 50px;
}
#blog-post.single-post article ul li .fa.plus-icon {
bottom: 2px;
color: #85ae02;
margin-right: 7px;
position: relative;
}
#blog-post article .comments_area .single_comment .comment_text p span {
color: #85ae02;
font-weight: 500;
margin-left: 5px;
text-transform: capitalize;
}
#blog-post article .comments_area .single_comment .comment_text p span.c_date {
color: #c2c2c2;
font-size: 13px;
margin-top: -5px;
margin-right: 5px;
}
#blog-post article .comments_area .single_comment .comment_reply {
border: medium none;
margin: 0;
}
#blog-post article .comments_area .single_comment .comment_reply .comment_reply_img {
margin-left: -20px;
}
#blog-post article .comment-box {
border: 1px solid #ebebeb;
margin-top: 30px;
padding-bottom: 42px;
padding-left: 20px;padding-right: 20px;}
#blog-post article .comment-box .comment-box-title h4 {
color: #353535;
font-size: 16px;
font-weight: 700;
padding: 30px 0;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#blog-post article .comment-box .comment-box-field .comment-box-half input[type="text"] {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
margin-bottom: 20px;
padding: 10px 0;
width: 100%;
padding-left: 20px;
}
#blog-post.single-post article {
margin-bottom: 0;
}
#blog-post article .comment-box .comment-box-field .comment-box-full textarea {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
height: 186px;
padding: 20px;
resize: none;
width: 100%;
}
#blog-post article .comment-box .comment-box-field .comment-box-submit input[type=submit] {
background: #FF9101 none repeat scroll 0 0;
border: 1px solid #FF9101;
color: #fff;
font-size: 14px;
font-weight: 700;
margin: 25px 0 40px;
padding: 5px 30px;
text-transform: uppercase;
}
/**
* Project Version 3 Styles.
**/
#project-version-one .gallery-v4 {
margin-right: -5px;
margin-left: -5px;
}
#project-version-one .gallery-v4 .single-project-item {
display: none;
margin:0 5px;
margin-bottom: 10px;
padding: 0;
}
#project-version-one .gallery-v4 .single-project-item img {
width: 100%;
height: 100%;
}
/**
* No Search Result Styles
**/
#blog-post .no-search-content h2 {
border-bottom: 1px solid #e2e2e2;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0 0 30px;
padding-bottom: 20px;
text-transform: uppercase;
position: relative;
}
#blog-post .no-search-content h2:after {
content: "";
background: #12AEF8;
width: 50px;
height: 2px;
position: absolute;
top: 50px;
left: 0;
}
#blog-post .no-search-content article h3 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding-top: 20px;
text-transform: uppercase;
color: #242424;
font-family: "Open Sans",sans-serif;
}
#blog-post .no-search-content .suggesion {
color: #898989;
font-size: 14px;
line-height: 22px;
margin-bottom: 30px;
margin-top: 20px;
}
#blog-post .no-search-content .suggesion i {
margin-right: 10px;
}
#blog-post .no-search-content .suggesion-input input[type="text"] {
border: 1px solid #e2e2e2;
display: inline-block;
float: left;
height: 40px;
margin-top: 17px;
padding: 5px 15px;
width: 65%;
}
#blog-post.search-results .section-title2 {
margin-top: -7px;
}
a .search-result-button {
background: #252525 none repeat scroll 0 0;
display: inline-block;
float: left;
margin-top: 17px;
}
a .search-result-button p {
color: #fff;
display: inline-block;
float: left;
line-height: 40px;
margin: 0;
padding-left: 30px;
padding-right: 20px;
text-transform: uppercase;
}
a .search-result-button .fa {
color: #98bc24;
font-size: 16px;
line-height: 40px;
padding-right: 25px;
}
#blog-post .no-search-content .suggesion-input input[type=button] {
background: #FF9000 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 16px;
font-weight: 700;
margin-left: -4px;
padding: 6px 30px;
}
/**
* Mobile Navigation Styles.
**/
button.mainmenu-toggler {
background: transparent none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 8px;
color: #31afe2;
display: none;
float: right;
font-size: 22px;
font-weight: 800;
height: 36px;
line-height: 36px;
margin-right: 10px;
outline: medium none;
padding: 0 13px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
button.mainmenu-toggler:hover {
border-color: #FE5454;
color: #FE5454;
}
.mainmenu-container ul li.dropdown .fa {
display: none;
}
/**
* Testimonials Version 1 Styles.
**/
.testimonials_v1 .testimonials_v1_content {
background-color: #f5f4f4;
padding: 0 25px;
}
.testimonials_v1 .row {
margin: 0;
}
.testimonials_v1 .section-title h1 {
margin-bottom: 60px;
}
.testimonials_v1 #testimonials.testimonials_v1_content {
padding: 50px 30px;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap {
margin-bottom: 70px;
padding: 0;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap:last-child {
margin-bottom: 0;
}
.testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap .single-testimonial .content {
width: 80.65%;
}
/**
* Testimonials Version 2 Styles.
**/
.testimonials_v2 {
margin-bottom: -60px;
}
.testimonials_v2 .testimonials_v2_content {
background-color: #fff;
margin-left: -15px;
margin-right: 15px;
padding: 0 25px;
}
.testimonials_v2 .section-title h1 {
margin-bottom: 60px;
}
.testimonials_v2 #testimonials.testimonials_v2_content {
padding: 0;
background: #fff;
}
.testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap {
margin-bottom: 60px;
}
.testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap .single-testimonial .content {
width: 76.24%;
margin-bottom: 19px;
}
.testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap .single-testimonial {
background: #F7F7F7;
}
/**
* Quick Link Side bar Style
**/
#blog-post .sidebar-widget .category-list li a.active {
color: #98C700;
}
/**
* Team Styles.
**/
#our-specialist.single-team-page {
padding-bottom: 30px;
}
#our-specialist.single-team-page .col-lg-3 {
margin-bottom: 70px;
}
#our-expertize {
background: #f5f4f4;
padding: 73px 0 80px;
}
#our-expertize h2 {
color: #242424;
font-size: 28px;
font-weight: bold;
line-height: 30px;
margin: 0 0 15px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#our-expertize p {
color: #898989;
font-size: 14px;
font-weight: 500;
}
.highlight {
padding-top: 7px;
}
h5.two-colum-text {
color: #242424;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 15px;
}
#our-expertize p span.highlighted {
color: #242424;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
#emergency.team-page {
background-color: #F5F4F4;
}
/**
* Faqs Styles.
**/
#blog-post.faq .faq-content .faq-title h2 {
border-bottom: 1px solid #e2e2e2;
color: #000;
font-size: 24px;
font-weight: 700;
margin-bottom: 50px;
padding-bottom: 20px;
text-transform: uppercase;
position: relative;
}
#blog-post.faq .faq-content .faq-title h2:after {
background: #98C700 none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 51px;
width: 50px;
}
.faq .faq-content .faq-text p {
color: #898989;
font-size: 14px;
font-weight: 500;
margin-bottom: 50px;
margin-top: -25px;
}
.faq .faq-content .faq-search {
background: #f9f9f9 none repeat scroll 0 0;
padding: 20px;
}
.faq .faq-content .faq-search input[type="text"] {
border: 1px solid #e9e9e9;
color: #aeaeae;
font-size: 14px;
padding: 10px 20px;
width: 79%;
font-family: "Open Sans",sans-serif;
outline: none;
}
#blog-post.faq article {
margin-bottom: 0;
}
.faq .faq-content .faq-search input[type="button"],
.faq .faq-content .faq-search button[type="submit"] {
background: #242424;
border: medium none;
color: #fff;
font-size: 16px;
font-weight: 700;
margin-left: -4px;
padding: 10px 40px;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
.faq .faq-content .general-question {
margin-top: 50px;
}
.general-question .panel-group .panel {
border-radius: 0;
margin-top: 15px;
}
.general-question .panel-group .panel-default > .panel-heading {
border-color: #e9e9e9;
background-color: #ffffff;
}
.general-question .panel-group .panel-default .panel-title {
color: #898989;
font-size: 14px;
font-weight: 500;
padding: 5px 0;
font-family: "Open Sans",sans-serif;
}
.general-question .panel-group .panel-default .panel-title a {
display: block;
position: relative;
}
.general-question .panel-group .panel-default .panel-title a:after {
content: "\f106";
font-family: fontawesome;
background: #f9f9f9 none repeat scroll 0 0;
border-left: 1px solid #e9e9e9;
color: #7d7d7d;
font-size: 24px;
padding: 9px 15px;
position: absolute;
right: -15px;
top: -15px;
}
.general-question .panel-group .panel-default .panel-title a.collapsed:after {
content: "\f107";
font-family: fontawesome;
background: #f9f9f9 none repeat scroll 0 0;
border-left: 1px solid #e9e9e9;
color: #7d7d7d;
font-size: 24px;
padding: 9px 15px;
position: absolute;
right: -15px;
top: -15px;
}
.general-question .panel-body {
padding: 25px 15px 30px;
}
#blog-post article .general-question .panel-body .panel_body_up h2 {
color: #87ae0c;
font-family: "Raleway",sans-serif;
font-size: 24px;
font-weight: 300;
padding: 10px 0;
text-transform: none;
}
.general-question .panel-body .panel_body_up p {
color: #898989;
font-size: 14px;
font-weight: 500;
}
.general-question .panel-body .panel_body_down .panel_down_img {
float: left;
}
.general-question .panel-body .panel_body_down .panel_down_text {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
overflow: hidden;
padding-left: 15px;
}
#blog-post article .popular-question h2 {
border-bottom: 1px solid #e2e2e2;
color: #000;
font-size: 24px;
font-weight: 700;
margin-bottom: 50px;
padding-bottom: 20px;
text-transform: uppercase;
position: relative;
}
#blog-post article .popular-question h2:after {
content: "";
position: absolute;
top: 51px;
left: 0;
width: 50px;
height: 2px;
background: #98C700;
}
/**
* Project version 3 Styles.
**/
#project-version-one.project-v3 {
background: #f5f4f4 none repeat scroll 0 0;
padding-bottom: 70px;
}
#project-version-one .two-col-gallery img {
width: 100%;
}
#project-version-one .two-col-gallery .content {
background: #fff none repeat scroll 0 0;
display: block;
padding: 15px 0;
text-align: center;
}
#project-version-one .two-col-gallery .content h4 {
color: #242424;
font-size: 14px;
font-weight: 500;
line-height: 22px;
margin: 0;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
#project-version-one .two-col-gallery .content span {
color: #898989;
font-size: 14px;
font-weight: 500;
font-family: "Open Sans",sans-serif;
}
#project-version-one .two-col-gallery .single-project-item:hover .content h4 {
color: #fff;
}
#project-version-one .two-col-gallery .single-project-item:hover .content span {
color: #fff;
}
#project-version-one .two-col-gallery .single-project-item:hover .overlay:before {
height: 100%;
}
#project-version-one .two-col-gallery .single-project-item:hover .overlay:after {
visibility: visible;
}
#project-version-one .two-col-gallery .single-project-item .content:before {
background: #85AE02;
}
#project-version-one .two-col-gallery .single-project-item:hover .content:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.two-col-gallery .single-latest-project-gardener .img-wrap {
position: relative;
}
.gallery-v4 .single-latest-project-wrapper {
width: 20%;
float: left;
padding: 0 5px;
}
.gallery-v4 .single-latest-project-gardener {
margin-bottom: 10px;
}
/**
* Project Content Styles.
**/
#project-content {
padding-bottom: 68px;
padding-top: 94px;
}
#project-content .section-title2 {
margin-bottom: 0;
}
#project-content p {
font-size: 14px;
font-weight: 500;
color: #8E8D8D;
}
/**
* Project Content Version Two Styles.
**/
#project-content.version-2 {
text-align: center;
padding: 60px 0 0px;
margin-bottom: -30px;
}
#project-content.version-2 .section-title h1:before {
content: ' ';
display: block;
width: 55%;
height: 1%;
background: #E2E2E2;
bottom: 15px;
left: 25%;
margin: auto;
}
#project-content.version-2 .section-title h1 {
background: url(../img/resources/project-section-title-bg.png) no-repeat bottom center;
padding-bottom: 40px;
border: none;
}
/**
* Blog Version Two Styles.
**/
#blog.version-two .blog-wrap {
margin-bottom: 40px;
}
#blog.version-two .post-pagination ul {
text-align: center;
}
#blog.version-two .post-pagination ul li {
display: inline;
}
#blog.version-two .post-pagination ul li a {
display: inline-block;
height: 50px;
line-height: 50px;
color: #8E8D8D;
margin-right: 10px;
text-align: center;
border: 1px solid #E2E2E2;
font-size: 24px;
padding: 0 17px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog.version-two .post-pagination ul li.active a,
#blog.version-two .post-pagination ul li:hover a {
background: #FD9C1E;
color: #fff;
border: 1px solid #FD9C1E;
}
/**
* Preloader Styles.
**/
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/resources/preloader.gif);
}
/**
* Home v2 Topbar Styles.
**/
.home-v2#topbar {
background: #012C3C;
}
.home-v2#topbar .social ul li a {
color: #42B8EA;
}
.home-v2#topbar .contact-info ul li a {
color: #fff;
}
/**
* Home V2 header Styles.
**/
header.home-v2 {
background: #42B8E9;
}
.home-v2 ul.mainmenu li a {
color: #fff;
}
header.home-v2 ul.mainmenu li a:hover {
color: #012C3C;
}
header.home-v2 ul.mainmenu > li.current > a {
color: #012C3C;
}
.home-v2 ul.mainmenu li a:before,
.home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
background: #012C3C;
color: #fff;
}
.home-v2 .mainmenu-container ul li.top-icons a i {
color: #fff;
border-color: #fff;
}
.home-v2 .mainmenu-container ul > li.dropdown:after {
color: #012C3C;
}
.home-v2 .mainmenu-container ul > li > ul li.dropdown:after {
color: #fff;
}
.home-v2 .mainmenu-container ul > li > ul > li > ul > li:last-child > a:hover {
color: #fff;
background: #012C3C;
padding: 0 20px;
}
.home-v2 .mainmenu-container ul li.top-icons:hover a i {
color: #012C3C;
border-color: #012C3C;
}
.home-v2 .search-box form button {
color: #012C3C;
}
.home-v2 .search-box {
background: #42B8E9;
}
.home-v2 .cart-box span {
color: #012C3C;
}
.home-v2 button.mainmenu-toggler {
color: #fff;
}
.home-v2 button.mainmenu-toggler:hover {
color: #012C3C;
border-color: #012C3C;
}
.home-v2 ul.mainmenu li a:before, .home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
background: #012C3C;
}
.home-v2 .mainmenu-container ul li a:before {
background: #012C3C;
}
/**
* Home V2 project v2 Styles.
**/
.home-v2#project-version-two {
background: url(../img/our-projects/bg.jpg) center top no-repeat;
background-size: cover;
padding-bottom: 80px;
}
.home-v2#project-version-two .section-title h1 {
color: #fff;
border-color: #335160;
}
.home-v2#project-version-two .gallery-filter {
border: none;
}
.home-v2#project-version-two .gallery-filter li span {
color: #fff;
border: 1px solid transparent;
line-height: 30px;
}
.home-v2#project-version-two .gallery-filter li:hover span {
color: #12AEF8;
}
.home-v2#project-version-two .gallery-filter li.active span {
border: 1px solid #12AEF8;
color: #12AEF8;
}
.home-v2#project-version-two .gallery-filter li.active span:before {
display: none;
}
.home-v2#project-version-two .view-all-btn {
text-align: center;
}
.home-v2#project-version-two a.view-all {
border: 1px solid #4C7B96;
background-color: transparent;
color: #fff;
text-transform: uppercase;
line-height: 35px;
padding: 0 35px;
font-weight: 600;
font-size: 13px;
margin: auto;
display: inline-block;
margin-top: 35px;
}
.home-v2#project-version-two a.view-all:hover {
border-color: transparent;
}
.home-v2#project-version-two a.view-all:before {
background: #FE5454;
}
/**
* home V2 blog Styles.
**/
.home-v2#blog .blog-wrap {
margin-bottom: 35px;
}
.home-v2#blog .blog-wrap.height-big .content-wrap p {
margin-bottom: 45px;
}
/**
* Home v2 Styles.
**/
.home-v2#pricing-faq {
background: #102335;
position: relative;
z-index: 1;
}
.home-v2#pricing-faq .parallax {
opacity: .7;
filter: alpha(opacity=70);
}
.home-v2#pricing-faq .section-title h1 {
color: #fff;
border-color: #335160;
}
.home-v2#pricing-faq ul li h2 {
color: #12AEF8;
}
.home-v2#pricing-faq ul li p {
color: #fff;
}
/**
* Home v2 contact Styles.
**/
.home-v2#contact-content {
padding: 0;
position: relative;
margin-bottom: -60px;
background: url(../img/resources/contact-bg.png) bottom right no-repeat fixed;
}
.home-v2#contact-content .auto-container {
padding: 65px 0 50px;
overflow: hidden;
}
.home-v2#contact-content .section-title h1 {
margin-bottom: 30px;
}
.home-v2#contact-content .auto-container p {
text-align: left;
}
/**
* Google map full width Styles.
**/
.google-map-full-container {
width: 100%;
}
.google-map-full-container .google-map {
height: 450px;
}
/**
* Subscribe Section Styles.
**/
#subscribe-section {
background: #36A2DC;
padding: 30px 0 20px;
}
#subscribe-section h2 {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 0;
margin-bottom: 5px;
}
#subscribe-section p {
font-size: 15px;
font-weight: 600;
color: #fff;
}
#subscribe-section p br {
display: none;
}
#subscribe-section .subscribe-form-wrap {
padding: 25px 0;
}
#subscribe-section .subscribe-form-wrap input {
width: 70%;
height: 45px;
color: #FFFFFF;
font-size: 15px;
line-height: 45px;
background: #03394F;
font-weight: 600;
border: none;
padding-left: 20px;
margin-right: 20px;
}
#subscribe-section .subscribe-form-wrap button {
font-size: 16px;
line-height: 45px;
color: #fff;
font-weight: 900;
background: #FE5454;
border: 1px solid #FE5454;
text-transform: uppercase;
display: inline-block;
margin: auto;
outline: none;
padding: 0 40px;
}
#subscribe-section .subscribe-form-wrap button:before {
background: #fff;
}
#subscribe-section .subscribe-form-wrap button:hover,
#subscribe-section .subscribe-form-wrap button:focus {
color: #FE5454;
}
/**
* Our Achivement Styles.
**/
#our-achivement {
background: #36A2DC;
color: #fff;
padding: 60px 0;
}
#our-achivement .achivement ul li {
display: inline;
}
#our-achivement .achivement ul li span {
display: inline-block;
padding: 0 20px;
border-right: 1px dashed #fff;
font-size: 16px;
font-weight: 600;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#our-achivement .achivement ul li span b {
font-weight: bold;
font-size: 40px;
font-family: 'Open Sans';
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#our-achivement .achivement ul li span:last-child {
border: none;
}
#our-achivement .achivement ul li span i {
font-size: 55px;
line-height: 75px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#our-achivement .achivement:hover ul li span i,
#our-achivement .achivement:hover ul li span b {
color: #FE5454;
}
#our-achivement .achivement:hover ul li span {
color: #012C3C;
}
/**
* Request a qoute container Styles.
**/
#request-a-qoute-container {
margin-top: -170px;
position: relative;
z-index: 9999;
}
#request-a-qoute-container .tab-title ul {
text-align: left;
margin-left: 3px;
}
#request-a-qoute-container .tab-title ul li {
display: inline;
}
#request-a-qoute-container .tab-title ul li span {
display: inline-block;
color: #444444;
font-weight: bold;
text-transform: uppercase;
font-size: 16px;
line-height: 50px;
border-top: 5px solid transparent;
background: #E8E8E8;
padding: 0 22px;
cursor: pointer;
margin: 0 -3px;
}
#request-a-qoute-container .tab-title ul li span.active {
background: #fff;
border-top: 5px solid #51B7E3;
box-shadow: 5px -5px 5px rgba(0,0,0,.2);
position: relative;
z-index: 999;
}
#request-a-qoute-container .tab-title ul li:last-child span.active {
box-shadow: -5px -5px 5px rgba(0,0,0,.2);
}
#request-a-qoute-container .tab-content {
padding: 25px 0;
background: #fff;
}
#request-a-qoute-container .tab-content .success {
color: #42B8E9;
}
#request-a-qoute-container .tab-content form ul li {
width: 20%;
float: left;
padding: 0 15px;
}
#request-a-qoute-container .tab-content form ul li label {
display: block;
font-family: 'Open Sans';
font-size: 15px;
color: #000000;
font-weight: normal;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#request-a-qoute-container .tab-content form ul li label.error {
display: none !important;
}
#request-a-qoute-container .tab-content form ul li:hover label {
color: #FE5454;
}
#request-a-qoute-container .tab-content form ul li:focus label {
color: #42B8E9;
}
#request-a-qoute-container .tab-content form ul li input {
display: block;
height: 35px;
width: 100%;
border: 1px solid #E1E1E1;
outline: none;
padding: 0 10px;
color: #000;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#request-a-qoute-container .tab-content form ul li input.error {
border-color: red;
}
#request-a-qoute-container .tab-content form ul li input:hover {
background: #42B8E9;
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:focus {
background: #42B8E9;
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:focus {
background: #42B8E9;
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input::-webkit-input-placeholder {
color: #c1c1c1;
}
#request-a-qoute-container .tab-content form ul li input:-moz-placeholder { /* Firefox 18- */
color: #c1c1c1;
}
#request-a-qoute-container .tab-content form ul li input::-moz-placeholder { /* Firefox 19+ */
color: #c1c1c1;
}
#request-a-qoute-container .tab-content form ul li input:-ms-input-placeholder {
color: #c1c1c1;
}
#request-a-qoute-container .tab-content form ul li input:hover::-webkit-input-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus::-webkit-input-placeholder {
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:hover:-moz-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:hover::-moz-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
#request-a-qoute-container .tab-content form ul li input:hover:-ms-input-placeholder,
#request-a-qoute-container .tab-content form ul li input:focus:-ms-input-placeholder {
color: #fff;
}
#request-a-qoute-container .tab-content form ul li button {
background: #FE5454;
color: #fff;
border: none;
outline: none;
font-size: 16px;
line-height: 35px;
height: 35px;
text-transform: uppercase;
font-weight: 800;
width: 100%;
}
#request-a-qoute-container .tab-content form ul li button:hover,
#request-a-qoute-container .tab-content form ul li button:focus {
color: #FE5454;
}
#request-a-qoute-container .tab-content form ul li button:before {
background: #fff;
}
#request-a-qoute-container .auto-container {
position: relative;
}
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip {
position: absolute;
top: 0;
right: 15px;
background: #42B8E9 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 900;
line-height: 45px;
margin: auto;
outline: medium none;
padding: 0 45px;
text-transform: uppercase;
}
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip:hover,
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip:focus {
color: #42B8E9;
}
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip:before {
background: #fff;
}
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip i {
position: absolute;
bottom: -17px;
font-size: 30px;
left: 0;
width: 100%;
color: #42B8E9;
}
#request-a-qoute-container .auto-container .request-a-qoute-with-tooltip:hover i {
color: #fff;
}
/**
* Header Variation One's header Styles.
**/
header.header-v1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
z-index: 999999;
border-bottom: 1px solid rgba(255,255,255,.2);
}
header.header-v1 .mainmenu-container ul li {
line-height: 90px;
}
header.header-v1 .logo {
margin: 17px 0;
}
header.header-v1 .mainmenu-container > ul > li > a,
header.header-v1 .mainmenu-container ul li.top-icons a i {
color: #fff;
}
header.header-v1 .mainmenu-container ul li.top-icons a i {
border-color: #fff;
}
header.header-v1.header-fixed {
background: #51B7E3;
}
header.header-v1 .top-info ul {
text-align: right;
}
header.header-v1 .top-info ul li {
display: inline;
}
header.header-v1 .top-info ul li span {
display: inline-block;
color: #fff;
font-size: 14px;
line-height: 40px;
margin-left: 25px;
}
header.header-v1 .mainmenu-container > ul > li.dropdown:after {
bottom: 10px;
}
header.header-v1 .top-info {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
header.header-v1.header-fixed .top-info {
display: none;
}
/**
* Header variation one's banner style Styles.
**/
#header-v1-banner {
padding: 320px 0 0px;
background: url(../img/slides/image6.jpg) no-repeat center center;
background-size: cover;
height: 100vh;
position: relative;
}
#header-v1-banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.55);
}
#header-v1-banner h1 {
font-size: 70px;
line-height: 70px;
margin: 0px;
display: inline-block;
text-transform: uppercase;
font-weight: 800;
padding: 10px 20px;
}
#header-v1-banner h1.blue {
background: #04AEEA;
color: #002431;
}
#header-v1-banner h1.red {
background: #FE5454;
color: #fff;
}
#header-v1-banner p {
font-size: 20px;
line-height: 28px;
color: #fff;
font-weight: 500;
font-style: italic;
margin: 50px 0;
}
#header-v1-banner a {
font-size: 14px;
line-height: 38px;
padding: 0 40px;
border: 1px solid #fff;
color: #fff;
display: inline-block;
}
/**
* Header Version three Styles.
**/
header.header-v3 .auto-container {
position: relative;
z-index: 9999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
header.header-v3 > .auto-container {
margin-bottom: -25px;
}
header.header-v3.header-fixed .auto-container {
margin-bottom: 0;
}
header.header-v3 .header-v3-top {
padding: 25px 0;
}
header.header-v3 .logo {
margin-top: 0;
}
header.header-v3 .col-lg-9 ul {
text-align: right;
}
header.header-v3 .col-lg-9 ul li {
float: right;
padding: 0 20px;
border-right: 1px solid #D3D3D3;
}
header.header-v3 .col-lg-9 ul li:first-child {
border: none;
}
header.header-v3 .col-lg-9 ul li span {
display: inline-block;
text-align: left;
color: #787D84;
font-size: 14px;
vertical-align: bottom;
}
header.header-v3 .col-lg-9 ul li span .number {
font-family: 'Open Sans';
}
header.header-v3 .col-lg-9 ul li span b {
display: block;
color: #012C3C;
font-weight: 500;
margin-bottom: -6px;
}
header.header-v3 .col-lg-9 ul li span .fa {
font-size: 15px;
color: #787D84;
margin-right: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
header.header-v3 .col-lg-9 ul li span a:hover .fa {
color: #10BEDE;
}
header.header-v3 .col-lg-9 ul li span .icon {
font-size: 30px;
line-height: 50px;
color: #0EC3FF;
vertical-align: top;
padding-right: 10px;
}
header.header-v3 .mainmenu-container {
background: #10BEDE;
border-bottom: 3px solid #FE5454;
padding: 0;
}
header.header-v3 .mainmenu-container ul {
text-align: left;
}
header.header-v3 .mainmenu-container ul li {
line-height: 50px;
}
header.header-v3 .mainmenu-container > ul > li > a {
color: #fff;
margin-right: -5px;
position: relative;
}
header.header-v3 .mainmenu-container > ul > li:first-child > a:before {
display: none;
}
header.header-v3 .mainmenu-container > ul > li > a:before {
content: ' ';
background: #0C9AB8;
width: 1px;
height: 22px;
position: absolute;
right: 0;
top: 15px;
}
header.header-v3 .mainmenu-container > ul > li:hover > a,
header.header-v3 .mainmenu-container > ul > li.current > a {
background: #FE5454;
}
header.header-v3 .mainmenu-container > ul > li.current > a:before,
header.header-v3 .mainmenu-container > ul > li:hover > a:before,
header.header-v3 .mainmenu-container > ul > li:hover + li > a:before,
header.header-v3 .mainmenu-container > ul > li.current + li > a:before {
content: '';
background: none;
display: none;
}
header.header-v3 .mainmenu-container ul > li.dropdown:after {
bottom: 0;
color: #fff;
font-size: 13px;
}
header.header-v3 .mainmenu-container ul li.top-icons a {
margin-right: 0;
color: #fff;
}
header.header-v3 .mainmenu-container ul li.top-icons a i {
color: #fff;
}
header.header-v3 .mainmenu-container ul li.top-icons a:before {
display: none;
}
/**
* Header v3 banner text Styles.
**/
#banner.header-v3 {
background: url(../img/slides/image7.jpg) center top no-repeat;
background-size: cover;
padding: 135px 0 100px;
position: relative;
z-index: 999;
}
#banner.header-v3 .auto-container {
overflow: hidden;
}
#banner.header-v3 .col-lg-5 {
position: relative;
left: 6%;
}
h1.banner-header-v3-heading {
font-size: 35px;
line-height: 35px;
margin: 0px;
display: inline-block;
text-transform: uppercase;
font-weight: 800;
padding: 10px 20px;
}
h1.banner-header-v3-heading.blue {
background: #052733;
color: #0EC3FF;
}
h1.banner-header-v3-heading.red {
background: #FE5454;
color: #fff;
}
.banner-header-v3-txt {
margin: 25px 0;
}
.banner-header-v3-txt li,
.banner-header-v3-txt li i {
font-size: 18px;
font-weight: bold;
color: #000000;
}
.banner-header-v3-txt li span {
border-bottom: 1px solid #979797;
border-left: 1px solid #979797;
line-height: 41px;
text-transform: uppercase;
display: inline-block;
padding: 0 20px;
}
.banner-header-v3-txt li:first-child span {
border-top: 1px solid #979797;
}
.banner-header-v3-button {
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
line-height: 37px;
padding: 0 20px;
background: #2CCAFF;
border-bottom: 4px solid #376f81;
display: inline-block;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.banner-header-v3-button:hover {
background: #FE5454;
color: #fff;
}
.banner-header-v3-button:active {
position: relative;
top: 4px;
border-bottom: 1px solid #376f81;
}
/**
* Header Version Four Styles.
**/
header.header-v4 {
}
header.header-v4 .header-v4-top {
padding: 25px 0;
}
header.header-v4 .logo {
margin-top: 0;
}
header.header-v4 .col-lg-9 ul {
text-align: right;
}
header.header-v4 .col-lg-9 ul li {
float: right;
padding: 0 20px;
border-right: 1px solid #D3D3D3;
}
header.header-v4 .col-lg-9 ul li:first-child {
border: none;
}
header.header-v4 .col-lg-9 ul li span {
display: inline-block;
text-align: left;
color: #787D84;
font-size: 14px;
vertical-align: bottom;
}
header.header-v4 .col-lg-9 ul li span .number {
font-family: 'Open Sans';
}
header.header-v4 .col-lg-9 ul li span b {
display: block;
color: #012C3C;
font-weight: 500;
margin-bottom: -6px;
}
header.header-v4 .col-lg-9 ul li span .fa {
font-size: 15px;
color: #787D84;
margin-right: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
header.header-v4 .col-lg-9 ul li span a:hover .fa {
color: #10BEDE;
}
header.header-v4 .col-lg-9 ul li span .icon {
font-size: 30px;
line-height: 50px;
color: #0EC3FF;
vertical-align: top;
padding-right: 10px;
}
header.header-v4 .header-v4-bottom {
background: #F0F0F0;
border-top: 1px solid #D5D5D5;
}
header.header-v4 .mainmenu-container > ul {
padding: 0;
}
header.header-v4 .mainmenu-container ul {
text-align: left;
}
header.header-v4 .mainmenu-container ul li {
line-height: 50px;
}
header.header-v4 .mainmenu-container > ul > li > a {
color: #515050;
margin-right: -5px;
position: relative;
}
header.header-v4 .mainmenu-container > ul > li > a:before {
content: ' ';
background: #CACACA;
width: 1px;
height: 22px;
position: absolute;
right: 0;
top: 15px;
}
header.header-v4 .mainmenu-container > ul > li:first-child > a:before {
display: none;
}
header.header-v4 .mainmenu-container > ul > li:hover > a,
header.header-v4 .mainmenu-container > ul > li.current > a {
color: #FE5454;
}
header.header-v4 .mainmenu-container ul > li.dropdown:after {
bottom: 0;
color: #fff;
font-size: 13px;
}
header.header-v4 .mainmenu-container ul li.top-icons a {
margin-right: 0;
color: #fff;
}
header.header-v4 .mainmenu-container ul li.top-icons a i {
color: #2DA9E9;
border-color: #CACACA;
}
header.header-v4 .mainmenu-container ul li.top-icons a:before {
display: none;
}
.header-v4-bottom .top-icons-wrap {
width: auto;
}
.header-v4-bottom .top-icons-wrap form {
height: 35px;
background: #FFFFFF;
border: 1px solid #CACACA;
padding: 0 10px;
border-radius: 5px;
position: relative;
top: 7px;
}
.header-v4-bottom .top-icons-wrap input,
.header-v4-bottom .top-icons-wrap button {
height: 35px;
border: none;
outline: none;
line-height: 35px;
background: none;
display: inline-block;
vertical-align: top;
}
/**
* Header v2 Banner Styles.
**/
#banner.header-v2 {
padding: 285px 0 160px;
background: url(../img/slides/image4.jpg) right top no-repeat;
background-size: cover;
}
#banner.header-v2 h1 {
font-size: 75px;
line-height: 75px;
color: #FE5454;
text-transform: uppercase;
font-weight: 800;
}
#banner.header-v2 h1 span {
font-size: 83px;
color: #1ACCFF;
}
#banner.header-v2 .header-v2-caption {
margin-top: 40px;
background: url(../img/resources/header-v2-banner-lines.png) 40px 0 no-repeat;
background-size: 100% 100%;
}
#banner.header-v2 .header-v2-caption li {
padding-bottom: 40px;
}
#banner.header-v2 .header-v2-caption li:first-child {
padding-top: 40px;
}
#banner.header-v2 .header-v2-caption li .icon-holder {
background: #cf0000;
border: 5px solid #386182;
width: 85px;
height: 85px;
border-radius: 50%;
text-align: center;
margin-right: 40px;
}
#banner.header-v2 .header-v2-caption li .icon-holder .icon {
font-size: 50px;
line-height: 75px;
color: #000000;
}
#banner.header-v2 .header-v2-caption li .icon-holder img {
margin-top: 8px;
}
#banner.header-v2 .header-v2-caption li .icon-holder.plumbing {
background: #FFCA1C;
}
#banner.header-v2 .header-v2-caption li .icon-holder.heating {
background: #FE5454;
}
#banner.header-v2 .header-v2-caption li .icon-holder.handyman {
background: #53E6B0;
}
#banner.header-v2 .header-v2-caption li .info {
color: #fff;
font-size: 18px;
line-height: 26px;
}
#banner.header-v2 .header-v2-caption li .info b {
font-size: 22px;
font-weight: 800;
color: #fff;
text-transform: uppercase;
}
/**
* header v4 banner Styles.
**/
.header-v4 .bold-pxslider-caption-header-v4 h1 {
font-size: 65px;
line-height: 65px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
}
.header-v4 .bold-pxslider-caption-header-v4.red h1 {
color: #FE5454;
}
/**
* Project gallery version 4 Styles.
**/
#project-version-one .normal-gallery.gallery-v4 .single-project-item:hover {
background: #fff;
}
#project-version-one .normal-gallery.gallery-v4 .single-project-item img {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#project-version-one .normal-gallery.gallery-v4 .single-project-item:hover img {
opacity: 0;
filter: alpha(opacity=0);
}
#project-version-one .normal-gallery.gallery-v4 .single-project-item .img-wrap .content-wrap {
width: auto;
height: auto;
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
/**
* Project Gallery Version 5 Styles.
**/
#project-version-one.project-v5 {
background: #F9F9F9;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item {
margin-bottom: 30px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8,
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
background: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 {
padding-left: 0;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 img {
max-width: 100%;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
padding-top: 30px;
padding-bottom: 30px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8:before,
#project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4:before {
background: #A2CD1A;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-8:before,
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-4:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta {
padding: 20px 0;
position: relative;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 4px;
background: #A2CD1A;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta:before {
background: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta h4 {
font-size: 15px;
line-height: 24px;
color: #303030;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta h4 {
color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .meta span {
font-size: 14px;
color: #A7A7A7;
font-weight: 600;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta span {
color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item p {
font-size: 14px;
font-weight: 500;
color: #8E8D8D;
line-height: 26px;
margin: 20px 0px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover p {
color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more {
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
background: #FD9C1E;
line-height: 30px;
display: inline-block;
padding: 0 25px;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:hover {
color: #fff;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:before {
background: #2C2C2C;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay {
position: relative;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:before {
content: ' ';
position: absolute;
top:0;
left:0;
width: 100%;
height: 0%;
background: rgba(0,0,0,.60);
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:after {
content: ' ';
width: auto;
height: auto;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 1px solid #808080;
z-index: 2;
visibility: hidden;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:before {
height: 100%;
}
#project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:after {
visibility: visible;
}
#project-version-one .normal-gallery.gallery-v5 {
margin: 0;
}
/**
* Page 404 content Styles.
**/
#page-404-content {
padding: 230px 0 190px;
background: #fff;
}
#page-404-content .auto-container {
background: rgba(0, 0, 0, 0) url("../img/404/404-bg-2.jpg") no-repeat scroll 0 0 / cover ;
position: relative;
padding-top: 40px;
padding-bottom: 60px;
}
#page-404-content .auto-container .row > img {
bottom: 0;
left: 25px;
position: absolute;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: auto;
}
#page-404-content .auto-container:hover .row > img {
filter: alpha(opacity=0);
}
#page-404-content .auto-container h1 {
color: #ffffff;
font-family: "Roboto Slab",serif;
font-size: 45px;
font-weight: bold;
line-height: 45px;
margin-bottom: 20px;
text-transform: uppercase;
}
#page-404-content .auto-container p {
color: #242424;
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-bottom: 26px;
}
#page-404-content .auto-container a.button-404 {
background: #FE5454;
color: #fff;
text-transform: uppercase;
line-height: 38px;
display: inline-block;
padding: 0 25px;
font-weight: 800;
font-size: 16px;
border: 1px solid transparent;
}
#page-404-content .auto-container a.button-404:hover {
color: #FE5454;
border-color: #FE5454;
}
#page-404-content .auto-container a.button-404:before {
background: #fff;
}
/**
* Search Page Styles.
**/
#blog-post .search-content .section-title h1 {
margin-bottom: 0;
}
#blog-post .search-content .single-search-content {
padding: 50px 0;
border-bottom: 1px solid #E2E2E2;
margin: 0;
}
#blog-post .search-content .single-search-content:first-child {
padding-top: 0;
}
#blog-post .search-content .single-search-content:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#blog-post .search-content .single-search-content .img-holder {
padding-left: 0;
text-align: center;
margin: 0;
}
#blog-post .search-content .single-search-content .content span {
color: #b1b1b1;
font-size: 14px;
font-weight: 500;
line-height: 26px;
}
#blog-post .search-content .single-search-content .content h3 {
color: #242424;
font-size: 14px;
font-weight: 700;
line-height: 26px;
margin: 0;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
#blog-post .search-content .single-search-content .content p {
color: #898989;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin-bottom: 5px;
}
#blog-post .search-content .single-search-content .content a {
color: #85ae02;
font-size: 14px;
font-weight: 500;
}
/**
* Cart Page Styles
**/
.cart-page {
padding: 80px 0px;
}
.cart-page .table {
margin: 0;
}
.cart-page table > tbody > tr > td,
.cart-page .table > thead > tr > th {
border: none;
}
.cart-page .table thead {
background: #F9F9F9;
}
.cart-page .table > thead > tr > th {
color: #000000;
font-size: 16px;
line-height: 60px;
padding: 0 40px;
font-weight: 500;
border: 1px solid #EBEBEB;
border-bottom: 0;
}
.cart-page .table > thead > tr > th.close {
color: transparent;
}
.cart-page .table > tbody > tr > td.preview {
padding: 25px 50px;
}
.cart-page .table > tbody > tr > td {
border: 1px solid #ebebeb;
color: #898989;
font-size: 14px;
font-weight: 500;
padding: 80px 40px;
}
.cart-page .table > tbody > tr > td.price {
font-size: 16px;
}
.cart-page .table > tbody > tr > td.del-item {
text-align: center;
}
.cart-page .table > tbody > tr > td .select-box {
padding: 0;
margin: 0;
border: 1px solid #EDEDED;
width: 95px;
overflow: hidden;
background-color: #fff;
background: #fff url(../img/cart/select-box-bg.png) no-repeat 80% 50%;
}
.cart-page .table > tbody > tr > td .select-box select {
-moz-appearance: none;
background-color: transparent;
background-image: none;
border: medium none;
box-shadow: none;
color: #898989;
font-size: 16px;
padding: 5px 8px;
width: 130%;
}
.cart-page .table > tbody > tr > td.total {
font-size: 16px;
}
.cart-page .table > tbody > tr > td .select-box select:focus {
outline: none;
}
.cart-page .table > tbody > tr > td.del-item {
color: #c56e21;
font-size: 18px;
font-weight: normal;
}
.cart-page .bottom-box {
background: #f9f9f9 none repeat scroll 0 0;
margin: 0 0 50px;
padding: 30px 25px;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.cart-page .bottom-box .cupon-box input {
border: 1px solid #eeeeee;
color: #8e8d8d;
line-height: 36px;
margin-right: 10px;
outline: medium none;
padding: 0 20px;
width: 130px;
}
.cart-page .bottom-box .cupon-box button {
padding: 0 20px;
background: #E3E3E3;
text-transform: capitalize;
border: none;
outline: none;
font-weight: normal;
line-height: 36px;
color: #000000;
}
.cart-page .add-to-cart-wrap {
text-align: right;
}
.cart-page .add-to-cart-wrap a {
}
.cart-page .add-to-cart-wrap a .cart-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
}
.cart-page .add-to-cart-wrap a .cart-button p {
color: #ffffff;
display: inline-block;
float: left;
font-size: 12px;
line-height: 35px;
margin: 0;
padding-left: 21px;
padding-right: 17px;
text-transform: uppercase;
border-right:1px solid #000000;
}
.cart-page .add-to-cart-wrap a .cart-button i {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 17px;
line-height: 35px;
padding-left: 14px;
padding-right: 15px;
}
.cart-page .add-to-cart-wrap a:before {
background: #98BC24;
}
.cart-page .cart-total-box li {
border-bottom: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
font-size: 16px;
font-weight: 500;
line-height: 60px;
padding: 0 25px;
color: #000000;
}
.cart-page .cart-total-box li:first-child {
border-top: 1px solid #EBEBEB;
}
.cart-page .cart-total-box li span {
color: #898989;
margin-left: 50px;
}
.cart-page .cart-total-box .cart-total {
background: #F9F9F9;
}
.cart-page .cart-total-box .proceed-to-checkout {
text-align: right;
}
.cart-page .cart-total-box .proceed-to-checkout a {
line-height: 30px;
font-size: 14px;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
margin-top: 24px;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button p {
border-right: 1px solid #000000;
color: #ffffff;
display: inline-block;
float: left;
font-size: 12px;
line-height: 40px;
margin: 0;
padding-left: 21px;
padding-right: 17px;
text-transform: uppercase;
}
.cart-page .cart-total-box .proceed-to-checkout a .cart-button i{
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 17px;
line-height: 40px;
padding-left: 14px;
padding-right: 15px;
}
.cart-page .cart-total-box .proceed-to-checkout a:before {
background: #98BC24;
}
/**
* Checkout Page Styles.
**/
.left-checkout .section-title2 {
margin-bottom: 39px;
}
.section-title2 h1 b {
padding-right: 10px;
}
#checkout-content {
padding: 100px 0 75px;
}
#checkout-content .return-customer {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #ebebeb;
margin-bottom: 45px;
padding: 21px 30px;
}
#checkout-content .return-customer p {
color: #898989;
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
}
#checkout-content .return-customer a {
color: #98c700;
}
#checkout-content label,
#checkout-content input[type="text"] {
display: block;
}
#checkout-content label {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin-bottom: 4px;
}
#checkout-content input[type="text"] {
border: 1px solid #e2e2e2;
color: #c6c6c6;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
outline: medium none;
padding: 0 20px;
width: 100%;
}
.left-checkout .section-title2.ship-to-different {
margin-bottom: 39px;
margin-top: 68px;
}
.right-checkout .section-title2 {
margin-bottom: 47px;
margin-left: -15px;
}
#checkout-content input[type="text"]:last-child {
margin-bottom: 0;
}
#checkout-content .left-checkout > .row {
margin-bottom: 23px;
}
.col-lg-6.create-account {
}
#checkout-content .select-box {
padding: 0;
margin: 0;
border: 1px solid #E2E2E2;
width: 100%;
overflow: hidden;
background-color: #fff;
background: #fff url(../img/cart/select-box-bg.png) no-repeat 95% 50%;
}
#checkout-content .select-box select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#checkout-content .select-box select:focus {
outline: none;
}
#checkout-content .row span {
color: #fe5454;
font-size: 16px;
font-weight: 500;
}
#checkout-content .row span b {
color: #8e8d8d;
font-size: 14px;
font-weight: 500;
}
#checkout-content input[type="checkbox"] {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: middle;
float: left;
margin-top: 8px;
}
#checkout-content textarea {
width: 100%;
height: 100px;
border: 1px solid #E2E2E2;
padding: 10px 20px;
outline: none;
}
#checkout-content .ship-different {
margin-top: 80px;
}
#checkout-content .order-box {
border: 1px solid #D9D9D9;
padding: 30px;
}
#checkout-content .order-box ul li {
color: #8e8d8d;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 45px;
}
#checkout-content .order-box ul li.total {
border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
color: #242424;
}
#checkout-content .order-box ul li span {
color: #898989;
display: inline-block;
float: right;
font-size: 14px;
font-family: "Open Sans",sans-serif;
}
#checkout-content .order-box ul li span.bold {
color: #242424;
font-size: 18px;
font-weight: 500;
font-family: "Open Sans",sans-serif;
}
#checkout-content .order-box ul li a span {
color: #ff9101;
font-size: 13px;
font-weight: 500;
font-family: "Raleway",sans-serif;
}
#checkout-content .order-box ul li.place-order-button {
padding-top: 30px;
line-height: 30px;
}
#checkout-content .order-box ul li input[type="radio"] {
margin-right: 10px;
}
#checkout-content .order-box ul li .note {
background: #ECECEC;
padding: 25px;
color: #8E8D8D;
line-height: 24px;
font-size: 14px;
font-weight: normal;
position: relative;
}
#checkout-content .order-box ul li .note .fa {
font-size: 35px;
position: absolute;
top: -25px;
left: 25px;
color: #ECECEC;
}
#checkout-content .order-box ul li a.place-order {
background: #FD9C1E;
text-transform: uppercase;
display: inline-block;
line-height: 36px;
font-weight: 700;
color: #fff;
padding: 0 40px;
margin-top: 30px;
}
/**
* Shop Page Styles.
**/
.section-title-style-2 {
clear: both;
overflow: hidden;
}
.shop-page-content .row,
.shop-page-content.row {
margin-left: -10px;
margin-right: -10px;
}
.shop-page-content .single-shop-item {
margin-bottom: 45px;
padding: 0 10px;
}
.single-shop-item .meta {
padding: 11px 38px 25px;
text-align: center;
overflow: hidden;
}
.single-shop-item .meta h4 {
color: #000000;
font-family: "Roboto Slab",serif;
font-size: 16px;
font-weight: 700;
line-height: 30px;
margin-bottom: 2px;
text-transform: uppercase;
}
.shop-page-content .single-shop-item .meta p {
font-size: 13px;
font-weight: 600;
color: #999999;
line-height: 18px;
}
.single-shop-item .meta span.price {
display: block;
font-family: 'Open Sans', sans-serif;
color: #222222;
font-size:20px !important;
font-style:italic;
font-weight: 600;
}
.single-shop-item .meta span b {
color: #2d2d2d;
font-size: 20px;
font-weight: 600;
line-height: 30px;
font-style: italic;
font-family: "PT Serif",serif;
}
.shop-page-content .single-shop-item a.add-to-cart {
background: #FD9C1E;
text-transform: uppercase;
display: inline-block;
line-height: 30px;
font-weight: 700;
color: #fff;
padding: 0 20px;
font-size: 13px;
margin-top: 25px;
}
.shop-page-content .single-shop-item a.add-to-cart:before {
background: #98BC24;
}
.shop-page-content .best-seller {
margin-left: 0;
margin-right: 0;
margin-top: 10px;
}
/**
* Product Details Page Styles.
**/
.product-details-box {
margin-bottom: 80px;
}
.product-details-box h3 {
color: #000000;
font-family: "Roboto Slab",serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin: 0;
text-transform: uppercase;
margin-top: -7px;
}
.product-details-box p {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
color: #898989;
font-size: 14px;
font-weight: 600;
margin: 20px 0;
padding: 20px 0;
font-family: "Open Sans",sans-serif;
}
.product-details-box span input {
border: 1px solid #eaeaea;
color: #999999;
font-size: 18px;
height: 36px;
margin-left: 10px;
text-align: center;
width: 36px;
font-family: "Raleway",sans-serif;
}
.product-details-box a.add-to-cart {
background: #FD9C1E;
text-transform: uppercase;
display: inline-block;
line-height: 50px;
font-weight: 700;
color: #fff;
padding: 0 65px;
font-size: 18px;
margin-top: 25px;
}
.product-details-box .contact-button{
margin-left: 0;
}
.product-details-box a.add-to-cart:before {
background: #98BC24;
}
.product-details-box img {
border: 5px solid #F4F4F4;
}
.product-details-page-content .best-seller {
margin-left: 0px;
}
.product-details-tab-title {
margin: -15px -15px -15px 0;
}
.product-details-tab-title .col-lg-12 {
padding: 0;
}
.product-details-tab-title ul li {
display: inline;
}
.product-details-tab-title ul li.active span {
background: #fff;
border: 1px solid #E6E6E6;
border-top: 2px solid #98C700;
border-bottom: 0;
position: relative;
top: 1px;
z-index: 999;
}
.product-details-tab-title ul li span {
display: inline-block;
background: #F4F4F4;
font-size: 16px;
color: #000000;
line-height: 45px;
padding: 0 27px;
margin-right: 5px;
cursor: pointer;
}
.product-details-tab-content {
margin-bottom: 75px;
margin-left: 0;
}
.product-details-tab-content .col-lg-12 {
border: 1px solid #E6E6E6;
padding: 40px;
}
.product-details-tab-content .col-lg-12 p {
color: #898989;
font-size: 14px;
font-weight: 500;
}
/** ====== our project with filter Gallery filter styles ====== **/
#our-projects.with-filter .gallery-filter {
margin-bottom: 50px;
text-align: center;
border-bottom: 1px solid #E2E2E2;
}
#our-projects.with-filter .gallery-filter li {
display: inline;
}
#our-projects.with-filter .gallery-filter li span {
display: inline-block;
font-size: 13px;
line-height: 45px;
color: #787878;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
padding: 0 20px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#our-projects.with-filter .gallery-filter li.active span:before {
content: ' ';
display: block;
width: 100%;
height: 2px;
background: #12AEF8;
position: absolute;
bottom: -1px;
left: 0;
}
#our-projects.with-filter .gallery-filter li.active span,
#our-projects.with-filter .gallery-filter li:hover span {
color: #12AEF8;
}
#our-projects.with-filter .gallery-filter {
border: none;
}
#our-projects.with-filter .gallery-filter li span {
color: #fff;
border: 1px solid transparent;
line-height: 30px;
}
#our-projects.with-filter .gallery-filter li:hover span {
color: #12AEF8;
}
#our-projects.with-filter .gallery-filter li.active span {
border: 1px solid #12AEF8;
color: #12AEF8;
}
#our-projects.with-filter .gallery-filter li.active span:before {
display: none;
}
/** ====== top bar gardener styles ====== **/
#topbar.gardener {
background: #313718;
}
#topbar.gardener .social ul li a {
color: #aaca44;
border-color: #424923;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#topbar.gardener .social ul li a:hover {
background: #E7CC40;
color: #313718;
}
#topbar.gardener .contact-info ul li:hover a,
#topbar.gardener .contact-info ul li a:before {
background: #E7CC40;
}
#topbar.gardener .contact-info ul li a {
color: #98BC24;
border-color: #424923;
}
#topbar.gardener .contact-info ul li a:hover {
color: #313718;
}
/** ====== header gardener styles ====== **/
header.gardener .mainmenu-container > ul > li > a {
color: #4B4B4B;
}
header.gardener .mainmenu-container > ul > li.current > a,
header.gardener .mainmenu-container ul li a:hover,
header.gardener .mainmenu-container ul > li.dropdown:after,
header.gardener .mainmenu-container ul > li > ul > li.dropdown:after,
header.gardener nav.mainmenu-container ul > li > ul > li > a:hover,
header.gardener nav.mainmenu-container ul > li > ul > li > a:hover:after,
header.gardener .mainmenu-container ul > li > ul > li.dropdown:hover:after,
header.gardener .mainmenu-container ul li.top-icons:hover a i {
color: #7FA409;
}
header.gardener .mainmenu-container ul li a:before,
header.gardener .search-box {
background: #7FA409;
}
header.gardener .mainmenu-container ul li a:before {
color: #7FA409;
}
header.gardener .cart-box span {
color: #000;
}
header.gardener .mainmenu-container ul li a:before {
background: #7FA409;
}
header.gardener .mainmenu-container ul li.top-icons:hover a i {
border-color: #DFDFDF;
}
header.gardener .mainmenu-container ul > li > ul {
border-color: #7FA409;
}
header.gardener .mainmenu-container ul li.top-icons a i {
color: #DFDFDF;
}
header.gardener .cart-box {
background: #E7CC40;
}
header .cart-box p {
color: #313718;
}
/** ====== promotional text gardener styles ====== **/
#promotional-text.gardener {
background: #98BC24;
padding: 35px 0;
}
#promotional-text.gardener p {
font-family: "PT Serif",serif;
font-size: 32px;
font-style: italic;
line-height: 37px;
margin: 0;
text-align: left;
display: inline-block;
}
#promotional-text.gardener p a {
font-size: 14px;
line-height: 37px;
color: #fff;
text-transform: uppercase;
letter-spacing: .03em;
font-weight: bold;
border: 1px solid #fff;
display: inline-block;
padding: 0 28px;
vertical-align: top;
float: right;
}
#promotional-text.gardener p a:before {
background: #313718;
border-color: transparent;
}
/** ====== Our service section gardener styles ====== **/
#our-services-gardener {
background: #F5F4F4;
padding: 80px 0;
}
.single-our-service-gardener a h2 {
text-transform: uppercase;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: bold;
letter-spacing: .03em;
margin: 0;
background: #98BC24;
padding: 8px 20px;
display: block;
width: 90%;
}
.single-our-service-gardener a h2:before {
background: #E7CC40;
}
.single-our-service-gardener p {
font-size: 15px;
font-weight: 500;
color: #777777;
margin-bottom: 0;
margin-top: 20px;
}
.single-our-service-gardener a.readmore {
font-size: 13px;
line-height: 30px;
display: inline-block;
background: #FFFFFF;
color: #5C5C5C;
text-transform: capitalize;
padding: 0 23px;
font-weight: 600;
border: 1px solid #D9D9D9;
margin-top: 25px;
}
.single-our-service-gardener a.readmore:hover {
color: #fff;
}
.single-our-service-gardener a.readmore:before {
background: #E7CC40;
}
.single-our-service-gardener .img-holder:before {
background: #98BC24;
}
.single-our-service-gardener .img-holder img {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-our-service-gardener:hover .img-holder img {
opacity: .45;
filter: alpha(opacity=45);
}
.single-our-service-gardener:hover .img-holder:before,
.single-our-service-gardener:focus .img-holder:before,
.single-our-service-gardener:active .img-holder:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/** ====== Welcome to gardener styles ====== **/
#welcome-to-gardener {
background: #313718;
overflow: hidden;
}
#welcome-to-gardener .col-lg-7 {
padding: 75px 0 65px;
padding-right: 30px;
}
#welcome-to-gardener h2 {
color: #e2ba4b;
font-size: 24px;
font-weight: bold;
line-height: 28px;
margin: 0 0 17px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#welcome-to-gardener p {
color: #ffffff;
font-size: 16px;
font-weight: normal;
line-height: 26px;
font-style:italic;
}
#welcome-to-gardener h3 {
font-size: 24px;
line-height: 26px;
color: #fff;
letter-spacing: .03em;
font-weight: 500;
margin: 0;
margin-top: 40px;
font-family: "Open Sans",sans-serif;
}
#welcome-to-gardener .list-box {
margin-top: 27px;
}
#welcome-to-gardener ul {
float: left;
width: 50%;
}
#welcome-to-gardener ul li {
color: #e2ba4b;
font-size: 16px;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
#welcome-to-gardener ul li .fa {
margin-right: 10px;
}
#welcome-to-gardener .img-holder:before {
background: #98BC24;
}
#welcome-to-gardener .img-holder img {
max-width: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#welcome-to-gardener:hover .img-holder img {
opacity: .45;
filter: alpha(opacity=45);
}
#welcome-to-gardener:hover .img-holder:before,
#welcome-to-gardener:focus .img-holder:before,
#welcome-to-gardener:active .img-holder:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/** ====== Video section gardener styles ====== **/
#video-section-gardener {
background: rgba(0, 0, 0, 0) url("../img/video-gardener/bg.jpg") no-repeat scroll center center / cover ;
padding: 100px 0;
}
#video-section-gardener .video-preview a {
display: block;
background: #384C15;
position: relative;
margin-right: 20px;
}
#video-section-gardener .video-preview a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../img/video-gardener/video-play-icon.png) center center no-repeat;
z-index: 99;
}
#video-section-gardener .video-preview img {
width: 100%;
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#video-section-gardener .video-preview a:hover img {
opacity: .85;
filter: alpha(opacity=85);
}
#video-section-gardener .video-text h2 {
color: #419c04;
font-size: 28px;
font-weight: 700;
margin: 0 0 22px;
font-family: "Roboto Slab",serif;
}
#video-section-gardener .video-text a .contact-us-button {
padding: 7px 24px 7px 30px;
}
#video-section-gardener .video-text p {
color: #656565;
font-size: 14px;
font-weight: 500;
margin: 0 0 50px;
}
#video-section-gardener .video-text a {
margin: 0;
}
#video-section-gardener .video-text a i {
padding: 11px 14px 13px;
}
#video-section-gardener .video-text a:hover {
color: #fff;
}
/*#video-section-gardener .video-text a:before {
background: #313718;
}*/
/** ====== Latest project gardener styles ====== **/
#latest-project-gardener {
padding: 80px 0;
margin-bottom: -30px;
}
.single-latest-project-gardener {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.single-latest-project-gardener .modal-content {
display: none;
}
.single-latest-project-gardener .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,.20);
text-align: center;
line-height: 0;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay:hover {
background: rgba(0,0,0,.34);
}
.single-latest-project-gardener .overlay .box-holder {
display: table;
width: 100%;
height: 100%;
position: relative;
}
.single-latest-project-gardener .overlay .box-holder:before,
.single-latest-project-gardener .overlay .box-holder:after {
content: '';
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.single-latest-project-gardener .overlay:hover .box-holder:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: skew(0deg);
-ms-transform: skew(0deg);
transform: skew(0deg);
}
.single-latest-project-gardener .overlay:hover .box-holder:before {
top: 15px;
opacity: 1;
filter: alpha(opacity=100);
}
.single-latest-project-gardener .overlay .box-holder:after {
top: 30px;
left: 15px;
right: 15px;
bottom: 30px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
-webkit-transform: skew(-100deg);
-ms-transform: skew(-100deg);
transform: skew(-100deg);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay .box-holder:before {
top: 100%;
left: 30px;
right: 30px;
bottom: 15px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
-webkit-transition: all .3s ease .3s;
transition: all .3s ease .3s;
}
.single-latest-project-gardener .overlay .box-holder .content-box {
display: table-cell;
vertical-align: middle;
padding-left: 50px;
padding-right: 50px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay .box-holder .content-box h3 {
font-size: 25px;
line-height: 26px;
text-transform: capitalize;
font-family: 'Roboto Slab', sans-serif;
font-weight: 500;
color: #fff;
margin: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay .box-holder .content-box h3 span {
font-weight: bold;
margin: 0;
}
.single-latest-project-gardener .overlay .box-holder .content-box p {
margin: 0;
font-size: 14px;
color: #FFFFFF;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
height: 0;
margin-top: 12px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay:hover .content-box p {
opacity: 1;
filter: alpha(opacity=100);
height: auto;
}
.single-latest-project-gardener .overlay .content-box ul {
text-align: center;
margin-top: 15px;
position: relative;
z-index: 9;
opacity: 0;
filter: alpha(opacity=0);
height: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay:hover .content-box ul {
opacity: 1;
filter: alpha(opacity=100);
height: auto;
}
.single-latest-project-gardener .overlay .content-box ul li {
display: inline;
}
.single-latest-project-gardener .overlay .content-box ul li a {
display: inline-block;
width: 35px;
height: 35px;
font-family: 18px;
color: #fff;
background: #242424;
border-radius: 50%;
line-height: 35px;
margin-right: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-latest-project-gardener .overlay .content-box ul li a:hover {
background: #7FA409;
color: #fff;
}
/** ====== Testimonials Gardener styles ====== **/
#testimonials-gardener {
background: #000;
position: relative;
padding: 50px 0 0px;
}
#testimonials-gardener:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(../img/testimonials-gardener/bg.jpg) 0 0 no-repeat;
background-size: cover;
opacity: 1;
filter: alpha(opacity=100);
}
#testimonials-gardener:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .35;
filter: alpha(opacity=35);
}
#testimonials-gardener .auto-container {
position: relative;
z-index: 3
}
#testimonials-gardener .img-holder {
position: relative;
padding-left: 12px;
padding-right: 12px;
width: 270px;
left: 10px;
display: table-cell;
vertical-align: middle;
visibility: visible;
padding-top: 10px;
}
#testimonials-gardener .img-holder img {
position: relative;
z-index: 2;
}
#testimonials-gardener .caption-box {
position: relative;
}
#testimonials-gardener .caption-box:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px solid #fff;
z-index: 3;
}
#testimonials-gardener .caption-box:after {
content: '';
width: 100%;
position: absolute;
top: -10px;
left: -10px;
background: #281C03;
z-index: 1;
display: block;
right: 0;
bottom: 0;
}
#testimonials-gardener .auto-container .text-box {
display: table-cell;
vertical-align: middle;
padding-left: 45px;
}
#testimonials-gardener .auto-container .text-box p {
color: #f5f4f4;
font-size: 18px;
font-style: italic;
line-height: 30px;
position: relative;
}
#testimonials-gardener .auto-container .text-box p .quote {
font-size: 105px;
margin-right: 10px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #98BC24;
vertical-align: bottom;
line-height: 0px;
position: relative;
top: 6px;
padding-right: 10px;
}
#testimonials-gardener .auto-container .text-box p.name {
font-style: italic;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
display: inline-block;
float: right;
}
#testimonials-gardener .auto-container .text-box p.name span {
font-size: 16px;
font-style: italic;
color: #98BC24;
line-height: 20px;
}
#testimonials-gardener .auto-container .owl-controls {
position: absolute;
top: -15px;
right: 0px;
}
#testimonials-gardener .auto-container .owl-theme .owl-nav [class*=owl-] {
width: 25px;
height: 25px;
color: #fff;
text-align: center;
border-radius: 50%;
line-height: 25px;
padding: 0;
font-size: 15px;
background: #98BC24;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#testimonials-gardener .auto-container .owl-theme .owl-nav [class*=owl-]:hover {
opacity: .55;
filter: alpha(opacity=55);
}
#testimonials-gardener .auto-container .owl-theme .owl-nav .owl-prev {
margin-right: 10px;
}
/** ====== Blog Gardener styles ====== **/
#blog-gardener {
background: #f5f5f5;
padding: 80px 0;
}
#blog-gardener .single-blog-post .img-holder {
position: relative;
margin-bottom: 0;
overflow: hidden;
}
#blog-gardener .single-blog-post .img-holder .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(127,164,9, .75);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog-gardener .single-blog-post .img-holder:hover .overlay {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#blog-gardener .single-blog-post .img-holder .overlay .inner-holder {
display: table;
width: 100%;
height: 100%;
}
#blog-gardener .single-blog-post .img-holder:hover .overlay ul.button {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: headShake;
animation-name: headShake;
}
#blog-gardener .single-blog-post .img-holder .overlay ul.button {
text-align: center;
display: table-cell;
vertical-align: middle;
}
#blog-gardener .single-blog-post .img-holder .overlay ul.button {
margin-left: -5px;
margin-right: -5px;
}
#blog-gardener .single-blog-post .img-holder .overlay ul.button li {
display: inline;
padding-left: 10px;
}
#blog-gardener .single-blog-post .img-holder .overlay ul.button li a {
display: inline-block;
width: 30px;
height: 30px;
font-size: 15px;
background: #272C0F;
text-align: center;
color: #fff;
line-height: 30px;
border-radius: 50%;
margin-left: -4px;
}
#blog-gardener .single-blog-post .img-holder .overlay ul.button li a:hover {
background: #7FA409;
color: #fff;
}
#blog-gardener .single-blog-post .img-holder .date {
background: #98BC24;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-size: 14px;
line-height: 20px;
padding: 10px 15px;
font-weight: 500;
}
#blog-gardener .single-blog-post .img-holder .date b {
font-size: 25px;
font-weight: bold;
font-family: "PT Serif";
font-style: italic;
}
#blog-gardener .single-blog-post a h2 {
color: #242424;
font-size: 16px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-family: "Raleway",sans-serif;
}
#blog-gardener .single-blog-post a h2:hover {
color: #98BC24;
}
#blog-gardener .single-blog-post p {
color: #898989;
font-size: 14px;
font-weight: 500;
margin: 15px 0 0;
}
#blog-gardener .single-blog-post > ul {
border-bottom: 1px solid #E1E1E1;
padding: 7px 0px;
margin-bottom: 30px;
}
#blog-gardener .single-blog-post > ul li {
display: inline;
}
#blog-gardener .single-blog-post > ul li a,
#blog-gardener .single-blog-post > ul li span {
display: inline-block;
font-size: 13px;
line-height: 13px;
padding: 0 12px;
color: #9A9A99;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog-gardener .single-blog-post > ul li span {
border-right: 1px solid #9A9A99;
padding-left: 0;
color: #9A9A99;
}
#blog-gardener .single-blog-post > ul li span b {
color: #898989;
font-weight: normal;
}
#blog-gardener .single-blog-post > ul li a:hover {
color: #98BC24;
}
#blog-gardener .single-blog-post .img-holder:before {
background: #98BC24;
}
#blog-gardener .single-blog-post:hover .img-holder:before,
#blog-gardener .single-blog-post:focus .img-holder:before,
#blog-gardener .single-blog-post:active .img-holder:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/** ====== Landscaping Design Gardener styles ====== **/
#landscaping-design-gardener {
overflow: hidden;
padding: 100px 0 90px;
background: #FFFFFF;
}
#landscaping-design-gardener .lawn-maintenance img {
max-width: none;
margin-top: 25px;
}
#landscaping-design-gardener p {
color: #898989;
font-size: 14px;
}
#landscaping-design-gardener ul {
float: left;
width: 45%;
}
#landscaping-design-gardener ul li {
color: #6F9300;
font-size: 15px;
font-weight: 400;
line-height: 40px;
}
#landscaping-design-gardener ul li .fa {
margin-right: 7px;
}
#landscaping-design-gardener h2 {
color: #282c3d;
font-size: 35px;
font-weight: 300;
line-height: 40px;
margin: 0 0 15px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#landscaping-design-gardener .col-lg-5 p {
margin-bottom: 17px;
}
#landscaping-design-gardener h3 {
color: #272727;
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#landscaping-design-gardener h2 b {
color: #282c3d;
font-family: "Roboto Slab",serif;
font-size: 38px;
font-weight: 700;
}
/** ====== footer gardener styles ====== **/
#footer-bg {
background: url(../img/resources/footer-bg.jpg) 0 0 no-repeat;
background-size: cover;
padding-top: 40px;
}
footer.gardener {
background: none;
}
footer.gardener .auto-container {
border: none;
}
#bottom-bar.gardener {
background: none;
}
#bottom-bar.gardener p {
display: inline-block;
}
#bottom-bar.gardener .social {
text-align: left;
margin-top: 10px;
display: inline-block;
margin-right: 35px;
}
#bottom-bar.gardener .social li {
display: inline;
}
#bottom-bar.gardener .social li a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
text-align: center;
line-height: 40px;
color: #98BC24;
border: 1px solid #98BC24;
font-size: 17px;
margin-right: 7px;
-webkit-transition: all .3s ease;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all .3s ease;
}
#bottom-bar.gardener .social li:hover a {
color: #000;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
#bottom-bar.gardener .social li a:before {
background: #98BC24;
}
footer.gardener .widget img.positioned {
margin-top: -180px;
position: relative;
}
footer.gardener .widget p {
color: #c5b199;
}
footer.gardener .widget .popular-post li a h5,
footer.gardener .widget .contact-info li {
color: #AE9E8A;
}
footer.gardener .widget h3{
border-color: rgba(121, 107, 93, 0.4);
}
footer.gardener .widget a {
color: #a6d119;
}
footer.gardener .widget .popular-post li p {
color: #98BC24;
}
footer.gardener .widget .contact-info li .fa {
color: #98BC24;
}
#bottom-bar.gardener p {
color: #9dba3f;
}
footer.gardener .quick-links li a {
font-size: 14px;
line-height: 16px;
color: #BEAA93;
margin-bottom: 15px;
display: block;
}
footer.gardener .quick-links li a:before {
content: '\f105';
font-family: 'fontawesome';
margin-right: 12px;
}
/** ====== Great gardener team styles ====== **/
#great-gardener-team {
background: #98BC24 url(../img/resources/great-gardener-team-bg.png) left center no-repeat;
overflow: hidden;
}
#great-gardener-team .has-skew {
position: relative;
padding: 38px 0;
padding-left: 85px;
}
#great-gardener-team .has-skew * {
position: relative;
}
#great-gardener-team .has-skew:before {
content: '';
background: #98BC24;
width: 5000px;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transform: skew(-38deg);
-ms-transform: skew(-38deg);
transform: skew(-38deg);
}
#great-gardener-team h2 {
color: #000000;
font-size: 30px;
font-weight: 700;
line-height: 35px;
margin: 0 0 10px;
text-transform: uppercase;
font-family: "Roboto Slab",serif;
}
#great-gardener-team h2 b {
font-weight: bold;
color: #fff;
}
#great-gardener-team p {
color: #ffffff;
font-size: 20px;
font-style: italic;
line-height: 26px;
margin-bottom: 23px;
}
#great-gardener-team p b {
color: #fff;
font-family: "PT Serif",serif;
font-size: 34px;
font-weight: bold;
margin-right: 10px;
}
#great-gardener-team p.has-btn {
display: inline-block;
float: left;
margin-bottom: 0;
text-transform: uppercase;
}
#great-gardener-team p.has-btn a {
font-size: 14px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #fff;
display: inline-block;
line-height: 36px;
padding: 0 27px;
position: relative;
bottom: 5px;
margin-left: 10px;
}
#great-gardener-team p.has-btn a:before {
background: #FFBB00;
}
#great-gardener-team p span {
color: #ffffff;
font-size: 22px;
font-weight: 700;
font-family: "Open Sans",sans-serif;
font-style:normal;
}
#great-gardener-team a {
margin-left: 20px;
margin-top: -5px;
}
.widget a i {
color: #a6d119;
display: inline-block;
font-size: 12px;
padding-left: 7px;
}
#project-content .section-title2 p {
color: #8d8d8d;
font-size: 18px;
margin-bottom: 7px;
}
#project-content .section-title2 p.title-text {
color: #898989;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-style: normal;
line-height: 26px;
margin-top: 20px;
}
#project-version-one.project-4 {
background: #232323 none repeat scroll 0 0;
padding-bottom: 90px;
}
#project-version-one.project-4 ul.gallery-filter li span {
color: #ffffff;
}
#project-version-one.project-4 ul.gallery-filter li span:hover{
color:#7fa409;
}
.row.best-seller {
overflow: hidden;
}
#blog-post.faq {
padding-bottom: 80px;
padding-top: 94px;
}
#blog-post.faq .section-title2 p {
margin-bottom: 7px;
}
#blog-post.shops .sidebar-widget-items {
min-height: 1400px;
}
.general-question.popular-question .section-title2 {
margin-bottom: 47px;
margin-top: 75px;
}
/* Start our service gardener area css */
#our-services-gardener {
background: #f5f4f4 none repeat scroll 0 0;
padding-bottom: 70px;
padding-top: 95px;
}
#our-services-gardener .section-title2 {
margin-bottom: 47px;
}
.single-service-item {
border: 1px solid #d7d7d7;
margin-bottom:30px;
position: relative;
}
.service-left-bg {
background: #ececec none repeat scroll 0 0;
border-right: 1px solid #d7d7d7;
float: left;
height: 100%;
position: absolute;
overflow: hidden;
width: 50px;
}
.service-icon {
float: left;
margin-left: 20px;
margin-right: 20px;
position: relative;
margin-top: 25px;
width: 61px;
height: 61px;
background: #7FA409;
border-radius: 50%;
overflow: hidden;
text-align: center;
}
.service-icon i,
.service-icon i:before {
font-size: 33px;
color: #fff;
line-height: 61px;
margin: 0;
}
.service-text {
overflow: hidden;
padding-bottom: 15px;
padding-top: 21px;
padding-right: 10px;
}
.service-text h4 {
color: #242424;
font-family: "Roboto Slab",serif;
font-size: 15px;
font-weight: 700;
margin-bottom: 9px;
margin-top: 0;
text-transform: uppercase;
}
.service-text p {
color: #777777;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 22px;
}
/* End our service gardener area css */
/* Start Blog Gardener area css */
#blog-gardener {
background: #f5f5f5 none repeat scroll 0 0;
padding-top: 94px;
padding-bottom: 95px;
}
/* End Blog Gardener area css */
/* Start Latest Project Gardener area css */
#latest-project-gardener {
padding-bottom: 100px;
padding-top: 94px;
background: #fff;
}
#latest-project-gardener .section-title2 {
margin-bottom: 46px;
}
#landscaping-design-gardener ul li {
color: #79a000;
font-size: 17px;
font-style: italic;
font-weight: 400;
line-height: 40px;
font-family: "PT Serif",serif;
}
/* Start===================================================== about-new.html =============================page css*/
/* Start breadcrumb area css*/
#breadcrumb-area {
background: rgba(0, 0, 0, 0) url("../img/resources/breadcrumb-bg.jpg") no-repeat scroll center center / cover ;
padding-bottom: 52px;
padding-top: 67px;
}
.breadcrumb-title h1 {
color: #ffffff;
font-family: "Roboto Slab",serif;
font-size: 36px;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}
.breadcrumb-title a {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 12px;
font-weight: 600;
padding-right: 3px;
text-transform: uppercase;
}
.breadcrumb-title.text-center i {
color: #ffffff;
font-size: 12px;
}
.breadcrumb-title span {
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 12px;
font-weight: 600;
padding-left: 3px;
text-transform: uppercase;
}
/* End breadcrumb area css*/
/* Start company area css*/
#company-history-area {
padding-bottom: 72px;
padding-top: 93px;
background: #fff;
}
.company-history-left .section-title2 {
margin-bottom: 40px;
}
.company-history-left-text {
color: #8e8d8d;
font-size: 14px;
line-height: 26px;
font-family: "Open Sans",sans-serif;
}
.company-history-list {
padding-top: 12px;
}
.company-history-list ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.company-history-list ul li {
color: #79a000;
font-size: 17px;
font-style: italic;
font-family: "PT Serif",serif;
line-height:40px;
}
.company-history-list ul li i {
padding-right: 10px;
font-size:15px;
}
.company-history-list ul.history-left-list {
float: left;
margin-right: 110px;
}
.company-history-right {
padding-top: 7px;
}
.section-title2.company-history-right-title {
margin-bottom: 20px;
margin-top: 46px;
}
.section-title2.company-history-right-title h1 {
font-size: 18px;
}
.company-history-right-text p {
color: #8e8d8d;
font-size: 14px;
line-height: 26px;
font-family: "Open Sans",sans-serif;
}
/* End company area css*/
/*Start our service area css*/
#our-service-area {
background: #f0f0f0 none repeat scroll 0 0;
margin-bottom: -19px;
}
.service-left {
position: relative;
top: 75px;
}
.service-right {
overflow: hidden;
padding-left: 30px;
padding-top: 75px;
}
.why-choose-single-service-item {
float: left;
margin-bottom: 30px;
overflow: hidden;
}
.service-right .section-title2 {
margin-bottom: 46px;
padding-left: 5px;
}
.choose-service-icon-bg {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #e6e6e6;
border-radius: 50%;
float: left;
height: 75px;
margin-right: 20px;
overflow: hidden;
padding: 5px;
width: 75px;
}
.choose-service-icon {
background: #7fa409 none repeat scroll 0 0;
border-radius: 50%;
height: 63px;
padding: 15px;
width: 63px;
}
.choose-service-text {
float: left;
overflow: hidden;
padding-right: 30px;
padding-top: 0;
width: 325px;
}
.choose-service-text h5 {
color: #242424;
font-family: "Roboto Slab",serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 11px;
text-transform: uppercase;
}
.choose-service-text p {
color: #8e8d8d;
font-size: 14px;
font-family: "Open Sans",sans-serif;
line-height:26px;
}
/*End our service area css*/
/*Start hire us area css*/
#hire-us-area {
background: #7fa409 none repeat scroll 0 0;
padding-bottom: 30px;
padding-top: 37px;
}
.hire-us-right h1 {
color: #ffffff;
display: inline-block;
float: left;
font-family: "Roboto Slab",serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
padding-left: 30px;
}
.hire-us-right h1 span {
color: #000000;
font-weight: 500;
}
.hire-us-button {
display: inline-block;
}
.hire-us-button a {
}
/*End hire us area css*/
/*Start Dedicated team area css*/
#dedicated-team-area.special-team {
padding-bottom: 50px;
padding-top: 94px;
}
#dedicated-team-area.home .dedicated-team-single-item {
margin-bottom: 0;
}
#dedicated-team-area {
padding-bottom: 100px;
padding-top: 93px;
background: #fff;
}
#dedicated-team-area .auto-container {
position: relative;
}
#dedicated-team-area .dedicated-team-items .item {
padding-bottom: 21.5px;
}
#dedicated-team-area .dedicated-team-items .owl-controls {
width: auto;
position: absolute;
right: 15px;
top: -83px;
}
#dedicated-team-area .dedicated-team-items .owl-controls .owl-nav {
margin: 0;
}
#dedicated-team-area .dedicated-team-items .owl-controls .owl-nav [class*="owl-"] {
margin: 0;
padding: 0;
width: 36px;
height: 36px;
background: #616161;
color: #fff;
margin-left: 1px;
line-height: 33px;
font-size: 22px;
border-radius: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#dedicated-team-area .dedicated-team-items .owl-controls .owl-nav [class*="owl-"]:hover {
background: #7FA409;
}
#dedicated-team-area .section-title2 {
margin-bottom: 47px;
}
#dedicated-team-area.special-team .section-title2 p {
margin-bottom: 7px;
}
.dedicated-team-img-holder {
position: relative;
overflow: hidden;
}
.dedicated-team-img-holder:before {
border: 1px solid #e4e2b7;
bottom: 30px;
content: "";
left: 10px;
position: absolute;
right: 10px;
top: 10px;
}
.dedicated-team-img-holder .overlay {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
background: rgba(127,164,9, .75);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.dedicated-team-img-holder:hover .overlay {
top: 0;
}
.dedicated-team-img-holder .overlay .inner-holder {
display: table;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease .3s;
transition: all .3s ease .3s;
}
.dedicated-team-img-holder:hover .overlay .inner-holder {
opacity: 1;
filter: alpha(opacity=100);
}
.dedicated-team-img-holder:hover .overlay ul {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.dedicated-team-img-holder .overlay ul {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.dedicated-team-img-holder .overlay ul {
margin-left: -5px;
margin-right: -5px;
}
.dedicated-team-img-holder .overlay ul li {
display: inline;
padding-left: 10px;
}
.dedicated-team-img-holder .overlay ul li a {
display: inline-block;
width: 30px;
height: 30px;
font-size: 15px;
background: #272C0F;
text-align: center;
color: #fff;
line-height: 30px;
border-radius: 50%;
margin-left: -4px;
}
.dedicated-team-img-holder .overlay ul li a:hover {
background: #7FA409;
color: #fff;
}
.dedicated-team-single-item {
position: relative;
margin-bottom: 80px;
}
.dedicated-team-img-holder img {
height: auto;
width: 100%;
}
.dedicated-team-member-name {
background: #ffffff none repeat scroll 0 0;
bottom: -24px;
display: inline-block;
left: 10px;
position: absolute;
right: 10px;
text-align: center;
}
.dedicated-team-member-name h4 {
color: #313131;
font-family: "Roboto Slab",serif;
font-size: 16px;
font-weight: 700;
padding-top: 6px;
}
.dedicated-team-member-name h4 span {
color: #969595;
font-size: 13px;
font-weight: 500;
padding-left: 5px;
text-transform: uppercase;
}
/*End Dedicated team area css*/
/*Start testimonial v3 area css*/
#testimonial-v3-area {
background: #efefef none repeat scroll 0 0;
padding-bottom: 80px;
padding-top: 81px;
}
#testimonial-v3-area .section-title {
margin-bottom: 51px;
}
#testimonial-v3-area .section-title h1 {
border-bottom: 1px solid #e2e2e2;
}
.testimonial-v3-author h5 {
background: #689100 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-family: "Raleway",sans-serif;
font-size: 14px;
font-weight: 700;
left: -50px;
margin-bottom: 13px;
margin-top: 15px;
padding: 11px 50px;
position: relative;
text-transform: uppercase;
}
.testimonial-v3-text p {
color: #777777;
font-size: 14px;
line-height: 26px;
}
/*End testimonial v3 area css*/
/* End===================================================== about-new.html =============================page css*/
/* Start====================================================services-v2.html ==========================page css*/
/* Start awesome service top area css */
#awesome-service-top-area {
padding-bottom: 100px;
padding-top: 100px;
}
.awesome-service-top-right .section-title2 {
margin-bottom: 40px;
margin-top: -6px;
}
.awesome-service-top-right {
padding-left: 25px;
}
.awesome-service-top-right-text p {
color: #8e8d8d;
font-size: 14px;
font-weight:400;
}
.awesome-service-top-right-text p.moreservice {
color: #3d3d3d;
font-size: 18px;
font-weight: 400;
line-height: 28px;
margin-bottom: 35px;
margin-top: 30px;
}
.help-line-text {
display: inline-block;
float: left;
margin-right: 50px;
}
.help-line-text h2 {
color: #393939;
font-family: "Raleway",sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
}
.help-line-text h4 {
color: #767676;
font-size: 18px;
font-style: italic;
font-weight: 500;
font-family: "PT Serif",serif;
}
.help-line-number {
display: inline-block;
}
.help-line-number h2 {
background: #98bc24 none repeat scroll 0 0;
border-radius: 50px;
color: #ffffff;
display: block;
font-family: "PT Serif",serif;
font-size: 28px;
font-style: italic;
font-weight: 700;
margin-top: 8px;
padding: 17px 42px;
}
.help-line-number h2 i {
padding-right: 20px;
}
/* End awesome service top area css */
/* Start awesome service blog area css */
#awesome-service-blog-area {
background: #ededed none repeat scroll 0 0;
padding-bottom: 50px;
padding-top: 94px;
}
#awesome-service-blog-area .section-title2 {
margin-bottom: 47px;
}
.awesome-first-serice .awesome-service-blog-single {
margin-bottom: 0;
}
.awesome-service-blog-single {
position: relative;
margin-bottom: 42px;
}
.first-service-icon {
background: #ededed none repeat scroll 0 0;
bottom: 0;
height: 81px;
left: 10px;
padding-left: 6px;
padding-top: 21px;
position: absolute;
top: 140px;
width: 71px;
}
.awesome-service-blog-single h5, .awesome-first-serice h5 {
color: #000000;
font-family: "Roboto Slab",serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 14px;
margin-top: 27px;
text-transform: uppercase;
}
.awesome-service-blog-single p, .awesome-first-serice p {
color: #7f7f7f;
font-size: 14px;
line-height: 26px;
font-family: "Open Sans",sans-serif;
}
/* End awesome service blog area css */
/* Start achivement area css */
#achivement-area {
background: rgba(0, 0, 0, 0) url("../img/resources/achivement-bg.jpg") no-repeat;
background-position:center;
background-size:cover;
padding-bottom: 80px;
padding-top: 52px;
position: relative;
}
#achivement-area:before {
background:#000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.65;
filter: alpha(opacity=65);
position: absolute;
top: 0;
width: 100%;
}
.achivement-single h1 {
color: #ffffff;
font-family: "PT Serif",serif;
font-size: 50px;
font-weight: 700;
margin-bottom: 1px;
}
.achivement-single h1:after {
background: #98bc24 none repeat scroll 0 0;
content: "";
display: inline-block;
height: 4px;
width: 42px;
}
.achivement-single h1 span {
margin-right: 7px;
}
.achivement-single {
margin-left: 80px;
position: relative;
}
.achivement-single p {
color: #ffffff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
/* End achivement area css */
/* Start awesome service pricing area css */
#awesome-service-pricing-area {
background: #f4f4f4 none repeat scroll 0 0;
padding-bottom: 80px;
padding-top: 95px;
}
#awesome-service-pricing-area .section-title2 {
margin-bottom: 47px;
}
#awesome-service-pricing-area .price-table {
text-align: center;
}
#awesome-service-pricing-area .price-content {
padding-bottom: 20px;
}
#awesome-service-pricing-area .price-table-top h3 {
background: #98bc24 none repeat scroll 0 0;
color: #ffffff;
font-size:20px;
line-height:50px;
font-style: italic;
margin:0;
font-family: "PT Serif",serif;
position:relative;
}
#awesome-service-pricing-area .price-table-top h3:after {
background: #98bc24 none repeat scroll 0 0;
bottom: -5px;
content: "";
height: 18px;
position: absolute;
right: 47%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
}
.price-box-price-info{
border:1px solid #ebebeb;
border-top: none;
padding-bottom:20px;
background:#ffffff;
}
#awesome-service-pricing-area .price-box {
background: #62635c none repeat scroll 0 0;
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 13px;
line-height: 80px;
padding-top: 21px;
}
.price-box span {
display: inline-block;
font-size: 60px;
font-weight: 700;
}
#awesome-service-pricing-area .price-box p {
display: inline-block;
font-size: 40px;
font-weight: 300;
line-height: 1;
overflow: hidden;
}
#awesome-service-pricing-area .price-content ul.price-info {
list-style: outside none none;
margin: 0;
padding-bottom: 36px;
padding-top: 22px;
}
#awesome-service-pricing-area .price-content ul.price-info li {
border-bottom: 1px solid #e5e5e5;
color: #797979;
font-family: "Open Sans",sans-serif;
font-size: 14px;
line-height: 48px;
margin-left: 25px;
margin-right: 25px;
}
#awesome-service-pricing-area .price-content ul.price-info li:last-child{
border-bottom:none;
}
#awesome-service-pricing-area .price-content a {
background: #2c2c2c none repeat scroll 0 0;
border: medium none;
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 700;
padding: 8px 48px;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#awesome-service-pricing-area .price-content a:hover {
background: #98BC24;
}
#awesome-service-pricing-area .price-box.basic-plan-bg {
background: #6d7259 none repeat scroll 0 0;
}
/* End awesome service pricing area css */
/* Start blog post area css */
#blog-post {
padding-bottom: 100px;
padding-top: 100px;
}
#blog-post .auto-container {
overflow: hidden;
}
.single-blog-post-item {
padding-bottom: 50px;
}
.blog-content-box {
border-color: #e9e9e9;
border-style: solid;
border-width: 1px 1px 5px;
margin-top: 10px;
padding-bottom: 32px;
padding-left: 35px;
padding-right: 35px;
}
.blog-img-holder {
position: relative;
}
.blog-img-holder .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(127,164,9, .75);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.blog-img-holder:hover .overlay {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.blog-img-holder .overlay .inner-holder {
display: table;
width: 100%;
height: 100%;
}
.blog-img-holder:hover .overlay ul.button {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: .6s;
animation-delay: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: headShake;
animation-name: headShake;
}
.blog-img-holder .overlay ul.button {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.blog-img-holder .overlay ul.button {
margin-left: -5px;
margin-right: -5px;
}
.blog-img-holder .overlay ul.button li {
display: inline;
padding-left: 10px;
}
.blog-img-holder .overlay ul.button li a {
display: inline-block;
width: 30px;
height: 30px;
font-size: 15px;
background: #272C0F;
text-align: center;
color: #fff;
line-height: 30px;
border-radius: 50%;
margin-left: -4px;
}
.blog-img-holder .overlay ul.button li a:hover {
background: #7FA409;
color: #fff;
}
.blog-post-date {
background: #fff none repeat scroll 0 0;
overflow: hidden;
width: 91px;
margin: 0 auto;
}
.blog-post-date h1 {
background: #ffffff none repeat scroll 0 0;
bottom: -44px;
color: #85ae02;
font-family: "PT Serif",serif;
font-size: 30px;
font-style: italic;
font-weight: 700;
height: 91px;
line-height: 25px;
margin: 0;
padding-top: 17px;
position: absolute;
width: 91px;
}
.blog-post-date h1 span {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
font-style:normal;
line-height:25px;
}
.blog-post-date h1:before {
position: absolute;
content: "";
border: 1px solid #e2e2e2;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
}
.single-bolg-title h3 {
color: #000000 !important;
font-family: "Roboto Slab",serif;
font-size: 22px !important;
font-weight: 800 !important;
line-height: 28px !important;
margin-bottom: 20px !important;
margin-top: 50px !important;
text-transform: uppercase !important;
}
.post-resource {
}
.post-resource ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-resource ul li {
display: inline-block;
margin: 0 13px;
text-align: center;
}
.post-resource ul li a {
color: #b0b0b0;
font-size: 15px;
font-style: italic;
font-family: "PT Serif",serif;
}
.post-resource ul li i {
color: #85ae02 !important;
font-size: 14px !important;
padding-right: 15px !important;
}
.single-blog-text {
margin-top: 20px;
}
.single-blog-text p {
color: #8e8d8d;
font-size: 14px;
line-height: 26px;
font-family: "Open Sans",sans-serif;
}
.single-blog-read-more {
margin-top: 15px;
}
.single-blog-read-more a {
color: #85ae02;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
font-family: "Raleway",sans-serif;
}
.post-pagination {
margin-top: 0;
}
.post-pagination ul {
text-align: left;
}
.post-pagination ul li.active a, .post-pagination ul li:hover a {
background: #74901b none repeat scroll 0 0;
border: 1px solid #74901b;
color: #fff;
}
.sidebar-widget-items {
background: #f4f4f4 none repeat scroll 0 0;
}
.has-full-height-background-wrapper .auto-container {
overflow: hidden;
}
.sidebar-widget-items.has-full-height-background {
position: relative;
}
.sidebar-widget-items.has-full-height-background:before {
content: '';
width: 100%;
height: 10000px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: #f4f4f4;
z-index: -1;
}
#blog-post .sidebar-widget {
margin-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
}
#blog-post .sidebar-widget-items .sidebar-widget.search {
background: #2f2f2f none repeat scroll 0 0;
padding: 33px 30px 34px;
}
#blog-post .sidebar-widget-items .sidebar-widget.search form.search-form {
border:none;
height: 45px;
overflow: hidden;
position: relative;
z-index:1;
}
#blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"] {
background: #7fa409 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-size: 14px;
height: 45px;
left: 0;
outline: medium none;
padding-left: 20px;
padding-right: 50px;
position: absolute;
width: 100%;
z-index: -1;
font-weight:600;
}
#blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]::-webkit-input-placeholder {
color:#fff;
}
#blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]:-moz-placeholder { /* Firefox 18- */
color:#fff;
}
#blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]::-moz-placeholder { /* Firefox 19+ */
color:#fff;
}
#blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]:-ms-input-placeholder {
color:#fff;
}
#blog-post .sidebar-widget-items .sidebar-widget.search form button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #ffffff;
height: 45px;
line-height: 45px;
margin-right: 10px;
outline: medium none;
padding: 0 10px;
position: absolute;
right: 0;
font-size: 16px;
top: -1px;
}
.sidebar-widget h3 {
background: #ffffff none repeat scroll 0 0;
border-left: 4px solid #98c700;
color: #000000;
font-family: "Roboto Slab",serif;
font-size: 16px;
font-weight: 700;
letter-spacing: .05em;
margin: 0 0 30px;
padding: 13px 18px;
text-transform: uppercase;
}
.sidebar-widget ul.category-list {
list-style: outside none none;
margin: 0;
padding: 0;
margin-top: -16px;
}
#blog-post .sidebar-widget .category-list li {
border-bottom: 1px solid #d2d2d2;
}
#blog-post .sidebar-widget .category-list li:last-child{
border-bottom:none;
}
#blog-post .sidebar-widget .category-list li a {
color: #828282;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 42px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
font-family: "Open Sans",sans-serif;
}
#blog-post .sidebar-widget .category-list li a i {
color: #828282;
display: inline-block;
float: right;
font-size: 14px;
line-height: 42px;
}
#blog-post .sidebar-widget .category-list li a .fa {
margin-right: 7px;
}
#blog-post .sidebar-widget .category-list li:hover a {
color: #98c700;
}
#blog-post .sidebar-widget .category-list li:hover i{
color: #98c700;
}
#blog-post .sidebar-widget.text-widget p {
color: #898989;
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin-top: -7px;
}
#blog-post .sidebar-widget .tag-cloud a {
padding: 0 17px;
}
/* End blog post area css */
/* Start blog-post.testimonials_v3 area css */
#blog-post.testimonials_v3 {
padding-bottom: 40px;
padding-top: 100px;
}
#blog-post.testimonials_v3 .section-title2 p.title-text {
color: #898989;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-style: normal;
line-height: 26px;
margin-bottom: 45px;
margin-top: 40px;
}
.single-testimonial-item {
border-right: 1px solid #e0e0e0;
margin-bottom: 60px;
padding-right: 30px;
}
.single-testimonial-item.border-none {
border-right: medium none;
}
.testimonial-img-holder {
float: left;
margin-right: 40px;
overflow: hidden;
}
.testimonial-text {
overflow: hidden;
padding-bottom: 25px;
padding-top: 20px;
}
.testimonial-text p {
color: #898989;
font-size: 14px;
line-height: 26px;
font-family: "Open Sans",sans-serif;
}
.testimonial-text p i {
color: #99c802;
font-size: 20px;
padding-right: 10px;
}
.testimonial-text h5 {
color: #312f3e;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 500;
margin-top: 20px;
text-align: right;
}
/* End blog-post.testimonials_v3 area css */
#awesome-service-pricing-area.pricing-table-v2 {
background: #ffffff none repeat scroll 0 0;
padding-bottom: 80px;
padding-top: 94px;
}
#awesome-service-pricing-area .section-title2{
margin-bottom:45px;
}
#awesome-service-pricing-area .section-title2 p.title-text {
color: #898989;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-style: normal;
line-height: 26px;
margin-bottom: 0;
margin-top: 20px;
}
footer .widget h3 {
border-bottom: 1px solid #0e3c4f;
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 26px;
margin: 0 0 17px;
padding-bottom: 15px;
text-transform: capitalize;
font-style:italic;
font-family: "Open Sans",sans-serif;
}
#blog-post.faq .sidebar-widget-items {
min-height: 1575px;
}
#blog-post.faq .sidebar-widget.search {
margin-top: 6px;
}
#awesome-service-pricing-area.pricing-table-v2 .section-title2 p {
margin-bottom: 7px;
}
#blog-post.shops {
padding-bottom: 100px;
padding-top: 100px;
}
.star-rating {
color: #7fa409;
cursor: pointer;
font-size: 13px;
line-height: 28px;
}
.single-shop-item .meta a .cart-button {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
height: 35px;
margin: 12px auto 0;
width: 167px;
}
.single-shop-item .meta a .cart-button:hover i {
border-left-color: #fff;
color: #fff;
}
.single-shop-item .meta a .cart-button:hover {
border-color: #fff;
}
.single-shop-item .meta a .cart-button:hover p {
border-right-color: transparent;
}
.single-shop-item .meta a .cart-button{
/* effect styles */
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.single-shop-item .meta a .cart-button:before {
content: "";
position: absolute;
z-index: -1;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 5px;
border: 1px solid #fff;
background: #98BC24;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.single-shop-item .meta a .cart-button:hover, .single-shop-item .meta a .cart-button:focus, .single-shop-item .meta a .cart-button:active {
/*color: white;*/
}
.single-shop-item .meta a .cart-button:hover:before, .single-shop-item .meta a .cart-button:focus:before, .single-shop-item .meta a .cart-button:active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.single-shop-item .meta .cart-button p {
border-right: 1px solid #000000;
color: #ffffff;
display: inline-block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 12px;
line-height: normal;
margin: 0;
padding: 9px 17px 8px 21px;
text-transform: uppercase;
}
.single-shop-item .meta .cart-button i {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 17px;
padding-bottom: 10px;
padding-left: 13px;
padding-top: 8px;
}
a .products-details-cat {
background: #252525 none repeat scroll 0 0;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
}
a .products-details-cat h3 {
border-right: 1px solid #000000;
color: #ffffff;
display: inline-block;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 56px;
padding-left: 29px;
padding-right: 28px;
text-transform: uppercase;
margin: 0;
}
a .products-details-cat i {
border-left: 1px solid #404040;
color: #98bc24;
display: inline-block;
float: left;
font-size: 28px;
line-height: 56px;
padding-left: 17px;
padding-right: 25px;
}
#blog-post.product-details {
padding-bottom: 75px;
padding-top: 100px;
}
.post-pagination.blog-left-pagination ul {
text-align: center;
}
.post-pagination.without-sidebar-pagination ul {
text-align: center;
}
#contact-content .section-title2 {
margin-bottom: 45px;
}
#contact-content .section-title2 p.title-text {
color: #898989;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-style: normal;
line-height: 26px;
padding-top: 20px;
}
.contact-address-info {
overflow: hidden;
padding-bottom: 42px;
}
.contact-address-single-info {
border: 1px solid #e5e5e5;
display: inline-block;
overflow: hidden;
width: 100%;
}
#blog-post article h2.middle-title {
color: #242424;
font-size: 20px !important;
font-weight: 500 !important;
margin-bottom: 1px !important;
margin-top: 20px !important;
text-transform: none !important;
}
.contact-address-bg {
background: #f5f4f4 none repeat scroll 0 0;
display: inline-block;
float: left;
padding: 51px 28px;
border-right: 1px solid #e5e5e5;
}
.contact-addresss-icon {
display: inline-block;
float: left;
left: -30px;
padding: 23px 0;
position: relative;
}
.contact-address-text {
}
.contact-addresss-icon .fa {
background: #252525 none repeat scroll 0 0;
border-radius: 50%;
color: #99c802;
font-size: 25px;
height: 55px;
padding: 15px 20px;
width: 55px;
}
.contact-addresss-icon .fa.envelop-icon {
padding: 14px 15px;
}
.contact-address-text p {
color: #898989;
font-family: "Open Sans",sans-serif;
font-size: 15px;
line-height: 26px;
margin: 0;
overflow: hidden;
padding: 25px 20px 25px 0;
position: relative;
left: -5px;
}
.working-hour-content {
background: #f5f4f4 none repeat scroll 0 0;
border: 1px solid #e5e5e5;
padding-left: 30px;
padding-top: 45px;
}
.working-hour-content ul {
margin-top: 28px;
}
.working-hour-content ul li {
text-transform: uppercase;
line-height: 40px;
}
.working-hour-content ul li span {
float: right;
margin-right: 60px;
}
#testimonial-section-title-area {
background: #f5f4f4 none repeat scroll 0 0;
padding-bottom: 42px;
padding-top: 95px;
}
#testimonial-section-title-area .section-title2 p.title-text {
color: #898989;
font-size: 14px;
font-style: normal;
padding-top: 10px;
font-family: "Open Sans",sans-serif;
}
/* gallery v4 customization */
#project-version-one.project-4 .auto-container-fluid {
padding: 0;
overflow:hidden;
}
#project-version-one .gallery-v4 .single-project-item {
display: none;
margin: 0;
padding: 0 5px;
margin-bottom: 10px;
background:none !important;
}
#project-version-one .gallery-v4 {
margin-left: -5px;
margin-right: -5px;
}
#project-version-one .normal-gallery.gallery-v4 .single-project-item .img-wrap .content-wrap {
bottom: 0;
height: auto;
left: 0;
padding: 10px;
right: 0;
top: 0;
width: auto;
}
/* #landscaping-design-gardener styles */
#landscaping-design-gardener .img-border {
position: relative;
display: inline-block;
}
#landscaping-design-gardener .img-border:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: url(../img/landscaping-design/image-bg.png) center center;
background-size: 100% 100%;
}
/* video popup style styles */
.video-popup-modal .modal-header {
background: #7FA409;
position: relative;
}
.video-popup-modal .modal-header .close {
width: 30px;
height: 30px;
background: #fff;
color: #242424;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 50%;
position: absolute;
top: 15px;
right: 15px;
}
.video-popup-modal .modal-header h4 {
display: block;
font-family: 'Roboto Slab', sans-serif;
font-size: 18px;
color: #fff;
line-height: 29px;
font-weight: bold;
text-transform: uppercase;
}
.video-popup-modal .carousel-indicators {
position: static;
margin: 0;
width: 100%;
margin-top: 15px;
}
.video-popup-modal .carousel-indicators li,
.video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a {
background: #242424;
border: none;
width: 12px;
height: 12px;
margin: 0;
margin-right: 10px;
border-radius: 50%;
}
.video-popup-modal .bx-wrapper .bx-pager {
padding: 0;
bottom: -49px;
}
.video-popup-modal .carousel-indicators .active,
.video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a:hover,
.video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #7FA409;
width: 12px;
height: 12px;
}
.video-popup-modal .carousel-control.left,
.video-popup-modal .carousel-control.right {
background-color: transparent;
background-image: none;
opacity: 1;
filter: alpha(opacity=100);
}
.video-popup-modal .carousel-control i {
font-size: 70px;
position: absolute;
top: 35%;
font-weight: bold;
color: #fff;
}
/* pop up single gallery item styles */
#single-gallery-modal .modal-dialog {
}
#single-gallery-modal .modal-dialog .modal-header {
background: #7FA409;
padding: 19px 0;
position: relative;
}
#single-gallery-modal .modal-dialog .modal-header .close {
position: absolute;
right: 40px;
top: 18px;
line-height: 32px;
color: #000000;
width: 32px;
height: 32px;
background: white;
opacity: 1;
filter: alpha(opacity=100);
border-radius: 50%;
margin: 0;
z-index: 9999999;
text-indent: 1px;
}
#single-gallery-modal .modal-dialog .modal-header h4 {
font-family: 'Roboto Slab';
color: #fff;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
#single-gallery-modal .modal-dialog .modal-body {
padding: 40px;
}
#single-gallery-modal .modal-dialog .modal-body .item-image {
text-align: center;
}
#single-gallery-modal .modal-dialog .modal-body p {
font-size: 15px;
color: #797979;
line-height: 26px;
}
#single-gallery-modal .modal-dialog .modal-body ul li {
font-size: 13px;
color: #2B2B2B;
font-weight: 600;
line-height: 35px;
text-transform: uppercase;
}
#single-gallery-modal .modal-dialog .modal-body ul li i {
font-size: 13px;
color: #EB9500;
margin-right: 10px;
}
.video-popup .modal-body {
padding-bottom: 60px;
}
.video-popup .modal-body iframe {
border: none;
}
.video-popup .bx-wrapper {
margin: 0;
}
.video-popup .bx-wrapper .bx-viewport {
border: none;
outline: none;
box-shadow: none;
left: 0;
}
header .auto-container {overflow: hidden;}