.colio-wrap .colio-list{padding:0;margin:0;list-style:none;overflow:hidden;clear:both;} .colio-wrap.colio-effect-rotate .colio-list{-webkit-perspective:2000px;-moz-perspective:2000px;-o-perspective:2000px;perspective:2000px;} .colio-wrap .colio-list > li{float:left;margin:0;padding:0;-webkit-transform:translate3d(0,0,0);} .colio-list .colio-inner{margin:0 20px 20px 0;} .colio-grid1 .colio-list > li{width:100%;} .colio-grid2 .colio-list > li{width:50%;} .colio-grid3 .colio-list > li{width:33.33%;} .colio-grid4 .colio-list > li{width:25%;} .colio-grid5 .colio-list > li{width:20%;} .colio-wrap .colio-filters{float:right;padding:0;margin:0 20px 20px 0;list-style:none;} .colio-wrap select.colio-filters{float:right;margin-bottom:20px;min-width:100px;width:auto;} .colio-wrap .colio-filters li{float:left;padding:0;margin:5px 10px 0 0;} .colio-wrap .colio-filters a{display:block;padding:2px 15px;color:#333;background-color:#eee;border-radius:5px;line-height:20px;font-size:85%;text-shadow:0 1px 0 #fff;text-decoration:none;outline:none;font-style:normal;font-weight:400;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;} .colio-wrap .colio-filters a:hover{color:#000;} .colio-wrap .colio-filters a.colio-active-filter{color:#eee;background-color:#555;text-shadow:none;} .colio-wrap .colio-filters a.colio-disable-filters{padding:2px;padding-right:5px;font-size:1.2em;color:#999!important;background-color:transparent!important;} .colio-wrap.colio-filters-left .colio-filters{float:left;} .colio-wrap.colio-filters-left .colio-filters li:first-child{float:right;} .colio-list .colio-thumb{position:relative;overflow:hidden;z-index:1;} .colio-thumb-padding .colio-thumb{margin:1px;outline:1px solid #eee;border:5px solid #fff;} .colio-list .colio-thumb img{width:100%;height:auto;vertical-align:top;padding:0;margin:0;border:0;border-radius:0;outline:none;box-shadow:none;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);} .colio-thumb-zoom .colio-thumb:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);} .colio-thumb .colio-view{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:0;opacity:0;visibility:hidden;z-index:1;-webkit-transition:opacity .3s, visibility 0s linear .3s;-moz-transition:opacity .3s, visibility 0s linear .3s;-o-transition:opacity .3s, visibility 0s linear .3s;transition:opacity .3s, visibility 0s linear .3s;} .colio-thumb .colio-view:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;} .colio-thumb:hover .colio-view{visibility:visible;opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;} .colio-view .colio-button, .colio-view .colio-button:visited{display:inline-block;position:relative;top:50%;padding:7px 12px;margin:-17px 0 0;background-color:#ff5452;color:#fff;font-size:13px;font-weight:bold;line-height:20px;text-decoration:none;text-shadow:-1px 0 0 rgba(0,0,0,0.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transform:translateZ(0);-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;transition:background .3s;} .colio-view .colio-button:hover{text-decoration:none;color:#fff;} .colio-active-item .colio-view{display:none;} .colio-list .colio-summary{padding:10px;} .colio-list .colio-summary h4{margin:10px 0;padding:0;font-size:16px;line-height:1.3em;font-weight:bold;font-style:normal;text-transform:uppercase;text-shadow:none;} .colio-list .colio-summary h4 a{color:#444;line-height:inherit;text-decoration:none;} .colio-list .colio-summary h4 a:hover{color:#999;} .colio-active-item .colio-summary h4 a{text-decoration:underline;color:#999!important;} .colio-list .colio-summary p{margin:0;padding:0;font-size:12px;line-height:1.5em;color:#999;text-shadow:none;} .colio-item-loading .colio-thumb{background:#fff url(images/loading.gif) no-repeat center center;} .colio-item-loading .colio-thumb img{opacity:0.3;} .colio-item-loading .colio-view{display:none;} .colio-pagination{padding-top:10px;margin:0 0 20px;overflow:hidden;} .colio-pagination .colio-next-page, .colio-pagination .colio-prev-page{float:left;text-indent:-9999px;width:24px;height:24px;margin-top:3px;background:#ccc;opacity:0.3;outline:none;} .colio-pagination .colio-next-page:hover, .colio-pagination .colio-prev-page:hover{opacity:1;} .colio-pagination .colio-prev-page{background:url(images/controls.png) no-repeat -72px 0;} .colio-pagination .colio-next-page{background:url(images/controls.png) no-repeat -96px 0;} .colio-wrap .colio-pagination ul{float:left;padding:0;margin:0 5px;list-style:none!important;} .colio-pagination li{float:left;margin:0 5px;} .colio-pagination li a{display:block;width:40px;height:25px;line-height:25px;color:#444;font-size:85%;text-align:center;border-bottom:2px solid #ccc;outline:none;} .colio-pagination li a:hover, .colio-pagination .colio-page-active a{} @media only screen and (-webkit-min-device-pixel-ratio:1.5){.colio-pagination .colio-prev-page{background:url(images/controls@2x.png) no-repeat -72px 0;background-size:120px 24px;} .colio-pagination .colio-next-page{background:url(images/controls@2x.png) no-repeat -96px 0;background-size:120px 24px;} } @media only screen and (min-width:1280px){} @media only screen and (min-width:960px) and (max-width:1280px){.colio-grid5 .colio-list > li{width:20%;} .colio-grid3 .colio-view .colio-button, .colio-grid2 .colio-view .colio-button{padding:10px 17px;margin-top:-20px;} } @media only screen and (max-width:959px){} @media only screen and (min-width:768px) and (max-width:959px){.colio-grid5 .colio-list > li, .colio-grid4 .colio-list > li{width:33.33%;} .colio-grid2 .colio-view .colio-button{padding:10px 17px;margin-top:-20px;} } @media only screen and (max-width:767px){} @media only screen and (min-width:480px) and (max-width:767px){.colio-grid5 .colio-list > li, .colio-grid4 .colio-list > li, .colio-grid3 .colio-list > li{width:50%;} } @media only screen and (max-width:479px){.colio-grid5 .colio-list > li, .colio-grid4 .colio-list > li, .colio-grid3 .colio-list > li, .colio-grid2 .colio-list > li{width:100%;} .colio-list .colio-inner{margin-right:0!important;} .colio-view .colio-button{padding:10px 17px;margin-top:-20px;} }