/*Site Colors
    Blue: #1dcee1
    Teal: #00d198
    Green: #91e36d
    Yellow: #efc77d
    Orange: #ff5907
    */

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600&family=Poppins&display=swap');
* {
	box-sizing: border-box;
}
/* General */
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	color: #383e4e;
}
p {
	line-height: 22px;
}
.baloo{font-family: 'Baloo 2', cursive;font-weight:600;}
.header-emphasis{font-family: 'Baloo 2', cursive;font-weight:600;}

a {
	color: #00d198;
	text-decoration: none;
	border-bottom: none;
}
a:hover {
	color: #1dcee1;
	text-decoration: none;
}

.btn{border-radius:20px;}
.btn-primary{
    background: #00d198;
    border-color: #00d198;
    color: #fff;
}
.btn-primary:hover{
        background: #3cd5a3;
    border-color: #3cd5a3;
    color: #fff;
}

.btn-blue{
    background: #1dcee1;
    border-color: #1dcee1;
    color: #fff;
}
.btn-blue:hover{
        background: #43d4e4;
    border-color: #43d4e4;
    color: #fff;
}

.btn-green{
    background: #91e36d;
    border-color: #91e36d;
    color: #fff;
}
.btn-green:hover{
        background: #9ce67d;
    border-color: #9ce67d;
        color: #fff;
}

.btn-yellow{
    background: #efc77d;
    border-color: #efc77d;
    color: #fff;
}
.btn-yellow:hover{
        background: #f2cc8a;
    border-color: #f2cc8a;
    color: #fff;
}

.btn-orange{
    background: #ff5907;
    border-color: #ff5907;
    color: #fff;
}
.btn-orange:hover{
        background: #ff6b30;
    border-color: #ff6b30;
    color: #fff;
}

.btn-grey{
    background: #383e4e;
    border-color: #383e4e;
    color: #fff;
}
.btn-grey:hover{
        background: #494f5f;
    border-color: #494f5f;
    color: #fff;
}

