:root {

    --main-color: #212529;

    --facebook-color: #3b5998;

    --twitter-color: #00acee;

    --line-color: #00c300;

    --instagram-color: #dd2a7b;

    --youtube-color: #c4302b;

    --linkedin-color: #0077b5;

    --tumblr-color: #3b5998;

}



@font-face {

    font-family: 'indy-font';

    src: url('../fonts/indy-font.eot');

    src: url('../fonts/indy-font.eot?#iefix') format('embedded-opentype'),

        url('../fonts/indy-font.woff2') format('woff2'),

        url('../fonts/indy-font.woff') format('woff'),

        url('../fonts/indy-font.ttf') format('truetype'),

        url('../fonts/indy-font.svg#../fonts/indy-font') format('svg');

    font-style: normal;

}



body {

    margin: 0;

    padding: 0;

    font-size: 14px;

}



.app--light body {

    background-color: #fff;

}



.app--light .text-primary-color {

    color: #000;

}



.app--dark .text-primary-color {

    color: #fff;

}



.app--dark body,

.app--dark .header__top,

.app--dark .headerxs,

.app--dark .card {

    background: 	#003300 !important;

}



.app--dark .card {

    border-color: #ccc;

}



@media (max-width: 992px) {

    header {

        padding-bottom: 50px;

    }



    #wpadminbar {

        position: fixed;

    }

}



.hover-effect {

    overflow: hidden;

}



.hover-effect figure {

    transition: transform 0.3s;

}



