/*------------------------------------------------------------------
Project: Kleanbera - Cleaning Service HTML Template
Version: 1.1
Primary use: Cleaning Service Company
更多精品模板：http://www.bootstrapmb.com
-------------------------------------------------------------------*/

/* Index of CSS
==================================================
1. Global styles

2. Header Section / .header_topbar

3. Menu Section / .navigation

4. Slider Section / .slides_wrapper

5. Promo Section / .promo_section

6. About Section / .about-section

7. Service Section / .service-section

8. Quote Section / .quote-section

9. Comparison Section / .comparison_sec

10. Why choose us Section / .why-choose-section

11. Project Section / .project-section

12. Testimonial Section / .testi-section

13. Blog Section / .blog-section

14. Call to action Section / .bottom_cta

15. Footer Section/ .footer-section

[===== Home Page Two ===== ]

16. Header Section

17. Navigation Section

18. Slider Section

19. Promo Section 

20. Service Section

21. Quote Section

22. Project Section

23. Call to action Section

24. Team Section 

[===== Single Page ===== ]

25. Single Page Header

26. Team page 

27. Service page 

28. Gallery page

29. Gallery page

30. Single Gallery Page

31. Contact page 

32. Pricing page 

33. Single Service page 

34. Blog Page

35. Single Blog Page

*/

/*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');

@import url('../icon/custom-icons/css/custom-icons.css');
@import url('../icon/icofont/icofont.min.css');
@import url('../css/fontawesome.min.css');


body {
  background: #fff;
  color: #575757;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 28px;
  margin: 0;
  padding: 0;
  position: relative;
}

img {
  max-width: 100%;
}

/* === PARAGRAPH === */

p {
  margin: 0 0 10px;
}

b,
strong {
  font-weight: 600;
}

/* ===  Headings === */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #262c33;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 15px;
  padding: 0;
  transition: 0.3s;
}

h1 {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 700;
}

h2 {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 700;
}

h3 {
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
}

h4 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 600;
}

h5 {
  font-size: 20px;
  line-height: 28px;
}

h6 {
  font-size: 18px;
}

/* ## End: Headings ## */

/* === Hyperlink === */

a {
  color: #303030;
  /*transition*/
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

a,
a>* {
  cursor: pointer;
  outline: medium none;
  text-decoration: none;
}

a:focus,
a:hover {
  outline: medium none;
  text-decoration: none;
  color: inherit;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* === Hyperlink === */

.btn.btn-fill {
  background: #fff;
}

.btn.btn-fill {
  color: #000;
}

.btn {
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 22px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  color: #fff;
}



.base-header {
  padding-bottom: 63px;
  width: 57%;
  margin: auto;
  text-align: center;
}

.base-header small {
  font-size: 18px;
  color:
    #19C133;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
  font-weight: 600;
}

.base-header h2 {
  padding-bottom: 4px;
  position: relative;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0px;
  font-size: 50px;
  color: #2b343b;
  margin-top: 12px;
  line-height: 1.2;
}

.base-header.base_header_left {
  width: 100%;
  text-align: left;
  padding-bottom: 40px;
}

.base-header.base_header_left small {
  padding-left: 35px;
}

.base-header.base_header_left h2 {
  padding-bottom: 16px;
}

.base-header h2::after,
.base-header.base_header_left small::after {
  position: absolute;
  content: "";
  background-color: #19C133;
  width: 60px;
  height: 1px;
  bottom: 0;
  left: 50%;
  margin-left: -32px;
  margin-bottom: -11px;
}

.base-header.base_header_left small::after {
  left: 0%;
  margin-left: 0px;
  bottom: 50%;
  width: 20px;
  margin-bottom: -1px;
}

.base-header.base_header_left h2::after {
  display: none;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../images/pre_loader.gif") no-repeat center center;
  color: #000;
}

.more-link:before {
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #2b343b;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
}

.more-link:hover::before {
  height: 400%;
  opacity: 1;
}

.more-link:hover {
  color: #fff;
}

.more-link {
  display: inline-block;
  font-size: 14px;
  padding: 12px 35px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.more-link {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #19C133;
  border-radius: 3px;
  font-weight: 600;
}

.b_none {
  border: none !important;
}

.owl-prev,
.owl-next {
  -webkit-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 99;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #333;
  opacity: 0;
}

.owl-theme .owl-controls .owl-nav div {
  padding-right: 20px;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.owl-nav {
  bottom: -50px;
  left: 0%;
}

.owl-prev {
  margin-left: 0;
}

.owl-nav div.owl-next {
  left: 60px;
  right: 20px;
}

.owl-nav div {
  color: #333;
  font-size: 19px;
  height: 50px;
  left: 0px;
  line-height: 36px;
  margin-top: -30px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  text-align: center;
  top: 50.5%;
  width: 50px;
  border-radius: 50%;
  padding-right: 0px !important;
  padding-top: 5px;
}

/*----------------------------------------------------
   2. Header Section
------------------------------------------------------*/
/*----- Top bar -----*/

.header_topbar {
  background: #262c33;
  padding: 15px 0px;
}

.top-bar .header_top_left {
  padding: 0 0;
}

.header_socil {
  margin: 0 0 0 10px;
  float: right;
}

.header_socil li {
  padding-left: 1px;
  padding-right: 1px;
}

.header_socil li {
  font-size: 14px;
  margin: 0;
  position: relative;
  display: inline-block;
  text-align: center;
}

.header_socil li .fab {
  color: #fff;
  font-size: 14px;
  margin-left: 8px;
}

.header_socil li .fa:hover {
  color: #19C133;
}

.header_socil li:nth-child(1) i {
  margin-right: 8px;
  color: #19C133;
}

.header_socil li:nth-child(1) {
  border-right: 1px solid #645454;
  padding-right: 20px;
  color: #fff;
  margin-right: 10px;
  line-height: 1;
}


.header_top_left {
  padding-left: 1px;
  float: left;
}

.header_top_right {
  float: left;
  width: 54%;
  display: block;
  overflow: hidden;
}

.header_topbar ul {
  margin-bottom: 0;
  text-align: left;
  margin-left: 43px;
}

.header_top_right ul {
  margin-left: 0px;
}

.header_top_right li {
  display: inline;
  padding-right: 20px;
  color: #fff;
  font-size: 14px;
}

.header_top_right li i {
  margin-right: 7px;
  color: #19C133;
  font-size: 15px;
  position: relative;
  top: 1px;
}

/*----- End : Top bar -----*/

.navigation .logo {
  float: left;
  position: relative;
  height: 73px;
}

.navigation .logo img {
  margin-top: 26px;
  max-width: inherit;
}

.logo img {
  max-width: inherit;
}

.navigation .logo::before {
  background: transparent !important;
}

.navigation .logo::before {
  position: absolute;
  top: 0px;
  width: 243%;
  content: "";
  height: 100%;
  left: -240%;
}

.navigation .logo::after {
  background: transparent !important;
}

.navigation .logo::after {
  width: 121px;
  height: 73px;
  position: absolute;
  right: -121px;
  top: 0px;
  content: "";
}

.logo {
  background: transparent !important;
  width: 189px;
}

 
/*----------------------------------------------------
   3. Navigationn Section
------------------------------------------------------*/
.navigation {
  background-color: #262c33;
  z-index: 999;
  position: relative;
  border-top: 1px solid #2e353e;
  position: sticky;
  top: 0px;
}

#navigation ul li.active>a {
  color: #19C133;
}

#navigation {
  float: right;
  margin-left: -18px !important;
}

#navigation {
  float: right;
  margin-right: -58px !important;
}


#navigation,
#navigation ul,
#navigation ul li,
#navigation ul li a,
#navigation #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 14px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#navigation:after,
#navigation>ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#navigation #menu-button {
  display: none;
}

