html, body, p, h1, h2, h3, ul, li, img, a, blockquote{
    margin:0;
    padding:0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	
	    font-family: 'Cabin', sans-serif !important;
}
img, a{
    outline:none;
    border:none;
}
a[href^=tel]{
    color:inherit;
    color:#
}
ul, li{
    list-style: none;
}
html, body{
    height: 100%;
}
body{
    font-family: 'Fira Sans', sans-serif;
    color:#000;
    font-size:12px;
    background:#FFF;
}
h2{
    font-family: 'Cabin', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size:48px;
    line-height: 1.6;
}
h3{
    font-family: 'Bitter', serif;
    letter-spacing: 1px;
}
body .escritorio{
    display: block !important;
}
body .mobile{
    display: none !important;
}
.contenedor{
    height: 100%;
}
#aviso-cookies{
    display:none;
    position:fixed;
    bottom:40px;
    right:20px;
    width:340px;
    font-size:12px;
    line-height: 1.6;
    text-align: left;
    padding:10px;
    color:#000;
    background:#EEE;
    z-index:100;
}
    #aviso-cookies a{
        text-decoration: underline;
        color:#414851;
    }
    #aviso-cookies .aceptar{
        font-weight: 700;
        padding:1px 8px;
        text-decoration: none;
        color:#FFF;
        background:#666;
    }
        .escritorio #aviso-cookies .aceptar:hover{
            background:#333;
        }
        
header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    font-family: 'Cabin', sans-serif;
    font-size:15px;
    text-transform: uppercase;
    font-weight: 700;
    z-index:500;
}
header .contacto{
    position:absolute;
    top:18px;
    left:0;
    color:#FFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding:2px 7px 2px 15px;
    -webkit-opacity:1;
    opacity:1;
    background: rgba(0,0,0,0.2);
    z-index:100;
    
    -webkit-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
    -moz-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
    -ms-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
    -o-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
    transition: top 0.5s, opacity 0.7s, z-index 0.5s;
}
    .escritorio header .contacto:hover{
           color: white;
    }
    header.activo .contacto{
        top:33px;
        -webkit-opacity:0;
        opacity:0;
        z-index:-1;

        -webkit-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
        -moz-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
        -ms-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
        -o-transition: top 0.5s, opacity 0.7s, z-index 0.5s;
        transition: top 0.5s, opacity 0.7s, z-index 0.5s;
    }
    #abrir-menu{
        position:absolute;
        top:0;
        right:0;
        width:60px;
        height:50px;
        text-indent:-9999px;
        background-color:rgba(0,0,0,0.2);
        z-index:500;

        -webkit-transition: top 0.5s;
        -moz-transition: top 0.5s;
        -ms-transition: top 0.5s;
        -o-transition: top 0.5s;
        transition: top 0.5s;
    }
     header.activo #abrir-menu{
        top:-50px;
    }
        #abrir-menu:after{
            position:absolute;
            top:12px;
            left:18px;
            content:'';
            display:block;
            width:28px;
            height:26px;
            background:url('../img/interface/sprite.png') no-repeat 0 -40px;
        }
        .escritorio #abrir-menu:hover{
            background-color:rgba(0,0,0,0.5);
        }
    #cerrar-menu{
        position:absolute;
        right:0;
        top:-60px;
        width:20px;
        height:20px;
        text-indent:-9999px;
        padding:10px;
        background:url('../img/interface/sprite.png') no-repeat -38px -35px;
        z-index:500;

        -webkit-transition: top 0.6s;
        -moz-transition: top 0.6s;
        -ms-transition: top 0.6s;
        -o-transition: top 0.6s;
        transition: top 0.6s;
    }
        header.activo #cerrar-menu{
            top:0;
        }
        .escritorio #cerrar-menu:hover{
            opacity:0.6;
        }
    header .contenedor-menus{
        background:#e9e9e9;
        z-index:200;

        -webkit-transition: max-height 0.6s;
        -moz-transition: max-height  0.6s;
        -ms-transition: max-height 0.6s;
        -o-transition: max-height 0.6s;
        transition: max-height 0.6s;
        max-height:0;
        overflow: hidden;
    }
    header.activo .contenedor-menus{
        max-height: 150px;
        -webkit-overflow-scrolling: touch;
    }
    header .navegacion{
        float:left;
    }
    header .logo{
        float:right;
        width:155px;
        height:36px;
        padding:18px;
        margin-right:52px;
    }
        header .logo a{
            display:block;
            width:155px;
            height:36px;
            text-indent:-9999px;
            background:url('../img/interface/minnim.png') no-repeat center center;
        }
    .selector-idioma{
        font-size:10px;
        font-weight: 700;
        margin:5px 6px 10px 8px;
        overflow: hidden;
    }
        .selector-idioma li{
            float:left;
            line-height: 1;
            padding:0 6px 0 0;
            margin:0 0 0 6px;
            border-right:1px solid #000;
        }
        .selector-idioma li:last-child{
            border-right:none;
        }
        .selector-idioma a{
            color:#000;
            text-decoration: none;
        }
            .escritorio .selector-idioma a:hover{
                color:#666;
            }
    .menu-pral{
        margin:5px 6px 20px 6px;
        overflow: hidden;
    }
        .menu-pral li{
            float:left;
            line-height: 1.3;
            letter-spacing: 1px;
            padding:0 8px 0 0;
            margin:0 0 0 8px;
            border-right:1px solid #000;
        }
        .menu-pral li:last-child{
            border-right:none;
        }
            .menu-pral li a{
                color:#000;
                text-decoration: none;
            }
                .escritorio .menu-pral li a:hover{
                    text-decoration: underline;
                }
    .menu-pral ul,
    .menu-pral .submenu{
        float:left;
    }
    header .col-izq{
        float:right;
    }
    header .redes{
        display: block;
        margin: 22px 35px;
    }
        .redes li{
            display:inline-block;
            text-align: left;
            margin:0 3px;
        }
            .redes li a{
                display:block;
                width: 25px;
                height: 25px;
                text-align: left;
                text-indent: -9999px;
                background-repeat: no-repeat;
                background-image:url('../img/interface/sprite.png');
            }
            .redes .facebook a{
                background-position:0 0;
            }
            .redes .twitter a{
                background-position:-40px 0;
            }
            .redes .pinterest a{
                background-position:-80px 0;
            }
            .redes .youtube a{
                background-position:-120px 0;
            }
            .redes .linkedin a{
                background-position:-160px 0;
            }
            .redes li a:hover{
                opacity:0.6;
            }
    .contenido{
        position:relative;
    }
    
    
    .error_404{
        text-align: center;
    }
        .error_404 .contenido{
            font-family: 'Bitter', sans-serif;
            padding:50px 0;
        }
        .error_404 h1{
            font-size:404px;
            line-height:1;
        }
        .error_404 .contenido p{
            font-size:42px;
            text-transform: uppercase;
        }
    
    
    
    
    .home .contenido.pral {
        height:100%;
        overflow: hidden;
        
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
    }
    .home .contenido .inicio a{
        text-decoration: none;
        color:#FFF;
    }
    .home .contenido .inicio {
        position:relative;
        width:100%;
        height:101%;
        display:table;
        overflow: hidden;
        background:#000;
    }
        .home .inicio .centrado{
            position:relative;
            width:100%;
            height:100%;
            display:table-cell;
            text-align: center;
            vertical-align: middle;
        }
        .home .inicio .topo{
            position: relative;
            width:210px;
            height:370px;
            text-align: left;
            text-indent: -9999px;
            margin:0 auto 40px;
            background:url('../img/interface/neepa-white.png') no-repeat center center;
            background-size:100% auto;
            z-index:10;
            opacity:0;
            -webkit-opacity:0;
        }
        .loaded.home .inicio .topo{
            opacity:1;
            -webkit-opacity:1;
    
            -webkit-transition: opacity 1s;
            -moz-transition: opacity 1s;
            -ms-transition: opacity 1s;
            -o-transition: opacity 1s;
            transition: opacity 1s;

            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }
        .home .inicio .textos{
            position:relative;
        }
        .home .contenido .bloque{
            position:relative;
            opacity:0;
            -webkit-opacity:0;
            z-index:10;
            margin-bottom:5px;
        }
        .home .contenido .inicio a{
            position:relative;
            display:inline-block;
            text-decoration: none;
            color:#FFF;
            opacity:1;
            text-shadow: 0px 0px 5px rgb(0,0,0);
            -webkit-opacity:1;

                -webkit-transition: opacity 1s;
                -moz-transition: opacity 1s;
                -ms-transition: opacity 1s;
                -o-transition: opacity 1s;
                transition: opacity 1s;
         }
        .loaded.home .contenido .bloque{
            opacity:1;
            -webkit-opacity:1;
    
            -webkit-transition: opacity 1s;
            -moz-transition: opacity 1s;
            -ms-transition: opacity 1s;
            -o-transition: opacity 1s;
            transition: opacity 1s;
         }
            .loaded.home .contenido .b-1{

                -webkit-transition-delay: 1s;
                transition-delay: 1s;
            }
            .loaded.home .contenido .b-2{

                -webkit-transition-delay: 1.5s;
                transition-delay: 1.5s;
            }
            .loaded.home .contenido .bloque.inactivo a{
                pointer-events: none;
                opacity:0;
                -webkit-opacity:0;

                -webkit-transition: opacity 1s;
                -moz-transition: opacity 1s;
                -ms-transition: opacity 1s;
                -o-transition: opacity 1s;
                transition: opacity 1s;
            }
        .inicio h2{
            display:inline-block;
            font-family: Cabin,sans-serif;
            font-size: 36px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 5px;
            text-transform: uppercase;
            color:#FFF;
            margin:0 auto 3px;
        }
            .home .inicio .bloque p{
                position:absolute;
                bottom:-50px;
                left:0;
                right:0;
                font-family: 'Bitter', serif;
                font-size: 18px;
                font-weight: 400;
                letter-spacing: 1px;
                color:#FFF;
                opacity:0;
                -webkit-opacity:0;
                pointer-events:none;
            }
            .escritorio.home .inicio .bloque a:hover p,
            .seccion-1.home .inicio .bloque a p{
                bottom:-24px;
                opacity:1;
                -webkit-opacity:1;

                -webkit-transition: opacity 1s, bottom 1s;
                -moz-transition: opacity 1s, bottom 1s;
                -ms-transition: opacity 1s, bottom 1s;
                -o-transition: opacity 1s, bottom 1s;
                transition: opacity 1s, bottom 1s;

                -webkit-transition-delay: 0;
                transition-delay: 0;
            }
                    .inicio .aviso-touch{
                        position:absolute;
                        top:0;
                        left:0;
                        right:0;
                        display:none;
                        width:400px;
                        text-align: center;
                        font-family: 'Bitter', serif;
                        font-size: 18px;
                        font-weight: 400;
                        letter-spacing: 1px;
                        color:#FFF;
                        -webkit-opacity:0;
                        opacity:0;
                        margin:0 auto;
                        z-index:10;
                    }
                    .home.loaded.touch .inicio .aviso-touch{
                        display:inline-block;
                        
                        -webkit-animation: parpadeo 3s;
                        -webkit-animation-iteration-count: infinite;
                        animation: parpadeo 3s;
                        animation-iteration-count: infinite;
                        -webkit-animation-delay: 1s;
                        animation-delay: 1s;
                    }
                    @-webkit-keyframes parpadeo {
                        0% {opacity: 0;}
                        30% {opacity: 1;}
                        60% {opacity: 1;}
                        100% {opacity: 0;}
                    }
                    @keyframes parpadeo {
                        0% {opacity: 0;}
                        30% {opacity: 1;}
                        60% {opacity: 1;}
                        100% {opacity: 0;}
                    }
                .home.touch .inicio .bloque a{
                    -webkit-opacity:0;
                    opacity:0;
                    
                    -webkit-transition: opacity 1s;
                    -moz-transition: opacity 1s;
                    -ms-transition: opacity 1s;
                    -o-transition: opacity 1s;
                    transition: opacity 1s;
                    
                    pointer-events: none;
                }
                .home.touch .inicio.activo .aviso-touch{
                    display: none;
                }
                .home.touch .inicio.activo .bloque a{
                    -webkit-opacity:1;
                    opacity:1;
                    pointer-events: auto;
                }