.hover-effect:hover figure {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



@keyframes fadeInSownShort {

    from {

        opacity: 0;

        transform: translate3d(0, -50px, 0);

    }



    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}



.fadeInSownShort {

    animation-name: fadeInSownShort;

    animation-duration: 0.8s;

}



.title-font {

    font-family: 'indy-font';

    line-height: 1.3;

    margin: 0;

}



.flex-center {

    display: flex;

    justify-content: center;

    align-items: center;

}



.flex-center-y {

    display: flex;

    align-items: center;

}



.text-truncate-2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.imagewrapper {

    position: relative;

    overflow: hidden;

    height: 0;

    background: #bdc3c7;

}



.imagewrapper .img {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 100%;

    width: auto;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.imagewrapper .img.portrait,

.imagewrapper img.img.portrait,

.imagewrapper picture.img.portrait img {

    width: 100%;

    height: auto;

    max-height: none;

}



.imagewrapper img.img.landscape,

.imagewrapper picture.img.landscape img {

    width: auto;

    height: 100%;

    max-width: none;

}



.thumb-overlay::before,

.thumb-overlay-md::before,

.thumb-overlay-lg::before {

    content: '';

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    bottom: 0;

    height: 65%;

    transition: opacity 0.2s;

    background-image: linear-gradient(

        to bottom,

        transparent,

        rgba(0, 0, 0, 0.75)

    );

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



@media screen and (max-width: 768px) {

    .thumb-overlay-md:after {

        display: none !important;

    }

}



.categorytag {

    padding: 2px 8px;

    border-radius: 20px;

    display: inline-block;

    color: #fff;

    font-size: 12px;

    transition: opacity 0.3s;

}



.categorytag:hover {

    opacity: 0.7;

}



.categorytag--1 {

    background-color: #e74c3c;

}



.categorytag--2 {

    background-color: #ce5c33;

}



.categorytag--3 {

    background-color: #f39c12;

}



.categorytag--4 {

    background-color: #e67e22;

}



.categorytag--5 {

    background-color: #d8478d;

}



.categorytag--6 {

    background-color: #a53e6f;

}



.categorytag--7 {

    background-color: #9b59b6;

}



.categorytag--8 {

    background-color: #265288;

}



.categorytag--9 {

    background-color: #3498db;

}



.categorytag--10 {

    background-color: #809f25;

}



.categorytag--11 {

    background-color: #27ae60;

}



.categorytag--12 {

    background-color: #1abc9c;

}



.account__item {

    cursor: pointer;

    display: inline-block;

    padding: 0 10px;

}



.account__item > a {

    text-decoration: none;

}



.account__item > a:hover {

    color: #e74c3c;

}



.header__top {

    height: 35px;

    background: #f4f4f4;

    border-bottom: 1px solid #eee;

    font-size: 13px;

}



.headertop__account .account__item:not(:last-child) {

    border-right: 1px solid #ddd;

    padding-left: 0 !important;

}



.header__bottom {

    padding-top: 30px;

    padding-bottom: 30px;

    min-height: 100px;

}



.headerbottom__logo img {

    max-width: 100%;

}



.socialfollow {

    margin-left: -10px;

}



.socialfollow a {

    text-decoration: none;

    color: var(--main-color);

}



.socialfollow__item {

    cursor: pointer;

    padding: 0 10px;

    transition: all 0.2s;

}



.socialfollow__item:hover {

    transform: scale(1.5);

}



.socialfollow__item--facebook:hover {

    color: var(--facebook-color) !important;

}



.socialfollow__item--twitter:hover {

    color: var(--twitter-color) !important;

}



.socialfollow__item--line:hover {

    color: var(--line-color) !important;

}



.socialfollow__item--instagram:hover {

    color: var(--instagram-color) !important;

}



.socialfollow__item--youtube:hover {

    color: var(--youtube-color) !important;

}



.socialfollow__item--linkedin:hover {

    color: var(--linkedin-color) !important;

}



.socialfollow__item--tumblr:hover {

    color: var(--tumblr-color) !important;

}



.socialfollowxs > .socialfollow {

    justify-content: center;

    padding: 40px 0;

}



.socialfollowxs > .socialfollow .socialfollow__item {

    color: #fff;

}



.searchform {

    padding: 4px 4px 4px 4px;

    border: 1px solid #ddd;

    border-radius: 30px;

}



.searchform__input {

    margin: 0 10px;

    width: 150px;

    font-size: 14px;

    background: rgba(0, 0, 0, 0);

    border: none;

    outline: none;

    transition: all 0.5s;

}



.searchform__input:hover,

.searchform__input:focus {

    width: 200px;

}



.searchform__button button {

    width: 30px;

    height: 30px;

    font-size: 12px;

    color: #ffffff;

    border-radius: 100%;

    border: none;

    outline: none;

    background: var(--gray-dark);

    transition: all 0.5s;

}



.searchform__button button:hover {

    transform: rotate(360deg);

    background: #c0392b;

}



.searchformxs {

    right: -100%;

}



.searchformxs .input-group {

    flex-wrap: nowrap;

}



.searchformxs__input {

    margin-bottom: 15px;

    font-size: 20px;

    background: rgba(0, 0, 0, 0);

    border: none;

    border-bottom: 1px solid #60656a;

    outline: none;

    padding: 5px;

    color: #fff;

}



.searchformxs__button {

    padding-left: 15px;

    font-size: 20px;

    color: #fff;

}



.navlg {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    min-height: 50px;

}



.navlg .menu-wrapper {

    flex-wrap: wrap;

    width: 100%;

    font-size: 14px;

}



.navlg__menu {

    position: relative;

    cursor: pointer;

    padding: 10px 0;

    color: var(--main-color);

    text-align: center;

    transition: all 0.3s;

}



.navlg__menu:last-child > .navlgmenu__item {

    border-right: none;

}



.navlg__menu::after {

    content: '';

    position: absolute;

    width: 0;

    height: 2px;

    bottom: -4px;

    left: 0;

    right: 0;

    margin: 0 auto;

    background-color: #e74c3c;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.navlg__menu:hover {

    color: #e74c3c;

    text-decoration: none;

}



.navlg__menu:hover::after {

    width: calc(100% - 20px);

}



.navlgmenu__item {

    position: relative;

    padding: 0px 20px;

    border-right: 1px solid #eee;

}



.navlgmenu__item > .icon {

    padding-right: 10px;

}



.navlgmenu__item > .arrow {

    font-size: 12px;

    padding-left: 5px;

}



.navlg__menu:hover .navlgmenu__sub {

    display: block;

}



.navlgmenu__sub {

    position: absolute;

    top: 46px;

    left: -10px;

    min-width: 200px;

    background: #363b40;

    border-radius: 5px;

    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4);

    overflow: hidden;

    display: none;

    z-index: 9;

}



.navlgsub__menu {

    padding: 12px 15px;

    color: #fff !important;

    text-decoration: none !important;

    transition: all 0.5s;

}



.navlgsub__menu:hover {

    background: #42494f;

}



.navlgsub__menu > .icon {

    padding-right: 10px;

}



.navlgmenu__tag {

    position: absolute;

    top: -10px;

    right: 10px;

}



.navlgmenu__tag > .text {

    position: relative;

    padding: 0 5px;

    color: #fff;

    font-size: 10px;

    display: block;

}



.navlgmenu__tag > .text::after {

    content: '';

    position: absolute;

    bottom: -5px;

    left: 5px;

    width: 0;

    height: 0;

    border-top-width: 5px;

    border-top-style: solid;

    border-right: 5px solid transparent;

}



.navlgmenu__tag--new > .text,

.navxsmenu__tag--new > .text {

    background: #e74c3c;

}



.navlgmenu__tag--new > .text::after {

    border-top-color: #e74c3c;

}



.navlgmenu__tag--hot > .text,

.navxsmenu__tag--hot > .text {

    background: #e67e22;

}



.navlgmenu__tag--hot > .text::after {

    border-top-color: #e67e22;

}



.navlgmenu__tag--best > .text,

.navxsmenu__tag--best > .text {

    background: #2980b9;

}



.navlgmenu__tag--best > .text::after {

    border-top-color: #2980b9;

}



.navxs__account {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 30px;

}



.navxs__account .account__item {

    padding: 15px 0 !important;

}



.navxs__account a {

    color: #fff !important;

}



.headerxs {

    position: fixed;

    height: 50px;

    background: #fff;

    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);

    z-index: 9;

}



.headerxs__logo img {

    height: 30px;

}



.headerxs__morebutton {

    font-size: 20px;

}



.headerxs__searchbutton {

    font-size: 20px;

}



.footer {

    padding-top: 50px;

    padding-bottom: 50px;

    background: #070716;

    border-top: 1px solid #333;

}



.footer__column {

    padding: 15px 25px;

}



.footer__column:not(:last-child) {

    border-right: 1px solid #333;

}



@media screen and (max-width: 992px) {

    .footer__column:not(:last-child) {

        border-right: none;

        border-bottom: 1px solid #333;

    }

}



.footer__item {

    margin-bottom: 20px;

}



.footer__social > .socialfollow .socialfollow__item {

    padding: 0 5px !important;

    font-size: 18px !important;

    color: #fff;

}



.allcategorytags__tag {

    display: inline-block;

    margin: 5px 2px;

    padding: 3px 8px;

    font-size: 12px;

    border: 1px solid #ee5253;

    color: #ee5253;

    border-radius: 100px;

    transition: all 0.2s;

}



.allcategorytags__tag:hover {

    background: #ee5253;

    color: #fff;

}



.drawerxs {

    position: fixed;

    top: 0;

    width: 100%;

    height: 100vh;

    background: #363b40;

    overflow-y: auto;

    z-index: 999999;

}



.drawerxs > .closebutton {

    position: absolute;

    top: 5px;

    right: 10px;

    font-size: 30px;

    color: #fff;

}



.navxs {

    left: -100%;

}



.navxs__menulist {

    margin-top: 50px;

}



.navxsmenulist__menu {

    font-size: 14px;

    border-bottom: 1px solid #60656a;

    text-decoration: none !important;

}



.navxsmenulist__item {

    padding: 15px;

    color: #fff;

}



.navxsmenulist__item > .icon {

    padding-right: 15px;

}



.navxsmenulist__item > .title {

    padding-right: 15px;

}



.navxsmenulist__item > .arrow {

    padding-left: 15px;

}



.navxsmenulist__item > .tag {

    display: inline-block;

    font-size: 10px;

}



.navxsmenulist__item > .tag > .text {

    padding: 0 5px;

    border-radius: 10px;

}



.navxsmenulist__item[aria-expanded='true'] > .arrow > i::before {

    content: '\ea6a';

}



.navxssubmenu__item {

    margin-left: 20px;

    padding: 15px;

    font-size: 14px;

    color: #fff !important;

    text-decoration: none !important;

}



.navxssubmenu__item > .icon {

    padding-right: 15px;

}



/* Pagination */

.catpagination {

    margin-top: 5px;

    margin-bottom: 5px;

}



.catpagination ul {

    margin: 5px 0;

    padding: 0;

}



.catpagination li {

    list-style-type: none;

    display: inline-block;

    margin: 5px 0;

}



.catpagination li .page-numbers {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 30px;

    height: 30px;

    border-radius: 100px;

    background: #bdc3c7;

    color: #fff;

    text-decoration: none;

}



.catpagination li .current,

.catpagination li .page-numbers:hover {

    background: #c0392b;

}



.noposts {

    text-align: center;

    padding-top: 80px;

    padding-bottom: 80px;

    border: 1px solid #ddd;

    border-radius: 0.25rem;

}



.rowwrapper {

    background-size: cover;

    background-position: center center;

}



.rowwrapper--light {

    background-color: #fff;

}



.rowwrapper--light .text-primary-color {

    color: #000 !important;

}



.rowwrapper--dark {

    background-color: #000;

}



.rowwrapper--dark .text-primary-color {

    color: #fff !important;

}



/* Columns */

.columnwrapper {

    padding-top: 24px;

    padding-bottom: 24px;

}



@media screen and (max-width: 576px) {

    .columnwrapper {

        padding-top: 18px;

        padding-bottom: 18px;

    }

}



.columnheader1 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 17px;

}



