/* Fonts */
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.eot');
    src: local('Lato Italic'), local('Lato-Italic'),
        url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Italic.woff2') format('woff2'),
        url('../fonts/Lato-Italic.woff') format('woff'),
        url('../fonts/Lato-Italic.ttf') format('truetype'),
        url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'),
        url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype'),
        url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: local('Lato Light'), local('Lato-Light'),
        url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff'),
        url('../fonts/Lato-Light.ttf') format('truetype'),
        url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-HeavyItalic.eot');
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'),
        url('../fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Lato-HeavyItalic.woff') format('woff'),
        url('../fonts/Lato-HeavyItalic.ttf') format('truetype'),
        url('../fonts/Lato-HeavyItalic.svg#Lato-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-ThinItalic.eot');
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'),
        url('../fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-ThinItalic.woff2') format('woff2'),
        url('../fonts/Lato-ThinItalic.woff') format('woff'),
        url('../fonts/Lato-ThinItalic.ttf') format('truetype'),
        url('../fonts/Lato-ThinItalic.svg#Lato-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot');
    src: local('Lato Semibold'), local('Lato-Semibold'),
        url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Semibold.woff2') format('woff2'),
        url('../fonts/Lato-Semibold.woff') format('woff'),
        url('../fonts/Lato-Semibold.ttf') format('truetype'),
        url('../fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Medium.eot');
    src: local('Lato Medium'), local('Lato-Medium'),
        url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Medium.woff2') format('woff2'),
        url('../fonts/Lato-Medium.woff') format('woff'),
        url('../fonts/Lato-Medium.ttf') format('truetype'),
        url('../fonts/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.eot');
    src: local('Lato Black'), local('Lato-Black'),
        url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black.ttf') format('truetype'),
        url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-HairlineItalic.eot');
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
        url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-HairlineItalic.woff2') format('woff2'),
        url('../fonts/Lato-HairlineItalic.woff') format('woff'),
        url('../fonts/Lato-HairlineItalic.ttf') format('truetype'),
        url('../fonts/Lato-HairlineItalic.svg#Lato-HairlineItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-SemiboldItalic.eot');
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'),
        url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/Lato-SemiboldItalic.woff') format('woff'),
        url('../fonts/Lato-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/Lato-SemiboldItalic.svg#Lato-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.eot');
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
        url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lato-BoldItalic.woff') format('woff'),
        url('../fonts/Lato-BoldItalic.ttf') format('truetype'),
        url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-MediumItalic.eot');
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'),
        url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-MediumItalic.woff2') format('woff2'),
        url('../fonts/Lato-MediumItalic.woff') format('woff'),
        url('../fonts/Lato-MediumItalic.ttf') format('truetype'),
        url('../fonts/Lato-MediumItalic.svg#Lato-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype'),
        url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.eot');
    src: local('Lato Black Italic'), local('Lato-BlackItalic'),
        url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('../fonts/Lato-BlackItalic.woff') format('woff'),
        url('../fonts/Lato-BlackItalic.ttf') format('truetype'),
        url('../fonts/Lato-BlackItalic.svg#Lato-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Heavy.eot');
    src: local('Lato Heavy'), local('Lato-Heavy'),
        url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Heavy.woff2') format('woff2'),
        url('../fonts/Lato-Heavy.woff') format('woff'),
        url('../fonts/Lato-Heavy.ttf') format('truetype'),
        url('../fonts/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.eot');
    src: local('Lato Hairline'), local('Lato-Hairline'),
        url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Hairline.woff2') format('woff2'),
        url('../fonts/Lato-Hairline.woff') format('woff'),
        url('../fonts/Lato-Hairline.ttf') format('truetype'),
        url('../fonts/Lato-Hairline.svg#Lato-Hairline') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.eot');
    src: local('Lato Thin'), local('Lato-Thin'),
        url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Thin.woff2') format('woff2'),
        url('../fonts/Lato-Thin.woff') format('woff'),
        url('../fonts/Lato-Thin.ttf') format('truetype'),
        url('../fonts/Lato-Thin.svg#Lato-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.eot');
    src: local('Lato Light Italic'), local('Lato-LightItalic'),
        url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-LightItalic.woff2') format('woff2'),
        url('../fonts/Lato-LightItalic.woff') format('woff'),
        url('../fonts/Lato-LightItalic.ttf') format('truetype'),
        url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

