@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('css/tiny-slider.css');

:root {
    --mgk-primary-black: #171717;
    --mgk-primary-gray: #737373;

    --mgk-primary: #3aaa37;
    --mgk-primary-lgc: #66b31e;

    --mgk-primary-light: #89cc87;
    --mgk-primary-lighter: #d8eed7;

    --mgk-primary-dark: #226621;
    --mgk-primary-darker: #0b220b;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.dnnActionMenuBorder,
.dnnActionMenuBorder *,
.dnnActionMenu,
.dnnActionMenu *,
ul.dnnadminmega * {
    box-sizing: content-box;
}
html {
    background-color: var(--mgk-primary-black);
}
body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: 'Lexend',Arial,Verdana,Geneva,Arial,Helvetica,sans-serif !important;
}
body * {
    font-family: 'Lexend',Arial,Verdana,Geneva,Arial,Helvetica,sans-serif !important;
}

/*control for the whole page*/
.pagemaster { width: 100%;}
.skinmaster { width: 100%; margin:0 auto; }
.maincontainer1 {
    width: 1170px !important;
    margin: 0px auto;
    border: 0px !important;
    /*min-height: 600px;*/
}
.index.mgk-academy .maincontainer1,
.index.home .maincontainer1 {
    min-height: 0;
}

/** Login Control **/
.index.home .maincontainer1 .dnnForm.dnnLogin {
    margin: 75px auto 100px;
    width: 300px;
    border: 1px solid #ccc;
    padding: 40px 15px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Header */
#header { 
    width: 100%; 
    height: 135px;
    margin: 0 auto; 
    background-color:#ffffff; 
}

#header img.logo {
    width: 150px;
}

.graybar{ 
    color: var(--mgk-primary-black);
    background-color: var(--mgk-primary-black);
    height:9px;
    width:100%
}

/* Footer */
.mgk-academy #footer-wrapper,
.home #footer-wrapper {
    margin-top: 0;
}

#footer-wrapper {
    width: 100%;
    /*background-color: var(--mgk-primary-black);*/
    background-color: #2f2f2f;
    position: relative;
    box-sizing: border-box;
    margin-top: 20px;
}

#footer-wrapper * {
    box-sizing: border-box;
}

#footer {
    width: 940px;
    margin: 0 auto;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer p {
    margin: 0;
}

#footer img {
    width: 100%;
}

#footer .footer-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#footer .footer-container .footer-section {
    width: 170px;
    margin-right: 10px;
}
#footer .footer-container .footer-section:last-child {
    margin-right: 0;
}
#footer .footer-container .footer-section.footer-social {
    width: 155px;
    margin-right: 60px;
}

#footer .footer-container .footer-section.footer-social .social-links {
    text-align: center;
}
    #footer .footer-container .footer-section.footer-social .social-links a {
        display: inline-block;
    }

#footer .footer-container .footer-section .footer-group {
    margin-bottom: 15px;
}
#footer .footer-container .footer-section .footer-group ul {
    padding: 0;
    margin: 0;
}
#footer .footer-container .footer-section .footer-group ul li {
    list-style: none;
}
#footer .footer-container .footer-section .footer-group a,
#footer .footer-container .footer-section .footer-group a:visited {
    color: #ffffff;
    display: block;
    font-size: 12px;
}
#footer .footer-container .footer-section .footer-group a:hover {
    text-decoration: none;
}

#footer .footer-container .footer-section .footer-group li.footer-link-1 {
    font-weight: bold;
    margin-bottom: 10px;
}
#footer .footer-container .footer-section .footer-group li.footer-link-1 a {
    color: var(--mgk-primary);
}
#footer .footer-container .footer-section .footer-group li.footer-link-2 {
    margin-bottom: 5px;
}
#footer .footer-container .footer-section .footer-group li.footer-link-2 a {
    font-weight: normal;
}

#footer .footer-social a.soc-fb,
#footer .footer-social a.soc-fb:hover {
    color: #ffffff;
    text-decoration: none;
}

#footer .footer-social .social-links a > div {
    margin: 10px 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    flex-wrap: nowrap;
}
#footer .footer-social .social-links img {
    max-width: 21px;
    margin-right: 5px;
}

#subfooter-wrapper {
    width: 100%;
    /*background-color: var(--mgk-primary);*/
    background-color: var(--mgk-primary-black);
    box-sizing: border-box;
}

#subfooter-wrapper * {
    box-sizing: border-box;
}

#subfooter {
    width: 1170px;
    color: #ffffff;
    padding: 10px 0 10px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

#subfooter a,
#subfooter a:visited {
    color: #ffffff;
}

/* Logo */
#logopos {
    width: 180px;
    margin-top: 10px;
}

#member-container {
    margin-left: 50px;
    margin-top: 10px;
}

/* Menu Bar */
#menuhold {
    border: 0;
    margin-left:50px;
    margin-top:25px;
}
#menupos {
    padding: 0;
}

/* Main Navigation */
#nav {
    height: 23px;
    margin: 0 auto;
    z-index: 99;
}

#nav ul {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 18px
}

#nav a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 4px
}