#navigation>ul>li {
  float: left;
  margin-right: 5px;
}

#navigation li:hover>ul {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}

#navigation.align-center>ul {
  font-size: 0;
  text-align: center;
}

#navigation.align-center>ul>li {
  display: inline-block;
  float: none;
}

#navigation.align-center ul ul {
  text-align: left;
}

#navigation.align-right>ul>li {
  float: right;
}

#navigation>ul>li>a {
  padding: 42px 0px 42px 32px;
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  margin-right: -1px;
}

#navigation>ul>li.has-sub>a {
  padding: 42px 0px 42px 32px;
}

#navigation>ul>li.has-sub>a::before {
  position: absolute;
  right: 18px;
  font-family: FontAwesome;
  content: "\f107";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation>ul>li.has-sub>a::before {
  position: absolute;
  right: 14px;
  font-family: FontAwesome;
  content: "\f107";
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  display: none;
}

#navigation ul ul li.has-sub>a::before {
  position: absolute;
  top: 20px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #19C133;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation ul ul li.has-sub>a::after {
  position: absolute;
  top: 23px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #19C133;
  content: '';
}

#navigation ul ul>li.has-sub:hover>a::before {
  top: 17px;
  height: 0;
}

#navigation>ul>li>.active {
  color: #19C133;
}

#navigation>ul>li:hover>a {
  color: #19C133 !important;
}

#navigation ul ul {
  position: absolute;
  left: -9999px;
}

#navigation.align-right ul ul {
  text-align: right;
}

#navigation ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#navigation li:hover>ul {
  left: auto;
}

#navigation.align-right li:hover>ul {
  left: auto;
  right: 0;
}

#navigation li:hover>ul>li {
  height: 40px;
}

#navigation ul ul ul {
  margin-left: 100%;
  top: 0;
}

#navigation.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}

#navigation ul ul li a {
  border-bottom: 1px solid #19C133;
  padding: 14px 10px 14px 20px;
  width: 220px;
  font-size: 15px;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  background: #fff;
  text-transform: uppercase;
  margin-left: 20px;
  border-left: 1px solid #f1f1f1;
  line-height: 13px;
}

#navigation ul ul li:last-child>a,
#navigation ul ul li.last-item>a {
  border-bottom: 0;
}

#navigation ul ul li:hover>a,
#navigation ul ul li a:hover {
  color: #19C133;
  border-left: 1px solid #19C133;
}

#navigation.small-screen {
  width: 100%;
}

#navigation.small-screen ul {
  width: 100%;
  display: none;
}

#navigation.small-screen.align-center>ul {
  text-align: left;
}

#navigation.small-screen ul:hover {
  background: transparent !important;
}

#navigation.small-screen li:hover>ul {
  background: transparent;
}

#navigation.small-screen ul>li {
  width: 100%;
  border-top: 1px solid rgba(120, 120, 120, 0.2);
}

#navigation.small-screen ul ul li,
#navigation.small-screen li:hover>ul>li {
  height: auto;
}

#navigation.small-screen ul li a,
#navigation.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
}

#navigation.small-screen>ul>li {
  float: none;
}

#navigation.small-screen ul ul li a {
  padding-left: 15px;
}

#navigation.small-screen ul ul ul li a {
  padding-left: 35px;
}

#navigation.small-screen ul ul li a {
  color: #fff;
  background: none;
}

#navigation.small-screen ul ul li a {
  border-left: 1px solid transparent;
}

#navigation.small-screen ul ul li:hover>a,
#navigation.small-screen ul ul li.active>a {
  color: #19C133;
}

#navigation.small-screen ul ul,
#navigation.small-screen ul ul ul,
#navigation.small-screen.align-right ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}

