.sub-fam-c{width:100%;background-color:rgba(40,50,60,1);padding:10px 10px 10px 20%;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.25);overflow:hidden}.sub-fam-c a.image{width:calc(20% - 10px);height:100%;background-color:rgba(255,255,255,1);position:absolute;left:0;top:0;overflow:hidden}.sub-fam-c a.image .icon{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:10}.sub-fam-c a.image h3{display:block;width:auto;background-color:rgba(255,255,255,1);text-align:center;position:absolute;left:50%;top:60px;transform:translateX(-50%);font-size:1.2rem;z-index:5;box-shadow:0 2px 5px 0 rgba(255,255,255,1)}.sub-fam-c a.image h3:before{content:'';width:100%;height:2px;background-color:rgba(40,50,60,.25);border-radius:2px;position:absolute;left:0;top:-8px}.sub-fam-c a.image img{width:70%;max-width:300px;position:absolute;left:50%;top:100px;transform:translateX(-50%);transition:all .3s}.sub-fam-c a.image:hover img{top:80px;width:72%}.sub-fam-c a.image div{content:'';height:32px;padding:0 20px 0 20px;border-radius:3px;position:absolute;right:50%;bottom:18px;transform:translateX(50%);font-size:1.4rem;white-space:nowrap;line-height:32px;font-weight:700;color:rgba(40,50,60,1);box-shadow:inset 0 0 0 2px rgba(40,50,60,1);transition:all .3s;z-index:2}.sub-fam-c a.image:hover div{background-color:rgba(250,160,40,1);color:rgba(255,255,255,1);box-shadow:inset 0 0 0 2px rgba(250,160,40,1)}h1.add-icon-l .tgl-btn{position:absolute;right:0;top:0}@media (min-width:320px) and (max-width:767px){.sub-fam-c{width:100%;background-color:rgba(40,50,60,1);padding:130px 10px 10px 10px;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.25);overflow:initial}.sub-fam-c a.image{width:100%;height:120px;position:absolute;left:50%;transform:translateX(-50%);overflow:hidden}.sub-fam-c a.image .icon{position:absolute;left:10px;top:50%;transform:translateX(0) translateY(-50%);z-index:10}.sub-fam-c a.image h3{width:calc(100% - 180px);display:block;background-color:rgba(255,255,255,1);text-align:left;position:absolute;left:60px;top:50%;transform:translateX(0) translateY(-50%);font-size:1.2rem;z-index:5;box-shadow:5px 0 5px 0 rgba(255,255,255,1)}.sub-fam-c a.image h3:before{content:'';width:2px;height:100%;background-color:rgba(40,50,60,.25);border-radius:2px;position:absolute;left:-8px;top:50%;transform:translateY(-50%)}.sub-fam-c a.image img{width:auto;height:80%;position:absolute;left:initial;top:-10px;right:12px;transform:none}.sub-fam-c a.image:hover img{top:-10px;width:initial}.sub-fam-c a.image:before{display:none}.sub-fam-c a.image div{height:32px;background-color:rgba(255,255,255,.1);padding:0 20px 0 20px;border-radius:3px;position:absolute;right:10px;bottom:10px;transform:translateX(0);font-size:1.2rem;line-height:32px;font-weight:700;white-space:nowrap;color:rgba(40,50,60,1);box-shadow:inset 0 0 0 2px rgba(40,50,60,1) transition: all .3s;z-index:10}.sub-fam-c a.image:hover div{background-color:rgba(250,160,40,1);color:rgba(255,255,255,1)}.sub-fam-c .prod:nth-child(4),.sub-fam-c .prod:nth-child(5),.sub-fam-c .prod:nth-child(6){display:none}}@media (min-width:320px) and (max-width:480px){.sub-fam-c .prod:nth-child(4){display:block}}