#nav ul li {
    text-align: center;
    padding: 0;
    list-style: none;
    z-index: 99;
    display: inline-block
}

#nav ul,
#nav ul li.tab {
    margin: 0;
    padding: 0;
}

#nav ul li.tab {
    padding: 2px 5px 0 3px;
    border-right: 2px solid var(--mgk-primary);
    height: 21px;
}
#nav ul li.tab:first-child {
    padding-left: 0;
}
#nav ul li.tab:last-child {
    border-right: 0;
    padding-right: 0;
}

#nav ul li.tab a {
    padding: 0 8px;
    text-decoration: none;
    color: var(--mgk-primary-black);
    font-weight: 700;
    text-transform: uppercase;
}

#nav ul li.tab:hover a,
#nav ul li.tab.tab_selected a {
    color: var(--mgk-primary);
    border-bottom: 3px solid var(--mgk-primary);
}

/*#nav li.tab:hover,
#nav ul li.sfhover,
#nav ul li.tab_selected {*/
    /*color: #ffffff;
    background-color: var(--mgk-primary)*/
    /*color: var(--mgk-primary);
    border-bottom: 3px solid var(--mgk-primary);
}*/

#nav li.tab:hover a,
#nav ul li.sfhover a {
    color: #262a30
}

#nav ul li.tab a:hover,
#nav ul li.tab ul.nontab li a:hover,
#nav ul li.tab_selected a,
#nav ul li.tab_selected a:hover {
    color: var(--mgk-primary);
}

/* End of Main Navigation*/

/* Pane */
.leftpane { float: left; width: 580px; padding: 20px 20px 0 20px; }
.bannercontent { width: 1170px;margin:0px;padding:0px;}
.header-banner-image img {
    width: 100% !important;
}
.registration { width: 368px;}
.paneside { float: right; width: 280px; padding: 20px;}
.panebottom { clear: both; width: 936px; padding: 20px 20px 0 20px; }
.paneadmincontent {
    clear:both;  
    margin-top:30px; 
}

.breadcrumb a{color: #736F6F;font-size: 12px;text-decoration: none;font-weight:normal;}
/*.bg_none{background-image:url(media/menu_down1.gif);background-repeat:no-repeat;background-position:center right;border:0px solid red;}*/
.left_imagepane{margin-top:70px;}
.left_imagepane1{margin-top:50px;border:0px solid red;padding-left:10px;}
.right_contentpane{margin-top:20px;}

/*view all*/
#viewall
{
	color:#fff;
	background-image:url(/mgk/portals/0/Designs/images/landing-bg.png);
    background-repeat:no-repeat;
    background-position:top right;
	width:100%;
	height:40px;
}
#viewall a
{
	color:#fff;
	float:right;
	text-decoration:underline;
	padding-top:10px;
	padding-right:20px;
}

/*Right Navigation Menu*/
.simplemenu {
    margin: 0;
    padding: 0 16px 16px;
}

.simplemenu li,
.simplemenu1 li {
    list-style-type: none;
    line-height: 250%;
}

.simplemenu li a,.simplemenu1 li a {
    font-weight: 700;
    text-decoration: none;
}

.simplemenu li a {
    color: var(--mgk-primary-black);
    display: block;
    font-size: 14px;
    padding: 5px;
}

.simplemenu li a:hover {
    background-color: var(--mgk-primary-black);
    color: #ffffff;
}

.simplemenu li a.active {
    background-color: var(--mgk-primary-black);
    color: #fff;
    font-weight: 700;
    padding: 5px;
}

.simplemenu1 {
    margin: -16px 0 0 0;
    padding: 0 16px 0 30px;
}

.simplemenu1 li a {
    color: #2b2c20;
    font-size: 12px;
    padding: 3px;
}

.simplemenu1 li:hover {
    background-color: var(--mgk-primary-black);
}
.simplemenu1 li:hover a.active,
.simplemenu1 li:hover a {
    color: #ffffff;
}
.simplemenu1 li:last-child {
    margin-bottom: 10px;
}
.simplemenu1 li.active {
    background-color: var(--mgk-primary-black);
}
.simplemenu1 li.active a {
    color: #ffffff;
}

/*BackGround ImageSize Control*/
.background_image img{width:350px;height:212px;}

#userbar {
    position: relative;
    width: 100%;
    background: #efefef;
    top: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #aaa;
}

#userbar-menu-placeholder {
    padding-right: 250px;
}

ul.userbar-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background-color: #333;*/
}

ul.userbar-menu li {
    float: left;
    list-style-type: none;
}

ul.userbar-menu li a, .dropbtn {
    min-height:16px;
}

ul.userbar-menu li a, .dropbtn {
    display: inline-block;
    color: #333;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.userbar-menu li a:hover {
    color: #fff;
}

ul.userbar-menu li a:hover, ul.userbar-menu .dropdown:hover .dropbtn {
    background-color: var(--mgk-primary);
}

ul.userbar-menu li.dropdown {
    display: inline-block;
}

ul.userbar-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

ul.userbar-menu .dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

ul.userbar-menu .dropdown-content a:hover {
    /*background-color: #f1f1f1*/
}