.intro-canvas{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}
    .intro-canvas[resize]{
        width:100%;
        height:100%;
        background:#da251c;
    }      
    .seccion-1.home .contenido.pral{
        height:50%;
        
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
        transition: height 0.5s;
    }      
    .seccion-directa.home .contenido.pral{
        height:50%;
    }
        .seccion-1.home .inicio .b-2{
            visibility: hidden;
        }
    .seccion-directa.home .contenido.pral{
        height:50%;
    }
            
            
        .home .intro{
            text-align: center;
            
        }
            .home .intro h3{
                font-family: 'Cabin', sans-serif;
                font-size:32px;
                letter-spacing: 3px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom:50px;
            }
            .home .intro ul{
                display:block;
            }
                .home .intro li{
                    position:relative;
                    display:inline-block;
                    max-width: 220px;
                    min-height: 70px;
                    font-size:16px;
                    font-family: 'Bitter', sans-serif;
                    vertical-align: top;
                    padding:72px 3% 14px;
                    border-right:1px solid #000;
                }
                    .home .intro li:last-child{
                        border-right:none;
                    }
                    .home .intro li .bloque{
                        position:relative;
                        bottom:-100px;
                        opacity:0;
                        -webkit-opacity:0;
                    }
                    .home.seccion-1 .intro li .bloque{
                        bottom:0;
                        opacity:1;
                        -webkit-opacity:1;

                        -webkit-transition: opacity 0.8s, bottom 1s;
                        -moz-transition: opacity 0.8s, bottom 1s;
                        -ms-transition: opacity 0.8s, bottom 1s;
                        -o-transition: opacity 0.8s, bottom 1s;
                        transition: opacity 0.8s, bottom 1s;
                    }
                        .home.seccion-1 .intro li:nth-child(2) .bloque{
                            -webkit-transition-delay: 0.3s;
                            transition-delay: 0.3s;
                        }
                            .home.seccion-1 .intro li:nth-child(3) .bloque{
                                -webkit-transition-delay:0.6s;
                                transition-delay: 0.6s;
                            }
                    .home.seccion-directa .intro li .bloque{
                        bottom:0;
                        opacity:1;
                        -webkit-opacity:1;
                    }


                    .home .intro li:before{
                        position:absolute;
                        top:2px;
                        left:50%;
                        content:'';
                        width:65px;
                        height:65px;
                        margin:0 0 0 -32px;
                        background:url('../img/interface/sprite.png') no-repeat 0 -160px;
                        opacity:0;
                        -webkit-opacity:0;
                    }
                    .home.seccion-1 .intro li:before{
                        opacity:1;
                        -webkit-opacity:1;

                        -webkit-transition: opacity 0.5s;
                        -moz-transition: opacity 0.5s;
                        -ms-transition: opacity 0.5s;
                        -o-transition: opacity 0.5s;
                        transition: opacity 0.5s;
                        
                        -webkit-transition-delay: 0.9s;
                        transition-delay: 0.6s;
                    }
                        .home.seccion-1 .intro li:nth-child(2):before{
                            -webkit-transition-delay: 1.1s;
                            transition-delay: 0.8s;
                        }
                            .home.seccion-1 .intro li:nth-child(3):before{
                                -webkit-transition-delay:1.3s;
                                transition-delay: 1s;
                            }
                    .home.seccion-directa .intro li:before{
                        opacity:1;
                        -webkit-opacity:1;
                    }

                    .home .intro li strong{
                        display:block;
                        font-weight: 700;
                    }
                    
        