.columnheader1--border {

    margin-bottom: 15px !important;

    border-bottom: 2px solid #efefef;

}



.columnheader1__title {

    border-bottom-width: 4px;

    border-bottom-style: solid;

    margin-bottom: -2px;

    font-weight: bold;

}



.postinfo {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    padding: 0 15px 15px;

}



.newcolumn1,

.newcolumn2 {

    margin-bottom: -10px;

    margin-left: -5px !important;

    margin-right: -5px !important;

}



.newcolumn1__postwrapper,

.newcolumn2__postwrapper {

    padding: 0 5px 10px 5px;

}



.newcolumn1__post,

.newcolumn2__post,

.newcolumn3__post,

.newcolumn4__post {

    position: relative;

}



.newcolumn3,

.newcolumn4 {

    margin-bottom: -20px;

    margin-left: -10px !important;

    margin-right: -10px !important;

}



.newcolumn3__postwrapper,

.newcolumn4__postwrapper {

    padding: 0 10px 20px 10px;

}



.small1 {

    margin-bottom: -20px;

}



.small1__post {

    padding-bottom: 20px;

}



.small1__post .time {

    padding-bottom: 5px;

}



.small2__post {

    padding-bottom: 20px;

}



.small2__seemore {

    transition: all 0.3s;

}



