/** ***************************************** @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 */ @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100); @import url(../revolution/css/settings.css); @import url('bootstrap.min.css'); @import url('animate.css'); @import url('font-awesome.min.css'); @import url('hover.css'); @import url('jquery.bxslider.css'); @import url('owl.carousel.css'); @import url('owl.theme.default.min.css'); @import url('strocke-gap-icons-style.css'); @import url('jquery.fancybox.css'); @import url('../fonts/flaticon/flaticon.css'); /* 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: 100%; } p { } /* Start button css */ .contact-us-button { display: inline-block; padding: 6px 23px; border-radius: 5px; text-transform: uppercase; } a.contact-button { background: #9cd313; border-radius: 5px; color: #282e14; display: inline-block; margin-left: 35px; border: 1px solid #9cd313; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 0px !important; margin: 0px !important; } a.contact-button:hover { border-color: #fff; } a.contact-button:hover .contact-us-button { border-right-color: transparent; } a.contact-button:hover i { border-left-color: #fff; color: #fff; } a.contact-button i { color: #282e14; 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: #282e14; padding: 20px 0 48px; } .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: #9cd313; 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: #9cd313; } .top-info .info-box p { color: #A9AF8F; line-height: 20px; margin: 0; } .top-info .info-box span.highlighted { color: #9cd313; } header .logo { margin: -7px 0 0; } /* mainmenu styles */ .mainmenu-navigation { margin-top: -35px; margin-bottom: -30px; position: relative; z-index: 9999; -webkit-transition: all .5s ease; transition: all .5s ease; } .mainmenu-navigation.stricky-fixed { position: fixed; top: 35px; 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 .container { position: relative; } .mainmenu-navigation .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: #9cd313; 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: 16px; color: #242424; line-height: 29px; /* border-right: 1px dashed #BEBEBE; */ font-weight: bold; text-transform: uppercase; padding: 0 30px; } /* dropdown menu styles */ .mainmenu-navigation .navigation> .nav-footer ul > li.active > a, .mainmenu-navigation .navigation> .nav-footer ul > li:hover > a { color: #9cd313; } .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: #9cd313; } .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: #9cd313; padding: 0 23px 0px 0px; position: relative; } .mainmenu-navigation .search-wrapper:before { content: ''; position: absolute; top: 0; left: -35px; width: 74px; height: 100%; background: #9cd313; -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: #9cd313; 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 { display: block; font-size: 14px; color: #FFFFFF; background-color: transparent; width: 33px; height: 33px; line-height: 31px; 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 { 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: #9cd313; } .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: #9cd313; 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: #9cd313; 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: #9cd313; 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 { -webkit-filter: contrast(0.75); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: contrast(0.75); 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 .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-weight: 500; 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 .container { border-top: 1px solid #E2E2E2; padding: 50px; position: relative; } #clients .owl-carousel { padding: 0 20px; } #clients .container .item img { opacity: .3 !important; filter: alpha(opacity=30); -webkit-transition: all .3s ease; transition: all .3s ease; } #clients .container .item:hover img { opacity: 1 !important; filter: alpha(opacity=100); } #clients .container .owl-prev { position: absolute; left: -45px; top: -15px; } #clients .container .owl-next { position: absolute; right: -45px; top: -15px; } #clients .container .owl-theme .owl-nav { position: absolute; top: 0; left: 0; width: 100%; } #clients .container .owl-theme .owl-nav div { background: none; } #clients .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 .container { border-top: 4px solid #FE5454; } footer .container .col-lg-12 .request-for-qoute-wrap { text-align: center; } footer .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; border: none; outline: none; padding: 0 45px; } footer .container .col-lg-12 a.request-for-qoute:hover, footer .container .col-lg-12 a.request-for-qoute:focus { color: #FE5454; } footer .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); -webkit-transition: all .3s ease; 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 .container p { margin-bottom: 0; color: #185166; font-size: 14px; } /** * 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 .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; color: #FE5454; 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 .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: #9cd313; box-shadow: 0 0 2px #9cd313; } #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: #9cd313; font-size: 16px; } .contact-submit-button { background: #282e14; border-radius: 5px; display: inline-block; margin-top: 27px; border: none; font-size: 18px; font-family: "Roboto Slab", serif; color: #9cd313; -webkit-transition: all .3s ease; transition: all .3s ease; } .contact-submit-button:hover { background: #9cd313; color: #fff; } .contact-submit-button:hover span { border-color: transparent; color: #fff; } .contact-submit-button:hover i { color: #fff; border-color: #fff; } .contact-submit-button span { color: #9cd313; display: inline-block; float: left; font-size: 18px; font-weight: 600; line-height: 40px; padding-left: 22px; font-family: "Roboto Slab", serif; padding-right: 18px; text-transform: uppercase; } .title-text2 span { display: block; color: #242424; font-family: "Roboto Slab", serif; font-size: 18px; font-weight: 700; margin-top: 0; text-transform: uppercase; } .title-text2 strong { color: #242424; font-size: 18px; font-family: "Roboto Slab", serif; font-weight: 700; text-transform: uppercase; } #contact-content .section-title2 p.title-text { padding-bottom: 20px; } .contact-submit-button .fa { color: #fff; 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; } #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:last-child { border: none; margin-bottom: 0; } #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; } #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"] { 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 .container { padding: 65px 0 50px; overflow: hidden; } .home-v2#contact-content .section-title h1 { margin-bottom: 30px; } .home-v2#contact-content .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; border: none; 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 .container { position: relative; } #request-a-qoute-container .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 .container .request-a-qoute-with-tooltip:hover, #request-a-qoute-container .container .request-a-qoute-with-tooltip:focus { color: #42B8E9; } #request-a-qoute-container .container .request-a-qoute-with-tooltip:before { background: #fff; } #request-a-qoute-container .container .request-a-qoute-with-tooltip i { position: absolute; bottom: -17px; font-size: 30px; left: 0; width: 100%; color: #42B8E9; } #request-a-qoute-container .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 .container { position: relative; z-index: 9999; -webkit-transition: all .3s ease; transition: all .3s ease; } header.header-v3 > .container { margin-bottom: -25px; } header.header-v3.header-fixed .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 .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 .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 .container .row > img { bottom: 0; left: 25px; position: absolute; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #page-404-content .container:hover .row > img { opacity:; filter: alpha(opacity=0); } #page-404-content .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 .container p { color: #242424; font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 26px; } #page-404-content .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 .container a.button-404:hover { color: #FE5454; border-color: #FE5454; } #page-404-content .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 { font-weight: normal; 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; color: #fff; 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; font-size: 16px; } .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 { display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #7E7E7E; } .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 { color: #999999; display: block; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 500; margin-bottom: 20px; } .product-details-box span b { color: #242424; font-family: "PT Serif", serif; font-size: 28px; font-style: italic; font-weight: 700; margin-left: 10px; } .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: #9cd313; } header.gardener .mainmenu-container ul li a:before, header.gardener .search-box { background: #9cd313; } header.gardener .mainmenu-container ul li a:before { color: #9cd313; } header.gardener .cart-box span { color: #000; } header.gardener .mainmenu-container ul li a:before { background: #9cd313; } header.gardener .mainmenu-container ul li.top-icons:hover a i { border-color: #DFDFDF; } header.gardener .mainmenu-container ul > li > ul { border-color: #9cd313; } 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: #282e14; 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; } .bg2 { background: url(../img/resources/section_bg2.png) !important; background-size: 100% auto !important; } .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: #9cd313; 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; } #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 13px; line-height: 20px; } #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: #9cd313; 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 .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 .container .text-box { display: table-cell; vertical-align: middle; padding-left: 45px; } #testimonials-gardener .container .text-box p { color: #f5f4f4; font-size: 18px; font-style: italic; line-height: 30px; position: relative; } #testimonials-gardener .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 .container .text-box p.name { font-style: italic; font-size: 14px; line-height: 20px; margin-bottom: 0; display: inline-block; float: right; } #testimonials-gardener .container .text-box p.name span { font-size: 16px; font-style: italic; color: #98BC24; line-height: 20px; } #testimonials-gardener .container .owl-controls { position: absolute; top: -15px; right: 0px; } #testimonials-gardener .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 .container .owl-theme .owl-nav [class*=owl-]:hover { opacity: .55; filter: alpha(opacity=55); } #testimonials-gardener .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: #9cd313; 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_bg2.png) 0 0 no-repeat; background-size: cover; padding: 39px 0px 30px; } footer.gardener { background: none; } footer.gardener .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: 25px; float: left; } #bottom-bar.gardener .social li { display: inline; } #bottom-bar.gardener .social li a { display: inline-block; width: 40px; height: 40px; background: transparent; text-align: center; line-height: 40px; color: #fff; border: 1px solid #fff; font-size: 30px; margin-right: 7px; -webkit-transition: all .3s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease; transition: all .3s ease; background: #9cd313; } #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; } 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/footer_bg1.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: #282e14; width: 5000px; height: 100%; position: absolute; left: 0; top: 0; -webkit-transform: skew(-38deg); -ms-transform: skew(-38deg); transform: skew(-38deg); } #great-gardener-team { background-size: 58% 100%; } #great-gardener-team h2 { color: #9cd313; 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: 15px; font-style: italic; line-height: 20px; margin-bottom: 20px; } #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: #9cd313; } .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 #9cd313; margin-bottom: 30px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.28); } .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: #9cd313; /*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: 14px; 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: 13px; line-height: 20px; } /* 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: #9cd313 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: #9cd313 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 .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: 0; 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: #9cd313; } #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: #9cd313; 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; } .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 .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: #9cd313; 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: 3px !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 .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: #9cd313 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: 40px; padding-top: 100px; } .star-rating { color: #9cd313; 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: 18px; } .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: #9cd313 none repeat scroll 0 0; border-radius: 0px; color: #fff; font-size: 36px; 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 .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: #9cd313; 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: #9cd313; 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: #9cd313; 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; -webkit-box-shadow: none; box-shadow: none; left: 0; } /* =============== MODf-1.3.2016 =========================*/ img { max-width: 100% } .clear { clear: both; } .top-info img { padding: 1px 0 6px; width: 265px; } .logo.pull-left img { width: 230px; } .contact_numb { color: #fff; display: inline-block; font-family: "Roboto Slab", serif; font-size: 34px; height: 65px; line-height: 65px; padding: 0 6px 0px 30px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.48); position: relative; z-index: 100; } .banner_cont { background: rgba(0, 0, 0, 0.63); color: #fff; padding: 2% 3%; position: absolute; right: 0%; top: 34%; width: 64%; } .banner_cont h2 { font-family: "Roboto Slab", serif; color: #9cd313; padding: 0px 0px 10px; margin: 0px; line-height: 50px; font-size: 47px; text-transform: uppercase; } .banner_cont img { float: left; } .banner_cont .banner_cont1 { overflow: hidden; padding: 10px; font-size: 30px; font-family: 'Open Sans', sans-serif; } .banner_cont .banner_cont1 p { font-size: 20px; } .banner_cont .banner_cont1 span { font-size: 14px; } .banner_cont .banner_cont1 span em { display: block; font-style: initial; } .banner_cont .offer { font-size: 14px; float: right; ; } .banner_cont1 p strong { color: #9cd313; font-weight: 600; } .banner_cont1 { float: left; width: 68%; } .offer { width: 21%; } .offer img { max-width: 100%; float: none; width: 100%; } .banner_cont .banner_cont1 span { font-size: 13px; line-height: 11px; } .lava_section { padding: 0px 175px; position: relative; } .lava_section ul { padding: 0px 0px; margin: 0px; list-style: none; } .lava_section ul li { padding: 0px 0px; margin: 0px; font-family: "Roboto Slab", serif; font-size: 40px; font-weight: 600; padding: 0px 10px; } .lava_section ul li:before { padding: 0px 0px; margin: 0px; font-family: "Roboto Slab", serif; font-size: 40px; font-weight: 600; padding: 0px 10px; } .lava_section:after { background-image: url(../img/resources/sep1.png); background-size: cover; bottom: -35px; content: ""; height: 91px; left: 0; position: absolute; width: 152px; } .lava_section ul li { display: inline-block; font-family: "Roboto Slab", serif; font-size: 36px; font-weight: 600; line-height: 36px; margin: 0; position: relative; padding: 0 10px; } .lava_section ul li:after { background: #9cd313; color: #9cd313; content: ""; height: 90%; left: -4px; padding: 0; position: absolute; top: 4px; width: 2px; } .lava_section ul li:first-child:after { display: none; } .service-icon { background: #9cd313 url("../img/resources/icon1.png") repeat scroll 0 0 / 595% auto; float: left; height: 108px; margin-left: 15px; margin-right: 11px; margin-top: 53px; overflow: hidden; position: relative; text-align: center; width: 30%; } .service-icon.icon2 { background-position: 20% center; } .service-icon.icon3 { background-position: 39.8% center; } .service-icon.icon4 { background-position: 60.8% center; } .service-icon.icon5 { background-position: 80% center; } .service-icon.icon6 { background-position: 100% center; } .service-icon i { display: none; } .sect3 { background: #9cd313; padding: 10px 0px; } .sect3_block { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2% 0px; } .sect3 h2 { color: #fff; font-family: "Roboto Slab", serif; font-size: 48px; font-weight: 700; text-transform: uppercase; } .sect3 h2 { color: #fff; font-family: "Roboto Slab", serif; font-size: 40px; padding-bottom: 25px; font-weight: 700; text-transform: uppercase; } .sect3_section { padding: 0px; margin: 0px; list-style: none; } .sect3_section li { color: #000; float: left; font-family: "Roboto Slab", serif; font-size: 19px; margin: 0 1%; padding: 10px; position: relative; text-align: center; width: 23%; display: block; } .sect3_section li:after { color: #000; font-size: 40px; font-family: "Roboto Slab", serif; position: absolute; left: -10%; top: 33%; content: "+"; display: block; font-weight: 700; } .sect3_section li:first-child:after { display: none; } .sect3_section li:nth-child(4):after { content: "="; } .sect3_info { text-align: center; padding-bottom: 20px; } .sect3_section ul li span { display: block; font-weight: 600; } .sect3_section span strong { display: block; font-weight: 600; } img { max-width: 100%; } #welcome-to-gardener h4 { color: #9cd313; font-family: "Roboto Slab", serif; font-size: 20px; font-weight: bold; line-height: 22px; margin: 0 0 8px; text-transform: uppercase; } #welcome-to-gardener ul li { display: block; overflow: hidden; width: 100%; margin-bottom: 30px; } #welcome-to-gardener ul li img { display: block; overflow: hidden; float: left; margin-right: 15px; } .list-box_info { overflow: hidden; padding-top: 15px; } .list-box_info h4 { width: 100%; font-size: 16px; overflow: hidden; padding-bottom: 0px; } #welcome-to-gardener ul li li { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; line-height: 20px; text-transform: none; margin-bottom: 0px; padding-left: 15px background:url(../img/resources/dot.png) no-repeat left top; } .col-sm1 .img-holder:before { background: #98BC24; } .col-sm1:hover .img-holder img { opacity: .45; filter: alpha(opacity=45); } .col-sm1:hover .img-holder:before, .col-sm1:focus .img-holder:before, .col-sm1:active .img-holder:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sect4_section { } #video-section-gardener { background: #e7e5e6; position: relative; } .prod_pic1 { position: relative; } .prod_pic1 span, .prod_pic3 img { position: absolute; width: 100%; content: ""; display: block; height: 100%; left: 0px; top: 0px; background-size: 100% 100%; } .prod_pic1 img, .prod_pic3 img { width: 100%; } .inner_cont2 h2 span { display: block; color: #282e14; font-size: 28px; font-weight: normal; } .col-sm1 { width: 30%; margin-right: 3%; } .col-sm3 { width: 33%; margin-right: 3%; } .flt-left { float: left; } .flt-right { float: right; } .prod_pic4 .img-holder:before { background: #98BC24; } .prod_pic4:hover .img-holder img { opacity: .45; filter: alpha(opacity=45); } .prod_pic4:hover .img-holder:before, .prod_pic4:focus .img-holder:before, .prod_pic4:active .img-holder:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .section-title2 .img-holder:before { background: #98BC24; } .section-title2:hover .img-holder img { opacity: .45; filter: alpha(opacity=45); } .section-title2:hover .img-holder:before, .section-title2:focus .img-holder:before, .section-title2:active .img-holder:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .prod_pic4 { position: absolute; right: 0px; top: 29%; width: 32%; } .prod_pic4 img { width: 100%; } .prod_pic4 span, .prod_pic3 img { position: absolute; width: 100%; content: ""; display: block; height: 100%; left: 0px; top: 0px; background-size: 100% 100%; } #contact-content .contact-form input, #contact-content .contact-form textarea { border: 1px solid #9cd313; margin-bottom: 0px; position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.28); resize: none; font-family: "Open Sans", sans-serif; color: #282e14; } #contact-content .contact-form input { height: 53px; } .contact-address-single-info { border: 1px solid #9cd313; } .sidebar_ad { position: relative; } .sidebar_ad span { position: absolute; left: 5%; bottom: 5%; width: 46%; } .sidebar_ad span img { width: 100%; } .contact_from3 .contact-address-bg { visibility: hidden; ; } .contact_from3 .contact-addresss-icon .fa { background: #9cd313 none repeat scroll 0 0; border-radius: 0; color: #fff; font-size: 55px; height: 79px; padding: 15px 20px; width: 80px; } .contact_from3 .contact-address-text p { font-size: 22px; line-height: 26px; padding: 35px 20px 25px 0; } .contact_from3 .address-text2 p { font-size: 16px; line-height: 21px; } .has-skew:after { content: ''; width: 23%; height: 42%; position: absolute; right: 0; bottom: 0; background-size: 100% 100%; background: url(../img/resources/sep2.png) no-repeat left top; } #great-gardener-team p { color: #ffffff; font-size: 14px; font-style: italic; line-height: 20px; margin-bottom: 20px; } #great-gardener-team .inner_form4 { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 20px; } label { font-weight: 400; } .contact-button2 { width: 59.5% !important; padding: 8px 20px !important; Text-align: left !important; margin: 0px !important; } .contact-button2 { width: 59.5% !important; padding: 8px 20px !important; text-align: left !important; margin: 0px !important; border-radius: 5px; outline: 0px; border: 0px; background: #9cd313 url(../img/resources/MrGreen2.png) no-repeat right top; ; } .contact-button1 { padding: 10px 0px; } #great-gardener-team .inner_form4 label { font-weight: 400; } #great-gardener-team .inner_form4 input { display: inline-block; width: 36%; padding: 2px 10px; margin: 0px 2%; color: #000; } #great-gardener-team .inner_form4 input { color: #0000; } .has-skew:after { content: ''; width: 26%; height: 42%; position: absolute; right: -10%; bottom: 0; background: url(../img/resources/sep2.png) no-repeat left top; background-size: 100% 101%; } a.contact-button { width: 58%; } .copyright p { color: #9dba3f; padding: 30px 0 0 0 !important; float: left; } .single-service-item { min-height: 216px; } .sidebar_ad img { width: 100% !important; } #video-section-gardener .video-text p { font-size: 13px; font-weight: 500; margin: 1px 0 11px; } @media screen and (max-width: 1190px) { .banner_cont h2 { font-size: 35px; } .banner_cont .banner_cont1 p { font-size: 15px; line-height: 20px; } .banner_cont img { width: 36px; } .offer > img { width: 100%; } .lava_section ul li { font-size: 20px; } #promotional-text.gardener { padding: 15px 0 15px !important; } .lava_section::after { background-size: cover; bottom: -15px; content: ""; height: 154%; width: 14%; background-size: 100% 100%; } #our-services-gardener { padding-bottom: 49px; padding-top: 56px; } .service-icon { height: 0px; width: 30%; padding: 14%; } .single-service-item { min-height: 266px; } .sect3_section li { font-size: 15px; } #contact-content .contact-form input { height: 40px; } #contact-content .contact-form textarea { height: 100px; padding-top: 15px; } .contact_from3 .contact-address-text p { font-size: 16px; line-height: 26px; padding: 21px 20px 25px 0; } .contact-addresss-icon { left: -30px; padding: 14px 0; } .contact_from3 .address-text2 p { font-size: 12px; line-height: 18px; } a.contact-button { width: 72%; } #great-gardener-team .inner_form4 input { width: 44%; } .nav-footer ul.nav li a { font-size: 15px; padding: 0 14px; } .mainmenu-navigation .search-wrapper { margin-right: -15px; } .contact-button2 { width: 73.5% !important; } } @media screen and (max-width:999px) { .mainmenu-navigation .search-wrapper { margin-right: 0px; } .contact-button2 { width: 70.5% !important; } .banner_cont { padding: 2% 3%; top: 32%; width: 93%; } .sect3 h2 { font-size: 28px; padding-bottom: 25px; } .sect3_section li { font-size: 14px; } .col-sm3 { width: 64%; margin-right: 3%; } .prod_pic4 { top: 16%; } #video-section-gardener, #contact-content { padding: 6% 0px; } .contact_from3 .address-text2 p { font-size: 14px; line-height: 21px; } .contact-addresss-icon { padding: 8px 0 !important; } .contact-address-text.special-info p { padding-top: 26px !important; } .contact_from3 .contact-address-text p { font-size: 15px; line-height: 21px; padding: 18px 20px 0 0!important; } .contact-address-bg { padding: 1px 20px !important; } .contact-us-button { padding: 6px 18px; } .has-skew:after { width: 20%; height: 32%; right: 0%; } .hvr-rectangle-out { display: block; margin: 0px auto; } #contact-content { padding: 6% 0 0 !important; } } @media screen and (max-width:767px) { .single-service-item { min-height: none; } .contact-button2 { width: 100% !important; } .mainmenu-navigation .search-wrapper { padding: 0px 11px 0px 0px; } .contact_numb { padding: 0 6px 0px 1px; font-size: 28px; } .lava_section ul { padding: 0px 0px; margin: 0px; } .lava_section ul li { font-size: 15px; } .banner_cont { padding: 2% 5%; top: 19%; width: 100%; } .banner_cont h2 { font-size: 20px; } /*.banner_cont p { display: none;; }*/ .lava_section { padding: 0 20px; position: relative; } .single-service-item { min-height: auto; } .service-icon { height: 0; padding: 7%; width: 10%; } .service-text { padding-top: 20px; } .service-icon { margin-top: 20px; } .sect3 h2 { font-size: 21px; padding: 0px 26px; text-align: center; } .sect3_section li { display: block; float: none; font-size: 19px; margin: 0 1%; padding: 10px; width: auto; } #welcome-to-gardener h3 { font-size: 21px; margin: 25px 0 0; } #welcome-to-gardener h4 { font-size: 18px; } #welcome-to-gardener ul li li { font-size: 14px; } #welcome-to-gardener ul li img { width: 70PX; } .list-box_info { padding-top: 0PX; } .flt-left { float: none; } .col-sm1 { margin-right: 0%; width: 100%; } .prod_pic1 { width: 100%; } .col-sm3 { margin-right: 0px; width: 100%; } .has-skew::after { height: 18%; right: 0; width: 20%; } #great-gardener-team .pull-right { float: none!important; } #great-gardener-team .has-skew { padding: 30px 0 30px 30px; padding: 20px 16px 55px; } .contact-us-button { padding: 6px 4% !important; width: 90%; } a.contact-button { width: 100%; } #great-gardener-team .has-skew { padding: 20px 18px 60px !important; } #great-gardener-team .has-skew::before { transform: none; } .has-skew::after { right: 42%!important; } .prod_pic4 { position: relative; right: 0; top: 0px; width: auto; padding: 15px 0px 0; } .copyright p { padding: -5px 0 0 !important; } .lava_section ul li { font-size: 11px; } } @media screen and (max-width:479px) { .mainmenu-navigation .navigation { width: 29%!important;} .contact-us-button { padding: 6px 4% !important; width: 86%;} a.contact-button { font-size: 11px;} #welcome-to-gardener ul li img { width: 53px;} #welcome-to-gardener h4 {font-size: 14px;} #welcome-to-gardener p {font-size: 14px; line-height: 20px;} .lava_section::after { background-size: 100% 100%; height: 96%; width: 14%; left: -7px; bottom: -6px !important;} #promotional-text.gardener { padding: 6px 0 !important;} .sect3_info { padding: 9px 46px;} .copyright p { padding: 0px 0 0 !important;} .banner_cont1 { width: 87%;} .banner_cont .banner_cont1 { padding: 3px;} .banner_cont img { width: 23px;} .banner_cont .banner_cont1 span { font-size: 12px;} .offer {margin-top:-36px;} .offer img { width:65px;} .banner_cont h2 { font-size: 16px; line-height:normal;} .banner_cont .banner_cont1 p { font-size: 12px; line-height: 16px; } }