.contenido .clientes{
    text-align: center;
    padding:0 20px;
    margin-bottom:80px;
    background:#e9e9e9;
}
    .contenido .clientes h3{
        font-family: 'Cabin', sans-serif;
        font-size:20px;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding:35px 0 25px;
    }
    .contenido .clientes ul{
        max-width: 1224px;
        text-align: center;
        margin:0 auto;
    }
        .contenido .clientes li{
            display:inline-block;
        }
            .contenido .clientes img{
                display: block;
            }
                    
footer{
    text-align: center;
    padding:50px 10px 120px;
    background:#ffffff;
}
    footer .logo{
        width: 160px;
		height: 230px;
        text-indent:-9999px;
        margin:0 auto 35px;
        background:url('../img/interface/neepa-black.png') no-repeat center center;
        background-size:100% auto;
    }
    footer .botones{
        font-family: 'Cabin', sans-serif;
        font-size:14px;
        letter-spacing: 1px;
        font-weight: 700;
        margin-bottom:4px;
    }
        footer .botones a{
            display:inline-block;
            min-width:230px;
            border:1px solid #000;
            text-transform: uppercase;
            color:#000;
            text-decoration: none;
            padding:4px;
            margin:0 1.4% 18px;
        }
            footer .botones a:hover{
                color:#FFF;
                background:#000;
            }
        footer .datos{
            font-family: 'Bitter', sans-serif;
            font-size:14px;
        }
			footer .datos a{
				text-decoration:none;
				color:#000;
			}
            footer .datos span{
                display:inline-block;
                line-height: 1;
                border-right:1px solid #000;
                padding:0 10px;
            }
                footer .datos span:last-child{
                    border-right:none;
                }

.bajar,
.control-fijo{
    position:fixed;
    right:0;
    bottom:-50px;
    z-index:100;
    
    -webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -ms-transition: bottom 1s;
    -o-transition: bottom 1s;
    transition: bottom 1s;
}
.control-fijo .boton,
.bajar{
    text-transform: uppercase;
    font-family: 'Cabin', sans-serif;
    font-size:14px;
	letter-spacing: 1px;
    color:#FFF;
    text-decoration: none;
    padding:3px 10px;
    font-weight: 700;
    background:rgba(0,0,0,0.2);
    z-index:100;
}
.control-fijo .boton{
	display:inline-block;
	margin-left:10px;
}
.bajar{
    background:rgba(255,255,255,0.2);
}
    .control-fijo.activo,
    .bajar.activo{
        bottom:50px;

        -webkit-transition: bottom 0.5s;
        -moz-transition: bottom 0.5s;
        -ms-transition: bottom 0.5s;
        -o-transition: bottom 0.5s;
        transition: bottom 0.5s;
    }
    .bajar.activo{
        bottom:25px;

        -webkit-transition: bottom 0.5s;
        -moz-transition: bottom 0.5s;
        -ms-transition: bottom 0.5s;
        -o-transition: bottom 0.5s;
        transition: bottom 0.5s;
    }
    .control-fijo .boton:before,
    .bajar:before{
        content:'';
        display:inline-block;
        width: 7px;
        height: 10px;
        margin:5px 4px 0 0;
        background:url('../img/interface/sprite.png') no-repeat -120px -40px;
    }
    .bajar:before{
        background-position: -160px -40px;
    }
	.control-fijo .volver{
        display:none;
	}
	.control-fijo .activo.volver,
	.seccion-proyecto .control-fijo .volver{
        display:inline-block;
	}
		.control-fijo .volver:before{
			background-position:-120px -40px;
		}
    .escritorio .control-fijo .boton:hover{
        background:rgba(0,0,0,1);
    }

.navegador-obsoleto{
    position:fixed;
    top:50%;
    left:50%;
    width:250px;
    height:250px;
    text-align: center;
    margin:-125px 0 0 -125px;
    background:#FFF;
    z-index:1000;
}

#testigo{
    position:fixed;
    right:0;
    bottom:-20px;
    width:200px;
    padding:10px;
    background:#FFF;
    border:1px solid #000;
}
#quien{
    text-align: center;
    font-size:15px;
   line-height: 1.5;
}
    #quien .pral{
        height: 420px;
        text-align: center;
        padding:0 20px;
        background:url(../img/contenidos/quien_home.jpg) no-repeat center;
        background-size: cover;
    }
    #quien .pral h2{
        padding-top:40px;
    }
        #quien .pral p{
            font-family: 'Bitter',sans-serif;
            font-size:16px;
        }
    #quien strong{
        font-weight: 500;
    }
    #quien .fila{
        margin:40px 20px 0;
    }
        #quien .fila p{
            display:inline-block;
            width:35%;
            max-width: 380px;
            text-align: left;
            vertical-align: top;
            margin:0 25px 30px;
        }
    #quien blockquote{
        display: inline-block;
        font-family: 'Bitter', sans-serif;
        font-size:16px;
        letter-spacing: 1px;
        padding:5px 20px;
        margin:0 20px 42px;
        background:#87fefa;
    }
    
    #que{
        
    }
		#que .fila{
            background:#e9e9e9;
		}
        #que h2{
            margin:0 0 20px;
        }
        #que h3{
            font-size:20px;
            line-height: 21px;
            font-family: 'Bitter', sans-serif;
            font-weight: 700;
            margin:0 0 22px;
        }
        #que p{
            font-family: 'Bitter', sans-serif;
            text-align: center;
            font-size:16px;
            padding:0 20px;
            margin:0 auto 40px;
        }
        #que ul{
            font-family: 'Cabin', sans-serif;
            font-size:14px;
            text-transform: uppercase;
        }
        #que .bloque{
            position:relative;
            max-width: 1920px;
            margin:0 auto 66px;
            overflow: hidden;
        }
        #que .b-1,
        #que .b-3{
            background:#e9e9e9;
        }
            #que .col{
                display: inline-block;
                vertical-align: middle;
            }
            #que .b-1 .col-1{
                width:28.2%;
            }
            #que .b-1 .col-2{
                width:20.8%;
                padding:2% 3.6%;
            }
            #que .b-1 .col-3{
                position: absolute;
                top: 0;
                left: 57%;
                height: 100%;
            }
            #que .bloque li{
                padding:0 0 0 20px;
                margin:0 0 18px;
                background:url(../img/interface/lista.png) no-repeat left 4px;
            }
                #que .bloque li:last-child{
                    margin-bottom:0;
                }
            #que .bloque p:last-child{
                margin:0;
            }
            
            #que .b-3 .col-1{
                width:41.2%;
            }
                #que .b-3 .col-1 img{
                    display: block;
                    width:100%;
                }
            #que .b-3 .col-2{
                width:24%;
                padding:2% 4.1%;
            }
            #que .b-3 .col-3{
                position:absolute;
                top:0;
                right:0;
                width:29.5%;
            }
                #que .b-3 .col-3 .img-1{
                    display: block;
                    width:100%;
                }
                #que .b-3 .col-3 .img-2{
                    width:38%;
                }
                #que .b-3 .col-3 .textos{
                    width:52%;
                    padding:1% 0 1% 7%;
                }
                
