/* Lawnella */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Preloader
5. Topbar
6. Mid_bar
7. Slider-css
8. Heading-css
9. Home page one
10. Home Page Two
11. Home Page Three
12. Page Header
13. About Us Page
14. 404 page
15. faqs page
16. Price plans Page
17. Two Column Manasory Page
18. Three Column Mansdory Page
29. Two Column Grid Page
20. Three Column Grid Page
21. Product Details Page
22. Service 01
23. Testimonial Page
24. Service Single Page
25. Blog Single Page
26. Blog Left Sidebar Page
27. pagination
28. Contact Page
29. Home Page Four
30. Products
31. My Account
32. Shopping Cart
33. Checkout
34. Product Single
35. media-queries
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap');
/*
font-family: 'Source Serif Pro', serif;
font-family: 'Poppins', sans-serif;
*/
body {
padding: 0;
font-size: 16px;
line-height: 26px;
margin: 0;
font-weight: 400;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;
}
body .page_wapper {
position: relative;
overflow: hidden;
}
/*-----------------scroolbar-------------*/
body::-webkit-scrollbar {
width: 8px;
}
body.sbar_color_two {
overflow-x: hidden;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #f4f4f4;
-moz-box-shadow: inset 0 0 6px #f4f4f4;
box-shadow: inset 0 0 6px #f4f4f4;
background: #f4f4f4;
}
body::-webkit-scrollbar-thumb {
background: #69B345;
-webkit-box-shadow: inset 0 0 6px #69B345;
-moz-box-shadow: inset 0 0 6px #69B345;
box-shadow: inset 0 0 6px #69B345;
}
body::-webkit-scrollbar-thumb:window-inactive {
background: #69B345;
}
/*-----------------scroolbar-------------*/
/***
====================================================================
Reset
====================================================================
***/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/***
====================================================================
Global Settings
====================================================================
***/
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
font-family: 'Source Serif Pro', serif;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
p {
padding: 0;
margin: 0;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #808080;
font-family: 'Poppins', sans-serif;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
ul {
padding: 0;
margin: 0;
}
ul li {
padding: 0;
margin: 0;
list-style: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.btn:focus {
outline: 0px;
-webkit-appearance: none;
appearance: none;
}
.theme_btn {
font-size: 14px;
text-transform: uppercase;
color: #fff;
background: #69B345;
display: inline-block;
width: 170px;
height: 50px;
line-height: 50px;
font-weight: 700;
transition: all .5s ease;
text-align: center;
font-family: 'Poppins', sans-serif;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.theme_btn:hover {
color: #252525;
}
.padding_zero {
padding: 0px;
}
@media (max-width:992px) {
.padding_zero {
padding: 0px 15px;
}
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
button:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
.owl-carousel .owl-item img {
width: auto!important;
}
.owl-carousel .owl-nav,
.owl-carousel .owl-dots,
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
background: transparent!important;
}
#scroll {
position: fixed;
right: 50px;
bottom: 100px;
cursor: pointer;
width: 50px;
height: 50px;
background-color: #69B345;
display: none;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
z-index: 99;
}
#scroll span {
transform: rotate(-90deg);
font-size: 18px;
display: block;
color: #fff;
}
#scroll i {
position: absolute;
color: #69B345;
font-size: 18px;
top: -6px;
right: -11px;
}
#scroll:hover {
background-color: #e74c3c;
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 15px!important;
padding-left: 15px!important;
}
}
.bsnav-mobile .navbar_right {
display: none;
}
.bsnav-mobile .search_link {
display: none;
}
.image {
position: relative;
}
.link {
position: absolute;
z-index: 99;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
}
.help-block.with-errors {
font-size: 15px;
color: #fff;
width: 100%;
text-align: center;
}
.any_questions .help-block.with-errors {
color: #252525;
}
.contact_type_two .help-block.with-errors {
color: #252525;
}
.estimations .help-block.with-errors {
color: #252525;
}
.form_appointment.app_type_two .help-block.with-errors {
color: #252525;
}
/*--------------------------------------------------------
========================Preloader===========================
--------------------------------------------------------*/
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999999999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/preloader.gif);
}
/*--------------------------------------------------------
========================Topbar===========================
--------------------------------------------------------*/
.topbar {
padding: 10px 0px;
background: #1c1c1c;
}
.topbar p {
font-size: 15px;
color: #828282;
line-height: 26px;
}
.topbar p span.icon-leaf {
font-size: 16px;
color: #69B345;
line-height: 26px;
margin-right: 5px;
}
.topbar p a {
font-size: 15px;
color: #fff;
line-height: 26px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.topbar p a:hover {
color: #69B345;
}
.topbar .topbar-two .top_bar_widgets_inner {
position: relative;
text-align: right;
}
.topbar ul li {
display: inline-block;
font-size: 15px;
color: #828282;
line-height: 26px;
margin-right: 20px;
line-height: 30px;
}
.topbar ul li:hover a {
color: #69B345;
}
.topbar ul li:last-child {
margin: 0px;
}
.topbar ul li a {
color: #828282;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.topbar ul li a.loca_pin {
position: relative;
display: inline-block;
width: 150px;
height: 30px;
background: #242424;
border-radius: 2px;
color: #fff;
text-align: center;
border: 1px solid #2b2b2b;
}
.topbar ul li a.loca_pin span {
font-size: 14px;
color: #69B345;
line-height: 26px;
margin-right: 5px;
}
/*--------------------------------------------------------
========================mid_bar===========================
--------------------------------------------------------*/
.mid_bar {
position: relative;
padding: 35px 0px 30px;
}
.mid_bar .mid_bar_content {
position: relative;
margin-left: 86px;
}
.mid_bar.mid_type_two .mid_bar_content {
position: relative;
margin-left: 43px;
}
.mid_bar.mid_type_two .mid_bar_content {
position: relative;
margin-left: 43px;
}
.mid_bar .mid_bar_content li {
display: inline-block;
position: relative;
overflow: auto;
}
.mid_bar .mid_bar_content p.dark {
font-size: 18px;
font-weight: 600;
color: #252525;
}
.mid_bar .mid_bar_content p.light {
font-size: 16px;
color: #828282;
font-weight: 600;
font-family: 'Source Serif Pro', serif;
}
.mid_wapper {
position: relative;
}
.mid_wapper .icon {
float: left;
font-size: 34px;
color: #69B345;
line-height: 50px;
margin-right: 10px;
}
.content_mid {
position: relative;
margin-left: 50px;
}
.content_mid span {
display: block;
}
.mid_bar .theme_btn {
border-radius: 30px;
}
/*--------------------------------------------------------
========================Home Header One===========================
--------------------------------------------------------*/
.navbar {
padding: 0px;
}
.header-style-v1 .navbar-collapse {
margin-left: 40px;
position: relative;
}
.site-logo {
position: relative;
}
@media(max-width:600px) {
.site-logo img {
width: 150px;
}
}
.header-style-v1 {
position: relative;
}
.header-style-v1 .bsnav-sticky.bsnav-sticky-slide.sticked.in .site-logo img {
margin-top: -4px;
}
@media(max-width:1199px) {
.header-style-v1 .bsnav-sticky.bsnav-sticky-slide.sticked.in {
padding: 20px 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
}
}
.header-style-v1 .bsnav-sticky.bsnav-sticky-slide.sticked.in {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
}
.header-style-v1 .site-logo img {
position: relative;
margin-top: -123px;
}
.header-style-v1 .navbar-collapse:before {
position: absolute;
content: '';
background: #1c1c1c;
width: 100%;
height: 100%;
left: 0;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
z-index: -10;
top: 0;
}
.header-style-v1 .navbar-collapse:after {
position: absolute;
content: '';
background: transparent;
width: 161%;
height: 90%;
border: 1px dashed #4f4f4f;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
z-index: -10;
left: 6px;
top: 4px;
}
.header-style-v1 .navbar_right::before {
position: absolute;
content: '';
background: #1c1c1c;
width: 53%;
height: 100%;
right: -50%;
-webkit-transform: skew(-25deg);
-moz-transform: skew(-25deg);
-ms-transform: skew(-25deg);
-o-transform: skew(-25deg);
transform: skew(-25deg);
z-index: -10;
top: 0;
}
@media(max-width:3000px) and (min-width:1920px) {
.header-style-v1 .navbar-collapse::after {
width: 200%;
}
.header-style-v1 .navbar_right::before {
width: 110%;
right: -98%;
}
}
.header-style-v1 .navbar-expand-lg .navbar_left {
margin-left: 25px;
}
.header-style-v1 .navbar_right li {
margin-right: 12px;
}
.header-style-v1 .navbar_right li:last-child {
margin: 0px;
}
.header-style-v1 .navbar_right li a {
border-radius: 50px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: block;
border: 2px dotted #4f4f4f;
color: #828282;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.header-style-v1 .navbar_right li a:hover {
border: 2px dashed #69B345;
color: #69B345;
}
.header-style-v1 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.active .nav-link,
.header-style-v1 .navbar-expand-lg .navbar-nav.navbar_left .nav-item:hover .nav-link {
color: #69B345;
}
.header-style-v1 .navbar-expand-lg .navbar-nav.navbar_left .nav-item .nav-link::before {
position: absolute;
content: '';
border-radius: 50px;
width: 10px;
height: 10px;
background: #69B345;
left: -5px;
top: 34px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
opacity: 0;
}
.header-style-v1 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.active .nav-link::before,
.header-style-v1 .navbar-expand-lg .navbar-nav.navbar_left .nav-item:hover .nav-link::before {
left: 3px;
opacity: 1;
}
.header-style-v1 .navbar-expand-lg .navbar-nav .nav-item.search_link .nav-link::before {
display: none;
}
.header-style-v1 .menu-item.dropdown .dropdown-menu {
margin-top: 0px!important;
}
.header-style-v1 .navbar_right.navbar-nav .search_link .nav-link {
padding: 0px;
border: 0px;
margin-right: 55px;
}
.header-style-v1 .navbar_right.navbar-nav .search_link::before {
position: absolute;
content: '';
left: -16px;
top: 4px;
background: rgba(255, 255, 255, .1);
width: 1px;
height: 30px;
}
.header-style-v1 .navbar_right.navbar-nav .menu-item.dropdown .dropdown-menu {
margin-top: 21px!important;
}
.search_link .dropdown-menu {
left: -202px!important;
width: 300px!important;
padding: 10px;
background: #252525!important;
}
.search_link .dropdown-menu input {
position: relative;
background: transparent;
border: 0px;
box-shadow: none;
border-radius: 3px;
height: 60px;
padding: 20px;
width: 100%;
color: #fff;
border: 1px dashed #6a6a6a;
font-size: 15px;
}
.search_link .dropdown-menu input::placeholder {
color: #808080;
}
.search_link .dropdown-menu form {
position: relative;
}
.search_link .dropdown-menu .nav_search .theme_btn {
width: 50px;
height: 52px;
line-height: 54px;
text-align: center;
position: absolute;
right: 4px;
top: 4px;
box-shadow: none;
color: #fff;
border: 0px;
margin: 0px!important;
background: #69B345;
border-radius: 5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.search_link .dropdown-menu .nav_search .theme_btn:hover {
background: #fff;
color: #252525;
}
/*--------------------------------------------------------
========================Slider-css===========================
--------------------------------------------------------*/
.ban_lay_one {
position: relative;
margin-bottom: 10px;
}
.ban_lay_one span {
float: left;
color: #fff;
}
.ban_lay_one p {
margin-left: 75px!important;
padding-top: 10px!important;
font-weight: 600;
color: #fff;
}
.rev_slider_wrapper .border {
border: .5px solid rgba(255, 255, 255, .1)!important;
}
.rev_slider_wrapper .titel-1 {
color: #fff;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
}
.rev_slider_wrapper .titel-2 {
font-family: 'Poppins', sans-serif;
color: #fff;
font-weight: 400;
}
.rev-btn ul li {
display: inline-block;
margin-right: 40px;
text-align: center!important;
}
.rev-btn ul li:last-child {
margin: 0px;
}
.rev-btn .theme_btn {
border-radius: 50px;
width: 190px;
height: 60px;
line-height: 60px!important;
border: 2px solid #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.rev-btn .theme_btn:hover {
background: #fff;
color: #69B345;
border: 2px solid #fff;
}
.rev-btn .theme_btn.light {
border: 2px solid #fff;
background: transparent;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.rev-btn .theme_btn.light:hover {
border: 2px solid #69B345;
background: #69B345;
color: #fff;
}
.zeus.tparrows {
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.rev_slider_wrapper:hover .zeus.tparrows {
opacity: 1;
}
@media(max-width:768px) {
.zeus.tparrows {
display: none!important;
}
.theme_btn.light {
display: none;
}
}
@media(max-width:480px) {
.rev_type_three #slide-3049045-layer-3 {
display: none;
}
.rev_type_three #slide-3049046-layer-3 {
display: none;
}
.rev_type_three #slide-3049047-layer-3 {
display: none;
}
.rev_type_one #slide-3049045-layer-1,
.rev_type_one #slide-3049045-layer-5,
.rev_type_one #slide-3049045-layer-4 {
display: none;
}
.rev_type_one #slide-3049047-layer-1,
.rev_type_one #slide-3049047-layer-5,
.rev_type_one #slide-3049047-layer-4 {
display: none;
}
.rev_type_one #slide-3049046-layer-1,
.rev_type_one #slide-3049046-layer-5,
.rev_type_one #slide-3049046-layer-4 {
display: none;
}
.rev-btn ul li {
margin-right: 0px!important;
}
}
/*--------------------------------------------------------
========================Heading-css===========================
--------------------------------------------------------*/
.heading {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.heading h2 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
line-height: 26px;
color: #aeaeae;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
.heading.single h2 {
margin-left: 25px;
}
.heading.single {
text-align: left;
}
.heading h1 {
font-size: 40px;
font-weight: 700;
color: #252525;
line-height: 48px;
margin-bottom: 20px;
}
.heading.type_two {
text-align: left;
}
.heading.type_two h1 {
padding: 0px 0px;
}
@media (max-width:1000px) {
.heading h1 {
padding: 0px;
}
}
@media (max-width:600px) {
.heading h1 {
font-size: 30px;
line-height: 38px;
}
}
@media (max-width:768px) {
.heading {
margin-bottom: 30px;
}
}
.heading h1 span {
color: #69B345;
}
.heading .broder_style_left::before {
position: absolute;
content: '';
background: #aeaeae;
width: 4px;
height: 12px;
top: 7px;
left: -20px;
}
.heading .broder_style_left::after {
position: absolute;
content: '';
background: #aeaeae;
width: 2px;
height: 12px;
top: 7px;
left: -24px;
}
.heading .broder_style_right::before {
position: absolute;
content: '';
background: #aeaeae;
right: -20px;
width: 4px;
height: 12px;
top: 7px;
}
.heading .broder_style_right::after {
position: absolute;
content: '';
background: #aeaeae;
width: 2px;
height: 12px;
right: -24px;
top: 7px;
}
.head_type_two {
text-align: inherit;
}
.head_type_two span {
position: absolute;
font-size: 120px;
color: #dedede;
top: -10px;
right: 0;
z-index: -1;
}
.head_type_two h1 {
padding: 0px;
}
.head_type_two h2 {
margin-left: 25px;
}
.heading.head_type_two .right_content {
position: relative;
padding-top: 37px;
padding-bottom: 20px;
}
.heading.head_type_two .right_content::before {
position: absolute;
width: 70px;
height: 3px;
background: #69B345;
top: 8px;
left: 0;
content: '';
}
.heading.head_type_two .right_content p {
font-size: 18px;
color: #aaaaaa;
line-height: 26px;
}
.heading_inner {
position: relative;
z-index: 0;
}
/*----------------------------------------------------------------------------------------------------------------
=====================================================Home page one================================================
----------------------------------------------------------------------------------------------------------------*/
/*--------------------=========service========-------------------*/
.service_all.tp_one {
position: relative;
padding: 100px 0px 60px;
}
@media(max-width:3000px) and (min-width:1200px) {
.service_all.tp_one .heading h1 {
padding: 0px 200px;
}
}
.service_inner.type_one {
position: relative;
margin-bottom: 40px;
border: 5px solid #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_one:hover {
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, .3);
cursor: pointer;
}
.service_inner.type_one .image {
display: block;
}
.service_inner.type_one .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_one:hover .overlay {
bottom: 0;
height: 100%;
}
.service_inner.type_one .image p {
color: #d6d6d6;
font-size: 15px;
position: absolute;
top: -300px;
left: 0%;
font-weight: 400;
padding: 0px 25px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_one:hover .image p {
top: 20px;
}
.service_inner.type_one .content_inner {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.service_inner.type_one .content_inner .icon {
float: right;
width: 70px;
height: 70px;
line-height: 70px;
font-size: 30px;
color: #fff;
text-align: center;
background: #69B345;
position: relative;
z-index: 10;
}
.service_inner.type_one .content_inner .icon::after {
position: absolute;
content: '';
height: 0px;
border-right: 10px solid #116d1b;
border-top: 16px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid #116d1b;
z-index: 0;
left: -15px;
top: 0px;
}
.service_inner.type_one .content_inner h2 {
position: absolute;
width: 200px;
height: 44px;
right: 70px;
text-align: center;
line-height: 44px;
bottom: 5px;
font-size: 22px;
font-weight: 700;
z-index: 0;
opacity: 1;
transform: translateX(0px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.service_inner.type_one .content_inner h2 a {
color: #252525;
}
.service_inner.type_one:hover .content_inner h2 {
opacity: 0;
transform: translateX(250px);
}
.service_inner.type_one .content_inner h2::before {
content: '';
position: absolute;
background: #fff;
width: 220px;
height: 100%;
top: 0;
z-index: -10;
left: 0;
transform: skew(-30deg);
}
.service_inner.type_one .content_inner a.r_more {
position: absolute;
width: 200px;
height: 44px;
right: 70px;
text-align: center;
line-height: 47px;
bottom: 5px;
font-size: 22px;
font-weight: 700;
font-family: 'Source Serif Pro', serif;
z-index: 0;
opacity: 0;
transform: translateX(250px);
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_one .content_inner a.r_more::before {
content: '';
position: absolute;
background: #fff;
width: 220px;
height: 100%;
top: 0;
z-index: -10;
left: 0;
transform: skew(-30deg);
}
.service_inner.type_one:hover .content_inner a.r_more {
opacity: 1;
transform: translateX(0px);
}
@media(max-width:768px) {
.service_inner.type_one img {
width: 100%;
}
}
@media(max-width:400px) {
.service_inner.type_one .content_inner h2::before {
width: 180px;
}
.service_inner.type_one .content_inner h2 {
width: 180px;
right: 56px;
font-size: 18px;
}
}
/*-----------------=============about_type_one-css==============------------------------*/
.about_type_one {
position: relative;
background: #f4f4f4;
padding: 100px 0px 90px;
}
.about_type_one .heading {
text-align: left;
margin-bottom: 20px;
}
.about_type_one .heading h1 {
padding: 0px;
}
.about_left {
position: relative;
}
.about_left .image {
position: relative;
border: 5px solid #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
}
@media(max-width:1000px) {
.about_type_one .main_image {
width: 100%;
}
.about_left .image {
margin-bottom: 40px;
}
}
.about_left .place {
position: absolute;
bottom: 30px;
width: 100%;
left: 0;
}
.about_left h2 {
position: absolute;
font-size: 22px;
color: #252525;
line-height: 48px;
font-weight: 700;
background: #fff;
width: 250px;
text-align: center;
height: 48px;
right: 183px;
bottom: 0px;
}
.about_left .place img {
float: right;
margin-right: 33px;
}
@media (max-width: 1199px) {
.about_left .place img {
display: none;
}
.about_left h2 {
position: absolute;
font-size: 18px;
width: 220px;
right: 14px;
bottom: 10px;
}
.about_left .place {
bottom: 0;
}
}
#counter {
position: relative;
margin: 40px 0px 37px;
}
#counter .counter_inner {
position: relative;
display: inline-block;
}
#counter .counter_inner:first-child {
margin-right: 60px;
}
@media(max-width:1024px) {
#counter .counter_inner:first-child {
margin-right: 0px;
margin-bottom: 20px;
}
}
#counter .counter_inner span.icon {
float: left;
font-size: 60px;
line-height: 60px;
color: #69B345;
}
#counter .counter_inner .text {
margin-left: 70px;
}
#counter .counter_inner .text span {
font-size: 30px;
color: #252525;
line-height: 36px;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
}
#counter .counter_inner .text h5 {
font-size: 22px;
color: #252525;
line-height: 28px;
font-weight: 700;
}
.about_content .authourname {
font-size: 16px;
color: #808080;
line-height: 26px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
padding-left: 60px;
position: relative;
}
.about_content .authourname::before {
position: absolute;
content: '';
background: #d4d4d4;
width: 50px;
height: 1px;
left: 0;
top: 11px;
}
.about_content .authourname span {
font-size: 20px;
color: #252525;
line-height: 26px;
font-weight: 700;
font-family: 'Source Serif Pro', serif;
}
/*-----------------------------=========nav-tems-css=============-------------------------------*/
.nav-tabs {
border: 0px;
display: block;
text-align: center;
}
.nav-tabs .nav-item {
border: 0px;
margin: 0px;
border-radius: 0px;
display: inline-block;
}
.nav-tabs .nav-link {
border: 0px solid transparent;
border-radius: 0px!important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: inherit;
background-color: transparent;
border: 0px;
}
/*------------------------------=====service_type_one-css==========------------------------------------*/
.service_all.tp_two {
position: relative;
padding: 100px 0px 170px;
}
.service_all.tp_two .heading {
margin-bottom: 30px;
}
.service_all.tp_two .nav-tabs {
position: relative;
margin-bottom: 40px;
}
.service_all.tp_two .nav-tabs .nav-item:first-child::before {
position: absolute;
content: '';
width: 50px;
height: 20px;
border-radius: 30px;
background: #f4f4f4;
border: 1px solid #e2e2e2;
right: -28px;
top: 11px;
}
.service_all.tp_two .nav-tabs .nav-item:first-child .nav-link.active::after {
position: absolute;
content: '';
width: 14px;
height: 14px;
border-radius: 50px;
background: #69B345;
top: 14px;
right: 4px;
}
.service_all.tp_two .nav-tabs .nav-item:last-child .nav-link.active::after {
position: absolute;
content: '';
width: 14px;
height: 14px;
border-radius: 50px;
background: #69B345;
top: 14px;
left: 4px;
}
.service_all.tp_two .nav-tabs .nav-item {
position: relative;
}
.service_all.tp_two .nav-tabs .nav-item .nav-link {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #aeaeae;
line-height: 26px;
}
.service_all.tp_two .nav-tabs .nav-item:first-child .nav-link {
margin-right: 22px;
}
.service_all.tp_two .nav-tabs .nav-item:last-child .nav-link {
margin-left: 22px;
}
.service_all.tp_two .nav-tabs .nav-item .nav-link.active {
color: #69B345;
}
.service_inner.type_two {
position: relative;
margin: 0px 8px 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
background: #fff;
}
.service_inner.type_two::before {
position: absolute;
content: '';
width: 92%;
height: 94%;
top: 13px;
left: 14px;
border: 1px dashed #69B345;
z-index: 10;
background: none;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_two:hover::before {
opacity: 1;
}
.service_inner.type_two .image img {
width: 100%!important;
}
.service_inner.type_two .content_inner {
position: relative;
padding: 30px 40px 35px;
z-index: 11;
}
.service_inner.type_two .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 15px;
}
.service_inner.type_two .content_inner h2:hover a {
color: #69B345;
}
.service_inner.type_two .content_inner h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_two .content_inner p {
margin-bottom: 17px;
padding-bottom: 17px;
border-bottom: 1px dashed #e2e2e2;
}
.service_inner.type_two .content_inner a.r_more {
text-transform: uppercase;
font-size: 14px;
color: #252525;
font-weight: 600;
line-height: 24px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_two .content_inner a.r_more span {
margin-right: 10px;
color: #808080;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_two .content_inner a.r_more:hover {
color: #69B345;
}
.service_inner.type_two .content_inner a.r_more:hover span {
color: #69B345;
}
.service_inner.type_two .image {
display: block;
position: relative;
}
.service_inner.type_two .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.service_inner.type_two:hover .overlay {
bottom: 0;
height: 100%;
}
.service_inner.type_two .image span.icon {
color: #69B345;
font-size: 39px;
line-height: 57px;
position: absolute;
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.service_inner.type_two .image span.icon::after {
width: 95px;
height: 95px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #69B345;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -28px;
top: -21px;
}
.service_all.tp_two .owl-carousel .owl-nav,
.service_all.tp_two .owl-carousel .owl-nav.disabled {
display: block;
}
.service_all.tp_two .owl-carousel .owl-dots {
display: none;
}
.service_all.tp_two .owl-carousel .owl-nav {
position: absolute;
width: 100%;
margin-top: 10px;
height: auto;
text-align: center;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-prev,
.service_all.tp_two .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #a8a8a8;
border-radius: 50px;
border: 1px solid #a8a8a8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-next .icon-next {
transform: rotate(360deg);
display: block;
line-height: 60px;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-prev .prev {
transform: rotate(180deg);
display: block;
line-height: 60px;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-next {
margin-left: 10px;
}
.service_all.tp_two .owl-carousel .owl-nav .owl-prev:hover,
.service_all.tp_two .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
border: 1px solid #69B345;
}
/*-----------------========================project_type_one-css==========-----------------------*/
.project_all.tp_one {
position: relative;
background: #1c1c1c;
padding: 100px 0px 70px;
}
.project_all.tp_one .container {
padding: 0;
}
.project_all.tp_one .container .padding_num {
padding: 0px 15px;
margin-bottom: 20px;
}
.project_all.tp_one .heading {
text-align: left;
margin-bottom: 20px;
}
.project_all.tp_one .heading h1 {
padding: 0px;
color: #fff;
}
.project_inner.type_one {
position: relative;
margin-bottom: 30px;
border: 2px solid transparent;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden;
}
.project_inner.type_one img {
width: 100%;
}
.project_inner.type_one:hover {
border: 2px solid #69B345;
}
.project_inner.type_one .image {
display: block;
position: relative;
}
.project_inner.type_one .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(32, 158, 46, .9);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.project_inner.type_one:hover .overlay {
bottom: 0;
height: 100%;
}
.project_inner.type_one .image span.icon {
color: #fff;
font-size: 30px;
line-height: 30px;
position: absolute;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.project_inner.type_one .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -21px;
}
.project_inner.type_one .content_inner {
position: absolute;
width: 100%;
text-align: center;
height: auto;
left: 0;
bottom: 0;
padding: 20px;
background: #1c1c1c;
opacity: 0;
transform: translateY(150px);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.project_inner.type_one .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 5px;
}
.project_inner.type_one .content_inner h2 a {
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.project_inner.type_one .content_inner h2:hover a {
color: #69B345;
}
.project_inner.type_one:hover .content_inner {
opacity: 1;
transform: translateY(0px);
}
.fliter_group ul {
display: block;
text-align: center;
border: 1px dashed #3b3b3b;
border-radius: 3px;
margin-top: 15px;
}
.fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-size: 16px;
color: #8d8d8d;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
cursor: pointer;
}
.fliter_group ul li::before {
position: absolute;
content: '';
right: 0;
top: 15px;
border: .5px dashed #3b3b3b;
width: 1px;
height: 25px;
}
.fliter_group ul li:last-child::before {
display: none;
}
.fliter_group ul li.active,
.fliter_group ul li:hover {
color: #69B345;
}
/*------------------------=========features_type_one-css=============------------------------------*/
.features_all.tp_one {
position: relative;
/*background: url(../img/resource/features-hme-1-bg.jpg);*/
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0px 70px;
}
.features_inner.type_one {
position: relative;
background: #fff;
padding: 39px 25px;
text-align: center;
cursor: pointer;
z-index: 0;
margin-bottom: 30px;
}
.features_inner.type_one::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #69B345;
top: -100%;
opacity: 0;
left: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: -10;
}
.features_inner.type_one:hover::before {
opacity: 1;
top: 0;
}
.features_inner.type_one span.icon {
font-size: 60px;
line-height: 60px;
color: #69B345;
margin-bottom: 25px;
font-weight: 500;
display: inline-block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.features_inner.type_one:hover span {
color: #fff;
}
.features_inner.type_one h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin-bottom: 10px;
}
.features_inner.type_one h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.features_inner.type_one:hover h2 a {
color: #fff;
}
.features_inner.type_one:hover p {
color: #fff;
}
.features_all.tp_one .owl-dots.disabled,
.features_all.tp_one .owl-dots {
display: block!important;
}
.features_all.tp_one .owl-dots {
position: relative;
bottom: -20px;
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 45px;
}
.features_all.tp_one .owl-dots .owl-dot {
position: relative;
width: 12px;
height: 12px;
margin: 0px 4px;
border-radius: 50px;
display: inline-block;
background-color: transparent;
border: 2px solid #cacaca;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
--webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.features_all.tp_one .owl-nav {
display: none!important;
}
.features_all.tp_one .owl-dots .owl-dot:hover,
.features_all.tp_one .owl-dots .owl-dot.active {
border: 2px solid #69B345;
}
/*----------======testimonial_all.tp_one-css===========-------------*/
.testimonial_all.tp_one {
position: relative;
background: #fff;
padding: 100px 0px 90px;
}
.testimonial_all.tp_one .heading {
text-align: left;
margin-bottom: 20px;
}
.testimonial_all.tp_one .heading h1 {
padding: 0px;
}
.testimonial_inner.type_one {
position: relative;
margin: 10px 10px 10px 49px;
border-left: 3px solid #69B345;
background: #fff;
cursor: pointer;
padding: 40px 30px 40px 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .09);
}
.testimonial_inner.type_one .image {
float: left;
margin-left: -45px;
margin-top: 60px;
position: relative;
}
.testimonial_inner.type_one .image::before {
position: absolute;
content: '';
width: 100px;
height: 100px;
left: -5px;
top: -5px;
border: 1px dashed #bebebe;
border-radius: 50px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_one:hover .image::before {
border-color: #69B345;
}
.testimonial_inner.type_one .content_inner {
margin-left: 85px;
}
.testimonial_inner.type_one .auhtour_name {
position: relative;
overflow: auto;
margin-bottom: 20px;
}
.testimonial_inner.type_one .auhtour_name span {
float: left;
font-size: 52px;
line-height: 60px;
color: #e8e8e8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_one:hover .auhtour_name span {
color: #69B345;
}
.testimonial_inner.type_one .name_authr {
position: relative;
margin-top: 5px;
margin-left: 75px;
}
.testimonial_inner.type_one .name_authr h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin-bottom: 0px;
color: #252525;
}
.testimonial_inner.type_one .name_authr p {
color: #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_one:hover .name_authr p {
color: #808080;
}
.testimonial_inner.type_one .content_inner p.description {
margin-bottom: 20px;
}
.testimonial_inner.type_one .content_inner ul li {
display: inline-block;
}
.testimonial_inner.type_one .content_inner ul li span {
font-size: 20px;
line-height: 20px;
color: #69B345;
}
.testimonial_inner.type_one .content_inner ul li:last-child {
float: right;
font-size: 14px;
font-weight: 500;
line-height: 26px;
color: #aeadad;
text-transform: uppercase;
}
.testimonial_all.tp_one .owl-carousel .owl-nav,
.testimonial_all.tp_one .owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial_all.tp_one .owl-carousel .owl-dots {
display: none;
}
.testimonial_all.tp_one .owl-carousel .owl-nav {
position: absolute;
width: auto;
height: auto;
text-align: center;
top: -103px;
right: 0;
}
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-prev,
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #a8a8a8;
border-radius: 50px;
border: 1px solid #a8a8a8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-next .icon-next {
transform: rotate(360deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-prev .prev {
transform: rotate(180deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-prev:hover,
.testimonial_all.tp_one .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
border: 1px solid #69B345;
}
@media(max-width:450px) {
.testimonial_inner.type_one {
margin: 60px 10px 10px;
}
.testimonial_inner.type_one .image {
float: none;
margin: -90px auto 0px;
position: relative;
width: 110px;
}
.testimonial_inner.type_one .image img {
margin: 0 auto;
}
.testimonial_inner.type_one .image::before {
left: 5px;
}
.testimonial_inner.type_one .content_inner {
margin-left: 30px;
margin-top: 30px;
}
.testimonial_inner.type_one .auhtour_name {
overflow: inherit;
}
}
/*-----------=========quote_client_type_one-css=======-----------------*/
.quote_client_type_one {
position: relative;
padding: 90px 0px 90px;
/*background: url(../img/water.png);*/
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.quote_client_type_one .gt_qute_inner {
position: relative;
text-align: center;
padding-bottom: 80px;
}
.quote_client_type_one .gt_qute_inner h1 {
font-size: 52px;
color: #fff;
padding: 0px 150px;
font-weight: 700;
line-height: 70px;
margin-bottom: 30px;
}
.quote_client_type_one .gt_qute_inner a.theme_btn {
background: transparent;
border: 2px solid #fff;
border-radius: 50px;
width: 190px;
height: 60px;
line-height: 58px;
}
.quote_client_type_one .gt_qute_inner a.theme_btn:hover {
background: #fff;
color: #69B345;
}
.quote_client_type_one .client_logo {
padding-top: 50px;
}
.client_logo .image img {
margin: 0 auto!important;
}
/*-----------=========newss-css=======-----------------*/
.news_all.tp_one {
position: relative;
padding: 100px 0px 70px;
}
.news_all.tp_one .padding_btm {
margin-bottom: 20px;
}
.news_all.tp_one .heading {
text-align: left;
margin-bottom: 20px;
}
.news_all.tp_one .heading h1 {
padding: 0px;
}
.news_all.tp_one .more_news_btn {
position: relative;
text-align: right;
}
.news_all.tp_one .more_news_btn a.theme_btn {
border-radius: 50px;
margin-top: 25px;
}
.latest_news_inner.type_one {
position: relative;
margin: 0px 0px 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
background: #fff;
}
.latest_news_inner.type_one .content_inner {
position: relative;
padding: 30px;
z-index: 11;
}
.latest_news_inner.type_one .tag {
position: relative;
}
.latest_news_inner.type_one .tag a {
border: 1px dashed #69B345;
padding: 6px 15px;
color: #69B345;
}
.latest_news_inner.type_one .tag a span {
color: #69B345;
margin-right: 10px;
line-height: 26px;
}
.latest_news_inner.type_one .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 18px;
}
.latest_news_inner.type_one .content_inner h2:hover a {
color: #69B345;
}
.latest_news_inner.type_one .content_inner h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.latest_news_inner.type_one .content_inner p {
margin-bottom: 17px;
}
.latest_news_inner.type_one .content_inner a.r_more {
text-transform: uppercase;
font-size: 14px;
color: #252525;
font-weight: 600;
line-height: 24px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: block;
}
.latest_news_inner.type_one .content_inner a.r_more span {
margin-right: 10px;
color: #808080;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.latest_news_inner.type_one .content_inner a.r_more:hover {
color: #69B345;
}
.latest_news_inner.type_one .content_inner a.r_more:hover span {
color: #69B345;
}
.latest_news_inner.type_one .image {
display: block;
position: relative;
}
.latest_news_inner.type_one .image img {
width: 100%;
}
.latest_news_inner.type_one .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.latest_news_inner.type_one:hover .overlay {
bottom: 0;
height: 100%;
}
.latest_news_inner.type_one .image span.icon {
color: #fff;
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.latest_news_inner.type_one .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -18px;
}
.latest_news_inner.type_one ul li {
display: inline-block;
margin-right: 8px;
font-size: 13px;
text-transform: uppercase;
color: #808080;
position: relative;
}
.latest_news_inner.type_one ul li:nth-child(2) {
margin-right: 20px;
}
.latest_news_inner.type_one ul li:nth-child(2)::before {
position: absolute;
height: 15px;
border: .5px dashed #bcbcbc;
content: '';
right: -13px;
top: 4px;
}
.latest_news_inner.type_one ul li span {
color: #69B345;
margin-right: 5px;
}
@media(max-width:768px) {
.news_all.tp_one .more_news_btn a.theme_btn {
float: none;
margin-top: 0px;
margin-bottom: 30px;
}
.news_all.tp_one .more_news_btn {
text-align: left;
}
}
/*-----------=========map-css=======-----------------*/
.map-section {
position: relative;
}
.map-section .addres_outer {
position: relative;
}
.map-section .google-map {
height: 545px;
}
.map-section.type_two .google-map {
height: 610px;
}
.map-section .addres_inner {
position: absolute;
background: #fff;
padding: 30px;
top: -390px;
right: 0;
border-left: 3px solid #69B345;
}
.map-section .addres_inner h3 {
font-size: 20px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
color: #69B345;
margin-bottom: 10px;
}
.map-section .addres_inner p {
margin-bottom: 8px;
}
.map-section .addres_inner p span {
color: #252525;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
font-size: 18px;
}
/*-----------=========footer-css=======-----------------*/
.footer_type_one {
position: relative;
padding: 100px 0px 70px;
background: #111111;
}
.footer_type_one .logo_title {
margin-bottom: 25px;
}
.footer .footer_widgets {
position: relative;
margin-bottom: 30px;
}
@media(max-width:768px) {
.footer .footer_widgets {
position: relative;
margin-bottom: 50px;
}
}
.footer_type_one .footer_widgets.one p span {
color: #69B345;
}
.footer_type_one .footer_widgets p.about_para {
margin-bottom: 27px;
}
.footer_type_one .footer_widgets .subscribe form {
position: relative;
}
.footer_type_one .footer_widgets .subscribe p {
font-family: 'Source Serif Pro', serif;
font-size: 18px;
font-weight: 700;
color: #fff;
margin-bottom: 15px;
}
.footer_type_one .footer_widgets .subscribe input {
position: relative;
background: #202020;
border: 0px;
box-shadow: none;
border-radius: 3px;
height: 60px;
padding: 20px;
width: 100%;
color: #fff;
font-size: 15px;
}
.footer_type_one .arrow_btn {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
box-shadow: none;
border: none;
background: transparent;
line-height: 60px;
color: #69B345;
}
.footer .footer_widgets h2.title {
font-size: 24px;
margin-bottom: 26px;
position: relative;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
color: #fff;
font-weight: 700;
margin-top: 18px;
}
.footer_type_one .footer_widgets ul li {
position: relative;
margin-bottom: 12px;
margin-left: 22px;
}
.footer_type_one .footer_widgets ul li::before {
position: absolute;
content: '\e900';
left: -21px;
color: #525252;
font-family: 'icomoon';
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_one .footer_widgets ul li a {
color: #8d8d8d;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_one .footer_widgets ul li:hover a {
color: #fff;
}
.footer_type_one .footer_widgets ul li:hover::before {
color: #69B345;
}
.footer_type_one .footer_widgets .latest_news_foot {
position: relative;
margin-bottom: 25px;
}
.footer_type_one .footer_widgets .latest_news_foot img {
float: left;
}
.footer_type_one .footer_widgets .latest_news_foot .text {
margin-left: 80px;
padding-top: 6px;
margin-bottom: 2px;
}
.footer_type_one .footer_widgets .latest_news_foot .text h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.footer_type_one .footer_widgets .latest_news_foot .text h2 a {
color: #fff;
}
.footer_type_one .footer_widgets .latest_news_foot .text p {
text-transform: uppercase;
}
.footer_type_one .footer_widgets .latest_news_foot .text p span {
color: #69B345;
margin-right: 10px;
}
.footer_last_type_one {
background: #111111;
padding: 12px 0px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.footer_last_type_one ul {
text-align: right;
}
.footer_last_type_one p {
margin-top: 10px;
}
.footer_last_type_one ul li {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50px;
border: 1px dashed rgba(255, 255, 255, .2);
}
.footer_last_type_one ul li a {
color: #828282;
}
.footer_last_type_one ul li {
margin-right: 10px;
}
.footer_last_type_one ul li:last-child {
margin-right: 0px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------
====================================================================Home Page Two===================================================================
---------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------======topbar.version_v2=======---------------------*/
.topbar.version_v2 {
position: relative;
background: #1c1c1c;
}
@media(max-width:3000px) and (min-width:1200px) {
.topbar.version_v2 {
height: 100px;
}
}
.topbar.version_v2 li,
.topbar.version_v2 li a {
color: #fff;
line-height: 33px;
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.topbar.version_v2 .btn_v2 {
font-size: 14px;
line-height: 28px;
width: 116px;
height: 30px;
border-radius: 5px;
background: transparent;
border: 1px dashed #69B345;
display: block;
text-align: center;
color: #69B345;
text-transform: uppercase;
font-weight: 500;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.topbar.version_v2 .social_media {
float: right;
}
.topbar.version_v2 .social_media li {
margin: 0px;
}
.topbar.version_v2 .left_side_elements li i {
font-size: 16px;
color: #69B345;
margin-right: 8px;
}
.topbar.version_v2 .left_side_elements li span {
color: #69B345;
}
.topbar.version_v2 .social_media li a img {
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: block;
border: 1px dashed transparent;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
/*------------------======header-style-v2=======---------------------*/
@media (min-width: 1200px) {
.header-style-v2 .container {
}
}
@media(max-width:3000px) and (min-width:1200px) {
.header-style-v2 .site-logo {
position: relative;
text-align: center;
background: #fff;
padding: 5px 0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.header-style-v2 {
position: absolute;
z-index: 999;
width: 100%;
left: 0;
top: 52px;
background: transparent;
}
}
@media(max-width:1199px) {
.header-style-v2 {
padding: 20px 0px;
}
}
.bsnav-mobile .m-auto {
margin: inherit!important;
}
.header-style-v2 .bsnav {
}
@media(max-width:3000px) and (min-width:1200px) {
.header-style-v2 .bsnav-sticky.bsnav-sticky-slide.sticked.in .site-logo {
}
}
@media(max-width:1199px) {
.header-style-v2 .bsnav-sticky.bsnav-sticky-slide.sticked.in {
background: #fff;
padding: 20px 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
}
}
.header-style-v2 .navbar-collapse {
padding: 27px 0 27px 40px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_left .nav-link,
.header-style-v2 .navbar-nav.navbar_left .nav-link {
color: #252525;
padding: 0px 20px!important;
border-radius: 5px;
background: transparent;
line-height: 46px;
text-align: center;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_left .menu-item.dropdown.nav-item .nav-link:before, .header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.dropdown .nav-link:before, .header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.dropdown .nav-link:before {
font-family: FontAwesome!important;
}
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_left .menu-item.dropdown.nav-item .nav-link:before, .header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.dropdown .nav-link:before, .header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.dropdown .nav-link:before {
content: "\f107";
}
.header-style-v2 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.dropdown .nav-link:before {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
font-size: 16px;
right: 6px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.header-style-v2 .menu-item.cart_items.dropdown .dropdown-menu {
left: -203px;
width: 300px;
padding: 10px;
}
.header-style-v2 .menu-item.cart_items.dropdown .dropdown-menu .cart_outer {
border: 1px dashed #6a6a6a;
padding: 15px;
border-radius: 5px;
}
.header-style-v2 .menu-item.cart_items .cart_item_inner {
position: relative;
margin-bottom: 20px;
}
.header-style-v2 .menu-item.cart_items .cart_item_inner .image {
position: relative;
float: left;
}
.header-style-v2 .menu-item.cart_items .cart_item_inner .content {
margin-left: 90px;
}
.header-style-v2 .menu-item.cart_items .cart_item_inner .content h2 {
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 26px;
}
.header-style-v2 .menu-item.cart_items .cart_item_inner .content p {
color: #69B345;
}
.header-style-v2 .menu-item.cart_items .cart_btns .theme_btn {
border-radius: 50px;
border: 2px solid #69B345;
height: 40px;
line-height: 38px;
width: 100%;
}
.header-style-v2 .menu-item.cart_items .cart_btns .theme_btn.light {
background: transparent;
border: 2px solid #69B345;
color: #69B345;
margin-bottom: 10px;
}
.navbar-nav.navbar_left .nav-item {
cursor: pointer;
}
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.active .nav-link,
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_left .nav-item:hover .nav-link {
color: #69B345;
}
.header-style-v2 .navbar-nav .dropdown-menu .nav-item .nav-link {
background: transparent!important;
}
.header-style-v2 .menu-item.dropdown .dropdown-menu {
margin-top: 27px!important;
}
.header-style-v2 .navbar-expand-lg .navbar-nav.navbar_right .nav-link,
.header-style-v2 .navbar-nav.navbar_right .nav-link {
padding: 10px 16px;
}
/*------------------======custome_rating_awards-v2=======---------------------*/
.custome_rating_awards {
position: absolute;
z-index: 99;
width: 100%;
left: 0;
margin-top: -116px;
}
.custome_rating_awards .awards img {
height: 226px;
border-radius: 5px;
}
.customer_rating_inner {
position: relative;
padding: 40px 40px 37px;
border-radius: 5px;
background: url(../img/resource/hm-2-customer-rating.png);
background-position: center center;
background-repeat: repeat;
background-size: cover;
}
.customer_rating_inner .content_inner {
position: relative;
}
.customer_rating_inner .content_inner .icon_lf {
float: left;
}
.customer_rating_inner .content_inner span {
font-size: 50px;
color: #69B345;
line-height: 80px;
text-align: center;
position: relative;
z-index: 0;
display: block;
width: 80px;
}
.customer_rating_inner .content_inner span::after {
position: absolute;
content: '';
background: #eaf721;
border-radius: 5px;
width: 80px;
height: 80px;
left: 0;
z-index: -10;
}
.customer_rating_inner .content_inner .text {
margin-left: 110px;
padding-bottom: 25px;
border-bottom: 1px solid #198625;
}
.customer_rating_inner .content_inner .text h2 {
font-size: 30px;
line-height: 38px;
color: #fff;
margin-bottom: 8px;
}
.customer_rating_inner .content_inner .text p {
color: #fff;
}
.customer_rating_inner .desc {
padding-top: 25px;
font-size: 18px;
font-weight: 500;
color: #fff;
}
@media(max-width:992px) {
.dp_none {
display: none;
}
.custome_rating_awards {
padding: 60px 0px;
position: relative;
background: url(../img/resource/hm-2-customer-rating.png);
background-position: center center;
background-repeat: repeat;
background-size: cover;
margin: 0;
}
.customer_rating_inner {
background: transparent;
padding: 0px;
}
}
@media(max-width:768px) {
.customer_rating_inner .content_inner .icon_lf {
float: none;
}
.customer_rating_inner .content_inner .text {
margin-left: 0px;
margin-top: 40px;
}
}
/*------------------======service=======---------------------*/
.service_all.tp_three {
position: relative;
background: #1c1c1c;
padding: 220px 0px 100px;
}
.service_all.tp_three .heading h2 {
color: #69B345;
}
.service_all.tp_three .heading h1 {
color: #fff;
}
.service_all.tp_three .head_type_two .broder_style_left::before {
background: #69B345;
}
.service_all.tp_three .head_type_two span {
color: #272727;
}
.service_all.tp_three .head_type_two .broder_style_left::after {
background: #69B345;
}
.service_inner.type_three {
position: relative;
min-height: 446px;
background: #fff;
border-radius: 10px;
padding: 45px 14px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
text-align: center;
border: 2px solid #fff;
}
.service_inner.type_three:hover {
background: #1c1c1c;
border: 2px solid #69B345;
}
.service_inner.type_three .icon_in span {
font-size: 60px;
line-height: 140px;
color: #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_three:hover .icon_in span {
color: #fff;
}
.service_inner.type_three .icon_in {
position: relative;
margin-bottom: 20px;
text-align: center;
width: 140px;
height: 140px;
border-radius: 50%;
background: #fff;
margin: 0 auto;
border: 2px dotted #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_three:hover .icon_in {
border: 2px solid #69B345;
background: #69B345;
}
.service_inner.type_three .icon_in::before {
position: absolute;
content: '';
width: 120px;
height: 120px;
top: 8px;
border-radius: 50%;
left: 8px;
background: transparent;
border: 2px dotted #fff;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_three:hover .icon_in::before {
opacity: 1;
}
.service_inner.type_three .content_inner {
position: relative;
margin-top: 30px;
}
.service_inner.type_three .content_inner h2 a {
font-size: 22px;
margin-bottom: 10px;
font-weight: 700;
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
line-height: 30px;
display: block;
}
.service_inner.type_three:hover .content_inner h2 a {
color: #fff;
}
.service_inner.type_three .content_inner p {
margin-bottom: 30px;
}
.service_inner.type_three .rd_more {
position: relative;
width: 56px;
height: 56px;
overflow: hidden;
display: block;
margin: 0 auto;
background: #69B345;
line-height: 26px;
text-align: center;
border-radius: 50px;
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_three .rd_more i {
font-size: 14px;
line-height: 56px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: inline-block;
}
.service_inner.type_three .rd_more span {
transform: translateX(-5px);
display: inline-block;
font-size: 14px;
font-weight: 500;
text-indent: -9999px;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
text-transform: uppercase;
transition: all .9s ease-in-out;
}
.service_inner.type_three:hover .rd_more {
width: 170px;
}
.service_inner.type_three:hover .rd_more span {
transform: translateX(0px);
display: inline-block;
margin-right: 10px;
text-indent: inherit;
}
@media(max-width:992px) {
.service_all.tp_three {
padding: 100px 0px;
}
}
/*------------------======about-=======---------------------*/
.about_type_two {
position: relative;
padding: 70px 0px 0px;
}
.about_type_two .about_inner {
position: relative;
}
.about_type_two .about_inner img.experience {
position: absolute;
top: 0;
left: -185px;
}
.about_type_two .heading {
margin-bottom: 30px;
}
.icon_box_outer {
position: relative;
padding-bottom: 31px;
border-bottom: 1px solid #e6e6e6;
margin: 30px 0px 15px;
}
.icon_box_outer span {
float: left;
font-size: 60px;
color: #69B345;
}
@media(max-width:992px) {
.icon_box_outer .icon_box {
margin-bottom: 20px;
}
}
.icon_box_outer .text {
margin-left: 70px;
padding: 1px 0px 0px;
}
.about_type_two .first_desc {
margin-bottom: 15px;
}
.icon_box_outer .text h5 {
font-size: 22px;
line-height: 30px;
font-weight: 700;
}
.icon_box_outer.tp_two {
border: 0px;
}
.icon_box_outer.tp_two .text.one::before {
position: absolute;
content: '';
width: 1px;
height: 41px;
right: 28px;
top: 6px;
background: #e6e6e6;
}
.icon_box_outer.tp_two .text.one {
margin-left: 0px;
}
.icon_box_outer.tp_two span {
font-size: 16px;
width: 52px;
height: 52px;
line-height: 52px;
text-align: center;
display: block;
background: #69B345;
color: #fff;
border-radius: 50px;
}
.about_type_two .about_content {
position: relative;
padding: 60px 0px 70px;
}
@media(max-width:992px) {
.icon_box_outer.tp_two .text.one::before {
display: none;
}
}
/*------------------======features-=======---------------------*/
.features_all.tp_two {
position: relative;
background: #f4f4f4;
padding: 100px 0px 110px;
}
.features_all.tp_two .owl-nav {
display: none;
}
.features_all.tp_two .heading {
border-bottom: 1px solid #e1e1e1;
}
.features_all.tp_two .heading h1 {
margin-bottom: 25px;
}
.features_inner.type_two {
position: relative;
}
.features_inner.type_two::before {
position: absolute;
content: '';
background: #e1e1e1;
width: 1px;
height: 90%;
right: -21px;
top: 10px;
}
@media(max-width:600px) {
.features_inner.type_two::before {
display: none;
}
}
.features_inner.type_two .icon_in {
position: relative;
margin-bottom: 15px;
}
.features_inner.type_two .icon_in span {
font-size: 54px;
color: #69B345;
line-height: 54px;
}
.features_inner.type_two .icon_in p {
position: absolute;
right: 10px;
top: 4px;
color: #d8d8d8;
font-size: 36px;
line-height: 42px;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
}
.features_inner.type_two h2 a {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
display: block;
color: #252525;
font-weight: 700;
}
.opinion_type_one {
position: relative;
margin-top: 80px;
border-radius: 5px;
background: #69B345;
}
.opinion_type_one .inner_content::before {
border: 1px dashed #fff;
width: 99%;
height: 89%;
position: absolute;
content: '';
top: 5px;
z-index: 20;
left: 6px;
border-radius: 5px;
}
.opinion_type_one .left_side h2 {
padding: 30px 25px 30px 25px;
font-size: 30px;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 38px;
}
.opinion_type_one .right_side {
position: relative;
text-align: center;
z-index: 0;
padding: 25px 0px 25px 0px;
}
.opinion_type_one .right_side a {
width: 230px;
border-radius: 30px;
}
.opinion_type_one .left_side .icon {
color: #fff;
font-size: 60px;
line-height: 100px;
text-align: center;
display: block;
z-index: 0;
position: relative;
}
.opinion_type_one .left_side .icon:after {
position: absolute;
z-index: -100;
content: '';
background: #1a8e27;
width: 100%;
height: 100%;
text-align: center;
display: block;
top: 0;
left: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.opinion_type_one .right_side::before {
width: 100%;
height: 100%;
background: #1c1c1c;
position: absolute;
content: '';
top: 0;
left: 0;
z-index: -10;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
@media(max-width:3000px) and (min-width:1200px) {
.opinion_type_one .left_side {
float: left;
width: 780px;
}
.opinion_type_one .right_side {
width: 340px;
float: right;
}
.opinion_type_one .left_side .icon {
float: left;
width: 100px;
height: 100px;
}
.opinion_type_one .left_side .icon:after {
width: 100px;
height: 100px;
}
.opinion_type_one .right_side::before {
width: 100%;
height: 100px;
}
.opinion_type_one .left_side h2 {
padding: 30px 25px 0px 149px;
}
.opinion_type_one .right_side {
padding: 25px 0px 0px 0px;
}
}
@media(max-width:1199px) {
.opinion_type_one .inner_content::before {
display: none;
}
.opinion_type_one .left_side .icon:after {
border-top-left-radius: 5px;
border-bottom-left-radius: 0px;
border-top-right-radius: 5px;
}
.opinion_type_one .right_side::before {
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
}
/*------------------======contact-=======---------------------*/
.contact_type_one {
position: relative;
background: url(../img/resource/hm-2-emergency-1.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.contact_type_one .bg_appointment {
background: #1c1c1c;
position: relative;
z-index: 0;
}
.contact_type_one .bg_appointment::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #1c1c1c;
left: -50%;
top: 0;
z-index: -10;
}
.contact_type_one .bg_appointment::after {
position: absolute;
content: '';
z-index: -10;
width: 100%;
height: 100%;
background: #1c1c1c;
right: -50%;
top: 0;
display: block;
}
.contact_type_one .form_appointment {
position: relative;
z-index: 0;
padding: 100px 0px 90px 0px;
}
.contact_type_one .form_appointment::before {
position: absolute;
content: url(../img/resource/hm-2-appointment-1.jpg);
z-index: -10;
bottom: -9px;
left: -386px;
}
.form_appointment .form-group {
margin-bottom: 20px;
position: relative;
}
.form_appointment .form-group.mg_top {
margin-top: 10px;
}
.form_appointment .form-group.mg_top.check_box {
margin-top: 24px;
}
.form_appointment input[type="text"],
.form_appointment .ui-selectmenu-button,
.form_appointment textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #383838!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.form_appointment input ::placeholder {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-weight: 600;
}
.form_appointment .ui-selectmenu-button {
line-height: 23px!important;
}
.form_appointment textarea {
height: 120px!important;
line-height: inherit!important;
}
.form_appointment .ui-selectmenu-text {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
}
.form_appointment [type="checkbox"]:checked,
.form_appointment [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.form_appointment [type="checkbox"]:checked+label,
.form_appointment [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 41px;
cursor: pointer;
line-height: 28px;
display: inline-block;
color: #666;
}
.form_appointment [type="checkbox"]:checked+label:before,
.form_appointment [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #383838;
background: transparent;
}
.form_appointment [type="checkbox"]:checked+label:after,
.form_appointment [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 15px;
height: 15px;
background: #69B345;
position: absolute;
top: 8px;
left: 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.form_appointment [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.form_appointment [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.form_appointment .form-group.apbtn {
text-align: right;
}
@media(max-width:768px) {
.form_appointment .form-group.apbtn {
text-align: center;
}
}
.form_appointment .theme_btn {
border: 0px;
box-shadow: 0px;
border-radius: 30px;
height: 60px;
width: 190px;
}
.emergency_inner {
position: relative;
padding: 40px 40px 50px;
border-radius: 5px;
background: #fff;
}
.emergency_inner p {
margin-bottom: 30px;
}
.emergency_inner .icbox_text_up {
position: relative;
margin-bottom: 30px;
}
.emergency_inner .icbox_text_up span {
float: left;
font-size: 60px;
line-height: 70px;
}
.emergency_inner .icbox_text_up h2 {
margin-left: 80px;
font-size: 30px;
line-height: 38px;
font-weight: 700;
}
.emergency_inner .icbox_text_down span {
float: left;
font-size: 20px;
width: 60px;
height: 60px;
border-radius: 50px;
background: #69B345;
display: block;
line-height: 60px;
text-align: center;
color: #fff;
}
.emergency_inner .icbox_text_down h2 {
margin-left: 80px;
font-size: 30px;
line-height: 38px;
font-weight: 700;
padding-top: 12px;
}
@media(max-width:3000px) and (min-width:1200px) {
.contact_type_one {
background-position: right;
}
.contact_type_one .bg_appointment::before {
left: -50%;
}
.contact_type_one .bg_appointment::after {
display: none;
}
.contact_type_one .form_appointment {
padding: 100px 50px 90px 0px;
}
}
@media(max-width:3000px) and (min-width:1610px) {
.emergency_inner {
position: absolute;
padding: 40px 40px 50px;
border-radius: 5px;
background: #fff;
width: 500px;
top: 175px;
left: 95px;
}
}
@media(max-width:1609px) and (min-width:1390px) {
.emergency_inner {
position: absolute;
padding: 40px 40px 50px;
border-radius: 5px;
background: #fff;
width: 100%;
top: 114px;
left: 66px;
}
}
@media(max-width:1389px) and (min-width:1200px) {
.emergency_inner {
position: relative;
margin-top: 129px;
}
}
@media(max-width:1199px) {
.contact_type_one .bg_appointment {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.contact_type_one .bg_emergency {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.emergency_inner {
width: 500px;
margin: 100px auto;
}
}
@media (max-width: 610px) {
.emergency_inner {
width: auto;
margin: 100px auto;
}
.emergency_inner .icbox_text_up span {
display: none;
}
.emergency_inner .icbox_text_up h2 {
margin: 0px;
}
.emergency_inner .icbox_text_down span {
font-size: 15px;
width: 36px;
height: 36px;
line-height: 40px;
}
.emergency_inner .icbox_text_down h2 {
margin-left: 35px;
font-size: 18px;
padding: 7px;
line-height: 26px;
}
}
/*------------------======project-=======---------------------*/
.project_all.tp_two {
position: relative;
padding: 100px 0px 70px;
}
.project_all.tp_two .heading {
border-bottom: 1px solid #e1e1e1;
}
.project_all.tp_two .heading h1 {
margin-bottom: 25px;
}
.projet_inner.type_two {
position: relative;
overflow: hidden;
margin-bottom: 30px;
border-radius: 5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 10;
cursor: pointer;
}
.projet_inner.type_two img {
width: 100%;
}
.projet_inner.type_two:hover {
-ms-transform: scale(1.2, 1.2);
/* IE 9 */
-webkit-transform: scale(1.2, 1.2);
/* Safari prior 9.0 */
transform: scale(1.2, 1.2);
/* Standard syntax */
z-index: 11;
position: relative;
border-radius: 5px;
}
.projet_inner.type_two .image {
position: relative;
border-radius: 5px;
}
.projet_inner.type_two .image .overlay {
position: absolute;
bottom: 100%;
border-radius: 5px;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.projet_inner.type_two:hover .overlay {
bottom: 0;
height: 100%;
}
.projet_inner.type_two .image span {
color: #fff;
font-size: 30px;
line-height: 30px;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.projet_inner.type_two .image span::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -21px;
}
.projet_inner.type_two .content {
position: absolute;
width: 100%;
bottom: -100%;
left: 0;
z-index: 99;
background: #69B345;
text-align: center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.projet_inner.type_two:hover .content {
bottom: 0;
}
.projet_inner.type_two .content h2 a {
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: 700;
display: block;
padding: 20px;
}
/*------------------======Counter-=======---------------------*/
.counter_type_two {
position: relative;
padding: 115px 0px 105px;
background: url(../img/resource/hm-2-counter-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.counter_type_two .counter_inner .value {
position: relative;
margin-bottom: 10px;
}
.counter_type_two .counter_inner .value span {
float: left;
font-size: 60px;
line-height: 60px;
color: #69B345;
}
.counter_type_two .counter_inner .value h5 {
font-size: 60px;
line-height: 60px;
color: #fff;
font-weight: 700;
margin-left: 75px;
padding-top: 12px;
}
.counter_type_two .counter_inner h2 {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: 700;
}
@media(max-width:768px) {
.counter_type_two .counter_inner .value span {
float: none;
}
.counter_type_two .counter_inner .value h5 {
margin-left: 0px;
}
.counter_type_two .counter_inner {
text-align: center;
margin-bottom: 30px;
}
}
/*------------------======testimonial-=======---------------------*/
.testimonial_all.tp_two {
position: relative;
padding: 100px 0px;
}
.testimonial_inner.type_two .content_inner {
position: relative;
border-radius: 8px;
background: #69B345;
padding: 40px;
margin-bottom: 23px;
}
.testimonial_inner.type_two .content_inner::before {
position: absolute;
content: '';
height: 0px;
border-right: 43px solid transparent;
border-top: 43px solid #69B345;
border-left: 6px solid #69B345;
border-bottom: 7px solid transparent;
z-index: 0;
left: 42px;
bottom: -50px;
}
.testimonial_inner.type_two .content_inner p {
color: #fff;
margin-bottom: 30px;
}
.testimonial_inner.type_two .content_inner ul li span {
color: #fff;
font-size: 18px;
}
.testimonial_inner.type_two .content_inner .icon_inner {
position: relative;
}
.testimonial_inner.type_two .content_inner span.icon {
position: absolute;
transform: rotate(-180deg);
right: 0;
font-size: 54px;
color: #1e912b;
line-height: 64px;
top: -22px;
}
.testimonial_inner.type_two .authour_det {
position: relative;
margin-left: 70px;
}
.testimonial_inner.type_two .authour_det img {
float: left;
}
@media(max-width:600px) {
.testimonial_inner.type_two .authour_det {
margin-left: 0px;
margin-top: 60px;
}
}
.testimonial_inner.type_two .authour_name {
position: relative;
padding-top: 15px;
margin-left: 100px;
}
.testimonial_inner.type_two .authour_name h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin-bottom: 0px;
color: #252525;
}
.testimonial_inner.type_two .authour_name p {
color: #69B345;
}
.testimonial_all.tp_two .owl-carousel .owl-nav.disabled,
.testimonial_all.tp_two .owl-carousel .owl-nav {
display: block;
}
.testimonial_all.tp_two .owl-carousel .owl-dots {
display: none;
}
.testimonial_all.tp_two .owl-carousel .owl-nav {
position: relative;
width: 100%;
margin-top: 40px;
height: auto;
text-align: center;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-prev,
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #a8a8a8;
border-radius: 50px;
border: 1px solid #a8a8a8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-next .icon-next {
transform: rotate(360deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-prev .prev {
transform: rotate(180deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-next {
margin-left: 10px;
}
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-prev:hover,
.testimonial_all.tp_two .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
border: 1px solid #69B345;
}
/*------------------======team-=======---------------------*/
.our_team.tp_one {
position: relative;
padding: 100px 0px 20px;
background: #f4f4f4;
}
.our_team.tp_one .heading {
border-bottom: 1px solid #e1e1e1;
}
.our_team.tp_one .heading h1 {
margin-bottom: 25px;
}
.our_team.tp_one .team_outer {
position: relative;
border-radius: 10px;
padding-bottom: 80px;
}
.our_team.tp_one .owl-carousel .owl-nav,
.our_team.tp_one .owl-carousel .owl-dot {
display: none;
}
.team_outer.type_one .image img {
width: 100%!important;
}
.team_outer.type_one .team_inner {
position: relative;
padding: 25px 25px 35px;
border-radius: 10px;
background: #fff;
}
.team_outer.type_oner .image {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.team_outer.type_one .image img {
border-radius: 10px;
}
.team_outer.type_one .image .overlay {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(#69B345), color-stop(98%, rgba(32, 138, 46, 0)), to(rgba(32, 138, 46, 0)));
background: -webkit-linear-gradient(bottom, #69B345 8%, rgba(17, 28, 85, 0) 98%, rgba(32, 138, 46, 0) 80%);
background: linear-gradient(to top, #69B345 8%, rgba(32, 138, 46, 0) 98%, rgba(32, 138, 46, 0) 80%);
left: 0;
bottom: 0;
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
border-radius: 10px;
}
.team_outer.type_one:hover .image .overlay {
opacity: 1;
}
.team_outer.type_one .image .overlay ul {
position: absolute;
bottom: 80px;
width: 100%;
text-align: center;
}
.team_outer.type_one .image .overlay ul li {
display: inline-block;
margin: 0px 5px;
}
.team_outer.type_one .image .overlay ul li a {
width: 45px;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed #fff;
height: 45px;
border-radius: 50px;
background: transparent;
color: #69B345;
}
.team_outer.type_one .image .overlay ul li:nth-child(1) {
transform: translateY(150px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.team_outer.type_one .image .overlay ul li:nth-child(2) {
transform: translateY(200px);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.team_outer.type_one .image .overlay ul li:nth-child(3) {
transform: translateY(250px);
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.team_outer.type_one .image .overlay ul li a {
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.team_outer.type_one:hover .image .overlay ul li {
transform: translateY(0px);
}
.team_outer.type_one .image .overlay ul li a:hover {
background: #fff;
border-style: solid;
}
.team_outer.type_one .image .overlay ul li:hover a {
color: #69B345;
}
.team_outer.type_one .authour_det {
position: relative;
text-align: center;
}
.team_outer.type_one .authour_det .authour_name {
position: relative;
width: 199px;
padding: 12px 10px;
margin: 0 auto;
display: block;
background: #69B345;
border-radius: 10px;
margin-top: -48px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.team_outer.type_one:hover .authour_det .authour_name {
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .09);
}
.team_outer.type_one .authour_det .authour_name h2 {
font-size: 22px;
line-height: 38px;
color: #fff;
font-weight: 700;
}
.team_outer.type_one:hover .authour_det .authour_name h2 {
color: #252525;
}
.team_outer.type_one .authour_det .authour_name p {
color: #fff;
}
.team_outer.type_one:hover .authour_det .authour_name p {
color: #69B345;
}
.team_outer.type_one .authour_det p.des {
margin: 30px 10px;
}
.team_outer.type_one .authour_det .icon_in {
position: relative;
}
.team_outer.type_one .authour_det .icon_in::before {
position: absolute;
content: '';
left: 0;
top: 22px;
width: 100%;
height: 1px;
border-bottom: 1px dashed #d2d2d2;
}
.team_outer.type_one .authour_det .icon_in span::before {
width: 45px;
position: relative;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed #d2d2d2;
height: 45px;
border-radius: 50px;
background: #fff;
transform: rotate(0);
margin: 0 auto;
z-index: 10;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #69B345;
}
.team_outer.type_one:hover .authour_det .icon_in span::before {
transform: rotate(360deg);
}
.team_outer.type_one .authour_det .icon_in span:after {
position: absolute;
content: '';
width: 65px;
height: 65px;
display: inline-block;
background: #fff;
border-radius: 50px;
z-index: 0;
margin-left: -32px;
margin-top: -55px;
}
.team_outer.type_one .authour_det .phone_number {
position: relative;
text-align: center;
display: block;
}
.team_outer.type_one .authour_det .phone_number a::before {
position: absolute;
content: '';
height: 0px;
border-right: 10px solid transparent;
border-top: 10px solid #69B345;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: -10;
top: -21px;
margin-left: 34px;
}
.team_outer.type_one .authour_det .phone_number a {
position: absolute;
width: 200px;
height: 50px;
line-height: 50px;
border-radius: 50px;
background: #69B345;
display: block;
left: 0;
right: 0;
margin: 0 auto;
z-index: -10;
transform: translateY(-100px);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #fff;
font-family: 'Source Serif Pro', serif;
}
.team_outer.type_one:hover .authour_det .phone_number a {
transform: translateY(56px);
}
/*------------------======quote and Client-=======---------------------*/
.quote_client_type_two {
position: relative;
padding: 96px 0px 108px;
background: url(../img/resource/get-a-quote-home-1-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.quote_client_type_two .gt_qute_inner {
position: relative;
text-align: center;
}
.quote_client_type_two .gt_qute_inner h1 {
font-size: 48px;
color: #fff;
padding: 0px 200px;
font-weight: 700;
line-height: 66px;
margin-bottom: 20px;
}
.quote_client_type_two .gt_qute_inner a.theme_btn {
background: transparent;
border: 2px solid #fff;
border-radius: 50px;
width: 190px;
height: 60px;
line-height: 58px;
}
.quote_client_type_two .gt_qute_inner a.theme_btn:hover {
background: #fff;
color: #69B345;
}
@media(max-width:1199px) {
.quote_client_type_two .gt_qute_inner h1 {
padding: 0px;
}
}
/*------------------======news-=======---------------------*/
.news_all.tp_two {
position: relative;
padding: 100px 0px 70px;
}
.news_all.tp_two .heading {
border-bottom: 1px solid #e1e1e1;
}
.news_all.tp_two .heading h1 {
margin-bottom: 25px;
}
.latest_news_inner.type_two {
position: relative;
border-radius: 10px;
background: #fff;
margin-bottom: 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .08);
}
.latest_news_inner.type_two .image {
display: block;
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.latest_news_inner.type_two .image img {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
}
.latest_news_inner.type_two .image .overlay {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: .5s ease;
}
.latest_news_inner.type_two:hover .overlay {
top: 0;
height: 100%;
}
.latest_news_inner.type_two .image span.icon {
color: #fff;
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.latest_news_inner.type_two .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -18px;
}
.latest_news_inner.type_two .content_inner {
position: relative;
padding: 50px 40px 25px;
}
.latest_news_inner.type_two .content_inner .tag_and_date {
position: absolute;
width: 100%;
left: 0;
padding: 0px 20px;
margin-top: -65px;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul {
background: #fff;
padding: 15px 20px 10px;
border-radius: 10px;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul li {
display: inline-block;
color: #808080;
font-size: 13px;
position: relative;
line-height: 28px;
text-transform: uppercase;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul li span {
margin-right: 10px;
color: #69B345;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul li a {
color: #808080;
font-size: 13px;
display: block;
line-height: 22px;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul li:first-child {
margin-right: 30px;
}
.latest_news_inner.type_two .content_inner .tag_and_date ul li:first-child::before {
background: #bcbcbc;
position: absolute;
content: '';
width: 1px;
height: 20px;
right: -18px;
}
.latest_news_inner.type_two .content_inner h2 a {
font-size: 22px;
line-height: 30px;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
position: relative;
font-weight: 700;
color: #252525;
margin-bottom: 20px;
margin-top: 10px;
}
.latest_news_inner.type_two .content_inner h2:hover a {
color: #69B345;
}
.latest_news_inner.type_two .content_inner h2 a::before {
width: 100%;
height: 1px;
border-bottom: 1px dashed #cccccc;
position: absolute;
left: 0;
content: '';
top: -22px;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt {
position: relative;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt li {
display: inline-block;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt li a {
font-size: 14px;
text-transform: uppercase;
color: #888888;
font-weight: 500;
}
.latest_news_inner.type_two:hover .content_inner ul.rd_m_cmt li a {
color: #69B345;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt li a span {
margin-right: 5px;
font-size: 12px;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt li:last-child {
float: right;
font-size: 14px;
border-radius: 5px;
color: #888888;
background: #f4f4f4;
border: 1px solid #e6e6e6;
width: 62px;
text-align: center;
height: 26px;
line-height: 26px;
}
.latest_news_inner.type_two .content_inner ul.rd_m_cmt li:last-child span {
line-height: 25px;
display: inline-block;
font-size: 12px;
margin-right: 5px;
}
/*------------------======client logo-=======---------------------*/
.client_logo_type_two {
position: relative;
padding: 65px 0px;
background: #f4f4f4;
height: 190px;
}
.client_logo_type_two .c_image img {
display: block;
opacity: .5;
filter: grayscale(100%);
margin: 0 auto;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.client_logo_type_two .c_image img:hover {
opacity: 1;
cursor: pointer;
filter: inherit;
}
/*------------------======footer-=======---------------------*/
.footer_type_two {
position: relative;
padding: 100px 0px 0px;
background: #1c1c1c;
}
.footer_type_two .footer_last {
background: #1c1c1c;
}
.footer_type_two .title::before {
position: absolute;
content: '';
background: #aeaeae;
width: 4px;
height: 12px;
top: 7px;
left: -20px;
}
.footer_type_two .title::after {
position: absolute;
content: '';
background: #aeaeae;
width: 2px;
height: 12px;
top: 7px;
left: -24px;
}
.footer_type_two .footer_widgets h2.title {
margin-left: 24px;
border-bottom: 0px;
margin-bottom: 12px;
}
.footer_type_two .about_para {
margin-bottom: 30px;
}
.footer_type_two .office_location h3 {
font-size: 22px;
color: #fff;
font-weight: 700;
line-height: 30px;
margin-bottom: 13px;
}
.footer_type_two .office_location p {
margin-bottom: 13px;
}
.footer_type_two .office_location a i {
font-size: 12px;
margin-right: 5px;
line-height: 20px;
color: #fff;
}
.footer_type_two .office_location a {
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
line-height: 20px;
color: #fff;
}
.footer_type_two .timing ul li {
display: inline-block;
color: #808080;
font-size: 16px;
}
.footer_type_two .timing ul li.closed {
color: #69B345;
}
.footer_type_two .timing ul.first {
padding-bottom: 15px;
}
.footer_type_two .timing ul.mid {
padding: 15px 0px;
border-bottom: 1px solid #313131;
border-top: 1px solid #313131;
}
.footer_type_two .timing ul.last {
padding-top: 15px;
}
.footer_type_two .timing ul li:last-child {
float: right;
}
.footer .about_para span {
color: #69B345;
}
.footer .follow_us li {
display: inline-block;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
font-size: 20px;
line-height: 26px;
margin-right: 15px;
color: #fff;
}
.footer .follow_us li i {
font-size: 18px;
color: #aaaaaa;
}
.footer .follow_us li:hover i {
color: #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_last_type_two {
margin-top: 60px;
}
.footer_last_type_two {
background: #111111;
padding: 12px 0px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.footer_last_type_two ul {
text-align: right;
}
.footer_last_type_two p {
margin-top: 10px;
}
.footer_last_type_two ul li {
display: inline-block;
position: relative;
text-align: center;
border-radius: 50px;
line-height: 45px;
margin-right: 20px;
}
.footer_last_type_two ul li a {
color: #828282;
}
.footer_last_type_two ul li::before {
position: absolute;
content: '';
width: 2px;
height: 16px;
background: #313131;
right: -12px;
top: 15px;
}
.footer_last_type_two ul li:last-child {
margin-right: 0px;
}
.footer_last_type_two ul li:last-child::before {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------
====================================================================Home Page Three===================================================================
---------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------======topbar-=======---------------------*/
.topbar.version_v3 {
position: relative;
padding: 8px 0px;
}
.topbar.version_v3 .left_side_elements .desc_tp {
line-height: 34px;
}
.topbar.version_v3 .left_side_elements .desc_tp i {
color: #69B345;
margin-right: 10px;
}
.topbar.version_v3 .right_side_elements .desc_tp {
float: left;
line-height: 34px;
}
.topbar.version_v3 .right_side_elements .desc_tp i {
color: #69B345;
margin-right: 10px;
}
.topbar.version_v3 .social_media li i {
width: 34px;
height: 34px;
background: #333333;
line-height: 34px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.topbar.version_v3 .social_media li {
margin-right: 10px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
text-align: center;
}
.topbar.version_v3 .social_media li:hover i {
color: #fff;
background: #69B345;
}
/*------------------======midbar-=======---------------------*/
.mid_type_two {
padding: 35px 0px 73px;
}
.mid_type_two .mid_wapper {
margin-right: 0px;
}
.mid_type_two .mid_wapper .icon {
font-size: 50px;
}
.mid_type_two .mid_bar_content span.dark {
text-transform: uppercase;
font-size: 16px;
line-height: 28px;
font-weight: 700;
}
.mid_type_two .mid_bar_content span.light {
font-size: 16px;
font-weight: 400;
}
.mid_type_two .content_mid {
margin-top: 5px;
}
/*------------------======HeaderStyle-=======---------------------*/
@media (max-width:3000px) and (min-width:1200px) {
.header-style-v3 .site-logo {
display: none;
}
}
.header-style-v3 .collapse.navbar-collapse {
background: #69B345;
padding: 0px 30px 0px 40px;
}
.header-style-v3 .menu-item .theme_btn {
background: #fff;
margin-left: 20px;
color: #252525;
border-radius: 30px;
margin-top: 14px;
}
.header-style-v3 .navbar-nav .menu-item:first-child a {
padding-left: 0px;
}
.header-style-v3 .bsnav {
background: transparent;
}
@media (max-width:3000px) and (min-width:1200px) {
.header-style-v3 {
position: absolute;
z-index: 999;
width: 100%;
left: 0;
margin-top: -39px;
background: transparent;
}
}
@media(max-width:1199px) {
.header-style-v3 {
padding: 20px 0px;
background: #fff;
}
}
.header-style-v3 .navbar-expand-lg .navbar-nav .nav-link,
.navbar-nav .nav-link {
padding: 26px 28px;
}
@media(max-width:1199px) {
.header-style-v3 .bsnav-sticky.bsnav-sticky-slide.sticked.in {
background: #fff;
padding: 20px 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
}
}
.header-style-v3 .search_link a span {
font-size: 18px;
line-height: 48px;
}
.header-style-v3 .search_link .nav-link {
padding: 15px 22px!important;
}
.header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.active .nav-link,
.header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item:hover .nav-link {
color: #fff;
}
.header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item .nav-link::before {
position: absolute;
content: '\f105';
font-family: 'FontAwesome';
right: 13px;
color: #fff;
font-size: 16px;
top: 25px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item.active .nav-link::before,
.header-style-v3 .navbar-expand-lg .navbar-nav.navbar_left .nav-item .nav-link:hover::before {
color: #fff;
transform: rotate(90deg);
}
.header-style-v3 .menu-item.dropdown .dropdown-menu {
margin-top: 0px!important;
}
/*------------------======Service Box-=======---------------------*/
.service_box {
position: relative;
background: transparent;
margin-top: -100px;
}
.service_outer_box {
position: relative;
margin-bottom: 30px;
}
.service_outer_box .service_left {
float: left;
width: 190px;
}
.service_outer_box .service_left .service_up {
position: relative;
background: #69B345;
height: 190px;
padding: 29px;
margin-bottom: 10px;
z-index: 0;
}
.service_outer_box .service_left .service_up::before {
position: absolute;
top: 20px;
right: 6px;
z-index: -10;
}
.service_outer_box .service_left .service_up span {
font-size: 60px;
line-height: 62px;
color: #fff;
display: block;
margin-bottom: 15px;
}
.service_outer_box .service_left .service_up h2 a {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #fff;
text-transform: capitalize;
display: block;
}
.service_outer_box .service_left .service_down a {
position: relative;
display: block;
background: #f4f4f4;
width: 190px;
color: #252525;
}
.service_outer_box .service_left .service_down a span {
font-size: 14px;
line-height: 24px;
margin-right: 5px;
color: #69B345;
}
.service_outer_box .service_right {
position: relative;
margin-left: 200px;
}
.service_outer_box .service_right img {
height: 250px;
}
.service_outer_box .service_right .image {
display: block;
position: relative;
}
.service_outer_box .service_right .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
opacity: 0;
height: 100%;
transition: .5s ease;
}
.service_outer_box:hover .service_right .overlay {
opacity: 1;
}
.service_outer_box .service_right .overlay ul {
padding: 35px 40px 40px;
position: absolute;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
}
.service_outer_box .service_right .overlay li {
font-size: 16px;
line-height: 28px;
color: #fff;
font-weight: 400;
position: relative;
padding-left: 30px;
margin-bottom: 10px;
text-transform: capitalize;
}
.service_outer_box .service_right .overlay li::before {
position: absolute;
left: 0;
line-height: 26px;
font-size: 18px;
color: #69B345;
content: "\e922";
font-family: 'icomoon' !important;
}
.service_outer_box .service_right .overlay li:nth-child(1) {
transform: translateX(-150px);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.service_outer_box .service_right .overlay li:nth-child(2) {
transform: translateX(-250px);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.service_outer_box .service_right .overlay li:nth-child(3) {
transform: translateX(-350px);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_outer_box .service_right .overlay li:nth-child(4) {
transform: translateX(-450px);
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.service_outer_box .service_right .overlay li:nth-child(5) {
transform: translateX(-550px);
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.service_outer_box:hover .service_right .overlay li {
transform: translateX(0px);
}
@media(max-width:992px) {
.service_outer_box .service_right img {
height: inherit;
width: 100%;
}
}
@media(max-width:768px) {
.service_outer_box .service_right img {
height: 250px;
width: inherit;
}
}
@media(max-width:570px) {
.service_outer_box .service_right img {
height: 100%;
width: 100%;
}
.service_outer_box .service_right {
margin-left: 0px;
}
.service_outer_box .service_left {
float: none;
width: 100%;
}
.service_outer_box .service_left .service_down a {
width: 100%;
margin-bottom: 10px;
}
.service_outer_box .service_left .service_up {
height: auto;
}
.service_outer_box .service_left .service_up::before {
top: 0;
}
}
@media(max-width:400px) {
.service_outer_box .service_right .image .overlay ul {
display: none;
}
}
/*------------------======about-=======---------------------*/
.about_type_three {
position: relative;
padding: 70px 0px 70px;
}
.about_type_three .heading {
margin-bottom: 25px;
}
.about_type_three .about_inner {
position: relative;
margin-bottom: 175px;
margin-top: 6px;
}
.about_type_three .first_desc {
margin-bottom: 15px;
}
.about_type_three .about_inner .image_one {
position: relative;
z-index: 2;
display: inline-block;
}
.about_type_three .icon_box_outer {
border: 0px;
margin-bottom: 5px;
}
.about_type_three .icon_box_outer .icon_box img {
float: left;
}
.about_type_three .icon_box_outer .text {
margin-left: 110px;
padding-top: 18px;
}
.about_type_three .theme_btn {
width: 190px;
height: 60px;
line-height: 60px;
border-radius: 30px;
}
.about_type_three .about_inner .image_two {
position: absolute;
right: 0;
top: 140px;
z-index: 1;
}
@media(max-width:420px) {
.about_type_three .about_inner .image_one {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
margin-bottom: 20px;
}
.about_type_three .about_inner .image_two {
position: relative;
top: 0;
}
.about_type_three .about_inner {
text-align: center;
}
.about_type_three .about_inner {
margin-bottom: 50px;
}
}
.about_type_three .about_inner .image_two .video-holder {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
text-align: center;
padding: 20px;
}
@media(max-width:320px) {
.about_type_three .about_inner .image_two .video-holder {
bottom: -20px;
}
}
.about_type_three .about_inner .image_two .video-holder .icon {
position: relative;
width: 100px;
float: left;
height: 100px;
border-radius: 50%;
background: transparent;
border: 1px dashed #fff;
text-align: center;
}
.about_type_three .about_inner .image_two .video-holder span {
font-size: 30px;
line-height: 100px;
color: #69B345;
z-index: 0;
position: relative;
}
.about_type_three .about_inner .image_two .video-holder span::after {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
content: '';
left: -25px;
top: -26px;
z-index: -1;
}
.about_type_three .about_inner .image_two .video-holder p {
text-align: left;
margin-left: 120px;
padding-top: 20px;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.about_type_three .about_inner .image_two .ext_icon {
position: absolute;
bottom: -17px;
left: -173px;
display: block;
font-size: 179px;
color: #f3f3f3;
line-height: 179px;
transform: rotate(180deg);
z-index: -10;
}
.about_type_three .about_inner .image_one span {
position: absolute;
font-size: 60px;
color: #fff;
width: 100px;
line-height: 100px;
text-align: center;
height: 100px;
border-radius: 50%;
background: #69B345;
z-index: 10;
right: -39px;
top: 96px;
}
@media (max-width:600px) {
.about_type_three .about_inner .image_one span {
display: none;
}
}
.about_type_three .about_inner .circle {
width: 220px;
height: 220px;
border-radius: 50%;
position: absolute;
top: -22px;
background: #f4f4f4;
right: 0;
display: block;
}
@media(max-width:992px) {
.about_type_three .about_inner .circle {
display: none;
}
.about_type_three .about_inner {
margin-top: 50px;
}
}
/*------------------======counter-=======---------------------*/
.counter_type_three {
position: relative;
background: #1c1c1c;
padding: 110px 0px 81px;
}
.counter_type_three .counter_inner {
position: relative;
margin-bottom: 20px;
}
@media(max-width:992px) {
.counter_type_three .counter_inner {
margin-bottom: 40px;
}
}
.counter_type_three .counter_inner p {
font-size: 18px;
color: #fff;
padding-top: 15px;
border-top: 1px solid #333333;
}
.counter_type_three .counter_inner .value span {
float: left;
font-size: 95px;
color: #69B345;
line-height: 108px;
}
.counter_type_three .value_text {
position: relative;
margin-bottom: 15px;
margin-left: 110px;
}
.counter_type_three .value_text h2 {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 30px;
margin-bottom: 10px;
}
.counter_type_three .value_text .counter-value-plus {
font-size: 72px;
line-height: 72px;
color: #fff;
font-weight: 400;
}
@media(max-width:768px) {
.counter_type_three .counter_inner .value span {
float: none;
}
.counter_type_three .value_text {
margin-left: 0px;
}
.counter_type_three .counter_inner {
text-align: center;
}
}
/*------------------======service-=======---------------------*/
.service_all.tp_four {
position: relative;
padding: 100px 0px 70px;
}
.service_inner.type_four {
margin: 10px 15px 30px;
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.service_inner.type_four:hover {
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, .1);
}
.service_inner.type_four .content {
position: relative;
padding: 0px 25px 25px;
}
.service_inner.type_four .image img {
width: 100%!important;
}
.service_inner.type_four .content .icon_heading span {
height: 70px;
width: 70px;
font-size: 29px;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
line-height: 74px;
background: #252525;
color: #fff;
text-align: center;
position: absolute;
left: 27px;
top: -78px;
}
.service_inner.type_four .content .icon_heading span:after {
height: 64px;
position: absolute;
content: '';
width: 64px;
top: 3px;
left: 3px;
border: 1px dashed #6a6a6a;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.service_inner.type_four .content .icon_heading h2 {
margin-top: 30px;
}
.service_inner.type_four .content .icon_heading h2 a {
font-size: 22px;
display: block;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
line-height: 30px;
color: #252525;
font-weight: 700;
}
.service_inner.type_four .content .icon_heading h2:hover a {
color: #69B345;
}
.service_inner.type_four .owl-carousel .owl-item img {
width: 100%!important;
}
.service_inner.type_four .content p {
margin-bottom: 20px;
}
.service_inner.type_four .content a.rd_more {
display: block;
font-size: 14px;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
line-height: 26px;
color: #252525;
text-transform: uppercase;
font-weight: 600;
padding-left: 22px;
position: relative;
z-index: 10;
}
.service_inner.type_four .content a.rd_more::before {
content: "\e982";
font-size: 16px;
line-height: 26px;
margin-right: 5px;
color: #69B345;
position: absolute;
left: 0;
font-family: 'icomoon' !important;
}
.service_inner.type_four .content a.rd_more::after {
position: absolute;
width: 188px;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
content: '';
height: 1px;
right: 0;
background: #e6e6e6;
z-index: -1;
top: 12px;
}
@media(max-width:420px) {
.service_inner.type_four .content a.rd_more::after {
width: 100px;
}
}
.service_inner.type_four:hover a.rd_more {
color: #69B345;
}
.service_inner.type_four:hover .content a.rd_more::after {
background: #69B345;
}
.service_inner.type_four:hover .content .icon_heading span {
background: #69B345;
}
.service_inner.type_four:hover .content .icon_heading span:after {
border: 1px dashed #fff;
}
.service_all.tp_four .owl-carousel .owl-nav.disabled,
.service_all.tp_four .owl-carousel .owl-nav {
display: none;
}
.service_all.tp_four .owl-carousel .owl-dots.disabled {
display: block!important;
}
.service_all.tp_four .owl-dots {
position: relative;
bottom: -20px;
width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom: 45px;
}
.service_all.tp_four .owl-dots .owl-dot {
position: relative;
width: 15px;
height: 15px;
margin: 0px 4px;
border-radius: 50px;
display: inline-block;
background-color: transparent;
border: 1.9px dashed #cacaca;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
--webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.service_all.tp_four .owl-dots .owl-dot::before {
position: absolute;
content: '';
width: 5px;
height: 5px;
border-radius: 50px;
background: #69B345;
top: 3px;
opacity: 0;
right: 3px;
}
.service_all.tp_four .owl-dots .owl-dot.active,
.service_all.tp_four .owl-dots .owl-dot:hover {
border: 1.9px dashed #69B345;
}
.service_all.tp_four .owl-dots .owl-dot.active::before,
.service_all.tp_four .owl-dots .owl-dot.active:hover::before {
opacity: 1;
}
/*------------------======project-=======---------------------*/
.project_all.tp_three {
/*background: url(../img/resource/hm-3-project-background.jpg);*/
background-position: center;
background-repeat: no-repeat;
position: relative;
background-size: cover;
padding: 100px 0px 130px;
}
.project_all.tp_three .heading {
text-align: left;
}
.project_all.tp_three .heading h1 {
padding: 0px;
color: #fff;
}
.project_all.tp_three a.view_more::before {
content: "\e982";
font-size: 16px;
line-height: 26px;
margin-right: 5px;
color: #69B345;
position: absolute;
left: 0;
font-family: 'icomoon' !important;
}
.project_all.tp_three .view_more {
float: right;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
position: relative;
padding-left: 20px;
margin-top: 58px;
}
@media(max-width:992px) {
.project_all.tp_three .view_more {
float: none;
margin-bottom: 30px;
display: block;
margin-top: 0px;
}
}
.projet_inner.type_three {
position: relative;
margin: 5px 5px 30px;
background: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
overflow: hidden;
}
.projet_inner.type_three .image {
position: relative;
}
.projet_inner.type_three .image img {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.projet_inner.type_three .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(32, 158, 46, .8);
overflow: hidden;
width: 100%;
height: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.projet_inner.type_three:hover {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .08);
}
.projet_inner.type_three:hover .image .overlay {
border-bottom-right-radius: 250px;
}
.projet_inner.type_three:hover .image img {
border-bottom-right-radius: 250px;
}
.projet_inner.type_three .image img {
width: 100%!important;
}
.projet_inner.type_three:hover .overlay {
bottom: 0;
height: 100%;
}
.projet_inner.type_three .content {
position: absolute;
bottom: 0;
padding: 25px 20px 25px 30px;
width: 100%;
}
.projet_inner.type_three .content h2 {
float: left;
width: 250px;
transform: translateX(-300px);
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.projet_inner.type_three .content h2 a {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: 700;
}
.projet_inner.type_three .content .extra_item {
float: right;
padding-top: 15px;
overflow: hidden;
}
.projet_inner.type_three .content .extra_item a {
transform: translateX(-300px);
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
opacity: 0;
display: block;
}
.projet_inner.type_three:hover .content h2 {
transform: translateX(0px);
}
.projet_inner.type_three:hover .content .extra_item a {
transform: translateX(0px);
opacity: 1;
}
.projet_inner.type_three .image span.icon {
color: #fff;
font-size: 30px;
line-height: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.projet_inner.type_three .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -18px;
}
.better_opinion.style_two {
position: absolute;
z-index: 99;
width: 100%;
left: 0;
}
@media(max-width:992px) {
.better_opinion.style_two {
position: relative;
}
}
.better_opinion.style_two .opinion_type_one {
margin-top: 79px;
}
/*------------------======price-=======---------------------*/
.pricing_all.tp_one {
position: relative;
padding: 150px 0px 60px;
}
.price_inner.type_one {
position: relative;
border: 1px solid #e2e2e2;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
@media(max-width:3000px) and (min-width:1200px) {
.price_inner.type_one.active {
transform: translate(0px, -46px)
}
.price_inner.type_one {
margin-top: 80px;
}
}
@media(max-width:1199px) and (min-width:0px) {
.price_inner.type_one {
margin-bottom: 30px;
}
}
.price_inner.type_one .upper_content {
padding: 30px 30px 20px;
position: relative;
background: #f4f4f4;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.price_inner.type_one.active .upper_content {
background: #1c1c1c;
}
.price_inner.type_one:hover .upper_content {
background: #1c1c1c;
}
.price_inner.type_one .upper_content h5 {
font-size: 24px;
line-height: 30px;
margin-bottom: 5px;
font-weight: 700;
}
.price_inner.type_one:hover .upper_content h5 {
color: #fff;
}
.price_inner.type_one.active .upper_content h5 {
color: #fff;
}
.price_inner.type_one .upper_content .amount {
position: relative;
margin-top: 24px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
padding-top: 15px;
border-top: 1px solid #e2e2e2;
}
.price_inner.type_one.active .upper_content .amount {
border-top: 1px solid #333333;
}
.price_inner.type_one:hover .upper_content .amount {
border-top: 1px solid #333333;
}
.price_inner.type_one .upper_content .amount h6 {
font-size: 18px;
color: #808080;
font-weight: 700;
}
.price_inner.type_one:hover .upper_content .amount h6 {
color: #fff;
}
.price_inner.type_one.active .upper_content .amount h6 {
color: #fff;
}
.price_inner.type_one .upper_content .amount h6 span {
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #69B345;
}
.price_inner.type_one .upper_content .amount h6 sup {
font-size: 24px;
color: #69B345;
top: -0.9em;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
}
.price_inner.type_one .lower_content {
position: relative;
background: #fff;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
padding: 30px;
overflow: hidden;
}
.price_inner.type_one .lower_content ul li {
font-size: 16px;
color: #808080;
position: relative;
padding: 10px 0px 10px 25px;
font-weight: 400;
border-bottom: 1px solid #e2e2e2;
line-height: 26px;
}
.price_inner.type_one .lower_content ul li:last-child {
border-color: #fff;
}
.price_inner.type_one .lower_content ul li::before {
content: '\f00c';
color: #69B345;
position: absolute;
left: 0;
font-family: 'FontAwesome';
}
.price_inner.type_one .popular_tag {
position: absolute;
top: -28px;
background: #69B345;
right: -1px;
padding: 1px 9px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
}
.price_inner.type_one .lower_content .get_start {
position: relative;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.price_inner.type_one .lower_content .theme_btn {
border-radius: 30px;
width: 100%;
display: inline-block;
font-size: 14px;
line-height: 56px;
height: 56px;
font-weight: 500;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
left: 0;
margin-top: 20px;
margin-bottom: 20px;
}
@media(max-width:3000px) and (min-width:1200px) {
.price_inner.type_one:hover .lower_content .get_start {
height: 90px;
line-height: 90px;
}
.price_inner.type_one.active .lower_content .theme_btn {
transform: translateY(0px);
}
.price_inner.type_one:hover {
transform: translate(0px, -46px)
}
.price_inner.type_one:hover .lower_content .theme_btn {
transform: translateY(0px);
}
.price_inner.type_one.active .lower_content .theme_btn {
transform: translateY(0px);
}
.price_inner.type_one.active .lower_content .get_start {
height: 90px;
line-height: 90px;
}
.price_inner.type_one .lower_content .theme_btn {
transform: translateY(150px);
position: relative;
}
.price_inner.type_one .lower_content .get_start {
height: 0px;
}
.price_inner.type_one.active .lower_content .get_start {
height: auto;
line-height: inherit;
}
}
/*------------------======awards-=======---------------------*/
.awards_type_one {
position: relative;
padding: 100px 0px 70px;
/*background: url(../img/resource/hm-3-awward-bg.jpg);*/
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.awards_type_one .awards_inner {
position: relative;
padding: 40px 0px;
border: 1px solid #282828;
text-align: center;
margin-bottom: 30px;
}
.awards_type_one .awards_inner .icon span {
color: #fff;
font-size: 125px;
line-height: 125px;
margin-bottom: 25px;
display: block;
}
.awards_type_one .awards_inner .year {
position: relative;
margin-bottom: 20px;
}
.awards_type_one .awards_inner .year h5 {
font-size: 30px;
color: #69B345;
line-height: 38px;
padding: 1px 15px;
font-weight: 700;
background: #000;
display: inline-block;
border: 1px solid #282828;
z-index: 10;
position: relative;
}
.awards_type_one .awards_inner .year::before {
position: absolute;
content: '';
background: #282828;
width: 100%;
height: 1px;
top: 22px;
left: 0px;
}
.awards_type_one .awards_inner h2 {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #fff;
padding: 0px 40px;
}
.awards_type_one .awards_inner_mid {
position: relative;
text-align: center;
margin-bottom: 30px;
}
.awards_type_one .awards_inner_mid .icon {
color: #69B345;
font-size: 100px;
line-height: 125px;
margin-bottom: 0px;
display: block;
}
.awards_type_one .awards_inner_mid p {
font-size: 16px;
color: #69B345;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
}
.awards_type_one .awards_inner_mid h2 {
font-size: 30px;
color: #fff;
line-height: 38px;
font-weight: 700;
margin-bottom: 20px;
}
.awards_type_one .awards_inner_mid .view_all {
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.awards_type_one .awards_inner_mid .view_all span {
font-size: 14px;
color: #69B345;
margin-right: 5px;
}
/*------------------======testimonial-=======---------------------*/
.testimonial_all.tp_three {
position: relative;
padding: 100px 0px 70px;
background: #f4f4f4;
}
.testimonial_inner.type_three {
position: relative;
margin: 40px 15px 30px;
text-align: center;
cursor: pointer;
}
.testimonial_all.tp_three .owl-carousel .owl-nav {
display: none;
}
.testimonial_inner.type_three .upper_content {
position: relative;
background: #fff;
padding: 60px 30px 50px;
box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, .05);
margin-bottom: 50px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_three:hover .upper_content {
background: #69B345;
}
.testimonial_inner.type_three:hover .upper_content p {
color: #fff;
}
.testimonial_inner.type_three .upper_content .icon {
position: absolute;
left: 0;
top: -30px;
width: 100%;
}
.testimonial_inner.type_three .upper_content .icon span {
display: block;
position: relative;
font-size: 20px;
margin: 0 auto;
color: #fff;
background: #69B345;
text-align: center;
width: 60px;
height: 60px;
border-radius: 50px;
line-height: 66px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_three:hover .upper_content .icon span {
color: #69B345;
background: #252525;
}
.testimonial_inner.type_three .upper_content .icon span::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border: 1px dashed #69B345;
border-radius: 50px;
left: -5px;
top: -5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.testimonial_inner.type_three:hover .upper_content .icon span::after {
border: 1px dashed #252525;
}
.testimonial_inner.type_three .upper_content .rating {
position: absolute;
width: 100%;
left: 0;
bottom: -18px;
}
.testimonial_inner.type_three .upper_content .rating ul {
position: relative;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .05);
display: inline-block;
width: 140px;
}
.testimonial_inner.type_three .upper_content .rating ul:before {
position: absolute;
content: '';
height: 0px;
border-right: 13px solid transparent;
border-top: 13px solid #fff;
border-left: 13px solid transparent;
border-bottom: 13px solid transparent;
/* z-index: -10; */
bottom: -26px;
margin-left: -15px;
}
.testimonial_inner.type_three .upper_content .rating ul li span {
font-size: 16px;
line-height: 40px;
color: #69B345;
}
.testimonial_inner.type_three .lower_content .authour_name {
position: relative;
margin-top: 5px;
}
.testimonial_inner.type_three .lower_content .authour_name h2 {
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-bottom: 0px;
color: #252525;
}
/*------------------======news-=======---------------------*/
.news_all.tp_three {
position: relative;
padding: 100px 0px 70px;
}
.news_all.tp_three .theme_btn {
float: right;
border-radius: 50px;
}
.news_inner.type_three {
position: relative;
margin-bottom: 30px;
background: #fff;
padding: 30px 30px 26px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.news_inner.type_three .image {
position: relative;
float: left;
margin-top: 9px;
}
.news_inner.type_three .image:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
background: transparent;
border-top: 15px solid #fff;
border-left: 15px solid #fff;
top: 0;
left: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.news_inner.type_three .image .date {
position: absolute;
width: 60px;
height: 60px;
background: #69B345;
line-height: 22px;
display: block;
text-align: center;
color: #fff;
padding: 8px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
z-index: 10;
top: -4px;
left: -5px;
opacity: 1;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.news_inner.type_three .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(32, 158, 46, .8);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.news_inner.type_three:hover .overlay {
opacity: 1;
}
.news_inner.type_three .content_inner {
position: relative;
margin-left: 125px;
}
.news_inner.type_three:hover .image:before {
border-top: 15px solid transparent;
border-left: 15px solid transparent;
}
.news_inner.type_three:hover .content_inner a.rd_more {
color: #69B345;
}
.news_inner.type_three h2:hover a {
color: #69B345;
}
.news_inner.type_three:hover .image .date {
opacity: 0;
}
.news_inner.type_three .content_inner p a {
display: block;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 5px;
color: #808080;
}
.news_inner.type_three .content_inner h2 a {
font-size: 22px;
font-weight: 700;
line-height: 28px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: block;
margin-bottom: 10px;
color: #252525;
}
.news_inner.type_three .content_inner a.rd_more {
display: block;
font-size: 14px;
position: relative;
text-transform: uppercase;
line-height: 20px;
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
font-weight: 600;
}
.news_inner.type_three .content_inner a.rd_more::before {
position: absolute;
background: #e2e2e2;
width: 200px;
content: '';
height: 1px;
left: 102px;
top: 10px;
}
.news_inner.type_three .content_inner a.rd_more span {
font-size: 14px;
color: #69B345;
margin-right: 5px;
line-height: 20px;
}
@media(max-width:768px) {
.news_inner.type_three .image {
float: none;
margin-bottom: 20px;
}
.news_inner.type_three .content_inner {
margin-left: 0px;
}
.news_inner.type_three .content_inner a.rd_more::before {
width: 50px;
}
.news_inner.type_three .image .overlay {
display: none;
}
.news_all.tp_three .theme_btn {
float: none;
margin-bottom: 30px;
}
}
/*-------------------======client====------------------*/
.client_logo_type_three {
position: relative;
position: relative;
padding: 65px 0px;
background: #69B345;
}
.client_logo_type_three .c_image img {
display: block;
margin: 0 auto;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
/*-------------------======contact====------------------*/
.contact_type_two {
position: relative;
padding: 100px 0px 70px;
background: url(../img/resource/hm-3-contact-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.contact_type_two .offers_inner {
padding: 45px 40px;
text-align: center;
background: url(../img/resource/hm-3-offers.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-bottom: 20px;
}
.contact_type_two .offers_inner h2 {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 20px;
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.contact_type_two .offers_inner img {
margin-bottom: 15px;
}
.contact_type_two .offers_inner p {
font-size: 16px;
color: #fff;
margin-bottom: 15px;
}
.contact_type_two .offers_inner a.theme_btn {
width: 100%;
border-radius: 30px;
background: #1c8828;
height: 56px;
line-height: 56px;
}
.contact_type_two .form_inner {
padding: 40px 40px 20px;
background: #fff;
margin-bottom: 20px;
}
.contact_type_two input[type="text"],
.contact_type_two .ui-selectmenu-button,
.contact_type_two textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.contact_type_two input ::placeholder {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-weight: 600;
}
.contact_type_two .ui-selectmenu-button {
line-height: 23px!important;
}
.contact_type_two textarea {
height: 120px!important;
line-height: inherit!important;
}
.contact_type_two .ui-selectmenu-text {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
}
.contact_type_two .theme_btn {
border: 0px;
box-shadow: 0px;
border-radius: 30px;
height: 56px;
line-height: 56px;
width: 100%;
}
.contact_type_two .choose_us {
position: relative;
margin-bottom: 30px;
background: #fff;
border: 1px solid #e6e6e6;
}
.contact_type_two .choose_us .product_info {
width: 33.33%;
background: #fff;
padding: 23px 20px 20px;
text-align: center;
float: left;
}
@media(max-width:768px) {
.contact_type_two .choose_us .product_info {
width: 100%;
padding: 10px;
}
}
.product_info.mid {
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
.contact_type_two .choose_us .product_info h2 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #808080;
}
.contact_type_two .choose_us .product_info span {
font-size: 40px;
color: #69B345;
display: inline-block;
vertical-align: middle;
line-height: normal;
margin-right: 20px;
}
/*-------------------======addresss====------------------*/
.address_type_one {
position: relative;
padding: 100px 0px 70px;
}
.address_type_one .address_inner {
position: relative;
margin-bottom: 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
padding: 40px 40px 30px;
cursor: pointer;
}
.address_type_one .address_inner .heading_add {
position: relative;
margin-bottom: 20px;
}
.address_type_one .address_inner .heading_add span {
float: left;
font-size: 50px;
color: #b8b8b8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
line-height: 50px;
}
.address_type_one .address_inner:hover .heading_add span {
color: #69B345;
}
.address_type_one .address_inner .heading_add h2 {
font-size: 22px;
font-weight: 700;
position: relative;
margin-left: 70px;
padding-top: 2px;
line-height: 28px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #252525;
}
.address_type_one .address_inner .heading_add h2::before {
position: absolute;
content: '';
background: #e6e6e6;
width: 60px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
height: 2px;
bottom: -15px;
left: 0;
}
.address_type_one .address_inner:hover .heading_add h2::before {
background: #69B345;
}
.address_type_one .address_inner span.bg_icon {
position: absolute;
font-size: 128px;
line-height: 128px;
color: #f4f4f4;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
right: 17px;
bottom: 14px;
z-index: -10;
opacity: 0;
}
.address_type_one .address_inner:hover span.bg_icon {
opacity: 1;
}
/*-------------------======footer====------------------*/
.footer_type_three {
position: relative;
background: #1c1c1c;
padding: 100px 0px 70px;
}
.footer_type_three .footer_widgets {
position: relative;
margin-bottom: 30px;
}
.footer_type_three .title::before {
position: absolute;
content: '';
background: #69B345;
width: 4px;
height: 12px;
top: 7px;
left: -20px;
}
.footer_type_three .title::after {
position: absolute;
content: '';
background: #69B345;
width: 2px;
height: 12px;
top: 7px;
left: -24px;
}
.footer_type_three .footer_widgets h2.title {
margin-left: 24px;
border-bottom: 0px;
margin-bottom: 15px;
margin-top: 0;
}
.footer_type_three .logo_title {
margin-bottom: 30px;
}
.footer_type_three .review_custm {
position: relative;
margin-top: 30px;
}
.footer_type_three .review_custm span.use_icon {
float: left;
color: #fff;
position: relative;
font-size: 30px;
z-index: 0;
line-height: 60px;
width: 60px;
height: 60px;
text-align: center;
}
.footer_type_three .review_custm span.use_icon::after {
position: absolute;
content: '';
background: #69B345;
width: 60px;
height: 60px;
border-radius: 50px;
z-index: -10;
left: 0;
top: 0;
}
.footer_type_three .right_side {
margin-left: 80px;
position: relative;
}
.footer_type_three .right_side h2 {
font-size: 18px;
line-height: 26px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
}
.footer_type_three .right_side p span {
font-size: 20px;
line-height: 20px;
color: #69B345;
}
.footer_type_three .gallery_foot {
position: relative;
margin-top: 23px;
}
.footer_type_three .gallery_foot ul li {
display: inline-block;
position: relative;
margin-bottom: 10px;
margin-right: 5px;
}
.footer_type_three .gallery_foot ul li .image {
position: relative;
width: 80px;
overflow: hidden;
}
.footer_type_three .gallery_foot ul li a {
position: absolute;
left: 5px;
top: 5px;
width: 70px;
height: 70px;
background: rgba(32, 158, 46, .9);
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_three .gallery_foot ul li:hover a {
opacity: 1;
}
.footer_type_three .gallery_foot ul li a span {
font-size: 20px;
color: #fff;
line-height: 70px;
width: 70px;
height: 70px;
text-align: center;
}
.footer_type_three .gallery_foot ul li img {
position: relative;
}
.footer_type_three form {
margin: 20px 0px 25px;
}
.footer_type_three .social_media li i {
width: 34px;
height: 34px;
background: #333333;
line-height: 34px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_three .social_media li {
margin-right: 10px;
display: inline-block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
text-align: center;
}
.footer_type_three .social_media li a {
color: #fff;
}
.footer_type_three .social_media li:hover i {
color: #fff;
background: #69B345;
}
.footer_type_three .social_media li h6 {
font-size: 18px;
color: #fff;
font-weight: 700;
margin-right: 10px;
}
.footer_type_three .footer_widgets form input {
position: relative;
background: #fff;
border: 0px;
box-shadow: none;
border-radius: 0px;
height: 60px;
padding: 20px;
width: 210px;
color: #808080;
font-size: 15px;
}
.footer_type_three .footer_widgets form input::placeholder {
color: #808080;
}
.footer_type_three .footer_widgets form button {
position: relative;
z-index: 0;
background: #000;
padding-left: 31px;
color: #fff;
text-transform: uppercase;
}
.footer_type_three .footer_widgets form button::before {
position: absolute;
content: '';
background: #69B345;
height: 60px;
width: 160px;
top: -16px;
left: -7px;
z-index: -10;
}
.footer_type_three .footer_widgets form button::after {
position: absolute;
content: '';
background: #252525;
height: 40px;
width: 120px;
top: -6px;
left: 11px;
z-index: -10;
border-radius: 30px;
}
.footer_last_type_three {
background: #69B345;
padding: 12px 0px;
}
.footer_last_type_three ul {
text-align: right;
}
.footer_last_type_three p {
margin-top: 10px;
color: #fff;
}
.footer_last_type_three ul li {
display: inline-block;
position: relative;
text-align: center;
border-radius: 50px;
line-height: 45px;
margin-right: 20px;
}
.footer_last_type_three ul li a {
color: #fff;
}
.footer_last_type_three ul li::before {
position: absolute;
content: '';
width: 2px;
height: 16px;
background: #fff;
right: -12px;
top: 15px;
}
.footer_last_type_three ul li:last-child {
margin-right: 0px;
}
.footer_last_type_three ul li:last-child::before {
display: none;
}
@media(max-width:500px) {
.footer_type_three .footer_widgets form input {
width: 100%;
}
.footer_type_three .footer_widgets form button::after {
display: none;
}
.footer_type_three .footer_widgets form button {
width: 100%;
border: 0px;
line-height: 60px;
padding: 0px 10px;
}
.footer_type_three .footer_widgets form button::before {
position: absolute;
content: '';
background: #69B345;
height: 60px;
width: 100%;
top: 0;
left: 0;
z-index: -10;
}
.footer_last_type_three ul {
display: none;
}
.footer_last_type_three p {
text-align: center;
margin-top: 0px;
}
.footer_last_type_two ul {
display: none;
}
.footer_last_type_two p {
text-align: center;
margin-top: 0px;
}
.footer_last_type_one ul {
display: none;
}
.footer_last_type_one p {
text-align: center;
margin-top: 0px;
}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
======================================================================inner-pages=========================================================================
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------
================================Page Header=================================
-------------------------------------------------*/
.page-header {
position: relative;
height: 351px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.aboutus{ background: url('../img/banner_aboutus.png');}
.contact{ background: url('../img/banner_contact.png');}
.spmt{background: url('../img/banner_spmt.png');}
.ctspmt{background: url('../img/banner_ctspmt.png');}
.lvhd{background: url('../img/banner_lvhd.png');}
.ctlvhd{background: url('../img/banner_ctlvhd.png');}
.tintuc{background: url('../img/banner_tintuc.png');}
.cttintuc{background: url('../img/banner_cttintuc.png');}
.bg_checkout{background: url('../img/banner_checkout.png');}
.bg_shopping{background: url('../img/banner_shopping.png');}
.page-header .header-title {
position: relative;
height: 351px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: left;
-ms-flex-pack: center;
justify-content: left;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-header .header-title .page-title {
font-size: 60px;
color: #fff;
line-height: 72px;
font-weight: 700;
}
@media(max-width:600px) {
.page-header .header-title .page-title {
font-size: 40px;
line-height: 48px;
}
.page-header .header-title {
-webkit-justify-content: center;
justify-content: center;
}
}
.page-header .breadcrumb_area {
position: relative;
}
.page-header .breadcrumb_area .breadcrumbs {
width: 100%;
z-index: 99;
bottom: 40px;
left: 0;
position: absolute;
padding: 0px 15px;
text-align: right;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li {
float: right;
position: relative;
font-size: 16px;
color: #fff;
font-weight: 600;
line-height: 26px;
margin-left: 25px;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li {
margin-left: 25px;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li:last-child {
margin-left: 0px;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li::before {
position: absolute;
content: '';
height: 0px;
border-right: 6px solid #fff;
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
bottom: 7px;
left: -21px;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li:last-child::before {
display: none;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li a {
font-size: 16px;
color: #fff;
font-weight: 400;
line-height: 26px;
}
@media(max-width:600px) {
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li::before {
position: absolute;
content: '';
height: 0px;
border-right: 6px solid #fff;
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
bottom: 7px;
right: -21px;
transform: rotate(180deg);
left: inherit;
}
.page-header .breadcrumb_area .breadcrumbs .bread-crumb li {
float: none;
display: inline-block;
margin-right: 25px;
margin-left: 0px;
}
}
/*------------------------------------------------------------------------------------------
========================================about us page======================================
---------------------------------------------------------------------------------------------*/
.awards_type_two {
position: relative;
padding: 100px 0px 70px;
}
.awards_type_two .awards_inner {
position: relative;
margin-bottom: 30px;
}
.award_highlight_txt {
width: 408.5px;
height: 70px;
text-align: center;
background: #fff;
border-right: 5px solid #69B345;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
position: absolute;
transform: rotate(-90deg);
top: 170px;
left: -170px;
}
@media(max-width:1199px) {
.award_highlight_txt {
position: absolute;
width: 100%;
height: auto;
top: inherit;
left: 0px;
bottom: 0;
transform: inherit;
}
}
.award_highlight_txt h6 {
line-height: 70px;
font-size: 18px;
color: #69B345;
font-weight: 700;
}
@media(max-width:700px) {
.award_highlight_txt h6 {
line-height: 30px;
padding: 10px 0px;
}
}
.award_highlight_txt h6 span {
font-size: 14px;
color: #69B345;
list-style: 20px;
margin-left: 0px;
margin-right: 20px;
}
.award_highlight_txt h6 span.second {
margin-left: 20px;
margin-right: 0px;
}
.awards_type_two .awards_inner .video-holder {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.awards_type_two .awards_inner .video-holder .icon {
position: relative;
width: 100px;
float: left;
height: 100px;
border-radius: 50%;
background: transparent;
border: 1px dashed #fff;
text-align: center;
}
.awards_type_two .awards_inner .video-holder span {
font-size: 30px;
line-height: 100px;
color: #69B345;
z-index: 0;
position: relative;
}
.awards_type_two .awards_inner .video-holder span::after {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
content: '';
left: -25px;
top: -26px;
z-index: -1;
}
/*-------------------======about====------------------*/
.about_our_comapny {
position: relative;
padding-bottom: 70px;
}
.about_our_comapny .about_company_inner {
position: relative;
margin-bottom: 30px;
}
.about_our_comapny .about_company_inner p.des_one,
.about_our_comapny .about_company_inner p.des_two {
margin-bottom: 20px;
}
.authour_quotes {
position: relative;
padding-top: 15px;
}
.authour_quotes .ath_img {
float: left;
position: relative;
}
.authour_quotes .ath_img span {
background: #fff;
position: absolute;
width: 40px;
border-radius: 50px;
text-align: center;
font-size: 20px;
height: 40px;
left: -14px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
line-height: 40px;
color: #69B345;
}
.authour_quotes .quotes_in {
position: relative;
margin-left: 115px;
}
.authour_quotes .quotes_in h2 {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
color: #808080;
line-height: 28px;
}
.authour_quotes .quotes_in h6 {
font-size: 22px;
font-weight: 700;
color: #252525;
line-height: 30px;
}
.authour_quotes .quotes_in h6 span {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #69B345;
font-size: 16px;
}
.about_company_right {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
margin-bottom: 30px;
}
.about_company_right .nav-tabs {
position: relative;
border: 1px solid #e6e6e6;
box-shadow: 0px 14px 13px -10px rgba(0, 0, 0, .09);
}
.about_company_right .nav-tabs .nav-item .nav-link {
position: relative;
height: 139px;
padding: 0px;
background: #fff;
width: 180px;
}
@media(max-width:1199px) {
.about_company_right .nav-tabs .nav-item .nav-link {
width: 100px;
}
}
@media(max-width:400px) {
.about_company_right .nav-tabs .nav-item .nav-link {
width: 100%;
}
.about_company_right .nav-tabs .nav-item {
display: block;
}
}
.about_company_right .nav-tabs .nav-item .nav-link .mission {
position: relative;
padding: 25px 10px 10px;
height: 139px;
}
.about_company_right .nav-tabs .nav-item.show .nav-link .mission span,
.about_company_right .nav-tabs .nav-link.active .mission span {
color: #69B345;
}
.about_company_right .nav-tabs .nav-item.show .nav-link .mission h2,
.about_company_right .nav-tabs .nav-link.active .mission h2 {
color: #69B345;
}
.about_company_right .nav-tabs .nav-item:nth-child(2) .nav-link .mission {
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
}
.about_company_right .nav-tabs .nav-item .nav-link span {
font-size: 60px;
line-height: 60px;
margin-bottom: 10px;
display: block;
color: #a8a8a8;
}
.about_company_right .nav-tabs .nav-item .nav-link h2 {
font-size: 20px;
color: #808080;
font-weight: 700;
line-height: 26px;
}
.about_company_right .tab-content {
padding: 28px 30px;
position: relative;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.about_company_right .tab-content .tab-pane {
font-size: 16px;
color: #808080;
line-height: 26px;
font-weight: 400;
}
/*-------------------======team====------------------*/
.our_team.tp_two {
position: relative;
padding: 100px 0px 10px;
}
.our_team.tp_two .heading {
text-align: left;
}
.our_team.tp_two .heading h1 {
padding: 0px;
}
.team_outer.type_two {
position: relative;
margin: 5px 15px 60px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.our_team.tp_two .owl-carousel .owl-dots {
display: none!important;
}
.our_team.tp_two .owl-carousel .owl-nav {
display: block!important;
}
.team_outer.type_two .image img {
width: 100%!important;
}
.team_outer.type_two .image {
position: relative;
overflow: hidden;
}
.team_outer.type_two .image .overlay {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
background: rgba(32, 158, 46, .8);
opacity: 0;
}
.team_outer.type_two:hover .image .overlay {
opacity: 1;
}
.team_outer.type_two .image .overlay p {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
padding: 30px;
color: #fff;
}
@media(max-width:992px) {
.team_outer.type_two .image .overlay p {
display: none;
}
}
.team_outer.type_two .image .overlay p::before {
position: absolute;
content: '';
width: 84%;
height: 1px;
background: #fff;
left: 30px;
bottom: 14px;
opacity: .2;
}
.team_outer.type_two .image .overlay ul {
position: absolute;
bottom: 40px;
width: 100%;
z-index: 100;
text-align: center;
}
.team_outer.type_two .image .overlay ul li {
display: inline-block;
margin: 0px 5px;
}
.team_outer.type_two .image .overlay ul li a {
width: 45px;
display: block;
line-height: 45px;
text-align: center;
border: 1px dashed #fff;
height: 45px;
border-radius: 50px;
background: transparent;
color: #69B345;
}
.team_outer.type_two .image .overlay ul li:nth-child(1) {
transform: translateY(150px);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.team_outer.type_two .image .overlay ul li:nth-child(2) {
transform: translateY(200px);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.team_outer.type_two .image .overlay ul li:nth-child(3) {
transform: translateY(250px);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.team_outer.type_two .image .overlay ul li:nth-child(4) {
transform: translateY(300px);
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.team_outer.type_two .image .overlay ul li a {
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.team_outer.type_two:hover .image .overlay ul li {
transform: translateY(0px);
}
.team_outer.type_two .image .overlay ul li a:hover {
background: #fff;
border-style: solid;
}
.team_outer.type_two .image .overlay ul li:hover a {
color: #69B345;
}
.team_outer.type_two .content_inner {
position: relative;
margin: 25px;
background: #fff;
text-align: center;
}
.team_outer.type_two .content_inner::before {
position: absolute;
content: '';
background: #69B345;
width: 100%;
left: 0;
opacity: 1;
height: 10px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
top: -30px;
}
.team_outer.type_two .content_inner h2 a {
color: #252525;
font-size: 22px;
display: block;
line-height: 28px;
font-weight: 700;
}
.team_outer.type_two .content_inner p {
color: #69B345;
padding-bottom: 20px;
}
.team_outer.type_two:hover {
box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, .05);
}
.team_outer.type_two:hover .content_inner::before {
opacity: 0;
transform: translateY(-10px);
}
.our_team.tp_two .owl-carousel .owl-nav {
position: absolute;
width: auto;
height: auto;
text-align: center;
top: -110px;
right: 10px;
}
@media(max-width:600px) {
.our_team.tp_two .owl-carousel .owl-nav {
position: relative;
top: inherit;
right: inherit;
margin-bottom: 80px;
}
}
.our_team.tp_two .owl-carousel .owl-nav .owl-prev,
.our_team.tp_two .owl-carousel .owl-nav .owl-next {
color: #cacaca;
padding: 5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: inline-block;
}
.our_team.tp_two .owl-carousel .owl-nav .owl-next .icon-next {
transform: rotate(360deg);
display: block;
line-height: 60px;
}
.our_team.tp_two .owl-carousel .owl-nav .owl-prev .prev {
transform: rotate(180deg);
display: block;
line-height: 20px;
}
.our_team.tp_two .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.our_team.tp_two .owl-carousel .owl-nav .owl-prev:hover,
.our_team.tp_two .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
}
/*-------------------======process====------------------*/
.process_type_one {
position: relative;
padding: 100px 0px 0px;
background: #1c1c1c;
}
.process_type_one .heading {
margin-bottom: 70px;
}
.process_type_one .heading h1 {
color: #fff;
}
.process_type_one .three_items_3 {
margin-bottom: -143px;
z-index: 1;
}
.process_type_one .owl-carousel .owl-nav.disabled,
.process_type_one .owl-carousel .owl-nav {
display: none;
}
.process_type_one .owl-carousel .owl-dots.disabled {
display: block!important;
}
.process_type_one .owl-dots {
position: relative;
bottom: -20px;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 15px;
}
.process_type_one .owl-dots .owl-dot {
position: relative;
width: 12px;
height: 12px;
margin: 0px 4px;
border-radius: 50px;
display: inline-block;
background-color: transparent;
border: 2px solid #fff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
--webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.process_type_one .owl-dots .owl-dot:hover,
.process_type_one .owl-dots .owl-dot.active {
border: 2px solid #252525;
}
.process_type_one .porcess_outer {
position: relative;
padding: 8px;
background: #fff;
margin-top: 60px;
}
.process_type_one .arrow {
position: relative;
}
.process_type_one .arrow::before {
position: absolute;
content: url(../img/arrow.png);
left: 0;
width: 100%;
margin: 0 auto;
text-align: center;
top: -22px;
}
.latest_news_inner.type_one .image img{
height: auto;
}
.process_type_one .porcess_outer .process_inner {
padding: 65px 35px 35px;
text-align: center;
position: relative;
border: 1px dashed #e6e6e6;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.process_type_one .porcess_outer .process_inner .image {
position: absolute;
top: -60px;
left: 0;
width: 100%;
}
.process_type_one .porcess_outer .process_inner .image img {
padding: 8px;
position: relative;
margin: 0 auto;
border: 1px dashed #e6e6e6;
border-radius: 50%;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.process_type_one .porcess_outer:hover .process_inner .image img {
border: 1px dashed transparent;
}
.process_type_one .porcess_outer:hover .process_inner {
border: 1px dashed #69B345;
}
.process_type_one .process_inner .image_in {
display: inline-block;
position: relative;
margin-bottom: 20px;
}
.process_type_one .process_inner .image_in .overlay {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
background: rgba(32, 158, 46, .8);
opacity: 0;
border-radius: 50%;
}
.process_type_one .porcess_outer:hover .process_inner .image_in .overlay {
opacity: 1;
}
.process_type_one .porcess_outer .process_inner .image_in h6 {
position: absolute;
top: 44px;
color: #fff;
left: 50px;
font-size: 20px;
}
.process_type_one .porcess_outer .process_inner .image::before {
position: absolute;
content: '';
width: 105px;
height: 50px;
background-color: #fff;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
bottom: 28px;
margin-left: 2px;
}
.process_type_one .porcess_outer .process_inner .content_inner {
position: relative;
}
.process_type_one .porcess_outer .process_inner .content_inner h2 a {
font-size: 22px;
color: #252525;
font-weight: 700;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: block;
line-height: 28px;
margin-bottom: 8px;
}
.process_type_one .porcess_outer:hover .process_inner .content_inner h2 a {
color: #69B345;
}
.quote_client_type_one.about {
padding-top: 235px;
}
/*----------------------------------------------------------------------------------
=====================================404 page=======================================
----------------------------------------------------------------------------------*/
.error_page {
position: relative;
padding: 200px 0px;
background: url(../img/404.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.error_og_inner {
text-align: center;
position: relative;
}
.error_og_inner h1 {
font-size: 200px;
line-height: 200px;
color: #fff;
font-weight: 700;
}
@media(max-width:600px) {
.error_og_inner h1 {
font-size: 100px;
line-height: 100px;
}
}
.error_og_inner h2 {
font-size: 40px;
line-height: 50px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
}
.error_og_inner p {
color: #fff;
padding-bottom: 30px;
font-size: 18px;
}
.error_og_inner .theme_btn {
background: #fff;
color: #252525;
width: 290px;
border-radius: 50px;
height: 60px;
line-height: 60px;
}
/*------------------------------------------------------------------
==============================faqs page==============================
------------------------------------------------------------------*/
.faq_type_one {
position: relative;
padding: 100px 0px 70px;
}
.faq_type_one .accordion {
position: relative;
margin-bottom: 40px;
}
.accordion>.card .card-header {
padding: 0px;
border-radius: 0px;
background: #fff;
border: 0px solid #e6e6e6!important;
margin: 0px;
position: relative;
}
.accordion>.card .card-header h5 button.btn {
padding: 14px 50px 14px 30px;
font-size: 20px;
font-weight: 700;
color: #252525;
line-height: 30px;
text-decoration: none;
}
.accordion>.card .card-header h5 button.btn::before {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
right: 0px;
font-size: 16px;
top: 0px;
height: 100%;
line-height: 60px;
width: 60px;
text-align: center;
}
.accordion>.card {
border-radius: 0px;
border: 0px solid #e6e6e6!important;
margin-bottom: 20px;
overflow: inherit;
}
.faq_type_one .btn-link.collapsed {
background: #fff!important;
border-radius: 0px;
color: #252525!important;
border: 1px solid #e6e6e6!important;
}
.faq_type_one .btn-link.collapsed::before {
border-left: 1px solid #e6e6e6;
color: #888888!important;
}
.faq_type_one .btn-link {
background: #69B345!important;
border-radius: 0px;
color: #fff!important;
border: 1px solid #198926!important;
}
.faq_type_one .btn-link::before {
border-left: 1px solid #198926;
color: #fff!important;
}
.faq_type_one .btn-link::after {
position: absolute;
content: '';
height: 0px;
border-right: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #fff;
bottom: 0;
left: 33px;
}
.faq_type_one .btn-link.collapsed::after {
display: none;
}
.faq_type_one .card-body {
padding: 30px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
border-bottom: 5px solid #69B345;
font-size: 16px;
color: #808080;
line-height: 26px;
font-weight: 400;
}
.faq_type_one .any_questions {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.faq_type_one .any_questions h2 {
padding: 14px 30px;
color: #fff;
background: #69B345;
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.faq_type_one .any_questions .form_inner {
position: relative;
padding: 25px 30px;
}
.faq_type_one .any_questions .form_inner label {
display: block;
font-size: 16px;
color: #808080;
line-height: 26px;
}
.faq_type_one .any_questions .form_inner .theme_btn {
border: 0px;
box-shadow: none;
width: 100%;
border-radius: 50px;
margin-top: 10px;
}
.faq_type_one input[type="text"],
.faq_type_one input[type="email"],
.faq_type_one textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.faq_type_one textarea {
height: inherit;
}
/*---------------------------------------------------------------------------
=============================== Price plans Page==============================
-----------------------------------------------------------------------------*/
.pricing_plans.tp_two {
position: relative;
padding: 100px 0px 60px;
}
.price_inner.type_two {
padding: 8px;
margin-bottom: 30px;
position: relative;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.price_inner.type_two .price_innner_in {
position: relative;
border: 1px dashed transparent;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.price_inner.type_two:hover .price_innner_in {
border: 1px dashed #69B345;
}
.price_inner.type_two.active .price_innner_in {
border: 1px dashed #69B345;
}
.price_inner.type_two .upper_content {
padding: 30px 30px 20px;
position: relative;
background: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.price_inner.type_two .upper_content h5 {
font-size: 24px;
line-height: 30px;
margin-bottom: 5px;
font-weight: 700;
color: #252525;
}
.price_inner.type_two .upper_content .amount {
position: relative;
margin-top: 24px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
padding-top: 15px;
border-top: 1px solid #e2e2e2;
}
.price_inner.type_two .upper_content .amount h6 {
font-size: 18px;
color: #808080;
font-weight: 700;
}
.price_inner.type_two .upper_content .amount h6 span {
font-size: 60px;
line-height: 72px;
font-weight: 700;
color: #69B345;
}
.price_inner.type_two .upper_content .amount h6 sup {
font-size: 24px;
color: #69B345;
top: -0.9em;
font-family: 'Source Serif Pro', serif;
font-weight: 700;
}
.price_inner.type_two .lower_content {
position: relative;
background: #fff;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
padding: 30px;
overflow: hidden;
}
.price_inner.type_two .lower_content ul li {
font-size: 16px;
color: #808080;
position: relative;
padding: 10px 0px 10px 25px;
font-weight: 400;
border-bottom: 1px solid #e2e2e2;
line-height: 26px;
}
.price_inner.type_two .lower_content ul li:last-child {
border-color: #fff;
}
.price_inner.type_two .lower_content ul li::before {
content: '\f00c';
color: #69B345;
position: absolute;
left: 0;
font-family: 'FontAwesome';
}
.price_inner.type_two .popular_tag {
position: absolute;
top: -37px;
background: #69B345;
right: -1px;
padding: 1px 9px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
}
.price_inner.type_two .lower_content .get_start {
position: relative;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
.price_inner.type_two.active .lower_content .get_start {
height: auto;
line-height: inherit;
}
.price_inner.type_two.active .lower_content .get_start {
height: 90px;
line-height: 90px;
}
.price_inner.type_two .lower_content .theme_btn {
border-radius: 30px;
width: 100%;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 56px;
height: 56px;
font-weight: 500;
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
left: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.price_inner.type_two.active .lower_content .theme_btn {
transform: translateY(0px);
}
.price_inner.type_two:hover .lower_content .theme_btn {
transform: translateY(0px);
}
.price_inner.type_two.active .lower_content .theme_btn {
transform: translateY(0px);
}
@media(max-width:3000px) and (min-width:992px) {
.price_inner.type_two:hover .lower_content .get_start {
height: 90px;
line-height: 90px;
}
.price_inner.type_two .lower_content .theme_btn {
transform: translateY(150px);
}
.price_inner.type_two.active {
transform: translate(0px, -46px)
}
.price_inner.type_two:hover {
transform: translate(0px, -46px)
}
.price_inner.type_two {
margin-top: 80px;
margin-bottom: 0px;
}
.price_inner.type_two .lower_content .get_start {
height: 0px;
}
}
/*-----------------==========Testimonial Section=======--------------*/
.testimonial_all.tp_five {
position: relative;
padding: 100px 0px 40px;
}
.testimonial_outer.type_five {
position: relative;
margin-bottom: 30px;
text-align: center;
}
.testimonial_outer.type_five ul {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
display: inline-block;
padding: 0px 20px;
margin-bottom: 10px;
}
.testimonial_outer.type_five ul li span {
font-size: 18px;
line-height: 40px;
color: #69B345;
}
.testimonial_outer.type_five .content_inner {
position: relative;
padding: 20px;
}
.testimonial_outer.type_five .content_inner p {
margin-bottom: 10px;
}
.testimonial_outer.type_five .content_inner h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
color: #252525;
}
.testimonial_outer.type_five .authour_name p {
color: #69B345;
}
/*---------------------------------------------------------------------------
===============================Two Column Manasory Page==============================
-----------------------------------------------------------------------------*/
.two_column_grid {
position: relative;
padding: 100px 0px 70px;
}
.two_column_grid .project_grid_outer {
margin-bottom: 30px;
position: relative;
}
.two_column_grid .project_grid_outer .image {
position: relative;
}
.two_column_grid .project_grid_outer .image::before {
position: absolute;
content: '';
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.two_column_grid .project_grid_outer:hover .image::before {
height: 100%;
bottom: 0;
}
.two_column_grid .project_grid_outer .content_inner {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 99;
padding: 20px;
}
.two_column_grid .project_grid_outer .content_inner .overlay_content {
position: relative;
display: inline-block;
}
.two_column_grid .project_grid_outer .content_inner h2 {
background: #fff;
position: relative;
z-index: 11;
display: inline-block;
padding: 15px 15px;
}
.two_column_grid .project_grid_outer .content_inner h2 a {
font-size: 22px;
line-height: 30px;
color: #252525;
font-weight: 700;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.two_column_grid .project_grid_outer .content_inner h2:hover a {
color: #69B345;
}
.two_column_grid .project_grid_outer .content_inner .gallery_image {
position: absolute;
width: 60px;
height: 100%;
background: #69B345;
top: 0;
right: -5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.two_column_grid .project_grid_outer .content_inner .gallery_image span {
color: #fff;
font-size: 30px;
line-height: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
}
.two_column_grid .project_grid_outer:hover .content_inner .gallery_image {
right: -60px;
}
/*---------------------------------------------------------------------------
===============================Three Column Manasory Page==============================
-----------------------------------------------------------------------------*/
.three_column_grid {
position: relative;
padding: 100px 0px 70px;
}
.three_column_grid .grid-item {
position: relative;
margin: 0px 0px 30px 0px;
}
.three_column_grid .gridthree {
margin: 0px 5px;
}
.three_column_grid .grid-item .image .overlay {
position: absolute;
top: 0;
left: 0;
background-color: rgba(32, 158, 46, .9);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: .5s ease;
}
.three_column_grid .project_grid_outer:hover .image .overlay {
opacity: 1;
}
.three_column_grid .grid-item .image .overlay h2 {
color: #fff;
font-size: 30px;
line-height: 30px;
position: absolute;
top: 48%;
left: 0%;
-webkit-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
width: 100%;
text-align: center;
}
/*---------------------------------------------------------------------------
=================================Three Column Grid Page============================
-----------------------------------------------------------------------------*/
.projects.grid_three {
position: relative;
padding: 100px 0px 70px;
}
.projects.grid_three .container {
padding: 0;
}
.projects.grid_three .padding_num {
padding: 0px 15px;
margin-bottom: 20px;
}
.projects.grid_three .fliter_group {
text-align: center;
margin-bottom: 30px;
}
.projects.grid_three .fliter_group ul {
display: inline-block;
text-align: center;
border: 1px dashed #d2d2d2;
border-radius: 3px;
padding: 0px 60px;
}
.projects.grid_three .fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
cursor: pointer;
}
.projects.grid_three .fliter_group ul li::before {
position: absolute;
content: '';
right: 0;
top: 15px;
border: .5px dashed #d2d2d2;
width: 1px;
height: 25px;
}
@media(max-width:600px) {
.projects.grid_three .fliter_group ul li::before {
display: none;
}
.projects.grid_three .fliter_group ul li {
display: block;
}
}
.projects.grid_three .fliter_group ul li.active,
.projects.grid_three .fliter_group ul li:hover {
color: #69B345;
}
.project_inner.type_one.style_one .content_inner {
background: #fff;
}
.project_inner.type_one.style_one .content_inner h2 a {
color: #252525;
}
.project_inner.type_one.style_one .content_inner p {
color: #808080;
}
/*---------------------------------------------------------------------------
===============================Two Column Grid Page==============================
-----------------------------------------------------------------------------*/
.project_all.tp_four {
position: relative;
padding: 100px 0px 70px;
}
.project_all.tp_four .container {
padding: 0;
}
.project_all.tp_four .padding_num {
padding: 0px 15px;
margin-bottom: 20px;
}
.project_all.tp_four .fliter_group {
text-align: center;
margin-bottom: 30px;
}
.project_all.tp_four .fliter_group ul {
display: inline-block;
text-align: center;
border: 1px dashed #d2d2d2;
border-radius: 3px;
padding: 0px 60px;
}
.project_all.tp_four .fliter_group ul li {
display: inline-block;
padding: 15px 15px;
position: relative;
font-weight: 600;
font-size: 16px;
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
cursor: pointer;
}
.project_all.tp_four .fliter_group ul li::before {
position: absolute;
content: '';
right: 0;
top: 15px;
border: .5px dashed #d2d2d2;
width: 1px;
height: 25px;
}
@media(max-width:600px) {
.project_all.tp_four .fliter_group ul li::before {
display: none;
}
.project_all.tp_four .fliter_group ul li {
display: block;
}
}
.project_all.tp_four .fliter_group ul li.active,
.project_all.tp_four .fliter_group ul li:hover {
color: #69B345;
}
.project_inner.type_four {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.project_inner.type_four .image {
display: block;
position: relative;
}
.project_inner.type_four .image img {
width: 100%;
}
.project_inner.type_four .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .9);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.project_inner.type_four:hover .overlay {
bottom: 0;
height: 100%;
}
.project_inner.type_four .image .overlay::before {
position: absolute;
content: '';
background: #69B345;
width: 60px;
height: 0%;
right: 0;
top: 100%;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.project_inner.type_four:hover .image .overlay::before {
height: 100%;
top: 0;
}
.project_inner.type_four .image span.icon {
color: #fff;
font-size: 30px;
line-height: 30px;
position: absolute;
top: 43%;
left: 42%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.project_inner.type_four .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -21px;
}
.project_inner.type_four .content_inner h2 {
position: absolute;
width: 100%;
left: -150px;
bottom: 0;
background: #69B345;
padding: 16px 65px 16px 25px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
opacity: 0;
transition: all .6s ease-in-out;
}
.project_inner.type_four .content_inner h2 a {
color: #fff;
font-size: 24px;
display: block;
}
.project_inner.type_four .content_inner h2 span {
font-size: 13px;
float: right;
color: #fff;
line-height: 28px;
}
.project_inner.type_four .content_inner .meta_value {
position: absolute;
transform: rotate(90deg) scaleX(-1);
transform-origin: top right;
top: 78px;
right: 16px;
}
.project_inner.type_four .content_inner p {
color: #fff;
text-align: center;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.project_inner.type_four:hover .content_inner p {
opacity: 1;
transform: scaleX(-1);
}
.project_inner.type_four .content_inner p::before {
position: absolute;
content: '';
width: 58px;
height: .5px;
background: #fff;
margin-left: -65px;
top: 13px;
}
.project_inner.type_four:hover .content_inner h2 {
left: 0;
opacity: 1;
}
/*------------------------------------------------------------------------------------------------------
===========================================Product Details Page==============================================
-------------------------------------------------------------------------------------------------------*/
.project_details {
position: relative;
padding: 100px 0px 100px;
}
.project_details .sub_title {
font-size: 36px;
line-height: 42px;
color: #252525;
margin-bottom: 20px;
font-weight: 700;
}
.project_details .project_description,
.project_details .project_scope {
position: relative;
margin-bottom: 50px;
}
.project_details .project_scope ul {
position: relative;
margin-top: 20px;
}
.project_details .project_scope ul li {
font-size: 16px;
line-height: 30px;
color: #808080;
padding-left: 30px;
}
.project_details .project_scope ul li::before {
content: "\e93b";
position: absolute;
font-size: 20px;
color: #69B345;
font-family: 'icomoon';
left: 0;
}
.project_details .project_details_image {
position: relative;
}
.project_details .project_details_image .image {
position: relative;
margin-bottom: 10px;
}
.project_details .project_details_image .padding_lg {
padding-left: 5px;
}
.project_details .project_details_image .padding_rg {
padding-right: 5px;
}
.project_details .project_details_image_caro {
display: none;
margin-bottom: 50px;
}
.project_details .project_details_image {
display: block;
}
.project_details .project_details_image_caro .owl-carousel .owl-nav,
.project_details .project_details_image_caro .owl-carousel .owl-dot {
display: none!important;
}
@media(max-width:992px) {
.project_details .project_details_image {
display: none;
}
.project_details .project_details_image_caro {
display: block!important;
}
}
.project_details .project_details_image_caro img {
width: 100%!important;
}
.project_information {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
margin-bottom: 60px;
}
.project_information h2 {
padding: 14px 30px;
color: #fff;
background: #69B345;
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.project_information .information_inner {
padding: 15px 30px 15px;
position: relative;
}
.project_information .information_inner .content {
position: relative;
padding: 15px 0px;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
}
.project_information .information_inner .content:last-child {
border-bottom: 0px;
}
.project_information .information_inner .content span {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
border: 2px dotted #c0c0c0;
text-align: center;
font-size: 20px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #aeaeae;
}
.project_information .information_inner .content:hover span {
color: #69B345;
border-color: #69B345;
}
.project_information .information_inner .content .text_box {
margin-left: 80px;
}
.project_information .information_inner .content .text_box h3 {
font-size: 18px;
color: #252525;
font-weight: 700;
line-height: 26px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.project_information .information_inner .content:hover .text_box h3 {
color: #69B345;
}
.project_details .estimations {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.project_details .estimations h2 {
padding: 14px 30px;
color: #fff;
background: #69B345;
font-weight: 700;
font-size: 24px;
line-height: 32px;
}
.project_details .estimations .form_inner {
position: relative;
padding: 25px 30px;
}
.project_details .estimations .form_inner label {
display: block;
font-size: 16px;
color: #808080;
line-height: 26px;
}
.project_details .estimations .form_inner .theme_btn {
border: 0px;
box-shadow: none;
width: 100%;
border-radius: 50px;
margin-top: 10px;
}
.project_details input[type="text"],
.project_details input[type="email"],
.project_details textarea,
.project_details .ui-selectmenu-button {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.project_details textarea {
height: inherit;
}
.project_details .ui-selectmenu-button {
line-height: 21px;
color: #808080;
font-size: 14px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.ui-selectmenu-button .ui-icon::before {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
right: 0px;
color: #888888;
font-size: 16px;
top: 0px;
}
.ui-selectmenu-button .ui-icon {
text-indent: inherit;
}
.ui-menu-item .ui-menu-item-wrapper {
padding: 10px 20px!important;
background: #fff!important;
color: #808080;
font-family: 'Poppins', sans-serif;
font-size: 14px;
border-bottom: 1px solid #e6e6e6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background: #69B345!important;
color: #fff;
}
/*----------------------------------------------------------------------------------------------
============================================Service 01=================================
----------------------------------------------------------------------------------------------*/
.inner_pg_serice_one {
position: relative;
padding: 100px 0px 70px;
}
.inner_pg_serice_one .owl-nav {
display: none!important;
}
.inner_pg_serice_one .inner_heading {
text-align: center;
position: relative;
margin-bottom: 40px;
}
.inner_pg_serice_one .inner_heading h1 {
font-size: 40px;
line-height: 46px;
color: #252525;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width:3000px) and (min-width:1200px) {
.inner_pg_serice_one .inner_heading p {
padding: 0px 280px;
}
}
.inner_pg_serice_two {
position: relative;
padding: 0px 0px 70px;
}
.inner_pg_serice_two .owl-nav,
.inner_pg_serice_two .owl-dots {
display: none!important;
}
.inner_pg_serice_two .inner_heading {
text-align: center;
position: relative;
margin-bottom: 40px;
}
.inner_pg_serice_two .inner_heading h1 {
font-size: 40px;
line-height: 46px;
color: #252525;
font-weight: 700;
margin-bottom: 10px;
}
@media (max-width:3000px) and (min-width:1200px) {
.inner_pg_serice_two .inner_heading p {
padding: 0px 280px;
}
}
.service_inner.type_five {
position: relative;
margin: 0px 8px 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
background: #fff;
overflow: hidden;
}
.service_inner.type_five .image {
display: block;
position: relative;
}
.service_inner.type_five .image img {
width: 100%!important;
}
.service_inner.type_five .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 100%;
transition: .5s ease;
opacity: 0;
}
.service_inner.type_five:hover .image .overlay {
opacity: 1;
}
.service_inner.type_five span {
position: absolute;
font-size: 30px;
color: #fff;
width: 60px;
height: 60px;
line-height: 74px;
text-align: center;
background: #69B345;
z-index: 0;
top: 0px;
left: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_five span::after {
position: absolute;
content: '';
width: 65px;
height: 27px;
background: #69B345;
bottom: -17px;
left: -4px;
border-bottom-right-radius: 13px;
border-bottom-left-radius: 5px;
transform: rotate(-17deg);
z-index: -1;
}
.service_inner.type_five .content_inner {
padding: 30px 30px 15px;
text-align: center;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_five:hover .content_inner {
background: #fff;
transform: translateY(-40px);
}
.service_inner.type_five .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 7px;
}
.service_inner.type_five .content_inner h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_five .content_inner p {
padding-bottom: 15px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
border-bottom: 1px dashed transparent;
}
.service_inner.type_five:hover .content_inner p {
border-bottom: 1px dashed #e6e6e6;
}
.service_inner.type_five .content_inner a.r_more {
display: block;
padding-top: 15px;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
line-height: 22px;
color: #252525;
transform: translateY(83px);
position: absolute;
width: 100%;
z-index: 10;
left: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_five:hover .content_inner a.r_more {
transform: translateY(0px);
}
/*----------------------------------------------------------------------------------------------
============================================Service 02=================================
----------------------------------------------------------------------------------------------*/
.service_all.tp_six {
position: relative;
padding: 100px 0px 70px;
background: url(../img/service/service-02-bg-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.service_all.tp_six .heading_content {
position: relative;
margin-bottom: 40px;
}
.service_all.tp_six .heading_content h1 {
font-size: 40px;
font-weight: 700;
color: #252525;
line-height: 50px;
}
.service_all.tp_six .heading_content p {
margin-bottom: 20px;
}
.service_all.tp_six .heading_content a {
font-size: 14px;
font-weight: 700;
color: #252525;
text-transform: uppercase;
}
.service_all.tp_six .heading_content a span {
font-size: 13px;
margin-right: 10px;
color: #69B345;
}
.service_inner.type_six {
position: relative;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 0;
background: transparent;
cursor: pointer;
padding: 25px 10px 25px 0px;
}
.service_inner.type_six::before {
position: absolute;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: -1;
background: #fff;
content: '';
cursor: pointer;
width: 106%;
height: 100%;
left: -20px;
top: 0px;
opacity: 0;
}
.service_inner.type_six:hover::before {
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .05);
opacity: 1;
}
.service_inner.type_six .icon {
font-size: 60px;
line-height: 60px;
color: #69B345;
margin-bottom: 13px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: block;
}
.service_inner.type_six:hover {
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .05);
background: #fff;
opacity: 1;
}
.service_inner.type_six h2 a {
font-size: 22px;
font-weight: 700;
color: #252525;
display: block;
margin-bottom: 10px;
line-height: 28px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_inner.type_six:hover h2 a {
color: #69B345;
}
.contact_type_three.style_one {
background: url(../img/resource/home-4-contact-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact_type_three.style_two {
background: url(../img/service/service-02-contact-bg-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact_type_three.style_one input[type="text"],
.contact_type_three.style_one .ui-selectmenu-button,
.contact_type_three.style_one textarea {
position: relative;
width: 100%!important;
height: 60px;
background: #fff;
border: 1px solid transparent!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #aaaaaa;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .01);
font-weight: 600;
}
@media(max-width:992px) {
.contact_type_three.style_one input[type="text"],
.contact_type_three.style_one .ui-selectmenu-button,
.contact_type_three.style_one textarea {
background: transparent;
border: 1px solid #383838!important;
color: #fff;
}
}
@media(max-width:3000px) and (min-width:992px) {
.contact_type_three.style_one .ui-state-hover,
.contact_type_three.style_one .ui-widget-content .ui-state-hover,
.contact_type_three.style_one .ui-widget-header .ui-state-hover,
.contact_type_three.style_one .ui-state-focus,
.contact_type_three.style_one.ui-widget-content .ui-state-focus,
.contact_type_three.style_one .ui-widget-header .ui-state-focus,
.contact_type_three.style_one .ui-button:hover,
.contact_type_three.style_one .ui-button:focus {
background: #fff!important;
}
.contact_type_three.style_one input::placeholder {
color: #aaaaaa;
}
.contact_type_three.style_one textarea::placeholder {
color: #aaaaaa;
}
.contact_type_three.style_one .form_appointment .ui-selectmenu-text {
color: #aaaaaa!important;
}
.contact_type_three.style_one .form_appointment [type="checkbox"]:checked+label:before,
.contact_type_three.style_one .form_appointment [type="checkbox"]:not(:checked)+label:before {
border: 1px solid #d4d4d4;
}
.contact_type_three.style_one .form_appointment [type="checkbox"]:checked+label,
.contact_type_three.style_one .form_appointment [type="checkbox"]:not(:checked)+label {
color: #808080;
}
}
.contact_type_three .project_consultation {
position: relative;
padding: 120px 0px 40px;
}
.contact_type_three .project_consultation h2 {
font-size: 40px;
line-height: 48px;
font-weight: 700;
color: #fff;
margin-bottom: 20px;
}
.contact_type_three .pro_box {
position: relative;
padding: 40px;
background: #69B345;
border: 1px dashed #12761d;
margin-bottom: 40px;
}
.contact_type_three .pro_box h3 {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 30px;
margin-bottom: 10px;
}
.contact_type_three .pro_box h6 {
font-size: 48px;
line-height: 54px;
color: #fff;
font-weight: 700;
margin-bottom: 0px;
}
.contact_type_three .pro_box p {
font-size: 16px;
color: #fff;
}
.contact_type_three .pro_box a {
width: 100%;
height: 50px;
line-height: 50px;
font-weight: 500;
border-radius: 50px;
background: #1c8828;
margin-top: 30px;
}
.contact_type_three .form_appointment {
padding: 100px 0px 70px 100px;
}
@media(max-width:992px) {
.contact_type_three .form_appointment {
padding: 0px 0px 70px 0px;
}
.contact_type_three.style_one {
background-position: 1% 0px;
}
.contact_type_three.style_two {
background-position: 61% 0px;
}
}
.contact_type_three.style_one .project_consultation {
padding: 100px 0px 40px;
}
.contact_type_three.style_one .heading h2 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
line-height: 26px;
color: #69B345;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
.contact_type_three.style_one .pro_box {
background: #000;
}
.contact_type_three.style_one .pro_box h3 {
color: #69B345;
}
.contact_type_three.style_one .heading {
margin-bottom: 0px;
}
.contact_type_three.style_one .heading h1 {
color: #fff;
}
.contact_type_three.style_one .heading .broder_style_left::before {
background: #69B345;
}
.contact_type_three.style_one .heading .broder_style_left::after {
background: #69B345;
}
/*------------------------------------------------------------------------
========================Testimonial Page============================
------------------------------------------------------------------------*/
.testimonial_all.tp_four {
position: relative;
padding: 80px 0px 70px;
background: #fff;
}
.testimonial_all.tp_four.style_two {
position: relative;
padding: 100px 0px 70px;
background: #f6f2f1;
}
.testimonial_all.tp_four .owl-carousel .owl-nav.disabled {
display: block;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev,
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next {
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
color: #a8a8a8;
border-radius: 50px;
border: 1px solid #a8a8a8;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
position: relative;
}
@media(max-width:1200px) {
.testimonial_all.tp_four .owl-carousel .owl-nav {
position: relative;
text-align: center;
}
}
@media(max-width:3000px) and (min-width:1200px) {
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev,
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next {
position: absolute;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev {
top: 45%;
left: 0;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next {
top: 45%;
right: 0;
}
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next .icon-next {
transform: rotate(360deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev .prev {
transform: rotate(180deg);
display: block;
line-height: 60px;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next {
margin-left: 10px;
}
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-prev:hover,
.testimonial_all.tp_four .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
border: 1px solid #69B345;
}
.testimonial_all.tp_four .heading_inner {
position: relative;
margin-bottom: 20px;
text-align: center;
}
.testimonial_all.tp_four .heading_inner h1 {
font-size: 40px;
line-height: 48px;
color: #252525;
font-weight: 700;
}
.testimonial_inner.type_four {
position: relative;
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
margin: 20px 20px 60px;
text-align: center;
padding: 40px 60px;
}
@media(max-width:450px) {
.testimonial_inner.type_four {
padding: 30px;
}
}
@media(max-width:3000px) and (min-width:992px) {
.testimonial_inner.type_four::before {
position: absolute;
content: url(../img/leaves.png);
top: -31px;
left: 0;
}
}
.testimonial_all.tp_four.style_two .testimonial_inner.type_four::after {
position: absolute;
content: '';
height: 0px;
border-right: 33px solid transparent;
border-top: 33px solid #fff;
border-left: 33px solid #fff;
border-bottom: 33px solid transparent;
bottom: -51px;
left: 0px;
}
@media(max-width:3000px) and (min-width:1200px) {
.testimonial_type_five .single_items {
padding: 0px 60px;
}
.testimonial_inner.type_four {
margin: 60px 80px 30px;
padding: 60px 105px;
}
.testimonial_all.tp_four.style_two .testimonial_inner.type_four {
margin: 60px 80px 80px;
padding: 60px 105px;
}
}
.testimonial_inner.type_four ul {
position: relative;
margin-bottom: 20px;
}
.testimonial_inner.type_four ul li span {
font-size: 18px;
color: #69B345;
}
.testimonial_inner.type_four h6 {
font-size: 20px;
color: #808080;
font-weight: 600;
line-height: 26px;
margin-bottom: 20px;
}
.testimonial_inner.type_four h2 {
font-size: 22px;
color: #252525;
font-weight: 700;
line-height: 28px;
}
.testimonial_inner.type_four h2 span {
font-size: 16px;
color: #69B345;
}
.testimonial_inner.type_four span.icon {
position: absolute;
font-size: 60px;
line-height: 60px;
opacity: .05;
top: 93px;
left: 69px;
}
.view_all_testimonial {
position: relative;
text-align: right;
}
@media(max-width:3000px) and (min-width:1200px) {
.view_all_testimonial {
padding: 0px 80px;
}
}
.view_all_testimonial a {
position: relative;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: 700;
color: #69B345;
}
.view_all_testimonial a span {
display: inline-block;
vertical-align: middle;
line-height: normal;
margin-right: 8px;
}
.view_all_testimonial a::before {
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 144px;
height: 1px;
background: #69B345;
}
/*------------------------------------------------------------------------
========================Service Single Page============================
------------------------------------------------------------------------*/
.service_details {
position: relative;
padding: 100px 0px 70px;
}
.service_siderbar {
position: relative;
padding-right: 30px;
margin-bottom: 40px;
}
@media(max-width:992px) {
.service_siderbar {
padding: 0px;
}
}
.service_details .service_single_links {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .08);
padding: 20px 40px;
margin-bottom: 40px;
}
.service_details .service_single_links ul li {
padding: 13px 0px;
border-bottom: 1px solid #e6e6e6;
position: relative;
overflow: hidden;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.service_details .service_single_links ul li:last-child {
border-bottom: 0px;
}
.service_details .service_single_links ul li a {
font-size: 16px;
color: #808080;
font-weight: 500;
line-height: 30px;
}
.service_details .service_single_links ul li:before {
content: "\e901";
font-family: 'icomoon';
position: absolute;
width: 60px;
height: 100%;
background: #69B345;
top: 0;
left: 0;
line-height: 54px;
text-align: center;
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
transform: translateX(-161px);
}
.service_details .service_single_links ul li:hover {
padding-left: 80px;
}
.service_details .service_single_links ul li:hover:before {
transform: translateX(0px);
}
.service_details .offer_box {
position: relative;
margin-bottom: 40px;
}
.service_details .offer_box span.icon {
color: #fff;
font-size: 54px;
line-height: 110px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
width: 110px;
height: 110px;
border-radius: 50%;
background: #69B345;
}
.service_details .offer_box span.icon::after {
color: #fff;
position: absolute;
content: '';
top: 5px;
left: 5px;
z-index: 15;
width: 100px;
height: 100px;
border-radius: 50%;
background: transparent;
border: 2px dotted #fff;
}
.service_details .offer_box img {
width: 100%!important;
}
.service_details .content_outer {
position: relative;
padding: 10px;
background: #1c1c1c;
}
.service_details .content_inner {
position: relative;
border: 1px dashed rgba(255, 255, 255, .5);
text-align: center;
padding: 40px 30px;
}
.service_details .content_inner h2 {
font-size: 24px;
color: #69B345;
font-weight: 700;
line-height: 28px;
margin-bottom: 15px;
}
.service_details .content_inner h6 {
font-size: 40px;
line-height: 48px;
font-weight: 700;
color: #eaf721;
margin-bottom: 5px;
text-transform: uppercase;
}
.service_details .content_inner p {
color: #fff;
margin-bottom: 20px;
}
.service_details .content_inner a.theme_btn {
border-radius: 50px;
}
.service_details .pdf_download {
position: relative;
margin-bottom: 30px;
background: url(../img/pdf-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 40px;
text-align: center;
}
.service_details .pdf_download img {
margin-bottom: 30px;
}
.service_details .pdf_download h2 {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.service_details .pdf_download a.theme_btn {
border-radius: 50px;
color: #252525;
background: #fff;
}
.service_details .service_details_image_caro {
display: none;
margin-bottom: 50px;
}
.service_details .service_details_image {
display: block;
}
.service_details .service_details_image_caro .owl-carousel .owl-nav,
.service_details .service_details_image_caro .owl-carousel .owl-dot {
display: none!important;
}
@media(max-width:992px) {
.service_details .service_details_image {
display: none;
}
.service_details .service_details_image_caro {
display: block!important;
}
}
.service_details .service_details_image_caro img {
width: 100%!important;
}
.service_details .service_details_image .padding_lg {
padding-left: 5px;
}
.service_details .service_details_image .image {
margin-bottom: 10px;
}
.service_details .service_details_image .padding_rg {
padding-right: 5px;
}
.left_service_details h2.sub_title {
font-size: 40px;
line-height: 48px;
font-weight: 700;
color: #252525;
margin-bottom: 20px;
}
.left_service_details .service_description {
position: relative;
margin-bottom: 40px;
}
.left_service_details .service_description p {
margin-bottom: 20px;
}
.left_service_details .service_description p span {
color: #69B345;
font-weight: 700;
}
.service_details_image {
position: relative;
margin-bottom: 60px;
}
.services_include {
position: relative;
margin-bottom: 30px;
}
.services_include h2 {
font-size: 30px;
font-weight: 700;
color: #252525;
line-height: 36px;
margin-bottom: 10px;
}
.services_include p {
margin-bottom: 20px;
}
.services_include ul li {
font-size: 16px;
position: relative;
font-weight: 400;
color: #808080;
line-height: 38px;
padding-left: 30px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.services_include ul li::before {
position: absolute;
content: "\e922";
font-family: 'icomoon';
font-size: 20px;
color: #69B345;
left: 0;
}
.services_include ul li:hover {
color: #69B345;
}
.emergency_inner_ser {
position: relative;
/*background: url(../img/hotline.jpg);*/
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 20px 40px 40px;
text-align: center;
margin-bottom: 30px;
}
.emergency_inner_ser span {
font-size: 50px;
line-height: 50px;
color: #252525;
position: relative;
z-index: 0;
display: block;
margin-bottom: 45px;
}
.emergency_inner_ser span::after {
position: absolute;
content: '';
width: 80px;
height: 100px;
top: -20px;
margin-left: -66px;
background: #eaf721;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
z-index: -1;
}
.emergency_inner_ser h2 {
font-size: 30px;
font-weight: 700;
color: #fff;
line-height: 36px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.emergency_inner_ser p {
font-size: 30px;
font-weight: 700;
color: #fff;
line-height: 36px;
padding-top: 10px;
}
.different_services {
position: relative;
margin-bottom: 40px;
padding-top: 30px;
}
.different_services .nav-tabs .nav-item {
position: relative;
}
.different_services .nav-tabs .nav-item .nav-link {
position: relative;
padding: 0px;
}
.different_services .nav-tabs .nav-item .nav-link span {
font-size: 40px;
line-height: 50px;
display: block;
color: #69B345;
float: left;
}
.different_services .nav-tabs .nav-item .nav-link h2 {
font-size: 20px;
color: #252525;
font-weight: 700;
text-align: left;
line-height: 26px;
margin-left: 60px;
}
.service_tb {
height: 90px;
width: 245px;
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
padding: 19px 20px 20px 20px;
z-index: 0;
border: 2px solid #fff;
}
.service_tb::before {
content: "\f00c";
position: absolute;
top: -15px;
right: 30px;
font-size: 18px;
color: #fff;
width: 30px;
height: 30px;
border-radius: 50px;
line-height: 30px;
text-align: center;
font-family: 'FontAwesome';
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 10;
background: #69B345;
}
.different_services .nav-tabs .nav-item.show .nav-link .service_tb,
.different_services .nav-tabs .nav-link.active .service_tb {
border: 2px solid #69B345;
z-index: 0;
}
.different_services .nav-tabs .nav-item.show .nav-link .service_tb::before,
.different_services .nav-tabs .nav-link.active .service_tb::before {
opacity: 1;
}
.service_details .tab-content {
padding: 30px 5px;
}
.different_services .df_service_inner {
position: relative;
}
@media(max-width:992px) {
.different_services .df_service_inner {
margin-bottom: 30px;
}
}
.different_services .df_service_inner p {
margin-bottom: 20px;
}
.different_services .df_service_inner ul li {
position: relative;
font-size: 16px;
color: #808080;
font-weight: 400;
line-height: 36px;
padding-left: 30px;
}
.different_services .df_service_inner ul li::before {
position: absolute;
content: '';
width: 10px;
height: 10px;
border-radius: 50px;
background: #69B345;
left: 0;
top: 13px;
}
.different_services .image img {
width: 100%;
margin-top: 10px;
}
.service_details .app_type_two {
position: relative;
}
.service_details .app_type_two h2 {
font-size: 30px;
font-weight: 700;
line-height: 36px;
margin-bottom: 20px;
}
.app_type_two input[type="text"],
.app_type_two .ui-selectmenu-button,
.app_type_two textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #252525;
font-weight: 400;
}
.app_type_two input::placeholder {
color: #808080;
}
.app_type_two .form-group.date_clan::before {
position: absolute;
content: "\e91d";
top: 16px;
right: 20px;
font-size: 16px;
color: #808080;
font-family: 'icomoon';
}
.service_details .form_appointment.app_type_two [type="checkbox"]:checked+label:before,
.service_details .form_appointment.app_type_two [type="checkbox"]:not(:checked)+label:before {
border-color: #e6e6e6
}
/*------------------------------------------------------------------------------------------
==========================================Blog Single Page=======================================
------------------------------------------------------------------------------------------*/
.blog_single_details {
position: relative;
padding: 100px 0px 70px;
}
.left_blog_details .blog_single_inner {
position: relative;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .08);
margin-bottom: 40px;
}
.left_blog_details .blog_single_inner .content_inner {
position: relative;
padding: 30px;
}
.left_blog_details .blog_single_inner .content_inner p {
/*margin-bottom: 30px;*/
}
.left_blog_details .blog_single_inner .content_inner img {
/*margin-bottom: 30px;*/
}
.left_blog_details .blog_single_inner .content_inner .tag {
padding-bottom: 30px;
}
.left_blog_details .blog_single_inner .tag a {
border: 1px dashed #69B345;
padding: 6px 15px;
color: #69B345;
}
.left_blog_details .blog_single_inner .tag a span {
color: #69B345;
margin-right: 10px;
line-height: 26px;
}
.left_blog_details .blog_single_inner .content_inner h2 {
margin-bottom: 20px;
}
.left_blog_details .blog_single_inner .content_inner h2 a {
font-size: 30px;
font-weight: 700;
line-height: 36px;
display: block;
color: #252525;
}
.left_blog_details .blog_single_inner .content_inner small {
font-size: 22px;
line-height: 30px;
padding: 4px 20px;
background: #69B345;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
display: block;
}
.left_blog_details .blog_single_inner ul {
position: relative;
margin-bottom: 20px;
}
.left_blog_details .blog_single_inner .content_inner ul li {
display: inline-block;
margin-right: 8px;
font-size: 13px;
text-transform: uppercase;
color: #808080;
position: relative;
margin-right: 20px;
}
.left_blog_details .blog_single_inner .content_inner ul li:last-child {
margin: 0px;
}
.left_blog_details .blog_single_inner .content_inner ul li span {
color: #69B345;
margin-right: 5px;
}
.left_blog_details .blog_single_inner ul li::before {
position: absolute;
height: 15px;
border: .5px dashed #bcbcbc;
content: '';
right: -13px;
top: 4px;
}
.left_blog_details .blog_single_inner ul li:last-child::before {
display: none;
}
.left_blog_details .media_extra {
padding: 30px;
border-top: 1px solid #e6e6e6;
}
.left_blog_details .media_extra ul li {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #252525;
}
.left_blog_details .media_extra ul li a {
color: #808080;
font-weight: 400;
}
.left_blog_details .media_extra ul.media_icon {
float: right;
}
.left_blog_details .blog_single_inner .media_extra ul {
position: relative;
margin: 0px;
}
.left_blog_details .blog_single_inner .media_extra ul.tags_in {
padding-top: 8px;
}
.left_blog_details .blog_single_inner .media_extra ul li::before {
display: none;
}
.left_blog_details .blog_single_inner .media_extra ul.media_icon li {
margin-right: 10px;
}
.left_blog_details .blog_single_inner .media_extra ul.media_icon li a {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
display: block;
border-radius: 50px;
border: 2px dotted #d2d2d2;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.left_blog_details .blog_single_inner .media_extra ul.media_icon li:last-child {
margin-right: 0px;
}
.left_blog_details .blog_single_inner .media_extra ul.media_icon li a:hover {
border: 2px dotted #69B345;
color: #69B345;
}
.next_prev_post {
position: relative;
margin-bottom: 40px;
}
.next_prev_post ul li {
width: 50%;
float: left;
}
.next_prev_post ul li .prev_post .image {
float: left;
width: 28%;
text-align: left;
margin-top: 5px;
}
.next_prev_post ul li .prev_post .text {
width: 72%;
float: right;
}
.next_prev_post ul li .prev_post .text p {
margin-bottom: 10px;
}
.next_prev_post ul li .prev_post .text p i {
margin-right: 10px;
}
.next_prev_post ul li .prev_post .text h2 {
font-size: 20px;
color: #252525;
font-weight: 700;
line-height: 26px;
}
.next_prev_post ul li .next_post .image {
float: right;
width: 28%;
text-align: right;
margin-top: 5px;
}
.next_prev_post ul li .next_post .text {
float: left;
width: 72%;
text-align: right;
}
.next_prev_post ul li .next_post .text p {
margin-bottom: 10px;
}
.next_prev_post ul li .next_post .text p i {
margin-left: 10px;
}
.next_prev_post ul li .next_post .text h2 {
font-size: 20px;
color: #252525;
font-weight: 700;
line-height: 26px;
}
.same_authour {
position: relative;
padding: 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
margin-bottom: 40px;
}
.same_authour .image {
float: left;
}
.same_authour .content {
margin-left: 120px;
position: relative;
}
@media(max-width:600px) {
.same_authour .image {
float: none;
margin-bottom: 30px;
}
.same_authour .content {
margin-left: 0px;
}
}
.same_authour .content h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
.same_authour .content p.work {
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: #69B345;
}
.same_authour .content p.desc {
padding: 20px 0px;
}
.same_authour .content ul li {
position: relative;
display: inline-block;
margin-right: 30px;
}
.same_authour .content ul li a.theme_btn {
border-radius: 50px;
}
.same_authour .content ul li a.share {
color: #808080;
}
.same_authour .content ul li a.share i {
font-size: 16px;
color: #808080;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
border: 1px solid #e6e6e6;
}
.commemts h2.title {
font-size: 30px;
font-weight: 700;
line-height: 36px;
margin-bottom: 30px;
}
.commemts .inner-coment {
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
.commemts .inner-coment:last-child {
border: 0px;
}
.commemts .inner-coment.two {
padding-left: 100px;
}
.commemts .inner-coment .image {
float: left;
}
.commemts .inner-coment .comment-text {
margin-left: 100px;
}
.commemts .inner-coment .comment-text h2.name {
font-size: 20px;
font-weight: 700px;
margin-bottom: 10px;
}
.commemts .inner-coment .comment-text h2.name span {
color: #808080;
font-size: 16px;
font-weight: 400;
}
.commemts .inner-coment .comment-text p {
margin-bottom: 20px;
}
.commemts .inner-coment .comment-text a {
color: #252525;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.comment_form {
position: relative;
background: #fff;
padding: 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .08);
margin-bottom: 35px;
}
.comment_form input[type="text"],
.comment_form textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.comment_form textarea {
height: inherit;
}
.comment_form .check_box {
margin-top: 30px!important;
}
.comment_form .mg_top {
margin-top: 20px;
}
.comment_form [type="checkbox"]:checked,
.comment_form [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.comment_form [type="checkbox"]:checked+label,
.comment_form [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 41px;
cursor: pointer;
line-height: 28px;
display: inline-block;
color: #666;
}
.comment_form [type="checkbox"]:checked+label:before,
.comment_form [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #e6e6e6;
background: transparent;
}
.comment_form [type="checkbox"]:checked+label:after,
.comment_form [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 15px;
height: 15px;
background: #69B345;
position: absolute;
top: 8px;
left: 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.comment_form [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.comment_form [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.comment_form .theme_btn {
border: 0px;
box-shadow: inherit;
border-radius: 50px;
}
.blog_siderbar {
position: relative;
margin-bottom: 30px;
margin-left: 30px;
}
.blog_siderbar .search_box {
position: relative;
margin-bottom: 30px;
}
@media(max-width:600px) {
.commemts .inner-coment.two {
padding-left: 0px;
}
}
@media(max-width:992px) {
.blog_siderbar {
margin-left: 0px;
}
}
.blog_siderbar .search_box input {
position: relative;
width: 100%!important;
height: 54px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px 30px;
line-height: 54px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
border-radius: 50px;
font-weight: 600;
}
.blog_siderbar .search_box .sch_btn {
width: 130px;
position: absolute;
top: 5px;
right: 5px;
height: 44px;
border-radius: 50px;
background: #69B345;
border: 0px;
color: #fff;
box-shadow: inherit;
}
.blog_siderbar .category_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.category_blog {
position: relative;
margin-bottom: 30px;
}
.blog_siderbar .inner_box {
position: relative;
padding: 30px 25px;
}
.cat_inner ul li {
padding: 10px 20px;
margin-bottom: 8px;
border: 1px solid #e6e6e6;
overflow: hidden;
position: relative;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.cat_inner ul li a {
color: #808080;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.cat_inner ul li:hover {
border: 1px solid #69B345;
}
.cat_inner ul li:hover a {
color: #69B345;
}
.cat_inner ul li span {
height: 100%;
width: 60px;
text-align: center;
color: #fff;
background: #69B345;
display: block;
top: 0;
position: absolute;
line-height: 47px;
right: -100px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.cat_inner ul li:hover span {
right: 0;
}
.blog_siderbar .popular_post_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.popular_post_blog {
position: relative;
margin-bottom: 30px;
}
.popular_post_blog .blog_in {
position: relative;
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.popular_post_blog .blog_in:last-child {
border: 0px;
margin-bottom: 10px;
}
.popular_post_blog .blog_in .image {
float: left;
margin-top: 4px;
}
.popular_post_blog .image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(32, 158, 46, .9);
overflow: hidden;
width: 100%;
height: 100%;
opacity: 0;
transition: .5s ease;
}
.popular_post_blog .blog_in:hover .image .overlay {
opacity: 1;
}
.popular_post_blog .image .overlay span {
color: #fff;
font-size: 30px;
line-height: 30px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.popular_post_blog .blog_in .content_inner {
margin-left: 90px;
position: relative;
}
.popular_post_blog .blog_in .content_inner h2 {
padding: 0;
border: 0px;
}
.popular_post_blog .blog_in .content_inner p {
position: relative;
font-size: 13px;
}
.popular_post_blog .blog_in .content_inner p span {
margin-right: 8px;
font-size: 13px;
}
.popular_post_blog .blog_in .content_inner h2 a {
font-size: 18px;
color: #252525;
font-weight: 700;
line-height: 24px;
display: block;
}
.blog_siderbar .archive_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.archive_blog {
position: relative;
margin-bottom: 30px;
}
.arch_inner ul li {
padding: 10px 20px;
margin-bottom: 8px;
border: 1px solid #e6e6e6;
overflow: hidden;
position: relative;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.arch_inner ul li a::before {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
right: 19px;
color: #888888;
font-size: 16px;
top: 10px;
}
.arch_inner ul li a {
color: #808080;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.blog_siderbar .instagram_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.instagram_blog {
position: relative;
margin-bottom: 30px;
}
.insta_inner ul li {
display: inline-block;
}
.blog_siderbar .tag_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.tag_blog {
position: relative;
margin-bottom: 30px;
}
.tag_inner a {
font-size: 16px;
color: #808080;
margin-bottom: 10px;
display: inline-block;
margin-right: 10px;
position: relative;
}
.tag_inner a:nth-child(3) {
font-size: 20px;
}
.tag_inner a:nth-child(5) {
font-size: 20px;
}
.tag_inner a:nth-child(9) {
font-size: 20px;
}
.tag_inner a:nth-child(11) {
font-size: 20px;
}
.tag_inner a:nth-child(12) {
font-size: 20px;
}
.tag_inner a:nth-child(14) {
font-size: 20px;
}
.blog_siderbar .subscribe_blog {
border: 1px solid #e6e6e6;
position: relative;
}
.subscribe_blog {
position: relative;
margin-bottom: 30px;
}
.sub_inner input[type="text"] {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.sub_inner input::placeholder {
color: #808080;
}
.sub_inner .theme_btn {
border-radius: 50px;
margin-top: 20px;
box-shadow: 0px;
width: 100%;
border: 0px;
}
.side_title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
padding: 10px 20px 10px 40px;
border-bottom: 1px solid #e6e6e6;
}
.side_title::before {
position: absolute;
content: '';
width: 4px;
height: 15px;
background: #808080;
left: 28px;
top: 16px;
}
.side_title::after {
position: absolute;
content: '';
width: 2px;
height: 15px;
background: #808080;
left: 23px;
top: 16px;
}
/*-----------------------------------------------------------------------------------------------
=======================================Blog Left Sidebar Page=======================
------------------------------------------------------------------------------------------------*/
.blog_left_sidebar {
padding: 100px 0px 100px;
position: relative;
}
.left_sidebar_details.news_type_one {
padding: 0px;
}
.blog_left_sidebar .blog_siderbar {
margin-left: 0px;
margin-right: 30px;
}
@media(max-width:992px) {
.blog_left_sidebar .blog_siderbar {
margin-right: 0px;
}
}
.blog_right_sidebar {
padding: 100px 0px 100px;
position: relative;
}
.right_sidebar_details.news_type_one {
padding: 0px;
}
.blog_right_sidebar .blog_siderbar {
margin-left: 30px;
}
@media(max-width:992px) {
.blog_right_sidebar .blog_siderbar {
margin-left: 0px;
}
}
.latest_news_inner.type_four .bottom_box li::before {
display: none!important;
}
.latest_news_inner.type_four .bottom_box li a.theme_btn {
border-radius: 50px;
}
.latest_news_inner.type_four .bottom_box li:last-child {
float: right;
}
.latest_news_inner.type_four .bottom_box a.share i {
font-size: 16px;
color: #808080;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
border: 1px solid #e6e6e6;
margin-left: 10px;
}
.latest_news_inner.type_four {
position: relative;
margin: 0px 0px 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
background: #fff;
}
.latest_news_inner.type_four .content_inner {
position: relative;
padding: 30px;
z-index: 11;
}
.latest_news_inner.type_four .tag {
position: relative;
}
.latest_news_inner.type_four .tag a {
border: 1px dashed #69B345;
padding: 6px 15px;
color: #69B345;
}
.latest_news_inner.type_four .tag a span {
color: #69B345;
margin-right: 10px;
line-height: 26px;
}
.latest_news_inner.type_four .content_inner h2 {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 18px;
}
.latest_news_inner.type_four .content_inner h2:hover a {
color: #69B345;
}
.latest_news_inner.type_four .content_inner h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.latest_news_inner.type_four .content_inner p {
margin: 25px 0px;
}
.latest_news_inner.type_four .content_inner a.r_more {
text-transform: uppercase;
font-size: 14px;
color: #252525;
font-weight: 600;
line-height: 24px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
margin-bottom: 20px;
padding-bottom: 17px;
border-bottom: 1px dashed #e2e2e2;
display: block;
}
.latest_news_inner.type_four .content_inner a.r_more span {
margin-right: 10px;
color: #808080;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.latest_news_inner.type_four .content_inner a.r_more:hover {
color: #69B345;
}
.latest_news_inner.type_four .content_inner a.r_more:hover span {
color: #69B345;
}
.latest_news_inner.type_four .image {
display: block;
position: relative;
}
.latest_news_inner.type_four .image img {
width: 100%;
}
.latest_news_inner.type_four .image .overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .8);
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.latest_news_inner.type_four:hover .overlay {
bottom: 0;
height: 100%;
}
.latest_news_inner.type_four .image span.icon {
color: #fff;
font-size: 30px;
line-height: 36px;
position: absolute;
top: 52%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.latest_news_inner.type_four .image span.icon::after {
width: 70px;
height: 70px;
position: absolute;
content: '';
border-radius: 50px;
border: 1px dashed #fff;
background: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
left: -19px;
top: -18px;
}
.latest_news_inner.type_four ul li {
display: inline-block;
margin-right: 8px;
font-size: 13px;
text-transform: uppercase;
color: #808080;
position: relative;
}
.latest_news_inner.type_four ul li:nth-child(2) {
margin-right: 20px;
}
.latest_news_inner.type_four ul li:nth-child(2)::before {
position: absolute;
height: 15px;
border: .5px dashed #bcbcbc;
content: '';
right: -13px;
top: 4px;
}
.latest_news_inner.type_four ul li span {
color: #69B345;
margin-right: 5px;
}
/*-------------------------------------------------------------------------------------
======================================pagination======================================
--------------------------------------------------------------------------------------*/
.pagination_box {
position: relative;
text-align: center;
}
@media(max-width:992px) {
.pagination_box {
margin-bottom: 60px;
}
}
.pagination_box ul {
position: relative;
display: block;
text-align: center;
}
.pagination_box ul li {
display: inline-block;
padding: 0px 10px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
border-radius: 50px;
}
.pagination_box .page-item .page-link {
padding: 0px;
}
.pagination_box ul li a {
width: 52px;
height: 52px;
border-radius: 50px;
border: 2px solid #e6e6e6;
line-height: 50px;
text-align: center;
font-size: 16px;
color: #808080;
font-weight: 600;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.pagination_box .page-link:focus {
z-index: 2;
outline: 0;
box-shadow: none;
}
.pagination_box ul li:hover a {
background: #fff;
border: 2px solid #69B345;
color: #69B345;
}
.pagination_box_type_two {
position: relative;
margin-top: 30px;
}
.pagination_box_type_two ul {
display: block;
border-top: 1px solid #e6e6e6;
}
.pagination_box_type_two .page-item:first-child {
float: left;
border-right: 1px solid #e6e6e6;
}
.pagination_box_type_two .page-item:last-child {
float: right;
border-left: 1px solid #e6e6e6;
}
.pagination_box_type_two .page-item {
padding: 30px 50px;
border: 0px;
}
.pagination_box_type_two .page-item a {
border: 0px;
padding: 0px;
font-size: 16px;
font-weight: 700;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
color: #252525;
text-transform: uppercase;
}
.pagination_box_type_two .page-link:focus {
z-index: 2;
outline: 0;
box-shadow: none;
}
.pagination_box_type_two .page-link:hover {
color: #69B345;
background: transparent;
}
/*-------------------------------------------------------------------------------------
======================================contact page======================================
--------------------------------------------------------------------------------------*/
.address_type_two.style_one {
position: relative;
padding: 100px 0px;
background: #f3f3f3;
}
.address_type_two.style_one .address_inner {
position: relative;
text-align: center;
cursor: pointer;
background: #fff;
padding: 63px 40px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .01);
}
.address_type_two.style_one .addres_box .address_inner.mid {
}
.address_type_two.style_one .address_inner span {
font-size: 70px;
color: #b8b8b8;
line-height: 76px;
margin-bottom: 15px;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_one .address_inner h2 {
font-size: 22px;
color: #252525;
line-height: 28px;
font-weight: 700;
margin-bottom: 10px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_one .addres_box .address_inner a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #252525;
margin-top: 20px;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_one .addres_box .address_inner:hover a {
color: #69B345;
}
.address_type_two.style_one .addres_box .address_inner:hover span {
color: #69B345;
}
.address_type_two.style_one .addres_box .address_inner:hover h2 {
color: #69B345;
}
.address_type_two.style_two {
position: relative;
padding: 100px 0px;
}
.address_type_two.style_two .addres_box {
position: relative;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .08);
padding: 40px;
background: url(../img/address-box-contact.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 358px;
}
.address_type_two.style_two .addres_box .address_inner {
position: relative;
text-align: center;
cursor: pointer;
}
.address_type_two.style_two .addres_box .address_inner.side {
padding: 0 0px 30px;
}
@media (max-width:3000px) and (min-width:1200px) {
.address_type_two.style_two .addres_box .address_inner.mid {
padding: 10px 20px 10px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
}
.address_type_two.style_two .addres_box .address_inner span {
font-size: 70px;
color: #b8b8b8;
line-height: 76px;
margin-bottom: 15px;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_two .addres_box .address_inner h2 {
font-size: 22px;
color: #252525;
line-height: 28px;
font-weight: 700;
margin-bottom: 10px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_two .addres_box .address_inner a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #252525;
margin-top: 30px;
display: block;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.address_type_two.style_two .addres_box .address_inner:hover a {
color: #69B345;
}
.address_type_two.style_two .addres_box .address_inner:hover span {
color: #69B345;
}
.address_type_two.style_two .addres_box .address_inner:hover h2 {
color: #69B345;
}
.form_contact {
position: relative;
padding-bottom: 100px;
background: url(../img/contact-form-inner-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.form_contact .form_contact_inner {
padding: 54px 54px 40px;
position: relative;
background: #69B345;
z-index: 0;
}
.form_contact .form-group.mg_top.check_box {
margin-top: 16px;
}
@media (max-width:3000px) and (min-width:1200px) {
.form_contact .form_contact_inner::before {
width: 107%;
position: absolute;
height: 100px;
top: -100px;
left: -40px;
background: #fff;
content: '';
z-index: -10;
}
}
.form_contact .form_contact_inner .image_bg {
position: absolute;
bottom: 0px;
right: 0;
z-index: -1;
}
.form_contact .ui-selectmenu-button .ui-icon::before {
color: #808080;
}
.form_contact input[type="text"],
.form_contact .ui-selectmenu-button,
.form_contact textarea {
position: relative;
width: 100%!important;
height: 60px;
background: #fff;
border: 1px solid #fff!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #252525;
font-weight: 600;
}
.form_contact input::placeholder,
.form_contact textarea::placeholder {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-weight: 600;
}
.form_contact .ui-state-hover,
.form_contact .ui-widget-content .ui-state-hover,
.form_contact .ui-widget-header .ui-state-hover,
.form_contact .ui-state-focus,
.form_contact .ui-widget-content .ui-state-focus,
.form_contact .ui-widget-header .ui-state-focus,
.form_contact .ui-button:hover,
.form_contact .ui-button:focus {
background: #fff!important;
font-weight: 600!important;
}
.form_contact .ui-selectmenu-button {
line-height: 23px!important;
}
.form_contact textarea {
height: 120px!important;
line-height: inherit!important;
}
.form_contact .ui-selectmenu-text {
color: #808080;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
}
.form_contact [type="checkbox"]:checked,
.form_contact [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.form_contact [type="checkbox"]:checked+label,
.form_contact [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 41px;
cursor: pointer;
line-height: 28px;
display: inline-block;
color: #fff;
}
.form_contact [type="checkbox"]:checked+label:before,
.form_contact [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #fff;
background: transparent;
}
.form_contact [type="checkbox"]:checked+label:after,
.form_contact [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 15px;
height: 15px;
background: #fff;
position: absolute;
top: 8px;
left: 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.form_contact [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.form_contact [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.form_contact .form-group.apbtn {
text-align: right;
}
.form_contact .theme_btn {
border: 0px;
box-shadow: 0px;
border-radius: 30px;
height: 60px;
width: 190px;
background: #fff;
color: #69B345;
}
/*--------------------------------------------------------------------------------------------------
====================================Home Page Four=========================================
--------------------------------------------------------------------------------------------------*/
.topbar.version_v4 {
position: relative;
background: #69B345;
}
.topbar.version_v4 .topbar-one ul li {
color: #fff;
position: relative;
line-height: 40px;
}
.topbar.version_v4 .topbar-one ul li i {
margin-right: 10px;
}
.topbar.version_v4 .topbar-one ul li:first-child {
margin-right: 35px;
}
.topbar.version_v4 .topbar-one ul li:first-child span {
font-weight: 600;
}
.topbar.version_v4 .topbar-one ul li:first-child::before {
position: absolute;
content: '';
width: 1px;
height: 25px;
background: rgba(255, 255, 255, .3);
top: 8px;
right: -20px;
}
.topbar.version_v4 ul.social_media li {
position: relative;
margin-right: 5px;
}
.topbar.version_v4 ul.social_media li.free_quote {
margin-right: 0px;
}
.topbar.version_v4 ul.social_media li a {
position: relative;
width: 40px;
display: block;
height: 40px;
text-align: center;
line-height: 38px;
border: 2px dotted #198c26;
background: #198c26;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
border-radius: 50px;
color: #fff;
}
.topbar.version_v4 ul.social_media li.free_quote a {
width: 140px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
}
.topbar.version_v4 ul.social_media li a:hover {
background: #69B345;
border: 2px dotted #fff;
}
.header-style-v4 .bsnav {
padding: 20px 0px;
}
.header-style-v4 .bsnav-sticky.bsnav-sticky-slide.sticked {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.header-style-v4 .navbar-expand-lg .navbar-nav .nav-link,
.header-style-v4 .navbar-nav .nav-link {
color: #252525;
padding: 24px 22px 20px;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item {
position: relative;
display: inline-block;
text-align: center;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .dropdown-menu .nav-item {
display: block;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .dropdown-menu .nav-item::before,
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .dropdown-menu .nav-item::after {
display: none;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item::before {
position: absolute;
content: '';
width: 12px;
height: 10px;
background: transparent;
bottom: 15px;
border-right: 2px solid #69B345;
border-left: 2px solid #69B345;
margin-left: -5px;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item::after {
position: absolute;
content: '';
width: 2px;
height: 20px;
background: #69B345;
bottom: 5px;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.active::before,
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.active::after,
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item:hover::before,
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item:hover::after {
opacity: 1;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.active::before {
bottom: 10px;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item.active::after {
bottom: 0;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item:hover::before {
bottom: 10px;
}
.header-style-v4 .navbar-expand-lg .navbar_left.navbar-nav .nav-item:hover::after {
bottom: 0;
}
.header-style-v4 .menu-item.dropdown .dropdown-menu {
margin-top: 20px!important;
}
.header-style-v4 .navbar_right .nav-item .nav-link {
padding: 0px;
margin-left: 30px;
}
.header-style-v4 .navbar_right .icon-search.icon {
width: 50px;
height: 50px;
line-height: 50px;
background: #69B345;
color: #fff;
border-radius: 50px;
display: block;
text-align: center;
}
/*------------------=================feature_all===================------------------------*/
.feature_all.tp_three {
position: relative;
margin-top: -60px;
}
.feature_all_inner {
position: relative;
background: #fff;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media(max-width:3000px) and (min-width:1200px) {
.feature_all_inner .mid_column {
padding: 0px;
}
}
.feature_inner.type_three {
position: relative;
text-align: center;
padding: 50px 40px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
border-bottom: 2px solid #fff;
}
.feature_inner.type_three:hover {
border-color: #69B345;
}
.feature_inner.type_three.mid::before {
position: absolute;
content: '';
width: 1px;
height: 180px;
background: #e6e6e6;
left: 0;
bottom: 35px;
}
.feature_inner.type_three.mid::after {
position: absolute;
content: '';
width: 1px;
height: 180px;
background: #e6e6e6;
right: 0;
bottom: 35px;
}
.feature_inner.type_three.mid h3 {
position: absolute;
content: '';
width: 100%;
text-align: center;
top: -50px;
background: #fff;
left: 0;
height: 60px;
line-height: 85px;
border-radius: 10px;
font-size: 18px;
color: #69B345;
text-transform: uppercase;
font-weight: 700;
}
@media(max-width:992px) {
.feature_inner.type_three.mid h3 {
display: none;
}
.feature_inner.type_three.mid::after {
display: none;
}
}
@media(max-width:768px) {
.feature_inner.type_three.mid::before {
display: none;
}
}
.feature_inner.type_three.mid h3::before {
position: absolute;
content: '';
z-index: 0;
width: 38px;
height: 23px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-right: 7px solid #fff;
border-top: 0px solid transparent;
border-left: 5px solid transparent;
border-bottom: 0px solid #fff;
left: -31px;
z-index: 2;
transform: rotate(23deg);
bottom: 12px;
z-index: 0;
}
.feature_inner.type_three.mid h3::after {
position: absolute;
content: '';
z-index: 0;
width: 38px;
height: 23px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-right: 5px solid transparent;
border-top: 0px solid transparent;
border-left: 7px solid #fff;
border-bottom: 0px solid #fff;
right: -31px;
z-index: 2;
transform: rotate(-23deg);
bottom: 12px;
z-index: 0;
}
.feature_inner.type_three small {
position: absolute;
display: block;
width: 100%;
left: 0;
text-align: center;
margin: 0 auto;
bottom: -21px;
}
.feature_inner.type_three .theme_btn {
border-radius: 50px;
height: 46px;
line-height: 46px;
width: 150px;
z-index: 40;
opacity: 0;
}
.feature_inner.type_three:hover .theme_btn {
opacity: 1;
}
.feature_inner.type_three span.icon {
font-size: 50px;
color: #69B345;
line-height: 50px;
display: block;
margin-bottom: 15px;
}
.feature_inner.type_three h2 {
font-size: 22px;
font-weight: 700;
line-height: 28px;
margin-bottom: 5px;
}
.feature_inner.type_three h2 a {
color: #252525;
}
/*------------------=================aboout===================------------------------*/
.about_type_four {
position: relative;
padding: 120px 0px 100px;
}
.about_type_four .heading {
margin-bottom: 30px;
}
.about_inner_fr {
position: relative;
}
.about_inner_fr::before {
position: absolute;
/*content: url(../img/resource/home-4-about-img-bg.png);*/
content: '';
top: -47px;
left: -138px;
z-index: -1;
}
.about_inner_fr .img_two {
position: absolute;
right: 65px;
bottom: -90px;
}
.about_inner_fr .img_two img {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
}
.about_inner_fr .img_two .icon {
position: absolute;
top: -45px;
display: block;
width: 90px;
height: 90px;
text-align: center;
font-size: 50px;
line-height: 90px;
background: #69B345;
border-radius: 50px;
color: #fff;
right: -45px;
}
.about_inner_fr .img_two .icon:after {
width: 110px;
height: 110px;
border: 2px dotted #69B345;
left: 0;
position: absolute;
content: '';
background: transparent;
border-radius: 50%;
left: -10px;
top: -10px;
}
.about_type_four .icon_box {
margin-bottom: 30px;
}
.about_type_four .icon_box_outer {
padding-bottom: 0px;
margin: 30px 0px 0px;
}
.about_type_four .icon_box_outer.tp_two span {
font-size: 40px;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: #fff;
}
.about_type_four .icon_box_outer .text {
margin-left: 85px;
}
.about_type_four .icon_box_outer .text h5 {
margin-bottom: 7px;
}
@media(max-width:768px) {
.about_inner_fr .img_two {
position: relative;
right: inherit;
bottom: inherit;
margin-bottom: 30px;
}
.about_inner_fr .img_two img {
width: 100%;
}
.about_inner_fr .img_two .icon {
right: 35px;
}
}
/*------------------=================areas===================------------------------*/
.area_tp_one {
position: relative;
/*background: url(../img/bg.png);*/
background-position: top;
background-repeat: no-repeat;
}
.areas_outer {
position: relative;
padding: 110px 0px 100px;
}
.area_tp_one .nav-tabs {
position: relative;
display: block;
float: left;
margin-left: -85px;
}
.area_tp_one .nav-tabs .nav-item {
display: block;
position: relative;
}
.area_tp_one .nav-tabs .nav-item .nav-link:before {
position: absolute;
content: '';
height: 0px;
border-right: 15px solid transparent;
border-top: 15px solid transparent;
border-left: 15px solid #69B345;
border-bottom: 15px solid transparent;
z-index: 2;
right: -30px;
top: 55px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
opacity: 0;
}
.area_tp_one .nav-tabs .nav-item .nav-link.active::before {
opacity: 1;
}
.area_tp_one .nav-tabs .nav-item .nav-link {
display: block;
width: 140px;
height: 140px;
background: #fff;
padding: 26px 8px;
margin-bottom: 20px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.area_tp_one .nav-tabs .nav-item .nav-link.active {
background: #69B345;
}
.area_tp_one .nav-tabs .nav-item .area_btn span {
font-size: 60px;
line-height: 60px;
color: #69B345;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.area_tp_one .nav-tabs .nav-item .nav-link.active .area_btn span {
color: #fff;
}
.area_tp_one .nav-tabs .nav-item h2 {
font-size: 20px;
font-weight: 700;
color: #252525;
line-height: 26px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
padding-top: 5px;
}
.area_tp_one .nav-tabs .nav-item .nav-link.active .area_btn h2 {
color: #fff;
}
.area_tp_one .tab-content {
position: relative;
margin-left: 105px;
}
.area_tp_one .tab-content .areas_content h2 {
font-size: 30px;
line-height: 40px;
color: #fff;
margin-bottom: 10px;
font-weight: 700;
}
.area_tp_one .tab-content .areas_content p {
color: #aaaaaa;
margin-bottom: 17px;
}
.area_tp_one .tab-content .areas_content ul li {
font-size: 16px;
position: relative;
font-weight: 400;
color: #aaaaaa;
line-height: 38px;
padding-left: 30px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.area_tp_one .tab-content .areas_content ul li::before {
position: absolute;
content: "\e922";
font-family: 'icomoon';
font-size: 20px;
color: #69B345;
left: 0;
}
.customer_rating {
position: relative;
text-align: center;
margin-top: -37px;
}
.custm_rating_inner {
width: 570px;
background: #0083f4;
margin: 0 auto;
height: 70px;
}
.custm_rating_inner .rating {
float: left;
width: 50%;
background: #69B345;
height: 70px;
position: relative;
padding-top: 14px;
z-index: 0;
}
.custm_rating_inner .rating p i {
font-size: 20px;
color: #fff;
line-height: 20px;
margin: 0px 5px;
}
.custm_rating_inner .rating::before {
position: absolute;
content: '';
height: 0px;
border-right: 10px solid transparent;
border-top: 36px solid #69B345;
border-left: 35px solid #69B345;
border-bottom: 34px solid #69B345;
z-index: -1;
right: -10px;
top: 0px;
}
.custm_rating_inner .rating h2 {
font-size: 16px;
font-weight: 700;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
}
.custm_rating_inner .clients h2 {
font-size: 20px;
font-weight: 700;
color: #ffffff;
margin-top: 0px;
line-height: 74px;
}
@media(max-width:992px) {
.area_tp_one {
background-size: cover;
background-position: 88% 0;
}
.area_tp_one .nav-tabs {
position: relative;
display: inline-block;
float: none;
margin-left: 0px;
}
.area_tp_one .nav-tabs .nav-item {
display: inline-block;
margin-right: 20px;
}
.area_tp_one .nav-tabs .nav-item:last-child {
margin-right: 0px;
}
.area_tp_one .tab-content {
margin-left: 0px;
}
}
@media(max-width:768px) {
.custm_rating_inner {
width: auto;
height: auto;
background: #69B345;
height: inherit;
padding: 30px;
}
.custm_rating_inner .rating {
float: none;
padding-top: 0px;
padding-bottom: 10px;
width: 100%;
height: inherit;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.custm_rating_inner .rating::before {
display: none;
}
.custm_rating_inner .clients h2 {
color: #fff;
line-height: 26px;
margin-top: 10px;
}
.area_tp_one .nav-tabs .nav-item .nav-link:before {
display: none;
}
.area_tp_one .nav-tabs .nav-item {
margin-right: 0px;
}
}
/*------------------=================service===================------------------------*/
.service_all.tp_five.style_one {
padding: 100px 0px 100px;
}
.service_all.tp_five.style_one p.description {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
text-align: center;
}
.service_all.tp_five.style_one .theme_btn {
margin: 0 auto;
display: block;
border-radius: 30px;
}
@media(max-width:3000px) and (min-width:1200px) {
.service_all.tp_five.style_one p.description {
padding: 30px 250px 0px;
}
}
/*------------------=================gallery_facts===================------------------------*/
.gallery_facts {
margin-top: 210px;
position: relative;
background: url(../img/resource/home-4-gallery-facts.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.gallery_facts .gallery_inner {
padding-bottom: 50px;
}
.gallery_facts .gallery_inner .single_item_center {
margin-top: -210px;
}
.gallery_facts .single_item_center .image img {
width: 100%!important;
}
.gallery_facts .single_item_center .pd0 {
padding: 0px;
}
@media(max-width:3000px) and (min-width:1200px) {
.gallery_facts .owl-carousel .owl-stage-outer {
overflow: inherit!important;
}
}
.gallery_facts .single_item {
position: relative;
}
.gallery_facts .single_item .image {
position: relative;
}
.gallery_facts .single_item .image a span.icon {
position: absolute;
content: '';
background: #fff;
color: #252525;
width: 35px;
height: 70px;
line-height: 70px;
text-align: center;
top: 35%;
}
.gallery_facts .single_item .image.before_img a span.icon {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
right: 0;
padding-left: 7px;
}
.gallery_facts .single_item .image.after_img a span.icon {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
left: 0;
padding-right: 7px;
}
.gallery_facts .single_item .image .theme_btn {
border-radius: 50px;
position: absolute;
width: 110px;
height: 40px;
line-height: 40px;
background: #fff;
color: #252525;
bottom: 20px;
}
.gallery_facts .single_item .image.before_img .theme_btn {
left: 20px;
}
.gallery_facts .single_item .image.after_img .theme_btn {
right: 20px;
}
.gallery_facts .owl-item.active.center .single_item .image .theme_btn {
background: #69B345;
color: #fff;
}
.gallery_facts .owl-dots.disabled,
.gallery_facts .owl-dots {
display: block!important;
}
.gallery_facts .owl-dots {
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 45px;
}
.gallery_facts .owl-dots .owl-dot {
position: relative;
width: 12px;
height: 12px;
margin: 0px 4px;
border-radius: 50px;
display: inline-block;
background-color: transparent;
border: 2px solid #4f4f4f;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
--webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.gallery_facts .owl-nav {
display: none!important;
}
.gallery_facts .owl-dots .owl-dot:hover,
.gallery_facts .owl-dots .owl-dot.active {
border: 2px solid #69B345;
}
@media( max-width:576px) {
.gallery_facts .single_item .image.before_img a span.icon {
bottom: 0px;
top: inherit;
right: inherit;
margin-left: -35px;
margin-bottom: -33px;
z-index: 10;
}
.gallery_facts .single_item .image.after_img a span.icon {
top: 0px;
left: inherit;
margin-top: -37px;
}
.gallery_facts .single_item .image {
text-align: center;
}
.gallery_facts .single_item .image.after_img .theme_btn {
bottom: inherit;
top: 20px;
}
.gallery_facts .single_item .image .theme_btn {
background: #69B345;
color: #fff;
}
}
.gallery_facts .facts_inner {
padding: 20px 0px 70px;
}
.gallery_facts .counter_inner {
position: relative;
padding: 20px;
text-align: center;
margin-bottom: 30px;
z-index: 0;
}
.gallery_facts .counter_inner small.icon_bg {
position: absolute;
font-size: 220px;
line-height: 220px;
color: #242424;
top: 0;
display: block;
z-index: -10;
text-align: center;
margin: 0 auto;
width: 100%;
left: 0;
}
.gallery_facts .counter_inner span {
font-size: 60px;
color: #69B345;
line-height: 60px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
margin-bottom: 20px;
display: block;
transform: translateY(-53px);
opacity: 0;
}
.gallery_facts .counter_inner h5 {
font-size: 48px;
line-height: 56px;
font-weight: 700;
color: #fff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
transform: translateY(-30px);
}
.gallery_facts .counter_inner h2 {
font-size: 22px;
line-height: 28px;
color: #fff;
font-weight: 700;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
transform: translateY(-25px);
}
.gallery_facts .counter_inner:hover span {
transform: translateY(0px);
opacity: 1;
}
.gallery_facts .counter_inner:hover h5 {
transform: translateY(0px);
}
.gallery_facts .counter_inner:hover h2 {
transform: translateY(0px);
}
/*------------------=================footer===================------------------------*/
.footer_type_four {
position: relative;
padding: 100px 0px 70px;
background: #1c1c1c;
}
.footer_type_four .footer_widgets h2.title {
margin-left: 24px;
border-bottom: 0px;
margin-bottom: 12px;
margin-top: 0px;
}
.footer_type_four .title::before {
position: absolute;
content: '';
background: #69B345;
width: 4px;
height: 12px;
top: 7px;
left: -20px;
}
.footer_type_four .title::after {
position: absolute;
content: '';
background: #69B345;
width: 2px;
height: 12px;
top: 7px;
left: -24px;
}
.media_contact h2 {
font-size: 20px;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
line-height: 26px;
}
.footer_type_four ul.social_media li {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: transparent;
border-radius: 50px;
border: 1px solid rgba(255, 255, 255, .2);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_four ul.social_media li a {
color: #828282;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_four ul.social_media li {
margin-right: 10px;
}
.footer_type_four ul.social_media li:hover {
background: #69B345;
border-color: #69B345;
color: #fff;
}
.footer_type_four ul.social_media li:hover a {
color: #fff;
}
.footer_type_four ul.social_media li:last-child {
margin-right: 0px;
}
.footer_type_four .links {
position: relative;
}
.footer_type_four .links li {
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.footer_type_four .links li::before {
position: absolute;
content: '';
width: 10px;
height: 10px;
background: transparent;
border-radius: 50px;
border: 1px solid #454545;
left: 0;
top: 8px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_four .links li::after {
position: absolute;
content: '';
width: 4px;
height: 4px;
background: #69B345;
border-radius: 50px;
left: 3px;
top: 11px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
opacity: 0;
}
.footer_type_four .links li:hover a {
color: #69B345;
}
.footer_type_four .links li:hover::before {
border: 1px solid #69B345;
}
.footer_type_four .links li:hover::after {
opacity: 1;
}
.footer_type_four .links li a {
color: #aaaaaa;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.footer_type_four .business_hours {
position: relative;
margin-bottom: 10px;
}
.footer_type_four .business_hours p span {
color: #fff;
}
.footer_type_four .emergency_contact {
position: relative;
margin-top: 5px;
padding-top: 15px;
border-top: 1px solid #454545;
display: inline-block
}
.footer_type_four .emergency_contact span {
display: block;
float: left;
font-size: 50px;
line-height: 50px;
color: #69B345;
}
.footer_type_four .emergency_contact .text {
margin-left: 60px;
position: relative;
}
.footer_type_four .emergency_contact .text h5 {
color: #fff;
font-size: 18px;
line-height: 26px;
font-weight: 700;
}
.footer_type_four .footer_widgets form input {
position: relative;
background: #fff;
border: 0px;
box-shadow: none;
border-radius: 0px;
height: 52px;
padding: 20px;
width: 100%;
color: #808080;
font-size: 15px;
margin: 15px 0px 10px;
}
.footer_type_four .footer_widgets form .theme_btn {
border: 0px;
box-shadow: 0px 0px 0px 0px transparent;
width: 100%;
height: 52px;
line-height: 52px;
margin: 0px 0px 15px;
}
.footer_type_four .footer_widgets.sub_scribe p span {
color: #69B345;
margin-right: 5px;
}
.footer_last_type_four {
background: #111111;
padding: 12px 0px;
}
.footer_last_type_four ul {
text-align: right;
}
.footer_last_type_four p {
margin-top: 10px;
}
.footer_last_type_four ul li {
display: inline-block;
position: relative;
text-align: center;
border-radius: 50px;
line-height: 45px;
margin-right: 20px;
}
.footer_last_type_four ul li a {
color: #828282;
}
.footer_last_type_four ul li::before {
position: absolute;
content: '';
width: 2px;
height: 16px;
background: #313131;
right: -12px;
top: 15px;
}
.footer_last_type_four ul li:last-child {
margin-right: 0px;
}
.footer_last_type_four ul li:last-child::before {
display: none;
}
/*------------------------------------------------------------------------------------
==========================================Products=============================================
--------------------------------------------------------------------------------------*/
.product_all {
position: relative;
padding: 100px 0px 70px;
}
.products_items {
position: relative;
padding: 5px;
border: 2px solid #fff;
margin-bottom: 30px;
text-align: center;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.products_items:hover {
border: 2px solid #69B345;
}
.products_items .cart_items {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: transparent;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
opacity: 0;
}
.products_items:hover .cart_items {
opacity: 1;
}
.products_items .cart_items .cart_btns {
position: absolute;
text-align: center;
display: block;
margin: 0 auto;
width: 100%;
top: 45%;
}
.products_items .cart_items a {
position: relative;
}
.products_items .cart_items a small {
position: absolute;
width: 124px;
height: 30px;
line-height: 30px;
font-size: 14px;
top: -70px;
left: -31px;
color: #69B345;
font-weight: 500;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
background: #fff;
text-transform: uppercase;
display: inline-block;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.products_items .cart_items a small::before {
position: absolute;
content: '';
height: 0px;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
bottom: -20px;
margin-left: 23px;
}
.products_items .cart_items a:hover small {
opacity: 1;
}
.products_items .cart_items a span {
position: relative;
background: #69b345;
display: inline-block;
width: 56px;
height: 56px;
line-height: 63px;
border-radius: 50px;
text-align: center;
margin: 0 auto;
color: #ffffff;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.products_items .cart_items a:hover span {
color: #ffffff;
}
.products_items:hover .cart_items a {
color: #69B345;
}
.products_items .product_content {
padding: 20px 10px;
}
.products_items small i {
font-size: 10px;
color: #007bff;
padding: 0px 1px;
font-weight: 700;
}
.products_items .product_content h2 {
font-size: 20px;
font-weight: 700;
line-height: 26px;
margin-bottom: 5px;
}
.products_items .product_content h2 a {
color: #252525;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.products_items .product_content h2:hover a {
color: #69B345;
}
.products_items .product_content p {
color: #69B345;
font-weight: 600;
}
.products_items .product_content p span {
color: #808080;
text-decoration: line-through;
margin-right: 5px;
font-weight: 400;
}
/*------------------------------------------------------------------------------------
==========================================My Account=============================================
--------------------------------------------------------------------------------------*/
.login_register_area {
position: relative;
padding: 100px 0px 70px;
}
.login_register_area .sec_title {
font-size: 24px;
color: #252525;
font-weight: 700;
line-height: 30px;
margin-bottom: 15px;
}
.login_register_area input[type="text"],
.login_register_area input[type="email"],
.login_register_area .ui-selectmenu-button,
.login_register_area textarea {
position: relative;
width: 100%!important;
height: 60px;
background: #fff;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #252525;
font-weight: 600;
}
.login_register_area .form .input-field .icon-holder {
position: absolute;
right: 20px;
top: 21px;
}
.login_register_area .form .input-field .icon-holder i {
color: #b5b5b5;
}
.login_register_area .form .input-field {
position: relative;
margin-bottom: 30px;
}
.login_register_area .theme_btn {
box-shadow: 0px 0px 0px 0px transparent;
border: 0px;
border-radius: 30px;
}
.login_register_area .social-icon {
position: relative;
text-align: right;
}
.login_register_area .social-icon li {
display: inline-block;
}
.login_register_area .social-icon li:nth-child(2) {
margin-right: 5px;
margin-left: 5px;
}
.login_register_area .social-icon li:nth-child(2),
.login_register_area .social-icon li:nth-child(3) {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
text-align: center;
border: 1px solid #e6e6e6;
color: #b5b5b5;
}
.login_register_area .social-icon li {
color: #808080;
position: relative;
}
.login_register_area .social-icon li a {
color: #808080
}
.login_register_area .form.register p {
text-align: right;
margin-top: 10px;
}
.login_register_area [type="checkbox"]:checked,
.login_register_area [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.login_register_area [type="checkbox"]:checked+label,
.login_register_area [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 41px;
cursor: pointer;
line-height: 28px;
display: inline-block;
color: #808080;
}
.login_register_area [type="checkbox"]:checked+label:before,
.login_register_area [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #e6e6e6;
background: transparent;
}
.login_register_area [type="checkbox"]:checked+label:after,
.login_register_area [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 15px;
height: 15px;
background: #69B345;
position: absolute;
top: 8px;
left: 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.login_register_area [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.login_register_area [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.login_register_area .remember-text {
position: relative;
margin-top: 20px;
}
@media(max-width:992px) {
.login_register_area .social-icon {
text-align: left;
}
.login_register_area .form.register p {
text-align: left;
}
.login_register_area .remember-text {
text-align: left;
margin-bottom: 40px;
}
}
@media(max-width:576px) {
.login_register_area .theme_btn {
width: 100%;
margin-bottom: 20px;
}
}
/*------------------------------------------------------------------------------------
==========================================Shopping Cart=============================================
--------------------------------------------------------------------------------------*/
.shopping_cart {
position: relative;
padding: 100px 0px 70px;
}
.cart_header h3 {
font-size: 20px;
font-weight: 700;
color: #252525;
line-height: 30px;
margin-bottom: 20px;
}
.cart_total_price h3 {
text-align: right;
}
.cart_header h3 span {
color: #808080;
font-size: 16px;
font-weight: 400;
}
.cart_total_price h3 span {
color: #69B345;
}
.shopping_cart table {
position: relative;
}
.shopping_cart .table td,
.shopping_cart .table th {
border: 1px solid #e6e6e6;
position: relative;
vertical-align: middle;
line-height: normal;
padding: 20px 20px;
font-family: 'Source Serif Pro', serif;
}
.shopping_cart .table th {
font-size: 18px;
color: #252525;
line-height: 30px;
font-weight: 700;
}
/*.shopping_cart .table th:first-child {*/
/* border-right: 0px;*/
/*}*/
.shopping_cart .table td:first-child {
border-right: 0px;
width: 120px;
padding-right: 0px;
}
.shopping_cart .table th:nth-child(2) {
border-left: 0px;
}
.shopping_cart .table td:nth-child(2) {
border-left: 0px;
padding-left: 0px;
font-size: 22px;
line-height: 26px;
font-weight: 700;
}
.shopping_cart .table td:nth-child(4) {
font: 20px;
color: #69B345;
font-weight: 700;
}
.shopping_cart .table td:nth-child(5) {
font: 20px;
color: #252525;
font-weight: 700;
}
.shopping_cart .table td .icon-x-mark {
font-size: 20px;
color: #808080;
}
.shopping_cart .table td input[type="number"] {
border: 1px solid #e6e6e6;
height: 50px;
width: 50px;
color: #252525;
font-size: 18px;
font-weight: 700;
text-align: center;
display: block;
padding-left: 8px;
}
/*------------------------------------------------------------------------------------
==========================================Checkout=============================================
--------------------------------------------------------------------------------------*/
.Products_checkout {
position: relative;
padding: 100px 0px 70px;
}
.check_up {
position: relative;
margin: 10px 0px 20px;
}
.check_up input[type="text"] {
position: relative;
height: 50px;
width: 100%;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 50px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
border-radius: 50px;
}
@media(max-width:3000px) and (min-width:1200px) {
.check_up input[type="text"] {
width: 300px;
}
}
.check_up .theme_btn {
border: 2px solid #69B345;
line-height: 46px;
height: 50px;
border-radius: 50px;
}
@media(max-width:1199px) {
.check_up input[type="text"] {
margin-bottom: 5px;
}
.check_up .theme_btn {
width: 100%;
}
.check_up .theme_btn {
margin-bottom: 5px;
}
}
.check_up .theme_btn.update {
background: transparent;
color: #69B345;
}
.Products_checkout input[type="text"],
.Products_checkout input[type="email"],
.Products_checkout .ui-selectmenu-button {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #808080;
padding: 0px 20px!important;
font-weight: 600;
margin-bottom: 20px;
}
.check_out_form .ui-selectmenu-text {
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #808080;
}
.check_out_form {
position: relative;
margin-bottom: 30px;
}
.check_out_form h2 {
font-size: 24px;
line-height: 28px;
color: #252525;
font-weight: 700;
margin-bottom: 20px;
}
.check_out_form .section-title.two {
margin-top: 30px;
}
.payment_methord h2 {
font-size: 24px;
line-height: 28px;
color: #252525;
font-weight: 700;
margin-bottom: 20px;
}
.Products_checkout [type="checkbox"]:checked,
.Products_checkout [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.Products_checkout [type="checkbox"]:checked+label,
.Products_checkout [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 41px;
cursor: pointer;
line-height: 28px;
display: inline-block;
color: #808080;
margin-bottom: 30px;
}
.Products_checkout [type="checkbox"]:checked+label:before,
.Products_checkout [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #e6e6e6;
background: transparent;
}
.Products_checkout [type="checkbox"]:checked+label:after,
.Products_checkout [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 15px;
height: 15px;
background: #69B345;
position: absolute;
top: 8px;
left: 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.Products_checkout [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.Products_checkout [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.payment_methord {
position: relative;
padding: 40px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, .08);
margin-bottom: 30px;
}
.payment_methord .payment_methord_inner p {
margin-bottom: 30px;
}
.payment_methord .payment_methord_inner label {
color: #252525!important;
font-size: 18px;
font-weight: 700;
font-family: 'Source Serif Pro', serif;
line-height: 26px;
}
.payment_methord .payment_methord_inner .theme_btn {
border-radius: 50px;
width: 100%;
height: 55px;
line-height: 55px;
border: 0px;
box-shadow: 0px 0px 0px 0px transparent;
}
.product_order_pay {
position: relative;
padding: 40px;
border: 1px solid #e6e6e6;
}
.product_order_pay .product_content {
position: relative;
padding-bottom: 20px;
margin-bottom: 19px;
border-bottom: 1px solid #e6e6e6;
}
.product_order_pay .product_content .content {
float: left;
width: 70%;
}
.product_order_pay .product_content .content img {
float: left;
}
.product_order_pay .product_content .content h2 {
font-size: 22px;
font-weight: 700;
color: #252525;
line-height: 100px;
}
.product_order_pay .product_content h6 {
float: right;
line-height: 100px;
font-weight: 700;
font-size: 18px;
color: #808080;
}
.total_payment {
position: relative;
margin: 35px 0px 20px;
}
.total_payment h6 {
font-size: 18px;
color: #252525;
line-height: 26px;
font-weight: 700;
margin-bottom: 10px;
}
.total_payment h6 span {
float: right;
display: block;
font-weight: 700;
color: #808080;
}
.total_payment .final_total {
position: relative;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 10px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.total_payment .final_total h6 span {
color: #69B345;
}
.product_order_pay {
position: relative;
}
.product_order_pay .theme_btn {
border: 0px;
box-shadow: 0px 0px 0px 0px transparent;
border-radius: 50px;
width: 250px;
margin-top: 30px;
margin-bottom: 30px;
}
/*------------------------------------------------------------------------------------
==========================================Product Single=============================================
--------------------------------------------------------------------------------------*/
.product_single {
position: relative;
padding: 100px 0px 50px;
}
.product_single .product_image {
position: relative;
margin-bottom: 30px;
}
.product_single .product_image img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.product_single .product_image a span {
position: absolute;
top: 10px;
font-size: 16px;
right: 10px;
width: 40px;
background: #fff;
height: 40px;
text-align: center;
display: block;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
line-height: 40px;
color: #252525;
}
.product_details {
position: relative;
margin-bottom: 30px;
}
.product_details .product_header {
position: relative;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.product_details .product_header .left {
/* float: left; */
}
.product_details .product_header .right {
/* float: right; */
}
.product_details .product_header h2 {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #252525;
}
.product_details .product_header .right h6 {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #69B345;
margin-top: 10px;
}
.product_details .product_header p {
color: #808080;
}
.product_details .product_header p span {
color: #69B345;
display: inline-block;
font-weight: 700;
}
.product_details .product_features {
position: relative;
}
.product_details .product_features p {
margin-bottom: 15px;
}
.product_details .quantity h2 {
font-size: 20px;
font-weight: 700;
line-height: 26px;
margin-bottom: 10px;
}
.product_details .quantity input[type="number"] {
border: 1px solid #e6e6e6;
height: 50px;
width: 50px;
color: #252525;
font-size: 18px;
font-weight: 500;
text-align: center;
display: inline-block;
padding-left: 8px;
margin-right: 20px;
}
.product_details .quantity label {
font-size: 20px;
font-weight: 700;
line-height: 26px;
color: #252525;
font-family: 'Source Serif Pro', serif;
}
.product_details .quantity label span {
font-weight: 400;
color: #69B345;
}
.add_to_cart {
position: relative;
margin: 30px 0px 20px;
}
.add_to_cart ul li {
display: inline-block;
}
.add_to_cart .dropdown-toggle::after {
display: none;
}
.add_to_cart a i.fa-share-alt {
font-size: 16px;
color: #808080;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50px;
border: 1px solid #e6e6e6;
margin-left: 10px;
}
.add_to_cart .dropdown-menu a {
font-size: 16px;
color: #69B345;
padding: 10px;
}
.add_to_cart .dropdown-menu {
top: -36px!important;
left: -175px!important;
border: 0px;
background: #fff;
border-radius: 0px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05);
padding: 10px 15px;
}
.add_to_cart .theme_btn {
border: 0px;
box-shadow: 0px 0px 0px 0px transparent;
border-radius: 30px;
}
.product_details .categories {
position: relative;
margin-bottom: 30px;
}
.product_details .categories ul li a {
color: #808080;
font-weight: 400;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.product_details .categories ul li {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #252525;
}
.product_details .accordion>.card .card-header h5 button.btn {
padding: 14px 0px 14px 0px;
font-size: 20px;
font-weight: 700;
color: #252525;
line-height: 30px;
text-decoration: none;
border-bottom: 1px solid #e6e6e6;
}
.product_details .accordion>.card .card-header h5 button.btn::before {
display: none;
}
.product_details .accordion>.card {
margin: 0px;
}
.product_details .accordion .main.n-active,
.product_details .accordion .main.active-min {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
font-size: 16px;
font-weight: 400;
color: #aaa;
float: right;
padding-top: 7px;
}
.product_details .accordion .main.active-min {
display: none;
}
.product_details .accordion button.collapsed .main.n-active {
display: none!important;
}
.product_details .accordion button.collapsed .main.active-min {
display: block;
}
.product_details .card-body {
padding: 20px 0px;
}
.product_details .card-body .reviws_inner {
position: relative;
margin: 20px 0px;
}
.product_details .card-body .reviws_inner .image {
float: left;
}
.product_details .card-body .reviws_inner .content {
margin-left: 90px;
}
.product_details .card-body .reviws_inner .content h2 {
color: #252525;
font-size: 20px;
font-weight: 700;
line-height: 26px;
margin-bottom: 5px;
}
.product_details .card-body .reviws_inner .content h2 span {
color: #69B345;
}
.product_details .card-body .reviws_inner .content h6 {
margin-bottom: 10px;
}
.product_details .card-body .reviws_inner .content h6 span {
color: #69B345;
font-weight: 700;
}
.product_comments {
position: relative;
}
.product_comments h2 {
color: #252525;
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 5px;
}
.product_comments .form_inner {
position: relative;
margin: 20px 0px 30px;
}
.product_comments .form_inner label {
font-size: 16px;
line-height: 26px;
color: #808080;
font-weight: 400;
margin-bottom: 10px;
}
.product_comments input[type="text"],
.product_comments input[type="email"],
.product_comments textarea {
position: relative;
width: 100%!important;
height: 60px;
background: transparent;
border: 1px solid #e6e6e6!important;
padding: 20px;
line-height: 60px;
font-family: 'Source Serif Pro', serif;
font-size: 16px;
color: #fff;
font-weight: 600;
}
.product_comments textarea {
height: inherit;
}
.product_comments .theme_btn {
border: 0px;
box-shadow: 0px 0px 0px 0px transparent;
border-radius: 50px;
}
.related_products {
position: relative;
padding-top: 50px;
margin-top: 50px;
border-top: 1px solid #e6e6e6;
}
.related_products h2 {
font-size: 30px;
line-height: 36px;
color: #252525;
font-weight: 700;
margin-bottom: 20px;
}
.related_products .owl-carousel .owl-nav {
position: absolute;
width: auto;
height: auto;
text-align: center;
top: -50px;
display: block!important;
right: 10px;
}
@media(max-width:600px) {
.related_products .owl-carousel .owl-nav {
position: relative;
top: inherit;
right: inherit;
margin-bottom: 80px;
}
}
.related_products .owl-carousel .owl-nav .owl-prev,
.related_products .owl-carousel .owl-nav .owl-next {
color: #cacaca;
padding: 5px;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
display: inline-block;
}
.related_products .owl-carousel .owl-nav .owl-prev {
margin-right: 10px;
}
.related_products .owl-carousel .owl-nav .owl-prev:hover,
.related_products .owl-carousel .owl-nav .owl-next:hover {
color: #69B345;
}
/*-----media-queries-------*/
@media(max-width:1199px) {
.header-style-v1 .bsnav {
padding: 20px 0px;
}
.mid_bar {
display: none;
}
}
@media(max-width:1200px) {
.header-style-v1 .site-logo img {
margin: 0;
}
.topbar-two {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.topbar .topbar-two .top_bar_widgets_inner {
text-align: center;
}
.topbar-one {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.quote_client_type_one .gt_qute_inner h1 {
padding: 0px;
}
}
@media(max-width:768px) {
.rev-btn .theme_btn {
border-radius: 50px;
width: 140px;
height: 40px;
line-height: 38px!important;
}
.service_type_one .image img {
width: 100%!important;
}
.quote_client_type_one .gt_qute_inner h1 {
font-size: 42px;
line-height: 50px;
}
}
@media(max-width:992px) {
.news_type_one .more_news_btn {
text-align: left;
margin-bottom: 30px;
}
.testimonial_all.tp_one .owl-carousel .owl-nav {
position: relative;
top: inherit;
bottom: -20px;
margin-bottom: 30px;
}
.bsnav-mobile .navbar_right::before {
display: none;
}
.bsnav-mobile .navbar_right {
display: none;
}
}
.media_contact {
margin-top: 20px;
}
/*Add by Toản*/
.bsnav-mobile .right_side_elements {
list-style: none;
width: 100%;
}
.bsnav-mobile .right_side_elements li a {
color: #fff;
display: block;
padding: 5px 20px;
}
.bsnav-mobile .right_side_elements .wpml-ls-item {
display: none !important;
}
.bsnav-mobile .navbar-expand-lg .navbar-nav.navbar_left a, .bsnav-mobile .navbar-nav.navbar_left a {
padding: 5px 20px;
}
.bsnav-mobile .menu-item-has-children{
position: relative;
}
.bsnav-mobile .menu-item-has-children .menu_arrow {
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
z-index: 10;
text-align: center;
line-height: 36px;
}
.bsnav-mobile .menu-item-has-children .menu_arrow:before {
content: '\f107';
font-family: 'FontAwesome';
color: #fff;
font-size: 20px;
}
.bsnav-mobile .menu-item-has-children ul.sub-menu {
display: none;
}
.bsnav-mobile .navbar {
display: block;
}
.bsnav-mobile .navbar-nav.navbar_left a {
font-size: 16px;
font-weight: 400;
}
.navbar-nav.navbar_left .menu-item.open_sub > ul.sub-menu {
display: block;
background: rgba(0,0,0,0.2);
}
@media (min-width: 992px){
.topbar-one {
-ms-flex: 0 0 46%;
flex: 0 0 46%;
max-width: 46%;
}
.topbar-two {
-ms-flex: 0 0 54%;
flex: 0 0 54%;
max-width: 54%;
}
.topbar ul li {
margin-right: 11px;
}
}
@media(max-width:767px) {
.topbar-two {
display: none;
}
.rev-btn .theme_btn{
padding: 0 10px !important;
}
}
/*#Add by Toản*/