:root{
    --blanco: #fff;
    --negro: #000;
    --verde: #008742;
    --color-primary: #008742;
    --color-secondry: #000;
    --color-hover: #008742;
}

/*************
Header
*************/
.logo-header{
    padding: 15px 0;
}
.header-nav{
    padding: 10px 0;
}
.logo-header img{
    width: 300px;
    height: auto;
}
.header-curve .logo-header:before, .header-curve .logo-header:after{
    background: #000;
}
/*************
Servicios
*************/
#servicios{
    position: relative;
    z-index: 9;
}
/* #servicios:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: -1;
} */
#servicios .titleBox{
    color: #fff;
    font-weight: 300;
    font-size: 23px;
    line-height: 25px;
}
.service-box-4 .service-images .imgCircle{
    border-color: var(--verde);
}
.service-box-4:hover .service-images .boxIcon .imgIcon{
    border: 0;
}
.service-box-4 .service-images .boxIcon{
    background: var(--verde);
    font-size: 40px;
    width: 70px;
    height: 70px;
    border-radius: 40px;
    position: absolute;
    bottom: 10px;
    line-height: 70px;
    right: 10px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    border: 0;
}
.service-box-4 .service-images .boxIcon .imgIcon{
    background: var(--verde);
    width: 45px;
    height: auto;
    border-radius: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: none;
    border: 0;
}
/*************
Productos
*************/
#productos{
    background: #000;
}
#productos .titleSection{
    color: var(--verde);
}
.site-footer .icon-content{
    min-height: 115px;
}


/*************
Nosotros | Interior
*************/
#nosotrosTest .fillsvg{
    width: 50px;
    height: auto;
}
#nosotrosTest .fillsvg .cls-1{
    fill: #fff;
}
#nosotrosTest.box-about-list .icon-bx-wraper:hover .fillsvg .cls-1{
    fill: var(--verde);
}

/*************
Servicios | Interior
*************/
#serviciosInt .service-box.style3 .icon-bx-wraper{
    min-height: 600px;
}
#serviciosInt .fillsvg .cls-1{
    fill: var(--verde);
    transition: .5s ease-in-out;
}
#serviciosInt .service-box.style3 .icon-bx-wraper:hover .fillsvg .cls-1{
    fill: #fff;
}

/*************
Producto nacional | Interior
*************/
#productoNacional .titleBlock{
    color: var(--verde);
}
@media screen and (max-width: 1600px) {
    #productoNacional .titleBlock{
        font-size: 35px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1480px) {
    #productoNacional .titleBlock{
        font-size: 30px;
        line-height: 35px;
    }
}
#productoNacional .titleBlock span{
    font-weight: 500;
    color: #000;
}
#productoNacional .titleBlock.white{
    color: #fff;
}
#productoNacional .titleBlock.white span{
    font-weight: 500;
    color: #fff;
}
#productoNacional .textBlock{
    font-size: 25px;
    margin-bottom: 10px;
    line-height: normal;
}
@media screen and (max-width: 1600px) {
    #productoNacional .textBlock{
        font-size: 20px;
    }
}
@media screen and (max-width: 1480px) {
    #productoNacional .textBlock{
        font-size: 16px;
    }
}

.box-about-list .icon-bx-wraper .dlab-tilte{
    text-decoration: none;
}

/*************
Producto importacion | Interior
*************/
#productoImportacion .titleBlock{
    color: var(--verde);
}
@media screen and (max-width: 1600px) {
    #productoImportacion .titleBlock{
        font-size: 35px;
        line-height: 40px;
    }
}
@media screen and (max-width: 1480px) {
    #productoImportacion .titleBlock{
        font-size: 30px;
        line-height: 35px;
    }
}
#productoImportacion .titleBlock.mt-3{
    margin-top: 35px!important;
}
#productoImportacion .titleBlock span{
    font-weight: 500;
    color: #000;
}
#productoImportacion .titleBlock.white{
    color: #fff;
}
#productoImportacion .titleBlock.white span{
    font-weight: 500;
    color: #fff;
}
#productoImportacion .titleBlock.green{
    color: #fff;
}
#productoImportacion .titleBlock.green span{
    font-weight: 500;
    color: var(--verde);
}
#productoImportacion .textBlock{
    font-size: 25px;
    margin-bottom: 15px;
    line-height: normal;
    margin-bottom: 0px;
}
#productoImportacion .textBlock.strong{
    font-size: 23px;
    font-weight: 700;
    margin-top: 20px;
}
@media screen and (max-width: 1600px) {
    #productoImportacion .textBlock{
        font-size: 20px;
    }
    #productoImportacion .textBlock.strong{
        font-size: 25px;
    }
}
@media screen and (max-width: 1480px) {
    #productoImportacion .textBlock{
        font-size: 16px;
    }
    #productoImportacion .textBlock.strong{
        font-size: 20px;
    }
}


/*************
Footer
*************/
.footer-gray-1 .footer-top, .footer-gray-1 .footer-bottom{
    background-color: #000;
}
.footer-info-bar{
    background-color: #323232;
}
.footer-info-bar .icon-bx-wraper.bx-style-1{
    background: var(--verde);
}
.footer-info-bar .icon-bx-wraper.bx-style-1 .dlab-tilte{
    color: #fff;
}
.footer-info-bar .icon-bx-wraper.bx-style-1 p,
.footer-info-bar .icon-bx-wraper.bx-style-1 a{
    color: #fff;
}
.footer-info-bar .icon-bx-wraper.bx-style-1 .icon-sm{
    color: #fff;
}
footer .list-2 li{
    width: 100%;
    font-size: 15px;
}
footer .list-2 li:before{
    color: var(--verde);
}
.footer-top{
    padding: 40px 0 0;
}
.footer-top .titleWidget{
    color: var(--verde);
    font-size: 20px;
    font-weight: 500;
}
.footer-top .logoWidget{
    width: 100px;
}
.footer-bottom{
    border-top: 1px solid rgba(255,255,255,0.4);
}
.footer-bottom span{
    color: #fff;
}
footer a, footer a:visited{
    color: #fff;
}
.footer-bottom .logoBottom{
    width: 130px;
    height: auto;
}