#navigation.small-screen>ul>li.has-sub>a:after,
#navigation.small-screen>ul>li.has-sub>a:before,
#navigation.small-screen ul ul>li.has-sub>a:after,
#navigation.small-screen ul ul>li.has-sub>a:before {
  display: none;
}

#navigation.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #171818;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

#navigation.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 2px;
  display: block;
  height: 8px;
  width: 20px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

#navigation.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 2px;
  display: block;
  height: 2px;
  width: 20px;
  background: #fff;
  content: '';
}

#navigation.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#navigation.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #fff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#navigation.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  height: 48px;
  width: 46px;
  cursor: pointer;
}

#navigation.small-screen .submenu-button.submenu-opened {
  background: transparent;
}

#navigation.small-screen ul ul .submenu-button {
  height: 35px;
  width: 35px;
  top: 8px;
}

#navigation.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #a28d8d;
  content: '';
}

#navigation.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}

#navigation.small-screen .submenu-button.submenu-opened:after {
  background: #a28d8d;
}

#navigation.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #a28d8d;
  content: '';
}

#navigation.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}

#navigation.small-screen .submenu-button.submenu-opened:before {
  display: none;
}

#navigation.small-screen.select-list {
  padding: 5px;
}

/*-----Navigationn end-----*/


/*----- Menu Search  -----*/

/*  Search css */
.nav-search {
  position: relative;
  display: block;
  color: inherit;
}

.nav-search:hover {
  color: inherit;
}

.search_wrp {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 121;
  background: rgba(0, 0, 0, 0.9);
}

.search_wrp .search_frm {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*
 Header Transparent CSS Start 
----------------------------------------*/

/*----------------------------------------------------
  24. Team Section ( Home Two )
------------------------------------------------------*/

.team_wrp {
  background: #fff;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.team_wrp:hover {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
}

.team_wrp:hover .team_img img {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  transition: all 1000ms ease;
}

.team_img img {
  width: 100%;
  max-height: 240px;
  height: 240px;
}

.team_img {
  z-index: 9;
  display: inline-block;
  float: left;
  margin-right: 30px;
  width: 45%;
}

.team_info {
  text-align: left;
  padding-top: 25px;
  padding-right: 30px;
}

.team_info h4 {
  margin-top: 0px;
  margin-bottom: 26px;
  font-size: 22px;
  position: relative;
  display: inline;
}

.team_info h4::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 1px;
  background:
    #19C133;
  left: 0px;
  bottom: 0px;
  margin-bottom: -6px;
}

.team_info p {
  margin-top: 15px;
  margin-bottom: 28px;
}

.team_info li {
  display: inline-block;
  text-align: center;
}

.team_info i {
  color: #fff;
  font-size: 15px;
  border: 1px solid #19C133;
  width: 30px;
  height: 30px;
  line-height: 28px;
  background: #19C133;
}

.team_info i:hover {
  color: #19C133;
  background: transparent;
}

.owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  background: transparent;
  display: block;
  border: 1px solid #19C133;
  border-radius: 50%;
}

.owl-theme .owl-dot.active span {
  background: #19C133;
}


/*----------------------------------------------------
    Single Page
------------------------------------------------------*/
/*  25. Single Page Header
================================= */

header {
  position: relative;
  text-align: center;
  color: #fff;
  background-color: rgba(32, 32, 32, 0.74);
  height: 700px;
}

header .container {
  position: relative;
  z-index: 10;
}

header.blog-banner {
  background: transparent url("../images/header.jpg");
  color: #FFF;
  box-sizing: border-box;
  height: 400px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}

header.blog-banner .col-sm-12 {
  height: 400px;
  display: grid;
  place-content: center;
  grid-template-columns: 1fr;
  text-align: left;
}

.blog-header h4 {
  color: #2b343b;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  margin-top: auto;
  position: absolute;
  bottom: 0px;
  left: 15px;
  background: #effcfa;
  padding: 15px 20px;
  margin-bottom: 0px;
}

.blog-header h4 a {
  color: #2b343b;
}

.blog-header h3 {
  color: #2b343b;
  text-transform: capitalize;
  font-size: 55px;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 0px;
}

.blog-header h4 a:hover {
  color: #19C133;
}


/* =================================
    26. Team page 
================================= */
.team_pg {
  margin-bottom: -30px;
}

.team_pg .team_item {
  margin-bottom: 30px;
}

/* =================================
    27. Service page
================================= */


.service_pg_quote {
  background: url("../images/quote-bg.jpg") no-repeat;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}

.service_pg_quote::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0px;
  background: #999797;
  z-index: 1;
  opacity: .2;
}

.service_pg_quote .contact-form-warper {
  background: #FFF;
  position: relative;
  z-index: 99;
  border-radius: 5px;
  padding: 61px 60px 70px;
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, .08);
  max-width: 630px;
  margin: auto;
}

.service_pg_quote .contact-form-warper h2 {
  text-align: center;
  margin-bottom: 25px;
}

.service_pg_quote .contact-form-warper .con-field{
  border: 2px solid transparent !important;
  border-bottom: 1px solid #f0e6e6 !important; 
  padding-left: 0px; 
  -webkit-text-fill-color: unset;
  color: #060606;
}
.service_pg_quote .nice-select {
  border: 2px solid transparent !important;
  border-bottom: 1px solid #f0e6e6 !important; 
  padding-left: 0px;   
  color: #5a5454;
}
.quote-section.service_pg_quote .nice-select { 
  color: #5a5454;
}
 
.service_pg_quote .contact-form-warper textarea {
  margin-bottom: 0px;
}
 
.service_pg_quote .nice-select::after {
  border-bottom: 2px solid #19C133;
  border-right: 2px solid #19C133;
  right: 7px;
}

.service_pg_quote .contact_col_left i {
  color: #19C133;
  right: 20px;
}

