:root {
  --main-bg-color: #0aab9a;
  --second-bg-color: #282828;
}
.header{}
.header_top{
	background-color: var(--main-bg-color);
	display: flex;
    align-items: center;
    height: 38px;
    color: rgb(255 255 255 / 64%);
}
.header_top a{color: rgb(255 255 255 / 64%);}
.header_top a:hover{color: #fff}
.header_logomenu{
	box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);
    z-index: 2;
    position: relative;
}

.header_menu .menu-main li a{
    color: var(--second-bg-color);
}
.header_menu .menu-main li a:active, .icms-user-menu li .dropdown-menu a:active{background-color: #eeeeee;}
.header_menu .menu-main li a:hover{
	background-color: #eeeeee;
}
.header_menu .menu-main li a.active{
	border-bottom: 1px solid var(--main-bg-color);
}
.header_menu .menu-main li .dropdown-menu a{
	text-transform: unset;
} 
.icms-user-menu:hover>.dropdown-menu, .icms-user-menu li .dropdown-menu{
	border-radius: 0;
    box-shadow: -1px 2px 8px rgb(0 0 0 / 20%);
}
.icms-user-menu li .dropdown-menu a{color:#444}

.grid_cat_list{}
.grid_cat_list > ul {
    display: flex;
    flex-flow: row wrap;
}
.grid_cat_list > ul > li{
    flex-basis: 33%;
}
.grid_cat_list > ul > li:nth-child(n+10){
	display:none
}
.grid_cat_list > ul > li ul li:nth-child(n+6){
	display:none
}
.grid_cat_list > ul > li ul li a{
    font-size: 1rem;
    color: var(--second-bg-color);
}

.footer_box{
    text-align: center;
}
.footer_box_ico{
    width: 60px;
    height: 60px;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    line-height: normal;
    color: var(--main-bg-color);
}
.footer_box_title{
    margin: 8px 0;
    font-size: 1.4rem;
    color: #fff;
}
.footer_box_link{
    margin: 6px 0;
}
.footer_box_link a{color: var(--main-bg-color);}

.icms-widget__square>.card-header>span:first-child{color: var(--main-bg-color);}
.icms-widget__square>.card-header>span:first-child:before{background: var(--main-bg-color);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: var(--main-bg-color);}

.header_top .col-sm .navbar-collapse.show{
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1021;
	float: left;
	min-width: 10rem;
	padding: 0;
	margin: 0.125rem 0px 0px;
	font-size: 0.9375rem;
	color: rgb(45, 52, 54);
	text-align: left;
	list-style: none;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
	border: 1px solid rgba(26, 26, 26, 0.15);
	border-radius: 0;
}
.header_top .col-sm .navbar-collapse.show a{
	color: #444;
	padding: 0.5rem 1rem;
}
.header_top .col-sm.justify-content-end .navbar-collapse.show{
	right: 0;
	left: auto
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.header_menu .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.header_menu .navbar-collapse.show{
	position: absolute;
	top: 100%;
	right: 0px;
	z-index: 1021;
	float: left;
	min-width: 10rem;
	padding: 0;
	margin: 0.125rem 0px 0px;
	font-size: 0.9375rem;
	color: rgb(45, 52, 54);
	text-align: left;
	list-style: none;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
	border: 1px solid rgba(26, 26, 26, 0.15);
	border-radius: 0;
}
.header_menu .navbar-collapse.show a{
	color: #444;
	padding: 0.5rem 1rem;
}

.hot_theme_wd .f_status {
	margin-top: -55px;
	margin-bottom: 15px !important;
    padding-left: 6px;
	z-index: 1;
}
.hot_theme_wd .ft_image a {
    display: block;
    overflow: hidden;
}
.hot_theme_wd .ft_image a>img {
	width: 100%;
    height: 100%;
    max-width: none;
    transition: transform 0.3s ease-out;
	object-fit: cover;
}

.hot_theme_wd .ft_image a>img:hover {
    transform: scale(1.1)
}

@media all and (max-width: 992px) {
	.grid_cat_list > ul > li{flex-basis: 50%;}
}
@media all and (max-width: 580px) {
	.grid_cat_list > ul > li{flex-basis: 100%;}
}