.body{color:#000}.guideTypeIcon{height:100%}.userguides-grid{list-style:none;margin:0;padding:0;color:#000;max-height:400px;overflow:auto}.userguide-item h5{color:#000}.userguide-item{display:inline-block;width:33%;margin:0 20px 20px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:165px}.userguide-grid-2 .userguide-item{width:50%}.userguide-grid-3 .userguide-item{width:33.333%}.userguide-grid-4 .userguide-item{width:22%}.container .userguide-grid-3 .userguide-item{width:33.2%}.userguide-grid-5 .userguide-item{width:110px}.userguides-grid.userguide-grid-gut{margin:0 0 0 -10px}.userguides-grid.userguide-grid-gut .userguide-item{padding:0 0 10px 10px}.userguide-item>a{display:block;padding:0 0 84px 0;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:100%}.userguide-item a,.userguide-item a:hover{color:#111;border:none}.userguide-img{height:100%;position:relative;overflow:hidden}.userguide-img div{opacity:.8;width:100%;display:block;overflow:hidden}.userguide-intro{width:100%;position:absolute}.userguide-intro:after{position:absolute;bottom:0;height:100%;width:100%;content:"";background:linear-gradient(to top,rgba(255,255,255,1) 40%,rgba(255,255,255,.1) 70%);pointer-events:none}.userguide-item:hover .userguide-intro:after{background:4d7a9c;color:#fff}.userguide-title{margin:0 0 8px 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;line-height:1.2;color:#000;width:100%;position:absolute;background:transparent;z-index:100;text-align:center}.userguide-descr{height:100%;font-size:11px;text-align:center;color:#000;line-height:1.2}.userguide-descr span{word-break:keep-all;font-size:12px}.userguides-grid.hide-titles .userguide-item>a{overflow:hidden;padding:0}.userguides-grid.hide-titles .userguide-item .userguide-intro{top:50%}.userguides-grid.hide-titles .userguide-item:hover .userguide-intro{opacity:1}.userguide-item:hover .userguide-img>div{background-color:#fefefe;filter:none;-webkit-filter:grayscale(0);opacity:.2}.userguide-intro{-webkit-transition:all .27s cubic-bezier(.3,.1,.58,1);-moz-transition:all .27s cubic-bezier(.3,.1,.58,1);-o-transition:all .27s cubic-bezier(.3,.1,.58,1);-ms-transition:all .27s cubic-bezier(.3,.1,.58,1);transition:all .27s cubic-bezier(.3,.1,.58,1)}.userguide-item:hover .userguide-intro{color:#fff !important;z-index:3;top:-5% !important;bottom:0 !important}.userguide-item:hover .userguide-intro:after{content:normal}.userguide-item:hover .userguide-title{color:#fff;opacity:0}.userguide-item:hover h5{padding-top:10px}.userguide-item:hover .userguide-descr{padding:5px;background-color:rgba(255,255,255,.8)}