.small2__seemore:hover {

    opacity: 0.8;

}



.medium1 {

    margin-bottom: -20px;

}



.medium1__wrapper {

    margin: 0 -10px;

}



.medium1__post {

    padding: 0px 10px 20px;

}



.medium1__post .title {

    padding-top: 10px;

}



.medium2 {

    margin-bottom: -20px;

}



.medium2__wrapper {

    margin: 0 -10px;

}



.medium2__post {

    padding: 0 10px 20px;

}



.medium2__post .title {

    padding-top: 10px;

}



.medium3 {

    margin-bottom: -20px;

}



.medium3__post {

    padding-bottom: 20px;

}



.medium4 {

    margin-bottom: -20px;

}



.medium4__wrapper {

    margin: 0 -10px;

}



.medium4__post {

    padding: 0px 10px 20px;

}



.medium4__post .title {

    padding-top: 10px;

}



.large1 {

    margin-bottom: -20px;

}



.large1__wrapper {

    margin: 0 -10px;

}



.large1__coverwrapper {

    position: relative;

    height: 100%;

    min-height: 200px;

    background: #2c3e50;

    background-size: cover;

    background-position: center center;

    color: #fff;

}



.large1__coverwrapper::after {

    content: '';

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

}



.large1__coverwrapper::before {

    content: '';

    position: absolute;

    z-index: 1;

    top: 15px;

    left: 15px;

    right: 15px;

    height: calc(100% - 30px);

    border: 1px solid #fff;

}