ul.userbar-menu .dropdown:hover .dropdown-content {
    display: flex;
    z-index: 999;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

ul.userbar-menu .dropdown .dropdown-content {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #efefef;

    width: 550px;
}

ul.userbar-menu .dropdown .dropdown-content li {
    float: none;
    list-style: none;
    display: block;

    float: left;
    display: inline;
    width: 33.333%;
}

ul.userbar-menu .dropdown .dropdown-content li a {
    color: #333;
    text-align: left;
    padding: 5px 10px;
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

ul.userbar-menu .dropdown .dropdown-content li a:hover {
    color: #fff;
}

#user-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    max-width: 250px;
}

#user-info > div {
    padding: 14px 16px;
    text-align: right;
}

/* NETS */
.nets-payment-container {
    margin-top: 15px;
}

.nets-payment-container .container {
    width: 100% !important;
}


.icon1 {
    margin-top: 0px;
    padding: 0px;
    font-size: 11px;
}

.socialmediabar {
    width: 940px;
    margin: 0 auto;
}

.partnership {
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border-top: #e0dedf 1px solid;
    display: none !important;
}

.partnershiparea {
    width: 940px;
    margin: 0px auto;
    color: var(--mgk-primary);
    padding-left: 10px;
    font-size: 12px;
    height: 35px;
}
/* height?*/
.contactus {
    text-align: right;
    color: #736f6f;
    font-size: 12px;
}

    .contactus a:link {
        text-align: right;
        color: #736f6f;
        font-size: 12px;
        text-decoration: none;
    }

    .contactus a:visited {
        text-align: right;
        color: #736f6f;
        font-size: 12px;
        text-decoration: none;
    }

.privacy {
    background-color: #e7e5e5;
    width: 100%;
    display: none !important;
}

.privacystatement {
    color: #736f6f;
    font-size: 11px;
    text-decoration: none;
}

    .privacystatement a:link {
        color: #736f6f;
        font-size: 11px;
        text-decoration: none;
        text-align: left;
    }

    .privacystatement a:visited {
        color: #736f6f;
        font-size: 11px;
        text-decoration: none;
        text-align: left;
    }

/*collapse expapnd*/
.subpagesbackground {
    background-color: #e0dedf;
}

.collapsexpand {
    width: 100%;
    margin: 0px auto;
    background-color: var(--mgk-primary-black);
}

.expand {
    width: 100%;
    background-color: var(--mgk-primary-black);
}

.collapsetable {
    width: 100%;
    background-color: #4d4d4d;
}

.collapse {
    width: 100%;
    background-color: #4d4d4d;
    color: #FFF
}

