/*CMSE primary framework CSS*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.section, .block, .clearall {
	display: block !important; 
	clear: both !important; 
	float: none !important; 
	width: auto !important;
	max-width: none !important;
	overflow: hidden;
	}
.section-1, .section-2, .section-3, 
.section-4, .section-5, .section-6, .section-7, 
.section-8, .section-9, .section-10 {margin-bottom: 20px;}

.sectionwrap .section .box-1180 {
	padding-top: 30px; 
	padding-bottom: 30px;
	overflow: hidden;
	}


.floatleft {float: left;}
.floatright {float: right;}
.inlineblock {display: inline-block;}
.display-block {display: block;}
.alignmiddle {vertical-align: middle;}
.valign-top {vertical-align: top;}
.center {text-align: center;}
.relative {position: relative;}

.boxsize, .cmsegrid, .cmsegrid .postitem, 
.cmseleadgrid .leaditem {
	box-sizing: border-box; 
	float: left;
	}
.bold {font-weight: bold;}

.flexbox {
	display: -webkit-flex;
	display: flex;
	}


.titlewrap h1,
.titlewrap h2,
.titlewrap h3,
.titlewrap h4,
.titlewrap h5,
.titlewrap h6 {
	margin: 0 !important; 
	padding: 0 !important; 
	line-height: normal !important;
	}

h1, h2, h3, h4, h5, h6 {overflow: hidden;}

.cmsebtn {
	display: inline-block;
	padding: 5px 15px;
	vertical-align: top;
	border-radius: 3px;
}

.table {display: table; margin: 0; width: 100%;}
.tablerow {display: table-row;}
.tablecell {display: table-cell;}

/* List Styles
--------------------------*/
.liststyle-check ul {
	padding: 0 !important;
	}
.liststyle-check ul li {
	list-style: none !important;
}
.liststyle-check ul li::before {
	content: '\f046';
	margin-right: 10px;
}

.item-image img, .introimage img {
	display: block; 
	clear: both; 
	float: none; 
	width: auto; 
	margin: auto; 
	padding: 0; 
	border: 0;
	}

/*--vertical padding--*/
.vpad-10 {padding-top: 10px; padding-bottom: 10px;}

/*--margin--*/
.r-margin-5 {margin-right: 5px;}
.l-margin-5 {margin-left: 5px;}
.r-margin-10 {margin-right: 10px;}
.l-margin-10 {margin-left: 10px;}
.r-margin-15 {margin-right: 15px;}
.l-margin-15 {margin-left: 15px;}
.r-margin-20 {margin-right: 20px;}
.l-margin-20 {margin-left: 20px;}
.r-margin-25 {margin-right: 25px;}
.l-margin-25 {margin-left: 25px;}
.r-margin-30 {margin-right: 30px;}
.l-margin-30 {margin-left: 30px;}
.r-margin-35 {margin-right: 35px;}
.l-margin-35 {margin-left: 35px;}
.r-margin-40 {margin-right: 40px;}
.l-margin-40 {margin-left: 40px;}

.b-margin-5, .bottom-margin-5 {margin-bottom: 5px;}
.b-margin-10, .bottom-margin-10 {margin-bottom: 10px;}
.b-margin-20, .bottom-margin-20 {margin-bottom: 20px;}
.b-margin-30, .bottom-margin-30 {margin-bottom: 30px;}
.b-margin-40, .bottom-margin-40 {margin-bottom: 40px;}
.b-margin-50, .bottom-margin-50 {margin-bottom: 50px;}

.t-margin-10, .top-margin-10 {margin-top: 10px;}
.t-margin-20, .top-margin-20 {margin-top: 20px;}
.top-margin-50 {margin-top: 50px;}
.top-margin-60 {margin-top: 60px;}
.vmargin-20 {margin-bottom: 20px; margin-top: 20px;}

.margintop-20 {margin-top: 20px;}
.margintop-40 {margin-top: 40px;}

.marginbottom-10 {margin-bottom: 10px;}
.marginbottom-20 {margin-bottom: 20px;}
.marginleft-10 {margin-left: 10px;}

.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-20 {padding: 20px;}
.pad-30 {padding: 30px;}
.pad-40 {padding: 40px;}
.pad-50 {padding: 50px;}

.padleft-5 {padding-left: 5px;}
.padleft-10 {padding-left: 10px;}
.padleft-20 {padding-left: 20px;}
.padleft-30 {padding-left: 30px;}
.padleft-40 {padding-left: 40px;}
.padleft-50 {padding-left: 50px;}

.padright-5 {padding-right: 5px;}
.padright-10 {padding-right: 10px;}
.padright-20 {padding-right: 20px;}
.padright-30 {padding-right: 30px;}
.padright-40 {padding-right: 40px;}
.padright-50 {padding-right: 50px;}

.padtop-5 {padding-top: 5px;}
.padtop-10 {padding-top: 10px;}
.padtop-15 {padding-top: 15px;}
.padtop-20 {padding-top: 20px;}
.padtop-30 {padding-top: 30px;}
.padtop-40 {padding-top: 40px;}
.padtop-50 {padding-top: 50px;}

.padbottom-5 {padding-bottom: 5px;}
.padbottom-10 {padding-bottom: 10px;}
.padbottom-15 {padding-bottom: 15px;}
.padbottom-20 {padding-bottom: 20px;}
.padbottom-30 {padding-bottom: 30px;}
.padbottom-40 {padding-bottom: 40px;}
.padbottom-50 {padding-bottom: 50px;}

