/* custom css to customize and override the theme */
/* Margins, Padding & Borders */
.wrapper { padding: 15px; }
.wrapper-lg { padding: 30px; }
.wrapper-xl { padding: 50px; }
.padder {
	padding-right: 15px;
	padding-left: 15px;
}
.padder-v {
	padding-top: 15px;
	padding-bottom: 15px;
}
.no-padder { padding: 0 !important; }
.pull-in {
	margin-right: -15px;
	margin-left: -15px;
}
.pull-out { margin: -10px -15px; }

a {
	outline: none;
	/*color: #5b9bd1;*/
	text-decoration: none;
}
.text-primary { color: #316da9; }/*427fc5*/
.text-secondary { color: #4180d9; }
.text-info { color: #92ceec; }/*94bceb*/
.text-success { color: #7dcf34; }
.text-warning { color: #fcb500; }/*fcc44d*/
.text-danger { color: #fb6b5b; }
.text-white { color: #fff; }

/*********** 
Floats, Margins, 
Padding & Borders 
***********/
/* Floats and Alignment */
.flr { float: right!important; }
.fll { float: left!important; }
.txtl { text-align: left; }
.txtr { text-align: right; }
.txtc { text-align: center; }
.txtb { font-weight: 700; }
.txtn { font-weight: 400; }
.txts { font-size: .9em; }
.txtxs {
	font-size: .8em;
	line-height: 1.5em;
	color: #999;
}
.text-sm { font-size: 12px; }
.text-xs { font-size: 10px; }

/* Padding */
.p, tr.p td { padding: 10px !important; }
.ps, tr.ps td { padding: 5px !important; }
.pm, tr.pm td { padding: 15px !important; }
.plg, tr.plg td { padding: 20px !important; }
.plgr { padding: 30px !important; }
.pxlg, tr.pxlg td { padding: 40px !important; }
.ptb {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.ptbs {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.ptbm {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.ptblg {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.ptblgr {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.ptbxlg {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.plr {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.plrs {
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.plrm {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.plrlg {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.plrlgr {
	padding-right: 30px !important;
	padding-left: 30px !important;
}
.plrxlg {
	padding-right: 40px !important;
	padding-left: 30px !important;
}
.pt { padding-top: 10px !important; }
.pts { padding-top: 5px !important; }
.ptm { padding-top: 15px !important; }
.ptlg { padding-top: 20px !important; }
.ptlgr { padding-top: 30px !important; }
.ptxlg { padding-top: 40px !important; }
.pr { padding-right: 10px !important; }
.prs { padding-right: 5px !important; }
.prm { padding-right: 15px !important; }
.prlg { padding-right: 20px !important; }
.prlgr { padding-right: 30px !important; }
.prxlg { padding-right: 40px !important; }
.pb { padding-bottom: 10px !important; }
.pbs { padding-bottom: 5px !important; }
.pbm { padding-bottom: 15px !important; }
.pblg { padding-bottom: 20px !important; }
.pblgr { padding-bottom: 30px !important; }
.pbxlg { padding-bottom: 40px !important; }
.pl { padding-left: 10px !important; }
.pls { padding-left: 5px !important; }
.plm { padding-left: 15px !important; }
.pllg { padding-left: 20px !important; }
.pllgr { padding-left: 30px !important; }
.plxlg { padding-left: 40px !important; }
/* negative padding */
.ptn-xs { padding-top: -1px; }
.pbn-xs { padding-bottom: -1px; }
.pln-xs { padding-left: -1px; }
.prn-xs { padding-right: -1px; }
.ptn-sm { padding-top: -5px; }
.pbn-sm { padding-bottom: -5px; }
.pln-sm { padding-left: -5px; }
.prn-sm { padding-right: -5px; }
.ptn { padding-top: -10px; }
.pbn { padding-bottom: -10px; }
.pln { padding-left: -10px; }
.prn { padding-right: -10px; }
.ptn-md { padding-top: -15px; }
.pbn-md { padding-bottom: -15px; }
.pln-md { padding-left: -15px; }
.prn-md { padding-right: -15px; }
.ptn-lg { padding-top: -20px; }
.pbn-lg { padding-bottom: -20px; }
.pln-lg { padding-left: -20px; }
.prn-lg { padding-right: -20px; }
.np, tr.np td { padding: 0!important; }
.npt { padding-top: 0!important; }
.npr { padding-right: 0!important; }
.npb { padding-bottom: 0!important; }
.npl { padding-left: 0!important; }
/* Margins */
.m, tr.m td { margin: 10px !important; }
.ms, tr.ms td { padding: 5px !important; }
.mm, tr.mm td { margin: 15px !important; }
.mlg, tr.mlg td { margin: 20px !important; }
.mxlg, tr.mxlg td { margin: 30px !important; }
.mtb {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mtbs {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mtbm {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mtblg {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mtblgr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mtbxlg {
	margin-top: 40px !important;
	margin-bottom: 30px !important;
}
.mlr {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.mlrs {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.mlrm {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.mlrlg {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mlrlgr {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mlrxlg {
	margin-right: 40px !important;
	margin-left: 40px !important;
}
.mt { margin-top: 10px !important; }
.mts { margin-top: 5px !important; }
.mtm { margin-top: 15px !important; }
.mtlg { margin-top: 20px !important; }
.mtlgr { margin-top: 30px !important; }
.mtxlg { margin-top: 40px !important; }
.mr { margin-right: 10px !important; }
.mrs { margin-right: 5px !important; }
.mrm { margin-right: 15px !important; }
.mrlg { margin-right: 20px !important; }
.mrlgr { margin-right: 30px !important; }
.mrxlg { margin-right: 40px !important; }
.mb { margin-bottom: 10px !important; }
.mbs { margin-bottom: 5px !important; }
.mbm { margin-bottom: 15px !important; }
.mblg { margin-bottom: 20px !important; }
.mblgr { margin-bottom: 30px !important; }
.mbxlg { margin-bottom: 40px !important; }
.ml { margin-left: 10px !important; }
.mls { margin-left: 5px !important; }
.mlm { margin-left: 15px !important; }
.mllg { margin-left: 20px !important; }
.mllgr { margin-left: 30px !important; }
.mlxlg { margin-left: 40px !important; }
.nm, tr.nm td { margin: 0!important; }
.nmt, .first, p.first, p:first-child { margin-top: 0!important; }
.nmr { margin-right: 0!important; }
.nmb { margin-bottom: 0!important; }
.nml { margin-left: 0!important; }
.nmlr {
	margin-right: 0!important;
	margin-left: 0!important;
}
.nmtb {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
/* negative margins */
.mln-xs { margin-left: -1px; }
.mln-sm { margin-left: -5px; }
.mln { margin-left: -10px; }
.mln-md { margin-left: -15px; }
.mln-lg { margin-left: -20px; }
.mln-lgr { margin-left: -30px; }
.mln-xlg { margin-left: -40px; }
.mrn-xs { margin-right: -1px; }
.mrn-sm { margin-right: -5px; }
.mrn { margin-right: -10px; }
.mrn-md { margin-right: -15px; }
.mrn-lg { margin-right: -20px; }
.mrn-lgr { margin-right: -30px; }
.mrn-xlg { margin-right: -40px; }
.mtn-xs { margin-top: -1px; }
.mtn-sm { margin-top: -5px; }
.mtn { margin-top: -10px; }
.mtn-md { margin-top: -15px; }
.mtn-lg { margin-top: -20px; }
.mtn-lgr { margin-top: -30px; }
.mtn-xlg { margin-top: -40px; }
.mbn-xs { margin-bottom: -1px; }
.mbn-sm { margin-bottom: -5px; }
.mbn { margin-bottom: -10px; }
.mbn-md { margin-bottom: -15px; }
.mbn-lg { margin-bottom: -20px; }
.mbn-lgr { margin-bottom: -30px; }
.mbn-xlg { margin-top: -40px; }
/* Border */
.bdr { border: 1px solid #d6d6d6!important; }
.tbdr { border-top: 1px solid #d6d6d6!important; }
.bbdr { border-bottom: 1px solid #d6d6d6!important; }
.lbdr { border-left: 1px solid #d6d6d6!important; }
.rbdr { border-right: 1px solid #d6d6d6!important; }
/* #e0e4e8 border (lighter) */
.b-t { border-top: 1px solid #e0e4e8; }
.b-r { border-right: 1px solid #e0e4e8; }
.b-b { border-bottom: 1px solid #e0e4e8; }
.b-l { border-left: 1px solid #e0e4e8; }
.nbdr, tr.nbdr td { border: none!important; }
.nbdr-l { border-left-width: 0; }
.nbdr-r { border-right-width: 0; }
.nbdr-t { border-top-width: 0; }
.nbdr-b { border-bottom-width: 0; }
/* border-radius 2px */
.r { border-radius: 2px; }
.r-l { border-radius: 2px 0 0 2px; }
.r-r { border-radius: 0 2px 2px 0; }
.r-t { border-radius: 2px 2px 0 0; }
.r-b { border-radius: 0 0 2px 2px; }
/* border-radius 5px */
.r-lg { border-radius: 5px; }
.r-l-lg { border-radius: 5px 0 0 5px; }
.r-r-lg { border-radius: 0 5px 5px 0; }
.r-t-lg { border-radius: 5px 5px 0 0; }
.r-b-lg { border-radius: 0 0 5px 5px; }
.r-n { border-radius: 0 !important; }
/* Opacity */
.opacity-half {
	opacity: .5;
	filter: alpha(opacity=50);
}
.opacity-qtr {
	opacity: .25;
	filter: alpha(opacity=25);
}
.opacity-10 {
	opacity: .1;
	filter: alpha(opacity=10);
}
.scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; 
}
.no-touch .scrollable.hover { overflow-y: hidden; }
.no-touch .scrollable.hover:hover {
	overflow: visible;
	overflow-y: auto;
}
::-webkit-scrollbar {
 width: 7px;
 height: 7px;
}
::-webkit-scrollbar-thumb {
 border-radius: 1em;
 background-color: rgba(50,50,50,.3);
}
::-webkit-scrollbar-thumb:hover {
 background-color: rgba(50,50,50,.6);
}
::-webkit-scrollbar-track {
 border-radius: 1em;
 background-color: rgba(50,50,50,.1);
}
::-webkit-scrollbar-track:hover {
 background-color: rgba(50,50,50,.2);
}

/***
Rounded Portlets
***/
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
.portlet.box.blue-dk > .portlet-title {
  background-color: #316da9;/*486990 dkr blue*/
}
/**/
.portlet.box.gold > .portlet-title {
  background-color: #F3B900;
}
.portlet.box.blue-dk > .portlet-title > .caption > i, .portlet.box.gold > .portlet-title > .caption > i {
  color: #FFFFFF;
}
.portlet.box > .portlet-body {
  color: #717171;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  text-shadow: 0 1px 3px rgba(0,0,0,.1);
  -webkit-text-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-text-shadow: 0 1px 3px rgba(0,0,0,.1);
}
h4 { color: #888;}

p {
	font-size: 13px;
	color: #525252;
}
.page-header.navbar .page-logo {
  background: #ffffff;/*#eeeff7 - orig red ##EF3F3F*/
}
.page-header.navbar .page-logo .logo-default {
  margin: 16px 0 0 0;
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 36px;
}

/*.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  padding: 24px 12px 23px 12px;
}*/
/*.page-header.navbar .page-actions img {
	margin: 8px 0;
}*//*20h logo*/

/***********
Profile css
/***********

/***
New Profile Page
***/
.profile-sidebar {
  float: left;
  width: 300px;
  margin-right: 20px;
}

.profile-content {
  overflow: hidden;
}

/* PROFILE SIDEBAR */
.profile-sidebar-portlet {
  padding: 30px 0 0 0 !important;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  text-align: center;
  margin-top: 20px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 7px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  margin-right: 5px;
}
.profile-userbuttons .btn:last-child {
  margin-right: 0;
}

.profile-userbuttons button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
}

.profile-usermenu {
  margin-top: 30px;
  padding-bottom: 20px;
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 16px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 16px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

.profile-stat {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f4f7;
}

.profile-stat-title {
  color: #7f90a4;
  font-size: 25px;
  text-align: center;
}

.profile-stat-text {
  color: #5b9bd1;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.profile-desc-title {
  color: #7f90a4;
  font-size: 17px;
  font-weight: 600;
}

.profile-desc-text {
  color: #7e8c9e;
  font-size: 14px;
}

.profile-desc-link i {
  width: 22px;
  font-size: 19px;
  color: #abb6c4;
  margin-right: 5px;
}

.profile-desc-link a {
  font-size: 14px;
  font-weight: 600;
  color: #5b9bd1;
}

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  /* 991px */
  .profile-sidebar {
    float: none;
    width: 100% !important;
    margin: 0;
  }

  .profile-sidebar > .portlet {
    margin-bottom: 20px;
  }

  .profile-content {
    overflow: visible;
  }
  .fa-sizing-mobile .fa-2x {
    font-size: 1.75em;
  }
}


/*********** 
Articles
***********/

/* articles and ccc-panel-blocks */

.item-footer button {
	margin: 0em;
	font: normal normal normal 11px/normal 'Lucida Grande';
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	padding: 2px 6px 3px;
	border: 2px outset buttonface;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: buttonface;
	box-sizing: border-box;
}
.ccc-panel-block {
	padding: 23px;
	background-color: #e9e9e9;/*light teal #c9e4ea, light green #d2db96*/
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.ccc-panel-block.panel-light { background-color: #fff; }
.ccc-panel-block.dark-scheme { background-color: #323136; }
.article-slider { margin: -20px -23px -23px -23px; }
.article-grid:after {
	display: block;
	content: '';
	clear: both;
}
.article-grid .item {
	background: #ffffff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.20);
	float: left;
}
.article-grid .item:last-child { margin-bottom: 0px; }
.article-grid .item .item-header {
	display: block;
	position: relative;
}
.article-grid .item .item-header .item-header-category {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	background-color: rgba(0,0,0,0.6);
	line-height: 26px;
	font-family: 'Roboto Condensed', sans-serif;
}
.article-grid .item .item-header .item-header-category i.fa {
	display: inline-block;
	padding: 0 9px;
	background-color: #00c2ec;
}
.article-grid .item .item-header .item-header-category span {
	display: inline-block;
	padding: 0 9px;
}
.article-grid .item .item-content {
	display: block;
	padding: 20px 20px 0;/*was 20px*/
}
.article-grid .item .item-content-head {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7e8ea;
	margin-bottom: 15px;
}
.article-grid .item .item-content-head a {
  color: #717171;
  text-decoration: none;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.article-grid .item .item-content-head a:hover {
  color: #00bbe4;
}
.article-grid .item .item-content-date, /*cccnew*/.article-grid .item .item-content-date-end {
	display: block;
	float: left;
	color: #397abb;/*00c2ec*//*#00b6de teal*//*#9e2929 deep red*/
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	clear: both;
}
, /**/.article-grid .item .item-content-date-end {
	margin-top: 30px;
}
.article-grid .item .item-content-date strong, 
.article-grid .item .item-content-date-end strong {
	display: block;
	float: left;
	font-size: 36px;
	padding-right: 6px;
}
.article-grid .item .item-content-date span, 
.article-grid .item .item-content-date-end span {
	display: block;
	font-size: 14px;
	margin-left: 40px;
}
.article-grid .item .item-content-date span:last-child,
.article-grid .item .item-content-date-end span:last-child { margin-top: 7px; }
.article-grid.lets-do-1 .item .item-content-date strong,
.article-grid.lets-do-1 .item .item-content-date-end strong { font-size: 50px; }
.article-grid.lets-do-1 .item .item-content-date span,
.article-grid.lets-do-1 .item .item-content-date-end span {
	font-size: 19px;
	margin-left: 62px;
}
.article-grid.lets-do-1 .item .item-content-date span:last-child,
.article-grid.lets-do-1 .item .item-content-date-end span:last-child { margin-top: 10px; }
.article-grid.lets-do-1 .item h3 {
	margin-left: 115px;
	font-size: 23px;
	min-height: 52px;
	line-height: 110%;
}
.article-grid .item h3 {
	display: block;
	margin-left: 80px;
	font-size: 16px;
	letter-spacing: -0.10px;
	line-height: 19px;
	min-height: 38px;
}
.article-grid .item .item-content p {
	display: block;
	font-size: 13px;
	color: #727277;
	overflow: hidden;
	line-height: 19px;
	height: auto;
}
.article-grid .item .item-content p.txts {
	font-size: 11px;
	color: #808896;
}
.article-grid .item .item-footer {
	display: block;
	font-size: 13px;
	color: #fff;
	background: #a3afbf;/*grey #b6b6b8;*/
	padding: 10px 12px 10px;/*was 15px*/
}
.article-grid .item .item-footer a {
	color: inherit;
	display: inline-block;
	margin-right: 12px;
	position: relative;
	padding-right: 14px;
}
.article-grid .item .item-footer a:last-child {
	margin-right: 0;
}
.article-grid .item .item-footer a:after {
	position: absolute;
	display: inline;
	right: 0px;
	width: 1px;
	height: 100%;
	background: transparent;
	content: '';
	top: 0;
	border-right: 1px solid #ccc;
}
.article-grid .item .item-footer a:last-child::after { display: none;  border-width: 0; border: none; content: ''; width: 0 !important;}
.article-grid .item .item-footer span i.fa, 
.article-grid .item .item-footer a i.fa { padding-right: 0;/*5px*/ }
/*cccnew*/ .article-grid .item .item-footer a:hover i.fa { color: #00c2ec; }
.article-grid .item .item-footer .article-more-arrow {
	position: relative;
	padding: 0 12px;
	margin-top: -15px;
	margin-right: -15px;
	margin-bottom: -15px;
	background-color: rgba(0,0,0,0.08);
	line-height: 100%;
	font-size: 28px;
	border: 0px;
	cursor: pointer;
	height: 38px;
	color: #fff;
}
.article-grid .item .item-footer .article-file-type {
	position: relative;
	padding: 0 12px;
	margin-top: -10px;
	margin-right: -15px;
	margin-bottom: -10px;
	/*background-color: rgba(57,122,187,.9);*//*#397abb primary blue*/
	background-color: #929eae;
	line-height: 39px;
	/*line-height: 100%;*/
	font-size: 15px;
	border: 0px;
	cursor: default;
	height: 39px;
	color: #fff;
	float: right;
}
.article-grid .item .item-footer .article-file-type i.fa/*, .article-grid .item .item-footer span.article-file-type i.fa */{
	padding: 0;
	margin: 0;
	line-height: 40px;
	/*line-height: 100%;*/
	font-size: 15px;
	height: 40px;
	color: #fff;
}

/* Flexisel Netflix style carousel panels */
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	 width: 90%;
  margin: 0 5%;
}
.nbs-flexisel-item > .item {	
	cursor: pointer;
	position: relative;
	width: 90%;
  margin: 0 5%;
	text-align: left;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	 width: 90%;
  margin: 0 5%;
}
.nbs-flexisel-item > .item .item-header a img {	
	cursor: pointer;
	position: relative;
	width: 100%;
  margin: 0;
}
/*.ccc-panel-block > div > .item .item-header img {
  width: 100%;}*/

/*** Navigation ***/
.nbs-flexisel-nav-left {
	display:none;
}
.nbs-flexisel-nav-right {
	display:none;
}	
.review-slider, .bg-section {
  background-color: #d5dbe5;/*dfb636*//*#a8c204* ll-green*//* dark bg #5d6874*/
  padding: 20px 20px 40px;
  margin: 20px -20px 40px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.review-slider .form-bar, .bg-section .form-bar {
  background-color: #cad2dd;/*dfb636 light*//* dark bg #d5dbe5*/
  padding: 15px 20px;
  margin: -20px -20px 40px;
  border-bottom: 1px solid #e3e7ef;

}
.review-slider .form-bar h5, 
.bg-section .form-bar h5, 
.bg-section .form-bar label, 
.main-grid .form-bar h5,
.main-grid .form-bar label,
.text-darker { 
	color: #808993; 
	font-size: 13px;  
}

.ccc-panel-block > div > .item .item-header img { width: 100%; }
/* .lets-do-5 */
.ccc-panel-block > div.lets-do-5 > .item {
	width: 18.561%;
	margin-left: 1.8%;
}
.ccc-panel-block > div.lets-do-5 > .item:nth-child(5n+1) {
	clear: both;
	margin-left: 0px;
}
.ccc-panel-block > div.lets-do-5 > .item:nth-child(n+6) { margin-top: 28px; }
/* .lets-do-4 */
.ccc-panel-block > div.lets-do-4 > .item {
	width: 23.2%;
	margin-left: 2.4%;
}
.ccc-panel-block > div.lets-do-4 > .item:nth-child(4n+1) {
	clear: both;
	margin-left: 0px;
}
.ccc-panel-block > div.lets-do-4 > .item:nth-child(n+5) { margin-top: 28px; }
/* .lets-do-3 */
.ccc-panel-block > div.lets-do-3 > .item {
	width: 31.33%;
	margin-left: 3%;
}
.ccc-panel-block > div.lets-do-3 > .item:nth-child(3n+1) {
	clear: both;
	margin-left: 0px;
}
.ccc-panel-block > div.lets-do-3 > .item:nth-child(n+4) { margin-top: 28px; }
/* .lets-do-2 */
.ccc-panel-block > div.lets-do-2 > .item {
	width: 48%;
	margin-left: 4%;
}
.ccc-panel-block > div.lets-do-2 > .item:nth-child(2n+1) {
	clear: both;
	margin-left: 0px;
}
.ccc-panel-block > div.lets-do-2 > .item:nth-child(n+3) { margin-top: 25px; }
/* .lets-do-1 */
.ccc-panel-block > div.lets-do-1 > .item {
	width: 100%;
	margin-top: 28px;
	margin-left: 0px;
}
.ccc-panel-block > div.lets-do-1 > .item:first-child { margin-top: 0px; }
.ccc-panel-block {
	display: block;
	margin-bottom: 0px;
	position: relative;
}
.ccc-panel-block > div, .ccc-panel-block .title-block { }
.ccc-panel-block > div.article-category-block {
	box-shadow: none!important;
	padding: 20px 0 0 0!important;
}
.ccc-panel-block.panel-dark > div { background: #393939; }
.ccc-panel-block.panel-dark > div p, .ccc-panel-block.panel-dark > div a { color: #fff; }
.ccc-panel-block .title-block {
	margin-bottom: 0px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0 8px 0;
	margin-top: -20px;
}
.ccc-panel-block .title-block { }
.ccc-panel-block.panel-dark .title-block, .ccc-panel-block .title-block.title-dark { background: #393939; }
.ccc-panel-block.panel-dark.dark-texture .title-block, .ccc-panel-block.dark-texture .title-block.title-dark, .ccc-panel-block.panel-dark.dark-texture > div { background: #393939 url(./images/dark-texture.jpg); }
.ccc-panel-block .title-block h2 {
	color: #fff;
	font-size: 15px;
	margin: 0;
	font-weight: normal;
	font-family: 'Oswald', sans-serif;
	float: left;
	padding: 15px 15px 10px 15px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	background-color: #9f282a;
}
.ccc-panel-block .title-block h2:before {
	display: block;
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: 3px;
	width: 100%;
	background: inherit;
}
.ccc-panel-block.panel-dark .title-block h2, .ccc-panel-block .title-block.title-dark h2 { color: #ffffff; }
.ccc-panel-block.panel-dark .title-block.title-dark span, .ccc-panel-block .title-block.title-dark span { color: #6c6c6c; }
.ccc-panel-block .title-block.category-block-title .cat-tab-links {
	display: block;
	margin-right: 20px;
}
.ccc-panel-block .title-block.category-block-title .cat-tab-links a {
	display: inline-block;
	color: #a3a3a3;
	font-size: 13px;
	line-height: 100%;
	margin-left: 2px;
	padding: 8px 16px;
	border: 1px solid #4b494a;
	margin-top: -3px;
}
.ccc-panel-block .title-block.category-block-title .cat-tab-links a:hover {
	border: 1px solid transparent;
	background: #C33E48;
	color: #fff;
}
.ccc-panel-block .title-block.category-block-title h2 i.fa {
	color: #4b494a;
	padding-right: 20px;
}
.ccc-panel-block .title-block.category-block-title {
	text-align: left;
	padding: 20px 0;
}
.ccc-panel-block .title-block.category-block-title h2 {
	display: inline-block;
	font-size: 25px;
	color: #E7E7E7;
	padding: 0 20px;
}
.ccc-panel-block .title-block span {
	color: #CA6433;
	font-size: 14px;
	font-weight: normal;
	font-family: 'PT Sans', sans-serif;
	display: block;
	margin-top: 3px;
	padding-bottom: 6px;
	padding-top: 8px;
}
.ccc-panel-block .title-block span a { color: inherit; }
.ccc-panel-block .title-block.category-review-title {
	text-align: left;
	padding: 20px 0;
}
.ccc-panel-block .title-block.category-review-title h2 {
	display: inline-block;
	font-size: 25px;
	padding: 0 20px;
}
.ccc-panel-block .title-block.category-review-title .cat-tab-links {
	padding-right: 15px;
	font-size: 13px;
}
.ccc-panel-block .title-block.category-review-title .cat-tab-links a {
	display: inline-block;
	margin-top: 14px;
	margin-left: 12px;
	display: inline-block;
}
.ccc-panel-block .title-block.category-review-title.title-dark .cat-tab-links a { color: #ccc; }
.category-review-block {
	display: block;
	padding: 10px!important;
}
.category-review-block > div {
	display: flex;
	width: 103%;
	margin-top: 20px;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-wrap: wrap;
}
.category-review-block > div .item {
	flex: 1 30.1%;
	max-width: 30.45%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
}
.category-review-block > div .item:last-child { /*margin-right: 0px;*/ }
.article-category-block { }
.article-category-block > div {
	display: flex;
	padding: 0px!important;
}
.article-category-block > div > div { flex: 1; }
.article-category-block > div > div.item-featured {
	margin-right: 30px;
	max-width: 367px;
}
.split-middle-block {
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	width: 100%;
}
.split-middle-block > .ccc-panel-block {
	flex: 1;
	-moz-flex: 1;
	-webkit-flex: 1;
}
.split-middle-block > .ccc-panel-block:nth-child(2n+1) { margin-right: 20px; }
.split-middle-block > .ccc-panel-block:nth-child(2n) { margin-left: 20px; }
.split-middle-block .ccc-panel-block .article-block .item.featured {
	/*margin-left: -10px;
	margin-top: -10px;
	margin-right: -10px;*/
	margin-right: 0px;
	margin-left: 0px;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-content {
	margin-left: 0px;
	margin-right: 0px;
}
.split-middle-block .ccc-panel-block.panel-dark .article-block .item.featured { /*margin-left: -18px;
	margin-top: -18px;
	margin-right: -18px;*/ }
.split-middle-block .ccc-panel-block.panel-dark .article-block .item.featured .item-content {
	margin-left: 20px;
	margin-right: 20px;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-content > p {
	display: block;
	margin-top: 12px;
	font-size: 15px;
	letter-spacing: 0.2px;
	line-height: 25px;
	color: #696969;
}
.split-middle-block .ccc-panel-block .article-block .item {
	margin-left: 0px;
	margin-right: 0px;
}
.split-middle-block .ccc-panel-block.panel-dark .article-block .item:not(.featured) {
	margin-left: 20px;
	margin-right: 20px;
}
.split-middle-block .ccc-panel-block.panel-dark .article-block .item.featured .item-content > p { color: #b8b8b8; }
.split-middle-block .ccc-panel-block .article-block .item .item-content h4 {
	display: block;
	margin-bottom: 9px;
	font-weight: 500;
	font-size: 1em;
	letter-spacing: -0.3px;
	line-height: 24px;
	color: #1B1B1B;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #fff;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-content h4 {
	display: block;
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: -0.1px;
	text-transform: uppercase;
	line-height: 32px;
	font-family: 'Oswald', sans-serif;
	background: #28292C;
	padding: 8px 12px;
	margin-top: -16px;
	color: #fff!important;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-content h4 a { color: inherit; }
.split-middle-block .ccc-panel-block .article-block .item .item-header {
	width: 100px;
	margin-top: 4px;
}
.split-middle-block .ccc-panel-block .article-block .item .item-content { margin-left: 118px; }
.split-middle-block .ccc-panel-block .article-block .item.featured .item-header { margin-top: 0px; }
.title-block .title-links {
	display: block;
	padding-top: 8px;
	margin-bottom: -12px;
	padding-bottom: 14px!important;
}
body .title-block .title-links a {
	display: inline-block;
	margin: 0 4px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	color: #3e3e3e;
	line-height: 100%;
}
.ccc-panel-block .title-block.title-dark .title-links a, .ccc-panel-block.panel-dark .title-block .title-links a { color: #fff; }
.ccc-panel-block .title-block.title-dark .title-links a:hover, .ccc-panel-block.panel-dark .title-block .title-links a:hover { border-bottom: 2px solid #ccc; }
.title-block .title-links a:hover { border-bottom: 2px solid #3e3e3e; }
.ccc-panel-block.panel-dark .title-block .title-links a.active:hover, .title-block .title-links a.active { border-bottom: 2px solid #dd3131; }
.ccc-panel-block.panel-dark .blog-articles .item, .ccc-panel-block.panel-dark .split-articles .item { background: #393939; }
.ccc-panel-block.panel-dark.dark-texture .blog-articles .item, .ccc-panel-block.panel-dark.dark-texture .split-articles .item { background: #393939 url(./images/dark-texture.jpg); }
.ccc-panel-block.panel-dark .blog-articles .item .item-content > p, .ccc-panel-block.panel-dark .split-articles .item .item-content > p { color: #aaa; }
.blog-articles {
	display: block;
	padding: 0px!important;
	background: transparent!important;
	box-shadow: none!important;
}
.blog-articles .item {
	background: #fff;
	margin-top: 35px;
}
.split-articles {
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 104.4%;
	margin-left: -2.1%;
	padding: 0px!important;
	background: transparent!important;
	box-shadow: none!important;
}
.split-articles .item {
	flex: 1 50%;
	-moz-flex: 1 50%;
	-webkit-flex: 1 50%;
	background: #fff;
	max-width: 46.8%;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 2.1%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.split-articles .item .item-header {
	display: block;
	margin-bottom: 13px;
	position: relative;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-header .image-hover:before, .split-articles .item .item-header .image-hover:before {
	display: block;
	content: '';
	/* background: url(../images/slider-shadow.png) no-repeat center bottom; */
	background: #dcb26e;
	background-size: 100% 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.25;
	z-index: 2;
	filter: alpha(opacity=25);
	transition: all 1.2s;
	-moz-transition: all 1.2s;
	-webkit-transition: all 1.2s;
	-o-transition: all 1.2s;
}
.split-middle-block .ccc-panel-block .article-block .item.featured .item-header .image-hover:hover:before, .split-articles .item .item-header .image-hover:hover:before { opacity: 0; }
.split-articles .item .item-header .image-hover img, .split-articles .item .item-header .image-hover { width: 100%; }
.split-articles .item .item-header a.item-comment {
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	padding: 0 10px;
	background: #282828;
	font-size: 12px;
	font-weight: bold;
}
.split-articles .item .item-header a.item-comment i {
	display: block;
	position: absolute;
	background: transparent;
	content: '';
	width: 9px;
	height: 9px;
	top: 17px;
	left: 3px;
	overflow: hidden;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.split-articles .item .item-header a.item-comment i:before {
	background: #282828;
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	display: block;
	top: -1px;
	left: 6px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.split-articles .item .item-content {
	display: block;
	margin: 13px 0px;
}
.split-articles .item h4 {
	display: block;
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: -0.1px;
	text-transform: uppercase;
	line-height: 32px;
	font-family: 'Oswald', sans-serif;
	background: #28292C;
	padding: 8px 12px;
	margin-top: -16px;
	color: #fff;
}
.split-articles .item h4 a { color: inherit; }
.split-articles .item .article-meta {
	font-size: 13px;
	display: block;
}
.split-articles .item .article-meta > span, .split-articles .item .article-meta a {
	display: inline-block;
	color: #b6b6b6;
}
.split-articles .item .article-meta a:hover { color: #ce0000; }
.split-articles .item .article-meta .meta-date {
	margin-left: 8px;
	padding-left: 10px;
	border-left: 1px dotted #ccc;
}
.split-articles .item .item-content > p {
	display: block;
	margin-top: 15px;
	font-size: 16px;
	letter-spacing: 0.1px;
	line-height: 24px;
	color: #27282E;
}
/***** END .article-grid items and sidebar *****/

/***** IMPORTANT - .article-grid items within flexisel *****/
.article-grid .nbs-flexisel-item > .item .item-content-head {
	display: block;
	padding-bottom: 0;
	border-bottom: 1px solid #e7e8ea;
	margin-bottom: 10px;/*15px*/
}
.article-grid .nbs-flexisel-item > .item .item-content-date, 
.article-grid .nbs-flexisel-item > .item .item-content-date-end {
  line-height: 15px;
}
.article-grid .nbs-flexisel-item > .item .item-content-date strong, 
.article-grid  .nbs-flexisel-item > .item .item-content-date-end strong {
  display: block;
  float: left;
  font-size: 36px;
  padding-right: 6px;
  line-height: 36px;
}
.article-grid .nbs-flexisel-item > .item h3 {
	margin-top: 0;
}
.article-grid .nbs-flexisel-item .item .item-footer a {
  color: inherit;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  padding-right: 12px;
  /*line-height: 18px;*/
}

.article-grid .nbs-flexisel-item .item .item-footer .article-file-type {
	padding: 0 10px;
	margin-right: -12px;
	margin-left: -10px;
}
@media (max-width: 640px) {
  .article-grid .nbs-flexisel-item .item .item-footer a {
	margin-right: 8px;
	padding-right: 11px;
  }
  .article-grid .nbs-flexisel-item .item .item-footer a:last-child::after {
  	display: none;
	border-right: 0 solid #ccc;
	border: none;
  }
}
/* /end max-width 640px*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}

.bg-teal-lite .btn-default {
  color: #ebf6f9 !important;
  border-color: #94d3e0;/*#2fb3d0*/
  background-color: #27bedf;
}
.bg-teal-lite .btn-default:active, .bg-teal-lite .btn-default.active, .bg-teal-lite .open .dropdown-toggle.btn-default {
  background-image: none;
  background-color: #00a5ca;
}
.bg-charcoal { background-color: #717171;}
.bg-charcoal .btn-default {
  color: #f5f5f5 !important;
  border-color: #717171;
  background-color: #a1a6ab;
}
.bg-charcoal .btn-default:active, .bg-charcoal .btn-default.active, .bg-charcoal .open .dropdown-toggle.btn-default {
  background-image: none;
  background-color: #5a5f62;
}
.dark-theme { background-color: #575a5a;}/*575a5a*/
.dark-theme .btn-default { 
	color: #dddddd !important;
  border-color: #696b6c;
  background-color: #828586;
}
.dark-theme .btn-default:active, .dark-theme .btn-default.active, .dark-theme .open .dropdown-toggle.btn-default {
  background-image: none;
  background-color: #4b4d4d;
}


.dropdown-menu.bg-secondary > li > a { color: #fff; }
.dropdown-menu.bg-secondary > li > a:hover, 
.dropdown-menu.bg-secondary > li > a:focus, 
.dropdown-menu.bg-secondary > .active > a, 
.dropdown-menu.bg-secondary > .active > a:hover, 
.dropdown-menu.bg-secondary > .active > a:focus {
	color: #fff;
	border: none;
	background: #4180d9;
	background-image: none;
	filter: none;
}
.divider {
	overflow: hidden;
	height: 1px;
	margin: 9px 0;
	background-color: #e3e5e8;
}
.dot-divider-h {
	height: 1px;
	margin: 10px 0 20px 0;
	border: 1px dotted #e1e1e1;
}
h1 .btn, h2 .btn, h3 .btn, h4 .btn, h5 .btn, h6 .btn {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  text-transform: normal;
}
.bg-section-plgr {
	display: none;
	color: #666;
	margin: 0 -1px;
	padding: 30px;
	background-color: #4f9Cb8;/*cccnew was #aec8e5*/
	-webkit-box-shadow: inset 0 3px 10px 0 rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 3px 10px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 3px 10px 0 rgba(0,0,0,.15);
}
.bg-teal-lite {
  background-color: #c9e4ea;
}
.bg-dark {
  background-color: #5d6874;
}
.text-muted { color: #a2a9b3;}/*a5afbe*/
.review-slider .text-muted, .review-slider.text-muted { color: #adb6bb;}/*#Bfcad1*/
}
.page-bar .page-toolbar .btn.btn-white {
  border-color: #eee;
  color: #999;
}
.page-bar .page-breadcrumb > li > i {
  font-size: 16px;
}

/***********
BUTTONS
***********/

.btn {
  font-weight: 500;
}
.btn.btn-default, .page-bar .page-toolbar .btn.btn-default {
  color: #fafcfb;
  background-color: #a8b4bb;
	border-color: #a0acb3;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.05);
	-o-box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.05);
}
.page-bar .page-toolbar .btn.btn-default > i {
  color: #ececec;
}

.btn, .page-bar .page-toolbar .btn {
  padding: 7px 12px;
  font-weight: 500;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  /*border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;*/
}
.page-bar .page-toolbar .btn {
  padding: 10px 12px;
 }
.btn-primary, .page-bar .page-toolbar .btn.btn-primary {
	background-color: #0d5085;
	border-color: #0d5085;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #3477ba;
  border-color: #316cad;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
	border-color: #427fc5;
	background-color: #427fc5;
}
.btn-secondary, .bg-secondary {
	font-weight: 400;
	color: white;
	border-color: #275796;
	background: #275796;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
	color: #fff !important;
	border-color: #5684bf;
	background-color: #5c8ccc;
}
.btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary { background-image: none; }
.btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
	border-color: #5c8ccc;
	background-color: #5c8ccc;
}
.btn-success {
  color: #fff !important;
  background-color: #7dcf34;
  border-color: #7dcf34;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff !important;
  background-color: #7dc63c;
  border-color: #73b836;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #7dcf34;
  border-color: #7dcf34;
}
.btn-info {
  color: #fff !important;
  background-color: #5dcff3;
  border-color: #5dcff3;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff !important;
  background-color: #37c4f0;
  border-color: #24beef;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5dcff3;
  border-color: #5dcff3;
}
.btn-warning {
  color: #fff !important;
  background-color: #fcb500;
  border-color: #fcb500;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff !important;
  background-color: #fbb725;
  border-color: #fbb011;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #fcb500;
  border-color: #fcb500;
}
.btn-danger {
  color: #fff !important;
  background-color: #fb6b5b;
  border-color: #fb6b5b;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff !important;
  background-color: #fa4733;
  border-color: #fa351f;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #fb6b5b;
  border-color: #fb6b5b;
}
.btn-white {
  border-color: #dae0ed;
  border-color: rgba(150,160,180,0.3);
  color: #717171 !important;
  background-color: #fff;
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0.05);
  background-clip: padding-box;
}
.bg .btn-white {
  border-color: rgba(0,0,0,0.1);
}
.btn-grey {
  color: #a2a9b3;
  border-color: #eaecf2;
  background: #eaecf2;
}
.btn-radius {
  border-radius: 4px !important;
}
.btn-radius-sm {
  border-radius: 2px !important;
}
.btn-radius-md {
  border-radius: 5px !important;
}

/***********
BGS AND PANELS
***********/
/* backgrounds */
.panel-primary, .bg-primary, 
.alert-primary, .label-primary {
	color: #fff;
	background-color: #427fc5;
}
.bg-primary.navbar .nav > li.active > a {
	color: #fff;
	background-color: #4f467d;
}
.bg-primary .open > a, 
.bg-primary .open > a:hover, 
.bg-primary .open > a:focus { color: #fff; }
.bg-primary .text-muted { color: #ccc8e0; }
.panel-secondary, .bg-secondary, 
.alert-secondary, .label-secondary  {
	color: #fff;
	border-color: #6c9bd9;
	background-color: #679ee5;
}
.panel-success, .bg-success, 
.alert-success, .label-success {
	color: #fff;
	background-color: #7dcf34;
}
.panel-success a, .bg-success a { color: #fff; }
.bg-success a.list-group-item:hover, .bg-success a.list-group-item:focus { background-color: inherit; }
.bg-success .nav li > a { color: #eef8e6; }
.bg-success .nav li > a:hover { background-color: #85c948; }
.bg-success .nav li > ul.dropdown-menu > li > a { color: #5f982d; }
.bg-success .nav li > ul.dropdown-menu > li > a:hover { color: #fff; }
.bg-success .nav .open > a { background-color: #85c948; }
.bg-success.navbar .nav > li.active > a {
	color: #fff;
	background-color: #85c948;
}
.bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus { color: #fff; }
.bg-success .text-muted { color: #eef8e6; }
.panel-info, .bg-info
.alert-info, .label-info {
	color: #fff;
	background-color: #94bceb; /*teal 95bbe5 lighter 62bed9*/
}
.bg-info a.list-group-item:hover, .bg-info a.list-group-item:focus { background-color: inherit; }
.bg-info .nav li > a { color: #fff; }
.bg-info .nav li > a:hover { background-color: #45c8f1; }
.bg-info .nav li > ul.dropdown-menu > li > a { color: #10a9da; }
.bg-info .nav li > ul.dropdown-menu > li > a:hover { color: #fff; }
.bg-info .nav .open > a { background-color: #45c8f1; }
.bg-info.navbar .nav > li.active > a {
	color: #fff;
	background-color: #45c8f1;
}
.bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus { color: #fff; }
.bg-info .text-muted { color: #fff; }
.panel-warning, .bg-warning
.alert-warning, .label-warning {
	color: #fff;
	background-color: #fcb500;
}
.bg-warning a.list-group-item:hover, .bg-warning a.list-group-item:focus { background-color: inherit; }
.bg-warning .nav li > a { color: #fffefd; }
.bg-warning .nav li > a:hover { background-color: #fcbc34; }
.bg-warning .nav li > ul.dropdown-menu > li > a { color: #df9904; }
.bg-warning .nav li > ul.dropdown-menu > li > a:hover { color: #fff; }
.bg-warning .nav .open > a { background-color: #fcbc34; }
.bg-warning.navbar .nav > li.active > a {
	color: #fff;
	background-color: #fcbc34;
}
.bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus { color: #fff; }
.bg-warning .text-muted { color: #fffefd; }
.panel-danger, .bg-danger
.alert-danger, .label-danger {
	color: #fff;
	background-color: #fb6b5b;
}
.bg-danger a.list-group-item:hover, .bg-danger a.list-group-item:focus { background-color: inherit; }
.bg-danger .nav li > a { color: #fff; }
.bg-danger .nav li > a:hover { background-color: #fa5542; }
.bg-danger .nav li > ul.dropdown-menu > li > a { color: #ea1d06; }
.bg-danger .nav li > ul.dropdown-menu > li > a:hover { color: #fff; }
.bg-danger .nav .open > a { background-color: #fa5542; }
.bg-danger.navbar .nav > li.active > a {
	color: #fff;
	background-color: #fa5542;
}
.bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus { color: #fff; }
.bg-danger .text-muted { color: #fff; }


.panel-primary a, .bg-primary a, .alert-primary a, 
.panel-secondary a, .bg-secondary a, .alert-secondary a, 
.panel-info a, .bg-info a, .alert-info a, 
.panel-warning, .bg-warning a, .alert-warning a, 
.panel-danger a, .bg-danger a, .alert-danger a, 
.alert-primary button.close:hover, 
.alert-secondary button.close:hover, 
.alert-info button.close:hover, 
.alert-warning button.close:hover, 
.alert-danger button.close:hover { color: #ffffff; }

.panel-primary a:hover, .panel-primary a:focus, 
.panel-primary a:active, .panel-primary a.active,
.bg-primary a:hover, .bg-primary a:focus, 
.bg-primary a:active, .bg-primary a.active,
.panel-secondary a:hover, .panel-secondary a:focus, 
.panel-secondary a:active, .panel-secondary a.active
.bg-secondary a:hover, .bg-secondary a:focus, 
.bg-secondary a:active, .bg-secondary a.active,
.panel-success a:hover, .panel-success a:focus, 
.panel-success a:active, .panel-success a.active,
.bg-success a:hover, .bg-success a:focus, 
.bg-success a:active, .bg-success a.active,
.panel-warning a:hover, .panel-warning a:focus, 
.panel-warning a:active, .panel-warning a.active,
.bg-warning a:hover, .bg-warning a:focus, 
.bg-warning a:active, .bg-warning a.active,
.panel-danger a:hover, .panel-danger a:focus, 
.panel-danger a:active, .panel-danger a.active,
.bg-danger a:hover, .bg-danger a:focus, 
.bg-danger a:active, .bg-danger a.active  {
    color: #fff;
}
.bg-white {
	color: #717171;
	background-color: #fff;
}
.bg-white a { color: #575757; }
.bg-white a:hover { color: #3e3e3e; }
.bg-white .text-muted { color: #979797; }
.bg-white .text-white { color: #fff !important; }


/***
Bootstrap Alerts
***/
.alert-success {
  background-color: #7dcf34;
  border-color: #7dcf34;
  color: #ffffff;
}
.alert-success hr {
  border-top-color: #7dcf34;
}
.alert-success .alert-link {
  color: #7dcf34;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

/* Badge colors */
.badge-default {
  background-color: #c6c6c6;
  background-image: none;
}

.badge-primary {
  background-color: #316da9;
  background-image: none;
}

.badge-info {
  background-color: #89C4F4;
  background-image: none;
}

.badge-success {
  background-color: #7dcf34;
  background-image: none;
}

.badge-danger {
  background-color: #F3565D;
  background-image: none;
}

.badge-warning {
  background-color: #dfba49;
  background-image: none;
}
.help-block {
  font-size: .85em;
  color: #999999;
}

/*****
Notifications page listing
*****/
.notification-list-full .alert {
    padding: 15px;
    margin-bottom: 15px;
    border-width: 4px;
    border-radius: 4px;
}

.notification-list-full .alert-info, 
.notification-list-full .alert-success, 
.notification-list-full .alert-warning, 
.notification-list-full .alert-danger {
    background-color: #ffffff;
    color: #717171;
}
.notification-list-full .alert-success { border-color: #b4e28a;}
.notification-list a {
    color: #5b9bd1;
}
.notification-list-full > li > a {
  display: block;
  clear: both;
  line-height: 20px;
  white-space: normal;
  padding: 0;
  color: #717171;
}
.notification-list-full > li > a:hover {
  opacity: .75 ;
  filter: alpha(opacity=75);
  text-decoration: none;
}
.notification-list-full .meta__date, 
.notification-list-full .meta__reading-time,
.notification-list-full > li a .time {
  float: right;
  max-width: 75px;
  font-size: 11px;
  font-weight: 400;
  opacity: 0.8 ;
  filter: alpha(opacity=70) ;
  text-align: right;
  padding: 0;
  line-height: 1.1em;
}

/*notes*/
.note.note-default {
    background-color: #e4e6ec;
    border-color: #d3d6de;
    color: #333333;
}
.form-control.btn-left, .input-group .form-control.btn-left {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  -moz-border-bottom-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  -ms-border-bottom-left-radius: 0 !important;
  -o-border-top-left-radius: 0 !important;
  -o-border-bottom-left-radius: 0 !important;
}
/* theme panel on navbar */
.navbar-nav .theme-panel {
  width: 55px;
  margin-top: 0;
  margin-right: 0;
  z-index: 100;
  float: none;
  position: relative;
}
.navbar-nav .theme-panel > .toggler {
  top: 0;
  right: 0;
  height: 68px;
  width: 55px;
  border-radius: 0 !important;
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 15px;
}
.navbar-nav .theme-panel > .toggler:hover {
  color: #a0b4ca;
  background-color: #f9fafc;
}
.navbar-nav .theme-panel > .toggler:hover i {
  color: #a0b4ca;
}
.navbar-nav .theme-options { width: 300px;}
.navbar-nav .theme-panel > .theme-options { top: 68px; }
.navbar-nav .theme-panel > .toggler-close { top: 69px; }

/* Dashboard */
.text-light, .text-light a { color: #679ae5; }
.text-blue-lt { color: #c3dbfa; }
.bg-light {
  color: #828c99;
  background-color: #e1e6f2;/*dde6f5*/
}
.bg-dark { background-color: #425264; color: #ffffff;}
.ccc-dashboard { 
	background-color: #e1e6f2;
	margin: -25px -20px 0;
	padding: 30px;
	height: 450px;
	width: auto;
}
.ccc-dashboard.bg-img {
  background: url('./images/bg-planet-island-fadeout.jpg') -140px -120px no-repeat;
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;*/
  min-height: 450px;
}
.ccc-dashboard h1 { font-size: 36px; }
.text-init { text-transform: initial;}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i[class^="fa-"]:not(.fa-stack),
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i[class*=" fa-"]:not(.fa-stack) {
  line-height: 20px;
}

.form-row-separated .row { border-bottom: 1px solid #eeeeee; margin: 0 0 15px 0; }
.label-text-sm { font-size: 12px; color: #8896a0; }
.page-footer-fixed .scroll-to-top { bottom: 40px; }

.ccc-dashboard h4.text-lite {
  line-height: 1.5em;
  color: #ecf6ff;
  text-transform: initial;
}
.ccc-dashboard p {
  font-size: 17px;
  color: #F2F7FF;
  line-height: 1.5em;
}

/***** 
Statement Template styles
*****/
.client-statement {
	margin: 0;
	padding:0;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
.client-statement .btn.btn-link.text-muted {
	color: #acbccb;
	font-weight: 500;
	text-shadow: none;
	line-height: 1em;
}
.client-statement .v-middle {
	display: flex;
	align-items: center;
}
.v-bottom {
	display: flex;
	align-items: flex-end;
}
.account-divider {
	display: block;
	height: 4px;
	margin: 30px 0 0;
}
h4.account-title { margin: 15px 0 30px;}
.client-statement .panel-body { padding: 30px 15px; }
.client-statement .panel-body h4 { line-height: 22px; }
.panel-transparent {
	border-width: 0;
	background: transparent;
	border-radius: 0 !important;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
}
.client-statement label {
	font-size: 12px;
	padding-right: 10px;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
}
.client-statement .panel-primary h2, .client-statement .bg-primary h2, 
.client-statement .panel-primary p, .client-statement .bg-primary p, 
.client-statement .panel-primary li, .client-statement .bg-primary li { color: #ffffff; }
.client-statement .panel-primary label, .client-statement .bg-primary label, 
.client-statement .panel-primary h2 label, .client-statement .bg-primary h2 label, 
.client-statement .panel-primary li label, .client-statement .bg-primary li label {
	color: rgba(255,255,255,.75);
	font-weight: 500;
}
.client-statement .panel-primary h2 label { line-height: 2.5em; }
.client-statement .statement-logo p {
	padding: 5px 0;
	font-size: 14px;
	line-height: 18px;
}
.client-statement .statement-logo p span {
	display: block;
	font-size: 13px;
}
.client-statement address h4 {
	line-height: 1.5em;
	margin-top: 30px;
}
/*columnar grid tables */
.client-statement .summary-statement-grid { margin-bottom: 15px; }
.client-statement .summary-statement-grid h4 { margin: 5px 0; }
.client-statement .summary-statement-grid label, 
.client-statement .running-statement-grid label {
	font-size: 12px;
	padding: 4px 0 0;
	line-height: 1.2em;
}
.client-statement .summary-statement-grid > .row, 
.client-statement .summary-statement-grid.row {
	padding: 0;
	margin: 0;
	border: 2px solid #919399;
}

.client-statement .summary-statement-grid > .row div[class^="col-"] {
	padding: 5px 5px 2px;
	border-right: 1px solid #dfe2e5;
}
.client-statement .summary-statement-grid > .row div[class^="col-"]:last-child { 
	border-right: none; 
}
.client-statement .summary-statement-grid > .row > .row {
	margin: 0;
	border-top: 1px solid #dfe2e5;
}
.client-statement .summary-statement-grid > .row > .row:first-child, 
.client-statement .summary-statement-grid .row.col-head-row {
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #919399;
	background-color: #ecf0f5;
	display: flex;
	align-items: flex-end; 
}
.client-statement .summary-statement-grid .col-head-row div[class^="col-"] { 
	text-align: center;
}
.client-statement .running-statement-grid { margin: 15px 15px 30px; }
.client-statement .running-statement-grid .row {
	padding: 6px 0;
	border-bottom: 1px solid #e1e1e1;
}
.client-statement .running-statement-grid.table-striped > .row:nth-of-type(even) { background-color: #f7f8fa; }
.client-statement .running-statement-grid.table-hover > .row:hover { background-color:#f1f3f7; }
.client-statement .running-statement-grid.table-striped > .row.col-head-row, .client-statement .running-statement-grid.table-hover > .row.col-head-row:hover {
	border-bottom: 2px solid #919399;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 2px 0 0;
}
.client-statement .running-statement-grid .row:last-child {
  border-bottom: 2px solid #bfc2c7;
}
.client-statement .running-statement-grid.summarize {
    border: 2px solid #919399;
    margin: 0;
}
.client-statement .running-statement-grid.summarize.table-striped > .row {
    margin: 0;
}
.client-statement .running-statement-grid.summarize.table-striped > .row.col-head-row, 
.client-statement .running-statement-grid.summarize.table-hover > .row.col-head-row:hover {
    background-color: #ecf0f5;
}
.client-statement .running-statement-grid .row:last-child {
  border-bottom: 0px solid #bfc2c7;
}
 .client-statement .running-statement-grid .row.col-foot-row { 
 	background-color: #ffffff;
 	font-weight: 700;
 	border-top: 1px solid #919399 !important; 
 	border-bottom: 2px solid #919399; 
 }
.client-statement .running-statement-grid.table-hover > .row.col-foot-row:hover { background-color:#ffffff; }

.client-statement table {
	margin: 30px 0 30px 0;
	font-size: 13px;
}
.client-statement .statement-payment strong { margin-right: 5px; }
.client-statement .statement-block { text-align: right; }
.client-statement .statement-block .amounts {
	margin-top: 20px;
	font-size: 14px;
}
.thumb-client img {
	max-height: 70px;
	vertical-align: middle !important;
	border: none;
}
.client-statement address { 
	position: relative; 
	top: 165px; 
	margin-left: 15px; 
	margin-bottom: 75px;
}
.page-sidebar .page-sidebar-menu > li.active > a > .selected,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  right: 0;
}

.passwordIcon {
	background-color: #ffffff;
}

@media (max-width: 991px) {
	.client-statement .running-statement-grid.six-column .col-desc {
		border-bottom: 1px solid #efefef;
		padding-bottom: 4px;
		margin-bottom: 4px;
	}
	.client-statement .summary-statement-grid.seven-column > .row > .row:first-child, 
	.client-statement .summary-statement-grid.seven-column .row.col-head-row,
	.client-statement .running-statement-grid.seven-column > .row > .row:first-child, 
	.client-statement .running-statement-grid.seven-column .row.col-head-row {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	.client-statement .panel-body { padding: 30px 5px; }
	.client-statement .summary-statement-grid label, 
	.client-statement .running-statement-grid label {
	  font-size: 10px;
	}
	.client-statement .summary-statement-grid > .row div[class^="col-"],
	.client-statement .running-statement-grid > .row div[class^="col-"] { font-size: 12px; }
	.client-statement .running-statement-grid.six-column .col-head-desc {
		border-bottom: 1px solid #efefef;
		padding-bottom: 4px;
		margin-bottom: 4px;
	}
	.client-statement .running-statement-grid > .row div[class^="col-"] .col-head-row label {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
	    right: 0px !important;
	}
	.client-statement .summary-statement-grid.seven-column > .row > .row:first-child, 
	.client-statement .summary-statement-grid.seven-column .row.col-head-row,
	.client-statement .running-statement-grid.seven-column > .row > .row:first-child, 
	.client-statement .running-statement-grid.seven-column .row.col-head-row {
		display: flex;
		align-items: flex-end; 
	}
}

 @media print {
 	@page .client-statement { 
	    size: auto; /* auto is the initial value */ 
	    /* this affects the margin in the printer settings */ 
	    margin: 10mm 10mm 10mm 10mm;  
	} 
	body.client-statement { 
	    /* this affects the margin on the content before sending to printer */ 
	    margin: 0px;  
	} 
	.client-statement * {
	    text-shadow: none !important;
	    box-shadow: none !important;
	}
	address.h4 { font-size: 12px; }
	.client-statement .summary-statement-grid, 
	.client-statement .running-statement-grid {
	    font-size: .8em;
	}
	.client-statement .panel-primary h2, .client-statement .bg-primary h2, 
	.client-statement .panel-primary p, .client-statement .bg-primary p, 
	.client-statement .panel-primary li, .client-statement .bg-primary li, 
	.client-statement .panel-primary label, .client-statement .bg-primary label, 
	.client-statement .panel-primary h2 label, .client-statement .bg-primary h2 label, 
	.client-statement .panel-primary li label, .client-statement .bg-primary li label { 
		color: #ffffff !important;
	}
	.client-statement .summary-statement-grid {
        page-break-inside: avoid;
    }
    .client-statement .summary-statement-grid .row.col-head-row { background-color: #ecf0f5 !important; }
	.client-statement .running-statement-grid.table-striped > .row:nth-of-type(even) { background-color: #f7f8fa !important; }
    /*.client-statement .account-divider.print-break {
    	page-break-before: always;
    }*/
	.hidden-print { display: none; }
}
/*****
end Statement Template styles
*****/