/* praticas */
.praticas { width: 940px; float: right; position: relative; z-index: 2; padding: 185px 100px 185px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.praticas ul { }
.praticas ul li { position: relative; margin-bottom: 100px; }
.praticas ul li a { }
.praticas ul li .imgpra { width: 400px; height: 250px; position: relative; z-index: 1; opacity: 0.2; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; left: 200px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../imgs/grayscale.svg#greyscale); filter: gray; }
.praticas ul li h3 { font-size: 30px; color: rgba(255,255,255,0.2); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; position: relative; z-index: 2; margin-top: -37px; padding-right: 280px; left: 100px; }

.praticas.cts li.sel .imgpra,
.praticas ul li a:hover .imgpra { width: 550px; height: 350px; opacity: 1; left: 100px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms--o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
.praticas.cts li.sel h3,
.praticas ul li a:hover h3 { color: #fff; font-size: 50px; left: 0; padding-right: 180px; }