#como{
    text-align: center;
    font-size:15px;
    line-height: 1.5;
}
    #como h2{
        margin-bottom:35px;
    }
    #como .pral{
        font-family: 'Bitter', sans;
        font-size:16px;
        margin-bottom:30px;
    }
	#como .proceso{
		margin-bottom:40px;
	}
    #como .anim{
        position:relative;
        max-width:990px;
        margin:0 auto 16px;
        overflow: hidden;
    }
        #como .anim-bola .fondo,
        #como .anim-bola-mobile .fondo{
            position:relative;
            z-index:1;
        }
            #como .anim-bola .sprite,
            #como .anim-bola-mobile .sprite{
                position:absolute;
                top:0;
                left:0;
                width:100%;
                z-index:10;
            }
            #como .anim-bola .estatica,
            #como .anim-bola-mobile .estatica{
                display:block;
                width:100%;
            }
        #como .anim-bola .vuelo,
        #como .anim-bola-mobile .vuelo{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            opacity:0;
            -webkit-opacity:0;
            z-index:30;
        }
        #como .loading{
            position:absolute;
            top:50%;
            left:50%;
            margin:-12px 0 0 -12px;
            z-index:1;
        }
        #como .anim-bola-mobile{
            display:none;
        }
        #como .paso{
			position:relative;
            display:inline-block;
            max-width: 256px;
            vertical-align: top;
            padding:0 40px 30px;
        }
			#como .paso:after{
				content:'';
				position:absolute;
				top:15px;
				right:-65px;
				width:120px;
				height:8px;
				background:url(../img/interface/sprite.png) no-repeat 0 -240px;
			}
            #como .paso h3{
                font-family: 'Bitter', sans;
                font-size:16px;
                font-weight: 400;
                margin:0 40px 15px;
                background:#87fefa;
            }
            #como .paso.p-2 h3{
                background:#0094da;
            }
            #como .paso.p-3 h3{
                background:#0094da;
            }
            #como .paso.p-3:after,
			#como .paso.p-6:after{
                display:none;
            }
            #como .paso.p-4 h3{
                background:#ffdd53;
            }
            #como .paso.p-5 h3{
                background:#fa940f;
            }
            #como .paso.p-6 h3{
                background:#d13333;
            }

    #como .anim .grafico{
        position:absolute;
        top:0;
        width: 33.33%;
        opacity:0;
        -webkit-opacity:0;
        z-index:20;
    }
	
	/*  #como .anim .g-1,
        #como .anim .g-4{
            left:0;
        } */
        #como .anim .g-1
        {
            left:0;
        }
        #como .anim .g-2,
        #como .anim .g-5{
            left:33.33%;
        }
        
        #como .anim .g-6{
            right:0;
        }
		
		#como .anim .g-3 {
    left: 50%;
}
        #como .anim .g-6{
            opacity:1;
            -webkit-opacity:1;
        }
            #como .anim .g-6 img{
				left:2px;
                width:100%;
                opacity:0;
                -webkit-opacity:0;
            }
        

.cabecera-proyectos{
    height: 50%;
    overflow: hidden;
}

.home .cabecera-proyectos .inicio .bloque p {
    opacity:1;
    bottom:-24px;
}

#proyectos{
	
}
	#proyectos .destacados{
		overflow:hidden;
	}
		.proyecto-activo #proyectos .destacados {
			padding-bottom:50px;
		}
		#proyectos .destacados a{
			position:relative;
			float:left;
			display:block;
			width:33.33%;
		}
		#proyectos .destacados a.loading{
			
		}
			#proyectos .destacados a.loading:before{
				content:'';
				position:absolute;
				top:50%;
				left:50%;
				width:48px;
				height:48px;
				box-shadow:2px 2px 4px rgba(0,0,0,0.4);
				margin:-24px 0 0 -24px;
				background:url(../img/interface/loading.gif) no-repeat center center;
			}
		#proyectos .destacados img{
			display:block;
			width:100%;
		}
	#contenedor_proyectos{
		display:none;
	}


