@charset "UTF-8";

 

* {
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
}




/*----showcase works */

.showcase {
    margin: 0 0 50px;
}

.showcase .showcase-title {
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding: 0 0 20px;
    margin: 0 0 25px;
}

.showcase .showcase-title h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0;
}

.showcase ul,
.showcase ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.showcase ul li,
.showcase ol li {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding-bottom: 10px;
}

.showcase ul li:last-child,
.showcase ol li:last-child {
    border: 0;
}

.showcase a {
    color: #999;
}

.showcase a:hover,
.showcase a:focus {
    color: #4a90e2;
}

.showcase input,
.showcase select {
    width: 100%;
    box-shadow: none;
    border-radius: 2px;
    border-width: 1px;
    border-color: #eee;
    font-family: "Poppins", Arial, serif;
    text-transform: uppercase;
    letter-spacing: .09375rem;
    font-size: .625rem;
    padding: 1rem .9375rem;
}


.showcase_my_works,
.showcase_my_entries a,
.showcase_my_entries_custom a {
    color: #313131;
}

.showcase_my_works img,
.showcase_my_entries a img,
.showcase_my_entries_custom a img {
    border-radius: 3px;
}


.showcase_my_entries_custom ul li {
    display: table;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.showcase_my_entries_custom .wi,
.showcase_my_entries_custom .wb {
    vertical-align: middle;
    display: table-cell;
}

.showcase_my_entries_custom .wi {
    float: left;
    width: 74px;
}

.showcase_my_entries_custom .wi img {
    width: 100%;
}

.showcase_my_entries_custom .wb {
    padding-left: 18px;
    width: 100%;
}

/*--- Showcase ---*/

.showcase_my_works > ul {
    margin: 0 -5px;
}

.showcase_my_works > ul:before,
.showcase_my_works > ul:after {
    content: " ";
    display: table;
}

.showcase_my_works > ul:after {
    clear: both;
}

.showcase_my_works > ul > li {
    border: 0 !important;
    float: left;
    width: 33.333%;
    padding: 5px;
    margin: 0;
}

.showcase_my_works > ul > li > a:hover {
    opacity: .5;
}