.page.screenshots{margin:auto}@media (min-width:768px){.page.screenshots{padding-top:11em}}.page.screenshots .page-content{width:calc(100% - 40px);max-width:1110px;margin:auto}@media (min-width:768px){.page.screenshots .section-only-title .page-title{margin-top:36px}}#filter-count{color:#1a3552;margin-top:30px;margin-bottom:10px}@media (min-width:768px){#filter-count{margin-top:37px}}.filters-section{display:flex;flex-wrap:wrap;margin-bottom:10px}@media (min-width:768px){.filters-section{margin-bottom:20px}}.filter-box{box-sizing:border-box;height:35px;display:flex;align-items:center;color:#1a3552;border:2px solid #1a3552;border-radius:21.5px;padding:8px 12px;margin-right:10px;margin-bottom:10px;cursor:pointer}@media (min-width:768px){.filter-box{height:43px;padding:12px 14px}}.filter-box.selected{border-color:#4b98eb;color:#4b98eb}.filter-box.selected .fake-radio{border-color:#4b98eb}.filter-box.selected .fake-radio:after{content:" ";width:9px;height:9px;border-radius:50%;background-color:#4b98eb;position:absolute;top:2px;left:2px}.filter-box .fake-radio{background-color:#fff;width:17px;height:17px;border:2px solid #5f7389;border-radius:50%;box-sizing:border-box;margin-right:6px;position:relative}@media (min-width:768px){.filter-box .fake-radio{margin-right:10px}}button.more-filters{background-color:#ebebeb;color:#1a3552;padding:8px 20px;margin-bottom:30px;font-size:14px;line-height:24px}@media (min-width:768px){button.more-filters{margin-bottom:40px}}#item-count{font-size:14px;line-height:24px;margin-bottom:10px}#thumbnails-container{width:100%;margin:auto auto 50px}@media (min-width:768px){#thumbnails-container{margin-bottom:90px}}@media (min-width:1224px){#thumbnails-container{margin-bottom:120px}}#thumbnails-container .thumbnail{width:100%;max-width:350px}@media (min-width:390px){#thumbnails-container{width:350px}}@media (min-width:650px){#thumbnails-container{width:590px}#thumbnails-container .thumbnail{width:280px}}@media (min-width:790px){#thumbnails-container{width:730px}#thumbnails-container .thumbnail{width:350px}}@media (min-width:960px){#thumbnails-container{width:900px}#thumbnails-container .thumbnail{width:280px}}@media (min-width:1170px){#thumbnails-container{width:1110px}#thumbnails-container .thumbnail{width:350px}}#thumbnails-container .thumbnail{box-sizing:border-box;border-radius:8px;border:1px solid #bfc3ca;position:relative;cursor:pointer;margin:auto auto 30px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid}#thumbnails-container .thumbnail:hover .overlay{display:block}#thumbnails-container .thumbnail>img{width:99%;border-radius:8px}#thumbnails-container .thumbnail .overlay{background-color:rgba(0,0,0,.5);border-radius:8px;position:absolute;height:100%;width:100%;display:none}#thumbnails-container .thumbnail .overlay img{position:absolute;right:27px;bottom:20px}.page-overlay{position:fixed;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%;z-index:200;overflow:auto}.page-overlay .screenshot-modal{background-color:#fff;border-radius:10px;width:calc(100% - 20px);margin:10px auto}@media (min-width:800px){.page-overlay .screenshot-modal{width:calc(100% - 80px);margin:40px auto}}.page-overlay .screenshot-modal .text-section{padding:20px 20px 0}@media (min-width:768px){.page-overlay .screenshot-modal .text-section{padding:20px 50px 0}}.page-overlay .screenshot-modal .close-btn-wrapper{display:block;position:relative}.page-overlay .screenshot-modal .close-btn-wrapper img{width:15px;height:15px;position:absolute;top:20px;right:20px}@media (min-width:768px){.page-overlay .screenshot-modal .close-btn-wrapper img{top:30px;right:30px}}.page-overlay .screenshot-modal .screenshot-details{display:flex;flex-direction:column;color:#1a3552}@media (min-width:768px){.page-overlay .screenshot-modal .screenshot-details .first-part{margin-bottom:30px}.page-overlay .screenshot-modal .screenshot-details .second-part{margin-bottom:50px}.page-overlay .screenshot-modal .screenshot-details #screenshot-description{font-size:16px;line-height:24px;margin-bottom:30px}}@media (min-width:768px) and (min-width:1224px){.page-overlay .screenshot-modal .screenshot-details #screenshot-description{max-width:900px;margin-right:40px}}@media (min-width:1224px){.page-overlay .screenshot-modal .screenshot-details{flex-direction:row}}.page-overlay .screenshot-modal .screenshot-details .first-part{margin-bottom:20px}.page-overlay .screenshot-modal .screenshot-details .second-part{margin-bottom:30px}.page-overlay .screenshot-modal .screenshot-details .second-part .section-title{margin-bottom:10px}@media (min-width:768px){.page-overlay .screenshot-modal .screenshot-details .second-part .section-title{margin-bottom:20px}}.page-overlay .screenshot-modal .screenshot-details .second-part .obkio-link{display:block;font-size:16px;line-height:22px}.page-overlay .screenshot-modal .screenshot-details .second-part .obkio-link .no-wrap{white-space:nowrap}.page-overlay .screenshot-modal .screenshot-details .second-part .obkio-link:not(:last-of-type){margin-bottom:5px}@media (min-width:768px){.page-overlay .screenshot-modal .screenshot-details .second-part .obkio-link:not(:last-of-type){margin-bottom:10px}}.page-overlay .screenshot-modal .screenshot-details .section-title{font-weight:500;font-size:16px;line-height:24px;margin-bottom:10px}.page-overlay .screenshot-modal .screenshot-details #screenshot-description{font-size:14px;line-height:21px;margin-bottom:20px}.page-overlay .screenshot-modal .screenshot-details #tags div{display:inline-block;background-color:#ececec;color:#54687e;font-size:14px;line-height:14px;padding:6px 10px;border-radius:5px;margin-right:10px}.page-overlay .screenshot-modal .title{font-weight:700;font-size:20px;line-height:25px;color:#1a3552;margin-top:30px;margin-bottom:10px}@media (min-width:768px){.page-overlay .screenshot-modal .title{font-size:29px;line-height:45px}}.page-overlay .screenshot-modal .horizontale-line{border-bottom:1px solid #eee}.page-overlay .screenshot-modal .img-wrapper{display:flex;justify-content:center}.page-overlay .screenshot-modal img#screenshot-img{width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px}