.proyecto{
	
}
	.proyecto .pral{
		height:400px;
		text-align:center;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
		.proyecto .pral:before{
			content:'';
			display:inline-block;
			height:100%;
			width:1px;
			vertical-align:middle;
		}
		.proyecto h2{
			display:inline-block;
			font-family:"Cabin",sans-serif;
			font-size:48px;
			line-height:1;
			vertical-align:middle;
		}
			.proyecto h2 span{
				display:inline-block;
				font-family:'Bitter', serif;
				font-size:18px;
				font-weight:400;
				text-transform:none;
			}
			.proyecto h2 span:before,
			.proyecto h2 span:after{
				content:'-';
			}
			.proyecto h2 strong{
				display:block;
				line-height:0.9;
				letter-spacing:4px;
			}
		.proyecto h3{
			text-align:center;
			font-family: 'Cabin', sans-serif;
			text-transform:uppercase;
			font-size:32px;
			line-height:1.1;
			letter-spacing:3px;
			font-weight:700;
			padding:60px 20px;
		}
		.proyecto h3:before,
		.proyecto h3:after{
			content:'-';
		}
	.proyecto.contenido .bloque{
		text-align:center;
		padding-bottom:90px;
		margin-bottom:0;
	}
		.proyecto.contenido .bloque.video{
			max-width:1280px;
			margin:0 auto;
		}
		.proyecto.contenido .bloque.video.escalable{
			max-width:100%;
		}
	.proyecto.contenido .info{
		max-width:1920px;
		font-family:'Bitter',serif;
		font-size:16px;
		line-height:1.8;
		text-align:center;
		padding:0;
		margin:60px auto;
	}
		.proyecto .caracteristicas{
			display:inline-block;
			width:39.4%;
			max-width:300px;
			padding:0 5.7%;
			text-align:left;
			vertical-align:middle;
			margin:0 2.7%;
			background:#f8f8f8;
		}
			.proyecto .caracteristicas:before{
				content:'';
				display:inline-block;
				width:1px;
				height:520px;
				vertical-align:middle;
			}
			.proyecto .caracteristicas .centrado{
				display:inline-block;
				vertical-align:middle;
				width:98%;
			}
			.proyecto .caracteristicas h3{
				font-family:"Bitter",serif;
				font-size:20px;
				text-align:left;
				text-transform:none;
				letter-spacing:0;
				padding:0;
				margin:0 0 28px;
			}
			.proyecto .info h3:before,
			.proyecto .info h3:after{
				content:'';
			}
			.proyecto .caracteristicas ul{
				font-family:"Cabin",sans-serif;
				font-size:14px;
				text-align:left;
				text-transform:uppercase;
				font-weight:400;
				letter-spacing:1px;
			}
				.proyecto .caracteristicas li{
					margin:0 0 4px 0;
				}
				.proyecto .caracteristicas li:before{
					content:'';
					display:inline-block;
					width:10px;
					height:10px;
					background:url(../img/interface/sprite.png) no-repeat 0 -280px;
					margin:0 12px 0 0;
				}
		.proyecto .info .col{
			display:inline-block;
			width:50%;
			vertical-align:middle;
			text-align:left;
			padding:0 2% 0 0;
		}
			.proyecto .info .col h3{
				text-align:left;
				padding:0 0 26px;
			}
			.proyecto .pregunta{
				margin:0 0 38px;
			}
				.proyecto .pregunta:after{
					content:'';
					display:block;
					width:140px;
					height:35px;
					border-bottom:1px solid #000;
				}

	.proyecto img.escalable,
	.proyecto .escalable img.big,
	.proyecto .escalable img.small{
		display:block;
		width:100%;
	}
	.proyecto img.fija{
		display:block;
		margin:0 auto;
	}
	.proyecto img.escalable.small,
	.proyecto .escalable img.small {
		max-width:1024px;
		margin:0 auto;
	}
	.proyecto img.small,
	.proyecto .escalable img.small {
		display:none;
		margin:0 auto;
	}
	.proyecto .ver-proyecto{
		display:inline-block;
		font-family:'Cabin', sans-serif;
		color:#000;
		font-size:15px;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:2px;
		border:1px solid #000;
		padding:6px 20px;
		margin:40px 0 0;
	}
		.escritorio .proyecto .ver-proyecto:hover{
			color:#FFF;
			background:#000;
		}
.video-bons-plans{
	position:relative;
	text-align:center;
	overflow:hidden;
}
	.video-bons-plans video{
		position:absolute;
		left: 40.7%;
		top: 8%;
		-webkit-transform: rotate(20.3deg);
		transform: rotate(20.3deg);
	}
		.video-bons-plans .play{
			display:none;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			text-indent:-9999px;
			background:url(../proyectos/les_bons_plans_app/play.png) no-repeat center center;
			z-index:10;
		}
		.touch .video-bons-plans .play{
			display:block;
		}

		
		
		

/* Standar screen */
@media only screen and (max-width:1920px) {
    
    .home .inicio .topo{
        width:250px;
        
    }
    
}

/* Big-Medium screen */
@media only screen and (max-width:1650px) {

    #que h3{
        font-size:18px;
        margin:0 0 20px;
    }
    #que p{
        font-size:15px;
        padding:0 18px;
        margin:0 auto 36px;
    }
    #que ul{
        font-size:13px;
    }
    #que .bloque li {
        margin: 0 0 16px;
    }
    
}

/* Big-Medium screen */
@media only screen and (max-width:1500px) {

    #que .b-1 .col-1 {
        margin-left: -6.5%;
        width: 30.8%;
    }
    #que .b-1 .col-2 {
        width: auto;
        max-width:380px;
    }
    #que .b-1 .col-3 {
        left: 60%;
    }
    #que .b-3 .col-1 {
        width: 48.2%;
        margin-left: -10%;
    }
    #que .b-3 .col-3 .img-1 {
        width: 120%;
    }
    #que .b-3 .col-3 .img-2 {
        width: 43%;
    }
    #que .b-3 .col-3 .textos {
        width: 45%;
        padding: 1% 0 1% 4%;
    }
    
}

/* Big-Medium screen */
@media only screen and (max-width:1300px) {

    #que .b-1 .col-1 {
        margin-left: -18%;
        width: 35%;
    }
    #que .b-1 .col-2 {
        width: auto;
        max-width:380px;
    }
    #que .b-1 .col-3 {
        left: 60%;
    }
    #que .b-3 .col-3 .img-2{
        display:none;
    }
    #que .b-3 .col-3 .textos{
        width:95%;
        padding:1% 0 1% 0;
    }
    #que .b-3 .col-2 {
        width: 30%;
    }
    #que .b-3 .col-3{
        width:22%;
        overflow: hidden;
    }
    #que .b-3 .col-3 .img-1 {
        display: block;
        width: 160%;
        margin: 0 -26% 0 -20%;
        float: left;
    }
}

/* Medium screen */
@media only screen and (max-width:1200px) {
    
	header {
		font-size: 14px;
	}
        header .redes {
            margin: 22px 10px 15px 0;
        }
            .redes li{
                margin:0 1px;
            }
    #abrir-menu {
        width: 46px;
        height: 42px;
    }
        #abrir-menu:after {
            top: 8px;
            left: 10px;
        }

        #que h3{
            font-size:16px;
            margin:0 0 18px;
        }
        #que p{
            font-size:14px;
            padding:0 18px;
            margin:0 auto 30px;
        }
    #que .bloque li {
        margin: 0 0 10px;
    }
	
	.proyecto .caracteristicas {
		width: 37%;
		padding: 0 5.7%;
	}
		.proyecto .caracteristicas:before{
			height:410px;
		}
		.proyecto .caracteristicas h3 {
			font-size:16px;
			margin: 0 0 22px;
		}
		.proyecto .caracteristicas ul {
			font-size: 12px;
		}
			.proyecto .caracteristicas li {
				margin: 0 0 3px 0;
			}
			.proyecto .caracteristicas li:before {
				margin: 0 8px 0 0;
			}
	.proyecto h3 {
		font-size: 26px;
	}
	.proyecto .info {
		font-size: 13px;
	}
		.proyecto .info .col {
			width: 49%;
			padding: 0;
		}
			.proyecto .info .col h3 {
				padding: 0 0 18px;
			}
		.proyecto .pregunta {
			margin: 0 0 32px;
		}
			.proyecto .pregunta:after {
				height: 28px;
			}
    
}