.service_pg_quote .contact_col_full {
  margin-left: -15px;
  text-align: left;
  margin-top: 20px;
}

.service_pg_quote .contact-form-warper #submit-contact:hover {
  background: #262c33;
  color: #fff;
}

/*---------------------------------------------------- 
   Client Section 
------------------------------------------------------*/
.client-section {
  padding-top: 45px;
  padding-bottom: 34px;
  border-top: 1px solid #EBEDF4;
}

.client-section .item,
.client-section .item img,
.client-section .item:hover,
.client-section .item:hover img {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}

.client-section .owl-theme .owl-controls {
  margin-top: 10px;
}

.client-section .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}

.client-section .item img {
  opacity: .7;
}

.client-section .item:hover img {
  opacity: 1;
}


/* =================================
    28. Gallery page
================================= */
.project_pg_proj {
  padding-bottom: 105px;
}

.project_pg_proj .col-md-12 {
  margin-bottom: 15px;
}


/* =================================
    Gallery page One
================================= */

.gallery_pg_one {
  background: #fff;
  padding-bottom: 70px;
}

.work-section .row .col-xs-12:nth-child(4) {
  margin-left: 16.7%;
}

.work-section .row .col-xs-12:nth-child(5) {
  margin-left: -16.7%;
}

.work-section .row .col-md-6 {
  max-width: 33.33%;
}

/* Work items ------------------*/

.single-project-item {
  background-image: url(../images/work-1.jpg);
}

.project-bg-2 {
  background-image: url(../images/work-2.jpg);
}

.project-bg-3 {
  background-image: url(../images/work-3.jpg);
}

.project-bg-4 {
  background-image: url(../images/work-4.jpg);
}

.project-bg-5 {
  background-image: url(../images/work-5.jpg);
}

.project-bg-6 {
  background-image: url(../images/work-6.jpg);
}

.project-bg-7 {
  background-image: url(../images/work-7.jpg);
}

.project-bg-8 {
  background-image: url(../images/work-8.jpg);
}

.single-project-item {
  background-color: #ddd;
  background-position: center center;
  background-size: cover;
  height: 350px;
  margin-bottom: 30px;
}

.projects-titles {
  list-style: outside none none;
  text-align: center;
  margin-bottom: 45px;
  margin-top: -5px;
  width: 100%;
}

.projects-titles li {
  color: #2b343b;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  transition: all 0.3s ease 0s;
  margin-left: 5px;
  text-transform: uppercase;
  position: relative;
  padding: 10px 40px;
  border: 1px solid #ccd2d7;
  font-size: 15px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.project-hover span,
.project-hover a {
  color: #fff;
}

.projects-titles li.active {
  color: #FFF;
  background: #19C133;
  border: 1px solid #19C133;
}

.project-hover h6 {
  color: #fff;
  font-size: 22px;
  text-transform: capitalize;
  letter-spacing: 0px;
  margin-top: 24px;
  margin-bottom: 2px;
  position: relative;
}

.project-hover span {
  display: block;
  font-size: 15px;
  font-weight: normal;
  padding-top: 0px;
  text-transform: capitalize;
  position: relative;
}

.single-project-item .project-link i {
  position: relative;
  font-size: 15px;
  background: #fff;
  color: #333;
  border-radius: 50%;
  padding: 8px 10px;
}

.project-hover {
  position: relative;
  height: 100%;
}

.project-hover::before {
  background: #292626;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease 0s;
}

.single-project-item:hover .project-hover:before {
  opacity: .7;
  transition: all 0.4s ease 0s;
}

.single-project-item:hover .project_cnt {
  opacity: 1;
  transition: all 0.4s ease 0s;
  padding-top: 130px;
}

.project_cnt {
  text-align: center;
  padding-top: 114px;
  opacity: 0;
  transition: all 0.4s ease 0s;
}


/* =================================
    Gallery page Two
================================= */
.project_pg_two {
  background: #fff;
  padding-top: 95px;
}

.project_pg_two .base-header h2 {
  color: #2b343b;
}


/*=====================================
  30. Single Gallery Page
=====================================*/

.portfolioitem {
  margin-bottom: 30px;
  display: grid;
}

.portfolio-single-detail {
  background: #F6F8FA;
  padding: 40px 40px;
  position: absolute;
  top: -35px;
  left: 40px;
  border-top: 2px solid #19C133;
}

.portfolio-single-detail h4,
.project-details h4 {
  font-size: 22px;
  text-transform: capitalize;
  margin-bottom: 15px;
  margin-top: 0px;
}

.project-details h3 {
  font-size: 30px;
}

.portfolio_socialic h4 {
  margin-bottom: -14px;
}

.portfolio_socialic {
  margin-top: 30px;
}

.portfoliodesc hr {
  border-top: 1px solid #efeded;
}

.portfoliodesc .project-details p {
  margin-top: 0px;
}

.portfolio-single-detail {
  background: #F6F8FA;
  padding: 40px 40px;
}

.portfolio-single-detail .social-icons {
  margin-bottom: 0px;
  margin-top: 30px;
  margin-left: 0px;
}

.project-detail-list strong {
  display: inline-block;
  min-width: 90px;
  position: relative;
  margin-right: 12px;
  text-transform: uppercase;
  font-size: 13px;
  color: #333;
}

.project-detail-list strong::before {
  position: absolute;
  content: ":";
  right: -5px;
}

.portfolio-single-detail ul {
  margin-bottom: 0px;
}

.social-icons>li {
  padding: 0 2px 5px 2px;
  display: inline;
}

.social-icons>li>a {
  color: #1E1C1C;
}

.social-icons>li>a i {
  font-size: 16px;
  padding-right: 5px;
  color: #333;
}

.social-icons>li>a i:hover {
  color: $orange;
}


/*  Singlr gallery Info List */

.project_info_list {
  position: relative;
}

.project_info_content {
  padding-left: 84px;
}

.project_info_icon {
  position: absolute;
}

.project_info_icon i {
  font-size: 50px;
  color: #19C133;
  position: relative;
  top: 2px;
}

.project_info_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
  margin-top: 40px;
}

