@import url('https://fonts.googleapis.com/css?family=Patua+One');
.patua {font-family: 'patua One', 'Arial Black', sans-serif;}
.naranja {color: #fa5621;}
.f-naranja {background-color: #fa5621;}
.f-azul {background-color: #29a7de;}
.gris {color: #666666;}
.blanco {color: #ffffff;}
#carouselclientes .carousel-control-next-icon {background-image: url(../images/next.png) !important;}
#carouselclientes .carousel-control-prev-icon {background-image: url(../images/prev.png) !important;}
.producto {position: relative;}
.etiqueta {background: rgba(102, 102, 102, 0.541);    color: #FFF;    border: 0;    font-size: 20px;    padding: 5px 30px;    border-radius: 0; position: absolute;    width: 60%; margin-left: 20%; bottom: 50px; text-align: center;}

#carouselclientes .carousel-control-prev, #carouselclientes  .carousel-control-next {width: 7%;}

.inline li{
    display: inline-block;  vertical-align: top;
}
.frase{
    background-image: url("../images/bg-1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
.frase p{
    font-size: 20px;
    color: #FA5621;
    padding-top: 20px;
    font-weight: 600;
}

.call{
    padding: 60px 0;
}
.bg-2{
    background: url('../images/bg-2.jpg') no-repeat;
    background-size: 100%;
}
.bg-3{
    background: url('../images/bg-3.jpg') no-repeat;
    background-size: 100%;
}
.bg-4{
    background: url('../images/bg-4.jpg') no-repeat;
    background-size: 100%;
}
.titulo, .titulo1{
    background: #FA5621;
    color: #ffffff;
    padding: 5px;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    margin-top:-30px;
}
.titulo1{
    margin-top: 0;
}
.desc{
    width: 60%;
    padding-top:10px;
}
.img-t {
    margin-top: -90px;
}
.boton{
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: 50px;
}
.btn.btn-default {
    background: rgba(102, 102, 102, 0.541);
    color: #FFF;
    border: 0;
    font-size: 20px;
    padding: 5px 30px;
    border-radius: 0;
}
.m-t{
    margin-top: 40px;
}

.impresion{
    padding-bottom: 50px;
}

.cta-azul{background: url('../images/bg-cta1.jpg'); background-repeat: repeat-x; background-position: bottom;}
.cta-naranja{background: url('../images/bg-cta2.jpg'); background-repeat: repeat-x; background-position: bottom;}

.text-cta {
    padding-top: 21%;
    color: #fff;
}
.btn.cta {
    background: #333333;
    color: #fff;
    border-radius: 30px;
    font-size: 16px; 
    padding: 10px 30px;
}
.btn.cta:hover {
    background: #2b2b2b;
}
.btn.ws{
    background: #39B14A;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    padding: 10px 30px;
}
.iconos img{
    float: left;
}

.iconos1{
    padding: 0;
    text-align: center;
}
.iconos1 li{
    display: inline-block;
    width: 24.5%;
    vertical-align: top;
}
.contac {
    list-style: none;
}
.contac li{
    padding-bottom: 15px;
    font-size: 18px;
}
.fab.fa-facebook-square, .fab.fa-instagram,.fab.fa-linkedin{
    color: #2B8FCD;
    font-size: 24px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-right: 3px;
}
.contac li a {color: #fff;}
.contac li i.fas{
background: #2B8FCD;
color: #fff;
width: 35px;
height: 35px;
text-align: center;
border-radius: 50%;
line-height: 35px;
float: left; 
margin-right: 10px;   
}
.bg-grey{background:#EEEEEE; }
.bg-grey-2{
    background: #666666;
    color: #fff;
    padding: 30px 0;
}
.bottom{
    background: #29A7DE;
    color:#fff;
    text-align: center;
    padding: 10px 0;
}

@media screen and (max-width:768px) {
    .modal-header h3 {margin-top: 0; margin-bottom: 0.1rem; font-size: 1.2rem;}
    .bg-grey{ padding-top: 10px;}
    .logo {text-align: center;}
    header ul, footer ul {padding-left: 0;}    
    .mobile {display: none;}
    .iconos1 li {width: 49%; padding: 1rem;}
    .text-cta {    padding-top: 0;    color: #fff;    margin-top: -0.1rem;}
    .cta .btn.cta, .cta .btn.ws {margin: 1rem 0;}
    .cta img.pull-right {width: 340px;}
    .producto p {margin: 0;}
    .producto .cta {margin: 2rem 0;}
    #carouselclientes .carousel-item img {width: 94%;}
    .bg-2, .bg-3 {margin-bottom: 6rem}
    .producto {margin:0;}
    .etiqueta {display: none;}
}

@media screen and (min-width: 768px){
    .bg-grey{ padding-top: 150px;}
    .producto {margin: 1rem 0;}
    .logo, .redes{ padding: 20px 0;}
    .redes {text-align: right;}
    #carouselclientes .carousel-item img {width: 80%;}
    .accion {position: absolute; width: 93%; height: 100%; z-index: 9; display: none;}
    .producto:hover .accion{display: block;}
}

.logo_en {
    width: 120%;
    padding: 10px;
}
.upper {
    font-weight: 800;
}
.idioma{
         width: 9%;
    position: absolute;
    right: -30px;
}