/*html*/
html{scroll-behavior:smooth;}

.zindex5{z-index:5;}
.zindex4{z-index:4;}
.zindex3{z-index:3;}
.zindex2{z-index:2;}
.zindex1{z-index:1;}
.zindex-1{z-index:-1;}
.zindex-2{z-index:-2;}

/*preloader*/
.sp-pre-loader img {
    width: 400px!important;
}

.sp-pre-loader {
background: url(/images/0-ecokindee/others/preload-bg.jpg);
}



/*body*/
#sp-main-body,
#sp-footer,
#sp-page-title {
    padding-left: 0px !important;
}


/*zindex*/
.zindex-1{z-index:-1;}
.zindex1{z-index:1;}
.zindex2{z-index:2;}
.zindex3{z-index:3;}
.zindex4{z-index:4;}
.zindex5{z-index:5;}




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

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

/*renovate row padding*/

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



/*container*/
@media(min-width: 1400px) {.sppb-row-container {max-width: 1200px!important;}}





/*project title 01*/
.sppb-addon.sppb-addon-header.project-title.project-title-01 {padding-left: 100px;}
@media (max-width: 767px){.sppb-addon.sppb-addon-header.project-title.project-title-01 {padding-left: 0px;}}


/*arrows*/
section .fa-angle-left:before {
content: url(/images/0-MissRenovate/icons/prev-arrow2.png)!important;
}
section .fa-angle-right:before {
content: url(/images/0-MissRenovate/icons/next-arrow2.png)!important;
}

/*header*/
.header-title-01 span {font-weight: 800;text-shadow: 0 8px 12px black;}.header-title-01 {text-transform: uppercase;}
header#sp-header {position: fixed;background: transparent;box-shadow: none;}
header#sp-header.scrolled {background: #fff;}
.burger-icon>span {background-color: #09186c;}
li.sp-menu-item.current-item.active {position: relative;}li.sp-menu-item.current-item.active:before {content: '';width: 15px;height: 15px;background: #357638;top: -8px;position: absolute;border-radius: 100px;margin: auto;left: 0;right: 0;}
.project-animated-heading {margin-top: 10px;}

/*menu*/
.sp-dropdown-items li.sp-menu-item.current-item.active:before {
    display: none;
}

.sp-dropdown-inner {
    background: none!important;
    box-shadow: none!important;
    padding: 0!important;
}

.sp-dropdown-items li.sp-menu-item {
    padding: 23px 15px;
    background: #357638;
    border-radius: 100px;
    margin-bottom:10px;
}

.sp-dropdown-items li.sp-menu-item:hover{
    background: #fe6829   ;
}

.sp-dropdown-items li.sp-menu-item a{
    padding: 15px 15px!important;
    color:#fff!important;
    font-family: 'mohr-bold';
    letter-spacing: 1px;
    width: 100%;
}

.offcanvas-inner .menu li {
    margin: 10px 0px;
}


/*bottom line*/
footer#sp-footer {margin-top: 0px;position: relative;}
footer#sp-footer:before {/* top: -45px; */border: 1px solid #0d2258;width: 100%;height: 0px;position: absolute;content: '';right: 0;left: 0;margin: auto;}



/*bottom*/
.sppb-addon.sppb-addon-single-image.project-bottom-logo {width: 150px;}
#sp-footer ul.menu li a {font-size: 16px;line-height: 2.2;font-family: 'cg-reg';color:#a2a2a2;}
#sp-footer ul.menu li{margin:0;}
#sp-footer .sp-module-title, section#sp-copyright h3 {font-size: 18px;font-weight: 500;font-family: 'cg-bold';line-height: 48px;margin: 0;}
#sp-footer ul.menu li a:hover{color:#fff;}

@media (max-width: 767px){
#sp-bottom1 .sppb-row-container {padding: 0;}
#sp-footer .sp-module-title {margin-top: 20px;}}

@media (max-width: 767px){
#sp-bottom {
    padding: 80px 0px 0px 0px!important;
}}


/*copyright*/
span.sp-copyright {font-size: 16px;}
#sp-copyright2 .sppb-row-container {padding: 0;}
section#sp-copyright a{font-size: 16px;line-height: 2.2;font-family: 'cg-reg';color:#a2a2a2;}
section#sp-copyright a:hover{color:#fff;}

@media (max-width: 767px){
#sp-copyright>div>div>div {flex-direction: column-reverse;}
section#sp-copyright {padding-top: 30px;}
div#sp-copyright1 {margin-top: 30px;}}


/*scroll up*/
.sp-scroll-up {bottom: 30px;left: 35px;width: 50px;height: 50px;line-height: 50px;}
@media screen and (max-width: 767px){
.sp-scroll-up {bottom: 25px;left: 15px;width: 50px;height: 50px;line-height: 50px;}}
    
/*livecat*/
ul.fab-options button{border-radius: 100px!important;}

@media screen and (max-width: 767px){
label.fabchat {bottom: 0px;right: 4px;}}



/*map*/
.leaflet-popup-content a {color: #000!important;text-decoration: underline;}


/*bottom*/
#sp-bottom:after {height: 0px;}
section#sp-bottom a {color: #357638!important;}
#sp-bottom h3.sp-module-title {color: #0d2258!important;text-transform: uppercase;font-family: 'mohr-black';font-weight: 900!important;margin-bottom: 15px!important;}
#sp-bottom a {font-family: 'arial-rounded';font-size: 16px;font-weight: normal;transition:0.5s ease;}
#sp-bottom a:hover {opacity:0.5;transition:0.5s ease;}
.project-bottom-info i {line-height: 30px;}
#sp-bottom .sp-module ul>li {margin-bottom: 10px;}
@media (min-width: 1400px) {#sp-bottom .container {max-width: 1200px!important;}}
#sp-bottom1 a:hover {opacity: 1;}




/*footer*/
#sp-footer {color: #0d2258;text-align:center;}#sp-footer .sp-copyright, #sp-footer .sp-copyright a {color: #0d2258;text-align:center;font-weight:700;}#sp-footer .sp-copyright a:hover {color: orange;}



/*sppage - overall*/