.round-5, .round-5 img {border-radius: 5px;}
.round-10, .round-10 img {border-radius: 10px;}
.round-15, .round-15 img {border-radius: 15px;}
.round-50, .round-50 img {border-radius: 50%;}
.round-100, .round-100 img {border-radius: 100%;}

/* widths
----------------------*/
.width_10 {width: 10%;}
.width_15 {width: 15%;}
.width_20 {width: 20%;}
.width_25 {width: 25%;}
.width_30 {width: 30%;}
.width_33 {width: 33%;}
.width_35 {width: 35%;}
.width_40 {width: 40%;}
.width_45 {width: 45%;}
.width_50 {width: 50%;}
.width_55 {width: 55%;}
.width_60 {width: 60%;}
.width_65 {width: 65%;}
.width_70 {width: 70%;}
.width_75 {width: 75%;}
.width_80 {width: 80%;}
.width_85 {width: 85%;}
.width_90 {width: 90%;}

/* big wrappers
-----------------------*/
.width1180 {max-width: 1180px; margin: auto;}


.radius-4 {border-radius: 4px;}

/* Background Color
------------------------*/
.bg-black {background: #111111; color: #ffffff;}
.bg-black a {color: #bce4f4;}

.bg-red {background: #d13e3e; color: #ffffff;}
.bg-red a {color: #ffffff;}
.bg-red .m2, 
.bg-red .m3 .cmse-latest .item .item-inner {background: #b73737; color: #ffffff;}
.bg-red .m3 .cmse-latest .item .item-inner {
	margin: 4px;
	padding: 8px !important;
}
.bg-red .m3 .cmse-latest .item .post-image {
	border: none !important; 
	background: #D13E3E;
	}

.bg-green {background: #678F2F; color: #e7f7cf;}
.bg-green a {color: #eff99f;}
.bg-green .itemmeta {color: #ffffff;}
.bg-green .m2, .bg-green .page-header, .bg-green .module-title {
	background: #5a7c27 !important; 
	color: #e7f7cf !important;
	}

.bg-white {background: #ffffff; color: #111111;}
.bg-white a {color: #1d65b8;}

.bg-gray {background: #efefef; color: #111111;}
.bg-gray a {color: #1d65b8;}

.bg-blue {background: #005B96; color: #ffffff;}
.bg-blue a {color: #dbf1ff;}
.bg-blue .itemmeta {color: #d9eefc;}
.head-blue h2, .head-blue h3 {background: #004875; padding: 5px 20px;}


.bg-yellow {background: #f4edc6; color: #222222;}
.bg-yellow a {color: #222222;}
.bg-yellow .itemmeta {color: #ffffff;}
.bg-yellow .m2, 
.bg-yellow .page-header, 
.bg-yellow .module-title {
	background: #e0cd70 !important; 
	color: #99820f !important;
	}

.trans-bg-white {
	background-color: rgba(255,255,255,0.9);
	color: #111111;
}
.trans-bg-black {
	background-color: rgba(0,0,0,0.9);
	color: #ffffff;
}

/* Text Color
-------------------------*/
.text-yellow {color: #ffcc00;}
.text-red {color: #ff0000;}
.text-white {color: #ffffff;}
.text-black {color: #111111;}

/* Text effects
--------------------*/
.textshadow-1 {
	text-shadow: 1px 1px 1px #111111;
}
.textshadow-2 {
	text-shadow: 1px 1px 1px #eeeeee;
}

/* font size
------------------------*/
.textsize-13 {font-size: 13px;}
.textsize-15 {font-size: 15px;}
.textsize-16 {font-size: 16px;}
.textsize-18 {font-size: 18px;}
.textsize-20 {font-size: 20px;}
.textsize-22 {font-size: 22px;}
.textsize-24 {font-size: 24px;}
.textsize-26 {font-size: 26px;}
.textsize-28 {font-size: 28px;}
.textsize-30 {font-size: 30px;}
.textsize-32 {font-size: 32px;}
.textsize-34 {font-size: 34px;}
.textsize-36 {font-size: 36px;}
.textsize-38 {font-size: 38px;}
.textsize-40 {font-size: 40px;}

*[class*="xltext-"]{line-height: normal;}
.xltext-2vw {font-size: 2vw;}
.xltext-4vw {font-size: 4vw;}
.xltext-6vw {font-size: 5vw;}
.xltext-8vw {font-size: 8vw;}
.xltext-10vw {font-size: 10vw;}
.xltext-12vw {font-size: 12vw;}
.xltext-14vw {font-size: 14vw;}
.xltext-16vw {font-size: 16vw;}
.xltext-18vw {font-size: 18vw;}
.xltext-20vw {font-size: 20vw;}

/* font family
--------------------*/
.blocktext-1 {font-family: BebasNeueRegular;}
.font-alfa {
	font-family: "Alfa Slab One";
	font-weight: 100;
}


/* Columns
----------------------*/
.column-2 {
	-webkit-columns: 200px 2;
	-moz-columns: 200px 2;
	columns: 200px 2;
}


/* Alignment
----------------------*/
.alignright, .textright {text-align: right;}
.alignleft {text-align: left;}

.inlineblock {display: inline-block;}

.rightalign > div, .rightalign > span {
	display: block;
	float: right;
	clear: both;
}

/* positioning
-----------------------*/
.sectionwrap {position: relative;}
.trans-whitebg-layer,
.trans-blackbg-layer {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	top: 0;
	text-align: center;
}
.trans-whitebg-layer .inner,
.trans-blackbg-layer .inner {
	background: rgba(255, 255, 255, 0.7);
	color: #111111;
	font-family: BebasNeueRegular;
	font-size: 4vw;
	padding: 20px;
	line-height: normal;
	display: inline-block;
	margin-top: 10%;
	width: 90%;
	border-radius: 8px;
	box-shadow: 0px 0px 30px 8px rgba(0,0,0,0.44);
}
.trans-blackbg-layer .inner {
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
}

.framed-text-white {
	border: 4px solid #ffffff;
	padding: 20px;
	text-align: center;
	display: inline-block;
	margin: auto;
	color: #ffffff;
	line-height: normal;
}


/* Floating Position Layers*/
.layer {
	position: absolute;
	z-index: 2;
}
.layerleft, .layerright, .layerleft-bottom, .layerright-bottom, .layer-center {
	
}
.layerleft {top: 20%; left: 40px;}
.layerright {top: 20px; right: 20px;}
.layerleft-top {left: 20px; top: 20%;}

.layerleft-bottom {left: 20px; bottom: 20px;}
.layerright-bottom {right: 20px; bottom: 20px;}
.layer-center {
	display: block;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
}

/* Text Layer
----------------------------*/
.textlayer-light, .textlayer-dark {
	border: 4px solid #ffffff; 
	font-family: BebasNeueRegular;  
	color: #ffffff; 
	text-shadow: 2px 2px 0 #111111;
	padding: 20px;
}
.textlayer-dark {
	border-color: #111111;
	color: #111111;
	text-shadow: 2px 2px 0 #ffffff;
}

.absmiddle {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 40%;
	transform: translate(-30%, -50%);
}


/* wrapper width
----------------------*/
.box-1180 {
	max-width: 1180px;
	margin: auto;
}

.cover img {
	width: 100%;
	display: block;
	float: none;
}


/* Blockquote
---------------------*/
.quoted, .quoted .text {
	font-family: georgia;
	font-style: italic;
	font-size: 120%;
}
.quoted .text::before {
	font-family: "Font Awesome 5 Free";
	content: "\f10d";
	font-weight: 900;
	margin-right: 10px;
	opacity: 0.5;
}


.video-title-format {
	background: #dddddd;
	padding: 8px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	


/* Text Layer
----------------------------*/
.textlayer-light, .textlayer-dark {
	border: 5px solid #ffffff; 
	font-family: BebasNeueRegular; 
	font-size: 32px; 
	width: 300px; 
	height: 100px; 
	color: #ffffff; 
	text-shadow: 2px 2px 0 #111111;
	padding: 20px;
	text-align: center;
}
.textlayer-dark {
	border-color: #111111;
	color: #111111;
	text-shadow: 2px 2px 0 #ffffff;
}

/* table chart format
-----------------------------*/
.chart, .chart td, .chart th {
	border: 1px solid #eeeeee;
}
.chart td, .chart th {padding: 5px;}
.chart caption {font-size: 22px; padding: 5px;}



/*---[ Font Awesome Icons ]-----*/
.phone::before, .address::before, 
.video::before, .audio::before, 
.photogallery::before, .fieldlist a[rel^="nofoll"]::before,
.slidetab.isup::before, .slidetab.isdown::before,
.feature-marker::before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	margin-right: 10px;
	}
.phone::before {content: "\f098";}
.address::before {content: "\f041";}
.video::before {content: "\f16a";}
.audio::before {content: "\f025";}
.photogallery::before {content: "\f030";}
.fieldlist a[rel^="nofoll"]::before {content: "\f14c";}

.address {font-weight: 900; font-size: 16px;}

.cmse-imagemask, .imgmask {
	overflow: hidden;
	display: block;
}

.fieldlist {
	background: #ffffff;
	color: #111111;
	overflow: hidden; 
	font-size: 12px;
	text-align: left;
	}
.fieldlist table {width: 100%;}
.fieldlist td {
	margin: 0; 
	padding: 0; 
	border: 1px solid #dddddd; 
	padding: 5px; 
	width: 70%;
}
.fieldlist td.caption {width: 30%; background: #eeeeee;}
.fieldlist tr.nocaption td {
	background: #FCF8E3; 
	text-align: center; 
	width: 100%; 
	}
	
.itemmeta {
	font-size: 12px; 
	font-weight: 900; 
	color: #888888;
	}
.itemmeta span, .itemmeta div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
	
/*---image grow---*/
.imagegrow .item-image {
	position: relative; 
	margin-bottom: 10px;
	padding: 0 !important;
	}
.imagegrow .item-image img { 
	width: 100%; 
	height: auto;
	max-width: none;
	z-index: 10;
	}


/*Social share buttons*/
ul.rrssb-buttons {
	margin: 0 !important;
	padding: 0 !important;
	}


/* Joomla Content
-----------------------*/
.cat-subtitle {display: block;}

.cmsegrid .postitem, 
.cmseleadgrid .leaditem {
	padding: 8px;
	margin-bottom: 20px;
}
.cmsegrid .postitem .item-image, 
.cmseleadgrid .leaditem .item-image {
	margin-bottom: 10px;
}



/* CMSE Latest Articles
---------------------------*/
.cmse-latest .viewall {clear: both;}
.cmse-latest .itemswrap, 
.cmse-latest .leadwrap, 
.cmse-latest .subwrap {overflow: hidden;}

/*item image as bacground*/
.cmse-latest.itemimgbg .item-inner {padding: 0 !important;}
.cmse-latest.itemimgbg .item {
	position: relative; 
	float: none !important;
	margin: 0 !important;
	}
.cmse-latest.itemimgbg .item .title {
	position: absolute; 
	left: 0;
	right: 0;
	bottom: 0;  
	background: rgba(76,76,76,0);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 100%); 
	padding: 0;
	margin: 0;
	text-align: left;
	}
.cmse-latest.itemimgbg .title span.title-inner {padding: 50px 20px 15px 20px; display: block;}
.cmse-latest.itemimgbg .imgbg img {
	width: 100%;  
	padding: 0; 
	margin: 0; 
	border: 0;
	}

	

/*grid format*/
#grid.cmse-latest .post-image {margin-bottom: 10px;}
#grid.cmse-latest .item {
	float: left;
	box-sizing: border-box;
	margin-bottom: 15px;
	text-align: center;
}
#grid.cmse-latest .item .item-inner {padding: 5px;}
#grid.cmse-latest span.text {display: block;}
#grid.cmse-latest .leadwrap {clear: both; float: none; display: block;}

/*lead format*/
#lead.cmse-latest .item {
	float: left;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#lead.cmse-latest .item .title {font-size: 14px;}
#lead.cmse-latest span.mask {border: 4px solid #dddddd;}

/*--Lead Item--*/
#lead.cmse-latest .leadwrap .item {
	float: none;
	clear: both;
	display: block;
	box-sizing: none;
	width: auto !important;
	margin: 0;
	margin-bottom: 10px;
}

#lead.cmse-latest .leadwrap .item span.imgmask {height: auto !important;}

/*--subclass text overlay--*/
#lead.cmse-latest.text-overlay .leadwrap .item {position: relative;}
#lead.cmse-latest.text-overlay .leadwrap .item .overlay {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0;
	background: rgba(0,0,0,0.9);
	color: #ffffff;
	padding: 10px;
	}
#lead.cmse-latest.text-overlay .leadwrap .item a {color: #eeeeee;}
#lead.cmse-latest.text-overlay .leadwrap .item span.imgmask {border-color: #111111;}


@media (max-width: 640px) {
	#lead.cmse-latest .item, 
	#lead.cmse-latest .item span.imgmask, 
	#lead.cmse-latest .boxsize,
	#lead.cmse-latest .r-margin,
	#lead.cmse-latest .l-margin,
	#lead.cmse-latest .leadwrap .item	{
		float: none; 
		width: auto !important; 
		clear: both; 
		height: auto !important;
		margin: 0 !important;
		}
	#lead.cmse-latest .boxsize {margin-bottom: 10px !important;}
	#lead.cmse-latest span.title, #lead.cmse-latest h4 {display: block;}
	#lead.cmse-latest.text-overlay .leadwrap .item .overlay {position: static; background: rgba(0,0,0,1);}
		

	#grid.cmse-latest .item, #grid.cmse-latest .item span.imgmask {
		float: none; 
		width: auto !important; 
		clear: both; 
		height: auto !important;
		}
		
	#grid.cmse-latest .item {
		margin: 0; 
		margin-bottom: 20px;
	}
}



	
/* CMSE MT Listing
----------------------*/
.parentwrap, .mtitemdata {overflow: hidden;}
.block {display: block; float: none; clear: both; width: auto; overflow: hidden;}
.blockleft {float: left;}
.blockright {float: right;}

.fieldset {margin-bottom: 10px;}
.fieldset .tbl {display: table; width: 100%;}
.fieldset .trow {display: table-row;}
.fieldset .tcell {display: table-cell; border: 1px solid #eeeeee; padding: 2px;}

.fieldset .trow.nolabel, 
.fieldset .trow.nolabel .tcell {display: block; text-align: center; line-height: normal;}

.mtitem {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.mtitemimg {position: relative;}

.mtitemimg span {
	position: absolute; 
	left: 10px;
	top: 10px;
	max-width: 150px;
	z-index: 1;
	color: #ffffff;
	font-weight: 100;
	font-size: 20px;
	font-family: BebasNeueRegular;
	}

div.mtitem.insert {
	display: block !important;
	float: none !important;
	width: auto !important;
	clear: both !important;
	overflow: hidden;
}

.parentwrap .pretext, .parentwrap .posttext {
	clear: both; 
	width: auto; 
	display: block; 
	float: none;
	}
.mtitem a[href^="tel:"] {
	display: inline-block; 
	background: #00bfff; 
	color: #ffffff; 
	padding: 4px 10px; 
	border-radius: 2px;
	}

.mtitem a[href^="tel:"]::before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f095"; 
	font-weight: 900;
	margin-right: 8px;
	}

.mtitem .tags {text-align: center;}
.mtitem .tags li {display: inline-block;}
.mtitem .tags a {font-size: 12px; padding: 1px 2px;}


.tags {text-align: center;}
.tags ul, .tags li {
	padding: 0 !important; 
	margin: 0 !important;
	list-style: none !important;
	line-height: normal !important;
	}
.tags ul li {
	display: inline-block;
	list-style: none !important;
	}
.tags ul li a {
	display: block; 
	padding: 2px; 
	font-size: 12px;
	}
	


a[href^="tel:"]::before {
	font-family: 'Font Awesome 5 Free'; 
	content: "\f095"; 
	font-weight: 900;
	margin-right: 8px;
	}

.metadata {font-size: 12px;}
.cmseform textarea {width: 98%;}


.ratemsg, .stars {display: table-cell;}
.ratemsg {font-size: 12px;}


.gallery {text-align: center;}
.gallery ul li {
	display: inline-block;
	box-sizing: border-box;
	}
.gallery ul li a {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: #eeeeee;
	}

/* Add Item */
span.suffix, span.prefix {
	display: block;
	width: auto;
	font-size: 12px;
	color: #666666;
}

.addlist input[type="file"] {
	padding: 10px 10px 40px 10px;
	background: #c8e4ff;
	border: 4px solid #abd5fc;
}

.addlist textarea {width: 98%;}

.reviews .review {background: #eeeeee; padding: 20px;}
.review-title {font-weight: 900;}
.reviews .title, .review-info, .review-date, .review-permalink, .favorite {font-size: 12px;}

div.rating {text-align: center;}
div.stars, .votewrap {
	display: inline-block; 
	vertical-align: middle;
	}
.votewrap {
	margin-left: 5px;
}




/******************************
*	Category View	*
******************************/
.postitem.featured .inner {
	background: #fff6d6;
}

/* Sub Categories
--------------------------*/
.cat-children {overflow: hidden;}
.child-cat {margin-bottom: 20px;}
.child-cat .inner {
	border: 1px solid #dddddd;
	padding: 10px;
	overflow: hidden;
}

/* grid format*/
.child-cat.cmsegrid .inner {
	margin: 5px;
	text-align: center;
}
.child-cat.cmsegrid .catimage {
	display: block;
	margin-bottom: 15px;
}
.child-cat.cmsegrid .catimage img {display: block; margin: auto;}

.items-row {
	margin-bottom: 20px;
}
.items-row .postitem {
	overflow: hidden;
}




/* Author List
----------------------*/
.authorprofile {
	margin-bottom: 8px;
	border: 1px solid #aaaaaa;
	padding: 10px;
	overflow: hidden;
}
.authorprofile span {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.authorprofile span.meta {float: right;}
.authorprofile span.meta span {margin-left: 10px;}
.authorprofile .photo, .authorprofile .authorname {float: left;}



/* Author profile in post
----------------------------*/
.author-details {
	border: 1px solid #dddddd;
	background: #eeeeee;
	padding: 10px;
	margin: 20px 0;
	display: block;
	clear: both;
	font-size: 13px;
	overflow: hidden;
}



/* Pagination
-------------------*/
.pagination {text-align: center;}
.pagecounter {font-size: 12px; color: #dddddd;}

.metabox {
	font-size: 12px;
	color: #aaaaaa;
	margin-bottom: 20px;
	background: #eeeeee;
	padding: 5px;
}
.metabox .meta {display: inline-block; margin-right: 10px;}


/* Article View
-----------------------*/
.item-image {margin-bottom: 30px;}
.articletext {
	line-height: 1.5em;
}

.imgcaption span {
	display: block;
	text-align: center;
	font-size: 13px;
	background: #dddddd;
	line-height: normal;
}


/* related pagination */
.tagrelated .relitem {
	overflow: hidden;
}
.tagrelated .relitem .inner {
	padding: 5px;
}
.tagrelated .relitem .relimage {
	overflow: hidden;
	margin-bottom: 10px;
}
.tagrelated .relitem .item-title {
	font-size: 13px;
}


.socialicon i {font-size: 28px;}

/*--Google Map-*/
address.gmaps .mapscroll-wrap {width: 100% !important;}
address.gmaps {line-height: normal; margin: 0;}

/*--ChatRoom-*/
iframe.chatframe {width: 100%; height: 460px; border: 0;}



/*video player adjustment for silly video dimensions from facebook*/
.fbvideo-adjust div.vidwrap {padding-bottom: 58%; max-width: 600px; margin: auto;}
.fbvideo-adjust-slim div.vidwrap {padding-bottom: 60%; max-width: 300px; margin: auto;}

iframe.twitter-tweet {
	margin: auto;
}
.fbcommentwrap {background: #ffffff;}
	

/*---contact form---*/
.cmseform label, .cmseform input[type="text"] {
	display: inline-block; 
	vertical-align: middle;
	}
.cmseform label {width: 120px;}
.cmseform textarea {width: 98%;}

/*----[ Social Share ]------*/
.share-container {margin: 20px 0; clear: both;}
ul.rrssb-buttons, ul.rrssb-buttons li {
	list-style: none !important;
	margin: 0 !important;
	}


/* Parallax
---------------------*/
.parallax {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	position: relative;
	}
.par1mask, .par2mask, .par3mask, .par4mask {
	position: absolute; 
	top: 0; 
	right: 0; 
	left: 0; 
	bottom:0;
	}


/*-------[ SLIDESHOW ]------------*/
.article-slide {
	border: 1px solid #222222;
	clear: both;
	margin: 20px 0;
}

/*---[ Main Overall Parent]--*/
.jssorwrap {
	position: relative; 
	visibility: hidden;
	overflow: hidden;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	min-width: 800px;
	}
/*---[ Child main ]--*/
.jssorslides {
	position: relative; 
	cursor: grab;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	height: 100%; 
	overflow: hidden;
	}

/*---[ BOTTOM NAVIGATION ]---*/
.slidenav-hbar {
	position: absolute; 
	left: 0px; 
	right: 0; 
	bottom: 0px; 
	width: auto; 
	height: 50px; 
	background: #222222;
	}

.slidenav-hbar .navitem {
	position: absolute; 
	top: 0;
	left: 0;
	bottom: 0;
	width: 68px; 
	height: auto;
	cursor: pointer;
	}
.slidenav-hbar .navitem .frm {
	position: absolute; 
	top: 6px; 
	left: 0;  
	border: none;
	border: 1px solid #ffcc00;
	height: 35px;
	overflow: hidden;
	}
.slidenav-hbar .navitem .frm:hover {border-color: #ffffff; }
.slidenav-hbar .navitemav .frm {border-color: #ff0000;}
.slidenav-hbar .navitem.navitemdn .frm { border-color: #000;}


/*---[ SIDE NAVIGATION ]---*/

.slidenav-sidebar {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #333333;
	}

.slidenav-sidebar .navitem {
	background: #181818;
	cursor: pointer;
	}
.slidenav-sidebar .frm {
	height: 100%; 
	padding: 5px;
	border: none;
	overflow: hidden;
	}

.slidenav-sidebar .img img {width: 100%; height: auto;}
.slidenav-sidebar .img, 
.slidenav-sidebar .navitemav:hover .img {
	float: left;
	border: 1px solid #333333;
	width: 100px;
	display: block;
	overflow: hidden;
	margin-right: 10px;
	}
.slidenav-sidebar .navitemav .img {border: white 1px solid;}
.slidenav-sidebar .slidetext, 
.slidenav-sidebar .navitemav:hover .slidetext { 
	color: #fc9835; 
	font-size: 12px;
	}
.slidenav-sidebar .navitemav .slidetext, 
.slidenav-sidebar .navitem:hover .slidetext {color: #fff;}

.slidenav-sidebar .slidetext {
	transition: color 2s; 
	-moz-transition: color 2s; 
	-webkit-transition: color 2s; 
	-o-transition: color 2s;
	}
.slidenav-sidebar .navitem:hover .slidetext, 
.slidenav-sidebar .navitemav:hover .slidetext {
	transition: none; 
	-moz-transition: none; 
	-webkit-transition: none; 
	-o-transition: none;
	}
.slidenav-sidebar .navitem:hover, 
.slidenav-sidebar .navitemav:hover {background: #333;}
.slidenav-sidebar .navitemav, 
.slidenav-sidebar .navitem.navitemdn {background: #462300;}

.slidenav-sidebar .slidetext h5 {margin: 0; padding: 0; font-weight: 100; font-size: 12px; line-height: normal;}
.slidenav-sidebar .slidetext span.metafield {background: transparent;}
.slidenav-sidebar .slidetext span.metafield span {display: inline-block; margin-right: 4px;}

.bg-green .slidenav-sidebar {background: #3c5b0e;}
.bg-green .slidenav-sidebar .navitem {background: #537225;}
/*----------------------------[ END SLIDESHOW ]-------------------------*/


/*---[ Pagination ]---*/
.page_navigation a, .ellipse {display: inline-block;}

.page_navigation {
	padding-top: 10px;
	overflow: hidden;
	clear: both;
	text-align: center;
}

.page_navigation a {
	padding: 3px 5px;
	margin: 2px;
	color: #666666;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	background: #eeeeee;
	border: 1px solid #dddddd;
	border-radius: 2px;
}
.active_page{
	background: #d9f3fc !important;
	color:black !important;
}

.bg-blue .page_navigation a,
.bg-black .page_navigation a,
.bg-green .page_navigation a {
	background: transparent;
}


/* Vertical Accordion
-----------------*/
*[headerindex] {cursor: pointer;}
.slidetab {
	background: #0088CC; 
	color: #ffffff; 
	
	padding: 5px 15px; 
	margin: 0; 
	margin-top: 2px;
	font-size: 18px;
	border-radius: 2px;
	}
.slidetab.isdown {border-radius: 2px 2px 0 0;}
.slidetab.isup::before, .slidetab.isdown::before {content: "\f0ab";}
.slidetab.isdown::before {content: "\f0aa";}
.slidecontent {
	margin-bottom: 2px;
	padding: 20px;
	}

.slidewrap.black .slidetab {
	background: #111111;
	color: #dddddd;
}
.slidewrap.black .slidecontent {
	background: #333333;
	color: #ffffff;
	padding: 20px;
}

.slidewrap.red .slidetab {
	background: #e02904;
	color: #ffffff;
}
.slidewrap.red .slidetab:hover,
.slidewrap.red .slidetab.isdown,
.slidewrap.red .slidecontent {
	background: #c92100;
}
.slidewrap.red .slidecontent {
	padding: 20px;
	color: #ffffff;
}

.slidetab.greentab {
	background: #598925;
	color: #ffffff;
}
.slidecontent.greencontent {
	background: #669630;
	color: #ffffff;
}

.slidecontent.yellowcontent {
	background: #e5b940;
	color: #ffffff;
}

.tabalign {overflow: hidden;}
.tabalign .slidetab {
	display: inline-block;
	margin-right: 3px;
	border-radius: 2px 2px 0 0;
}
.tabalign .slidetab.isdown {
	padding-top: 10px;
}


/** end vertical slides **/


/* Tabs
--------------------*/
.tabset {overflow: hidden;}
.tabset dl.tabs {margin: 0;}
.tabset dl.tabs dt {
	float: none;
	display: inline-block;
	line-height: normal;
	font-weight: 100;
}
.tabset dl.tabs h3, 
.tabset dl.tabs a {
	font-weight: 100;
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: normal;
	}
.tabset dl.tabs a {
	display: block;
	padding: 5px 15px;
	background: #eeeeee;
	margin-right: 2px;
}
.tabset dl.tabs dt a:hover,
.tabset dl.tabs dt.open a {
	background: #dddddd;
}
.tabset dd {
	margin: 0; 
	padding-top: 20px;
	overflow: hidden;
	}
.tabset div.current {
	overflow: hidden;
	}
	
/*tab style suffix*/
.tabset.black dl.tabs a {
	background: #222222;
	color: #cccccc;
}
.tabset.black dl.tabs dt a:hover,
.tabset.black dl.tabs dt.open a {
	background: #333333;
}
.tabset.black div.current {
	background: #333333;
	color: #ffffff !important;
	border-color: #333333;
}

.tabset.yellow dl.tabs a {
	background: #f2ba2e;
	color: #ffffff;
}
.tabset.yellow dl.tabs dt a:hover,
.tabset.yellow dl.tabs dt.open a {
	background: #f7d474;
	color: #b77400;
}
.tabset.yellow div.current {
	background: #f7d474;
	color: #111111 !important;
	border-color: #f7d474;
}


/*sidetabs*/
.tabset.sidetabs {
	display: flex;
	flex-direction: row;
	}
.tabset.sidetabs dl.tabs {
	margin: 0 !important;
	width: 10%;
}
.tabset.sidetabs dl.tabs dt {
	float: none;
	display: block;
	margin-bottom: 2px;
}
.tabset.sidetabs div.current {
	width: 100%;
}

/** tabs **/



/* Audio Player
-----------------------------*/
.jp-audio-stream ul, 
.jp-audio-stream li, 
.jp-audio-stream p, 
.player-title h5 {
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none !important; 
	line-height: normal !important;
	}
.player-title h5 {font-size: 14px; font-weight: 100;}

.jp-audio-stream {
	padding: 2px 5px; 
	background: #222222; 
	line-height: normal !important; 
	display: block; 
	clear: both;
	float: none;
	border-top: 4px solid #111111;
	color: #dddddd;
	}

.jp-interface {width: auto; clear: both; float: none;}

.jp-controls .td {display: inline-block; vertical-align: middle;}
.jp-controls .td.vol {width: 30%;}
.jp-controls a {
	display: block; 
	margin: 0; 
	padding: 0; 
	font-weight: 100 !important; 
	text-decoration: none;
	}

.jp-controls a.jp-play, 
.jp-controls a.jp-pause {
	display: block;
	color: #ffffff; 
	line-height: 0px !important;
	}
.jp-controls a.jp-play:hover {color: #ffcc00;}
.jp-controls a.jp-pause {color: #FFCC00;}
.jp-controls a.jp-pause:hover {color: #111111;}



/* @group progress bar */

div.jp-progress {overflow:hidden; width:40%;}
div.jp-progress .progress-bg {}
div.jp-progress .progress-bg span, 
.jp-controls .jp-volume-bar-value {background: #BE0203; display: block; padding: 2px 0;}

div.jp-seek-bar {
	background: #BE0203;
	width: 0;
	height:100%;
	cursor: pointer;
	height: 2px;
}
div.jp-play-bar {
	background: #13C0FA;
	width:0px;
	height:100%;
}

div.jp-current-time, div.jp-duration {
	display: inline-block; 
	font-size: 12px; 
	line-height: normal;
	color: #666666;
	}
div.jp-duration {float: right;}

/* @end */

.td.vol, .td.mut {}
.jp-controls .jp-volume-bar {cursor: pointer;}
.jp-controls .jp-volume-bar-value {background: #ffcc00;}
.jp-controls .jp-volume-bar-value:hover {background: #ffcc00;}

.jp-controls .td .mute {}
.jp-controls a.jp-mute, 
.jp-controls a.jp-unmute {display: block; padding: 5px; font-size: 13px; color: #dddddd;}
.jp-controls a.jp-mute:hover {color: #ffcc00;}
.jp-controls a.jp-unmute {color: #ffcc00;}
.jp-controls a.jp-unmute:hover {color: #BE0203;}

.jp-no-solution {padding: 5px; font-size: .8em; display: none;}
.jp-no-solution span {
	font-size:1em; 
	display:block; 
	text-align:center; 
	font-weight:bold;
	}

/*-------[ PLAYLIST ]-------------*/
.jp-playlist {display: block; clear: both; float: none;}
.jp-playlist ul li {
	display: block !important; 
	float: none !important; 
	clear: both !important;
	}
.jp-playlist ul li a {
	display: block;
	background: #222222;
	color: #eeeeee;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 10px;
	border-top: 2px solid #333333;
	}
.jp-playlist ul li a:hover, 
a.jp-playlist-current {
	background: #ffcc00 !important; 
	color: #222222 !important;
	}

.jp-playlist ul li a:before,
.jp-playlist ul li a.jp-playlist-current:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f144';
	margin-right:5px;
	font-weight: 100;
	font-size: 14px;
	}
.jp-playlist ul li a.jp-playlist-current:before {
	content: '\f028';
	color: #900000;
	}

/*bottom fixed player--*/
.footplayer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	}
.footplayer .jp-playlist {position: relative;}
.footplayer .jp-playlist .slidepanel {
	width: 230px;
	position: absolute; 
	right: 5px; 
	bottom: 0;
	}
.slideswitch {
	float: right; 
	color: #dddddd;
	display: block;
	font-size: 13px;
	padding: 5px;
	}



@media all and (min-width: 320px) and (max-width : 639px) {

}


/* Countdown Clock
------------------------*/
.cmse-countdown {
	overflow: hidden; 
	text-align: center;
	line-height: normal;
	}
.cmse-countdown .digit {
	float: left;
	box-sizing: border-box;
	width: 25%;
	padding: 2px;
	}
.cmse-countdown .digit-inner {
	background: #111111;
	color: #eeeeee;
	padding: 10px;
}
.cmse-countdown .endmsg {
	background: #cae0a1;
	border-radius: 8px;
	font-size: 2em;
	padding: 10px;
}
.cmse-countdown .digit-inner div {
	font-family: BebasNeueRegular;
	font-weight: 100;
	font-size: 32px;
}

.cmse-countdown.valign .digit {
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 2px;
}

.cmse-countdown.rounded, 
.cmse-countdown.rounded .digit-inner {
	border-radius: 5px;
}

.cmse-countdown.blue {
	background: #bbbbbb;
	padding: 10px;
	}
.cmse-countdown.blue .digit-inner {
	background: #005983;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #ffffff;
}

.cmse-countdown.green .digit-inner {
	background: #7c964c;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #dcf7aa;
}

.cmse-countdown.red .digit-inner {
	background: #f72a2a;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #ffffff;
}

/** end countdown **/



/* CMSE OnePage / Content Sections
-----------------------------------*/
.section-title {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}
.section-title div {padding: 20px}
.section-title div.box-1180 {
	padding: 20px 0 !important;
}



/*-----[ Banner Module ]-----*/
.cmsebanner .banneritem {
	position: relative;
}
.cmsebanner .bannertext, .cmsebanner .bannertext p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}

/*-banner video-*/
.bannervid {
    position: relative;
    padding-bottom: 54.25%;
    padding-top: 32px;
    height: 0;
    overflow: hidden;
}
.bannervid iframe, 
.bannervid video, 
.bannervid .fb-video {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	margin: auto;
    }


.bannervid a {
	display: block; 
	width: auto; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1;
	}
.bannervid .txt {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bannervid a img {
	max-width: none; 
	width: auto !important; 
	display: block;
	}
.fullwidth .banneritem img {width: 100%;}

/* Paypal cart */
.ppwrap {margin-top: 20px;}
.ppform {color: #111111; font-size: 13px;}

/*---instagram embed---*/
.instagram-media {
	background:#FFF; 
	border:0; 
	border-radius:3px; 
	box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); 
	margin: 1px; 
	max-width:540px; 
	min-width:326px; 
	padding:0; 
	width:99.375%; 
	width:-webkit-calc(100% - 2px); 
	width:calc(100% - 2px);
}
iframe.instagram-media {margin: auto !important;}

/* File download
--------------------*/
.dlbtn {overflow: hidden;}
.dlbtn span {font-size: 13px;}
.dlbtn .fileinfo span {display: block;}

/* K2 Comment
---------------------*/
.k2comment {
	background: #eeeeee;
	padding: 20px;
}
.k2comment .form-head {
	margin-bottom: 20px;
	overflow: hidden;
	}
.k2comment p {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.k2comment .comment-user input[type="text"] {
	padding: 6px;
	height: auto;
}
.k2comment .comment-text textarea {
	width: 418px;
	height: auto;
	padding: 6px;
	}
	
	
/* Mod CMSE Pagehead
-------------------------*/
.insethead {
	position: relative;
	}
.insetfloat {
}
.inset {
	position: absolute;
	bottom: -80px;
	left: 60px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 100%;
	border: 5px solid #eeeeee;
	background: #eeeeee;
}
.inset img {
	display: block;
	max-width: none;
}
.datafield {
	padding: 10px 20px;
	}

.stick-shadow .datafield {box-shadow: 0px 1px 3px #bbbbbb;}


/* Mod CMSE J2s Items
--------------------------*/
/*store module*/
.cmsej2store-wrap {overflow: hidden;}
.cmsej2store-wrap .store-item {
	width: 25%;
	float: left;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.cmsej2store-wrap .store-item .inner {
	border: 1px solid #dddddd;
	padding: 10px;
	margin: 4px;
	overflow: hidden;
}
.cmsej2store-wrap .itemimg {margin-bottom: 15px;}
.cmsej2store-wrap .itemimg .imgmask {max-height: 240px;}
.cmsej2store-wrap .store-item h4 {font-size: 16px;}


/* CMSE Page break
---------------------*/
.pbthumbs {
	text-align: center; 
	margin: 0 !important; 
	padding: 0 !important;
	overflow: hidden;
	}
.pbthumbs li {
	float: left;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}
.pbthumbs li a {
	display: block;
	width: 150px;
	height: 120px;
	overflow: hidden;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	margin: 2px;
}


/* Open Graph Post
-------------------------*/
.ogdata {
	width: 500px; 
	line-height: normal;
	font-size: 13px;
	}
.ogdata a img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}
.ogdata h2 {
	font-weight: 700;
	font-size: 16px;
	font-family: inherit;
	line-height: normal;
}
.ogdata p {
	color: #aaaaaa;
}
.ogpost {
	width: 500px; 
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	}
.ogtext, .ogcaption {
	padding: 10px;
	line-height: normal;
	font-size: 13px;
	}

	
	
/* CMSE220 Template
-----------------------*/
.topcontent .m2 .module-title {
	max-width: 1180px; 
	margin: auto;
	}
	
.vpadm3-30 .m3 {
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Play Icon
-------------------*/
.playbtn .post-image .imgmask {position: relative;}
.playbtn .post-image a::before {
	font-family: fontawesome;
	content: "\f16a";
	position: absolute;
	font-size: 300%;
	opacity: 0.8;
	top: 35%;
	left: 40%;
}
.playbtn .post-image a {
	text-decoration: none;
	color: #111111;
	}
.playbtn .post-image a:hover {
	color: #d6002e !important;
}


/*-----------[ M E D I A  Q U E R I E S ]---------------------*/
@media (min-width: 320px) and (max-width: 980px) {
	.mobilereset,
	.break {
		display: block;
		float: none !important;
		width: auto !important;
		clear: both;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		margin-right: 0;
	}
	.box-1180, .media980 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.parallax, .parmask {
		height: auto !important;
		position: static !important;
		background-attachment: local !important;
		background-position: top !important;
		overflow: visible;
		background-size: cover !important;
	}
	
	.tabalign .slidetab {display: block;}
}