/* Small screen */
@media only screen and (max-width:1024px) {
    
    
    header .logo {
       margin-right: 34px;
   }
    .menu-pral {
        max-width:420px;
    }
        .menu-pral li{
            float:left;
            font-size:13px;
        }
    header .navegacion .item-1{
        float:left;
        border-right:1px solid #000;
    }
    header .navegacion .item-2{
        border-right:none;
    }
    header .navegacion .item-3{
        width:100%;
        border-right:0;
        overflow: hidden;
        padding-right:0;
    }
    #cerrar-menu {
        position: absolute;
        padding: 5px;
        background-position:-71px -33px;
    }
        header .redes {
            margin: 32px 10px 15px 0;
        }
    .selector-idioma {
        margin: 5px 6px 15px 8px;
    }
     .home .inicio .topo{
        width:145px;
        height:145px;
        margin-bottom:30px;
    }
    .inicio .contenido h2 {
        font-size: 28px;
    }
    .home .inicio .bloque p,
    .inicio .aviso-touch{
        font-size:17px;
    }
    .contenido h2 {
        font-size: 38px;
    }
    #que ul{
        font-size:12px;
    }
    #que .bloque li {
        margin: 0 0 8px;
    }
    #que .b-3 .col-1 {
        position: relative;
        width: 65%;
        margin-left: -22%;
        overflow: hidden;
    }
        #que .b-3 .col-1 img{
            margin-right:0;
            display: block;
            position: relative;
            right: -15%;
        }
    #que .b-3 .col-3 .img-1 {
        width: 200%;
        margin: 0 -26% 0 -34%;
    }
    #que .b-3 .col-3 .textos {
        width: 95%;
        padding: 5% 0;
    }
    
    #como .anim-bola{
        max-width:660px;
        margin:0 auto 16px;
    }
	
	#como .paso {
		max-width: 200px;
		padding: 0 12px 25px;
	}
		#como .paso:after {
			top: 8px;
			right: -28px;
			width: 48px;
			background: url(../img/interface/sprite.png) no-repeat -77px -240px;
		}
		#como .paso h3 {
			font-size: 15px;
			margin: 0 20px 15px;
		}
		
		#proyectos .destacados a{
			width:50%;
		}
		
	.proyecto h3 {
		padding: 45px 20px;
	}
	.proyecto .caracteristicas {
		width: 30%;
		padding: 0 5%;
	}
	.proyecto img.big,
	.proyecto .escalable img.big {
		display:none;
	}
	.proyecto img.small,
	.proyecto .escalable img.small {
		display:block;
	}
	.proyecto.contenido .bloque{
		padding-bottom:60px;
	}
	.proyecto .info {
		padding:0;
	}
	.video-bons-plans video{
		left: 19.4%;
		top: 6.9%;
		height:86.1%!important;
	}
	
	
}

/* Tablet */
@media only screen and (max-width:900px) {
    
    header .navegacion{
        max-width: 500px;
    }
    .menu-pral {
        margin: 0 6px 12px 1px;
    }
        .selector-idioma {
            margin: 5px 6px 19px 4px;
        }
        .menu-pral li{
            margin:0 0 3px 8px;
        }
        
    .error_404 .contenido{
        padding:40px 0;
    }
    .error_404 h1{
        font-size:200px;
    }
    .error_404 .contenido p{
        font-size:30px;
    }
        
    #que .b-1 .col-1 {
        display:none;
    }
    #que .b-1 .col-3 {
        left: 50%;
    }
    #que .b-3 .col-2{
        padding: 1.5% 2.5%;
    }

	.proyecto h2{
		font-size:38px;
	}
		.proyecto h2 span{
			font-size:16px;
		}
	.proyecto h3 {
		font-size: 24px;
		padding: 40px 10px;
	}
	.proyecto .pral {
		height: 300px;
	}
	.proyecto .info {
		padding:0;
		margin:20px auto 40px;
	}
		.proyecto .caracteristicas .centrado {
			display: block;
			max-width: 400px;
			margin:0 auto;
		}
			.proyecto .caracteristicas {
				display: block;
				width:auto;
				max-width: 330px;
				padding: 6%;
				margin: 0 auto 40px;
			}
			.proyecto .caracteristicas:before {
				display:none;
			}
			.proyecto .info .col {
				display:block;
				width: auto;
				max-width:620px;
				text-align:center;
				padding:0 10px;
				margin:0 auto;
			}
				.proyecto .info .col h3 {
					text-align: center;
				}
			.proyecto .pregunta:after {
				margin:0 auto;
			}
    
    
}

/* Tablet 7  */
@media only screen and (max-width:820px) {
    
    header .navegacion{
        max-width: 380px;
    }
    header .redes{
        margin: 0 46px 10px 30px;
    }
    
    .home .intro h3{
        font-size:28px;
        margin-bottom:30px;
    }
        .home .intro li{
            display: block;
            margin:0 auto 20px;
            border:none;
        }
     .home .inicio .topo{
        width:230px;
        height:280px;
        margin-bottom:20px;
    }
    .inicio h2 {
        font-size: 22px;
    }
    .home .contenido .bloque p,
    .inicio .aviso-touch{
        font-size:16px;
    }
    
    #quien .pral{
        height:300px;
    }
        #quien .fila p {
            display:block;
            width: auto;
            margin: 0 auto 25px;
        }
    #que .b-1 .col-2 {
        width: 42%;
    }
    #que .b-3 .col-1 {
        width: 68%;
        margin-left: -35%;
    }
        #que .b-3 .col-1 img {
            right: -35%;
        }
    #que .b-3 .col-2 {
        width: 36%;
    }

    
}


/* Mobile horizontal*/
@media only screen and (max-width:720px) {

    
    #que .b-3 .col-1 {
        width: 85%;
        margin-left: -48%;
    }
    #como .anim-bola{
        display:none;
    }
    #como .anim-bola-mobile {
        display:block;
        max-width:290px;
        margin:0 auto 16px;
    }
	#como {
		font-size: 14px;
		line-height: 1.1;
		max-width: 500px;
		margin:0 auto;
	}
	#como .pral {
		margin:0 10px 15px;
	}
		#como h2{
			margin-bottom:10px;
		}
		#como .pral {
			font-size:15px;
		}
	#como .paso {
		max-width: 145px;
		padding: 0 5px 20px;
	}
		#como .paso:after {
			display: none;
		}
		#como .paso h3 {
			font-size: 15px;
			line-height:1.5;
			margin: 0 0 15px;
			background:#f1ee78;
		}
            #como .paso.p-2 h3{
                background:#96ffc1;
            }
            #como .paso.p-3 h3{
                background:#87fef9;
            }
            #como .paso.p-3:after,
			#como .paso.p-6:after{
                display:none;
            }
            #como .paso.p-4 h3{
                background:#fa940f;
            }
            #como .paso.p-5 h3{
                background:#ffdd53;
            }
            #como .paso.p-6 h3{
                background:#d13333;
            }
			
	#como .anim .grafico ,
	#como .anim .vuelo{
		left:-16px;
		width: 58.2%;
	}
	#como .anim .g-6{
		opacity: 0;
		-webkit-opacity: 0;
	}
	#como .anim .g-2, 
	#como .anim .g-4, 
	#como .anim .g-6,
	#como .anim .vuelo {
		left: auto;
		right: -16px;
	}
			
}

