/*===================================== 
Global Css
======================================*/
.justify-text{
    text-align: justify !important;
}
.center-text{
    text-align: center !important;
}
/*===================================== 
INICIO "BULLETS" SLIDER 
======================================*/
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.absolute-center {
    position: relative;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: auto;
}
.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#fff;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}
.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}
.bullet-container{position:absolute;bottom:12px;right:12px;margin-top:-30px;}
.bullet-i{width:16px !important;height:16px !important;}
.bullet-svg{position:absolute;top:0;left:0;width:100%;height:100%;}
.jssora061 {display:block;position:absolute;cursor:pointer;}
.jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {opacity:.3;pointer-events:none;}
/*===================================== 
FIN "BULLETS" SLIDER 
======================================*/
/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/
.chat-bubble{
    margin-bottom: 65px;
    margin-right: 45px;
    z-index: 9999999!important;
}
#chatWidgetIframe{
    right: 120px!important;
    bottom: 65px!important;
    z-index: 99999!important;
}
@media only screen and (max-width: 480px){  
    #chatWidgetIframe{
        right: 0px!important;
        bottom: 120px!important;
        max-height: 550px;
    }
}  
#chatIcon img{
    width: 45px!important;
    height: 45px!important;
    margin-bottom: 1px;
    margin-right: 1px;
    padding-bottom: 0!important;
}
.scroltop{
    margin-bottom: 80px!important;
}
.wt-bnr-inr-entry h1{ text-transform: uppercase !important; }
.trans a{
    font-weight: 700 !important;
    text-transform: uppercase;
}
.call-to-action a{
    font-weight: 700 !important;
    text-transform: uppercase;
}
.call-to-action button{
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 10px 50px 10px 50px;
}
.masonry-filter > li.active a{
    color: #a0ce4e !important;
}
.widget-post a {
   color: #3d474a;
}
.wt-icon-box-wraper a{
    color: #3d474a;
}
.wt-post-readmore a{
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
}
.form-control{
    border: 2px solid #3d474a !important;
}
.input-group-addon{
    border: 2px solid #3d474a !important;
    border-right: none !important;
}
.wt-gallery-bx h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a0ce4e !important; }
.blog-post a{
    color: #3d474a;
}
.about-types i{
    margin-top: -8px;
}
 .trans{
    width: auto;
    display: flex;
    justify-content: center;
 }
 @media only screen and (max-width: 767px) {
    .trans {
        margin-left: 21px !important;
    }
    .section-full .somos-background{
        background-image: none !important;
    }	
}
.margin-somos{
    margin-top: 30px !important;
}
.margin-msomos{
    margin-top: -30px !important;
}
.margin-somos-detalle{
    margin-top: 55px !important;
    text-align: initial;
}
.margin-title{
    margin-bottom: 35px;
}
.margin-our-numbers{
    margin-top: -65px;
}
.margin-contactarnos{
    margin-top: -60px;
}
.margin-contactarnos .container {
    margin-top: -45px;
}
.margin-blog-title{
    margin-bottom: 50px;
    margin-top: -25px;
}
.margin-clients-title{
    margin-top: -40px;
}
.margin-fotorama {
    margin-top: 35px;
}
.margin-story{
    margin-top: -15px;
}
.margin-story-title{
    margin-top: -35px;
}
.margin-other-services{
    margin-top: -110px;
}
.margin-contact-services{
    margin-top: -60px;
}
.margin-product-detail{
    margin-top: -40px;
    margin-bottom: 40px;
}
.margin-other-products{
    margin-top: -90px;
    margin-bottom: 60px;
}
.margin-contacto{
    margin-top: 40px;
    margin-bottom: 50px;
}
.margin-contacto-form{
    margin-left: 100px;
margin-right: 100px;
margin-bottom: 30px;
}
.wt-breadcrumb>li a{
    color: #676767 !important;
}
.masonry-filter>li a{
    color: #676767 !important;
}
.ptb50{
    padding-top: 50px !important;
}
.client-logo-carousel .item{
    margin-top: 40px;
}
.font-size-name{
    font-size: 20px !important;
}
.p-a16{
    padding: 16px;
}
.datosdecontacto{
    font-size: 17px;
    color: #3d474a;
}
.acontacto{
    color: #3d474a;
}
.arrowup {
    color: #ffffff;
}
.carousel-margin {
    margin-top: 17px;
}
.imagen-izquierda {
    margin-left: -105px;
}
.manobicho{
    width: 10%;
    position: absolute;
    z-index: 1;
    margin-top: 20px;
}
.afooter{
    font-size: 15px;
}
.logomovil{
    display: none !important;
}
.logopc{
    display: initial !important;
}
@media only screen and (max-width: 767px) {
    .logomovil{
        display: initial !important;
    }
    .logopc{
        display: none !important;
    }
    .manobicho {
        right: 0;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .logops1 {
        margin-left: 29px;
    }
}
.flotante{
    position: fixed;
    bottom: 250px;
    right: 0px;
    z-index: 99999;	
}
.flotante2{
    position: fixed;
    bottom: 200px;
    right: 0px;
    z-index: 99999;	
}
.flotante3{
    position: fixed;
    bottom: 150px;
    right: 0px;
    z-index: 99999;	
}
.flotante4{
    position: fixed;
    bottom: 100px;
    right: 0px;
    z-index: 99999;	
}
.flotante5{
    position: fixed;
    bottom: 50px;
    right: 0px;
    z-index: 99999;	
}
.centrar{
    text-align: center;
}
.parrafo{
    font-size: 20px !important;
    text-shadow: 1px 1px #000;
}
.titulo{
    font-size: 28px;
    text-shadow: 1px 1px #000;
}
.company{
    margin-top: -48px;
}
.small-logo {
    width:57%;
    height: 140px !important;
    margin-top: -18px !important;
}
.small-transform{
    -webkit-transform: translate(0,48px);
    transform: translate(0%,48%);
}
#contacto-form .inputContainer .form-control {
    padding-right: 10px;
}
/* Adjust feedback icon position */
#contacto-form .inputContainer .form-control-feedback {
    right: -15px;
}
/* testimonial slider contacto referencial */
.testimonial{
    padding: 70px 30px 50px;
    margin: 50px 30px 30px;
    border: 1px solid #98ac22;
    position: relative;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #98ac22;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    color: #5e595b;
    line-height: 27px;
    text-align: center;
    margin: 0;
    position: relative;
}
.testimonial .description:before{
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 25px;
    color: #d7d7d7;
    position: absolute;
    top: 0;
    left: -2px;
}
.testimonial .title{
    display: inline-table;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #98ac22;
    font-size: 20px;
    font-weight: 700;
    color: #98ac22;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
}
.testimonial .post{
    font-size: 15px;
    color: #98ac22;
}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 38%;
}
@media only screen and (max-width: 479px){
    .testimonial{ padding: 70px 10px 30px; }
    .testimonial .description:before{ top: -20px }
    .testimonial .title{ font-size: 12px; }
    .testimonial .post{ font-size: 11px; }
}