#knowledge .lead{margin-top:1em;text-align:left;font-size:16px}@media only screen and (max-width: 767px){#knowledge .lead{font-size:13px}#knowledge .lead br{display:none}}@media only screen and (max-width: 1023px){#knowledge .list-card{margin-right:15px;margin-left:15px;margin-top:15px}}#knowledge .knowledge-title{text-align:left;font-size:30px;line-height:1}#knowledge .knowledge-title span{font-family:'Alfa Slab One', cursive;font-size:60px;margin-right:.25em;letter-spacing:2px}#knowledge .knowledge-title.grow span{color:#46971e}#knowledge .knowledge-title.brew span{color:#1a89e4}#knowledge .knowledge-title.beerpub span{color:#c64300}@media only screen and (max-width: 767px){#knowledge .knowledge-title{font-size:18px;text-align:center}#knowledge .knowledge-title span{font-size:36px;display:block;text-align:center;margin-right:0;margin-bottom:12px}}#knowledge .works-list{display:flex}#knowledge .works-list li{margin-top:24px;width:18%;margin-left:2.5%;cursor:pointer;-moz-transition:all,.3s,ease,.3s;-o-transition:all,.3s,ease,.3s;-webkit-transition:all,.3s,ease,.3s;transition:all,.3s,ease,.3s}#knowledge .works-list li:hover{opacity:.5}#knowledge .works-list li img{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;border:1px solid #666}#knowledge .works-list li h4{font-size:13px}#knowledge .works-list li:nth-of-type(5n+1){margin-left:0}@media only screen and (max-width: 767px){#knowledge .works-list{flex-wrap:wrap}#knowledge .works-list li{width:47.5%;margin-left:5%;margin-top:15px}#knowledge .works-list li h4{font-size:12px}#knowledge .works-list li:nth-of-type(2n+1){margin-left:0}#knowledge .works-list li:nth-of-type(5n+1){margin-left:5%}#knowledge .works-list li:nth-of-type(5n+1):nth-of-type(2n+1){margin-left:0}}#knowledge .popup-sec{display:none}#knowledge .popup-sec.active{display:flex}#knowledge #knowledge-modal{display:none;position:fixed;z-index:11111;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.75)}#knowledge #knowledge-modal #knowledge-modal-inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 767px){#knowledge #knowledge-modal #knowledge-modal-inner{padding:60px 0 15px;align-items:flex-start}}#knowledge #knowledge-modal #knowledge-modal-bg{position:fixed;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:1}#knowledge #knowledge-modal .popup-sec{position:relative;z-index:2}#knowledge #knowledge-modal .popup-sec:before,#knowledge #knowledge-modal .popup-sec:after{content:'';width:30px;height:2px;display:block;background:#fff;position:absolute;right:0;top:-30px;cursor:pointer;pointer-events:none}#knowledge #knowledge-modal .popup-sec:before{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}#knowledge #knowledge-modal .popup-sec:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#knowledge #knowledge-modal .card{position:relative;margin-top:0;flex-wrap:wrap;justify-content:space-between}#knowledge #knowledge-modal .card .knowledge-title{width:100%}#knowledge #knowledge-modal .card figure{width:48%;margin-top:24px}#knowledge #knowledge-modal .card figure img{display:block}#knowledge #knowledge-modal .card .card-text{width:48%;display:flex;flex-wrap:wrap;text-align:left;align-content:space-between;margin-top:24px}#knowledge #knowledge-modal .card .card-text h3{width:100%;font-size:24px;line-height:1.35;padding:3px 6px}#knowledge #knowledge-modal .card .card-text h3.grower{color:#46971e;background:rgba(70,151,30,0.1)}#knowledge #knowledge-modal .card .card-text h3.brewery{color:#1a89e4;background:rgba(26,137,228,0.1)}#knowledge #knowledge-modal .card .card-text h3.beerpub{color:#c64300;background:rgba(198,67,0,0.1)}#knowledge #knowledge-modal .card .card-text p{margin-top:1em;width:100%}#knowledge #knowledge-modal .card .card-text .link-wrap{width:100%}#knowledge #knowledge-modal .card .card-text .link-btn{display:block;width:100%;text-align:center}@media only screen and (max-width: 1023px){#knowledge #knowledge-modal .card{flex-wrap:wrap;max-width:450px}#knowledge #knowledge-modal .card figure{width:100%}#knowledge #knowledge-modal .card .card-text{width:100%}#knowledge #knowledge-modal .card .card-text .link-btn{margin-top:12px}}