@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Cuprum|Montserrat+Alternates|Philosopher&display=swap);
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0px;padding:0px}
.slider{width:100%;height:100vh;position:relative}.slItems{width:100%;height:100%;overflow:hidden;position:relative}
.slItem{width:100%;height:100%;position:absolute;top:0;left:0;background:top center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slText{position:absolute;bottom:0;left:50%;max-width:100%;width:150%;padding:0 70px;text-align:center;background-color:#f60;opacity:.7;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);font-family:"Montserrat",Arial,Helvetica,sans-serif;color:#fff;font-size:22px}
.slText a{color:#fff;font-weight:600;opacity:1.0}.slText a:hover,.slText a:visited{color:#fff}
.slider [class*="ctrl"]{position:absolute;top:50%;color:#f60;font-size:60px;font-weight:bold;margin-top:-42.5px;cursor:pointer}
.ctrlNext{right:20px}.ctrlPrev{left:20px}
.slItem.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.next,.prev{transition:transform 0.7s ease-in-out;-webkit-transition:-webkit-transform 0.7s ease-in-out;-moz-transition:-moz-transform 0.7s ease-in-out;-o-transition:-o-transform 0.7s ease-in-out;-ms-transition:-ms-transform 0.7s ease-in-out}
.slItem.nextItem{opacity:1;visibility:visible;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0)}
.slItem.nextItem.next,.slItem.prevItem.prev{transform:translate3d(0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.slItem.active.next{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0)}
.slItem.prevItem{opacity:1;visibility:visible;transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0)}
.slItem.active.prev{transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0)}
/* Imágenes */
/*logos*/
#afk{background:url(../img/ejemplos/afkLogo.jpg) center center no-repeat #ccc;background-size:contain}
#anecpla{background:url(../img/ejemplos/anecplaLogo.jpg) top right no-repeat #ccc;background-size:contain}
#metalcam{background:url(../img/ejemplos/metalcamLogo.jpg) top right no-repeat #ccc;background-size:contain}
#eurosip{background:url(../img/ejemplos/eurosipLogo.jpg) top right no-repeat #ccc;background-size:contain}
#felman{background:url(../img/ejemplos/felmanLogo.jpg) top right no-repeat #ccc;background-size:contain}
#cimatech{background:url(../img/ejemplos/cimatechLogo.jpg) top right no-repeat #ccc;background-size:contain}
#fikus{background:url(../img/ejemplos/fikusLogo.jpg) top right no-repeat #ccc;background-size:contain}
#jostherland{background:url(../img/ejemplos/jostherlandLogo.jpg) top right no-repeat #ccc;background-size:contain}
#love{background:url(../img/ejemplos/loveLogo.jpg) top right no-repeat #ccc;background-size:contain}
#scoocity{background:url(../img/ejemplos/scoocityLogo.jpg) top right no-repeat #ccc;background-size:contain}
/*webs*/
#afkweb{background:url(../img/ejemplos/afkWeb.jpg) top right no-repeat #ccc;background-size:contain}
#metalcamweb{background:url(../img/ejemplos/metalcamWeb.jpg) top right no-repeat #ccc;background-size:contain}
#loveweb{background:url(../img/ejemplos/loveWeb.jpg) top right no-repeat #ccc;background-size:contain}
#cimatechweb{background:url(../img/ejemplos/cimatechWeb.jpg) top right no-repeat #ccc;background-size:contain}
#covasantaweb{background:url(../img/ejemplos/covasantaWeb.jpg) top right no-repeat #ccc;background-size:contain}
#atlanticweb{background:url(../img/ejemplos/atlanticWeb.jpg) top right no-repeat #ccc;background-size:contain}
/*identidad*/
#berlingo{background:url(../img/ejemplos/berlingoIdentidad.jpg) top right no-repeat #ccc;background-size:contain}
#oficina{background:url(../img/ejemplos/oficinaIdentidad.jpg) top right no-repeat #ccc;background-size:contain}
#cat1{background:url(../img/ejemplos/catalogos2.jpg) top right no-repeat #ccc;background-size:contain}
#cat2{background:url(../img/ejemplos/catalogos1.jpg) top right no-repeat #ccc;background-size:contain}
#cat3{background:url(../img/ejemplos/catalogos3.jpg) top right no-repeat #ccc;background-size:contain}
#cat4{background:url(../img/ejemplos/catalogos4.jpg) top right no-repeat #ccc;background-size:contain}
#cat5{background:url(../img/ejemplos/catalogos5.jpg) top right no-repeat #ccc;background-size:contain}
#cata1{background:url(../img/ejemplos/cat-inst1.jpg) top right no-repeat #ccc;background-size:contain}
#cata2{background:url(../img/ejemplos/cat-inst2.jpg) top right no-repeat #ccc;background-size:contain}
/*contenidos*/
#cont1{background:url(../img/ejemplos/newsletters-2.jpg) top right no-repeat #ccc;background-size:contain}
#cont2{background:url(../img/ejemplos/entrevistas.jpg) top right no-repeat #ccc;background-size:contain}
#cont3{background:url(../img/ejemplos/presentacionesCont.jpg) top right no-repeat #ccc;background-size:contain}
#cont4{background:url(../img/ejemplos/magazinesCont.jpg) top right no-repeat #ccc;background-size:contain}
#cont5{background:url(../img/ejemplos/catalogosCont.jpg) top right no-repeat #ccc;background-size:contain}
/*ferias*/
#stand1{background:url(../img/ejemplos/stand-emo19.jpg) top right no-repeat #ccc;background-size:contain}
#stand2{background:url(../img/ejemplos/advanced-stand.jpg) top right no-repeat #ccc;background-size:contain}
#stand3{background:url(../img/ejemplos/standBIEMH-18.jpg) top right no-repeat #ccc;background-size:contain}
#stand4{background:url(../img/ejemplos/stand-metalmadrid.jpg) top right no-repeat #ccc;background-size:contain}
/*grafismo*/
#draw1{background:url(../img/ejemplos/infografia.jpg) top right no-repeat #ccc;background-size:contain}
#draw2{background:url(../img/ejemplos/buhoDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw3{background:url(../img/ejemplos/tenderoDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw4{background:url(../img/ejemplos/jostherlandDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw5{background:url(../img/ejemplos/animacion.jpg) top right no-repeat #ccc;background-size:contain}
#draw6{background:url(../img/ejemplos/pegasoDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw7{background:url(../img/ejemplos/plasticarDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw8{background:url(../img/ejemplos/buitreDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw9{background:url(../img/ejemplos/chicaDraw.jpg) top right no-repeat #ccc;background-size:contain}
#draw10{background:url(../img/ejemplos/felicitacion.jpg) top right no-repeat #ccc;background-size:contain}
/*fee*/
#fee1{background:url(../img/ejemplos/metalcamWeb.jpg) top right no-repeat #ccc;background-size:contain}
#fee2{background:url(../img/ejemplos/fee2.jpg) top right no-repeat #ccc;background-size:contain}
#fee3{background:url(../img/ejemplos/fee3.jpg) top right no-repeat #ccc;background-size:contain}
#fee4{background:url(../img/ejemplos/fee4.jpg) top right no-repeat #ccc;background-size:contain}
#fee5{background:url(../img/ejemplos/fee5.jpg) top right no-repeat #ccc;background-size:contain}
#fee6{background:url(../img/ejemplos/stand-emo19.jpg) top right no-repeat #ccc;background-size:contain}
#fee7{background:url(../img/ejemplos/fee7.jpg) top right no-repeat #ccc;background-size:contain}
#fee8{background:url(../img/ejemplos/fee8.jpg) top right no-repeat #ccc;background-size:contain}
#fee9{background:url(../img/ejemplos/oficinaIdentidad.jpg) top right no-repeat #ccc;background-size:contain}
/* /Imágenes*/
.slDots{position:absolute;bottom:60px;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0)}
.slDotsSingle{width:13px;height:13px;float:left;border:2px solid #f60;border-radius:50%;margin-left:5px;cursor:pointer;transition:background 0.3s ease}
.slDotsSingle.active{background:#f60}.slDotsSingle:hover{background:#D0D0D0;border-color:#D0D0D0}
@media screen and (max-width: 700px) {.slText{height:2em;font-size:20px}}