/* Mobile */
@media only screen and (max-width:620px) {
    
    body .escritorio{
        display: none !important;
    }
    body .mobile{
        display: block !important;
    }
    header .contenedor-menus{
        position: fixed;
        right:0;
        left:auto;
        top:0;
        bottom:0;
        width:0;
        max-height: none;
        paddding:0 0 80px;
        background:#f2f4f4;
        z-index:500;
        overflow: auto;

        -webkit-transition: width 0.5s;
        -moz-transition: width  0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
    }
    header.activo .contenedor-menus{
        width: 230px;
        max-height: none;
        -webkit-overflow-scrolling: touch;

        -webkit-transition: width 0.5s;
        -moz-transition: width  0.5s;
        -ms-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s;
    }
        header .menu{
            position: relative;
            min-height: 100%;
        }
    header .contacto {
        top: 6px;
        padding: 3px 7px 3px 15px;
        font-size: 12px;
        
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    header.activo .contacto {
        top: 6px;
        opacity: 1;
        z-index: 100;
        
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
        header .logo {
           float: none;
           width: auto;
           height: auto;
           padding: 30px 25px 27px;
           margin:0;
           border-bottom:1px solid #000;
       }
        header .logo a {
             width: 140px;
             height: 33px;
             background-size:100% auto;
         }
        .selector-idioma {
            font-size: 12px;
            margin: 0 0 8px 16px;
        }
        header .navegacion{
            float:none;
            min-width:200px;
            padding-bottom:100px;
        }
        header .col-izq {
            position:absolute;
            bottom:20px;
            right:0;
            left:0;
            float: none;
        }
        header .redes{
            float:none;
            min-width:200px;
            margin:0 0 0 16px;
        }
            header .redes li{
                margin:6px 6px 0;
            }
        .menu-pral{
            margin:0;
        }
            .menu-pral li{
                display: block;
                float:none;
                font-size:14px;
                border:none;
                border-bottom:1px solid #000;
                padding:0;
                margin:0;
            }
                .menu-pral li a{
                    display: block;
                    padding:13px 20px;
                }
                .menu-pral ul,
                .menu-pral .submenu {
                    float: none;
                }
                .menu-pral ul{
                    margin-left:40px;                   
                }
                .menu-pral .submenu {
                    display: block;
                    padding:14px 20px;
                }
                    .menu-pral ul li{
                        border-top:1px solid #000;  
                        border-bottom:none;              
                    }
                        .menu-pral ul li a{
                            padding-left:0;             
                        }
                        
    .error_404 .contenido{
        padding:40px 0;
    }
    .error_404 h1{
        font-size:110px;
    }
    .error_404 .contenido p{
        font-size:18px;
    }

.control-fijo.activo,
.bajar.activo {
    bottom: 30px;
}                  
    
    #aviso-cookies{
        bottom:20px;
        right:20px;
        left:20px;
        width:auto;
    }              
    .home .inicio .topo{
        width:186px;
        height:110px;
        margin-bottom:16px;
    }
        .home .inicio h2 {
            font-size: 20px;
        }
        .home .inicio .bloque p {
            font-size:15px;
        }
        .inicio .aviso-touch{
			width:300px;
           font-size: 15px;
           margin-top:10px;
       }
    
    .home .intro{
        margin:50px 10px 40px;
    }
        .home .intro h3{
            font-size:24px;
            margin-bottom:20px;
        }
        .home .intro li{
            border-right:none;
            padding-bottom:0;
        }
		
    .contenido h2 {
        font-size: 32px;
    }   
.contenido .clientes {
    margin-bottom: 30px;
}

    #quien .pral{
        height: auto;
        background-position: center top;
        background-size: auto 180px;
    }
        #quien .pral h2 {
            padding-top:30px;
        }
        #quien .pral p{
            margin-top:105px;
        }
        #quien .fila {
            margin: 20px 20px 0;
        }
        .contenido .clientes h3 {
            font-size: 18px;
        }
        .contenido .clientes li {
            width: 31%;
            max-width:120px;
        }
            .contenido .clientes img {
                width: 100%;
            }
    footer {
       text-align: center;
       padding: 40px 10px 70px;
   }
            footer .logo {
                width: 150px;
                height: 71px;
            }
                 footer .datos span{
                    display:block;
                    border:none;
                    line-height: 1.4;
                }
                
 #que .bloque {
    margin: 0 auto 25px;
}
                
    #que .b-1,
    #que .b-3{
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
        #que .b-1 img,
        #que .b-3 img{
            width:100%;
        }
        #que .b-1 .col-1,
        #que .b-3 .col-1{
            display: block;
            width:100%;
            margin-left: 0;
            -webkit-order:3;
            order:3;
        }
        #que .b-1 .col-2,
        #que .b-3 .col-2{
            display: block;
            width:auto;
            padding:25px 6%;
            -webkit-order:2;
            order:2;
        }
        #que .b-1 .col-3,
        #que .b-3 .col-3{
            position: static;
            top: auto;
            left: auto;
            width:100%;
            height: auto;
            -webkit-order:1;
            order:1;
        }
    
    #que .b-3 .col-1{
        width: auto;
        margin: 0;
        -webkit-order:1;
        order:1;
    } 
        #que .b-3 .col-1 img{
            position:static;
            top:auto;
            right:auto;
            width: 100%;
            margin: 0;
        }
        #que .b-3 .col-2 {
            display: block;
            padding: 25px 6% 30px;
        }
    #que .b-3 .col-3{
        position:static;
        top:auto;
        right:auto;
        width: auto;
        margin: 0;
        -webkit-order:3;
        order:3;
    }   
        #que .b-3 .col-3 .img-1 {
            float: none;
            width: 100%;
            margin: 0;
        }
    #que .b-3 .col-3 .textos {
        display: block;
        width:auto;
        padding: 25px 6% 30px;
    }
	
	#proyectos .destacados a{
		float:none;
		width:100%;
	}

	.proyecto.contenido .bloque{
		padding-bottom:40px;
	}
	.proyecto .info {
		padding:0;
	}
	.proyecto .pral {
		height: 240px;
	}
	.proyecto h2{
		font-size:26px;
		line-height: 1.2;
	}
		.proyecto h2 span{
			font-size:15px;
		}
		.proyecto h2 strong{
			letter-spacing:3px;
		}
	.proyecto h3 {
		font-size: 20px;
		padding: 35px 10px;
		letter-spacing:2px;
	}
		.proyecto .caracteristicas {
			display: block;
			width: auto;
			max-width: none;
			padding: 6%;
			margin: 0 auto 40px;
		}
		.proyecto .caracteristicas .centrado {
			max-width: 320px;
		}
		.proyecto .ver-proyecto{
			font-size:14px;
			letter-spacing: 1px;
			margin:30px 0 0;
		}
    
}

/******** my about css *****/