.project_info_content h4 {
  font-size: 22px;
  margin-bottom: 7px;
}

/* Client goal */
.row.proj_client_goal {
  margin-top: 36px;
}

.proj_client_goal_dtls {
  margin-left: 20px;
}

.proj_client_goal_dtls ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
}

.proj_client_goal_dtls ul li {
  margin: 3px 0px;
}

.proj_client_goal_dtls ul li i {
  margin-right: 10px;
  color: #19C133;
  font-weight: ;
  font-size: 12px;
}

/*  Related Project */
.related_work {
  background: #F6F8FA;
  padding-bottom: 70px;
}




/* =================================
    31. Contact page 
================================= */
.contact_pg_contact {
  padding-top: 95px;
  padding-bottom: 100px;
  background: #fff;
}

.contact_pg_contact .contact-form {
  padding-right: 20px;
}

.contact_pg_contact .contact_wrp {
  padding: 0px;
  background: transparent;
  position: relative;
}

.map-container iframe {
  width: 100%;
  height: 408px;
  border: none;
  margin-bottom: 50px;
}

.contact_pg_address {
  padding: 40px 40px 36px;
  border: 1px solid #9da7ae;
  border-radius: 3px;
}

.contact_pg_address h3 {
  margin-bottom: 27px;
  font-size: 32px;
  letter-spacing: 0px;
  line-height: 38px;
  margin-top: -2px;
}

.single_con_add p {
  margin: 0;
  color: #515050;
  margin-top: 0px;
}

.single_con_add p:nth-child(2) {
  margin-top: -10px;
  font-weight: bold;
}

.contact_pg_address .single_con_add {
  overflow: hidden;
  margin-bottom: 0px;
  margin-top: 15px;
  padding: 10px 0px;
}

.contact_pg_address .single_con_add a {
  display: block;
  float: left;
  color: #515050;
  margin-top: 6px;
}

.contact_pg_address .single_con_add a i {
  font-size: 20px;
  margin-top: 1px;
  color: #515050;
  border: 1px solid #515050;
  border-radius: 50%;
  padding: 10px 13px;
  margin-right: 15px;
}

.contact_pg_address .single_con_add span {
  display: block;
  padding-left: 45px;
}


.contact_pg_contact .contact-form-warper .nice-select {
  border: solid 1px #9da7ae;
}

.contact_pg_contact .contact-form-warper .nice-select {
  color: #7d7575;
}

.contact_pg_contact .nice-select::after {
  border-bottom: 2px solid #19C133;
  border-right: 2px solid #19C133;
}

.contact_pg_contact .contact-form-warper .con-field {
  color: #282828;
  border: 1px solid #9da7ae;
}

.contact_pg_contact .contact_col_left i {
  color: #19C133;
}

.contact_pg_contact .contact-form-warper #submit-contact:hover {
  background: #262c33;
  color: #fff;
}

/* =================================
    32. Pricing page 
================================= */
.pricing-section .base-header {
  padding-bottom: 120px;
}

.pricing-box {
  background: #effcfa;
  position: relative;
  text-align: center;
  padding: 85px 30px 30px 30px;
  z-index: 9;
}

.pric_icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -58px;
  z-index: 99;
}

.pric_icon i {
  font-size: 70px;
  color: #fff;
  background: #19C133;
  border-radius: 50%;
  line-height: 110px;
  width: 120px;
  height: 120px;
  display: block;
  border: 5px solid transparent;
}

.pricing-box h3 {
  color: ;
  font-size: 24px;
  border-bottom: 1px solid rgba(228, 228, 228, 0.63);
  padding-bottom: 20px;
}

.pricing-box p {
  color: #555555;
  padding-bottom: 15px;
}

.pricng_lst {
  margin-bottom: 28px;
}

.pricng_lst span {
  color: #505050;
  display: block;
  position: relative;
  width: 211px;
  margin: auto;
  text-align: left;
  padding-left: 30px;
  margin-bottom: 5px;
}

.pricng_lst span::after {
  content: "\f046";
  position: absolute;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  color: #333;
  bottom: 0;
  margin-bottom: 5px;
  margin-left: 0px;
}

.feature_pric .pricing-box {
  box-shadow: 0 0 23px rgba(24, 35, 51, 0.08);
  background: #FFF;
}

.pricing-box::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 100%;
  height: 0%;
  background: #19C133;
  transition: .3s;
  opacity: 0;
}

.pric_icon i:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0px;
  top: 0px;
  right: 0px;
  transform: scale(0, 0);
  transition: all 500ms ease;
  background: #fff;
}


.feature_pric .more-link {
  background: ;
}

.pricing-box .more-link {
  border-radius: 50%;
  padding: 6px 6px 6px;
  font-size: 32px;
}

.pricing-box .more-link::before {
  color: #fff;
  background: #19C133;
}

/* hover */
.pricing-box:hover::after {
  opacity: 1;
  height: 100%;
  transition: .3s;
  z-index: -1;
}

.pricing-box:hover .pric_icon i {
  border: 5px solid #19C133;
  background: #19C133;
  z-index: 99;
  position: relative;
  color: #19C133;
}

.pricing-box:hover h3,
.pricing-box:hover .pricng_lst span,
.pricing-box:hover .pricng_lst span::after {
  color: #fff;
}

.pricing-box:hover .pric_icon i:after {
  transform: scale(1, 1);
  z-index: -1;
}

.pricing-box .more-link:hover {
  color: #fff;
}

.pricing-box:hover .more-link:before {
  background: #fff;
  color: #19C133;
}

