/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2017 olwebdesign.com. All Rights Reserved.
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/

body.bg{color: #222;background-color:#fff}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
.mx-base{margin-left:auto;margin-right:auto}
.mx-block{float:left;display:inline}
.mod-block {padding:10px}
.mx-inner{padding-left:10px;padding-right:10px}
.mx-block .first {margin-left:-10px}
.mx-block .last {margin-right:-10px}
.mx-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both;margin-bottom:10px}
.top-bg{padding-top:10px}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
/*top bar*/
#mx-banner,
#mx-search,
#members-area{float:right}
#mx-search {margin-top:10px;}
#mx-top-menu{margin-top:5px;float:left ;}
#mx-top-menu ul.menu {margin:0;padding:0;}
#mx-top-menu li{display:inline-block;list-style:none;border-left:1px solid #eaeaea;line-height:12px}
#mx-top-menu li a{color:#6f6f6f;padding: 5px;background-color: #fff}
#mx-top-menu li a:hover{background-color: transparent !important}

/*Header*/
#headershow .mx-inner {padding:0}
#header {position:relative}
.slider .mx-inner {padding:0}

#mx-top-header{position: relative;;}
/*search*/
#mx-search .mod-search input#mod-search-searchword, 
#mx-search .mod-search input#mod-finder-searchword{color:#222; margin:0;
    background: #eaeaea;
    padding: 7px;
    box-shadow: 0 0 0 0px #eaeaea inset;
}

/* Layout */
#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content {float:left}
#mx-leftcol, #mx-rightcol {padding:10px 0}
#sj-br{position: absolute; top: 0px; left: -5500px;}

/* Breadcrumbs */
#mx-breadcrumbs .mx-inner {padding:0}
#mx-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}
.readmore, a.readmore {
	font-size: 0.9em;
	text-align: center;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	padding: 3px 8px;
}

.pager li {
    display: inline;
}
.row {
  margin: 0px;
}
/* template colors */
div.color-site{height:10px;line-height:10px; margin-top:1px; text-align: right; font-size: 1px;}
div.color-site a {padding: 5px; margin: 0px 5px; 
border-radius: 50%;
box-shadow:0 0 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);}
div.color-site a.btn_fs_blue{ background: #399cdd; color: #399cdd;}
div.color-site a.btn_fs_red{ background: #c30; color: #c30;}
div.color-site a.btn_fs_orange{ background: #f99d26; color: #f99d26;}
div.color-site a.btn_fs_green{ background: #99cc33; color: #99cc33;}
div.color-site a.btn_fs_brown{ background: #cc9966; color: #cc9966;}
div.color-site a.btn_fs_lilac{ background: #ad77bb; color: #ad77bb;}

.nav {
    margin-bottom: 0px !important;
}
.tooltip {
    opacity: 1;
    filter: alpha(opacity=1);
}
div.tooltip {
    border: 0px solid #D4D5AA;
    padding: 0px !important;
}
/* article */


.article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
.article-info dd {
	margin-left: 14px;
	margin-bottom: 4px;
}
.article-info > span + span::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "-";
}
.container:before,
.container:after {
 display:table;
 line-height:0;
 content:""
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff;background:#009344 !important; padding: 20px;}
.nav-tabs .nav-link {color: #222; padding: 20px;}