*{
word-wrap:break-word;
margin:0;
padding:0
}
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
img, object, embed {max-width:100%;}
img {height:auto;}
.normal{display:block}
.mobile{display:none}
.widget > .widget_body{clear:both}
/* header_search =========================================================== */
.header_nav{
    clear:both;
	width:100%;
	height:40px;
	line-height:40px;
	margin:0 0 10px;
	padding:0;
	background:#222
	}
.header_nav .widget_user_avatar{
    float:left;
	overflow:visible
	}
.header_nav .header_search{
    float:right;
	padding:0 10px 0 0;
	overflow:hidden
	}
.header_nav .widget_search{
	margin:0;
	padding:0;
	}
.header_search_link{
background: url("../images/icons/search.png") no-repeat left center rgba(0, 0, 0, 0);
padding-left:20px;
font-size:12px;
color:#D0E9F1;
text-decoration:none
}
.header_cont{
    clear:both;
	overflow:hidden;
    padding: 10px 0 0 0;
	max-height:175px
	}
/* top-banners =========================================================== */
#top-banners{
clear:both;
margin-bottom:10px;
overflow:hidden
}
.top-banner-left{
    float:left
}
.top-banner-right{
    float:right
}
/* action menu =========================================================== */
.widget > .action {
padding:0 0 5px
}
.action .widget_body{
clear:both;
padding:0;
overflow:hidden;
line-height:normal
}
.action .menu{
display:block;
padding:5px;
background:#ecf0f1;
overflow:hidden;
margin:0
}
.action .menu li{
list-style:none;
display:inline-block;
float:left;
margin-right:15px
}
.action .menu li a{
background-repeat:no-repeat;
padding-left:20px
}
/* Main Navigation =========================================================== */
nav .menu li:last-child ul {
    right: 0;
	left: auto;
}

nav .menu li:last-child ul li ul{
    right: auto;
    left: -200px !important
}
nav .menu li:last-child .folder > a {
    background-image: url("../images/nav-arrow-left.html") !important
}
/* counter menu =========================================================== */
.notices-counter .counter,.messages-counter .counter {padding:0 5px;background:#FFF;border-radius:50%;color:red}
/* css class=========================================================== */
.widget_red .widget_title,.body_red  .widget_body,li.widget_red a{background:#d35400;color:#FFF}
.widget_green .widget_title,.body_green  .widget_body,li.widget_green a{background:#27ae60;color:#FFF}
.widget_blue .widget_title,.body_blue  .widget_body,li.widget_blue a{background:#2980b9;color:#FFF}
.widget_grey .widget_title,.body_grey  .widget_body,li.widget_blue a{background:#ecf0f1;color:#444}
.simple .widget_body{padding:5px 5px 0 5px}
.simple .widget_title{display:none}
/* position three =========================================================== */
#three{overflow:hidden;clear:both;width:100%}
#three .widget{width:32.5%;margin-right:1.25%;float:left;}
#three .widget:last-child{margin-right:0}
/* position wide-top =========================================================== */
#wide-top {
clear: both;overflow:hidden;margin:0 0 10px
}
.wide-top-l .widget_content_slider{margin:-15px}
/* position wide-bottom =========================================================== */
#wide-bottom {
clear: both;width:100%
}
/* sidebar-left =========================================================== */
.sidebar-left .widget > .widget_title {
    color:#444;
	font-size:14px;
    font-weight:400;
    background: #ecf0f1;
    height:32px;
    line-height:32px;
    padding-right:5px;
}
#body .sidebar-left{
    float:left;
    width:25%;
    margin-bottom: 10px;
}
#body .sidebar-left .menu, #body .sidebar-left .menu li { margin:0; padding:0; list-style: none; }

#body .sidebar-left .menu ul{
    border-style: solid;
    border-width: 1px 0 0;
	border-color: #EDEDED;
}

#body .sidebar-left .menu ,
#body .sidebar-left .menu li ul {
    padding:0;
    background:#FFF;
}

#body .sidebar-left .menu{
    margin:-15px;
}

#body .sidebar-left .menu li ul {
    visibility: hidden;
    position:absolute;
    top:-1px;
    left: auto;
    right: 91%;
    width:220px;
    box-shadow: 0 1px 2px #666;
    z-index: 999;
}

#body .sidebar-left .menu li {
    border-bottom: solid 1px #ecf0f1;
}

#body .sidebar-left .menu li:hover,
#body .sidebar-left .menu li.active {
    position: relative;
    z-index: 2;
    cursor: default;
    background: #ecf0f1;
}

#body .sidebar-left .treeview .menu li:hover,
#body .sidebar-left .treeview .menu li.active {
    background: #fff;
}

#body .sidebar-left .menu li:first-child {
}

#body .sidebar-left .menu li:last-child {
    border-bottom: none;
}

#body .sidebar-left .menu li:hover > ul {
    visibility: visible;
}

#body .sidebar-left .menu li.active:hover {
}

.sidebar-left .menu .item{
    background: url("../images/icons/item.png") no-repeat 10px center;
}

#body .sidebar-left .menu li.active .item {
    color:#000;
}

#body .sidebar-left .menu li.hover a {
}

#body .sidebar-left .menu a,
#body .sidebar-left .menu span.item {
    overflow: hidden;
    display:block;
    color:#666;
    text-decoration: none;
    padding:4px 10px;
    padding-left:36px;
}

#body .sidebar-left .menu a:hover {
    color:#000;
}

#body .sidebar-left .menu .counter{
    float:right;
    padding: 0px 7px;
    background: #376499;
    border-radius: 50px;
    font-size: 11px;
    color: white;
}

#body .sidebar-left .menu li:hover .counter{
    background:#BDC3C7;
}
.sidebar-left .blue.demo-container, aside  .blue.demo-container{
margin:-15px -15px 0;
float:none;
width:auto
}
/* albums in aside =========================================================== */
aside .widget_content_list.tiles-big .item{width:100%;}
aside .widget_content_list.tiles-big .item a {background-color:#FFF!important}


/*@media screen and (max-width: 980px) {
    #body aside,#body .sidebar-left { float:none;width:100%;padding:0 10px!important;box-sizing:border-box}
	.normal{display:none}
    .mobile{display:block}
	#three,#wide-bottom {padding:0 10px;box-sizing:border-box}
	#three{margin:0 0 10px}
	#three .widget {width:100%;margin-right:0}
	.wide-top-l,.wide-top-r{width:100%!important;float:none!important;padding:0 10px!important;box-sizing:border-box}
}
@media screen and (max-width: 640px) {
.top-banner-left,.top-banner-right{
    float:left;
	width:100%!important;
}
.top-banner-left{
    margin-bottom:10px
}
.top-banner-left img,.top-banner-right img{
    display:block;
	width:100%;
	margin:0 auto
}
}*/