.pricing-box:hover .more-link {
  background: #fff;
  color: #19C133;
}

.pricing-box:hover {
  box-shadow: 0 0 23px rgba(24, 35, 51, 0.08)
}

/* =================================
    33. Single Service page 
================================= */
.single_service {
  padding: 100px 0px;
}

.single_service .row .col-lg-8 {
  order: 1;
}


.single_service_left p {
  margin-bottom: 20px;
}

.service_detail_bottom .service_botom_text {
  padding-right: 15px;
}

.single_service_left img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.single_service_left img:hover {
  -webkit-transform: scale3d(1.01, 1.01, 1);
  transform: scale3d(1.01, 1.01, 1);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.single_service_left {
  overflow: hidden;
}

.service_detail_bottom h4 {
  margin-top: 50px;
  margin-bottom: 20px;
}

.service_detail_bottom .service_botom_text1 {
  padding-left: 15px;
}

.single_service_right {
  padding-left: 0px;
}

.single_service .service_botom_text,
.single_service .service_botom_text1 {
  margin-top: 12px;
}

.single_service .service_botom_text1 {
  margin-top: 20px;
}

.single_service_left_botom .sing_service_item .icon-serv {
  margin-top: 0px;
  margin-bottom: 25px;
}

.single_service_left_botom .sing_service_item .icon-serv i {
  color: #19C133;
  font-size: 55px;
}

.single_service_left_botom .sing_service_item {
  padding: 40px 35px 30px;
  margin-bottom: 0px;
  margin-top: 15px;
  text-align: center;
  border: 1px solid #E2E3E3;
}

.single_service h4 {
  letter-spacing: 0px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 0px;
}

.single_service_left h4 {
  margin-bottom: 20px;
  margin-top: 35px;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0px;
}

.single_service_cat h4 {
  margin-top: 0px;
}

.single_service_cat {
  margin-bottom: 30px;
}

.single_service_cat ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.single_service_cat ul .active {
  border-left: 2px solid #19C133;
}

.single_service_cat ul li {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  text-align: left;
  padding: 18px 5px 18px 25px;
  border-radius: 2px;
  background: #F1F6FA;
  border-left: 2px solid transparent;
}

.single_service_cat ul li:hover a {
  color: #19C133;
}

.single_service_cat ul li:hover {
  border-left: 2px solid #19C133;
}

.single_service_cat ul li:hover:after {
  color: #19C133;
}

.single_service_cat ul li a {
  font-size: 16px;
  display: block;
  position: relative;
  z-index: 99;
  color: #61657a;
  text-transform: capitalize;
}

.single_service_cat ul li::after {
  content: '\e8cc';
  font-family: "custom-icons";
  right: 25px;
  top: 18.5px;
  color: #9fcc02;
  position: absolute;
  font-weight: bold;
  font-size: 9px;
  margin-left: 23px;
}

.service_contact {
  margin-bottom: 30px;
  background: #F1F6FA;
  padding: 30px 35px 15px;
}

.service_contact i {
  font-size: 16px;
  color: #19C133;
}

.service_contact .fa-globe {
  position: relative;
  top: -25px;
}

.service_contact p {
  font-size: 16px;
  display: inline-block;
  margin-left: 14px;
  margin-bottom: 14px;
}

.download_brochur {
  background: #F1F6FA;
  padding: 30px 35px 25px;
  overflow: hidden;
}

.download_brochur ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.download_brochur .files li {
  position: relative;
  margin-bottom: 10px;
}

.download_brochur .files li a {
  position: relative;
  display: block;
  color: #515050;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  padding: 13px 2px;
  border-radius: 5px;
  border: 1px solid #19C133;
  text-align: center;
  text-transform: uppercase;
}

.download_brochur .files li a:hover {
  background-color: #19C133;
  border: 1px solid #19C133;
  color: #fff;
}

.download_brochur .files li a:hover .fa {
  color: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.download_brochur .files li a .fa {
  position: relative;
  line-height: 24px;

  padding-right: 8px;
  color: #19C133;
}

.download_brochur p {
  margin-bottom: 25px;
  margin-top: -5px;
}

/* Service Book Appointment */
.service_book {
  background: #F1F6FA;
  padding: 30px 35px 25px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.service_book h4 {
  margin-bottom: 20px;
}

.service_book .contact-form-warper input {
  line-height: 40px;
  margin-bottom: 5px;
  padding: 0px 15px;
  color: #1a1919;
}

.service_book .contact-form-warper .nice-select {
  height: 44px;
  line-height: 41px;
  padding: 0px 15px;
  color: #797474;
}

.service_book .contact_col_left i {
  color: #19C133;
  right: 37px;
  margin-top: -14px;
}

.service_book .contact-form-warper .nice-select::after {
  border-bottom: 2px solid #19C133;
  border-right: 2px solid #19C133;
}

.service_book .contact-form-warper .nice-select:focus {
  border-color: #e6d8d8;
}

.service_book .contact-form-warper #submit-contact {
  padding: 18px 29px;
  margin-top: 15px;
}

.service_book .contact-form-warper #submit-contact:hover {
  background: #262c33;
  color: #fff;
}

/*  Cleaning Process Section
--------- -------------*/
.cleaning_process {
  margin-top: 40px;
  margin-bottom: 30px;
}

.img_process {
  position: relative;
}

.img_process i {
  background: #fff;
  font-size: 40px;
  box-shadow: 0 0 20px rgba(51, 51, 51, .1);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  line-height: 100px;
  color: #19C133;
}

.img_process span {
  position: absolute;
  left: 50%;
  background: #19C133;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(51, 51, 51, .1);
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: -50px;
}

.process_text h4 {
  margin-top: 25px;
  margin-bottom: 13px;
}

.process_text {
  text-align: center;
}

.process-item {
  text-align: center;
}

.angle_icon {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: 32px;
  margin-right: -70px;
}




/* =================================
    34. Blog Page
================================= */

.blog_container {
  padding-bottom: 100px;
  padding-top: 100px;
}

.blog_pg_wrp {
  margin-bottom: 30px;
}

.blog_container .blog_pg_img img {
  height: auto;
  width: 100%;
}

.blog_pg_info {
  padding: 30px 40px 0px;
  border: 1px solid #eee0e0;
}

.blog_pg_info h4 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 20px;
  margin-top: 13px;
}