.serviceBox{
    padding: 50px 18px;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-color: #028fd0;
    
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover{ border: 1px solid #028fd0; }
.serviceBox:before,
.serviceBox:after{
    content: "";
    width: 70%;
    height: 5px;
    background: #028fd0;
    opacity: 0;
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:before,
.serviceBox:hover:after{
    opacity: 1;
    left: 50%;
}
.serviceBox:after{
    top: auto;
    bottom: -3px;
}
.serviceBox .service-icon{
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%; 
    background: #028fd0;
    margin: 0 auto 20px;
    font-size: 36px;
    color: #fff;	    display: block;		    text-align: center;
}
.serviceBox .title{
    font-size: 20px;
    font-weight: bold;
    color: #252525;
    margin: 0 0 10px 0;
    transition: all 0.5s ease 0s;
}
.serviceBox .description{
    font-size: 14px;
    color: #7a7a7a;
    line-height: 25px;
    margin: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover .description{
    margin-top: -20px;
    padding-bottom: 20px;
}
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
	
}

.p-60-0-0 {
    padding: 60px 0 0 0;
}

.p-60-0-60 {
    padding: 60px 0 60px;
}

h3.intro {
    font-family: 'Cabin', sans-serif;
    font-size: 32px;
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
   
}


.serviceBox li {
    font-size: 17px;
}

h2.big2 {
    font-size: 27px;
    line-height: 120%;
}
.margin-bottom3 {
    margin-bottom: 30px;
}
.white {
    color: #fff;
}
.letter-spacing2 {
    letter-spacing: 2px;
}
.font-weight8 {
    font-weight: 800;
}
.caps {
    text-transform: uppercase;
}

.opacity4 {
	
	    font-size: 17px;
    line-height: 1.5em;
}

body.kc-css-system .kc-css-110902 .divider_inner {
    border-color: #4a4d51;
    border-style: solid;
    width: 310px;
    border-width: 1px;
}

body.kc-css-system .kc-css-110902 i {
    color: #4a4d51;
    background-color: #1d2025;
    width: 50px;
    font-size: 30px;
}

hr.style-one.center {
    float: none;
}
hr.color2 {
    background: #ffffff;
}
hr.style-one {
    float: left;
    border: 0;
    height: 1px;
}
.center {
    text-align: center;
    margin: inherit auto;
}
.half-quarter {
    width: 4.5%;
}
.margin-bottom5 {
    margin-bottom: 50px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}






.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.bg-color-1 {
    background-color: #0191d4;
}

.bg-color-red-ns {
    background-color: #da251c;
}

.form-frame {
    padding: 60px;
}

.mb-30 {
    margin-bottom: 30px;
}
.white {
    color: #FDFDFF;
}
.thin {
    font-weight: 300;
}

.home-contact-form input {
    height: 60px;
}
.home-contact-form input, .home-contact-form textarea {
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: solid 2px rgba(250, 250, 254, .5);
    color: rgba(250, 250, 254, 1);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.submit {
    background-color: transparent;
    float: right;
    padding: 0;
    border: none;
    padding-left: 15px;
}
.mb-60 {
    margin-bottom: 60px;
}
.white-link {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    color: #FDFDFF;
    -webkit-transition: .4s;
    transition: .4s;
    font-family: 'Nunito', sans-serif;
}

::placeholder { /* Firefox, Chrome, Opera */ 
    color: white; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: white; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: white; 
} 

.mb-15 {
    margin-bottom: 15px;
}

.pt-50 {
	
	padding: 50px;
}

.bg-grey {
	
background: #353b43;
}

.bg-black {
	background: #242930;
	
}

p.text-white {
    color: white;
}

.menu-pral {
	
	    margin: 21px 6px 20px 6px;
}

.kitti_section_1 .kc_col-sm-3:not(:last-child){
    border-right: 2px solid #fff;
}
.kitti_section_1 .box_icon{
    padding: 96px;
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}
.kitti_section_1 .box_icon i{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 20px;
    background: #6B2DA1;
    font-size: 30px;
}
.kitti_section_1 .box_overlay{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 18% 10% 5% 10%;
    background: #6b2da1;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease;
    transform: scale(0.95);
}
.kitti_section_1 .box_overlay p{
    color: #fff;
}
.kitti_section_1 .box_icon:hover .box_overlay{
    opacity: 1;
    transform: scale(1);
}
.kitti_section_2{
    text-align: center;
    padding: 140px 0;
}
.kitti_section_2 p{
    font-size: 18px;
    font-weight: 500px;
    line-height: 160%;
    color: #fff;
    padding: 0 10%;
}
.kitti_section_3 .box_eff{
    position: relative;
    float: left;
    width: 100%;
    background: #eecf54;
}
.kitti_section_3 .box_overlay{
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 100px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}
.kitti_section_3 .box_overlay p{
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 27px;
    color: #fff;
    transition: all 0.3s ease;
    opacity: 0;
}
.kitti_section_3 .box_overlay a{
    position: relative;
    opacity: 0;
    color: #fff;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 3px;
    padding: 0;
    line-height: 17px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    background: transparent;
}
.box_eff .box_overlay a:hover:before{
    visibility: visible;
    transform: scaleX(1);
}
.box_eff .box_overlay a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}
.box_eff img{
    transition: all 0.3s ease-in-out 0s;
}
.box_eff:hover img{
    opacity: 0.05;
}
.box_eff:hover .box_overlay{
    bottom: 140px;
}
.box_eff:hover .box_overlay a,
.box_eff:hover .box_overlay p{
    opacity: 1;
}
.kitti_section_4{
    padding: 140px 0;
}
.kitti_section_4 .box{
    background: #fff;
    float: left;
    width: 100%;
    padding: 70px 50px;
}
.kitti_section_4 .box p{
    font-size:  16px;
    font-weight: 300;
    color: #1d2025;
    line-height: 28px;
    margin-bottom: 26px;
}
.kitti_section_4 .box a{
    background: #eecf54;
    text-transform: uppercase;
    color: #fff;
    padding: 14px 35px;
    border-radius: 3px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.5px;
}
.kitti_section_4 .box a:hover{
    background: #1d2025;
    color: #fff;
}
.kitti_section_5{
    padding: 140px 0;
    background: #6b2da1;
}
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .header-pricing .content-title,
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .header-pricing .kc-pricing-price span,
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .content-desc li span,
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .content-desc li,
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .content-button a{
    font-family: 'Raleway', sans-serif;
}
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .header-pricing .kc-pricing-price{
    box-shadow: 0px 0px 0px 12px rgba(0,0,0,0.1);
}
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .content-button a{
    padding: 4px 25px;
}
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .header-pricing .kc-pricing-price span{
    color: #6b2da1;
}
.kitti_section_5 .crita_pricing.kc-pricing-layout-2 .content-desc li span{
    padding: 0;
}
.kitti_section_6{
    padding:  140px 0;
    text-align: center;
}
.kitti_section_6 a{
    background: #eecf54;
    text-transform: uppercase;
    color: #fff;
    padding: 18px 40px;
    border-radius: 3px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.5px;
}
.kitti_section_6 a:hover{
    background:  #fff;
    color: #1d2025;
}
.kitti_section_7{
    padding: 140px 0;
}
.kitti_section_7 .blog-item-10{
    background: #eecf54;
}

body.kc-css-system .kc-css-883318 {
    width: 25%;
}.black {		    background: #1d2025;}ul.motion-social li {    display: inline-block;    padding: 5px 5px 5px 5px;    /* margin-right: 50px; */}ul.motion-social i {    color: white;    background: black;    padding: 9px;    border-radius: 50%;} 

.font21 {
	
	font-size: 14px !important;
}

.p-60-15-60 {
    padding: 60px 15px 60px;
}

.mb-20 {
	
	margin-bottom: 20px;
}

@media screen and (min-width: 1400px) {
  .col-md-6.pt-50.bg-black {
        padding: 50px 30px 78px 30px !important;
  }
}
ul.about-img {
    width: 100%;
    float: left;
}
.about-img li:last-child {
    float: right;
    margin: 20px 0 0;
}

.about-img li {
    width: 21%;
    float: left;
    margin: 20px 58px 0 0;
}
.about-img img {
    height: auto;
    width: 100%;
    margin: 0 auto;
}
.approach {
    height: 300px;
    overflow: hidden;
}
@media only screen and (max-width: 767px)
	{.about-img li {
		width: 100%;
	}
	.approach {
		height: 100%;
		overflow: hidden;
	}
	.home .inicio .topo {
		width: 205px;
		height: 325px;
		margin-bottom: 16px;
	}
	footer .logo {
		width: 130px;
		height: 200px;
}
}