@font-face{font-family:'roboto';src:url("roboto.woff") format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'robotol';src:url("robotol.woff") format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'robotobold';src:url("robotobold.woff") format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'montserrat';src:url("montserrat.woff") format("woff");font-weight:normal;font-style:normal;}
@font-face{font-family:'circularbold';src:url("circularbold.woff") format("woff");font-weight:normal;font-style:normal;}
#esconde{display:block;height:100%}
#esconde2{display:none}
html,body{width:100%;height:100%;min-height:500px;}
*{margin:0px;padding:0px;outline:0;}
iframe{display:block;border:none;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.smooth:hover{cursor:pointer;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffff;z-index:100;}
#loader2{width:126px;height:71px;position:absolute;left:50%;top:50%;background:url(../imagenes/logoportafolio.png) no-repeat center 0;margin:-63px 0 0 -35px;}
#column-left1{position:absolute;bottom:0px;right:0;width:100%;height:75px;z-index:1;display:block;}
#column-left2{position:absolute;bottom:5px;right:0;width:100%;height:75px;z-index:2;display:block;}
#parabajo{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);z-index:2;display:block;}
#menudencia{top:60px;left:4%;width:126px;z-index:9999;position:fixed;}
#menudencia2{display:none;}
#menudenciainicia{display:block;top:70px;right:4%;width:500px;height:40px;z-index:4;position:fixed;}
#eltelo{bottom:40px;left:4%;width:260px;height:40px;z-index:3;position:absolute;text-align:left;}
.slide{background-attachment:fixed;width:100%;height:100%;position:relative;}
#slide1{background-color:#FFfffF;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;}
#slide2a{background-color:#ffffff;background-size:cover;min-height:600px;width:100%;}
#slide2{background-color:#dbe1e3;background-size:cover;width:100%;}
#slide3{background:url(../imagenes/somos2.jpg) no-repeat center center;background-repeat:no-repeat;text-align:justify;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:600px;width:100%;}
.texto1{font-family:'robotobold', serif;color:#5a2a81;font-size:55px;line-height:140%;}
.texto2{font-family:'robotol', sans-serif;color:#dbe1e3;font-size:50px;line-height:100%;}
.eltelo{font-family:'robotol', sans-serif;color:#fefeff;font-size:12px;line-height:100%;letter-spacing:2px;text-decoration:none;}
.eltelo2{font-family:'robotol', sans-serif;color:#000000;font-size:12px;line-height:100%;letter-spacing:2px;text-decoration:none;}
.texto3{font-family:'roboto', sans-serif;color:#ff0000;font-size:50px;font-weight:400;line-height:100%;}
.texto4{font-family:'robotobold', serif;color:#dbe1e3;font-size:25px;line-height:100%;}
.texto5{font-family:'robotobold', serif;color:#000000;font-size:40px;line-height:150%;}
.texto6{font-family:'robotobold', serif;color:#000000;font-size:70px;line-height:100%;}
.texto7{font-family:'robotobold', sans-serif;color:#000000;font-size:25px;line-height:160%;}
.texto8{font-family:'robotol', serif;color:#ffffff;font-size:50px;line-height:130%;text-shadow:#000000 1px 1px 2px;}
.texto8a{font-family:'montserrat', sans-serif;color:#ffffff;font-size:90px;line-height:100%;text-shadow:#000000 1px 1px 2px;}
.texto9{font-family:'roboto', serif;color:#ffffff;font-size:15px;line-height:130%;text-decoration:none;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.texto9:hover{font-family:'roboto', serif;color:#ff0000;font-size:15px;line-height:130%;text-decoration:none;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.texto9a{font-family:'roboto', serif;color:#000000;font-size:15px;line-height:130%;text-decoration:none;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.texto9a:hover{font-family:'roboto', serif;color:#ff0000;font-size:15px;line-height:130%;text-decoration:none;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.texto10{font-family:'robotobold', sans-serif;color:#a8a8a8;font-size:25px;line-height:160%;}
.texto11{font-family:'robotobold', sans-serif;color:#000000;font-size:60px;}
.texto12{font-family:'roboto', sans-serif;color:#000000;font-size:22px;line-height:160%;}
.texto13{font-family:'robotobold', sans-serif;color:#000000;font-size:21px;line-height:160%;}
.texto99{font-family:'robotobold', sans-serif;color:#000000;font-size:40px;font-weight:900;}
.texto100{font-family:'roboto', sans-serif;color:#000000;font-size:19px;font-weight:400;}
.texto14{font-family:'robotobold', sans-serif;color:#000000;font-size:45px;line-height:100%;}
.texto15{font-family:'robotobold', sans-serif;color:#8e9294;font-size:30px;line-height:100%;}
.texto16{font-family:'circularbold', sans-serif;color:#ffffff;font-size:18px;letter-spacing:3px;}
.texto17{font-family:'robotobold', sans-serif;color:#53565d;font-size:23px;line-height:110%;}
.texto18{font-family:'robotobold', sans-serif;color:#ffffff;font-size:23px;line-height:110%;}
.texto19{font-family:'roboto', sans-serif;color:#ffffff;font-size:20px;letter-spacing:0px;}
.texto19a{font-family:'roboto', sans-serif;color:#ffffff;font-size:25px;letter-spacing:-1px;text-transform:uppercase;}
.texto19b{font-family:'robotobold', sans-serif;color:#ffffff;font-size:27px;letter-spacing:-1px;text-transform:uppercase;}
.texto20{font-family:'robotobold', sans-serif;color:#1c1d1f;font-size:25px;line-height:120%;}
.texto21{font-family:'roboto', sans-serif;color:#7e8289;font-size:18px;line-height:140%;}
.texto22{font-family:'robotobold', sans-serif;color:#7e8289;font-size:18px;line-height:140%;}
.texto23{font-family:'robotobold', sans-serif;color:#5b5e64;font-size:50px;line-height:120%;}
.texto24{font-family:'robotobold', sans-serif;color:#ffffff;font-size:50px;line-height:120%;}
.portafolios1{font-family:'robotobold', sans-serif;color:#000000;font-size:18px;line-height:160%;text-transform:uppercase;}
.portafolios2{font-family:'robotobold', sans-serif;color:#000000;font-size:20px;line-height:160%;text-transform: capitalize;}
.portafolios3{font-family:'roboto', sans-serif;color:#a7a7a7;font-size:16px;line-height:160%;}
.miumiu{opacity:1;}
.miumiu:hover{opacity:.4;}
#nosotros, #nosotros1, #nosotros2, #nosotros3{display:inline-block;vertical-align:top;}
#nosotros{width:1250px;vertical-align:middle;}
#nosotros1{width:420px;margin-right:-4px;text-align:justify;}
#nosotros2{width:64px;margin-right:-4px;text-align:left;}
#nosotros3{width:750px;margin-right:-4px;text-align:left;}
.tablon{width:80%;max-width:1200px;}
#falso{display:block;}
#falso2{display:none;}
#hola{position:absolute;bottom:35px;right:4%;width:180px;z-index:2;display:block;text-align:right;}
#linfo, #linfo1, #linfo2{display:inline-block;vertical-align:top;z-index:9999;}
#linfo{width:1200px;vertical-align:middle;}
#linfo1{width:350px;margin-right:-4px;text-align:center;}
#linfo2{width:75px;margin-right:-4px;text-align:right;}
#linfo, #linfo1, #linfo2{display:inline-block;vertical-align:top;z-index:9999;}
#linfo{width:1200px;vertical-align:middle;}
#linfo1{width:350px;margin-right:-4px;text-align:center;}
#linfo2{width:75px;margin-right:-4px;text-align:right;}
#pie{background-color:#000000;width:100%;}
#pieses, #pieses1, #pieses2, #pieses2a{display:inline-block;vertical-align:top;z-index:9999;}
#pieses{width:92%;vertical-align:middle;}
#pieses1{width:50%;margin-right:-5px;text-align:left;}
#pieses2{width:50%;margin-right:-5px;text-align:right;}
#pieses2a{display:none;}
#losmenus, #losmenus1, #losmenus2{display:inline-block;vertical-align:top;z-index:9999;}
#losmenus{width:900px;vertical-align:middle;}
#losmenus1{width:700px;margin-right:-5px;text-align:left;}
#losmenus2{width:200px;margin-right:-5px;text-align:left;}
.overlay{height:100%;width:0;position:fixed;z-index:99;top:0;left:0;background-color:rgba(0,0,0,.9);overflow-x:hidden;transition:0.5s;}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px;}
.texton{font-family:'robotobold', sans-serif;text-decoration:none;font-size:50px;color:#FFFFFF;display:block;transition:0.3s;}
.texton:hover, .texton:focus{color:#ff0000;}
.adentro{font-family:'robotobold', sans-serif;color:#ffffff;text-decoration:none;line-height:205%;transition:0.3s;}
.adentroa{font-family:'robotobold', sans-serif;color:#ffffff;text-decoration:none;transition:0.3s;font-size:30px;}
.overlay .closebtn{position:absolute;top:57px;right:4%;font-size:60px;font-size:50px;color:#FFFFFF;font-family:'robotobold', sans-serif;text-decoration:none;}
.overlay .closebtn a:hover, .overlay .closebtn a:focus{color:#ff0000;}
#porta, #porta1, #porta2{display:inline-block;vertical-align:top;}
#porta{width:1260px;vertical-align:middle;text-align:left;}
#porta1{width:400px;margin-right:-4px;text-align:justify;height:550px;}
#porta2{width:20px;margin-right:-4px;text-align:left;}
.tablon{width:80%;max-width:980px;}
#falso{display:block;}
#falso2{display:none;}
#portafolios{background-color:#ffffff;width:100%;}
#elporta{background-color:#dbe1e3;width:100%;}
#eltesta{background-color:#000000;width:100%;}
#portas1{width:90%;max-width:720px;}
#portas2{width:90%;}
#contacto{width:100%;height:100%;min-height:650px;}
#conta, #conta1, #conta2, #conta3{display:inline-block;vertical-align:top;}
#conta{width:880px;vertical-align:middle;text-align:left;height:320px;position:absolute;left:50%;margin-left:-440px;top:50%;margin-top:-160px;}
#conta1{width:500px;margin-right:-4px;text-align:left;}
#conta2{width:130px;margin-right:-4px;text-align:left;}
#conta3{width:170px;margin-right:-4px;text-align:left;}
.combo{font-family:'roboto', sans-serif;color:#ffffff;font-size:16px;background-color:transparent;border-width:0;width:100%;height:30px;padding-left:10px;}
#tras, #tras0, #tras1, #tras2, #tras3, #tras4, #tras5{display:inline-block;vertical-align:top;}
#tras{width:1200px;vertical-align:middle;text-align:center;}
#tras0{width:40px;margin-right:-4px;text-align:center;}
#tras1{width:35px;margin-right:-4px;text-align:center;}
#tras2{width:30px;margin-right:-4px;text-align:center;}
#tras3{width:25px;margin-right:-4px;text-align:center;}
#tras4{width:20px;margin-right:-4px;text-align:center;}
#tras5{width:0px;margin-right:-4px;text-align:center;}
#testa{width:90%;max-width:1000px;text-align:left;}
#lostesti, #lostesti1, #lostesti2, #lostesti3{display:inline-block;vertical-align:top;}
#lostesti{width:1000px;vertical-align:middle;text-align:left;}
#lostesti1{width:1000px;margin-right:0px;text-align:left;}
#lostesti2{width:1000px;margin-right:0px;text-align:left;}
#lostesti3{ display:none;}
#loslos, #loslos1, #loslos2, #loslos3, #loslos4, #loslos5{display:inline-block;vertical-align:top;}
#loslos{width:1000px;vertical-align:middle;text-align:left;}
#loslos1{width:162px;margin-right:-4px;text-align:left;}
#loslos2{width:227px;margin-right:-4px;text-align:left;}
#loslos3{width:247px;margin-right:-4px;text-align:left;}
#loslos4{width:172px;margin-right:-4px;text-align:left;}
#loslos5{width:192px;margin-right:-4px;text-align:left;}
#testimonio{width:100%;height:400px;}
#loser{width:850px;height:435px;z-index:9;position:absolute;top:50%;margin-top:-217px;left:50%;margin-left:-425px;}
#close{width:50px;height:50px;z-index:9;top:4%;right:4%;position:absolute;}
#close img{-webkit-transform:scale(1);-webkit-transition-duration:0.3s;-webkit-opacity:1;-moz-transform:scale(1);-moz-transition-duration:0.3s;-moz-opacity:1;-ms-transform:scale(1);-ms-transition-duration:0.3s;-ms-opacity:1;}
#close img:hover{-webkit-transform:scale(1.2);-webkit-opacity:1;-webkit-transition-duration:0.3s;-moz-transform:scale(1.2);-moz-opacity:1;-moz-transition-duration:0.3s;-ms-transform:scale(1.2);-ms-opacity:1;-ms-transition-duration:0.3s;}
#elportafolio{width:90%;max-width:1200px;text-align:left;}
#elfeik{width:100%;height:150px;}
#infoporta, #infoporta1, #infoporta2{display:inline-block;vertical-align:top;}
#infoporta{width:1200px;vertical-align:middle;}
#infoporta1{width:100%;margin-right:0px;text-align:left;}
#infoporta2{width:140px;margin-right:-4px;text-align:justify;}
.limapor{width:100%;max-width:1200px;text-align:left;}
#laweb{background-color:#bfc7d1;height:700px;width:100%;max-width:1200px;}
#laweb2{background-color:#bfc7d1;height:700px;width:100%;max-width:1200px;}
#lacompu{background-image:url(../imagenes/web.png);width:760px;height:648px;}
#video0{position:absolute;width:700px;height:395px;left:50%;margin-left:-350px;top:30px;z-index:3;}
#video1{position:absolute;width:700px;height:395px;left:50%;margin-left:-350px;top:30px;z-index:2;}
.limitaa{width:700px;height:395px;}
.limita2{width:700px;height:395px;}
#elmovil{background-image:url(../imagenes/web2.png);width:307px;height:567px;}
#video2{position:absolute;width:307px;height:567px;left:50%;margin-left:-153px;top:30px;z-index:3;}
#video3{position:absolute;width:307px;height:567px;left:50%;margin-left:-153px;top:30px;z-index:2;}
#lawebcompleta,.lawebcompleta,.limita{height:675px;width:1200px;}
.elgif{display:none;}
#videocompleto{position:absolute;height:675px;width:1200px;left:0;top:0;z-index:3;}
.limagif{width:100%;}
#recluta{width:880px;vertical-align:middle;text-align:left;height:320px;position:absolute;left:50%;margin-left:-440px;top:200px;}
#recluta1{width:880px;margin-right:-4px;text-align:left;}
.latablin{ width:480px;}
.limare{ display:block;}
.combos{font-family:'roboto', sans-serif;color:#b1b4b5;font-size:16px;background-color:transparent;border-width:0;width:100%;height:30px;padding-left:10px;}
#reclutamiento{width:100%;height:100%;min-height:850px;}
.texto25{font-family:'robotobold', sans-serif;color:#6e7176;font-size:25px;line-height:120%;text-transform:uppercase;}
.texto26{font-family:'circularbold', sans-serif;color:#000000;font-size:40px;line-height:120%;}
.texto27{font-family:'circularbold', sans-serif;color:#5b5e64;font-size:25px;line-height:120%;}
.texto28{font-family:'roboto', sans-serif;color:#b1b4b5;font-size:16px;}
@media screen and (max-width:1260px){#porta{width:840px;vertical-align:middle;}
#porta1{width:400px;margin-right:-4px;text-align:justify;}
#porta2{width:20px;margin-right:-4px;text-align:left;}
}
@media screen and (max-width:1200px){#infoporta{width:90%;vertical-align:middle;}
#infoporta1{width:100%;margin-right:0px;text-align:left;}
#infoporta2{display:none;}
#linfo{width:90%;vertical-align:middle;text-align:left;}
#linfo1{width:100%;margin-right:0px;text-align:center;}
#linfo2{display:none;}
#tras{width:700px;vertical-align:middle;text-align:center;}
#lawebcompleta,.lawebcompleta,.limita{height:506px;width:900px;}
#videocompleto{position:absolute;height:506px;width:900px;left:0;top:0;z-index:3;}
}
@media screen and (max-width:1070px){.texto2{font-size:40px;}
.texto3{font-size:40px;}
#pieses1{width:30%;margin-right:-5px;text-align:left;}
#pieses2{width:70%;margin-right:-5px;text-align:right;}

#lostesti{width:700px;vertical-align:middle;text-align:left;}
#lostesti1{width:100%;margin-right:-4px;text-align:left;}
#lostesti2{width:100%;margin-right:-4px;text-align:left;}

#loslos{width:636px;vertical-align:middle;text-align:left;}
#loslos1{width:162px;margin-right:-4px;text-align:left;}
#loslos2{width:227px;margin-right:-4px;text-align:left;}
#loslos3{width:247px;margin-right:-4px;text-align:left;}
#loslos4{width:172px;margin-right:-4px;text-align:left;}
#loslos5{width:192px;margin-right:-4px;text-align:left;}

#testimonio{width:100%;height:550px;}
}

@media screen and (max-width:910px){#losmenus, #losmenus1, #losmenus2{display:inline-block;vertical-align:top;z-index:9999;}
#losmenus{width:700px;vertical-align:middle;}
#losmenus1{width:500px;margin-right:-5px;text-align:left;}
#losmenus2{width:200px;margin-right:-5px;text-align:left;}
#contacto{width:100%;height:100%;min-height:900px;}
#conta{width:440px;vertical-align:middle;text-align:left;height:640px;position:absolute;left:50%;margin-left:-220px;top:200px;margin-top:0;}
#conta1{width:400px;margin-right:0px;text-align:left;}
#conta2{display:none;}
#conta3{width:400px;margin-right:-4px;text-align:left;}
#laweb{background-color:#bfc7d1;height:400px;width:100%;max-width:1200px;}
#lacompu{background-image:url(../imagenes/weba.png);width:400px;height:341px;}
#video1, #video0{position:absolute;width:370px;height:210px;left:50%;margin-left:-185px;top:15px;}
.limita{width:370px;height:210px;}
#lawebcompleta,.lawebcompleta,.limita{height:394px;width:700px;}
#videocompleto{position:absolute;height:394px;width:700px;left:0;top:0;z-index:3;}
#recluta{width:420px;vertical-align:middle;text-align:left;height:320px;position:absolute;left:50%;margin-left:-210px;top:200px;}
#recluta1{width:420px;margin-right:-4px;text-align:left;}
.latablin{ width:450px;}
.limare{ display:none;}
.texto26{font-family:'circularbold', sans-serif;color:#000000;font-size:30px;line-height:100%;}
#pieses{width:100%;vertical-align:middle;}
#pieses1{width:90%;margin-right:0px;text-align:center;}
#pieses2{display:none;}
#pieses2a{width:90%;margin-right:-5px;text-align:right;display:block;}
}
@media screen and (max-width:860px){#loser{width:600px;height:600px;z-index:9;position:absolute;top:50px;margin-top:0px;left:50%;margin-left:-300px;}
html,body{min-height:600px;}
}
@media screen and (max-width:840px){#porta{width:400px;vertical-align:middle;}
#porta1{width:400px;margin-right:0px;text-align:justify;}
#porta2{display:none;}
.texto14{font-size:40px;}
.texto15{font-size:30px;}
#menudencia2{display:block;top:70px;right:4%;width:69px;height:40px;z-index:4;position:fixed;}
#menudenciainicia{display:none;}
}
@media screen and (max-width:800px){#esconde2{display:block;height:100%;width:100%;}
#esconde{display:none}
#falso2{display:block;}
#falso{display:none;}
#hola{display:none;}
}
@media screen and (max-width:710px){#lawebcompleta,.limita{height:338px;width:600px;}
.lawebcompleta{display:none;}
.elgif{display:block;}
#video1, #video0{display:none;}
#videocompleto{position:absolute;height:338px;width:600px;left:0;top:0;z-index:3;}
#testimonio{width:100%;height:730px;}
#losmenus{width:450px;vertical-align:middle;}
#losmenus1{width:450px;margin-right:0px;text-align:center;}
#losmenus2{display:none;}
#tras{width:450px;vertical-align:middle;text-align:center;}
.texto8a{font-family:'montserrat', sans-serif;color:#ffffff;font-size:70px;line-height:100%;text-shadow:#000000 1px 1px 2px;}
#tras0{width:35px;margin-right:-4px;text-align:center;}
#tras1{width:30px;margin-right:-4px;text-align:center;}
#tras2{width:25px;margin-right:-4px;text-align:center;}
#tras3{width:22px;margin-right:-4px;text-align:center;}
#tras4{width:15px;margin-right:-4px;text-align:center;}
#tras5{width:0px;margin-right:-4px;text-align:center;}

#lostesti{width:450px;vertical-align:middle;text-align:left;}

#loslos{width:450px;vertical-align:middle;text-align:left;}
#loslos1{width:150px;margin-right:-4px;text-align:left;}
#loslos2{width:215px;margin-right:-4px;text-align:left;}
#loslos3{width:235px;margin-right:-4px;text-align:left;}
#loslos4{width:160px;margin-right:-4px;text-align:left;}
#loslos5{width:180px;margin-right:-4px;text-align:left;}

}
@media screen and (max-width:600px){#loser{width:420px;height:600px;z-index:9;position:absolute;top:50px;margin-top:0px;left:50%;margin-left:-210px;}
.texto23{font-family:'robotobold', sans-serif;color:#5b5e64;font-size:40px;line-height:110%;}
.texto24{font-family:'robotobold', sans-serif;color:#ffffff;font-size:40px;line-height:110%;}
#menudencia2{top:55px;right:4%;width:69px;height:40px;z-index:4;position:fixed;}
.overlay .closebtn{top:44px;right:4%;}
.texto2{font-size:35px;}
.texto3{font-size:35px;}
#lawebcompleta,.limita{height:253px;width:450px;}
#videocompleto{position:absolute;height:253px;width:450px;left:0;top:0;z-index:3;}
}
.ball2{margin:0 auto;-moz-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;}
@-moz-keyframes spin{0%{opacity:1;-moz-transform:translateY(-5px);}
100%{opacity:1;-moz-transform:translateY(5px);}
}
@-webkit-keyframes spin{0%{opacity:1;-webkit-transform:translateY(-5px);}
100%{opacity:1;-webkit-transform:translateY(5px);}
}
#ampliar img{-webkit-transform:scale(1);-webkit-transition-duration:0.7s;-webkit-opacity:1;-moz-transform:scale(1);-moz-transition-duration:0.7s;-moz-opacity:1;-ms-transform:scale(1);-ms-transition-duration:0.7s;-ms-opacity:1;}
#ampliar img:hover{-webkit-transform:scale(1.1);-webkit-opacity:.8;-webkit-transition-duration:0.7s;-moz-transform:scale(1.1);-moz-opacity:.8;-moz-transition-duration:0.7s;-ms-transform:scale(1.1);-ms-opacity:.8;-ms-transition-duration:0.7s;}

.grises img {
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
.grises img:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}