html {
  overflow-x: hidden;
}

body {
    letter-spacing: 0px!important;
}

:focus {
    outline: none !important;
}
@media(max-width:991px){
#sp-main-body {
    padding: 50px 0px;
}}


/*-------------------------
			FONT
--------------------------*/
h1 { font-size: 35px !important; line-height:1.2!important; }
h2 { font-size: 35px !important; line-height:1.2!important; }
h3 { font-size: 35px !important; line-height:1.2!important; }
h4 { font-size: 35px !important; line-height:1.2!important; }
h5 { font-size: 25px !important; line-height:1.2!important; }
h6 { font-size: 20px !important; line-height:1.2!important; }
body {font-size: 14px !important;line-height:1.8!important;}

@media (min-width: 768px) and (max-width: 991px){
h1 { font-size: 30px !important; line-height:1.2!important; }
h2 { font-size: 30px !important; line-height:1.2!important; }
h3 { font-size: 30px !important; line-height:1.2!important; }
h4 { font-size: 25px !important; line-height:1.2!important; }
h5 { font-size: 20px !important; line-height:1.2!important; }
h6 { font-size: 18px !important; line-height:1.2!important; }
body { font-size: 14px !important; line-height:1.2!important; }
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 18px!important;}
}
  
@media(max-width:768px){
h1, h1.sppb-addon-title { font-size: 30px !important; line-height:1.2!important; }
h2, h2.sppb-addon-title { font-size: 30px !important; line-height:1.2!important; }
h3, h3.sppb-addon-title { font-size: 26px !important; line-height:1.2!important; }
h4, h4.sppb-addon-title { font-size: 22px !important; line-height:1.2!important; }
h5, h5.sppb-addon-title { font-size: 20px !important; line-height:1.2!important; }
h6, h6.sppb-addon-title { font-size: 16px !important; line-height:1.2!important; }
body {font-size: 14px !important;line-height: 1.5!important;}
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 16px!important;}
}
.sppb-addon-divider-wrap {
    line-height: 0;
}


/*-------------------------
   row-padding
--------------------------*/
.es-padding-top {
    padding-top: 80px!important;
}
@media screen and (max-width: 991px){
.es-padding-top {
    padding-top: 50px!important;
}}

.es-padding-bottom {
    padding-bottom: 80px!important;
}
@media screen and (max-width: 991px){
.es-padding-bottom {
    padding-bottom: 50px!important;
}}
.es-padding-both {
    padding: 80px 0 80px 0!important;
}
@media screen and (max-width: 991px){
.es-padding-both {
    padding: 50px 0 50px 0!important;
}}

/*-------------------------
   logo
--------------------------*/
.logo img {
    width: 180px;
    height: auto;
}

/*-------------------------
   DROPDOWN
--------------------------*/

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffffff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
    padding: 0;
    text-align: left;
}









/*-------------------------
   BOTTOM 4
--------------------------*/
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container { margin-bottom: 0 !important; }
#sp-bottom .sppb-media-heading{
    display: none!important;
}
#sp-bottom4 .sppb-icon .sppb-icon-container i {
    line-height: 27px!important;
}


@media only screen and (max-width: 480px){
#sp-bottom {
    padding: 50px 0 !important;
  }}


/*----------------------------------------
     		   GALLERY
---------------------------------------*/
.com-speasyimagegallery.view-albums #sp-main-body{padding:50px 0px 30px 0px;}

.com-speasyimagegallery.view-album #sp-main-body{padding:50px 0px 30px 0px;}

.com-speasyimagegallery.view-albums .page-header {display: none;}

.com-speasyimagegallery.view-album .page-header {display: none;}


/*----------------------------------------
     		   FAQ
---------------------------------------*/
span.sppb-panel-title {
    color: #464646;
}

.sppb-panel-modern>.sppb-panel-heading {
    background: #fff;
    padding: 10px;
    border-radius: 5px!important;
}

.fa-plus-circle:before {
    color: green;
}



/*----------------------------------------
     		   BOTTOM
---------------------------------------*/
@media (min-width: 768px) {
div#sp-bottom2, div#sp-bottom3, div#sp-bottom4 {
    display: flex;
    align-items: center;
    justify-content: center;
}}

div#sp-bottom4 .sppb-addon-feature .sppb-addon-text {
  font-size: 14px;
}

#sp-bottom #sp-bottom2 ul.nav.menu li {
  margin-bottom: 0px;
}
/*----------------------------------------
     		   FOOTER
---------------------------------------*/
footer#sp-footer {
    position: relative;
}