@media screen and (max-width: 576px) {

    .large1__coverwrapper::before {

        top: 8px;

        left: 8px;

        right: 8px;

        height: calc(100% - 16px);

    }

}



.large1__cover {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}



.large1cover__title {

    z-index: 3;

    padding: 15px 0;

}



.large1cover__seemore {

    padding: 5px 10px;

    border: 1px solid #fff;

    z-index: 3;

}



.large1__post {

    padding: 0 10px 20px;

}



.large1__post .title {

    padding-top: 5px;

}



.large2 {

    margin-bottom: -20px;

}



.large2__wrapper {

    margin: 0 -10px;

}



.large2__post {

    padding: 0 10px 20px;

}



.large2__post .title {

    padding-top: 10px;

}



.large2__post .view {

    position: absolute;

    top: 7px;

    right: 6px;

    padding: 2px 6px;

    border-radius: 15px;

    font-size: 11px;

}



.large3 {

    margin-bottom: -20px;

}



.large3__wrapper {

    margin: 0 -10px;

}



.large3__post {

    padding: 0 10px 20px;

}



.large3__post .title {

    padding-top: 10px;

}



.large4 {

    margin-bottom: -20px;

}



.large4__wrapper {

    margin: 0 -10px;

}



.large4__post {

    padding: 0 10px 20px;

}



.large4__post .title {

    padding-top: 10px;

}



.categorywrapper {

    margin: 0 -10px;

}



/* Category */

.categorycover {

    position: relative;

    margin-bottom: 15px;

    background-color: #2c3e50;

    background-size: cover;

    background-position: center center;

}



.categorycover__title {

    padding: 3rem 0;

}



@media screen and (max-width: 768px) {

    .categorycover__title {

        padding: 2rem 0;

    }

}



.categorycover__title h1 {

    font-weight: bold;

    color: #ffffff;

    text-shadow: 3px 3px 3px #000, -1px -1px 3px #000, 1px -1px 3px #000,

        -1px 1px 3px #000, 1px 1px 3px #000;

}



.category1__post {

    padding: 0 10px 20px;

}



.category1__post .title {

    padding-top: 10px;

}



.category2__post {

    padding: 0 10px 20px;

}



.category2__post .view {

    position: absolute;

    top: 7px;

    right: 6px;

    padding: 2px 6px;

    border-radius: 15px;

    font-size: 11px;

    background: #f39c12;

}



.category3__post {

    padding: 0 10px 20px;

}



.category3post__wrapper {

    margin: 0;

    overflow: hidden;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}



.category3post__detail {

    padding-top: 10px;

    padding-bottom: 10px;

}



.category3post__detail .tagwrapper {

    padding-bottom: 10px;

}



.category3post__detail .title {

    margin-bottom: 10px;

    font-weight: bold;

}



.category3post__detail .subcontent {

    margin-bottom: 10px;

    color: #999;

}



.category3post__detail .time {

    margin-bottom: 10px;

    color: #e74c3c;

}



@media screen and (max-width: 576px) {

    .category3post__detail {

        padding-top: 3px;

        padding-bottom: 3px;

    }



    .category3post__detail .title {

        font-size: 20px;

    }

}



.category4__post {

    padding: 0 10px 20px;

}



.category4post__wrapper {

    margin: 0;

    overflow: hidden;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

}



.category4post__detail {

    padding-top: 10px;

    padding-bottom: 10px;

}



.category4post__detail .title {

    margin-bottom: 10px;

    font-weight: bold;

}



.category4post__detail .time {

    margin-bottom: 10px;

    color: #e74c3c;

}



@media screen and (max-width: 576px) {

    .category4post__detail {

        padding-top: 3px;

        padding-bottom: 3px;

    }



    .category4post__detail .title {

        font-size: 20px;

    }

}



/* Rececnt Post */

.recentposts1__postwrapper {

    margin: 0 -10px;

}



.recentposts1__post {

    padding: 0 10px 20px;

}



.recentposts1__post .title {

    padding-top: 10px;

}



.recentposts1__post .tagwrapper {

    position: absolute;

    top: 6px;

    right: 6px;

}



.recentposts2__postwrapper {

    margin: 0 -10px;

}



