@import url('https://fonts.googleapis.com/css2?family=Anton&family=Lato:wght@400;700&family=Bebas+Neue&display=swap');
/*fonts
    font-family: 'Anton', sans-serif;
    font-family: 'Lato', sans-serif;
    font-family: 'Bebas Neue', sans-serif;
    
    colors:
    blue: #083d6c
    dusty blue: #81969f
    light blue: #7fa5be
    grey: #333333
    light grey: #dddddd
    */
 * {
     box-sizing: border-box;
}
/* General */
 body {
     margin: 0;
     padding: 0;
     font-size:17px;
     font-family:'Lato', sans-serif;
     color: #333;
     overflow-x: hidden;
}
.lazy{min-height:auto;}


h1, h2, h3{font-family: 'Bebas Neue', sans-serif; color: #7fa5be;}
h1{font-size: 3rem;}
h2{font-size: 2.5rem;}
h3{font-size: 2rem;}
 a {
     text-decoration: none;
     color: #083d6c;
}
 a:hover {
     text-decoration: none;
}

 #forumMenu > a, .tableCol a, .module .prfileInputName, .module .header{
    color: #000 !important;
}
.lato{font-family:'Lato', sans-serif!important;}
.black{color:#000!important;}

.btn{text-transform: uppercase; border-radius: 1rem; padding: .375rem 1.8rem;}
.btn-sm, .btn-lg{border-radius: 1rem;}
.btn-xl{font-size: 2.3rem; padding: .5rem 2rem;}
.btn-sm{padding: .25rem 1.5rem;}
.btn-primary{background-color: #083d6c; border-color: #083d6c;}
.btn-primary:hover{background-color: #333333; border-color: #333333;}

.btn-grey{background-color: #333; border-color: #333; color: #fff;}
.btn-grey:hover{background-color: #083d6c; border-color: #083d6c; color: #fff;}

.btn-ltblue{background-color: #81969f; border-color: #81969f; color: #fff;}
.btn-ltblue:hover{background-color: #083d6c; border-color: #083d6c; color: #fff;} 

.btn-white{background-color: #fff; border-color: #fff; color: #333;}
.btn-white:hover{background-color: #7fa5be; border-color: #7fa5be; color: #333;} 

.btn-orange{background-color: #d1b622; border-color: #d1b622; color:#fff;}
.btn-orange:hover{background-color: #083d6c; border-color: #083d6c; color: #fff;}

.grey-bg{background-color: #333333; color: #fff;}
.grey-bg h1, .grey-bg h2, .grey-bg h3, .grey-bg h4, .grey-bg h5{color: #fff;}
.grey-bg.bg-full{border-color:#333;}
.ltgrey-bg{background-color: #ddd;}
.ltgrey-bg.bg-full{border-color:#ddd;}

.blue-bg{background-color: #083d6c; color: #fff;}
.blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5{color: #fff;}
.blue-bg.bg-full{border-color:#083d6c;}

.ltblue-bg{background-color: #81969f; color: #fff;}
.ltblue-bg h1, .ltblue-bg h2, .ltblue-bg h3, .ltblue-bg h4, .ltblue-bg h5{color: #fff;}
.ltblue-bg.bg-full{border-color:#81969f;}

.bg-full {
    margin: 0 -600rem;
    border-left: 600rem solid #666;
    border-right: 600rem solid #666;
}

.mgbreadcrumblinks li:not(.breadcrumbpage)::after {
    content: " >";
}
.mgbreadcrumblinks a{color:#fff;}
.mgbreadcrumblinks a:hover{color:#7fa4be;}

.table .thead-dark th {
    color: #fff;
    background-color: #093d6c;
    border-color: #093d6c;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(125 143 151 / 14%);
}

/*hide breadcrumb search*/
.mgbreadcrumbsearch{display:none;}
.mgbreadcrumbsearch input[name="searchquery"]{
    background-color: #e6e6e6;
    color: #083d6c;
}
.mgbreadcrumbsearch input[type="submit"]{
    background-color: #7fa5be;
    border-color: #7fa5be;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 1rem;
    text-transform:uppercase;
    padding: .25rem 1.5rem;
    margin-top: -4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.mgbreadcrumbsearch input[type="submit"]:hover{background-color: #083d6c; border-color: #083d6c;}

/*testimonials*/
blockquote.testimonial {
	position:relative;
	padding:5px 20px;
	margin:0;
	background: #e6e6e6;
    border: 0;
    z-index: 1;
    color: #747474;
}

blockquote.testimonial p {
    margin: 0;
    padding: 5px;
    font-size: 15px;
    line-height: normal;
    font-style: italic;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
blockquote.testimonial + p.cite { text-align: right; margin:5px 60px 30px 0; font-weight: bold; font-size: 13px;line-height:normal;}
p.cite .extra{font-weight:normal;}

/* creates the triangle */
blockquote.testimonial:after {
	content:"";
	position:absolute;
	bottom:-20px;
	right:30px;
	border-width:0 0 20px 20px;
	border-style:solid;
	border-color:transparent #e6e6e6;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
    z-index: 100;
}


/*Header Stuff*/
.headerMessage {
	padding: 15px 20px;
	color: #FFFFFF;
	background: #81969f;
}
.headerMessage .mgsearchcontainer, .headerMessage .search{
    display:inline-block;
    position:relative;
}
.headerMessage .searchquery{
    width: auto;
    display: inline-block;
    border-radius: 0;
    background-color: #e6e6e6;
    color: #083d6c;
    margin-top: 0;
}
.top.mgheaderwidget{padding-right:15px;}
.headerMessage .mgsearchcontainer .fa-search{position:absolute; color: #7fa5be; font-weight: 800; top: 25%; right: 10px; pointer-events: none; z-index: 50;font-size:22px;}
.headerMessage .searchquery::placeholder{color:#083d6c;}

.headerMessage .mgsocialnetworkscontainer{display:inline-block; padding-left: 15px;}
.headerMessage .mgsocialnetworkscontainer i{font-size: 1.8rem; margin-left: 8px;}
.portal-1 .topNav, .portal-2 .topNav{
    position: fixed;
     left: 15px;
}
.portal-1 .head-logo img, .portal-2 .head-logo img{width:auto; height: auto;}
.head-logo img{height: 120px;}

 .topNav{
     position:relative;
     width: 100%;
     border-bottom:solid 1px transparent;
     z-index:999;
     margin-bottom: 20px;
}
 .scrollTop{
    position: fixed;
 	border-bottom: solid 1px #81969f;
 	background: #81969f;
 	color: #FFFFFF;
 	top:0;
}
.scrollTop .head-logo img{max-height: 80px; margin: 10px;}
.mobile-logo{max-height:80px;}
.scrollTop .nav-col{
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

 .scrollTop nav.top > ul > li > a{
     color: #FFFFFF;
}
 .scrollTop nav.top > ul > li > a:hover{
     color:#083d6c;
}
 .topNav > .container > .row > .col-lg-2{
    padding:35px 5px 0px 0px
}
 a.admintop {
     color: #FFFFFF !important;
}

/*************HOME PAGE************/
.splash-content, .headerImg h1.splash-header{
    color: #083d6c;
    text-align: left;
}

.splash-content{font-size:18px;}
.splash-intro{width:500px; max-width: 100%;margin: 0 auto;}
.headerImg h1.splash-header{
    font-family: 'Anton', sans-serif;
    font-size: 46px;
    margin-bottom: 25px;
    line-height: 50px;
}
h1.splash-header .splash-subhead{font-size: 30px;}
.splash-form{text-align:center; color: #333333; width: 250px; max-width: 100%;}
.splash-form label{display:block;margin: 5px auto;}
.splash-form .form-control{
    border-radius: 0;
    background: #e1e1e1;
    padding: 3px 10px;
    height: auto;
}
.splash-form .signuphead{font-size:1.4rem;margin-top:15px; margin-bottom: 15px;}
.form-terms{font-size: .7rem;}
.portal-1 .crumbs, .portal-2 .crumbs{display:none;}
.portal-2 .mgsectioncontainer{padding-top: 0;}
@media (min-width: 1200px){
 .portal-1 .bannerInfo > .container, .portal-2 .bannerInfo > .container{max-width: 80%;margin: 0 auto;}   
}
.portal-2 .splash-intro{
    width:800px;
}

.partnerships{padding: 30px 0; margin-bottom:30px;}
.partner-logo{max-height: 130px; margin: 0 auto;}

/*************MEMBER HOME PAGE************/

.connect-outer{position:relative;}
.connect-background{
    background: rgb(188,210,216);
    background: -moz-linear-gradient(90deg, rgba(188,210,216,1) 0%, rgba(127,165,190,1) 50%, rgba(188,210,216,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(188,210,216,1) 0%, rgba(127,165,190,1) 50%, rgba(188,210,216,1) 100%);
    background: linear-gradient(90deg, rgba(188,210,216,1) 0%, rgba(127,165,190,1) 50%, rgba(188,210,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcd2d8",endColorstr="#bcd2d8",GradientType=1);
    height: 50px;
    margin-top: -25px; /*half height to center*/
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    display: block;
    position: absolute;
    top: 50%;
}

.connect-inner h3{margin-bottom: 0;}
.connect-link{color: #fff;}
.connect-link:hover, .connect-link:active{color: #083d6c;}
.connect-img{width:175px!important;}

@media (max-width: 991px){
    .connect-inner h3{font-size: 1.6rem;}
}

@media (max-width: 767px){
  .connect-img{width:120px!important;}
  .connect-background{
    height: 70px;
    margin-top: -35px; /*half height to center*/ 
  }
  .connect-inner h3{text-align:center;}
}


 img {
     max-width: 100%;
}
 main {
     flex: 1;
     margin: 15px 30px;
}
.mgfullwidth main {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.mgfullwidth .flexslider {
	border: 0px;
}
.mgfullwidth .mgbreadcrumb, .mgfullwidth p, .mgfullwidth h1 {
	padding: 0px 10px;
}
 section {
     width: 1400px;
     margin: 0 auto;
     padding: 30px 0px 0px 0px;
     clear: both;
     flex: 1;
     display: -ms-flexbox!important;
     display: flex!important 
}


 fieldset > legend {
     background-color: #083d6c;
     color: #FFFFFF !important;
}

.carousel-control-prev-icon:after, .flex-direction-nav a.flex-prev:after {
	content: "\f104";
	font-family: "Font Awesome 5 Pro";
	font-weight:300;
	font-size: 80px;
	color: #000;
	padding: 5px;
	border-radius: 5px;
}

.carousel-control-next-icon:after, .flex-direction-nav a.flex-next:after {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight:300;
	font-size: 80px;
	color: #000;
	padding: 5px;
	border-radius: 5px;
}

.carousel-control-prev-icon:before, .carousel-control-next-icon:before, .flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before {
	content: '' !important;
	font-size: 1.5em;
}
.carousel-control-prev {
    left: -60px;
}
.carousel-control-next {
    right: -60px;
}
.carousel-control-next, .carousel-control-prev{opacity: .7;}

@media screen and (max-width: 767px){
.carousel-control-prev {
    left: 0px;
}
.carousel-control-next {
    right: 0px;
}
}

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], input.buttons, input.buttons:hover {
     background-color: #18314F;
     border: none;
     border-radius: 0px;
     color: white;
     padding: 6px 32px;
     text-decoration: none;
     margin: 4px 2px;
     cursor: pointer;
     width: auto !important;
     max-width: unset !important;
}
 input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input.buttons:hover {
     background-color: rgba(24,49,79,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;
}
 hr {
     border-top: 1px solid #e5e5e5 !important;
}
 p {
     line-height: 22px;
}
 ul#mgtoppanel > li > a {
    /*color: #FFF;
     font-weight:bold*/
}
/* Layout */
 .mgcontent, nav.left, nav.right {
     float:left;
}
 .navHeader{
     background:#083d6c 
}
 .mgcategory {
     padding: 5px;
     margin-bottom: 15px;
     border-radius: 5px;
}
 .mgsectioncontainer{
     background:#FFFFFF;
}
/* MG Elements - Content Layout */
.contentLayout4, .contentLayout5 {
	width: 100%; 
	border: 1px solid #ddd; 
	padding-bottom: 5%; 
	margin-bottom: 2%;
	margin-top: 2%; 	
	border-radius: 5px; 
	float: left;  
	position: relative; 

}
 .contentLayout2, .contentLayout1 {
     width: 100%;
     border: 1px solid #7fa5be;
     padding-bottom: 3%;
     margin-bottom: 2%;
     float: left;
     position: relative;

}
.contentItem.contentLayout2{ padding: 0; background-color: #7fa5be; color: #fff; text-align: center;}
.contentLayout2 .contentItem{padding: 0; color: #fff; text-align: center;}
.contentLayout2 p.tease > a{font-weight: bold; font-style: italic; display:block; color: #fff;}
.contentLayout2 p.tease > a:hover{color: #fff; text-decoration: underline;}
.contentLayout2 .tease_image {
    width: 40%;
    display:block;
    background-color: #fff;
}
.contentLayout2 .tease_image img{width:100%;padding:0!important; max-height: 100%;}
.contentLayout2 .tease_headline{padding-top: 10px;display: block; color: #fff;}
.contentLayout2 .tease_headline, .contentLayout2 .portalbyline, .contentLayout2 .tease{display:block;margin-left: 42%!important;}

@media (max-width: 767px){
    .contentLayout2 .tease_image{width:100%; height: auto; position: relative; display:block;}
    .contentLayout2 .tease_headline, .contentLayout2 .portalbyline, .contentLayout2 .tease{margin-left: 0!important;}
    .contentLayout2 .tease_image img{float:none;}
}

 .contentlistleft > .contentLayout4, .contentlistleft > .contentLayout5, .contentlistleft > .contentLayout7, .contentlistright > .contentLayout4, .contentlistright > .contentLayout5, .contentlistright > .contentLayout7{
     width: 100%;
}
 .contentLayout5 > .tease > a, .contentLayout4 > .tease > a{
     border: 1px solid #ddd;
     padding: 5px 6px;
     background-color: #011748;
     color: #fff! important;
     font-size: 14px !important;
     display: block;
     margin-top: 20px;
     width: 30%;
     margin-left: 35%;
     position: absolute;
     bottom: 15px;
     text-align:center;
}
 .contentlistleft > .contentLayout5, .contentlistright > .contentLayout5, .contentlistleft > .contentLayout4, .contentlistright > .contentLayout4, ..contentlistleft > .contentLayout7, .contentlistright > .contentLayout7 {
     width:96%;
     display:block
}
 .contentLayout5 .clearfix, .contentLayout4 .clearfix, .contentLayout7 .clearfix{
     display:none
}
 .contentGridContainer > .contentGrid > div > .tease > a{
     color:#fff;
}
.contentGrid p.tease, .contentGrid div.portalbyline{padding:0 15px;}

    /*grid layout*/
   .contentGridContainer .contentGrid{
        flex: 0 0 33%;
        max-width: 33%;
    }
    .contentGrid{padding: 20px 25px;}
    
    @media screen and (max-width: 767px){
        .contentGridContainer .contentGrid{
            flex: 0 0 50%;
            max-width: 50%;
            }
    }
    
    .contentLayout7 > div {
    width: 100%; 
	padding-bottom: 5%; 
	margin-bottom: 2%;
	margin-top: 2%;  
	position: relative;
	color: #fff;
	background-color: #7fa5be; 
	padding: 0;
	border: 1px solid #7fa5be;
    }
    .more{margin-top:15px;display:inline-block;}
    
    .contentGridContainer > .contentGrid img{width:100%;padding-bottom: 10px;}
    .contentLayout7 a.tease_headline{color: #fff; margin: 10px auto;display:block; text-align: center;font-size:18px; padding:0 10px;}
    clumpbody >.contentListContainer > .clumpcontent > .contentGrid > div:hover, .contentGridContainer > .contentGrid > div:hover{background-color:#083d6c;}
    .mgclump{margin-bottom:2rem;}
    
clumpbody >.contentListContainer > .clumpcontent > .contentGrid > div:hover, .contentGridContainer > .contentGrid > div:hover a.more{
    text-shadow: 0px 0px 4px rgba(104, 104, 104, 0.9);
}
    
 .contentLayout1 > .tease > a{
     padding: 5px 6px;
     background-color: #011748;
     color: #fff! important;
     margin-top: 20px;
     width: 120px;
     text-align: center;
     display: flow-root;
     font-size:15px;
}
 .departmentcontent{
     margin-bottom:15px
}
 .contentListContainer > .departmentcontent > .contentItem > .tease, .contentListContainer > .portalcontent > .contentItem > .tease, .contentLayout4 > .tease, . > .tease{
     text-align:center
}
 .contentLayout4 img, .contentLayout5 img{
     max-height: 137.667px;
     float: none;
     display: block;
     margin-left: auto;
     margin-right: auto;
}

/* 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: #083d6c !important;
}
.tableHeader, .tableHeader .tableCell, .button, a.button {
    background-color: #083d6c !important;
    color: #FFFFFF !important;
}
.tableSubHeader {
    background-color: rgba(13,6,48,0.15) !important;
}
.messageCol1 {
	background-color: rgba(13,6,48,0.1) !important;
}
.tableRow0, .postTitle, .postSignature, .postButtons {
	background-color: rgba(13,6,48,0.05) !important;
}
.tableRow1 {
	background-color: #ffffff !important;
}
.button:hover, a.button:hover {
    color: #083d6c !important;
    background-color: rgba(13,6,48,0.3) !important;
}
.tableHeader a, .mgcfmbbpage .tableHeader a{
    color: #FFFFFF!important;
}
 h1.threadTitle {
    margin-bottom: .5rem!important;
}
/* Profiles Style */
.mgprofilecontainer, .mgprofileheadercontainer {
	background-color: #FFFFFF !important;
}
.module .header {
    background-color: rgba(13,6,48,0.6) !important;
    font-size: 14px !important;
    padding: 5px 5px 5px 5px !important;
    color: #FFFFFF !important;
}
.module .subheader {
    background-color: rgba(13,6,48,0.15) !important;
    font-size: 13px !important;
    border-bottom: none !important;
    padding: 5px 5px 5px 5px !important;
}
.module .headerMain {
    background-color: #083d6c !important;
    color: #FFFFFF !important;
}
.module .mgprofiledata {
	
}
.module .displayMSG {
    background-color: rgba(13,6,48,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: #083d6c !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: #083d6c !important;
	background-color: rgba(13,6,48,0.3) !important;
}
.module a:hover {
	color: #083d6c !important;
}
.module a.headerMainHref {
	color: #FFFFFF !important;
}
.module a.headerMainHref:hover {
    color: #FFFFFF !important;
}
.module .tab_selected {
	background-color: rgba(13,6,48,0.7) !important;
	padding: 8px 16px !important;
}
.module .tab_selected a {
	color: #FFFFFF !important;
}
.module .tab, #friendSearchID {
	background-color: rgba(13,6,48,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{
     
}
 .contentLayout1 > a:first-child{
     display:block
}
 .contentLayout8{
     width:100%;
     margin-left:0;
     border:solid 1px #7fa5be;
     background-color: #7fa5be;
     color: #fff;
}
.contentLayout8 .contentItem{padding: 0; color: #fff; text-align: center;min-height:280px;}
.contentLayout8 p.tease > a{font-weight: bold; font-style: italic; display:block; color: #fff;}
.contentLayout8 p.tease > a:hover{color: #fff; text-decoration: underline;}
.contentLayout8 .tease_image {
    width: 40%;
    display:block;
    background-color: #fff;
}
.contentLayout8 .tease_image img{width:100%;padding:0!important; max-height: 100%;}

.contentLayout8 .tease_headline{padding-top: 10px;display: block; color: #fff;}

.contentLayout8 .tease_headline, .contentLayout8 .portalbyline, .contentLayout8 .tease{display:block;margin-left: 42%!important;}

@media (max-width: 767px){
    .contentLayout8 .tease_image{width:100%; height: auto; position: relative; display:block;}
    .contentLayout8 .tease_headline, .contentLayout8 .portalbyline, .contentLayout8 .tease{margin-left: 0!important;}
    .contentLayout8 .tease_image img{float:none;}
}

 
@media (min-width: 767px){
 .contentLayout9, .carousel > .carousel-inner > .col-md-3 {
    flex: 0 0 24%;
     margin-left:1%;
     border:0;
}
}
.carousel-item{padding-left: 0!important; padding-right: 0!important;}
.carousel-item > .carouselItem img{width:100%!important;}
.contentItem.carouselItem{padding: 0;}

.carousel-item.contentLayout9{background: #7fa5be; color: #fff; text-align: center;}
.carousel-item.contentLayout9:hover{background:#083d6c;}
.carousel-item.contentLayout9 .tease{text-align: center; padding: 10px;}
.carousel-item.contentLayout9 .tease_headline{color: #fff; padding: 10px; padding-bottom: 0;display:block; font-size: 1.1rem;font-weight:bold;}
.contentLayout9 .tease > a{color: #fff;}
.contentLayout9 .tease > a:hover{text-decoration: underline;}

.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 { 
     background-color: #083d6c;
     box-shadow: 5px 8px 8px #888888 !important;
}
.contentListContainer > .portalcontent > .contentItem.contentLayout1:hover, .contentListContainer > .departmentcontent > .contentItem.contentLayout1:hover{background-color:#fff;}
 .contentListContainer > .departmentcontent > .contentItem > .department > .mgimageleft, .contentListContainer > .portalcontent > .contentItem > .department > .mgimageleft{
     padding: 5px 15px 5px 0px;
}
 .contentLayout1 > .department > .mgimageleft{
     max-width:50%;
     padding-right:15px;
}

 .contentItem >br {
     display: none;
}
 .contentListClear {
     height: 0px;
}
 .departmentcontent > .contentItem > a {
    /*color:#666 !important;*/
}
/* MG Elements - Header */
 .portal-1 .headerImgBg, .portal-1 .headerImg, .portal-2 .headerImgBg, .portal-2 .headerImg {
    background-size: auto 95%;
    background-position-y: bottom;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    background-repeat: no-repeat;
    background-image:url('/images/banner_image.jpg');
}

 .headerImgBg, .headerImg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.headerImg {
    height: 300px;
}
.headerImgFull, .portal-2 .headerImg {
	/*height: 100vh;*/
	min-height: 550px;
    background-position-x: 20%;
}

.portal-2 .headerImg{min-height:400px;}
.portal-2 .headerImg h1.splash-header{
    font-size: 38px;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 40px;
    }
.headerImgBg .slider {
    margin: 0 !important;
}
.headerImgBg .flexslider {
    border: 0px !important;
}
.headerImgBg .flexslider img {
    transition: transform 5s ease-in-out;
    transform: scale(1);
}
.headerImgBg .flex-active-slide img {
    transform: scale(1.05);
}
.flex-control-nav, .flex-direction-nav {
	z-index: 100;
}
.flex-control-nav li, .flex-direction-nav li {
	z-index: 100;
}
.flexslider ul.flex-direction-nav li a {
    width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    color: transparent;
    line-height: 48px;
    z-index: 100;
}
.flexslider ul.flex-direction-nav li a.flex-prev {
    padding-right: 3px;
}
.flexslider ul.flex-direction-nav li a.flex-next {
    padding-left: 3px;
}
.flexslider ul.flex-direction-nav li a:before {
    color: #FFFFFF !important;
    font-size: 28px;
}
.headerImgBg .flexslider .slides li {
	overflow: hidden;
}
.headerImgBg .flexslider ul li div.slide_text {
    background: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    text-transform: none;
}
.headerImgBg .flexslider ul li div.slide_text div.slide_title {
    justify-content: center;
    align-items: center;
    z-index: 99;
    text-transform: none;
}
.headerImgBg .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;
    text-transform: none;
}
.headerImgBg .flexslider ul li div.slide_text p {
    font-size: 20px;
    line-height: 22px;
    z-index: 99;
    text-transform: none;
}
 .headerImgBg .mgvideowrap {
    width: 100%;
}
.headerImgBg .mgvideowrap .fp-ui {
    display: none !important;
}
.headerImg .mgadminedit, .headerImgBg .mgadminedit {
    display: none !important;
}
.headerImg h1, .headerImgBg h1 {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #ffffff;
    opacity: 0.95;
}
.headerPadding {
    padding-top: 10px;
}
 .fixed_top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: transparent;
}
 #headerFix > .container, #headerFix > .container > div, #headerFix > .container > div > div {
    padding: 0;
}
 .topHead {
    padding: 40px 15px;
    border-bottom: solid 1px #DDD;
    margin-bottom: 20px;
}
 .social {
    text-align: right;
}
 .mgbreadcrumblinks {
    padding-left: 0px !important;
}
 .breadcrumb {
    background: #EFEFEF;
    padding: 5px;
    margin: 10px 0px 5px;
}
.headerImgBg > .mgbanneroverlay {
	position: absolute;
	color: #FFFFFF;
	text-align: center;
}
.bannerInfo > .container > .col-lg-12 {
	/*padding: 50% 0%;*/
	color: #083d6c;
	/*min-height: 91vh;*/
	text-align: center;
}
.bannerInfo > .container > .col-lg-12 > p:first-child, .mgbanneroverlay > p:first-child {
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 4px;
	text-transform: uppercase
}
.bannerInfo > .container > .col-lg-12 > p:nth-child(2), .mgbanneroverlay > p:nth-child(2) {
	font-size: 54px;
	line-height: 64px;
	margin-top: 20px;
}
.bannerInfo > .container > .col-lg-12 > p:nth-child(3), .bannerInfo > .container > .col-lg-12 > p:nth-child(4), .mgbanneroverlay > p:nth-child(3) , .mgbanneroverlay > p:nth-child(4) {
	font-size: 20px;
	color: #d6d6d6;
	margin-top: 10px;
}
/* MG Elements - Social Networks */
 .mgsocialnetworks {
}
 .mgsocialnetworks li {
}
 .mgsocialnetworks li a {
     color: #cbcbcb;
}
 .mgsocialnetworks li a:hover {
     color: #083d6c;
}
/* MG Elements - Nav */
 .nav_bg {
     padding: 15px;
}
 nav.top ul li ul.mgsubtopnav {
     display: none;
     position: absolute;
     top: 100%;
     background: #FFF;
     color:#343a40;
     right:auto;
     text-align:left;
     z-index:999;
}
 nav.top ul li ul.mgsubtopadmin {
     right: 0;
}
 nav.top ul li ul.mgsubtopnav li {
     display: list-item !important;
     margin: 0;
}
 nav.top ul li ul.mgsubtopnav li a {
     display: block;
     padding: 15px 12px;
     text-decoration:none;
     white-space: nowrap;
     background: #083d6c;
     color:#FFFFFF;
     transition: 0.3s;
}
 nav.top ul li ul.mgsubtopnav li a:hover {
     background: #81969f;
}
 nav.top ul {
     list-style: none;
     margin: 0;
     padding: 0;
     position:relative;
}
 nav.top ul li {
     display:inline-flex;
}
 nav.top > ul > li > a {
     color: #083d6c;
     padding: 15px;
     white-space: nowrap;
     font-size:15px;
     text-transform: uppercase;
     text-decoration:none;
     z-index:999;
     border-bottom:solid 1px transparent;
     transition: 0.3s;
}
 nav.top ul li a:after{
     content: "";
     height: 3px;
     left: 0;
     bottom: -3px;
     width: 0;
     position: absolute;
     transition: all .3s ease-in-out;
     background-color: #ff891e;
}
 nav.left, nav.right {
     width: 250px;
}
 nav.left {
     margin-right: 60px;
}
 nav.right {
     margin-left: 60px;
}
 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{
    color: #7fa5be;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: left;
    font-family: 'Bebas Neue', sans-serif;
}
nav.responsive ul li div.catheader {
     color: #fff;
     background:#7fa5be;
     text-transform: uppercase;
     text-align: left;
     border-color: #eee;
     padding: 10px;
    font-size: 2rem;
     font-family: 'Bebas Neue', sans-serif;
     }
 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;
     display:-webkit-inline-box;
     margin-bottom:8px 
}
 #forumMenu > a:hover{
     color:#083d6c!important
}
 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: #083d6c!important 
}
 nav.responsive {
     display: none;
}
 .mgnavpanel {
     padding-left: 0px;
     list-style:none;
}
 .mgnavpanel > li > a:hover {
     color:#81969f;
}
 .right font {
     color: #222 !important;
     font-weight: 100;
}
 .catbodyexpandable input[name="searchquery"] {
     width: 100%;
}
 .catbodyexpandable input[value="Search"] {
     margin-top: 15px;
}
 .department > img {
     min-width: 30px !important;
     min-height: 24px!important;
}
/* MG Elements - Footer */
 .footer {
     padding: 0px;
     margin-top:15px;
}
 .f_social > a{
     font-size:18px;
    color: #737373;
     margin-left:12px 
}
 .subfooter {
     background-color: #7d8f97;
     padding: 20px 0;
     padding-bottom:28px;
}
 .footerHeader {
     color: #ddd;
     font-size: 24px;
     text-transform: uppercase;
}
 .footerContainer .list-inline li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     font-size: 14px;
}
 .footerContainer .input-group .form-control {
     background-color: transparent;
     border: 0;
     color: #929497;
}
 .footerContainer .input-group {
     border: 1px solid #4a4e52;
     border-radius: 5px;
     margin-bottom: 30px;
}
 .footerContainer .list-unstyled li {
     color: #929497;
     margin-bottom: 15px;
}
 .footerContainer .list-unstyled li i{
     margin-right: 14px;
}
 .footerContainer p {
     margin-top: 15px;
     color: #fff;
}
 .footerContainer .list-unstyled li i {
     margin-right: 14px;
}

.footer .searchquery{
    width: 100%;
    display: block;
    border-radius: 0;
    background-color: #e6e6e6;
    color: #083d6c;
    margin-top: 0;
}
.footer .mgsearchcontainer{position:relative; margin: 15px auto 10px auto; width:230px; max-width:100%;}
.footer .mgsearchcontainer .fa-search{position:absolute; color: #7fa5be; font-weight: 800; top: 25%; right: 10px; pointer-events: none; z-index: 50;font-size:22px;}
.footer .searchquery::placeholder{color:#083d6c;}
.footer .mgsocialnetworkscontainer{margin-top:15px;}
.footer .mgsocialnetworkscontainer i {
    font-size: 1.8rem;
    margin: 0 5px;
}

 .input-group-addon {
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 1;
     color: #555;
     text-align: center;
}
 .footerContainer .input-group .input-group-addon {
     border-radius: 4px;
     background-color: #565b61;
     border: 0;
     transition: all .3s ease-in-out;
     padding: 5px 24px;
     color: #fff;
}
 .footerContent {
     padding: 10px;
     color: #dddddd;
}
.footerContent .mgmenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footerContent .mgmenu li {
	
}
 .footerContent a, .footerContent .mgsocialnetworks a {
     color: #dddddd;
}
 .footerContent a:hover, .footerContent .mgsocialnetworks a:hover, .footerContent .mgnavpanel > li > a:hover {
     color: #fff;
}
 .footerCenter {
     text-align: center;
}
 .footerLink > li {
     padding: 0px 5px;
     list-style: none;
}
 .footerLink > li > a {
     color: #dddddd;
}
 .footerTop > .col-sm-3, .copyright .col-xl-6 {
     float: left;
}

.footer .widget3{text-align:end;}
.footer .widget2{text-align:center;}

@media screen and (max-width: 575px){
    .footer .widget3, .footer .widget2, .footer .widget1{text-align: center;}
}
 .copyright .col-xl-12, .footerLink {
     padding: 0;
}
 .copyright {
     display: block;
     background:#000000;
     padding:30px 0px 15px 0px;
     color: #ffffff;
}
 .copyrightText p {
     margin-bottom: 0;
     color: #929497;
}
 .copyrightText p a {
     color: #929497;
}
 .contact_txt1 {
     font-size:13px;
     color:#666666 !important;
     line-height: 18px;
}
 .contact_txt {
     font-size: 11px;
     line-height: 14px;
     text-align:center;
}
 .contact_txt2 {
     font-size: 14px;
     color: #666666 !important;
     line-height: 14px;
     margin-bottom: -10px;
     font-weight: bold;
}
/* MG Elements - Content */
 .contentItem {
     padding: 10px 5px;
}
 .contentItem a, .contentGrid a {
     font-weight: bold;
}
 .contentItem .portalbyline {
     font-size: 0.9em;
     margin: 3px 0px;
     display: block;
}
 .contentItem p.tease {
     margin: 5px 0px;
}
 .articleheadline {
     margin-bottom: 15px;
     margin-top: 10px;
}
 .lead {
     margin-bottom: 0 !important;
     font-weight: bold !important;
     padding-bottom: 10px;
     font-size: 1.1rem !important;
}
 .lead > a > img {
     border: none !important;
}
 .mgcontent > br:nth-child(2) {
     display: none;
}
/* MG Elements - Clump */
 .clumpheader {
     
     }
 .clumpheader img {
     display: none !important;
}
 .clumpheader div.txt {
     display: block ;
     text-transform: uppercase;
     color: #FFF;
     font-size: 1em ;
     font-weight: bold;
     padding:5px 15px; 
}
 .clumpbody {
     padding: 10px ;
     border-color: #FFF;
     border-style: solid;
     border-width: 0!important;
}
 .clumpbody > .contentListContainer > .clumpcontent > .contentGrid {
     padding: 10px;
}
/* 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: #083d6c;
}
 .affsignup > a {
     color: #FFFFFF !important;
}
 .affsignuperror {
     background-color: #083d6c !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 - 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: #083d6c;
     padding: 6px 9px;
}
 .loginbox {
     background: #efefef;
}
 .mgloginpitch {
     display: none;
}
 .mgrenewalmessage {
     clear: both;
     padding: 10px;
     width: 100%;
}
 .mglostpassmessage {
     padding: 2px;
}
 input[type="file"] {
    border: none;
    padding: 0px;
}
 .mgformcell textarea {
    max-width: none!important;
}
 .reviewtitlecell > img {
    border: none !important;
}
 .mgorderrow > .mgtextcenter:first-child {
    text-align: left !important;
}
 .mgformcell > input {
    height: auto !important;
}
 .mgformcell > input[type=text] {
    margin-top: 3px;
}
 .mgformcellleft {
}
.mgforumheader {
    background-color: #083d6c !important;
    color: #FFFFFF;
}
.mgforumsubheader {
	background-color: rgba(13,6,48,0.05) !important;
    color: #083d6c;
}
.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;
}
.ui-widget-content {
    color: unset;
    background-color: transparent;
}
.ui-accordion-header, .ui-tabs-tab {
    background-color: rgba(0,0,0,0.1);
    color: #333333;
    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, .ui-accordion-header {
    color: #333333 ;
}
.ui-accordion-header-active, .ui-accordion-header-active:hover, .ui-tabs-active, .ui-tabs-active:hover {
    background-color: #083d6c;
    border-color: rgba(13,6,48,0.8);
}
.ui-tabs-active a, .ui-accordion-header-active {
    color: #ffffff;
}
.ui-accordion-content, .ui-tabs-panel {
    border-color: #083d6c;
}
.ui-tabs-panel{border: 1px solid #c5c5c5;}
.ui-accordion-content a, .ui-tabs-panel a {
    
}
.ui-accordion-content a:hover, .ui-tabs-panel a:hover {
    
}
.mgvideo0 .fp-controls, .mgaudio0 .fp-controls {
    background-color: #083d6c !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: #083d6c;
}
.mglmsbutton, a.mglmsbutton, input.mglmsbutton {
    background-color: #083d6c !important;
    color: #ffffff !important;
    height: auto;
}
.mglmsbutton:hover, a.mglmsbutton:hover, input.mglmsbutton:hover {
    background-color: rgba(13,6,48,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 {
    background-color: rgba(0,0,0,0.02) !important;
}
.mglmslessons ul li div.lesson {
}
.mgresources .name, .mgtutor .name, .mgcertificate .name {
    background-color: #083d6c !important;
}
.mgresources .resources, .mgtutor > div, .mgcertificate > div {
}
.mgresources .resources a {
    color: #454545 !important;
}
.mgresources .resources a:hover {
    color: #083d6c !important;
}
.mgcertificate .button {
    background-color: transparent !important;
}
.quizContainer {
}
.quizContainer .question_progress {
    background-color: #083d6c !important;
}
.quizContainer .question_headline {
}
.question_answer .ui-state-active, .question_answers .ui-state-active {
    background-color: #083d6c !important;
}
.lmsStats span {
}
.contentGridContainer > .contentGridEmpty:hover {
    opacity: 1 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.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;
}
/* 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){
     .topNav{
         display:none;
    }
     .footerNavigation{
         margin-top:0px;
         height:auto
    }
     .footerTop > .container > .row > div{
         margin-bottom:15px
    }
     .h2, h2{
         
    }
     .contentLayout9{
         flex:0 0 100%;
         margin-left:0;
    }
     .footer-area{
         padding:30px 0px
    }
     .headerImg h1{
         font-size:24px;
    }
     .contentLayout1 > .department > .mgimageleft, .contentLayout2 > .department > img {
         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;
         height: auto;
         padding-top:30px;
    }
     .socialbookmark > a > img {
         width: auto;
    }
     .department > img {
         min-width: 30px !important;
         min-height: 24px!important;
         width: auto;
    }
     .star_font_size > img {
         width: auto !important;
    }
     .resourcesbrowse > a > img{
         width: auto !important;
    }
     .h1, h1 {
        
    }
     .classifiedslisting img {
         width:auto!important;
    }
     .mgcontent > .mgtable:nth-child(3) {
         display: table !important;
    }
     .pdlftrt {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
     main {
         flex: 1;
         margin: 15px 0px !important;
    }
     .articleheadline {
         margin-bottom: 8px;
         margin-top:10px;
    }
     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;
         padding: 
    }
     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 
    }
     section.mgsectioncontainer {
         padding: 0 !important;
    }
     /*.mgcontent div {
         max-width: 100% !important;
    }*/
     .clumpbody{
         padding:0px!important
    }
     .clumpheader{
         margin-bottom:12px
    }
     .contentGridContainer{
         margin:0px
    }
     .mgprofileleftcontainer, .mgprofilerightcontainer, .mgprofiledetailleft, .mgprofiledetailright {
         display: block;
         width: 100%;
    }
     .mgcontent img {
         width:auto; 
    }
     .mgnavpanel li {
         list-style: none;
    }
     .mgnavpanel {
         padding-left: 0px 
    }
     #mobileMenu {
         position: absolute;
         background: #FFF;
         top: 59px;
         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;
    }
    #mobileMenu li a:hover{
        background: #083d6c;
        color: #fff;
    }
    #mobileMenu .mgnavpanel{margin-bottom: 0;}
     ul.mgsubtopnav {
         display:none;
         padding: 0;
    }
     .mgcontent img {
         border: none !important;
    }
     .loginform, .mgsendpassform {
         float: none;
         width: 100%;
         margin: 0px 0px 20px 0px;
    }
}
 @media screen and (min-width: 968px){
     nav.top {
         display: block !important;
    }
     main {
         flex: 1;
         margin: 3px 5px !important;
    }
}
 @media (min-width: 576px){
     .container {
         max-width: auto;
    }
}
 @media screen and (max-width: 575px){
     .headerImg {
         height: auto;
    }
     .d-flex{
         /*display: block !important;*/
    }
}

@media (min-width: 768px) {
    /* show 3 items */
    .content-carousel .carousel-inner .active,
    .content-carousel .carousel-inner .active + .carousel-item,
    .content-carousel .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .content-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .content-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .content-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .content-carousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .content-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .content-carousel .carousel-item-next.carousel-item-left + .carousel-item,
    .content-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .content-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be abso position for animations */
    .content-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .content-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .content-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
    .content-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .content-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    .carousel .carousel-inner .contentLayout9 {
    	flex: 0 0 32.5%;
    	margin: 0 2%;
    	max-width: 31.25%;
    }
}