<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a:active,
a:visited,
a:focus,
a:focus-within {
    text-decoration: none;
}
.store {
    background: #edf1f2;
    padding-top: 20px;
    padding-bottom: 32px;
}
.store-cbox {
    /*background:url('/uploads/catalogue/5947b2288f6ed.jpg') no-repeat;*/
    background-position: center top;
    background-size: 100% auto;
    position: relative;
    width: 100%;
    height: 164px;
    transition: transform .15s ease-out;
    box-sizing: border-box;    
}
.store-cbox:hover {
    transform: scale(1.03);
    -webkit-transform : scale(1.03);
    box-shadow: 0 6px 25px 0 rgba(30,38,44,.3);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
.store-cbox:hover .store-labeltop,
.store-cbox:hover .store-labelbottom {

}
.store-holder {
    width: 31%;
    height: 164px;
    float: left;
    margin: 5px 5px 5px 5px;
    position: relative;
 }
.store-cbox .store-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(180deg,transparent 20%,rgba(20,27,32,.5) 60%,rgba(20,27,32,.8));
    cursor: pointer;
}
.store-cbox span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 11;
    padding: 13px 13px 13px 13px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    color: white;
    cursor: pointer;
}
.store-labeltop {
    position: absolute;
    top: 23px;
    left: 0px;
    /*background: #05a68a;*/
    background: #0c8d77;
    display: block;
    color: white;
    padding: 5px 11px 4px 9px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-weight: 500;
    z-index: 11;
    opacity: 0.8;
}
.store-labelstarted {
    background: indianred;
}
.store-labelpurchased {
    background: #0c8d77;
}
.store-labelbottom {
    display: table;
    margin-bottom: 10px;
    padding: 5px 11px 4px 9px;
    line-height: 1em;
    font-size: 11px;
    opacity: 0.9;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 12;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom-right-radius: 6px;
}
.store-labeltopright {
    position: absolute;
    top: 0px;
    right: 0px;
    /*background: #05a68a;*/
    /*background: #0c8d77;*/
    display: block;
    color: white;
    padding: 5px 11px 4px 9px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-weight: 500;
    z-index: 11;
    opacity: 0.8;
    font-weight: bold;
    text-shadow: -1px 0 #777, 0 1px #777, 1px 0 #777, 0 -1px #777;
}
.store-labelfree {
    /*background: linear-gradient(to right, lightblue, blue);*/
    /*background: lightblue;*/
    background: #5399cf;
}
.store-labelpremium {
    /*background: linear-gradient(to right, #fce0af, orange);*/
    /*background: #fce0af;*/
    background: #EF892E;
}
.store-labelnumber {
    /*background: linear-gradient(to right, #fce0af, orange);*/
    /*background: #fce0af;*/
    /*background: #EF892E;*/
}
.store-labelpush {
    top: 0px !important;
    border-top-right-radius: 0px !important;
}
/* source */
.tilelist-pagetitle {
    padding-bottom: 12px;
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    position: relative;
    border-bottom: 1px solid rgba(195,198,206,.5);
}
.otktitle-2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 200;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.filter-title {
    padding: 25px 0;
    border-bottom: 1px solid #d8dce0;
    margin-bottom: 12px;
    width: 100%;
    display: block;
}
.filter-title span {
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    line-height: 16px;
}
.filter-title div {
    float: right;
    font-size: 13px;
    color: #6798a8;
    line-height: 16px;
}
.filter-title div a {
    font-size: 13px;
    color: #2ac5f5;
}
.filter-title div a:hover {
    text-decoration: underline;
}
.filter-title div a:active {
    transform: translate3d(0,1px,0);
}
.filter-option {
    color: #787d85;
    font-weight: 400;
    transition: background-color .3s ease-in-out;
    position: relative;
    padding: 13px 13px 13px 13px;
    margin: 2px 0;
    overflow: hidden;
    font-size: 16px;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 18px;
}
.filter-option:active {
    color: #333 !important;
}
.filter-option:hover {
    background-color: #d8dce0;
    text-decoration: none;
}
.filter-option:hover,
.filter-selected {
    color: #33363a;
}
.filter-category {
    margin-top: 24px;
}
.filter-selected {
    background: #d8dce0 url('../images/filter-tick.jpg') no-repeat right center;
}
/* hybrid boodstrap */
.row,
.top-bar {
    max-width: 1170px !important;
}
.columns {
    padding-left: 10px;
    padding-right: 10px;
}
header {
    margin-bottom: 0px;
}
.mh {
    min-height: 900px;
}
/* from mycourses.css */
.mc-header {
    position: relative;
    margin-top: 50px;
    margin-bottom: 26px;
    margin-left: 0px;
    margin-right: 22px;
    height: 1px;
    border-bottom: 1px solid rgba(195,198,206,.5);
}
.mc-header span {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    padding: 0 36px;
    color: #787d85;
    background: #edf1f2;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    font-size: 14px;
}
.mc-header a {
    position: absolute;
    right: 0;
    top: -12px;
    width: 24px;
    height: 24px;
    background: #edf1f2;
    color: #787d85;
    border: 1px solid rgba(195,198,206,.5);
    border-radius: 4px;
    text-align: center;
    transition: all .3s ease-in-out;
    text-decoration: none;
    font-size: 15px;
    font-family: Open Sans,sans-serif;
    padding-top: 3px;
}
.mc-header a:hover {
    border: 1px solid #c3c6ce;
    color: #1e262c;
    font-size: 16px;
}
/* mobile */
@media (min-width: 990px) {
    .store .col2 {
        max-width: 285px;
    }
}
@media (max-width: 1170px) {
    .store-holder {
        width: 47.5%;
        height: 172px;
     }
}
@media (max-width: 770px) {
    .store-cbox,
    .store-holder {
        height: 160px;
    }
}
@media (max-width: 721px) {
    .store-cbox,
    .store-holder {
        height: 150px;
    }
}
@media (max-width: 680px) {
    .store-cbox,
    .store-holder {
        height: 142px;
    }
}
@media (max-width: 488px) {
    .store-cbox,
    .store-holder {
        height: 222px;
        width: 99%;
    }
}
@media (max-width: 383px) {
    .store-cbox,
    .store-holder {
        height: 175px;
        width: 98%;
    }
}
@media (max-width: 327px) {
    .store-cbox,
    .store-holder {
        height: 145px;
        width: 98%;
    }
}
@media (max-width: 264px) {
    .store-cbox,
    .store-holder {
        height: 99px;
        width: 97%;
    }
}
</pre></body></html>