.green{color:#91e36d!important;}
.teal{color:#00d198!important;}
.blue{color:#1dcee1!important;}

.teal-bg{background-color:#00d198;margin-left:15px; margin-right: 15px;}
.interior{padding:15px;}

.table-membership{
    

}
.table-membership .fa-check{font-size:20px; color: #1dcee1;}
.table-membership .thead-light th{
    color: #fff;
    background-color: #00d198;
    border-color: #00d198;
    }

/*.mgcontent a {
	color: #1dcee1;
	text-decoration: none;
	border-bottom: 1px solid #1dcee1;
	padding-bottom: 2px;
}
.mgcontent a:hover {
	color: #00d198;
	text-decoration: none;
	border-bottom: 1px solid #00d198;
	padding-bottom: 2px;
}
*/
.mgcontent .contentItem a.department, .mgcontent .contentGrid a, .mgcontent .mgprofilecontainer a, .mgcontent .tableDisplay a, .mgcontent .topMenu a, .mgcontent #forumControl a, a.carousel-control, .flex-direction-nav a, li.ui-tabs-tab a, .mgcontent .downloadtable a {
	color: #383e4e;
	border-bottom: none;
	padding-bottom: inherit;
	font-size:1.1rem;
}
.mgcontent .contentItem a.department:hover, .mgcontent .contentGrid a:hover, .mgcontent .mgprofilecontainer a:hover, .mgcontent .tableDisplay a:hover, .mgcontent .topMenu a:hover, .mgcontent #forumControl a:hover, a.carousel-control:hover, .flex-direction-nav a:hover, li.ui-tabs-tab a:hover, .mgcontent .downloadtable a:hover {
	color: #00d198;
	border-bottom: none;
}
.mgcontent .tableDisplay a.button, .mgcontent .topMenu a.button, .mgcontent #forumControl a.button {
	border-bottom: 1px solid;
}
.mgcontent .tableDisplay a.button:hover, .mgcontent .topMenu a.button:hover, .mgcontent #forumControl a.button:hover {
	border-bottom: 1px solid;
}
.mglmslessons a {
	border-bottom: none;
}
.mglmslessons a:hover {
	border-bottom: none;
	padding-bottom: 15px;
}
.mgcontent .contentItem a.more, .mgprofilebodycontainer a.Button {
	padding: 6px 12px;
	border-radius:20px;
	font-size:1rem;
}
.mgcartpage .buttons {
	border: none !important;
}
a.mglmsbutton {
	padding: 5px 20px !important;
}

/*
a, .mgcontent div.topMenu a {
	color: #00d198;
	text-decoration: none;
	border-bottom: none;
}
a:hover, .mgcontent div.topMenu a:hover {
	color: rgba(0,209,152,0.6);
	text-decoration: none;
	border-bottom: none;
}
.mgcontent > a, .mgcontent > p > a, .mgcontent > div > a, .mgcontent > ul > li > a {
	color: #1dcee1;
	border-bottom: 1px solid #1dcee1;
	padding-bottom: 2px;
}
.mgcontent > a:hover, .mgcontent > p > a:hover, .mgcontent > div > a:hover, .mgcontent > ul > li > a:hover {
	color: #00d198;
	border-bottom: 1px solid #00d198;
	padding-bottom: 2px;
}
*/

.calendar1 .calendarRow{ background:#F4F1BB}
.calendar1 .calendarHeader{ background-color:#282828!important;border-color: #DDD!important;}
.calendar1 .calendarRow .calendarDate{ background-color:#00d198!important; color:#FFFFFF!important}
.calendarNotes font b{
	color: #17191D!important;
    font-size: 24px;
    letter-spacing: 1px;
	position:relative;
}
.calendarNotes font b:after{
	position: absolute;
    content: "";
    bottom: -10px;
    left: 25%;
    height: 3px;
    width: 50%;
    background: #00d198;
}
.calendarRow > .calendarNotes{ padding-bottom:15px!important}
.calendar1 .calendarTable{ width:100%!important; max-width:500px!important}
.carousel-control-next, .carousel-control-prev{opacity:1!important}
.carousel-control-next-icon:before{ right:-25px; opacity:0}
.carousel-control-prev-icon:before{ left:-25px;  opacity:0}
.carousel-control-next-icon:before, .carousel-control-prev-icon:before{font-size: 40px;color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-text-stroke-width: 0px; position:absolute;transition: all .3s ease-in-out}
.content-carousel:hover .carousel-control-next-icon:before, .content-slider:hover .carousel-control-next-icon:before{ right:0!important;  opacity:1!important}
.content-carousel:hover .carousel-control-prev-icon:before, .content-slider:hover .carousel-control-prev-icon:before{ left:0!important;  opacity:1!important}
#forumMenu > a, .tableCol a {
	color: #00d198 !important;
}
#forumMenu > a:hover, .tableCol a:hover {
    color: rgba(0,209,152,0.6) !important;
}
a.admintop{
	color: #FFFFFF !important;
}
img {
	max-width: 100%;
}

fieldset > legend {
	background-color: #00d198;
	color: #FFFFFF !important;
}
hr {
	border-top: 1px solid #e5e5e5 !important;
}
section {
	width: 1400px;
	margin: 0 auto;
	/*padding: 30px 0px 0px 0px;*/
	clear: both;
	flex: 1;
	display: -ms-flexbox !important;
	display: flex !important;
}
section div.container {
	display: flex;
	flex: 1;
}
main {
	flex: 1;
	margin: 15px 30px;
}
.mgfullwidth main {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.mgfullwidth .flexslider {
	border: 0px;
}
.mgfullwidth .mgbreadcrumb{
	padding: 0px 10px;
}
.container-fluid.mgfullwidth .row{margin-left: 0; margin-right: 0;}
input {
	padding: 5px 12px;
	-webkit-background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0px;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	height: 34px;
	line-height:22px !important;
}
input[type=button], input[type=submit], input[type=reset] {
	background-color: #1dcee1;
	border: none;
	border-radius:20px;
	color: white;
	padding: 6px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input.buttons:hover {
	background-color: rgba(29,206,225,0.8);
}
input[type=text] {
	width: 100%;
	margin-top: 15px;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 7px;
	height: auto !important;
}
/* Layout */
.mgcontent, nav.left, nav.right {
	float: left;
}
.mgcategory {
	padding: 5px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.mgsectioncontainer {
	background: #FFFFFF;
}
/* MG Elements - Content Layout */
.contentlistleft {
	padding-right: 5px;
}
.contentlistright {
	padding-left: 5px;
}
.contentLayout4, .contentLayout5{
	width: 100%; 
	border: 1px solid #ddd; 
	padding-bottom: 5%; 
	margin-bottom: 2%;
	margin-top: 2%; 	
	border-radius: 5px; 
	float: left; 
	min-height: 365px; 
	position: relative; 

}
.contentLayout7 > div {
	width: 100%; 
	border: 1px solid #ddd; 
	padding-bottom: 5%; 
	margin-bottom: 2%;
	margin-top: 2%; 	
	border-radius: 5px; 
	float: left;
	position: relative; 

}
.contentGrid p.tease{
	height: 46px;
    overflow: hidden;
}
.contentLayout2, .contentLayout1 {
	width: 100%; 
	border: 1px solid #ddd; 
	padding-bottom: 3%; 
	margin-bottom: 2%;
	border-radius: 5px; 
	float: left; 
	position: relative; 

}
.contentlistleft > .contentLayout4, .contentlistleft > .contentLayout5, .contentlistleft > .contentLayout7, .contentlistright > .contentLayout4, .contentlistright > .contentLayout5, .contentlistright > .contentLayout7 {
	width: 100%;
}

@media (min-width: 992px){
.contentItem.contentLayout2 .tease{
    margin-left: 30%;
    display:block;
}
}

.contentGridContainer{margin-bottom:10px;}
.contentGridContainer > .contentGrid  > div > .tease > a, .contentLayout9 .tease > a {
	padding: 5px 6px;
    background-color: #00d198;
    color: #fff!important;
	display: block;
	margin: 20px auto 0px;
    bottom: 15px;
    text-align: center;
}
.contentGridContainer > .contentGrid  > div > .tease > a:hover, .contentLayout9 .tease > a:hover {
	background-color: rgba(0,209,152,0.8);	
}
.contentLayout5 > .tease > a,  .contentLayout4 > .tease > a {
	border: 1px solid #ddd;
	padding: 5px 6px;
	background-color: #00d198;
	color: #fff! important;
	font-size: 14px !important;
	display: block;
	margin-top: 20px;
	width: 30%;
	margin-left: 35%; 
	bottom: 15px;
	text-align:center;
}
.contentLayout5 > .tease > a:hover,  .contentLayout4 > .tease > a:hover {
	background-color: rgba(0,209,152,0.8);	
}
.contentLayout1 > .tease > a.more , .contentLayout8 p.tease > a.more, .contentLayout2 p.tease > a.more {
    padding: .5rem 1rem;
    background-color: #00d198;
    color: #fff! important;
    margin-top: 20px;
    width: 150px;
    text-align: center;
	display: flow-root;
}
.contentLayout1 > .tease > a.more:hover , .contentLayout8 p.tease > a.more:hover, .contentLayout2 p.tease > a.more:hover {
	background-color: rgba(0,209,152,0.8);	
}
.departmentcontent {
	margin-bottom: 15px;
}
.contentListContainer > .departmentcontent > .contentItem > .tease, .contentListContainer > .portalcontent > .contentItem > .tease, .contentLayout4 > .tease, . > .tease {
	text-align: center;
}
.contentLayout4 img, .contentLayout5 img, .contentGridContainer > .contentGrid img {
	float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.contentLayout1 > a:first-child {
	display: block;
}
.contentLayout8 {
	width: 100%; 
	margin-left: 0;
	min-height: 280px;
	border: solid 1px #DDD;
}
.contentLayout9, .carousel > .carousel-inner > .col-md-3 {
	flex: 0 0 24.5%;
	margin-left: 0.5%;
	border: solid 1px #DDD;
	padding-bottom: 50px;
}
.contentListContainer > .departmentcontent > .contentItem:hover, .contentListContainer > .portalcontent > .contentItem:hover, .clumpbody >  .contentListContainer > .clumpcontent > .contentItem:hover,.clumpbody >.contentListContainer > .clumpcontent > .contentGrid > div:hover, .carousel-item:hover, .contentGridContainer > .contentGrid > div:hover, .contentListContainer > .contentlistright > .contentItem:hover { 
	
}
.contentListContainer > .departmentcontent > .contentItem > .department > .mgimageleft, .contentListContainer > .portalcontent > .contentItem > .department > .mgimageleft, .contentListContainer > .clumpcontent >.contentItem > .department > .mgimageleft, .contentLayout8 .contentItem img {
	padding: 5px;
}
.contentLayout1 > .department > .mgimageleft, .contentLayout2 > .department > .mgimageleft, .contentLayout8 .contentItem .mgimageleft {
	max-width: 30%; 
	padding-right: 15px !important;
}
.contentLayout8 .contentItem img {
	width: 100%;
	max-width: 250px;
}
/* CFMBB Styles */
.tableDisplay, .tableCol, .tableCell {
	border-color: #333333 !important;
	color: #333333;
}
.tableCol a, .topMenu a, a.searchMemberLink, .forumTable .notification, #newposts, .forumDesc a {
	color: #333333 !important;
}
.tableCol a:hover, .topMenu a:hover, a.searchMemberLink:hover, .forumDesc a:hover {
	color: #00d198 !important;
}
.tableHeader, .tableHeader .tableCell, .button, a.button {
    background-color: #00d198 !important;
    color: #FFFFFF !important;
}
.tableSubHeader {
    background-color: rgba(0,209,152,0.15) !important;
}
.messageCol1 {
	background-color: rgba(0,209,152,0.1) !important;
}
.tableRow0, .postTitle, .postSignature, .postButtons {
	background-color: rgba(0,209,152,0.05) !important;
}
.tableRow1 {
	background-color: #ffffff !important;
}
.button:hover, a.button:hover {
    color: #00d198 !important;
    background-color: rgba(0,209,152,0.3) !important;
}
.tableHeader a {
    color: #FFFFFF!important;
}
h1.threadTitle {
	margin-bottom: .5rem!important;
}

/******PUBLIC PORTAL*************/
.portal-1 .row.breadcrumbs{display:none;}
.portal-1 main{margin-top: 0;}

.home-splash{
    background: #ebf0f3;
    background-image: url('../images/public-banner.jpg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 30px;
    }
    
.home-splash .home-splash-left{font-size: 36px;}
.home-splash .home-splash-left p{line-height: 1;}
.home-splash .home-splash-left .header-emphasis{font-size: 50px;}
    
.home-splash .form-container{
    background-color: rgba(253, 253, 253, 0.5);
    border-radius: 10px;
    padding: 20px 30px;
    width: 400px;
    max-width: 100%;
        }
        
.home-splash .form-container .form-control{
    border-color: #1dcee1;
    }
.home-splash .form-container label{margin-bottom: 0;font-size: .9rem;}
.home-splash .form-container h2{color:#00d198; font-weight: bold; margin-bottom: 0;}
.home-splash .form-container .subtitle{font-weight: bold; color: #000;}

@media (max-width: 991px){
    .home-splash{padding:0; background-position:right center; background-size:cover;}
    .home-splash .row{background-color: rgba(253, 253, 253, 0.4);padding: 20px 30px;}
    .home-splash .home-splash-left{margin-bottom: 30px;}
    .home-splash .form-container{margin: 0 auto;background-color: rgba(253, 253, 253, 0.7);}
    .home-splash .form-container h2{font-size: 2rem;}
    }
    
    @media (max-width: 575px){
        .home-splash .home-splash-left{font-size: 25px;}
        .home-splash .home-splash-left .header-emphasis{font-size: 34px;}
        }
        
.box{position: relative;margin-bottom:20px;}
.four-boxes .box-bg{width:100%;}
.four-boxes .content-holder{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    }
.four-boxes .box  .inner{width:100%; text-align: center;}
.four-boxes .box h3{
    padding: 30px 0;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 1.5rem;
    text-transform: uppercase;
    }
.four-boxes .box h3 .box-emphasis{font-size: 2.8rem; font-weight: bold; line-height: 2.8rem;}
.bg-teal{background-color:rgba(0, 209, 153, 0.9);}
.bg-blue{background-color:rgba(30, 206, 225, 0.9);}
.bg-green{background-color:rgba(145, 227, 109, 0.9);}
.bg-yellow{background-color:rgba(240, 199, 125, 0.9);}


/* Profiles Style */
.mgprofilecontainer, .mgprofileheadercontainer {
	background-color: #FFFFFF !important;
}
.module .header {
    background-color: rgba(0,209,152,0.6) !important;
    font-size: 14px !important;
    padding: 5px 5px 5px 5px !important;
    color: #FFFFFF !important;
}
.module .subheader {
    background-color: rgba(0,209,152,0.15) !important;
    font-size: 13px !important;
    border-bottom: none !important;
    padding: 5px 5px 5px 5px !important;
}
.module .headerMain {
    background-color: #00d198 !important;
    color: #FFFFFF !important;
}
.module .mgprofiledata {
	
}
.module .displayMSG {
    background-color: rgba(0,209,152,0.05) !important;
    border: none!important;
}
.mgprofileleftcontainer {
    font-size: 12px!important;
}
.module div, .module a, .module .prfileInputName, .module .prfileInputName1 {
	color: #333333 !important;
    font-size: 12px !important;
}
.module input[type=submit], .module input[type=reset], .module a.Button {
	background-color: #00d198 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-family: inherit !important;
}
.module input[type=submit]:hover, .module input[type=reset]:hover, .module a.Button:hover {
	color: #00d198 !important;
	background-color: rgba(0,209,152,0.3) !important;
}
.module a:hover {
	color: #00d198 !important;
}
.module a.headerMainHref {
	color: #FFFFFF !important;
}
.module a.headerMainHref:hover {
    color: #FFFFFF !important;
}
.module .tab_selected {
	background-color: rgba(0,209,152,0.7) !important;
	padding: 8px 16px !important;
}
.module .tab_selected a {
	color: #FFFFFF !important;
}
.module .tab, #friendSearchID {
	background-color: rgba(0,209,152,0.2) !important;
	padding: 8px 16px !important;
}
.module .scrapDiv {
	border-color: #B7B7B7 !important;
}
.module .divCmbStatus {
    width: 100%;
}
input[type="file"] {
	border: none;
	padding: 0px;
}
.carousel-item{
	
}
.bannerTxt {
    padding-top: 4%;
    padding-bottom: 4%;
}
.contentItem > br {
	display: none;
}
.contentListContainer > .portalcontent > .contentItem, .contentListContainer > .departmentcontent > .contentItem {
	width: 100%;
}
.contentListContainer > .portalcontent > .contentItem p.tease, .contentListContainer > .departmentcontent > .contentItem p.tease {
	text-align: left; 
	min-height: auto !important;
}
.contentListClear {
	height: 0px;
}
.logo {
    width:250px;
    padding-bottom:15px;
}

/* MG Elements - Header */
.headerImg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-height: 300px;
	background-position: 50% 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 0px;
}
.headerImg .flexslider {
	border: 0px !important;
}
.headerImg .mgadminedit {
	display: none !important;
}
.headerImg .headerTxt {
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center; 
}
.headerImg .headerTxt div {
	text-align: center;
}
/*
.headerImg h1 {
	text-align: center;
	padding: 5px 20px;
    margin: 0;
    color: #333333;
    font-size: 2.5rem !important;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.95;
    background-color: rgba(255,255,255,0.5);
}
*/
.headerImg .flexslider ul li div.slide_text {
    background: none;
    height: 100%;
    display: contents;
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.headerImg .flexslider ul li div.slide_text div.slide_title {
    justify-content: center;
    align-items: center;
    z-index: 99;
	transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.headerImg .flexslider ul li div.slide_text div.slide_title h2 {
    font-size: 48px;
    color: #eee;
    text-shadow: 1px 1px 1px rgba(0,0,0,.15);
    z-index: 99;
}
.headerImg .flexslider ul li div.slide_text p {
    font-size: 20px;
    line-height: 22px;
    z-index: 99;
}
.flex-control-nav, .flex-direction-nav {
	z-index: 100;
}
.flex-control-nav li, .flex-direction-nav li {
	z-index: 100;
}
.headerImg .flexslider ul.flex-direction-nav li a {
    z-index: 100;
}
.fixed_top {
	top: 0px;
	right: 0;
	left: 0;
	z-index: 1030; 
	background-color: #FFF;
	transition: all 1s ease 0s;
}
#headerFix > .container, #headerFix > .container > div, #headerFix > .container > div > div {
	padding: 0;
}

/***Header****/

.headerMessage {
	padding: 10px 0px;
	color: #FFFFFF;
	background-color: #00d198;
}
.headerMessage a {
	color: #FFFFFF;
}
.headerMessage i {
	padding: 5px;
	margin: 0px 5px;
	color: #FFFFFF;
}

.headerMessage input{min-width: 100px; font-size: 14px; margin-top: 0;}
.headerMessage .form-control{height:auto;}

.bgheader {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	background-color: #FFF; 
	padding-bottom:15px;
	position: fixed;
}
.bgheader.nav_bg{padding:0 15px;}
.headerBg {
	background-size:cover;
	background-position: center;
}
.mgportalpage  .bannerInfo > .container{min-height: 350px; display: table;}
.bannerInfo > .container{ min-height:185px; display: table}
.mgbanneroverlay{display: table-cell; vertical-align: middle;padding: 15px 0px;  color: #FFF; text-align:center}
.mgbanneroverlay > h1{
	font-size: 3rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
}
.mgbanneroverlay > .dark_header{color: #21253D;}


header {
	background-color: #ffffff;
	border-bottom: 1px solid #015C6E;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(1,92,110,1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(1,92,110,1);
	box-shadow: 0px 1px 1px 0px rgba(1,92,110,1);
	position: fixed; 
	color: #222222;
	text-transform: uppercase;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	line-height: 60px;
	z-index: 9999;
}
#headerFix > .container, #headerFix > .container > div, #headerFix > .container > div > div {
	padding: 0;
}
.mgbreadcrumblinks {
	padding-left: 0px !important;
	color: #828282;
	font-size: 14px;
}
.mgbreadcrumblinks a{color: #828282;}
.mgbreadcrumblinks a:hover{color: #00d198;}
.breadcrumbs {
	background: #EFEFEF;
}
#breadcrumb{margin: 0 15px;
        display: flex;
  align-items: center;
}
#breadcrumb .mgbreadcrumbsearch{
    margin-left: auto;
}
/* MG Elements - Social Networks */
.mgsocialnetworks i{
	font-size:2.5rem;
}
.mgsocialnetworks li {
	
}
.mgsocialnetworks li a {

}
.mgsocialnetworks li a:hover {
	color: rgba(0,209,152,0.8) !important;
}
/* MG Elements - Nav */
.nav_bg {
	padding: 15px 0px;
}
nav.top ul li ul.mgsubtopnav {
	display: none;
	position: absolute;
	background: #00d198;
	color: #FFF!important;
	padding: 0px;
	margin: 0px; 
	border-radius: 5px; 
	border:solid 1px #00d198; 
	right: auto!important;
	top:140%;
	z-index:3;
}
nav.top ul li ul.mgsubtopadmin {
	right: 0 !important;
}
nav.top ul li ul.mgsubtopnav li {
	display: list-item !important;
	padding: 0;
	margin: 0px;
}
nav.top ul li ul.mgsubtopnav li a {
	display: block;
	padding: 10px 40px;
	color: #fff !important;
	text-decoration:none;
}
nav.top ul li ul.mgsubtopnav li:hover {
	background: rgba(255,255,255,0.2);
}
nav.top ul {
	list-style: none;
	margin: 0;
	padding: 0;
    display: inline-block;
    position: relative;
}
nav.top ul li {
	display: inline-block;
	margin:0;
}
nav.top ul li a {
	color: #828282;
	padding: 15px 12px;
	white-space: nowrap;
	font-size: 14px;
	text-transform: uppercase;
	text-transform: uppercase;
	text-decoration: none;
}
nav.top ul.mgnavpanel > li:after{
	content: "|";
	display:inline;
	color: #828282;
}
nav.top ul.mgnavpanel > li:last-child:after{
	content: "";
	display:inline;
	color: #828282;
}
nav.top ul li a:hover {
	color: #00d198 !important;
	border-color: #00d198;
}
nav.left, nav.right {
	width: 250px;
}
nav.left {
	
}
nav.right {
	
}
nav.left ul, nav.right ul, nav.responsive ul, nav.footer ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
nav.left ul li div.catheader, nav.right ul li div.catheader, nav.responsive ul li div.catheader {
	color: #fff;
	background:#00d198;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	border-color: #eee;
	padding: 10px;
}
nav.responsive ul li div.catheader {
	cursor: pointer;
}
nav.left ul li div.catbody, nav.right ul li div.catbody, nav.responsive ul li div.catbody {
	color: #666;
	padding: 10px 4px;
	line-height: 28px;
}
nav.responsive ul li div.catbody {
	display: none;
}
nav.left ul li div.catbody a, nav.right ul li div.catbody a, nav.responsive ul li div.catbody a {
	color: #666;
}
nav.left ul li div.catbody a:hover, nav.right ul li div.catbody a:hover, nav.responsive ul li div.catbody a:hover {
	color: #00d198 !important;
}
nav.responsive {
	display: none;
}
.mgnavpanel {
	padding-left: 0px;
	list-style:none;
}
.mgnavpanel > li > a:hover {
	color:#00d198;
}
.catbodyexpandable input[name="searchquery"] {
	width: 100%;
}
.catbodyexpandable input[value="Search"] {
	margin-top: 15px;
}
/* MG Elements - Login */
.mglogintable {
	min-width: 100% !important;
}
.mgloginbuttons {
	text-align: left !important;
}
.login {
	height: auto !important;
}
.loginform {
	width: 48%;
    float: left;
    box-sizing: border-box;
}
.mgsendpassform {
	width: 48%;
    float: right;
}
.mgloginheaderimg {
	display: none;
}
.mgloginheadertext {
	display: block;
	color: #fff !important;
	background: #00d198;
	padding: 6px 9px;
}
.loginbox {
	background: #efefef;
}
.mgloginpitch {
	display: none;
}
.mgrenewalmessage {
	clear: both;
    padding: 10px;
    width: 100%;
}
.mglostpassmessage {
	padding: 2px;
}
/* MG Elements - Reviews */
.mgformcell textarea {
	max-width: none!important;
}
.reviewtitlecell > img {
	border: none !important;
}
/* MG Elements - Cart */
.mgorderrow > .mgtextcenter:first-child {
	text-align: left !important;
}
/* MG Elements - Form */
.mgformcell > input {
	height: auto !important;
}
.mgformcell > input[type=text] {
	margin-top: 3px;
}
.mgformcellleft {
	
}
/* MG Elements - Clump */
.clumpheader {
	color: #fff!important;
	background-color: #00d198 !important;
}
.clumpheader img {
	display: none !important;
}
.clumpheader div.txt {
	display: block !important;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1em !important;
	font-weight: bold;
	padding:5px 15px!important
}
.clumpbody {
	padding: 10px !important;
	border-color: transparent !important;
	border-style: solid !important;
	border-width: 0px 1px 1px 1px !important;
	background-color:#FFF!important;	
}
.clumpbody > .contentListContainer > .clumpcontent > .contentGrid {
	flex: 0 0 33%;
    max-width: 33%;
}
/* MG Elements - Affiliate */
.mgaffiliatetable {
	max-width: 100% !important;
	border-color: #ddd;
}
.mgaffbb { 
	border-color: #ddd !important;
}
.mgaffbb > p {
	margin-top: 5px !important;
	margin-bottom: 0rem !important;
}
.affsignup {
	background-color: #00d198;
}
.affsignup > a {
	color: #FFFFFF !important;
}
.affsignuperror {
	background-color: #00d198 !important;
}
/* MG Elements - Ads */
.mgatead > a > img {
	border: none !important;
}
/* MG Elements - Gallery */
.mggallerycell {
	vertical-align: top;
}
.mggalleryimage > a > img {
	border: none !important;
}
/* MG Elements - Footer */
.mgfooternavcontainer {
	text-align: right;
}
.footer {
	padding: 0px;
	margin-top:15px;
}
.subfooter {
	background-color: #eff0f1;
	padding: 30px 0px;
}
.footer-logo{width:250px; max-width: 100%;}
.footerTop h4{ color: #2f282d; font-size:15px; text-transform: uppercase;font-weight:bold;}
.footerTop p{ margin-top:20px}
.footerTop ul{ padding-left:0px; list-style:none}
.footerTop p, .footerTop ul li a, .footerTop a{ color:#828282}
.footerTop ul li a:hover, .footerTop a:hover{text-decoration: none; color: #00d198;}
.socialMedia > a{ float:left; width:50%; padding:10px 5px}
.copyright {
	display: block;
	background-color: #00d298;
	padding: 15px;
	color: #ffffff;
}
.copyright p{margin: 0;}
.copyright .col-xl-4 ul { padding-left:0; list-style:none}
.copyright .col-xl-4 ul li { display:inline; margin-right:10px}
.copyright .col-xl-4 ul li a{ color:#FFFFFF}
.copyright .col-xl-4 ul li a:hover{text-decoration:underline}
/* MG Elements - Content */
.articleheadline {
	margin-bottom: 15px; 
	margin-top: 10px;
}
.lead {

	font-size: inherit;
}
.contentItem > br {
	display: none;
}
.contentListClear {
	height: 0px;
}
.contentItem {
	padding: 10px 5px;
}

.contentItem.contentLayout1{padding:10px 15px;}
.contentItem a, .contentGrid a {
	font-weight: bold;
}
.portalbyline {
	font-size: 14px;
	color: #818181;
	margin: 3px 0 15px 0px;
	display: block;
}
.articlebyline{
    color: #818181;
    margin-bottom:10px;
    display:block;
    }
.contentItem p.tease, .contentGrid  p.tease {
	margin: 5px 0px;
}
.contentGrid img {
	padding-bottom: 5px !important;
}
.mgformcell textarea {
	max-width: none !important;
}
/* MG Elements - Forum */
.mgforumheader, .mgforumsubheader {
	background-color: #00d198 !important;
	color: #FFFFFF;
}
.mgforumheader a {
	color: #FFFFFF;	
}
.mgforumheader a:hover {
	color: rgba(255,255,255,0.8) !important;	
}
..mgforumheader, .mgforumblock, .mgforumcol0, .mgforumcol1, .mgforumcol2, .mgforumcol3, .mgforumcol4 {
	border-color: #515751 !important;
}
/* JQuery UI */
.ui-widget-content {
	color: unset;
	background-color: transparent;
}
.ui-accordion-header, .ui-tabs-tab {
	background-color: rgba(0,0,0,0.1);
	color: #333333 !important;
	border-color: rgba(0,0,0,0.2);
}
.ui-accordion-header:hover, .ui-tabs-tab:hover {
	background-color: rgba(0,0,0,0.2);
}
.ui-tabs-tab a {
	color: #333333 !important;
}
.ui-accordion-header-active, .ui-accordion-header-active:hover, .ui-tabs-active, .ui-tabs-active:hover {
	background-color: #00d198;
	color: #ffffff;
	border-color: rgba(0,209,152,0.7);
}
.ui-tabs-active a {
	color: #ffffff !important;
}
.ui-accordion-content, .ui-tabs-panel {
	border-color: #00d198;
}
.ui-accordion-content a, .ui-tabs-panel a {
	
}
.ui-accordion-content a:hover, .ui-tabs-panel a:hover {
	
}
/* LMS */
.mgvideo0 .fp-controls, .mgaudio0 .fp-controls {
	background-color: #00d198 !important;
}
.mglmsbarcontainer {
	
}
.mglmsdegree .contentGrid > div, .mglmsdashboard .contentGrid > div {
	
}
.mglmsdegree .contentGrid > div a, .mglmsdashboard .contentGrid > div a {
	
}
.mglmsdegree .contentGrid > div a:hover, .mglmsdashboard .contentGrid > div a:hover {
	
}
.mglmsheader {
	background-color: #00d198;
}
.mglmsbutton, a.mglmsbutton, input.mglmsbutton {
	background-color: #00d198 !important;
	color: #ffffff !important;
	height: auto;
}
.mglmsbutton:hover, a.mglmsbutton:hover, input.mglmsbutton:hover {
	background-color: rgba(0,209,152,0.6) !important;
	color: #ffffff !important;
}
.mglmstabs, .mglmstabs .mglmscontainer, .mgresources, .mgtutor, .mgcertificate {
	
}
.mglmstabs .ui-tabs-nav {
	
}
.mglmslessons ul li a {
	color: #454545 !important;
}
.mglmslessons ul li a:hover {
	
}
.mglmslessons ul li div.lesson {
	
}
.mgresources .name, .mgtutor .name, .mgcertificate .name {
	background-color: #00d198 !important;
}
.mgresources .resources, .mgtutor > div, .mgcertificate > div {
	
}
.mgresources .resources a {
	color: #454545 !important;
}
.mgresources .resources a:hover {
	color: #00d198 !important;
}
.mgcertificate .button {
	background-color: transparent !important;
}
.quizContainer {
	
}
.quizContainer .question_progress {
	background-color: #00d198 !important;
}
.quizContainer .question_headline {
	
}
.question_answer .ui-state-active, .question_answers .ui-state-active {
	background-color: #00d198 !important;
}
.lmsStats span {

}
.contentGridContainer > .contentGridEmpty:hover {
	opacity: 1 !important;
	box-shadow: none !important;
	background-color: transparent !important;
}
/* Printer Friendly */
.mgprintoptions div {
	display: inline-block;
	padding-right: 5px;
}
.mgprinterfriendly a img, .mgprinttopdf a img {
	width: 0px;
	height: 0px;
}
.mgprinterfriendly a:before {
	display: inline-block;
	content: '\f02f';
	font-family: 'Font Awesome 5 Pro';
	color: #333333;
	font-size: 1.1em;
	padding: 2px 5px;
}
.mgprinterfriendly a:after {
	display: inline-block;
	content: 'Printer Friendly';
	color: #333333;
}
.mgprinttopdf a:before {
	display: inline-block;
	content: '\f1c1';
	font-family: 'Font Awesome 5 Pro';
	color: #333333;
	font-size: 1.1em;
	padding: 2px 5px;
}
.mgprinttopdf a:after {
	display: inline-block;
	content: 'Print to PDF';
	color: #333333;
}

/****More Less Boxes****/
.course{
border-top: 1px solid #666;
clear:both;
}
.course img{
border: 1px solid #1dcee1;
margin-top: 5px;
}
.more-less{
  position: relative;
  margin-left: 150px;
}
.more-block h1{
  margin: 0 92px 0 0;
  padding: 0;
 font-size:18px;
  color:  #00d198;
}
.more-block h2{
  color: #666;
  font-size: 15px;
}
.more-block p{
   margin-top: 0;
   padding-top: 0;
  margin-bottom: 10px;
  line-height: 18px;
}
.more-block img{
border:0px;
}
p.continued{
  margin-top:0;
}
.mgcontent a.adjust{
  position: absolute;
  top: 2px;
  right: 0;
  padding:5px;
  display:block;
  font-weight:bold;
  background:#eee;
  color:#333;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  width:80px;
  text-align:center;
  text-decoration:none;
  font-size:11px;
  border-bottom: none;
}
.mgcontent a.adjust:hover{
  background:#333;
  color:#FFF;
  -webkit-transition: all 400ms; /*safari and chrome */
  -moz-transition: all 400ms ease; /* firefox */
  -o-transition: all 400ms ease; /* opera */
  transition: all 400ms ease;
}


/* Responsive Styles */
@media screen and (max-width: 1680px){
	section {width: 1200px}
}
@media screen and (max-width: 1280px){
	section {
		width: 100%;
	}
	nav.left, nav.right {
		width: 200px;
	}
}
@media screen and (max-width: 991px) {
.carousel-control-next-icon:before{ right:0px; opacity:1}
.carousel-control-prev-icon:before{ left:0px;  opacity:1}
.footerTop > .row > div{ flex: 0 0 100%; padding:15px!important; max-width:100%}
.fixed_top{ top:0px}

	.h1, h1 {
		font-size: 1.5rem;
	}
	.h3, h3 {
		font-size: 18px;
	}
	.h2, h2 {
		font-size: 20px;
	}
	.headerImg h1 {
		font-size: 24px!important;
	}
	.contentLayout1 > .department > .mgimageleft, .contentLayout2 > .department > .mgimageleft, .contentLayout8 .contentItem .mgimageleft{ 
		max-width: 100%;
	}
	.contentListContainer > .departmentcontent > .contentItem, .contentListContainer > .clumpcontent > .contentItem, .contentLayout8 {
		width: 100%!important;
		margin-left: 0%;
	}
	.carousel-item {
		flex: 0 0 100%; 
		margin-left: 0%;
		min-height: 200px;
	}
	.contentLayout8 {
		min-height: 360px;
	}
	.contentLayout4, .contentLayout5, .contentLayout7 {
		min-height: auto;
		padding-bottom: 50px;
	}
	.contentListContainer > .departmentcontent > .contentItem > .tease > a, .contentLayout4 > .tease > a, .contentLayout5 > .tease > a { 
		width: 33% !important;
		margin-left: 32% !important;
		bottom:20px !important;
	}
	.payment_methods img {
		min-height: 20px;
		max-height: 30px;
		opacity: 0.5; 
		width: auto !important;
	}
	.headerImg {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.socialbookmark > a > img {
		width: auto;
	}
	.department > img {
		min-width: 30px !important;
		min-height: 24px !important;
		width: auto !important;
	}
	.resourcesbrowse > a > img {
		width: auto !important;
	}
	.classifiedslisting img {
		width: auto !important;
	}
	.mgcontent > .mgtable:nth-child(3) {
		display: table !important;
	}
	.pdlftrt {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.d-flex {
		/*display: block !important;*/
	}
	main {
		flex: 1;
		margin: 15px 0px	!important;
	}
	.articleheadline {
		margin-bottom: 8px;
		margin-top: 10px;
		font-size: 20px!important;
	}
	section {
		width: 100%;
	}
	nav.left, nav.right {
		display: none;
	}
	nav.responsive {
		display: block;
	}
	div.menuIcon {
		display: block;
	}
	nav.top ul li ul.mgsubtopnav {
		position: inherit;
		padding-left: 40px;
	}
	nav.top {
		display: none; 
		top: 60px; 
		right: 0px; 
		height: auto;
	}
	nav.top ul {
		display: block;
		background: #015C6E;
	}
	nav.top ul li {
		display: block;
	}
	nav.top ul li a {
		color: #ffffff;
		padding: 0px 40px;
	}
	footer section nav.footer {
		display: block;
	}
	.nav_bg {
		padding: 5px;
	}
	.nav_bg .col-md-8 {
		display: none;
	}
	body > .container-fluid {
		background: #FFFFFF !important;
	}
	section.mgsectioncontainer {
		padding: 0 !important;
	}
	/*.mgcontent div {
		max-width: 100%;
		width: 100%;*/
	}
	.mgcontent img {
		width: auto;
	}
	#mobileMenu {
		position: absolute;
		background: #FFF;
		top: 44px; 
		width: 88%; 
		border: solid 1px #DDD;
		box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
		z-index:99;
	}
	#mobileMenu  li a {
		display: block;
		padding: 8px 15px; 
		border-bottom: solid 1px #DDD;
		color: #333333;
	}
	#mobileNav .fas{color: #828282;}
	#mobileMenu .mgnavpanel{margin-bottom: 0;}
	
	#mobileMenu .mgsubtopnav{
    	list-style-type: none;
    	margin-right: 0;
    	padding-inline-start:0;
	}
	#mobileMenu li a:hover{
    	color: #fff;
    	background: #00d198;
	}
	ul.mgsubtopnav {
		display: none;
	}
	.mgcontent img {
		/*border: none !important;*/
	}
	.mggalleryviewcell > .mggalleryimage > img {
		min-height: auto !important;
		min-width: auto !important;
		height: auto !important; 
		width: auto !important;
	}
	.footerTop > .row > .col-sm-3:last-child, .footerTop {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
@media screen and (min-width: 968px) {
	nav.top {
		display: block !important;
	}
	.bnr_cl {
		width: 100%;
		margin-top: 12px !important;
		padding-top: 58px;
	}
	main {
		flex: 1;
		margin: 3px 5px!important;
	}
}
@media (max-width: 768px) {
	 .contentLayout9 {
	    flex: 0 0 100%!important;
	    margin-left: 0!important;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: auto; 
	}
}
