@font-face{font-family:opensans;src:url(/fonts/opensans/opensans.woff2) format("woff2"),url(/fonts/opensans/opensans.woff) format("woff"),url(/fonts/opensans/opensans.ttf) format("truetype"),url(/fonts/opensans/opensans.eot) format("embedded-opentype"),url(/fonts/opensans/opensans.svg) format("svg")}.home-cate{margin:3rem 0}#pro-cate-row .title{font-weight:600;font-size:1.8rem;text-transform:uppercase;margin:0 auto;color:#173c86}@media (min-width:576px){#pro-cate-row .title{font-size:2rem;padding-bottom:.5rem}}#pro-cate-row .title .text-special{color:#8b2829}#pro-cate-row .title .line{width:4rem;height:3px;position:absolute;bottom:0;left:35%;border-bottom:2px dotted #b2cce3}#pro-cate-row .list{overflow:hidden}#pro-cate-row .fbox{margin-bottom:2rem;background-color:#173c86;border-bottom:2px solid #8b2829;padding:10px 10px 3rem;color:#c4d4f1;font-size:.9rem}#pro-cate-row .fbox .image{height:0!important;overflow:hidden;padding-top:100%;position:relative}#pro-cate-row .fbox .image>:first-child{display:block;position:absolute;top:0;bottom:0;left:0;right:0}#pro-cate-row .fbox .image img{display:block;width:100%;height:100%;-webkit-transition:all .75s;transition:all .75s}#pro-cate-row .fbox .name{font-size:1.8rem;height:4rem;padding:1.3rem 0;text-align:center}#pro-cate-row .fbox .name a{max-height:3.2rem;color:#fff}#pro-cate-row .fbox .btn-line{width:100%;text-align:center;position:absolute;bottom:-1rem;z-index:7}#pro-cate-row .fbox .btn-line .btn{text-transform:uppercase;background-color:#8b2829;color:#fff;font-size:.9rem;border-radius:5rem;border-color:#8b2829;padding:.5rem 2rem;-webkit-transition:background-color,color,border-color .5s ease;transition:background-color,color,border-color .5s ease}#pro-cate-row .fbox:hover .image img{-webkit-transform:scale(1.2);transform:scale(1.2)}#pro-cate-row .fbox:hover .btn-line .btn{background-color:#fff;color:#000}#pro-cate-row .fbox:hover .hover-box .action-line{-webkit-animation:line_spread .3s linear .5s forwards;animation:line_spread .3s linear .5s forwards}#pro-cate-row .fbox .hover-box{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(23,60,134,.9);z-index:6;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;color:#fff;text-align:center;overflow:hidden;padding-bottom:2.5em}#pro-cate-row .fbox .hover-box .top-name{font-size:1.8rem}#pro-cate-row .fbox .hover-box .action-line{height:2px;background-color:#8b2829;width:0;margin:10px auto}#pro-cate-row .fbox .hover-box .bottom-descr{margin-top:1rem;color:#c4d4f1;font-size:.9rem}@-webkit-keyframes line_spread{0%{width:0}to{width:100px}}@keyframes line_spread{0%{width:0}to{width:100px}}