/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   SINGLE ARTICLE RULES                               *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.blog_content_article{
    float: left;
    width: 100%;
}
    .blog_content_article .top_divider{
        float: left;
        width: 130px;
        height: 3.9px;
        background: #ccc;
        margin-top: 65px;
        margin-left: -webkit-calc(( 100% - 130px ) / 2 );
        margin-left: -moz-calc(( 100% - 130px ) / 2 );
        margin-left: -ms-calc(( 100% - 130px ) / 2 );
        margin-left: -o-calc(( 100% - 130px ) / 2 );
        margin-left: calc(( 100% - 130px ) / 2 );
        margin-right: -webkit-calc(( 100% - 130px ) / 2 );
        margin-right: -moz-calc(( 100% - 130px ) / 2 );
        margin-right: -ms-calc(( 100% - 130px ) / 2 );
        margin-right: -o-calc(( 100% - 130px ) / 2 );
        margin-right: calc(( 100% - 130px ) / 2 );
    }
    .blog_content_article h1{
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }
    .blog_content_article h2{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .blog_content_article .info_article{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .blog_content_article .image_content{
        float: left;
        width: 100%;
        text-align: center;
        overflow-x: hidden;
        margin-top: 26px;
    }
        .blog_content_article .image_content img{
            float: none;
            max-height: 650px;
        }
    .blog_content_article .text{
        float: left;
        width: -webkit-calc( 100% - 26% );
        width: -moz-calc( 100% - 26% );
        width: -ms-calc( 100% - 26% );
        width: -o-calc( 100% - 26% );
        width: calc( 100% - 26% );
        margin: 26px 13%;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
        .blog_content_article p:first-child::first-letter {
            color: #000;
            float: left;
            font-family: 'LatoWebBlack';
            font-size: 65px;
            line-height: 55px;
            padding-top: 4px;
            padding-right: 8px;
        }
        .blog_content_article .text img{
            float: left;
            width: 130%;
            margin: 26px -13%;
            margin-bottom: 39px;
        }
    .blog_content_article .bottom_content{
        float: left;
        width: -webkit-calc( 100% - 26% );
        width: -moz-calc( 100% - 26% );
        width: -ms-calc( 100% - 26% );
        width: -o-calc( 100% - 26% );
        width: calc( 100% - 26% );
        margin: 0 13%;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
        margin-bottom: 26px;
    }
        .blog_content_article .bottom_content .hashtag{
            float: left;
            width: 36%;
        }
            .blog_content_article .bottom_content .hashtag .title{
                float: left;
                width: 100%;
                color: #656565;
                font-family: 'LatoWebBlack';
                text-transform: uppercase;
                margin-bottom: 13px;
            }
            .blog_content_article .bottom_content .hashtag .list_tags{
                float: left;
                width: 100%;
            }
        .blog_content_article .bottom_content .other_articles{
            float: right;
            width: -webkit-calc( 100% - 39% );
            width: -moz-calc( 100% - 39% );
            width: -ms-calc( 100% - 39% );
            width: -o-calc( 100% - 39% );
            width: calc( 100% - 39% );
        }
            .blog_content_article .bottom_content .other_articles .title{
                float: left;
                width: -webkit-calc( 100% - 13px );
                width: -moz-calc( 100% - 13px );
                width: -ms-calc( 100% - 13px );
                width: -o-calc( 100% - 13px );
                width: calc( 100% - 13px );
                color: #656565;
                font-family: 'LatoWebBlack';
                text-transform: uppercase;
                margin-left: 13px;
                margin-bottom: 13px;
            }
            .blog_content_article .bottom_content .other_articles .data_article{
                float: left;
                width: -webkit-calc( 100% - 13px );
                width: -moz-calc( 100% - 13px );
                width: -ms-calc( 100% - 13px );
                width: -o-calc( 100% - 13px );
                width: calc( 100% - 13px );
                margin-left: 13px;
            }
                .blog_content_article .bottom_content .other_articles .data_article .image{
                    float: left;
                    width: 39%;
                }
                    .blog_content_article .bottom_content .other_articles .data_article .image img{
                        float: left;
                        width: 100%;
                    }
                .blog_content_article .bottom_content .other_articles .data_article .info{
                    float: left;
                    width: -webkit-calc( 100% - 39% - 13px );
                    width: -moz-calc( 100% - 39% - 13px );
                    width: -ms-calc( 100% - 39% - 13px );
                    width: -o-calc( 100% - 39% - 13px );
                    width: calc( 100% - 39% - 13px );
                    margin-left: 13px;
                }
                    .blog_content_article .bottom_content .other_articles .data_article .info .article_name{
                        float: left;
                        width: 100%;
                        color: #000;
                        font-family: 'LatoWebBlack';
                    }
                    .blog_content_article .bottom_content .other_articles .data_article .info .article_author{
                        float: left;
                        width: 100%;
                        font-size: 13px;
                    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   TAG ARTICLES RULES                                 *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.blog_content_tags{
    float: left;
    width: 100%;
}
    .blog_content_tags .top_divider{
        float: left;
        width: 130px;
        height: 3.9px;
        background: #ccc;
        margin-top: 65px;
        margin-left: -webkit-calc(( 100% - 130px ) / 2 );
        margin-left: -moz-calc(( 100% - 130px ) / 2 );
        margin-left: -ms-calc(( 100% - 130px ) / 2 );
        margin-left: -o-calc(( 100% - 130px ) / 2 );
        margin-left: calc(( 100% - 130px ) / 2 );
        margin-right: -webkit-calc(( 100% - 130px ) / 2 );
        margin-right: -moz-calc(( 100% - 130px ) / 2 );
        margin-right: -ms-calc(( 100% - 130px ) / 2 );
        margin-right: -o-calc(( 100% - 130px ) / 2 );
        margin-right: calc(( 100% - 130px ) / 2 );
    }
    .blog_content_tags h1{
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }
    .blog_content_tags h2{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .blog_content_tags .list_tags{
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .blog_content_tags .list_tags .article{
            float: left;
            width: 30%;
            margin-right: 5%;
        }
        .blog_content_tags .list_tags .article:nth-child(3n+3){
            margin-right: 0;
        }
            .blog_content_tags .list_tags .article a.article_url{
                float: left;
                width: 100%;
            }
            .blog_content_tags .list_tags .article .article_image{
                float: left;
                width: 100%;
                height: 260px;
                background: #ccc center no-repeat;
                background-size: cover;
            }
                .blog_content_tags .list_tags .article .article_image img{
                    float: left;
                    width: 100%;
                    height: 260px;
                    opacity: 0;
                }
            .blog_content_tags .list_tags .article .article_title{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 26px;
                font-family: 'LatoWebBlack';
                margin-top: 13px;
            }
            .blog_content_tags .list_tags .article .article_info{
                float: left;
                width: 100%;
                height: 26px;
                line-height: 13px;
                font-size: 13px;
            }
            .blog_content_tags .list_tags .article .read_more{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 52px;
                font-family: 'LatoWebBlack';
            }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   MAIN PAGE BLOG RULES                               *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.blog_content{
    float: left;
    width: 100%;
}
    .blog_content .top_divider{
        float: left;
        width: 130px;
        height: 3.9px;
        background: #ccc;
        margin-top: 65px;
        margin-left: -webkit-calc(( 100% - 130px ) / 2 );
        margin-left: -moz-calc(( 100% - 130px ) / 2 );
        margin-left: -ms-calc(( 100% - 130px ) / 2 );
        margin-left: -o-calc(( 100% - 130px ) / 2 );
        margin-left: calc(( 100% - 130px ) / 2 );
        margin-right: -webkit-calc(( 100% - 130px ) / 2 );
        margin-right: -moz-calc(( 100% - 130px ) / 2 );
        margin-right: -ms-calc(( 100% - 130px ) / 2 );
        margin-right: -o-calc(( 100% - 130px ) / 2 );
        margin-right: calc(( 100% - 130px ) / 2 );
    }
    .blog_content h1{
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }
    .blog_content h2{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .blog_content .list_articles{
        float: left;
        width: -webkit-calc( 100% - 26% );
        width: -moz-calc( 100% - 26% );
        width: -ms-calc( 100% - 26% );
        width: -o-calc( 100% - 26% );
        width: calc( 100% - 26% );
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .blog_content .list_articles .article{
            float: left;
            width: 47.5%;
            margin-right: 5%;
        }
        .blog_content .list_articles .article:nth-child(2n+2){
            margin-right: 0;
        }
            .blog_content .list_articles .article a.article_url{
                float: left;
                width: 100%;
            }
            .blog_content .list_articles .article .article_image{
                float: left;
                width: 100%;
                height: 260px;
                background: #ccc center no-repeat;
                background-size: cover;
            }
                .blog_content .list_articles .article .article_image img{
                    float: left;
                    width: 100%;
                    height: 260px;
                    opacity: 0;
                }
            .blog_content .list_articles .article .article_title{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 26px;
                font-family: 'LatoWebBlack';
                margin-top: 13px;
            }
            .blog_content .list_articles .article .article_info{
                float: left;
                width: 100%;
                height: 26px;
                line-height: 13px;
                font-size: 13px;
            }
            .blog_content .list_articles .article .read_more{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 52px;
                font-family: 'LatoWebBlack';
            }
    .blog_content .shortcut{
        float: right;
        width: 26%;
    }
        .blog_content .shortcut .box{
            float: left;
            width: -webkit-calc( 100% - 13px );
            width: -moz-calc( 100% - 13px );
            width: -ms-calc( 100% - 13px );
            width: -o-calc( 100% - 13px );
            width: calc( 100% - 13px );
            margin-left: 13px;
        }
            .blog_content .shortcut .box h3{
                float: left;
                width: 100%;
            }
            .blog_content .shortcut .box ul{
                float: left;
                width: 100%;
                margin: 0;
                padding: 0;
                list-style: none;
                margin-top: 13px;
            }
                .blog_content .shortcut .box ul li{
                    float: left;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                    height: 39px;
                    line-height: 39px;
                    border-top: 1px solid #f1f1f1;
                }
                    .blog_content .shortcut .box ul li i{
                        margin: 0 13px;
                    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                      *
*   CATEGORY ARTICLE RULES                             *
*                                                      *
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
.blog_content_categories{
    float: left;
    width: 100%;
}
    .blog_content_categories .top_divider{
        float: left;
        width: 130px;
        height: 3.9px;
        background: #ccc;
        margin-top: 65px;
        margin-left: -webkit-calc(( 100% - 130px ) / 2 );
        margin-left: -moz-calc(( 100% - 130px ) / 2 );
        margin-left: -ms-calc(( 100% - 130px ) / 2 );
        margin-left: -o-calc(( 100% - 130px ) / 2 );
        margin-left: calc(( 100% - 130px ) / 2 );
        margin-right: -webkit-calc(( 100% - 130px ) / 2 );
        margin-right: -moz-calc(( 100% - 130px ) / 2 );
        margin-right: -ms-calc(( 100% - 130px ) / 2 );
        margin-right: -o-calc(( 100% - 130px ) / 2 );
        margin-right: calc(( 100% - 130px ) / 2 );
    }
    .blog_content_categories h1{
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 13px;
    }
    .blog_content_categories h2{
        float: left;
        width: 65%;
        text-align: center;
        margin: 26px 17.5%;
        margin-top: 13px;
        font-size: 17px;
        color: #656565;
        line-height: 26px;
    }
    .blog_content_categories .list_articles{
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .blog_content_categories .list_articles .article{
            float: left;
            width: 30%;
            margin-right: 5%;
        }
        .blog_content_categories .list_articles .article:nth-child(3n+3){
            margin-right: 0;
        }
            .blog_content_categories .list_articles .article a.article_url{
                float: left;
                width: 100%;
            }
            .blog_content_categories .list_articles .article .article_image{
                float: left;
                width: 100%;
                height: 260px;
                background: #ccc center no-repeat;
                background-size: cover;
            }
                .blog_content_categories .list_articles .article .article_image img{
                    float: left;
                    width: 100%;
                    height: 260px;
                    opacity: 0;
                }
            .blog_content_categories .list_articles .article .article_title{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 26px;
                font-family: 'LatoWebBlack';
                margin-top: 13px;
            }
            .blog_content_categories .list_articles .article .article_info{
                float: left;
                width: 100%;
                height: 26px;
                line-height: 13px;
                font-size: 13px;
            }
            .blog_content_categories .list_articles .article .read_more{
                float: left;
                width: 100%;
                height: 52px;
                line-height: 52px;
                font-family: 'LatoWebBlack';
            }