.logo-show .content{align-items:center;display:flex;flex-wrap:wrap;gap:100px;justify-content:center}.logo-show .logo_part img{max-width:260px;width:100%}.logo-show .color_part .color_item_pick{margin:12px 0}.logo-show .color_part .color_item_pick span.item_color{position:relative}.logo-show .color_part span.item_color{align-items:center;background-color:#0f3a7d;border-radius:26px;display:inline-block;display:flex;height:60px;justify-content:center;width:60px}.logo-show .color_part .color_item>.color_item_pick svg{display:none}.logo-show .color_part .color_item>.color_item_pick:hover{cursor:pointer}.logo-show .color_part .color_item>.color_item_pick:hover svg{display:block}.logo-show .color_item .color_popup{display:none}.logo-show .color_item.active .color_popup{align-items:center;background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.logo-show .color_item .color_popup .pop_content{align-items:center;background:#fff;border-radius:33px;display:flex;flex-wrap:wrap;max-height:90%;max-width:90%;padding:15px 20px}.logo-show .color_item .color_popup .color_info{align-items:center;display:flex}.logo-show .color_item .color_popup .color_board{border-radius:20px;height:120px;position:relative;width:120px}.logo-show .color_item .color_popup .color_board span{display:none;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.logo-show .color_item .color_popup .color_board:hover span{display:block}.logo-show .color_item .color_popup .color_board:hover{cursor:pointer}.logo-show .color_item .color_popup .info_text{padding:20px}.logo-show .color_item .color_popup .info_text h4{font-size:20px;font-weight:700}.logo-show .color_item .color_popup .info_text p{color:#4d5974;font-size:18px;margin:5px 0}.logo-show .color_item .color_popup .info_text span{color:#6d8fd0;font-size:15px;font-weight:700}.logo-show .color_item .color_popup .color_copy{padding-left:40px}.logo-show .color_item .color_popup .color_copy>div{align-items:center;background:#efefef;border-radius:50px;display:flex;justify-content:space-between;margin:4px 0;padding:8px 50px 8px 16px;position:relative}.color_palette .color_item .color_popup .color_copy>div:hover{cursor:pointer}.logo-show .color_item .color_popup .color_copy>div h4{font-size:18px;font-weight:400}.logo-show .color_item .color_popup .color_copy>div p{color:#103a7d;font-size:18px;padding-left:60px}.logo-show .color_item .color_popup .color_copy>div span{border:1px solid #dbdbdb;border-radius:4px;height:16px;position:absolute;right:16px;top:8px;width:16px}.logo-show .color_item .color_popup .color_copy>div span:before{background:#efefef;border:1px solid #dbdbdb;border-radius:4px;box-sizing:border-box;content:"";height:16px;left:5px;position:absolute;top:5px;width:16px}.logo-show .color_item .color_popup .color_copy>div span:hover{cursor:pointer}.tooltip{background:#000;border-radius:5px;color:#fff;font-size:12px;left:50%;opacity:0;padding:3px 8px;position:absolute;top:-28px;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:10}.show-tooltip .tooltip{animation:fadeOut 1.2s forwards;opacity:1;visibility:visible}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}body.popup_opened{height:100vh;overflow:hidden}@media (max-width:991px){.logo-show .three_col .color_item{width:48%}.logo-show .color_item .color_art{height:80px;width:80px}.logo-show .color_item .color_popup .color_info{margin-bottom:20px;width:100%}.logo-show .color_item .color_popup .color_board{height:80px;width:80px}.logo-show .color_item .color_popup .info_text{padding:10px}.logo-show .color_item .color_popup .info_text h4{font-size:18px}.logo-show .color_item .color_popup .info_text p{font-size:16px;margin:0}.logo-show .color_item .color_popup .info_text span{font-size:14px}.logo-show .color_item .color_popup .color_copy{padding:0;width:100%}.logo-show .color_item .color_popup .color_copy>div h4{font-size:16px}.logo-show .color_item .color_popup .color_copy>div p{font-size:14px;padding-left:10px}.logo-show .color_item .color_popup .color_copy>div span,.logo-show .color_item .color_popup .color_copy>div span:before{height:12px;width:12px}}