.blog_pg_info h4:hover {
  color:
    #19C133;
}

.blog_pg_meta {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eee0e0;
  padding: 23px 0px 9px;
  margin-top: 27px;
}

.blog_container .blog_date span {
  background: #19C133;
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
}

.blog_container .meta_col {
  margin-bottom: 15px;
}

.blog_container .meta_col span {
  margin-right: 15px;
  color: #262c33;
}

.blog_container .meta_col span i {
  margin-right: 5px;
  color: #19C133;
}

.blog_read i {
  background: #F1F6FA;
  border-radius: 50%;
  padding: 8px 10px;
}

.blog_read:hover i {
  background: #19C133;
  color: #fff;
}

/* - Pagination */

.pagination {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

.pagination .pager {
  text-align: center;
  width: 100%;
  margin: 0px 0px;
  position: relative;
  padding: 0;
}

.pager li {
  position: relative;
  padding: 0px 0px;
  display: inline;
}

.pager .pagi-big a {
  font-weight: 500;
  color: #fff;
  background: #19C133;
}

.pager li a {
  border-radius: 0;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 0;
  color: #fff;
  font-weight: 500;
  border: 1px solid #ddd;
  background: transparent;
  color: #333;
  width: 50px;
  display: inline-block;
  height: 50px;
  line-height: 47px;
  border-radius: 50%;
  margin-right: 5px;
}

.pager li a.active {
  background-color: #19C133;
  color: #fff;
  border: 1px solid #19C133;
}

.pager-icon {
  font-size: 14px;
  left: 0px;
  position: relative;
  top: 6px;
  font-weight: 700;
  letter-spacing: 2px;
}

.pager-icon:hover {
  color: #000;
}

.pagination .pager li>a:focus,
.pagination .pager li>a:hover {
  background-color: #19C133;
  color: #fff;
  border: 1px solid #19C133;
}

/* -- Widget Area */

.widget-area {
  text-align: center;
}

/* - Widget */

.widget {
  display: inline-block;
  margin-bottom: 45px;
  width: 100%;
  background: #F1F6FA;
  padding: 30px;
}

/* - Widget Search */

.widget {
  margin-bottom: 30px;
}

.widget-search {
  display: block;
  background: #F1F6FA;
  border: 1px solid #F2F1F0;
  padding: 5px 10px;
}

.widget-search .input-group {
  padding-bottom: 6px;
  padding-top: 6px;
}

.widget-search .input-group input {
  background: transparent none repeat scroll 0% 0%;
  border: 0px none;
  border-radius: 0px;
  transition: none 0s ease 0s;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  color: #8F8F8F !important;
  height: auto;
}

.widget-search .input-group button {
  background: #19C133;
  border: medium none;
  font-size: 14px;
  color: #fff;
  padding: 11px 12px;
  border-radius: 50%;
  margin-right: 5px;
}

.input-group-btn {
  left: 0px;
}

/* - Widget Title */

.widget .widget-title:after {
  position: absolute;
  background: #19C133;
  bottom: 0;
  width: 65px;
  height: 2px;
  content: "";
  left: 0;
}

.widget .widget-title {
  font-size: 22px;
  text-transform: capitalize;
  text-align: left;
  letter-spacing: 0px;
  margin: -5px 0px 30px;
  position: relative;
  padding: 0px 0px 8px;
  position: relative;
}

/* - Categories Type */

.categories-type li {
  padding: 4px 10px;
  letter-spacing: 0.5px;
  color: #e1e1e1;
  list-style: square;
}

.widget-post-categories .categories-type {
  text-align: left;
  display: inline-block;
  margin-top: -10px;
  width: 100%;
  margin-left: 15px;
}

.categories-type li a {
  color: #262c33;
}

.categories-type li:hover a {
  color: #19C133;
}

.categories-type li span {
  float: right;
  clear: both;
}

/* - Recent Post */

.wiget-recent-post {
  background: #F1F6FA;
  padding: 30px;
}

.recnt_pst_imge {
  width: 30%;
  float: left;
  margin-right: 15px;
}

.recnt_pst_imge img {
  height: 69px;
}

.recent-post-box {
  display: inline-block;
  padding-bottom: 20px;
  width: 100%;
  position: relative;
}

.recent-post-box:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.recent-title {
  text-align: left;
  display: inline-block;
  width: 64%;
}

.recent-title>a {
  font-size: 18px;
  margin-top: -4px;
  display: inline-block;
  color: #262c33;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
}

.recent-title>a:hover {
  text-decoration: underline;
}

.recent-title>span {
  font-size: 13px;
  color: #515050;
  margin-top: -8px;
  margin-bottom: 0px;
}

.recent-title>span i {
  color: #19C133;
  margin-right: 4px;
}

/* - Widget Tags */

.widget-tags {
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
}

.widget-tags .widget-title {
  display: inline-block;
  width: 100%;
}

.widget-tags>a {
  color: #262c33;
  text-decoration: none;
  border: 1px solid #ddd6d6;
  padding: 6px 13px;
  display: inline-block;
  margin-bottom: 3px;
  font-size: 13px;
}

.widget-tags>a:hover {
  color: #fff;
  border-color: #19C133;
  background: #19C133;
}

/*
  Blog Page 
================================= */

.blog_quote {
  margin-top: 0px;
  border-bottom: 1px solid #ece3e3;
  padding-bottom: 15px;
}

.single_blog_container .blog_quote h3 {
  letter-spacing: 0px;
  display: block;
  margin-top: 28px;
  margin-bottom: 13px;
  font-weight: 400;
  font-size: 26px;
}

.single_blog_container .marked {
  background: #F1F6FA;
  font-size: 20px;
  border-left: 2px solid #19C133;
  padding: 30px;
  line-height: 30px;
  margin: 20px 0px 17px;
}

.single_blog_container .marked span {
  color: #19C133;
  font-size: 15px;
  display: block;
  margin-top: 8px;
}

.blog_quote_right p {
  position: relative;
  margin-top: 0px;
}

.blog_quote_icon_botom {
  font-size: 50px;
  position: absolute;
  right: 223px;
  top: 72px;
  color: #dcdcdc;
}

.blog_quote p {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 0px;
}

/*=================================
   Post Tag and SHare 
================================= */
.post_share.footer_socil {
  width: 30%;
  text-align: right;
  margin-top: 30px;
}

.post_share .list-icons {
  padding-left: 0;
  list-style: none;
  text-align: right;
  float: right;
  margin-bottom: 0px;
}

.post_share .list-icons li {
  margin-bottom: 0px;
  margin-top: 5px;
}

.post_share .list-icons li a {
  padding-right: 0px;
  padding-left: 10px;
}

.post_tags {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.post_tags h5 {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
}

.post_tags a {
  background: #19C133;
  color: #fff;
  padding: 6px 10px;
  margin: 0px 2px;
  border-radius: 2px;
}

/*=================================
  35. Single Blog Page 
================================= */

.single_blog_container {
  padding-bottom: 100px;
}

.single_blog_container .blog_pg_info {
  overflow: hidden;
  padding: 30px 40px 30px;
}

.single_blog_container .blog_date span {
  margin-right: 2px;
}

/* Comment */
.single_blog_container .comment_imgg {
  width: 100px;
  float: left;
  margin-right: 25px;
}

.comments-section-title h4 {
  margin-top: 0px;
  font-size: 24px;
  margin-bottom: 18px;
  letter-spacing: 0px;
  text-transform: capitalize;
  text-align: left;
  font-weight: 600;
  padding: 15px 0px;
}

.comments {
  padding: 0px;
  margin: 0px;
  margin-top: -40px;
}

.comment_cont_wrp {
  position: relative;
}

.comments li {
  list-style: outside none none;
}

.comments li .comment {
  padding: 40px 0px 27px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background: transparent;
  margin-top: 10px;
}

.comments li .comment img.comment-avatar {
  border-radius: 50%;
}

.comments li .comment strong.commenter-title {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  display: block;
  color: #8B8B8B;
}

.comments li .comment strong.commenter-title a {
  font-size: 20px;
  color: #262c33;
  font-family: 'Poppins', sans-serif;
}

.comments li .comment span.comment-date {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 0px;
  text-transform: uppercase;
}

.comments li .comment span.comment-reply {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 4px;
}

.comments li .comment span.comment-reply a {
  transition: all 0.5s ease 0s;
  font-size: 18px;
  padding: 7px 8px;
  text-transform: uppercase;
  color: #19C133;
  background: #F1F6FA;
  border-radius: 50%;
}

.comments li .comment span.comment-reply a:hover {
  background: #19C133;
  color: #fff;
}

.comments li .comment span.comment-reply a i {
  font-size: 11px;
}

.comments li .comment p:last-child {
  margin-bottom: 0px;
  overflow: auto;
}

.comments li>ul {
  padding-bottom: 7px;
  padding-left: 30px;
  border-top: 1px solid #ece3e3;
}

.comments li .comment p {
  margin-top: 7px;
}

.blog-contact {
  padding: 0px;
}

.blog-contact #contact-form {
  padding: 40px 40px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .09);
  background: #fff;
}