footer#sp-footer:before {
    position: absolute;
    content: '';
    background: #464646;
    /* height: 1px; */
    width: 800px;
    margin: auto;
    left: 0;
    right: 0;
    top: 9px;
}

@media screen and (max-width:600px){
footer#sp-footer {
    padding-bottom: 90px;
}}

#sp-footer a { font-weight: 400; }

/*-------------------------
     OFFCANVAS
--------------------------*/ 


.offcanvas-menu {
    BACKGROUND:#fff!important;
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
    border-left: 4px solid #298928!important;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 80px 30px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color:#464646!important;
}

.offcanvas-menu li.current.active a {
  color: #fff!important;
  font-weight: 900!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
    background: #50b450 !important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: #464646 !important;
  color:#fff!important;
}
  

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{
  background: #298928 !important;
  color:white!important;
}

/*for display child*/
.offcanvas-menu ul.menu-child {
    display: inherit !important;
}

i.fa.fa-remove {
    color: #298928;
}


.gm-style-iw-d input.button {
    background: #257f25;
    color: #fff;
    border: 0;
    letter-spacing: 0.5px;
    padding: 8px 15px;
}

/**************feature box**************/
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
  border: 0px solid transparent;
  padding: 0px;
}
.sppb-addon.sppb-addon-feature.sppb-text-center {
  padding: 0 !important;
  border: 0px !important;
}
.sppb-addon.sppb-addon-feature.sppb-text-center:hover {
  background: transparent !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
  background: transparent;
  border: 0px;
  padding: 0px;
  color: inherit;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-title.sppb-feature-box-title {
  color: inherit !important;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-text {
  color: inherit !important;
}
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-text,
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-addon-title.sppb-feature-box-title,
.sppb-section:not(.spectrum-faq-list)
  .sppb-addon-feature:hover
  .sppb-icon
  span
  i {
  color: inherit !important;
}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text br {
    display: block;
}}
/*-------------------------
     LIVE CHAT
--------------------------*/ 
#hover_text {top: 14%!important;}


/*-------------------------
     Checkout confirm
--------------------------*/ 
a.upload-button2 {
    background: #2ebf5e;
    color: #fff;
    padding: 15px 20px;
    text-transform: capitalize;
}

a.upload-button2:hover {
    background: #000;
    color: #fff;
    padding: 15px 20px;
    text-transform: capitalize;
}



/*live chat*/
#hover_text {top: 14%!important;}


@media (max-width: 767px){
.no-padding-mobile .sppb-col-md-6:nth-child(1) {
    padding: 0;
}}


/*testimonial*/
.sppb-carousel-extended-item {
    background: #fff;
    border: 2px solid green;
    border-radius: 30px;
    padding: 50px;
    color:#000;
}

.sppb-testimonial-carousel-message {
    color: #000!important;
    font-size: 16px!important;
    min-height: 100px;
}

@media (max-width: 767px){
.sppb-testimonial-carousel-message {
    color: #000!important;
    font-size: 14px!important;
    min-height: 100px;
    line-height: 1.5!important;
}}


.sppb-testimonial-carousel-name {
    font-size: 14px!important;
    color: #579233!important;
    font-weight: 900;
}

.sppb-testimonial-carousel-designation {
    color: #000!important;
}

.nav-control {
    border: 2px solid #579233!important;
    background: #fff;
}

.sppb-carousel-extended-nav-control .nav-control.next-control {
    float: right;
    margin-right: -38px
}

.sppb-carousel-extended-nav-control .nav-control.prev-control {
    float: left;
    margin-left: -38px;
}

.fa.fa-long-arrow-left:before,
.fa.fa-long-arrow-right:before{
    line-height: 0px;
    top: -2px;
    position: relative;
}

@media (max-width: 767px){
.nav-control {
display:none;
}

.sppb-carousel-extended-item {
    padding: 50px 15px;
}}    


/*----------------------------------------
        BULLET
---------------------------------------*/
.bullet-points li {
list-style-type:none;
}

.bullet-points ul li:before{
    position: absolute;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 15px;  
    left:15px;
}

.bullet-points ul {
    padding-left: 20px;
}






select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #008000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(77 183 77);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(96 209 96)!important;
}


div#bfPage2 {
    padding: 20px 50px;
    background: #45a250;
    border-radius: 15px;
    max-width: fit-content;
    margin: auto;
    color: #fff;
}

div#bfPage2 p{
    margin:0px;
}