.recentposts2__post {

    padding: 0 10px 20px;

}



.recentposts2__post .tagwrapper {

    position: absolute;

    top: 6px;

    right: 6px;

}



.recentposts2__post .title {

    padding-top: 10px;

}



.recentposts3__post {

    padding-bottom: 10px;

}



/* Article */

.article__header {

    padding-top: 24px;

    padding-bottom: 24px;

    margin-bottom: 24px;

    border-bottom: 1px dotted #cccccc;

}



.article__title {

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 20px;

}



@media (max-width: 767px) {

    .article__title {

        font-size: 36px;

    }

}



.articleextension__detail {

    margin-bottom: 15px;

}



.articleextension__detail > .item {

    display: inline-block;

    padding-right: 10px;

    margin-right: 10px;

    border-right: 1px solid #ddd;

}



.articleextension__share {

    text-align: right;

}



@media (max-width: 575px) {

    .articleextension__detail > .tagwrapper {

        display: block;

        margin-bottom: 15px;

        border-right: none;

    }

}



@media (max-width: 991px) {

    .articleextension__share {

        text-align: left;

    }

}



.articleshare__button {

    cursor: pointer;

    padding: 5px;

    display: inline-block;

    border-radius: 3px;

    color: #fff !important;

    text-decoration: none !important;

}



.articleshare__button:hover {

    opacity: 0.7;

}



.articleshare__button > i,

.articleshare__button > span {

    padding: 0 5px;

}



.articleshare__button--facebook {

    background-color: #3b5998;

}



.articleshare__button--twitter {

    background-color: #38a1f3;

}



.articleshare__button--line {

    background-color: #00c300;

}



.article__content {

    margin-bottom: 24px;

}



.article__sidebar {

    margin-bottom: 24px;

}



@media (min-width: 992px) {

    .article__sidebar {

        padding-left: 40px;

    }

}



.articlecontent__body {

    margin-bottom: 50px;

    font-size: 16px;

    line-height: 1.8em;

}



.articlecontent__body img {

    max-width: 100%;

    height: auto;

}



.articlecontent__comment {

    margin-bottom: 24px;

}



.articlecontent__comment--wordpress {

    margin-bottom: 24px;

}



.articlecontent__comment--wordpress .logged-in-as {

    text-align: center;

    margin: 0;

    padding-top: 15px;

    padding-bottom: 15px;

}



.articlecontent__comment--wordpress .logged-in-as > a {

    padding: 0 15px;

}



.articlecontent__comment--wordpress .logged-in-as > a:not(:last-child) {

    border-right: 1px solid #ddd;

}



.articlecontent__comment--wordpress textarea {

    display: block;

    width: 100%;

}



.article__tags {

    margin-bottom: 24px;

}



.article__tags > a {

    display: inline-block;

    margin: 5px 2px;

    padding: 3px 8px;

    font-size: 12px;

    border: 1px solid #e74c3c;

    color: #e74c3c;

    border-radius: 100px;

    text-decoration: none;

    transition: all 0.2s;

}



.article__tags > a:hover {

    background: #e74c3c;

    color: #fff;

}



/* Page 404 */

.page404 {

    padding-top: 60px;

    padding-bottom: 100px;

}



.page404__image > img {

    width: 200px;

}



.page404__back .button {

    display: inline-block;

    padding: 8px 15px;

    border: 1px solid #e74c3c;

    color: #e74c3c;

    border-radius: 100px;

    text-decoration: none;

    transition: all 0.2s;

}



.page404__back .button:hover {

    background: #e74c3c;

    color: #fff;

}



/* Back to top */

#back-to-top {

    cursor: pointer;

    display: inline-block;

    background-color: #f39c12;

    width: 50px;

    height: 50px;

    text-align: center;

    border-radius: 100%;

    position: fixed;

    bottom: 30px;

    right: 30px;

    z-index: 1000;

    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;

    opacity: 0;

    visibility: hidden;

}



#back-to-top::after {

    content: '\ea5e';

    font-family: IcoFont;

    font-weight: normal;

    font-style: normal;

    font-size: 2em;

    line-height: 50px;

    color: #fff;

}



.show-button {

    visibility: visible !important;

    opacity: 1 !important;

}