/* Bootstrap overrides */
.jumbotron {
	background: #fff;
	line-height: 1.6em;
}
.lead {
	font-size: 18px;
	text-transform: uppercase;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #f3b917;
}
table.table thead th {
    vertical-align: middle;
	border-color: #000;
	text-align: center;
	border-width: 1px;
}
code, kbd, pre, samp  {
	font-family: "Lato", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
/* Typography */
pre[class*="language-"] {
	border-width: 2px 2px 2px 15px;
	border-color: #808080;
	border-style: solid;
	position: relative;
	background-color: #fdfdfd;
	margin-bottom: 1.5rem;
}
code[class*="language-"],
pre[class*="language-"] {
	line-height: 1.2;
	font-size: 20px;
}
/*pre[class*="language-"]::before {
    content: "Your Code";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    border: 1px solid #f3b917;
    z-index: -1;
    padding: 0.7rem 1rem;
    color: var(--gray);
	opacity: 0;
	transition: all ease-out .5s;
}
pre[class*="language-"]:hover::before {
    left: -10rem;
	opacity: 1;
}*/
pre.code-result {
	position: relative;
	padding: 1em;
	overflow: visible;
	border: 2px solid #808080;
	border-width: 20px 2px 2px;
	background-color: #fdfdfd;
	font-size: 20px;
	line-height: 1.2;
}
pre.code-result::before {
    content: "Output";
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	top: -20px;
	padding: 0 1rem;
	color:  #fdfdfd;
	text-transform: uppercase;
	font-size: 16px;
	height: 20px;
	line-height: 22px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
    content: "\f0d7";
    color: #686a6f;
    font-size: 14px;
}
.highlight {
	background: #f3b917;
	color: #fff;
}
/* Font Family */
.lead,
.sp-megamenu-parent > li > a,
#navbar-article .nav-pills a.nav-link,
#navbar-article .navbar-brand,
.articles-popular-header span {
	font-family: "Lato", Roboto, -apple-system,BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial,sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
/* Body */
body {
	position: relative;
}
body.view-tag,
body.view-category,
body.view-search {
	background: #f7f7f7;
}
#sp-main-body {
    min-height: calc(100vh - 203px);
    padding: 50px 0 100px;
}
/* Header */
#sp-header {
	padding: 0 60px;
}
#sp-header .sp-menu-module > .btn {
	background: transparent;
	color: #fff;
}
#sp-header .sp-menu-module > .btn:focus {
	box-shadow: none;
}
#sp-header .sp-menu-module > .btn.dropdown-toggle::after {
	display: none;
}
/* Offcanvas */
#offcanvas-toggler {
	background: url(../images/icon_menu.png) 50% 50% no-repeat !important;
	width: 30px;
}
#offcanvas-toggler > i {
	display: none;
}
/* Search */
/*
.sp-menu-module.dropdown.search {
	margin-right: 4rem;
}
*/
button#sp-menu-module-99 {
	background: url(../images/icon_search.png) 50% 50% no-repeat !important;
	height: 21px;
	width: 21px;
}
button#sp-menu-module-99 > i {
	display: none;
}
.sp-menu-module.dropdown.search {
	position: static;
}
.sp-menu-module.dropdown.search > .dropdown-menu {
	top: -100%;
	transition: all linear .5s;
}
.sp-menu-module.dropdown.search > .dropdown-menu.show {
	width: 100%;
	top: 0;
	height: 100%;
	margin: 0px;
	background: #262a31;
	transform: none !important;
}
/* Menu */
.sp-megamenu-parent {
	float: left;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.sp-megamenu-parent > li.sp-has-child:hover > a {
	position: relative;
	color: #acacac;
}
.sp-megamenu-parent > li.sp-has-child:hover > a:before {
	content: "";
	position: absolute;
	background: #fff;
	width: 100%;
	height: 80%;
	z-index: -1;
	left: 0;
	bottom: 0;
	border-radius: 3px 3px 0 0;
}
.sp-megamenu-parent > li.sp-has-child > a:after {
    transition: all ease-out .5s;
}
.sp-megamenu-parent > li.sp-has-child:hover > a:after {
    color: #acacac;
	transform: rotate(180deg);
}
.sp-megamenu-parent > li.sp-has-child > .sp-dropdown.sp-dropdown-main {
    top: 80%;
}
.sp-megamenu-parent > li.sp-has-child > .sp-dropdown > .sp-dropdown-inner {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 3px;
	padding: 20px 0;
}
.sp-module-megamenu .sp-module-title {
	font-size: 12px !important;
	color: #acacac;
	padding: 0 0 8px;
	margin: 0 20px !important;
	font-weight: 400 !important;
	border-bottom: 1px solid #ececec;
}
.sp-module-megamenu ul {
	list-style: none;
	padding: 0;
}
.sp-module-megamenu ul li {
	border-left: 3px solid #fff;
	padding: 0 20px;
}
.sp-module-megamenu ul li:hover {
	border-left: 3px solid #f3b917;
}
.sp-module-megamenu ul li a {
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #ececec;
	font-size: 14px;
}
.header-link-text {
	padding: 0 20px;
}
.header-link-text a.btn {
	text-transform: uppercase;
	border-radius: 9px;
	padding: 6px 30px;
	font-size: 14px;
}
/* To Top */
.sp-scroll-up,
.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
	background: #262a31;
}
/* Article */
.article-sticky p,
.article-sticky ul li {
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 1.7rem;
}
.article-sticky .article-header h1,
.article-sticky .article-header h2,
.article-sticky h3,
.article-sticky h4,
.article-sticky h5 {
	font-size: 38px;
	font-weight: 500;
	position: relative;
	margin-bottom: 2.5rem;
}
.article-sticky .article-header h1 span,
.article-sticky .article-header h2 span,
.article-sticky h3 span,
.article-sticky h4 span,
.article-sticky h5 span {
	border-bottom: 1px solid #ef4e37;
	padding-bottom: 0.5rem;
}
/*.article-sticky .article-header h1,
.article-sticky .article-header h2 {
	border-bottom: 1px solid var(--danger);
	padding-bottom: 0.5rem;
}*/
/*.article-sticky .article-body > p:first-child {
	background-color: #f9f9f9;
	margin: 2rem 0 3rem;
	padding: 2.5rem 1.5rem;
	font-weight: 200;
}*/
.article-sticky .article-body > p:first-child + hr {
	display: none;
}
.article-body table.table {
	border-color: #000;
}
.article-body table.table td {
	vertical-align: middle;
	border-color: #000;
}
.article-sticky h4 span {
	border-bottom-color: #01a49f;
}
.article-sticky h5 span {
	border-bottom-color: #a8a013;
}
.article-body + .article-info {
	margin-top: 1rem;
	border-top: 1px solid #a0a0a0;
	color: #a0a0a0 !important;
	display: block;
	padding: 0.5rem 0 0;
}
.article-sticky .article-info  span  {
	display: block;
}
.article-sticky .article-info > span + span::before {
	display: none;
}
#navbar-article {
	margin-top: 1.8rem;
}
#navbar-article .navbar-brand {
    border-bottom: 1px solid #b7b7b7;
	padding-bottom: 0.5rem;
	color: #464646;
	font-size: 20px;
	font-weight: 700;
}
#navbar-article .nav-pills a.nav-link {
	color: #636363;
	font-size: 20px;
	padding: 0.3rem 0;
	line-height: 1;
	font-weight: 400;
}
#navbar-article .nav-pills a.nav-link.active{
    background-color: #fff;
    position: relative;
    border-radius: 0;
}
#navbar-article .nav-pills a.nav-link.active:after{
    content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	left: -10px;
	width: 3px;
	background: #636363;
}
/* Category List */
.category-list > .category-list-item,
.article-list > .row > div {
	padding: 15px;
}
.category-list > .category-list-item > div,
.article-list .article {
	padding: 35px;
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	height: 100%;
	transition: all ease-out .5s;
	border: none;
}
.category-list .category-list-item-header,
.article-list .article .article-header {
	font-size: 20px;
	border-bottom: 3px solid #ebebeb;
	font-weight: 500;
	transition: all ease-out .5s;
	min-height: calc(4rem + 7px);
}
.article-list .article .article-header h2 {
	font-size: 20px;
	font-weight: 500;
}
.category-list > .category-list-item:hover > div,
.article-list > .row > div:hover > .article {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(1,164,159,0.3);
}
.category-list > .category-list-item:nth-child(2n):hover > div,
.article-list > .row > div:nth-child(2n):hover > .article {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(239,78,55,0.3);
}
.category-list > .category-list-item:nth-child(3n):hover > div,
.article-list > .row > div:nth-child(3n):hover > .article {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(168,160,19,0.3);
}
.category-list > .category-list-item:hover .category-list-item-header,
.article-list > .row > div:hover .article-header {
	border-bottom: 3px solid #01a49f;
}
.category-list > .category-list-item:nth-child(2n):hover .category-list-item-header,
.article-list > .row > div:nth-child(2n):hover .article-header {
	border-bottom: 3px solid #ef4e37;
}
.category-list > .category-list-item:nth-child(3n):hover .category-list-item-header,
.article-list > .row > div:nth-child(3n):hover .article-header {
	border-bottom: 3px solid #a8a013;
}
.article-list .article .article-intro-image {
	margin: 0 20px 0 0;
	border: none;
}
.article-list .article .article-intro-image .img_caption {
	font-size: 11px;
	text-align: center;
	color: #b3b3b3;
	margin: 0;
	line-height: 1;
}
.category-list .category-list-info {
	color: #878787;
	font-size: 12px;
}
.category-list .category-list-info span + span:before  {
	content: "/";
}
.article-list .article .readmore a {
	color: #f3b917;
	font-size: 14px;
}
.article-list .article .readmore a:after {
	content: "→";
}
/* Tags */
.tags.list-inline {
	
}
.tags.list-inline .list-inline-item {
	margin-bottom: 0;
}
.tags.list-inline .list-inline-item .label {
	background: none;
	padding: 0.5rem;
}
.tags.list-inline .list-inline-item .label:hover {
	background: none;
	color: var(--warning);
}
.tags.list-inline .list-inline-item .label:before {
	content: "#";
}
/* Modules */
.articles-tags {
	margin: 0 0 3rem;
}
.articles-popular .sp-module-title,
.articles-tags .sp-module-title {
	border-bottom: 3px solid #ef4e37;
	text-align: center;
	padding: 1rem 0 0.5rem;
	margin-bottom: 1.5rem;
	font-size: 24px;
}
.articles-tags .sp-module:nth-child(2) .sp-module-title {
	border-bottom-color: #01a49f;
}
.articles-tags .sp-module:nth-child(3) .sp-module-title {
	border-bottom-color: #a8a013;
}
.articles-tags .h4 {
	font-size: 24px;
	font-weight: 500;
}
.articles-tags .article-info {
	font-size: 12px;
	color: #878787 !important;
	margin: 0;
}
.mod-uniarticles-readmore {
	font-size: 12px;
	padding: .3rem 0;
}
.articles-popular .sp-module-content > ul > li,
.articles-tags .sp-module-content > ul > li {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 1rem;
	padding-bottom: 0.3rem;
}
.articles-tags .sp-module-content ul li:last-child {
	border-bottom: none;
}
.mod-uniarticles-introtext {
	margin: 1rem 0 0.5rem;
}
.articles-popular {
	border: 1px solid #acacac;
	padding: 3rem;
}
.articles-popular .sp-module {
	padding-bottom: 70px;
}
.articles-popular-header span {
	border-left: 3px solid #f68d91;
    padding: 0.3rem 0.5rem;
    font-size: 24px;
}
.articles-popular .sp-module-title {
	border-bottom-color: #a7dfe1;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
	padding: 1.5rem 0;
	text-transform: uppercase;
}
.articles-popular .sp-module-content > ul > li{
	border-bottom: 3px solid #8e9ba8;
	padding-bottom: 1.3rem;
}
.articles-popular .sp-module-content > ul > li:nth-child(1) {
	border-bottom-color: #95baca;
}
.articles-popular .sp-module-content > ul > li:nth-child(2) {
	border-bottom-color: #90a6b8;
}
.articles-popular  .mod-uniarticles-title {
	font-size: 20px;
	font-weight: 300;
	color: #000;
}
.mod-uniarticles-tags ul.tags {
	margin: 0;
}
.mod-uniarticles-tags ul.tags li {
	display: inline;
}
.mod-uniarticles-tags ul.tags li a {
	color: var(--yellow);
	display: inline;
	padding-left: 0 !important;
}
.articles-popular .article-info {
	margin-bottom: 0;
}
.sp-module-103 {
	background: url(../images/icon_calendar.png) 50% 100% no-repeat;
}
.sp-module-104 {
	background: url(../images/icon_year.png) 50% 100% no-repeat;
}
.sp-module-105 {
	background: url(../images/icon_quality.png) 50% 100% no-repeat;
}
/* Footer */
@media (max-width:767px){
	#sp-header {
		padding: 0;
	}
	#sp-footer {
		background-position: 5% 50% !important;
	}

	.article-sticky .article-header h1, .article-sticky .article-header h2, .article-sticky h3, .article-sticky h4, .article-sticky h5 {
		font-size: 28px;
		line-height: 1.5
	}
}