/* Blog Basic */
img {
    max-width: 100%;
}
.blog-row * {
    box-sizing: border-box!important;
}
.blog-container {
    margin-top: 16px;
    margin-bottom: 20px;
}
.blog-container hr {
    background: none!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    border-width: 0!important;
    border-top-width: 1px!important;
    border-style: solid!important;
    border-color: #F5F5F5!important;
}
.blog-container p {
    margin-bottom: 16px;
    font-size: inherit;
    line-height: 1.5;
}
.blog-header {
    margin-bottom: 20px;
    position: relative;
}
/* Blog Details */
.blog-details {
    text-shadow: 0 1px #000000;
    text-align: center;
    position: relative;
    top: -56px;
    margin-bottom: -48px;
    height: 48px;
    background: rgba(0,0,0,0.75);
    display: table;
    color: #FAFAFA;
    padding: 4px 8px;
}
/* Blog Share */
.blog-share i {
    padding: 6px 0;
    color: #FAFAFA;
    border-radius:4px;
    margin: 2px;
    font-size: 20px;
    font-weight: 400;
    width: 32px;
    text-align: center;
    display: inline-block;
    opacity: 1;
    transition: all 0.15s ease-in-out;
}
.blog-share i:hover {
    opacity: 0.75;
}
.blog-share i.fa-print {
    background: #00ADEF;
}
.blog-share i.fa-envelope {
    background: #F29200;
}
.blog-share i.fa-facebook {
    background: #3b5999;
}
.blog-share i.fa-twitter {
    background: #55acee;
}
.blog-share i.fa-google-plus {
    background: #dd4b39;
}
.blog-share i.fa-instagram {
    background: #e4405f;
}
.blog-share i.fa-whatsapp {
    background: #25D366;
}
.blog-share i.fa-telegram {
    background: #0088cc;
}
.blog-share i.fa-pinterest-p {
    background: #bd081c;
}
.blog-share i.fa-linkedin {
    background: #0077B5;
}
.blog-share i.fa-tumblr {
    background: #34465d;
}
.blog-share i.fa-reddit {
    background: #ff5700;
}
/* Blog Form */
.blog-form textarea {
    resize: vertical;
    min-height: 120px;
}
.blog-form input {
    min-height: 40px;
}
.blog-form input, .blog-form textarea {
    color: #424242;
    line-height: 1.5;
    font-weight: 400;
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    padding: 6px 12px;
    margin-bottom: 16px;
    border: 1px solid #D7D7D7;
    outline: none;
    outline: none;
    box-sizing: border-box;
    transition: all 0.15s ease-in-out;
}
.blog-form input:focus, .blog-form textarea:focus {
    border-color: #BDBDBD;
}
.blog-form-dark input, .blog-form-dark textarea {
    color: #f5f5f5;
    background-color: #424242;
    border-color: #212121;
}
.blog-form-dark input:focus, .blog-form-dark textarea:focus {
    border-color: #9E9E9E;
}
.blog-all {
    white-space: normal;
    background-color: #424242;
}
.blog-all .blog-inner {
    padding: 24px;
}
.blog-all .blog-header {
    margin-bottom: 0;
}
.blog-form button {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    padding: 6px 12px;
    background-color: #5C6BC0;
    border: solid 1px #4E5EBB;
    color: rgba(255,255,255,0.93);
}
.blog-form button:hover {
    background-color: #3F51B5;
    border: solid 1px #3C4DB0;
}
.blog-form button:active {
    background-color: #3949AB;
    border: solid 1px #3444A5;
}
.blog-more {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    border: none;
    outline: none;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    padding: 12px 24px!important;
    transition: box-shadow 0.15s ease-in-out;
    background-color: #424242;
    color: rgba(255,255,255,0.93);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
            box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
}
.blog-more:hover {
    -webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
            box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
}
.blog-more:active {
    background-color: #212121;
    -webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
            box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
}
.blog-light .blog-more {
    background-color: #FAFAFA;
    color: rgba(0,0,0,0.87);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.blog-light .blog-more:hover {
    -webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
    -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
    box-shadow: 0 9px 18px rgba(0,0,0,0.17);
}
.blog-light .blog-more:active {
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
    -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
    box-shadow: 0 9px 18px rgba(0,0,0,0.17);
}
.blog-category-post, a.blog-cat-link, .admin-list-classic {
    background: transparent;
    color: rgba(255,255,255,0.67);
}
a.blog-cat-link:hover {
    color: rgba(255,255,255,0.87);
}
.blog-light .blog-container.blog-all,.blog-light .blog-category-post, .blog-light a.blog-cat-link, .blog-light .admin-list-classic {
    color: rgba(0,0,0,0.67);
}
.blog-light .blog-container.blog-all {
    background: #FFFFFF;
}
.blog-light a.blog-cat-link:hover {
    color: rgba(0,0,0,0.87);
}
/*Blog Grid */
.blog-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -16px;
    margin-left: -16px;
}
.blog-row.blog-gutter-sm {
    margin-right: -8px;
    margin-left: -8px;
}
.blog-col {
    -webkit-align-content: flex-start;
            align-content: flex-start;
    width: 100%;
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.blog-gutter-sm .blog-col {
    padding-right: 8px;
    padding-left: 8px;
}
.blog-col > * {
    -webkit-flex: 1 100%;
            flex: 1 100%;
}
/* Blog Comments */
.blog-comment-first, .blog-comment-second, .blog-comment-final, .blog-no-comment {
    padding: 16px;
    border: solid 1px;
    margin-bottom: 20px;
}
.blog-comments h4 {
    margin-bottom: 20px;
}
.blog-no-comment {
    margin-bottom: 0;
}
.blog-sec {
    font-size: 80%;
}
/* Blog Time */
.blog-time {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #EEEEEE;
    font-size: 16px;
    text-align: center;
    background: rgba(0,0,0,0.75);
    padding: 6px 12px;
    display: table;
    /* text-transform: uppercase; */
}
.blog-time i {
    font-size: 100%;
    padding-right: 2px;
}

/* Blog Category */
.blog-category-post, .blog-all-details {
    line-height: 1.5;
    display: inline-block;
    direction: ltr!important;
}
.blog-category-post span, .blog-all-details span {
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    display: inline-block;
}
.blog-category-post a {
    /* text-transform: uppercase; */
}
.blog-category-post span.blog-separator {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.blog-category-post span.blog-separator:first-child {
    margin-left: 0;
}
.blog-all span.blog-separator {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.blog-all span.blog-separator:first-child {
    margin-left: 0;
}
/* Badges */
.blog-badge {
    font-size: 95%;
    background: #424242;
    color: #EEEEEE;
    font-weight: 500;
    line-height: 100%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    box-sizing: content-box;
    text-shadow: none;
    padding: 5px;
    margin: 4px;
    border-radius: 4px;
    transition: background 0.15s ease-in-out;
}
.blog-badge:hover {
    background: #212121;
    color: #E0E0E0;
}
/* Blog Responsive */
.blog-hide {
    display: none!important;
}
.blog-show {
    display: block;
}
@media (min-width:768px) {
    .blog-md-1 {
        width: 8.33333%;
        flex: 8.33333% 0;
        max-width: 8.33333%;
    }
    .blog-md-2 {
        width: 16.66666%;
        flex: 16.66666% 0;
        max-width: 16.66666%;
    }
    .blog-md-3 {
        width: 25%;
        flex: 25% 0;
        max-width: 25%;
    }
    .blog-md-4 {
        width: 33.33333%;
        flex: 33.33333% 0;
        max-width: 33.33333%;
    }
    .blog-md-5 {
        width: 41.66666%;
        flex: 41.66666% 0;
        max-width: 41.66666%;
    }
    .blog-md-6 {
        width: 50%;
        flex: 50% 0;
        max-width: 50%;
    }
    .blog-md-7 {
        width: 58.33333%;
        flex: 58.33333% 0;
        max-width: 58.33333%;
    }
    .blog-md-8 {
        width: 66.66666%;
        flex: 66.66666% 0;
        max-width: 66.66666%;
    }
    .blog-md-9 {
        width: 75%;
        flex: 75% 0;
        max-width: 75%;
    }
    .blog-md-10 {
        width: 83.33333%;
        flex: 83.33333% 0;
        max-width: 83.33333%;
    }
    .blog-md-11 {
        width: 91.66666%;
        flex: 91.66666% 0;
        max-width: 91.66666%;
    }
    .blog-md-12 {
        width: 100%;
        flex: 100% 0;
        max-width: 100%;
    }
    .blog-hide-md {
        display: none!important;
    }
    .blog-show-md {
        display: inherit!important;
    }
}
@media (min-width: 992px) {
    .blog-lg-1 {
        width: 8.33333%;
        flex: 8.33333% 0;
        max-width: 8.33333%;
    }
    .blog-lg-2 {
        width: 16.66666%;
        flex: 16.66666% 0;
        max-width: 16.66666%;
    }
    .blog-lg-3 {
        width: 33.33333%;
        flex: 33.33333% 0;
        max-width: 33.33333%;
    }
    .blog-lg-4 {
        width: 25%;
        flex: 25% 0;
        max-width: 25%;
    }
    .blog-lg-5 {
        width: 41.66666%;
        flex: 41.66666% 0;
        max-width: 41.66666%;
    }
    .blog-lg-6 {
        width: 50%;
        flex: 50% 0;
        max-width: 50%;
    }
    .blog-lg-7 {
        width: 58.33333%;
        flex: 58.33333% 0;
        max-width: 58.33333%;
    }
    .blog-lg-8 {
        width: 66.66666%;
        flex: 66.66666% 0;
        max-width: 66.66666%;
    }
    .blog-lg-9 {
        width: 75%;
        flex: 75% 0;
        max-width: 75%;
    }
    .blog-lg-10 {
        width: 83.33333%;
        flex: 83.33333% 0;
        max-width: 83.33333%;
    }
    .blog-lg-11 {
        width: 91.66666%;
        flex: 91.66666% 0;
        max-width: 91.66666%;
    }
    .blog-lg-12 {
        width: 100%;
        flex: 100% 0;
        max-width: 100%;
    }
    .blog-lg-12 .blog-header {
        width: 50%;
        float: left;
    }
    .blog-lg-12 .blog-inner {
        width: 50%;
        float: right;
    }
    .blog-lg-12 .blog-all:before, .blog-lg-12 .blog-all:after {
        content: '';
        display: table;
        clear: both;
    }
    .blog-show-lg {
        display: inherit!important;
    }
}
/* Other */
.blog-container hr, .blog-comment-first, .blog-comment-second, .blog-comment-final, .blog-all, .blog-no-comment {
    border-color: #5A5A5A!important;
}
.blog-comment-admin {
    border-style: dashed;
    border-width: 2px;
}
h2.blog-title {
    font-size: 18px;
    line-height: 1.5;
}
.blog-extra audio, .blog-extra video, .blog-extra div.embeddedContent, .blog-extra img, .blog-extra hr, .blog-extra br,
.blog-extra button, .blog-extra input, .blog-extra form, .blog-extra canvas, .blog-extra object, .blog-extra iframe  {
    display: none;
}
.searchtext .blog-row, .searchtext .blog-more {
    display: none;
}
/* Blog light skin */
.blog-light .blog-container hr,
.blog-light .blog-comment-first,
.blog-light .blog-comment-second,
.blog-light .blog-comment-final,
.blog-light .blog-no-comment {
    border-color: #E0E0E0!important;
}
.blog-light .blog-badge{
    background: #F5F5F5;
    color: #616161;
}
.blog-light .blog-badge:hover{
    background: #E0E0E0;
    color: #212121;
}
.blog-light .blog-time {
    color: #212121;
    background: rgba(255,255,255,0.87);
}

/* Blog Plugins */
.blog-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-list-light h4, .blog-list-dark h4 {
    font-size: 15px;
    margin: 0 0 8px 0;
} 
.blog-list-pic li:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: dashed 1px;
}
.blog-list-pic li {
    margin-bottom: 16px;
}
.blog-list-pic img:hover {
    opacity: 0.75;
}
.blog-list-pic.blog-list-light li:not(:last-child) {
    border-color: #E0E0E0;
}
.blog-list-pic.blog-list-dark li:not(:last-child) {
    border-color: #5A5A5A;
}
.blog-list-simple li {
    margin: 0 0 0 0;
    padding: 0;
}
.blog-list-simple.blog-list-light a, .blog-list-simple.blog-list-dark a {
    display: block;
    margin: 0;
    padding: 8px 12px;
}
.blog-list-simple.blog-list-light li, .blog-list-simple.blog-list-dark li {
    background: inherit;
}
.blog-list-simple.blog-list-light li:nth-child(even) {
    background: #FAFAFA;
}
.blog-list-simple.blog-list-dark li:nth-child(even) {
    background: #5A5A5A;
}
@media (max-width:767px) {
    .blog-list-pic img {
        margin: 0 auto 16px;
    }
    .blog-list-pic {
        text-align: center;
    }
}
.comments-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comments-list ul li {
    padding: 8px 12px;
    margin-bottom: 16px;
    border: dashed 1px;
}
.comments-list-light ul li {
    border-color: #E0E0E0;
}
.comments-list-dark ul li {
    border-color: #5A5A5A;
}
/* Blog archive plugin */
.blog-archive h5 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}
.blog-archive p {
    margin-bottom: 8px;
}
.blog-archive-light .blog-archive-content {
    border-color: #E0E0E0;
}
.blog-archive-dark .blog-archive-content {
    border-color: #5A5A5A;
}
.blog-archive-item {
    margin-bottom: 16px;
}
/* Blog Cover */
.post-item-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.post-item-cover i {
    position: absolute;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    font-size: 48px;
    color: rgba(0,0,0,0.67);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-in-out;
}
.post-item-cover:hover i {
    color: rgba(0,0,0,0.87);
}

.blog-light .post-item-cover i {
    color: rgba(255,255,255,0.67);
}
.blog-light .post-item-cover:hover i {
    color: rgba(255,255,255,0.87);
}
/* Blog Cover Light */
.blog-light .cover-gallery, .blog-light .cover-podcast, .blog-light .cover-video {
    background-color: rgba(0,0,0,0.1);
}
.blog-light .cover-gallery:hover, .blog-light .cover-podcast:hover, .blog-light .cover-video:hover {
    /* background-color: rgba(0,0,0,0.15); */
}
.blog-light .cover-gallery {
    background-image: url(image/blog-cover-gallery-white.png);
}
.blog-light .cover-podcast {
    background-image: url(image/blog-cover-podcast-white.png);
}
.blog-light .cover-video {
    background-image: url(image/blog-cover-video-white.png);
}
/*** Blog Effects ***/
.blog-all .blog-header {
    overflow: hidden;
}
.blog-all .blog-header img {
-webkit-transition: transform 0.25s ease-in-out, filter 0.125s ease-in-out;
   -moz-transition: transform 0.25s ease-in-out, filter 0.125s ease-in-out;
     -o-transition: transform 0.25s ease-in-out, filter 0.125s ease-in-out;
        transition: transform 0.25s ease-in-out, filter 0.125s ease-in-out;
}
/** shadow **/
.blog-all.shadow-1, .blog-all.shadow-2, .blog-all.shadow-3 {
-webkit-transition: box-shadow 0.15s ease-in-out;
   -moz-transition: box-shadow 0.15s ease-in-out;
     -o-transition: box-shadow 0.15s ease-in-out;
        transition: box-shadow 0.15s ease-in-out;
}
/* layout-1 & layout-3  & layout-4 */
/* shadow-1 */
.blog-layout-1.shadow-1,
.blog-layout-3.shadow-1,
.blog-layout-4.shadow-1 {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
        box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
}
.blog-layout-1.shadow-1:hover,
.blog-layout-3.shadow-1:hover,
.blog-layout-4.shadow-1:hover {
-webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
        box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
}
.blog-light .blog-layout-1.shadow-1,
.blog-light .blog-layout-3.shadow-1,
.blog-light .blog-layout-4.shadow-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.blog-light .blog-layout-1.shadow-1:hover,
.blog-light .blog-layout-3.shadow-1:hover,
.blog-light .blog-layout-4.shadow-1:hover {
-webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
   -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
        box-shadow: 0 9px 18px rgba(0,0,0,0.17);
}
/* shadow-2 */
.blog-layout-1.shadow-2,
.blog-layout-3.shadow-2,
.blog-layout-4.shadow-2 {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
        box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
}
.blog-layout-1.shadow-2:hover,
.blog-layout-3.shadow-2:hover,
.blog-layout-4.shadow-2:hover {
-webkit-box-shadow: none;
   -moz-box-shadow: none;
        box-shadow: none;
}
.blog-light .blog-layout-1.shadow-2,
.blog-light .blog-layout-3.shadow-2,
.blog-light .blog-layout-4.shadow-2 {
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
        box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.blog-light .blog-layout-1.shadow-2:hover,
.blog-light .blog-layout-3.shadow-2:hover,
.blog-light .blog-layout-4.shadow-2:hover {
-webkit-box-shadow: none;
   -moz-box-shadow: none;
        box-shadow: none;
}
/* shadow-3 */
.blog-layout-1.shadow-3,
.blog-layout-3.shadow-3,
.blog-layout-4.shadow-3 {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.blog-layout-1.shadow-3:hover,
.blog-layout-3.shadow-3:hover,
.blog-layout-4.shadow-3:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
            box-shadow: 0 1px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.25);
}
.blog-light .blog-layout-1.shadow-3,
.blog-light .blog-layout-3.shadow-3,
.blog-light .blog-layout-4.shadow-3 {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
}
.blog-light .blog-layout-1.shadow-3:hover,
.blog-light .blog-layout-3.shadow-3:hover,
.blog-light .blog-layout-4.shadow-3:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

/* layout-2 */
.blog-layout-2 .blog-inner {
-webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
        box-shadow: 0 9px 18px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
}
.blog-light .blog-layout-2 .blog-inner {
-webkit-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
   -moz-box-shadow: 0 9px 18px rgba(0,0,0,0.17);
        box-shadow: 0 9px 18px rgba(0,0,0,0.17);
}
/** Transform **/
/* zoom-1 */
.blog-all.zoom-1 .blog-header img {
    -ms-transform: scale(1);
-webkit-transform: scale(1);
        transform: scale(1);
}
.blog-all.zoom-1 .blog-header:hover img {
    -ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
        transform: scale(1.15);
}
/* zoom-2 */
.blog-all.zoom-2 .blog-header img {
    -ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
        transform: scale(1.15);
}
.blog-all.zoom-2 .blog-header:hover img {
    -ms-transform: scale(1);
-webkit-transform: scale(1);
        transform: scale(1);
}
/* zoom-3 */
.blog-all.zoom-3 .blog-header img {
    -ms-transform: scale(1.15);
-webkit-transform: scale(1.15);
        transform: scale(1.15);
}
.blog-all.zoom-3 .blog-header:hover img {
    -ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
        transform: scale(1.3);
}
/* rotate-1 */
.blog-all.rotate-1 .blog-header img {
    -ms-transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
}
.blog-all.rotate-1 .blog-header:hover img {
    -ms-transform: scale(1.15) rotate(5deg);
-webkit-transform: scale(1.15) rotate(5deg);
        transform: scale(1.15) rotate(5deg);
}
/* rotate-2 */
.blog-all.rotate-2 .blog-header img {
    -ms-transform: scale(1.15) rotate(5deg);
-webkit-transform: scale(1.15) rotate(5deg);
        transform: scale(1.15) rotate(5deg);
}
.blog-all.rotate-2 .blog-header:hover img {
    -ms-transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
}
/* rotate-3 */
.blog-all.rotate-3 .blog-header img {
    -ms-transform: scale(1.15) rotate(5deg);
-webkit-transform: scale(1.15) rotate(5deg);
        transform: scale(1.15) rotate(5deg);
}
.blog-all.rotate-3 .blog-header:hover img {
    -ms-transform: scale(1.3) rotate(10deg);
-webkit-transform: scale(1.3) rotate(10deg);
        transform: scale(1.3) rotate(10deg);
}
/** Filter **/
/* opacity-1 */
.blog-all.opacity-1 .blog-header img {
-webkit-filter: opacity(100%);
        filter: opacity(100%);
}
.blog-all.opacity-1 .blog-header:hover img {
-webkit-filter: opacity(87%);
        filter: opacity(87%);
}
/* opacity-2 */
.blog-all.opacity-2 .blog-header img {
-webkit-filter: opacity(87%);
        filter: opacity(87%);
}
.blog-all.opacity-2 .blog-header:hover img {
-webkit-filter: opacity(100%);
        filter: opacity(100%);
}
/* opacity-3 */
.blog-all.opacity-3 .blog-header img {
-webkit-filter: opacity(87%);
        filter: opacity(87%);
}
.blog-all.opacity-3 .blog-header:hover img {
-webkit-filter: opacity(74%);
        filter: opacity(74%);
}
/* sepia-1 */
.blog-all.sepia-1 .blog-header img {
-webkit-filter: sepia(0%);
        filter: sepia(0%);
}
.blog-all.sepia-1 .blog-header:hover img {
-webkit-filter: sepia(100%);
        filter: sepia(100%);
}
/* sepia-2 */
.blog-all.sepia-2 .blog-header img {
-webkit-filter: sepia(100%);
        filter: sepia(100%);
}
.blog-all.sepia-2 .blog-header:hover img {
-webkit-filter: sepia(0%);
        filter: sepia(0%);
}
/* sepia-3 */
.blog-all.sepia-3 .blog-header img {
-webkit-filter: sepia(50%);
        filter: sepia(50%);
}
.blog-all.sepia-3 .blog-header:hover img {
-webkit-filter: sepia(100%);
        filter: sepia(100%);
}
/* grayscale-1 */
.blog-all.grayscale-1 .blog-header img {
-webkit-filter: grayscale(0%);
        filter: grayscale(0%);
}
.blog-all.grayscale-1 .blog-header:hover img {
-webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
/* grayscale-2 */
.blog-all.grayscale-2 .blog-header img {
-webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
.blog-all.grayscale-2 .blog-header:hover img {
-webkit-filter: grayscale(0%);
        filter: grayscale(0%);
}
/* grayscale-3 */
.blog-all.grayscale-3 .blog-header img {
-webkit-filter: grayscale(50%);
        filter: grayscale(50%);
}
.blog-all.grayscale-3 .blog-header:hover img {
-webkit-filter: grayscale(100%);
        filter: grayscale(100%);
}
/* blur-1 */
.blog-all.blur-1 .blog-header img {
-webkit-filter: blur(0px);
        filter: blur(0px);
}
.blog-all.blur-1 .blog-header:hover img {
-webkit-filter: blur(1.5px);
        filter: blur(1.5px);
}
/* blur-2 */
.blog-all.blur-2 .blog-header img {
-webkit-filter: blur(1.5px);
        filter: blur(1.5px);
}
.blog-all.blur-2 .blog-header:hover img {
-webkit-filter: blur(0px);
        filter: blur(0px);
}
/* blur-3 */
.blog-all.blur-3 .blog-header img {
-webkit-filter: blur(1.5px);
        filter: blur(1.5px);
}
.blog-all.blur-3 .blog-header:hover img {
-webkit-filter: blur(3px);
        filter: blur(3px);
}
/* lighten-1 */
.blog-all.lighten-1 .blog-header img {
-webkit-filter: brightness(100%);
        filter: brightness(100%);
}
.blog-all.lighten-1 .blog-header:hover img {
-webkit-filter: brightness(113%);
        filter: brightness(113%);
}
/* lighten-2 */
.blog-all.lighten-2 .blog-header img {
-webkit-filter: brightness(113%);
        filter: brightness(113%);
}
.blog-all.lighten-2 .blog-header:hover img {
-webkit-filter: brightness(100%);
        filter: brightness(100%);
}
/* lighten-3 */
.blog-all.lighten-3 .blog-header img {
-webkit-filter: brightness(113%);
        filter: brightness(113%);
}
.blog-all.lighten-3 .blog-header:hover img {
-webkit-filter: brightness(126%);
        filter: brightness(126%);
}
/* darken-1 */
.blog-all.darken-1 .blog-header img {
-webkit-filter: brightness(100%);
        filter: brightness(100%);
}
.blog-all.darken-1 .blog-header:hover img {
-webkit-filter: brightness(87%);
        filter: brightness(87%);
}
/* darken-2 */
.blog-all.darken-2 .blog-header img {
-webkit-filter: brightness(87%);
        filter: brightness(87%);
}
.blog-all.darken-2 .blog-header:hover img {
-webkit-filter: brightness(100%);
        filter: brightness(100%);
}
/* darken-3 */
.blog-all.darken-3 .blog-header img {
-webkit-filter: brightness(87%);
        filter: brightness(87%);
}
.blog-all.darken-3 .blog-header:hover img {
-webkit-filter: brightness(74%);
        filter: brightness(74%);
}
/*** Blog Types ***/
.blog-show .blog-header audio {
    width: 100%;
    background-color: #F1F3F4;
}
.blog-show .blog-header video {
    width: 100%;
    height: auto;
}
.blog-show .blog-header iframe {
    width: 100%;
    height: 400px;
}
.blog-show .blog-header img {
    margin: 0 auto;
}

/**
 Blog Layouts (Items)
*/
a.blog-read-more {
    white-space: nowrap;
}
.blog-all .blog-title a,
.blog-all .blog-inner p {
    /*font-size: 110%!important;*/
}
.admin-list-classic {
    margin-top: 16px;
    display: inline-block;
}
.admin-list-classic p {
    margin: 0;
    padding: 0;
}
.admin-list-classic div {
    display: inline-block;
}
.admin-list-classic div:first-child {
    float: left;
    padding: 7px 10px 0 0;
}
.admin-list-classic div:first-child i {
    font-size: 36px;
}

/* layout-1 */


/* layout-2 */
.blog-layout-2 .blog-row {
    margin-right: -24px;
    margin-left: -24px;
}
.blog-layout-2 .blog-row.blog-gutter-sm {
    margin-right: -16px;
    margin-left: -16px;
}
.blog-layout-2 .blog-col {
    padding-right: 24px;
    padding-left: 24px;
}
.blog-layout-2 .blog-gutter-sm .blog-col {
    padding-right: 16px;
    padding-left: 16px;
}
.blog-layout-2 .blog-header {
    margin-bottom: 0;
}
.blog-layout-2 .blog-inner {
    position: relative;
    margin-top: -20%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
}
.blog-all.blog-layout-2 {
    background: transparent;
}
.blog-layout-2 .blog-inner {
    background: #424242;
}
.blog-light .blog-layout-2 .blog-inner {
    background: #FFFFFF;
}
.blog-layout-2 .blog-container {
    background: transparent!important;
}
.blog-layout-2 .post-item-cover i {
    left: inherit!important;
    top: 4%!important;
    right: 4%!important;
    transform: none!important;
    -webkit-transform: none!important; 
}
.blog-layout-2 .blog-lg-3 .blog-inner {
    top: -50px;
}

/* layout-3 */


/* layout-4 */
.layout-4-cat {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 6px 12px;
    color: rgba(0,0,0,0.87)!important;
    background: rgba(0,0,0,0.75);
}
.layout-4-cat:hover {
    color: rgba(0,0,0,0.87)!important;
}
.blog-light .layout-4-cat, .blog-light .layout-4-cat:hover {
    color: rgba(255,255,255,0.93)!important;
    background: rgba(255,255,255,0.87);
}

.blog-layout-4 h2.blog-title {
    margin: 0;
}
.layout-4-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.87);
}
.blog-light .layout-4-title {
    background: rgba(255,255,255,0.87);
    margin: 0;
    padding: 10px 15px;
}
.blog-light .layout-4-title:hover {
    background: rgba(255,255,255,1);
}
.blog-layout-4 .admin-list-classic {
    margin-top: 0;
    margin-bottom: 8px;
}