.blog-contact .form-control {
  color: #555;
  background-color: #f3f3f3;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 1px;
  box-shadow: none;
  line-height: 2.429;
}

.blog-contact .form-group {
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 0px;
}

.form-control:focus {
  border: 1px solid #fff;
  border: 1px solid #19C133;
  box-shadow: none;
  border-left: 3px solid #19C133;
}

.blog-contact textarea {
  line-height: 20px !important;
}

.blog-contact .contact-form #contact-form .con-field {
  line-height: 50px;
  margin-bottom: 20px;
  background: #f1f3f4;
  border: 0px solid #e6d8d8;
  color: #333;
  padding-left: 20px;
}

.blog-contact .contact-form #contact-form textarea {
  padding-top: 15px;
  padding-left: 20px;
}

.blog-contact #submit-contact:hover {
  background: #2b343b;
  color: #fff;
}

/*-
  post-option 
------------------------------*/

.post-option {
  position: relative;
  padding: 25px 25px;
  margin-top: 50px;
  margin-bottom: 40px;
  border: 1px solid #ece3e3;
  display: flex;
  justify-content: space-between;
}

.post-option .arrow-icon {
  font-size: 28px;
  border: 1px solid #19C133;
  border-radius: 50%;
  padding: 5px 6px;
  color: #19C133;
  position: relative;
  top: 3px;
}

.post-option .arrow-icon:hover {
  color: #fff;
  background: #19C133;
}

.post-option .prev-post,
.post-option .next-post {
  position: relative;
  font-size: 13px;
  color: #111;
  text-transform: uppercase;
}

.post-option .prev-post:hover,
.post-option .next-post:hover {
  color: #19C133;
}

.post-option .middle-icon a {
  position: relative;
  color: #19C133;
  font-size: 27px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  margin-top: 4px;
}

.post-option .middle-icon a:hover {
  color: #B9B3B3;
}