.st-showoff{width:100%;float:left;font-family:Arial}.st-showoff,.st-showoff *{box-sizing:border-box}.st-showoff.st-showoff-disable{position:relative}.st-showoff.st-showoff-disable:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.st-showoff.st-showoff-awaits-init .st-showoff-cells,.st-showoff.st-showoff-awaits-init .st-showoff-pagination,.st-showoff.st-showoff-awaits-init .st-showoff-top{display:none}.st-showoff-cells{width:100%;display:grid;grid-auto-rows:minmax(min-content,max-content)}.st-showoff-cells .st-showoff-cell{float:left;position:relative;perspective:1000px;width:auto;padding-top:100%}.st-showoff-button{padding:10px 20px;text-decoration:none!important;font-size:12px;border:none;white-space:nowrap;line-height:1;background-color:#181818;color:#fff;display:inline-block;border-radius:3px;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1)}.st-showoff-button:hover{cursor:pointer;background-color:#ffa83d}.st-showoff-featured-color{background-color:#ed0002}.st-showoff-menu{float:right;position:relative;z-index:100;display:flex;justify-content:flex-end;align-items:center;width:100%}.st-showoff-menu a{text-decoration:none}.st-showoff-menu .st-showoff-menu-select{width:100%;position:relative;max-width:300px}.st-showoff-menu .st-showoff-menu-select:not(:last-child){margin-right:5px}.st-showoff-menu .st-showoff-menu-select span{font-size:16px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-label{width:100%;float:left;position:relative;z-index:2;background:#ececec;cursor:pointer;display:flex;justify-content:center;align-items:center}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-label span{font-size:14px;width:100%;float:left;color:#989898;padding:10px 15px;line-height:1.2}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-label i{margin-right:10px;width:15px;height:1px;background:#989898;position:relative}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-label i:before{content:'';background:inherit;position:absolute;top:4px;left:0;width:100%;height:1px;opacity:1;transition:all .25s ease}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-label i:after{content:'';background:inherit;position:absolute;top:-4px;left:0;width:100%;height:1px;opacity:1;transition:all .25s ease}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options{width:100%;position:absolute;top:100%;left:0;padding-top:10px;margin-top:-10px;visibility:hidden;opacity:0;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1);transform:translateY(-30px);backface-visibility:hidden;background:#ececec}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options ::-webkit-scrollbar{width:6px}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options ::-webkit-scrollbar-thumb{background:#989898}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap{scrollbar-width:thin;max-height:50VH;overflow-y:auto}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap div{width:100%;float:left}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap div a{font-size:14px;width:100%;float:left;background:#ececec;color:#989898;padding:10px 15px;line-height:1.2}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap div a.active,.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap div a:hover{background:#ffa83d;color:#ececec}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap>div>div a{padding-left:30px!important}.st-showoff-menu .st-showoff-menu-select .st-showoff-menu-select-options .st-showoff-menu-select-options-wrap>div>div>div a{padding-left:40px!important}.st-showoff-menu .st-showoff-menu-select.active .st-showoff-menu-select-label i{transition:all .25s ease;transform:rotate(180deg)}.st-showoff-menu .st-showoff-menu-select.active .st-showoff-menu-select-label i:before{top:0;opacity:0}.st-showoff-menu .st-showoff-menu-select.active .st-showoff-menu-select-label i:after{top:0;opacity:0}.st-showoff-menu .st-showoff-menu-select.active .st-showoff-menu-select-options{visibility:visible;transform:translateY(0);opacity:1}.st-showoff-top{float:left;margin-bottom:10px;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.st-showoff-top .st-showoff-top-title{font-size:30px;margin:0;padding:0;line-height:1;width:100%;float:left}.st-showoff-top.st-showoff-top-has-title .st-showoff-menu,.st-showoff-top.st-showoff-top-has-title .st-showoff-top-title{width:50%}.st-showoff-project{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;backface-visibility:hidden}.st-showoff-project.hidden{visibility:hidden;left:-9999px}.st-showoff-project:nth-child(1){z-index:2}.st-showoff-project:nth-child(2){z-index:1}.st-showoff-project .st-showoff-project-labels{position:absolute;top:0;left:0;text-align:right;width:100%;padding:5px;z-index:3}.st-showoff-project .st-showoff-project-labels .st-showoff-project-label{display:inline-block;color:#fff;padding:4px 10px;font-size:10px;border-radius:3px;margin-bottom:5px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-project .st-showoff-project-details-perspective{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;perspective:500px;overflow:hidden}.st-showoff-project .st-showoff-project-details-perspective .st-showoff-project-details{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#ececec;transform-origin:50% 50%;transform:rotate3d(1,0,0,95deg);backface-visibility:hidden;-webkit-backface-visibility:hidden!important;display:flex;justify-content:center;align-items:center}.st-showoff-project .st-showoff-project-details-perspective .st-showoff-project-details .st-showoff-project-details-title{font-size:16px;line-height:1.4;font-weight:700;text-align:center;padding:20px}.st-showoff-project .st-showoff-project-details-perspective .st-showoff-project-details .st-showoff-project-details-eye{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center center;visibility:hidden;opacity:0;transform:rotateX(89deg)}.st-showoff-project .st-showoff-project-loader{backface-visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:#ececec;display:flex;justify-content:center;align-items:center}.st-showoff-project .st-showoff-project-thumbnails{z-index:0;position:absolute;width:100%;height:100%;left:0;top:0}.st-showoff-project .st-showoff-project-thumbnails .st-showoff-project-thumbnail{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;display:none}.st-showoff-project .st-showoff-project-thumbnails .st-showoff-project-thumbnail.active{display:block}.st-showoff-cell .st-showoff-project{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.87,0,.13,1)}.st-showoff-cell.active .st-showoff-project:nth-child(1){transform:scale(.9)}.st-showoff-cell.active .st-showoff-project:nth-child(1) .st-showoff-project-thumbnails{display:none}.st-showoff-cell.active .st-showoff-project:nth-child(1) .st-showoff-project-details{transform:none}.st-showoff-cell.active .st-showoff-project:nth-child(1) .st-showoff-project-details-title{transition:transform .25s ease,opacity .25s ease;transform:scale(.7);opacity:0}.st-showoff-cell.active .st-showoff-project:nth-child(1) .st-showoff-project-details-eye{transition:transform .35s ease,opacity .25s ease;transition-delay:.2s;visibility:visible;opacity:1;transform:rotateX(0)}.st-showoff-project .st-showoff-project-favorite{overflow:hidden;position:absolute;width:32px;height:32px;border-radius:50%;-webkit-mask-image:url(../../images/add-to-fav.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(../../images/add-to-fav.svg);mask-position:center;mask-repeat:no-repeat;background-color:#c5c5c5;left:5px;top:5px;z-index:4;visibility:hidden;transform:scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;transition-delay:.3s;opacity:0}.st-showoff-project .st-showoff-project-favorite.active{-webkit-mask-image:url(../../images/fav-ico.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(../../images/fav-ico.svg);mask-position:center;mask-repeat:no-repeat;background-color:#e83525;animation-name:st-showoff-animation-favorite;animation-duration:.3s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;visibility:visible;transform:scale(1)}.st-showoff.st-showoff-is-mobile .st-showoff-project .st-showoff-project-favorite{opacity:1;visibility:visible;transform:scale(1)}.st-showoff:not(.st-showoff-is-mobile) .st-showoff-project:hover .st-showoff-project-favorite{visibility:visible;transform:scale(1);opacity:1}@keyframes st-showoff-animation-favorite{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.showoff-animation-fade-out{animation-name:showoff-animation-fade-out;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-fade-in{animation-name:showoff-animation-fade-in;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-flip-out{animation-name:showoff-animation-flip-out;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-flip-in{animation-name:showoff-animation-flip-in;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-rotate-out-left{animation-name:showoff-animation-rotate-out-left;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;transform-origin:0 50%}.showoff-animation-rotate-in-right{animation-name:showoff-animation-rotate-in-right;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;transform-origin:100% 50%}.showoff-animation-scale-in{animation-name:showoff-animation-scale-in;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-scale-down{animation-name:showoff-animation-scale-down;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-rotate-in{animation-name:showoff-animation-rotate-in;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-fall-rotate{animation-name:showoff-animation-fall-rotate;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;transform-origin:top left}.showoff-animation-scale-up{animation-name:showoff-animation-scale-up;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-fall-down{animation-name:showoff-animation-fall-down;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.showoff-animation-fall-down-back-out{animation-name:showoff-animation-fall-down-back-out;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;z-index:0!important}.showoff-animation-fall-down-back-in{animation-name:showoff-animation-fall-down-back-in;animation-duration:.75s;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;z-index:1!important}@keyframes showoff-animation-fall-down-back-out{0%{opacity:1}100%{opacity:0}}@keyframes showoff-animation-fall-down-back-in{0%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-50%) rotate(5deg);opacity:0}100%{transform:translate(0) rotate(0);opacity:1}}@keyframes showoff-animation-flip-out{0%{opacity:1;transform:rotateY(0)}100%,50%{opacity:0;transform:rotateY(89deg)}}@keyframes showoff-animation-flip-in{0%{opacity:0;transform:rotateY(-89deg)}35%{opacity:0;transform:rotateY(-89deg)}75%{opacity:1;transform:rotateY(15deg);animation-timing-function:ease-in}100%{opacity:1;transform:rotateY(0)}}@keyframes showoff-animation-rotate-out-left{100%{opacity:0;transform:rotateY(89deg)}}@keyframes showoff-animation-rotate-in-right{0%{opacity:0;transform:rotateY(-89deg)}100%{opacity:1;transform:rotateY(0)}}@keyframes showoff-animation-scale-in{0%{opacity:0;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes showoff-animation-scale-down{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.2)}}@keyframes showoff-animation-rotate-in{0%{opacity:0;transform:translateX(50%) translateY(100%) rotate(25deg)}100%{opacity:1;transform:translateX(0) translateY(0) rotate(0)}}@keyframes showoff-animation-fall-rotate{0%{transform:translateY(0) rotate(0);animation-timing-function:ease-in}40%{transform:translateY(0) rotate(20deg);animation-timing-function:ease-out}60%{transform:translateY(0) rotate(15deg);opacity:1}100%{transform:translateY(100%) rotate(17deg);opacity:0}}@keyframes showoff-animation-scale-up{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes showoff-animation-fall-down{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(70%)}}@keyframes showoff-animation-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes showoff-animation-fade-in{0%{opacity:0}100%{opacity:1}}.st-showoff-cell:not(.active).in-top-3d .st-showoff-project-details-perspective{perspective-origin:top}.st-showoff-cell:not(.active).in-top-3d .st-showoff-project-details{transform-origin:50% 0;animation-name:showoff-animation-dh-in-top-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-right-3d .st-showoff-project-details-perspective{perspective-origin:right}.st-showoff-cell:not(.active).in-right-3d .st-showoff-project-details{transform-origin:100% 0;animation-name:showoff-animation-dh-in-right-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-bottom-3d .st-showoff-project-details-perspective{perspective-origin:bottom}.st-showoff-cell:not(.active).in-bottom-3d .st-showoff-project-details{transform-origin:50% 100%;animation-name:showoff-animation-dh-in-bottom-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-left-3d .st-showoff-project-details-perspective{perspective-origin:left}.st-showoff-cell:not(.active).in-left-3d .st-showoff-project-details{transform-origin:0 0;animation-name:showoff-animation-dh-in-left-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-top-3d .st-showoff-project-details-perspective{perspective-origin:top}.st-showoff-cell:not(.active).out-top-3d .st-showoff-project-details{transform-origin:50% 0;animation-name:showoff-animation-dh-out-top-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-right-3d .st-showoff-project-details-perspective{perspective-origin:right}.st-showoff-cell:not(.active).out-right-3d .st-showoff-project-details{transform-origin:100% 50%;animation-name:showoff-animation-dh-out-right-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-bottom-3d .st-showoff-project-details-perspective{perspective-origin:bottom}.st-showoff-cell:not(.active).out-bottom-3d .st-showoff-project-details{transform-origin:50% 100%;animation-name:showoff-animation-dh-out-bottom-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-left-3d .st-showoff-project-details-perspective{perspective-origin:left}.st-showoff-cell:not(.active).out-left-3d .st-showoff-project-details{transform-origin:0 0;animation-name:showoff-animation-dh-out-left-3d;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-top-flat .st-showoff-project-details-perspective{perspective-origin:top}.st-showoff-cell:not(.active).in-top-flat .st-showoff-project-details{transform-origin:center top;animation-name:showoff-animation-dh-in-top-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-right-flat .st-showoff-project-details-perspective{perspective-origin:right}.st-showoff-cell:not(.active).in-right-flat .st-showoff-project-details{transform-origin:center right;animation-name:showoff-animation-dh-in-right-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-bottom-flat .st-showoff-project-details-perspective{perspective-origin:bottom}.st-showoff-cell:not(.active).in-bottom-flat .st-showoff-project-details{transform-origin:center bottom;animation-name:showoff-animation-dh-in-bottom-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).in-left-flat .st-showoff-project-details-perspective{perspective-origin:left}.st-showoff-cell:not(.active).in-left-flat .st-showoff-project-details{transform-origin:center left;animation-name:showoff-animation-dh-in-left-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-top-flat .st-showoff-project-details-perspective{perspective-origin:top}.st-showoff-cell:not(.active).out-top-flat .st-showoff-project-details{transform-origin:center top;animation-name:showoff-animation-dh-out-top-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-right-flat .st-showoff-project-details-perspective{perspective-origin:right}.st-showoff-cell:not(.active).out-right-flat .st-showoff-project-details{transform-origin:center right;animation-name:showoff-animation-dh-out-right-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-bottom-flat .st-showoff-project-details-perspective{perspective-origin:bottom}.st-showoff-cell:not(.active).out-bottom-flat .st-showoff-project-details{transform-origin:center bottom;animation-name:showoff-animation-dh-out-bottom-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-cell:not(.active).out-left-flat .st-showoff-project-details-perspective{perspective-origin:left}.st-showoff-cell:not(.active).out-left-flat .st-showoff-project-details{transform-origin:center left;animation-name:showoff-animation-dh-out-left-flat;animation-duration:.25s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes showoff-animation-dh-in-top-3d{0%{transform:rotate3d(-1,0,0,90deg)}100%{transform:rotate3d(0,0,0,0deg)}}@keyframes showoff-animation-dh-in-right-3d{0%{transform:rotate3d(0,-1,0,90deg)}100%{transform:rotate3d(0,0,0,0deg)}}@keyframes showoff-animation-dh-in-bottom-3d{0%{transform:rotate3d(1,0,0,90deg)}100%{transform:rotate3d(0,0,0,0deg)}}@keyframes showoff-animation-dh-in-left-3d{0%{transform:rotate3d(0,1,0,90deg)}100%{transform:rotate3d(0,0,0,0deg)}}@keyframes showoff-animation-dh-out-top-3d{0%{transform:rotate3d(0,0,0,0deg)}100%{transform:rotate3d(-1,0,0,90deg)}}@keyframes showoff-animation-dh-out-right-3d{0%{transform:rotate3d(0,0,0,0deg)}100%{transform:rotate3d(0,-1,0,90deg)}}@keyframes showoff-animation-dh-out-bottom-3d{0%{transform:rotate3d(0,0,0,0deg)}100%{transform:rotate3d(1,0,0,90deg)}}@keyframes showoff-animation-dh-out-left-3d{0%{transform:rotate3d(0,0,0,0deg)}100%{transform:rotate3d(0,1,0,90deg)}}@keyframes showoff-animation-dh-in-top-flat{0%{transform:translateY(-100%);border-bottom-left-radius:50%;border-bottom-right-radius:50%}50%{border-bottom-left-radius:50%;border-bottom-right-radius:50%}100%{transform:translateY(0);border-bottom-left-radius:0;border-bottom-right-radius:0}}@keyframes showoff-animation-dh-in-right-flat{0%{transform:translateX(100%);border-top-left-radius:50%;border-bottom-left-radius:50%}50%{border-top-left-radius:50%;border-bottom-left-radius:50%}100%{transform:translateX(0);border-top-left-radius:0;border-bottom-left-radius:0}}@keyframes showoff-animation-dh-in-bottom-flat{0%{transform:translateY(100%);border-top-left-radius:50%;border-top-right-radius:50%}50%{border-top-left-radius:50%;border-top-right-radius:50%}100%{transform:translateY(0);border-top-left-radius:0;border-top-right-radius:0}}@keyframes showoff-animation-dh-in-left-flat{0%{transform:translateX(-100%);border-top-right-radius:50%;border-bottom-right-radius:50%}50%{border-top-right-radius:50%;border-bottom-right-radius:50%}100%{transform:translateX(0);border-top-right-radius:0;border-bottom-right-radius:0}}@keyframes showoff-animation-dh-out-top-flat{0%{transform:translateY(0)}100%{transform:translateY(-101%)}}@keyframes showoff-animation-dh-out-right-flat{0%{transform:translateX(0)}100%{transform:translateX(101%)}}@keyframes showoff-animation-dh-out-bottom-flat{0%{transform:translateY(0)}100%{transform:translateY(101%)}}@keyframes showoff-animation-dh-out-left-flat{0%{transform:translateX(0)}100%{transform:translateX(-101%)}}.st-showoff-project-content{width:100%;float:left;background:#f5f5f5;position:relative}.st-showoff-project-content .st-showoff-project-content-wrapper{padding:40px;width:100%;float:left;line-height:1.6;display:flex;justify-content:space-between;align-items:flex-start}.st-showoff-project-content .st-showoff-project-content-wrapper ::-webkit-scrollbar{display:none}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper{position:relative;width:calc(50% - 30px/2);float:left;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-loader{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:#ececec;display:flex;justify-content:center;align-items:center}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller{position:absolute;top:0;left:0;width:60px;height:100%;overflow:auto;scrollbar-width:none}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb{width:60px;height:60px;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;display:block}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb img{width:60px;height:60px}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb:before{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #ffa83d;content:'';box-sizing:border-box;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:scale(0)}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb.active:before{opacity:1;transform:scale(1)}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb:not(:last-child){margin-bottom:5px}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb.st-showoff-project-content-media-controller-thumb-video:after{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-mask-image:url(../../images/video.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(../../images/video.svg);mask-position:center;mask-repeat:no-repeat;background-color:#fff}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media{background:#000;width:calc(100% - 70px);padding-top:calc(100% - 70px);float:left;left:70px;position:relative}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media .st-showoff-project-content-media-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:zoom-in;opacity:0;transition:opacity .7s ease;z-index:0}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media .st-showoff-project-content-media-image.active{z-index:1;opacity:1}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media .st-showoff-project-content-media-image .st-showoff-project-content-media-image-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;background:rgba(0,0,0,.8);padding:20px;color:#fff;font-size:16px;line-height:1.5}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media .st-showoff-project-content-media-image.st-showoff-project-content-media-image-video:after{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-mask-image:url(../../images/video.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(../../images/video.svg);mask-position:center;mask-repeat:no-repeat;background-color:#fff;-webkit-mask-size:20%;mask-size:20%}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content{float:left;width:calc(50% - 30px/2)}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content h1{font-size:28px;padding:0;margin:0;margin-bottom:20px;line-height:1;width:calc(100% - 15px)}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-content-content-wrap{overflow:hidden;width:100%;float:left;font-size:16px}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-categories{width:100%;float:left}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-categories .st-showoff-project-categories-category{padding:5px 10px;border-radius:3px;font-size:10px;color:#fff;line-height:1;float:left;transition:background .25s ease,color .25s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-categories .st-showoff-project-categories-category:hover{cursor:pointer}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-categories .st-showoff-project-categories-category:not(:last-child){margin-right:5px}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-content-tags{width:100%;float:left;margin-top:20px}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-content-tags .st-showoff-project-content-tag{margin-top:5px;border-radius:3px;padding:5px 10px;background:#525252;color:#fff;font-size:10px;line-height:1;float:left;transition:background .25s ease,color .25s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-content-tags .st-showoff-project-content-tag:hover{cursor:pointer}.st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content .st-showoff-project-content-tags .st-showoff-project-content-tag:not(:last-child){margin-right:5px}.st-showoff-project-content.st-showoff-project-content-no-media-controller .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media{left:0;width:100%}.st-showoff-project-content.st-showoff-project-content-no-media-controller .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller{display:none}.st-showoff-project-content .st-showoff-project-content-share-links{width:100%;float:left;margin-top:20px}.st-showoff-project-content .st-showoff-project-content-share-links>a{width:32px;height:32px;margin-top:5px;padding:2px;float:left;border-radius:3px;background-image:url(../../images/shares-sprite.png);background-color:#000;transition:background-color .25s ease}.st-showoff-project-content .st-showoff-project-content-share-links>a:not(:last-child){margin-right:5px}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-facebook{background-position:-6px -6px;background-color:#3b5998}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-facebook:hover{background-color:#5977b6}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-twitter{background-position:-50px -50px;background-color:#1da1f2}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-twitter:hover{background-color:#3bbfff}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-messenger{background-position:-50px -6px;background-color:#00b2ff}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-messenger:hover{background-color:#1ed0ff}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-pinterest{background-position:-6px -50px;background-color:#c8232c}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-pinterest:hover{background-color:#e6414a}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-whatsapp{background-position:-94px -50px;background-color:#25d366}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-whatsapp:hover{background-color:#43f184}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-viber{background-position:-94px -6px;background-color:#665cac}.st-showoff-project-content .st-showoff-project-content-share-links .st-showoff-project-content-share-links-viber:hover{background-color:#847aca}.st-showoff-project-content .st-showoff-project-content-close{position:absolute;top:0;right:0;width:50px;height:50px;z-index:10;background-color:#cacaca;cursor:pointer}.st-showoff-project-content .st-showoff-project-content-close:after,.st-showoff-project-content .st-showoff-project-content-close:before{background-color:#989898;content:'';width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(45deg);transition:transform .25s ease}.st-showoff-project-content .st-showoff-project-content-close:after{transform:rotate(-45deg)}.st-showoff-project-content .st-showoff-project-content-close:hover:after,.st-showoff-project-content .st-showoff-project-content-close:hover:before{transform:rotate(180deg)}.st-showoff-project-content-modal-opened{overflow:hidden!important}.st-showoff-modal-opened .st-showoff-project-content-modal{visibility:hidden!important}.st-showoff-project-content-modal{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.9);z-index:100000;overflow:auto}.st-showoff-project-content-modal,.st-showoff-project-content-modal *{box-sizing:border-box}.st-showoff-project-content-modal .st-showoff-project-content{top:10%;left:10%;width:80%;margin-bottom:10%;box-shadow:0 0 3px rgba(0,0,0,.3);border-radius:3px;transform-origin:center;animation-name:st-showoff-project-content-modal-content;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes st-showoff-project-content-modal-content{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}.st-showoff-modal-opened{overflow:hidden!important}.st-showoff-modal{background:rgba(0,0,0,.9);position:fixed;width:100%;height:100%;left:0;top:0;overflow:auto;z-index:100000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.st-showoff-modal ::-webkit-scrollbar{display:none}.st-showoff-modal .st-showoff-modal-preloader{width:50px;height:50px;position:fixed;left:calc(50% - 25px);top:calc(50% - 25px);z-index:-1;visibility:hidden;opacity:0}.st-showoff-modal .st-showoff-modal-preloader .st-showoff-loader:after{border-color:rgba(255,255,255,.7)}.st-showoff-modal.st-showoff-modal-preload .st-showoff-modal-preloader{transition:opacity .5s ease;transition-delay:.2s;filter:blur(0);visibility:visible;z-index:100;opacity:1}.st-showoff-modal .st-showoff-modal-thumbs{position:fixed;top:10px;left:10px;width:80px;height:calc(100VH - 20px);overflow:auto;z-index:1;scrollbar-width:none;opacity:0;transform:translateX(-80px);animation-name:st-showoff-modal-thumbs-animation-in;animation-duration:.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-delay:.25s}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb{width:80px;height:80px;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;opacity:.9;display:block}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb img{width:80px;height:80px}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb:not(:last-child){margin-bottom:10px}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb:before{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #ffa83d;content:'';box-sizing:border-box;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:scale(0)}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb.active:before{opacity:1;transform:scale(1)}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb.st-showoff-modal-thumb-video:after{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-mask-image:url(../../images/video.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(../../images/video.svg);mask-position:center;mask-repeat:no-repeat;background-color:#fff}.st-showoff-modal .st-showoff-modal-thumbs:focus{outline:0}.st-showoff-modal .st-showoff-modal-close{position:absolute;top:0;right:0;width:50px;height:50px;z-index:100;background-color:#222;cursor:pointer}.st-showoff-modal .st-showoff-modal-close:after,.st-showoff-modal .st-showoff-modal-close:before{background-color:#ececec;content:'';width:55%;height:1px;position:absolute;top:48%;left:22%;transform:rotate(45deg);transition:transform .25s ease}.st-showoff-modal .st-showoff-modal-close:after{transform:rotate(-45deg)}.st-showoff-modal .st-showoff-modal-close:hover:after,.st-showoff-modal .st-showoff-modal-close:hover:before{transform:rotate(180deg)}.st-showoff-modal .st-showoff-modal-content{position:relative;top:10%;left:10%;width:80%;height:auto;margin-bottom:10%;box-shadow:0 0 10px rgba(0,0,0,.3);transform-origin:center;overflow:hidden;background:#000}.st-showoff-modal .st-showoff-modal-content.ready{animation-name:showoff-animation-modal-content;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media{overflow:hidden;position:relative;z-index:0}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element{position:absolute;width:100%;height:auto;opacity:0;z-index:-1;float:left;visibility:hidden}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element img,.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element video{width:100%;height:auto;float:left}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element.active{visibility:visible;transition:opacity .7s ease;position:relative;z-index:1}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element.active.ready{opacity:1}.st-showoff-modal .st-showoff-modal-content .st-showoff-modal-media .st-showoff-modal-media-element-caption{margin:0;background:#202020;color:#fff;text-align:center;padding:20px;font-size:16px;line-height:1.5}@keyframes showoff-animation-modal-content{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes st-showoff-modal-thumbs-animation-in{0%{opacity:0;transform:translateX(-80px)}100%{opacity:1;transform:translateX(0)}}.st-showoff-pagination{width:100%;float:left;margin-top:5px}.st-showoff-pagination .st-showoff-pagination-button{position:relative;display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;margin-top:5px;background:#181818;cursor:pointer;font-size:12px;font-weight:700;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation-name:st-showoff-pagination-button-animation-in;animation-duration:.45s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-pagination .st-showoff-pagination-button a{color:#fff;text-decoration:none}.st-showoff-pagination .st-showoff-pagination-button:not(:last-child){margin-right:5px}.st-showoff-pagination .st-showoff-pagination-button:before{box-sizing:border-box;position:absolute;width:100%;height:100%;left:0;top:0;content:'';transition:background-color .5s cubic-bezier(.16,1,.3,1);z-index:-1}.st-showoff-pagination .st-showoff-pagination-button.active:before{background-color:#ffa83d}@keyframes st-showoff-pagination-button-animation-in{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}.st-showoff-toast{box-sizing:border-box;position:fixed;width:250px;left:calc(50% - 125px);bottom:10px;background:#181818;text-align:center;font-size:12px;color:#fff;padding:5px 10px;border-radius:3px;z-index:9999;font-family:Arial;animation:st-showoff-toast-animate .25s cubic-bezier(.34,1.56,.64,1);animation-iteration-count:1;overflow:hidden}.st-showoff-toast.st-showoff-toast-close{animation:st-showoff-toast-close-animate .25s cubic-bezier(.16,1,.3,1);animation-iteration-count:1;opacity:0}@keyframes st-showoff-toast-animate{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes st-showoff-toast-close-animate{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}.st-showoff-loader{width:50px;height:50px;float:left;position:relative;z-index:0}.st-showoff-loader:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;z-index:1;border-left:2px solid rgba(0,0,0,.3);animation-name:showoff-animation-loader;animation-duration:1s;animation-timing-function:linear;animation-play-state:running;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-before-load{display:inline-block;width:100%;margin:15px 0;opacity:0;animation-name:st-showoff-animation-before-load;animation-duration:.5s;animation-timing-function:ease;animation-play-state:running;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}.st-showoff-before-load .st-showoff-loader{float:none;margin:0 auto}.st-showoff-before-load .st-showoff-before-text{margin-top:15px;color:#494949;font-size:11px;text-transform:uppercase;display:inline-block;width:100%;text-align:center}@keyframes st-showoff-animation-before-load{0%{opacity:0}100%{opacity:1}}@keyframes showoff-animation-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.st-showoff-media-small .st-showoff-menu{display:block}.st-showoff-media-small .st-showoff-menu .st-showoff-menu-select{max-width:100%;width:100%;float:left;margin-right:0;z-index:0}.st-showoff-media-small .st-showoff-menu .st-showoff-menu-select:not(:last-child){margin-bottom:5px}.st-showoff-media-small .st-showoff-menu .st-showoff-menu-select.active{z-index:1}.st-showoff-media-small .st-showoff-top{display:block}.st-showoff-media-small .st-showoff-top .st-showoff-top-title{width:100%;margin-bottom:10px}.st-showoff-media-small .st-showoff-top .st-showoff-menu{width:100%}.st-showoff-media-small .st-showoff-project .st-showoff-project-labels .st-showoff-project-label:not(.st-showoff-featured-color){display:none}.st-showoff-media-small .st-showoff-project .st-showoff-project-details-perspective .st-showoff-project-details .st-showoff-project-details-title{font-size:12px;line-height:1.2}.st-showoff-media-small .st-showoff-project-content{height:auto}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper{padding:15px;display:block}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper{width:100%}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller{position:relative;width:100%;height:60px;white-space:nowrap;float:left;margin-top:5px;overflow-y:hidden}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-inner{position:absolute}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb{display:inline-block;margin-bottom:0}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media-controller .st-showoff-project-content-media-controller-thumb:not(:last-child){margin-right:5px;margin-bottom:0}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media{width:100%;padding-top:100%;height:auto;left:0}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-media-wrapper .st-showoff-project-content-media .st-showoff-project-content-media-image{width:100%;height:100%}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content{margin-top:20px;width:100%;float:left}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-wrapper .st-showoff-project-content-content h1{width:100%}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-close{top:5px;right:5px;border-radius:50%;width:25px;height:25px;background-color:#222}.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-close:after,.st-showoff-media-small .st-showoff-project-content .st-showoff-project-content-close:before{background-color:#ececec}@media only screen and (max-width:800px){.st-showoff-modal{background:#000}.st-showoff-modal .st-showoff-modal-thumbs{position:fixed;width:calc(100% - 20px);height:90px;top:unset;bottom:0;left:10px;white-space:nowrap;overflow-y:none}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb{float:none;display:inline-block;margin-bottom:0!important}.st-showoff-modal .st-showoff-modal-thumbs .st-showoff-modal-thumb:not(:last-child){margin-right:5px}.st-showoff-modal .st-showoff-modal-close{top:5px;right:5px;border-radius:50%;width:25px;height:25px;position:fixed}.st-showoff-modal .st-showoff-modal-content{margin-bottom:0;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;min-height:100%;height:auto}}@media print{.st-showoff-modal-close,.st-showoff-modal-preloader,.st-showoff-modal-thumbs{display:none!important}}@media only screen and (max-width:800px){.st-showoff-project-content-modal{background:#000}.st-showoff-project-content-modal .st-showoff-project-content{border-radius:0;margin-bottom:0;left:0;top:0;width:100%;min-height:100%;height:auto}}