.sitemap {
    margin-left: 20px;
    line-height: 130%;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .sitemap td {
        border: 0px solid red;
        line-height: 20px;
    }

    .sitemap a:link {
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
    }

    .sitemap a:visited {
        color: #FFFFFF;
        font-size: 12px;
        text-decoration: none;
    }

.sitemaptitle a:link {
    font-size: 14px;
    color: #FFFFFF;
}

.sitemaptitle a:visited {
    font-size: 14px;
    color: #FFFFFF;
}

.spacer {
    height: 20px;
    display: none !important;
}
.username {
    background-color: var(--mgk-primary);
    color: #FFF;
    font-size: 12px;
}

.button {
    color: #fff;
    background-color: var(--mgk-primary);
    text-transform: uppercase;
    padding: 5px;
    border: var(--mgk-primary-dark) 2px solid;
}

input[type='button'].button,
input[type='submit'].button {
    cursor: pointer;
}

.button:hover {
    color: #fff;
    background-color: #736f6f;
    border: #2e2e2e 2px solid;
}

.username::placeholder {
    color: #ffffff;
    opacity: 0.75;
}

/* Member Login */
.submenu {
    background-image: url(images/submenu.gif);
    height: 35px;
    background-position: right;
    background-repeat: repeat-x;
    width: 1170px;
    margin: 0px auto;
}

.member-login-container .memberlogin {
    padding-left: 4px;
}

.member-login-container input[type='text'],
.member-login-container input[type='password'] {
    border: 1px solid var(--mgk-primary-dark);
}

.member-login-container .login-btn {
    height: 17px;
}

.registration .lgn-forgot-password {
    margin-left: 10px;
}
.registration .lgn-register {
    margin-left: 15px;
}

.password-toggle {
    position: absolute;
    right: 26px;
    top: -1px;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.password-toggle.password-toggle-member {
    right: unset;
    left: 110px;
}

.password-toggle {
    background-image: url('/asset/images/eye-icon.png');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.password-toggle.displayed {
    background-image: url('/asset/images/eye-icon-hide.png');
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.itemtitle {
    background-image: url(images/arrow2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    /*width: 900px;*/
    color: var(--mgk-primary);
    font-size: 16px;
    font-weight: bold;
    border-bottom: var(--mgk-primary) 2px solid;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 10px;
}

.itemtitleaub {
    background-image: url(images/arrow2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    width: 650px;
    /*color: #5c5959;*/
    color: var(--mgk-primary);
    font-size: 16px;
    font-weight: bold;
    border-bottom: var(--mgk-primary) 2px solid;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 10px;
}

.itemtitleaub.full-width {
    width: 100%;
}

.rhs{ background-color: var(--mgk-primary-lighter); height:100%;}
.rhstable{ color:#2b2c20; font-size:14px; font-weight:bold; line-height:150%; padding-top:70px; padding-left:5px;  }
.rhstable td{ color:#2b2c20; font-weight:bold; line-height:180%; }
.rhstable td a:link{ color:#2b2c20;  font-weight:bold; text-decoration:none;}
.rhstable td a:hover{ color:#7a1b05;  font-weight:bold; }
.rhstable td a.active{ color:#FFF;  font-weight:bold; }
.rhstable td a:visited{ color:#2b2c20;  font-weight:bold; text-decoration:none;}

.rhstable th{ font-size:14px; color:#FFF; font-weight:bold; line-height:180%; text-align:left; }
.rhstable th a:link{font-size:12px;  color:#2b2c20;  font-weight:bold; text-decoration:none;}
.rhstable th a:hover{ font-size:12px; color:#7a1b05;  font-weight:bold; }
.rhstable th a.active{ font-size:12px; color:#FFF;  font-weight:bold; }
.rhstable th a:visited{font-size:12px;  color:#2b2c20;  font-weight:bold; text-decoration:none;}

table.article-table {
    border-collapse: collapse;
}

table.article-table td {
    margin: 0;
    padding: 0;
}

.article-sidebar {
    /*min-height: 450px;*/
    min-height: unset;
}

/* RadPanelBar */
.RadPanelBar_Forest {
    background: var(--mgk-primary-lighter);
}

.RadPanelBar_Forest .rpRootGroup {
    border-color: var(--mgk-primary);
}

.RadPanelBar_Forest .rpTemplate,.RadPanelBar_Forest a.rpLink {
    color: #2b2c20;
    font: 12px/24px "Segoe UI",Arial,sans-serif
}

.RadPanelBar_Forest a.rpExpanded,.RadPanelBar_Forest a.rpLink {
    background-color: var(--mgk-primary);
    border-color: var(--mgk-primary);
}

.RadPanelBar_Forest .rpOut,.RadPanelBar_Forest a.rpExpanded .rpOut,.RadPanelBar_Forest a.rpExpanded:hover .rpOut {
    border-color: var(--mgk-primary-lighter);
}

.RadPanelBar_Forest a.rpSelected
,.RadPanelBar_Forest a.rpSelected:hover {
    background-color: var(--mgk-primary);
    color: #ffffff;
    border-color: var(--mgk-primary);
}

.RadPanelBar_Forest a.rpDisabled,.RadPanelBar_Forest a.rpDisabled:hover {
    color: #eeeeee;
}

.RadPanelBar_Forest a.rpDisabled:hover .rpOut {
    border-color: var(--mgk-primary);
}

.RadPanelBar_Forest .rpGroup {
    background-color: var(--mgk-primary-lighter);
}

.RadPanelBar_Forest .rpGroup a.rpLink {
    color: #2b2c20;
}

.RadPanelBar_Forest .rpGroup .rpTemplate {
    color: #2b2c20;
    background-color: transparent;
    background-image: none;
}

.RadPanelBar_Forest .rpGroup a.rpLink:hover {
    color: var(--mgk-primary);
}

.RadPanelBar_Forest .rpGroup a.rpSelected,.RadPanelBar_Forest .rpGroup a.rpSelected:hover {
    color: var(--mgk-primary);
}

.RadPanelBar_Forest .rpGroup .rpOut,.RadPanelBar_Forest .rpGroup a.rpLink {
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadPanelBar_Forest .rpGroup a.rpDisabled,.RadPanelBar_Forest .rpGroup a.rpDisabled:hover,.RadPanelBar_Forest .rpGroup a.rpDisabled:hover .rpOut {
    background-image: none;
}

.RadPanelBar_Forest .rpGroup a.rpDisabled,.RadPanelBar_Forest .rpGroup a.rpDisabled:hover {
    color: #eee;
    text-decoration: none;
}

.RadPanelBar_Forest a.rpDisabled:hover {
    cursor: default;
}

.RadPanelBar_Forest a.rpExpandable .rpExpandHandle,.RadPanelBar_Forest a.rpExpanded .rpExpandHandle {
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadPanelBar_Forest_rtl .rpGroup .rpText {
    padding: 0 10px;
}

.RadPanelBar_Forest .rpGroup a.rpSelected,.RadPanelBar_Forest .rpGroup a.rpSelected:hover {
    background-color: transparent;
}
.RadPanelBar .rpHeaderTemplate, .RadPanelBar .rpOut {
    border-bottom-style: dashed !important;
    border-bottom-color: var(--mgk-primary-dark);
    /*border-bottom-width: 1px;*/
}
/* End of RadPanelBar*/

/* Home Announcement Container */
.landingmaintitle {
    background-color: var(--mgk-primary) !important;
    padding: 15px 0 15px 20px inherit !important;
    height: auto !important;
}
.landbanner img:hover {
    border-color: var(--mgk-primary) !important;
}
.landbanner a:hover {
    text-decoration: none;
}
.landbanner .link-text {
    display: block;
    color: #ffffff;
    margin-top: 5px;
}
#DesignTable,
#viewall,
.DNN_ANN_DesignTable,
.landingbg {
    background-image: none !important;
    background-color: rgba(23,23,23, 0.75) !important;
}
/* End of Home Announcement Container */

.shapes {
    position: relative;
}
.shapes-05 {
    opacity: 0.5;
}
.shapes .shapes-wave {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
}
.shapes .shapes-wave-tl {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
}

/* Table Colors */
.tableborder {
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border:1px solid var(--mgk-primary);
	border-collapse: collapse;
}
.tableborder th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border:white;
	width:16px;
}
.tableborder td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border:1px solid var(--mgk-primary);
	-moz-border-radius: ;
	padding-left:5px;
}

/************* MEMBER PERKS *****************/
.maincontainer_member_archives {
    width: 1170px !important;
    margin: 0 auto;
}

.post-inner {
    width: 960px !important;
    margin-left: 15px;
}

.anmcontent {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.anm .post {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.anm .menu ul {
    margin-bottom: 10px !important;
}

/*************** UTILITIES *******************/
.text-center {
    text-align: center;
}

.text-bold {
    font-weight: bold;
}

.color-primary {
    color: var(--mgk-primary);
}

.hidden {
    display: none !important;
}

.text-subtle {
    font-size: 95%;
    color: #555555;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.align-content-center {
    align-content: center;
}

.align-items-center {
    align-items: center;
}

.p-bottom-0 {
    padding-bottom: 0;
}

.m-top-0 {
    margin-top: 0;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.m-bottom-0 {
    margin-bottom: 0;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-left-5 {
    margin-left: 5px;
}

.m-left-10 {
    margin-left: 10px;
}

.m-left-auto {
    margin-left: auto;
}

.m-right-5 {
    margin-right: 5px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-15 {
    margin-right: 15px;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

/************ PAGE BACKGROUND ***************/

/*.index {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/home1.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.aboutus {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/aboutus.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.news {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/news.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.events {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/events.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.promotions {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/promotions.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.gallery {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/gallery.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.handi {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/handicap.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.membership {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/membership.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}

.mconer {
    background-color: #ffffff;
    background-image: url(/portals/0/LandingPageBackground/memberconer.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
}*/

/**************** PREVIEW ********************/
#header > table {
    width: 1170px;
}

.index,
.aboutus,
.news,
.events,
.promotions,
.handi,
.gallery,
.membership,
.mconer,
.sub,
.member_Archives {
    min-width: 1190px;
}

.index,
.aboutus,
.news,
.events,
.promotions,
.handi,
.gallery,
.membership,
.mconer,
.member_Archives {
    background: #ffffff;
    width: 100%;
    margin: 0 auto;
}

.index .member-nav-panel {
    background-image: url("images/submenu.gif");
    background-position: right;
    background-repeat: repeat-x;
}

#menuhold {
    display: flex !important;
    justify-content: flex-end !important;
}

#footer {
    width: 1170px;
}

.nivoSlider {
    width: 100% !important;
    height: 398px !important;
    background-size: cover !important;
    margin-top: 0;
    margin-bottom: 0;
}

.nivo-slice {
    background-size: cover !important;
    width: 100% !important;
}

.banner-slider img {
    width: 100%;
}

.banner-container {
    position: relative;
    background-color: #2f2f2f;
}

.mgk-academy .banner-container {
    background-color: #ffffff;
}

.banner-container .tns-controls {
    display: none;
}
.banner-container .tns-nav {
    /*display: none;*/
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.banner-container .tns-nav > [aria-controls] {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    border: 0;
    color: #ffffff;
}
.banner-container .tns-nav > .tns-nav-active {
    background: rgba(0,0,0,0.7);
}
.banner-container button[data-action='stop'] {
    display: none;
}
.banner-container button[data-action='start'] {
    display: none;
}

/*** ANNOUNCEMENTS ***/
.contrl_div{
    height: 160px;
}
.control_div .summary:nth-child(2) {
    padding-left: 10px;
}
.control_div .announcement-entry {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
    padding: 15px 0 0;
}
.control_div .announcement-entry .summary {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.control_div .announcement-entry .summary .e_title {
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.control_div .announcement-entry .ellipsis.multiline {
    width: 100%;
}
.control_div .announcement-entry .ellipsis.multiline img {
    display: none;
}
.control_div .announcement-entry img {
    max-width: 150px;
}

/*** MEMBER REGISTRATION ***/
.member-registration-container {
    border: 1px solid var(--mgk-primary);
    padding: 10px;
    /*box-shadow: 4px 4px 0 var(--mgk-primary-darker);*/
    box-shadow: 3px 3px 5px #dfdfdf;
}

.member-registration-container .rcbHeader ul,
.member-registration-container .rcbFooter ul,
.member-registration-container .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.member-registration-container .col1,
.member-registration-container .col2 {
    float: left;
    width: 150px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.member-registration-container label,
.member-registration-container .selection-result {
    font: 13px 'Segoe UI', Arial, sans-serif;
    color: #4888a2;
}

.member-registration-container .style4 {
    width: 145px;
}

.member-registration-container .style5 {
    width: 145px;
}

.member-registration-container .input-member-nric {
    font-family: "Courier New", monospace !important;
}

.member-registration-container .input-validation-message {
    font-size: 11px;
    display: block;
    margin-top: 5px;
}

.member-registration-container span.field-label {
    font-weight: 500;
}
.member-registration-container .table-personal-info td > span.field-label {
    display: inline-block;
    margin-top: 4px;
}
.member-registration-container .member-registration-additional-information-container {
    display: flex;
    flex-direction: column;
}
.member-registration-container .member-registration-additional-information-entry {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.member-registration-container .member-registration-additional-information-entry:last-child {
    margin-bottom: 0;
}
.member-registration-container .member-registration-additional-information-entry span.field-label {
    width: 170px;
    margin-right: 20px;
}

.member-registration-downloads {
    margin-bottom: 20px;
}
.member-registration-downloads p {
    margin-bottom: 10px;
    margin-bottom: 5px;
}
.member-registration-downloads ul {
    padding-left: 1.5em;
    margin-top: 0;
}
.member-registration-downloads li {
}

.member-registration-insurance-info-container {
    margin-bottom: 15px;
}
.member-registration-insurance-info {
    border-collapse: collapse;
    border: 1px solid var(--mgk-primary-black);
}
.member-registration-insurance-info td {
    padding: 5px 5px;
    border: 1px solid var(--mgk-primary-black);
}

/** GALLERY */
.gallery-list {
    display: flex;
    flex-wrap: wrap;
}
.gallery-list .control_div {
    padding: 10px;
    float: none;
    /*height: 250px;*/
    height: auto;
    border-width: 0;
    margin-bottom: 15px;
    
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.gallery-list .control_div .announcement-entry {
    justify-content: center;
    padding: 0;
}
.gallery-list .control_div .announcement-entry .summary {
    display: none;
}
.gallery-list .control_div .announcement-entry img {
    max-width: 290px;
    max-height: 200px;
    /*min-height: 200px;*/
    border: 1px solid #ffffff;
}
.gallery-list .control_div .e_title {
    max-width: 290px;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}
.gallery-list .control_div .e_title a,
.gallery-list .control_div .e_title a:visited,
.gallery-list .control_div .e_title a:active {
    color: #ffffff;
}
.gallery-list .control_div .gallery-edit {
    position: absolute;
    left: 0;
    top: 0;
}

.dm-gallery {
    margin-left: -25px;
    margin-right: -25px;
}
.dm-gallery label, 
.dm-gallery a:link, 
.dm-gallery a:active,
.dm-gallery a:visited {
    color: var(--mgk-primary);
}
.dm-gallery a.Gallery_AltHeaderText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 300px;
}

.Gallery_AlbumTL, .Gallery_AlbumTC, .Gallery_AlbumTR, .Gallery_AlbumML, .Gallery_AlbumMR, .Gallery_AlbumBL, .Gallery_AlbumBC, .Gallery_AlbumBR {
    background: none !important;
}
td.Gallery_AlbumMC {
    border: none !important;
}
.Gallery_AlbumTL {
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: var(--mgk-primary);
    border-top-left-radius: 5px;
}
.Gallery_AlbumTC {
    border-top: 1px solid var(--mgk-primary);
}
.Gallery_AlbumTR {
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--mgk-primary);
    border-top-right-radius: 5px;
}
.Gallery_AlbumML {
    border-left: 1px solid var(--mgk-primary);
}
.Gallery_AlbumMR {
    border-right: 1px solid var(--mgk-primary);
}
.Gallery_AlbumBL {
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: var(--mgk-primary);
    border-bottom-left-radius: 5px;
}
.Gallery_AlbumBC {
    border-bottom: 1px solid var(--mgk-primary);
}
.Gallery_AlbumBR {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: var(--mgk-primary);
    border-bottom-right-radius: 5px;
}
table.Gallery_Album {
    border-collapse: separate !important;
    border-spacing: 0;
}

/** FAQ **/
.faq-container h2 {
    margin-bottom: 30px;
}

.faq-container h3 {
    font-size: 16px;
}

.faq-container div p {
    font-size: 14px;
}

/** jQuery UI **/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 20px 0 0 0;
    padding: .5em .5em .5em .7em;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 1em;
    border-top: 0;
    overflow: auto;
}

.ui-state-active,
.ui-state-default.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--mgk-primary-dark);
    background: var(--mgk-primary);
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}


.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/** MGK Academy **/
.mgk-academy .section {

}

.mgk-academy .section.learn-and-play {
    padding-top: 60px;
    padding-bottom: 30px;
    max-width: 800px;
}

.mgk-academy .section.about-mgk-academy {
    padding-top: 30px;
    padding-bottom: 100px;
    max-width: 800px;
}
.mgk-academy .section a:hover {
    text-decoration: none;
}
.mgk-academy .section h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 55px;
    text-transform: capitalize;
    color: var(--mgk-primary);
    margin-bottom: 20px;
}

.mgk-academy .section p {
    font-size: 20px;
    line-height: 30px;
}

.member-registration-radstrip.RadTabStripTop_Forest .rtsLevel1 .rtsLI .rtsAfter {
    background-position: 1px -78px;
}

.member-registration-radstrip.RadTabStripTop_Forest .rtsLevel1 .rtsLI .rtsSelected {
    background-position: 1px -26px;
}

.member-registration-radstrip a.rtsLink {
    color: #ffffff;
}

.member-registration-radstrip a.rtsLink.rtsDisabled {
    color: var(--mgk-primary-dark);
}

.member-registration-radstrip a.rtsLink,
.member-registration-radstrip a.rtsLink.rtsBefore {
    /*border: 1px solid var(--mgk-primary-dark);
    background: var(--mgk-primary-dark);*/
    border: 1px solid var(--mgk-primary-dark);
    background: var(--mgk-primary-light);
    color: var(--mgk-primary-dark);
    border-radius: 5px 15px 0 0;
    position: relative;
    z-index: 1;
    top: 4px;

    box-shadow: 1px 0px 2px #888888;
}

.member-registration-radstrip  a.rtsLink.rtsDisabled.rtsClicked,
.member-registration-radstrip  a.rtsLink.rtsDisabled {
    border: 1px solid var(--mgk-primary-light);
    background: var(--mgk-primary-lighter);
    border-radius: 5px 15px 0 0;
    top: 4px;
    position: relative;
    left: 0px;
    z-index: 1;

    box-shadow: none;
}

.member-registration-radstrip  a.rtsLink.rtsSelected {
    border: 1px solid var(--mgk-primary-dark);
    border-radius: 5px 15px 0 0;
    background: var(--mgk-primary);
    color: #ffffff;
    z-index: 555;
    position: relative;
    top: 1px;

    box-shadow: 1px 0px 2px #6a6a6a;
}

.member-registration-radstrip.RadTabStripTop_Forest .rtsLevel1 .rtsLink,
.member-registration-radstrip.RadTabStripTop_Forest .rtsLevel1 .rtsOut,
.member-registration-radstrip.RadTabStripBottom_Forest .rtsLevel1 .rtsLink,
.member-registration-radstrip.RadTabStripBottom_Forest .rtsLevel1 .rtsOut,
.member-registration-radstrip .RadTabStripTop_Forest_Baseline .rtsLevel1,
.member-registration-radstrip .RadTabStripBottom_Forest_Baseline .rtsLevel1 {
    background-image: none;
}

.transaction-management-table-container .RadPicker.RadPicker_Telerik {
    display: inline-block;
}

.mgk-terms-and-conditions {
    height: 300px;
    overflow: auto;
    padding: 5px 10px;
    border: 1px solid #171717;
    font-size: 14px;
}

.mgk-terms-and-conditions * {
    position: relative;
}

.mgk-terms-and-conditions .title {
    font-weight: bold;
    font-size: 15px;
}

.mgk-terms-and-conditions p:first-child {
    margin-top: 0;
}

.mgk-terms-and-conditions .underline {
    text-decoration: underline;
}

.mgk-terms-and-conditions ol.lower-alpha {
    /*counter-reset: list;*/
    list-style-type: lower-alpha;
    padding-left: 1em;
}

.mgk-terms-and-conditions ol.lower-alpha li {
    list-style-type: lower-alpha;
    margin-bottom: 5px;
}

.mgk-terms-and-conditions ul.lower-roman,
.mgk-terms-and-conditions ul.lower-roman li {
    list-style-type: lower-roman;
}

.mgk-terms-and-conditions ol.lower-roman {
    counter-set: mgk-counter-lr;
    padding-left: 1.4em;
}

.mgk-terms-and-conditions ol.lower-roman > li {
    list-style: none;
}

.mgk-terms-and-conditions ol.lower-roman > li:before {
    content: counter(mgk-counter-lr, lower-roman) ") ";
    counter-increment: mgk-counter-lr;
    position: absolute;
    left: -1.4em;
}

/** Privacy Statement **/
.privacy-statement-container {
    margin-top: 15px;
}

.privacy-statement-container ol li,
.privacy-statement-container ul li {
    list-style-type: inherit;
}

.privacy-statement-container p {
    margin-bottom: 20px;
}

.privacy-statement-container,
.privacy-statement-container * {
    position: relative;
}

.privacy-statement-container ol li:last-child {
    margin-bottom: 10px;
}
.privacy-statement-container ol.level-1 {
    padding-left: 1em;
    font-weight: bold;
}
.privacy-statement-container ol.level-1 > li {
    counter-increment: item;
}

.privacy-statement-container ol.level-2 {
    counter-reset: item;
}
.privacy-statement-container ol.level-2 {
    margin-top: 10px;
    font-weight: normal;
    padding-left: 1em;
    margin-left: -12px;
}
.privacy-statement-container ol.level-2 > li {
    display: block;
    margin-bottom: 10px;
}
.privacy-statement-container ol.level-2 > li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    display: inline-block;
    width: 50px;
    vertical-align: top;
}
.privacy-statement-container ol.level-2 > li > * {
    display: inline-block;
    width: 1115px;
}
.privacy-statement-container ol.level-2 table {
    margin-top: 5px;
    margin-left: 50px;
    border-collapse: collapse;
}
.privacy-statement-container ol.level-2 table tr td:last-child {
    padding-left: 10px;
}

.privacy-statement-container ol.level-3 {
    counter-reset: level3;
}
.privacy-statement-container ol.level-2 > li,
.privacy-statement-container ol.level-3 > li {
    display: block;
}
.privacy-statement-container ol.level-3 > li:before {
    content: "(" counter(level3, lower-alpha) ") ";
    counter-increment: level3;
    position: absolute;
    left: -2.4em;
}
.privacy-statement-container ol.level-3 {
    margin-left: 40px;
}
.privacy-statement-container ol.level-3,
.privacy-statement-container ol.level-4 {
    margin-top: 10px;
}
.privacy-statement-container ol.level-4 {
    padding-left: 20px;
    counter-reset: level4;
}
.privacy-statement-container ol.level-4 li {
    list-style: lower-alpha;
    display:block;
}
.privacy-statement-container ol.level-4 li:before {
    content: counter(level4, lower-alpha) ". ";
    counter-increment: level4;
    display: inline-block;
    width: 20px;
}

.privacy-statement-container ol.level-1 {
    counter-reset: level1;
    padding-left: 0;
}
.privacy-statement-container ol.level-1 > li {
    display: block;
    margin-bottom: 25px;
}
.privacy-statement-container ol.level-1 > li:before {
    content: counter(level1) ". ";
    counter-increment: level1;
    display: inline-block;
    width: 50px;
}

.mr-type-ctr {
    padding: 20px;
    text-align: center;
}

.mr-type-ctr p {
    font-size: 16px;
}

.mr-type-ctr table {
    width: 100%;
    border: 0;
}
.mr-type-ctr table td {
    width: 50%;
}
.mr-type-ctr .opt-link,
.mr-type-ctr .opt-link:visited,
.mr-type-ctr .opt-link:active {
    text-decoration: none;
}

.mr-type-ctr .opt-link:hover .opt-ctr {
    border: 1px solid var(--mgk-primary-dark);
}
.mr-type-ctr .opt-link:hover .opt-body {
    font-weight: bold;
}

.mr-type-ctr .opt-ctr {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    flex-direction: column;
    margin: 10px;
    background: #d8eed7;
    border: 1px solid var(--mgk-primary-light);
    border-radius: 5px;
    height: 110px;
}
.mr-type-ctr .opt-ctr .opt-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--mgk-primary-dark);
}
.mr-type-ctr .opt-ctr .opt-body {
    text-align: center;
    width: 240px;
    color: var(--mgk-primary-black);
    font-weight: normal;
}

.member-mngmt-input-validation-message {
    display: block !important;
}

.member-mngmt-btn-update-passport-no,
.member-mngmt-btn-update-passport-no:hover {
    font-size: 11px;
    font-weight: normal;
    padding: 3px 4px;
    border-width: 1px;
    position: relative;
}

.input-member-nric[readonly="readonly"] {
    background: #eeeeee !important;
}


.member-details-container span.field-label {
    font-weight: 500;
}

.member-details-container .member-details-additional-information-container {
    display: flex;
    flex-direction: column;
}

.member-details-container .member-details-additional-information-entry {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.member-details-container .member-details-additional-information-entry:last-child {
    margin-bottom: 0;
}

.member-details-container .member-details-additional-information-entry span.field-label {
    width: 170px;
    margin-right: 20px;
}

/* MGK Academy Menu */
.mgkAcademyMenu .menu {
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	background: var(--mgk-primary);
}

.mgkAcademyMenu .menu ul {
	background: var(--mgk-primary);
	height: 25px;
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
	margin-bottom: 20px;
}

.mgkAcademyMenu .menu li {
	display: inline-block;
	float: left;
	padding: 0px;
	list-style-type: none;
}

.mgkAcademyMenu .menu li a {
	background: var(--mgk-primary);
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	line-height: 25px;
	margin: 0px;
	font-weight: bold;
	padding: 0px 15px;
	text-align: center;
	text-decoration: none;
}

.mgkAcademyMenu .menu li a:hover, .mgkAcademyMenu .menu ul li:hover a {
	background: var(--mgk-primary-light);
	color: #FFFFFF;
	text-decoration: none;
}

.mgkAcademyMenu .menu li.menuselected a {
	background: var(--mgk-primary-light);
	color: #FFFFFF;
}

.mgkAcademyMenu .menu li ul {
	background: var(--mgk-primary);
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 275px;
	z-index: 200;
}

.mgkAcademyMenu .menu li:hover ul {
display: block;
}

.mgkAcademyMenu .menu li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 275px;
}

.mgkAcademyMenu .menu li:hover li a {
	background: none;
}

.mgkAcademyMenu .menu li ul a {
	display: block;
	height: 25px;
	font-size: 12px;
	font-style: normal;
	margin: 0px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}

.mgkAcademyMenu .menu li ul a:hover, .mgkAcademyMenu .menu li ul li:hover a,
.mgkAcademyMenu .menu li ul li.menuselected a {
	background: var(--mgk-primary-light);
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}

.mgkAcademyMenu .menu p {
	clear: left;
}